@devoinc/genesys-brand-devo
Version:
Devo brand tokens
2,233 lines • 271 kB
JSON
{
"alias": {
"color": {
"border": {
"elevation": {
"ground": {
"value": "unset",
"type": "color"
},
"raised": {
"value": "#E1EAF0",
"type": "color"
},
"sticky": {
"bottom": {
"value": "#E1EAF0",
"type": "color"
},
"top": {
"value": "#E1EAF0",
"type": "color"
},
"right": {
"value": "#E1EAF0",
"type": "color"
},
"left": {
"value": "#E1EAF0",
"type": "color"
}
},
"activated": {
"value": "#E1EAF0",
"type": "color"
},
"draggable": {
"value": "#E1EAF0",
"type": "color"
},
"overlay": {
"value": "#E1EAF0",
"type": "color"
},
"popOut": {
"value": "#E1EAF0",
"type": "color"
}
}
}
},
"charts": {
"button": {
"shape": {
"borderRadius": {
"md": {
"value": 4,
"type": "borderRadius"
}
}
}
},
"axis": {
"labels": {
"color": {
"text": {
"base": {
"value": "#48545C",
"type": "color"
}
}
},
"typo": {
"fontSize": {
"md": {
"value": 12,
"type": "fontSizes"
}
},
"fontWeight": {
"base": {
"value": "500",
"type": "fontWeights"
}
}
}
},
"line": {
"color": {
"border": {
"base": {
"value": "#C3D3DE",
"type": "color"
},
"strong": {
"value": "#9DB0BD",
"type": "color"
}
}
}
},
"gridLine": {
"color": {
"border": {
"base": {
"value": "#E1EAF0",
"type": "color"
}
}
}
},
"minorGridLine": {
"color": {
"border": {
"base": {
"value": "#F0F3F5",
"type": "color"
}
}
}
},
"tick": {
"color": {
"border": {
"base": {
"value": "#C3D3DE",
"type": "color"
}
}
}
},
"title": {
"color": {
"text": {
"base": {
"value": "#233038",
"type": "color"
}
}
}
}
},
"title": {
"typo": {
"fontSize": {
"md": {
"value": 16,
"type": "fontSizes"
}
},
"fontWeight": {
"base": {
"value": "700",
"type": "fontWeights"
}
}
}
},
"subtitle": {
"typo": {
"fontSize": {
"md": {
"value": 13,
"type": "fontSizes"
}
},
"fontWeight": {
"base": {
"value": "500",
"type": "fontWeights"
}
}
}
},
"tooltip": {
"shape": {
"borderSize": {
"md": {
"value": "0",
"type": "borderWidth"
}
},
"borderRadius": {
"md": {
"value": 6,
"type": "borderRadius"
}
}
},
"typo": {
"fontSize": {
"sm": {
"value": 10,
"type": "fontSizes"
},
"md": {
"value": 11,
"type": "fontSizes"
},
"lg": {
"value": 12,
"type": "fontSizes"
}
},
"lineHeight": {
"sm": {
"value": 16,
"type": "lineHeights"
},
"md": {
"value": 16,
"type": "lineHeights"
},
"lg": {
"value": 16,
"type": "lineHeights"
}
}
},
"header": {
"space": {
"marginBottom": {
"value": 4,
"type": "spacing"
}
},
"typo": {
"fontWeight": {
"value": "700",
"type": "fontWeights"
}
}
},
"groupTitle": {
"space": {
"padding": {
"value": "4 0 calc(4 / 2) 0",
"type": "spacing"
}
},
"typo": {
"fontSize": {
"value": "calc(10 - 0.1rem)",
"type": "fontSizes"
},
"fontWeight": {
"value": "500",
"type": "fontWeights"
},
"textTransform": {
"value": "uppercase",
"type": "case"
},
"letterSpacing": {
"value": "0.1325em",
"type": "letterSpacing"
}
}
},
"item": {
"color": {
"background": {
"base": {
"value": "transparent",
"type": "color"
},
"active": {
"value": "rgba(164,200,245, 0.4)",
"type": "color"
}
}
},
"shape": {
"borderRadius": {
"value": 4,
"type": "borderRadius"
}
},
"space": {
"padding": {
"value": "0 4",
"type": "spacing"
}
},
"size": {
"minHeight": {
"value": "calc(10 + 0.8rem)",
"type": "sizing"
}
},
"typo": {
"fontSize": {
"value": 12,
"type": "fontSizes"
}
}
},
"itemSymbol": {
"size": {
"square": {
"value": 10,
"type": "sizing"
}
},
"space": {
"marginRight": {
"value": 4,
"type": "spacing"
}
}
},
"itemLabelLeft": {
"typo": {
"fontWeight": {
"value": "700",
"type": "fontWeights"
}
}
},
"itemValue": {
"space": {
"paddingLeft": {
"value": 4,
"type": "spacing"
}
}
},
"total": {
"space": {
"margin": {
"value": "calc(4 / 2) 0 0 0",
"type": "spacing"
},
"padding": {
"value": "0 4",
"type": "spacing"
}
}
},
"totalLabel": {
"typo": {
"fontWeight": {
"value": "700",
"type": "fontWeights"
}
}
}
},
"legend": {
"space": {
"padding": {
"md": {
"value": 12,
"type": "spacing"
}
}
},
"shape": {
"borderSize": {
"md": {
"value": "0",
"type": "borderWidth"
}
},
"borderRadius": {
"md": {
"value": 6,
"type": "borderRadius"
}
}
},
"title": {
"typo": {
"fontSize": {
"md": {
"value": 13,
"type": "fontSizes"
}
}
}
},
"item": {
"typo": {
"fontSize": {
"md": {
"value": 12,
"type": "fontSizes"
}
},
"fontWeight": {
"enabled": {
"value": "500",
"type": "fontWeights"
},
"hovered": {
"value": "700",
"type": "fontWeights"
}
}
},
"color": {
"text": {
"enabled": {
"value": "#233038",
"type": "color"
},
"hovered": {
"value": "#182026",
"type": "color"
}
}
}
}
},
"menu": {
"shape": {
"borderRadius": {
"md": {
"value": 6,
"type": "borderRadius"
}
}
},
"space": {
"padding": {
"md": {
"value": 8,
"type": "spacing"
}
}
},
"item": {
"color": {
"background": {
"enabled": {
"value": "rgba(255,255,255,1)",
"type": "color"
},
"hovered": {
"value": "#F0F3F5",
"type": "color"
}
},
"text": {
"enabled": {
"value": "#1F282E",
"type": "color"
},
"hovered": {
"value": "#182026",
"type": "color"
}
}
},
"shape": {
"borderRadius": {
"md": {
"value": 4,
"type": "borderRadius"
}
}
},
"space": {
"padding": {
"md": {
"value": "8 8",
"type": "spacing"
}
}
},
"typo": {
"fontSize": {
"md": {
"value": 13,
"type": "fontSizes"
}
}
}
}
},
"rangeSelector": {
"input": {
"color": {
"background": {
"enabled": {
"value": "rgba(255,255,255,1)",
"type": "color"
}
},
"border": {
"enabled": {
"value": "#C3D3DE",
"type": "color"
}
},
"text": {
"enabled": {
"value": "#233038",
"type": "color"
}
}
}
},
"label": {
"color": {
"text": {
"base": {
"value": "#233038",
"type": "color"
}
}
}
}
},
"scrollbar": {
"size": {
"square": {
"md": {
"value": 8,
"type": "sizing"
}
}
},
"space": {
"margin": {
"md": {
"value": 8,
"type": "spacing"
}
}
},
"track": {
"color": {
"backdrop": {
"base": {
"value": "rgba(0,0,0,.08)",
"type": "color"
}
}
},
"shape": {
"borderRadius": {
"md": {
"value": 8,
"type": "borderRadius"
}
},
"borderSize": {
"md": {
"value": "0",
"type": "borderWidth"
}
}
}
},
"thumb": {
"color": {
"backdrop": {
"base": {
"value": "rgba(0,0,0,.24)",
"type": "color"
},
"hovered": {
"value": "rgba(0,0,0,.36)",
"type": "color"
}
}
},
"shape": {
"borderRadius": {
"md": {
"value": 8,
"type": "borderRadius"
}
},
"borderSize": {
"md": {
"value": "0",
"type": "borderWidth"
}
}
}
},
"riffle": {
"color": {
"fill": {
"base": {
"value": "#667580",
"type": "color"
}
}
}
}
},
"plotOptions": {
"series": {
"shape": {
"borderSize": {
"md": {
"value": "0",
"type": "borderWidth"
}
}
},
"dataLabels": {
"color": {
"text": {
"base": {
"value": "#233038",
"type": "color"
}
}
},
"typo": {
"fontSize": {
"md": {
"value": 13,
"type": "fontSizes"
}
}
}
}
},
"box": {
"color": {
"fill": {
"base": {
"value": "#48545C",
"type": "color"
}
}
}
},
"candlestick": {
"color": {
"fill": {
"up": {
"value": "#FA8E8E",
"type": "color"
}
},
"border": {
"base": {
"value": "#FA8E8E",
"type": "color"
},
"up": {
"value": "#FA8E8E",
"type": "color"
}
}
}
},
"errorBar": {
"color": {
"fill": {
"base": {
"value": "rgba(255,255,255,1)",
"type": "color"
}
}
}
},
"map": {
"color": {
"border": {
"base": {
"value": "rgba(0,0,0,.12)",
"type": "color"
}
},
"fill": {
"null": {
"value": "rgba(0,0,0,.36)",
"type": "color"
}
}
}
}
}
},
"fields": {
"shape": {
"borderRadius": {
"value": 4,
"type": "borderRadius"
},
"borderSize": {
"base": {
"value": 1,
"type": "borderWidth"
},
"check": {
"value": 2,
"type": "borderWidth"
}
},
"opacity": {
"disabled": {
"value": ".4",
"type": "opacity"
}
}
},
"size": {
"height": {
"xs": {
"value": 20,
"type": "sizing"
},
"sm": {
"value": 24,
"type": "sizing"
},
"md": {
"value": 28,
"type": "sizing"
},
"lg": {
"value": 32,
"type": "sizing"
}
},
"square": {
"sm": {
"value": 14,
"type": "sizing"
},
"md": {
"value": 16,
"type": "sizing"
},
"lg": {
"value": 18,
"type": "sizing"
}
},
"width": {
"xxs": {
"value": 60,
"type": "sizing"
},
"xs": {
"value": 136,
"type": "sizing"
},
"sm": {
"value": 212,
"type": "sizing"
},
"md": {
"value": 288,
"type": "sizing"
},
"lg": {
"value": 364,
"type": "sizing"
},
"xl": {
"value": 444,
"type": "sizing"
},
"wide": {
"value": "100%",
"type": "sizing"
}
}
},
"space": {
"padding": {
"hor": {
"sm": {
"value": 8,
"type": "spacing"
},
"md": {
"value": 8,
"type": "spacing"
},
"lg": {
"value": 12,
"type": "spacing"
}
},
"withIcon": {
"sm": {
"value": "calc((8 * 2) + calc(8 / 2))",
"type": "spacing"
},
"md": {
"value": "calc((8 * 2) + calc(8 / 2))",
"type": "spacing"
},
"lg": {
"value": "calc((12 * 2) + calc(12 / 2))",
"type": "spacing"
}
}
}
},
"icon": {
"size": {
"square": {
"sm": {
"value": "calc((24 / 2) + 0.2rem)",
"type": "sizing"
},
"md": {
"value": "calc((28 / 2) + 0.2rem)",
"type": "sizing"
},
"lg": {
"value": "calc((32 / 2) + 0.2rem)",
"type": "sizing"
}
}
},
"space": {
"pos": {
"sm": {
"value": "calc(8 / 2)",
"type": "spacing"
},
"md": {
"value": "calc(8 / 2)",
"type": "spacing"
},
"lg": {
"value": "calc(12 / 2)",
"type": "spacing"
}
}
}
}
},
"handlers": {
"size": {
"square": {
"xs": {
"value": 12,
"type": "sizing"
},
"sm": {
"value": 16,
"type": "sizing"
},
"md": {
"value": 20,
"type": "sizing"
},
"lg": {
"value": 24,
"type": "sizing"
}
}
},
"shape": {
"borderRadius": {
"value": "50%",
"type": "borderRadius"
}
}
},
"menus": {
"space": {
"marginTop": {
"base": {
"value": "calc(4 / 2)",
"type": "spacing"
},
"isQuiet": {
"value": "0",
"type": "spacing"
},
"isGroundLevel": {
"value": 4,
"type": "spacing"
}
}
},
"wrapper": {
"space": {
"margin": {
"value": 4,
"type": "spacing"
}
}
},
"list": {
"size": {
"maxHeight": {
"value": "calc(32 * 7 + 32 / 2 + 4)",
"type": "sizing"
}
}
},
"item": {
"shape": {
"borderRadius": {
"value": 4,
"type": "borderRadius"
}
},
"space": {
"marginHor": {
"value": 8,
"type": "spacing"
}
},
"size": {
"minHeight": {
"value": 32,
"type": "sizing"
}
}
},
"itemIcon": {
"space": {
"marginRight": {
"sm": {
"value": 8,
"type": "spacing"
},
"md": {
"value": 8,
"type": "spacing"
},
"lg": {
"value": 16,
"type": "spacing"
}
}
},
"size": {
"square": {
"sm": {
"value": 16,
"type": "sizing"
},
"md": {
"value": 18,
"type": "sizing"
},
"lg": {
"value": 20,
"type": "sizing"
},
"xl": {
"value": 24,
"type": "sizing"
}
}
}
},
"itemGroup": {
"space": {
"marginTop": {
"value": 12,
"type": "spacing"
}
}
},
"itemGroupHeading": {
"size": {
"height": {
"value": 32,
"type": "sizing"
}
}
}
},
"scrollbars": {
"size": {
"square": {
"sm": {
"value": "calc(4 + 0.2rem)",
"type": "sizing"
},
"md": {
"value": 8,
"type": "sizing"
},
"lg": {
"value": "calc(8 + 0.2rem)",
"type": "sizing"
}
}
},
"track": {
"shape": {
"borderRadius": {
"value": 9990,
"type": "borderRadius"
}
}
},
"thumb": {
"shape": {
"borderRadius": {
"value": 9990,
"type": "borderRadius"
}
}
}
},
"typographies": {
"typo": {
"fontFamily": {
"action": {
"fontFaceName": {
"value": "'Devo Font', sans-serif",
"type": "fontFamilies"
},
"originalName": {
"value": "Museo Sans",
"type": "fontFamilies"
}
},
"body": {
"fontFaceName": {
"value": "'Devo Font', sans-serif",
"type": "fontFamilies"
},
"originalName": {
"value": "Museo Sans",
"type": "fontFamilies"
}
},
"heading": {
"fontFaceName": {
"value": "'Devo Font', sans-serif",
"type": "fontFamilies"
},
"originalName": {
"value": "Museo Sans",
"type": "fontFamilies"
}
},
"hero": {
"fontFaceName": {
"value": "'Devo Font', sans-serif",
"type": "fontFamilies"
},
"originalName": {
"value": "Museo Sans",
"type": "fontFamilies"
}
},
"icon": {
"base": {
"fontFaceName": {
"value": "'lt-iconfont', sans-serif",
"type": "fontFamilies"
},
"originalName": {
"value": "'lt-iconfont', sans-serif",
"type": "fontFamilies"
}
},
"alt": {
"fontFaceName": {
"value": "'LtAppFont', sans-serif",
"type": "fontFamilies"
},
"originalName": {
"value": "'LtAppFont', sans-serif",
"type": "fontFamilies"
}
}
},
"lead": {
"fontFaceName": {
"value": "'Devo Font', sans-serif",
"type": "fontFamilies"
},
"originalName": {
"value": "Museo Sans",
"type": "fontFamilies"
}
},
"link": {
"fontFaceName": {
"value": "'Devo Font', sans-serif",
"type": "fontFamilies"
},
"originalName": {
"value": "Museo Sans",
"type": "fontFamilies"
}
},
"mono": {
"fontFaceName": {
"value": "'Mono Font', monospace",
"type": "fontFamilies"
},
"originalName": {
"value": "JetBrains Mono",
"type": "fontFamilies"
}
},
"overline": {
"fontFaceName": {
"value": "'Devo Font', sans-serif",
"type": "fontFamilies"
},
"originalName": {
"value": "Museo Sans",
"type": "fontFamilies"
}
}
},
"fontSize": {
"action": {
"xxs": {
"value": 10,
"type": "fontSizes"
},
"xs": {
"value": 11,
"type": "fontSizes"
},
"sm": {
"value": 12,
"type": "fontSizes"
},
"md": {
"value": 13,
"type": "fontSizes"
},
"lg": {
"value": 14,
"type": "fontSizes"
},
"xl": {
"value": 16,
"type": "fontSizes"
}
},
"body": {
"xxs": {
"value": 10,
"type": "fontSizes"
},
"xs": {
"value": 11,
"type": "fontSizes"
},
"sm": {
"value": 12,
"type": "fontSizes"
},
"md": {
"value": 13,
"type": "fontSizes"
},
"lg": {
"value": 14,
"type": "fontSizes"
},
"xl": {
"value": 16,
"type": "fontSizes"
}
},
"heading": {
"h6": {
"value": 13,
"type": "fontSizes"
},
"h5": {
"value": 14,
"type": "fontSizes"
},
"h4": {
"value": 16,
"type": "fontSizes"
},
"h3": {
"value": 18,
"type": "fontSizes"
},
"h2": {
"value": 20,
"type": "fontSizes"
},
"h1": {
"value": 24,
"type": "fontSizes"
}
},
"hero": {
"sm": {
"value": 36,
"type": "fontSizes"
},
"md": {
"value": 42,
"type": "fontSizes"
},
"lg": {
"value": 48,
"type": "fontSizes"
}
},
"icon": {
"xxxxs": {
"value": 10,
"type": "fontSizes"
},
"xxxs": {
"value": 12,
"type": "fontSizes"
},
"xxs": {
"value": 14,
"type": "fontSizes"
},
"xs": {
"value": 16,
"type": "fontSizes"
},
"sm": {
"value": 18,
"type": "fontSizes"
},
"md": {
"value": 20,
"type": "fontSizes"
},
"lg": {
"value": 24,
"type": "fontSizes"
},
"xl": {
"value": 28,
"type": "fontSizes"
},
"xxl": {
"value": 32,
"type": "fontSizes"
},
"xxxl": {
"value": 48,
"type": "fontSizes"
},
"xxxxl": {
"value": 60,
"type": "fontSizes"
}
},
"lead": {
"sm": {
"value": 13,
"type": "fontSizes"
},
"md": {
"value": 14,
"type": "fontSizes"
},
"lg": {
"value": 16,
"type": "fontSizes"
}
},
"link": {
"xxs": {
"value": 10,
"type": "fontSizes"
},
"xs": {
"value": 11,
"type": "fontSizes"
},
"sm": {
"value": 12,
"type": "fontSizes"
},
"md": {
"value": 13,
"type": "fontSizes"
},
"lg": {
"value": 14,
"type": "fontSizes"
},
"xl": {
"value": 16,
"type": "fontSizes"
}
},
"mono": {
"sm": {
"value": 11,
"type": "fontSizes"
},
"md": {
"value": 13,
"type": "fontSizes"
},
"lg": {
"value": 16,
"type": "fontSizes"
}
},
"overline": {
"sm": {
"value": 10,
"type": "fontSizes"
},
"md": {
"value": 11,
"type": "fontSizes"
},
"lg": {
"value": 12,
"type": "fontSizes"
}
}
},
"fontWeight": {
"action": {
"value": "700",
"type": "fontWeights"
},
"body": {
"value": "500",
"type": "fontWeights"
},
"overline": {
"value": "500",
"type": "fontWeights"
},
"heading": {
"value": "700",
"type": "fontWeights"
},
"hero": {
"value": "700",
"type": "fontWeights"
},
"lead": {
"value": "300",
"type": "fontWeights"
},
"link": {
"value": "700",
"type": "fontWeights"
},
"markers": {
"value": "700",
"type": "fontWeights"
},
"mono": {
"value": "500",
"type": "fontWeights"
},
"shortText": {
"value": "500",
"type": "fontWeights"
},
"bolder": {
"value": "900",
"type": "fontWeights"
}
},
"letterSpacing": {
"action": {
"em": {
"value": "0",
"type": "letterSpacing"
},
"percent": {
"value": "0%",
"type": "letterSpacing"
}
},
"body": {
"em": {
"value": "0",
"type": "letterSpacing"
},
"percent": {
"value": "0%",
"type": "letterSpacing"
}
},
"heading": {
"em": {
"value": "-0.01925em",
"type": "letterSpacing"
},
"percent": {
"value": "-1.925%",
"type": "letterSpacing"
}
},
"hero": {
"em": {
"value": "-0.01925em",
"type": "letterSpacing"
},
"percent": {
"value": "-1.925%",
"type": "letterSpacing"
}
},
"lead": {
"em": {
"value": "0",
"type": "letterSpacing"
},
"percent": {
"value": "0%",
"type": "letterSpacing"
}
},
"link": {
"em": {
"value": "0",
"type": "letterSpacing"
},
"percent": {
"value": "0%",
"type": "letterSpacing"
}
},
"mono": {
"em": {
"value": "0",
"type": "letterSpacing"
},
"percent": {
"value": "0%",
"type": "letterSpacing"
}
},
"overline": {
"em": {
"value": "0.1325em",
"type": "letterSpacing"
},
"percent": {
"value": "13.25%",
"type": "letterSpacing"
}
},
"reset": {
"em": {
"value": "0",
"type": "letterSpacing"
},
"percent": {
"value": "0%",
"type": "letterSpacing"
}
}
},
"lineHeight": {
"action": {
"relative": {
"value": "1.2",
"type": "lineHeights"
},
"xxs": {
"value": 16,
"type": "lineHeights"
},
"xs": {
"value": 16,
"type": "lineHeights"
},
"sm": {
"value": 16,
"type": "lineHeights"
},
"md": {
"value": 20,
"type": "lineHeights"
},
"lg": {
"value": 20,
"type": "lineHeights"
},
"xl": {
"value": 24,
"type": "lineHeights"
}
},
"body": {
"relative": {
"value": "1.5",
"type": "lineHeights"
},
"xxs": {
"value": 16,
"type": "lineHeights"
},
"xs": {
"value": 16,
"type": "lineHeights"
},
"sm": {
"value": 16,
"type": "lineHeights"
},
"md": {
"value": 20,
"type": "lineHeights"
},
"lg": {
"value": 20,
"type": "lineHeights"
},
"xl": {
"value": 24,
"type": "lineHeights"
}
},
"heading": {
"relative": {
"value": "1.2",
"type": "lineHeights"
},
"h1": {
"value": 28,
"type": "lineHeights"
},
"h2": {
"value": 24,
"type": "lineHeights"
},
"h3": {
"value": 20,
"type": "lineHeights"
},
"h4": {
"value": 20,
"type": "lineHeights"
},
"h5": {
"value": 16,
"type": "lineHeights"
},
"h6": {
"value": 16,
"type": "lineHeights"
}
},
"hero": {
"relative": {
"value": "1.2",
"type": "lineHeights"
},
"sm": {
"value": 44,
"type": "lineHeights"
},
"md": {
"value": 52,
"type": "lineHeights"
},
"lg": {
"value": 56,
"type": "lineHeights"
}
},
"lead": {
"relative": {
"value": "1.5",
"type": "lineHeights"
},
"sm": {
"value": 20,
"type": "lineHeights"
},
"md": {
"value": 20,
"type": "lineHeights"
},
"lg": {
"value": 24,
"type": "lineHeights"
}
},
"link": {
"relative": {
"value": "1.5",
"type": "lineHeights"
},
"xxs": {
"value": 16,
"type": "lineHeights"
},
"xs": {
"value": 16,
"type": "lineHeights"
},
"sm": {
"value": 16,
"type": "lineHeights"
},
"md": {
"value": 20,
"type": "lineHeights"
},
"lg": {
"value": 20,
"type": "lineHeights"
},
"xl": {
"value": 24,
"type": "lineHeights"
}
},
"mono": {
"relative": {
"value": "1.5",
"type": "lineHeights"
},
"sm": {
"value": 16,
"type": "lineHeights"
},
"md": {
"value": 20,
"type": "lineHeights"
},
"lg": {
"value": 24,
"type": "lineHeights"
}
},
"overline": {
"relative": {
"value": "1.2",
"type": "lineHeights"
},
"sm": {
"value": 12,
"type": "lineHeights"
},
"md": {
"value": 16,
"type": "lineHeights"
},
"lg": {
"value": 16,
"type": "lineHeights"
}
},
"reset": {
"value": "1",
"type": "lineHeights"
}
},
"textTransform": {
"action": {
"value": "none",
"type": "case"
},
"body": {
"value": "none",
"type": "case"
},
"overline": {
"value": "uppercase",
"type": "case"
},
"heading": {
"value": "none",
"type": "case"
},
"hero": {
"value": "none",
"type": "case"
},
"lead": {
"value": "none",
"type": "case"
},
"link": {
"value": "none",
"type": "case"
},
"markers": {
"value": "none",
"type": "case"
},
"mono": {
"value": "none",
"type": "case"
},
"shortText": {
"value": "none",
"type": "case"
},
"bolder": {
"value": "none",
"type": "case"
}
}
}
},
"shape": {
"borderRadius": {
"sm": {
"value": 2,
"type": "borderRadius"
},
"md": {
"value": 4,
"type": "borderRadius"
},
"lg": {
"value": 6,
"type": "borderRadius"
},
"elevated": {
"value": 6,
"type": "borderRadius"
},
"pill": {
"value": 9990,
"type": "borderRadius"
},
"full": {
"value": "50%",
"type": "borderRadius"
}
},
"borderSize": {
"separator": {
"md": {
"value": 1,
"type": "borderWidth"
},
"lg": {
"value": 2,
"type": "borderWidth"
},
"xl": {
"value": 3,
"type": "borderWidth"
}
},
"panel": {
"base": {
"value": 1,
"type": "borderWidth"
}
},
"header": {
"base": {
"value": 1,
"type": "borderWidth"
}
},
"base": {
"highlighted": {
"value": 2,
"type": "borderWidth"
},
"focused": {
"value": 2,
"type": "borderWidth"
}
},
"contextMark": {
"base": {
"value": 4,
"type": "borderWidth"
}
}
},
"opacity": {
"disabled": {
"value": ".4",
"type": "opacity"
},
"blocked": {
"value": ".8",
"type": "opacity"
}
}
},
"size": {
"width": {
"popover": {
"xxxs": {
"value": 112,
"type": "sizing"
},
"xxs": {
"value": 216,
"type": "sizing"
},
"xs": {
"value": 256,
"type": "sizing"
},
"sm": {
"value": 288,
"type": "sizing"
},
"md": {
"value": 336,
"type": "sizing"
},
"lg": {
"value": 400,
"type": "sizing"
},
"xl": {
"value": 480,
"type": "sizing"
}
},
"sidebar": {
"xs": {
"value": 64,
"type": "sizing"
},
"sm": {
"value": 80,
"type": "sizing"
},
"md": {
"value": 256,
"type": "sizing"
},
"lg": {
"value": 336,
"type": "sizing"
},
"xl": {
"value": 400,
"type": "sizing"
}
}
},
"minWidth": {
"action": {
"xxs": {
"value": 32,
"type": "sizing"
},
"xs": {
"value": 40,
"type": "sizing"
},
"sm": {
"value": 48,
"type": "sizing"
},
"md": {
"value": 56,
"type": "sizing"
},
"lg": {
"value": 64,
"type": "sizing"
}
}
},
"height": {
"surface": {
"xxs": {
"value": 32,
"type": "sizing"
},
"xs": {
"value": 36,
"type": "sizing"
},
"sm": {
"value": 40,
"type": "sizing"
},
"md": {
"value": 48,
"type": "sizing"
},
"lg": {
"value": 56,
"type": "sizing"
},
"xl": {
"value": 64,
"type": "sizing"
},
"xxl": {
"value": 72,
"type": "sizing"
}
},
"toolbar": {
"xxs": {
"value": 32,
"type": "sizing"
},
"xs": {
"value": 36,
"type": "sizing"
},
"sm": {
"value": 40,
"type": "sizing"
},
"md": {
"value": 48,
"type": "sizing"
},
"lg": {
"value": 64,
"type": "sizing"
},
"xl": {
"value": 72,
"type": "sizing"
}
},
"action": {
"xxs": {
"value": 16,
"type": "sizing"
},
"xs": {
"value": 20,
"type": "sizing"
},
"sm": {
"value": 24,
"type": "sizing"
},
"md": {
"value": 28,
"type": "sizing"
},
"lg": {
"value": 32,
"type": "sizing"
}
},
"tag": {
"xs": {
"value": 16,
"type": "sizing"
},
"sm": {
"value": 20,
"type": "sizing"
},
"md": {
"value": 24,
"type": "sizing"
},
"lg": {
"value": 28,
"type": "sizing"
}
},
"track": {
"xs": {
"value": 4,
"type": "sizing"
},
"sm": {
"value": 8,
"type": "sizing"
},
"md": {
"value": 12,
"type": "sizing"
},
"lg": {
"value": 16,
"type": "sizing"
}
}
},
"square": {
"handler": {
"xs": {
"value": 12,
"type": "sizing"
},
"sm": {
"value": 16,
"type": "sizing"
},
"md": {
"value": 20,
"type": "sizing"
},
"lg": {
"value": 24,
"type": "sizing"
}
},
"icon": {
"base": {
"xxxxs": {
"value": 10,
"type": "sizing"
},
"xxxs": {
"value": 12,
"type": "sizing"
},
"xxs": {
"value": 14,
"type": "sizing"
},
"xs": {
"value": 16,
"type": "sizing"
},
"sm": {
"value": 18,
"type": "sizing"
},
"md": {
"value": 20,
"type": "sizing"
},
"lg": {
"value": 24,
"type": "sizing"
},
"xl": {
"value": 28,
"type": "sizing"
},
"xxl": {
"value": 32,
"type": "sizing"
},
"xxxl": {
"value": 48,
"type": "sizing"
},
"xxxxl": {
"value": 64,
"type": "sizing"
}
},
"inAction": {
"sm": {
"value": 14,
"type": "sizing"
},
"md": {
"value": 16,
"type": "sizing"
},
"lg": {
"value": 18,
"type": "sizing"
}
},
"isAction": {
"xs": {
"value": 14,
"type": "sizing"
},
"sm": {
"value": 16,
"type": "sizing"
},
"md": {
"value": 18,
"type": "sizing"
},
"lg": {
"value": 20,
"type": "sizing"
},
"xl": {
"value": 24,
"type": "sizing"
},
"xxl": {
"value": 28,
"type": "sizing"
}
}
},
"thumb": {
"xxs": {
"value": 32,
"type": "sizing"
},
"xs": {
"value": 40,
"type": "sizing"
},
"sm": {
"value": 48,
"type": "sizing"
},
"md": {
"value": 56,
"type": "sizing"
},
"lg": {
"value": 64,
"type": "sizing"
}
},
"badge": {
"hasContent": {
"xxs": {
"value": 12,
"type": "sizing"
},
"xs": {
"value": 14,
"type": "sizing"
},
"sm": {
"value": 16,
"type": "sizing"
},
"md": {
"value": 18,
"type": "sizing"
},
"lg": {
"value": 20,
"type": "sizing"
}
},
"empty": {
"xxs": {
"value": 6,
"type": "sizing"
},
"xs": {
"value": 8,
"type": "sizing"
},
"sm": {
"value": 10,
"type": "sizing"
},
"md": {
"value": 12,
"type": "sizing"
},
"lg": {
"value": 14,
"type": "sizing"
}
}
},
"bullet": {
"xs": {
"value": 8,
"type": "sizing"
},
"sm": {
"value": 10,
"type": "sizing"
},
"md": {
"value": 12,
"type": "sizing"
},
"lg": {
"value": 14,
"type": "sizing"
}
}
}
},
"space": {
"cmp": {
"xxs": {
"value": 4,
"type": "spacing"
},
"xs": {
"value": 8,
"type": "spacing"
},
"sm": {
"value": 12,
"type": "spacing"
},
"md": {
"value": 16,
"type": "spacing"
},
"lg": {
"value": 24,
"type": "spacing"
},
"xl": {
"value": 32,
"type": "spacing"
},
"xxl": {
"value": 40,
"type": "spacing"
},
"xxxl": {
"value": 48,
"type": "spacing"
}
},
"layout": {
"xxs": {
"value": 16,
"type": "spacing"
},
"xs": {
"value": 24,
"type": "spacing"
},
"sm": {
"value": 32,
"type": "spacing"
},
"md": {
"value": 48,
"type": "spacing"
},
"lg": {
"value": 64,
"type": "spacing"
},
"xl": {
"value": 96,
"t