@salesforce-ux/design-system

{ "auraImports": [ "force:mqCommons", "force:fontCommons" ], "props": { "VAR_SPACING_X_LARGE": { "originalValue": "{!SPACING_X_LARGE}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_X_LARGE", "value": "2rem", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "type": "size", "category": "spacing", "comment": "Variable spacing token for size X Large" }, "VAR_SPACING_HORIZONTAL_SMALL": { "originalValue": "{!SPACING_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_HORIZONTAL_SMALL", "value": "0.75rem", "cssProperties": [ "left", "right", "margin-left", "margin-right", "padding-left", "padding-right" ], "type": "size", "category": "spacing", "comment": "Variable horizontal spacing token for size Small" }, "VAR_SPACING_HORIZONTAL_XX_LARGE": { "originalValue": "{!SPACING_XX_LARGE}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_HORIZONTAL_XX_LARGE", "value": "3rem", "cssProperties": [ "left", "right", "margin-left", "margin-right", "padding-left", "padding-right" ], "type": "size", "category": "spacing", "comment": "Variable horizontal spacing token for size XX Large" }, "SPACING_X_SMALL": { "category": "spacing", "type": "size", "comment": "Constant spacing token for size X small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "0.5rem", "access": "global", "originalValue": "{!SPACING_X_SMALL}", "name": "SPACING_X_SMALL" }, "SPACING_XXX_SMALL": { "category": "spacing", "type": "size", "comment": "Constant spacing token for size XXX small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "0.125rem", "access": "global", "originalValue": "{!SPACING_XXX_SMALL}", "name": "SPACING_XXX_SMALL" }, "SPACING_XX_SMALL": { "category": "spacing", "type": "size", "comment": "Constant spacing token for size XX small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "0.25rem", "access": "global", "originalValue": "{!SPACING_XX_SMALL}", "name": "SPACING_XX_SMALL" }, "BORDER_WIDTH_THIN": { "category": "spacing", "type": "size", "comment": "", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "1px", "originalValue": "1px", "name": "BORDER_WIDTH_THIN" }, "VAR_SPACING_VERTICAL_LARGE": { "originalValue": "{!SPACING_LARGE}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_VERTICAL_LARGE", "value": "1.5rem", "cssProperties": [ "top", "bottom", "margin-top", "margin-bottom", "padding-top", "padding-bottom" ], "type": "size", "category": "spacing", "comment": "Variable vertical spacing token for size Large" }, "VAR_SPACING_LARGE": { "originalValue": "{!SPACING_LARGE}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_LARGE", "value": "1.5rem", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "type": "size", "category": "spacing", "comment": "Variable spacing token for size Large" }, "VAR_SPACING_MEDIUM": { "originalValue": "{!SPACING_MEDIUM}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_MEDIUM", "value": "1rem", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "type": "size", "category": "spacing", "comment": "Variable spacing token for size Medium" }, "VAR_SPACING_VERTICAL_MEDIUM": { "originalValue": "{!SPACING_MEDIUM}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_VERTICAL_MEDIUM", "value": "1rem", "cssProperties": [ "top", "bottom", "margin-top", "margin-bottom", "padding-top", "padding-bottom" ], "type": "size", "category": "spacing", "comment": "Variable vertical spacing token for size Medium" }, "VAR_SPACING_VERTICAL_X_SMALL": { "originalValue": "{!SPACING_X_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_VERTICAL_X_SMALL", "value": "0.5rem", "cssProperties": [ "top", "bottom", "margin-top", "margin-bottom", "padding-top", "padding-bottom" ], "type": "size", "category": "spacing", "comment": "Variable vertical spacing token for size X Small" }, "SPACING_SMALL": { "category": "spacing", "type": "size", "comment": "Constant spacing token for size Small", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "0.75rem", "access": "global", "originalValue": "{!SPACING_SMALL}", "name": "SPACING_SMALL" }, "VAR_SPACING_VERTICAL_XXX_SMALL": { "originalValue": "{!SPACING_XXX_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_VERTICAL_XXX_SMALL", "value": "0.125rem", "cssProperties": [ "top", "bottom", "margin-top", "margin-bottom", "padding-top", "padding-bottom" ], "type": "size", "category": "spacing", "comment": "Variable vertical spacing token for size XXX Small" }, "VAR_SPACING_X_SMALL": { "originalValue": "{!SPACING_X_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_X_SMALL", "value": "0.5rem", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "type": "size", "category": "spacing", "comment": "Variable spacing token for size X Small" }, "VAR_SPACING_XXX_SMALL": { "originalValue": "{!SPACING_XXX_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_XXX_SMALL", "value": "0.125rem", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "type": "size", "category": "spacing", "comment": "Variable spacing token for size XXX Small" }, "VAR_SPACING_HORIZONTAL_X_LARGE": { "originalValue": "{!SPACING_X_LARGE}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_HORIZONTAL_X_LARGE", "value": "2rem", "cssProperties": [ "left", "right", "margin-left", "margin-right", "padding-left", "padding-right" ], "type": "size", "category": "spacing", "comment": "Variable horizontal spacing token for size X Large" }, "VAR_SPACING_HORIZONTAL_XX_SMALL": { "originalValue": "{!SPACING_XX_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_HORIZONTAL_XX_SMALL", "value": "0.25rem", "cssProperties": [ "left", "right", "margin-left", "margin-right", "padding-left", "padding-right" ], "type": "size", "category": "spacing", "comment": "Variable horizontal spacing token for size XX Small" }, "VAR_SPACING_XX_LARGE": { "originalValue": "{!SPACING_XX_LARGE}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_XX_LARGE", "value": "3rem", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "type": "size", "category": "spacing", "comment": "Variable spacing token for size XX Large" }, "BORDER_WIDTH_THICK": { "category": "spacing", "type": "size", "comment": "", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "2px", "originalValue": "2px", "name": "BORDER_WIDTH_THICK" }, "SPACING_MEDIUM": { "category": "spacing", "type": "size", "comment": "Constant spacing token for size Medium", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "1rem", "access": "global", "originalValue": "{!SPACING_MEDIUM}", "name": "SPACING_MEDIUM" }, "VAR_SPACING_VERTICAL_XX_LARGE": { "originalValue": "{!SPACING_XX_LARGE}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_VERTICAL_XX_LARGE", "value": "3rem", "cssProperties": [ "top", "bottom", "margin-top", "margin-bottom", "padding-top", "padding-bottom" ], "type": "size", "category": "spacing", "comment": "Variable vertical spacing token for size XX Large" }, "VAR_SPACING_VERTICAL_SMALL": { "originalValue": "{!SPACING_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_VERTICAL_SMALL", "value": "0.75rem", "cssProperties": [ "top", "bottom", "margin-top", "margin-bottom", "padding-top", "padding-bottom" ], "type": "size", "category": "spacing", "comment": "Variable vertical spacing token for size Small" }, "VAR_SPACING_SMALL": { "originalValue": "{!SPACING_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_SMALL", "value": "0.75rem", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "type": "size", "category": "spacing", "comment": "Variable spacing token for size Small" }, "SPACING_NONE": { "category": "spacing", "type": "size", "comment": "Constant spacing token for 0", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "0", "originalValue": "{!SPACING_NONE}", "name": "SPACING_NONE" }, "VAR_SPACING_HORIZONTAL_LARGE": { "originalValue": "{!SPACING_LARGE}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_HORIZONTAL_LARGE", "value": "1.5rem", "cssProperties": [ "left", "right", "margin-left", "margin-right", "padding-left", "padding-right" ], "type": "size", "category": "spacing", "comment": "Variable horizontal spacing token for size Large" }, "SPACING_X_LARGE": { "category": "spacing", "type": "size", "comment": "Constant spacing token for size X Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "2rem", "access": "global", "originalValue": "{!SPACING_X_LARGE}", "name": "SPACING_X_LARGE" }, "SPACING_XX_LARGE": { "category": "spacing", "type": "size", "comment": "Constant spacing token for size XX Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "3rem", "originalValue": "{!SPACING_XX_LARGE}", "name": "SPACING_XX_LARGE" }, "VAR_SPACING_HORIZONTAL_XXX_SMALL": { "originalValue": "{!SPACING_XXX_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_HORIZONTAL_XXX_SMALL", "value": "0.125rem", "cssProperties": [ "left", "right", "margin-left", "margin-right", "padding-left", "padding-right" ], "type": "size", "category": "spacing", "comment": "Variable horizontal spacing token for size XXX Small" }, "VAR_SPACING_HORIZONTAL_X_SMALL": { "originalValue": "{!SPACING_X_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_HORIZONTAL_X_SMALL", "value": "0.5rem", "cssProperties": [ "left", "right", "margin-left", "margin-right", "padding-left", "padding-right" ], "type": "size", "category": "spacing", "comment": "Variable horizontal spacing token for size X Small" }, "VAR_SPACING_XX_SMALL": { "originalValue": "{!SPACING_XX_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_XX_SMALL", "value": "0.25rem", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "type": "size", "category": "spacing", "comment": "Variable spacing token for size XX Small" }, "VAR_SPACING_HORIZONTAL_MEDIUM": { "originalValue": "{!SPACING_MEDIUM}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_HORIZONTAL_MEDIUM", "value": "1rem", "cssProperties": [ "left", "right", "margin-left", "margin-right", "padding-left", "padding-right" ], "type": "size", "category": "spacing", "comment": "Variable horizontal spacing token for size Medium" }, "VAR_SPACING_VERTICAL_XX_SMALL": { "originalValue": "{!SPACING_XX_SMALL}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_VERTICAL_XX_SMALL", "value": "0.25rem", "cssProperties": [ "top", "bottom", "margin-top", "margin-bottom", "padding-top", "padding-bottom" ], "type": "size", "category": "spacing", "comment": "Variable vertical spacing token for size XX Small" }, "VAR_SPACING_VERTICAL_X_LARGE": { "originalValue": "{!SPACING_X_LARGE}", "access": "global", "release": "2.7.0", "name": "VAR_SPACING_VERTICAL_X_LARGE", "value": "2rem", "cssProperties": [ "top", "bottom", "margin-top", "margin-bottom", "padding-top", "padding-bottom" ], "type": "size", "category": "spacing", "comment": "Variable vertical spacing token for size X Large" }, "SPACING_LARGE": { "category": "spacing", "type": "size", "comment": "Constant spacing token for size Large", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "1.5rem", "access": "global", "originalValue": "{!SPACING_LARGE}", "name": "SPACING_LARGE" }, "FONT_SIZE_1": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "0.625rem", "comment": "Constant typography token for font size 1", "originalValue": "{!FONT_SIZE_1}", "name": "FONT_SIZE_1" }, "FONT_SIZE_2": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "0.75rem", "comment": "Constant typography token for font size 2", "originalValue": "{!FONT_SIZE_2}", "name": "FONT_SIZE_2" }, "FONT_SIZE_3": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "0.8125rem", "comment": "Constant typography token for font size 3", "originalValue": "{!FONT_SIZE_3}", "name": "FONT_SIZE_3" }, "VAR_FONT_SIZE_10": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "2rem", "comment": "Variable typography token for font size 10", "originalValue": "{!FONT_SIZE_10}", "name": "VAR_FONT_SIZE_10" }, "FONT_SIZE_4": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "0.875rem", "comment": "Constant typography token for font size 4", "originalValue": "{!FONT_SIZE_4}", "name": "FONT_SIZE_4" }, "VAR_FONT_SIZE_11": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "2.625rem", "comment": "Variable typography token for font size 11", "originalValue": "{!FONT_SIZE_11}", "name": "VAR_FONT_SIZE_11" }, "FONT_SIZE_5": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1rem", "comment": "Constant typography token for font size 5", "originalValue": "{!FONT_SIZE_5}", "name": "FONT_SIZE_5" }, "FONT_SIZE_6": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.125rem", "comment": "Constant typography token for font size 6", "originalValue": "{!FONT_SIZE_6}", "name": "FONT_SIZE_6" }, "FONT_SIZE_7": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.25rem", "comment": "Constant typography token for font size 7", "originalValue": "{!FONT_SIZE_7}", "name": "FONT_SIZE_7" }, "FONT_SIZE_8": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.5rem", "comment": "Constant typography token for font size 8", "originalValue": "{!FONT_SIZE_8}", "name": "FONT_SIZE_8" }, "VAR_FONT_SIZE_1": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "0.625rem", "comment": "Variable typography token for font size 1", "originalValue": "{!FONT_SIZE_1}", "name": "VAR_FONT_SIZE_1" }, "FONT_SIZE_9": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.75rem", "comment": "Constant typography token for font size 9", "originalValue": "{!FONT_SIZE_9}", "name": "FONT_SIZE_9" }, "VAR_FONT_SIZE_2": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "0.75rem", "comment": "Variable typography token for font size 2", "originalValue": "{!FONT_SIZE_2}", "name": "VAR_FONT_SIZE_2" }, "VAR_FONT_SIZE_3": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "0.8125rem", "comment": "Variable typography token for font size 3", "originalValue": "{!FONT_SIZE_3}", "name": "VAR_FONT_SIZE_3" }, "FONT_SIZE_10": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "2rem", "comment": "Constant typography token for font size 10", "originalValue": "{!FONT_SIZE_10}", "name": "FONT_SIZE_10" }, "VAR_FONT_SIZE_4": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "0.875rem", "comment": "Variable typography token for font size 4", "originalValue": "{!FONT_SIZE_4}", "name": "VAR_FONT_SIZE_4" }, "FONT_SIZE_11": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "2.625rem", "comment": "Constant typography token for font size 11", "originalValue": "{!FONT_SIZE_11}", "name": "FONT_SIZE_11" }, "VAR_FONT_SIZE_5": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1rem", "comment": "Variable typography token for font size 5", "originalValue": "{!FONT_SIZE_5}", "name": "VAR_FONT_SIZE_5" }, "VAR_FONT_SIZE_6": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.125rem", "comment": "Variable typography token for font size 6", "originalValue": "{!FONT_SIZE_6}", "name": "VAR_FONT_SIZE_6" }, "VAR_FONT_SIZE_7": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.25rem", "comment": "Variable typography token for font size 7", "originalValue": "{!FONT_SIZE_7}", "name": "VAR_FONT_SIZE_7" }, "VAR_FONT_SIZE_8": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.5rem", "comment": "Variable typography token for font size 8", "originalValue": "{!FONT_SIZE_8}", "name": "VAR_FONT_SIZE_8" }, "VAR_FONT_SIZE_9": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.75rem", "comment": "Variable typography token for font size 9", "originalValue": "{!FONT_SIZE_9}", "name": "VAR_FONT_SIZE_9" }, "LINE_HEIGHT_HEADING": { "category": "line-height", "type": "number", "cssProperties": [ "font", "*height" ], "value": "1.25", "comment": "Unitless line-heights for reusability", "access": "global", "originalValue": "1.25", "name": "LINE_HEIGHT_HEADING" }, "LINE_HEIGHT_TEXT": { "category": "line-height", "type": "number", "cssProperties": [ "font", "*height" ], "value": "1.5", "comment": "Unitless line-heights for reusability", "access": "global", "originalValue": "1.5", "name": "LINE_HEIGHT_TEXT" }, "LINE_HEIGHT_RESET": { "category": "line-height", "type": "number", "cssProperties": [ "font", "*height" ], "value": "1", "comment": "Remove extra leading. Unitless line-heights for reusability", "access": "global", "originalValue": "1", "name": "LINE_HEIGHT_RESET" }, "LINE_HEIGHT_TAB": { "category": "line-height", "type": "number", "cssProperties": [ "font", "*height" ], "value": "2.5rem", "comment": "Line heights for tabs", "access": "global", "originalValue": "2.5rem", "name": "LINE_HEIGHT_TAB" }, "VAR_LINE_HEIGHT_TEXT": { "category": "line-height", "type": "number", "cssProperties": [ "font", "*height" ], "value": "1.5", "comment": "Variable unitless line-heights for reusability", "originalValue": "1.5", "name": "VAR_LINE_HEIGHT_TEXT" }, "SIZE_X_SMALL": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "12rem", "comment": "Generic sizing token scale for UI components.", "originalValue": "12rem", "name": "SIZE_X_SMALL" }, "SIZE_XXX_SMALL": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "3rem", "comment": "Generic sizing token scale for UI components.", "originalValue": "3rem", "name": "SIZE_XXX_SMALL" }, "SQUARE_ICON_UTILITY_LARGE": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "1.5rem", "comment": "Large utility icon without border.", "originalValue": "1.5rem", "name": "SQUARE_ICON_UTILITY_LARGE" }, "SIZE_XX_SMALL": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "6rem", "comment": "Generic sizing token scale for UI components.", "originalValue": "6rem", "name": "SIZE_XX_SMALL" }, "SQUARE_ICON_SMALL_BOUNDARY": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "1.5rem", "comment": "Search Results: Outer colored tile", "originalValue": "1.5rem", "name": "SQUARE_ICON_SMALL_BOUNDARY" }, "SIZE_SMALL": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "15rem", "comment": "Generic sizing token scale for UI components.", "originalValue": "15rem", "name": "SIZE_SMALL" }, "SQUARE_ICON_UTILITY_MEDIUM": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "1.25rem", "comment": "Medium utility icon without border.", "originalValue": "1.25rem", "name": "SQUARE_ICON_UTILITY_MEDIUM" }, "SQUARE_ICON_X_SMALL_BOUNDARY": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "1.25rem", "comment": "Very small icon button boundary.", "originalValue": "1.25rem", "name": "SQUARE_ICON_X_SMALL_BOUNDARY" }, "SQUARE_ICON_UTILITY_SMALL": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "1rem", "comment": "Small utility icon without border.", "originalValue": "1rem", "name": "SQUARE_ICON_UTILITY_SMALL" }, "SQUARE_ICON_MEDIUM_BOUNDARY": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "2rem", "comment": "Stage left & actions: Outer colored tile", "originalValue": "2rem", "name": "SQUARE_ICON_MEDIUM_BOUNDARY" }, "SQUARE_ICON_LARGE_CONTENT": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "2rem", "comment": "Anchor: Icon content (white shape)", "originalValue": "2rem", "name": "SQUARE_ICON_LARGE_CONTENT" }, "SQUARE_ICON_LARGE_BOUNDARY": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "3rem", "comment": "Anchor: Outer colored tile", "originalValue": "3rem", "name": "SQUARE_ICON_LARGE_BOUNDARY" }, "SIZE_MEDIUM": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "20rem", "comment": "Generic sizing token scale for UI components.", "originalValue": "20rem", "name": "SIZE_MEDIUM" }, "SQUARE_ICON_MEDIUM_CONTENT": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "1rem", "comment": "Stage left & actions: Icon content (white shape)", "originalValue": "1rem", "name": "SQUARE_ICON_MEDIUM_CONTENT" }, "SIZE_X_LARGE": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "40rem", "comment": "Generic sizing token scale for UI components.", "originalValue": "40rem", "name": "SIZE_X_LARGE" }, "SQUARE_ICON_X_SMALL_CONTENT": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": ".5rem", "comment": "Very small icons in icon buttons.", "originalValue": ".5rem", "name": "SQUARE_ICON_X_SMALL_CONTENT" }, "VAR_SQUARE_ICON_MEDIUM_BOUNDARY": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "2rem", "comment": "Variable medium boundary for square icons", "originalValue": "{!SIZE_SQUARE_XX_LARGE}", "name": "VAR_SQUARE_ICON_MEDIUM_BOUNDARY" }, "SQUARE_ICON_MEDIUM_BOUNDARY_ALT": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "2.25rem", "comment": "Icon button boundary.", "originalValue": "2.25rem", "name": "SQUARE_ICON_MEDIUM_BOUNDARY_ALT" }, "SIZE_XX_LARGE": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "60rem", "comment": "Generic sizing token scale for UI components.", "originalValue": "60rem", "name": "SIZE_XX_LARGE" }, "SQUARE_ICON_LARGE_BOUNDARY_ALT": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "5rem", "comment": "Anchor: avatar", "originalValue": "5rem", "name": "SQUARE_ICON_LARGE_BOUNDARY_ALT" }, "SIZE_LARGE": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "25rem", "comment": "Generic sizing token scale for UI components.", "originalValue": "25rem", "name": "SIZE_LARGE" }, "SQUARE_ICON_SMALL_CONTENT": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": ".75rem", "comment": "Search Results: Icon content (white shape)", "originalValue": ".75rem", "name": "SQUARE_ICON_SMALL_CONTENT" }, "SQUARE_ICON_XX_SMALL_BOUNDARY": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "1rem", "comment": "Very very small icon button boundary.", "originalValue": "1rem", "name": "SQUARE_ICON_XX_SMALL_BOUNDARY" }, "SQUARE_ICON_MEDIUM_CONTENT_ALT": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "0.875rem", "comment": "Alternate medium tap target size", "originalValue": "0.875rem", "name": "SQUARE_ICON_MEDIUM_CONTENT_ALT" }, "BORDER_STROKE_WIDTH_THIN": { "category": "spacing", "type": "size", "comment": "", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "1px", "originalValue": "1px", "name": "BORDER_STROKE_WIDTH_THIN" }, "BORDER_STROKE_WIDTH_THICK": { "category": "spacing", "type": "size", "comment": "", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "2px", "originalValue": "2px", "name": "BORDER_STROKE_WIDTH_THICK" }, "COMPONENT_SPACING_MARGIN": { "category": "spacing", "type": "size", "comment": "", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "0", "originalValue": "0", "name": "COMPONENT_SPACING_MARGIN" }, "COMPONENT_SPACING_PADDING": { "category": "spacing", "type": "size", "comment": "", "cssProperties": [ "top", "right", "bottom", "left", "margin*", "padding*", "border*", "*width", "*height", "box-shadow", "stroke", "stroke-width" ], "value": "1rem", "originalValue": "{!SPACING_MEDIUM}", "name": "COMPONENT_SPACING_PADDING" }, "SQUARE_ICON_SMALL": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "1rem", "comment": "Small tap target size", "deprecated": true, "originalValue": "1rem", "name": "SQUARE_ICON_SMALL" }, "SQUARE_ICON_XX_SMALL_CONTENT": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": ".875rem", "comment": "Very small icons to replace force font with temporary override.", "deprecated": true, "originalValue": ".875rem", "name": "SQUARE_ICON_XX_SMALL_CONTENT" }, "HEIGHT_PILL": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "1.625rem", "comment": "Minimum height of a pill.", "originalValue": "1.625rem", "name": "HEIGHT_PILL" }, "SQUARE_ICON_LARGE": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "3.125rem", "comment": "Large tap target size.", "deprecated": true, "originalValue": "3.125rem", "name": "SQUARE_ICON_LARGE" }, "SQUARE_ICON_MEDIUM": { "type": "size", "category": "sizing", "cssProperties": [ "font", "font-size", "*width", "*height", "flex", "top", "right", "bottom", "left", "margin*", "padding*", "transform" ], "value": "2.375rem", "comment": "Use squareIconMediumBoundary", "deprecated": true, "originalValue": "2.375rem", "name": "SQUARE_ICON_MEDIUM" }, "FILL_BRAND": { "category": "fill", "type": "color", "cssProperties": [ "background", "color", "fill" ], "value": "#0070D2", "comment": "Brand fill color", "originalValue": "{!SCIENCE_BLUE}", "name": "FILL_BRAND" }, "FILL_BRAND_HOVER": { "category": "fill", "type": "color", "cssProperties": [ "background", "color", "fill" ], "value": "#005FB2", "comment": "Brand hover fill color", "originalValue": "{!ENDEAVOUR}", "name": "FILL_BRAND_HOVER" }, "FILL_BRAND_ACTIVE": { "category": "fill", "type": "color", "cssProperties": [ "background", "color", "fill" ], "value": "#16325C", "comment": "Brand active fill color", "originalValue": "{!BISCAY}", "name": "FILL_BRAND_ACTIVE" }, "FILL_HEADER_BUTTON": { "category": "fill", "type": "color", "cssProperties": [ "background", "color", "fill" ], "value": "#b0adab", "comment": "Header button icon color", "originalValue": "{!PALETTE_GRAY_7}", "name": "FILL_HEADER_BUTTON" }, "FILL_HEADER_BUTTON_HOVER": { "category": "fill", "type": "color", "cssProperties": [ "background", "color", "fill" ], "value": "#005FB2", "comment": "Hovered header button icon color", "originalValue": "{!ENDEAVOUR}", "name": "FILL_HEADER_BUTTON_HOVER" }, "FILL_HEADER_BUTTON_FOCUS": { "category": "fill", "type": "color", "cssProperties": [ "background", "color", "fill" ], "value": "#0070D2", "comment": "Focused header button icon color", "originalValue": "{!SCIENCE_BLUE}", "name": "FILL_HEADER_BUTTON_FOCUS" }, "FONT_WEIGHT_LIGHT": { "category": "font", "type": "font-weight", "cssProperties": [ "font", "font-weight" ], "value": "300", "comment": "Use for large headings only.", "originalValue": "300", "name": "FONT_WEIGHT_LIGHT" }, "FONT_WEIGHT_REGULAR": { "category": "font", "type": "font-weight", "cssProperties": [ "font", "font-weight" ], "value": "400", "comment": "Most all body copy.", "originalValue": "400", "name": "FONT_WEIGHT_REGULAR" }, "FONT_WEIGHT_BOLD": { "category": "font", "type": "font-weight", "cssProperties": [ "font", "font-weight" ], "value": "700", "comment": "Used sparingly for emphasized text within regular body copy.", "originalValue": "700", "name": "FONT_WEIGHT_BOLD" }, "FONT_SIZE_HEADING_MEDIUM": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.125rem", "comment": "Medium headings.", "deprecated": true, "originalValue": "{!FONT_SIZE_6}", "name": "FONT_SIZE_HEADING_MEDIUM" }, "FONT_SIZE_MEDIUM": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1rem", "deprecated": true, "originalValue": "1rem", "name": "FONT_SIZE_MEDIUM" }, "FONT_SIZE_TEXT_SMALL": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": ".8125rem", "comment": "Small body text.", "deprecated": true, "originalValue": "{!FONT_SIZE_3}", "name": "FONT_SIZE_TEXT_SMALL" }, "FONT_SIZE_MEDIUM_A": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.125rem", "deprecated": true, "originalValue": "1.125rem", "name": "FONT_SIZE_MEDIUM_A" }, "FONT_SIZE_X_LARGE": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.5rem", "deprecated": true, "originalValue": "1.5rem", "name": "FONT_SIZE_X_LARGE" }, "FONT_SIZE_X_LARGE_A": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.57rem", "deprecated": true, "originalValue": "1.57rem", "name": "FONT_SIZE_X_LARGE_A" }, "FONT_SIZE_HEADING_X_LARGE": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "2rem", "comment": "Extra large headings.", "deprecated": true, "originalValue": "{!FONT_SIZE_9}", "name": "FONT_SIZE_HEADING_X_LARGE" }, "FONT_SIZE_XX_LARGE": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "2rem", "deprecated": true, "originalValue": "2rem", "name": "FONT_SIZE_XX_LARGE" }, "FONT_SIZE_TEXT_XX_SMALL": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": ".625rem", "comment": "Extra extra small text.", "deprecated": true, "originalValue": "{!FONT_SIZE_1}", "name": "FONT_SIZE_TEXT_XX_SMALL" }, "FONT_SIZE_LARGE": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.25rem", "deprecated": true, "originalValue": "1.25rem", "name": "FONT_SIZE_LARGE" }, "FONT_SIZE_HEADING_LARGE": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.5rem", "comment": "Large headings.", "deprecated": true, "originalValue": "{!FONT_SIZE_8}", "name": "FONT_SIZE_HEADING_LARGE" }, "FONT_SIZE_TEXT_X_LARGE": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "1.25rem", "comment": "Extra large body text.", "deprecated": true, "originalValue": "{!FONT_SIZE_7}", "name": "FONT_SIZE_TEXT_X_LARGE" }, "FONT_SIZE_X_SMALL": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": "0.625rem", "deprecated": true, "originalValue": "0.625rem", "name": "FONT_SIZE_X_SMALL" }, "FONT_SIZE_HEADING_XX_SMALL": { "category": "font-size", "type": "font-size", "cssProperties": [ "font", "font-size" ], "value": ".625rem", "comment": "Extra Extra