diff --git a/tokens/Components.Value.json b/tokens/Components.Value.json index dcca03ec..8bc281f3 100644 --- a/tokens/Components.Value.json +++ b/tokens/Components.Value.json @@ -1,6 +1,36 @@ { "sgds": { "badge": { + "label": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-3-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "max-width": { + "$type": "number", + "$value": "{sgds-dimension-192}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + } + }, "primary": { "bg-emphasis": { "$type": "color", @@ -429,36 +459,6 @@ } } }, - "label": { - "padding-x": { - "$type": "number", - "$value": "{sgds-padding-3-xs}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} - } - } - }, - "max-width": { - "$type": "number", - "$value": "{sgds-dimension-192}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - } - }, "group-gap": { "$type": "number", "$value": "{sgds-gap-xs}", @@ -534,7 +534,7 @@ "hover-bg": { "$type": "color", "$value": "{sgds-bg-translucent-subtle}", - "$description": "", + "$description": "lukhei test description", "$extensions": { "com.figma": { "hiddenFromPublishing": false, @@ -850,7 +850,7 @@ } } }, - "icon-gap": { + "gap": { "$type": "number", "$value": "{sgds-gap-sm}", "$description": "", @@ -1138,30 +1138,30 @@ } }, "breadcrumb": { - "group-gap": { - "$type": "number", - "$value": "{sgds-gap-xs}", + "icon-color": { + "$type": "color", + "$value": "{sgds-color-subtle}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "GAP" + "SHAPE_FILL", + "TEXT_FILL" ], "codeSyntax": {} } } }, - "icon-color": { - "$type": "color", - "$value": "{sgds-color-subtle}", + "group-gap": { + "$type": "number", + "$value": "{sgds-gap-xs}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "SHAPE_FILL", - "TEXT_FILL" + "GAP" ], "codeSyntax": {} } @@ -1225,117 +1225,293 @@ } } }, - "primary": { - "brand": { - "default-bg": { - "$type": "color", - "$value": "{sgds-primary-surface-default}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "FRAME_FILL", - "SHAPE_FILL" - ], - "codeSyntax": {} - } - } - }, - "hover-bg": { - "$type": "color", - "$value": "{sgds-primary-surface-emphasis}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "FRAME_FILL", - "SHAPE_FILL" - ], - "codeSyntax": {} - } + "xs": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-sm}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} } - }, - "color": { - "$type": "color", - "$value": "{sgds-color-fixed-light}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "SHAPE_FILL", - "TEXT_FILL" - ], - "codeSyntax": {} - } + } + }, + "height": { + "$type": "number", + "$value": "{sgds-dimension-32}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} } } }, - "danger": { - "default-bg": { - "$type": "color", - "$value": "{sgds-danger-surface-default}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "FRAME_FILL", - "SHAPE_FILL" - ], - "codeSyntax": {} - } + "min-width": { + "$type": "number", + "$value": "{sgds-dimension-64}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} } - }, - "hover-bg": { - "$type": "color", - "$value": "{sgds-danger-surface-emphasis}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "FRAME_FILL", - "SHAPE_FILL" - ], - "codeSyntax": {} - } + } + } + }, + "sm": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} } - }, - "color": { - "$type": "color", - "$value": "{sgds-color-fixed-light}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "SHAPE_FILL", - "TEXT_FILL" - ], - "codeSyntax": {} - } + } + }, + "height": { + "$type": "number", + "$value": "{sgds-dimension-40}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} } } }, - "light": { - "default-bg": { - "$type": "color", - "$value": "{sgds-surface-fixed-light}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "FRAME_FILL", - "SHAPE_FILL" - ], - "codeSyntax": {} - } + "min-width": { + "$type": "number", + "$value": "{sgds-dimension-80}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} } - }, + } + } + }, + "md": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-lg}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "height": { + "$type": "number", + "$value": "{sgds-dimension-48}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "min-width": { + "$type": "number", + "$value": "{sgds-dimension-96}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + } + }, + "lg": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-xl}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "height": { + "$type": "number", + "$value": "{sgds-dimension-56}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "min-width": { + "$type": "number", + "$value": "{sgds-dimension-112}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + } + }, + "primary": { + "brand": { + "default-bg": { + "$type": "color", + "$value": "{sgds-primary-surface-default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "hover-bg": { + "$type": "color", + "$value": "{sgds-primary-surface-emphasis}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color": { + "$type": "color", + "$value": "{sgds-color-fixed-light}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + } + }, + "danger": { + "default-bg": { + "$type": "color", + "$value": "{sgds-danger-surface-default}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "hover-bg": { + "$type": "color", + "$value": "{sgds-danger-surface-emphasis}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color": { + "$type": "color", + "$value": "{sgds-color-fixed-light}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + } + }, + "fixed-light": { + "default-bg": { + "$type": "color", + "$value": "{sgds-surface-fixed-light}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, "hover-bg": { "$type": "color", "$value": "{sgds-bg-translucent-subtle}", @@ -1415,7 +1591,7 @@ } } }, - "secondary": { + "outlined": { "brand": { "hover-bg": { "$type": "color", @@ -1508,7 +1684,7 @@ } } }, - "light": { + "fixed-light": { "hover-bg": { "$type": "color", "$value": "{sgds-bg-translucent-subtle}", @@ -1601,7 +1777,7 @@ } } }, - "tertiary": { + "ghost": { "brand": { "hover-bg": { "$type": "color", @@ -1666,7 +1842,7 @@ } } }, - "light": { + "fixed-light": { "hover-bg": { "$type": "color", "$value": "{sgds-bg-translucent-subtle}", @@ -1758,248 +1934,60 @@ "codeSyntax": {} } } - }, - "disabled-opacity": { - "$type": "number", - "$value": "{sgds-opacity-50}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [], - "codeSyntax": {} - } - } - }, - "xs": { - "padding-x": { - "$type": "number", - "$value": "{sgds-padding-sm}", + } + }, + "icon-btn": { + "primary": { + "default-bg": { + "$type": "color", + "$value": "{sgds-primary-surface-default}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "GAP" + "FRAME_FILL", + "SHAPE_FILL" ], "codeSyntax": {} } } }, - "height": { - "$type": "number", - "$value": "{sgds-dimension-32}", + "hover-bg": { + "$type": "color", + "$value": "{sgds-primary-surface-emphasis}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "WIDTH_HEIGHT" + "FRAME_FILL", + "SHAPE_FILL" ], "codeSyntax": {} } } }, - "min-width": { - "$type": "number", - "$value": "{sgds-dimension-64}", + "color": { + "$type": "color", + "$value": "{sgds-color-fixed-light}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "WIDTH_HEIGHT" + "SHAPE_FILL", + "TEXT_FILL" ], "codeSyntax": {} } } } }, - "sm": { - "padding-x": { - "$type": "number", - "$value": "{sgds-padding-md}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} - } - } - }, - "height": { - "$type": "number", - "$value": "{sgds-dimension-40}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - }, - "min-width": { - "$type": "number", - "$value": "{sgds-dimension-80}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - } - }, - "md": { - "padding-x": { - "$type": "number", - "$value": "{sgds-padding-lg}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} - } - } - }, - "height": { - "$type": "number", - "$value": "{sgds-dimension-48}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - }, - "min-width": { - "$type": "number", - "$value": "{sgds-dimension-96}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - } - }, - "lg": { - "padding-x": { - "$type": "number", - "$value": "{sgds-padding-xl}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} - } - } - }, - "height": { - "$type": "number", - "$value": "{sgds-dimension-56}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - }, - "min-width": { - "$type": "number", - "$value": "{sgds-dimension-112}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - } - } - }, - "icon-btn": { - "primary": { - "default-bg": { - "$type": "color", - "$value": "{sgds-primary-surface-default}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "FRAME_FILL", - "SHAPE_FILL" - ], - "codeSyntax": {} - } - } - }, - "hover-bg": { - "$type": "color", - "$value": "{sgds-primary-surface-emphasis}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "FRAME_FILL", - "SHAPE_FILL" - ], - "codeSyntax": {} - } - } - }, - "color": { - "$type": "color", - "$value": "{sgds-color-fixed-light}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "SHAPE_FILL", - "TEXT_FILL" - ], - "codeSyntax": {} - } - } - } - }, - "outline": { - "hover-bg": { - "$type": "color", - "$value": "{sgds-primary-surface-translucent}", + "outline": { + "hover-bg": { + "$type": "color", + "$value": "{sgds-primary-surface-translucent}", "$description": "", "$extensions": { "com.figma": { @@ -2135,38 +2123,36 @@ } } }, - "border": { - "width": { - "$type": "number", - "$value": "{sgds-border-width-1}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "STROKE_FLOAT" - ], - "codeSyntax": {} - } + "border-width": { + "$type": "number", + "$value": "{sgds-border-width-1}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "STROKE_FLOAT" + ], + "codeSyntax": {} } - }, - "radius": { - "$type": "number", - "$value": "{sgds-border-radius-md}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "CORNER_RADIUS" - ], - "codeSyntax": {} - } + } + }, + "border-radius": { + "$type": "number", + "$value": "{sgds-border-radius-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} } } }, - "xs": { - "height": { + "size": { + "xs": { "$type": "number", "$value": "{sgds-dimension-32}", "$description": "", @@ -2180,9 +2166,9 @@ } } }, - "width": { + "sm": { "$type": "number", - "$value": "{sgds-dimension-32}", + "$value": "{sgds-dimension-40}", "$description": "", "$extensions": { "com.figma": { @@ -2193,12 +2179,10 @@ "codeSyntax": {} } } - } - }, - "sm": { - "icon-size": { + }, + "md": { "$type": "number", - "$value": "{sgds-icon-size-md}", + "$value": "{sgds-dimension-48}", "$description": "", "$extensions": { "com.figma": { @@ -2210,9 +2194,9 @@ } } }, - "height": { + "lg": { "$type": "number", - "$value": "{sgds-dimension-40}", + "$value": "{sgds-dimension-56}", "$description": "", "$extensions": { "com.figma": { @@ -2223,40 +2207,12 @@ "codeSyntax": {} } } - }, - "width": { + } + }, + "sm": { + "icon-size": { "$type": "number", - "$value": "{sgds-dimension-40}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - } - }, - "md": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-48}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - }, - "width": { - "$type": "number", - "$value": "{sgds-dimension-48}", + "$value": "{sgds-icon-size-md}", "$description": "", "$extensions": { "com.figma": { @@ -2280,36 +2236,6 @@ "codeSyntax": {} } } - }, - "lg": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-56}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - }, - "width": { - "$type": "number", - "$value": "{sgds-dimension-56}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - } } }, "card": { @@ -2343,7 +2269,7 @@ }, "padding-top": { "$type": "number", - "$value": "{sgds-padding-xl}", + "$value": "{sgds-padding-sm}", "$description": "", "$extensions": { "com.figma": { @@ -2369,7 +2295,7 @@ } } }, - "padding-left": { + "padding-right": { "$type": "number", "$value": "{sgds-padding-xl}", "$description": "", @@ -2383,9 +2309,9 @@ } } }, - "padding-right": { + "gap": { "$type": "number", - "$value": "{sgds-padding-xl}", + "$value": "{sgds-gap-xl}", "$description": "", "$extensions": { "com.figma": { @@ -2397,9 +2323,9 @@ } } }, - "action-padding-top": { + "title-gap": { "$type": "number", - "$value": "{sgds-padding-sm}", + "$value": "{sgds-gap-xs}", "$description": "", "$extensions": { "com.figma": { @@ -2411,9 +2337,9 @@ } } }, - "gap": { + "slot-gap": { "$type": "number", - "$value": "{sgds-gap-lg}", + "$value": "{sgds-gap-sm}", "$description": "", "$extensions": { "com.figma": { @@ -2425,51 +2351,53 @@ } } }, - "header-gap": { + "border-width": { "$type": "number", - "$value": "{sgds-gap-xs}", + "$value": "{sgds-border-width-1}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "GAP" + "STROKE_FLOAT" ], "codeSyntax": {} } } }, - "sm-min-width": { + "border-radius": { "$type": "number", - "$value": "{sgds-dimension-120}", + "$value": "{sgds-border-radius-md}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "WIDTH_HEIGHT" + "CORNER_RADIUS" ], "codeSyntax": {} } } - }, - "md-min-width": { + } + }, + "checkbox": { + "padding-y": { "$type": "number", - "$value": "{sgds-dimension-224}", + "$value": "{sgds-padding-2-xs}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "WIDTH_HEIGHT" + "GAP" ], "codeSyntax": {} } } }, - "lg-min-width": { + "input-size": { "$type": "number", - "$value": "{sgds-dimension-320}", + "$value": "{sgds-dimension-24}", "$description": "", "$extensions": { "com.figma": { @@ -2481,29 +2409,29 @@ } } }, - "sm-max-width": { + "gap": { "$type": "number", - "$value": "{sgds-dimension-192}", + "$value": "{sgds-gap-xs}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "WIDTH_HEIGHT" + "GAP" ], "codeSyntax": {} } } }, - "border-width": { + "group-gap": { "$type": "number", - "$value": "{sgds-border-width-1}", + "$value": "{sgds-gap-xs}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "STROKE_FLOAT" + "GAP" ], "codeSyntax": {} } @@ -2524,36 +2452,6 @@ } } }, - "checkbox": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-24}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - }, - "width": { - "$type": "number", - "$value": "{sgds-dimension-24}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - } - }, "close-btn": { "border-radius": { "$type": "number", @@ -2631,6 +2529,78 @@ } }, "combobox": { + "menu": { + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "min-width": { + "$type": "number", + "$value": "{sgds-dimension-256}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "max-height": { + "$type": "number", + "$value": "{sgds-dimension-320}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + } + }, + "input-height": { + "$type": "number", + "$value": "{sgds-dimension-48}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "input-max-height": { + "$type": "number", + "$value": "{sgds-dimension-80}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, "item": { "active-bg": { "$type": "color", @@ -2718,15 +2688,15 @@ } } }, - "min-wdith": { + "label-gap": { "$type": "number", - "$value": "{sgds-dimension-256}", + "$value": "{sgds-gap-2-xs}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "WIDTH_HEIGHT" + "GAP" ], "codeSyntax": {} } @@ -2735,53 +2705,9 @@ } }, "date-picker": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-48}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - }, - "item-size": { - "$type": "number", - "$value": "{sgds-dimension-40}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - }, - "menu-width": { - "$type": "number", - "$value": "{sgds-dimension-320}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - } - }, - "description-list": { "padding-x": { "$type": "number", - "$value": "{sgds-padding-xl}", + "$value": "{sgds-padding-md}", "$description": "", "$extensions": { "com.figma": { @@ -2793,19 +2719,135 @@ } } }, - "padding-y": { - "$type": "number", - "$value": "{sgds-padding-lg}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} - } - } + "menu": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-sm}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-2-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "width": { + "$type": "number", + "$value": "{sgds-dimension-320}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + } + }, + "input-height": { + "$type": "number", + "$value": "{sgds-dimension-48}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "item-size": { + "$type": "number", + "$value": "{sgds-dimension-40}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "border-radius": { + "$type": "number", + "$value": "{sgds-border-radius-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } + } + }, + "description-list": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-xl}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-lg}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } }, "padding-bottom": { "$type": "number", @@ -3241,6 +3283,138 @@ } } }, + "file-upload": { + "dragdrop": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-lg}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-lg}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-sm}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "min-height": { + "$type": "number", + "$value": "{sgds-dimension-128}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "border-radius": { + "$type": "number", + "$value": "{sgds-border-radius-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } + }, + "border-width": { + "$type": "number", + "$value": "{sgds-border-width-1}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "STROKE_FLOAT" + ], + "codeSyntax": {} + } + } + } + }, + "file": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-sm}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + } + }, "footer": { "title-max-width": { "$type": "number", @@ -3350,81 +3524,243 @@ "codeSyntax": {} } } - } - }, - "md": { - "icon-size": { + } + }, + "md": { + "icon-size": { + "$type": "number", + "$value": "{sgds-icon-size-lg}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "height": { + "$type": "number", + "$value": "{sgds-dimension-24}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + } + } + }, + "list": { + "group-gap": { + "$type": "number", + "$value": "{sgds-gap-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "icon-gap": { + "$type": "number", + "$value": "{sgds-gap-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + }, + "mainnav": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-2-xl}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "height": { + "$type": "number", + "$value": "{sgds-dimension-72}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "menu": { + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + }, + "mobile": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-lg}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + }, + "item": { + "gap": { + "$type": "number", + "$value": "{sgds-gap-2-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-x": { "$type": "number", - "$value": "{sgds-icon-size-lg}", + "$value": "{sgds-padding-sm}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "WIDTH_HEIGHT" + "GAP" ], "codeSyntax": {} } } }, - "height": { + "border-width": { "$type": "number", - "$value": "{sgds-dimension-24}", + "$value": "{sgds-border-width-2}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "WIDTH_HEIGHT" + "STROKE_FLOAT" ], "codeSyntax": {} } } - } - } - }, - "list": { - "group-gap": { - "$type": "number", - "$value": "{sgds-gap-xs}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} - } - } - }, - "icon-gap": { - "$type": "number", - "$value": "{sgds-gap-xs}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} - } - } - } - }, - "mainnav": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-72}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} + }, + "mobile": { + "gap": { + "$type": "number", + "$value": "{sgds-gap-2-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-lg}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-sm}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } } } } @@ -3605,6 +3941,20 @@ } } }, + "padding-right": { + "$type": "number", + "$value": "{sgds-padding-2-xl}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, "mobile-padding-x": { "$type": "number", "$value": "{sgds-padding-lg}", @@ -3663,9 +4013,23 @@ } }, "modal": { - "margin-x": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-lg}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-y": { "$type": "number", - "$value": "{sgds-margin-xs}", + "$value": "{sgds-padding-5-xl}", "$description": "", "$extensions": { "com.figma": { @@ -3677,6 +4041,24 @@ } } }, + "mobile": { + "mobile": { + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-xl}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + } + }, "max-width-sm": { "$type": "number", "$value": "{sgds-dimension-480}", @@ -3735,20 +4117,6 @@ } }, "overflow-menu": { - "border-width": { - "$type": "number", - "$value": "{sgds-border-width-1}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "STROKE_FLOAT" - ], - "codeSyntax": {} - } - } - }, "border-radius": { "$type": "number", "$value": "{sgds-border-radius-sm}", @@ -3900,34 +4268,6 @@ } } }, - "padding-x": { - "$type": "number", - "$value": "{sgds-padding-sm}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} - } - } - }, - "padding-y": { - "$type": "number", - "$value": "{sgds-padding-xs}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} - } - } - }, "group-gap": { "$type": "number", "$value": "{sgds-gap-2-xs}", @@ -4078,21 +4418,21 @@ } }, "radio-button": { - "height": { + "padding-y": { "$type": "number", - "$value": "{sgds-dimension-24}", + "$value": "{sgds-padding-2-xs}", "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "WIDTH_HEIGHT" + "GAP" ], "codeSyntax": {} } } }, - "width": { + "input-size": { "$type": "number", "$value": "{sgds-dimension-24}", "$description": "", @@ -4105,6 +4445,48 @@ "codeSyntax": {} } } + }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "group-gap": { + "$type": "number", + "$value": "{sgds-gap-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "border-radius": { + "$type": "number", + "$value": "{sgds-border-radius-full}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } } }, "search": { @@ -4323,6 +4705,48 @@ } } } + }, + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "input-height": { + "$type": "number", + "$value": "{sgds-dimension-48}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "border-radius": { + "$type": "number", + "$value": "{sgds-border-radius-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } } }, "sidenav": { @@ -4574,22 +4998,8 @@ } } }, - "xs": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-16}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } - }, - "width": { + "size": { + "xs": { "$type": "number", "$value": "{sgds-dimension-16}", "$description": "", @@ -4602,24 +5012,8 @@ "codeSyntax": {} } } - } - }, - "sm": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-24}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } }, - "width": { + "sm": { "$type": "number", "$value": "{sgds-dimension-24}", "$description": "", @@ -4632,24 +5026,8 @@ "codeSyntax": {} } } - } - }, - "md": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-32}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } }, - "width": { + "md": { "$type": "number", "$value": "{sgds-dimension-32}", "$description": "", @@ -4662,24 +5040,8 @@ "codeSyntax": {} } } - } - }, - "lg": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-48}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } }, - "width": { + "lg": { "$type": "number", "$value": "{sgds-dimension-48}", "$description": "", @@ -4692,24 +5054,8 @@ "codeSyntax": {} } } - } - }, - "xl": { - "height": { - "$type": "number", - "$value": "{sgds-dimension-64}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "WIDTH_HEIGHT" - ], - "codeSyntax": {} - } - } }, - "width": { + "xl": { "$type": "number", "$value": "{sgds-dimension-64}", "$description": "", @@ -5030,17 +5376,91 @@ } } }, - "header-gap": { - "$type": "number", - "$value": "{sgds-gap-md}", - "$description": "", - "$extensions": { - "com.figma": { - "hiddenFromPublishing": false, - "scopes": [ - "GAP" - ], - "codeSyntax": {} + "action": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-lg}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + }, + "header": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-2-xl}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "min-width": { + "$type": "number", + "$value": "{sgds-dimension-320}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } } } }, @@ -5060,7 +5480,7 @@ } } }, - "menu-item": { + "item": { "padding-y": { "$type": "number", "$value": "{sgds-padding-lg}", @@ -5103,6 +5523,20 @@ } } }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-2-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, "mobile": { "padding-x": { "$type": "number", @@ -5136,6 +5570,48 @@ } }, "switch": { + "padding-x": { + "$type": "number", + "$value": "{sgds-padding-2-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-y": { + "$type": "number", + "$value": "{sgds-padding-2-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "border-radius": { + "$type": "number", + "$value": "{sgds-border-radius-full}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } + }, "sm": { "height": { "$type": "number", @@ -5799,7 +6275,6 @@ "tabs": { "default-padding-y": { "$type": "number", - "$value": "{sgds-padding-sm}", "$description": "", "$extensions": { "com.figma": { @@ -5813,7 +6288,6 @@ }, "compact-padding-x": { "$type": "number", - "$value": "{sgds-padding-md}", "$description": "", "$extensions": { "com.figma": { @@ -5827,7 +6301,6 @@ }, "compact-padding-y": { "$type": "number", - "$value": "{sgds-padding-xs}", "$description": "", "$extensions": { "com.figma": { diff --git a/tokens/Primitive.SGDS.json b/tokens/Primitive.SGDS.json index 33e60821..d02b3d47 100644 --- a/tokens/Primitive.SGDS.json +++ b/tokens/Primitive.SGDS.json @@ -1145,160 +1145,176 @@ } } }, - "breakpoint": { - "xs": { + "font-family": { + "brand": { + "$type": "string", + "$value": "Inter", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": true, + "scopes": [ + "FONT_FAMILY" + ], + "codeSyntax": {} + } + } + } + }, + "font-weight": { + "light": { "$type": "number", - "$value": "{sgds-dimension-320}", - "$description": "Values are defined in px", + "$value": 300, + "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": false, + "hiddenFromPublishing": true, "scopes": [ - "CORNER_RADIUS" + "FONT_STYLE" ], "codeSyntax": {} } } }, - "sm": { + "regular": { "$type": "number", - "$value": "{sgds-dimension-512}", - "$description": "Values are defined in px", + "$value": 400, + "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": false, + "hiddenFromPublishing": true, "scopes": [ - "CORNER_RADIUS" + "FONT_STYLE" ], "codeSyntax": {} } } }, - "md": { + "semibold": { "$type": "number", - "$value": "{sgds-dimension-768}", - "$description": "Values are defined in px", + "$value": 600, + "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": false, + "hiddenFromPublishing": true, "scopes": [ - "CORNER_RADIUS" + "FONT_STYLE" ], "codeSyntax": {} } } }, - "lg": { + "bold": { "$type": "number", - "$value": "{sgds-dimension-1024}", - "$description": "Values are defined in px", + "$value": 700, + "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": false, + "hiddenFromPublishing": true, "scopes": [ - "CORNER_RADIUS" + "FONT_STYLE" ], "codeSyntax": {} } } - }, - "xl": { + } + }, + "gap": { + "2-xs": { "$type": "number", - "$value": "{sgds-dimension-1280}", - "$description": "Values are defined in px", + "$value": "{sgds-spacer-2}", + "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "CORNER_RADIUS" + "GAP" ], - "codeSyntax": {} + "codeSyntax": { + "WEB": "-sgds-gap-2-xs" + } } } }, - "2-xl": { + "xs": { "$type": "number", - "$value": "{sgds-dimension-1440}", - "$description": "Values are defined in px", + "$value": "{sgds-spacer-3}", + "$description": "", "$extensions": { "com.figma": { "hiddenFromPublishing": false, "scopes": [ - "CORNER_RADIUS" + "GAP" ], "codeSyntax": {} } } - } - }, - "font-family": { - "brand": { - "$type": "string", - "$value": "Inter", + }, + "sm": { + "$type": "number", + "$value": "{sgds-spacer-4}", "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": true, + "hiddenFromPublishing": false, "scopes": [ - "FONT_FAMILY" + "GAP" ], "codeSyntax": {} } } - } - }, - "font-weight": { - "light": { + }, + "md": { "$type": "number", - "$value": 300, + "$value": "{sgds-spacer-5}", "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": true, + "hiddenFromPublishing": false, "scopes": [ - "FONT_STYLE" + "GAP" ], "codeSyntax": {} } } }, - "regular": { + "xl": { "$type": "number", - "$value": 400, + "$value": "{sgds-spacer-7}", "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": true, + "hiddenFromPublishing": false, "scopes": [ - "FONT_STYLE" + "GAP" ], "codeSyntax": {} } } }, - "semibold": { + "2-xl": { "$type": "number", - "$value": 600, + "$value": "{sgds-spacer-8}", "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": true, + "hiddenFromPublishing": false, "scopes": [ - "FONT_STYLE" + "GAP" ], "codeSyntax": {} } } }, - "bold": { + "3-xl": { "$type": "number", - "$value": 700, + "$value": "{sgds-spacer-9}", "$description": "", "$extensions": { "com.figma": { - "hiddenFromPublishing": true, + "hiddenFromPublishing": false, "scopes": [ - "FONT_STYLE" + "GAP" ], "codeSyntax": {} } @@ -1719,6 +1735,106 @@ } } }, + "padding": { + "3-xs": { + "$type": "number", + "$value": "{sgds-spacer-1}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "2-xs": { + "$type": "number", + "$value": "{sgds-spacer-2}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "md": { + "$type": "number", + "$value": "{sgds-spacer-5}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "lg": { + "$type": "number", + "$value": "{sgds-spacer-6}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "xl": { + "$type": "number", + "$value": "{sgds-spacer-7}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "2-xl": { + "$type": "number", + "$value": "{sgds-spacer-8}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "3-xl": { + "$type": "number", + "$value": "{sgds-spacer-9}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + }, "paragraph-spacing": { "none": { "$type": "number", @@ -2903,7 +3019,7 @@ "872": { "$type": "number", "$value": 872, - "$description": "", + "$description": "Values are defined in px", "$extensions": { "com.figma": { "hiddenFromPublishing": true, diff --git a/tokens/Semantic - colors.Dark.json b/tokens/Semantic - colors.Dark.json index 61121212..958b2905 100644 --- a/tokens/Semantic - colors.Dark.json +++ b/tokens/Semantic - colors.Dark.json @@ -2127,6 +2127,357 @@ } } } + }, + "form": { + "surface-default": { + "$type": "color", + "$value": "{sgds-gray-900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-raised": { + "$type": "color", + "$value": "{sgds-gray-800}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-emphasis": { + "$type": "color", + "$value": "{sgds-gray-200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-subtle": { + "$type": "color", + "$value": "{sgds-gray-500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-muted": { + "$type": "color", + "$value": "{sgds-gray-700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-inverse": { + "$type": "color", + "$value": "{sgds-gray-0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-fixed-light": { + "$type": "color", + "$value": "{sgds-gray-0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-fixed-dark": { + "$type": "color", + "$value": "{sgds-gray-900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-default": { + "$type": "color", + "$value": "{sgds-gray-100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-subtle": { + "$type": "color", + "$value": "{sgds-gray-300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-muted": { + "$type": "color", + "$value": "{sgds-gray-700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-inverse": { + "$type": "color", + "$value": "{sgds-gray-900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-fixed-light": { + "$type": "color", + "$value": "{sgds-gray-0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-fixed-dark": { + "$type": "color", + "$value": "{sgds-gray-1100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "primary": { + "surface-default": { + "$type": "color", + "$value": "{sgds-product-primary-600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-emphasis": { + "$type": "color", + "$value": "{sgds-product-primary-700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-default": { + "$type": "color", + "$value": "{sgds-product-primary-400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "surface-default": { + "$type": "color", + "$value": "{sgds-green-600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-default": { + "$type": "color", + "$value": "{sgds-green-500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "border-color-default": { + "$type": "color", + "$value": "{sgds-green-500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "STROKE_COLOR" + ], + "codeSyntax": {} + } + } + } + }, + "danger": { + "surface-default": { + "$type": "color", + "$value": "{sgds-red-600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-default": { + "$type": "color", + "$value": "{sgds-red-500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "border-color-default": { + "$type": "color", + "$value": "{sgds-red-500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "STROKE_COLOR" + ], + "codeSyntax": {} + } + } + } + } } }, "[sgdsFig] purple": { diff --git a/tokens/Semantic - colors.Light.json b/tokens/Semantic - colors.Light.json index 43cbc840..7a7c3641 100644 --- a/tokens/Semantic - colors.Light.json +++ b/tokens/Semantic - colors.Light.json @@ -2127,6 +2127,357 @@ } } } + }, + "form": { + "surface-default": { + "$type": "color", + "$value": "{sgds-gray-0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-raised": { + "$type": "color", + "$value": "{sgds-gray-100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-emphasis": { + "$type": "color", + "$value": "{sgds-gray-700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-subtle": { + "$type": "color", + "$value": "{sgds-gray-400}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-muted": { + "$type": "color", + "$value": "{sgds-gray-200}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-inverse": { + "$type": "color", + "$value": "{sgds-gray-900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-fixed-light": { + "$type": "color", + "$value": "{sgds-gray-0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-fixed-dark": { + "$type": "color", + "$value": "{sgds-gray-900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-default": { + "$type": "color", + "$value": "{sgds-gray-900}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-subtle": { + "$type": "color", + "$value": "{sgds-gray-700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-muted": { + "$type": "color", + "$value": "{sgds-gray-300}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-inverse": { + "$type": "color", + "$value": "{sgds-gray-100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-fixed-light": { + "$type": "color", + "$value": "{sgds-gray-0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-fixed-dark": { + "$type": "color", + "$value": "{sgds-gray-1100}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "primary": { + "surface-default": { + "$type": "color", + "$value": "{sgds-product-primary-600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "surface-emphasis": { + "$type": "color", + "$value": "{sgds-product-primary-700}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-default": { + "$type": "color", + "$value": "{sgds-product-primary-600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + } + }, + "success": { + "surface-default": { + "$type": "color", + "$value": "{sgds-green-600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-default": { + "$type": "color", + "$value": "{sgds-green-600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "border-color-default": { + "$type": "color", + "$value": "{sgds-green-500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "STROKE_COLOR" + ], + "codeSyntax": {} + } + } + } + }, + "danger": { + "surface-default": { + "$type": "color", + "$value": "{sgds-red-600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "FRAME_FILL", + "SHAPE_FILL" + ], + "codeSyntax": {} + } + } + }, + "color-default": { + "$type": "color", + "$value": "{sgds-red-600}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "SHAPE_FILL", + "TEXT_FILL" + ], + "codeSyntax": {} + } + } + }, + "border-color-default": { + "$type": "color", + "$value": "{sgds-red-500}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "STROKE_COLOR" + ], + "codeSyntax": {} + } + } + } + } } }, "[sgdsFig] purple": { diff --git a/tokens/Semantic.Mode 1.json b/tokens/Semantic.Mode 1.json new file mode 100644 index 00000000..4ec8902e --- /dev/null +++ b/tokens/Semantic.Mode 1.json @@ -0,0 +1,726 @@ +{ + "sgds": { + "text": { + "max-width": { + "$type": "number", + "$value": "{sgds-dimension-872}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + } + }, + "container": { + "max-width": { + "2-xl": { + "$type": "number", + "$value": "{sgds-dimension-1320}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "xl": { + "$type": "number", + "$value": "{sgds-dimension-1176}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + }, + "lg": { + "$type": "number", + "$value": "{sgds-dimension-896}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "WIDTH_HEIGHT" + ], + "codeSyntax": {} + } + } + } + } + }, + "form": { + "border-width": { + "default": { + "$type": "number", + "$value": "{sgds-border-width-1}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "STROKE_FLOAT" + ], + "codeSyntax": {} + } + } + }, + "emphasis": { + "$type": "number", + "$value": "{sgds-border-width-2}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "STROKE_FLOAT" + ], + "codeSyntax": {} + } + } + } + }, + "padding-x": { + "$type": "number", + "$value": "{sgds-gap-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "padding-y": { + "$type": "number", + "$value": "{sgds-gap-sm}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "gap": { + "$type": "number", + "$value": "{sgds-gap-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "gap-alt": { + "$type": "number", + "$value": "{sgds-gap-sm}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "input-label-gap": { + "$type": "number", + "$value": "{sgds-gap-2-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "feedback-gap": { + "$type": "number", + "$value": "{sgds-gap-2-xs}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "border-radius": { + "$type": "number", + "$value": "{sgds-border-radius-md}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "ALL_SCOPES" + ], + "codeSyntax": {} + } + } + } + }, + "breakpoint": { + "xs": { + "$type": "number", + "$value": "{sgds-dimension-320}", + "$description": "Values are defined in px", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } + }, + "sm": { + "$type": "number", + "$value": "{sgds-dimension-512}", + "$description": "Values are defined in px", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } + }, + "md": { + "$type": "number", + "$value": "{sgds-dimension-768}", + "$description": "Values are defined in px", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } + }, + "lg": { + "$type": "number", + "$value": "{sgds-dimension-1024}", + "$description": "Values are defined in px", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } + }, + "xl": { + "$type": "number", + "$value": "{sgds-dimension-1280}", + "$description": "Values are defined in px", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } + }, + "2-xl": { + "$type": "number", + "$value": "{sgds-dimension-1440}", + "$description": "Values are defined in px", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "CORNER_RADIUS" + ], + "codeSyntax": {} + } + } + } + }, + "gap": { + "none": { + "$type": "number", + "$value": "{sgds-spacer-0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": { + "WEB": "--sgds-gap-none" + } + } + } + }, + "2-xs": { + "$type": "number", + "$value": "{sgds-spacer-2}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": { + "WEB": "-sgds-gap-2-xs" + } + } + } + }, + "xs": { + "$type": "number", + "$value": "{sgds-spacer-3}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "sm": { + "$type": "number", + "$value": "{sgds-spacer-4}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "md": { + "$type": "number", + "$value": "{sgds-spacer-5}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "lg": { + "$type": "number", + "$value": "{sgds-spacer-6}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "xl": { + "$type": "number", + "$value": "{sgds-spacer-7}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "2-xl": { + "$type": "number", + "$value": "{sgds-spacer-8}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "3-xl": { + "$type": "number", + "$value": "{sgds-spacer-9}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + }, + "padding": { + "none": { + "$type": "number", + "$value": "{sgds-spacer-0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "3-xs": { + "$type": "number", + "$value": "{sgds-spacer-1}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "2-xs": { + "$type": "number", + "$value": "{sgds-spacer-2}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "xs": { + "$type": "number", + "$value": "{sgds-spacer-3}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "sm": { + "$type": "number", + "$value": "{sgds-spacer-4}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "md": { + "$type": "number", + "$value": "{sgds-spacer-5}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "lg": { + "$type": "number", + "$value": "{sgds-spacer-6}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "xl": { + "$type": "number", + "$value": "{sgds-spacer-7}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "2-xl": { + "$type": "number", + "$value": "{sgds-spacer-8}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "3-xl": { + "$type": "number", + "$value": "{sgds-spacer-9}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "4-xl": { + "$type": "number", + "$value": "{sgds-spacer-10}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "5-xl": { + "$type": "number", + "$value": "{sgds-spacer-11}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + }, + "margin": { + "none": { + "$type": "number", + "$value": "{sgds-spacer-0}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "3-xs": { + "$type": "number", + "$value": "{sgds-spacer-3}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "2-xs": { + "$type": "number", + "$value": "{sgds-spacer-5}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "xs": { + "$type": "number", + "$value": "{sgds-spacer-6}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "sm": { + "$type": "number", + "$value": "{sgds-spacer-7}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "md": { + "$type": "number", + "$value": "{sgds-spacer-8}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "lg": { + "$type": "number", + "$value": "{sgds-spacer-9}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "xl": { + "$type": "number", + "$value": "{sgds-spacer-10}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "2-xl": { + "$type": "number", + "$value": "{sgds-spacer-11}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + }, + "3-xl": { + "$type": "number", + "$value": "{sgds-spacer-12}", + "$description": "", + "$extensions": { + "com.figma": { + "hiddenFromPublishing": false, + "scopes": [ + "GAP" + ], + "codeSyntax": {} + } + } + } + } + } +} \ No newline at end of file