diff --git a/design-tokens/tokens/component/component.default.json b/design-tokens/tokens/component/component.default.json
index 210584402..30d2089b5 100644
--- a/design-tokens/tokens/component/component.default.json
+++ b/design-tokens/tokens/component/component.default.json
@@ -1,261 +1,161 @@
{
- "button": {
- "primary": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{button.default.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.bold}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
+ "select": {
+ "default": {
+ "medium": {
+ "option": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{formField.default.medium.input.container.paddingX}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "paddingY": {
+ "$type": "number",
+ "$value": 5,
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.disabled.DEFAULT.REST}",
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
},
- "fontWeight": {
+ "borderWidth": {
"$type": "number",
- "$value": "{button.primary.rest.fontWeight}",
+ "$value": "{static.borderWidth.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.primary.strong.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{button.primary.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{button.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{button.default.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
}
}
},
- "fontWeight": {
- "$type": "number",
- "$value": "{button.primary.rest.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "selected": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{button.default.selected.rest.background}",
+ "drop": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{button.default.selected.rest.borderColor}",
+ "paddingY": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "textColor": {
- "$type": "color",
- "$value": "{button.default.selected.rest.textColor}",
+ "gapY": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{button.default.selected.rest.iconColor}",
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{drop.default.borderRadius}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "fontWeight": {
+ "borderWidth": {
"$type": "number",
- "$value": "{button.primary.rest.fontWeight}",
+ "$value": "{static.borderWidth.none}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
- },
- "hover": {
+ }
+ },
+ "option": {
+ "rest": {
"background": {
"$type": "color",
- "$value": "{button.default.selected.hover.background}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -267,7 +167,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{button.default.selected.hover.borderColor}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -279,7 +179,7 @@
},
"textColor": {
"$type": "color",
- "$value": "{button.default.selected.hover.textColor}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -289,21 +189,9 @@
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{button.default.selected.hover.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
"fontWeight": {
"$type": "number",
- "$value": "{button.primary.rest.fontWeight}",
+ "$value": "{fontWeight.medium}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -313,220 +201,560 @@
}
}
}
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.DEFAULT.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{select.default.option.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{select.default.option.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.weak.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
}
},
- "xsmall": {
- "paddingX": {
- "$type": "number",
- "$value": "{button.default.xsmall.paddingX}",
+ "drop": {
+ "background": {
+ "$type": "color",
+ "$value": "{drop.default.background}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "paddingY": {
- "$type": "number",
- "$value": "{button.default.xsmall.paddingY}",
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{button.default.xsmall.borderRadius}",
+ }
+ }
+ }
+ },
+ "button": {
+ "primary": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{button.default.xsmall.borderWidth}",
+ "borderColor": {
+ "$type": "color",
+ "$value": "{button.default.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
- "minHeight": {
- "$type": "number",
- "$value": "{button.default.xsmall.minHeight}",
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
},
- "fontSize": {
- "$type": "number",
- "$value": "{button.default.xsmall.fontSize}",
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "iconOnly": {
- "paddingX": {
- "$type": "number",
- "$value": "{button.default.xsmall.iconOnly.paddingX}",
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.bold}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
- "paddingY": {
- "$type": "number",
- "$value": "{button.default.xsmall.iconOnly.paddingY}",
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
- "borderRadius": {
- "$type": "number",
- "$value": "{button.primary.xsmall.borderRadius}",
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{button.primary.xsmall.borderWidth}",
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "minHeight": {
+ "fontWeight": {
"$type": "number",
- "$value": "{button.primary.xsmall.minHeight}",
+ "$value": "{button.primary.rest.fontWeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{button.primary.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{button.primary.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{button.default.selected.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
- "minWidth": {
- "$type": "number",
- "$value": "{button.default.xsmall.iconOnly.minWidth}",
+ "borderColor": {
+ "$type": "color",
+ "$value": "{button.default.selected.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
- "fontSize": {
- "$type": "number",
- "$value": "{button.primary.xsmall.fontSize}",
+ "textColor": {
+ "$type": "color",
+ "$value": "{button.default.selected.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
},
- "lineHeight": {
- "$type": "number",
- "$value": "{button.primary.xsmall.lineHeight}",
+ "iconColor": {
+ "$type": "color",
+ "$value": "{button.default.selected.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "gapX": {
+ "fontWeight": {
"$type": "number",
- "$value": "{button.primary.xsmall.gapX}",
+ "$value": "{button.primary.rest.fontWeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
}
},
- "lineHeight": {
- "$type": "number",
- "$value": "{button.default.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{button.default.selected.hover.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "gapX": {
- "$type": "number",
- "$value": "{button.default.xsmall.gapX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{button.default.selected.hover.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{button.default.selected.hover.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{button.default.selected.hover.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{button.primary.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
}
},
- "small": {
+ "xsmall": {
"paddingX": {
"$type": "number",
- "$value": "{button.default.small.paddingX}",
+ "$value": "{button.default.xsmall.paddingX}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -538,7 +766,7 @@
},
"paddingY": {
"$type": "number",
- "$value": "{button.default.small.paddingY}",
+ "$value": "{button.default.xsmall.paddingY}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -550,7 +778,7 @@
},
"borderRadius": {
"$type": "number",
- "$value": "{button.default.small.borderRadius}",
+ "$value": "{button.default.xsmall.borderRadius}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -562,7 +790,7 @@
},
"borderWidth": {
"$type": "number",
- "$value": "{button.default.small.borderWidth}",
+ "$value": "{button.default.xsmall.borderWidth}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -574,7 +802,7 @@
},
"minHeight": {
"$type": "number",
- "$value": "{button.default.small.minHeight}",
+ "$value": "{button.default.xsmall.minHeight}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -586,7 +814,7 @@
},
"fontSize": {
"$type": "number",
- "$value": "{button.default.small.fontSize}",
+ "$value": "{button.default.xsmall.fontSize}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -596,8 +824,216 @@
}
}
},
- "lineHeight": {
- "$type": "number",
+ "iconOnly": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.iconOnly.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.iconOnly.paddingY}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.borderRadius}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.borderWidth}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minWidth": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.iconOnly.minWidth}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.gapX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.gapX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "small": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{button.default.small.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{button.default.small.paddingY}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{button.default.small.borderRadius}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{button.default.small.borderWidth}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{button.default.small.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{button.default.small.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
"$value": "{button.default.small.lineHeight}",
"$description": "",
"$extensions": {
@@ -5425,187 +5861,75 @@
}
}
},
- "drop": {
- "background": {
- "$type": "color",
- "$value": "{color.background.floating.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{radius.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
- }
- }
- },
- "margin": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "zIndex": {
- "$type": "number",
- "$value": 110,
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": true,
- "scopes": [],
- "codeSyntax": {}
- }
- }
- }
- },
"menu": {
- "item": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ "default": {
+ "item": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{button.default.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{button.default.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{button.default.rest.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{button.default.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{button.default.hover.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{button.default.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{button.default.hover.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{button.default.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
},
- "fontWeight": {
- "$type": "number",
- "$value": "{button.default.hover.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
+ "hover": {
"background": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.background.DEFAULT.hover}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5629,7 +5953,7 @@
},
"textColor": {
"$type": "color",
- "$value": "{button.default.disabled.rest.textColor}",
+ "$value": "{button.default.hover.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5641,7 +5965,7 @@
},
"iconColor": {
"$type": "color",
- "$value": "{button.default.disabled.rest.iconColor}",
+ "$value": "{button.default.hover.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5653,7 +5977,7 @@
},
"fontWeight": {
"$type": "number",
- "$value": "{button.default.disabled.rest.fontWeight}",
+ "$value": "{button.default.hover.fontWeight}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5663,68 +5987,76 @@
}
}
}
- }
- }
- },
- "drop": {
- "background": {
- "$type": "color",
- "$value": "{drop.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{button.default.disabled.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{button.default.disabled.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{button.default.disabled.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "group": {
- "separator": {
+ "drop": {
"background": {
"$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "medium": {
- "drop": {
- "paddingX": {
- "$type": "number",
- "$value": "{spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{spacing.none}",
+ "$value": "{drop.default.background}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5734,33 +6066,9 @@
}
}
},
- "gapY": {
- "$type": "number",
- "$value": "{spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{drop.borderRadius}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{spacing.none}",
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5771,109 +6079,101 @@
}
}
},
- "item": {
- "paddingX": {
- "$type": "number",
- "$value": "{button.default.medium.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{button.default.medium.paddingY}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "group": {
+ "separator": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
}
}
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{radius.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
+ }
+ },
+ "medium": {
+ "drop": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{button.default.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
+ },
+ "gapY": {
+ "$type": "number",
+ "$value": "{spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{button.default.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{drop.default.borderRadius}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{button.default.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
}
},
- "gapX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "item": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{button.default.medium.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "group": {
- "container": {
+ },
"paddingY": {
"$type": "number",
- "$value": "{static.spacing.none}",
+ "$value": "{button.default.medium.paddingY}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5883,305 +6183,221 @@
}
}
},
- "paddingX": {
+ "borderRadius": {
"$type": "number",
- "$value": "{static.spacing.none}",
+ "$value": "{radius.none}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
},
- "gapY": {
+ "borderWidth": {
"$type": "number",
- "$value": "{static.spacing.none}",
+ "$value": "{static.borderWidth.default}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
- }
- },
- "separator": {
- "height": {
+ },
+ "minHeight": {
"$type": "number",
- "$value": "{static.borderWidth.xsmall}",
+ "$value": "{button.default.medium.minHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT", "STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
- }
- }
- }
- }
- },
- "select": {
- "medium": {
- "option": {
- "paddingX": {
- "$type": "number",
- "$value": "{formField.medium.input.container.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{button.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": 5,
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{button.default.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
+ "group": {
+ "container": {
+ "paddingY": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "gapY": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
}
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{button.default.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
+ },
+ "separator": {
+ "height": {
+ "$type": "number",
+ "$value": "{static.borderWidth.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT", "STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
}
}
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{button.default.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ }
+ }
+ },
+ "drop": {
+ "default": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.floating.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL"],
+ "codeSyntax": {}
}
}
},
- "drop": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "gapY": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{radius.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
}
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{drop.borderRadius}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ },
+ "margin": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
}
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ },
+ "zIndex": {
+ "$type": "number",
+ "$value": 110,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": true,
+ "scopes": [],
+ "codeSyntax": {}
}
}
}
- },
- "option": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ }
+ },
+ "checkbox": {
+ "default": {
+ "control": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{select.option.rest.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
+ "hover": {
"background": {
"$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$value": "{color.background.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -6193,7 +6409,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.border.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -6202,112 +6418,210 @@
"codeSyntax": {}
}
}
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ }
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{select.option.rest.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
}
- }
- },
- "selected": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.selected.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
}
}
}
},
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.weak.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ "indeterminate": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.selected.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ }
+ },
+ "label": {
+ "rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -6316,537 +6630,287 @@
"codeSyntax": {}
}
}
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
- }
- }
- },
- "drop": {
- "background": {
- "$type": "color",
- "$value": "{drop.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "checkbox": {
- "control": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
}
}
}
},
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
+ "medium": {
+ "gapX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "Space between checkbox control and value (label)",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "label": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.disabled.DEFAULT.REST}",
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.disabled.DEFAULT.REST}",
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
}
- }
- },
- "selected": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.selected.DEFAULT.REST}",
+ },
+ "control": {
+ "height": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
+ "width": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.default}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{base.dimension.100}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
}
}
- },
- "indeterminate": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ }
+ }
+ },
+ "switch": {
+ "default": {
+ "control": {
+ "track": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.selected.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
- }
- }
- }
- }
- },
- "label": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
}
- }
- }
- },
- "medium": {
- "gapX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "Space between checkbox control and value (label)",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "label": {
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
},
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "control": {
- "height": {
- "$type": "number",
- "$value": "{base.dimension.600}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "width": {
- "$type": "number",
- "$value": "{base.dimension.600}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{base.dimension.100}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "switch": {
- "control": {
- "track": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "selected": {
+ "handle": {
"rest": {
"background": {
"$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
+ "$value": "{color.background.front.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -6867,118 +6931,24 @@
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
+ "boxShadow": {
+ "$type": "shadow",
+ "$value": "{shadow.small}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
- }
- }
- },
- "handle": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.front.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "boxShadow": {
- "$type": "shadow",
- "$value": "{shadow.small}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
},
- "boxShadow": {
- "$type": "shadow",
- "$value": "{shadow.small}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
+ "hover": {
"background": {
"$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$value": "{color.background.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -6990,7 +6960,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -7012,1793 +6982,1069 @@
}
}
}
- }
- },
- "selected": {
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "boxShadow": {
+ "$type": "shadow",
+ "$value": "{shadow.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "boxShadow": {
+ "$type": "shadow",
+ "$value": "{shadow.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "boxShadow": {
+ "$type": "shadow",
+ "$value": "{shadow.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ }
+ }
+ },
+ "label": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "disabled": {
"rest": {
- "background": {
+ "textColor": {
"$type": "color",
- "$value": "{color.background.default.REST}",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
+ }
+ }
+ }
+ },
+ "medium": {
+ "gapX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "label": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "control": {
+ "track": {
+ "height": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "boxShadow": {
- "$type": "shadow",
- "$value": "{shadow.small}",
+ "width": {
+ "$type": "number",
+ "$value": "{base.dimension.1200}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{static.borderWidth.default}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.medium}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "handle": {
+ "height": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "boxShadow": {
- "$type": "shadow",
- "$value": "{shadow.small}",
+ "width": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.default}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
}
}
}
- }
- },
- "label": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ }
+ }
+ },
+ "formField": {
+ "default": {
+ "medium": {
+ "input": {
+ "group": {
+ "item": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{element.medium.paddingY}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.default}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{radius.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textToIconX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textToElementX": {
+ "$type": "number",
+ "$value": "{element.medium.textToElementX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "container": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.default}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{formField.default.medium.input.container.borderRadius}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "container": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": 5,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{static.borderWidth.default}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textToIconX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textToElementX": {
+ "$type": "number",
+ "$value": "{element.medium.textToElementX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
}
}
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ },
+ "label": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{text.xsmall.fontSize}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
- }
- }
- }
- },
- "medium": {
- "gapX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "label": {
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{text.xsmall.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
},
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
+ "placeholder": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.regular}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
},
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
+ "help": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{text.xsmall.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "control": {
- "track": {
- "height": {
+ },
+ "lineHeight": {
"$type": "number",
- "$value": "{base.dimension.600}",
+ "$value": "{text.xsmall.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
},
- "width": {
+ "fontWeight": {
"$type": "number",
- "$value": "{base.dimension.1200}",
+ "$value": "{fontWeight.regular}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "info": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{text.xsmall.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
},
- "borderWidth": {
+ "lineHeight": {
"$type": "number",
- "$value": "{static.borderWidth.default}",
+ "$value": "{text.xsmall.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderRadius": {
+ "fontWeight": {
"$type": "number",
- "$value": "{static.radius.medium}",
+ "$value": "{fontWeight.regular}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
}
},
- "handle": {
- "height": {
+ "error": {
+ "fontSize": {
"$type": "number",
- "$value": "{base.dimension.600}",
+ "$value": "{text.xsmall.fontSize}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
},
- "width": {
+ "lineHeight": {
"$type": "number",
- "$value": "{base.dimension.600}",
+ "$value": "{text.xsmall.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderWidth": {
+ "fontWeight": {
"$type": "number",
- "$value": "{borderWidth.default}",
+ "$value": "{fontWeight.regular}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "value": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
},
- "borderRadius": {
+ "lineHeight": {
"$type": "number",
- "$value": "{static.radius.medium}",
+ "$value": "{element.medium.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
- }
- }
- }
- }
- },
- "dataCell": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "selected": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "primary": {
- "medium": {
- "paddingX": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{dataCell.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{dataCell.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- },
- "borderBottomWidth": {
- "$type": "number",
- "$value": "{dataCell.medium.borderBottomWidth}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "paddingTop": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingTop}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingBottom": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingBottom}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- }
- },
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.text.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.primary.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.primary.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.hover.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.hover.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.disabled.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.disabled.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.disabled.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.disabled.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "pinned": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "backgroundColor": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "backgroundColor": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "medium": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- },
- "borderBottomWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "paddingTop": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingBottom": {
- "$type": "number",
- "$value": 5,
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "headerCell": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{headerCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{headerCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{headerCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "pinned": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.hover.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "units": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "pinned": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{headerCell.units.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{headerCell.units.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "medium": {
- "paddingX": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{dataCell.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{dataCell.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- },
- "borderBottomWidth": {
- "$type": "number",
- "$value": "{dataCell.medium.borderBottomWidth}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "paddingTop": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingTop}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingBottom": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingBottom}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "gapX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "formField": {
- "medium": {
"input": {
"group": {
- "item": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "container": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{formField.default.input.container.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{element.medium.paddingY}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{formField.default.input.container.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{formField.default.input.group.container.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{formField.default.input.group.container.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderRadius": {
- "$type": "number",
- "$value": "{radius.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
+ "error": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.critical.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
},
- "textToIconX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
},
- "textToElementX": {
- "$type": "number",
- "$value": "{element.medium.textToElementX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ "readOnly": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{formField.default.input.container.readOnly.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{formField.default.input.container.readOnly.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
}
},
- "container": {
- "paddingX": {
- "$type": "number",
- "$value": "{spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "item": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.DEFAULT.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderRadius": {
- "$type": "number",
- "$value": "{formField.medium.input.container.borderRadius}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
+ "focus": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.DEFAULT.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
- }
- }
- },
- "container": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": 5,
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
- }
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "textToIconX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
}
- }
- },
- "textToElementX": {
- "$type": "number",
- "$value": "{element.medium.textToElementX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ },
+ "readOnly": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
}
}
}
- }
- },
- "label": {
- "fontSize": {
- "$type": "number",
- "$value": "{text.xsmall.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{text.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "placeholder": {
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "help": {
- "fontSize": {
- "$type": "number",
- "$value": "{text.xsmall.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{text.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "info": {
- "fontSize": {
- "$type": "number",
- "$value": "{text.xsmall.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{text.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "error": {
- "fontSize": {
- "$type": "number",
- "$value": "{text.xsmall.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
},
- "lineHeight": {
- "$type": "number",
- "$value": "{text.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "value": {
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "input": {
- "group": {
"container": {
"rest": {
"background": {
"$type": "color",
- "$value": "{formField.input.container.rest.background}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8810,12 +8056,12 @@
},
"borderColor": {
"$type": "color",
- "$value": "{formField.input.container.rest.borderColor}",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
@@ -8824,7 +8070,33 @@
"hover": {
"background": {
"$type": "color",
- "$value": "{formField.input.group.container.rest.background}",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8836,7 +8108,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{formField.input.group.container.rest.borderColor}",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8879,7 +8151,7 @@
"rest": {
"background": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8907,7 +8179,7 @@
"rest": {
"background": {
"$type": "color",
- "$value": "{formField.input.container.readOnly.rest.background}",
+ "$value": "{color.background.back.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8919,7 +8191,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{formField.input.container.readOnly.rest.borderColor}",
+ "$value": "{color.border.weak.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8931,218 +8203,566 @@
}
}
}
+ }
+ },
+ "label": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "error": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ }
+ },
+ "placeholder": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "error": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
},
- "item": {
+ "disabled": {
"rest": {
- "background": {
+ "textColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
- "borderColor": {
+ }
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "textColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.weak.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
- },
- "hover": {
- "background": {
+ }
+ }
+ },
+ "help": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "error": {
+ "rest": {
+ "textColor": {
"$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
- "borderColor": {
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "color": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
- },
- "focus": {
- "background": {
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "textColor": {
"$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
- "borderColor": {
+ }
+ }
+ }
+ },
+ "info": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "error": {
+ "rest": {
+ "textColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
- },
- "disabled": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
}
}
}
- },
- "readOnly": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
}
}
}
}
}
},
- "container": {
+ "error": {
"rest": {
- "background": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.critical.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_FILLS", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "iconColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.icon.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["ALL_FILLS", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.default.REST}",
+ "$value": "{color.text.critical.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
- "hover": {
- "background": {
+ "focus": {
+ "iconColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.icon.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["ALL_FILLS", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.default.REST}",
+ "$value": "{color.text.critical.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "value": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
- "focus": {
- "background": {
+ "hover": {
+ "textColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
- "borderColor": {
+ }
+ },
+ "focus": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.default.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
@@ -9150,26 +8770,14 @@
},
"error": {
"rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.critical.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.strong.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
@@ -9178,26 +8786,14 @@
},
"disabled": {
"rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
@@ -9206,26 +8802,14 @@
},
"readOnly": {
"rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.back.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.weak.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
@@ -9233,12 +8817,14 @@
}
}
}
- },
- "label": {
+ }
+ },
+ "dataCell": {
+ "default": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9250,12 +8836,36 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.strong.REST}",
+ "$value": "{color.icon.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
@@ -9264,7 +8874,7 @@
"hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9276,48 +8886,148 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.strong.REST}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "textColor": {
+ },
+ "borderColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{dataCell.default.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
+ }
+ },
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "selected": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "error": {
- "rest": {
+ "hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9329,23 +9039,47 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.strong.REST}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
}
},
- "disabled": {
+ "pinned": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9357,23 +9091,57 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.strong.REST}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "backgroundColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
- }
- },
- "readOnly": {
- "rest": {
+ },
+ "hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9385,116 +9153,244 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.strong.REST}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "backgroundColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
}
+ },
+ "medium": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.regular}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderBottomWidth": {
+ "$type": "number",
+ "$value": "{static.borderWidth.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingTop": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingBottom": {
+ "$type": "number",
+ "$value": 5,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ }
}
},
- "placeholder": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
+ "primary": {
+ "medium": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
+ },
+ "borderBottomWidth": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.borderBottomWidth}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
- }
- },
- "error": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "paddingTop": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingTop}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
}
}
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "paddingBottom": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingBottom}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
}
}
}
},
- "readOnly": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "help": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{color.text.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9503,118 +9399,98 @@
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "textColor": {
+ },
+ "iconColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{color.text.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "textColor": {
+ },
+ "borderColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "error": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
}
}
}
},
- "disabled": {
- "rest": {
- "color": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{dataCell.primary.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
}
}
- }
- },
- "readOnly": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{dataCell.primary.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
}
}
- }
- }
- },
- "info": {
- "rest": {
- "textColor": {
+ },
+ "borderColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.hover.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "textColor": {
+ },
+ "background": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.hover.background}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
- "focus": {
+ "disabled": {
"textColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.disabled.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9623,62 +9499,52 @@
"codeSyntax": {}
}
}
- }
- },
- "error": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.disabled.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
}
}
- }
- },
- "readOnly": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.disabled.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.disabled.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
}
}
}
}
- },
- "error": {
+ }
+ },
+ "headerCell": {
+ "default": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.critical.DEFAULT.REST}",
+ "$value": "{color.text.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9690,89 +9556,95 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.default.REST}",
+ "$value": "{color.icon.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_FILLS", "STROKE_COLOR"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "iconColor": {
+ },
+ "borderColor": {
"$type": "color",
- "$value": "{color.icon.default.REST}",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_FILLS", "STROKE_COLOR"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
- "textColor": {
+ "background": {
"$type": "color",
- "$value": "{color.text.critical.DEFAULT.REST}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
- "focus": {
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{headerCell.default.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
"iconColor": {
"$type": "color",
- "$value": "{color.icon.default.REST}",
+ "$value": "{headerCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_FILLS", "STROKE_COLOR"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "textColor": {
+ "borderColor": {
"$type": "color",
- "$value": "{color.text.critical.DEFAULT.REST}",
+ "$value": "{headerCell.default.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
- }
- }
- },
- "value": {
- "rest": {
- "textColor": {
+ },
+ "background": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{color.background.DEFAULT.hover}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
- "hover": {
+ "pinned": {
"textColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9781,43 +9653,49 @@
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "textColor": {
+ },
+ "iconColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "error": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.hover.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
}
}
}
},
- "disabled": {
+ "units": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$value": "{color.text.weak.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9827,13 +9705,11 @@
}
}
}
- }
- },
- "readOnly": {
- "rest": {
+ },
+ "hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{color.text.weak.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9843,116 +9719,156 @@
}
}
}
- }
- }
- }
- },
- "footerCell": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "pinned": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{headerCell.default.units.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{headerCell.default.units.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ "medium": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{footerCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{footerCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ },
+ "borderBottomWidth": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.borderBottomWidth}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingTop": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingTop}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{footerCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "paddingBottom": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingBottom}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
}
}
}
- },
- "pinned": {
+ }
+ },
+ "footerCell": {
+ "default": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{dataCell.rest.textColor}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9964,7 +9880,7 @@
},
"iconColor": {
"$type": "color",
- "$value": "{dataCell.rest.iconColor}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9976,7 +9892,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{dataCell.hover.borderColor}",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10002,7 +9918,7 @@
"hover": {
"textColor": {
"$type": "color",
- "$value": "{dataCell.rest.textColor}",
+ "$value": "{footerCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10014,7 +9930,7 @@
},
"iconColor": {
"$type": "color",
- "$value": "{dataCell.rest.iconColor}",
+ "$value": "{footerCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10026,7 +9942,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{dataCell.hover.borderColor}",
+ "$value": "{footerCell.default.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10048,204 +9964,228 @@
}
}
}
- }
- },
- "medium": {
- "paddingX": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{dataCell.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{dataCell.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- },
- "borderTopWidth": {
- "$type": "number",
- "$value": "{dataCell.medium.borderBottomWidth}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
},
- "paddingTop": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingBottom}",
- "$description": "This intentionally uses paddingBottom because the border side is switched from dataCell.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "pinned": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.hover.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
}
- }
- },
- "paddingBottom": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingTop}",
- "$description": "This intentionally uses paddingTop because the border side is switched from dataCell.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.hover.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
}
}
},
- "gapX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "medium": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- }
- }
- },
- "radioButton": {
- "control": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
+ },
+ "borderTopWidth": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.borderBottomWidth}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
- "$description": "",
+ "paddingTop": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingBottom}",
+ "$description": "This intentionally uses paddingBottom because the border side is switched from dataCell.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
+ },
+ "paddingBottom": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingTop}",
+ "$description": "This intentionally uses paddingTop because the border side is switched from dataCell.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
}
- },
- "disabled": {
+ }
+ }
+ },
+ "radioButton": {
+ "default": {
+ "control": {
"rest": {
"background": {
"$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10257,7 +10197,59 @@
},
"borderColor": {
"$type": "color",
- "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10267,298 +10259,326 @@
}
}
}
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.selected.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.decorative.brand.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.selected.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.decorative.brand.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.selected.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.decorative.brand.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
}
},
- "selected": {
+ "label": {
"rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.selected.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.decorative.brand.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
"hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.selected.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.decorative.brand.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
- "focus": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
}
}
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.selected.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ }
+ },
+ "selected": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.decorative.brand.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
}
}
}
}
- }
- },
- "label": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
},
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
+ "medium": {
+ "gapX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "Space between checkbox control and value (label)",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "selected": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
+ },
+ "label": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
- }
- }
- }
- },
- "medium": {
- "gapX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "Space between checkbox control and value (label)",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "label": {
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "control": {
- "height": {
- "$type": "number",
- "$value": "{base.dimension.600}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "width": {
- "$type": "number",
- "$value": "{base.dimension.600}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
+ "control": {
+ "height": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.full}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
+ },
+ "width": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.default}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.full}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
}
}
}
@@ -12473,10 +12493,206 @@
}
}
},
- "group": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "group": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "dayOfWeek": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ }
+ },
+ "spinner": {
+ "track": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.contrast.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "indicator": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.foreground.primary.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "xsmall": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.xsmall.width}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "height": {
+ "$type": "number",
+ "$value": "{element.xsmall.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "small": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.small.width}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "height": {
+ "$type": "number",
+ "$value": "{element.small.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "medium": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.medium.width}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12486,9 +12702,21 @@
}
}
},
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "height": {
+ "$type": "number",
+ "$value": "{element.medium.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12499,129 +12727,103 @@
}
}
},
- "dayOfWeek": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ "large": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.large.width}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ },
+ "height": {
+ "$type": "number",
+ "$value": "{element.large.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ }
+ },
+ "xlarge": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.xlarge.width}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ },
+ "height": {
+ "$type": "number",
+ "$value": "{element.xlarge.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
}
}
}
},
- "badge": {
- "value": {
- "default": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.neutral.xstrong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
+ "rangeInput": {
+ "track": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.neutral.xstrong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
}
- },
- "small": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.5xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": 0,
+ }
+ },
+ "handle": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12631,9 +12833,9 @@
}
}
},
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.full}",
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12644,68 +12846,10 @@
}
}
},
- "critical": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.icon.critical.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "dot": {
- "default": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.neutral.xstrong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "small": {
- "width": {
- "$type": "number",
- "$value": 9,
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12715,9 +12859,9 @@
}
}
},
- "height": {
- "$type": "number",
- "$value": 9,
+ "border": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12727,30 +12871,12 @@
}
}
}
- },
- "critical": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.icon.critical.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
}
- }
- },
- "rangeInput": {
- "track": {
+ },
+ "indicator": {
"background": {
"$type": "color",
- "$value": "{color.background.neutral.xstrong.REST}",
+ "$value": "{color.foreground.primary.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12774,6 +12900,44 @@
"codeSyntax": {}
}
}
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": 0,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "indicator": {
+ "height": {
+ "$type": "number",
+ "$value": 4,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{radius.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
}
},
"handle": {
@@ -12853,11 +13017,55 @@
}
}
}
+ }
+ }
+ },
+ "badge": {
+ "value": {
+ "default": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.neutral.xstrong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
},
- "indicator": {
- "height": {
+ "small": {
+ "paddingX": {
"$type": "number",
- "$value": 4,
+ "$value": "{static.spacing.5xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12866,28 +13074,22 @@
"codeSyntax": {}
}
}
- }
- }
- },
- "indicator": {
- "background": {
- "$type": "color",
- "$value": "{color.foreground.primary.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": 0,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "handle": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.primary.strong.REST}",
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.full}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12896,24 +13098,70 @@
"codeSyntax": {}
}
}
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ }
+ },
+ "critical": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.icon.critical.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ }
+ },
+ "dot": {
+ "default": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.neutral.xstrong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
}
}
},
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.primary.strong.REST}",
+ "small": {
+ "width": {
+ "$type": "number",
+ "$value": 9,
"$description": "",
"$extensions": {
"com.figma": {
@@ -12923,236 +13171,32 @@
}
}
},
- "border": {
- "$type": "color",
- "$value": "{color.background.primary.strong.REST}",
+ "height": {
+ "$type": "number",
+ "$value": 9,
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "spinner": {
- "track": {
- "background": {
- "$type": "color",
- "$value": "{color.background.contrast.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "indicator": {
- "background": {
- "$type": "color",
- "$value": "{color.foreground.primary.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "xsmall": {
- "width": {
- "$type": "number",
- "$value": "{element.xsmall.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.xsmall.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "small": {
- "width": {
- "$type": "number",
- "$value": "{element.small.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.small.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "medium": {
- "width": {
- "$type": "number",
- "$value": "{element.medium.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.medium.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "large": {
- "width": {
- "$type": "number",
- "$value": "{element.large.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.large.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "xlarge": {
- "width": {
- "$type": "number",
- "$value": "{element.xlarge.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.xlarge.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ "critical": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.icon.critical.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
}
}
}
@@ -14064,7 +14108,7 @@
"rest": {
"background": {
"$type": "color",
- "$value": "{color.background.default.REST}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -14165,7 +14209,7 @@
"rest": {
"background": {
"$type": "color",
- "$value": "{color.background.default.REST}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16192,19 +16236,7 @@
"drop": {
"background": {
"$type": "color",
- "$value": "{drop.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{drop.default.background}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16217,21 +16249,99 @@
},
"medium": {
"option": {
- "paddingX": {
- "$type": "number",
- "$value": "{formField.medium.input.container.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "item": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{formField.default.medium.input.container.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": 5,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
}
}
},
- "paddingY": {
+ "group": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "gapY": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "summary": {
+ "paddingX": {
"$type": "number",
- "$value": 5,
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16241,14 +16351,14 @@
}
}
},
- "minHeight": {
+ "paddingY": {
"$type": "number",
- "$value": "{element.medium.minHeight}",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
@@ -16266,7 +16376,7 @@
}
}
},
- "summary": {
+ "searchContainer": {
"paddingX": {
"$type": "number",
"$value": "{static.spacing.3xsmall}",
@@ -16316,10 +16426,10 @@
}
}
},
- "searchContainer": {
+ "searchEmpty": {
"paddingX": {
"$type": "number",
- "$value": "{static.spacing.3xsmall}",
+ "$value": "{static.spacing.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16352,22 +16462,10 @@
"codeSyntax": {}
}
}
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
}
},
"help": {
- "paddingX": {
+ "paddingBottom": {
"$type": "number",
"$value": "{static.spacing.3xsmall}",
"$description": "",
@@ -16379,9 +16477,9 @@
}
}
},
- "paddingBottom": {
+ "paddingTop": {
"$type": "number",
- "$value": "{static.spacing.3xsmall}",
+ "$value": "{static.spacing.none}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16391,9 +16489,9 @@
}
}
},
- "paddingTop": {
+ "paddingX": {
"$type": "number",
- "$value": "{static.spacing.none}",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16414,18 +16512,6 @@
"codeSyntax": {}
}
}
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
}
},
"drop": {
@@ -16467,19 +16553,7 @@
},
"borderRadius": {
"$type": "number",
- "$value": "{drop.borderRadius}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
+ "$value": "{drop.default.borderRadius}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16489,70 +16563,6 @@
}
}
}
- },
- "OptionGroup": {
- "container": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{static.spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "gapY": {
- "$type": "number",
- "$value": "{static.spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
}
}
},
@@ -17779,7 +17789,7 @@
},
"borderRadius": {
"$type": "number",
- "$value": "{drop.borderRadius}",
+ "$value": "{drop.default.borderRadius}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -17872,7 +17882,7 @@
"drop": {
"background": {
"$type": "color",
- "$value": "{drop.background}",
+ "$value": "{drop.default.background}",
"$description": "",
"$extensions": {
"com.figma": {
diff --git a/design-tokens/tokens/component/component.v1.json b/design-tokens/tokens/component/component.v1.json
index 0b89e5b57..3199ba902 100644
--- a/design-tokens/tokens/component/component.v1.json
+++ b/design-tokens/tokens/component/component.v1.json
@@ -1,261 +1,161 @@
{
- "button": {
- "primary": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.semibold}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
+ "select": {
+ "default": {
+ "medium": {
+ "option": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{formField.default.medium.input.container.paddingX}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "paddingY": {
+ "$type": "number",
+ "$value": 5,
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.disabled.DEFAULT.REST}",
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
},
- "fontWeight": {
+ "borderWidth": {
"$type": "number",
- "$value": "{button.primary.rest.fontWeight}",
+ "$value": "{static.borderWidth.default}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.primary.strong.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{button.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{button.default.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
}
}
},
- "fontWeight": {
- "$type": "number",
- "$value": "{button.primary.rest.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "selected": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.primary.xstrong.REST}",
+ "drop": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "paddingY": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
+ "gapY": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{drop.default.borderRadius}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "fontWeight": {
+ "borderWidth": {
"$type": "number",
- "$value": "{button.primary.rest.fontWeight}",
+ "$value": "{static.borderWidth.none}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
}
- },
- "hover": {
+ }
+ },
+ "option": {
+ "rest": {
"background": {
"$type": "color",
- "$value": "{color.background.primary.xstrong.REST}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -279,7 +179,7 @@
},
"textColor": {
"$type": "color",
- "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -289,21 +189,9 @@
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
"fontWeight": {
"$type": "number",
- "$value": "{button.primary.rest.fontWeight}",
+ "$value": "{fontWeight.medium}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -313,220 +201,560 @@
}
}
}
- }
- },
- "xsmall": {
- "paddingX": {
- "$type": "number",
- "$value": "{button.default.xsmall.paddingX}",
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.DEFAULT.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{select.default.option.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{select.default.option.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.weak.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ }
+ },
+ "drop": {
+ "background": {
+ "$type": "color",
+ "$value": "{drop.default.background}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
},
- "paddingY": {
- "$type": "number",
- "$value": "{button.default.xsmall.paddingY}",
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
}
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{button.default.xsmall.borderRadius}",
+ }
+ }
+ }
+ },
+ "button": {
+ "primary": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{button.default.xsmall.borderWidth}",
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
- "minHeight": {
- "$type": "number",
- "$value": "{button.default.xsmall.minHeight}",
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
},
- "fontSize": {
- "$type": "number",
- "$value": "{button.default.xsmall.fontSize}",
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "iconOnly": {
- "paddingX": {
- "$type": "number",
- "$value": "{button.default.xsmall.iconOnly.paddingX}",
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.semibold}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
- "paddingY": {
- "$type": "number",
- "$value": "{button.default.xsmall.iconOnly.paddingY}",
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
- "borderRadius": {
- "$type": "number",
- "$value": "{button.primary.xsmall.borderRadius}",
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{button.primary.xsmall.borderWidth}",
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "minHeight": {
+ "fontWeight": {
"$type": "number",
- "$value": "{button.primary.xsmall.minHeight}",
+ "$value": "{button.primary.rest.fontWeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{button.primary.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.xstrong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
},
- "minWidth": {
- "$type": "number",
- "$value": "{button.default.xsmall.iconOnly.minWidth}",
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
- "fontSize": {
- "$type": "number",
- "$value": "{button.primary.xsmall.fontSize}",
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
},
- "lineHeight": {
- "$type": "number",
- "$value": "{button.primary.xsmall.lineHeight}",
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "gapX": {
+ "fontWeight": {
"$type": "number",
- "$value": "{button.primary.xsmall.gapX}",
+ "$value": "{button.primary.rest.fontWeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
}
},
- "lineHeight": {
- "$type": "number",
- "$value": "{button.default.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.xstrong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "gapX": {
- "$type": "number",
- "$value": "{button.default.xsmall.gapX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{button.primary.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
}
},
- "small": {
+ "xsmall": {
"paddingX": {
"$type": "number",
- "$value": "{button.default.small.paddingX}",
+ "$value": "{button.default.xsmall.paddingX}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -538,7 +766,7 @@
},
"paddingY": {
"$type": "number",
- "$value": "{button.default.small.paddingY}",
+ "$value": "{button.default.xsmall.paddingY}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -550,7 +778,7 @@
},
"borderRadius": {
"$type": "number",
- "$value": "{button.default.small.borderRadius}",
+ "$value": "{button.default.xsmall.borderRadius}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -562,7 +790,7 @@
},
"borderWidth": {
"$type": "number",
- "$value": "{button.default.small.borderWidth}",
+ "$value": "{button.default.xsmall.borderWidth}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -574,7 +802,7 @@
},
"minHeight": {
"$type": "number",
- "$value": "{button.default.small.minHeight}",
+ "$value": "{button.default.xsmall.minHeight}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -586,7 +814,215 @@
},
"fontSize": {
"$type": "number",
- "$value": "{button.default.small.fontSize}",
+ "$value": "{button.default.xsmall.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconOnly": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.iconOnly.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.iconOnly.paddingY}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.borderRadius}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.borderWidth}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minWidth": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.iconOnly.minWidth}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{button.primary.xsmall.gapX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{button.default.xsmall.gapX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "small": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{button.default.small.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{button.default.small.paddingY}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{button.default.small.borderRadius}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{button.default.small.borderWidth}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{button.default.small.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{button.default.small.fontSize}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5425,187 +5861,75 @@
}
}
},
- "drop": {
- "background": {
- "$type": "color",
- "$value": "{color.background.floating.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{radius.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
- }
- }
- },
- "margin": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "zIndex": {
- "$type": "number",
- "$value": 110,
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": true,
- "scopes": [],
- "codeSyntax": {}
- }
- }
- }
- },
"menu": {
- "item": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ "default": {
+ "item": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{button.default.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{button.default.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{button.default.rest.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{button.default.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{button.default.hover.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{button.default.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{button.default.hover.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{button.default.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
},
- "fontWeight": {
- "$type": "number",
- "$value": "{button.default.hover.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
+ "hover": {
"background": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.background.DEFAULT.hover}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5629,7 +5953,7 @@
},
"textColor": {
"$type": "color",
- "$value": "{button.default.disabled.rest.textColor}",
+ "$value": "{button.default.hover.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5641,7 +5965,7 @@
},
"iconColor": {
"$type": "color",
- "$value": "{button.default.disabled.rest.iconColor}",
+ "$value": "{button.default.hover.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5653,7 +5977,7 @@
},
"fontWeight": {
"$type": "number",
- "$value": "{button.default.disabled.rest.fontWeight}",
+ "$value": "{button.default.hover.fontWeight}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5663,68 +5987,76 @@
}
}
}
- }
- }
- },
- "drop": {
- "background": {
- "$type": "color",
- "$value": "{drop.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{button.default.disabled.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{button.default.disabled.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{button.default.disabled.rest.fontWeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "group": {
- "separator": {
+ "drop": {
"background": {
"$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "medium": {
- "drop": {
- "paddingX": {
- "$type": "number",
- "$value": "{spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{spacing.3xsmall}",
+ "$value": "{drop.default.background}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5734,33 +6066,9 @@
}
}
},
- "gapY": {
- "$type": "number",
- "$value": "{spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{drop.borderRadius}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{spacing.none}",
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5771,109 +6079,101 @@
}
}
},
- "item": {
- "paddingX": {
- "$type": "number",
- "$value": "{button.default.medium.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{button.default.medium.paddingY}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "group": {
+ "separator": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
}
}
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
+ }
+ },
+ "medium": {
+ "drop": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{spacing.3xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{spacing.3xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{button.default.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
+ },
+ "gapY": {
+ "$type": "number",
+ "$value": "{spacing.3xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{button.default.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{drop.default.borderRadius}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{button.default.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
}
},
- "gapX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "item": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{button.default.medium.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "group": {
- "container": {
+ },
"paddingY": {
"$type": "number",
- "$value": "{static.spacing.3xsmall}",
+ "$value": "{button.default.medium.paddingY}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -5883,329 +6183,459 @@
}
}
},
- "paddingX": {
+ "borderRadius": {
"$type": "number",
- "$value": "{static.spacing.3xsmall}",
+ "$value": "{static.radius.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["GAP"],
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
},
- "gapY": {
+ "borderWidth": {
"$type": "number",
- "$value": "{static.spacing.none}",
+ "$value": "{static.borderWidth.default}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
- }
- },
- "separator": {
- "height": {
+ },
+ "minHeight": {
"$type": "number",
- "$value": "{static.borderWidth.xsmall}",
+ "$value": "{button.default.medium.minHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT", "STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
- }
- }
- }
- }
- },
- "select": {
- "medium": {
- "option": {
- "paddingX": {
- "$type": "number",
- "$value": "{formField.medium.input.container.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{button.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": 5,
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{button.default.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
+ "group": {
+ "container": {
+ "paddingY": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "gapY": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
}
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
+ },
+ "separator": {
+ "height": {
+ "$type": "number",
+ "$value": "{static.borderWidth.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT", "STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
}
}
- },
- "fontSize": {
- "$type": "number",
- "$value": "{button.default.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
+ }
+ }
+ }
+ },
+ "drop": {
+ "default": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.floating.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL"],
+ "codeSyntax": {}
}
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{button.default.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{radius.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
}
}
},
- "drop": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ "margin": {
+ "$type": "number",
+ "$value": "{static.spacing.3xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
}
- },
- "paddingY": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ },
+ "zIndex": {
+ "$type": "number",
+ "$value": 110,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": true,
+ "scopes": [],
+ "codeSyntax": {}
}
- },
- "gapY": {
- "$type": "number",
- "$value": "{static.spacing.3xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "checkbox": {
+ "default": {
+ "control": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{drop.borderRadius}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.DEFAULT.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- }
- }
- },
- "option": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
},
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.selected.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
},
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ "indeterminate": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.selected.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{select.option.rest.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
}
},
- "disabled": {
+ "label": {
"rest": {
- "background": {
+ "textColor": {
"$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
+ }
+ },
+ "hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -6214,62 +6644,66 @@
"codeSyntax": {}
}
}
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{select.option.rest.fontWeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
+ }
+ },
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
}
}
}
}
},
- "selected": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
+ "medium": {
+ "gapX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "Space between checkbox control and value (label)",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
}
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ }
+ },
+ "label": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
},
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
},
"fontWeight": {
"$type": "number",
- "$value": "{fontWeight.medium}",
+ "$value": "{fontWeight.regular}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -6280,370 +6714,414 @@
}
}
},
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.weak.hover}",
+ "control": {
+ "height": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "width": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.default}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
},
- "fontWeight": {
+ "borderRadius": {
"$type": "number",
- "$value": "{fontWeight.medium}",
+ "$value": "{static.radius.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
}
}
}
- },
- "drop": {
- "background": {
- "$type": "color",
- "$value": "{drop.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
}
},
- "checkbox": {
- "control": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ "switch": {
+ "default": {
+ "control": {
+ "track": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.neutral.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{switch.default.control.track.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "selected": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.selected.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
}
}
}
},
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ "handle": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.front.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "boxShadow": {
+ "$type": "shadow",
+ "$value": "{shadow.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
- }
- }
- }
- },
- "indeterminate": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.selected.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "boxShadow": {
+ "$type": "shadow",
+ "$value": "{shadow.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "boxShadow": {
+ "$type": "shadow",
+ "$value": "{shadow.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "boxShadow": {
+ "$type": "shadow",
+ "$value": "{shadow.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "boxShadow": {
+ "$type": "shadow",
+ "$value": "{shadow.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
}
}
- },
- "iconColor": {
+ }
+ }
+ },
+ "label": {
+ "rest": {
+ "textColor": {
"$type": "color",
- "$value": "{color.icon.onPrimaryStrong.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
- }
- }
- },
- "label": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
+ },
+ "hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -6653,434 +7131,398 @@
}
}
}
- }
- }
- },
- "medium": {
- "gapX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "Space between checkbox control and value (label)",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
}
}
},
- "label": {
- "fontSize": {
+ "medium": {
+ "gapX": {
"$type": "number",
- "$value": "{element.medium.fontSize}",
+ "$value": "{static.spacing.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
+ "label": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "control": {
- "height": {
- "$type": "number",
- "$value": "{base.dimension.600}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
},
- "width": {
- "$type": "number",
- "$value": "{base.dimension.600}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "switch": {
- "control": {
- "track": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.neutral.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{switch.control.track.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
+ "control": {
+ "track": {
+ "height": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "width": {
+ "$type": "number",
+ "$value": "{base.dimension.1200}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
- }
- }
- },
- "selected": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{static.borderWidth.default}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.medium}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
}
},
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.hover}",
+ "handle": {
+ "height": {
+ "$type": "number",
+ "$value": "{base.dimension.500}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "handle": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.front.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "boxShadow": {
- "$type": "shadow",
- "$value": "{shadow.small}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "boxShadow": {
- "$type": "shadow",
- "$value": "{shadow.small}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
+ "width": {
+ "$type": "number",
+ "$value": "{base.dimension.500}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.default}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
},
- "boxShadow": {
- "$type": "shadow",
- "$value": "{shadow.small}",
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.medium}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
}
}
- },
- "selected": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "formField": {
+ "default": {
+ "medium": {
+ "input": {
+ "group": {
+ "item": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.xxsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{element.medium.paddingY}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.default}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{radius.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textToIconX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textToElementX": {
+ "$type": "number",
+ "$value": "{element.medium.textToElementX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "container": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{static.borderWidth.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{formField.default.medium.input.container.borderRadius}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "container": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "boxShadow": {
- "$type": "shadow",
- "$value": "{shadow.small}",
+ "paddingY": {
+ "$type": "number",
+ "$value": 5,
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{static.borderWidth.default}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["CORNER_RADIUS"],
"codeSyntax": {}
}
}
},
- "boxShadow": {
- "$type": "shadow",
- "$value": "{shadow.small}",
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textToIconX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textToElementX": {
+ "$type": "number",
+ "$value": "{element.medium.textToElementX}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -7091,1714 +7533,518 @@
}
}
}
- }
- }
- },
- "label": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "label": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{text.xsmall.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{text.xsmall.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.regular}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
}
- }
- }
- },
- "medium": {
- "gapX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "label": {
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
},
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
+ "placeholder": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.regular}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
},
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
+ "help": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{text.xsmall.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "control": {
- "track": {
- "height": {
+ },
+ "lineHeight": {
"$type": "number",
- "$value": "{base.dimension.600}",
+ "$value": "{text.xsmall.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
},
- "width": {
+ "fontWeight": {
"$type": "number",
- "$value": "{base.dimension.1200}",
+ "$value": "{fontWeight.regular}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "info": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{text.xsmall.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
},
- "borderWidth": {
+ "lineHeight": {
"$type": "number",
- "$value": "{static.borderWidth.default}",
+ "$value": "{text.xsmall.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderRadius": {
+ "fontWeight": {
"$type": "number",
- "$value": "{static.radius.medium}",
+ "$value": "{fontWeight.regular}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
}
},
- "handle": {
- "height": {
+ "error": {
+ "fontSize": {
"$type": "number",
- "$value": "{base.dimension.500}",
+ "$value": "{text.xsmall.fontSize}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
},
- "width": {
+ "lineHeight": {
"$type": "number",
- "$value": "{base.dimension.500}",
+ "$value": "{text.xsmall.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
},
- "borderWidth": {
+ "fontWeight": {
"$type": "number",
- "$value": "{borderWidth.default}",
+ "$value": "{fontWeight.regular}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "value": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
},
- "borderRadius": {
+ "lineHeight": {
"$type": "number",
- "$value": "{static.radius.medium}",
+ "$value": "{element.medium.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
- }
- }
- }
- }
- },
- "dataCell": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
}
}
},
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "selected": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onSelectedPrimary.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.onSelectedPrimary.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.weak.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "primary": {
- "medium": {
- "paddingX": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{dataCell.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{dataCell.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- },
- "borderBottomWidth": {
- "$type": "number",
- "$value": "{dataCell.medium.borderBottomWidth}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "paddingTop": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingTop}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingBottom": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingBottom}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- }
- },
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.text.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.primary.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.primary.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.hover.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.hover.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "disabled": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.disabled.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.disabled.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.disabled.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.disabled.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "pinned": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "backgroundColor": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "backgroundColor": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{dataCell.rest.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "medium": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- },
- "borderBottomWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "paddingTop": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingBottom": {
- "$type": "number",
- "$value": 11,
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "headerCell": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{headerCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{headerCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{headerCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "pinned": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{dataCell.hover.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "units": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- },
- "pinned": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{headerCell.units.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{headerCell.units.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "medium": {
- "paddingX": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "fontSize": {
- "$type": "number",
- "$value": "{dataCell.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{dataCell.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- },
- "borderBottomWidth": {
- "$type": "number",
- "$value": "{dataCell.medium.borderBottomWidth}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "paddingTop": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingTop}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingBottom": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingBottom}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "gapX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "formField": {
- "medium": {
- "input": {
- "group": {
- "item": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.xxsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{element.medium.paddingY}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{radius.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
- }
- }
- },
- "textToIconX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "textToElementX": {
- "$type": "number",
- "$value": "{element.medium.textToElementX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "container": {
- "paddingX": {
- "$type": "number",
- "$value": "{spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{static.spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{formField.medium.input.container.borderRadius}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "container": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": 5,
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
- }
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "textToIconX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "textToElementX": {
- "$type": "number",
- "$value": "{element.medium.textToElementX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "label": {
- "fontSize": {
- "$type": "number",
- "$value": "{text.xsmall.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{text.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "placeholder": {
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "help": {
- "fontSize": {
- "$type": "number",
- "$value": "{text.xsmall.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{text.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "info": {
- "fontSize": {
- "$type": "number",
- "$value": "{text.xsmall.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{text.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "error": {
- "fontSize": {
- "$type": "number",
- "$value": "{text.xsmall.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{text.xsmall.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.regular}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "value": {
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
+ "input": {
+ "group": {
+ "container": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{formField.default.input.container.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{formField.default.input.group.container.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{formField.default.input.group.container.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "error": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.critical.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{formField.default.input.container.readOnly.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{formField.default.input.container.readOnly.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
}
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
+ },
+ "item": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.DEFAULT.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.DEFAULT.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
}
}
- }
- }
- },
- "input": {
- "group": {
+ },
"container": {
"rest": {
"background": {
"$type": "color",
- "$value": "{formField.input.container.rest.background}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8810,12 +8056,12 @@
},
"borderColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
@@ -8824,7 +8070,33 @@
"hover": {
"background": {
"$type": "color",
- "$value": "{formField.input.group.container.rest.background}",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8836,7 +8108,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{formField.input.group.container.rest.borderColor}",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8863,7 +8135,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{color.border.strong.REST}",
+ "$value": "{color.border.critical.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8907,7 +8179,7 @@
"rest": {
"background": {
"$type": "color",
- "$value": "{formField.input.container.readOnly.rest.background}",
+ "$value": "{color.background.back.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8919,7 +8191,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{formField.input.container.readOnly.rest.borderColor}",
+ "$value": "{color.border.weak.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -8931,218 +8203,566 @@
}
}
}
+ }
+ },
+ "label": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "error": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ }
+ },
+ "placeholder": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "error": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
},
- "item": {
+ "disabled": {
"rest": {
- "background": {
+ "textColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
- "borderColor": {
+ }
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "textColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.weak.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
- },
- "hover": {
- "background": {
+ }
+ }
+ },
+ "help": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "error": {
+ "rest": {
+ "textColor": {
"$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
- "borderColor": {
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "color": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
- },
- "focus": {
- "background": {
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "textColor": {
"$type": "color",
- "$value": "{color.background.DEFAULT.hover}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
- "borderColor": {
+ }
+ }
+ }
+ },
+ "info": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "error": {
+ "rest": {
+ "textColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
- },
- "disabled": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
}
}
}
- },
- "readOnly": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
+ }
+ },
+ "readOnly": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
}
}
}
}
}
},
- "container": {
+ "error": {
"rest": {
- "background": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.critical.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.critical.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_FILLS", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "iconColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.icon.critical.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["ALL_FILLS", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.default.REST}",
+ "$value": "{color.text.critical.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
- "hover": {
- "background": {
+ "focus": {
+ "iconColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.icon.critical.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["ALL_FILLS", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.default.REST}",
+ "$value": "{color.text.critical.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "value": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
- "focus": {
- "background": {
+ "hover": {
+ "textColor": {
"$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
- },
- "borderColor": {
+ }
+ },
+ "focus": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.default.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
@@ -9150,26 +8770,14 @@
},
"error": {
"rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.critical.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.critical.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
@@ -9178,26 +8786,14 @@
},
"disabled": {
"rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
@@ -9206,26 +8802,14 @@
},
"readOnly": {
"rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.back.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.border.weak.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
@@ -9233,12 +8817,14 @@
}
}
}
- },
- "label": {
+ }
+ },
+ "dataCell": {
+ "default": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9250,12 +8836,36 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.strong.REST}",
+ "$value": "{color.icon.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
@@ -9264,7 +8874,7 @@
"hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9276,48 +8886,148 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.strong.REST}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "textColor": {
+ },
+ "borderColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{dataCell.default.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ }
+ }
+ },
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "selected": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onSelectedPrimary.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
}
}
- }
- },
- "error": {
- "rest": {
+ },
+ "hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{color.text.onSelectedPrimary.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9329,23 +9039,47 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.strong.REST}",
+ "$value": "{color.icon.onSelectedPrimary.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.weak.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
}
},
- "disabled": {
+ "pinned": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9357,23 +9091,57 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.disabled.DEFAULT.REST}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "backgroundColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
- }
- },
- "readOnly": {
- "rest": {
+ },
+ "hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.strong.REST}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9385,116 +9153,244 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.strong.REST}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "backgroundColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
}
+ },
+ "medium": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.regular}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderBottomWidth": {
+ "$type": "number",
+ "$value": "{static.borderWidth.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingTop": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingBottom": {
+ "$type": "number",
+ "$value": 11,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ }
}
},
- "placeholder": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
+ "primary": {
+ "medium": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
+ },
+ "borderBottomWidth": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.borderBottomWidth}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
- }
- },
- "error": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "paddingTop": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingTop}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
}
}
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "paddingBottom": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingBottom}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
}
}
}
},
- "readOnly": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "help": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{color.text.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9503,118 +9399,98 @@
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "textColor": {
+ },
+ "iconColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{color.text.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "textColor": {
+ },
+ "borderColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "error": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
}
}
}
},
- "disabled": {
- "rest": {
- "color": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{dataCell.primary.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
}
}
- }
- },
- "readOnly": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{dataCell.primary.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
}
}
- }
- }
- },
- "info": {
- "rest": {
- "textColor": {
+ },
+ "borderColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.hover.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "textColor": {
+ },
+ "background": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.hover.background}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
- "focus": {
+ "disabled": {
"textColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.disabled.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9623,62 +9499,52 @@
"codeSyntax": {}
}
}
- }
- },
- "error": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.disabled.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
}
}
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.disabled.rest.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
}
}
- }
- },
- "readOnly": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{dataCell.default.disabled.rest.background}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
}
}
}
}
- },
- "error": {
+ }
+ },
+ "headerCell": {
+ "default": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.critical.DEFAULT.REST}",
+ "$value": "{color.text.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9690,89 +9556,95 @@
},
"iconColor": {
"$type": "color",
- "$value": "{color.icon.critical.DEFAULT.REST}",
+ "$value": "{color.icon.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_FILLS", "STROKE_COLOR"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "iconColor": {
+ },
+ "borderColor": {
"$type": "color",
- "$value": "{color.icon.critical.DEFAULT.REST}",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_FILLS", "STROKE_COLOR"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
},
- "textColor": {
+ "background": {
"$type": "color",
- "$value": "{color.text.critical.DEFAULT.REST}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
- "focus": {
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{headerCell.default.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
"iconColor": {
"$type": "color",
- "$value": "{color.icon.critical.DEFAULT.REST}",
+ "$value": "{headerCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["ALL_FILLS", "STROKE_COLOR"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
},
- "textColor": {
+ "borderColor": {
"$type": "color",
- "$value": "{color.text.critical.DEFAULT.REST}",
+ "$value": "{headerCell.default.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
"codeSyntax": {}
}
}
- }
- }
- },
- "value": {
- "rest": {
- "textColor": {
+ },
+ "background": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{color.background.DEFAULT.hover}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
"codeSyntax": {}
}
}
}
},
- "hover": {
+ "pinned": {
"textColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9781,43 +9653,49 @@
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "textColor": {
+ },
+ "iconColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
"codeSyntax": {}
}
}
- }
- },
- "error": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.hover.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
}
}
}
},
- "disabled": {
+ "units": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$value": "{color.text.weak.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9827,13 +9705,11 @@
}
}
}
- }
- },
- "readOnly": {
- "rest": {
+ },
+ "hover": {
"textColor": {
"$type": "color",
- "$value": "{color.text.default.REST}",
+ "$value": "{color.text.weak.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9843,116 +9719,156 @@
}
}
}
- }
- }
- }
- },
- "footerCell": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{dataCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "pinned": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{headerCell.default.units.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{headerCell.default.units.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{dataCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ "medium": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{footerCell.rest.textColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "iconColor": {
- "$type": "color",
- "$value": "{footerCell.rest.iconColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
- "codeSyntax": {}
+ },
+ "borderBottomWidth": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.borderBottomWidth}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingTop": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingTop}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingBottom": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingBottom}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{footerCell.rest.borderColor}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
}
}
}
- },
- "pinned": {
+ }
+ },
+ "footerCell": {
+ "default": {
"rest": {
"textColor": {
"$type": "color",
- "$value": "{dataCell.rest.textColor}",
+ "$value": "{dataCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9964,7 +9880,7 @@
},
"iconColor": {
"$type": "color",
- "$value": "{dataCell.rest.iconColor}",
+ "$value": "{dataCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -9976,7 +9892,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{dataCell.hover.borderColor}",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10002,7 +9918,7 @@
"hover": {
"textColor": {
"$type": "color",
- "$value": "{dataCell.rest.textColor}",
+ "$value": "{footerCell.default.rest.textColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10014,7 +9930,7 @@
},
"iconColor": {
"$type": "color",
- "$value": "{dataCell.rest.iconColor}",
+ "$value": "{footerCell.default.rest.iconColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10026,7 +9942,7 @@
},
"borderColor": {
"$type": "color",
- "$value": "{dataCell.hover.borderColor}",
+ "$value": "{footerCell.default.rest.borderColor}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10048,204 +9964,228 @@
}
}
}
- }
- },
- "medium": {
- "paddingX": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
},
- "fontSize": {
- "$type": "number",
- "$value": "{dataCell.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{dataCell.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- },
- "borderTopWidth": {
- "$type": "number",
- "$value": "{dataCell.medium.borderBottomWidth}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
- },
- "paddingTop": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingBottom}",
- "$description": "This intentionally uses paddingBottom because the border side is switched from dataCell.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "pinned": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.hover.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
}
- }
- },
- "paddingBottom": {
- "$type": "number",
- "$value": "{dataCell.medium.paddingTop}",
- "$description": "This intentionally uses paddingTop because the border side is switched from dataCell.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ },
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.textColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.rest.iconColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{dataCell.default.hover.borderColor}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
}
}
},
- "gapX": {
- "$type": "number",
- "$value": "{element.medium.textToIconX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "medium": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "minHeight": {
- "$type": "number",
- "$value": "{element.medium.minHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
+ },
+ "fontSize": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.fontSize}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_SIZE"],
+ "codeSyntax": {}
+ }
}
- }
- }
- }
- },
- "radioButton": {
- "control": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.lineHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["LINE_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["FONT_STYLE"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
+ "borderTopWidth": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.borderBottomWidth}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
+ },
+ "paddingTop": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingBottom}",
+ "$description": "This intentionally uses paddingBottom because the border side is switched from dataCell.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.strong.REST}",
- "$description": "",
+ "paddingBottom": {
+ "$type": "number",
+ "$value": "{dataCell.default.medium.paddingTop}",
+ "$description": "This intentionally uses paddingTop because the border side is switched from dataCell.",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
- }
- },
- "focus": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
+ },
+ "gapX": {
+ "$type": "number",
+ "$value": "{element.medium.textToIconX}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.default.REST}",
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "scopes": ["WIDTH_HEIGHT"],
"codeSyntax": {}
}
}
}
- },
- "disabled": {
+ }
+ }
+ },
+ "radioButton": {
+ "default": {
+ "control": {
"rest": {
"background": {
"$type": "color",
- "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10257,7 +10197,59 @@
},
"borderColor": {
"$type": "color",
- "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$value": "{color.border.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -10267,298 +10259,326 @@
}
}
}
+ },
+ "disabled": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "selected": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.hover}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "focus": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FRAME_FILL", "SHAPE_FILL"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderColor": {
+ "$type": "color",
+ "$value": "{color.border.selected.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.background.selected.primary.strong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
}
},
- "selected": {
+ "label": {
"rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
"hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.hover}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
- }
- }
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
- }
- }
- },
- "iconColor": {
+ "textColor": {
"$type": "color",
- "$value": "{color.icon.onSelectedPrimaryStrong.DEFAULT.REST}",
+ "$value": "{color.text.default.REST}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["SHAPE_FILL", "STROKE_COLOR"],
+ "scopes": ["TEXT_FILL"],
"codeSyntax": {}
}
}
}
},
- "focus": {
- "background": {
- "$type": "color",
- "$value": "{color.background.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FRAME_FILL", "SHAPE_FILL"],
- "codeSyntax": {}
+ "disabled": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.disabled.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
}
}
- },
- "borderColor": {
- "$type": "color",
- "$value": "{color.border.selected.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ }
+ },
+ "selected": {
+ "rest": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
}
}
},
- "iconColor": {
- "$type": "color",
- "$value": "{color.background.selected.primary.strong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_COLOR", "EFFECT_COLOR"],
- "codeSyntax": {}
+ "hover": {
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.default.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["TEXT_FILL"],
+ "codeSyntax": {}
+ }
}
}
}
}
- }
- },
- "label": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
},
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
- "$description": "",
+ "medium": {
+ "gapX": {
+ "$type": "number",
+ "$value": "{static.spacing.xsmall}",
+ "$description": "Space between checkbox control and value (label)",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
- }
- },
- "disabled": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.disabled.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "selected": {
- "rest": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
+ },
+ "label": {
+ "fontSize": {
+ "$type": "number",
+ "$value": "{element.medium.fontSize}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["FONT_SIZE"],
"codeSyntax": {}
}
}
- }
- },
- "hover": {
- "textColor": {
- "$type": "color",
- "$value": "{color.text.default.REST}",
+ },
+ "lineHeight": {
+ "$type": "number",
+ "$value": "{element.medium.lineHeight}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["TEXT_FILL"],
+ "scopes": ["LINE_HEIGHT"],
"codeSyntax": {}
}
}
- }
- }
- }
- },
- "medium": {
- "gapX": {
- "$type": "number",
- "$value": "{static.spacing.xsmall}",
- "$description": "Space between checkbox control and value (label)",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
- }
- }
- },
- "label": {
- "fontSize": {
- "$type": "number",
- "$value": "{element.medium.fontSize}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_SIZE"],
- "codeSyntax": {}
- }
- }
- },
- "lineHeight": {
- "$type": "number",
- "$value": "{element.medium.lineHeight}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["LINE_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["FONT_STYLE"],
- "codeSyntax": {}
- }
- }
- }
- },
- "control": {
- "height": {
- "$type": "number",
- "$value": "{base.dimension.600}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "width": {
- "$type": "number",
- "$value": "{base.dimension.600}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["FONT_STYLE"],
+ "codeSyntax": {}
+ }
}
}
},
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.default}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
+ "control": {
+ "height": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
}
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.full}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["CORNER_RADIUS"],
- "codeSyntax": {}
+ },
+ "width": {
+ "$type": "number",
+ "$value": "{base.dimension.600}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.default}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.full}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
}
}
}
@@ -12473,10 +12493,206 @@
}
}
},
- "group": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "group": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "dayOfWeek": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "iconColor": {
+ "$type": "color",
+ "$value": "{color.icon.weak.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "fontWeight": {
+ "$type": "number",
+ "$value": "{fontWeight.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ }
+ },
+ "spinner": {
+ "track": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.contrast.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "indicator": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.foreground.primary.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "xsmall": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.xsmall.width}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "height": {
+ "$type": "number",
+ "$value": "{element.xsmall.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "small": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.small.width}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "height": {
+ "$type": "number",
+ "$value": "{element.small.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "medium": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.medium.width}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12486,9 +12702,21 @@
}
}
},
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "height": {
+ "$type": "number",
+ "$value": "{element.medium.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12499,129 +12727,103 @@
}
}
},
- "dayOfWeek": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ "large": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.large.width}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ },
+ "height": {
+ "$type": "number",
+ "$value": "{element.large.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
- },
- "iconColor": {
- "$type": "color",
- "$value": "{color.icon.weak.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ }
+ },
+ "xlarge": {
+ "width": {
+ "$type": "number",
+ "$value": "{element.xlarge.width}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
- },
- "fontWeight": {
- "$type": "number",
- "$value": "{fontWeight.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
+ }
+ },
+ "height": {
+ "$type": "number",
+ "$value": "{element.xlarge.height}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderWidth": {
+ "$type": "number",
+ "$value": "{borderWidth.medium}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
}
}
}
},
- "badge": {
- "value": {
- "default": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.neutral.xstrong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
+ "rangeInput": {
+ "track": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.contrast.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
}
}
- },
- "small": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.5xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": 0,
+ }
+ },
+ "handle": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12629,11 +12831,11 @@
"scopes": ["ALL_SCOPES"],
"codeSyntax": {}
}
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.full}",
+ }
+ },
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12644,68 +12846,10 @@
}
}
},
- "critical": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.icon.critical.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "textColor": {
- "$type": "color",
- "$value": "{color.text.onStrong.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
- }
- },
- "dot": {
- "default": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.neutral.xstrong.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
- },
- "small": {
- "width": {
- "$type": "number",
- "$value": 9,
+ "hover": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12715,9 +12859,9 @@
}
}
},
- "height": {
- "$type": "number",
- "$value": 9,
+ "border": {
+ "$type": "color",
+ "$value": "{color.background.primary.strong.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12727,30 +12871,12 @@
}
}
}
- },
- "critical": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.icon.critical.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
}
- }
- },
- "rangeInput": {
- "track": {
+ },
+ "indicator": {
"background": {
"$type": "color",
- "$value": "{color.background.neutral.xstrong.REST}",
+ "$value": "{color.foreground.primary.DEFAULT.REST}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12774,6 +12900,44 @@
"codeSyntax": {}
}
}
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.full}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "indicator": {
+ "height": {
+ "$type": "number",
+ "$value": 4,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.full}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
}
},
"handle": {
@@ -12853,11 +13017,55 @@
}
}
}
+ }
+ }
+ },
+ "badge": {
+ "value": {
+ "default": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.neutral.xstrong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
},
- "indicator": {
- "height": {
+ "small": {
+ "paddingX": {
"$type": "number",
- "$value": 4,
+ "$value": "{static.spacing.5xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12866,28 +13074,22 @@
"codeSyntax": {}
}
}
- }
- }
- },
- "indicator": {
- "background": {
- "$type": "color",
- "$value": "{color.foreground.primary.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": 0,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
- }
- }
- },
- "handle": {
- "rest": {
- "background": {
- "$type": "color",
- "$value": "{color.background.primary.strong.REST}",
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.full}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -12896,24 +13098,70 @@
"codeSyntax": {}
}
}
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ }
+ },
+ "critical": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.icon.critical.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "textColor": {
+ "$type": "color",
+ "$value": "{color.text.onStrong.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "border": {
+ "$type": "color",
+ "$value": "{color.transparent}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ }
+ },
+ "dot": {
+ "default": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.background.neutral.xstrong.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
}
}
}
},
- "hover": {
- "background": {
- "$type": "color",
- "$value": "{color.background.primary.strong.REST}",
+ "small": {
+ "width": {
+ "$type": "number",
+ "$value": 9,
"$description": "",
"$extensions": {
"com.figma": {
@@ -12923,9 +13171,9 @@
}
}
},
- "border": {
- "$type": "color",
- "$value": "{color.background.primary.strong.REST}",
+ "height": {
+ "$type": "number",
+ "$value": 9,
"$description": "",
"$extensions": {
"com.figma": {
@@ -12935,224 +13183,20 @@
}
}
}
- }
- }
- },
- "spinner": {
- "track": {
- "background": {
- "$type": "color",
- "$value": "{color.background.contrast.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "indicator": {
- "background": {
- "$type": "color",
- "$value": "{color.foreground.primary.DEFAULT.REST}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "xsmall": {
- "width": {
- "$type": "number",
- "$value": "{element.xsmall.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.xsmall.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "small": {
- "width": {
- "$type": "number",
- "$value": "{element.small.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.small.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "medium": {
- "width": {
- "$type": "number",
- "$value": "{element.medium.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.medium.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "large": {
- "width": {
- "$type": "number",
- "$value": "{element.large.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.large.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- },
- "xlarge": {
- "width": {
- "$type": "number",
- "$value": "{element.xlarge.width}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "height": {
- "$type": "number",
- "$value": "{element.xlarge.height}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
},
- "borderWidth": {
- "$type": "number",
- "$value": "{borderWidth.medium}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
+ "critical": {
+ "rest": {
+ "background": {
+ "$type": "color",
+ "$value": "{color.icon.critical.DEFAULT.REST}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
}
}
}
@@ -14064,7 +14108,7 @@
"rest": {
"background": {
"$type": "color",
- "$value": "{color.background.default.REST}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -14165,7 +14209,7 @@
"rest": {
"background": {
"$type": "color",
- "$value": "{color.background.default.REST}",
+ "$value": "{color.transparent}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16192,19 +16236,7 @@
"drop": {
"background": {
"$type": "color",
- "$value": "{drop.background}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "border": {
- "$type": "color",
- "$value": "{color.transparent}",
+ "$value": "{drop.default.background}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16217,21 +16249,99 @@
},
"medium": {
"option": {
- "paddingX": {
- "$type": "number",
- "$value": "{formField.medium.input.container.paddingX}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["GAP"],
- "codeSyntax": {}
+ "item": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{formField.default.medium.input.container.paddingX}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": 5,
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["GAP"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "minHeight": {
+ "$type": "number",
+ "$value": "{element.medium.minHeight}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "borderRadius": {
+ "$type": "number",
+ "$value": "{static.radius.xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["CORNER_RADIUS"],
+ "codeSyntax": {}
+ }
}
}
},
- "paddingY": {
+ "group": {
+ "paddingX": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "paddingY": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ },
+ "gapY": {
+ "$type": "number",
+ "$value": "{static.spacing.none}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["ALL_SCOPES"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ }
+ },
+ "summary": {
+ "paddingX": {
"$type": "number",
- "$value": 5,
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16241,21 +16351,21 @@
}
}
},
- "minHeight": {
+ "paddingY": {
"$type": "number",
- "$value": "{element.medium.minHeight}",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
"hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
+ "scopes": ["GAP"],
"codeSyntax": {}
}
}
},
"borderRadius": {
"$type": "number",
- "$value": "{static.radius.xsmall}",
+ "$value": "{static.radius.none}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16266,7 +16376,7 @@
}
}
},
- "summary": {
+ "searchContainer": {
"paddingX": {
"$type": "number",
"$value": "{static.spacing.3xsmall}",
@@ -16316,10 +16426,10 @@
}
}
},
- "searchContainer": {
+ "searchEmpty": {
"paddingX": {
"$type": "number",
- "$value": "{static.spacing.3xsmall}",
+ "$value": "{static.spacing.xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16352,22 +16462,10 @@
"codeSyntax": {}
}
}
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
}
},
"help": {
- "paddingX": {
+ "paddingBottom": {
"$type": "number",
"$value": "{static.spacing.3xsmall}",
"$description": "",
@@ -16379,9 +16477,9 @@
}
}
},
- "paddingBottom": {
+ "paddingTop": {
"$type": "number",
- "$value": "{static.spacing.3xsmall}",
+ "$value": "{static.spacing.none}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16391,9 +16489,9 @@
}
}
},
- "paddingTop": {
+ "paddingX": {
"$type": "number",
- "$value": "{static.spacing.none}",
+ "$value": "{static.spacing.3xsmall}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16414,24 +16512,12 @@
"codeSyntax": {}
}
}
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"],
- "codeSyntax": {}
- }
- }
}
},
"drop": {
"paddingX": {
"$type": "number",
- "$value": "{static.spacing.3xsmall}",
+ "$value": "{static.spacing.none}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16467,19 +16553,7 @@
},
"borderRadius": {
"$type": "number",
- "$value": "{drop.borderRadius}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
+ "$value": "{drop.default.borderRadius}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -16489,70 +16563,6 @@
}
}
}
- },
- "OptionGroup": {
- "container": {
- "paddingX": {
- "$type": "number",
- "$value": "{static.spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "paddingY": {
- "$type": "number",
- "$value": "{static.spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "gapY": {
- "$type": "number",
- "$value": "{static.spacing.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderRadius": {
- "$type": "number",
- "$value": "{static.radius.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- },
- "borderWidth": {
- "$type": "number",
- "$value": "{static.borderWidth.none}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["ALL_SCOPES"],
- "codeSyntax": {}
- }
- }
- }
- }
}
}
},
@@ -17779,7 +17789,7 @@
},
"borderRadius": {
"$type": "number",
- "$value": "{drop.borderRadius}",
+ "$value": "{drop.default.borderRadius}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -17872,7 +17882,7 @@
"drop": {
"background": {
"$type": "color",
- "$value": "{drop.background}",
+ "$value": "{drop.default.background}",
"$description": "",
"$extensions": {
"com.figma": {
diff --git a/design-tokens/tokens/component/element.default.json b/design-tokens/tokens/component/element.default.json
index fe417ce1a..ec21a08e4 100644
--- a/design-tokens/tokens/component/element.default.json
+++ b/design-tokens/tokens/component/element.default.json
@@ -126,7 +126,7 @@
"icon": {
"size": {
"$type": "number",
- "$value": "{size.icon.xsmall}",
+ "$value": "{icon.xsmall.size}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -312,7 +312,7 @@
"icon": {
"size": {
"$type": "number",
- "$value": "{size.icon.small}",
+ "$value": "{icon.small.size}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -474,7 +474,7 @@
"icon": {
"size": {
"$type": "number",
- "$value": "{size.icon.medium}",
+ "$value": "{icon.medium.size}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -636,7 +636,7 @@
"icon": {
"size": {
"$type": "number",
- "$value": "{size.icon.large}",
+ "$value": "{icon.large.size}",
"$description": "",
"$extensions": {
"com.figma": {
@@ -798,7 +798,7 @@
"icon": {
"size": {
"$type": "number",
- "$value": "{size.icon.xlarge}",
+ "$value": "{icon.xlarge.size}",
"$description": "",
"$extensions": {
"com.figma": {
diff --git a/design-tokens/tokens/primitive/primitives.default.json b/design-tokens/tokens/primitive/primitives.default.json
index 51b62cb76..4b0854a89 100644
--- a/design-tokens/tokens/primitive/primitives.default.json
+++ b/design-tokens/tokens/primitive/primitives.default.json
@@ -768,7 +768,7 @@
"green": {
"100": {
"$type": "color",
- "$value": "#cbfaeb",
+ "$value": "#d1ffee",
"$description": "",
"$extensions": {
"com.figma": {
@@ -780,7 +780,7 @@
},
"125": {
"$type": "color",
- "$value": "#aef6df",
+ "$value": "#aafade",
"$description": "",
"$extensions": {
"com.figma": {
diff --git a/design-tokens/tokens/semantic/dimension.medium.json b/design-tokens/tokens/semantic/dimension.medium.json
index 8181eb45b..c4ed7fb88 100644
--- a/design-tokens/tokens/semantic/dimension.medium.json
+++ b/design-tokens/tokens/semantic/dimension.medium.json
@@ -353,143 +353,143 @@
}
}
},
- "size": {
- "container": {
- "5xsmall": {
- "$type": "number",
- "$value": "{static.container.5xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "4xsmall": {
- "$type": "number",
- "$value": "{static.container.4xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ "container": {
+ "5xsmall": {
+ "$type": "number",
+ "$value": "{static.container.5xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "3xsmall": {
- "$type": "number",
- "$value": "{static.container.3xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "4xsmall": {
+ "$type": "number",
+ "$value": "{static.container.4xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xxsmall": {
- "$type": "number",
- "$value": "{static.container.xxsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "3xsmall": {
+ "$type": "number",
+ "$value": "{static.container.3xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xsmall": {
- "$type": "number",
- "$value": "{static.container.xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xxsmall": {
+ "$type": "number",
+ "$value": "{static.container.xxsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "small": {
- "$type": "number",
- "$value": "{static.container.small}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xsmall": {
+ "$type": "number",
+ "$value": "{static.container.xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "medium": {
- "$type": "number",
- "$value": "{static.container.medium}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "small": {
+ "$type": "number",
+ "$value": "{static.container.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "large": {
- "$type": "number",
- "$value": "{static.container.large}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "medium": {
+ "$type": "number",
+ "$value": "{static.container.medium}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xlarge": {
- "$type": "number",
- "$value": "{static.container.xlarge}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "large": {
+ "$type": "number",
+ "$value": "{static.container.large}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xxlarge": {
- "$type": "number",
- "$value": "{static.container.xxlarge}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xlarge": {
+ "$type": "number",
+ "$value": "{static.container.xlarge}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "3xlarge": {
- "$type": "number",
- "$value": "{static.container.3xlarge}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xxlarge": {
+ "$type": "number",
+ "$value": "{static.container.xxlarge}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
}
},
- "icon": {
- "xsmall": {
+ "3xlarge": {
+ "$type": "number",
+ "$value": "{static.container.3xlarge}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "icon": {
+ "xsmall": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.350}",
"$description": "",
@@ -500,8 +500,10 @@
"codeSyntax": {}
}
}
- },
- "small": {
+ }
+ },
+ "small": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.400}",
"$description": "",
@@ -512,8 +514,10 @@
"codeSyntax": {}
}
}
- },
- "medium": {
+ }
+ },
+ "medium": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.450}",
"$description": "",
@@ -524,8 +528,10 @@
"codeSyntax": {}
}
}
- },
- "large": {
+ }
+ },
+ "large": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.550}",
"$description": "",
@@ -536,8 +542,10 @@
"codeSyntax": {}
}
}
- },
- "xlarge": {
+ }
+ },
+ "xlarge": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.600}",
"$description": "",
@@ -548,8 +556,10 @@
"codeSyntax": {}
}
}
- },
- "xxlarge": {
+ }
+ },
+ "xxlarge": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.900}",
"$description": "",
diff --git a/design-tokens/tokens/semantic/dimension.small.json b/design-tokens/tokens/semantic/dimension.small.json
index 85cbdbd76..5039de1c5 100644
--- a/design-tokens/tokens/semantic/dimension.small.json
+++ b/design-tokens/tokens/semantic/dimension.small.json
@@ -353,143 +353,143 @@
}
}
},
- "size": {
- "container": {
- "5xsmall": {
- "$type": "number",
- "$value": "{static.container.5xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "4xsmall": {
- "$type": "number",
- "$value": "{static.container.5xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ "container": {
+ "5xsmall": {
+ "$type": "number",
+ "$value": "{static.container.5xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "3xsmall": {
- "$type": "number",
- "$value": "{static.container.5xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "4xsmall": {
+ "$type": "number",
+ "$value": "{static.container.5xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xxsmall": {
- "$type": "number",
- "$value": "{static.container.4xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "3xsmall": {
+ "$type": "number",
+ "$value": "{static.container.5xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xsmall": {
- "$type": "number",
- "$value": "{static.container.3xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xxsmall": {
+ "$type": "number",
+ "$value": "{static.container.4xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "small": {
- "$type": "number",
- "$value": "{static.container.xxsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xsmall": {
+ "$type": "number",
+ "$value": "{static.container.3xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "medium": {
- "$type": "number",
- "$value": "{static.container.xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "small": {
+ "$type": "number",
+ "$value": "{static.container.xxsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "large": {
- "$type": "number",
- "$value": "{static.container.small}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "medium": {
+ "$type": "number",
+ "$value": "{static.container.xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xlarge": {
- "$type": "number",
- "$value": "{static.container.medium}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "large": {
+ "$type": "number",
+ "$value": "{static.container.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xxlarge": {
- "$type": "number",
- "$value": "{static.container.large}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xlarge": {
+ "$type": "number",
+ "$value": "{static.container.medium}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "3xlarge": {
- "$type": "number",
- "$value": "{static.container.xlarge}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xxlarge": {
+ "$type": "number",
+ "$value": "{static.container.large}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
}
},
- "icon": {
- "xsmall": {
+ "3xlarge": {
+ "$type": "number",
+ "$value": "{static.container.xlarge}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "icon": {
+ "xsmall": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.350}",
"$description": "",
@@ -500,8 +500,10 @@
"codeSyntax": {}
}
}
- },
- "small": {
+ }
+ },
+ "small": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.400}",
"$description": "",
@@ -512,8 +514,10 @@
"codeSyntax": {}
}
}
- },
- "medium": {
+ }
+ },
+ "medium": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.450}",
"$description": "",
@@ -524,8 +528,10 @@
"codeSyntax": {}
}
}
- },
- "large": {
+ }
+ },
+ "large": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.550}",
"$description": "",
@@ -536,8 +542,10 @@
"codeSyntax": {}
}
}
- },
- "xlarge": {
+ }
+ },
+ "xlarge": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.600}",
"$description": "",
@@ -548,8 +556,10 @@
"codeSyntax": {}
}
}
- },
- "xxlarge": {
+ }
+ },
+ "xxlarge": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.900}",
"$description": "",
diff --git a/design-tokens/tokens/semantic/dimension.v1-medium.json b/design-tokens/tokens/semantic/dimension.v1-medium.json
index 8181eb45b..c4ed7fb88 100644
--- a/design-tokens/tokens/semantic/dimension.v1-medium.json
+++ b/design-tokens/tokens/semantic/dimension.v1-medium.json
@@ -353,143 +353,143 @@
}
}
},
- "size": {
- "container": {
- "5xsmall": {
- "$type": "number",
- "$value": "{static.container.5xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "4xsmall": {
- "$type": "number",
- "$value": "{static.container.4xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ "container": {
+ "5xsmall": {
+ "$type": "number",
+ "$value": "{static.container.5xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "3xsmall": {
- "$type": "number",
- "$value": "{static.container.3xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "4xsmall": {
+ "$type": "number",
+ "$value": "{static.container.4xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xxsmall": {
- "$type": "number",
- "$value": "{static.container.xxsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "3xsmall": {
+ "$type": "number",
+ "$value": "{static.container.3xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xsmall": {
- "$type": "number",
- "$value": "{static.container.xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xxsmall": {
+ "$type": "number",
+ "$value": "{static.container.xxsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "small": {
- "$type": "number",
- "$value": "{static.container.small}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xsmall": {
+ "$type": "number",
+ "$value": "{static.container.xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "medium": {
- "$type": "number",
- "$value": "{static.container.medium}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "small": {
+ "$type": "number",
+ "$value": "{static.container.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "large": {
- "$type": "number",
- "$value": "{static.container.large}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "medium": {
+ "$type": "number",
+ "$value": "{static.container.medium}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xlarge": {
- "$type": "number",
- "$value": "{static.container.xlarge}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "large": {
+ "$type": "number",
+ "$value": "{static.container.large}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xxlarge": {
- "$type": "number",
- "$value": "{static.container.xxlarge}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xlarge": {
+ "$type": "number",
+ "$value": "{static.container.xlarge}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "3xlarge": {
- "$type": "number",
- "$value": "{static.container.3xlarge}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xxlarge": {
+ "$type": "number",
+ "$value": "{static.container.xxlarge}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
}
},
- "icon": {
- "xsmall": {
+ "3xlarge": {
+ "$type": "number",
+ "$value": "{static.container.3xlarge}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "icon": {
+ "xsmall": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.350}",
"$description": "",
@@ -500,8 +500,10 @@
"codeSyntax": {}
}
}
- },
- "small": {
+ }
+ },
+ "small": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.400}",
"$description": "",
@@ -512,8 +514,10 @@
"codeSyntax": {}
}
}
- },
- "medium": {
+ }
+ },
+ "medium": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.450}",
"$description": "",
@@ -524,8 +528,10 @@
"codeSyntax": {}
}
}
- },
- "large": {
+ }
+ },
+ "large": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.550}",
"$description": "",
@@ -536,8 +542,10 @@
"codeSyntax": {}
}
}
- },
- "xlarge": {
+ }
+ },
+ "xlarge": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.600}",
"$description": "",
@@ -548,8 +556,10 @@
"codeSyntax": {}
}
}
- },
- "xxlarge": {
+ }
+ },
+ "xxlarge": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.900}",
"$description": "",
diff --git a/design-tokens/tokens/semantic/dimension.v1-small.json b/design-tokens/tokens/semantic/dimension.v1-small.json
index 85cbdbd76..5039de1c5 100644
--- a/design-tokens/tokens/semantic/dimension.v1-small.json
+++ b/design-tokens/tokens/semantic/dimension.v1-small.json
@@ -353,143 +353,143 @@
}
}
},
- "size": {
- "container": {
- "5xsmall": {
- "$type": "number",
- "$value": "{static.container.5xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
- }
- },
- "4xsmall": {
- "$type": "number",
- "$value": "{static.container.5xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ "container": {
+ "5xsmall": {
+ "$type": "number",
+ "$value": "{static.container.5xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "3xsmall": {
- "$type": "number",
- "$value": "{static.container.5xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "4xsmall": {
+ "$type": "number",
+ "$value": "{static.container.5xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xxsmall": {
- "$type": "number",
- "$value": "{static.container.4xsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "3xsmall": {
+ "$type": "number",
+ "$value": "{static.container.5xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xsmall": {
- "$type": "number",
- "$value": "{static.container.3xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xxsmall": {
+ "$type": "number",
+ "$value": "{static.container.4xsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "small": {
- "$type": "number",
- "$value": "{static.container.xxsmall}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xsmall": {
+ "$type": "number",
+ "$value": "{static.container.3xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "medium": {
- "$type": "number",
- "$value": "{static.container.xsmall}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "small": {
+ "$type": "number",
+ "$value": "{static.container.xxsmall}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "large": {
- "$type": "number",
- "$value": "{static.container.small}",
- "$description": "",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "medium": {
+ "$type": "number",
+ "$value": "{static.container.xsmall}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xlarge": {
- "$type": "number",
- "$value": "{static.container.medium}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "large": {
+ "$type": "number",
+ "$value": "{static.container.small}",
+ "$description": "",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "xxlarge": {
- "$type": "number",
- "$value": "{static.container.large}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xlarge": {
+ "$type": "number",
+ "$value": "{static.container.medium}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
- },
- "3xlarge": {
- "$type": "number",
- "$value": "{static.container.xlarge}",
- "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
- "$extensions": {
- "com.figma": {
- "hiddenFromPublishing": false,
- "scopes": ["WIDTH_HEIGHT"],
- "codeSyntax": {}
- }
+ }
+ },
+ "xxlarge": {
+ "$type": "number",
+ "$value": "{static.container.large}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
}
}
},
- "icon": {
- "xsmall": {
+ "3xlarge": {
+ "$type": "number",
+ "$value": "{static.container.xlarge}",
+ "$description": "Use to define the minimum/maximum width and height of containers or layout elements. For example, box, card and grids.",
+ "$extensions": {
+ "com.figma": {
+ "hiddenFromPublishing": false,
+ "scopes": ["WIDTH_HEIGHT"],
+ "codeSyntax": {}
+ }
+ }
+ }
+ },
+ "icon": {
+ "xsmall": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.350}",
"$description": "",
@@ -500,8 +500,10 @@
"codeSyntax": {}
}
}
- },
- "small": {
+ }
+ },
+ "small": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.400}",
"$description": "",
@@ -512,8 +514,10 @@
"codeSyntax": {}
}
}
- },
- "medium": {
+ }
+ },
+ "medium": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.450}",
"$description": "",
@@ -524,8 +528,10 @@
"codeSyntax": {}
}
}
- },
- "large": {
+ }
+ },
+ "large": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.550}",
"$description": "",
@@ -536,8 +542,10 @@
"codeSyntax": {}
}
}
- },
- "xlarge": {
+ }
+ },
+ "xlarge": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.600}",
"$description": "",
@@ -548,8 +556,10 @@
"codeSyntax": {}
}
}
- },
- "xxlarge": {
+ }
+ },
+ "xxlarge": {
+ "size": {
"$type": "number",
"$value": "{base.dimension.900}",
"$description": "",
diff --git a/sandbox/grommet-app/src/themes/theme.jsx b/sandbox/grommet-app/src/themes/theme.jsx
index 3efdaa773..9c303496f 100644
--- a/sandbox/grommet-app/src/themes/theme.jsx
+++ b/sandbox/grommet-app/src/themes/theme.jsx
@@ -370,26 +370,26 @@ const buildTheme = (tokens, flags) => {
const size = breakpoint => ({
xxsmall: flags['v6-backwards-compatibility']
- ? breakpoint.hpe.size.container['5xsmall']
- : breakpoint.hpe.size.container.xxsmall,
+ ? breakpoint.hpe.container['5xsmall']
+ : breakpoint.hpe.container.xxsmall,
xsmall: flags['v6-backwards-compatibility']
- ? breakpoint.hpe.size.container['3xsmall']
- : breakpoint.hpe.size.container.xsmall,
+ ? breakpoint.hpe.container['3xsmall']
+ : breakpoint.hpe.container.xsmall,
small: flags['v6-backwards-compatibility']
- ? breakpoint.hpe.size.container.xsmall
- : breakpoint.hpe.size.container.small,
+ ? breakpoint.hpe.container.xsmall
+ : breakpoint.hpe.container.small,
medium: flags['v6-backwards-compatibility']
- ? breakpoint.hpe.size.container.medium
- : breakpoint.hpe.size.container.medium,
+ ? breakpoint.hpe.container.medium
+ : breakpoint.hpe.container.medium,
large: flags['v6-backwards-compatibility']
- ? breakpoint.hpe.size.container.xlarge
- : breakpoint.hpe.size.container.large,
+ ? breakpoint.hpe.container.xlarge
+ : breakpoint.hpe.container.large,
xlarge: flags['v6-backwards-compatibility']
? '1152px'
- : breakpoint.hpe.size.container.xlarge,
+ : breakpoint.hpe.container.xlarge,
xxlarge: flags['v6-backwards-compatibility']
- ? breakpoint.hpe.size.container['3xlarge']
- : breakpoint.hpe.size.container.xxlarge,
+ ? breakpoint.hpe.container['3xlarge']
+ : breakpoint.hpe.container.xxlarge,
full: '100%',
});
@@ -499,23 +499,24 @@ const buildTheme = (tokens, flags) => {
// option button kind styles. abstracted so select.emptySearchMessage
// can reference pad value
const option = {
- color: components.hpe.select.option.rest.textColor,
+ color: components.hpe.select.default.option.rest.textColor,
border: {
radius:
- dimensions.edgeSize[components.hpe.select.medium.option.borderRadius] ||
- components.hpe.select.medium.option.borderRadius,
+ dimensions.edgeSize[
+ components.hpe.select.default.medium.option.borderRadius
+ ] || components.hpe.select.default.medium.option.borderRadius,
width:
dimensions.borderSize[
- components.hpe.select.medium.option.borderWidth
- ] || components.hpe.select.medium.option.borderWidth,
- color: components.hpe.select.option.rest.borderColor,
+ components.hpe.select.default.medium.option.borderWidth
+ ] || components.hpe.select.default.medium.option.borderWidth,
+ color: components.hpe.select.default.option.rest.borderColor,
},
pad: {
- horizontal: components.hpe.select.medium.option.paddingX,
- vertical: components.hpe.select.medium.option.paddingY,
+ horizontal: components.hpe.select.default.medium.option.paddingX,
+ vertical: components.hpe.select.default.medium.option.paddingY,
},
font: {
- weight: components.hpe.select.option.rest.fontWeight,
+ weight: components.hpe.select.default.option.rest.fontWeight,
},
};
@@ -641,12 +642,15 @@ const buildTheme = (tokens, flags) => {
buttonStatesTheme[state][kind] = {
background: {
color:
- components.hpe.select.option?.[adjustedState].rest.background,
+ components.hpe.select.default.option?.[adjustedState].rest
+ .background,
},
border: {
- color: components.hpe.select.option?.[adjustedState].borderColor,
+ color:
+ components.hpe.select.default.option?.[adjustedState].borderColor,
},
- color: components.hpe.select.option?.[adjustedState].textColor,
+ color:
+ components.hpe.select.default.option?.[adjustedState].textColor,
};
} else if (state === 'disabled') {
buttonStatesTheme[state][kind] = {
@@ -723,8 +727,11 @@ const buildTheme = (tokens, flags) => {
colors,
control: {
border: {
- radius: components.hpe.formField.medium.input.container.borderRadius,
- color: components.hpe.formField.input.container.rest.borderColor,
+ radius:
+ components.hpe.formField.default.medium.input.container
+ .borderRadius,
+ color:
+ components.hpe.formField.default.input.container.rest.borderColor,
},
disabled: {
opacity: 1,
@@ -733,32 +740,35 @@ const buildTheme = (tokens, flags) => {
input: {
font: {
height: 'inherit',
- weight: components.hpe.formField.medium.value.fontWeight,
+ weight: components.hpe.formField.default.medium.value.fontWeight,
},
padding: {
- horizontal: components.hpe.formField.medium.input.container.paddingX,
- vertical: components.hpe.formField.medium.input.container.paddingY,
+ horizontal:
+ components.hpe.formField.default.medium.input.container.paddingX,
+ vertical:
+ components.hpe.formField.default.medium.input.container.paddingY,
},
readOnly: {
background:
- components.hpe.formField.input.container.readOnly.rest.background,
+ components.hpe.formField.default.input.container.readOnly.rest
+ .background,
border: {
color:
- components.hpe.formField.input.container.readOnly.rest
+ components.hpe.formField.default.input.container.readOnly.rest
.borderColor,
},
},
extend: `
&::-webkit-input-placeholder {
- font-weight: ${components.hpe.formField.medium.placeholder.fontWeight};
+ font-weight: ${components.hpe.formField.default.medium.placeholder.fontWeight};
}
&::-moz-placeholder {
- font-weight: ${components.hpe.formField.medium.placeholder.fontWeight};
+ font-weight: ${components.hpe.formField.default.medium.placeholder.fontWeight};
}
&:-ms-input-placeholder {
- font-weight: ${components.hpe.formField.medium.placeholder.fontWeight};
+ font-weight: ${components.hpe.formField.default.medium.placeholder.fontWeight};
}
`,
},
@@ -820,19 +830,19 @@ const buildTheme = (tokens, flags) => {
color: 'active-text',
},
drop: {
- background: components.hpe.drop.background,
+ background: components.hpe.drop.default.background,
border: {
radius:
- dimensions.edgeSize[components.hpe.drop.borderRadius] ||
- components.hpe.drop.borderRadius,
+ dimensions.edgeSize[components.hpe.drop.default.borderRadius] ||
+ components.hpe.drop.default.borderRadius,
},
- margin: components.hpe.drop.margin,
+ margin: components.hpe.drop.default.margin,
intelligentMargin: true,
shadowSize: 'medium',
/* HPE Global Header/Footer Service a.k.a. HPE Common HFWS sets the header
* at a z-index of 101. This adjustment brings Drop in alignment with Layer
* which needs an elevated z-index to sit atop the Global header. */
- zIndex: components.hpe.drop.zIndex,
+ zIndex: components.hpe.drop.default.zIndex,
},
elevation: {
// Elevation values were derived from this Figma file.
@@ -974,13 +984,16 @@ const buildTheme = (tokens, flags) => {
},
selected: {
option: {
- background: components.hpe.select.option.selected.rest.background,
+ background:
+ components.hpe.select.default.option.selected.rest.background,
border: {
- color: components.hpe.select.option.selected.rest.borderColor,
+ color:
+ components.hpe.select.default.option.selected.rest.borderColor,
},
- color: components.hpe.select.option.selected.textColor,
+ color: components.hpe.select.default.option.selected.textColor,
font: {
- weight: components.hpe.select.option.selected.rest.fontWeight,
+ weight:
+ components.hpe.select.default.option.selected.rest.fontWeight,
},
extend: ({ theme }) =>
`
@@ -992,9 +1005,9 @@ const buildTheme = (tokens, flags) => {
width: 6px; // hpe.spacing['3xsmall']
border-top-left-radius: 9999px; // hpe.radius.full
border-bottom-left-radius: 9999px; // hpe.radius.full
- top: -1px; // hpe.select.medium.option.borderWidth
- bottom: -1px; // hpe.select.medium.option.borderWidth
- left: -1px; // hpe.select.medium.option.borderWidth
+ top: -1px; // hpe.select.default.medium.option.borderWidth
+ bottom: -1px; // hpe.select.default.medium.option.borderWidth
+ left: -1px; // hpe.select.default.medium.option.borderWidth
background: ${
theme.global.colors['border-selected']?.[
theme.dark ? 'dark' : 'light'
@@ -1012,17 +1025,17 @@ const buildTheme = (tokens, flags) => {
},
...buttonStatesTheme.hover,
option: {
- background: components.hpe.select.option.hover.background,
+ background: components.hpe.select.default.option.hover.background,
border: {
- color: components.hpe.select.option.hover.borderColor,
+ color: components.hpe.select.default.option.hover.borderColor,
},
- color: components.hpe.select.option.hover.textColor,
+ color: components.hpe.select.default.option.hover.textColor,
extend: props =>
props['aria-selected'] &&
`
background: ${
props.theme.global.colors[
- components.hpe.select.option.selected.hover.background
+ components.hpe.select.default.option.selected.hover.background
][props.theme.dark ? 'dark' : 'light']
};
`,
@@ -1034,8 +1047,8 @@ const buildTheme = (tokens, flags) => {
...buttonSizesTheme.medium,
option: {
pad: {
- horizontal: components.hpe.select.medium.option.paddingX,
- vertical: components.hpe.select.medium.option.paddingY,
+ horizontal: components.hpe.select.default.medium.option.paddingX,
+ vertical: components.hpe.select.default.medium.option.paddingY,
},
},
},
@@ -1123,11 +1136,11 @@ const buildTheme = (tokens, flags) => {
border: {
// applies directly to control (checkbox and toggle switch)
// TO DO remove from applying to switch
- color: components.hpe.checkbox.control.hover.borderColor,
+ color: components.hpe.checkbox.default.control.hover.borderColor,
width:
dimensions.borderSize[
- components.hpe.checkbox.medium.control.borderWidth
- ] || components.hpe.checkbox.medium.control.borderWidth,
+ components.hpe.checkbox.default.medium.control.borderWidth
+ ] || components.hpe.checkbox.default.medium.control.borderWidth,
},
// applies to container around control and label
background: {
@@ -1137,18 +1150,20 @@ const buildTheme = (tokens, flags) => {
let borderColor;
if (toggle) {
borderColor = getThemeColor(
- components.hpe.switch.control.track.hover.borderColor,
+ components.hpe.switch.default.control.track.hover.borderColor,
theme,
);
} else if (checked) {
if (toggle) {
borderColor = getThemeColor(
- components.hpe.switch.control.track.selected.hover.borderColor,
+ components.hpe.switch.default.control.track.selected.hover
+ .borderColor,
theme,
);
} else {
borderColor = getThemeColor(
- components.hpe.checkbox.control.selected.hover.borderColor,
+ components.hpe.checkbox.default.control.selected.hover
+ .borderColor,
theme,
);
}
@@ -1158,49 +1173,49 @@ const buildTheme = (tokens, flags) => {
`;
},
},
- color: components.hpe.switch.control.handle.rest.background, // The stroke color for the CheckBox icon, the toggle handle background when checked, and the border when checked. Setting to handle background since this is the only place to control this.
+ color: components.hpe.switch.default.control.handle.rest.background, // The stroke color for the CheckBox icon, the toggle handle background when checked, and the border when checked. Setting to handle background since this is the only place to control this.
border: {
- color: components.hpe.checkbox.control.rest.borderColor,
+ color: components.hpe.checkbox.default.control.rest.borderColor,
width:
dimensions.borderSize[
- components.hpe.checkbox.medium.control.borderWidth
- ] || components.hpe.checkbox.medium.control.borderWidth,
+ components.hpe.checkbox.default.medium.control.borderWidth
+ ] || components.hpe.checkbox.default.medium.control.borderWidth,
},
check: {
- radius: components.hpe.checkbox.medium.control.borderRadius,
+ radius: components.hpe.checkbox.default.medium.control.borderRadius,
thickness: '2px', // The stroke width of the checked icon.
extend: ({ theme, checked, indeterminate, disabled }) => {
let background = getThemeColor(
- components.hpe.checkbox.control.rest.background,
+ components.hpe.checkbox.default.control.rest.background,
theme,
);
let hoverBackground = getThemeColor(
- components.hpe.checkbox.control.hover.background,
+ components.hpe.checkbox.default.control.hover.background,
theme,
);
let borderColor = getThemeColor(
- components.hpe.checkbox.control.rest.borderColor,
+ components.hpe.checkbox.default.control.rest.borderColor,
theme,
);
if (checked || indeterminate) {
background = getThemeColor(
- components.hpe.checkbox.control.selected.rest.background,
+ components.hpe.checkbox.default.control.selected.rest.background,
theme,
);
borderColor = getThemeColor(
- components.hpe.checkbox.control.selected.rest.borderColor,
+ components.hpe.checkbox.default.control.selected.rest.borderColor,
theme,
);
}
if (checked || indeterminate) {
hoverBackground = getThemeColor(
- components.hpe.checkbox.control.selected.hover.background,
+ components.hpe.checkbox.default.control.selected.hover.background,
theme,
);
}
if (disabled)
borderColor = getThemeColor(
- components.hpe.checkbox.control.disabled.rest.borderColor,
+ components.hpe.checkbox.default.control.disabled.rest.borderColor,
theme,
);
return `
@@ -1216,43 +1231,45 @@ const buildTheme = (tokens, flags) => {
icon: {
extend: ({ theme }) => `stroke-width: 2px;
stroke: ${getThemeColor(
- components.hpe.checkbox.control.selected.rest.iconColor,
+ components.hpe.checkbox.default.control.selected.rest.iconColor,
theme,
)}`,
},
- gap: components.hpe.checkbox.medium.gapX,
+ gap: components.hpe.checkbox.default.medium.gapX,
label: {
align: 'start',
},
pad: {
vertical: components.hpe.element?.medium.paddingY,
- horizontal: components.hpe.formField.medium.input.container.paddingX,
+ horizontal:
+ components.hpe.formField.default.medium.input.container.paddingX,
},
- size: components.hpe.checkbox.medium.control.width,
+ size: components.hpe.checkbox.default.medium.control.width,
toggle: {
- background: components.hpe.switch.control.track.rest.background,
- color: components.hpe.switch.control.handle.rest.background,
- size: components.hpe.switch.medium.control.track.width,
+ background: components.hpe.switch.default.control.track.rest.background,
+ color: components.hpe.switch.default.control.handle.rest.background,
+ size: components.hpe.switch.default.medium.control.track.width,
// TO DO need token for handle elevation
knob: {
extend: ({ theme, checked, disabled }) => `
box-shadow: ${
theme.global.elevation[theme.dark ? 'dark' : 'light'][
- components.hpe.switch.control.handle.rest.boxShadow
+ components.hpe.switch.default.control.handle.rest.boxShadow
]
};
border: ${
dimensions.borderSize[
- components.hpe.switch.medium.control.handle.borderWidth
+ components.hpe.switch.default.medium.control.handle.borderWidth
]
} solid ${getThemeColor(
disabled
- ? components.hpe.switch.control.handle.disabled.rest.borderColor
- : components.hpe.switch.control.handle.rest.borderColor,
+ ? components.hpe.switch.default.control.handle.disabled.rest
+ .borderColor
+ : components.hpe.switch.default.control.handle.rest.borderColor,
theme,
)};
- width: ${components.hpe.switch.medium.control.handle.width};
- height: ${components.hpe.switch.medium.control.handle.height};
+ width: ${components.hpe.switch.default.medium.control.handle.width};
+ height: ${components.hpe.switch.default.medium.control.handle.height};
// top: 1px; // TO DO token?
// ${!checked ? 'left: 1px;' : ''} // TO DO token?
`,
@@ -1261,30 +1278,33 @@ const buildTheme = (tokens, flags) => {
extend: ({ checked, theme, disabled }) => {
let background;
let hoverBackground = getThemeColor(
- components.hpe.switch.control.track.hover.background,
+ components.hpe.switch.default.control.track.hover.background,
theme,
);
let borderColor = getThemeColor(
- components.hpe.switch.control.track.rest.borderColor,
+ components.hpe.switch.default.control.track.rest.borderColor,
theme,
);
if (checked) {
background = getThemeColor(
- components.hpe.switch.control.track.selected.rest.background,
+ components.hpe.switch.default.control.track.selected.rest
+ .background,
theme,
);
hoverBackground = getThemeColor(
- components.hpe.switch.control.track.selected.hover.background,
+ components.hpe.switch.default.control.track.selected.hover
+ .background,
theme,
);
}
if (disabled) {
background = getThemeColor(
- components.hpe.switch.control.track.disabled.rest,
+ components.hpe.switch.default.control.track.disabled.rest,
theme,
);
borderColor = getThemeColor(
- components.hpe.switch.control.handle.disabled.rest.borderColor,
+ components.hpe.switch.default.control.handle.disabled.rest
+ .borderColor,
theme,
);
}
@@ -1302,12 +1322,12 @@ const buildTheme = (tokens, flags) => {
// when its used outside of a FormField. We will apply this hover treatment in
// those instances.
extend: ({ disabled, theme }) => css`
- font-weight: ${components.hpe.checkbox.medium.label.fontWeight};
+ font-weight: ${components.hpe.checkbox.default.medium.label.fontWeight};
width: auto;
border: ${
- components.hpe.formField.medium.input.container.borderWidth
+ components.hpe.formField.default.medium.input.container.borderWidth
} solid ${getThemeColor(
- components.hpe.formField.input.group.item.rest.borderColor,
+ components.hpe.formField.default.input.group.item.rest.borderColor,
theme,
)};
${
@@ -1315,7 +1335,7 @@ const buildTheme = (tokens, flags) => {
disabled &&
`opacity: 1;
color: ${getThemeColor(
- components.hpe.checkbox.label.disabled.rest.textColor,
+ components.hpe.checkbox.default.label.disabled.rest.textColor,
theme,
)};`
}
@@ -1327,7 +1347,8 @@ const buildTheme = (tokens, flags) => {
gap: 'none', // TO DO missing token
margin: {
vertical:
- components.hpe.formField.medium.input.group.container.paddingY,
+ components.hpe.formField.default.medium.input.group.container
+ .paddingY,
},
},
},
@@ -1338,7 +1359,8 @@ const buildTheme = (tokens, flags) => {
},
dateInput: {
container: {
- round: components.hpe.formField.medium.input.container.borderRadius,
+ round:
+ components.hpe.formField.default.medium.input.container.borderRadius,
},
icon: {
size: 'small',
@@ -1352,7 +1374,8 @@ const buildTheme = (tokens, flags) => {
padding: 0px ${theme.global.edgeSize.xxsmall};
`,
selected: {
- background: components.hpe.dataCell.selected?.rest?.background,
+ background:
+ components.hpe.dataCell.default.selected?.rest?.background,
},
},
groupHeader: {
@@ -1365,7 +1388,7 @@ const buildTheme = (tokens, flags) => {
},
header: {
border: { side: 'bottom' },
- color: components.hpe.headerCell.rest.textColor,
+ color: components.hpe.headerCell.default.rest.textColor,
extend: ({ column, sort, sortable, theme }) =>
`
${
@@ -1396,16 +1419,16 @@ const buildTheme = (tokens, flags) => {
};
`,
font: {
- weight: components.hpe.headerCell.medium.fontWeight,
+ weight: components.hpe.headerCell.default.medium.fontWeight,
},
- gap: components.hpe.headerCell.medium.gapX,
+ gap: components.hpe.headerCell.default.medium.gapX,
hover: {
background: {
- color: components.hpe.headerCell.hover.background,
+ color: components.hpe.headerCell.default.hover.background,
},
},
units: {
- color: components.hpe.headerCell.units.rest.textColor,
+ color: components.hpe.headerCell.default.units.rest.textColor,
},
},
icons: {
@@ -1449,10 +1472,12 @@ const buildTheme = (tokens, flags) => {
},
fileInput: {
border: {
- color: components.hpe.formField.input.container.rest.borderColor,
+ color:
+ components.hpe.formField.default.input.container.rest.borderColor,
side: 'all',
style: 'dashed',
- size: components.hpe.formField.medium.input.container.borderWidth,
+ size: components.hpe.formField.default.medium.input.container
+ .borderWidth,
},
button: {
background: components.hpe.button.default.rest.background,
@@ -1492,14 +1517,14 @@ const buildTheme = (tokens, flags) => {
margin: 'small',
},
pad: { horizontal: 'xsmall' },
- extend: `border-radius: ${components.hpe.formField.medium.input.container.borderRadius};`,
+ extend: `border-radius: ${components.hpe.formField.default.medium.input.container.borderRadius};`,
},
formField: {
extend: ({ theme }) =>
`
input:disabled {
color: ${getThemeColor(
- components.hpe.formField.value.disabled.rest.textColor,
+ components.hpe.formField.default.value.disabled.rest.textColor,
theme,
)};
}
@@ -1507,11 +1532,13 @@ const buildTheme = (tokens, flags) => {
label {
border: ${
dimensions.borderSize[
- components.hpe.formField.medium.input.group.item.borderWidth
+ components.hpe.formField.default.medium.input.group.item
+ .borderWidth
] ||
- components.hpe.formField.medium.input.group.item.borderWidth
+ components.hpe.formField.default.medium.input.group.item
+ .borderWidth
} solid ${getThemeColor(
- components.hpe.formField.input.group.item.rest.borderColor,
+ components.hpe.formField.default.input.group.item.rest.borderColor,
theme,
)};
}
@@ -1525,33 +1552,38 @@ const buildTheme = (tokens, flags) => {
border: {
error: {
color:
- components.hpe.formField.input.container.error.rest.borderColor,
+ components.hpe.formField.default.input.container.error.rest
+ .borderColor,
},
- color: components.hpe.formField.input.container.rest.borderColor,
+ color:
+ components.hpe.formField.default.input.container.rest.borderColor,
side: 'all',
},
disabled: {
background:
- components.hpe.formField.input.group.container.disabled.rest
+ components.hpe.formField.default.input.group.container.disabled.rest
.background,
border: {
color:
- components.hpe.formField.input.container.disabled.rest.borderColor,
+ components.hpe.formField.default.input.container.disabled.rest
+ .borderColor,
},
label: {
- color: components.hpe.formField.label.disabled.rest.textColor,
+ color: components.hpe.formField.default.label.disabled.rest.textColor,
},
},
error: {
background: {
- color: components.hpe.formField.input.container.error.rest.background,
+ color:
+ components.hpe.formField.default.input.container.error.rest
+ .background,
},
container: {
gap: 'xsmall', // Q: missing token
},
icon: ,
size: 'xsmall', // Q: missing token
- color: components.hpe.formField.error.rest.textColor,
+ color: components.hpe.formField.default.error.rest.textColor,
margin: {
// Q: missing token
bottom: 'xsmall',
@@ -1567,12 +1599,12 @@ const buildTheme = (tokens, flags) => {
},
help: {
size: 'xsmall',
- color: components.hpe.formField.help.rest.color,
+ color: components.hpe.formField.default.help.rest.color,
margin: 'none', // TO DO missing token
},
info: {
size: 'xsmall',
- color: components.hpe.formField.info.rest.color,
+ color: components.hpe.formField.default.info.rest.color,
margin: {
// Q: missing token
bottom: 'xsmall',
@@ -1582,7 +1614,7 @@ const buildTheme = (tokens, flags) => {
},
label: {
size: 'xsmall',
- color: components.hpe.formField.label.rest.color,
+ color: components.hpe.formField.default.label.rest.color,
margin: {
// Q: missing token
bottom: 'none',
@@ -1590,12 +1622,13 @@ const buildTheme = (tokens, flags) => {
horizontal: 'none',
},
requiredIndicator: true,
- weight: components.hpe.formField.medium.label.fontWeight,
+ weight: components.hpe.formField.default.medium.label.fontWeight,
},
margin: {
bottom: 'none', // TO DO missing token
},
- round: components.hpe.formField.medium.input.container.borderRadius,
+ round:
+ components.hpe.formField.default.medium.input.container.borderRadius,
// TO DO no tokens
survey: {
label: {
@@ -1747,12 +1780,12 @@ const buildTheme = (tokens, flags) => {
disableScaleDown: true,
matchSize: true,
size: {
- xsmall: large.hpe.size.icon.xsmall,
- small: large.hpe.size.icon.small,
- medium: large.hpe.size.icon.medium,
- large: large.hpe.size.icon.large,
- xlarge: large.hpe.size.icon.xlarge,
- xxlarge: large.hpe.size.icon.xxlarge,
+ xsmall: large.hpe.icon.xsmall.size,
+ small: large.hpe.icon.small.size,
+ medium: large.hpe.icon.medium.size,
+ large: large.hpe.icon.large.size,
+ xlarge: large.hpe.icon.xlarge.size,
+ xxlarge: large.hpe.icon.xxlarge.size,
},
},
layer: {
@@ -1816,23 +1849,24 @@ const buildTheme = (tokens, flags) => {
group: {
container: {
pad: {
- vertical: components.hpe.menu.medium.group.container.paddingY,
+ vertical:
+ components.hpe.menu.default.medium.group.container.paddingY,
},
},
separator: {
- color: components.hpe.menu.group.separator.background,
- size: components.hpe.menu.medium.group.separator.height,
+ color: components.hpe.menu.default.group.separator.background,
+ size: components.hpe.menu.default.medium.group.separator.height,
pad: 'none', // TO DO no token
},
},
icons: {
- color: components.hpe.menu.item.rest.iconColor,
+ color: components.hpe.menu.default.item.rest.iconColor,
down: Down,
},
item: {
pad: {
- horizontal: components.hpe.menu.medium.item.paddingX,
- vertical: components.hpe.menu.medium.item.paddingY,
+ horizontal: components.hpe.menu.default.medium.item.paddingX,
+ vertical: components.hpe.menu.default.medium.item.paddingY,
},
},
},
@@ -2207,29 +2241,33 @@ const buildTheme = (tokens, flags) => {
},
radioButton: {
border: {
- color: components.hpe.radioButton.control.rest.borderColor,
- width: components.hpe.radioButton.medium.control.borderWidth,
+ color: components.hpe.radioButton.default.control.rest.borderColor,
+ width: components.hpe.radioButton.default.medium.control.borderWidth,
},
check: {
background: {
- color: components.hpe.radioButton.control.selected.rest.background,
+ color:
+ components.hpe.radioButton.default.control.selected.rest.background,
},
},
- color: components.hpe.radioButton.control.selected.rest.borderColor,
+ color:
+ components.hpe.radioButton.default.control.selected.rest.borderColor,
container: {
extend: ({ theme }) => `
width: auto;
padding-inline: ${
- components.hpe.formField.medium.input.group.item.paddingX
+ components.hpe.formField.default.medium.input.group.item.paddingX
};
&:has(input[checked]) {
& div:has(> svg[aria-hidden="true"]) {
background: ${getThemeColor(
- components.hpe.radioButton.control.selected.rest.background,
+ components.hpe.radioButton.default.control.selected.rest
+ .background,
theme,
)};
border-color: ${getThemeColor(
- components.hpe.radioButton.control.selected.rest.borderColor,
+ components.hpe.radioButton.default.control.selected.rest
+ .borderColor,
theme,
)};
}
@@ -2237,11 +2275,13 @@ const buildTheme = (tokens, flags) => {
&:has(input[checked]):hover {
& div:has(> svg[aria-hidden="true"]) {
background: ${getThemeColor(
- components.hpe.radioButton.control.selected.hover.background,
+ components.hpe.radioButton.default.control.selected.hover
+ .background,
theme,
)};
border-color: ${getThemeColor(
- components.hpe.radioButton.control.selected.hover.borderColor,
+ components.hpe.radioButton.default.control.selected.hover
+ .borderColor,
theme,
)};
}
@@ -2249,25 +2289,28 @@ const buildTheme = (tokens, flags) => {
`,
},
extend: () => `
- padding-block: ${components.hpe.formField.medium.input.group.item.paddingY};
+ padding-block: ${components.hpe.formField.default.medium.input.group.item.paddingY};
`,
- gap: components.hpe.radioButton.medium.gapX,
+ gap: components.hpe.radioButton.default.medium.gapX,
hover: {
background: {
- color: components.hpe.formField.input.group.item.hover.background,
+ color:
+ components.hpe.formField.default.input.group.item.hover.background,
},
border: {
- color: components.hpe.radioButton.control.hover.borderColor,
+ color: components.hpe.radioButton.default.control.hover.borderColor,
},
},
- size: components.hpe.radioButton.medium.control.height,
+ size: components.hpe.radioButton.default.medium.control.height,
font: {
- weight: components.hpe.radioButton.medium.label.fontWeight,
+ weight: components.hpe.radioButton.default.medium.label.fontWeight,
},
icons: {
circle: () => (
@@ -2279,7 +2322,8 @@ const buildTheme = (tokens, flags) => {
gap: 'none', // TO DO should be token?
margin: {
vertical:
- components.hpe.formField.medium.input.group.container.paddingY,
+ components.hpe.formField.default.medium.input.group.container
+ .paddingY,
},
},
},
@@ -2305,7 +2349,7 @@ const buildTheme = (tokens, flags) => {
vertical: '6px',
},
margin: {
- horizontal: components.hpe.select.medium.drop.paddingX,
+ horizontal: components.hpe.select.default.medium.drop.paddingX,
},
hover: {
background: 'background-contrast',
@@ -2356,15 +2400,18 @@ const buildTheme = (tokens, flags) => {
// [role="option"]:has(input[type="checkbox"]) targets options within SelectMultiple
extend: () => `
[role="listbox"] {
- padding-top: ${components.hpe.select.medium.drop.paddingY};
- padding-inline: ${components.hpe.select.medium.drop.paddingX};
+ padding-top: ${components.hpe.select.default.medium.drop.paddingY};
+ padding-inline: ${
+ components.hpe.select.default.medium.drop.paddingX
+ };
display: flex;
flex-direction: column;
- gap: ${components.hpe.select.medium.drop.gapY};
+ gap: ${components.hpe.select.default.medium.drop.gapY};
[role="option"]:has(input[type="checkbox"]) {
border-radius: ${
dimensions.edgeSize[
- components.hpe.formField.medium.input.group.item.borderRadius
+ components.hpe.formField.default.medium.input.group.item
+ .borderRadius
]
};
}
@@ -2464,13 +2511,13 @@ const buildTheme = (tokens, flags) => {
},
body: {
pad: {
- top: components.hpe.dataCell.medium.paddingTop,
- bottom: components.hpe.dataCell.medium.paddingBottom,
- horizontal: components.hpe.dataCell.medium.paddingX,
+ top: components.hpe.dataCell.default.medium.paddingTop,
+ bottom: components.hpe.dataCell.default.medium.paddingBottom,
+ horizontal: components.hpe.dataCell.default.medium.paddingX,
},
border: {
side: 'bottom', // TO DO this causes issues on the last row with the footer border
- color: components.hpe.dataCell.rest.borderColor,
+ color: components.hpe.dataCell.default.rest.borderColor,
},
extend: ({ theme }) =>
`
@@ -2492,7 +2539,7 @@ const buildTheme = (tokens, flags) => {
},
footer: {
extend: `
- font-weight: ${components.hpe.footerCell.fontWeight};
+ font-weight: ${components.hpe.footerCell.default.fontWeight};
`,
},
},
@@ -2613,7 +2660,7 @@ const buildTheme = (tokens, flags) => {
vertical: 'none',
horizontal: 'small',
},
- round: components.hpe.drop.borderRadius,
+ round: components.hpe.drop.default.borderRadius,
},
},
thumbsRating: {