diff --git a/design-tokens/tokens/component/component.default.json b/design-tokens/tokens/component/component.default.json index 4858b5903..ab7f9c677 100644 --- a/design-tokens/tokens/component/component.default.json +++ b/design-tokens/tokens/component/component.default.json @@ -282,769 +282,427 @@ } } } - } - }, - "secondary": { - "enabled": { - "background": { - "$type": "color", - "$value": "{button.default.enabled.background}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "borderColor": { - "$type": "color", - "$value": "{color.background.primary.default}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "fontWeight": { - "$type": "number", - "$value": "{button.default.enabled.fontWeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } }, - "hover": { - "background": { - "$type": "color", - "$value": "{button.default.enabled.background}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "borderColor": { - "$type": "color", - "$value": "{color.border.selected}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", + "xsmall": { + "paddingX": { + "$type": "number", + "$value": "{button.default.xsmall.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "fontWeight": { + "paddingY": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.default.xsmall.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - }, - "disabled": { - "background": { - "$type": "color", - "$value": "{color.background.disabled}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{color.border.disabled}", + "borderRadius": { + "$type": "number", + "$value": "{button.default.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{color.text.disabled}", + "borderWidth": { + "$type": "number", + "$value": "{button.default.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{color.icon.disabled}", + "minHeight": { + "$type": "number", + "$value": "{button.default.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "fontWeight": { + "fontSize": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.default.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } - } - }, - "selected": { - "enabled": { - "background": { - "$type": "color", - "$value": "{button.default.selected.enabled.background}", + }, + "iconOnly": { + "paddingX": { + "$type": "number", + "$value": "{button.default.xsmall.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.borderColor}", + "paddingY": { + "$type": "number", + "$value": "{button.default.xsmall.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.textColor}", + "borderRadius": { + "$type": "number", + "$value": "{button.primary.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.iconColor}", + "borderWidth": { + "$type": "number", + "$value": "{button.primary.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "fontWeight": { + "minHeight": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.primary.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - } - } - }, - "default": { - "enabled": { - "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"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{color.text.strong}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{color.icon.strong}", - "$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": { - "background": { - "$type": "color", - "$value": "{button.default.enabled.background}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "borderColor": { - "$type": "color", - "$value": "{button.default.enabled.borderColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{color.text.disabled}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{color.icon.disabled}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "fontWeight": { - "$type": "number", - "$value": "{button.default.enabled.fontWeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - }, - "hover": { - "background": { - "$type": "color", - "$value": "{color.background.hover}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], - "codeSyntax": {} - } - } - }, - "borderColor": { - "$type": "color", - "$value": "{button.default.enabled.borderColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "fontWeight": { - "$type": "number", - "$value": "{button.default.enabled.fontWeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - }, - "selected": { - "enabled": { - "background": { - "$type": "color", - "$value": "{color.background.active}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{color.transparent}", + "minWidth": { + "$type": "number", + "$value": "{button.default.xsmall.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", + "fontSize": { + "$type": "number", + "$value": "{button.primary.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", + "lineHeight": { + "$type": "number", + "$value": "{button.primary.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "fontWeight": { + "gapX": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.primary.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["GAP"], "codeSyntax": {} } } } - } - } - }, - "toolbar": { - "enabled": { - "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}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], - "codeSyntax": {} - } - } - }, - "textColor": { - "$type": "color", - "$value": "{button.default.enabled.textColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], - "codeSyntax": {} - } - } - }, - "iconColor": { - "$type": "color", - "$value": "{button.default.enabled.iconColor}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], - "codeSyntax": {} - } - } - }, - "fontWeight": { + "lineHeight": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], - "codeSyntax": {} - } - } - } - }, - "disabled": { - "background": { - "$type": "color", - "$value": "{color.background.disabled}", + "$value": "{button.default.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{color.border.disabled}", + "gapX": { + "$type": "number", + "$value": "{button.default.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } - }, - "textColor": { - "$type": "color", - "$value": "{color.text.disabled}", + } + }, + "small": { + "paddingX": { + "$type": "number", + "$value": "{button.default.small.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{color.icon.disabled}", + "paddingY": { + "$type": "number", + "$value": "{button.default.small.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "fontWeight": { + "borderRadius": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.default.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } - } - }, - "hover": { - "background": { - "$type": "color", - "$value": "{color.background.hover}", + }, + "borderWidth": { + "$type": "number", + "$value": "{button.default.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{button.toolbar.enabled.borderColor}", + "minHeight": { + "$type": "number", + "$value": "{button.default.small.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{button.toolbar.enabled.textColor}", + "fontSize": { + "$type": "number", + "$value": "{button.default.small.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{button.toolbar.enabled.iconColor}", + "lineHeight": { + "$type": "number", + "$value": "{button.default.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "fontWeight": { + "gapX": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.default.small.gapX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["GAP"], "codeSyntax": {} } } - } - }, - "selected": { - "enabled": { - "background": { - "$type": "color", - "$value": "{button.default.selected.enabled.background}", + }, + "iconOnly": { + "paddingX": { + "$type": "number", + "$value": "{button.default.small.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.borderColor}", + "paddingY": { + "$type": "number", + "$value": "{button.default.small.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "textColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.textColor}", + "borderRadius": { + "$type": "number", + "$value": "{button.primary.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["TEXT_FILL"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "iconColor": { - "$type": "color", - "$value": "{button.default.selected.enabled.iconColor}", + "borderWidth": { + "$type": "number", + "$value": "{button.primary.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "fontWeight": { + "minHeight": { "$type": "number", - "$value": "{button.default.enabled.fontWeight}", + "$value": "{button.primary.small.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_STYLE"], + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "minWidth": { + "$type": "number", + "$value": "{button.default.small.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, + "fontSize": { + "$type": "number", + "$value": "{button.primary.small.fontSize}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_SIZE"], + "codeSyntax": {} + } + } + }, + "lineHeight": { + "$type": "number", + "$value": "{button.primary.small.lineHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["LINE_HEIGHT"], + "codeSyntax": {} + } + } + }, + "gapX": { + "$type": "number", + "$value": "{button.primary.small.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], "codeSyntax": {} } } } } - } - }, - "xsmall": { - "primary": { + }, + "medium": { "paddingX": { "$type": "number", - "$value": "{button.xsmall.default.paddingX}", + "$value": "{button.default.medium.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1056,7 +714,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xsmall.default.paddingY}", + "$value": "{button.default.medium.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1068,7 +726,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xsmall.default.borderRadius}", + "$value": "{button.default.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1080,7 +738,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xsmall.default.borderWidth}", + "$value": "{button.default.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1092,7 +750,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xsmall.default.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1104,7 +762,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1116,7 +774,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1128,7 +786,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.default.gapX}", + "$value": "{button.default.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1141,7 +799,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingX}", + "$value": "{button.default.medium.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1153,7 +811,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingY}", + "$value": "{button.default.medium.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1165,7 +823,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xsmall.primary.borderRadius}", + "$value": "{button.primary.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1177,7 +835,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xsmall.primary.borderWidth}", + "$value": "{button.primary.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1189,7 +847,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xsmall.primary.minHeight}", + "$value": "{button.primary.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1199,9 +857,21 @@ } } }, + "minWidth": { + "$type": "number", + "$value": "{button.default.medium.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.primary.fontSize}", + "$value": "{button.primary.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1213,7 +883,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.primary.lineHeight}", + "$value": "{button.primary.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1225,7 +895,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.primary.gapX}", + "$value": "{button.primary.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1237,10 +907,10 @@ } } }, - "secondary": { + "large": { "paddingX": { "$type": "number", - "$value": "{button.xsmall.default.paddingX}", + "$value": "{button.default.large.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1252,7 +922,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xsmall.default.paddingY}", + "$value": "{button.default.large.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1264,7 +934,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xsmall.default.borderRadius}", + "$value": "{button.default.large.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1276,7 +946,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xsmall.default.borderWidth}", + "$value": "{button.default.large.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1288,7 +958,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xsmall.default.minHeight}", + "$value": "{button.default.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1300,7 +970,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.default.fontSize}", + "$value": "{button.default.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1312,7 +982,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.default.lineHeight}", + "$value": "{button.default.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1324,7 +994,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.default.gapX}", + "$value": "{button.default.large.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1335,9 +1005,93 @@ } }, "iconOnly": { + "borderRadius": { + "$type": "number", + "$value": "{button.primary.large.borderRadius}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["CORNER_RADIUS"], + "codeSyntax": {} + } + } + }, + "borderWidth": { + "$type": "number", + "$value": "{button.primary.large.borderWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "codeSyntax": {} + } + } + }, + "minHeight": { + "$type": "number", + "$value": "{button.primary.large.minHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "minWidth": { + "$type": "number", + "$value": "{button.default.large.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "fontSize": { + "$type": "number", + "$value": "{button.primary.large.fontSize}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_SIZE"], + "codeSyntax": {} + } + } + }, + "lineHeight": { + "$type": "number", + "$value": "{button.primary.large.lineHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["LINE_HEIGHT"], + "codeSyntax": {} + } + } + }, + "gapX": { + "$type": "number", + "$value": "{button.primary.large.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, "paddingX": { "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingX}", + "$value": "{button.default.large.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1349,7 +1103,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingY}", + "$value": "{button.default.large.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1358,34 +1112,50 @@ "codeSyntax": {} } } - }, + } + } + }, + "xlarge": { + "iconOnly": { "borderRadius": { "$type": "number", - "$value": "{button.xsmall.secondary.borderRadius}", + "$value": "{button.primary.xlarge.borderRadius}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["CORNER_RADIUS"], + "codeSyntax": {} + } + } + }, + "borderWidth": { + "$type": "number", + "$value": "{button.primary.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "borderWidth": { + "minHeight": { "$type": "number", - "$value": "{button.xsmall.secondary.borderWidth}", + "$value": "{button.primary.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "minHeight": { + "minWidth": { "$type": "number", - "$value": "{button.xsmall.secondary.minHeight}", + "$value": "{button.default.xlarge.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1397,7 +1167,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.secondary.fontSize}", + "$value": "{button.primary.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1409,7 +1179,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.secondary.lineHeight}", + "$value": "{button.primary.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1421,7 +1191,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.secondary.gapX}", + "$value": "{button.primary.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1430,36 +1200,35 @@ "codeSyntax": {} } } - } - }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true + }, + "paddingX": { + "$type": "number", + "$value": "{button.default.xlarge.iconOnly.paddingX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} } - ], + } + }, + "paddingY": { + "$type": "number", + "$value": "{button.default.xlarge.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["GAP"], "codeSyntax": {} } } } - } - }, - "default": { + }, "paddingX": { "$type": "number", - "$value": 12, + "$value": "{button.default.xlarge.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1471,7 +1240,7 @@ }, "paddingY": { "$type": "number", - "$value": 3, + "$value": "{button.default.xlarge.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1483,7 +1252,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.full}", + "$value": "{button.default.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1495,7 +1264,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{element.xsmall.borderWidth}", + "$value": "{button.default.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1507,7 +1276,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.xsmall.minHeight}", + "$value": "{button.default.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1519,7 +1288,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.xsmall.fontSize}", + "$value": "{button.default.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1531,7 +1300,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.xsmall.lineHeight}", + "$value": "{button.default.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1543,7 +1312,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.xsmall.textToIconX}", + "$value": "{button.default.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1552,110 +1321,264 @@ "codeSyntax": {} } } + } + } + }, + "secondary": { + "enabled": { + "background": { + "$type": "color", + "$value": "{button.default.enabled.background}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } }, - "iconOnly": { - "paddingX": { - "$type": "number", - "$value": "{button.xsmall.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + "borderColor": { + "$type": "color", + "$value": "{color.background.primary.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} } - }, - "paddingY": { - "$type": "number", - "$value": 3, - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + } + }, + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} } - }, - "borderRadius": { - "$type": "number", - "$value": "{button.xsmall.default.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } + } + }, + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} + } + } + } + }, + "hover": { + "background": { + "$type": "color", + "$value": "{button.default.enabled.background}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "borderColor": { + "$type": "color", + "$value": "{color.border.selected}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} + } + } + } + }, + "disabled": { + "background": { + "$type": "color", + "$value": "{color.background.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "borderColor": { + "$type": "color", + "$value": "{color.border.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{color.text.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{color.icon.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.xsmall.default.borderWidth}", + } + } + }, + "selected": { + "enabled": { + "background": { + "$type": "color", + "$value": "{button.default.selected.enabled.background}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "minHeight": { - "$type": "number", - "$value": "{button.xsmall.default.minHeight}", + "borderColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.borderColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } }, - "fontSize": { - "$type": "number", - "$value": "{button.xsmall.default.fontSize}", + "textColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.textColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } }, - "lineHeight": { - "$type": "number", - "$value": "{button.xsmall.default.lineHeight}", + "iconColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.iconColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "gapX": { + "fontWeight": { "$type": "number", - "$value": "{button.xsmall.default.gapX}", + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } } } }, - "toolbar": { + "xsmall": { "paddingX": { "$type": "number", - "$value": "{element.xsmall.paddingX.default}", + "$value": "{button.default.xsmall.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1667,7 +1590,7 @@ }, "paddingY": { "$type": "number", - "$value": 3, + "$value": "{button.default.xsmall.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1679,7 +1602,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.xsmall}", + "$value": "{button.default.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1691,7 +1614,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.default}", + "$value": "{button.default.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1703,7 +1626,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.xsmall.minHeight}", + "$value": "{button.default.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1715,7 +1638,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.xsmall.fontSize}", + "$value": "{button.default.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1727,7 +1650,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.xsmall.lineHeight}", + "$value": "{button.default.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1739,7 +1662,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.xsmall.textToIconX}", + "$value": "{button.default.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1752,7 +1675,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": 5, + "$value": "{button.default.xsmall.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1764,7 +1687,7 @@ }, "paddingY": { "$type": "number", - "$value": 3, + "$value": "{button.default.xsmall.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1776,7 +1699,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xsmall.toolbar.borderRadius}", + "$value": "{button.secondary.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1788,7 +1711,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xsmall.toolbar.borderWidth}", + "$value": "{button.secondary.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1800,7 +1723,19 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xsmall.toolbar.minHeight}", + "$value": "{button.secondary.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": { @@ -1812,7 +1747,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xsmall.toolbar.fontSize}", + "$value": "{button.secondary.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1824,7 +1759,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xsmall.toolbar.lineHeight}", + "$value": "{button.secondary.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1836,7 +1771,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xsmall.toolbar.gapX}", + "$value": "{button.secondary.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1846,14 +1781,35 @@ } } } + }, + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true + } + ], + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } } - } - }, - "small": { - "default": { + }, + "small": { "paddingX": { "$type": "number", - "$value": "{element.small.paddingX.wide}", + "$value": "{button.default.small.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1865,7 +1821,7 @@ }, "paddingY": { "$type": "number", - "$value": "{element.small.paddingY}", + "$value": "{button.default.small.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1877,7 +1833,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.full}", + "$value": "{button.default.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1889,7 +1845,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.default}", + "$value": "{button.default.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1901,7 +1857,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.small.minHeight}", + "$value": "{button.default.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1913,7 +1869,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.small.fontSize}", + "$value": "{button.default.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -1925,7 +1881,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.small.lineHeight}", + "$value": "{button.default.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -1937,7 +1893,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.small.textToIconX}", + "$value": "{button.default.small.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -1950,7 +1906,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingY}", + "$value": "{button.default.small.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -1962,7 +1918,7 @@ }, "paddingY": { "$type": "number", - "$value": 5, + "$value": "{button.default.small.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -1974,7 +1930,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.small.default.borderRadius}", + "$value": "{button.secondary.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -1986,7 +1942,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.default.borderWidth}", + "$value": "{button.secondary.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -1998,7 +1954,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.default.minHeight}", + "$value": "{button.secondary.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2010,7 +1966,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.small.default.iconOnly.minHeight}", + "$value": "{button.default.small.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2022,7 +1978,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.small.default.fontSize}", + "$value": "{button.secondary.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2034,7 +1990,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.default.lineHeight}", + "$value": "{button.secondary.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2046,7 +2002,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.default.gapX}", + "$value": "{button.secondary.small.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2056,12 +2012,35 @@ } } } + }, + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true + } + ], + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } } }, - "primary": { + "medium": { "paddingX": { "$type": "number", - "$value": "{button.small.default.paddingX}", + "$value": "{element.medium.paddingX.wide}", "$description": "", "$extensions": { "com.figma": { @@ -2073,7 +2052,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.paddingY}", + "$value": 4, "$description": "", "$extensions": { "com.figma": { @@ -2085,7 +2064,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.small.default.borderRadius}", + "$value": "{button.default.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2097,7 +2076,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.default.borderWidth}", + "$value": "{base.static.borderWidth.small}", "$description": "", "$extensions": { "com.figma": { @@ -2109,7 +2088,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.default.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2121,7 +2100,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.small.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2133,7 +2112,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2145,7 +2124,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.default.gapX}", + "$value": "{button.default.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2158,7 +2137,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingX}", + "$value": "{button.secondary.medium.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -2170,7 +2149,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingY}", + "$value": 7, "$description": "", "$extensions": { "com.figma": { @@ -2182,7 +2161,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.small.primary.borderRadius}", + "$value": "{button.secondary.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2194,7 +2173,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.primary.borderWidth}", + "$value": "{button.secondary.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2206,7 +2185,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.primary.minHeight}", + "$value": "{button.secondary.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2218,7 +2197,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.small.default.iconOnly.minWidth}", + "$value": "{button.default.medium.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2230,7 +2209,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.small.primary.fontSize}", + "$value": "{button.secondary.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2242,7 +2221,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.primary.lineHeight}", + "$value": "{button.secondary.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2254,7 +2233,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.primary.gapX}", + "$value": "{button.secondary.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2264,12 +2243,35 @@ } } } + }, + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true + } + ], + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } + } } }, - "secondary": { + "large": { "paddingX": { "$type": "number", - "$value": "{button.small.default.paddingX}", + "$value": "{button.default.large.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -2281,7 +2283,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.paddingY}", + "$value": 8, "$description": "", "$extensions": { "com.figma": { @@ -2293,7 +2295,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.small.default.borderRadius}", + "$value": "{button.default.large.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2305,7 +2307,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.default.borderWidth}", + "$value": "{base.static.borderWidth.small}", "$description": "", "$extensions": { "com.figma": { @@ -2317,7 +2319,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.default.minHeight}", + "$value": "{button.default.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2329,7 +2331,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.small.default.fontSize}", + "$value": "{button.default.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2341,7 +2343,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.default.lineHeight}", + "$value": "{button.default.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2353,7 +2355,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.default.gapX}", + "$value": "{button.default.large.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2364,9 +2366,93 @@ } }, "iconOnly": { + "borderRadius": { + "$type": "number", + "$value": "{button.secondary.large.borderRadius}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["CORNER_RADIUS"], + "codeSyntax": {} + } + } + }, + "borderWidth": { + "$type": "number", + "$value": "{button.secondary.large.borderWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "codeSyntax": {} + } + } + }, + "minHeight": { + "$type": "number", + "$value": "{button.secondary.large.minHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "minWidth": { + "$type": "number", + "$value": "{button.default.large.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "fontSize": { + "$type": "number", + "$value": "{button.secondary.large.fontSize}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_SIZE"], + "codeSyntax": {} + } + } + }, + "lineHeight": { + "$type": "number", + "$value": "{button.secondary.large.lineHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["LINE_HEIGHT"], + "codeSyntax": {} + } + } + }, + "gapX": { + "$type": "number", + "$value": "{button.secondary.large.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, "paddingX": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingX}", + "$value": "{button.default.large.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -2378,19 +2464,46 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.iconOnly.paddingY}", + "$value": "{button.default.large.iconOnly.paddingY}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + } + }, + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true + } + ], "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } - }, + } + } + }, + "xlarge": { + "iconOnly": { "borderRadius": { "$type": "number", - "$value": "{button.small.secondary.borderRadius}", + "$value": "{button.secondary.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2402,7 +2515,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.small.secondary.borderWidth}", + "$value": "{button.secondary.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2414,7 +2527,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.small.secondary.minHeight}", + "$value": "{button.secondary.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2426,19 +2539,19 @@ }, "minWidth": { "$type": "number", - "$value": "{button.small.default.iconOnly.minWidth}", + "$value": "{button.default.xlarge.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, "fontSize": { "$type": "number", - "$value": "{button.small.secondary.fontSize}", + "$value": "{button.secondary.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2450,7 +2563,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.small.secondary.lineHeight}", + "$value": "{button.secondary.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2462,7 +2575,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.small.secondary.gapX}", + "$value": "{button.secondary.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2471,36 +2584,35 @@ "codeSyntax": {} } } - } - }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true + }, + "paddingX": { + "$type": "number", + "$value": "{button.default.xlarge.iconOnly.paddingX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} } - ], + } + }, + "paddingY": { + "$type": "number", + "$value": "{button.default.xlarge.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["GAP"], "codeSyntax": {} } } } - } - }, - "toolbar": { + }, "paddingX": { "$type": "number", - "$value": "{element.small.paddingX.default}", + "$value": "{button.default.xlarge.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -2512,7 +2624,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.small.default.paddingY}", + "$value": 19, "$description": "", "$extensions": { "com.figma": { @@ -2524,7 +2636,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.xsmall}", + "$value": "{button.default.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2536,7 +2648,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.default}", + "$value": "{base.static.borderWidth.small}", "$description": "", "$extensions": { "com.figma": { @@ -2548,7 +2660,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.small.minHeight}", + "$value": "{button.default.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2560,7 +2672,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.small.fontSize}", + "$value": "{button.default.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2572,7 +2684,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.small.lineHeight}", + "$value": "{button.default.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2584,7 +2696,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.xsmall.textToIconX}", + "$value": "{button.default.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2594,123 +2706,286 @@ } } }, - "iconOnly": { - "paddingX": { - "$type": "number", - "$value": 5, - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} + "hover": { + "boxShadow": { + "$type": "shadow", + "$value": [ + { + "offsetX": "{base.static.spacing.none}", + "offsetY": "{base.static.spacing.none}", + "blur": "{base.static.spacing.none}", + "spread": "{base.dimension.25}", + "color": "{button.secondary.hover.borderColor}", + "inset": true } - } - }, - "paddingY": { - "$type": "number", - "$value": 5, + ], "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } - }, - "borderRadius": { - "$type": "number", - "$value": "{button.small.toolbar.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } + } + } + } + }, + "default": { + "enabled": { + "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"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{color.text.strong}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{color.icon.strong}", + "$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": { + "background": { + "$type": "color", + "$value": "{button.default.enabled.background}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "borderColor": { + "$type": "color", + "$value": "{button.default.enabled.borderColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{color.text.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{color.icon.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} + } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} + } + } + } + }, + "hover": { + "background": { + "$type": "color", + "$value": "{color.background.hover}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} + } + } + }, + "borderColor": { + "$type": "color", + "$value": "{button.default.enabled.borderColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.small.toolbar.borderWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} } - }, - "minHeight": { - "$type": "number", - "$value": "{button.small.toolbar.minHeight}", + } + } + }, + "selected": { + "enabled": { + "background": { + "$type": "color", + "$value": "{color.background.active}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "minWidth": { - "$type": "number", - "$value": "{button.small.default.iconOnly.minHeight}", + "borderColor": { + "$type": "color", + "$value": "{color.transparent}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } }, - "fontSize": { - "$type": "number", - "$value": "{button.small.toolbar.fontSize}", + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } }, - "lineHeight": { - "$type": "number", - "$value": "{button.small.toolbar.lineHeight}", + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "gapX": { + "fontWeight": { "$type": "number", - "$value": "{button.small.toolbar.gapX}", + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } } } - } - }, - "medium": { - "default": { + }, + "xsmall": { "paddingX": { "$type": "number", - "$value": "{element.medium.paddingX.wide}", + "$value": 12, "$description": "", "$extensions": { "com.figma": { @@ -2722,7 +2997,7 @@ }, "paddingY": { "$type": "number", - "$value": "{element.medium.paddingY}", + "$value": 3, "$description": "", "$extensions": { "com.figma": { @@ -2746,7 +3021,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.default}", + "$value": "{element.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2758,7 +3033,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.medium.minHeight}", + "$value": "{element.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2770,7 +3045,7 @@ }, "fontSize": { "$type": "number", - "$value": "{base.dimension.475}", + "$value": "{element.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2782,7 +3057,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.medium.lineHeight}", + "$value": "{element.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2794,7 +3069,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.medium.textToIconX}", + "$value": "{element.xsmall.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -2807,7 +3082,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingY}", + "$value": "{button.default.xsmall.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -2819,7 +3094,7 @@ }, "paddingY": { "$type": "number", - "$value": 8, + "$value": 3, "$description": "", "$extensions": { "com.figma": { @@ -2831,7 +3106,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.default.borderRadius}", + "$value": "{button.default.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -2843,7 +3118,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.default.borderWidth}", + "$value": "{button.default.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -2855,7 +3130,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{button.default.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2867,19 +3142,19 @@ }, "minWidth": { "$type": "number", - "$value": "{button.medium.default.iconOnly.minHeight}", + "$value": "{button.default.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{button.default.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2891,7 +3166,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{button.default.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2903,7 +3178,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.default.gapX}", + "$value": "{button.default.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -2915,10 +3190,10 @@ } } }, - "primary": { + "small": { "paddingX": { "$type": "number", - "$value": "{button.medium.default.paddingX}", + "$value": "{element.small.paddingX.wide}", "$description": "", "$extensions": { "com.figma": { @@ -2930,7 +3205,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.medium.default.paddingY}", + "$value": "{element.small.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -2942,7 +3217,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.default.borderRadius}", + "$value": "{base.static.radius.full}", "$description": "", "$extensions": { "com.figma": { @@ -2954,7 +3229,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.default.borderWidth}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -2966,7 +3241,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{element.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -2978,7 +3253,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{element.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -2990,7 +3265,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{element.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3002,7 +3277,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.default.gapX}", + "$value": "{element.small.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -3015,7 +3290,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingX}", + "$value": "{button.default.small.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3027,7 +3302,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingY}", + "$value": 5, "$description": "", "$extensions": { "com.figma": { @@ -3039,7 +3314,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.primary.borderRadius}", + "$value": "{button.default.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -3051,7 +3326,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.primary.borderWidth}", + "$value": "{button.default.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -3063,7 +3338,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.primary.minHeight}", + "$value": "{button.default.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3075,7 +3350,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.medium.default.iconOnly.minWidth}", + "$value": "{button.default.small.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3087,7 +3362,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.primary.fontSize}", + "$value": "{button.default.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3099,7 +3374,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.primary.lineHeight}", + "$value": "{button.default.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3111,7 +3386,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.primary.gapX}", + "$value": "{button.default.small.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -3123,7 +3398,7 @@ } } }, - "secondary": { + "medium": { "paddingX": { "$type": "number", "$value": "{element.medium.paddingX.wide}", @@ -3138,7 +3413,7 @@ }, "paddingY": { "$type": "number", - "$value": 4, + "$value": "{element.medium.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3150,7 +3425,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.default.borderRadius}", + "$value": "{base.static.radius.full}", "$description": "", "$extensions": { "com.figma": { @@ -3162,7 +3437,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.small}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -3174,7 +3449,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{element.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3186,7 +3461,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{base.dimension.475}", "$description": "", "$extensions": { "com.figma": { @@ -3198,7 +3473,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{element.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3210,7 +3485,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.default.gapX}", + "$value": "{element.medium.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -3223,7 +3498,7 @@ "iconOnly": { "paddingX": { "$type": "number", - "$value": "{button.medium.secondary.iconOnly.paddingY}", + "$value": "{button.default.medium.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3235,7 +3510,7 @@ }, "paddingY": { "$type": "number", - "$value": 7, + "$value": 8, "$description": "", "$extensions": { "com.figma": { @@ -3247,7 +3522,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.medium.secondary.borderRadius}", + "$value": "{button.default.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -3259,7 +3534,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.secondary.borderWidth}", + "$value": "{button.default.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -3271,7 +3546,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.secondary.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3283,7 +3558,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.medium.default.iconOnly.minWidth}", + "$value": "{button.default.medium.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3295,7 +3570,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.secondary.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3307,7 +3582,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.secondary.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3319,7 +3594,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.secondary.gapX}", + "$value": "{button.default.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -3329,35 +3604,12 @@ } } } - }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true - } - ], - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], - "codeSyntax": {} - } - } - } } }, - "toolbar": { + "large": { "paddingX": { "$type": "number", - "$value": "{element.medium.paddingX.default}", + "$value": "{element.large.paddingX.wide}", "$description": "", "$extensions": { "com.figma": { @@ -3369,7 +3621,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.medium.default.paddingY}", + "$value": "{element.large.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3381,7 +3633,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.spacing.xsmall}", + "$value": "{base.static.radius.xlarge}", "$description": "", "$extensions": { "com.figma": { @@ -3393,7 +3645,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{borderWidth.default}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -3405,7 +3657,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{element.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3417,7 +3669,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{element.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3429,7 +3681,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{element.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3441,7 +3693,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.medium.default.gapX}", + "$value": "{element.large.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -3452,33 +3704,9 @@ } }, "iconOnly": { - "paddingX": { - "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "paddingY": { - "$type": "number", - "$value": "{button.medium.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, "borderRadius": { "$type": "number", - "$value": "{button.medium.toolbar.borderRadius}", + "$value": "{button.default.large.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -3490,7 +3718,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.medium.toolbar.borderWidth}", + "$value": "{button.default.large.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -3502,7 +3730,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.toolbar.minHeight}", + "$value": "{button.default.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3514,19 +3742,19 @@ }, "minWidth": { "$type": "number", - "$value": "{button.medium.default.iconOnly.minWidth}", + "$value": "{button.default.large.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, "fontSize": { "$type": "number", - "$value": "{button.medium.toolbar.fontSize}", + "$value": "{button.default.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3538,7 +3766,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.toolbar.lineHeight}", + "$value": "{button.default.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3547,124 +3775,50 @@ "codeSyntax": {} } } - }, - "gapX": { - "$type": "number", - "$value": "{button.medium.toolbar.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - } - } - } - }, - "large": { - "default": { - "paddingX": { - "$type": "number", - "$value": "{element.large.paddingX.wide}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "paddingY": { - "$type": "number", - "$value": "{element.large.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "borderRadius": { - "$type": "number", - "$value": "{base.static.radius.xlarge}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } - } - }, - "borderWidth": { - "$type": "number", - "$value": "{base.static.borderWidth.default}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } - } - }, - "minHeight": { - "$type": "number", - "$value": "{element.large.minHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "fontSize": { - "$type": "number", - "$value": "{element.large.fontSize}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{element.large.lineHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} + }, + "gapX": { + "$type": "number", + "$value": "{button.default.large.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } } - } - }, - "gapX": { - "$type": "number", - "$value": "{element.large.textToIconX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} + }, + "paddingX": { + "$type": "number", + "$value": "{button.default.large.iconOnly.paddingY}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, + "paddingY": { + "$type": "number", + "$value": 12, + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } } } - }, + } + }, + "xlarge": { "iconOnly": { "borderRadius": { "$type": "number", - "$value": "{button.large.default.borderRadius}", + "$value": "{button.default.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -3676,7 +3830,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.large.default.borderWidth}", + "$value": "{button.default.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -3688,7 +3842,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.large.default.minHeight}", + "$value": "{button.default.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3700,7 +3854,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.large.default.iconOnly.minHeight}", + "$value": "{button.default.xlarge.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3712,7 +3866,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.large.default.fontSize}", + "$value": "{button.default.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3724,7 +3878,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.large.default.lineHeight}", + "$value": "{button.default.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3736,7 +3890,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.large.default.gapX}", + "$value": "{button.default.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -3748,7 +3902,7 @@ }, "paddingX": { "$type": "number", - "$value": "{button.large.default.iconOnly.paddingY}", + "$value": "{button.default.xlarge.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3760,7 +3914,7 @@ }, "paddingY": { "$type": "number", - "$value": 12, + "$value": 23, "$description": "", "$extensions": { "com.figma": { @@ -3770,12 +3924,10 @@ } } } - } - }, - "primary": { + }, "paddingX": { "$type": "number", - "$value": "{button.large.default.paddingX}", + "$value": "{element.xlarge.paddingX.wide}", "$description": "", "$extensions": { "com.figma": { @@ -3787,7 +3939,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.large.default.paddingY}", + "$value": "{element.xlarge.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -3799,7 +3951,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.large.default.borderRadius}", + "$value": "{base.static.radius.full}", "$description": "", "$extensions": { "com.figma": { @@ -3811,7 +3963,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.large.default.borderWidth}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -3823,7 +3975,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.large.default.minHeight}", + "$value": "{element.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3835,7 +3987,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.large.default.fontSize}", + "$value": "{element.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -3847,7 +3999,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.large.default.lineHeight}", + "$value": "{element.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -3859,7 +4011,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.large.default.gapX}", + "$value": "{element.xlarge.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -3868,353 +4020,264 @@ "codeSyntax": {} } } - }, - "iconOnly": { - "borderRadius": { - "$type": "number", - "$value": "{button.large.primary.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } - } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.large.primary.borderWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } - } - }, - "minHeight": { - "$type": "number", - "$value": "{button.large.primary.minHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "minWidth": { - "$type": "number", - "$value": "{button.large.default.iconOnly.minWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "fontSize": { - "$type": "number", - "$value": "{button.large.primary.fontSize}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } + } + } + }, + "toolbar": { + "enabled": { + "background": { + "$type": "color", + "$value": "{color.transparent}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "codeSyntax": {} } - }, - "lineHeight": { - "$type": "number", - "$value": "{button.large.primary.lineHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } + } + }, + "borderColor": { + "$type": "color", + "$value": "{color.border.default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} } - }, - "gapX": { - "$type": "number", - "$value": "{button.large.primary.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + } + }, + "textColor": { + "$type": "color", + "$value": "{button.default.enabled.textColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} } - }, - "paddingX": { - "$type": "number", - "$value": "{button.large.default.iconOnly.paddingX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + } + }, + "iconColor": { + "$type": "color", + "$value": "{button.default.enabled.iconColor}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], + "codeSyntax": {} } - }, - "paddingY": { - "$type": "number", - "$value": "{button.large.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } + } + }, + "fontWeight": { + "$type": "number", + "$value": "{button.default.enabled.fontWeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_STYLE"], + "codeSyntax": {} } } } }, - "secondary": { - "paddingX": { - "$type": "number", - "$value": "{button.large.default.paddingX}", + "disabled": { + "background": { + "$type": "color", + "$value": "{color.background.disabled}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "paddingY": { - "$type": "number", - "$value": 8, + "borderColor": { + "$type": "color", + "$value": "{color.border.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], + "codeSyntax": {} + } + } + }, + "textColor": { + "$type": "color", + "$value": "{color.text.disabled}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["TEXT_FILL"], + "codeSyntax": {} + } + } + }, + "iconColor": { + "$type": "color", + "$value": "{color.icon.disabled}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "borderRadius": { + "fontWeight": { "$type": "number", - "$value": "{button.large.default.borderRadius}", + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } - }, - "borderWidth": { - "$type": "number", - "$value": "{base.static.borderWidth.small}", + } + }, + "hover": { + "background": { + "$type": "color", + "$value": "{color.background.hover}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "minHeight": { - "$type": "number", - "$value": "{button.large.default.minHeight}", + "borderColor": { + "$type": "color", + "$value": "{button.toolbar.enabled.borderColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } }, - "fontSize": { - "$type": "number", - "$value": "{button.large.default.fontSize}", + "textColor": { + "$type": "color", + "$value": "{button.toolbar.enabled.textColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } }, - "lineHeight": { - "$type": "number", - "$value": "{button.large.default.lineHeight}", + "iconColor": { + "$type": "color", + "$value": "{button.toolbar.enabled.iconColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "gapX": { + "fontWeight": { "$type": "number", - "$value": "{button.large.default.gapX}", + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } - }, - "iconOnly": { - "borderRadius": { - "$type": "number", - "$value": "{button.large.secondary.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } - } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.large.secondary.borderWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } - } - }, - "minHeight": { - "$type": "number", - "$value": "{button.large.secondary.minHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "minWidth": { - "$type": "number", - "$value": "{button.large.default.iconOnly.minWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "fontSize": { - "$type": "number", - "$value": "{button.large.secondary.fontSize}", + } + }, + "selected": { + "enabled": { + "background": { + "$type": "color", + "$value": "{button.default.selected.enabled.background}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["FRAME_FILL", "SHAPE_FILL"], "codeSyntax": {} } } }, - "lineHeight": { - "$type": "number", - "$value": "{button.large.secondary.lineHeight}", + "borderColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.borderColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } }, - "gapX": { - "$type": "number", - "$value": "{button.large.secondary.gapX}", + "textColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.textColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["TEXT_FILL"], "codeSyntax": {} } } }, - "paddingX": { - "$type": "number", - "$value": "{button.large.default.iconOnly.paddingX}", + "iconColor": { + "$type": "color", + "$value": "{button.default.selected.enabled.iconColor}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FRAME_FILL", "SHAPE_FILL", "STROKE_COLOR"], "codeSyntax": {} } } }, - "paddingY": { + "fontWeight": { "$type": "number", - "$value": "{button.large.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - } - }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true - } - ], + "$value": "{button.default.enabled.fontWeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["FONT_STYLE"], "codeSyntax": {} } } } } }, - "toolbar": { + "xsmall": { "paddingX": { "$type": "number", - "$value": "{base.dimension.250}", + "$value": "{element.xsmall.paddingX.default}", "$description": "", "$extensions": { "com.figma": { @@ -4226,7 +4289,7 @@ }, "paddingY": { "$type": "number", - "$value": 9, + "$value": 3, "$description": "", "$extensions": { "com.figma": { @@ -4250,7 +4313,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{borderWidth.default}", + "$value": "{base.static.borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -4262,7 +4325,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.large.default.minHeight}", + "$value": "{element.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4274,7 +4337,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.large.default.fontSize}", + "$value": "{element.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -4286,7 +4349,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.large.default.lineHeight}", + "$value": "{element.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4296,106 +4359,10 @@ } } }, - "gapX": { - "$type": "number", - "$value": "{button.large.default.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, "iconOnly": { - "borderRadius": { - "$type": "number", - "$value": "{button.large.toolbar.borderRadius}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], - "codeSyntax": {} - } - } - }, - "borderWidth": { - "$type": "number", - "$value": "{button.large.toolbar.borderWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], - "codeSyntax": {} - } - } - }, - "minHeight": { - "$type": "number", - "$value": "{button.large.toolbar.minHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "minWidth": { - "$type": "number", - "$value": "{button.large.default.iconOnly.minWidth}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], - "codeSyntax": {} - } - } - }, - "fontSize": { - "$type": "number", - "$value": "{button.large.toolbar.fontSize}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], - "codeSyntax": {} - } - } - }, - "lineHeight": { - "$type": "number", - "$value": "{button.large.toolbar.lineHeight}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], - "codeSyntax": {} - } - } - }, - "gapX": { - "$type": "number", - "$value": "{button.large.toolbar.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, "paddingX": { "$type": "number", - "$value": 14, + "$value": 5, "$description": "", "$extensions": { "com.figma": { @@ -4407,7 +4374,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.large.default.iconOnly.paddingY}", + "$value": 3, "$description": "", "$extensions": { "com.figma": { @@ -4416,16 +4383,10 @@ "codeSyntax": {} } } - } - } - } - }, - "xlarge": { - "default": { - "iconOnly": { + }, "borderRadius": { "$type": "number", - "$value": "{button.xlarge.default.borderRadius}", + "$value": "{button.toolbar.xsmall.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -4437,7 +4398,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.borderWidth}", + "$value": "{button.toolbar.xsmall.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -4449,7 +4410,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.default.minHeight}", + "$value": "{button.toolbar.xsmall.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4461,7 +4422,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.minHeight}", + "$value": "{button.default.xsmall.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -4473,7 +4434,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.default.fontSize}", + "$value": "{button.toolbar.xsmall.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -4485,7 +4446,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.lineHeight}", + "$value": "{button.toolbar.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4497,31 +4458,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.default.gapX}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "paddingX": { - "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingY}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": ["GAP"], - "codeSyntax": {} - } - } - }, - "paddingY": { - "$type": "number", - "$value": 23, + "$value": "{button.toolbar.xsmall.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -4532,9 +4469,23 @@ } } }, + "gapX": { + "$type": "number", + "$value": "{element.xsmall.textToIconX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + } + }, + "small": { "paddingX": { "$type": "number", - "$value": "{element.xlarge.paddingX.wide}", + "$value": "{element.small.paddingX.default}", "$description": "", "$extensions": { "com.figma": { @@ -4546,7 +4497,7 @@ }, "paddingY": { "$type": "number", - "$value": "{element.xlarge.paddingY}", + "$value": "{button.default.small.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -4558,7 +4509,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{base.static.radius.full}", + "$value": "{base.static.radius.xsmall}", "$description": "", "$extensions": { "com.figma": { @@ -4582,7 +4533,7 @@ }, "minHeight": { "$type": "number", - "$value": "{element.xlarge.minHeight}", + "$value": "{element.small.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4594,7 +4545,7 @@ }, "fontSize": { "$type": "number", - "$value": "{element.xlarge.fontSize}", + "$value": "{element.small.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -4606,7 +4557,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{element.xlarge.lineHeight}", + "$value": "{element.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4618,7 +4569,7 @@ }, "gapX": { "$type": "number", - "$value": "{element.xlarge.textToIconX}", + "$value": "{element.xsmall.textToIconX}", "$description": "", "$extensions": { "com.figma": { @@ -4627,109 +4578,107 @@ "codeSyntax": {} } } - } - }, - "primary": { + }, "iconOnly": { - "borderRadius": { + "paddingX": { "$type": "number", - "$value": "{button.xlarge.primary.borderRadius}", + "$value": 5, "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderWidth": { + "paddingY": { "$type": "number", - "$value": "{button.xlarge.primary.borderWidth}", + "$value": 5, "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "minHeight": { + "borderRadius": { "$type": "number", - "$value": "{button.xlarge.primary.minHeight}", + "$value": "{button.toolbar.small.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "minWidth": { + "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.minWidth}", + "$value": "{button.toolbar.small.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "fontSize": { + "minHeight": { "$type": "number", - "$value": "{button.xlarge.primary.fontSize}", + "$value": "{button.toolbar.small.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "lineHeight": { + "minWidth": { "$type": "number", - "$value": "{button.xlarge.primary.lineHeight}", + "$value": "{button.default.small.iconOnly.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } }, - "gapX": { + "fontSize": { "$type": "number", - "$value": "{button.xlarge.primary.gapX}", + "$value": "{button.toolbar.small.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } }, - "paddingX": { + "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingX}", + "$value": "{button.toolbar.small.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "paddingY": { + "gapX": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingY}", + "$value": "{button.toolbar.small.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -4739,10 +4688,12 @@ } } } - }, + } + }, + "medium": { "paddingX": { "$type": "number", - "$value": "{button.xlarge.default.paddingX}", + "$value": "{element.medium.paddingX.default}", "$description": "", "$extensions": { "com.figma": { @@ -4754,7 +4705,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xlarge.default.paddingY}", + "$value": "{button.default.medium.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -4766,7 +4717,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xlarge.default.borderRadius}", + "$value": "{base.static.spacing.xsmall}", "$description": "", "$extensions": { "com.figma": { @@ -4778,7 +4729,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.borderWidth}", + "$value": "{borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -4790,7 +4741,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.default.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4802,7 +4753,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -4814,7 +4765,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -4826,7 +4777,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.default.gapX}", + "$value": "{button.default.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -4835,109 +4786,107 @@ "codeSyntax": {} } } - } - }, - "secondary": { + }, "iconOnly": { - "borderRadius": { + "paddingX": { "$type": "number", - "$value": "{button.xlarge.secondary.borderRadius}", + "$value": "{button.default.medium.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["CORNER_RADIUS"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "borderWidth": { + "paddingY": { "$type": "number", - "$value": "{button.xlarge.secondary.borderWidth}", + "$value": "{button.default.medium.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "scopes": ["GAP"], "codeSyntax": {} } } }, - "minHeight": { + "borderRadius": { "$type": "number", - "$value": "{button.xlarge.secondary.minHeight}", + "$value": "{button.toolbar.medium.borderRadius}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["CORNER_RADIUS"], "codeSyntax": {} } } }, - "minWidth": { + "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.minWidth}", + "$value": "{button.toolbar.medium.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["WIDTH_HEIGHT"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], "codeSyntax": {} } } }, - "fontSize": { + "minHeight": { "$type": "number", - "$value": "{button.xlarge.secondary.fontSize}", + "$value": "{button.toolbar.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FONT_SIZE"], + "scopes": ["WIDTH_HEIGHT"], "codeSyntax": {} } } }, - "lineHeight": { + "minWidth": { "$type": "number", - "$value": "{button.xlarge.secondary.lineHeight}", + "$value": "{button.default.medium.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["LINE_HEIGHT"], + "scopes": ["ALL_SCOPES"], "codeSyntax": {} } } }, - "gapX": { + "fontSize": { "$type": "number", - "$value": "{button.xlarge.secondary.gapX}", + "$value": "{button.toolbar.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["FONT_SIZE"], "codeSyntax": {} } } }, - "paddingX": { + "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingX}", + "$value": "{button.toolbar.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["GAP"], + "scopes": ["LINE_HEIGHT"], "codeSyntax": {} } } }, - "paddingY": { + "gapX": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingY}", + "$value": "{button.toolbar.medium.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -4947,10 +4896,12 @@ } } } - }, + } + }, + "large": { "paddingX": { "$type": "number", - "$value": "{button.xlarge.default.paddingX}", + "$value": "{base.dimension.250}", "$description": "", "$extensions": { "com.figma": { @@ -4962,7 +4913,7 @@ }, "paddingY": { "$type": "number", - "$value": 19, + "$value": 9, "$description": "", "$extensions": { "com.figma": { @@ -4974,7 +4925,7 @@ }, "borderRadius": { "$type": "number", - "$value": "{button.xlarge.default.borderRadius}", + "$value": "{base.static.radius.xsmall}", "$description": "", "$extensions": { "com.figma": { @@ -4986,7 +4937,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{base.static.borderWidth.small}", + "$value": "{borderWidth.default}", "$description": "", "$extensions": { "com.figma": { @@ -4998,7 +4949,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.default.minHeight}", + "$value": "{button.default.large.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5010,7 +4961,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.default.fontSize}", + "$value": "{button.default.large.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5022,7 +4973,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.lineHeight}", + "$value": "{button.default.large.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5034,7 +4985,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.default.gapX}", + "$value": "{button.default.large.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -5044,35 +4995,122 @@ } } }, - "hover": { - "boxShadow": { - "$type": "shadow", - "$value": [ - { - "offsetX": "{base.static.spacing.none}", - "offsetY": "{base.static.spacing.none}", - "blur": "{base.static.spacing.none}", - "spread": "{base.dimension.25}", - "color": "{button.secondary.hover.borderColor}", - "inset": true + "iconOnly": { + "borderRadius": { + "$type": "number", + "$value": "{button.toolbar.large.borderRadius}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["CORNER_RADIUS"], + "codeSyntax": {} } - ], + } + }, + "borderWidth": { + "$type": "number", + "$value": "{button.toolbar.large.borderWidth}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["ALL_SCOPES"], + "scopes": ["STROKE_FLOAT", "EFFECT_FLOAT"], + "codeSyntax": {} + } + } + }, + "minHeight": { + "$type": "number", + "$value": "{button.toolbar.large.minHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "minWidth": { + "$type": "number", + "$value": "{button.default.large.iconOnly.minWidth}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["WIDTH_HEIGHT"], + "codeSyntax": {} + } + } + }, + "fontSize": { + "$type": "number", + "$value": "{button.toolbar.large.fontSize}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["FONT_SIZE"], + "codeSyntax": {} + } + } + }, + "lineHeight": { + "$type": "number", + "$value": "{button.toolbar.large.lineHeight}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["LINE_HEIGHT"], + "codeSyntax": {} + } + } + }, + "gapX": { + "$type": "number", + "$value": "{button.toolbar.large.gapX}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, + "paddingX": { + "$type": "number", + "$value": 14, + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], + "codeSyntax": {} + } + } + }, + "paddingY": { + "$type": "number", + "$value": "{button.default.large.iconOnly.paddingY}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["GAP"], "codeSyntax": {} } } } } }, - "toolbar": { + "xlarge": { "iconOnly": { "borderRadius": { "$type": "number", - "$value": "{button.xlarge.toolbar.borderRadius}", + "$value": "{button.toolbar.xlarge.borderRadius}", "$description": "", "$extensions": { "com.figma": { @@ -5084,7 +5122,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xlarge.toolbar.borderWidth}", + "$value": "{button.toolbar.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -5096,7 +5134,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.toolbar.minHeight}", + "$value": "{button.toolbar.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5108,7 +5146,7 @@ }, "minWidth": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.minWidth}", + "$value": "{button.default.xlarge.iconOnly.minWidth}", "$description": "", "$extensions": { "com.figma": { @@ -5120,7 +5158,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.toolbar.fontSize}", + "$value": "{button.toolbar.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5132,7 +5170,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.toolbar.lineHeight}", + "$value": "{button.toolbar.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5144,7 +5182,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.toolbar.gapX}", + "$value": "{button.toolbar.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -5156,7 +5194,7 @@ }, "paddingX": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingX}", + "$value": "{button.default.xlarge.iconOnly.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -5168,7 +5206,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xlarge.default.iconOnly.paddingY}", + "$value": "{button.default.xlarge.iconOnly.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -5181,7 +5219,7 @@ }, "paddingX": { "$type": "number", - "$value": "{button.xlarge.default.paddingX}", + "$value": "{button.default.xlarge.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -5193,7 +5231,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.xlarge.default.paddingY}", + "$value": "{button.default.xlarge.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -5217,7 +5255,7 @@ }, "borderWidth": { "$type": "number", - "$value": "{button.xlarge.default.borderWidth}", + "$value": "{button.default.xlarge.borderWidth}", "$description": "", "$extensions": { "com.figma": { @@ -5229,7 +5267,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.xlarge.default.minHeight}", + "$value": "{button.default.xlarge.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5241,7 +5279,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.xlarge.default.fontSize}", + "$value": "{button.default.xlarge.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5253,7 +5291,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.xlarge.default.lineHeight}", + "$value": "{button.default.xlarge.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5265,7 +5303,7 @@ }, "gapX": { "$type": "number", - "$value": "{button.xlarge.default.gapX}", + "$value": "{button.default.xlarge.gapX}", "$description": "", "$extensions": { "com.figma": { @@ -5537,7 +5575,7 @@ "item": { "paddingX": { "$type": "number", - "$value": "{button.medium.default.paddingX}", + "$value": "{button.default.medium.paddingX}", "$description": "", "$extensions": { "com.figma": { @@ -5549,7 +5587,7 @@ }, "paddingY": { "$type": "number", - "$value": "{button.medium.default.paddingY}", + "$value": "{button.default.medium.paddingY}", "$description": "", "$extensions": { "com.figma": { @@ -5585,7 +5623,7 @@ }, "minHeight": { "$type": "number", - "$value": "{button.medium.default.minHeight}", + "$value": "{button.default.medium.minHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5597,7 +5635,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5609,7 +5647,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -5729,7 +5767,7 @@ }, "fontSize": { "$type": "number", - "$value": "{button.medium.default.fontSize}", + "$value": "{button.default.medium.fontSize}", "$description": "", "$extensions": { "com.figma": { @@ -5741,7 +5779,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{button.medium.default.lineHeight}", + "$value": "{button.default.medium.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -8193,7 +8231,7 @@ }, "lineHeight": { "$type": "number", - "$value": "{heading.xsmall.lineHeight}", + "$value": "{text.xsmall.lineHeight}", "$description": "", "$extensions": { "com.figma": { @@ -9809,7 +9847,7 @@ "$extensions": { "com.figma": { "hiddenFromPublishing": false, - "scopes": ["FRAME_FILL", "SHAPE_FILL"], + "scopes": ["STROKE_COLOR", "EFFECT_COLOR"], "codeSyntax": {} } } diff --git a/design-tokens/tokens/semantic/color.dark.json b/design-tokens/tokens/semantic/color.dark.json index 5e33bd23c..e6bda720e 100644 --- a/design-tokens/tokens/semantic/color.dark.json +++ b/design-tokens/tokens/semantic/color.dark.json @@ -1076,6 +1076,18 @@ "codeSyntax": {} } } + }, + "brand": { + "$type": "color", + "$value": "#ffffff", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "dataVis": { diff --git a/design-tokens/tokens/semantic/color.light.json b/design-tokens/tokens/semantic/color.light.json index 6572fd26b..b82028561 100644 --- a/design-tokens/tokens/semantic/color.light.json +++ b/design-tokens/tokens/semantic/color.light.json @@ -1076,6 +1076,18 @@ "codeSyntax": {} } } + }, + "brand": { + "$type": "color", + "$value": "#ffffff", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": ["ALL_SCOPES"], + "codeSyntax": {} + } + } } }, "dataVis": { diff --git a/yarn.lock b/yarn.lock index d344bbfaa..d8fa28f22 100644 --- a/yarn.lock +++ b/yarn.lock @@ -7519,12 +7519,7 @@ graphlib@^2.1.5: dependencies: lodash "^4.17.15" -grommet-icons@^4.12.1: - version "4.12.1" - resolved "https://registry.yarnpkg.com/grommet-icons/-/grommet-icons-4.12.1.tgz#780aa7cd59c5586f642f221bdb5c6becd04ad000" - integrity sha512-LhOP6BkDAGiSNcUOfsGGRo+AKD6zWOXeNeusY1WYvKplAR6mKCAQfH7Nig2Buc/v5zadKSko2NDtCQqwJaME0Q== - -"grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": +grommet-icons@^4.12.1, "grommet-icons@https://github.com/grommet/grommet-icons/tarball/stable": version "4.12.1" resolved "https://github.com/grommet/grommet-icons/tarball/stable#92f4e88ab19fa618a4952ac74802f606bf44c207"