@nudge-coach/tokens
Version:
Tokens for the Nudge Coach design system.
1,855 lines (1,853 loc) • 84.1 kB
JavaScript
/**
* Do not edit directly
* Generated on Wed, 23 Nov 2022 16:52:38 GMT
*/
module.exports = {
"platform": {
"font": {
"family": {
"value": "San Francisco",
"filePath": "src/platform/ios/font.json",
"isSource": true,
"original": {
"value": "San Francisco"
},
"name": "PlatformFontFamily",
"attributes": {
"category": "platform",
"type": "font",
"item": "family"
},
"path": [
"platform",
"font",
"family"
]
}
}
},
"semantic": {
"background": {
"layer": {
"0": {
"value": "rgb(255,255,255)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.grayscale.0.value}",
"type": "color"
},
"name": "SemanticBackgroundLayer0",
"attributes": {
"category": "semantic",
"type": "background",
"item": "layer",
"subitem": "0"
},
"path": [
"semantic",
"background",
"layer",
"0"
]
},
"1": {
"value": "rgb(245,245,245)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.grayscale.1.value}",
"type": "color"
},
"name": "SemanticBackgroundLayer1",
"attributes": {
"category": "semantic",
"type": "background",
"item": "layer",
"subitem": "1"
},
"path": [
"semantic",
"background",
"layer",
"1"
]
},
"2": {
"value": "rgb(230,230,230)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.grayscale.2.value}",
"type": "color"
},
"name": "SemanticBackgroundLayer2",
"attributes": {
"category": "semantic",
"type": "background",
"item": "layer",
"subitem": "2"
},
"path": [
"semantic",
"background",
"layer",
"2"
]
},
"3": {
"value": "rgb(215,215,215)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.grayscale.3.value}",
"type": "color"
},
"name": "SemanticBackgroundLayer3",
"attributes": {
"category": "semantic",
"type": "background",
"item": "layer",
"subitem": "3"
},
"path": [
"semantic",
"background",
"layer",
"3"
]
},
"4": {
"value": "rgb(200,200,200)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.grayscale.4.value}",
"type": "color"
},
"name": "SemanticBackgroundLayer4",
"attributes": {
"category": "semantic",
"type": "background",
"item": "layer",
"subitem": "4"
},
"path": [
"semantic",
"background",
"layer",
"4"
]
}
},
"shade": {
"value": "rgba(0,0,0,.1)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.black-alpha.20}",
"type": "color"
},
"name": "SemanticBackgroundShade",
"attributes": {
"category": "semantic",
"type": "background",
"item": "shade"
},
"path": [
"semantic",
"background",
"shade"
]
},
"highlight": {
"value": "hsl(223, 83%, 65%)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.highlight.value}",
"type": "color"
},
"name": "SemanticBackgroundHighlight",
"attributes": {
"category": "semantic",
"type": "background",
"item": "highlight"
},
"path": [
"semantic",
"background",
"highlight"
]
},
"contrast": {
"value": "#000000",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.black.value}",
"type": "color"
},
"name": "SemanticBackgroundContrast",
"attributes": {
"category": "semantic",
"type": "background",
"item": "contrast"
},
"path": [
"semantic",
"background",
"contrast"
]
},
"destructive": {
"value": "#EE4444",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.red.value}",
"type": "color"
},
"name": "SemanticBackgroundDestructive",
"attributes": {
"category": "semantic",
"type": "background",
"item": "destructive"
},
"path": [
"semantic",
"background",
"destructive"
]
},
"warning": {
"value": "#FEDF63",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.yellow.value}",
"type": "color"
},
"name": "SemanticBackgroundWarning",
"attributes": {
"category": "semantic",
"type": "background",
"item": "warning"
},
"path": [
"semantic",
"background",
"warning"
]
},
"success": {
"value": "#66BB66",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.green.value}",
"type": "color"
},
"name": "SemanticBackgroundSuccess",
"attributes": {
"category": "semantic",
"type": "background",
"item": "success"
},
"path": [
"semantic",
"background",
"success"
]
}
},
"border": {
"color": {
"default": {
"value": "rgba(0,0,0,.15)",
"type": "color",
"filePath": "src/global/color/border.json",
"isSource": true,
"original": {
"value": "{core.color.black-alpha.30}",
"type": "color"
},
"name": "SemanticBorderColorDefault",
"attributes": {
"category": "semantic",
"type": "border",
"item": "color",
"subitem": "default"
},
"path": [
"semantic",
"border",
"color",
"default"
]
}
}
},
"icon": {
"color": {
"primary": {
"value": "#000000",
"type": "color",
"filePath": "src/global/color/icon.json",
"isSource": true,
"original": {
"value": "{core.color.black.value}",
"type": "color"
},
"name": "SemanticIconColorPrimary",
"attributes": {
"category": "semantic",
"type": "icon",
"item": "color",
"subitem": "primary"
},
"path": [
"semantic",
"icon",
"color",
"primary"
]
},
"secondary": {
"value": "rgb(140,140,140)",
"type": "color",
"filePath": "src/global/color/icon.json",
"isSource": true,
"original": {
"value": "{core.color.grayscale.8.value}",
"type": "color"
},
"name": "SemanticIconColorSecondary",
"attributes": {
"category": "semantic",
"type": "icon",
"item": "color",
"subitem": "secondary"
},
"path": [
"semantic",
"icon",
"color",
"secondary"
]
},
"highlight": {
"value": "hsl(223, 83%, 65%)",
"type": "color",
"filePath": "src/global/color/icon.json",
"isSource": true,
"original": {
"value": "{core.color.highlight.value}",
"type": "color"
},
"name": "SemanticIconColorHighlight",
"attributes": {
"category": "semantic",
"type": "icon",
"item": "color",
"subitem": "highlight"
},
"path": [
"semantic",
"icon",
"color",
"highlight"
]
},
"contrast": {
"value": "#FFFFFF",
"type": "color",
"filePath": "src/global/color/icon.json",
"isSource": true,
"original": {
"value": "{core.color.white.value}",
"type": "color"
},
"name": "SemanticIconColorContrast",
"attributes": {
"category": "semantic",
"type": "icon",
"item": "color",
"subitem": "contrast"
},
"path": [
"semantic",
"icon",
"color",
"contrast"
]
}
},
"size": {
"default": {
"value": "24px",
"type": "sizing",
"filePath": "src/global/size/icon.json",
"isSource": true,
"original": {
"value": "{core.size.3.value}",
"type": "sizing"
},
"name": "SemanticIconSizeDefault",
"attributes": {
"category": "semantic",
"type": "icon",
"item": "size",
"subitem": "default"
},
"path": [
"semantic",
"icon",
"size",
"default"
]
}
}
},
"text": {
"color": {
"primary": {
"value": "#000000",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{core.color.black.value}",
"type": "color"
},
"name": "SemanticTextColorPrimary",
"attributes": {
"category": "semantic",
"type": "text",
"item": "color",
"subitem": "primary"
},
"path": [
"semantic",
"text",
"color",
"primary"
]
},
"secondary": {
"value": "rgb(140,140,140)",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{core.color.grayscale.8.value}",
"type": "color"
},
"name": "SemanticTextColorSecondary",
"attributes": {
"category": "semantic",
"type": "text",
"item": "color",
"subitem": "secondary"
},
"path": [
"semantic",
"text",
"color",
"secondary"
]
},
"critical": {
"value": "#EE4444",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{core.color.red.value}",
"type": "color"
},
"name": "SemanticTextColorCritical",
"attributes": {
"category": "semantic",
"type": "text",
"item": "color",
"subitem": "critical"
},
"path": [
"semantic",
"text",
"color",
"critical"
]
},
"destructive": {
"value": "#EE4444",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{core.color.red.value}",
"type": "color"
},
"name": "SemanticTextColorDestructive",
"attributes": {
"category": "semantic",
"type": "text",
"item": "color",
"subitem": "destructive"
},
"path": [
"semantic",
"text",
"color",
"destructive"
]
},
"highlight": {
"value": "hsl(223, 83%, 65%)",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{core.color.highlight.value}",
"type": "color"
},
"name": "SemanticTextColorHighlight",
"attributes": {
"category": "semantic",
"type": "text",
"item": "color",
"subitem": "highlight"
},
"path": [
"semantic",
"text",
"color",
"highlight"
]
},
"success": {
"value": "#66BB66",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{core.color.green.value}",
"type": "color"
},
"name": "SemanticTextColorSuccess",
"attributes": {
"category": "semantic",
"type": "text",
"item": "color",
"subitem": "success"
},
"path": [
"semantic",
"text",
"color",
"success"
]
},
"contrast": {
"value": "#FFFFFF",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{core.color.white.value}",
"type": "color"
},
"name": "SemanticTextColorContrast",
"attributes": {
"category": "semantic",
"type": "text",
"item": "color",
"subitem": "contrast"
},
"path": [
"semantic",
"text",
"color",
"contrast"
]
}
},
"styles": {
"small": {
"value": {
"fontFamily": "San Francisco",
"fontSize": "13px",
"fontWeight": "400"
},
"type": "typography",
"filePath": "src/global/font/styles.json",
"isSource": true,
"original": {
"value": {
"fontFamily": "{core.font.family.value}",
"fontSize": "{core.font.size.1.value}",
"fontWeight": "{core.font.weight.1.value}"
},
"type": "typography"
},
"name": "SemanticTextStylesSmall",
"attributes": {
"category": "semantic",
"type": "text",
"item": "styles",
"subitem": "small"
},
"path": [
"semantic",
"text",
"styles",
"small"
]
},
"default": {
"value": {
"fontFamily": "San Francisco",
"fontSize": "16px",
"fontWeight": "400"
},
"type": "typography",
"filePath": "src/global/font/styles.json",
"isSource": true,
"original": {
"value": {
"fontFamily": "{core.font.family.value}",
"fontSize": "{core.font.size.2.value}",
"fontWeight": "{core.font.weight.1.value}"
},
"type": "typography"
},
"name": "SemanticTextStylesDefault",
"attributes": {
"category": "semantic",
"type": "text",
"item": "styles",
"subitem": "default"
},
"path": [
"semantic",
"text",
"styles",
"default"
]
},
"medium": {
"value": {
"fontFamily": "San Francisco",
"fontSize": "16px",
"fontWeight": "500"
},
"type": "typography",
"filePath": "src/global/font/styles.json",
"isSource": true,
"original": {
"value": {
"fontFamily": "{core.font.family.value}",
"fontSize": "{core.font.size.2.value}",
"fontWeight": "{core.font.weight.2.value}"
},
"type": "typography"
},
"name": "SemanticTextStylesMedium",
"attributes": {
"category": "semantic",
"type": "text",
"item": "styles",
"subitem": "medium"
},
"path": [
"semantic",
"text",
"styles",
"medium"
]
},
"large": {
"value": {
"fontFamily": "San Francisco",
"fontSize": "20px",
"fontWeight": "800"
},
"type": "typography",
"filePath": "src/global/font/styles.json",
"isSource": true,
"original": {
"value": {
"fontFamily": "{core.font.family.value}",
"fontSize": "{core.font.size.3.value}",
"fontWeight": "{core.font.weight.3.value}"
},
"type": "typography"
},
"name": "SemanticTextStylesLarge",
"attributes": {
"category": "semantic",
"type": "text",
"item": "styles",
"subitem": "large"
},
"path": [
"semantic",
"text",
"styles",
"large"
]
}
}
},
"shadow": {
"elevation": {
"one": {
"value": {
"x": "0",
"y": "1",
"blur": "3",
"spread": "0",
"color": "rgba(0,0,0,.25)",
"opacity": "rgba(0,0,0,.25)",
"type": "dropShadow"
},
"type": "boxShadow",
"filePath": "src/global/shadow/elevation.json",
"isSource": true,
"original": {
"value": {
"x": "0",
"y": "1",
"blur": "3",
"spread": "0",
"color": "{core.color.black-alpha.50.value}",
"opacity": "{core.color.black-alpha.50.value}",
"type": "dropShadow"
},
"type": "boxShadow"
},
"name": "SemanticShadowElevationOne",
"attributes": {
"category": "semantic",
"type": "shadow",
"item": "elevation",
"subitem": "one"
},
"path": [
"semantic",
"shadow",
"elevation",
"one"
]
},
"two": {
"value": {
"x": "0",
"y": "2",
"blur": "4",
"spread": "0",
"color": "rgba(0,0,0,.25)",
"opacity": "rgba(0,0,0,.25)",
"type": "dropShadow"
},
"type": "boxShadow",
"filePath": "src/global/shadow/elevation.json",
"isSource": true,
"original": {
"value": {
"x": "0",
"y": "2",
"blur": "4",
"spread": "0",
"color": "{core.color.black-alpha.50.value}",
"opacity": "{core.color.black-alpha.50.value}",
"type": "dropShadow"
},
"type": "boxShadow"
},
"name": "SemanticShadowElevationTwo",
"attributes": {
"category": "semantic",
"type": "shadow",
"item": "elevation",
"subitem": "two"
},
"path": [
"semantic",
"shadow",
"elevation",
"two"
]
},
"three": {
"value": {
"x": "0",
"y": "3",
"blur": "6",
"spread": "0",
"color": "rgba(0,0,0,.25)",
"opacity": "rgba(0,0,0,.25)",
"type": "dropShadow"
},
"type": "boxShadow",
"filePath": "src/global/shadow/elevation.json",
"isSource": true,
"original": {
"value": {
"x": "0",
"y": "3",
"blur": "6",
"spread": "0",
"color": "{core.color.black-alpha.50.value}",
"opacity": "{core.color.black-alpha.50.value}",
"type": "dropShadow"
},
"type": "boxShadow"
},
"name": "SemanticShadowElevationThree",
"attributes": {
"category": "semantic",
"type": "shadow",
"item": "elevation",
"subitem": "three"
},
"path": [
"semantic",
"shadow",
"elevation",
"three"
]
}
}
},
"radius": {
"small": {
"value": "4px",
"type": "borderRadius",
"filePath": "src/global/size/radius.json",
"isSource": true,
"original": {
"value": "{core.size.0.value}",
"type": "borderRadius"
},
"name": "SemanticRadiusSmall",
"attributes": {
"category": "semantic",
"type": "radius",
"item": "small"
},
"path": [
"semantic",
"radius",
"small"
]
},
"medium": {
"value": "8px",
"type": "borderRadius",
"filePath": "src/global/size/radius.json",
"isSource": true,
"original": {
"value": "{core.size.1.value}",
"type": "borderRadius"
},
"name": "SemanticRadiusMedium",
"attributes": {
"category": "semantic",
"type": "radius",
"item": "medium"
},
"path": [
"semantic",
"radius",
"medium"
]
},
"large": {
"value": "16px",
"type": "borderRadius",
"filePath": "src/global/size/radius.json",
"isSource": true,
"original": {
"value": "{core.size.2.value}",
"type": "borderRadius"
},
"name": "SemanticRadiusLarge",
"attributes": {
"category": "semantic",
"type": "radius",
"item": "large"
},
"path": [
"semantic",
"radius",
"large"
]
}
},
"spacing": {
"minimal": {
"value": "4px",
"type": "spacing",
"filePath": "src/global/size/spacing.json",
"isSource": true,
"original": {
"value": "{core.size.0.value}",
"type": "spacing"
},
"name": "SemanticSpacingMinimal",
"attributes": {
"category": "semantic",
"type": "spacing",
"item": "minimal"
},
"path": [
"semantic",
"spacing",
"minimal"
]
},
"tiny": {
"value": "8px",
"type": "spacing",
"filePath": "src/global/size/spacing.json",
"isSource": true,
"original": {
"value": "{core.size.1.value}",
"type": "spacing"
},
"name": "SemanticSpacingTiny",
"attributes": {
"category": "semantic",
"type": "spacing",
"item": "tiny"
},
"path": [
"semantic",
"spacing",
"tiny"
]
},
"small": {
"value": "16px",
"type": "spacing",
"filePath": "src/global/size/spacing.json",
"isSource": true,
"original": {
"value": "{core.size.2.value}",
"type": "spacing"
},
"name": "SemanticSpacingSmall",
"attributes": {
"category": "semantic",
"type": "spacing",
"item": "small"
},
"path": [
"semantic",
"spacing",
"small"
]
},
"medium": {
"value": "24px",
"type": "spacing",
"filePath": "src/global/size/spacing.json",
"isSource": true,
"original": {
"value": "{core.size.3.value}",
"type": "spacing"
},
"name": "SemanticSpacingMedium",
"attributes": {
"category": "semantic",
"type": "spacing",
"item": "medium"
},
"path": [
"semantic",
"spacing",
"medium"
]
},
"base": {
"value": "40px",
"comment": "This is the same size as the height of a standard button.",
"type": "spacing",
"filePath": "src/global/size/spacing.json",
"isSource": true,
"original": {
"value": "{core.size.5.value}",
"comment": "This is the same size as the height of a standard button.",
"type": "spacing"
},
"name": "SemanticSpacingBase",
"attributes": {
"category": "semantic",
"type": "spacing",
"item": "base"
},
"path": [
"semantic",
"spacing",
"base"
]
},
"large": {
"value": "64px",
"type": "spacing",
"filePath": "src/global/size/spacing.json",
"isSource": true,
"original": {
"value": "{core.size.8.value}",
"type": "spacing"
},
"name": "SemanticSpacingLarge",
"attributes": {
"category": "semantic",
"type": "spacing",
"item": "large"
},
"path": [
"semantic",
"spacing",
"large"
]
}
}
},
"component": {
"action": {
"color": {
"background": {
"hover-transparent": {
"value": "rgba(0,0,0,.05)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.black-alpha.10}",
"type": "color"
},
"name": "ComponentActionColorBackgroundHoverTransparent",
"attributes": {
"category": "component",
"type": "action",
"item": "color",
"subitem": "background",
"state": "hover-transparent"
},
"path": [
"component",
"action",
"color",
"background",
"hover-transparent"
]
},
"hover-highlight": {
"value": "hsl(223, 83%, calc(65% - 5%))",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "hsl({theme.color.highlight.hue.value}, {theme.color.highlight.saturation.value}, calc({theme.color.highlight.lightness.value} - 5%))",
"type": "color"
},
"name": "ComponentActionColorBackgroundHoverHighlight",
"attributes": {
"category": "component",
"type": "action",
"item": "color",
"subitem": "background",
"state": "hover-highlight"
},
"path": [
"component",
"action",
"color",
"background",
"hover-highlight"
]
},
"hover-destructive": {
"value": "#EE4444",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.red.value}",
"type": "color"
},
"name": "ComponentActionColorBackgroundHoverDestructive",
"attributes": {
"category": "component",
"type": "action",
"item": "color",
"subitem": "background",
"state": "hover-destructive"
},
"path": [
"component",
"action",
"color",
"background",
"hover-destructive"
]
}
}
},
"size": {
"default": {
"value": "40px",
"type": "sizing",
"filePath": "src/global/size/size.json",
"isSource": true,
"original": {
"value": "{core.size.5.value}",
"type": "sizing"
},
"name": "ComponentActionSizeDefault",
"attributes": {
"category": "component",
"type": "action",
"item": "size",
"subitem": "default"
},
"path": [
"component",
"action",
"size",
"default"
]
},
"minimal": {
"value": "32px",
"type": "sizing",
"filePath": "src/global/size/size.json",
"isSource": true,
"original": {
"value": "{core.size.4.value}",
"type": "sizing"
},
"name": "ComponentActionSizeMinimal",
"attributes": {
"category": "component",
"type": "action",
"item": "size",
"subitem": "minimal"
},
"path": [
"component",
"action",
"size",
"minimal"
]
}
}
},
"navigation": {
"color": {
"background": {
"default": {
"value": "rgba(0,0,0,0)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.black-alpha.00.value}",
"type": "color"
},
"name": "ComponentNavigationColorBackgroundDefault",
"attributes": {
"category": "component",
"type": "navigation",
"item": "color",
"subitem": "background",
"state": "default"
},
"path": [
"component",
"navigation",
"color",
"background",
"default"
]
},
"hovered": {
"value": "rgba(0,0,0,.05)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.black-alpha.10.value}",
"type": "color"
},
"name": "ComponentNavigationColorBackgroundHovered",
"attributes": {
"category": "component",
"type": "navigation",
"item": "color",
"subitem": "background",
"state": "hovered"
},
"path": [
"component",
"navigation",
"color",
"background",
"hovered"
]
},
"selected": {
"value": "rgba(0,0,0,.1)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.black-alpha.20.value}",
"type": "color"
},
"name": "ComponentNavigationColorBackgroundSelected",
"attributes": {
"category": "component",
"type": "navigation",
"item": "color",
"subitem": "background",
"state": "selected"
},
"path": [
"component",
"navigation",
"color",
"background",
"selected"
]
}
},
"icon": {
"default": {
"value": "#000000",
"type": "color",
"filePath": "src/global/color/icon.json",
"isSource": true,
"original": {
"value": "{semantic.icon.color.primary.value}",
"type": "color"
},
"name": "ComponentNavigationColorIconDefault",
"attributes": {
"category": "component",
"type": "navigation",
"item": "color",
"subitem": "icon",
"state": "default"
},
"path": [
"component",
"navigation",
"color",
"icon",
"default"
]
},
"hovered": {
"value": "#000000",
"type": "color",
"filePath": "src/global/color/icon.json",
"isSource": true,
"original": {
"value": "{semantic.icon.color.primary.value}",
"type": "color"
},
"name": "ComponentNavigationColorIconHovered",
"attributes": {
"category": "component",
"type": "navigation",
"item": "color",
"subitem": "icon",
"state": "hovered"
},
"path": [
"component",
"navigation",
"color",
"icon",
"hovered"
]
},
"selected": {
"value": "#000000",
"type": "color",
"filePath": "src/global/color/icon.json",
"isSource": true,
"original": {
"value": "{semantic.icon.color.primary.value}",
"type": "color"
},
"name": "ComponentNavigationColorIconSelected",
"attributes": {
"category": "component",
"type": "navigation",
"item": "color",
"subitem": "icon",
"state": "selected"
},
"path": [
"component",
"navigation",
"color",
"icon",
"selected"
]
}
},
"text": {
"default": {
"value": "rgb(140,140,140)",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{semantic.text.color.secondary.value}",
"type": "color"
},
"name": "ComponentNavigationColorTextDefault",
"attributes": {
"category": "component",
"type": "navigation",
"item": "color",
"subitem": "text",
"state": "default"
},
"path": [
"component",
"navigation",
"color",
"text",
"default"
]
},
"hovered": {
"value": "rgb(140,140,140)",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{semantic.text.color.secondary.value}",
"type": "color"
},
"name": "ComponentNavigationColorTextHovered",
"attributes": {
"category": "component",
"type": "navigation",
"item": "color",
"subitem": "text",
"state": "hovered"
},
"path": [
"component",
"navigation",
"color",
"text",
"hovered"
]
},
"selected": {
"value": "#000000",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{semantic.text.color.primary.value}",
"type": "color"
},
"name": "ComponentNavigationColorTextSelected",
"attributes": {
"category": "component",
"type": "navigation",
"item": "color",
"subitem": "text",
"state": "selected"
},
"path": [
"component",
"navigation",
"color",
"text",
"selected"
]
}
}
},
"size": {
"header": {
"height": {
"value": "64px",
"type": "sizing",
"filePath": "src/global/size/size.json",
"isSource": true,
"original": {
"value": "{core.size.8.value}",
"type": "sizing"
},
"name": "ComponentNavigationSizeHeaderHeight",
"attributes": {
"category": "component",
"type": "navigation",
"item": "size",
"subitem": "header",
"state": "height"
},
"path": [
"component",
"navigation",
"size",
"header",
"height"
]
}
}
}
},
"input": {
"color": {
"background": {
"default": {
"value": "rgb(255,255,255)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{semantic.background.layer.0.value}",
"type": "color"
},
"name": "ComponentInputColorBackgroundDefault",
"attributes": {
"category": "component",
"type": "input",
"item": "color",
"subitem": "background",
"state": "default"
},
"path": [
"component",
"input",
"color",
"background",
"default"
]
},
"disabled": {
"value": "rgba(0,0,0,.05)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.black-alpha.10.value}",
"type": "color"
},
"name": "ComponentInputColorBackgroundDisabled",
"attributes": {
"category": "component",
"type": "input",
"item": "color",
"subitem": "background",
"state": "disabled"
},
"path": [
"component",
"input",
"color",
"background",
"disabled"
]
}
}
},
"size": {
"height": {
"value": "40px",
"type": "sizing",
"filePath": "src/global/size/size.json",
"isSource": true,
"original": {
"value": "{component.action.size.default.value}",
"type": "sizing"
},
"name": "ComponentInputSizeHeight",
"attributes": {
"category": "component",
"type": "input",
"item": "size",
"subitem": "height"
},
"path": [
"component",
"input",
"size",
"height"
]
},
"padding": {
"value": "16px",
"type": "spacing",
"filePath": "src/global/size/spacing.json",
"isSource": true,
"original": {
"value": "{semantic.spacing.small.value}",
"type": "spacing"
},
"name": "ComponentInputSizePadding",
"attributes": {
"category": "component",
"type": "input",
"item": "size",
"subitem": "padding"
},
"path": [
"component",
"input",
"size",
"padding"
]
}
}
},
"modal": {
"color": {
"background": {
"shade": {
"value": "rgba(0,0,0,.15)",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.black-alpha.30.value}",
"type": "color"
},
"name": "ComponentModalColorBackgroundShade",
"attributes": {
"category": "component",
"type": "modal",
"item": "color",
"subitem": "background",
"state": "shade"
},
"path": [
"component",
"modal",
"color",
"background",
"shade"
]
}
}
}
},
"label": {
"color": {
"default": {
"value": "#000000",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{semantic.text.color.primary.value}",
"type": "color"
},
"name": "ComponentLabelColorDefault",
"attributes": {
"category": "component",
"type": "label",
"item": "color",
"subitem": "default"
},
"path": [
"component",
"label",
"color",
"default"
]
},
"disabled": {
"value": "rgb(140,140,140)",
"type": "color",
"filePath": "src/global/color/text.json",
"isSource": true,
"original": {
"value": "{semantic.text.color.secondary.value}",
"type": "color"
},
"name": "ComponentLabelColorDisabled",
"attributes": {
"category": "component",
"type": "label",
"item": "color",
"subitem": "disabled"
},
"path": [
"component",
"label",
"color",
"disabled"
]
}
},
"style": {
"value": {
"fontFamily": "San Francisco",
"fontSize": "16px",
"fontWeight": "500"
},
"type": "typography",
"filePath": "src/global/font/styles.json",
"isSource": true,
"original": {
"value": "{semantic.text.styles.medium.value}",
"type": "typography"
},
"name": "ComponentLabelStyle",
"attributes": {
"category": "component",
"type": "label",
"item": "style"
},
"path": [
"component",
"label",
"style"
]
},
"size": {
"margin": {
"value": "8px",
"type": "spacing",
"filePath": "src/global/size/spacing.json",
"isSource": true,
"original": {
"value": "{semantic.spacing.tiny.value}",
"type": "spacing"
},
"name": "ComponentLabelSizeMargin",
"attributes": {
"category": "component",
"type": "label",
"item": "size",
"subitem": "margin"
},
"path": [
"component",
"label",
"size",
"margin"
]
}
}
}
},
"core": {
"color": {
"highlight": {
"value": "hsl(223, 83%, 65%)",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "hsl({theme.color.highlight.hue.value}, {theme.color.highlight.saturation.value}, {theme.color.highlight.lightness.value})"
},
"name": "CoreColorHighlight",
"attributes": {
"category": "core",
"type": "color",
"item": "highlight"
},
"path": [
"core",
"color",
"highlight"
]
},
"black": {
"value": "#000000",
"type": "color",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "#000000",
"type": "color"
},
"name": "CoreColorBlack",
"attributes": {
"category": "core",
"type": "color",
"item": "black"
},
"path": [
"core",
"color",
"black"
]
},
"white": {
"value": "#FFFFFF",
"type": "color",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "#FFFFFF",
"type": "color"
},
"name": "CoreColorWhite",
"attributes": {
"category": "core",
"type": "color",
"item": "white"
},
"path": [
"core",
"color",
"white"
]
},
"grayscale": {
"0": {
"value": "rgb(255,255,255)",
"type": "color",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "rgb(255,255,255)",
"type": "color"
},
"name": "CoreColorGrayscale0",
"attributes": {
"category": "core",
"type": "color",
"item": "grayscale",
"subitem": "0"
},
"path": [
"core",
"color",
"grayscale",
"0"
]
},
"1": {
"value": "rgb(245,245,245)",
"type": "color",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "rgb(245,245,245)",
"type": "color"
},
"name": "CoreColorGrayscale1",
"attributes": {
"category": "core",
"type": "color",
"item": "grayscale",
"subitem": "1"
},
"path": [
"core",
"color",
"grayscale",
"1"
]
},
"2": {
"value": "rgb(230,230,230)",
"type": "color",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "rgb(230,230,230)",
"type": "color"
},
"name": "CoreColorGrayscale2",
"attributes": {
"category": "core",
"type": "color",
"item": "grayscale",
"subitem": "2"
},
"path": [
"core",
"color",
"grayscale",
"2"
]
},
"3": {
"value": "rgb(215,215,215)",
"type": "color",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "rgb(215,215,215)",
"type": "color"
},
"name": "CoreColorGrayscale3",
"attributes": {
"category": "core",
"type": "color",
"item": "grayscale",
"subitem": "3"
},
"path": [
"core",
"color",
"grayscale",
"3"
]
},
"4": {
"value": "rgb(200,200,200)",
"type": "color",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "rgb(200,200,200)",
"type": "color"
},
"name": "CoreColorGrayscale4",
"attributes": {
"category": "core",
"type": "color",
"item": "grayscale",
"subitem": "4"
},
"path": [
"core",
"color",
"grayscale",
"4"
]
},
"5": {
"value": "rgb(185,185,185)",
"type": "color",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "rgb(185,185,185)",
"type": "color"
},
"name": "CoreColorGrayscale5",
"attributes": {
"category": "core",
"type": "color",
"item": "grayscale",