@nudge-coach/tokens
Version:
Tokens for the Nudge Coach design system.
1,846 lines (1,845 loc) • 83.3 kB
JavaScript
/**
* Do not edit directly
* Generated on Wed, 23 Nov 2022 16:52:38 GMT
*/
module.exports = {
"platform": {
"font": {
"family": {
"value": "Inter",
"filePath": "src/platform/web/font.json",
"isSource": true,
"original": {
"value": "Inter"
},
"name": "platform-font-family",
"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": "semantic-background-layer-0",
"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": "semantic-background-layer-1",
"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": "semantic-background-layer-2",
"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": "semantic-background-layer-3",
"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": "semantic-background-layer-4",
"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": "semantic-background-shade",
"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": "semantic-background-highlight",
"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": "semantic-background-contrast",
"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": "semantic-background-destructive",
"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": "semantic-background-warning",
"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": "semantic-background-success",
"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": "semantic-border-color-default",
"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": "semantic-icon-color-primary",
"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": "semantic-icon-color-secondary",
"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": "semantic-icon-color-highlight",
"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": "semantic-icon-color-contrast",
"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": "semantic-icon-size-default",
"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": "semantic-text-color-primary",
"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": "semantic-text-color-secondary",
"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": "semantic-text-color-critical",
"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": "semantic-text-color-destructive",
"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": "semantic-text-color-highlight",
"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": "semantic-text-color-success",
"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": "semantic-text-color-contrast",
"attributes": {
"category": "semantic",
"type": "text",
"item": "color",
"subitem": "contrast"
},
"path": [
"semantic",
"text",
"color",
"contrast"
]
}
},
"styles": {
"small": {
"value": "400 13px Inter",
"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": "semantic-text-styles-small",
"attributes": {
"category": "semantic",
"type": "text",
"item": "styles",
"subitem": "small"
},
"path": [
"semantic",
"text",
"styles",
"small"
]
},
"default": {
"value": "400 16px Inter",
"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": "semantic-text-styles-default",
"attributes": {
"category": "semantic",
"type": "text",
"item": "styles",
"subitem": "default"
},
"path": [
"semantic",
"text",
"styles",
"default"
]
},
"medium": {
"value": "500 16px Inter",
"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": "semantic-text-styles-medium",
"attributes": {
"category": "semantic",
"type": "text",
"item": "styles",
"subitem": "medium"
},
"path": [
"semantic",
"text",
"styles",
"medium"
]
},
"large": {
"value": "800 20px Inter",
"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": "semantic-text-styles-large",
"attributes": {
"category": "semantic",
"type": "text",
"item": "styles",
"subitem": "large"
},
"path": [
"semantic",
"text",
"styles",
"large"
]
}
}
},
"shadow": {
"elevation": {
"one": {
"value": "0px 1px 3px 0px rgba(0,0,0,.25)",
"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": "semantic-shadow-elevation-one",
"attributes": {
"category": "semantic",
"type": "shadow",
"item": "elevation",
"subitem": "one"
},
"path": [
"semantic",
"shadow",
"elevation",
"one"
]
},
"two": {
"value": "0px 2px 4px 0px rgba(0,0,0,.25)",
"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": "semantic-shadow-elevation-two",
"attributes": {
"category": "semantic",
"type": "shadow",
"item": "elevation",
"subitem": "two"
},
"path": [
"semantic",
"shadow",
"elevation",
"two"
]
},
"three": {
"value": "0px 3px 6px 0px rgba(0,0,0,.25)",
"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": "semantic-shadow-elevation-three",
"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": "semantic-radius-small",
"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": "semantic-radius-medium",
"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": "semantic-radius-large",
"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": "semantic-spacing-minimal",
"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": "semantic-spacing-tiny",
"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": "semantic-spacing-small",
"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": "semantic-spacing-medium",
"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": "semantic-spacing-base",
"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": "semantic-spacing-large",
"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": "component-action-color-background-hover-transparent",
"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": "component-action-color-background-hover-highlight",
"attributes": {
"category": "component",
"type": "action",
"item": "color",
"subitem": "background",
"state": "hover-highlight"
},
"path": [
"component",
"action",
"color",
"background",
"hover-highlight"
]
},
"hover-destructive": {
"value": "#eb1f1f",
"type": "color",
"filePath": "src/global/color/background.json",
"isSource": true,
"original": {
"value": "{core.color.red.value}",
"type": "color"
},
"name": "component-action-color-background-hover-destructive",
"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": "component-action-size-default",
"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": "component-action-size-minimal",
"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": "component-navigation-color-background-default",
"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": "component-navigation-color-background-hovered",
"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": "component-navigation-color-background-selected",
"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": "component-navigation-color-icon-default",
"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": "component-navigation-color-icon-hovered",
"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": "component-navigation-color-icon-selected",
"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": "component-navigation-color-text-default",
"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": "component-navigation-color-text-hovered",
"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": "component-navigation-color-text-selected",
"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": "component-navigation-size-header-height",
"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": "component-input-color-background-default",
"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": "component-input-color-background-disabled",
"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": "component-input-size-height",
"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": "component-input-size-padding",
"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": "component-modal-color-background-shade",
"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": "component-label-color-default",
"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": "component-label-color-disabled",
"attributes": {
"category": "component",
"type": "label",
"item": "color",
"subitem": "disabled"
},
"path": [
"component",
"label",
"color",
"disabled"
]
}
},
"style": {
"value": "500 16px Inter",
"type": "typography",
"filePath": "src/global/font/styles.json",
"isSource": true,
"original": {
"value": "{semantic.text.styles.medium.value}",
"type": "typography"
},
"name": "component-label-style",
"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": "component-label-size-margin",
"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": "core-color-highlight",
"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": "core-color-black",
"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": "core-color-white",
"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": "core-color-grayscale-0",
"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": "core-color-grayscale-1",
"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": "core-color-grayscale-2",
"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": "core-color-grayscale-3",
"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": "core-color-grayscale-4",
"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": "core-color-grayscale-5",
"attributes": {
"category": "core",
"type": "color",
"item": "grayscale",
"subitem": "5"
},
"path": [
"core",
"color",
"grayscale",
"5"
]
},
"6": {
"value": "rgb(170,170,170)",
"type": "color",
"filePath": "src/global/color/core.json",
"isSource": true,
"original": {
"value": "rgb(170,170,170)",
"type": "color"
},
"name": "core-color-grayscale-6",
"attributes": {
"category": "core",
"type": "color",
"item": "grayscale",
"subitem": "6"
},
"path": [
"core",
"color",
"grayscale",
"6"
]
},
"7": {
"value": "rgb(155,155,155)",
"type": "color",
"filePath": "src/global/color/core.js