From e766c97f6315dd73ce48c2ec7692b0af0ae53595 Mon Sep 17 00:00:00 2001 From: Mitch-At-Work Date: Mon, 12 May 2025 14:01:49 -0700 Subject: [PATCH 1/7] Update token definitions --- packages/semantic-tokens/scripts/tokens.json | 3662 +++++++++-------- .../src/components/avatar/tokens.ts | 47 +- .../src/components/avatar/variables.ts | 26 +- .../src/components/badge/tokens.ts | 1 - .../src/components/boolean/tokens.ts | 4 +- .../src/components/boolean/variables.ts | 2 +- .../src/components/choice/tokens.ts | 29 +- .../src/components/choice/variables.ts | 14 +- .../src/components/composer/tokens.ts | 44 +- .../src/components/composer/variables.ts | 29 +- .../src/components/divider/tokens.ts | 4 +- .../src/components/divider/variables.ts | 2 +- .../src/components/drag/tokens.ts | 8 +- .../src/components/drag/variables.ts | 4 +- .../src/components/fab/tokens.ts | 11 +- .../src/components/fab/variables.ts | 2 + .../src/components/focus/tokens.ts | 10 +- .../src/components/focus/variables.ts | 4 +- .../src/components/input/tokens.ts | 70 +- .../src/components/input/variables.ts | 32 +- .../src/components/link/tokens.ts | 29 +- .../src/components/link/variables.ts | 14 +- .../src/components/list/tokens.ts | 26 +- .../src/components/list/variables.ts | 10 +- .../src/components/liteFilter/tokens.ts | 23 +- .../src/components/liteFilter/variables.ts | 8 +- .../src/components/rating/tokens.ts | 2 +- .../src/components/segmented/tokens.ts | 4 +- .../src/components/slider/tokens.ts | 19 +- .../src/components/slider/variables.ts | 8 +- .../src/components/spinner/tokens.ts | 6 +- .../src/components/spinner/variables.ts | 4 +- .../src/components/split/tokens.ts | 13 +- .../src/components/split/variables.ts | 6 +- .../semantic-tokens/src/control/tokens.ts | 394 +- .../semantic-tokens/src/control/variables.ts | 195 +- packages/semantic-tokens/src/index.ts | 1506 +++---- .../semantic-tokens/src/nullable/tokens.ts | 100 +- .../semantic-tokens/src/nullable/variables.ts | 50 +- .../semantic-tokens/src/optional/tokens.ts | 776 ++-- .../semantic-tokens/src/optional/variables.ts | 366 +- 41 files changed, 3830 insertions(+), 3734 deletions(-) diff --git a/packages/semantic-tokens/scripts/tokens.json b/packages/semantic-tokens/scripts/tokens.json index aa4c5103c0fb9..1ef71c34753ca 100644 --- a/packages/semantic-tokens/scripts/tokens.json +++ b/packages/semantic-tokens/scripts/tokens.json @@ -1,5 +1,5 @@ { - "textGlobalDisplay1Fontsize": { + "textGlobalDisplay1FontSize": { "no": 1, "name": "text/global/display1/fontSize", "fst_reference": "", @@ -10,9 +10,9 @@ "contrast": "", "fallback": "Font-size/1000", "exceptions": [], - "cssName": "--smtc-text-global-display1-fontsize" + "cssName": "--smtc-text-global-display1-font-size" }, - "textGlobalDisplay1Lineheight": { + "textGlobalDisplay1LineHeight": { "no": 2, "name": "text/global/display1/lineHeight", "fst_reference": "", @@ -23,9 +23,9 @@ "contrast": "", "fallback": "Line-height/1000", "exceptions": [], - "cssName": "--smtc-text-global-display1-lineheight" + "cssName": "--smtc-text-global-display1-line-height" }, - "textGlobalDisplay2Fontsize": { + "textGlobalDisplay2FontSize": { "no": 3, "name": "text/global/display2/fontSize", "fst_reference": "", @@ -34,11 +34,11 @@ "description": "", "components": [], "contrast": "", - "fallback": "", + "fallback": "Font-size/1000", "exceptions": [], - "cssName": "--smtc-text-global-display2-fontsize" + "cssName": "--smtc-text-global-display2-font-size" }, - "textGlobalDisplay2Lineheight": { + "textGlobalDisplay2LineHeight": { "no": 4, "name": "text/global/display2/lineHeight", "fst_reference": "", @@ -47,11 +47,11 @@ "description": "", "components": [], "contrast": "", - "fallback": "", + "fallback": "Line-height/1000", "exceptions": [], - "cssName": "--smtc-text-global-display2-lineheight" + "cssName": "--smtc-text-global-display2-line-height" }, - "textGlobalTitle1Fontsize": { + "textGlobalTitle1FontSize": { "no": 5, "name": "text/global/title1/fontSize", "fst_reference": "", @@ -62,9 +62,9 @@ "contrast": "", "fallback": "Font-size/900", "exceptions": [], - "cssName": "--smtc-text-global-title1-fontsize" + "cssName": "--smtc-text-global-title1-font-size" }, - "textGlobalTitle1Lineheight": { + "textGlobalTitle1LineHeight": { "no": 6, "name": "text/global/title1/lineHeight", "fst_reference": "", @@ -75,9 +75,9 @@ "contrast": "", "fallback": "Line-height/900", "exceptions": [], - "cssName": "--smtc-text-global-title1-lineheight" + "cssName": "--smtc-text-global-title1-line-height" }, - "textGlobalTitle2Fontsize": { + "textGlobalTitle2FontSize": { "no": 7, "name": "text/global/title2/fontSize", "fst_reference": "", @@ -86,11 +86,11 @@ "description": "", "components": [], "contrast": "", - "fallback": "", + "fallback": "Font-size/800", "exceptions": [], - "cssName": "--smtc-text-global-title2-fontsize" + "cssName": "--smtc-text-global-title2-font-size" }, - "textGlobalTitle2Lineheight": { + "textGlobalTitle2LineHeight": { "no": 8, "name": "text/global/title2/lineHeight", "fst_reference": "", @@ -99,11 +99,11 @@ "description": "", "components": [], "contrast": "", - "fallback": "", + "fallback": "Font-size/800", "exceptions": [], - "cssName": "--smtc-text-global-title2-lineheight" + "cssName": "--smtc-text-global-title2-line-height" }, - "textGlobalSubtitle1Fontsize": { + "textGlobalSubtitle1FontSize": { "no": 9, "name": "text/global/subtitle1/fontSize", "fst_reference": "", @@ -112,11 +112,11 @@ "description": "", "components": ["Inline drawer", "Overlay drawer"], "contrast": "", - "fallback": "", + "fallback": "Font-size/700", "exceptions": [], - "cssName": "--smtc-text-global-subtitle1-fontsize" + "cssName": "--smtc-text-global-subtitle1-font-size" }, - "textGlobalSubtitle1Lineheight": { + "textGlobalSubtitle1LineHeight": { "no": 10, "name": "text/global/subtitle1/lineHeight", "fst_reference": "", @@ -125,11 +125,11 @@ "description": "", "components": ["Inline drawer", "Overlay drawer"], "contrast": "", - "fallback": "", + "fallback": "Line-height/700", "exceptions": [], - "cssName": "--smtc-text-global-subtitle1-lineheight" + "cssName": "--smtc-text-global-subtitle1-line-height" }, - "textGlobalSubtitle2Fontsize": { + "textGlobalSubtitle2FontSize": { "no": 11, "name": "text/global/subtitle2/fontSize", "fst_reference": "", @@ -138,11 +138,11 @@ "description": "", "components": ["Dialog"], "contrast": "", - "fallback": "", + "fallback": "Font-size/600", "exceptions": [], - "cssName": "--smtc-text-global-subtitle2-fontsize" + "cssName": "--smtc-text-global-subtitle2-font-size" }, - "textGlobalSubtitle2Lineheight": { + "textGlobalSubtitle2LineHeight": { "no": 12, "name": "text/global/subtitle2/lineHeight", "fst_reference": "", @@ -151,11 +151,11 @@ "description": "", "components": ["Dialog"], "contrast": "", - "fallback": "", + "fallback": "Line-height/600", "exceptions": [], - "cssName": "--smtc-text-global-subtitle2-lineheight" + "cssName": "--smtc-text-global-subtitle2-line-height" }, - "textGlobalBody1Fontsize": { + "textGlobalBody1FontSize": { "no": 13, "name": "text/global/body1/fontSize", "fst_reference": "", @@ -164,11 +164,11 @@ "description": "", "components": [], "contrast": "", - "fallback": "", + "fallback": "Font-size/500", "exceptions": [], - "cssName": "--smtc-text-global-body1-fontsize" + "cssName": "--smtc-text-global-body1-font-size" }, - "textGlobalBody1Lineheight": { + "textGlobalBody1LineHeight": { "no": 14, "name": "text/global/body1/lineHeight", "fst_reference": "", @@ -177,11 +177,11 @@ "description": "", "components": [], "contrast": "", - "fallback": "", + "fallback": "Line-height/500", "exceptions": [], - "cssName": "--smtc-text-global-body1-lineheight" + "cssName": "--smtc-text-global-body1-line-height" }, - "textGlobalBody2Fontsize": { + "textGlobalBody2FontSize": { "no": 15, "name": "text/global/body2/fontSize", "fst_reference": "", @@ -190,11 +190,11 @@ "description": "", "components": ["Field"], "contrast": "", - "fallback": "", + "fallback": "Font-size/400", "exceptions": [], - "cssName": "--smtc-text-global-body2-fontsize" + "cssName": "--smtc-text-global-body2-font-size" }, - "textGlobalBody2Lineheight": { + "textGlobalBody2LineHeight": { "no": 16, "name": "text/global/body2/lineHeight", "fst_reference": "", @@ -203,11 +203,11 @@ "description": "", "components": ["Field"], "contrast": "", - "fallback": "", + "fallback": "Line-height/400", "exceptions": [], - "cssName": "--smtc-text-global-body2-lineheight" + "cssName": "--smtc-text-global-body2-line-height" }, - "textGlobalBody3Fontsize": { + "textGlobalBody3FontSize": { "no": 17, "name": "text/global/body3/fontSize", "fst_reference": "", @@ -218,9 +218,9 @@ "contrast": "", "fallback": "Font-size/300", "exceptions": [], - "cssName": "--smtc-text-global-body3-fontsize" + "cssName": "--smtc-text-global-body3-font-size" }, - "textGlobalBody3Lineheight": { + "textGlobalBody3LineHeight": { "no": 18, "name": "text/global/body3/lineHeight", "fst_reference": "", @@ -248,9 +248,9 @@ "contrast": "", "fallback": "Line-height/300", "exceptions": [], - "cssName": "--smtc-text-global-body3-lineheight" + "cssName": "--smtc-text-global-body3-line-height" }, - "textGlobalCaption1Fontsize": { + "textGlobalCaption1FontSize": { "no": 19, "name": "text/global/caption1/fontSize", "fst_reference": "", @@ -261,9 +261,9 @@ "contrast": "", "fallback": "Font-size/200", "exceptions": [], - "cssName": "--smtc-text-global-caption1-fontsize" + "cssName": "--smtc-text-global-caption1-font-size" }, - "textGlobalCaption1Lineheight": { + "textGlobalCaption1LineHeight": { "no": 20, "name": "text/global/caption1/lineHeight", "fst_reference": "", @@ -274,9 +274,9 @@ "contrast": "", "fallback": "Line-height/200", "exceptions": [], - "cssName": "--smtc-text-global-caption1-lineheight" + "cssName": "--smtc-text-global-caption1-line-height" }, - "textGlobalCaption2Fontsize": { + "textGlobalCaption2FontSize": { "no": 21, "name": "text/global/caption2/fontSize", "fst_reference": "", @@ -287,9 +287,9 @@ "contrast": "", "fallback": "Font-size/100", "exceptions": [], - "cssName": "--smtc-text-global-caption2-fontsize" + "cssName": "--smtc-text-global-caption2-font-size" }, - "textGlobalCaption2Lineheight": { + "textGlobalCaption2LineHeight": { "no": 22, "name": "text/global/caption2/lineHeight", "fst_reference": "", @@ -300,9 +300,9 @@ "contrast": "", "fallback": "Line-height/100", "exceptions": [], - "cssName": "--smtc-text-global-caption2-lineheight" + "cssName": "--smtc-text-global-caption2-line-height" }, - "textStyleDefaultRegularFontfamily": { + "textStyleDefaultRegularFontFamily": { "no": 23, "name": "text/style/default/regular/fontFamily", "fst_reference": "", @@ -341,7 +341,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-default-regular-fontfamily" + "cssName": "--smtc-text-style-default-regular-font-family" }, "textStyleDefaultRegularWeight": { "no": 24, @@ -379,7 +379,7 @@ "exceptions": [], "cssName": "--smtc-text-style-default-regular-weight" }, - "textStyleDefaultRegularLetterspacing": { + "textStyleDefaultRegularLetterSpacing": { "no": 25, "name": "text/style/default/regular/letterSpacing", "fst_reference": "", @@ -418,9 +418,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-default-regular-letterspacing" + "cssName": "--smtc-text-style-default-regular-letter-spacing" }, - "textStyleDefaultHeaderFontfamily": { + "textStyleDefaultHeaderFontFamily": { "no": 26, "name": "text/style/default/header/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -431,7 +431,7 @@ "contrast": "", "fallback": "Font-family/Base", "exceptions": [], - "cssName": "--smtc-text-style-default-header-fontfamily" + "cssName": "--smtc-text-style-default-header-font-family" }, "textStyleDefaultHeaderWeight": { "no": 27, @@ -446,7 +446,7 @@ "exceptions": [], "cssName": "--smtc-text-style-default-header-weight" }, - "textStyleDefaultHeaderLetterspacing": { + "textStyleDefaultHeaderLetterSpacing": { "no": 28, "name": "text/style/default/header/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -457,7 +457,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-default-header-letterspacing" + "cssName": "--smtc-text-style-default-header-letter-spacing" }, "textStyleDefaultHeaderCase": { "no": 29, @@ -472,7 +472,7 @@ "exceptions": [], "cssName": "--smtc-text-style-default-header-case" }, - "textStyleAiRegularFontfamily": { + "textStyleAiRegularFontFamily": { "no": 30, "name": "text/style/ai/regular/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -483,7 +483,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-ai-regular-fontfamily" + "cssName": "--smtc-text-style-ai-regular-font-family" }, "textStyleAiRegularWeight": { "no": 31, @@ -498,7 +498,7 @@ "exceptions": [], "cssName": "--smtc-text-style-ai-regular-weight" }, - "textStyleAiRegularLetterspacing": { + "textStyleAiRegularLetterSpacing": { "no": 32, "name": "text/style/ai/regular/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -509,9 +509,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-ai-regular-letterspacing" + "cssName": "--smtc-text-style-ai-regular-letter-spacing" }, - "textStyleAiHeaderFontfamily": { + "textStyleAiHeaderFontFamily": { "no": 33, "name": "text/style/ai/header/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -522,7 +522,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-ai-header-fontfamily" + "cssName": "--smtc-text-style-ai-header-font-family" }, "textStyleAiHeaderWeight": { "no": 34, @@ -537,7 +537,7 @@ "exceptions": [], "cssName": "--smtc-text-style-ai-header-weight" }, - "textStyleAiHeaderLetterspacing": { + "textStyleAiHeaderLetterSpacing": { "no": 35, "name": "text/style/ai/header/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -548,7 +548,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-ai-header-letterspacing" + "cssName": "--smtc-text-style-ai-header-letter-spacing" }, "textStyleAiHeaderCase": { "no": 36, @@ -563,7 +563,7 @@ "exceptions": [], "cssName": "--smtc-text-style-ai-header-case" }, - "textStyleArticleRegularFontfamily": { + "textStyleArticleRegularFontFamily": { "no": 37, "name": "text/style/article/regular/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -574,7 +574,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-article-regular-fontfamily" + "cssName": "--smtc-text-style-article-regular-font-family" }, "textStyleArticleRegularWeight": { "no": 38, @@ -589,7 +589,7 @@ "exceptions": [], "cssName": "--smtc-text-style-article-regular-weight" }, - "textStyleArticleRegularLetterspacing": { + "textStyleArticleRegularLetterSpacing": { "no": 39, "name": "text/style/article/regular/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -600,9 +600,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-article-regular-letterspacing" + "cssName": "--smtc-text-style-article-regular-letter-spacing" }, - "textStyleArticleHeaderFontfamily": { + "textStyleArticleHeaderFontFamily": { "no": 40, "name": "text/style/article/header/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -613,7 +613,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-article-header-fontfamily" + "cssName": "--smtc-text-style-article-header-font-family" }, "textStyleArticleHeaderWeight": { "no": 41, @@ -628,7 +628,7 @@ "exceptions": [], "cssName": "--smtc-text-style-article-header-weight" }, - "textStyleArticleHeaderLetterspacing": { + "textStyleArticleHeaderLetterSpacing": { "no": 42, "name": "text/style/article/header/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -639,7 +639,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-article-header-letterspacing" + "cssName": "--smtc-text-style-article-header-letter-spacing" }, "textStyleArticleHeaderCase": { "no": 43, @@ -654,7 +654,7 @@ "exceptions": [], "cssName": "--smtc-text-style-article-header-case" }, - "textStyleCodeRegularFontfamily": { + "textStyleCodeRegularFontFamily": { "no": 44, "name": "text/style/code/regular/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -665,7 +665,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-code-regular-fontfamily" + "cssName": "--smtc-text-style-code-regular-font-family" }, "textStyleCodeRegularWeight": { "no": 45, @@ -680,7 +680,7 @@ "exceptions": [], "cssName": "--smtc-text-style-code-regular-weight" }, - "textStyleCodeRegularLetterspacing": { + "textStyleCodeRegularLetterSpacing": { "no": 46, "name": "text/style/code/regular/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -691,9 +691,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-code-regular-letterspacing" + "cssName": "--smtc-text-style-code-regular-letter-spacing" }, - "textStyleCodeHeaderFontfamily": { + "textStyleCodeHeaderFontFamily": { "no": 47, "name": "text/style/code/header/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -704,7 +704,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-code-header-fontfamily" + "cssName": "--smtc-text-style-code-header-font-family" }, "textStyleCodeHeaderWeight": { "no": 48, @@ -719,7 +719,7 @@ "exceptions": [], "cssName": "--smtc-text-style-code-header-weight" }, - "textStyleCodeHeaderLetterspacing": { + "textStyleCodeHeaderLetterSpacing": { "no": 49, "name": "text/style/code/header/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -730,7 +730,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-code-header-letterspacing" + "cssName": "--smtc-text-style-code-header-letter-spacing" }, "textStyleCodeHeaderCase": { "no": 50, @@ -745,7 +745,7 @@ "exceptions": [], "cssName": "--smtc-text-style-code-header-case" }, - "textStyleDatavizRegularFontfamily": { + "textStyleDataVizRegularFontFamily": { "no": 51, "name": "text/style/dataViz/regular/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -756,9 +756,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-dataviz-regular-fontfamily" + "cssName": "--smtc-text-style-data-viz-regular-font-family" }, - "textStyleDatavizRegularWeight": { + "textStyleDataVizRegularWeight": { "no": 52, "name": "text/style/dataViz/regular/weight", "fst_reference": "text/style/default/regular/weight", @@ -769,9 +769,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-dataviz-regular-weight" + "cssName": "--smtc-text-style-data-viz-regular-weight" }, - "textStyleDatavizRegularLetterspacing": { + "textStyleDataVizRegularLetterSpacing": { "no": 53, "name": "text/style/dataViz/regular/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -782,9 +782,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-dataviz-regular-letterspacing" + "cssName": "--smtc-text-style-data-viz-regular-letter-spacing" }, - "textStyleDatavizHeaderFontfamily": { + "textStyleDataVizHeaderFontFamily": { "no": 54, "name": "text/style/dataViz/header/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -795,9 +795,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-dataviz-header-fontfamily" + "cssName": "--smtc-text-style-data-viz-header-font-family" }, - "textStyleDatavizHeaderWeight": { + "textStyleDataVizHeaderWeight": { "no": 55, "name": "text/style/dataViz/header/weight", "fst_reference": "text/style/default/header/weight", @@ -808,9 +808,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-dataviz-header-weight" + "cssName": "--smtc-text-style-data-viz-header-weight" }, - "textStyleDatavizHeaderLetterspacing": { + "textStyleDataVizHeaderLetterSpacing": { "no": 56, "name": "text/style/dataViz/header/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -821,9 +821,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-dataviz-header-letterspacing" + "cssName": "--smtc-text-style-data-viz-header-letter-spacing" }, - "textStyleDatavizHeaderCase": { + "textStyleDataVizHeaderCase": { "no": 57, "name": "text/style/dataViz/header/case", "fst_reference": "NULL/string", @@ -834,9 +834,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-dataviz-header-case" + "cssName": "--smtc-text-style-data-viz-header-case" }, - "textStyleQuoteRegularFontfamily": { + "textStyleQuoteRegularFontFamily": { "no": 58, "name": "text/style/quote/regular/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -847,7 +847,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-quote-regular-fontfamily" + "cssName": "--smtc-text-style-quote-regular-font-family" }, "textStyleQuoteRegularWeight": { "no": 59, @@ -862,7 +862,7 @@ "exceptions": [], "cssName": "--smtc-text-style-quote-regular-weight" }, - "textStyleQuoteRegularLetterspacing": { + "textStyleQuoteRegularLetterSpacing": { "no": 60, "name": "text/style/quote/regular/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -873,9 +873,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-quote-regular-letterspacing" + "cssName": "--smtc-text-style-quote-regular-letter-spacing" }, - "textStyleQuoteHeaderFontfamily": { + "textStyleQuoteHeaderFontFamily": { "no": 61, "name": "text/style/quote/header/fontFamily", "fst_reference": "text/style/default/regular/fontFamily", @@ -886,7 +886,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-quote-header-fontfamily" + "cssName": "--smtc-text-style-quote-header-font-family" }, "textStyleQuoteHeaderWeight": { "no": 62, @@ -901,7 +901,7 @@ "exceptions": [], "cssName": "--smtc-text-style-quote-header-weight" }, - "textStyleQuoteHeaderLetterspacing": { + "textStyleQuoteHeaderLetterSpacing": { "no": 63, "name": "text/style/quote/header/letterSpacing", "fst_reference": "text/style/default/regular/letterSpacing", @@ -912,7 +912,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-style-quote-header-letterspacing" + "cssName": "--smtc-text-style-quote-header-letter-spacing" }, "textStyleQuoteHeaderCase": { "no": 64, @@ -927,7 +927,7 @@ "exceptions": [], "cssName": "--smtc-text-style-quote-header-case" }, - "textRampPageheaderFontsize": { + "textRampPageHeaderFontSize": { "no": 65, "name": "text/ramp/pageHeader/fontSize", "fst_reference": "text/global/title2/fontSize", @@ -938,9 +938,9 @@ "contrast": "", "fallback": "text/global/subtitle1/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-pageheader-fontsize" + "cssName": "--smtc-text-ramp-page-header-font-size" }, - "textRampPageheaderLineheight": { + "textRampPageHeaderLineHeight": { "no": 66, "name": "text/ramp/pageHeader/lineHeight", "fst_reference": "text/global/title2/lineHeight", @@ -951,9 +951,9 @@ "contrast": "", "fallback": "text/global/subtitle1/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-pageheader-lineheight" + "cssName": "--smtc-text-ramp-page-header-line-height" }, - "textRampSectionheaderFontsize": { + "textRampSectionHeaderFontSize": { "no": 67, "name": "text/ramp/sectionHeader/fontSize", "fst_reference": "text/global/subtitle1/fontSize", @@ -964,9 +964,9 @@ "contrast": "", "fallback": "text/global/subtitle2/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-sectionheader-fontsize" + "cssName": "--smtc-text-ramp-section-header-font-size" }, - "textRampSectionheaderLineheight": { + "textRampSectionHeaderLineHeight": { "no": 68, "name": "text/ramp/sectionHeader/lineHeight", "fst_reference": "text/global/subtitle1/lineHeight", @@ -977,9 +977,9 @@ "contrast": "", "fallback": "text/global/subtitle2/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-sectionheader-lineheight" + "cssName": "--smtc-text-ramp-section-header-line-height" }, - "textRampSubsectionheaderFontsize": { + "textRampSubsectionHeaderFontSize": { "no": 69, "name": "text/ramp/subsectionHeader/fontSize", "fst_reference": "text/global/subtitle2/fontSize", @@ -990,9 +990,9 @@ "contrast": "", "fallback": "text/global/subtitle2/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-subsectionheader-fontsize" + "cssName": "--smtc-text-ramp-subsection-header-font-size" }, - "textRampSubsectionheaderLineheight": { + "textRampSubsectionHeaderLineHeight": { "no": 70, "name": "text/ramp/subsectionHeader/lineHeight", "fst_reference": "text/global/subtitle2/lineHeight", @@ -1003,9 +1003,9 @@ "contrast": "", "fallback": "text/global/subtitle2/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-subsectionheader-lineheight" + "cssName": "--smtc-text-ramp-subsection-header-line-height" }, - "textRampReadingbodyFontsize": { + "textRampReadingBodyFontSize": { "no": 71, "name": "text/ramp/readingBody/fontSize", "fst_reference": "text/global/body2/fontSize", @@ -1016,9 +1016,9 @@ "contrast": "", "fallback": "text/global/body2/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-readingbody-fontsize" + "cssName": "--smtc-text-ramp-reading-body-font-size" }, - "textRampReadingbodyLineheight": { + "textRampReadingBodyLineHeight": { "no": 72, "name": "text/ramp/readingBody/lineHeight", "fst_reference": "text/global/body2/lineHeight", @@ -1029,9 +1029,9 @@ "contrast": "", "fallback": "text/global/body2/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-readingbody-lineheight" + "cssName": "--smtc-text-ramp-reading-body-line-height" }, - "textRampItemheaderFontsize": { + "textRampItemHeaderFontSize": { "no": 73, "name": "text/ramp/itemHeader/fontSize", "fst_reference": "text/global/body2/fontSize", @@ -1042,9 +1042,9 @@ "contrast": "", "fallback": "text/global/body2/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-itemheader-fontsize" + "cssName": "--smtc-text-ramp-item-header-font-size" }, - "textRampItemheaderLineheight": { + "textRampItemHeaderLineHeight": { "no": 74, "name": "text/ramp/itemHeader/lineHeight", "fst_reference": "text/global/body2/lineHeight", @@ -1055,9 +1055,9 @@ "contrast": "", "fallback": "text/global/body2/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-itemheader-lineheight" + "cssName": "--smtc-text-ramp-item-header-line-height" }, - "textRampItembodyFontsize": { + "textRampItemBodyFontSize": { "no": 75, "name": "text/ramp/itemBody/fontSize", "fst_reference": "text/global/body3/fontSize", @@ -1093,9 +1093,9 @@ "contrast": "", "fallback": "Font-size/300", "exceptions": [], - "cssName": "--smtc-text-ramp-itembody-fontsize" + "cssName": "--smtc-text-ramp-item-body-font-size" }, - "textRampItembodyLineheight": { + "textRampItemBodyLineHeight": { "no": 76, "name": "text/ramp/itemBody/lineHeight", "fst_reference": "text/global/body3/lineHeight", @@ -1120,9 +1120,9 @@ "contrast": "", "fallback": "Line-height/300", "exceptions": [], - "cssName": "--smtc-text-ramp-itembody-lineheight" + "cssName": "--smtc-text-ramp-item-body-line-height" }, - "textRampMetadataFontsize": { + "textRampMetadataFontSize": { "no": 77, "name": "text/ramp/metadata/fontSize", "fst_reference": "text/global/caption1/fontSize", @@ -1133,9 +1133,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-metadata-fontsize" + "cssName": "--smtc-text-ramp-metadata-font-size" }, - "textRampMetadataLineheight": { + "textRampMetadataLineHeight": { "no": 78, "name": "text/ramp/metadata/lineHeight", "fst_reference": "text/global/caption1/lineHeight", @@ -1146,9 +1146,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-metadata-lineheight" + "cssName": "--smtc-text-ramp-metadata-line-height" }, - "textRampLegalFontsize": { + "textRampLegalFontSize": { "no": 79, "name": "text/ramp/legal/fontSize", "fst_reference": "text/global/caption2/fontSize", @@ -1159,9 +1159,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-legal-fontsize" + "cssName": "--smtc-text-ramp-legal-font-size" }, - "textRampLegalLineheight": { + "textRampLegalLineHeight": { "no": 80, "name": "text/ramp/legal/lineHeight", "fst_reference": "text/global/caption2/lineHeight", @@ -1172,9 +1172,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-legal-lineheight" + "cssName": "--smtc-text-ramp-legal-line-height" }, - "textRampSmPageheaderFontsize": { + "textRampSmPageHeaderFontSize": { "no": 81, "name": "text/ramp-sm/pageHeader/fontSize", "fst_reference": "text/global/subtitle1/fontSize", @@ -1185,9 +1185,9 @@ "contrast": "", "fallback": "text/global/subtitle2/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-pageheader-fontsize" + "cssName": "--smtc-text-ramp-sm-page-header-font-size" }, - "textRampSmPageheaderLineheight": { + "textRampSmPageHeaderLineHeight": { "no": 82, "name": "text/ramp-sm/pageHeader/lineHeight", "fst_reference": "text/global/subtitle1/lineHeight", @@ -1198,9 +1198,9 @@ "contrast": "", "fallback": "text/global/subtitle2/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-pageheader-lineheight" + "cssName": "--smtc-text-ramp-sm-page-header-line-height" }, - "textRampSmSectionheaderFontsize": { + "textRampSmSectionHeaderFontSize": { "no": 83, "name": "text/ramp-sm/sectionHeader/fontSize", "fst_reference": "text/global/subtitle2/fontSize", @@ -1211,9 +1211,9 @@ "contrast": "", "fallback": "text/global/body1/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-sectionheader-fontsize" + "cssName": "--smtc-text-ramp-sm-section-header-font-size" }, - "textRampSmSectionheaderLineheight": { + "textRampSmSectionHeaderLineHeight": { "no": 84, "name": "text/ramp-sm/sectionHeader/lineHeight", "fst_reference": "text/global/subtitle2/lineHeight", @@ -1224,9 +1224,9 @@ "contrast": "", "fallback": "text/global/body1/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-sectionheader-lineheight" + "cssName": "--smtc-text-ramp-sm-section-header-line-height" }, - "textRampSmSubsectionheaderFontsize": { + "textRampSmSubsectionHeaderFontSize": { "no": 85, "name": "text/ramp-sm/subsectionHeader/fontSize", "fst_reference": "text/global/body1/fontSize", @@ -1237,9 +1237,9 @@ "contrast": "", "fallback": "text/global/body1/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-subsectionheader-fontsize" + "cssName": "--smtc-text-ramp-sm-subsection-header-font-size" }, - "textRampSmSubsectionheaderLineheight": { + "textRampSmSubsectionHeaderLineHeight": { "no": 86, "name": "text/ramp-sm/subsectionHeader/lineHeight", "fst_reference": "text/global/body1/lineHeight", @@ -1250,9 +1250,9 @@ "contrast": "", "fallback": "text/global/body1/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-subsectionheader-lineheight" + "cssName": "--smtc-text-ramp-sm-subsection-header-line-height" }, - "textRampSmReadingbodyFontsize": { + "textRampSmReadingBodyFontSize": { "no": 87, "name": "text/ramp-sm/readingBody/fontSize", "fst_reference": "text/global/body3/fontSize", @@ -1263,9 +1263,9 @@ "contrast": "", "fallback": "text/global/body3/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-readingbody-fontsize" + "cssName": "--smtc-text-ramp-sm-reading-body-font-size" }, - "textRampSmReadingbodyLineheight": { + "textRampSmReadingBodyLineHeight": { "no": 88, "name": "text/ramp-sm/readingBody/lineHeight", "fst_reference": "text/global/body3/lineHeight", @@ -1276,9 +1276,9 @@ "contrast": "", "fallback": "text/global/body3/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-readingbody-lineheight" + "cssName": "--smtc-text-ramp-sm-reading-body-line-height" }, - "textRampSmItemheaderFontsize": { + "textRampSmItemHeaderFontSize": { "no": 89, "name": "text/ramp-sm/itemHeader/fontSize", "fst_reference": "text/global/body3/fontSize", @@ -1289,9 +1289,9 @@ "contrast": "", "fallback": "text/global/body3/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-itemheader-fontsize" + "cssName": "--smtc-text-ramp-sm-item-header-font-size" }, - "textRampSmItemheaderLineheight": { + "textRampSmItemHeaderLineHeight": { "no": 90, "name": "text/ramp-sm/itemHeader/lineHeight", "fst_reference": "text/global/body3/lineHeight", @@ -1302,9 +1302,9 @@ "contrast": "", "fallback": "text/global/body3/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-itemheader-lineheight" + "cssName": "--smtc-text-ramp-sm-item-header-line-height" }, - "textRampSmItembodyFontsize": { + "textRampSmItemBodyFontSize": { "no": 91, "name": "text/ramp-sm/itemBody/fontSize", "fst_reference": "text/global/caption1/fontSize", @@ -1315,9 +1315,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-itembody-fontsize" + "cssName": "--smtc-text-ramp-sm-item-body-font-size" }, - "textRampSmItembodyLineheight": { + "textRampSmItemBodyLineHeight": { "no": 92, "name": "text/ramp-sm/itemBody/lineHeight", "fst_reference": "text/global/caption1/lineHeight", @@ -1328,9 +1328,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-itembody-lineheight" + "cssName": "--smtc-text-ramp-sm-item-body-line-height" }, - "textRampSmMetadataFontsize": { + "textRampSmMetadataFontSize": { "no": 93, "name": "text/ramp-sm/metadata/fontSize", "fst_reference": "text/global/caption1/fontSize", @@ -1341,9 +1341,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-metadata-fontsize" + "cssName": "--smtc-text-ramp-sm-metadata-font-size" }, - "textRampSmMetadataLineheight": { + "textRampSmMetadataLineHeight": { "no": 94, "name": "text/ramp-sm/metadata/lineHeight", "fst_reference": "text/global/caption1/lineHeight", @@ -1354,9 +1354,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-metadata-lineheight" + "cssName": "--smtc-text-ramp-sm-metadata-line-height" }, - "textRampSmLegalFontsize": { + "textRampSmLegalFontSize": { "no": 95, "name": "text/ramp-sm/legal/fontSize", "fst_reference": "text/global/caption2/fontSize", @@ -1367,9 +1367,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-legal-fontsize" + "cssName": "--smtc-text-ramp-sm-legal-font-size" }, - "textRampSmLegalLineheight": { + "textRampSmLegalLineHeight": { "no": 96, "name": "text/ramp-sm/legal/lineHeight", "fst_reference": "text/global/caption2/lineHeight", @@ -1380,9 +1380,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-sm-legal-lineheight" + "cssName": "--smtc-text-ramp-sm-legal-line-height" }, - "textRampLgPageheaderFontsize": { + "textRampLgPageHeaderFontSize": { "no": 97, "name": "text/ramp-lg/pageHeader/fontSize", "fst_reference": "text/global/title1/fontSize", @@ -1393,9 +1393,9 @@ "contrast": "", "fallback": "text/global/title2/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-pageheader-fontsize" + "cssName": "--smtc-text-ramp-lg-page-header-font-size" }, - "textRampLgPageheaderLineheight": { + "textRampLgPageHeaderLineHeight": { "no": 98, "name": "text/ramp-lg/pageHeader/lineHeight", "fst_reference": "text/global/title1/lineHeight", @@ -1406,9 +1406,9 @@ "contrast": "", "fallback": "text/global/title2/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-pageheader-lineheight" + "cssName": "--smtc-text-ramp-lg-page-header-line-height" }, - "textRampLgSectionheaderFontsize": { + "textRampLgSectionHeaderFontSize": { "no": 99, "name": "text/ramp-lg/sectionHeader/fontSize", "fst_reference": "text/global/title2/fontSize", @@ -1419,9 +1419,9 @@ "contrast": "", "fallback": "text/global/subtitle1/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-sectionheader-fontsize" + "cssName": "--smtc-text-ramp-lg-section-header-font-size" }, - "textRampLgSectionheaderLineheight": { + "textRampLgSectionHeaderLineHeight": { "no": 100, "name": "text/ramp-lg/sectionHeader/lineHeight", "fst_reference": "text/global/title2/lineHeight", @@ -1432,9 +1432,9 @@ "contrast": "", "fallback": "text/global/subtitle1/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-sectionheader-lineheight" + "cssName": "--smtc-text-ramp-lg-section-header-line-height" }, - "textRampLgSubsectionheaderFontsize": { + "textRampLgSubsectionHeaderFontSize": { "no": 101, "name": "text/ramp-lg/subsectionHeader/fontSize", "fst_reference": "text/global/subtitle1/fontSize", @@ -1445,9 +1445,9 @@ "contrast": "", "fallback": "text/global/subtitle1/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-subsectionheader-fontsize" + "cssName": "--smtc-text-ramp-lg-subsection-header-font-size" }, - "textRampLgSubsectionheaderLineheight": { + "textRampLgSubsectionHeaderLineHeight": { "no": 102, "name": "text/ramp-lg/subsectionHeader/lineHeight", "fst_reference": "text/global/subtitle1/lineHeight", @@ -1458,9 +1458,9 @@ "contrast": "", "fallback": "text/global/subtitle1/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-subsectionheader-lineheight" + "cssName": "--smtc-text-ramp-lg-subsection-header-line-height" }, - "textRampLgReadingbodyFontsize": { + "textRampLgReadingBodyFontSize": { "no": 103, "name": "text/ramp-lg/readingBody/fontSize", "fst_reference": "text/global/body1/fontSize", @@ -1471,9 +1471,9 @@ "contrast": "", "fallback": "text/global/body1/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-readingbody-fontsize" + "cssName": "--smtc-text-ramp-lg-reading-body-font-size" }, - "textRampLgReadingbodyLineheight": { + "textRampLgReadingBodyLineHeight": { "no": 104, "name": "text/ramp-lg/readingBody/lineHeight", "fst_reference": "text/global/body1/lineHeight", @@ -1484,9 +1484,9 @@ "contrast": "", "fallback": "text/global/body1/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-readingbody-lineheight" + "cssName": "--smtc-text-ramp-lg-reading-body-line-height" }, - "textRampLgItemheaderFontsize": { + "textRampLgItemHeaderFontSize": { "no": 105, "name": "text/ramp-lg/itemHeader/fontSize", "fst_reference": "text/global/subtitle2/fontSize", @@ -1497,9 +1497,9 @@ "contrast": "", "fallback": "text/global/body1/fontSize", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-itemheader-fontsize" + "cssName": "--smtc-text-ramp-lg-item-header-font-size" }, - "textRampLgItemheaderLineheight": { + "textRampLgItemHeaderLineHeight": { "no": 106, "name": "text/ramp-lg/itemHeader/lineHeight", "fst_reference": "text/global/subtitle2/lineHeight", @@ -1510,9 +1510,9 @@ "contrast": "", "fallback": "text/global/body1/lineHeight", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-itemheader-lineheight" + "cssName": "--smtc-text-ramp-lg-item-header-line-height" }, - "textRampLgItembodyFontsize": { + "textRampLgItemBodyFontSize": { "no": 107, "name": "text/ramp-lg/itemBody/fontSize", "fst_reference": "text/global/body2/fontSize", @@ -1523,9 +1523,9 @@ "contrast": "", "fallback": "Font-size/400", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-itembody-fontsize" + "cssName": "--smtc-text-ramp-lg-item-body-font-size" }, - "textRampLgItembodyLineheight": { + "textRampLgItemBodyLineHeight": { "no": 108, "name": "text/ramp-lg/itemBody/lineHeight", "fst_reference": "text/global/body2/lineHeight", @@ -1536,9 +1536,9 @@ "contrast": "", "fallback": "Line-height/400", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-itembody-lineheight" + "cssName": "--smtc-text-ramp-lg-item-body-line-height" }, - "textRampLgMetadataFontsize": { + "textRampLgMetadataFontSize": { "no": 109, "name": "text/ramp-lg/metadata/fontSize", "fst_reference": "text/global/body3/fontSize", @@ -1549,9 +1549,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-metadata-fontsize" + "cssName": "--smtc-text-ramp-lg-metadata-font-size" }, - "textRampLgMetadataLineheight": { + "textRampLgMetadataLineHeight": { "no": 110, "name": "text/ramp-lg/metadata/lineHeight", "fst_reference": "text/global/body3/lineHeight", @@ -1562,9 +1562,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-metadata-lineheight" + "cssName": "--smtc-text-ramp-lg-metadata-line-height" }, - "textRampLgLegalFontsize": { + "textRampLgLegalFontSize": { "no": 111, "name": "text/ramp-lg/legal/fontSize", "fst_reference": "text/global/caption1/fontSize", @@ -1575,9 +1575,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-legal-fontsize" + "cssName": "--smtc-text-ramp-lg-legal-font-size" }, - "textRampLgLegalLineheight": { + "textRampLgLegalLineHeight": { "no": 112, "name": "text/ramp-lg/legal/lineHeight", "fst_reference": "text/global/caption1/lineHeight", @@ -1588,7 +1588,7 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-text-ramp-lg-legal-lineheight" + "cssName": "--smtc-text-ramp-lg-legal-line-height" }, "textCtrlWeightDefault": { "no": 113, @@ -1748,9 +1748,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-size-ctrl-iconfigmaonly" + "cssName": "--smtc-size-ctrl-icon-figmaonly" }, - "sizeCtrlIconsecondary": { + "sizeCtrlIconSecondary": { "no": 119, "name": "size/ctrl/iconSecondary", "fst_reference": "", @@ -1775,10 +1775,23 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-size-ctrl-iconsecondary" + "cssName": "--smtc-size-ctrl-icon-secondary" }, - "textCtrlWeightSelected": { + "sizeCtrlIconSecondaryFigmaonly": { "no": 120, + "name": "size/ctrl/iconSecondary(figmaonly)", + "fst_reference": "", + "optional": false, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "", + "exceptions": [], + "cssName": "--smtc-size-ctrl-icon-secondary-figmaonly" + }, + "textCtrlWeightSelected": { + "no": 121, "name": "text/ctrl/weight/selected", "fst_reference": "", "optional": false, @@ -1791,7 +1804,7 @@ "cssName": "--smtc-text-ctrl-weight-selected" }, "sizeCtrlSmDefault": { - "no": 121, + "no": 122, "name": "size/ctrl-sm/default", "fst_reference": "", "optional": false, @@ -1804,7 +1817,7 @@ "cssName": "--smtc-size-ctrl-sm-default" }, "sizeCtrlSmIcon": { - "no": 122, + "no": 123, "name": "size/ctrl-sm/icon", "fst_reference": "", "optional": false, @@ -1817,7 +1830,7 @@ "cssName": "--smtc-size-ctrl-sm-icon" }, "sizeCtrlLgDefault": { - "no": 123, + "no": 124, "name": "size/ctrl-lg/default", "fst_reference": "", "optional": false, @@ -1830,7 +1843,7 @@ "cssName": "--smtc-size-ctrl-lg-default" }, "sizeCtrlLgIcon": { - "no": 124, + "no": 125, "name": "size/ctrl-lg/icon", "fst_reference": "", "optional": false, @@ -1843,7 +1856,7 @@ "cssName": "--smtc-size-ctrl-lg-icon" }, "sizeCtrlSmIconFigmaonly": { - "no": 125, + "no": 126, "name": "size/ctrl-sm/icon(figmaonly)", "fst_reference": "", "optional": false, @@ -1853,10 +1866,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-size-ctrl-sm-iconfigmaonly" + "cssName": "--smtc-size-ctrl-sm-icon-figmaonly" }, "sizeCtrlLgIconFigmaonly": { - "no": 126, + "no": 127, "name": "size/ctrl-lg/icon(figmaonly)", "fst_reference": "", "optional": false, @@ -1866,10 +1879,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-size-ctrl-lg-iconfigmaonly" + "cssName": "--smtc-size-ctrl-lg-icon-figmaonly" }, "paddingContentAlignDefault": { - "no": 127, + "no": 128, "name": "padding/content/align/default", "fst_reference": "", "optional": false, @@ -1881,8 +1894,8 @@ "exceptions": [], "cssName": "--smtc-padding-content-align-default" }, - "paddingContentAlignOutdentIcononsubtle": { - "no": 128, + "paddingContentAlignOutdentIconOnSubtle": { + "no": 129, "name": "padding/content/align/outdent-iconOnSubtle", "fst_reference": "", "optional": false, @@ -1892,11 +1905,11 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-content-align-outdent-icononsubtle" + "cssName": "--smtc-padding-content-align-outdent-icon-on-subtle" }, - "paddingContentAlignOutdentTextonsubtle": { - "no": 129, - "name": "padding/content/align/outdent-textOnSubtle", + "paddingContentNone": { + "no": 130, + "name": "padding/content/none", "fst_reference": "", "optional": false, "nullable": false, @@ -1905,11 +1918,11 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-content-align-outdent-textonsubtle" + "cssName": "--smtc-padding-content-none" }, - "paddingContentNone": { - "no": 130, - "name": "padding/content/none", + "paddingContentAlignOutdentTextOnSubtle": { + "no": 131, + "name": "padding/content/align/outdent-textOnSubtle", "fst_reference": "", "optional": false, "nullable": false, @@ -1918,10 +1931,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-content-none" + "cssName": "--smtc-padding-content-align-outdent-text-on-subtle" }, - "paddingContentXxsmall": { - "no": 131, + "paddingContentXxSmall": { + "no": 132, "name": "padding/content/xxSmall", "fst_reference": "", "optional": false, @@ -1931,10 +1944,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-content-xxsmall" + "cssName": "--smtc-padding-content-xx-small" }, - "paddingContentXsmall": { - "no": 132, + "paddingContentXSmall": { + "no": 133, "name": "padding/content/xSmall", "fst_reference": "", "optional": false, @@ -1944,10 +1957,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-content-xsmall" + "cssName": "--smtc-padding-content-x-small" }, "paddingContentSmall": { - "no": 133, + "no": 134, "name": "padding/content/small", "fst_reference": "", "optional": false, @@ -1960,7 +1973,7 @@ "cssName": "--smtc-padding-content-small" }, "paddingContentMedium": { - "no": 134, + "no": 135, "name": "padding/content/medium", "fst_reference": "", "optional": false, @@ -1973,7 +1986,7 @@ "cssName": "--smtc-padding-content-medium" }, "paddingContentLarge": { - "no": 135, + "no": 136, "name": "padding/content/large", "fst_reference": "", "optional": false, @@ -1985,8 +1998,8 @@ "exceptions": [], "cssName": "--smtc-padding-content-large" }, - "paddingContentXlarge": { - "no": 136, + "paddingContentXLarge": { + "no": 137, "name": "padding/content/xLarge", "fst_reference": "", "optional": false, @@ -1996,10 +2009,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-content-xlarge" + "cssName": "--smtc-padding-content-x-large" }, - "paddingContentXxlarge": { - "no": 137, + "paddingContentXxLarge": { + "no": 138, "name": "padding/content/xxLarge", "fst_reference": "", "optional": false, @@ -2009,10 +2022,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-content-xxlarge" + "cssName": "--smtc-padding-content-xx-large" }, - "paddingContentXxxlarge": { - "no": 138, + "paddingContentXxxLarge": { + "no": 139, "name": "padding/content/xxxLarge", "fst_reference": "", "optional": false, @@ -2022,10 +2035,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-content-xxxlarge" + "cssName": "--smtc-padding-content-xxx-large" }, "paddingToolbarInside": { - "no": 139, + "no": 140, "name": "padding/toolbar/inside", "fst_reference": "padding/content/xSmall", "optional": true, @@ -2038,7 +2051,7 @@ "cssName": "--smtc-padding-toolbar-inside" }, "paddingToolbarOutside": { - "no": 140, + "no": 141, "name": "padding/toolbar/outside", "fst_reference": "padding/content/xxSmall", "optional": true, @@ -2051,7 +2064,7 @@ "cssName": "--smtc-padding-toolbar-outside" }, "paddingFlyoutDefault": { - "no": 141, + "no": 142, "name": "padding/flyout/default", "fst_reference": "padding/content/align/outdent-textOnSubtle", "optional": true, @@ -2063,8 +2076,8 @@ "exceptions": [], "cssName": "--smtc-padding-flyout-default" }, - "paddingCardNestedimage": { - "no": 142, + "paddingCardNestedImage": { + "no": 143, "name": "padding/card/nestedImage", "fst_reference": "padding/content/align/default", "optional": true, @@ -2074,10 +2087,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-card-nestedimage" + "cssName": "--smtc-padding-card-nested-image" }, "paddingCtrlHorizontalDefault": { - "no": 143, + "no": 144, "name": "padding/ctrl/horizontal-default", "fst_reference": "", "optional": false, @@ -2106,8 +2119,8 @@ "exceptions": [], "cssName": "--smtc-padding-ctrl-horizontal-default" }, - "paddingCtrlHorizontalIcononly": { - "no": 144, + "paddingCtrlHorizontalIconOnly": { + "no": 145, "name": "padding/ctrl/horizontal-iconOnly", "fst_reference": "", "optional": false, @@ -2126,10 +2139,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-horizontal-icononly" + "cssName": "--smtc-padding-ctrl-horizontal-icon-only" }, - "paddingCtrlTexttop": { - "no": 145, + "paddingCtrlTextTop": { + "no": 146, "name": "padding/ctrl/textTop", "fst_reference": "", "optional": false, @@ -2162,10 +2175,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-texttop" + "cssName": "--smtc-padding-ctrl-text-top" }, - "paddingCtrlTextbottom": { - "no": 146, + "paddingCtrlTextBottom": { + "no": 147, "name": "padding/ctrl/textBottom", "fst_reference": "padding/ctrl/textTop", "optional": true, @@ -2198,10 +2211,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-textbottom" + "cssName": "--smtc-padding-ctrl-text-bottom" }, - "paddingCtrlTextside": { - "no": 147, + "paddingCtrlTextSide": { + "no": 148, "name": "padding/ctrl/textSide", "fst_reference": "", "optional": false, @@ -2220,10 +2233,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-textside" + "cssName": "--smtc-padding-ctrl-text-side" }, - "paddingCtrlTonestedcontrol": { - "no": 148, + "paddingCtrlToNestedControl": { + "no": 149, "name": "padding/ctrl/toNestedControl", "fst_reference": "", "optional": false, @@ -2233,10 +2246,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-tonestedcontrol" + "cssName": "--smtc-padding-ctrl-to-nested-control" }, "paddingCtrlSmHorizontalDefault": { - "no": 149, + "no": 150, "name": "padding/ctrl-sm/horizontal-default", "fst_reference": "", "optional": false, @@ -2248,8 +2261,8 @@ "exceptions": [], "cssName": "--smtc-padding-ctrl-sm-horizontal-default" }, - "paddingCtrlSmHorizontalIcononly": { - "no": 150, + "paddingCtrlSmHorizontalIconOnly": { + "no": 151, "name": "padding/ctrl-sm/horizontal-iconOnly", "fst_reference": "", "optional": false, @@ -2259,10 +2272,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-sm-horizontal-icononly" + "cssName": "--smtc-padding-ctrl-sm-horizontal-icon-only" }, - "paddingCtrlSmTexttop": { - "no": 151, + "paddingCtrlSmTextTop": { + "no": 152, "name": "padding/ctrl-sm/textTop", "fst_reference": "", "optional": false, @@ -2272,10 +2285,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-sm-texttop" + "cssName": "--smtc-padding-ctrl-sm-text-top" }, - "paddingCtrlSmTextbottom": { - "no": 152, + "paddingCtrlSmTextBottom": { + "no": 153, "name": "padding/ctrl-sm/textBottom", "fst_reference": "padding/ctrl-sm/textTop", "optional": true, @@ -2285,10 +2298,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-sm-textbottom" + "cssName": "--smtc-padding-ctrl-sm-text-bottom" }, - "paddingCtrlSmTonestedcontrol": { - "no": 153, + "paddingCtrlSmToNestedControl": { + "no": 154, "name": "padding/ctrl-sm/toNestedControl", "fst_reference": "", "optional": false, @@ -2298,10 +2311,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-sm-tonestedcontrol" + "cssName": "--smtc-padding-ctrl-sm-to-nested-control" }, "paddingCtrlLgHorizontalDefault": { - "no": 154, + "no": 155, "name": "padding/ctrl-lg/horizontal-default", "fst_reference": "", "optional": false, @@ -2313,8 +2326,8 @@ "exceptions": [], "cssName": "--smtc-padding-ctrl-lg-horizontal-default" }, - "paddingCtrlLgHorizontalIcononly": { - "no": 155, + "paddingCtrlLgHorizontalIconOnly": { + "no": 156, "name": "padding/ctrl-lg/horizontal-iconOnly", "fst_reference": "", "optional": false, @@ -2324,10 +2337,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-lg-horizontal-icononly" + "cssName": "--smtc-padding-ctrl-lg-horizontal-icon-only" }, - "paddingCtrlLgTexttop": { - "no": 156, + "paddingCtrlLgTextTop": { + "no": 157, "name": "padding/ctrl-lg/textTop", "fst_reference": "", "optional": false, @@ -2337,10 +2350,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-lg-texttop" + "cssName": "--smtc-padding-ctrl-lg-text-top" }, - "paddingCtrlLgTextbottom": { - "no": 157, + "paddingCtrlLgTextBottom": { + "no": 158, "name": "padding/ctrl-lg/textBottom", "fst_reference": "padding/ctrl-lg/textTop", "optional": true, @@ -2350,10 +2363,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-lg-textbottom" + "cssName": "--smtc-padding-ctrl-lg-text-bottom" }, - "paddingCtrlLgTonestedcontrol": { - "no": 158, + "paddingCtrlLgToNestedControl": { + "no": 159, "name": "padding/ctrl-lg/toNestedControl", "fst_reference": "", "optional": false, @@ -2363,10 +2376,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-padding-ctrl-lg-tonestedcontrol" + "cssName": "--smtc-padding-ctrl-lg-to-nested-control" }, "gapBetweenContentNone": { - "no": 159, + "no": 160, "name": "gap/between/content/none", "fst_reference": "", "optional": false, @@ -2378,8 +2391,8 @@ "exceptions": [], "cssName": "--smtc-gap-between-content-none" }, - "gapBetweenContentXxsmall": { - "no": 160, + "gapBetweenContentXxSmall": { + "no": 161, "name": "gap/between/content/xxSmall", "fst_reference": "", "optional": false, @@ -2389,10 +2402,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-between-content-xxsmall" + "cssName": "--smtc-gap-between-content-xx-small" }, - "gapBetweenContentXsmall": { - "no": 161, + "gapBetweenContentXSmall": { + "no": 162, "name": "gap/between/content/xSmall", "fst_reference": "", "optional": false, @@ -2402,10 +2415,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-between-content-xsmall" + "cssName": "--smtc-gap-between-content-x-small" }, "gapBetweenContentSmall": { - "no": 162, + "no": 163, "name": "gap/between/content/small", "fst_reference": "", "optional": false, @@ -2418,7 +2431,7 @@ "cssName": "--smtc-gap-between-content-small" }, "gapBetweenCtrlDefault": { - "no": 163, + "no": 164, "name": "gap/between/ctrl/default", "fst_reference": "", "optional": false, @@ -2440,7 +2453,7 @@ "cssName": "--smtc-gap-between-ctrl-default" }, "gapBetweenContentMedium": { - "no": 164, + "no": 165, "name": "gap/between/content/medium", "fst_reference": "", "optional": false, @@ -2453,7 +2466,7 @@ "cssName": "--smtc-gap-between-content-medium" }, "gapBetweenContentLarge": { - "no": 165, + "no": 166, "name": "gap/between/content/large", "fst_reference": "", "optional": false, @@ -2465,8 +2478,8 @@ "exceptions": [], "cssName": "--smtc-gap-between-content-large" }, - "gapBetweenContentXlarge": { - "no": 166, + "gapBetweenContentXLarge": { + "no": 167, "name": "gap/between/content/xLarge", "fst_reference": "", "optional": false, @@ -2476,22 +2489,9 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-between-content-xlarge" + "cssName": "--smtc-gap-between-content-x-large" }, - "gapBetweenCtrlNested": { - "no": 167, - "name": "gap/between/ctrl/nested", - "fst_reference": "padding/ctrl/toNestedControl", - "optional": true, - "nullable": false, - "description": "", - "components": [], - "contrast": "", - "fallback": "", - "exceptions": [], - "cssName": "--smtc-gap-between-ctrl-nested" - }, - "gapBetweenContentXxlarge": { + "gapBetweenContentXxLarge": { "no": 168, "name": "gap/between/content/xxLarge", "fst_reference": "", @@ -2502,24 +2502,24 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-between-content-xxlarge" + "cssName": "--smtc-gap-between-content-xx-large" }, - "gapBetweenCtrlLgDefault": { + "gapBetweenCtrlNested": { "no": 169, - "name": "gap/between/ctrl-lg/default", - "fst_reference": "", - "optional": false, + "name": "gap/between/ctrl/nested", + "fst_reference": "padding/ctrl/toNestedControl", + "optional": true, "nullable": false, "description": "", "components": [], "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-between-ctrl-lg-default" + "cssName": "--smtc-gap-between-ctrl-nested" }, - "gapTextSmall": { + "gapBetweenTextSmall": { "no": 170, - "name": "gap/text-small", + "name": "gap/between/text-small", "fst_reference": "gap/between/content/xxSmall", "optional": true, "nullable": false, @@ -2528,20 +2528,20 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-text-small" + "cssName": "--smtc-gap-between-text-small" }, - "gapTextLarge": { + "gapBetweenCtrlLgDefault": { "no": 171, - "name": "gap/text-large", - "fst_reference": "gap/between/content/xSmall", - "optional": true, + "name": "gap/between/ctrl-lg/default", + "fst_reference": "", + "optional": false, "nullable": false, "description": "", - "components": ["MessageBar"], + "components": [], "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-text-large" + "cssName": "--smtc-gap-between-ctrl-lg-default" }, "gapBetweenCtrlLgNested": { "no": 172, @@ -2556,8 +2556,21 @@ "exceptions": [], "cssName": "--smtc-gap-between-ctrl-lg-nested" }, - "gapBetweenCtrlSmDefault": { + "gapBetweenTextLarge": { "no": 173, + "name": "gap/between/text-large", + "fst_reference": "gap/between/content/xSmall", + "optional": true, + "nullable": false, + "description": "", + "components": ["MessageBar"], + "contrast": "", + "fallback": "", + "exceptions": [], + "cssName": "--smtc-gap-between-text-large" + }, + "gapBetweenCtrlSmDefault": { + "no": 174, "name": "gap/between/ctrl-sm/default", "fst_reference": "", "optional": false, @@ -2570,7 +2583,7 @@ "cssName": "--smtc-gap-between-ctrl-sm-default" }, "gapBetweenCtrlSmNested": { - "no": 174, + "no": 175, "name": "gap/between/ctrl-sm/nested", "fst_reference": "padding/ctrl-sm/toNestedControl", "optional": true, @@ -2582,9 +2595,9 @@ "exceptions": [], "cssName": "--smtc-gap-between-ctrl-sm-nested" }, - "gapList": { - "no": 175, - "name": "gap/list", + "gapBetweenListItem": { + "no": 176, + "name": "gap/between/listItem", "fst_reference": "gap/between/content/xxSmall", "optional": true, "nullable": false, @@ -2593,11 +2606,11 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-list" + "cssName": "--smtc-gap-between-list-item" }, - "gapCard": { - "no": 176, - "name": "gap/card", + "gapBetweenCard": { + "no": 177, + "name": "gap/between/card", "fst_reference": "gap/between/content/medium", "optional": true, "nullable": false, @@ -2606,10 +2619,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-card" + "cssName": "--smtc-gap-between-card" }, "gapInsideCtrlDefault": { - "no": 177, + "no": 178, "name": "gap/inside/ctrl/default", "fst_reference": "", "optional": false, @@ -2640,7 +2653,7 @@ "cssName": "--smtc-gap-inside-ctrl-default" }, "gapInsideCtrlSmDefault": { - "no": 178, + "no": 179, "name": "gap/inside/ctrl-sm/default", "fst_reference": "", "optional": false, @@ -2652,8 +2665,8 @@ "exceptions": [], "cssName": "--smtc-gap-inside-ctrl-sm-default" }, - "gapInsideCtrlSmTosecondaryicon": { - "no": 179, + "gapInsideCtrlSmToSecondaryIcon": { + "no": 180, "name": "gap/inside/ctrl-sm/toSecondaryIcon", "fst_reference": "", "optional": false, @@ -2663,10 +2676,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-inside-ctrl-sm-tosecondaryicon" + "cssName": "--smtc-gap-inside-ctrl-sm-to-secondary-icon" }, "gapInsideCtrlLgDefault": { - "no": 180, + "no": 181, "name": "gap/inside/ctrl-lg/default", "fst_reference": "", "optional": false, @@ -2678,8 +2691,8 @@ "exceptions": [], "cssName": "--smtc-gap-inside-ctrl-lg-default" }, - "gapInsideCtrlLgTosecondaryicon": { - "no": 181, + "gapInsideCtrlLgToSecondaryIcon": { + "no": 182, "name": "gap/inside/ctrl-lg/toSecondaryIcon", "fst_reference": "", "optional": false, @@ -2689,10 +2702,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-inside-ctrl-lg-tosecondaryicon" + "cssName": "--smtc-gap-inside-ctrl-lg-to-secondary-icon" }, - "gapInsideCtrlTosecondaryicon": { - "no": 182, + "gapInsideCtrlToSecondaryIcon": { + "no": 183, "name": "gap/inside/ctrl/toSecondaryIcon", "fst_reference": "", "optional": false, @@ -2719,10 +2732,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-inside-ctrl-tosecondaryicon" + "cssName": "--smtc-gap-inside-ctrl-to-secondary-icon" }, - "gapInsideCtrlTolabel": { - "no": 183, + "gapInsideCtrlToLabel": { + "no": 184, "name": "gap/inside/ctrl/toLabel", "fst_reference": "", "optional": false, @@ -2732,10 +2745,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-inside-ctrl-tolabel" + "cssName": "--smtc-gap-inside-ctrl-to-label" }, - "gapInsideCtrlSmTolabel": { - "no": 184, + "gapInsideCtrlSmToLabel": { + "no": 185, "name": "gap/inside/ctrl-sm/toLabel", "fst_reference": "", "optional": false, @@ -2745,10 +2758,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-inside-ctrl-sm-tolabel" + "cssName": "--smtc-gap-inside-ctrl-sm-to-label" }, - "gapInsideCtrlLgTolabel": { - "no": 185, + "gapInsideCtrlLgToLabel": { + "no": 186, "name": "gap/inside/ctrl-lg/toLabel", "fst_reference": "", "optional": false, @@ -2758,10 +2771,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-gap-inside-ctrl-lg-tolabel" + "cssName": "--smtc-gap-inside-ctrl-lg-to-label" }, "cornerCircular": { - "no": 186, + "no": 187, "name": "corner/circular", "fst_reference": "", "optional": false, @@ -2773,8 +2786,8 @@ "exceptions": [], "cssName": "--smtc-corner-circular" }, - "strokewidthDefault": { - "no": 187, + "strokeWidthDefault": { + "no": 188, "name": "strokeWidth/default", "fst_reference": "", "optional": false, @@ -2806,10 +2819,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-strokewidth-default" + "cssName": "--smtc-stroke-width-default" }, - "strokewidthDividerDefault": { - "no": 188, + "strokeWidthDividerDefault": { + "no": 189, "name": "strokeWidth/divider/default", "fst_reference": "strokeWidth/default", "optional": true, @@ -2819,10 +2832,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-strokewidth-divider-default" + "cssName": "--smtc-stroke-width-divider-default" }, - "strokewidthDividerStrong": { - "no": 189, + "strokeWidthDividerStrong": { + "no": 190, "name": "strokeWidth/divider/strong", "fst_reference": "strokeWidth/default", "optional": true, @@ -2832,10 +2845,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-strokewidth-divider-strong" + "cssName": "--smtc-stroke-width-divider-strong" }, - "strokewidthCtrlOutlineRest": { - "no": 190, + "strokeWidthCtrlOutlineRest": { + "no": 191, "name": "strokeWidth/ctrl/outline/rest", "fst_reference": "strokeWidth/default", "optional": true, @@ -2853,10 +2866,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-strokewidth-ctrl-outline-rest" + "cssName": "--smtc-stroke-width-ctrl-outline-rest" }, - "strokewidthCtrlOutlineHover": { - "no": 191, + "strokeWidthCtrlOutlineHover": { + "no": 192, "name": "strokeWidth/ctrl/outline/hover", "fst_reference": "strokeWidth/default", "optional": true, @@ -2866,10 +2879,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-strokewidth-ctrl-outline-hover" + "cssName": "--smtc-stroke-width-ctrl-outline-hover" }, - "strokewidthCtrlOutlinePressed": { - "no": 192, + "strokeWidthCtrlOutlinePressed": { + "no": 193, "name": "strokeWidth/ctrl/outline/pressed", "fst_reference": "strokeWidth/default", "optional": true, @@ -2879,10 +2892,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-strokewidth-ctrl-outline-pressed" + "cssName": "--smtc-stroke-width-ctrl-outline-pressed" }, - "strokewidthCtrlOutlineSelected": { - "no": 193, + "strokeWidthCtrlOutlineSelected": { + "no": 194, "name": "strokeWidth/ctrl/outline/selected", "fst_reference": "strokeWidth/default", "optional": true, @@ -2892,10 +2905,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-strokewidth-ctrl-outline-selected" + "cssName": "--smtc-stroke-width-ctrl-outline-selected" }, - "strokewidthWindowDefault": { - "no": 194, + "strokeWidthWindowDefault": { + "no": 195, "name": "strokeWidth/window/default", "fst_reference": "strokeWidth/default", "optional": true, @@ -2905,10 +2918,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-strokewidth-window-default" + "cssName": "--smtc-stroke-width-window-default" }, "backgroundToolbar": { - "no": 195, + "no": 196, "name": "background/toolbar", "fst_reference": "background/card/onPrimary/default/rest", "optional": true, @@ -2921,7 +2934,7 @@ "cssName": "--smtc-background-toolbar" }, "backgroundSmoke": { - "no": 196, + "no": 197, "name": "background/smoke", "fst_reference": "", "optional": false, @@ -2934,7 +2947,7 @@ "cssName": "--smtc-background-smoke" }, "strokeLayer": { - "no": 197, + "no": 198, "name": "stroke/layer", "fst_reference": "NULL/color", "optional": false, @@ -2947,7 +2960,7 @@ "cssName": "--smtc-stroke-layer" }, "strokeImage": { - "no": 198, + "no": 199, "name": "stroke/image", "fst_reference": "NULL/color", "optional": false, @@ -2960,7 +2973,7 @@ "cssName": "--smtc-stroke-image" }, "strokeToolbar": { - "no": 199, + "no": 200, "name": "stroke/toolbar", "fst_reference": "stroke/card/onPrimary/rest", "optional": true, @@ -2973,7 +2986,7 @@ "cssName": "--smtc-stroke-toolbar" }, "strokeFlyout": { - "no": 200, + "no": 201, "name": "stroke/flyout", "fst_reference": "NULL/color", "optional": false, @@ -2985,8 +2998,8 @@ "exceptions": [], "cssName": "--smtc-stroke-flyout" }, - "strokeCtrlOnbrandRest": { - "no": 201, + "strokeCtrlOnBrandRest": { + "no": 202, "name": "stroke/ctrl/onBrand/rest", "fst_reference": "NULL/color", "optional": false, @@ -2996,10 +3009,10 @@ "contrast": "", "fallback": "NULL/color", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onbrand-rest" + "cssName": "--smtc-stroke-ctrl-on-brand-rest" }, - "strokeCtrlOnbrandHover": { - "no": 202, + "strokeCtrlOnBrandHover": { + "no": 203, "name": "stroke/ctrl/onBrand/hover", "fst_reference": "NULL/color", "optional": false, @@ -3009,10 +3022,10 @@ "contrast": "", "fallback": "NULL/color", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onbrand-hover" + "cssName": "--smtc-stroke-ctrl-on-brand-hover" }, - "strokeCtrlOnbrandPressed": { - "no": 203, + "strokeCtrlOnBrandPressed": { + "no": 204, "name": "stroke/ctrl/onBrand/pressed", "fst_reference": "NULL/color", "optional": false, @@ -3022,10 +3035,10 @@ "contrast": "", "fallback": "NULL/color", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onbrand-pressed" + "cssName": "--smtc-stroke-ctrl-on-brand-pressed" }, - "strokeCtrlOnbrandDisabled": { - "no": 204, + "strokeCtrlOnBrandDisabled": { + "no": 205, "name": "stroke/ctrl/onBrand/disabled", "fst_reference": "NULL/color", "optional": false, @@ -3035,10 +3048,10 @@ "contrast": "", "fallback": "NULL/color", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onbrand-disabled" + "cssName": "--smtc-stroke-ctrl-on-brand-disabled" }, - "strokeCtrlOnbrandRestStop2": { - "no": 205, + "strokeCtrlOnBrandRestStop2": { + "no": 206, "name": "stroke/ctrl/onBrand/rest(stop2)", "fst_reference": "stroke/ctrl/onBrand/rest", "optional": true, @@ -3048,10 +3061,10 @@ "contrast": "", "fallback": "stroke/ctrl/onBrand/rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onbrand-reststop2" + "cssName": "--smtc-stroke-ctrl-on-brand-rest-stop2" }, - "strokeCtrlOnbrandHoverStop2": { - "no": 206, + "strokeCtrlOnBrandHoverStop2": { + "no": 207, "name": "stroke/ctrl/onBrand/hover(stop2)", "fst_reference": "stroke/ctrl/onBrand/hover", "optional": true, @@ -3061,10 +3074,10 @@ "contrast": "", "fallback": "stroke/ctrl/onBrand/hover", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onbrand-hoverstop2" + "cssName": "--smtc-stroke-ctrl-on-brand-hover-stop2" }, - "strokeCtrlOnbrandPressedStop2": { - "no": 207, + "strokeCtrlOnBrandPressedStop2": { + "no": 208, "name": "stroke/ctrl/onBrand/pressed(stop2)", "fst_reference": "stroke/ctrl/onBrand/pressed", "optional": true, @@ -3074,10 +3087,10 @@ "contrast": "", "fallback": "stroke/ctrl/onBrand/pressed", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onbrand-pressedstop2" + "cssName": "--smtc-stroke-ctrl-on-brand-pressed-stop2" }, - "strokeCtrlOnbrandDisabledStop2": { - "no": 208, + "strokeCtrlOnBrandDisabledStop2": { + "no": 209, "name": "stroke/ctrl/onBrand/disabled(stop2)", "fst_reference": "stroke/ctrl/onBrand/disabled", "optional": true, @@ -3087,10 +3100,10 @@ "contrast": "", "fallback": "stroke/ctrl/onBrand/disabled", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onbrand-disabledstop2" + "cssName": "--smtc-stroke-ctrl-on-brand-disabled-stop2" }, - "strokeCtrlOnneutralRest": { - "no": 209, + "strokeCtrlOnNeutralRest": { + "no": 210, "name": "stroke/ctrl/onNeutral/rest", "fst_reference": "NULL/color", "optional": false, @@ -3100,10 +3113,10 @@ "contrast": "", "fallback": "Neutral/Stroke/1/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onneutral-rest" + "cssName": "--smtc-stroke-ctrl-on-neutral-rest" }, - "strokeCtrlOnneutralHover": { - "no": 210, + "strokeCtrlOnNeutralHover": { + "no": 211, "name": "stroke/ctrl/onNeutral/hover", "fst_reference": "NULL/color", "optional": false, @@ -3113,10 +3126,10 @@ "contrast": "", "fallback": "Neutral/Stroke/1/Hover", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onneutral-hover" + "cssName": "--smtc-stroke-ctrl-on-neutral-hover" }, - "strokeCtrlOnneutralPressed": { - "no": 211, + "strokeCtrlOnNeutralPressed": { + "no": 212, "name": "stroke/ctrl/onNeutral/pressed", "fst_reference": "NULL/color", "optional": false, @@ -3126,10 +3139,10 @@ "contrast": "", "fallback": "Neutral/Stroke/1/Pressed", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onneutral-pressed" + "cssName": "--smtc-stroke-ctrl-on-neutral-pressed" }, - "strokeCtrlOnneutralDisabled": { - "no": 212, + "strokeCtrlOnNeutralDisabled": { + "no": 213, "name": "stroke/ctrl/onNeutral/disabled", "fst_reference": "NULL/color", "optional": false, @@ -3139,10 +3152,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onneutral-disabled" + "cssName": "--smtc-stroke-ctrl-on-neutral-disabled" }, - "strokeCtrlOnneutralRestStop2": { - "no": 213, + "strokeCtrlOnNeutralRestStop2": { + "no": 214, "name": "stroke/ctrl/onNeutral/rest(stop2)", "fst_reference": "stroke/ctrl/onNeutral/rest", "optional": true, @@ -3152,10 +3165,10 @@ "contrast": "", "fallback": "stroke/ctrl/onNeutral/rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onneutral-reststop2" + "cssName": "--smtc-stroke-ctrl-on-neutral-rest-stop2" }, - "strokeCtrlOnneutralHoverStop2": { - "no": 214, + "strokeCtrlOnNeutralHoverStop2": { + "no": 215, "name": "stroke/ctrl/onNeutral/hover(stop2)", "fst_reference": "stroke/ctrl/onNeutral/pressed", "optional": true, @@ -3165,10 +3178,10 @@ "contrast": "", "fallback": "stroke/ctrl/onNeutral/hover", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onneutral-hoverstop2" + "cssName": "--smtc-stroke-ctrl-on-neutral-hover-stop2" }, - "strokeCtrlOnneutralPressedStop2": { - "no": 215, + "strokeCtrlOnNeutralPressedStop2": { + "no": 216, "name": "stroke/ctrl/onNeutral/pressed(stop2)", "fst_reference": "stroke/ctrl/onNeutral/hover", "optional": true, @@ -3178,10 +3191,10 @@ "contrast": "", "fallback": "stroke/ctrl/onNeutral/pressed", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onneutral-pressedstop2" + "cssName": "--smtc-stroke-ctrl-on-neutral-pressed-stop2" }, - "strokeCtrlOnneutralDisabledStop2": { - "no": 216, + "strokeCtrlOnNeutralDisabledStop2": { + "no": 217, "name": "stroke/ctrl/onNeutral/disabled(stop2)", "fst_reference": "stroke/ctrl/onNeutral/disabled", "optional": true, @@ -3191,10 +3204,10 @@ "contrast": "", "fallback": "stroke/ctrl/onNeutral/disabled", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onneutral-disabledstop2" + "cssName": "--smtc-stroke-ctrl-on-neutral-disabled-stop2" }, - "strokeCtrlOnoutlineRest": { - "no": 217, + "strokeCtrlOnOutlineRest": { + "no": 218, "name": "stroke/ctrl/onOutline/rest", "fst_reference": "", "optional": false, @@ -3204,10 +3217,10 @@ "contrast": "", "fallback": "Neutral/Stroke/1/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onoutline-rest" + "cssName": "--smtc-stroke-ctrl-on-outline-rest" }, - "strokeCtrlOnoutlineHover": { - "no": 218, + "strokeCtrlOnOutlineHover": { + "no": 219, "name": "stroke/ctrl/onOutline/hover", "fst_reference": "", "optional": false, @@ -3217,10 +3230,10 @@ "contrast": "", "fallback": "Neutral/Stroke/1/Hover", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onoutline-hover" + "cssName": "--smtc-stroke-ctrl-on-outline-hover" }, - "strokeCtrlOnoutlinePressed": { - "no": 219, + "strokeCtrlOnOutlinePressed": { + "no": 220, "name": "stroke/ctrl/onOutline/pressed", "fst_reference": "", "optional": false, @@ -3230,10 +3243,10 @@ "contrast": "", "fallback": "Neutral/Stroke/1/Pressed", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onoutline-pressed" + "cssName": "--smtc-stroke-ctrl-on-outline-pressed" }, - "strokeCtrlOnoutlineDisabled": { - "no": 220, + "strokeCtrlOnOutlineDisabled": { + "no": 221, "name": "stroke/ctrl/onOutline/disabled", "fst_reference": "", "optional": false, @@ -3243,10 +3256,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onoutline-disabled" + "cssName": "--smtc-stroke-ctrl-on-outline-disabled" }, - "strokeCtrlOnoutlineRestStop2": { - "no": 221, + "strokeCtrlOnOutlineRestStop2": { + "no": 222, "name": "stroke/ctrl/onOutline/rest(stop2)", "fst_reference": "stroke/ctrl/onOutline/rest", "optional": true, @@ -3256,10 +3269,10 @@ "contrast": "", "fallback": "stroke/ctrl/onOutline/rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onoutline-reststop2" + "cssName": "--smtc-stroke-ctrl-on-outline-rest-stop2" }, - "strokeCtrlOnoutlineHoverStop2": { - "no": 222, + "strokeCtrlOnOutlineHoverStop2": { + "no": 223, "name": "stroke/ctrl/onOutline/hover(stop2)", "fst_reference": "stroke/ctrl/onOutline/hover", "optional": true, @@ -3269,10 +3282,10 @@ "contrast": "", "fallback": "stroke/ctrl/onOutline/hover", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onoutline-hoverstop2" + "cssName": "--smtc-stroke-ctrl-on-outline-hover-stop2" }, - "strokeCtrlOnoutlinePressedStop2": { - "no": 223, + "strokeCtrlOnOutlinePressedStop2": { + "no": 224, "name": "stroke/ctrl/onOutline/pressed(stop2)", "fst_reference": "stroke/ctrl/onOutline/pressed", "optional": true, @@ -3282,10 +3295,10 @@ "contrast": "", "fallback": "stroke/ctrl/onOutline/pressed", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onoutline-pressedstop2" + "cssName": "--smtc-stroke-ctrl-on-outline-pressed-stop2" }, - "strokeCtrlOnoutlineDisabledStop2": { - "no": 224, + "strokeCtrlOnOutlineDisabledStop2": { + "no": 225, "name": "stroke/ctrl/onOutline/disabled(stop2)", "fst_reference": "stroke/ctrl/onOutline/disabled", "optional": true, @@ -3295,10 +3308,10 @@ "contrast": "", "fallback": "stroke/ctrl/divider/onOutline", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onoutline-disabledstop2" + "cssName": "--smtc-stroke-ctrl-on-outline-disabled-stop2" }, - "strokeCtrlOnsubtleRest": { - "no": 225, + "strokeCtrlOnSubtleRest": { + "no": 226, "name": "stroke/ctrl/onSubtle/rest", "fst_reference": "NULL/color", "optional": false, @@ -3316,10 +3329,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onsubtle-rest" + "cssName": "--smtc-stroke-ctrl-on-subtle-rest" }, - "strokeCtrlOnsubtleHover": { - "no": 226, + "strokeCtrlOnSubtleHover": { + "no": 227, "name": "stroke/ctrl/onSubtle/hover", "fst_reference": "NULL/color", "optional": false, @@ -3329,10 +3342,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onsubtle-hover" + "cssName": "--smtc-stroke-ctrl-on-subtle-hover" }, - "strokeCtrlOnsubtlePressed": { - "no": 227, + "strokeCtrlOnSubtlePressed": { + "no": 228, "name": "stroke/ctrl/onSubtle/pressed", "fst_reference": "NULL/color", "optional": false, @@ -3342,10 +3355,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onsubtle-pressed" + "cssName": "--smtc-stroke-ctrl-on-subtle-pressed" }, - "strokeCtrlOnsubtleDisabled": { - "no": 228, + "strokeCtrlOnSubtleDisabled": { + "no": 229, "name": "stroke/ctrl/onSubtle/disabled", "fst_reference": "NULL/color", "optional": false, @@ -3355,10 +3368,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onsubtle-disabled" + "cssName": "--smtc-stroke-ctrl-on-subtle-disabled" }, - "strokeCtrlOnsubtleHoversplit": { - "no": 229, + "strokeCtrlOnSubtleHoverSplit": { + "no": 230, "name": "stroke/ctrl/onSubtle/hoverSplit", "fst_reference": "NULL/color", "optional": false, @@ -3368,10 +3381,10 @@ "contrast": "", "fallback": "Neutral/Background/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onsubtle-hoversplit" + "cssName": "--smtc-stroke-ctrl-on-subtle-hover-split" }, - "strokeCtrlOnactivebrandRest": { - "no": 230, + "strokeCtrlOnActiveBrandRest": { + "no": 231, "name": "stroke/ctrl/onActiveBrand/rest", "fst_reference": "stroke/ctrl/onBrand/rest", "optional": true, @@ -3381,10 +3394,10 @@ "contrast": "", "fallback": "stroke/ctrl/onBrand/rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onactivebrand-rest" + "cssName": "--smtc-stroke-ctrl-on-active-brand-rest" }, - "strokeCtrlDividerOnbrand": { - "no": 231, + "strokeCtrlDividerOnBrand": { + "no": 232, "name": "stroke/ctrl/divider/onBrand", "fst_reference": "", "optional": false, @@ -3394,10 +3407,10 @@ "contrast": "", "fallback": "Neutral/Stroke/onBrand/2/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onbrand" + "cssName": "--smtc-stroke-ctrl-divider-on-brand" }, - "strokeCtrlDividerOnbrandDisabled": { - "no": 232, + "strokeCtrlDividerOnBrandDisabled": { + "no": 233, "name": "stroke/ctrl/divider/onBrand-disabled", "fst_reference": "stroke/ctrl/divider/onBrand", "optional": true, @@ -3407,10 +3420,36 @@ "contrast": "", "fallback": "Neutral/Stroke/onBrand/2/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onbrand-disabled" + "cssName": "--smtc-stroke-ctrl-divider-on-brand-disabled" }, - "strokeCtrlDividerOnneutral": { - "no": 233, + "strokeCtrlDividerOnActiveBrand": { + "no": 234, + "name": "stroke/ctrl/divider/onActiveBrand", + "fst_reference": "stroke/ctrl/divider/onBrand", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "stroke/ctrl/divider/onBrand", + "exceptions": [], + "cssName": "--smtc-stroke-ctrl-divider-on-active-brand" + }, + "strokeCtrlDividerOnActiveBrandDisabled": { + "no": 235, + "name": "stroke/ctrl/divider/onActiveBrand-disabled", + "fst_reference": "stroke/ctrl/divider/onBrand", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "stroke/ctrl/divider/onBrand", + "exceptions": [], + "cssName": "--smtc-stroke-ctrl-divider-on-active-brand-disabled" + }, + "strokeCtrlDividerOnNeutral": { + "no": 236, "name": "stroke/ctrl/divider/onNeutral", "fst_reference": "", "optional": false, @@ -3420,10 +3459,10 @@ "contrast": "", "fallback": "Neutral/Stroke/1/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onneutral" + "cssName": "--smtc-stroke-ctrl-divider-on-neutral" }, - "strokeCtrlDividerOnneutralDisabled": { - "no": 234, + "strokeCtrlDividerOnNeutralDisabled": { + "no": 237, "name": "stroke/ctrl/divider/onNeutral-disabled", "fst_reference": "stroke/ctrl/divider/onNeutral", "optional": true, @@ -3433,10 +3472,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onneutral-disabled" + "cssName": "--smtc-stroke-ctrl-divider-on-neutral-disabled" }, - "strokeCtrlDividerOnoutline": { - "no": 235, + "strokeCtrlDividerOnOutline": { + "no": 238, "name": "stroke/ctrl/divider/onOutline", "fst_reference": "", "optional": false, @@ -3446,10 +3485,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onoutline" + "cssName": "--smtc-stroke-ctrl-divider-on-outline" }, - "strokeCtrlDividerOnoutlineDisabled": { - "no": 236, + "strokeCtrlDividerOnOutlineDisabled": { + "no": 239, "name": "stroke/ctrl/divider/onOutline-disabled", "fst_reference": "stroke/ctrl/divider/onOutline", "optional": true, @@ -3459,10 +3498,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onoutline-disabled" + "cssName": "--smtc-stroke-ctrl-divider-on-outline-disabled" }, - "strokeCtrlDividerOnsubtle": { - "no": 237, + "strokeCtrlDividerOnSubtle": { + "no": 240, "name": "stroke/ctrl/divider/onSubtle", "fst_reference": "NULL/color", "optional": false, @@ -3472,10 +3511,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onsubtle" + "cssName": "--smtc-stroke-ctrl-divider-on-subtle" }, - "strokeCtrlDividerOnsubtleDisabled": { - "no": 238, + "strokeCtrlDividerOnSubtleDisabled": { + "no": 241, "name": "stroke/ctrl/divider/onSubtle-disabled", "fst_reference": "NULL/color", "optional": false, @@ -3485,36 +3524,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onsubtle-disabled" - }, - "strokeCtrlDividerOnactivebrand": { - "no": 239, - "name": "stroke/ctrl/divider/onActiveBrand", - "fst_reference": "stroke/ctrl/divider/onBrand", - "optional": true, - "nullable": false, - "description": "", - "components": [], - "contrast": "", - "fallback": "stroke/ctrl/divider/onBrand", - "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onactivebrand" - }, - "strokeCtrlDividerOnactivebrandDisabled": { - "no": 240, - "name": "stroke/ctrl/divider/onActiveBrand-disabled", - "fst_reference": "stroke/ctrl/divider/onBrand", - "optional": true, - "nullable": false, - "description": "", - "components": [], - "contrast": "", - "fallback": "stroke/ctrl/divider/onBrand", - "exceptions": [], - "cssName": "--smtc-stroke-ctrl-divider-onactivebrand-disabled" + "cssName": "--smtc-stroke-ctrl-divider-on-subtle-disabled" }, - "strokeCtrlOnactivebrandHover": { - "no": 241, + "strokeCtrlOnActiveBrandHover": { + "no": 242, "name": "stroke/ctrl/onActiveBrand/hover", "fst_reference": "stroke/ctrl/onBrand/hover", "optional": true, @@ -3524,10 +3537,10 @@ "contrast": "", "fallback": "stroke/ctrl/onBrand/hover", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onactivebrand-hover" + "cssName": "--smtc-stroke-ctrl-on-active-brand-hover" }, - "strokeCtrlOnactivebrandPressed": { - "no": 242, + "strokeCtrlOnActiveBrandPressed": { + "no": 243, "name": "stroke/ctrl/onActiveBrand/pressed", "fst_reference": "stroke/ctrl/onBrand/pressed", "optional": true, @@ -3537,10 +3550,10 @@ "contrast": "", "fallback": "stroke/ctrl/onBrand/pressed", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onactivebrand-pressed" + "cssName": "--smtc-stroke-ctrl-on-active-brand-pressed" }, - "strokeCtrlOnactivebrandDisabled": { - "no": 243, + "strokeCtrlOnActiveBrandDisabled": { + "no": 244, "name": "stroke/ctrl/onActiveBrand/disabled", "fst_reference": "stroke/ctrl/onBrand/disabled", "optional": true, @@ -3550,10 +3563,10 @@ "contrast": "", "fallback": "stroke/ctrl/onBrand/disabled", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onactivebrand-disabled" + "cssName": "--smtc-stroke-ctrl-on-active-brand-disabled" }, - "strokeCtrlOnactivebrandRestStop2": { - "no": 244, + "strokeCtrlOnActiveBrandRestStop2": { + "no": 245, "name": "stroke/ctrl/onActiveBrand/rest(stop2)", "fst_reference": "stroke/ctrl/onBrand/rest", "optional": true, @@ -3563,10 +3576,10 @@ "contrast": "", "fallback": "stroke/ctrl/onActiveBrand/rest", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onactivebrand-reststop2" + "cssName": "--smtc-stroke-ctrl-on-active-brand-rest-stop2" }, - "strokeCtrlOnactivebrandHoverStop2": { - "no": 245, + "strokeCtrlOnActiveBrandHoverStop2": { + "no": 246, "name": "stroke/ctrl/onActiveBrand/hover(stop2)", "fst_reference": "stroke/ctrl/onBrand/rest", "optional": true, @@ -3576,10 +3589,10 @@ "contrast": "", "fallback": "stroke/ctrl/onActiveBrand/hover", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onactivebrand-hoverstop2" + "cssName": "--smtc-stroke-ctrl-on-active-brand-hover-stop2" }, - "strokeCtrlOnactivebrandPressedStop2": { - "no": 246, + "strokeCtrlOnActiveBrandPressedStop2": { + "no": 247, "name": "stroke/ctrl/onActiveBrand/pressed(stop2)", "fst_reference": "stroke/ctrl/onBrand/pressed", "optional": true, @@ -3589,10 +3602,10 @@ "contrast": "", "fallback": "stroke/ctrl/onActiveBrand/pressed", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onactivebrand-pressedstop2" + "cssName": "--smtc-stroke-ctrl-on-active-brand-pressed-stop2" }, - "strokeCtrlOnactivebrandDisabledStop2": { - "no": 247, + "strokeCtrlOnActiveBrandDisabledStop2": { + "no": 248, "name": "stroke/ctrl/onActiveBrand/disabled(stop2)", "fst_reference": "stroke/ctrl/onBrand/disabled", "optional": true, @@ -3602,10 +3615,10 @@ "contrast": "", "fallback": "stroke/ctrl/onActiveBrand/disabled", "exceptions": [], - "cssName": "--smtc-stroke-ctrl-onactivebrand-disabledstop2" + "cssName": "--smtc-stroke-ctrl-on-active-brand-disabled-stop2" }, "strokeDividerDefault": { - "no": 248, + "no": 249, "name": "stroke/divider/default", "fst_reference": "", "optional": false, @@ -3618,7 +3631,7 @@ "cssName": "--smtc-stroke-divider-default" }, "strokeDividerSubtle": { - "no": 249, + "no": 250, "name": "stroke/divider/subtle", "fst_reference": "stroke/divider/default", "optional": true, @@ -3631,7 +3644,7 @@ "cssName": "--smtc-stroke-divider-subtle" }, "strokeDividerStrong": { - "no": 250, + "no": 251, "name": "stroke/divider/strong", "fst_reference": "stroke/divider/default", "optional": true, @@ -3644,7 +3657,7 @@ "cssName": "--smtc-stroke-divider-strong" }, "strokeDividerBrand": { - "no": 251, + "no": 252, "name": "stroke/divider/brand", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -3657,7 +3670,7 @@ "cssName": "--smtc-stroke-divider-brand" }, "strokeCardSelected": { - "no": 252, + "no": 253, "name": "stroke/card/selected", "fst_reference": "NULL/color", "optional": false, @@ -3669,8 +3682,8 @@ "exceptions": [], "cssName": "--smtc-stroke-card-selected" }, - "strokeCardOnprimaryRest": { - "no": 253, + "strokeCardOnPrimaryRest": { + "no": 254, "name": "stroke/card/onPrimary/rest", "fst_reference": "NULL/color", "optional": false, @@ -3680,10 +3693,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-stroke-card-onprimary-rest" + "cssName": "--smtc-stroke-card-on-primary-rest" }, - "strokeCardOnprimaryHover": { - "no": 254, + "strokeCardOnPrimaryHover": { + "no": 255, "name": "stroke/card/onPrimary/hover", "fst_reference": "NULL/color", "optional": false, @@ -3693,10 +3706,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Interactive/Rest", "exceptions": [], - "cssName": "--smtc-stroke-card-onprimary-hover" + "cssName": "--smtc-stroke-card-on-primary-hover" }, - "strokeCardOnprimaryPressed": { - "no": 255, + "strokeCardOnPrimaryPressed": { + "no": 256, "name": "stroke/card/onPrimary/pressed", "fst_reference": "NULL/color", "optional": false, @@ -3706,10 +3719,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Interactive/Rest", "exceptions": [], - "cssName": "--smtc-stroke-card-onprimary-pressed" + "cssName": "--smtc-stroke-card-on-primary-pressed" }, - "strokeCardOnprimaryDisabled": { - "no": 256, + "strokeCardOnPrimaryDisabled": { + "no": 257, "name": "stroke/card/onPrimary/disabled", "fst_reference": "NULL/color", "optional": false, @@ -3719,10 +3732,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Interactive/Rest", "exceptions": [], - "cssName": "--smtc-stroke-card-onprimary-disabled" + "cssName": "--smtc-stroke-card-on-primary-disabled" }, - "strokeCardOnsecondaryRest": { - "no": 257, + "strokeCardOnSecondaryRest": { + "no": 258, "name": "stroke/card/onSecondary/rest", "fst_reference": "NULL/color", "optional": false, @@ -3732,10 +3745,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-stroke-card-onsecondary-rest" + "cssName": "--smtc-stroke-card-on-secondary-rest" }, - "strokeCardOnsecondaryHover": { - "no": 258, + "strokeCardOnSecondaryHover": { + "no": 259, "name": "stroke/card/onSecondary/hover", "fst_reference": "NULL/color", "optional": false, @@ -3745,10 +3758,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Interactive/Rest", "exceptions": [], - "cssName": "--smtc-stroke-card-onsecondary-hover" + "cssName": "--smtc-stroke-card-on-secondary-hover" }, - "strokeCardOnsecondaryPressed": { - "no": 259, + "strokeCardOnSecondaryPressed": { + "no": 260, "name": "stroke/card/onSecondary/pressed", "fst_reference": "NULL/color", "optional": false, @@ -3758,10 +3771,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Interactive/Rest", "exceptions": [], - "cssName": "--smtc-stroke-card-onsecondary-pressed" + "cssName": "--smtc-stroke-card-on-secondary-pressed" }, - "strokeCardOnsecondaryDisabled": { - "no": 260, + "strokeCardOnSecondaryDisabled": { + "no": 261, "name": "stroke/card/onSecondary/disabled", "fst_reference": "NULL/color", "optional": false, @@ -3771,10 +3784,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Interactive/Rest", "exceptions": [], - "cssName": "--smtc-stroke-card-onsecondary-disabled" + "cssName": "--smtc-stroke-card-on-secondary-disabled" }, "strokeWindowActive": { - "no": 261, + "no": 262, "name": "stroke/window/active", "fst_reference": "", "optional": false, @@ -3787,7 +3800,7 @@ "cssName": "--smtc-stroke-window-active" }, "strokeWindowInactive": { - "no": 262, + "no": 263, "name": "stroke/window/inactive", "fst_reference": "stroke/window/active", "optional": true, @@ -3800,7 +3813,7 @@ "cssName": "--smtc-stroke-window-inactive" }, "backgroundWindowPrimarySolid": { - "no": 263, + "no": 264, "name": "background/window/primary/(solid)", "fst_reference": "", "optional": false, @@ -3812,8 +3825,8 @@ "exceptions": [], "cssName": "--smtc-background-window-primary-solid" }, - "backgroundWindowPrimaryColorblend": { - "no": 264, + "backgroundWindowPrimaryColorBlend": { + "no": 265, "name": "background/window/primary/(colorBlend)", "fst_reference": "", "optional": false, @@ -3823,10 +3836,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-window-primary-colorblend" + "cssName": "--smtc-background-window-primary-color-blend" }, - "backgroundWindowPrimaryLumblend": { - "no": 265, + "backgroundWindowPrimaryLumBlend": { + "no": 266, "name": "background/window/primary/(lumBlend)", "fst_reference": "", "optional": false, @@ -3836,10 +3849,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-window-primary-lumblend" + "cssName": "--smtc-background-window-primary-lum-blend" }, "backgroundWindowSecondarySolid": { - "no": 266, + "no": 267, "name": "background/window/secondary/(solid)", "fst_reference": "", "optional": false, @@ -3851,8 +3864,8 @@ "exceptions": [], "cssName": "--smtc-background-window-secondary-solid" }, - "backgroundWindowSecondaryColorblend": { - "no": 267, + "backgroundWindowSecondaryColorBlend": { + "no": 268, "name": "background/window/secondary/(colorBlend)", "fst_reference": "", "optional": false, @@ -3862,10 +3875,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-window-secondary-colorblend" + "cssName": "--smtc-background-window-secondary-color-blend" }, - "backgroundWindowSecondaryLumblend": { - "no": 268, + "backgroundWindowSecondaryLumBlend": { + "no": 269, "name": "background/window/secondary/(lumBlend)", "fst_reference": "", "optional": false, @@ -3875,10 +3888,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-window-secondary-lumblend" + "cssName": "--smtc-background-window-secondary-lum-blend" }, - "backgroundWindowTabbandColorblend": { - "no": 269, + "backgroundWindowTabBandColorBlend": { + "no": 270, "name": "background/window/tabBand/(colorBlend)", "fst_reference": "", "optional": false, @@ -3888,10 +3901,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-window-tabband-colorblend" + "cssName": "--smtc-background-window-tab-band-color-blend" }, - "backgroundWindowTabbandLumblend": { - "no": 270, + "backgroundWindowTabBandLumBlend": { + "no": 271, "name": "background/window/tabBand/(lumBlend)", "fst_reference": "", "optional": false, @@ -3901,10 +3914,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-window-tabband-lumblend" + "cssName": "--smtc-background-window-tab-band-lum-blend" }, - "backgroundWindowTabbandSolid": { - "no": 271, + "backgroundWindowTabBandSolid": { + "no": 272, "name": "background/window/tabBand/(solid)", "fst_reference": "", "optional": false, @@ -3914,10 +3927,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-window-tabband-solid" + "cssName": "--smtc-background-window-tab-band-solid" }, - "backgroundWebpagePrimary": { - "no": 272, + "backgroundWebPagePrimary": { + "no": 273, "name": "background/webPage/primary", "fst_reference": "", "optional": false, @@ -3927,10 +3940,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-webpage-primary" + "cssName": "--smtc-background-web-page-primary" }, - "backgroundWebpageSecondary": { - "no": 273, + "backgroundWebPageSecondary": { + "no": 274, "name": "background/webPage/secondary", "fst_reference": "", "optional": false, @@ -3940,10 +3953,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-webpage-secondary" + "cssName": "--smtc-background-web-page-secondary" }, "backgroundLayerPrimarySolid": { - "no": 274, + "no": 275, "name": "background/layer/primary(solid)", "fst_reference": "", "optional": false, @@ -3953,10 +3966,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-background-layer-primarysolid" + "cssName": "--smtc-background-layer-primary-solid" }, "backgroundLayerPrimaryStop1": { - "no": 275, + "no": 276, "name": "background/layer/primary(stop1)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -3966,10 +3979,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-layer-primarystop1" + "cssName": "--smtc-background-layer-primary-stop1" }, "backgroundLayerPrimaryStop2": { - "no": 276, + "no": 277, "name": "background/layer/primary(stop2)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -3979,10 +3992,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-layer-primarystop2" + "cssName": "--smtc-background-layer-primary-stop2" }, "backgroundLayerPrimaryStop3": { - "no": 277, + "no": 278, "name": "background/layer/primary(stop3)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -3992,10 +4005,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-background-layer-primarystop3" + "cssName": "--smtc-background-layer-primary-stop3" }, "backgroundLayerSecondary": { - "no": 278, + "no": 279, "name": "background/layer/secondary", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -4008,7 +4021,7 @@ "cssName": "--smtc-background-layer-secondary" }, "backgroundLayerTertiary": { - "no": 279, + "no": 280, "name": "background/layer/tertiary", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -4020,8 +4033,8 @@ "exceptions": [], "cssName": "--smtc-background-layer-tertiary" }, - "backgroundCardOnprimaryDefaultRest": { - "no": 280, + "backgroundCardOnPrimaryDefaultRest": { + "no": 281, "name": "background/card/onPrimary/default/rest", "fst_reference": "", "optional": false, @@ -4031,10 +4044,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-background-card-onprimary-default-rest" + "cssName": "--smtc-background-card-on-primary-default-rest" }, - "backgroundCardOnprimaryAltRest": { - "no": 281, + "backgroundCardOnPrimaryAltRest": { + "no": 282, "name": "background/card/onPrimary/alt/rest", "fst_reference": "", "optional": false, @@ -4044,10 +4057,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/rest", "exceptions": [], - "cssName": "--smtc-background-card-onprimary-alt-rest" + "cssName": "--smtc-background-card-on-primary-alt-rest" }, - "backgroundCardOnprimaryAltHover": { - "no": 282, + "backgroundCardOnPrimaryAltHover": { + "no": 283, "name": "background/card/onPrimary/alt/hover", "fst_reference": "", "optional": false, @@ -4057,10 +4070,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/hover", "exceptions": [], - "cssName": "--smtc-background-card-onprimary-alt-hover" + "cssName": "--smtc-background-card-on-primary-alt-hover" }, - "backgroundCardOnprimaryAltPressed": { - "no": 283, + "backgroundCardOnPrimaryAltPressed": { + "no": 284, "name": "background/card/onPrimary/alt/pressed", "fst_reference": "", "optional": false, @@ -4070,10 +4083,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/pressed", "exceptions": [], - "cssName": "--smtc-background-card-onprimary-alt-pressed" + "cssName": "--smtc-background-card-on-primary-alt-pressed" }, - "backgroundCardOnprimaryAltDisabled": { - "no": 284, + "backgroundCardOnPrimaryAltDisabled": { + "no": 285, "name": "background/card/onPrimary/alt/disabled", "fst_reference": "", "optional": false, @@ -4083,10 +4096,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/pressed", "exceptions": [], - "cssName": "--smtc-background-card-onprimary-alt-disabled" + "cssName": "--smtc-background-card-on-primary-alt-disabled" }, - "backgroundCardOnprimaryDefaultHover": { - "no": 285, + "backgroundCardOnPrimaryDefaultHover": { + "no": 286, "name": "background/card/onPrimary/default/hover", "fst_reference": "", "optional": false, @@ -4096,10 +4109,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Hover", "exceptions": [], - "cssName": "--smtc-background-card-onprimary-default-hover" + "cssName": "--smtc-background-card-on-primary-default-hover" }, - "backgroundCardOnprimaryDefaultPressed": { - "no": 286, + "backgroundCardOnPrimaryDefaultPressed": { + "no": 287, "name": "background/card/onPrimary/default/pressed", "fst_reference": "", "optional": false, @@ -4109,10 +4122,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Pressed", "exceptions": [], - "cssName": "--smtc-background-card-onprimary-default-pressed" + "cssName": "--smtc-background-card-on-primary-default-pressed" }, - "backgroundCardOnprimaryDefaultDisabled": { - "no": 287, + "backgroundCardOnPrimaryDefaultDisabled": { + "no": 288, "name": "background/card/onPrimary/default/disabled", "fst_reference": "", "optional": false, @@ -4122,10 +4135,10 @@ "contrast": "", "fallback": "Neutral/Background/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-background-card-onprimary-default-disabled" + "cssName": "--smtc-background-card-on-primary-default-disabled" }, - "backgroundCardOnprimaryDefaultSelected": { - "no": 288, + "backgroundCardOnPrimaryDefaultSelected": { + "no": 289, "name": "background/card/onPrimary/default/selected", "fst_reference": "background/card/onPrimary/default/rest", "optional": true, @@ -4135,10 +4148,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Selected", "exceptions": [], - "cssName": "--smtc-background-card-onprimary-default-selected" + "cssName": "--smtc-background-card-on-primary-default-selected" }, "backgroundFlyoutSolid": { - "no": 289, + "no": 290, "name": "background/flyout/(solid)", "fst_reference": "", "optional": false, @@ -4151,7 +4164,7 @@ "cssName": "--smtc-background-flyout-solid" }, "backgroundCtrlBrandRest": { - "no": 290, + "no": 291, "name": "background/ctrl/brand/rest", "fst_reference": "", "optional": false, @@ -4164,7 +4177,7 @@ "cssName": "--smtc-background-ctrl-brand-rest" }, "backgroundCtrlBrandHover": { - "no": 291, + "no": 292, "name": "background/ctrl/brand/hover", "fst_reference": "", "optional": false, @@ -4177,7 +4190,7 @@ "cssName": "--smtc-background-ctrl-brand-hover" }, "backgroundCtrlBrandPressed": { - "no": 292, + "no": 293, "name": "background/ctrl/brand/pressed", "fst_reference": "", "optional": false, @@ -4190,7 +4203,7 @@ "cssName": "--smtc-background-ctrl-brand-pressed" }, "backgroundCtrlBrandDisabled": { - "no": 293, + "no": 294, "name": "background/ctrl/brand/disabled", "fst_reference": "", "optional": false, @@ -4202,8 +4215,8 @@ "exceptions": [], "cssName": "--smtc-background-ctrl-brand-disabled" }, - "backgroundCtrlActivebrandRest": { - "no": 294, + "backgroundCtrlActiveBrandRest": { + "no": 295, "name": "background/ctrl/activeBrand/rest", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -4213,10 +4226,10 @@ "contrast": "", "fallback": "background/ctrl/brand/rest", "exceptions": [], - "cssName": "--smtc-background-ctrl-activebrand-rest" + "cssName": "--smtc-background-ctrl-active-brand-rest" }, - "backgroundCtrlActivebrandHover": { - "no": 295, + "backgroundCtrlActiveBrandHover": { + "no": 296, "name": "background/ctrl/activeBrand/hover", "fst_reference": "background/ctrl/brand/hover", "optional": true, @@ -4226,10 +4239,10 @@ "contrast": "", "fallback": "background/ctrl/brand/hover", "exceptions": [], - "cssName": "--smtc-background-ctrl-activebrand-hover" + "cssName": "--smtc-background-ctrl-active-brand-hover" }, - "backgroundCtrlActivebrandPressed": { - "no": 296, + "backgroundCtrlActiveBrandPressed": { + "no": 297, "name": "background/ctrl/activeBrand/pressed", "fst_reference": "background/ctrl/brand/pressed", "optional": true, @@ -4239,10 +4252,10 @@ "contrast": "", "fallback": "background/ctrl/brand/pressed", "exceptions": [], - "cssName": "--smtc-background-ctrl-activebrand-pressed" + "cssName": "--smtc-background-ctrl-active-brand-pressed" }, - "backgroundCtrlActivebrandDisabled": { - "no": 297, + "backgroundCtrlActiveBrandDisabled": { + "no": 298, "name": "background/ctrl/activeBrand/disabled", "fst_reference": "background/ctrl/brand/disabled", "optional": true, @@ -4252,10 +4265,10 @@ "contrast": "", "fallback": "background/ctrl/brand/disabled", "exceptions": [], - "cssName": "--smtc-background-ctrl-activebrand-disabled" + "cssName": "--smtc-background-ctrl-active-brand-disabled" }, "backgroundCtrlNeutralRest": { - "no": 298, + "no": 299, "name": "background/ctrl/neutral/rest", "fst_reference": "", "optional": false, @@ -4268,7 +4281,7 @@ "cssName": "--smtc-background-ctrl-neutral-rest" }, "backgroundCtrlNeutralHover": { - "no": 299, + "no": 300, "name": "background/ctrl/neutral/hover", "fst_reference": "", "optional": false, @@ -4281,7 +4294,7 @@ "cssName": "--smtc-background-ctrl-neutral-hover" }, "backgroundCtrlNeutralPressed": { - "no": 300, + "no": 301, "name": "background/ctrl/neutral/pressed", "fst_reference": "", "optional": false, @@ -4294,7 +4307,7 @@ "cssName": "--smtc-background-ctrl-neutral-pressed" }, "backgroundCtrlNeutralDisabled": { - "no": 301, + "no": 302, "name": "background/ctrl/neutral/disabled", "fst_reference": "", "optional": false, @@ -4307,7 +4320,7 @@ "cssName": "--smtc-background-ctrl-neutral-disabled" }, "backgroundCtrlOutlineRest": { - "no": 302, + "no": 303, "name": "background/ctrl/outline/rest", "fst_reference": "NULL/color", "optional": false, @@ -4320,7 +4333,7 @@ "cssName": "--smtc-background-ctrl-outline-rest" }, "backgroundCtrlOutlineHover": { - "no": 303, + "no": 304, "name": "background/ctrl/outline/hover", "fst_reference": "NULL/color", "optional": false, @@ -4333,7 +4346,7 @@ "cssName": "--smtc-background-ctrl-outline-hover" }, "backgroundCtrlOutlinePressed": { - "no": 304, + "no": 305, "name": "background/ctrl/outline/pressed", "fst_reference": "NULL/color", "optional": false, @@ -4346,7 +4359,7 @@ "cssName": "--smtc-background-ctrl-outline-pressed" }, "backgroundCtrlOutlineDisabled": { - "no": 305, + "no": 306, "name": "background/ctrl/outline/disabled", "fst_reference": "NULL/color", "optional": false, @@ -4359,7 +4372,7 @@ "cssName": "--smtc-background-ctrl-outline-disabled" }, "backgroundCtrlSubtleRest": { - "no": 306, + "no": 307, "name": "background/ctrl/subtle/rest", "fst_reference": "NULL/color", "optional": false, @@ -4379,8 +4392,8 @@ "exceptions": [], "cssName": "--smtc-background-ctrl-subtle-rest" }, - "backgroundCtrlShapesafeActivebrandRest": { - "no": 307, + "backgroundCtrlShapeSafeActiveBrandRest": { + "no": 308, "name": "background/ctrl/shapeSafe/activeBrand/rest", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -4390,10 +4403,10 @@ "contrast": "", "fallback": "Brand/Stroke/Compound/Rest", "exceptions": [], - "cssName": "--smtc-background-ctrl-shapesafe-activebrand-rest" + "cssName": "--smtc-background-ctrl-shape-safe-active-brand-rest" }, - "backgroundCtrlShapesafeActivebrandDisabled": { - "no": 308, + "backgroundCtrlShapeSafeActiveBrandDisabled": { + "no": 309, "name": "background/ctrl/shapeSafe/activeBrand/disabled", "fst_reference": "background/ctrl/brand/disabled", "optional": true, @@ -4403,10 +4416,10 @@ "contrast": "", "fallback": "Neutral/Foreground/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-background-ctrl-shapesafe-activebrand-disabled" + "cssName": "--smtc-background-ctrl-shape-safe-active-brand-disabled" }, - "backgroundCtrlShapesafeNeutralRest": { - "no": 309, + "backgroundCtrlShapeSafeNeutralRest": { + "no": 310, "name": "background/ctrl/shapeSafe/neutral/rest", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -4416,10 +4429,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Accessible/Hover", "exceptions": [], - "cssName": "--smtc-background-ctrl-shapesafe-neutral-rest" + "cssName": "--smtc-background-ctrl-shape-safe-neutral-rest" }, - "backgroundCtrlShapesafeNeutralHover": { - "no": 310, + "backgroundCtrlShapeSafeNeutralHover": { + "no": 311, "name": "background/ctrl/shapeSafe/neutral/hover", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -4429,10 +4442,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Accessible/Hover", "exceptions": [], - "cssName": "--smtc-background-ctrl-shapesafe-neutral-hover" + "cssName": "--smtc-background-ctrl-shape-safe-neutral-hover" }, - "backgroundCtrlShapesafeNeutralPressed": { - "no": 311, + "backgroundCtrlShapeSafeNeutralPressed": { + "no": 312, "name": "background/ctrl/shapeSafe/neutral/pressed", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -4442,10 +4455,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Accessible/Pressed", "exceptions": [], - "cssName": "--smtc-background-ctrl-shapesafe-neutral-pressed" + "cssName": "--smtc-background-ctrl-shape-safe-neutral-pressed" }, - "backgroundCtrlShapesafeNeutralDisabled": { - "no": 312, + "backgroundCtrlShapeSafeNeutralDisabled": { + "no": 313, "name": "background/ctrl/shapeSafe/neutral/disabled", "fst_reference": "foreground/ctrl/neutral/secondary/disabled", "optional": true, @@ -4455,10 +4468,10 @@ "contrast": "", "fallback": "Neutral/Foreground/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-background-ctrl-shapesafe-neutral-disabled" + "cssName": "--smtc-background-ctrl-shape-safe-neutral-disabled" }, "backgroundCtrlSubtleHover": { - "no": 313, + "no": 314, "name": "background/ctrl/subtle/hover", "fst_reference": "", "optional": false, @@ -4471,7 +4484,7 @@ "cssName": "--smtc-background-ctrl-subtle-hover" }, "backgroundCtrlSubtlePressed": { - "no": 314, + "no": 315, "name": "background/ctrl/subtle/pressed", "fst_reference": "", "optional": false, @@ -4484,7 +4497,7 @@ "cssName": "--smtc-background-ctrl-subtle-pressed" }, "backgroundCtrlSubtleDisabled": { - "no": 315, + "no": 316, "name": "background/ctrl/subtle/disabled", "fst_reference": "NULL/color", "optional": false, @@ -4496,8 +4509,8 @@ "exceptions": [], "cssName": "--smtc-background-ctrl-subtle-disabled" }, - "backgroundCtrlSubtleHoversplit": { - "no": 316, + "backgroundCtrlSubtleHoverSplit": { + "no": 317, "name": "background/ctrl/subtle/hoverSplit", "fst_reference": "NULL/color", "optional": false, @@ -4507,10 +4520,10 @@ "contrast": "", "fallback": "Neutral/Background/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-background-ctrl-subtle-hoversplit" + "cssName": "--smtc-background-ctrl-subtle-hover-split" }, - "backgroundFlyoutLumblend": { - "no": 317, + "backgroundFlyoutLumBlend": { + "no": 318, "name": "background/flyout/(lumBlend)", "fst_reference": "", "optional": false, @@ -4520,10 +4533,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-background-flyout-lumblend" + "cssName": "--smtc-background-flyout-lum-blend" }, - "backgroundFlyoutColorblend": { - "no": 318, + "backgroundFlyoutColorBlend": { + "no": 319, "name": "background/flyout/(colorBlend)", "fst_reference": "", "optional": false, @@ -4533,10 +4546,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-background-flyout-colorblend" + "cssName": "--smtc-background-flyout-color-blend" }, "cornerZero": { - "no": 319, + "no": 320, "name": "corner/zero", "fst_reference": "", "optional": false, @@ -4549,7 +4562,7 @@ "cssName": "--smtc-corner-zero" }, "cornerBezel": { - "no": 320, + "no": 321, "name": "corner/bezel", "fst_reference": "", "optional": false, @@ -4562,7 +4575,7 @@ "cssName": "--smtc-corner-bezel" }, "cornerWindowDefault": { - "no": 321, + "no": 322, "name": "corner/window/default", "fst_reference": "", "optional": false, @@ -4575,7 +4588,7 @@ "cssName": "--smtc-corner-window-default" }, "cornerFlyoutRest": { - "no": 322, + "no": 323, "name": "corner/flyout/rest", "fst_reference": "", "optional": false, @@ -4588,7 +4601,7 @@ "cssName": "--smtc-corner-flyout-rest" }, "cornerFlyoutHover": { - "no": 323, + "no": 324, "name": "corner/flyout/hover", "fst_reference": "corner/flyout/rest", "optional": true, @@ -4601,7 +4614,7 @@ "cssName": "--smtc-corner-flyout-hover" }, "cornerFlyoutPressed": { - "no": 324, + "no": 325, "name": "corner/flyout/pressed", "fst_reference": "corner/flyout/rest", "optional": true, @@ -4614,7 +4627,7 @@ "cssName": "--smtc-corner-flyout-pressed" }, "cornerLayerDefault": { - "no": 325, + "no": 326, "name": "corner/layer/default", "fst_reference": "", "optional": false, @@ -4627,7 +4640,7 @@ "cssName": "--smtc-corner-layer-default" }, "cornerLayerIntersection": { - "no": 326, + "no": 327, "name": "corner/layer/intersection", "fst_reference": "corner/zero", "optional": true, @@ -4640,7 +4653,7 @@ "cssName": "--smtc-corner-layer-intersection" }, "cornerCardRest": { - "no": 327, + "no": 328, "name": "corner/card/rest", "fst_reference": "", "optional": false, @@ -4653,7 +4666,7 @@ "cssName": "--smtc-corner-card-rest" }, "cornerCardHover": { - "no": 328, + "no": 329, "name": "corner/card/hover", "fst_reference": "corner/card/rest", "optional": true, @@ -4666,7 +4679,7 @@ "cssName": "--smtc-corner-card-hover" }, "cornerCardPressed": { - "no": 329, + "no": 330, "name": "corner/card/pressed", "fst_reference": "corner/card/rest", "optional": true, @@ -4679,7 +4692,7 @@ "cssName": "--smtc-corner-card-pressed" }, "cornerToolbarDefault": { - "no": 330, + "no": 331, "name": "corner/toolbar/default", "fst_reference": "corner/card/rest", "optional": true, @@ -4691,8 +4704,8 @@ "exceptions": [], "cssName": "--smtc-corner-toolbar-default" }, - "cornerImageOnpage": { - "no": 331, + "cornerImageOnPage": { + "no": 332, "name": "corner/image/onPage", "fst_reference": "corner/card/rest", "optional": true, @@ -4702,10 +4715,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-corner-image-onpage" + "cssName": "--smtc-corner-image-on-page" }, "cornerCtrlRest": { - "no": 332, + "no": 333, "name": "corner/ctrl/rest", "fst_reference": "", "optional": false, @@ -4737,7 +4750,7 @@ "cssName": "--smtc-corner-ctrl-rest" }, "cornerCtrlHover": { - "no": 333, + "no": 334, "name": "corner/ctrl/hover", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -4750,7 +4763,7 @@ "cssName": "--smtc-corner-ctrl-hover" }, "cornerCtrlPressed": { - "no": 334, + "no": 335, "name": "corner/ctrl/pressed", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -4763,7 +4776,7 @@ "cssName": "--smtc-corner-ctrl-pressed" }, "cornerCtrlSmRest": { - "no": 335, + "no": 336, "name": "corner/ctrl-sm/rest", "fst_reference": "", "optional": false, @@ -4776,7 +4789,7 @@ "cssName": "--smtc-corner-ctrl-sm-rest" }, "cornerCtrlSmHover": { - "no": 336, + "no": 337, "name": "corner/ctrl-sm/hover", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -4789,7 +4802,7 @@ "cssName": "--smtc-corner-ctrl-sm-hover" }, "cornerCtrlSmPressed": { - "no": 337, + "no": 338, "name": "corner/ctrl-sm/pressed", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -4802,7 +4815,7 @@ "cssName": "--smtc-corner-ctrl-sm-pressed" }, "cornerCtrlLgRest": { - "no": 338, + "no": 339, "name": "corner/ctrl-lg/rest", "fst_reference": "", "optional": false, @@ -4815,7 +4828,7 @@ "cssName": "--smtc-corner-ctrl-lg-rest" }, "cornerCtrlLgHover": { - "no": 339, + "no": 340, "name": "corner/ctrl-lg/hover", "fst_reference": "corner/ctrl-lg/rest", "optional": true, @@ -4828,7 +4841,7 @@ "cssName": "--smtc-corner-ctrl-lg-hover" }, "cornerCtrlLgPressed": { - "no": 340, + "no": 341, "name": "corner/ctrl-lg/pressed", "fst_reference": "corner/ctrl-lg/rest", "optional": true, @@ -4840,8 +4853,8 @@ "exceptions": [], "cssName": "--smtc-corner-ctrl-lg-pressed" }, - "cornerImageIncard": { - "no": 341, + "cornerImageInCard": { + "no": 342, "name": "corner/image/inCard", "fst_reference": "", "optional": false, @@ -4851,10 +4864,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-corner-image-incard" + "cssName": "--smtc-corner-image-in-card" }, "foregroundContentNeutralPrimary": { - "no": 342, + "no": 343, "name": "foreground/content/neutral/primary", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -4867,7 +4880,7 @@ "cssName": "--smtc-foreground-content-neutral-primary" }, "foregroundContentNeutralSecondary": { - "no": 343, + "no": 344, "name": "foreground/content/neutral/secondary", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -4880,7 +4893,7 @@ "cssName": "--smtc-foreground-content-neutral-secondary" }, "foregroundContentBrandPrimary": { - "no": 344, + "no": 345, "name": "foreground/content/brand/primary", "fst_reference": "foreground/ctrl/brand/rest", "optional": true, @@ -4893,7 +4906,7 @@ "cssName": "--smtc-foreground-content-brand-primary" }, "foregroundCtrlNeutralPrimaryRest": { - "no": 345, + "no": 346, "name": "foreground/ctrl/neutral/primary/rest", "fst_reference": "", "optional": false, @@ -4914,7 +4927,7 @@ "cssName": "--smtc-foreground-ctrl-neutral-primary-rest" }, "foregroundCtrlNeutralPrimaryHover": { - "no": 346, + "no": 347, "name": "foreground/ctrl/neutral/primary/hover", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -4927,7 +4940,7 @@ "cssName": "--smtc-foreground-ctrl-neutral-primary-hover" }, "foregroundCtrlNeutralPrimaryPressed": { - "no": 347, + "no": 348, "name": "foreground/ctrl/neutral/primary/pressed", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -4940,7 +4953,7 @@ "cssName": "--smtc-foreground-ctrl-neutral-primary-pressed" }, "foregroundCtrlNeutralPrimaryDisabled": { - "no": 348, + "no": 349, "name": "foreground/ctrl/neutral/primary/disabled", "fst_reference": "", "optional": false, @@ -4953,7 +4966,7 @@ "cssName": "--smtc-foreground-ctrl-neutral-primary-disabled" }, "foregroundCtrlNeutralSecondaryRest": { - "no": 349, + "no": 350, "name": "foreground/ctrl/neutral/secondary/rest", "fst_reference": "", "optional": false, @@ -4966,7 +4979,7 @@ "cssName": "--smtc-foreground-ctrl-neutral-secondary-rest" }, "foregroundCtrlNeutralSecondaryHover": { - "no": 350, + "no": 351, "name": "foreground/ctrl/neutral/secondary/hover", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -4979,7 +4992,7 @@ "cssName": "--smtc-foreground-ctrl-neutral-secondary-hover" }, "foregroundCtrlNeutralSecondaryPressed": { - "no": 351, + "no": 352, "name": "foreground/ctrl/neutral/secondary/pressed", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -4992,7 +5005,7 @@ "cssName": "--smtc-foreground-ctrl-neutral-secondary-pressed" }, "foregroundCtrlNeutralSecondaryDisabled": { - "no": 352, + "no": 353, "name": "foreground/ctrl/neutral/secondary/disabled", "fst_reference": "", "optional": false, @@ -5004,8 +5017,8 @@ "exceptions": [], "cssName": "--smtc-foreground-ctrl-neutral-secondary-disabled" }, - "foregroundCtrlIconOnneutralRest": { - "no": 353, + "foregroundCtrlIconOnNeutralRest": { + "no": 354, "name": "foreground/ctrl/icon/onNeutral/rest", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5025,10 +5038,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onneutral-rest" + "cssName": "--smtc-foreground-ctrl-icon-on-neutral-rest" }, - "foregroundCtrlIconOnneutralHover": { - "no": 354, + "foregroundCtrlIconOnNeutralHover": { + "no": 355, "name": "foreground/ctrl/icon/onNeutral/hover", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5038,10 +5051,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Hover", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onneutral-hover" + "cssName": "--smtc-foreground-ctrl-icon-on-neutral-hover" }, - "foregroundCtrlIconOnneutralPressed": { - "no": 355, + "foregroundCtrlIconOnNeutralPressed": { + "no": 356, "name": "foreground/ctrl/icon/onNeutral/pressed", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5051,10 +5064,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Pressed", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onneutral-pressed" + "cssName": "--smtc-foreground-ctrl-icon-on-neutral-pressed" }, - "foregroundCtrlIconOnneutralDisabled": { - "no": 356, + "foregroundCtrlIconOnNeutralDisabled": { + "no": 357, "name": "foreground/ctrl/icon/onNeutral/disabled", "fst_reference": "foreground/ctrl/neutral/primary/disabled", "optional": true, @@ -5064,10 +5077,10 @@ "contrast": "", "fallback": "Neutral/Foreground/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onneutral-disabled" + "cssName": "--smtc-foreground-ctrl-icon-on-neutral-disabled" }, - "foregroundCtrlIconOnoutlineRest": { - "no": 357, + "foregroundCtrlIconOnOutlineRest": { + "no": 358, "name": "foreground/ctrl/icon/onOutline/rest", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5077,10 +5090,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onoutline-rest" + "cssName": "--smtc-foreground-ctrl-icon-on-outline-rest" }, - "foregroundCtrlIconOnoutlineHover": { - "no": 358, + "foregroundCtrlIconOnOutlineHover": { + "no": 359, "name": "foreground/ctrl/icon/onOutline/hover", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5090,10 +5103,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Hover", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onoutline-hover" + "cssName": "--smtc-foreground-ctrl-icon-on-outline-hover" }, - "foregroundCtrlIconOnoutlinePressed": { - "no": 359, + "foregroundCtrlIconOnOutlinePressed": { + "no": 360, "name": "foreground/ctrl/icon/onOutline/pressed", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5103,10 +5116,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Pressed", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onoutline-pressed" + "cssName": "--smtc-foreground-ctrl-icon-on-outline-pressed" }, - "foregroundCtrlIconOnoutlineDisabled": { - "no": 360, + "foregroundCtrlIconOnOutlineDisabled": { + "no": 361, "name": "foreground/ctrl/icon/onOutline/disabled", "fst_reference": "foreground/ctrl/neutral/primary/disabled", "optional": true, @@ -5116,10 +5129,10 @@ "contrast": "", "fallback": "Neutral/Foreground/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onoutline-disabled" + "cssName": "--smtc-foreground-ctrl-icon-on-outline-disabled" }, - "foregroundCtrlIconOnsubtleRest": { - "no": 361, + "foregroundCtrlIconOnSubtleRest": { + "no": 362, "name": "foreground/ctrl/icon/onSubtle/rest", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5129,10 +5142,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onsubtle-rest" + "cssName": "--smtc-foreground-ctrl-icon-on-subtle-rest" }, - "foregroundCtrlIconOnsubtleHover": { - "no": 362, + "foregroundCtrlIconOnSubtleHover": { + "no": 363, "name": "foreground/ctrl/icon/onSubtle/hover", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5142,10 +5155,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Brand/Hover", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onsubtle-hover" + "cssName": "--smtc-foreground-ctrl-icon-on-subtle-hover" }, - "foregroundCtrlIconOnsubtlePressed": { - "no": 363, + "foregroundCtrlIconOnSubtlePressed": { + "no": 364, "name": "foreground/ctrl/icon/onSubtle/pressed", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5155,10 +5168,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Brand/Pressed", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onsubtle-pressed" + "cssName": "--smtc-foreground-ctrl-icon-on-subtle-pressed" }, - "foregroundCtrlIconOnsubtleDisabled": { - "no": 364, + "foregroundCtrlIconOnSubtleDisabled": { + "no": 365, "name": "foreground/ctrl/icon/onSubtle/disabled", "fst_reference": "foreground/ctrl/neutral/primary/disabled", "optional": true, @@ -5168,10 +5181,10 @@ "contrast": "", "fallback": "Neutral/Foreground/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-icon-onsubtle-disabled" + "cssName": "--smtc-foreground-ctrl-icon-on-subtle-disabled" }, "foregroundCtrlBrandRest": { - "no": 365, + "no": 366, "name": "foreground/ctrl/brand/rest", "fst_reference": "", "optional": false, @@ -5184,7 +5197,7 @@ "cssName": "--smtc-foreground-ctrl-brand-rest" }, "foregroundCtrlBrandHover": { - "no": 366, + "no": 367, "name": "foreground/ctrl/brand/hover", "fst_reference": "", "optional": false, @@ -5197,7 +5210,7 @@ "cssName": "--smtc-foreground-ctrl-brand-hover" }, "foregroundCtrlBrandPressed": { - "no": 367, + "no": 368, "name": "foreground/ctrl/brand/pressed", "fst_reference": "", "optional": false, @@ -5210,7 +5223,7 @@ "cssName": "--smtc-foreground-ctrl-brand-pressed" }, "foregroundCtrlBrandDisabled": { - "no": 368, + "no": 369, "name": "foreground/ctrl/brand/disabled", "fst_reference": "", "optional": false, @@ -5222,8 +5235,8 @@ "exceptions": [], "cssName": "--smtc-foreground-ctrl-brand-disabled" }, - "foregroundCtrlOnbrandRest": { - "no": 369, + "foregroundCtrlOnBrandRest": { + "no": 370, "name": "foreground/ctrl/onBrand/rest", "fst_reference": "", "optional": false, @@ -5233,10 +5246,10 @@ "contrast": "", "fallback": "Neutral/Foreground/OnBrand/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onbrand-rest" + "cssName": "--smtc-foreground-ctrl-on-brand-rest" }, - "foregroundCtrlOnbrandHover": { - "no": 370, + "foregroundCtrlOnBrandHover": { + "no": 371, "name": "foreground/ctrl/onBrand/hover", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -5246,10 +5259,10 @@ "contrast": "", "fallback": "Neutral/Foreground/OnBrand/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onbrand-hover" + "cssName": "--smtc-foreground-ctrl-on-brand-hover" }, - "foregroundCtrlOnbrandPressed": { - "no": 371, + "foregroundCtrlOnBrandPressed": { + "no": 372, "name": "foreground/ctrl/onBrand/pressed", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -5259,10 +5272,10 @@ "contrast": "", "fallback": "Neutral/Foreground/OnBrand/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onbrand-pressed" + "cssName": "--smtc-foreground-ctrl-on-brand-pressed" }, - "foregroundCtrlOnbrandDisabled": { - "no": 372, + "foregroundCtrlOnBrandDisabled": { + "no": 373, "name": "foreground/ctrl/onBrand/disabled", "fst_reference": "", "optional": false, @@ -5272,10 +5285,10 @@ "contrast": "", "fallback": "Neutral/Foreground/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onbrand-disabled" + "cssName": "--smtc-foreground-ctrl-on-brand-disabled" }, - "foregroundCtrlActivebrandRest": { - "no": 373, + "foregroundCtrlActiveBrandRest": { + "no": 374, "name": "foreground/ctrl/activeBrand/rest", "fst_reference": "foreground/ctrl/brand/rest", "optional": true, @@ -5285,10 +5298,10 @@ "contrast": "", "fallback": "foreground/ctrl/brand/rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-activebrand-rest" + "cssName": "--smtc-foreground-ctrl-active-brand-rest" }, - "foregroundCtrlActivebrandHover": { - "no": 374, + "foregroundCtrlActiveBrandHover": { + "no": 375, "name": "foreground/ctrl/activeBrand/hover", "fst_reference": "foreground/ctrl/brand/hover", "optional": true, @@ -5298,10 +5311,10 @@ "contrast": "", "fallback": "foreground/ctrl/brand/hover", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-activebrand-hover" + "cssName": "--smtc-foreground-ctrl-active-brand-hover" }, - "foregroundCtrlActivebrandPressed": { - "no": 375, + "foregroundCtrlActiveBrandPressed": { + "no": 376, "name": "foreground/ctrl/activeBrand/pressed", "fst_reference": "foreground/ctrl/brand/pressed", "optional": true, @@ -5311,10 +5324,10 @@ "contrast": "", "fallback": "foreground/ctrl/brand/pressed", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-activebrand-pressed" + "cssName": "--smtc-foreground-ctrl-active-brand-pressed" }, - "foregroundCtrlActivebrandDisabled": { - "no": 376, + "foregroundCtrlActiveBrandDisabled": { + "no": 377, "name": "foreground/ctrl/activeBrand/disabled", "fst_reference": "foreground/ctrl/brand/disabled", "optional": true, @@ -5324,10 +5337,10 @@ "contrast": "", "fallback": "foreground/ctrl/brand/disabled", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-activebrand-disabled" + "cssName": "--smtc-foreground-ctrl-active-brand-disabled" }, - "foregroundCtrlOnactivebrandRest": { - "no": 377, + "foregroundCtrlOnActiveBrandRest": { + "no": 378, "name": "foreground/ctrl/onActiveBrand/rest", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -5337,10 +5350,10 @@ "contrast": "", "fallback": "foreground/ctrl/onBrand/rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onactivebrand-rest" + "cssName": "--smtc-foreground-ctrl-on-active-brand-rest" }, - "foregroundCtrlOnactivebrandHover": { - "no": 378, + "foregroundCtrlOnActiveBrandHover": { + "no": 379, "name": "foreground/ctrl/onActiveBrand/hover", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -5350,10 +5363,10 @@ "contrast": "", "fallback": "foreground/ctrl/onBrand/hover", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onactivebrand-hover" + "cssName": "--smtc-foreground-ctrl-on-active-brand-hover" }, - "foregroundCtrlOnactivebrandPressed": { - "no": 379, + "foregroundCtrlOnActiveBrandPressed": { + "no": 380, "name": "foreground/ctrl/onActiveBrand/pressed", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -5363,10 +5376,10 @@ "contrast": "", "fallback": "foreground/ctrl/onBrand/pressed", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onactivebrand-pressed" + "cssName": "--smtc-foreground-ctrl-on-active-brand-pressed" }, - "foregroundCtrlOnactivebrandDisabled": { - "no": 380, + "foregroundCtrlOnActiveBrandDisabled": { + "no": 381, "name": "foreground/ctrl/onActiveBrand/disabled", "fst_reference": "foreground/ctrl/onBrand/disabled", "optional": true, @@ -5376,10 +5389,10 @@ "contrast": "", "fallback": "foreground/ctrl/onBrand/disabled", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onactivebrand-disabled" + "cssName": "--smtc-foreground-ctrl-on-active-brand-disabled" }, - "foregroundCtrlOnoutlineRest": { - "no": 381, + "foregroundCtrlOnOutlineRest": { + "no": 382, "name": "foreground/ctrl/onOutline/rest", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5389,10 +5402,10 @@ "contrast": "", "fallback": "Neutral/Foreground/1/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onoutline-rest" + "cssName": "--smtc-foreground-ctrl-on-outline-rest" }, - "foregroundCtrlOnoutlineHover": { - "no": 382, + "foregroundCtrlOnOutlineHover": { + "no": 383, "name": "foreground/ctrl/onOutline/hover", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5402,10 +5415,10 @@ "contrast": "", "fallback": "Neutral/Foreground/1/Hover", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onoutline-hover" + "cssName": "--smtc-foreground-ctrl-on-outline-hover" }, - "foregroundCtrlOnoutlinePressed": { - "no": 383, + "foregroundCtrlOnOutlinePressed": { + "no": 384, "name": "foreground/ctrl/onOutline/pressed", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5415,10 +5428,10 @@ "contrast": "", "fallback": "Neutral/Foreground/1/Pressed", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onoutline-pressed" + "cssName": "--smtc-foreground-ctrl-on-outline-pressed" }, - "foregroundCtrlOnoutlineDisabled": { - "no": 384, + "foregroundCtrlOnOutlineDisabled": { + "no": 385, "name": "foreground/ctrl/onOutline/disabled", "fst_reference": "foreground/ctrl/neutral/primary/disabled", "optional": true, @@ -5428,10 +5441,10 @@ "contrast": "", "fallback": "Neutral/Foreground/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onoutline-disabled" + "cssName": "--smtc-foreground-ctrl-on-outline-disabled" }, - "foregroundCtrlOnsubtleRest": { - "no": 385, + "foregroundCtrlOnSubtleRest": { + "no": 386, "name": "foreground/ctrl/onSubtle/rest", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5441,10 +5454,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onsubtle-rest" + "cssName": "--smtc-foreground-ctrl-on-subtle-rest" }, - "foregroundCtrlOnsubtleHover": { - "no": 386, + "foregroundCtrlOnSubtleHover": { + "no": 387, "name": "foreground/ctrl/onSubtle/hover", "fst_reference": "foreground/ctrl/neutral/primary/hover", "optional": true, @@ -5454,10 +5467,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Hover", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onsubtle-hover" + "cssName": "--smtc-foreground-ctrl-on-subtle-hover" }, - "foregroundCtrlOnsubtlePressed": { - "no": 387, + "foregroundCtrlOnSubtlePressed": { + "no": 388, "name": "foreground/ctrl/onSubtle/pressed", "fst_reference": "foreground/ctrl/neutral/primary/pressed", "optional": true, @@ -5467,10 +5480,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Pressed", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onsubtle-pressed" + "cssName": "--smtc-foreground-ctrl-on-subtle-pressed" }, - "foregroundCtrlOnsubtleDisabled": { - "no": 388, + "foregroundCtrlOnSubtleDisabled": { + "no": 389, "name": "foreground/ctrl/onSubtle/disabled", "fst_reference": "foreground/ctrl/neutral/primary/disabled", "optional": true, @@ -5480,10 +5493,10 @@ "contrast": "", "fallback": "Neutral/Foreground/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-onsubtle-disabled" + "cssName": "--smtc-foreground-ctrl-on-subtle-disabled" }, - "foregroundCtrlOntransparentRest": { - "no": 389, + "foregroundCtrlOnTransparentRest": { + "no": 390, "name": "foreground/ctrl/onTransparent/rest", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5493,10 +5506,10 @@ "contrast": "", "fallback": "Neutral/Foreground/1/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-ontransparent-rest" + "cssName": "--smtc-foreground-ctrl-on-transparent-rest" }, - "foregroundCtrlOntransparentHover": { - "no": 390, + "foregroundCtrlOnTransparentHover": { + "no": 391, "name": "foreground/ctrl/onTransparent/hover", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5506,10 +5519,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Brand/Hover", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-ontransparent-hover" + "cssName": "--smtc-foreground-ctrl-on-transparent-hover" }, - "foregroundCtrlOntransparentPressed": { - "no": 391, + "foregroundCtrlOnTransparentPressed": { + "no": 392, "name": "foreground/ctrl/onTransparent/pressed", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -5519,10 +5532,10 @@ "contrast": "", "fallback": "Neutral/Foreground/2/Brand/Pressed", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-ontransparent-pressed" + "cssName": "--smtc-foreground-ctrl-on-transparent-pressed" }, - "foregroundCtrlOntransparentDisabled": { - "no": 392, + "foregroundCtrlOnTransparentDisabled": { + "no": 393, "name": "foreground/ctrl/onTransparent/disabled", "fst_reference": "foreground/ctrl/neutral/primary/disabled", "optional": true, @@ -5532,10 +5545,10 @@ "contrast": "", "fallback": "Neutral/Foreground/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-foreground-ctrl-ontransparent-disabled" + "cssName": "--smtc-foreground-ctrl-on-transparent-disabled" }, "foregroundCtrlHintDefault": { - "no": 393, + "no": 394, "name": "foreground/ctrl/hint/default", "fst_reference": "NULL/color", "optional": false, @@ -5548,7 +5561,7 @@ "cssName": "--smtc-foreground-ctrl-hint-default" }, "shadowCardRestKeyX": { - "no": 394, + "no": 395, "name": "shadow/card/rest/(key)/(x)", "fst_reference": "NULL/number", "optional": false, @@ -5561,7 +5574,7 @@ "cssName": "--smtc-shadow-card-rest-key-x" }, "shadowCardRestKeyY": { - "no": 395, + "no": 396, "name": "shadow/card/rest/(key)/(y)", "fst_reference": "NULL/number", "optional": false, @@ -5574,7 +5587,7 @@ "cssName": "--smtc-shadow-card-rest-key-y" }, "shadowCardRestKeyBlur": { - "no": 396, + "no": 397, "name": "shadow/card/rest/(key)/(blur)", "fst_reference": "NULL/number", "optional": false, @@ -5587,7 +5600,7 @@ "cssName": "--smtc-shadow-card-rest-key-blur" }, "shadowCardRestKeyColor": { - "no": 397, + "no": 398, "name": "shadow/card/rest/(key)/(color)", "fst_reference": "NULL/color", "optional": false, @@ -5600,7 +5613,7 @@ "cssName": "--smtc-shadow-card-rest-key-color" }, "shadowCardHoverKeyX": { - "no": 398, + "no": 399, "name": "shadow/card/hover/(key)/(x)", "fst_reference": "NULL/number", "optional": false, @@ -5613,7 +5626,7 @@ "cssName": "--smtc-shadow-card-hover-key-x" }, "shadowCardHoverKeyY": { - "no": 399, + "no": 400, "name": "shadow/card/hover/(key)/(y)", "fst_reference": "NULL/number", "optional": false, @@ -5626,7 +5639,7 @@ "cssName": "--smtc-shadow-card-hover-key-y" }, "shadowCardHoverKeyBlur": { - "no": 400, + "no": 401, "name": "shadow/card/hover/(key)/(blur)", "fst_reference": "NULL/number", "optional": false, @@ -5639,7 +5652,7 @@ "cssName": "--smtc-shadow-card-hover-key-blur" }, "shadowCardHoverKeyColor": { - "no": 401, + "no": 402, "name": "shadow/card/hover/(key)/(color)", "fst_reference": "NULL/color", "optional": false, @@ -5652,7 +5665,7 @@ "cssName": "--smtc-shadow-card-hover-key-color" }, "shadowCardPressedKeyX": { - "no": 402, + "no": 403, "name": "shadow/card/pressed/(key)/(x)", "fst_reference": "NULL/number", "optional": false, @@ -5665,7 +5678,7 @@ "cssName": "--smtc-shadow-card-pressed-key-x" }, "shadowCardPressedKeyY": { - "no": 403, + "no": 404, "name": "shadow/card/pressed/(key)/(y)", "fst_reference": "NULL/number", "optional": false, @@ -5678,7 +5691,7 @@ "cssName": "--smtc-shadow-card-pressed-key-y" }, "shadowCardPressedKeyBlur": { - "no": 404, + "no": 405, "name": "shadow/card/pressed/(key)/(blur)", "fst_reference": "NULL/number", "optional": false, @@ -5691,7 +5704,7 @@ "cssName": "--smtc-shadow-card-pressed-key-blur" }, "shadowCardPressedKeyColor": { - "no": 405, + "no": 406, "name": "shadow/card/pressed/(key)/(color)", "fst_reference": "NULL/color", "optional": false, @@ -5704,7 +5717,7 @@ "cssName": "--smtc-shadow-card-pressed-key-color" }, "shadowCardDisabledKeyX": { - "no": 406, + "no": 407, "name": "shadow/card/disabled/(key)/(x)", "fst_reference": "NULL/number", "optional": false, @@ -5717,7 +5730,7 @@ "cssName": "--smtc-shadow-card-disabled-key-x" }, "shadowCardDisabledKeyY": { - "no": 407, + "no": 408, "name": "shadow/card/disabled/(key)/(y)", "fst_reference": "NULL/number", "optional": false, @@ -5730,7 +5743,7 @@ "cssName": "--smtc-shadow-card-disabled-key-y" }, "shadowCardDisabledKeyBlur": { - "no": 408, + "no": 409, "name": "shadow/card/disabled/(key)/(blur)", "fst_reference": "NULL/number", "optional": false, @@ -5743,7 +5756,7 @@ "cssName": "--smtc-shadow-card-disabled-key-blur" }, "shadowCardDisabledKeyColor": { - "no": 409, + "no": 410, "name": "shadow/card/disabled/(key)/(color)", "fst_reference": "NULL/color", "optional": false, @@ -5756,7 +5769,7 @@ "cssName": "--smtc-shadow-card-disabled-key-color" }, "shadowCardRestAmbientX": { - "no": 410, + "no": 411, "name": "shadow/card/rest/(ambient)/(x)", "fst_reference": "NULL/number", "optional": false, @@ -5769,7 +5782,7 @@ "cssName": "--smtc-shadow-card-rest-ambient-x" }, "shadowCardRestAmbientY": { - "no": 411, + "no": 412, "name": "shadow/card/rest/(ambient)/(y)", "fst_reference": "NULL/number", "optional": false, @@ -5782,7 +5795,7 @@ "cssName": "--smtc-shadow-card-rest-ambient-y" }, "shadowCardRestAmbientBlur": { - "no": 412, + "no": 413, "name": "shadow/card/rest/(ambient)/(blur)", "fst_reference": "NULL/number", "optional": false, @@ -5795,7 +5808,7 @@ "cssName": "--smtc-shadow-card-rest-ambient-blur" }, "shadowCardRestAmbientColor": { - "no": 413, + "no": 414, "name": "shadow/card/rest/(ambient)/(color)", "fst_reference": "NULL/color", "optional": false, @@ -5808,7 +5821,7 @@ "cssName": "--smtc-shadow-card-rest-ambient-color" }, "shadowFlyoutKeyX": { - "no": 414, + "no": 415, "name": "shadow/flyout/(key)/(x)", "fst_reference": "", "optional": false, @@ -5821,7 +5834,7 @@ "cssName": "--smtc-shadow-flyout-key-x" }, "shadowFlyoutKeyY": { - "no": 415, + "no": 416, "name": "shadow/flyout/(key)/(y)", "fst_reference": "", "optional": false, @@ -5834,7 +5847,7 @@ "cssName": "--smtc-shadow-flyout-key-y" }, "shadowFlyoutKeyBlur": { - "no": 416, + "no": 417, "name": "shadow/flyout/(key)/(blur)", "fst_reference": "", "optional": false, @@ -5847,7 +5860,7 @@ "cssName": "--smtc-shadow-flyout-key-blur" }, "shadowFlyoutKeyColor": { - "no": 417, + "no": 418, "name": "shadow/flyout/(key)/(color)", "fst_reference": "", "optional": false, @@ -5860,7 +5873,7 @@ "cssName": "--smtc-shadow-flyout-key-color" }, "shadowFlyoutAmbientX": { - "no": 418, + "no": 419, "name": "shadow/flyout/(ambient)/(x)", "fst_reference": "", "optional": false, @@ -5873,7 +5886,7 @@ "cssName": "--smtc-shadow-flyout-ambient-x" }, "shadowFlyoutAmbientY": { - "no": 419, + "no": 420, "name": "shadow/flyout/(ambient)/(y)", "fst_reference": "", "optional": false, @@ -5886,7 +5899,7 @@ "cssName": "--smtc-shadow-flyout-ambient-y" }, "shadowFlyoutAmbientBlur": { - "no": 420, + "no": 421, "name": "shadow/flyout/(ambient)/(blur)", "fst_reference": "", "optional": false, @@ -5899,7 +5912,7 @@ "cssName": "--smtc-shadow-flyout-ambient-blur" }, "shadowFlyoutAmbientColor": { - "no": 421, + "no": 422, "name": "shadow/flyout/(ambient)/(color)", "fst_reference": "", "optional": false, @@ -5911,8 +5924,8 @@ "exceptions": [], "cssName": "--smtc-shadow-flyout-ambient-color" }, - "shadowCtrlOndragKeyY": { - "no": 422, + "shadowCtrlOnDragKeyY": { + "no": 423, "name": "shadow/ctrl/onDrag/(key)/(y)", "fst_reference": "shadow/flyout/(key)/(y)", "optional": true, @@ -5922,10 +5935,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-shadow-ctrl-ondrag-key-y" + "cssName": "--smtc-shadow-ctrl-on-drag-key-y" }, - "shadowCtrlOndragKeyX": { - "no": 423, + "shadowCtrlOnDragKeyX": { + "no": 424, "name": "shadow/ctrl/onDrag/(key)/(x)", "fst_reference": "shadow/flyout/(key)/(x)", "optional": true, @@ -5935,10 +5948,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-shadow-ctrl-ondrag-key-x" + "cssName": "--smtc-shadow-ctrl-on-drag-key-x" }, - "shadowCtrlOndragKeyBlur": { - "no": 424, + "shadowCtrlOnDragKeyBlur": { + "no": 425, "name": "shadow/ctrl/onDrag/(key)/(blur)", "fst_reference": "shadow/flyout/(key)/(blur)", "optional": true, @@ -5948,10 +5961,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-shadow-ctrl-ondrag-key-blur" + "cssName": "--smtc-shadow-ctrl-on-drag-key-blur" }, - "shadowCtrlOndragKeyColor": { - "no": 425, + "shadowCtrlOnDragKeyColor": { + "no": 426, "name": "shadow/ctrl/onDrag/(key)/(color)", "fst_reference": "shadow/flyout/(key)/(color)", "optional": true, @@ -5961,10 +5974,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-shadow-ctrl-ondrag-key-color" + "cssName": "--smtc-shadow-ctrl-on-drag-key-color" }, - "shadowCtrlOndragAmbientY": { - "no": 426, + "shadowCtrlOnDragAmbientY": { + "no": 427, "name": "shadow/ctrl/onDrag/(ambient)/(y)", "fst_reference": "shadow/flyout/(ambient)/(y)", "optional": true, @@ -5974,10 +5987,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-shadow-ctrl-ondrag-ambient-y" + "cssName": "--smtc-shadow-ctrl-on-drag-ambient-y" }, - "shadowCtrlOndragAmbientX": { - "no": 427, + "shadowCtrlOnDragAmbientX": { + "no": 428, "name": "shadow/ctrl/onDrag/(ambient)/(x)", "fst_reference": "shadow/flyout/(ambient)/(x)", "optional": true, @@ -5987,10 +6000,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-shadow-ctrl-ondrag-ambient-x" + "cssName": "--smtc-shadow-ctrl-on-drag-ambient-x" }, - "shadowCtrlOndragAmbientBlur": { - "no": 428, + "shadowCtrlOnDragAmbientBlur": { + "no": 429, "name": "shadow/ctrl/onDrag/(ambient)/(blur)", "fst_reference": "shadow/flyout/(ambient)/(blur)", "optional": true, @@ -6000,10 +6013,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-shadow-ctrl-ondrag-ambient-blur" + "cssName": "--smtc-shadow-ctrl-on-drag-ambient-blur" }, - "shadowCtrlOndragAmbientColor": { - "no": 429, + "shadowCtrlOnDragAmbientColor": { + "no": 430, "name": "shadow/ctrl/onDrag/(ambient)/(color)", "fst_reference": "shadow/flyout/(ambient)/(color)", "optional": true, @@ -6013,10 +6026,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-shadow-ctrl-ondrag-ambient-color" + "cssName": "--smtc-shadow-ctrl-on-drag-ambient-color" }, "shadowLayerKeyX": { - "no": 430, + "no": 431, "name": "shadow/layer/(key)/(x)", "fst_reference": "NULL/number", "optional": false, @@ -6029,7 +6042,7 @@ "cssName": "--smtc-shadow-layer-key-x" }, "shadowToolbarKeyX": { - "no": 431, + "no": 432, "name": "shadow/toolbar/(key)/(x)", "fst_reference": "", "optional": false, @@ -6042,7 +6055,7 @@ "cssName": "--smtc-shadow-toolbar-key-x" }, "shadowToolbarKeyY": { - "no": 432, + "no": 433, "name": "shadow/toolbar/(key)/(y)", "fst_reference": "", "optional": false, @@ -6055,7 +6068,7 @@ "cssName": "--smtc-shadow-toolbar-key-y" }, "shadowToolbarKeyBlur": { - "no": 433, + "no": 434, "name": "shadow/toolbar/(key)/(blur)", "fst_reference": "", "optional": false, @@ -6068,7 +6081,7 @@ "cssName": "--smtc-shadow-toolbar-key-blur" }, "shadowToolbarKeyColor": { - "no": 434, + "no": 435, "name": "shadow/toolbar/(key)/(color)", "fst_reference": "", "optional": false, @@ -6081,7 +6094,7 @@ "cssName": "--smtc-shadow-toolbar-key-color" }, "shadowToolbarAmbientX": { - "no": 435, + "no": 436, "name": "shadow/toolbar/(ambient)/(x)", "fst_reference": "", "optional": false, @@ -6094,7 +6107,7 @@ "cssName": "--smtc-shadow-toolbar-ambient-x" }, "shadowToolbarAmbientY": { - "no": 436, + "no": 437, "name": "shadow/toolbar/(ambient)/(y)", "fst_reference": "", "optional": false, @@ -6107,7 +6120,7 @@ "cssName": "--smtc-shadow-toolbar-ambient-y" }, "shadowToolbarAmbientBlur": { - "no": 437, + "no": 438, "name": "shadow/toolbar/(ambient)/(blur)", "fst_reference": "", "optional": false, @@ -6120,7 +6133,7 @@ "cssName": "--smtc-shadow-toolbar-ambient-blur" }, "shadowToolbarAmbientColor": { - "no": 438, + "no": 439, "name": "shadow/toolbar/(ambient)/(color)", "fst_reference": "", "optional": false, @@ -6133,7 +6146,7 @@ "cssName": "--smtc-shadow-toolbar-ambient-color" }, "shadowLayerKeyY": { - "no": 439, + "no": 440, "name": "shadow/layer/(key)/(y)", "fst_reference": "NULL/number", "optional": false, @@ -6146,7 +6159,7 @@ "cssName": "--smtc-shadow-layer-key-y" }, "shadowLayerKeyBlur": { - "no": 440, + "no": 441, "name": "shadow/layer/(key)/(blur)", "fst_reference": "NULL/number", "optional": false, @@ -6159,7 +6172,7 @@ "cssName": "--smtc-shadow-layer-key-blur" }, "shadowLayerKeyColor": { - "no": 441, + "no": 442, "name": "shadow/layer/(key)/(color)", "fst_reference": "NULL/color", "optional": false, @@ -6172,7 +6185,7 @@ "cssName": "--smtc-shadow-layer-key-color" }, "shadowLayerAmbientX": { - "no": 442, + "no": 443, "name": "shadow/layer/(ambient)/(x)", "fst_reference": "NULL/number", "optional": false, @@ -6185,7 +6198,7 @@ "cssName": "--smtc-shadow-layer-ambient-x" }, "shadowLayerAmbientY": { - "no": 443, + "no": 444, "name": "shadow/layer/(ambient)/(y)", "fst_reference": "NULL/number", "optional": false, @@ -6198,7 +6211,7 @@ "cssName": "--smtc-shadow-layer-ambient-y" }, "shadowLayerAmbientBlur": { - "no": 444, + "no": 445, "name": "shadow/layer/(ambient)/(blur)", "fst_reference": "NULL/number", "optional": false, @@ -6211,7 +6224,7 @@ "cssName": "--smtc-shadow-layer-ambient-blur" }, "shadowLayerAmbientColor": { - "no": 445, + "no": 446, "name": "shadow/layer/(ambient)/(color)", "fst_reference": "NULL/color", "optional": false, @@ -6224,7 +6237,7 @@ "cssName": "--smtc-shadow-layer-ambient-color" }, "materialAcrylicDefaultSolid": { - "no": 446, + "no": 447, "name": "material/acrylic/default/(solid)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6236,8 +6249,8 @@ "exceptions": [], "cssName": "--smtc-material-acrylic-default-solid" }, - "materialAcrylicDefaultColorblend": { - "no": 447, + "materialAcrylicDefaultColorBlend": { + "no": 448, "name": "material/acrylic/default/(colorBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6247,10 +6260,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-material-acrylic-default-colorblend" + "cssName": "--smtc-material-acrylic-default-color-blend" }, - "materialAcrylicDefaultLumblend": { - "no": 448, + "materialAcrylicDefaultLumBlend": { + "no": 449, "name": "material/acrylic/default/(lumBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6260,10 +6273,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-material-acrylic-default-lumblend" + "cssName": "--smtc-material-acrylic-default-lum-blend" }, "materialAcrylicBlur": { - "no": 449, + "no": 450, "name": "material/acrylic/blur", "fst_reference": "", "optional": false, @@ -6276,7 +6289,7 @@ "cssName": "--smtc-material-acrylic-blur" }, "materialMicaBlur": { - "no": 450, + "no": 451, "name": "material/mica/blur", "fst_reference": "", "optional": false, @@ -6289,7 +6302,7 @@ "cssName": "--smtc-material-mica-blur" }, "materialMicaDefaultSolid": { - "no": 451, + "no": 452, "name": "material/mica/default/(solid)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6301,8 +6314,8 @@ "exceptions": [], "cssName": "--smtc-material-mica-default-solid" }, - "materialMicaDefaultColorblend": { - "no": 452, + "materialMicaDefaultColorBlend": { + "no": 453, "name": "material/mica/default/(colorBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6312,10 +6325,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-material-mica-default-colorblend" + "cssName": "--smtc-material-mica-default-color-blend" }, - "materialMicaDefaultLumblend": { - "no": 453, + "materialMicaDefaultLumBlend": { + "no": 454, "name": "material/mica/default/(lumBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6325,10 +6338,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-material-mica-default-lumblend" + "cssName": "--smtc-material-mica-default-lum-blend" }, "materialMicaDarkerSolid": { - "no": 454, + "no": 455, "name": "material/mica/darker/(solid)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6340,8 +6353,8 @@ "exceptions": [], "cssName": "--smtc-material-mica-darker-solid" }, - "materialMicaDarkerColorblend": { - "no": 455, + "materialMicaDarkerColorBlend": { + "no": 456, "name": "material/mica/darker/(colorBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6351,10 +6364,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-material-mica-darker-colorblend" + "cssName": "--smtc-material-mica-darker-color-blend" }, - "materialMicaDarkerLumblend": { - "no": 456, + "materialMicaDarkerLumBlend": { + "no": 457, "name": "material/mica/darker/(lumBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6364,10 +6377,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-material-mica-darker-lumblend" + "cssName": "--smtc-material-mica-darker-lum-blend" }, "materialMicaThinSolid": { - "no": 457, + "no": 458, "name": "material/mica/thin/(solid)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6379,8 +6392,8 @@ "exceptions": [], "cssName": "--smtc-material-mica-thin-solid" }, - "materialMicaThinColorblend": { - "no": 458, + "materialMicaThinColorBlend": { + "no": 459, "name": "material/mica/thin/(colorBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6390,10 +6403,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-material-mica-thin-colorblend" + "cssName": "--smtc-material-mica-thin-color-blend" }, - "materialMicaThinLumblend": { - "no": 459, + "materialMicaThinLumBlend": { + "no": 460, "name": "material/mica/thin/(lumBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -6403,10 +6416,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-material-mica-thin-lumblend" + "cssName": "--smtc-material-mica-thin-lum-blend" }, "ctrlTooltipShadowKeyX": { - "no": 460, + "no": 461, "name": "CTRL/tooltip/shadow/(key)/(x)", "fst_reference": "CTRL/fab/shadow/rest/(key)/(x)", "optional": true, @@ -6419,7 +6432,7 @@ "cssName": "--smtc-ctrl-tooltip-shadow-key-x" }, "ctrlTooltipShadowKeyY": { - "no": 461, + "no": 462, "name": "CTRL/tooltip/shadow/(key)/(y)", "fst_reference": "CTRL/fab/shadow/rest/(key)/(y)", "optional": true, @@ -6432,7 +6445,7 @@ "cssName": "--smtc-ctrl-tooltip-shadow-key-y" }, "ctrlTooltipShadowKeyBlur": { - "no": 462, + "no": 463, "name": "CTRL/tooltip/shadow/(key)/(blur)", "fst_reference": "CTRL/fab/shadow/rest/(key)/(blur)", "optional": true, @@ -6445,7 +6458,7 @@ "cssName": "--smtc-ctrl-tooltip-shadow-key-blur" }, "ctrlTooltipShadowKeyColor": { - "no": 463, + "no": 464, "name": "CTRL/tooltip/shadow/(key)/(color)", "fst_reference": "CTRL/fab/shadow/rest/(key)/(color)", "optional": true, @@ -6458,7 +6471,7 @@ "cssName": "--smtc-ctrl-tooltip-shadow-key-color" }, "ctrlTooltipShadowAmbientX": { - "no": 464, + "no": 465, "name": "CTRL/tooltip/shadow/(ambient)/(x)", "fst_reference": "CTRL/fab/shadow/rest/(ambient)/(x)", "optional": true, @@ -6471,7 +6484,7 @@ "cssName": "--smtc-ctrl-tooltip-shadow-ambient-x" }, "ctrlTooltipShadowAmbientY": { - "no": 465, + "no": 466, "name": "CTRL/tooltip/shadow/(ambient)/(y)", "fst_reference": "CTRL/fab/shadow/rest/(ambient)/(y)", "optional": true, @@ -6484,7 +6497,7 @@ "cssName": "--smtc-ctrl-tooltip-shadow-ambient-y" }, "ctrlTooltipShadowAmbientBlur": { - "no": 466, + "no": 467, "name": "CTRL/tooltip/shadow/(ambient)/(blur)", "fst_reference": "CTRL/fab/shadow/rest/(ambient)/(blur)", "optional": true, @@ -6497,7 +6510,7 @@ "cssName": "--smtc-ctrl-tooltip-shadow-ambient-blur" }, "ctrlTooltipShadowAmbientColor": { - "no": 467, + "no": 468, "name": "CTRL/tooltip/shadow/(ambient)/(color)", "fst_reference": "CTRL/fab/shadow/rest/(ambient)/(color)", "optional": true, @@ -6509,8 +6522,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-tooltip-shadow-ambient-color" }, - "iconthemeCtrlDefaultRest": { - "no": 468, + "iconThemeCtrlDefaultRest": { + "no": 469, "name": "iconTheme/ctrl/default/rest", "fst_reference": "", "optional": false, @@ -6540,10 +6553,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-default-rest" + "cssName": "--smtc-icon-theme-ctrl-default-rest" }, - "iconthemeCtrlDefaultHover": { - "no": 469, + "iconThemeCtrlDefaultHover": { + "no": 470, "name": "iconTheme/ctrl/default/hover", "fst_reference": "iconTheme/ctrl/default/rest", "optional": true, @@ -6553,10 +6566,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-default-hover" + "cssName": "--smtc-icon-theme-ctrl-default-hover" }, - "iconthemeCtrlDefaultPressed": { - "no": 470, + "iconThemeCtrlDefaultPressed": { + "no": 471, "name": "iconTheme/ctrl/default/pressed", "fst_reference": "iconTheme/ctrl/default/rest", "optional": true, @@ -6566,10 +6579,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-default-pressed" + "cssName": "--smtc-icon-theme-ctrl-default-pressed" }, - "iconthemeCtrlDefaultSelected": { - "no": 471, + "iconThemeCtrlDefaultSelected": { + "no": 472, "name": "iconTheme/ctrl/default/selected", "fst_reference": "", "optional": false, @@ -6579,10 +6592,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-default-selected" + "cssName": "--smtc-icon-theme-ctrl-default-selected" }, - "iconthemeCtrlSubtleRest": { - "no": 472, + "iconThemeCtrlSubtleRest": { + "no": 473, "name": "iconTheme/ctrl/subtle/rest", "fst_reference": "iconTheme/ctrl/default/rest", "optional": true, @@ -6592,10 +6605,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-subtle-rest" + "cssName": "--smtc-icon-theme-ctrl-subtle-rest" }, - "iconthemeCtrlSubtleHover": { - "no": 473, + "iconThemeCtrlSubtleHover": { + "no": 474, "name": "iconTheme/ctrl/subtle/hover", "fst_reference": "iconTheme/ctrl/default/rest", "optional": true, @@ -6605,10 +6618,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-subtle-hover" + "cssName": "--smtc-icon-theme-ctrl-subtle-hover" }, - "iconthemeCtrlSubtlePressed": { - "no": 474, + "iconThemeCtrlSubtlePressed": { + "no": 475, "name": "iconTheme/ctrl/subtle/pressed", "fst_reference": "iconTheme/ctrl/default/rest", "optional": true, @@ -6618,10 +6631,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-subtle-pressed" + "cssName": "--smtc-icon-theme-ctrl-subtle-pressed" }, - "iconthemeCtrlSubtleSelected": { - "no": 475, + "iconThemeCtrlSubtleSelected": { + "no": 476, "name": "iconTheme/ctrl/subtle/selected", "fst_reference": "iconTheme/ctrl/default/selected", "optional": true, @@ -6631,10 +6644,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-subtle-selected" + "cssName": "--smtc-icon-theme-ctrl-subtle-selected" }, - "iconthemeCtrlChevronDefault": { - "no": 476, + "iconThemeCtrlChevronDefault": { + "no": 477, "name": "iconTheme/ctrl/chevron/default", "fst_reference": "iconTheme/ctrl/default/rest", "optional": true, @@ -6657,10 +6670,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-chevron-default" + "cssName": "--smtc-icon-theme-ctrl-chevron-default" }, - "iconthemeCtrlChevronSelected": { - "no": 477, + "iconThemeCtrlChevronSelected": { + "no": 478, "name": "iconTheme/ctrl/chevron/selected", "fst_reference": "iconTheme/ctrl/default/selected", "optional": true, @@ -6670,10 +6683,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-icontheme-ctrl-chevron-selected" + "cssName": "--smtc-icon-theme-ctrl-chevron-selected" }, "ctrlAvatarSize": { - "no": 478, + "no": 479, "name": "CTRL/avatar/size", "fst_reference": "size/ctrl/default", "optional": true, @@ -6686,7 +6699,7 @@ "cssName": "--smtc-ctrl-avatar-size" }, "ctrlAvatarCornerItem": { - "no": 479, + "no": 480, "name": "CTRL/avatar/corner/item", "fst_reference": "corner/circular", "optional": true, @@ -6699,7 +6712,7 @@ "cssName": "--smtc-ctrl-avatar-corner-item" }, "ctrlAvatarBackground": { - "no": 480, + "no": 481, "name": "CTRL/avatar/background", "fst_reference": "", "optional": false, @@ -6712,7 +6725,7 @@ "cssName": "--smtc-ctrl-avatar-background" }, "ctrlAvatarForeground": { - "no": 481, + "no": 482, "name": "CTRL/avatar/foreground", "fst_reference": "", "optional": false, @@ -6725,7 +6738,7 @@ "cssName": "--smtc-ctrl-avatar-foreground" }, "ctrlAvatarIconSize": { - "no": 482, + "no": 483, "name": "CTRL/avatar/icon/size", "fst_reference": "size/ctrl/icon", "optional": true, @@ -6737,8 +6750,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-avatar-icon-size" }, - "ctrlAvatarPresencebadgeSize": { - "no": 483, + "ctrlAvatarPresenceBadgeSize": { + "no": 484, "name": "CTRL/avatar/presenceBadge/size", "fst_reference": "", "optional": false, @@ -6748,10 +6761,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-presencebadge-size" + "cssName": "--smtc-ctrl-avatar-presence-badge-size" }, - "ctrlAvatarActiveringSize": { - "no": 484, + "ctrlAvatarActiveRingSize": { + "no": 485, "name": "CTRL/avatar/activeRing/size", "fst_reference": "", "optional": false, @@ -6761,10 +6774,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-activering-size" + "cssName": "--smtc-ctrl-avatar-active-ring-size" }, - "ctrlAvatarPresencebadgePaddingBottomrightoffset": { - "no": 485, + "ctrlAvatarPresenceBadgePaddingBottomRightOffset": { + "no": 486, "name": "CTRL/avatar/presenceBadge/padding/bottomRightOffset", "fst_reference": "strokeWidth/default", "optional": true, @@ -6774,10 +6787,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-presencebadge-padding-bottomrightoffset" + "cssName": "--smtc-ctrl-avatar-presence-badge-padding-bottom-right-offset" }, "ctrlAvatarCornerGroup": { - "no": 486, + "no": 487, "name": "CTRL/avatar/corner/group", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -6789,8 +6802,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-avatar-corner-group" }, - "ctrlAvatarActiveringStrokewidth": { - "no": 487, + "ctrlAvatarActiveRingStrokeWidth": { + "no": 488, "name": "CTRL/avatar/activeRing/strokeWidth", "fst_reference": "", "optional": false, @@ -6800,10 +6813,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-activering-strokewidth" + "cssName": "--smtc-ctrl-avatar-active-ring-stroke-width" }, - "ctrlAvatarPresencebadgeStrokewidth": { - "no": 488, + "ctrlAvatarPresenceBadgeStrokeWidth": { + "no": 489, "name": "CTRL/avatar/presenceBadge/strokeWidth", "fst_reference": "strokeWidth/default", "optional": true, @@ -6813,10 +6826,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-presencebadge-strokewidth" + "cssName": "--smtc-ctrl-avatar-presence-badge-stroke-width" }, - "ctrlAvatarTextFontsize": { - "no": 489, + "ctrlAvatarTextFontSize": { + "no": 490, "name": "CTRL/avatar/text/fontSize", "fst_reference": "text/global/body3/fontSize", "optional": true, @@ -6826,10 +6839,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-text-fontsize" + "cssName": "--smtc-ctrl-avatar-text-font-size" }, - "ctrlAvatarTextLineheight": { - "no": 490, + "ctrlAvatarTextLineHeight": { + "no": 491, "name": "CTRL/avatar/text/lineHeight", "fst_reference": "text/global/body3/lineHeight", "optional": true, @@ -6839,10 +6852,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-text-lineheight" + "cssName": "--smtc-ctrl-avatar-text-line-height" }, - "ctrlAvatarTextPaddingTopoffset": { - "no": 491, + "ctrlAvatarTextPaddingTopOffset": { + "no": 492, "name": "CTRL/avatar/text/padding/topOffset", "fst_reference": "NULL/number", "optional": false, @@ -6852,10 +6865,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-text-padding-topoffset" + "cssName": "--smtc-ctrl-avatar-text-padding-top-offset" }, - "ctrlAvatarActiveringStroke": { - "no": 492, + "ctrlAvatarActiveRingStroke": { + "no": 493, "name": "CTRL/avatar/activeRing/stroke", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -6865,10 +6878,10 @@ "contrast": "", "fallback": "Color/Avatar/Activering", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-activering-stroke" + "cssName": "--smtc-ctrl-avatar-active-ring-stroke" }, - "ctrlAvatarShowcutout": { - "no": 493, + "ctrlAvatarShowCutout": { + "no": 494, "name": "CTRL/avatar/showCutout", "fst_reference": "", "optional": false, @@ -6878,10 +6891,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-showcutout" + "cssName": "--smtc-ctrl-avatar-show-cutout" }, "ctrlBadgeTextPaddingTop": { - "no": 494, + "no": 495, "name": "CTRL/badge/text/padding/top", "fst_reference": "", "optional": false, @@ -6894,7 +6907,7 @@ "cssName": "--smtc-ctrl-badge-text-padding-top" }, "ctrlBadgeTextPaddingBottom": { - "no": 495, + "no": 496, "name": "CTRL/badge/text/padding/bottom", "fst_reference": "CTRL/badge/text/padding/top", "optional": true, @@ -6907,7 +6920,7 @@ "cssName": "--smtc-ctrl-badge-text-padding-bottom" }, "ctrlBadgeSmTextPaddingTop": { - "no": 496, + "no": 497, "name": "CTRL/badge/sm/text/padding/top", "fst_reference": "", "optional": false, @@ -6920,7 +6933,7 @@ "cssName": "--smtc-ctrl-badge-sm-text-padding-top" }, "ctrlBadgeSmTextPaddingBottom": { - "no": 497, + "no": 498, "name": "CTRL/badge/sm/text/padding/bottom", "fst_reference": "CTRL/badge/sm/text/padding/top", "optional": true, @@ -6933,7 +6946,7 @@ "cssName": "--smtc-ctrl-badge-sm-text-padding-bottom" }, "ctrlBadgeLgTextPaddingTop": { - "no": 498, + "no": 499, "name": "CTRL/badge/lg/text/padding/top", "fst_reference": "", "optional": false, @@ -6946,7 +6959,7 @@ "cssName": "--smtc-ctrl-badge-lg-text-padding-top" }, "ctrlBadgeLgTextPaddingBottom": { - "no": 499, + "no": 500, "name": "CTRL/badge/lg/text/padding/bottom", "fst_reference": "CTRL/badge/lg/text/padding/top", "optional": true, @@ -6959,7 +6972,7 @@ "cssName": "--smtc-ctrl-badge-lg-text-padding-bottom" }, "ctrlBadgeIconTheme": { - "no": 500, + "no": 501, "name": "CTRL/badge/icon/theme", "fst_reference": "iconTheme/ctrl/default/rest", "optional": true, @@ -6972,7 +6985,7 @@ "cssName": "--smtc-ctrl-badge-icon-theme" }, "ctrlBadgeBeaconSize": { - "no": 501, + "no": 502, "name": "CTRL/badge/beacon/size", "fst_reference": "", "optional": false, @@ -6985,7 +6998,7 @@ "cssName": "--smtc-ctrl-badge-beacon-size" }, "ctrlBadgeSize": { - "no": 502, + "no": 503, "name": "CTRL/badge/size", "fst_reference": "", "optional": false, @@ -6998,7 +7011,7 @@ "cssName": "--smtc-ctrl-badge-size" }, "ctrlBadgeCorner": { - "no": 503, + "no": 504, "name": "CTRL/badge/corner", "fst_reference": "", "optional": false, @@ -7010,9 +7023,9 @@ "exceptions": [], "cssName": "--smtc-ctrl-badge-corner" }, - "ctrlBadgeIconSizeFigmaonly": { - "no": 504, - "name": "CTRL/badge/icon/size(figmaonly)", + "ctrlBadgeGap": { + "no": 505, + "name": "CTRL/badge/gap", "fst_reference": "", "optional": false, "nullable": false, @@ -7021,11 +7034,11 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-badge-icon-sizefigmaonly" + "cssName": "--smtc-ctrl-badge-gap" }, - "ctrlBadgeGap": { - "no": 505, - "name": "CTRL/badge/gap", + "ctrlBadgeIconSizeFigmaonly": { + "no": 506, + "name": "CTRL/badge/icon/size(figmaonly)", "fst_reference": "", "optional": false, "nullable": false, @@ -7034,10 +7047,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-badge-gap" + "cssName": "--smtc-ctrl-badge-icon-size-figmaonly" }, "ctrlBadgeIconSize": { - "no": 506, + "no": 507, "name": "CTRL/badge/icon/size", "fst_reference": "", "optional": false, @@ -7050,7 +7063,7 @@ "cssName": "--smtc-ctrl-badge-icon-size" }, "ctrlBadgePadding": { - "no": 507, + "no": 508, "name": "CTRL/badge/padding", "fst_reference": "", "optional": false, @@ -7063,7 +7076,7 @@ "cssName": "--smtc-ctrl-badge-padding" }, "ctrlBadgeSmSize": { - "no": 508, + "no": 509, "name": "CTRL/badge/sm/size", "fst_reference": "", "optional": false, @@ -7076,7 +7089,7 @@ "cssName": "--smtc-ctrl-badge-sm-size" }, "ctrlBadgeSmCorner": { - "no": 509, + "no": 510, "name": "CTRL/badge/sm/corner", "fst_reference": "", "optional": false, @@ -7089,7 +7102,7 @@ "cssName": "--smtc-ctrl-badge-sm-corner" }, "ctrlBadgeSmIconSizeFigmaonly": { - "no": 510, + "no": 511, "name": "CTRL/badge/sm/icon/size(figmaonly)", "fst_reference": "", "optional": false, @@ -7099,10 +7112,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-badge-sm-icon-sizefigmaonly" + "cssName": "--smtc-ctrl-badge-sm-icon-size-figmaonly" }, "ctrlBadgeSmIconSize": { - "no": 511, + "no": 512, "name": "CTRL/badge/sm/icon/size", "fst_reference": "", "optional": false, @@ -7115,7 +7128,7 @@ "cssName": "--smtc-ctrl-badge-sm-icon-size" }, "ctrlBadgeSmPadding": { - "no": 512, + "no": 513, "name": "CTRL/badge/sm/padding", "fst_reference": "", "optional": false, @@ -7128,7 +7141,7 @@ "cssName": "--smtc-ctrl-badge-sm-padding" }, "ctrlBadgeLgSize": { - "no": 513, + "no": 514, "name": "CTRL/badge/lg/size", "fst_reference": "", "optional": false, @@ -7141,7 +7154,7 @@ "cssName": "--smtc-ctrl-badge-lg-size" }, "ctrlBadgeLgIconSizeFigmaonly": { - "no": 514, + "no": 515, "name": "CTRL/badge/lg/icon/size(figmaonly)", "fst_reference": "", "optional": false, @@ -7151,10 +7164,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-badge-lg-icon-sizefigmaonly" + "cssName": "--smtc-ctrl-badge-lg-icon-size-figmaonly" }, "ctrlBadgeLgIconSize": { - "no": 515, + "no": 516, "name": "CTRL/badge/lg/icon/size", "fst_reference": "", "optional": false, @@ -7167,7 +7180,7 @@ "cssName": "--smtc-ctrl-badge-lg-icon-size" }, "ctrlBadgeLgCorner": { - "no": 516, + "no": 517, "name": "CTRL/badge/lg/corner", "fst_reference": "", "optional": false, @@ -7180,7 +7193,7 @@ "cssName": "--smtc-ctrl-badge-lg-corner" }, "ctrlBadgeLgPadding": { - "no": 517, + "no": 518, "name": "CTRL/badge/lg/padding", "fst_reference": "", "optional": false, @@ -7193,7 +7206,7 @@ "cssName": "--smtc-ctrl-badge-lg-padding" }, "ctrlChoicePaddingHorizontal": { - "no": 518, + "no": 519, "name": "CTRL/choice/padding/horizontal", "fst_reference": "", "optional": false, @@ -7206,7 +7219,7 @@ "cssName": "--smtc-ctrl-choice-padding-horizontal" }, "ctrlChoicePaddingVertical": { - "no": 519, + "no": 520, "name": "CTRL/choice/padding/vertical", "fst_reference": "", "optional": false, @@ -7219,7 +7232,7 @@ "cssName": "--smtc-ctrl-choice-padding-vertical" }, "ctrlChoiceBaseSize": { - "no": 520, + "no": 521, "name": "CTRL/choice/base/size", "fst_reference": "size/ctrl/icon", "optional": true, @@ -7232,7 +7245,7 @@ "cssName": "--smtc-ctrl-choice-base-size" }, "ctrlChoiceIconTheme": { - "no": 521, + "no": 522, "name": "CTRL/choice/icon/theme", "fst_reference": "", "optional": false, @@ -7245,7 +7258,7 @@ "cssName": "--smtc-ctrl-choice-icon-theme" }, "ctrlChoiceBaseBackgroundRest": { - "no": 522, + "no": 523, "name": "CTRL/choice/base/background/rest", "fst_reference": "background/ctrl/outline/rest", "optional": true, @@ -7258,7 +7271,7 @@ "cssName": "--smtc-ctrl-choice-base-background-rest" }, "ctrlChoiceBaseBackgroundHover": { - "no": 523, + "no": 524, "name": "CTRL/choice/base/background/hover", "fst_reference": "background/ctrl/outline/hover", "optional": true, @@ -7271,7 +7284,7 @@ "cssName": "--smtc-ctrl-choice-base-background-hover" }, "ctrlChoiceBaseBackgroundPressed": { - "no": 524, + "no": 525, "name": "CTRL/choice/base/background/pressed", "fst_reference": "background/ctrl/outline/pressed", "optional": true, @@ -7284,7 +7297,7 @@ "cssName": "--smtc-ctrl-choice-base-background-pressed" }, "ctrlChoiceBaseBackgroundDisabled": { - "no": 525, + "no": 526, "name": "CTRL/choice/base/background/disabled", "fst_reference": "background/ctrl/outline/disabled", "optional": true, @@ -7297,7 +7310,7 @@ "cssName": "--smtc-ctrl-choice-base-background-disabled" }, "ctrlChoiceBaseStrokeRest": { - "no": 526, + "no": 527, "name": "CTRL/choice/base/stroke/rest", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -7310,7 +7323,7 @@ "cssName": "--smtc-ctrl-choice-base-stroke-rest" }, "ctrlChoiceBaseStrokeHover": { - "no": 527, + "no": 528, "name": "CTRL/choice/base/stroke/hover", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -7323,7 +7336,7 @@ "cssName": "--smtc-ctrl-choice-base-stroke-hover" }, "ctrlChoiceBaseStrokePressed": { - "no": 528, + "no": 529, "name": "CTRL/choice/base/stroke/pressed", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -7336,7 +7349,7 @@ "cssName": "--smtc-ctrl-choice-base-stroke-pressed" }, "ctrlChoiceBaseStrokeDisabled": { - "no": 529, + "no": 530, "name": "CTRL/choice/base/stroke/disabled", "fst_reference": "foreground/ctrl/neutral/secondary/disabled", "optional": true, @@ -7349,7 +7362,7 @@ "cssName": "--smtc-ctrl-choice-base-stroke-disabled" }, "ctrlChoiceCheckboxIconSize": { - "no": 530, + "no": 531, "name": "CTRL/choice/checkbox/icon/size", "fst_reference": "size/ctrl/iconSecondary", "optional": true, @@ -7362,7 +7375,7 @@ "cssName": "--smtc-ctrl-choice-checkbox-icon-size" }, "ctrlChoiceCheckboxCorner": { - "no": 531, + "no": 532, "name": "CTRL/choice/checkbox/corner", "fst_reference": "", "optional": false, @@ -7375,7 +7388,7 @@ "cssName": "--smtc-ctrl-choice-checkbox-corner" }, "ctrlChoiceCheckboxIndeterminateCorner": { - "no": 532, + "no": 533, "name": "CTRL/choice/checkbox/indeterminate/corner", "fst_reference": "corner/circular", "optional": true, @@ -7387,9 +7400,9 @@ "exceptions": [], "cssName": "--smtc-ctrl-choice-checkbox-indeterminate-corner" }, - "ctrlChoiceCheckboxIndeterminateHeight": { - "no": 533, - "name": "CTRL/choice/checkbox/indeterminate/height", + "ctrlChoiceCheckboxIndeterminateWidth": { + "no": 534, + "name": "CTRL/choice/checkbox/indeterminate/width", "fst_reference": "", "optional": false, "nullable": false, @@ -7398,11 +7411,11 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-checkbox-indeterminate-height" + "cssName": "--smtc-ctrl-choice-checkbox-indeterminate-width" }, - "ctrlChoiceCheckboxIndeterminateWidth": { - "no": 534, - "name": "CTRL/choice/checkbox/indeterminate/width", + "ctrlChoiceCheckboxIndeterminateHeight": { + "no": 535, + "name": "CTRL/choice/checkbox/indeterminate/height", "fst_reference": "", "optional": false, "nullable": false, @@ -7411,10 +7424,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-checkbox-indeterminate-width" + "cssName": "--smtc-ctrl-choice-checkbox-indeterminate-height" }, "ctrlChoiceRadioCorner": { - "no": 535, + "no": 536, "name": "CTRL/choice/radio/corner", "fst_reference": "corner/circular", "optional": true, @@ -7427,7 +7440,7 @@ "cssName": "--smtc-ctrl-choice-radio-corner" }, "ctrlChoiceSwitchCorner": { - "no": 536, + "no": 537, "name": "CTRL/choice/switch/corner", "fst_reference": "corner/circular", "optional": true, @@ -7439,44 +7452,31 @@ "exceptions": [], "cssName": "--smtc-ctrl-choice-switch-corner" }, - "ctrlChoiceRadioDotSizeRest": { - "no": 537, - "name": "CTRL/choice/radio/dot/size/rest", - "fst_reference": "", - "optional": false, - "nullable": false, - "description": "", - "components": [" Radio"], - "contrast": "", - "fallback": "", - "exceptions": [], - "cssName": "--smtc-ctrl-choice-radio-dot-size-rest" - }, - "ctrlChoiceRadioDotSizeHover": { + "ctrlChoiceSwitchHeight": { "no": 538, - "name": "CTRL/choice/radio/dot/size/hover", - "fst_reference": "CTRL/choice/radio/dot/size/rest", + "name": "CTRL/choice/switch/height", + "fst_reference": "size/ctrl/icon", "optional": true, "nullable": false, "description": "", - "components": [], + "components": [" Switch"], "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-radio-dot-size-hover" + "cssName": "--smtc-ctrl-choice-switch-height" }, - "ctrlChoiceRadioDotSizePressed": { + "ctrlChoiceSwitchWidth": { "no": 539, - "name": "CTRL/choice/radio/dot/size/pressed", - "fst_reference": "CTRL/choice/radio/dot/size/rest", - "optional": true, + "name": "CTRL/choice/switch/width", + "fst_reference": "", + "optional": false, "nullable": false, "description": "", - "components": [], + "components": [" Switch"], "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-radio-dot-size-pressed" + "cssName": "--smtc-ctrl-choice-switch-width" }, "ctrlChoiceSwitchPaddingRest": { "no": 540, @@ -7517,60 +7517,34 @@ "exceptions": [], "cssName": "--smtc-ctrl-choice-switch-padding-pressed" }, - "ctrlChoiceSwitchHeight": { + "ctrlChoiceSwitchThumbWidthRest": { "no": 543, - "name": "CTRL/choice/switch/height", - "fst_reference": "size/ctrl/icon", - "optional": true, + "name": "CTRL/choice/switch/thumb/width/rest", + "fst_reference": "", + "optional": false, "nullable": false, "description": "", "components": [" Switch"], "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-switch-height" + "cssName": "--smtc-ctrl-choice-switch-thumb-width-rest" }, - "ctrlChoiceSwitchWidth": { + "ctrlChoiceSwitchThumbWidthHover": { "no": 544, - "name": "CTRL/choice/switch/width", - "fst_reference": "", - "optional": false, + "name": "CTRL/choice/switch/thumb/width/hover", + "fst_reference": "CTRL/choice/switch/thumb/width/rest", + "optional": true, "nullable": false, "description": "", - "components": [" Switch"], + "components": [], "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-switch-width" + "cssName": "--smtc-ctrl-choice-switch-thumb-width-hover" }, - "ctrlChoiceSwitchThumbWidthRest": { + "ctrlChoiceSwitchThumbWidthPressed": { "no": 545, - "name": "CTRL/choice/switch/thumb/width/rest", - "fst_reference": "", - "optional": false, - "nullable": false, - "description": "", - "components": [" Switch"], - "contrast": "", - "fallback": "", - "exceptions": [], - "cssName": "--smtc-ctrl-choice-switch-thumb-width-rest" - }, - "ctrlChoiceSwitchThumbWidthHover": { - "no": 546, - "name": "CTRL/choice/switch/thumb/width/hover", - "fst_reference": "CTRL/choice/switch/thumb/width/rest", - "optional": true, - "nullable": false, - "description": "", - "components": [], - "contrast": "", - "fallback": "", - "exceptions": [], - "cssName": "--smtc-ctrl-choice-switch-thumb-width-hover" - }, - "ctrlChoiceSwitchThumbWidthPressed": { - "no": 547, "name": "CTRL/choice/switch/thumb/width/pressed", "fst_reference": "CTRL/choice/switch/thumb/width/rest", "optional": true, @@ -7583,7 +7557,7 @@ "cssName": "--smtc-ctrl-choice-switch-thumb-width-pressed" }, "ctrlChoiceSwitchThumbShadowKeyX": { - "no": 548, + "no": 546, "name": "CTRL/choice/switch/thumb/shadow/(key)/(x)", "fst_reference": "NULL/number", "optional": false, @@ -7596,7 +7570,7 @@ "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-key-x" }, "ctrlChoiceSwitchThumbShadowKeyY": { - "no": 549, + "no": 547, "name": "CTRL/choice/switch/thumb/shadow/(key)/(y)", "fst_reference": "NULL/number", "optional": false, @@ -7609,7 +7583,7 @@ "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-key-y" }, "ctrlChoiceSwitchThumbShadowKeyBlur": { - "no": 550, + "no": 548, "name": "CTRL/choice/switch/thumb/shadow/(key)/(blur)", "fst_reference": "NULL/number", "optional": false, @@ -7622,7 +7596,7 @@ "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-key-blur" }, "ctrlChoiceSwitchThumbShadowKeyColor": { - "no": 551, + "no": 549, "name": "CTRL/choice/switch/thumb/shadow/(key)/(color)", "fst_reference": "NULL/color", "optional": false, @@ -7635,7 +7609,7 @@ "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-key-color" }, "ctrlChoiceSwitchThumbShadowAmbientX": { - "no": 552, + "no": 550, "name": "CTRL/choice/switch/thumb/shadow/(ambient)/(x)", "fst_reference": "NULL/number", "optional": false, @@ -7648,7 +7622,7 @@ "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-ambient-x" }, "ctrlChoiceSwitchThumbShadowAmbientY": { - "no": 553, + "no": 551, "name": "CTRL/choice/switch/thumb/shadow/(ambient)/(y)", "fst_reference": "NULL/number", "optional": false, @@ -7661,7 +7635,7 @@ "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-ambient-y" }, "ctrlChoiceSwitchThumbShadowAmbientBlur": { - "no": 554, + "no": 552, "name": "CTRL/choice/switch/thumb/shadow/(ambient)/(blur)", "fst_reference": "NULL/number", "optional": false, @@ -7674,7 +7648,7 @@ "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-ambient-blur" }, "ctrlChoiceSwitchThumbShadowAmbientColor": { - "no": 555, + "no": 553, "name": "CTRL/choice/switch/thumb/shadow/(ambient)/(color)", "fst_reference": "NULL/color", "optional": false, @@ -7686,10 +7660,36 @@ "exceptions": [], "cssName": "--smtc-ctrl-choice-switch-thumb-shadow-ambient-color" }, - "ctrlChoiceSmBaseSize": { + "ctrlChoiceRadioDotSizeRest": { + "no": 554, + "name": "CTRL/choice/radio/dot/size/rest", + "fst_reference": "", + "optional": false, + "nullable": false, + "description": "", + "components": [" Radio"], + "contrast": "", + "fallback": "", + "exceptions": [], + "cssName": "--smtc-ctrl-choice-radio-dot-size-rest" + }, + "ctrlChoiceRadioDotSizeHover": { + "no": 555, + "name": "CTRL/choice/radio/dot/size/hover", + "fst_reference": "CTRL/choice/radio/dot/size/rest", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "", + "exceptions": [], + "cssName": "--smtc-ctrl-choice-radio-dot-size-hover" + }, + "ctrlChoiceRadioDotSizePressed": { "no": 556, - "name": "CTRL/choice/sm/base/size", - "fst_reference": "size/ctrl-sm/icon", + "name": "CTRL/choice/radio/dot/size/pressed", + "fst_reference": "CTRL/choice/radio/dot/size/rest", "optional": true, "nullable": false, "description": "", @@ -7697,20 +7697,20 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-sm-base-size" + "cssName": "--smtc-ctrl-choice-radio-dot-size-pressed" }, - "ctrlChoiceSmCheckboxCorner": { + "ctrlChoiceSmBaseSize": { "no": 557, - "name": "CTRL/choice/sm/checkbox/corner", - "fst_reference": "", - "optional": false, + "name": "CTRL/choice/sm/base/size", + "fst_reference": "size/ctrl-sm/icon", + "optional": true, "nullable": false, "description": "", "components": [], "contrast": "", - "fallback": "Small", + "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-sm-checkbox-corner" + "cssName": "--smtc-ctrl-choice-sm-base-size" }, "ctrlChoiceSmCheckboxIconSize": { "no": 558, @@ -7725,8 +7725,21 @@ "exceptions": [], "cssName": "--smtc-ctrl-choice-sm-checkbox-icon-size" }, - "ctrlChoiceSmCheckboxIconSizeFigmaonly": { + "ctrlChoiceSmCheckboxCorner": { "no": 559, + "name": "CTRL/choice/sm/checkbox/corner", + "fst_reference": "", + "optional": false, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "Small", + "exceptions": [], + "cssName": "--smtc-ctrl-choice-sm-checkbox-corner" + }, + "ctrlChoiceSmCheckboxIconSizeFigmaonly": { + "no": 560, "name": "CTRL/choice/sm/checkbox/icon/size(figmaonly)", "fst_reference": "", "optional": false, @@ -7736,10 +7749,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-sm-checkbox-icon-sizefigmaonly" + "cssName": "--smtc-ctrl-choice-sm-checkbox-icon-size-figmaonly" }, "ctrlChoiceSmRadioDotSize": { - "no": 560, + "no": 561, "name": "CTRL/choice/sm/radio/dot/size", "fst_reference": "", "optional": false, @@ -7752,7 +7765,7 @@ "cssName": "--smtc-ctrl-choice-sm-radio-dot-size" }, "ctrlChoiceSmSwitchWidth": { - "no": 561, + "no": 562, "name": "CTRL/choice/sm/switch/width", "fst_reference": "", "optional": false, @@ -7765,7 +7778,7 @@ "cssName": "--smtc-ctrl-choice-sm-switch-width" }, "ctrlChoiceSmSwitchHeight": { - "no": 562, + "no": 563, "name": "CTRL/choice/sm/switch/height", "fst_reference": "size/ctrl-sm/icon", "optional": true, @@ -7778,7 +7791,7 @@ "cssName": "--smtc-ctrl-choice-sm-switch-height" }, "ctrlChoiceSmSwitchThumbWidthRest": { - "no": 563, + "no": 564, "name": "CTRL/choice/sm/switch/thumb/width/rest", "fst_reference": "", "optional": false, @@ -7791,7 +7804,7 @@ "cssName": "--smtc-ctrl-choice-sm-switch-thumb-width-rest" }, "ctrlChoiceSmSwitchThumbWidthHover": { - "no": 564, + "no": 565, "name": "CTRL/choice/sm/switch/thumb/width/hover", "fst_reference": "CTRL/choice/sm/switch/thumb/width/rest", "optional": true, @@ -7804,7 +7817,7 @@ "cssName": "--smtc-ctrl-choice-sm-switch-thumb-width-hover" }, "ctrlChoiceSmSwitchThumbWidthPressed": { - "no": 565, + "no": 566, "name": "CTRL/choice/sm/switch/thumb/width/pressed", "fst_reference": "CTRL/choice/sm/switch/thumb/width/rest", "optional": true, @@ -7817,7 +7830,7 @@ "cssName": "--smtc-ctrl-choice-sm-switch-thumb-width-pressed" }, "ctrlChoiceLgBaseSize": { - "no": 566, + "no": 567, "name": "CTRL/choice/lg/base/size", "fst_reference": "size/ctrl-lg/icon", "optional": true, @@ -7830,7 +7843,7 @@ "cssName": "--smtc-ctrl-choice-lg-base-size" }, "ctrlChoiceLgCheckboxCorner": { - "no": 567, + "no": 568, "name": "CTRL/choice/lg/checkbox/corner", "fst_reference": "", "optional": false, @@ -7843,7 +7856,7 @@ "cssName": "--smtc-ctrl-choice-lg-checkbox-corner" }, "ctrlChoiceLgCheckboxIconSize": { - "no": 568, + "no": 569, "name": "CTRL/choice/lg/checkbox/icon/size", "fst_reference": "size/ctrl/iconSecondary", "optional": true, @@ -7856,7 +7869,7 @@ "cssName": "--smtc-ctrl-choice-lg-checkbox-icon-size" }, "ctrlChoiceLgCheckboxIconSizeFigmaonly": { - "no": 569, + "no": 570, "name": "CTRL/choice/lg/checkbox/icon/size(figmaonly)", "fst_reference": "", "optional": false, @@ -7866,10 +7879,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-choice-lg-checkbox-icon-sizefigmaonly" + "cssName": "--smtc-ctrl-choice-lg-checkbox-icon-size-figmaonly" }, "ctrlChoiceLgRadioDotSizeRest": { - "no": 570, + "no": 571, "name": "CTRL/choice/lg/radio/dot/size/rest", "fst_reference": "", "optional": false, @@ -7882,7 +7895,7 @@ "cssName": "--smtc-ctrl-choice-lg-radio-dot-size-rest" }, "ctrlChoiceLgRadioDotSizeHover": { - "no": 571, + "no": 572, "name": "CTRL/choice/lg/radio/dot/size/hover", "fst_reference": "CTRL/choice/lg/radio/dot/size/rest", "optional": true, @@ -7895,7 +7908,7 @@ "cssName": "--smtc-ctrl-choice-lg-radio-dot-size-hover" }, "ctrlChoiceLgRadioDotSizePressed": { - "no": 572, + "no": 573, "name": "CTRL/choice/lg/radio/dot/size/pressed", "fst_reference": "CTRL/choice/lg/radio/dot/size/rest", "optional": true, @@ -7908,7 +7921,7 @@ "cssName": "--smtc-ctrl-choice-lg-radio-dot-size-pressed" }, "ctrlChoiceLgSwitchWidth": { - "no": 573, + "no": 574, "name": "CTRL/choice/lg/switch/width", "fst_reference": "", "optional": false, @@ -7921,7 +7934,7 @@ "cssName": "--smtc-ctrl-choice-lg-switch-width" }, "ctrlChoiceLgSwitchHeight": { - "no": 574, + "no": 575, "name": "CTRL/choice/lg/switch/height", "fst_reference": "size/ctrl-lg/icon", "optional": true, @@ -7934,7 +7947,7 @@ "cssName": "--smtc-ctrl-choice-lg-switch-height" }, "ctrlChoiceLgSwitchThumbWidthRest": { - "no": 575, + "no": 576, "name": "CTRL/choice/lg/switch/thumb/width/rest", "fst_reference": "", "optional": false, @@ -7947,7 +7960,7 @@ "cssName": "--smtc-ctrl-choice-lg-switch-thumb-width-rest" }, "ctrlChoiceLgSwitchThumbWidthHover": { - "no": 576, + "no": 577, "name": "CTRL/choice/lg/switch/thumb/width/hover", "fst_reference": "CTRL/choice/lg/switch/thumb/width/rest", "optional": true, @@ -7960,7 +7973,7 @@ "cssName": "--smtc-ctrl-choice-lg-switch-thumb-width-hover" }, "ctrlChoiceLgSwitchThumbWidthPressed": { - "no": 577, + "no": 578, "name": "CTRL/choice/lg/switch/thumb/width/pressed", "fst_reference": "CTRL/choice/lg/switch/thumb/width/rest", "optional": true, @@ -7973,7 +7986,7 @@ "cssName": "--smtc-ctrl-choice-lg-switch-thumb-width-pressed" }, "ctrlDialogBackground": { - "no": 578, + "no": 579, "name": "CTRL/dialog/background", "fst_reference": "", "optional": false, @@ -7986,7 +7999,7 @@ "cssName": "--smtc-ctrl-dialog-background" }, "ctrlDialogStroke": { - "no": 579, + "no": 580, "name": "CTRL/dialog/stroke", "fst_reference": "NULL/color", "optional": false, @@ -7999,7 +8012,7 @@ "cssName": "--smtc-ctrl-dialog-stroke" }, "ctrlDialogBaseCorner": { - "no": 580, + "no": 581, "name": "CTRL/dialog/base/corner", "fst_reference": "corner/card/rest", "optional": true, @@ -8012,7 +8025,7 @@ "cssName": "--smtc-ctrl-dialog-base-corner" }, "ctrlDialogBaseShadowKeyX": { - "no": 581, + "no": 582, "name": "CTRL/dialog/base/shadow/(key)/(X)", "fst_reference": "", "optional": false, @@ -8025,7 +8038,7 @@ "cssName": "--smtc-ctrl-dialog-base-shadow-key-x" }, "ctrlDialogBaseShadowKeyY": { - "no": 582, + "no": 583, "name": "CTRL/dialog/base/shadow/(key)/(Y)", "fst_reference": "", "optional": false, @@ -8038,7 +8051,7 @@ "cssName": "--smtc-ctrl-dialog-base-shadow-key-y" }, "ctrlDialogBaseShadowKeyBlur": { - "no": 583, + "no": 584, "name": "CTRL/dialog/base/shadow/(key)/(Blur)", "fst_reference": "", "optional": false, @@ -8051,7 +8064,7 @@ "cssName": "--smtc-ctrl-dialog-base-shadow-key-blur" }, "ctrlDialogBaseShadowKeyColor": { - "no": 584, + "no": 585, "name": "CTRL/dialog/base/shadow/(key)/(Color)", "fst_reference": "", "optional": false, @@ -8064,7 +8077,7 @@ "cssName": "--smtc-ctrl-dialog-base-shadow-key-color" }, "ctrlDialogBaseShadowAmbientX": { - "no": 585, + "no": 586, "name": "CTRL/dialog/base/shadow/(ambient)/(X)", "fst_reference": "", "optional": false, @@ -8077,7 +8090,7 @@ "cssName": "--smtc-ctrl-dialog-base-shadow-ambient-x" }, "ctrlDialogBaseShadowAmbientY": { - "no": 586, + "no": 587, "name": "CTRL/dialog/base/shadow/(ambient)/(Y)", "fst_reference": "", "optional": false, @@ -8090,7 +8103,7 @@ "cssName": "--smtc-ctrl-dialog-base-shadow-ambient-y" }, "ctrlDialogBaseShadowAmbientBlur": { - "no": 587, + "no": 588, "name": "CTRL/dialog/base/shadow/(ambient)/(Blur)", "fst_reference": "", "optional": false, @@ -8103,7 +8116,7 @@ "cssName": "--smtc-ctrl-dialog-base-shadow-ambient-blur" }, "ctrlDialogBaseShadowAmbientColor": { - "no": 588, + "no": 589, "name": "CTRL/dialog/base/shadow/(ambient)/(Color)", "fst_reference": "", "optional": false, @@ -8116,7 +8129,7 @@ "cssName": "--smtc-ctrl-dialog-base-shadow-ambient-color" }, "ctrlDialogLayerBackground": { - "no": 589, + "no": 590, "name": "CTRL/dialog/layer/background", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -8129,7 +8142,7 @@ "cssName": "--smtc-ctrl-dialog-layer-background" }, "ctrlDialogLayerPaddingBottom": { - "no": 590, + "no": 591, "name": "CTRL/dialog/layer/padding-bottom", "fst_reference": "", "optional": false, @@ -8141,8 +8154,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-dialog-layer-padding-bottom" }, - "ctrlDividerFixedlineLength": { - "no": 591, + "ctrlDividerFixedLineLength": { + "no": 592, "name": "CTRL/divider/fixedLine/length", "fst_reference": "padding/content/align/default", "optional": true, @@ -8152,10 +8165,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-divider-fixedline-length" + "cssName": "--smtc-ctrl-divider-fixed-line-length" }, "ctrlDragBackgroundSolid": { - "no": 592, + "no": 593, "name": "CTRL/drag/background/(solid)", "fst_reference": "", "optional": false, @@ -8167,8 +8180,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-drag-background-solid" }, - "ctrlDragBackgroundColorblend": { - "no": 593, + "ctrlDragBackgroundColorBlend": { + "no": 594, "name": "CTRL/drag/background/(colorBlend)", "fst_reference": "", "optional": false, @@ -8178,10 +8191,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-drag-background-colorblend" + "cssName": "--smtc-ctrl-drag-background-color-blend" }, - "ctrlDragBackgroundLumblend": { - "no": 594, + "ctrlDragBackgroundLumBlend": { + "no": 595, "name": "CTRL/drag/background/(lumBlend)", "fst_reference": "", "optional": false, @@ -8191,10 +8204,36 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-drag-background-lumblend" + "cssName": "--smtc-ctrl-drag-background-lum-blend" + }, + "ctrlFabForegroundRestNew": { + "no": 596, + "name": "CTRL/fab/foreground/rest(new)", + "fst_reference": "foreground/ctrl/neutral/primary/rest", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "", + "exceptions": [], + "cssName": "--smtc-ctrl-fab-foreground-rest-new" + }, + "ctrlFabForegroundDisabledNew": { + "no": 597, + "name": "CTRL/fab/foreground/disabled(new)", + "fst_reference": "foreground/ctrl/neutral/primary/disabled", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "", + "exceptions": [], + "cssName": "--smtc-ctrl-fab-foreground-disabled-new" }, "ctrlFabBackgroundRest": { - "no": 595, + "no": 598, "name": "CTRL/fab/background/rest", "fst_reference": "", "optional": false, @@ -8207,7 +8246,7 @@ "cssName": "--smtc-ctrl-fab-background-rest" }, "ctrlFocusPositionFigmaonly": { - "no": 596, + "no": 599, "name": "CTRL/focus/position(figmaonly)", "fst_reference": "", "optional": false, @@ -8227,10 +8266,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-focus-positionfigmaonly" + "cssName": "--smtc-ctrl-focus-position-figmaonly" }, - "ctrlFocusInnerStrokewidth": { - "no": 597, + "ctrlFocusInnerStrokeWidth": { + "no": 600, "name": "CTRL/focus/inner/strokeWidth", "fst_reference": "strokeWidth/default", "optional": true, @@ -8256,10 +8295,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-focus-inner-strokewidth" + "cssName": "--smtc-ctrl-focus-inner-stroke-width" }, "ctrlFocusInnerStroke": { - "no": 598, + "no": 601, "name": "CTRL/focus/inner/stroke", "fst_reference": "", "optional": false, @@ -8287,8 +8326,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-focus-inner-stroke" }, - "ctrlFocusOuterStrokewidth": { - "no": 599, + "ctrlFocusOuterStrokeWidth": { + "no": 602, "name": "CTRL/focus/outer/strokeWidth", "fst_reference": "", "optional": false, @@ -8314,10 +8353,10 @@ "contrast": "", "fallback": "Thick", "exceptions": [], - "cssName": "--smtc-ctrl-focus-outer-strokewidth" + "cssName": "--smtc-ctrl-focus-outer-stroke-width" }, "ctrlFocusOuterStroke": { - "no": 600, + "no": 603, "name": "CTRL/focus/outer/stroke", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -8346,7 +8385,7 @@ "cssName": "--smtc-ctrl-focus-outer-stroke" }, "ctrlFabBackgroundHover": { - "no": 601, + "no": 604, "name": "CTRL/fab/background/hover", "fst_reference": "", "optional": false, @@ -8359,7 +8398,7 @@ "cssName": "--smtc-ctrl-fab-background-hover" }, "ctrlFabBackgroundPressed": { - "no": 602, + "no": 605, "name": "CTRL/fab/background/pressed", "fst_reference": "", "optional": false, @@ -8372,7 +8411,7 @@ "cssName": "--smtc-ctrl-fab-background-pressed" }, "ctrlFabBackgroundDisabled": { - "no": 603, + "no": 606, "name": "CTRL/fab/background/disabled", "fst_reference": "", "optional": false, @@ -8385,7 +8424,7 @@ "cssName": "--smtc-ctrl-fab-background-disabled" }, "ctrlFabCornerRest": { - "no": 604, + "no": 607, "name": "CTRL/fab/corner/rest", "fst_reference": "corner/circular", "optional": true, @@ -8398,7 +8437,7 @@ "cssName": "--smtc-ctrl-fab-corner-rest" }, "ctrlFabShadowRestKeyX": { - "no": 605, + "no": 608, "name": "CTRL/fab/shadow/rest/(key)/(x)", "fst_reference": "", "optional": false, @@ -8411,7 +8450,7 @@ "cssName": "--smtc-ctrl-fab-shadow-rest-key-x" }, "ctrlFabShadowRestKeyY": { - "no": 606, + "no": 609, "name": "CTRL/fab/shadow/rest/(key)/(y)", "fst_reference": "", "optional": false, @@ -8424,7 +8463,7 @@ "cssName": "--smtc-ctrl-fab-shadow-rest-key-y" }, "ctrlFabShadowRestKeyBlur": { - "no": 607, + "no": 610, "name": "CTRL/fab/shadow/rest/(key)/(blur)", "fst_reference": "", "optional": false, @@ -8437,7 +8476,7 @@ "cssName": "--smtc-ctrl-fab-shadow-rest-key-blur" }, "ctrlFabShadowRestKeyColor": { - "no": 608, + "no": 611, "name": "CTRL/fab/shadow/rest/(key)/(color)", "fst_reference": "", "optional": false, @@ -8450,7 +8489,7 @@ "cssName": "--smtc-ctrl-fab-shadow-rest-key-color" }, "ctrlFabShadowRestAmbientX": { - "no": 609, + "no": 612, "name": "CTRL/fab/shadow/rest/(ambient)/(x)", "fst_reference": "", "optional": false, @@ -8463,7 +8502,7 @@ "cssName": "--smtc-ctrl-fab-shadow-rest-ambient-x" }, "ctrlFabShadowRestAmbientY": { - "no": 610, + "no": 613, "name": "CTRL/fab/shadow/rest/(ambient)/(y)", "fst_reference": "", "optional": false, @@ -8476,7 +8515,7 @@ "cssName": "--smtc-ctrl-fab-shadow-rest-ambient-y" }, "ctrlFabShadowRestAmbientBlur": { - "no": 611, + "no": 614, "name": "CTRL/fab/shadow/rest/(ambient)/(blur)", "fst_reference": "", "optional": false, @@ -8489,7 +8528,7 @@ "cssName": "--smtc-ctrl-fab-shadow-rest-ambient-blur" }, "ctrlFabShadowRestAmbientColor": { - "no": 612, + "no": 615, "name": "CTRL/fab/shadow/rest/(ambient)/(color)", "fst_reference": "", "optional": false, @@ -8502,7 +8541,7 @@ "cssName": "--smtc-ctrl-fab-shadow-rest-ambient-color" }, "ctrlFabShadowHoverKeyX": { - "no": 613, + "no": 616, "name": "CTRL/fab/shadow/hover/(key)/(x)", "fst_reference": "shadow/flyout/(key)/(x)", "optional": true, @@ -8515,7 +8554,7 @@ "cssName": "--smtc-ctrl-fab-shadow-hover-key-x" }, "ctrlFabShadowHoverKeyY": { - "no": 614, + "no": 617, "name": "CTRL/fab/shadow/hover/(key)/(y)", "fst_reference": "shadow/flyout/(key)/(y)", "optional": true, @@ -8528,7 +8567,7 @@ "cssName": "--smtc-ctrl-fab-shadow-hover-key-y" }, "ctrlFabShadowHoverKeyBlur": { - "no": 615, + "no": 618, "name": "CTRL/fab/shadow/hover/(key)/(blur)", "fst_reference": "shadow/flyout/(key)/(blur)", "optional": true, @@ -8541,7 +8580,7 @@ "cssName": "--smtc-ctrl-fab-shadow-hover-key-blur" }, "ctrlFabShadowHoverKeyColor": { - "no": 616, + "no": 619, "name": "CTRL/fab/shadow/hover/(key)/(color)", "fst_reference": "shadow/flyout/(key)/(color)", "optional": true, @@ -8554,7 +8593,7 @@ "cssName": "--smtc-ctrl-fab-shadow-hover-key-color" }, "ctrlFabShadowPressedKeyX": { - "no": 617, + "no": 620, "name": "CTRL/fab/shadow/pressed/(key)/(x)", "fst_reference": "", "optional": false, @@ -8567,7 +8606,7 @@ "cssName": "--smtc-ctrl-fab-shadow-pressed-key-x" }, "ctrlFabShadowPressedKeyY": { - "no": 618, + "no": 621, "name": "CTRL/fab/shadow/pressed/(key)/(y)", "fst_reference": "", "optional": false, @@ -8580,7 +8619,7 @@ "cssName": "--smtc-ctrl-fab-shadow-pressed-key-y" }, "ctrlFabShadowPressedKeyBlur": { - "no": 619, + "no": 622, "name": "CTRL/fab/shadow/pressed/(key)/(blur)", "fst_reference": "", "optional": false, @@ -8593,7 +8632,7 @@ "cssName": "--smtc-ctrl-fab-shadow-pressed-key-blur" }, "ctrlFabShadowPressedKeyColor": { - "no": 620, + "no": 623, "name": "CTRL/fab/shadow/pressed/(key)/(color)", "fst_reference": "", "optional": false, @@ -8606,7 +8645,7 @@ "cssName": "--smtc-ctrl-fab-shadow-pressed-key-color" }, "ctrlFabShadowDisabledKeyX": { - "no": 621, + "no": 624, "name": "CTRL/fab/shadow/disabled/(key)/(x)", "fst_reference": "CTRL/fab/shadow/pressed/(key)/(x)", "optional": true, @@ -8619,7 +8658,7 @@ "cssName": "--smtc-ctrl-fab-shadow-disabled-key-x" }, "ctrlFabShadowDisabledKeyY": { - "no": 622, + "no": 625, "name": "CTRL/fab/shadow/disabled/(key)/(y)", "fst_reference": "CTRL/fab/shadow/pressed/(key)/(y)", "optional": true, @@ -8632,7 +8671,7 @@ "cssName": "--smtc-ctrl-fab-shadow-disabled-key-y" }, "ctrlFabShadowDisabledKeyBlur": { - "no": 623, + "no": 626, "name": "CTRL/fab/shadow/disabled/(key)/(blur)", "fst_reference": "CTRL/fab/shadow/pressed/(key)/(blur)", "optional": true, @@ -8645,7 +8684,7 @@ "cssName": "--smtc-ctrl-fab-shadow-disabled-key-blur" }, "ctrlFabShadowDisabledKeyColor": { - "no": 624, + "no": 627, "name": "CTRL/fab/shadow/disabled/(key)/(color)", "fst_reference": "CTRL/fab/shadow/pressed/(key)/(color)", "optional": true, @@ -8658,7 +8697,7 @@ "cssName": "--smtc-ctrl-fab-shadow-disabled-key-color" }, "ctrlFabCornerHover": { - "no": 625, + "no": 628, "name": "CTRL/fab/corner/hover", "fst_reference": "corner/circular", "optional": true, @@ -8671,7 +8710,7 @@ "cssName": "--smtc-ctrl-fab-corner-hover" }, "ctrlFabCornerPressed": { - "no": 626, + "no": 629, "name": "CTRL/fab/corner/pressed", "fst_reference": "corner/circular", "optional": true, @@ -8684,7 +8723,7 @@ "cssName": "--smtc-ctrl-fab-corner-pressed" }, "ctrlInputBackgroundRest": { - "no": 627, + "no": 630, "name": "CTRL/input/background/rest", "fst_reference": "background/ctrl/neutral/rest", "optional": true, @@ -8697,7 +8736,7 @@ "cssName": "--smtc-ctrl-input-background-rest" }, "ctrlInputBackgroundHover": { - "no": 628, + "no": 631, "name": "CTRL/input/background/hover", "fst_reference": "background/ctrl/neutral/hover", "optional": true, @@ -8710,7 +8749,7 @@ "cssName": "--smtc-ctrl-input-background-hover" }, "ctrlInputBackgroundPressed": { - "no": 629, + "no": 632, "name": "CTRL/input/background/pressed", "fst_reference": "background/ctrl/neutral/pressed", "optional": true, @@ -8723,7 +8762,7 @@ "cssName": "--smtc-ctrl-input-background-pressed" }, "ctrlInputBackgroundDisabled": { - "no": 630, + "no": 633, "name": "CTRL/input/background/disabled", "fst_reference": "background/ctrl/neutral/disabled", "optional": true, @@ -8743,7 +8782,7 @@ "cssName": "--smtc-ctrl-input-background-disabled" }, "ctrlInputBackgroundSelected": { - "no": 631, + "no": 634, "name": "CTRL/input/background/selected", "fst_reference": "background/ctrl/neutral/rest", "optional": true, @@ -8756,7 +8795,7 @@ "cssName": "--smtc-ctrl-input-background-selected" }, "ctrlInputBackgroundError": { - "no": 632, + "no": 635, "name": "CTRL/input/background/error", "fst_reference": "background/ctrl/neutral/rest", "optional": true, @@ -8769,7 +8808,7 @@ "cssName": "--smtc-ctrl-input-background-error" }, "ctrlInputStrokeRest": { - "no": 633, + "no": 636, "name": "CTRL/input/stroke/rest", "fst_reference": "stroke/ctrl/onOutline/rest", "optional": true, @@ -8781,29 +8820,22 @@ "exceptions": [], "cssName": "--smtc-ctrl-input-stroke-rest" }, - "ctrlInputBottomlineStrokewidthRest": { - "no": 634, - "name": "CTRL/input/bottomLine/strokeWidth/rest", + "ctrlInputStrokeWidthRest": { + "no": 637, + "name": "CTRL/input/strokeWidth/rest", "fst_reference": "strokeWidth/default", "optional": true, "nullable": false, "description": "", - "components": [ - "Text input box", - "Search box", - "Password input box", - "Editable dropdown", - "Editable spin button", - "Text area" - ], + "components": [], "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-strokewidth-rest" + "cssName": "--smtc-ctrl-input-stroke-width-rest" }, - "ctrlInputStrokewidthRest": { - "no": 635, - "name": "CTRL/input/strokeWidth/rest", + "ctrlInputStrokeWidthHover": { + "no": 638, + "name": "CTRL/input/strokeWidth/hover", "fst_reference": "strokeWidth/default", "optional": true, "nullable": false, @@ -8812,75 +8844,82 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-input-strokewidth-rest" + "cssName": "--smtc-ctrl-input-stroke-width-hover" }, - "ctrlInputTextselectionBackground": { - "no": 636, - "name": "CTRL/input/textSelection/background", - "fst_reference": "background/ctrl/brand/rest", + "ctrlInputStrokeWidthPressed": { + "no": 639, + "name": "CTRL/input/strokeWidth/pressed", + "fst_reference": "strokeWidth/default", "optional": true, "nullable": false, "description": "", "components": [], "contrast": "", - "fallback": "background/ctrl/activeBrand/rest", + "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-input-textselection-background" + "cssName": "--smtc-ctrl-input-stroke-width-pressed" }, - "ctrlInputTextselectionForeground": { - "no": 637, - "name": "CTRL/input/textSelection/foreground", - "fst_reference": "foreground/ctrl/onBrand/rest", - "optional": true, + "ctrlInputStrokeWidthSelected": { + "no": 640, + "name": "CTRL/input/strokeWidth/selected", + "fst_reference": "", + "optional": false, "nullable": false, "description": "", "components": [], "contrast": "", - "fallback": "Neutral/Foreground/4/Rest", + "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-input-textselection-foreground" + "cssName": "--smtc-ctrl-input-stroke-width-selected" }, - "ctrlInputStrokewidthHover": { - "no": 638, - "name": "CTRL/input/strokeWidth/hover", + "ctrlInputBottomLineStrokeWidthRest": { + "no": 641, + "name": "CTRL/input/bottomLine/strokeWidth/rest", "fst_reference": "strokeWidth/default", "optional": true, "nullable": false, "description": "", - "components": [], + "components": [ + "Text input box", + "Search box", + "Password input box", + "Editable dropdown", + "Editable spin button", + "Text area" + ], "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-input-strokewidth-hover" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-width-rest" }, - "ctrlInputStrokewidthPressed": { - "no": 639, - "name": "CTRL/input/strokeWidth/pressed", - "fst_reference": "strokeWidth/default", + "ctrlInputTextSelectionBackground": { + "no": 642, + "name": "CTRL/input/textSelection/background", + "fst_reference": "background/ctrl/brand/rest", "optional": true, "nullable": false, "description": "", "components": [], "contrast": "", - "fallback": "Thin", + "fallback": "background/ctrl/activeBrand/rest", "exceptions": [], - "cssName": "--smtc-ctrl-input-strokewidth-pressed" + "cssName": "--smtc-ctrl-input-text-selection-background" }, - "ctrlInputStrokewidthSelected": { - "no": 640, - "name": "CTRL/input/strokeWidth/selected", - "fst_reference": "", - "optional": false, + "ctrlInputTextSelectionForeground": { + "no": 643, + "name": "CTRL/input/textSelection/foreground", + "fst_reference": "foreground/ctrl/onBrand/rest", + "optional": true, "nullable": false, "description": "", "components": [], "contrast": "", - "fallback": "Thin", + "fallback": "Neutral/Foreground/4/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-input-strokewidth-selected" + "cssName": "--smtc-ctrl-input-text-selection-foreground" }, - "ctrlInputBottomlineStrokewidthHover": { - "no": 641, + "ctrlInputBottomLineStrokeWidthHover": { + "no": 644, "name": "CTRL/input/bottomLine/strokeWidth/hover", "fst_reference": "strokeWidth/default", "optional": true, @@ -8890,10 +8929,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-strokewidth-hover" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-width-hover" }, - "ctrlInputBottomlineStrokewidthPressed": { - "no": 642, + "ctrlInputBottomLineStrokeWidthPressed": { + "no": 645, "name": "CTRL/input/bottomLine/strokeWidth/pressed", "fst_reference": "CTRL/input/bottomLine/strokeWidth/selected", "optional": true, @@ -8903,10 +8942,10 @@ "contrast": "", "fallback": "Thick", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-strokewidth-pressed" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-width-pressed" }, - "ctrlInputBottomlineStrokewidthSelected": { - "no": 643, + "ctrlInputBottomLineStrokeWidthSelected": { + "no": 646, "name": "CTRL/input/bottomLine/strokeWidth/selected", "fst_reference": "", "optional": false, @@ -8916,10 +8955,10 @@ "contrast": "", "fallback": "Thick", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-strokewidth-selected" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-width-selected" }, - "ctrlInputBottomlineStrokeRest": { - "no": 644, + "ctrlInputBottomLineStrokeRest": { + "no": 647, "name": "CTRL/input/bottomLine/stroke/rest", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -8929,10 +8968,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Accessible/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-stroke-rest" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-rest" }, - "ctrlInputBottomlineStrokeHover": { - "no": 645, + "ctrlInputBottomLineStrokeHover": { + "no": 648, "name": "CTRL/input/bottomLine/stroke/hover", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -8942,10 +8981,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Accessible/Hover", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-stroke-hover" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-hover" }, - "ctrlInputBottomlineStrokePressed": { - "no": 646, + "ctrlInputBottomLineStrokePressed": { + "no": 649, "name": "CTRL/input/bottomLine/stroke/pressed", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -8955,10 +8994,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Accessible/Pressed", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-stroke-pressed" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-pressed" }, - "ctrlInputBottomlineStrokeDisabled": { - "no": 647, + "ctrlInputBottomLineStrokeDisabled": { + "no": 650, "name": "CTRL/input/bottomLine/stroke/disabled", "fst_reference": "NULL/color", "optional": false, @@ -8975,10 +9014,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-stroke-disabled" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-disabled" }, - "ctrlInputBottomlineStrokeSelected": { - "no": 648, + "ctrlInputBottomLineStrokeSelected": { + "no": 651, "name": "CTRL/input/bottomLine/stroke/selected", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -8988,10 +9027,10 @@ "contrast": "", "fallback": "Brand/Stroke/1/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-stroke-selected" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-selected" }, - "ctrlInputBottomlineStrokeError": { - "no": 649, + "ctrlInputBottomLineStrokeError": { + "no": 652, "name": "CTRL/input/bottomLine/stroke/error", "fst_reference": "NULL/color", "optional": false, @@ -9001,10 +9040,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-input-bottomline-stroke-error" + "cssName": "--smtc-ctrl-input-bottom-line-stroke-error" }, "ctrlInputStrokeHover": { - "no": 650, + "no": 653, "name": "CTRL/input/stroke/hover", "fst_reference": "stroke/ctrl/onOutline/hover", "optional": true, @@ -9017,7 +9056,7 @@ "cssName": "--smtc-ctrl-input-stroke-hover" }, "ctrlInputStrokePressed": { - "no": 651, + "no": 654, "name": "CTRL/input/stroke/pressed", "fst_reference": "stroke/ctrl/onOutline/pressed", "optional": true, @@ -9030,7 +9069,7 @@ "cssName": "--smtc-ctrl-input-stroke-pressed" }, "ctrlInputStrokeDisabled": { - "no": 652, + "no": 655, "name": "CTRL/input/stroke/disabled", "fst_reference": "stroke/ctrl/onOutline/disabled", "optional": true, @@ -9050,7 +9089,7 @@ "cssName": "--smtc-ctrl-input-stroke-disabled" }, "ctrlInputStrokeSelected": { - "no": 653, + "no": 656, "name": "CTRL/input/stroke/selected", "fst_reference": "stroke/ctrl/onOutline/rest", "optional": true, @@ -9063,7 +9102,7 @@ "cssName": "--smtc-ctrl-input-stroke-selected" }, "ctrlInputStrokeError": { - "no": 654, + "no": 657, "name": "CTRL/input/stroke/error", "fst_reference": "STATUS/danger/stroke", "optional": true, @@ -9076,7 +9115,7 @@ "cssName": "--smtc-ctrl-input-stroke-error" }, "ctrlLinkForegroundNeutralRest": { - "no": 655, + "no": 658, "name": "CTRL/link/foreground/neutral/rest", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -9088,8 +9127,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-link-foreground-neutral-rest" }, - "ctrlLinkInlineStrokewidthRest": { - "no": 656, + "ctrlLinkInlineStrokeWidthRest": { + "no": 659, "name": "CTRL/link/inline/strokeWidth/rest", "fst_reference": "strokeWidth/default", "optional": true, @@ -9099,10 +9138,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-link-inline-strokewidth-rest" + "cssName": "--smtc-ctrl-link-inline-stroke-width-rest" }, - "ctrlLinkInlineStrokewidthHover": { - "no": 657, + "ctrlLinkInlineStrokeWidthHover": { + "no": 660, "name": "CTRL/link/inline/strokeWidth/hover", "fst_reference": "strokeWidth/default", "optional": true, @@ -9112,10 +9151,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-link-inline-strokewidth-hover" + "cssName": "--smtc-ctrl-link-inline-stroke-width-hover" }, "ctrlLinkInlineUnderlineDashed": { - "no": 658, + "no": 661, "name": "CTRL/link/inline/underline/dashed", "fst_reference": "", "optional": false, @@ -9128,7 +9167,7 @@ "cssName": "--smtc-ctrl-link-inline-underline-dashed" }, "ctrlLinkInlineUnderlineSolidFigmaonly": { - "no": 659, + "no": 662, "name": "CTRL/link/inline/underline/solid(figmaonly)", "fst_reference": "", "optional": false, @@ -9138,10 +9177,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-link-inline-underline-solidfigmaonly" + "cssName": "--smtc-ctrl-link-inline-underline-solid-figmaonly" }, "ctrlLinkForegroundNeutralHover": { - "no": 660, + "no": 663, "name": "CTRL/link/foreground/neutral/hover", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -9154,7 +9193,7 @@ "cssName": "--smtc-ctrl-link-foreground-neutral-hover" }, "ctrlLinkForegroundNeutralPressed": { - "no": 661, + "no": 664, "name": "CTRL/link/foreground/neutral/pressed", "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, @@ -9167,7 +9206,7 @@ "cssName": "--smtc-ctrl-link-foreground-neutral-pressed" }, "ctrlLinkForegroundBrandRest": { - "no": 662, + "no": 665, "name": "CTRL/link/foreground/brand/rest", "fst_reference": "foreground/ctrl/brand/rest", "optional": true, @@ -9180,7 +9219,7 @@ "cssName": "--smtc-ctrl-link-foreground-brand-rest" }, "ctrlLinkForegroundBrandHover": { - "no": 663, + "no": 666, "name": "CTRL/link/foreground/brand/hover", "fst_reference": "foreground/ctrl/brand/hover", "optional": true, @@ -9193,7 +9232,7 @@ "cssName": "--smtc-ctrl-link-foreground-brand-hover" }, "ctrlLinkForegroundBrandPressed": { - "no": 664, + "no": 667, "name": "CTRL/link/foreground/brand/pressed", "fst_reference": "foreground/ctrl/brand/pressed", "optional": true, @@ -9205,8 +9244,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-link-foreground-brand-pressed" }, - "ctrlLinkOnpageStrokewidthRest": { - "no": 665, + "ctrlLinkOnPageStrokeWidthRest": { + "no": 668, "name": "CTRL/link/onPage/strokeWidth/rest", "fst_reference": "strokeWidth/default", "optional": true, @@ -9216,10 +9255,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-link-onpage-strokewidth-rest" + "cssName": "--smtc-ctrl-link-on-page-stroke-width-rest" }, - "ctrlLinkOnpageStrokewidthHover": { - "no": 666, + "ctrlLinkOnPageStrokeWidthHover": { + "no": 669, "name": "CTRL/link/onPage/strokeWidth/hover", "fst_reference": "strokeWidth/default", "optional": true, @@ -9229,10 +9268,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-link-onpage-strokewidth-hover" + "cssName": "--smtc-ctrl-link-on-page-stroke-width-hover" }, - "ctrlLinkOnpageUnderlineDashed": { - "no": 667, + "ctrlLinkOnPageUnderlineDashed": { + "no": 670, "name": "CTRL/link/onPage/underline/dashed", "fst_reference": "", "optional": false, @@ -9242,10 +9281,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-link-onpage-underline-dashed" + "cssName": "--smtc-ctrl-link-on-page-underline-dashed" }, - "ctrlLinkOnpageUnderlineSolidFigmaonly": { - "no": 668, + "ctrlLinkOnPageUnderlineSolidFigmaonly": { + "no": 671, "name": "CTRL/link/onPage/underline/solid(figmaonly)", "fst_reference": "", "optional": false, @@ -9255,10 +9294,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-link-onpage-underline-solidfigmaonly" + "cssName": "--smtc-ctrl-link-on-page-underline-solid-figmaonly" }, - "ctrlLinkInlineShowunderlineatrest": { - "no": 669, + "ctrlLinkInlineShowUnderlineAtRest": { + "no": 672, "name": "CTRL/link/inline/showUnderlineAtRest", "fst_reference": "", "optional": false, @@ -9268,10 +9307,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-link-inline-showunderlineatrest" + "cssName": "--smtc-ctrl-link-inline-show-underline-at-rest" }, - "ctrlLinkOnpageShowunderlineatrest": { - "no": 670, + "ctrlLinkOnPageShowUnderlineAtRest": { + "no": 673, "name": "CTRL/link/onPage/showUnderlineAtRest", "fst_reference": "", "optional": false, @@ -9281,10 +9320,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-link-onpage-showunderlineatrest" + "cssName": "--smtc-ctrl-link-on-page-show-underline-at-rest" }, "ctrlListPillWidth": { - "no": 671, + "no": 674, "name": "CTRL/list/pill/width", "fst_reference": "", "optional": false, @@ -9296,8 +9335,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-list-pill-width" }, - "ctrlListPillFullwidth": { - "no": 672, + "ctrlListPillFullWidth": { + "no": 675, "name": "CTRL/list/pill/fullWidth", "fst_reference": "", "optional": false, @@ -9307,10 +9346,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-list-pill-fullwidth" + "cssName": "--smtc-ctrl-list-pill-full-width" }, "ctrlListPillStretchPaddingDefault": { - "no": 673, + "no": 676, "name": "CTRL/list/pill/stretch/padding/default", "fst_reference": "", "optional": false, @@ -9323,7 +9362,7 @@ "cssName": "--smtc-ctrl-list-pill-stretch-padding-default" }, "ctrlListPillStretchPaddingHint": { - "no": 674, + "no": 677, "name": "CTRL/list/pill/stretch/padding/hint", "fst_reference": "", "optional": false, @@ -9336,7 +9375,7 @@ "cssName": "--smtc-ctrl-list-pill-stretch-padding-hint" }, "ctrlListPillLengthRest": { - "no": 675, + "no": 678, "name": "CTRL/list/pill/length/rest", "fst_reference": "", "optional": false, @@ -9349,7 +9388,7 @@ "cssName": "--smtc-ctrl-list-pill-length-rest" }, "ctrlListPillLengthHover": { - "no": 676, + "no": 679, "name": "CTRL/list/pill/length/hover", "fst_reference": "CTRL/list/pill/length/rest", "optional": true, @@ -9362,7 +9401,7 @@ "cssName": "--smtc-ctrl-list-pill-length-hover" }, "ctrlListPillLengthPressed": { - "no": 677, + "no": 680, "name": "CTRL/list/pill/length/pressed", "fst_reference": "CTRL/list/pill/length/rest", "optional": true, @@ -9375,7 +9414,7 @@ "cssName": "--smtc-ctrl-list-pill-length-pressed" }, "ctrlListPillLengthHint": { - "no": 678, + "no": 681, "name": "CTRL/list/pill/length/hint", "fst_reference": "CTRL/list/pill/length/rest", "optional": true, @@ -9388,7 +9427,7 @@ "cssName": "--smtc-ctrl-list-pill-length-hint" }, "ctrlListCornerRest": { - "no": 679, + "no": 682, "name": "CTRL/list/corner/rest", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -9401,7 +9440,7 @@ "cssName": "--smtc-ctrl-list-corner-rest" }, "ctrlListCornerHover": { - "no": 680, + "no": 683, "name": "CTRL/list/corner/hover", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -9414,7 +9453,7 @@ "cssName": "--smtc-ctrl-list-corner-hover" }, "ctrlListCornerPressed": { - "no": 681, + "no": 684, "name": "CTRL/list/corner/pressed", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -9427,7 +9466,7 @@ "cssName": "--smtc-ctrl-list-corner-pressed" }, "ctrlListIndentLevel1": { - "no": 682, + "no": 685, "name": "CTRL/list/indent/level1", "fst_reference": "padding/ctrl/horizontal-default", "optional": true, @@ -9440,7 +9479,7 @@ "cssName": "--smtc-ctrl-list-indent-level1" }, "ctrlListIndentLevel2": { - "no": 683, + "no": 686, "name": "CTRL/list/indent/(level2)", "fst_reference": "", "optional": false, @@ -9453,7 +9492,7 @@ "cssName": "--smtc-ctrl-list-indent-level2" }, "ctrlListIndentLevel3": { - "no": 684, + "no": 687, "name": "CTRL/list/indent/(level3)", "fst_reference": "", "optional": false, @@ -9466,7 +9505,7 @@ "cssName": "--smtc-ctrl-list-indent-level3" }, "ctrlListBackgroundSelectedRest": { - "no": 685, + "no": 688, "name": "CTRL/list/background/selected-rest", "fst_reference": "background/ctrl/subtle/rest", "optional": true, @@ -9478,9 +9517,61 @@ "exceptions": [], "cssName": "--smtc-ctrl-list-background-selected-rest" }, + "ctrlListForegroundSelectedRest": { + "no": 689, + "name": "CTRL/list/foreground/selected-rest", + "fst_reference": "background/ctrl/subtle/rest", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "background/ctrl/subtle/rest", + "exceptions": [], + "cssName": "--smtc-ctrl-list-foreground-selected-rest" + }, + "ctrlListForegroundSelectedHover": { + "no": 690, + "name": "CTRL/list/foreground/️selected-hover", + "fst_reference": "background/ctrl/subtle/hover", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "background/ctrl/subtle/hover", + "exceptions": [], + "cssName": "--smtc-ctrl-list-foreground-selected-hover" + }, + "ctrlListForegroundSelectedPressed": { + "no": 691, + "name": "CTRL/list/foreground/️selected-pressed", + "fst_reference": "background/ctrl/subtle/pressed", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "background/ctrl/subtle/pressed", + "exceptions": [], + "cssName": "--smtc-ctrl-list-foreground-selected-pressed" + }, + "ctrlListForegroundSelectedDisabled": { + "no": 692, + "name": "CTRL/list/foreground/selected-disabled", + "fst_reference": "background/ctrl/subtle/disabled", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "background/ctrl/subtle/disabled", + "exceptions": [], + "cssName": "--smtc-ctrl-list-foreground-selected-disabled" + }, "ctrlListBackgroundSelectedHover": { - "no": 686, - "name": "CTRL/list/background/selected-hover", + "no": 693, + "name": "CTRL/list/background/️selected-hover", "fst_reference": "background/ctrl/subtle/hover", "optional": true, "nullable": false, @@ -9492,7 +9583,7 @@ "cssName": "--smtc-ctrl-list-background-selected-hover" }, "ctrlListBackgroundSelectedPressed": { - "no": 687, + "no": 694, "name": "CTRL/list/background/selected-pressed", "fst_reference": "background/ctrl/subtle/pressed", "optional": true, @@ -9505,7 +9596,7 @@ "cssName": "--smtc-ctrl-list-background-selected-pressed" }, "ctrlListBackgroundSelectedDisabled": { - "no": 688, + "no": 695, "name": "CTRL/list/background/selected-disabled", "fst_reference": "background/ctrl/subtle/disabled", "optional": true, @@ -9518,7 +9609,7 @@ "cssName": "--smtc-ctrl-list-background-selected-disabled" }, "ctrlListChoiceBackgroundRest": { - "no": 689, + "no": 696, "name": "CTRL/list/choice/background/rest", "fst_reference": "NULL/color", "optional": false, @@ -9531,7 +9622,7 @@ "cssName": "--smtc-ctrl-list-choice-background-rest" }, "ctrlListChoiceStrokeRest": { - "no": 690, + "no": 697, "name": "CTRL/list/choice/stroke/rest", "fst_reference": "NULL/color", "optional": false, @@ -9544,7 +9635,7 @@ "cssName": "--smtc-ctrl-list-choice-stroke-rest" }, "ctrlListChoiceStrokeDisabled": { - "no": 691, + "no": 698, "name": "CTRL/list/choice/stroke/disabled", "fst_reference": "NULL/color", "optional": false, @@ -9557,7 +9648,7 @@ "cssName": "--smtc-ctrl-list-choice-stroke-disabled" }, "ctrlListChoiceStrokeSelectedRest": { - "no": 692, + "no": 699, "name": "CTRL/list/choice/stroke/selected-rest", "fst_reference": "NULL/color", "optional": false, @@ -9570,7 +9661,7 @@ "cssName": "--smtc-ctrl-list-choice-stroke-selected-rest" }, "ctrlListChoiceStrokeSelectedDisabled": { - "no": 693, + "no": 700, "name": "CTRL/list/choice/stroke/selected-disabled", "fst_reference": "NULL/color", "optional": false, @@ -9583,7 +9674,7 @@ "cssName": "--smtc-ctrl-list-choice-stroke-selected-disabled" }, "ctrlListChoiceForegroundHover": { - "no": 694, + "no": 701, "name": "CTRL/list/choice/foreground/hover", "fst_reference": "foreground/ctrl/hint/default", "optional": true, @@ -9596,9 +9687,9 @@ "cssName": "--smtc-ctrl-list-choice-foreground-hover" }, "ctrlListChoiceForegroundSelectedRest": { - "no": 695, + "no": 702, "name": "CTRL/list/choice/foreground/selected-rest", - "fst_reference": "foreground/ctrl/brand/rest", + "fst_reference": "foreground/ctrl/neutral/primary/rest", "optional": true, "nullable": false, "description": "", @@ -9609,9 +9700,9 @@ "cssName": "--smtc-ctrl-list-choice-foreground-selected-rest" }, "ctrlListChoiceForegroundSelectedDisabled": { - "no": 696, + "no": 703, "name": "CTRL/list/choice/foreground/selected-disabled", - "fst_reference": "foreground/ctrl/brand/disabled", + "fst_reference": "foreground/ctrl/neutral/primary/disabled", "optional": true, "nullable": false, "description": "", @@ -9622,7 +9713,7 @@ "cssName": "--smtc-ctrl-list-choice-foreground-selected-disabled" }, "ctrlListChoiceBackgroundDisabled": { - "no": 697, + "no": 704, "name": "CTRL/list/choice/background/disabled", "fst_reference": "NULL/color", "optional": false, @@ -9635,7 +9726,7 @@ "cssName": "--smtc-ctrl-list-choice-background-disabled" }, "ctrlListChoiceBackgroundSelectedRest": { - "no": 698, + "no": 705, "name": "CTRL/list/choice/background/selected-rest", "fst_reference": "NULL/color", "optional": false, @@ -9648,7 +9739,7 @@ "cssName": "--smtc-ctrl-list-choice-background-selected-rest" }, "ctrlListChoiceBackgroundSelectedDisabled": { - "no": 699, + "no": 706, "name": "CTRL/list/choice/background/selected-disabled", "fst_reference": "NULL/color", "optional": false, @@ -9661,7 +9752,7 @@ "cssName": "--smtc-ctrl-list-choice-background-selected-disabled" }, "ctrlListChoiceCheckboxCorner": { - "no": 700, + "no": 707, "name": "CTRL/list/choice/checkbox/corner", "fst_reference": "CTRL/choice/checkbox/corner", "optional": true, @@ -9674,7 +9765,7 @@ "cssName": "--smtc-ctrl-list-choice-checkbox-corner" }, "ctrlListChoiceCheckboxIconSize": { - "no": 701, + "no": 708, "name": "CTRL/list/choice/checkbox/icon/size", "fst_reference": "size/ctrl/iconSecondary", "optional": true, @@ -9687,7 +9778,7 @@ "cssName": "--smtc-ctrl-list-choice-checkbox-icon-size" }, "ctrlListChoiceCheckboxIconSizeFigmaonly": { - "no": 702, + "no": 709, "name": "CTRL/list/choice/checkbox/icon/size(figmaonly)", "fst_reference": "", "optional": false, @@ -9697,10 +9788,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-list-choice-checkbox-icon-sizefigmaonly" + "cssName": "--smtc-ctrl-list-choice-checkbox-icon-size-figmaonly" }, "ctrlListChoiceDotSize": { - "no": 703, + "no": 710, "name": "CTRL/list/choice/dot/size", "fst_reference": "", "optional": false, @@ -9713,7 +9804,7 @@ "cssName": "--smtc-ctrl-list-choice-dot-size" }, "ctrlListChoiceDotSizeFigmaonly": { - "no": 704, + "no": 711, "name": "CTRL/list/choice/dot/size(figmaonly)", "fst_reference": "", "optional": false, @@ -9723,10 +9814,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-list-choice-dot-sizefigmaonly" + "cssName": "--smtc-ctrl-list-choice-dot-size-figmaonly" }, "ctrlListSplitDividerPaddingInset": { - "no": 705, + "no": 712, "name": "CTRL/list/split/divider/padding/inset", "fst_reference": "", "optional": false, @@ -9739,7 +9830,7 @@ "cssName": "--smtc-ctrl-list-split-divider-padding-inset" }, "ctrlListSplitDividerStroke": { - "no": 706, + "no": 713, "name": "CTRL/list/split/divider/stroke", "fst_reference": "stroke/ctrl/divider/onNeutral", "optional": true, @@ -9752,7 +9843,7 @@ "cssName": "--smtc-ctrl-list-split-divider-stroke" }, "ctrlListSmCornerRest": { - "no": 707, + "no": 714, "name": "CTRL/list/sm/corner/rest", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -9765,7 +9856,7 @@ "cssName": "--smtc-ctrl-list-sm-corner-rest" }, "ctrlListSmCornerHover": { - "no": 708, + "no": 715, "name": "CTRL/list/sm/corner/hover", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -9778,7 +9869,7 @@ "cssName": "--smtc-ctrl-list-sm-corner-hover" }, "ctrlListSmCornerPressed": { - "no": 709, + "no": 716, "name": "CTRL/list/sm/corner/pressed", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -9791,7 +9882,7 @@ "cssName": "--smtc-ctrl-list-sm-corner-pressed" }, "ctrlListSmIndentLevel1": { - "no": 710, + "no": 717, "name": "CTRL/list/sm/indent/level1", "fst_reference": "padding/ctrl-sm/horizontal-default", "optional": true, @@ -9804,7 +9895,7 @@ "cssName": "--smtc-ctrl-list-sm-indent-level1" }, "ctrlListSmIndentLevel2": { - "no": 711, + "no": 718, "name": "CTRL/list/sm/indent/(level2)", "fst_reference": "", "optional": false, @@ -9817,7 +9908,7 @@ "cssName": "--smtc-ctrl-list-sm-indent-level2" }, "ctrlListSmIndentLevel3": { - "no": 712, + "no": 719, "name": "CTRL/list/sm/indent/(level3)", "fst_reference": "", "optional": false, @@ -9830,7 +9921,7 @@ "cssName": "--smtc-ctrl-list-sm-indent-level3" }, "ctrlListLgCornerRest": { - "no": 713, + "no": 720, "name": "CTRL/list/lg/corner/rest", "fst_reference": "corner/ctrl-lg/rest", "optional": true, @@ -9843,7 +9934,7 @@ "cssName": "--smtc-ctrl-list-lg-corner-rest" }, "ctrlListLgCornerHover": { - "no": 714, + "no": 721, "name": "CTRL/list/lg/corner/hover", "fst_reference": "corner/ctrl-lg/rest", "optional": true, @@ -9856,7 +9947,7 @@ "cssName": "--smtc-ctrl-list-lg-corner-hover" }, "ctrlListLgCornerPressed": { - "no": 715, + "no": 722, "name": "CTRL/list/lg/corner/pressed", "fst_reference": "corner/ctrl-lg/rest", "optional": true, @@ -9869,7 +9960,7 @@ "cssName": "--smtc-ctrl-list-lg-corner-pressed" }, "ctrlListLgIndentLevel1": { - "no": 716, + "no": 723, "name": "CTRL/list/lg/indent/level1", "fst_reference": "padding/ctrl-lg/horizontal-default", "optional": true, @@ -9882,7 +9973,7 @@ "cssName": "--smtc-ctrl-list-lg-indent-level1" }, "ctrlListLgIndentLevel2": { - "no": 717, + "no": 724, "name": "CTRL/list/lg/indent/(level2)", "fst_reference": "", "optional": false, @@ -9895,7 +9986,7 @@ "cssName": "--smtc-ctrl-list-lg-indent-level2" }, "ctrlListLgIndentLevel3": { - "no": 718, + "no": 725, "name": "CTRL/list/lg/indent/(level3)", "fst_reference": "", "optional": false, @@ -9907,8 +9998,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-list-lg-indent-level3" }, - "ctrlLitefilterBackgroundSelected": { - "no": 719, + "ctrlLiteFilterBackgroundSelected": { + "no": 726, "name": "CTRL/liteFilter/background/selected", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -9918,10 +10009,10 @@ "contrast": "", "fallback": "background/ctrl/brand/rest", "exceptions": [], - "cssName": "--smtc-ctrl-litefilter-background-selected" + "cssName": "--smtc-ctrl-lite-filter-background-selected" }, - "ctrlLitefilterStrokeSelected": { - "no": 720, + "ctrlLiteFilterStrokeSelected": { + "no": 727, "name": "CTRL/liteFilter/stroke/selected", "fst_reference": "stroke/ctrl/onBrand/rest", "optional": true, @@ -9931,10 +10022,10 @@ "contrast": "", "fallback": "stroke/ctrl/onBrand/rest", "exceptions": [], - "cssName": "--smtc-ctrl-litefilter-stroke-selected" + "cssName": "--smtc-ctrl-lite-filter-stroke-selected" }, - "ctrlLitefilterForegroundSelected": { - "no": 721, + "ctrlLiteFilterForegroundSelected": { + "no": 728, "name": "CTRL/liteFilter/foreground/selected", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -9944,10 +10035,10 @@ "contrast": "", "fallback": "foreground/ctrl/onBrand/rest", "exceptions": [], - "cssName": "--smtc-ctrl-litefilter-foreground-selected" + "cssName": "--smtc-ctrl-lite-filter-foreground-selected" }, "ctrlProgressBackgroundEmpty": { - "no": 722, + "no": 729, "name": "CTRL/progress/background/empty", "fst_reference": "", "optional": false, @@ -9960,7 +10051,7 @@ "cssName": "--smtc-ctrl-progress-background-empty" }, "ctrlProgressBackgroundFilled": { - "no": 723, + "no": 730, "name": "CTRL/progress/background/filled", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -9973,7 +10064,7 @@ "cssName": "--smtc-ctrl-progress-background-filled" }, "ctrlProgressCorner": { - "no": 724, + "no": 731, "name": "CTRL/progress/corner", "fst_reference": "corner/circular", "optional": true, @@ -9986,7 +10077,7 @@ "cssName": "--smtc-ctrl-progress-corner" }, "ctrlProgressHeightFilled": { - "no": 725, + "no": 732, "name": "CTRL/progress/height/filled", "fst_reference": "", "optional": false, @@ -9999,7 +10090,7 @@ "cssName": "--smtc-ctrl-progress-height-filled" }, "ctrlProgressHeightEmpty": { - "no": 726, + "no": 733, "name": "CTRL/progress/height/empty", "fst_reference": "CTRL/progress/height/filled", "optional": true, @@ -10012,7 +10103,7 @@ "cssName": "--smtc-ctrl-progress-height-empty" }, "ctrlProgressSmHeightFilled": { - "no": 727, + "no": 734, "name": "CTRL/progress/sm/height/filled", "fst_reference": "", "optional": false, @@ -10025,7 +10116,7 @@ "cssName": "--smtc-ctrl-progress-sm-height-filled" }, "ctrlProgressSmHeightEmpty": { - "no": 728, + "no": 735, "name": "CTRL/progress/sm/height/empty", "fst_reference": "CTRL/progress/sm/height/filled", "optional": true, @@ -10038,7 +10129,7 @@ "cssName": "--smtc-ctrl-progress-sm-height-empty" }, "ctrlRatingIconTheme": { - "no": 729, + "no": 736, "name": "CTRL/rating/icon/theme", "fst_reference": "iconTheme/ctrl/default/rest", "optional": true, @@ -10051,7 +10142,7 @@ "cssName": "--smtc-ctrl-rating-icon-theme" }, "ctrlRatingIconGap": { - "no": 730, + "no": 737, "name": "CTRL/rating/icon/gap", "fst_reference": "", "optional": false, @@ -10064,7 +10155,7 @@ "cssName": "--smtc-ctrl-rating-icon-gap" }, "ctrlRatingIconForegroundFilled": { - "no": 731, + "no": 738, "name": "CTRL/rating/icon/foreground/filled", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -10077,7 +10168,7 @@ "cssName": "--smtc-ctrl-rating-icon-foreground-filled" }, "ctrlRatingIconForegroundEmpty": { - "no": 732, + "no": 739, "name": "CTRL/rating/icon/foreground/empty", "fst_reference": "CTRL/progress/background/empty", "optional": true, @@ -10090,7 +10181,7 @@ "cssName": "--smtc-ctrl-rating-icon-foreground-empty" }, "ctrlRatingIconSize": { - "no": 733, + "no": 740, "name": "CTRL/rating/icon/size", "fst_reference": "size/ctrl/icon", "optional": true, @@ -10103,7 +10194,7 @@ "cssName": "--smtc-ctrl-rating-icon-size" }, "ctrlSegmentedBackgroundRest": { - "no": 734, + "no": 741, "name": "CTRL/segmented/background/rest", "fst_reference": "background/ctrl/outline/rest", "optional": true, @@ -10116,7 +10207,7 @@ "cssName": "--smtc-ctrl-segmented-background-rest" }, "ctrlSegmentedBackgroundHover": { - "no": 735, + "no": 742, "name": "CTRL/segmented/background/hover", "fst_reference": "background/ctrl/outline/hover", "optional": true, @@ -10129,7 +10220,7 @@ "cssName": "--smtc-ctrl-segmented-background-hover" }, "ctrlSegmentedBackgroundPressed": { - "no": 736, + "no": 743, "name": "CTRL/segmented/background/pressed", "fst_reference": "background/ctrl/outline/pressed", "optional": true, @@ -10142,7 +10233,7 @@ "cssName": "--smtc-ctrl-segmented-background-pressed" }, "ctrlSegmentedBackgroundDisabled": { - "no": 737, + "no": 744, "name": "CTRL/segmented/background/disabled", "fst_reference": "background/ctrl/outline/disabled", "optional": true, @@ -10155,7 +10246,7 @@ "cssName": "--smtc-ctrl-segmented-background-disabled" }, "ctrlSegmentedStrokeRest": { - "no": 738, + "no": 745, "name": "CTRL/segmented/stroke/rest", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -10168,7 +10259,7 @@ "cssName": "--smtc-ctrl-segmented-stroke-rest" }, "ctrlSegmentedStrokeHover": { - "no": 739, + "no": 746, "name": "CTRL/segmented/stroke/hover", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -10181,7 +10272,7 @@ "cssName": "--smtc-ctrl-segmented-stroke-hover" }, "ctrlSegmentedStrokePressed": { - "no": 740, + "no": 747, "name": "CTRL/segmented/stroke/pressed", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -10194,7 +10285,7 @@ "cssName": "--smtc-ctrl-segmented-stroke-pressed" }, "ctrlSegmentedStrokeDisabled": { - "no": 741, + "no": 748, "name": "CTRL/segmented/stroke/disabled", "fst_reference": "foreground/ctrl/neutral/secondary/disabled", "optional": true, @@ -10207,7 +10298,7 @@ "cssName": "--smtc-ctrl-segmented-stroke-disabled" }, "ctrlSegmentedCornerRest": { - "no": 742, + "no": 749, "name": "CTRL/segmented/corner/rest", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -10220,7 +10311,7 @@ "cssName": "--smtc-ctrl-segmented-corner-rest" }, "ctrlSegmentedCornerHover": { - "no": 743, + "no": 750, "name": "CTRL/segmented/corner/hover", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -10233,7 +10324,7 @@ "cssName": "--smtc-ctrl-segmented-corner-hover" }, "ctrlSegmentedCornerPressed": { - "no": 744, + "no": 751, "name": "CTRL/segmented/corner/pressed", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -10246,7 +10337,7 @@ "cssName": "--smtc-ctrl-segmented-corner-pressed" }, "ctrlSegmentedPaddingRest": { - "no": 745, + "no": 752, "name": "CTRL/segmented/padding/rest", "fst_reference": "", "optional": false, @@ -10259,7 +10350,7 @@ "cssName": "--smtc-ctrl-segmented-padding-rest" }, "ctrlSegmentedPaddingHover": { - "no": 746, + "no": 753, "name": "CTRL/segmented/padding/hover", "fst_reference": "CTRL/segmented/padding/rest", "optional": true, @@ -10272,7 +10363,7 @@ "cssName": "--smtc-ctrl-segmented-padding-hover" }, "ctrlSegmentedPaddingPressed": { - "no": 747, + "no": 754, "name": "CTRL/segmented/padding/pressed", "fst_reference": "CTRL/segmented/padding/rest", "optional": true, @@ -10285,7 +10376,7 @@ "cssName": "--smtc-ctrl-segmented-padding-pressed" }, "ctrlSegmentedGap": { - "no": 748, + "no": 755, "name": "CTRL/segmented/gap", "fst_reference": "NULL/number", "optional": false, @@ -10298,7 +10389,7 @@ "cssName": "--smtc-ctrl-segmented-gap" }, "ctrlSegmentedItemCornerRest": { - "no": 749, + "no": 756, "name": "CTRL/segmented/Item/corner/rest", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -10311,7 +10402,7 @@ "cssName": "--smtc-ctrl-segmented-item-corner-rest" }, "ctrlSegmentedItemCornerHover": { - "no": 750, + "no": 757, "name": "CTRL/segmented/Item/corner/hover", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -10324,7 +10415,7 @@ "cssName": "--smtc-ctrl-segmented-item-corner-hover" }, "ctrlSegmentedItemCornerPressed": { - "no": 751, + "no": 758, "name": "CTRL/segmented/Item/corner/pressed", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -10337,7 +10428,7 @@ "cssName": "--smtc-ctrl-segmented-item-corner-pressed" }, "ctrlSliderBarHeight": { - "no": 752, + "no": 759, "name": "CTRL/slider/bar/height", "fst_reference": "CTRL/progress/height/filled", "optional": true, @@ -10349,8 +10440,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-slider-bar-height" }, - "ctrlSplitDividerStrokewidth": { - "no": 753, + "ctrlSplitDividerStrokeWidth": { + "no": 760, "name": "CTRL/split/divider/strokeWidth", "fst_reference": "strokeWidth/default", "optional": true, @@ -10360,10 +10451,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-split-divider-strokewidth" + "cssName": "--smtc-ctrl-split-divider-stroke-width" }, - "ctrlSplitDividerStrokewidthOnoutline": { - "no": 754, + "ctrlSplitDividerStrokeWidthOnOutline": { + "no": 761, "name": "CTRL/split/divider/strokeWidth-onOutline", "fst_reference": "strokeWidth/default", "optional": true, @@ -10373,10 +10464,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-split-divider-strokewidth-onoutline" + "cssName": "--smtc-ctrl-split-divider-stroke-width-on-outline" }, - "ctrlSplitDividerStrokewidthOnsubtle": { - "no": 755, + "ctrlSplitDividerStrokeWidthOnSubtle": { + "no": 762, "name": "CTRL/split/divider/strokeWidth-onSubtle", "fst_reference": "NULL/number", "optional": false, @@ -10386,10 +10477,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-split-divider-strokewidth-onsubtle" + "cssName": "--smtc-ctrl-split-divider-stroke-width-on-subtle" }, - "ctrlSpinnerStrokewidth": { - "no": 756, + "ctrlSpinnerStrokeWidth": { + "no": 763, "name": "CTRL/spinner/strokeWidth", "fst_reference": "CTRL/progress/height/filled", "optional": true, @@ -10399,10 +10490,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-spinner-strokewidth" + "cssName": "--smtc-ctrl-spinner-stroke-width" }, - "ctrlSpinnerShowemptytrack": { - "no": 757, + "ctrlSpinnerShowEmptyTrack": { + "no": 764, "name": "CTRL/spinner/showEmptyTrack", "fst_reference": "", "optional": false, @@ -10412,10 +10503,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-spinner-showemptytrack" + "cssName": "--smtc-ctrl-spinner-show-empty-track" }, "ctrlTooltipCorner": { - "no": 758, + "no": 765, "name": "CTRL/tooltip/corner", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -10428,7 +10519,7 @@ "cssName": "--smtc-ctrl-tooltip-corner" }, "ctrlTooltipBackground": { - "no": 759, + "no": 766, "name": "CTRL/tooltip/background", "fst_reference": "", "optional": false, @@ -10441,7 +10532,7 @@ "cssName": "--smtc-ctrl-tooltip-background" }, "ctrlTooltipForeground": { - "no": 760, + "no": 767, "name": "CTRL/tooltip/foreground", "fst_reference": "", "optional": false, @@ -10454,7 +10545,7 @@ "cssName": "--smtc-ctrl-tooltip-foreground" }, "ctrlSliderBarCorner": { - "no": 761, + "no": 768, "name": "CTRL/slider/bar/corner", "fst_reference": "corner/circular", "optional": true, @@ -10467,7 +10558,7 @@ "cssName": "--smtc-ctrl-slider-bar-corner" }, "ctrlSliderBarForegroundFilledRest": { - "no": 762, + "no": 769, "name": "CTRL/slider/bar/foreground/filled/rest", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -10480,7 +10571,7 @@ "cssName": "--smtc-ctrl-slider-bar-foreground-filled-rest" }, "ctrlSliderBarForegroundEmptyRest": { - "no": 763, + "no": 770, "name": "CTRL/slider/bar/foreground/empty/rest", "fst_reference": "CTRL/progress/background/empty", "optional": true, @@ -10493,7 +10584,7 @@ "cssName": "--smtc-ctrl-slider-bar-foreground-empty-rest" }, "ctrlSliderBarForegroundEmptyHover": { - "no": 764, + "no": 771, "name": "CTRL/slider/bar/foreground/empty/hover", "fst_reference": "CTRL/progress/background/empty", "optional": true, @@ -10506,7 +10597,7 @@ "cssName": "--smtc-ctrl-slider-bar-foreground-empty-hover" }, "ctrlSliderBarForegroundEmptyPressed": { - "no": 765, + "no": 772, "name": "CTRL/slider/bar/foreground/empty/pressed", "fst_reference": "CTRL/progress/background/empty", "optional": true, @@ -10519,7 +10610,7 @@ "cssName": "--smtc-ctrl-slider-bar-foreground-empty-pressed" }, "ctrlSliderBarForegroundEmptyDisabled": { - "no": 766, + "no": 773, "name": "CTRL/slider/bar/foreground/empty/disabled", "fst_reference": "CTRL/progress/background/empty", "optional": true, @@ -10532,7 +10623,7 @@ "cssName": "--smtc-ctrl-slider-bar-foreground-empty-disabled" }, "ctrlSliderBarForegroundFilledHover": { - "no": 767, + "no": 774, "name": "CTRL/slider/bar/foreground/filled/hover", "fst_reference": "background/ctrl/brand/hover", "optional": true, @@ -10545,7 +10636,7 @@ "cssName": "--smtc-ctrl-slider-bar-foreground-filled-hover" }, "ctrlSliderBarForegroundFilledPressed": { - "no": 768, + "no": 775, "name": "CTRL/slider/bar/foreground/filled/pressed", "fst_reference": "background/ctrl/brand/pressed", "optional": true, @@ -10558,7 +10649,7 @@ "cssName": "--smtc-ctrl-slider-bar-foreground-filled-pressed" }, "ctrlSliderBarForegroundFilledDisabled": { - "no": 769, + "no": 776, "name": "CTRL/slider/bar/foreground/filled/disabled", "fst_reference": "background/ctrl/brand/disabled", "optional": true, @@ -10571,7 +10662,7 @@ "cssName": "--smtc-ctrl-slider-bar-foreground-filled-disabled" }, "ctrlSliderThumbCorner": { - "no": 770, + "no": 777, "name": "CTRL/slider/thumb/corner", "fst_reference": "corner/circular", "optional": true, @@ -10584,7 +10675,7 @@ "cssName": "--smtc-ctrl-slider-thumb-corner" }, "ctrlSliderThumbSizeRest": { - "no": 771, + "no": 778, "name": "CTRL/slider/thumb/size/rest", "fst_reference": "size/ctrl/icon", "optional": true, @@ -10597,7 +10688,7 @@ "cssName": "--smtc-ctrl-slider-thumb-size-rest" }, "ctrlSliderThumbSizeHover": { - "no": 772, + "no": 779, "name": "CTRL/slider/thumb/size/hover", "fst_reference": "size/ctrl/icon", "optional": true, @@ -10610,7 +10701,7 @@ "cssName": "--smtc-ctrl-slider-thumb-size-hover" }, "ctrlSliderThumbSizePressed": { - "no": 773, + "no": 780, "name": "CTRL/slider/thumb/size/pressed", "fst_reference": "size/ctrl/icon", "optional": true, @@ -10623,7 +10714,7 @@ "cssName": "--smtc-ctrl-slider-thumb-size-pressed" }, "ctrlSliderThumbBackgroundRest": { - "no": 774, + "no": 781, "name": "CTRL/slider/thumb/background/rest", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -10636,7 +10727,7 @@ "cssName": "--smtc-ctrl-slider-thumb-background-rest" }, "ctrlSliderThumbBackgroundHover": { - "no": 775, + "no": 782, "name": "CTRL/slider/thumb/background/hover", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -10649,7 +10740,7 @@ "cssName": "--smtc-ctrl-slider-thumb-background-hover" }, "ctrlSliderThumbBackgroundPressed": { - "no": 776, + "no": 783, "name": "CTRL/slider/thumb/background/pressed", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -10662,7 +10753,7 @@ "cssName": "--smtc-ctrl-slider-thumb-background-pressed" }, "ctrlSliderThumbBackgroundDisabled": { - "no": 777, + "no": 784, "name": "CTRL/slider/thumb/background/disabled", "fst_reference": "foreground/ctrl/onBrand/disabled", "optional": true, @@ -10674,8 +10765,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-slider-thumb-background-disabled" }, - "ctrlSliderThumbInnerStrokewidthRest": { - "no": 778, + "ctrlSliderThumbInnerStrokeWidthRest": { + "no": 785, "name": "CTRL/slider/thumb/inner/strokeWidth/rest", "fst_reference": "", "optional": false, @@ -10685,10 +10776,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-slider-thumb-inner-strokewidth-rest" + "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-width-rest" }, - "ctrlSliderThumbInnerStrokewidthHover": { - "no": 779, + "ctrlSliderThumbInnerStrokeWidthHover": { + "no": 786, "name": "CTRL/slider/thumb/inner/strokeWidth/hover", "fst_reference": "CTRL/slider/thumb/inner/strokeWidth/rest", "optional": true, @@ -10698,10 +10789,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-slider-thumb-inner-strokewidth-hover" + "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-width-hover" }, - "ctrlSliderThumbInnerStrokewidthPressed": { - "no": 780, + "ctrlSliderThumbInnerStrokeWidthPressed": { + "no": 787, "name": "CTRL/slider/thumb/inner/strokeWidth/pressed", "fst_reference": "CTRL/slider/thumb/inner/strokeWidth/rest", "optional": true, @@ -10711,10 +10802,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-slider-thumb-inner-strokewidth-pressed" + "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-width-pressed" }, "ctrlSliderThumbInnerStrokeRest": { - "no": 781, + "no": 788, "name": "CTRL/slider/thumb/inner/stroke/rest", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -10727,7 +10818,7 @@ "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-rest" }, "ctrlSliderThumbInnerStrokeHover": { - "no": 782, + "no": 789, "name": "CTRL/slider/thumb/inner/stroke/hover", "fst_reference": "background/ctrl/brand/hover", "optional": true, @@ -10740,7 +10831,7 @@ "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-hover" }, "ctrlSliderThumbInnerStrokePressed": { - "no": 783, + "no": 790, "name": "CTRL/slider/thumb/inner/stroke/pressed", "fst_reference": "background/ctrl/brand/pressed", "optional": true, @@ -10753,7 +10844,7 @@ "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-pressed" }, "ctrlSliderThumbInnerStrokeDisabled": { - "no": 784, + "no": 791, "name": "CTRL/slider/thumb/inner/stroke/disabled", "fst_reference": "background/ctrl/brand/disabled", "optional": true, @@ -10765,8 +10856,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-slider-thumb-inner-stroke-disabled" }, - "ctrlSliderThumbOuterStrokewidth": { - "no": 785, + "ctrlSliderThumbOuterStrokeWidth": { + "no": 792, "name": "CTRL/slider/thumb/outer/strokeWidth", "fst_reference": "strokeWidth/default", "optional": true, @@ -10776,10 +10867,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-slider-thumb-outer-strokewidth" + "cssName": "--smtc-ctrl-slider-thumb-outer-stroke-width" }, "ctrlSliderThumbOuterStrokeRest": { - "no": 786, + "no": 793, "name": "CTRL/slider/thumb/outer/stroke/rest", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -10792,7 +10883,7 @@ "cssName": "--smtc-ctrl-slider-thumb-outer-stroke-rest" }, "ctrlSliderThumbOuterStrokeHover": { - "no": 787, + "no": 794, "name": "CTRL/slider/thumb/outer/stroke/hover", "fst_reference": "background/ctrl/brand/hover", "optional": true, @@ -10805,7 +10896,7 @@ "cssName": "--smtc-ctrl-slider-thumb-outer-stroke-hover" }, "ctrlSliderThumbOuterStrokePressed": { - "no": 788, + "no": 795, "name": "CTRL/slider/thumb/outer/stroke/pressed", "fst_reference": "background/ctrl/brand/pressed", "optional": true, @@ -10818,7 +10909,7 @@ "cssName": "--smtc-ctrl-slider-thumb-outer-stroke-pressed" }, "ctrlSliderThumbOuterStrokeDisabled": { - "no": 789, + "no": 796, "name": "CTRL/slider/thumb/outer/stroke/disabled", "fst_reference": "background/ctrl/brand/disabled", "optional": true, @@ -10831,7 +10922,7 @@ "cssName": "--smtc-ctrl-slider-thumb-outer-stroke-disabled" }, "ctrlSliderSmThumbSizeRest": { - "no": 790, + "no": 797, "name": "CTRL/slider/sm/thumb/size/rest", "fst_reference": "size/ctrl-sm/icon", "optional": true, @@ -10844,7 +10935,7 @@ "cssName": "--smtc-ctrl-slider-sm-thumb-size-rest" }, "ctrlSliderSmThumbSizeHover": { - "no": 791, + "no": 798, "name": "CTRL/slider/sm/thumb/size/hover", "fst_reference": "size/ctrl-sm/icon", "optional": true, @@ -10857,7 +10948,7 @@ "cssName": "--smtc-ctrl-slider-sm-thumb-size-hover" }, "ctrlSliderSmThumbSizePressed": { - "no": 792, + "no": 799, "name": "CTRL/slider/sm/thumb/size/pressed", "fst_reference": "size/ctrl-sm/icon", "optional": true, @@ -10870,7 +10961,7 @@ "cssName": "--smtc-ctrl-slider-sm-thumb-size-pressed" }, "ctrlSliderSmBarHeight": { - "no": 793, + "no": 800, "name": "CTRL/slider/sm/bar/height", "fst_reference": "CTRL/progress/sm/height/filled", "optional": true, @@ -10883,7 +10974,7 @@ "cssName": "--smtc-ctrl-slider-sm-bar-height" }, "ctrlSliderLgThumbSizeRest": { - "no": 794, + "no": 801, "name": "CTRL/slider/lg/thumb/size/rest", "fst_reference": "size/ctrl-lg/icon", "optional": true, @@ -10896,7 +10987,7 @@ "cssName": "--smtc-ctrl-slider-lg-thumb-size-rest" }, "ctrlSliderLgBarHeight": { - "no": 795, + "no": 802, "name": "CTRL/slider/lg/bar/height", "fst_reference": "CTRL/progress/lg/height/filled", "optional": true, @@ -10909,7 +11000,7 @@ "cssName": "--smtc-ctrl-slider-lg-bar-height" }, "ctrlSliderLgThumbSizeHover": { - "no": 796, + "no": 803, "name": "CTRL/slider/lg/thumb/size/hover", "fst_reference": "size/ctrl-lg/icon", "optional": true, @@ -10922,7 +11013,7 @@ "cssName": "--smtc-ctrl-slider-lg-thumb-size-hover" }, "ctrlSliderLgThumbSizePressed": { - "no": 797, + "no": 804, "name": "CTRL/slider/lg/thumb/size/pressed", "fst_reference": "size/ctrl-lg/icon", "optional": true, @@ -10934,8 +11025,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-slider-lg-thumb-size-pressed" }, - "ctrlListSplitDividerShowdivider": { - "no": 798, + "ctrlListSplitDividerShowDivider": { + "no": 805, "name": "CTRL/list/split/divider/showDivider", "fst_reference": "", "optional": false, @@ -10945,10 +11036,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-list-split-divider-showdivider" + "cssName": "--smtc-ctrl-list-split-divider-show-divider" }, - "ctrlAvatarPresencebadgeBackgroundBehindbadge": { - "no": 799, + "ctrlAvatarPresenceBadgeBackgroundBehindBadge": { + "no": 806, "name": "CTRL/avatar/presenceBadge/background/behindBadge", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -10958,10 +11049,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-avatar-presencebadge-background-behindbadge" + "cssName": "--smtc-ctrl-avatar-presence-badge-background-behind-badge" }, "statusBrandBackground": { - "no": 800, + "no": 807, "name": "STATUS/brand/background", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -10974,7 +11065,7 @@ "cssName": "--smtc-status-brand-background" }, "statusBrandStroke": { - "no": 801, + "no": 808, "name": "STATUS/brand/stroke", "fst_reference": "background/ctrl/brand/rest", "optional": true, @@ -10987,7 +11078,7 @@ "cssName": "--smtc-status-brand-stroke" }, "statusBrandForeground": { - "no": 802, + "no": 809, "name": "STATUS/brand/foreground", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -11000,7 +11091,7 @@ "cssName": "--smtc-status-brand-foreground" }, "statusBrandTintBackground": { - "no": 803, + "no": 810, "name": "STATUS/brand/tint/background", "fst_reference": "", "optional": false, @@ -11013,7 +11104,7 @@ "cssName": "--smtc-status-brand-tint-background" }, "statusBrandTintStroke": { - "no": 804, + "no": 811, "name": "STATUS/brand/tint/stroke", "fst_reference": "", "optional": false, @@ -11026,7 +11117,7 @@ "cssName": "--smtc-status-brand-tint-stroke" }, "statusBrandTintForeground": { - "no": 805, + "no": 812, "name": "STATUS/brand/tint/foreground", "fst_reference": "foreground/ctrl/brand/rest", "optional": true, @@ -11039,7 +11130,7 @@ "cssName": "--smtc-status-brand-tint-foreground" }, "statusDangerBackground": { - "no": 806, + "no": 813, "name": "STATUS/danger/background", "fst_reference": "", "optional": false, @@ -11052,7 +11143,7 @@ "cssName": "--smtc-status-danger-background" }, "statusDangerStroke": { - "no": 807, + "no": 814, "name": "STATUS/danger/stroke", "fst_reference": "STATUS/danger/background", "optional": true, @@ -11065,7 +11156,7 @@ "cssName": "--smtc-status-danger-stroke" }, "statusDangerForeground": { - "no": 808, + "no": 815, "name": "STATUS/danger/foreground", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -11078,7 +11169,7 @@ "cssName": "--smtc-status-danger-foreground" }, "statusDangerTintBackground": { - "no": 809, + "no": 816, "name": "STATUS/danger/tint/background", "fst_reference": "", "optional": false, @@ -11091,7 +11182,7 @@ "cssName": "--smtc-status-danger-tint-background" }, "statusDangerTintStroke": { - "no": 810, + "no": 817, "name": "STATUS/danger/tint/stroke", "fst_reference": "", "optional": false, @@ -11104,7 +11195,7 @@ "cssName": "--smtc-status-danger-tint-stroke" }, "statusDangerTintForeground": { - "no": 811, + "no": 818, "name": "STATUS/danger/tint/foreground", "fst_reference": "", "optional": false, @@ -11117,7 +11208,7 @@ "cssName": "--smtc-status-danger-tint-foreground" }, "statusWarningBackground": { - "no": 812, + "no": 819, "name": "STATUS/warning/background", "fst_reference": "", "optional": false, @@ -11130,7 +11221,7 @@ "cssName": "--smtc-status-warning-background" }, "statusWarningStroke": { - "no": 813, + "no": 820, "name": "STATUS/warning/stroke", "fst_reference": "STATUS/warning/background", "optional": true, @@ -11143,7 +11234,7 @@ "cssName": "--smtc-status-warning-stroke" }, "statusWarningForeground": { - "no": 814, + "no": 821, "name": "STATUS/warning/foreground", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -11156,7 +11247,7 @@ "cssName": "--smtc-status-warning-foreground" }, "statusWarningTintBackground": { - "no": 815, + "no": 822, "name": "STATUS/warning/tint/background", "fst_reference": "", "optional": false, @@ -11169,7 +11260,7 @@ "cssName": "--smtc-status-warning-tint-background" }, "statusWarningTintStroke": { - "no": 816, + "no": 823, "name": "STATUS/warning/tint/stroke", "fst_reference": "", "optional": false, @@ -11182,7 +11273,7 @@ "cssName": "--smtc-status-warning-tint-stroke" }, "statusWarningTintForeground": { - "no": 817, + "no": 824, "name": "STATUS/warning/tint/foreground", "fst_reference": "", "optional": false, @@ -11195,7 +11286,7 @@ "cssName": "--smtc-status-warning-tint-foreground" }, "statusSuccessBackground": { - "no": 818, + "no": 825, "name": "STATUS/success/background", "fst_reference": "", "optional": false, @@ -11208,7 +11299,7 @@ "cssName": "--smtc-status-success-background" }, "statusSuccessStroke": { - "no": 819, + "no": 826, "name": "STATUS/success/stroke", "fst_reference": "STATUS/success/background", "optional": true, @@ -11221,7 +11312,7 @@ "cssName": "--smtc-status-success-stroke" }, "statusSuccessForeground": { - "no": 820, + "no": 827, "name": "STATUS/success/foreground", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -11234,7 +11325,7 @@ "cssName": "--smtc-status-success-foreground" }, "statusSuccessTintBackground": { - "no": 821, + "no": 828, "name": "STATUS/success/tint/background", "fst_reference": "", "optional": false, @@ -11247,7 +11338,7 @@ "cssName": "--smtc-status-success-tint-background" }, "statusSuccessTintStroke": { - "no": 822, + "no": 829, "name": "STATUS/success/tint/stroke", "fst_reference": "", "optional": false, @@ -11260,7 +11351,7 @@ "cssName": "--smtc-status-success-tint-stroke" }, "statusSuccessTintForeground": { - "no": 823, + "no": 830, "name": "STATUS/success/tint/foreground", "fst_reference": "", "optional": false, @@ -11273,7 +11364,7 @@ "cssName": "--smtc-status-success-tint-foreground" }, "statusImportantBackground": { - "no": 824, + "no": 831, "name": "STATUS/important/background", "fst_reference": "", "optional": false, @@ -11286,7 +11377,7 @@ "cssName": "--smtc-status-important-background" }, "statusImportantStroke": { - "no": 825, + "no": 832, "name": "STATUS/important/stroke", "fst_reference": "STATUS/important/background", "optional": true, @@ -11299,7 +11390,7 @@ "cssName": "--smtc-status-important-stroke" }, "statusImportantForeground": { - "no": 826, + "no": 833, "name": "STATUS/important/foreground", "fst_reference": "foreground/ctrl/onBrand/rest", "optional": true, @@ -11312,7 +11403,7 @@ "cssName": "--smtc-status-important-foreground" }, "statusImportantTintBackground": { - "no": 827, + "no": 834, "name": "STATUS/important/tint/background", "fst_reference": "", "optional": false, @@ -11325,7 +11416,7 @@ "cssName": "--smtc-status-important-tint-background" }, "statusImportantTintStroke": { - "no": 828, + "no": 835, "name": "STATUS/important/tint/stroke", "fst_reference": "", "optional": false, @@ -11338,7 +11429,7 @@ "cssName": "--smtc-status-important-tint-stroke" }, "statusImportantTintForeground": { - "no": 829, + "no": 836, "name": "STATUS/important/tint/foreground", "fst_reference": "", "optional": false, @@ -11351,7 +11442,7 @@ "cssName": "--smtc-status-important-tint-foreground" }, "statusInformativeBackground": { - "no": 830, + "no": 837, "name": "STATUS/informative/background", "fst_reference": "", "optional": false, @@ -11364,7 +11455,7 @@ "cssName": "--smtc-status-informative-background" }, "statusInformativeStroke": { - "no": 831, + "no": 838, "name": "STATUS/informative/stroke", "fst_reference": "STATUS/informative/background", "optional": true, @@ -11377,7 +11468,7 @@ "cssName": "--smtc-status-informative-stroke" }, "statusInformativeForeground": { - "no": 832, + "no": 839, "name": "STATUS/informative/foreground", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -11390,7 +11481,7 @@ "cssName": "--smtc-status-informative-foreground" }, "statusInformativeTintForeground": { - "no": 833, + "no": 840, "name": "STATUS/informative/tint/foreground", "fst_reference": "", "optional": false, @@ -11403,7 +11494,7 @@ "cssName": "--smtc-status-informative-tint-foreground" }, "statusInformativeTintStroke": { - "no": 834, + "no": 841, "name": "STATUS/informative/tint/stroke", "fst_reference": "", "optional": false, @@ -11416,7 +11507,7 @@ "cssName": "--smtc-status-informative-tint-stroke" }, "statusInformativeTintBackground": { - "no": 835, + "no": 842, "name": "STATUS/informative/tint/background", "fst_reference": "", "optional": false, @@ -11429,7 +11520,7 @@ "cssName": "--smtc-status-informative-tint-background" }, "statusAwayForeground": { - "no": 836, + "no": 843, "name": "STATUS/away/foreground", "fst_reference": "", "optional": false, @@ -11442,7 +11533,7 @@ "cssName": "--smtc-status-away-foreground" }, "statusOofForeground": { - "no": 837, + "no": 844, "name": "STATUS/oof/foreground", "fst_reference": "", "optional": false, @@ -11454,8 +11545,8 @@ "exceptions": [], "cssName": "--smtc-status-oof-foreground" }, - "ctrlBooleanSelectionhint": { - "no": 838, + "ctrlBooleanSelectionHint": { + "no": 845, "name": "CTRL/boolean/selectionHint", "fst_reference": "", "optional": false, @@ -11465,10 +11556,10 @@ "contrast": "", "fallback": "", "exceptions": [], - "cssName": "--smtc-ctrl-boolean-selectionhint" + "cssName": "--smtc-ctrl-boolean-selection-hint" }, "ctrlComposerInputBottomStrokeWidthSelectedRest": { - "no": 839, + "no": 846, "name": "CTRL/composer/Input/Bottom-Stroke-Width/Selected-Rest", "fst_reference": "", "optional": false, @@ -11481,7 +11572,7 @@ "cssName": "--smtc-ctrl-composer-input-bottom-stroke-width-selected-rest" }, "ctrlComposerInputBottomStrokeWidthRest": { - "no": 840, + "no": 847, "name": "CTRL/composer/Input/Bottom-Stroke-Width/Rest", "fst_reference": "", "optional": false, @@ -11494,7 +11585,7 @@ "cssName": "--smtc-ctrl-composer-input-bottom-stroke-width-rest" }, "ctrlComposerInputBottomStrokeWidthHover": { - "no": 841, + "no": 848, "name": "CTRL/composer/Input/Bottom-Stroke-Width/Hover", "fst_reference": "", "optional": false, @@ -11507,7 +11598,7 @@ "cssName": "--smtc-ctrl-composer-input-bottom-stroke-width-hover" }, "ctrlComposerInputBottomStrokeWidthPressed": { - "no": 842, + "no": 849, "name": "CTRL/composer/Input/Bottom-Stroke-Width/Pressed", "fst_reference": "", "optional": false, @@ -11520,7 +11611,7 @@ "cssName": "--smtc-ctrl-composer-input-bottom-stroke-width-pressed" }, "ctrlComposerInputCornerRest": { - "no": 843, + "no": 850, "name": "CTRL/composer/Input/Corner/Rest", "fst_reference": "", "optional": false, @@ -11533,7 +11624,7 @@ "cssName": "--smtc-ctrl-composer-input-corner-rest" }, "ctrlComposerInputCornerHover": { - "no": 844, + "no": 851, "name": "CTRL/composer/Input/Corner/Hover", "fst_reference": "", "optional": false, @@ -11546,7 +11637,7 @@ "cssName": "--smtc-ctrl-composer-input-corner-hover" }, "ctrlComposerInputCornerPressed": { - "no": 845, + "no": 852, "name": "CTRL/composer/Input/Corner/Pressed", "fst_reference": "", "optional": false, @@ -11559,7 +11650,7 @@ "cssName": "--smtc-ctrl-composer-input-corner-pressed" }, "ctrlComposerInputBackgroundRest": { - "no": 846, + "no": 853, "name": "CTRL/composer/Input/Background/Rest", "fst_reference": "", "optional": false, @@ -11572,7 +11663,7 @@ "cssName": "--smtc-ctrl-composer-input-background-rest" }, "ctrlComposerInputBackgroundPressed": { - "no": 847, + "no": 854, "name": "CTRL/composer/Input/Background/Pressed", "fst_reference": "", "optional": false, @@ -11585,7 +11676,7 @@ "cssName": "--smtc-ctrl-composer-input-background-pressed" }, "ctrlComposerInputBackgroundDisabled": { - "no": 848, + "no": 855, "name": "CTRL/composer/Input/Background/Disabled", "fst_reference": "", "optional": false, @@ -11598,7 +11689,7 @@ "cssName": "--smtc-ctrl-composer-input-background-disabled" }, "ctrlComposerInputBackgroundSelectedRest": { - "no": 849, + "no": 856, "name": "CTRL/composer/Input/Background/Selected-Rest", "fst_reference": "", "optional": false, @@ -11611,7 +11702,7 @@ "cssName": "--smtc-ctrl-composer-input-background-selected-rest" }, "ctrlComposerInputBackgroundHover": { - "no": 850, + "no": 857, "name": "CTRL/composer/Input/Background/Hover", "fst_reference": "", "optional": false, @@ -11624,7 +11715,7 @@ "cssName": "--smtc-ctrl-composer-input-background-hover" }, "ctrlComposerInputStrokeRest": { - "no": 851, + "no": 858, "name": "CTRL/composer/Input/Stroke/Rest", "fst_reference": "NULL/color", "optional": false, @@ -11636,8 +11727,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-composer-input-stroke-rest" }, - "ctrlComposerInputStrokeHoverUsesgradient": { - "no": 852, + "ctrlComposerInputStrokeHoverUsesGradient": { + "no": 859, "name": "CTRL/composer/Input/Stroke/Hover(UsesGradient)", "fst_reference": "NULL/color", "optional": false, @@ -11647,10 +11738,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-input-stroke-hoverusesgradient" + "cssName": "--smtc-ctrl-composer-input-stroke-hover-uses-gradient" }, - "ctrlComposerInputStrokePressedUsesgradient": { - "no": 853, + "ctrlComposerInputStrokePressedUsesGradient": { + "no": 860, "name": "CTRL/composer/Input/Stroke/Pressed(UsesGradient)", "fst_reference": "NULL/color", "optional": false, @@ -11660,10 +11751,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-input-stroke-pressedusesgradient" + "cssName": "--smtc-ctrl-composer-input-stroke-pressed-uses-gradient" }, - "ctrlComposerInputStrokeDisabledUsesgradient": { - "no": 854, + "ctrlComposerInputStrokeDisabledUsesGradient": { + "no": 861, "name": "CTRL/composer/Input/Stroke/Disabled(UsesGradient)", "fst_reference": "NULL/color", "optional": false, @@ -11673,10 +11764,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-input-stroke-disabledusesgradient" + "cssName": "--smtc-ctrl-composer-input-stroke-disabled-uses-gradient" }, - "ctrlComposerInputStrokeSelectedRestUsesgradient": { - "no": 855, + "ctrlComposerInputStrokeSelectedRestUsesGradient": { + "no": 862, "name": "CTRL/composer/Input/Stroke/Selected-Rest(UsesGradient)", "fst_reference": "NULL/color", "optional": false, @@ -11686,10 +11777,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-input-stroke-selected-restusesgradient" + "cssName": "--smtc-ctrl-composer-input-stroke-selected-rest-uses-gradient" }, "ctrlComposerInputStrokeWidthRest": { - "no": 856, + "no": 863, "name": "CTRL/composer/Input/Stroke-Width/Rest", "fst_reference": "", "optional": false, @@ -11702,7 +11793,7 @@ "cssName": "--smtc-ctrl-composer-input-stroke-width-rest" }, "ctrlComposerInputStrokeWidthHover": { - "no": 857, + "no": 864, "name": "CTRL/composer/Input/Stroke-Width/Hover", "fst_reference": "", "optional": false, @@ -11715,7 +11806,7 @@ "cssName": "--smtc-ctrl-composer-input-stroke-width-hover" }, "ctrlComposerInputStrokeWidthPressed": { - "no": 858, + "no": 865, "name": "CTRL/composer/Input/Stroke-Width/Pressed", "fst_reference": "", "optional": false, @@ -11728,7 +11819,7 @@ "cssName": "--smtc-ctrl-composer-input-stroke-width-pressed" }, "ctrlComposerInputStrokeWidthSelectedRest": { - "no": 859, + "no": 866, "name": "CTRL/composer/Input/Stroke-Width/Selected-Rest", "fst_reference": "", "optional": false, @@ -11740,8 +11831,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-composer-input-stroke-width-selected-rest" }, - "ctrlComposerInputBottomstrokeRest": { - "no": 860, + "ctrlComposerInputBottomStrokeRest": { + "no": 867, "name": "CTRL/composer/Input/BottomStroke/Rest", "fst_reference": "NULL/color", "optional": false, @@ -11751,10 +11842,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-input-bottomstroke-rest" + "cssName": "--smtc-ctrl-composer-input-bottom-stroke-rest" }, - "ctrlComposerInputBottomstrokeHover": { - "no": 861, + "ctrlComposerInputBottomStrokeHover": { + "no": 868, "name": "CTRL/composer/Input/BottomStroke/Hover", "fst_reference": "NULL/color", "optional": false, @@ -11764,10 +11855,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-input-bottomstroke-hover" + "cssName": "--smtc-ctrl-composer-input-bottom-stroke-hover" }, - "ctrlComposerInputBottomstrokePressed": { - "no": 862, + "ctrlComposerInputBottomStrokePressed": { + "no": 869, "name": "CTRL/composer/Input/BottomStroke/Pressed", "fst_reference": "NULL/color", "optional": false, @@ -11777,10 +11868,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-input-bottomstroke-pressed" + "cssName": "--smtc-ctrl-composer-input-bottom-stroke-pressed" }, - "ctrlComposerInputBottomstrokeDisabled": { - "no": 863, + "ctrlComposerInputBottomStrokeDisabled": { + "no": 870, "name": "CTRL/composer/Input/BottomStroke/Disabled", "fst_reference": "NULL/color", "optional": false, @@ -11790,10 +11881,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-input-bottomstroke-disabled" + "cssName": "--smtc-ctrl-composer-input-bottom-stroke-disabled" }, - "ctrlComposerInputBottomstrokeSelectedRest": { - "no": 864, + "ctrlComposerInputBottomStrokeSelectedRest": { + "no": 871, "name": "CTRL/composer/Input/BottomStroke/Selected-Rest", "fst_reference": "NULL/color", "optional": false, @@ -11803,10 +11894,10 @@ "contrast": "", "fallback": "Neutral/Stroke/Transparent/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-input-bottomstroke-selected-rest" + "cssName": "--smtc-ctrl-composer-input-bottom-stroke-selected-rest" }, "ctrlComposerInputShadowXOffset": { - "no": 865, + "no": 872, "name": "CTRL/composer/Input/Shadow/(X-offset)", "fst_reference": "", "optional": false, @@ -11819,7 +11910,7 @@ "cssName": "--smtc-ctrl-composer-input-shadow-x-offset" }, "ctrlComposerInputShadowY": { - "no": 866, + "no": 873, "name": "CTRL/composer/Input/Shadow/(Y)", "fst_reference": "", "optional": false, @@ -11832,7 +11923,7 @@ "cssName": "--smtc-ctrl-composer-input-shadow-y" }, "ctrlComposerInputShadowBlur": { - "no": 867, + "no": 874, "name": "CTRL/composer/Input/Shadow/(Blur)", "fst_reference": "", "optional": false, @@ -11845,7 +11936,7 @@ "cssName": "--smtc-ctrl-composer-input-shadow-blur" }, "ctrlComposerInputShadowColor": { - "no": 868, + "no": 875, "name": "CTRL/composer/Input/Shadow/(Color)", "fst_reference": "", "optional": false, @@ -11858,7 +11949,7 @@ "cssName": "--smtc-ctrl-composer-input-shadow-color" }, "ctrlComposerContainerCorner": { - "no": 869, + "no": 876, "name": "CTRL/composer/Container/Corner", "fst_reference": "", "optional": false, @@ -11871,7 +11962,7 @@ "cssName": "--smtc-ctrl-composer-container-corner" }, "ctrlComposerContainerBackgroundDefault": { - "no": 870, + "no": 877, "name": "CTRL/composer/Container/Background/Default", "fst_reference": "", "optional": false, @@ -11883,8 +11974,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-composer-container-background-default" }, - "ctrlComposerContainerBackgroundAcryliccolorblend": { - "no": 871, + "ctrlComposerContainerBackgroundAcrylicColorBlend": { + "no": 878, "name": "CTRL/composer/Container/Background/(AcrylicColorBlend)", "fst_reference": "background/flyout/(solid)", "optional": true, @@ -11894,10 +11985,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-container-background-acryliccolorblend" + "cssName": "--smtc-ctrl-composer-container-background-acrylic-color-blend" }, - "ctrlComposerContainerBackgroundAcryliclumblend": { - "no": 872, + "ctrlComposerContainerBackgroundAcrylicLumBlend": { + "no": 879, "name": "CTRL/composer/Container/Background/(AcrylicLumBlend)", "fst_reference": "background/flyout/(solid)", "optional": true, @@ -11907,10 +11998,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-ctrl-composer-container-background-acryliclumblend" + "cssName": "--smtc-ctrl-composer-container-background-acrylic-lum-blend" }, "ctrlComposerContainerShadowKeyX": { - "no": 873, + "no": 880, "name": "CTRL/composer/Container/Shadow/Key/(X)", "fst_reference": "", "optional": false, @@ -11923,7 +12014,7 @@ "cssName": "--smtc-ctrl-composer-container-shadow-key-x" }, "ctrlComposerContainerShadowKeyY": { - "no": 874, + "no": 881, "name": "CTRL/composer/Container/Shadow/Key/(Y)", "fst_reference": "", "optional": false, @@ -11936,7 +12027,7 @@ "cssName": "--smtc-ctrl-composer-container-shadow-key-y" }, "ctrlComposerContainerShadowKeyBlur": { - "no": 875, + "no": 882, "name": "CTRL/composer/Container/Shadow/Key/(Blur)", "fst_reference": "", "optional": false, @@ -11949,7 +12040,7 @@ "cssName": "--smtc-ctrl-composer-container-shadow-key-blur" }, "ctrlComposerContainerShadowKeyColor": { - "no": 876, + "no": 883, "name": "CTRL/composer/Container/Shadow/Key/(Color)", "fst_reference": "", "optional": false, @@ -11962,7 +12053,7 @@ "cssName": "--smtc-ctrl-composer-container-shadow-key-color" }, "ctrlComposerContainerShadowAmbientX": { - "no": 877, + "no": 884, "name": "CTRL/composer/Container/Shadow/Ambient/(X)", "fst_reference": "", "optional": false, @@ -11975,7 +12066,7 @@ "cssName": "--smtc-ctrl-composer-container-shadow-ambient-x" }, "ctrlComposerContainerShadowAmbientY": { - "no": 878, + "no": 885, "name": "CTRL/composer/Container/Shadow/Ambient/(Y)", "fst_reference": "", "optional": false, @@ -11988,7 +12079,7 @@ "cssName": "--smtc-ctrl-composer-container-shadow-ambient-y" }, "ctrlComposerContainerShadowAmbientBlur": { - "no": 879, + "no": 886, "name": "CTRL/composer/Container/Shadow/Ambient/(Blur)", "fst_reference": "", "optional": false, @@ -12001,7 +12092,7 @@ "cssName": "--smtc-ctrl-composer-container-shadow-ambient-blur" }, "ctrlComposerContainerShadowAmbientColor": { - "no": 880, + "no": 887, "name": "CTRL/composer/Container/Shadow/Ambient/(Color)", "fst_reference": "", "optional": false, @@ -12014,7 +12105,7 @@ "cssName": "--smtc-ctrl-composer-container-shadow-ambient-color" }, "ctrlComposerContainerStrokeDefault": { - "no": 881, + "no": 888, "name": "CTRL/composer/Container/Stroke/Default", "fst_reference": "NULL/color", "optional": false, @@ -12027,7 +12118,7 @@ "cssName": "--smtc-ctrl-composer-container-stroke-default" }, "aiBrandStop1": { - "no": 882, + "no": 889, "name": "AI/brand/(stop1)", "fst_reference": "", "optional": false, @@ -12040,7 +12131,7 @@ "cssName": "--smtc-ai-brand-stop1" }, "aiBrandStop2": { - "no": 883, + "no": 890, "name": "AI/brand/(stop2)", "fst_reference": "", "optional": false, @@ -12053,7 +12144,7 @@ "cssName": "--smtc-ai-brand-stop2" }, "aiBrandStop3": { - "no": 884, + "no": 891, "name": "AI/brand/(stop3)", "fst_reference": "", "optional": false, @@ -12066,7 +12157,7 @@ "cssName": "--smtc-ai-brand-stop3" }, "aiBrandStop4": { - "no": 885, + "no": 892, "name": "AI/brand/(stop4)", "fst_reference": "", "optional": false, @@ -12079,7 +12170,7 @@ "cssName": "--smtc-ai-brand-stop4" }, "aiShimmerStop1": { - "no": 886, + "no": 893, "name": "AI/shimmer/(stop1)", "fst_reference": "", "optional": false, @@ -12092,7 +12183,7 @@ "cssName": "--smtc-ai-shimmer-stop1" }, "aiShimmerStop2": { - "no": 887, + "no": 894, "name": "AI/shimmer/(stop2)", "fst_reference": "", "optional": false, @@ -12105,7 +12196,7 @@ "cssName": "--smtc-ai-shimmer-stop2" }, "aiShimmerStop3": { - "no": 888, + "no": 895, "name": "AI/shimmer/(stop3)", "fst_reference": "", "optional": false, @@ -12118,7 +12209,7 @@ "cssName": "--smtc-ai-shimmer-stop3" }, "aiShimmerStop4": { - "no": 889, + "no": 896, "name": "AI/shimmer/(stop4)", "fst_reference": "", "optional": false, @@ -12131,7 +12222,7 @@ "cssName": "--smtc-ai-shimmer-stop4" }, "shadowWindowActiveKeyX": { - "no": 890, + "no": 897, "name": "shadow/window/active/(key)/(x)", "fst_reference": "", "optional": false, @@ -12144,7 +12235,7 @@ "cssName": "--smtc-shadow-window-active-key-x" }, "shadowWindowActiveKeyY": { - "no": 891, + "no": 898, "name": "shadow/window/active/(key)/(y)", "fst_reference": "", "optional": false, @@ -12157,7 +12248,7 @@ "cssName": "--smtc-shadow-window-active-key-y" }, "shadowWindowActiveKeyBlur": { - "no": 892, + "no": 899, "name": "shadow/window/active/(key)/(blur)", "fst_reference": "", "optional": false, @@ -12170,7 +12261,7 @@ "cssName": "--smtc-shadow-window-active-key-blur" }, "shadowWindowActiveKeyColor": { - "no": 893, + "no": 900, "name": "shadow/window/active/(key)/(color)", "fst_reference": "", "optional": false, @@ -12183,7 +12274,7 @@ "cssName": "--smtc-shadow-window-active-key-color" }, "shadowWindowActiveAmbientX": { - "no": 894, + "no": 901, "name": "shadow/window/active/(ambient)/(x)", "fst_reference": "", "optional": false, @@ -12196,7 +12287,7 @@ "cssName": "--smtc-shadow-window-active-ambient-x" }, "shadowWindowActiveAmbientY": { - "no": 895, + "no": 902, "name": "shadow/window/active/(ambient)/(y)", "fst_reference": "", "optional": false, @@ -12209,7 +12300,7 @@ "cssName": "--smtc-shadow-window-active-ambient-y" }, "shadowWindowActiveAmbientBlur": { - "no": 896, + "no": 903, "name": "shadow/window/active/(ambient)/(blur)", "fst_reference": "", "optional": false, @@ -12222,7 +12313,7 @@ "cssName": "--smtc-shadow-window-active-ambient-blur" }, "shadowWindowActiveAmbientColor": { - "no": 897, + "no": 904, "name": "shadow/window/active/(ambient)/(color)", "fst_reference": "", "optional": false, @@ -12235,7 +12326,7 @@ "cssName": "--smtc-shadow-window-active-ambient-color" }, "shadowWindowInactiveKeyX": { - "no": 898, + "no": 905, "name": "shadow/window/inactive/(key)/(x)", "fst_reference": "shadow/window/active/(key)/(x)", "optional": true, @@ -12248,7 +12339,7 @@ "cssName": "--smtc-shadow-window-inactive-key-x" }, "shadowWindowInactiveKeyY": { - "no": 899, + "no": 906, "name": "shadow/window/inactive/(key)/(y)", "fst_reference": "shadow/window/active/(key)/(y)", "optional": true, @@ -12261,7 +12352,7 @@ "cssName": "--smtc-shadow-window-inactive-key-y" }, "shadowWindowInactiveKeyBlur": { - "no": 900, + "no": 907, "name": "shadow/window/inactive/(key)/(blur)", "fst_reference": "shadow/window/active/(key)/(blur)", "optional": true, @@ -12274,7 +12365,7 @@ "cssName": "--smtc-shadow-window-inactive-key-blur" }, "shadowWindowInactiveKeyColor": { - "no": 901, + "no": 908, "name": "shadow/window/inactive/(key)/(Color)", "fst_reference": "shadow/window/active/(key)/(color)", "optional": true, @@ -12287,7 +12378,7 @@ "cssName": "--smtc-shadow-window-inactive-key-color" }, "shadowWindowInactiveAmbientX": { - "no": 902, + "no": 909, "name": "shadow/window/inactive/(ambient)/(x)", "fst_reference": "", "optional": false, @@ -12300,7 +12391,7 @@ "cssName": "--smtc-shadow-window-inactive-ambient-x" }, "shadowWindowInactiveAmbientY": { - "no": 903, + "no": 910, "name": "shadow/window/inactive/(ambient)/(y)", "fst_reference": "", "optional": false, @@ -12313,7 +12404,7 @@ "cssName": "--smtc-shadow-window-inactive-ambient-y" }, "shadowWindowInactiveAmbientBlur": { - "no": 904, + "no": 911, "name": "shadow/window/inactive/(ambient)/(blur)", "fst_reference": "", "optional": false, @@ -12326,7 +12417,7 @@ "cssName": "--smtc-shadow-window-inactive-ambient-blur" }, "shadowWindowInactiveAmbientColor": { - "no": 905, + "no": 912, "name": "shadow/window/inactive/(ambient)/(color)", "fst_reference": "", "optional": false, @@ -12339,7 +12430,7 @@ "cssName": "--smtc-shadow-window-inactive-ambient-color" }, "nullColor": { - "no": 906, + "no": 913, "name": "NULL/color", "fst_reference": "", "optional": false, @@ -12362,7 +12453,7 @@ "cssName": "--smtc-null-color" }, "ctrlCardStateRest": { - "no": 907, + "no": 914, "name": "CTRL/card/state/(rest)", "fst_reference": "", "optional": false, @@ -12375,7 +12466,7 @@ "cssName": "--smtc-ctrl-card-state-rest" }, "ctrlCardStateHover": { - "no": 908, + "no": 915, "name": "CTRL/card/state/(hover)", "fst_reference": "", "optional": false, @@ -12388,7 +12479,7 @@ "cssName": "--smtc-ctrl-card-state-hover" }, "ctrlCardStatePressed": { - "no": 909, + "no": 916, "name": "CTRL/card/state/(pressed)", "fst_reference": "", "optional": false, @@ -12401,7 +12492,7 @@ "cssName": "--smtc-ctrl-card-state-pressed" }, "ctrlCardStateDisabled": { - "no": 910, + "no": 917, "name": "CTRL/card/state/(disabled)", "fst_reference": "", "optional": false, @@ -12414,7 +12505,7 @@ "cssName": "--smtc-ctrl-card-state-disabled" }, "ctrlListShadowSelectedKeyY2": { - "no": 911, + "no": 918, "name": "CTRL/list/shadow/selected/(key)/(y)2", "fst_reference": "NULL/number", "optional": false, @@ -12424,10 +12515,10 @@ "contrast": "", "fallback": "NULL/number", "exceptions": [], - "cssName": "--smtc-ctrl-list-shadow-selected-key-y2" + "cssName": "--smtc-ctrl-list-shadow-selected-key-y-2" }, "ctrlListShadowSelectedKeyX": { - "no": 912, + "no": 919, "name": "CTRL/list/shadow/selected/(key)/(x)", "fst_reference": "", "optional": false, @@ -12440,7 +12531,7 @@ "cssName": "--smtc-ctrl-list-shadow-selected-key-x" }, "ctrlListShadowSelectedKeyY": { - "no": 913, + "no": 920, "name": "CTRL/list/shadow/selected/(key)/(y)", "fst_reference": "", "optional": false, @@ -12453,7 +12544,7 @@ "cssName": "--smtc-ctrl-list-shadow-selected-key-y" }, "ctrlListShadowSelectedKeyBlur": { - "no": 914, + "no": 921, "name": "CTRL/list/shadow/selected/(key)/(blur)", "fst_reference": "", "optional": false, @@ -12466,7 +12557,7 @@ "cssName": "--smtc-ctrl-list-shadow-selected-key-blur" }, "ctrlListShadowSelectedKeyColor": { - "no": 915, + "no": 922, "name": "CTRL/list/shadow/selected/(key)/(color)", "fst_reference": "", "optional": false, @@ -12479,7 +12570,7 @@ "cssName": "--smtc-ctrl-list-shadow-selected-key-color" }, "ctrlListShadowSelectedAmbientX": { - "no": 916, + "no": 923, "name": "CTRL/list/shadow/selected/(ambient)/(x)", "fst_reference": "", "optional": false, @@ -12492,7 +12583,7 @@ "cssName": "--smtc-ctrl-list-shadow-selected-ambient-x" }, "ctrlListShadowSelectedAmbientY": { - "no": 917, + "no": 924, "name": "CTRL/list/shadow/selected/(ambient)/(y)", "fst_reference": "", "optional": false, @@ -12505,7 +12596,7 @@ "cssName": "--smtc-ctrl-list-shadow-selected-ambient-y" }, "ctrlListShadowSelectedAmbientBlur": { - "no": 918, + "no": 925, "name": "CTRL/list/shadow/selected/(ambient)/(blur)", "fst_reference": "", "optional": false, @@ -12518,7 +12609,7 @@ "cssName": "--smtc-ctrl-list-shadow-selected-ambient-blur" }, "ctrlListShadowSelectedAmbientColor": { - "no": 919, + "no": 926, "name": "CTRL/list/shadow/selected/(ambient)/(color)", "fst_reference": "", "optional": false, @@ -12531,7 +12622,7 @@ "cssName": "--smtc-ctrl-list-shadow-selected-ambient-color" }, "statusNeutralBackground": { - "no": 920, + "no": 927, "name": "STATUS/neutral/background", "fst_reference": "", "optional": false, @@ -12544,7 +12635,7 @@ "cssName": "--smtc-status-neutral-background" }, "statusNeutralStroke": { - "no": 921, + "no": 928, "name": "STATUS/neutral/stroke", "fst_reference": "STATUS/neutral/background", "optional": true, @@ -12557,7 +12648,7 @@ "cssName": "--smtc-status-neutral-stroke" }, "statusNeutralForeground": { - "no": 922, + "no": 929, "name": "STATUS/neutral/foreground", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -12570,7 +12661,7 @@ "cssName": "--smtc-status-neutral-foreground" }, "statusNeutralTintBackground": { - "no": 923, + "no": 930, "name": "STATUS/neutral/tint/background", "fst_reference": "", "optional": false, @@ -12583,7 +12674,7 @@ "cssName": "--smtc-status-neutral-tint-background" }, "statusNeutralTintStroke": { - "no": 924, + "no": 931, "name": "STATUS/neutral/tint/stroke", "fst_reference": "", "optional": false, @@ -12596,7 +12687,7 @@ "cssName": "--smtc-status-neutral-tint-stroke" }, "statusNeutralTintForeground": { - "no": 925, + "no": 932, "name": "STATUS/neutral/tint/foreground", "fst_reference": "foreground/ctrl/neutral/secondary/rest", "optional": true, @@ -12609,7 +12700,7 @@ "cssName": "--smtc-status-neutral-tint-foreground" }, "cornerFlyoutShellRest": { - "no": 926, + "no": 933, "name": "corner/flyout/shell-rest", "fst_reference": "corner/flyout/rest", "optional": true, @@ -12622,7 +12713,7 @@ "cssName": "--smtc-corner-flyout-shell-rest" }, "nullNumber": { - "no": 927, + "no": 934, "name": "NULL/number", "fst_reference": "", "optional": false, @@ -12635,7 +12726,7 @@ "cssName": "--smtc-null-number" }, "nullString": { - "no": 928, + "no": 935, "name": "NULL/string", "fst_reference": "", "optional": false, @@ -12648,7 +12739,7 @@ "cssName": "--smtc-null-string" }, "ctrlSegmentedSmPaddingRest": { - "no": 929, + "no": 936, "name": "CTRL/segmented/sm/padding/rest", "fst_reference": "", "optional": false, @@ -12661,7 +12752,7 @@ "cssName": "--smtc-ctrl-segmented-sm-padding-rest" }, "ctrlSegmentedSmPaddingHover": { - "no": 930, + "no": 937, "name": "CTRL/segmented/sm/padding/hover", "fst_reference": "CTRL/segmented/sm/padding/rest", "optional": true, @@ -12674,7 +12765,7 @@ "cssName": "--smtc-ctrl-segmented-sm-padding-hover" }, "ctrlSegmentedSmPaddingPressed": { - "no": 931, + "no": 938, "name": "CTRL/segmented/sm/padding/pressed", "fst_reference": "CTRL/segmented/sm/padding/rest", "optional": true, @@ -12687,7 +12778,7 @@ "cssName": "--smtc-ctrl-segmented-sm-padding-pressed" }, "ctrlSegmentedLgPaddingRest": { - "no": 932, + "no": 939, "name": "CTRL/segmented/lg/padding/rest", "fst_reference": "", "optional": false, @@ -12700,7 +12791,7 @@ "cssName": "--smtc-ctrl-segmented-lg-padding-rest" }, "ctrlSegmentedLgPaddingHover": { - "no": 933, + "no": 940, "name": "CTRL/segmented/lg/padding/hover", "fst_reference": "CTRL/segmented/lg/padding/rest", "optional": true, @@ -12713,7 +12804,7 @@ "cssName": "--smtc-ctrl-segmented-lg-padding-hover" }, "ctrlSegmentedLgPaddingPressed": { - "no": 934, + "no": 941, "name": "CTRL/segmented/lg/padding/pressed", "fst_reference": "CTRL/segmented/lg/padding/rest", "optional": true, @@ -12726,7 +12817,7 @@ "cssName": "--smtc-ctrl-segmented-lg-padding-pressed" }, "ctrlSegmentedSmItemCornerRest": { - "no": 935, + "no": 942, "name": "CTRL/segmented/sm/item/corner/rest", "fst_reference": "", "optional": false, @@ -12739,10 +12830,10 @@ "cssName": "--smtc-ctrl-segmented-sm-item-corner-rest" }, "ctrlSegmentedSmItemCornerHover": { - "no": 936, + "no": 943, "name": "CTRL/segmented/sm/item/corner/hover", - "fst_reference": "", - "optional": false, + "fst_reference": "CTRL/segmented/sm/item/corner/rest", + "optional": true, "nullable": false, "description": "", "components": [], @@ -12752,10 +12843,10 @@ "cssName": "--smtc-ctrl-segmented-sm-item-corner-hover" }, "ctrlSegmentedSmItemCornerPressed": { - "no": 937, + "no": 944, "name": "CTRL/segmented/sm/item/corner/pressed", - "fst_reference": "", - "optional": false, + "fst_reference": "CTRL/segmented/sm/item/corner/rest", + "optional": true, "nullable": false, "description": "", "components": [], @@ -12765,7 +12856,7 @@ "cssName": "--smtc-ctrl-segmented-sm-item-corner-pressed" }, "ctrlSegmentedLgItemCornerRest": { - "no": 938, + "no": 945, "name": "CTRL/segmented/lg/item/corner/rest", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -12778,7 +12869,7 @@ "cssName": "--smtc-ctrl-segmented-lg-item-corner-rest" }, "ctrlSegmentedLgItemCornerHover": { - "no": 939, + "no": 946, "name": "CTRL/segmented/lg/item/corner/hover", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -12791,7 +12882,7 @@ "cssName": "--smtc-ctrl-segmented-lg-item-corner-hover" }, "ctrlSegmentedLgItemCornerPressed": { - "no": 940, + "no": 947, "name": "CTRL/segmented/lg/item/corner/pressed", "fst_reference": "corner/ctrl/rest", "optional": true, @@ -12804,7 +12895,7 @@ "cssName": "--smtc-ctrl-segmented-lg-item-corner-pressed" }, "ctrlSegmentedSmCornerRest": { - "no": 941, + "no": 948, "name": "CTRL/segmented/sm/corner/rest", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -12817,7 +12908,7 @@ "cssName": "--smtc-ctrl-segmented-sm-corner-rest" }, "ctrlSegmentedSmCornerHover": { - "no": 942, + "no": 949, "name": "CTRL/segmented/sm/corner/hover", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -12830,7 +12921,7 @@ "cssName": "--smtc-ctrl-segmented-sm-corner-hover" }, "ctrlSegmentedSmCornerPressed": { - "no": 943, + "no": 950, "name": "CTRL/segmented/sm/corner/pressed", "fst_reference": "corner/ctrl-sm/rest", "optional": true, @@ -12843,7 +12934,7 @@ "cssName": "--smtc-ctrl-segmented-sm-corner-pressed" }, "ctrlSegmentedLgCornerRest": { - "no": 944, + "no": 951, "name": "CTRL/segmented/lg/corner/rest", "fst_reference": "corner/ctrl-lg/rest", "optional": true, @@ -12856,7 +12947,7 @@ "cssName": "--smtc-ctrl-segmented-lg-corner-rest" }, "ctrlSegmentedLgCornerHover": { - "no": 945, + "no": 952, "name": "CTRL/segmented/lg/corner/hover", "fst_reference": "corner/ctrl-lg/rest", "optional": true, @@ -12869,7 +12960,7 @@ "cssName": "--smtc-ctrl-segmented-lg-corner-hover" }, "ctrlSegmentedLgCornerPressed": { - "no": 946, + "no": 953, "name": "CTRL/segmented/lg/corner/pressed", "fst_reference": "corner/ctrl-lg/rest", "optional": true, @@ -12881,8 +12972,8 @@ "exceptions": [], "cssName": "--smtc-ctrl-segmented-lg-corner-pressed" }, - "ctrlLitefilterStrokewidthSelected": { - "no": 947, + "ctrlLiteFilterStrokeWidthSelected": { + "no": 954, "name": "CTRL/liteFilter/strokeWidth/selected", "fst_reference": "strokeWidth/default", "optional": true, @@ -12892,10 +12983,10 @@ "contrast": "", "fallback": "Thin", "exceptions": [], - "cssName": "--smtc-ctrl-litefilter-strokewidth-selected" + "cssName": "--smtc-ctrl-lite-filter-stroke-width-selected" }, "materialAcrylicShellDefaultSolid": { - "no": 948, + "no": 955, "name": "material/acrylic/shell-default/(solid)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -12907,8 +12998,8 @@ "exceptions": [], "cssName": "--smtc-material-acrylic-shell-default-solid" }, - "materialAcrylicShellDefaultColorblend": { - "no": 949, + "materialAcrylicShellDefaultColorBlend": { + "no": 956, "name": "material/acrylic/shell-default/(colorBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -12918,10 +13009,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-material-acrylic-shell-default-colorblend" + "cssName": "--smtc-material-acrylic-shell-default-color-blend" }, - "materialAcrylicShellDefaultLumblend": { - "no": 950, + "materialAcrylicShellDefaultLumBlend": { + "no": 957, "name": "material/acrylic/shell-default/(lumBlend)", "fst_reference": "background/layer/primary(solid)", "optional": true, @@ -12931,10 +13022,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-material-acrylic-shell-default-lumblend" + "cssName": "--smtc-material-acrylic-shell-default-lum-blend" }, - "backgroundCardOnsecondaryDefaultRest": { - "no": 951, + "backgroundCardOnSecondaryDefaultRest": { + "no": 958, "name": "background/card/onSecondary/default/rest", "fst_reference": "", "optional": false, @@ -12944,10 +13035,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Rest", "exceptions": [], - "cssName": "--smtc-background-card-onsecondary-default-rest" + "cssName": "--smtc-background-card-on-secondary-default-rest" }, - "backgroundCardOnsecondaryAltRest": { - "no": 952, + "backgroundCardOnSecondaryAltRest": { + "no": 959, "name": "background/card/onSecondary/alt/rest", "fst_reference": "", "optional": false, @@ -12957,10 +13048,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/rest", "exceptions": [], - "cssName": "--smtc-background-card-onsecondary-alt-rest" + "cssName": "--smtc-background-card-on-secondary-alt-rest" }, - "backgroundCardOnsecondaryAltHover": { - "no": 953, + "backgroundCardOnSecondaryAltHover": { + "no": 960, "name": "background/card/onSecondary/alt/hover", "fst_reference": "", "optional": false, @@ -12970,10 +13061,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/hover", "exceptions": [], - "cssName": "--smtc-background-card-onsecondary-alt-hover" + "cssName": "--smtc-background-card-on-secondary-alt-hover" }, - "backgroundCardOnsecondaryAltPressed": { - "no": 954, + "backgroundCardOnSecondaryAltPressed": { + "no": 961, "name": "background/card/onSecondary/alt/pressed", "fst_reference": "", "optional": false, @@ -12983,10 +13074,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/pressed", "exceptions": [], - "cssName": "--smtc-background-card-onsecondary-alt-pressed" + "cssName": "--smtc-background-card-on-secondary-alt-pressed" }, - "backgroundCardOnsecondaryAltDisabled": { - "no": 955, + "backgroundCardOnSecondaryAltDisabled": { + "no": 962, "name": "background/card/onSecondary/alt/disabled", "fst_reference": "", "optional": false, @@ -12996,10 +13087,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/pressed", "exceptions": [], - "cssName": "--smtc-background-card-onsecondary-alt-disabled" + "cssName": "--smtc-background-card-on-secondary-alt-disabled" }, - "backgroundCardOnsecondaryDefaultHover": { - "no": 956, + "backgroundCardOnSecondaryDefaultHover": { + "no": 963, "name": "background/card/onSecondary/default/hover", "fst_reference": "", "optional": false, @@ -13009,10 +13100,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Hover", "exceptions": [], - "cssName": "--smtc-background-card-onsecondary-default-hover" + "cssName": "--smtc-background-card-on-secondary-default-hover" }, - "backgroundCardOnsecondaryDefaultPressed": { - "no": 957, + "backgroundCardOnSecondaryDefaultPressed": { + "no": 964, "name": "background/card/onSecondary/default/pressed", "fst_reference": "", "optional": false, @@ -13022,10 +13113,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Pressed", "exceptions": [], - "cssName": "--smtc-background-card-onsecondary-default-pressed" + "cssName": "--smtc-background-card-on-secondary-default-pressed" }, - "backgroundCardOnsecondaryDefaultDisabled": { - "no": 958, + "backgroundCardOnSecondaryDefaultDisabled": { + "no": 965, "name": "background/card/onSecondary/default/disabled", "fst_reference": "", "optional": false, @@ -13035,10 +13126,10 @@ "contrast": "", "fallback": "Neutral/Background/Disabled/Rest", "exceptions": [], - "cssName": "--smtc-background-card-onsecondary-default-disabled" + "cssName": "--smtc-background-card-on-secondary-default-disabled" }, - "backgroundCardOnsecondaryDefaultSelected": { - "no": 959, + "backgroundCardOnSecondaryDefaultSelected": { + "no": 966, "name": "background/card/onSecondary/default/selected", "fst_reference": "background/card/onSecondary/default/rest", "optional": true, @@ -13048,10 +13139,10 @@ "contrast": "", "fallback": "Neutral/Background/1/Selected", "exceptions": [], - "cssName": "--smtc-background-card-onsecondary-default-selected" + "cssName": "--smtc-background-card-on-secondary-default-selected" }, - "backgroundCardOnflyoutDefaultRest": { - "no": 960, + "backgroundCardOnFlyoutDefaultRest": { + "no": 967, "name": "background/card/onFlyout/default/rest", "fst_reference": "", "optional": false, @@ -13061,10 +13152,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/rest", "exceptions": [], - "cssName": "--smtc-background-card-onflyout-default-rest" + "cssName": "--smtc-background-card-on-flyout-default-rest" }, - "backgroundCardOnflyoutDefaultHover": { - "no": 961, + "backgroundCardOnFlyoutDefaultHover": { + "no": 968, "name": "background/card/onFlyout/default/hover", "fst_reference": "", "optional": false, @@ -13074,10 +13165,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/hover", "exceptions": [], - "cssName": "--smtc-background-card-onflyout-default-hover" + "cssName": "--smtc-background-card-on-flyout-default-hover" }, - "backgroundCardOnflyoutDefaultPressed": { - "no": 962, + "backgroundCardOnFlyoutDefaultPressed": { + "no": 969, "name": "background/card/onFlyout/default/pressed", "fst_reference": "", "optional": false, @@ -13087,10 +13178,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/pressed", "exceptions": [], - "cssName": "--smtc-background-card-onflyout-default-pressed" + "cssName": "--smtc-background-card-on-flyout-default-pressed" }, - "backgroundCardOnflyoutDefaultDisabled": { - "no": 963, + "backgroundCardOnFlyoutDefaultDisabled": { + "no": 970, "name": "background/card/onFlyout/default/disabled", "fst_reference": "", "optional": false, @@ -13100,10 +13191,10 @@ "contrast": "", "fallback": "background/card/onPrimary/default/pressed", "exceptions": [], - "cssName": "--smtc-background-card-onflyout-default-disabled" + "cssName": "--smtc-background-card-on-flyout-default-disabled" }, "ctrlProgressLgHeightFilled": { - "no": 964, + "no": 971, "name": "CTRL/progress/lg/height/filled", "fst_reference": "", "optional": false, @@ -13116,7 +13207,7 @@ "cssName": "--smtc-ctrl-progress-lg-height-filled" }, "ctrlProgressLgHeightEmpty": { - "no": 965, + "no": 972, "name": "CTRL/progress/lg/height/empty", "fst_reference": "CTRL/progress/lg/height/filled", "optional": true, @@ -13127,5 +13218,44 @@ "fallback": "Thick", "exceptions": [], "cssName": "--smtc-ctrl-progress-lg-height-empty" + }, + "textStyleDefaultDisplayFontFamily": { + "no": 973, + "name": "text/style/default/display/fontFamily", + "fst_reference": "text/style/default/regular/fontFamily", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "", + "exceptions": [], + "cssName": "--smtc-text-style-default-display-font-family" + }, + "textStyleDefaultDisplayWeight": { + "no": 974, + "name": "text/style/default/display/weight", + "fst_reference": "", + "optional": false, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "", + "exceptions": [], + "cssName": "--smtc-text-style-default-display-weight" + }, + "textStyleDefaultDisplayLetterSpacing": { + "no": 975, + "name": "text/style/default/display/letterSpacing", + "fst_reference": "text/style/default/regular/letterSpacing", + "optional": true, + "nullable": false, + "description": "", + "components": [], + "contrast": "", + "fallback": "", + "exceptions": [], + "cssName": "--smtc-text-style-default-display-letter-spacing" } } diff --git a/packages/semantic-tokens/src/components/avatar/tokens.ts b/packages/semantic-tokens/src/components/avatar/tokens.ts index 63b0ef7490d86..9ce3c3dba63ca 100644 --- a/packages/semantic-tokens/src/components/avatar/tokens.ts +++ b/packages/semantic-tokens/src/components/avatar/tokens.ts @@ -3,10 +3,7 @@ import { sizeCtrlDefaultRaw, cornerCircularRaw, sizeCtrlIconRaw, - strokewidthDefaultRaw, cornerCtrlRestRaw, - textGlobalBody3FontsizeRaw, - textGlobalBody3LineheightRaw, backgroundCtrlBrandRestRaw, backgroundLayerPrimarySolidRaw, } from '../../control/variables'; @@ -16,18 +13,18 @@ import { ctrlAvatarBackgroundRaw, ctrlAvatarForegroundRaw, ctrlAvatarIconSizeRaw, - ctrlAvatarPresencebadgeSizeRaw, - ctrlAvatarActiveringSizeRaw, - ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw, + ctrlAvatarPresenceBadgeSizeRaw, + ctrlAvatarActiveRingSizeRaw, + ctrlAvatarPresenceBadgePaddingBottomRightOffsetRaw, ctrlAvatarCornerGroupRaw, - ctrlAvatarActiveringStrokewidthRaw, - ctrlAvatarPresencebadgeStrokewidthRaw, - ctrlAvatarTextFontsizeRaw, - ctrlAvatarTextLineheightRaw, - ctrlAvatarTextPaddingTopoffsetRaw, - ctrlAvatarActiveringStrokeRaw, - ctrlAvatarShowcutoutRaw, - ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw, + ctrlAvatarActiveRingStrokeWidthRaw, + ctrlAvatarPresenceBadgeStrokeWidthRaw, + ctrlAvatarTextFontSizeRaw, + ctrlAvatarTextLineHeightRaw, + ctrlAvatarTextPaddingTopOffsetRaw, + ctrlAvatarActiveRingStrokeRaw, + ctrlAvatarShowCutoutRaw, + ctrlAvatarPresenceBadgeBackgroundBehindBadgeRaw, } from './variables'; export const ctrlAvatarSize = `var(${ctrlAvatarSizeRaw}, var(${sizeCtrlDefaultRaw}))`; @@ -35,15 +32,15 @@ export const ctrlAvatarCornerItem = `var(${ctrlAvatarCornerItemRaw}, var(${corne export const ctrlAvatarBackground = `var(${ctrlAvatarBackgroundRaw})`; export const ctrlAvatarForeground = `var(${ctrlAvatarForegroundRaw})`; export const ctrlAvatarIconSize = `var(${ctrlAvatarIconSizeRaw}, var(${sizeCtrlIconRaw}))`; -export const ctrlAvatarPresencebadgeSize = `var(${ctrlAvatarPresencebadgeSizeRaw})`; -export const ctrlAvatarActiveringSize = `var(${ctrlAvatarActiveringSizeRaw})`; -export const ctrlAvatarPresencebadgePaddingBottomrightoffset = `var(${ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlAvatarPresenceBadgeSize = `var(${ctrlAvatarPresenceBadgeSizeRaw})`; +export const ctrlAvatarActiveRingSize = `var(${ctrlAvatarActiveRingSizeRaw})`; +export const ctrlAvatarPresenceBadgePaddingBottomRightOffset = `var(${ctrlAvatarPresenceBadgePaddingBottomRightOffsetRaw}, var(${strokewidthDefaultRaw}))`; export const ctrlAvatarCornerGroup = `var(${ctrlAvatarCornerGroupRaw}, var(${cornerCtrlRestRaw}))`; -export const ctrlAvatarActiveringStrokewidth = `var(${ctrlAvatarActiveringStrokewidthRaw})`; -export const ctrlAvatarPresencebadgeStrokewidth = `var(${ctrlAvatarPresencebadgeStrokewidthRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlAvatarTextFontsize = `var(${ctrlAvatarTextFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const ctrlAvatarTextLineheight = `var(${ctrlAvatarTextLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`; -export const ctrlAvatarTextPaddingTopoffset = `var(${ctrlAvatarTextPaddingTopoffsetRaw}, unset)`; -export const ctrlAvatarActiveringStroke = `var(${ctrlAvatarActiveringStrokeRaw}, var(${backgroundCtrlBrandRestRaw}))`; -export const ctrlAvatarShowcutout = `var(${ctrlAvatarShowcutoutRaw})`; -export const ctrlAvatarPresencebadgeBackgroundBehindbadge = `var(${ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const ctrlAvatarActiveRingStrokeWidth = `var(${ctrlAvatarActiveRingStrokeWidthRaw})`; +export const ctrlAvatarPresenceBadgeStrokeWidth = `var(${ctrlAvatarPresenceBadgeStrokeWidthRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlAvatarTextFontSize = `var(${ctrlAvatarTextFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; +export const ctrlAvatarTextLineHeight = `var(${ctrlAvatarTextLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; +export const ctrlAvatarTextPaddingTopOffset = `var(${ctrlAvatarTextPaddingTopOffsetRaw}, unset)`; +export const ctrlAvatarActiveRingStroke = `var(${ctrlAvatarActiveRingStrokeRaw}, var(${backgroundCtrlBrandRestRaw}))`; +export const ctrlAvatarShowCutout = `var(${ctrlAvatarShowCutoutRaw})`; +export const ctrlAvatarPresenceBadgeBackgroundBehindBadge = `var(${ctrlAvatarPresenceBadgeBackgroundBehindBadgeRaw}, var(${backgroundLayerPrimarySolidRaw}))`; diff --git a/packages/semantic-tokens/src/components/avatar/variables.ts b/packages/semantic-tokens/src/components/avatar/variables.ts index 7f63fa9d49072..8289782260d1b 100644 --- a/packages/semantic-tokens/src/components/avatar/variables.ts +++ b/packages/semantic-tokens/src/components/avatar/variables.ts @@ -4,17 +4,17 @@ export const ctrlAvatarCornerItemRaw = '--smtc-ctrl-avatar-corner-item'; export const ctrlAvatarBackgroundRaw = '--smtc-ctrl-avatar-background'; export const ctrlAvatarForegroundRaw = '--smtc-ctrl-avatar-foreground'; export const ctrlAvatarIconSizeRaw = '--smtc-ctrl-avatar-icon-size'; -export const ctrlAvatarPresencebadgeSizeRaw = '--smtc-ctrl-avatar-presencebadge-size'; -export const ctrlAvatarActiveringSizeRaw = '--smtc-ctrl-avatar-activering-size'; -export const ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw = - '--smtc-ctrl-avatar-presencebadge-padding-bottomrightoffset'; +export const ctrlAvatarPresenceBadgeSizeRaw = '--smtc-ctrl-avatar-presence-badge-size'; +export const ctrlAvatarActiveRingSizeRaw = '--smtc-ctrl-avatar-active-ring-size'; +export const ctrlAvatarPresenceBadgePaddingBottomRightOffsetRaw = + '--smtc-ctrl-avatar-presence-badge-padding-bottom-right-offset'; export const ctrlAvatarCornerGroupRaw = '--smtc-ctrl-avatar-corner-group'; -export const ctrlAvatarActiveringStrokewidthRaw = '--smtc-ctrl-avatar-activering-strokewidth'; -export const ctrlAvatarPresencebadgeStrokewidthRaw = '--smtc-ctrl-avatar-presencebadge-strokewidth'; -export const ctrlAvatarTextFontsizeRaw = '--smtc-ctrl-avatar-text-fontsize'; -export const ctrlAvatarTextLineheightRaw = '--smtc-ctrl-avatar-text-lineheight'; -export const ctrlAvatarTextPaddingTopoffsetRaw = '--smtc-ctrl-avatar-text-padding-topoffset'; -export const ctrlAvatarActiveringStrokeRaw = '--smtc-ctrl-avatar-activering-stroke'; -export const ctrlAvatarShowcutoutRaw = '--smtc-ctrl-avatar-showcutout'; -export const ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw = - '--smtc-ctrl-avatar-presencebadge-background-behindbadge'; +export const ctrlAvatarActiveRingStrokeWidthRaw = '--smtc-ctrl-avatar-active-ring-stroke-width'; +export const ctrlAvatarPresenceBadgeStrokeWidthRaw = '--smtc-ctrl-avatar-presence-badge-stroke-width'; +export const ctrlAvatarTextFontSizeRaw = '--smtc-ctrl-avatar-text-font-size'; +export const ctrlAvatarTextLineHeightRaw = '--smtc-ctrl-avatar-text-line-height'; +export const ctrlAvatarTextPaddingTopOffsetRaw = '--smtc-ctrl-avatar-text-padding-top-offset'; +export const ctrlAvatarActiveRingStrokeRaw = '--smtc-ctrl-avatar-active-ring-stroke'; +export const ctrlAvatarShowCutoutRaw = '--smtc-ctrl-avatar-show-cutout'; +export const ctrlAvatarPresenceBadgeBackgroundBehindBadgeRaw = + '--smtc-ctrl-avatar-presence-badge-background-behind-badge'; diff --git a/packages/semantic-tokens/src/components/badge/tokens.ts b/packages/semantic-tokens/src/components/badge/tokens.ts index f61e9b6b20189..424e4ba176ff3 100644 --- a/packages/semantic-tokens/src/components/badge/tokens.ts +++ b/packages/semantic-tokens/src/components/badge/tokens.ts @@ -1,5 +1,4 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { iconthemeCtrlDefaultRestRaw } from '../../control/variables'; import { ctrlBadgeTextPaddingTopRaw, ctrlBadgeTextPaddingBottomRaw, diff --git a/packages/semantic-tokens/src/components/boolean/tokens.ts b/packages/semantic-tokens/src/components/boolean/tokens.ts index a5b98d56f349c..ac02d2b56dd9a 100644 --- a/packages/semantic-tokens/src/components/boolean/tokens.ts +++ b/packages/semantic-tokens/src/components/boolean/tokens.ts @@ -1,4 +1,4 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { ctrlBooleanSelectionhintRaw } from './variables'; +import { ctrlBooleanSelectionHintRaw } from './variables'; -export const ctrlBooleanSelectionhint = `var(${ctrlBooleanSelectionhintRaw})`; +export const ctrlBooleanSelectionHint = `var(${ctrlBooleanSelectionHintRaw})`; diff --git a/packages/semantic-tokens/src/components/boolean/variables.ts b/packages/semantic-tokens/src/components/boolean/variables.ts index 7ba3c9d705c60..e259f2844f56d 100644 --- a/packages/semantic-tokens/src/components/boolean/variables.ts +++ b/packages/semantic-tokens/src/components/boolean/variables.ts @@ -1,2 +1,2 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -export const ctrlBooleanSelectionhintRaw = '--smtc-ctrl-boolean-selectionhint'; +export const ctrlBooleanSelectionHintRaw = '--smtc-ctrl-boolean-selection-hint'; diff --git a/packages/semantic-tokens/src/components/choice/tokens.ts b/packages/semantic-tokens/src/components/choice/tokens.ts index 33efac35323d7..79f629596c12e 100644 --- a/packages/semantic-tokens/src/components/choice/tokens.ts +++ b/packages/semantic-tokens/src/components/choice/tokens.ts @@ -3,7 +3,6 @@ import { sizeCtrlIconRaw, foregroundCtrlNeutralSecondaryRestRaw, foregroundCtrlNeutralSecondaryDisabledRaw, - sizeCtrlIconsecondaryRaw, cornerCircularRaw, sizeCtrlSmIconRaw, sizeCtrlLgIconRaw, @@ -30,24 +29,24 @@ import { ctrlChoiceCheckboxIconSizeRaw, ctrlChoiceCheckboxCornerRaw, ctrlChoiceCheckboxIndeterminateCornerRaw, - ctrlChoiceCheckboxIndeterminateHeightRaw, ctrlChoiceCheckboxIndeterminateWidthRaw, + ctrlChoiceCheckboxIndeterminateHeightRaw, ctrlChoiceRadioCornerRaw, ctrlChoiceSwitchCornerRaw, - ctrlChoiceRadioDotSizeRestRaw, - ctrlChoiceRadioDotSizeHoverRaw, - ctrlChoiceRadioDotSizePressedRaw, + ctrlChoiceSwitchHeightRaw, + ctrlChoiceSwitchWidthRaw, ctrlChoiceSwitchPaddingRestRaw, ctrlChoiceSwitchPaddingHoverRaw, ctrlChoiceSwitchPaddingPressedRaw, - ctrlChoiceSwitchHeightRaw, - ctrlChoiceSwitchWidthRaw, ctrlChoiceSwitchThumbWidthRestRaw, ctrlChoiceSwitchThumbWidthHoverRaw, ctrlChoiceSwitchThumbWidthPressedRaw, + ctrlChoiceRadioDotSizeRestRaw, + ctrlChoiceRadioDotSizeHoverRaw, + ctrlChoiceRadioDotSizePressedRaw, ctrlChoiceSmBaseSizeRaw, - ctrlChoiceSmCheckboxCornerRaw, ctrlChoiceSmCheckboxIconSizeRaw, + ctrlChoiceSmCheckboxCornerRaw, ctrlChoiceSmRadioDotSizeRaw, ctrlChoiceSmSwitchWidthRaw, ctrlChoiceSmSwitchHeightRaw, @@ -84,24 +83,24 @@ export const ctrlChoiceBaseStrokeDisabled = `var(${ctrlChoiceBaseStrokeDisabledR export const ctrlChoiceCheckboxIconSize = `var(${ctrlChoiceCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`; export const ctrlChoiceCheckboxCorner = `var(${ctrlChoiceCheckboxCornerRaw})`; export const ctrlChoiceCheckboxIndeterminateCorner = `var(${ctrlChoiceCheckboxIndeterminateCornerRaw}, var(${cornerCircularRaw}))`; -export const ctrlChoiceCheckboxIndeterminateHeight = `var(${ctrlChoiceCheckboxIndeterminateHeightRaw})`; export const ctrlChoiceCheckboxIndeterminateWidth = `var(${ctrlChoiceCheckboxIndeterminateWidthRaw})`; +export const ctrlChoiceCheckboxIndeterminateHeight = `var(${ctrlChoiceCheckboxIndeterminateHeightRaw})`; export const ctrlChoiceRadioCorner = `var(${ctrlChoiceRadioCornerRaw}, var(${cornerCircularRaw}))`; export const ctrlChoiceSwitchCorner = `var(${ctrlChoiceSwitchCornerRaw}, var(${cornerCircularRaw}))`; -export const ctrlChoiceRadioDotSizeRest = `var(${ctrlChoiceRadioDotSizeRestRaw})`; -export const ctrlChoiceRadioDotSizeHover = `var(${ctrlChoiceRadioDotSizeHoverRaw}, var(${ctrlChoiceRadioDotSizeRestRaw}))`; -export const ctrlChoiceRadioDotSizePressed = `var(${ctrlChoiceRadioDotSizePressedRaw}, var(${ctrlChoiceRadioDotSizeRestRaw}))`; +export const ctrlChoiceSwitchHeight = `var(${ctrlChoiceSwitchHeightRaw}, var(${sizeCtrlIconRaw}))`; +export const ctrlChoiceSwitchWidth = `var(${ctrlChoiceSwitchWidthRaw})`; export const ctrlChoiceSwitchPaddingRest = `var(${ctrlChoiceSwitchPaddingRestRaw})`; export const ctrlChoiceSwitchPaddingHover = `var(${ctrlChoiceSwitchPaddingHoverRaw}, var(${ctrlChoiceSwitchPaddingRestRaw}))`; export const ctrlChoiceSwitchPaddingPressed = `var(${ctrlChoiceSwitchPaddingPressedRaw}, var(${ctrlChoiceSwitchPaddingRestRaw}))`; -export const ctrlChoiceSwitchHeight = `var(${ctrlChoiceSwitchHeightRaw}, var(${sizeCtrlIconRaw}))`; -export const ctrlChoiceSwitchWidth = `var(${ctrlChoiceSwitchWidthRaw})`; export const ctrlChoiceSwitchThumbWidthRest = `var(${ctrlChoiceSwitchThumbWidthRestRaw})`; export const ctrlChoiceSwitchThumbWidthHover = `var(${ctrlChoiceSwitchThumbWidthHoverRaw}, var(${ctrlChoiceSwitchThumbWidthRestRaw}))`; export const ctrlChoiceSwitchThumbWidthPressed = `var(${ctrlChoiceSwitchThumbWidthPressedRaw}, var(${ctrlChoiceSwitchThumbWidthRestRaw}))`; +export const ctrlChoiceRadioDotSizeRest = `var(${ctrlChoiceRadioDotSizeRestRaw})`; +export const ctrlChoiceRadioDotSizeHover = `var(${ctrlChoiceRadioDotSizeHoverRaw}, var(${ctrlChoiceRadioDotSizeRestRaw}))`; +export const ctrlChoiceRadioDotSizePressed = `var(${ctrlChoiceRadioDotSizePressedRaw}, var(${ctrlChoiceRadioDotSizeRestRaw}))`; export const ctrlChoiceSmBaseSize = `var(${ctrlChoiceSmBaseSizeRaw}, var(${sizeCtrlSmIconRaw}))`; -export const ctrlChoiceSmCheckboxCorner = `var(${ctrlChoiceSmCheckboxCornerRaw})`; export const ctrlChoiceSmCheckboxIconSize = `var(${ctrlChoiceSmCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`; +export const ctrlChoiceSmCheckboxCorner = `var(${ctrlChoiceSmCheckboxCornerRaw})`; export const ctrlChoiceSmRadioDotSize = `var(${ctrlChoiceSmRadioDotSizeRaw})`; export const ctrlChoiceSmSwitchWidth = `var(${ctrlChoiceSmSwitchWidthRaw})`; export const ctrlChoiceSmSwitchHeight = `var(${ctrlChoiceSmSwitchHeightRaw}, var(${sizeCtrlSmIconRaw}))`; diff --git a/packages/semantic-tokens/src/components/choice/variables.ts b/packages/semantic-tokens/src/components/choice/variables.ts index 3daa190931adc..64ae9fd9eb122 100644 --- a/packages/semantic-tokens/src/components/choice/variables.ts +++ b/packages/semantic-tokens/src/components/choice/variables.ts @@ -14,24 +14,24 @@ export const ctrlChoiceBaseStrokeDisabledRaw = '--smtc-ctrl-choice-base-stroke-d export const ctrlChoiceCheckboxIconSizeRaw = '--smtc-ctrl-choice-checkbox-icon-size'; export const ctrlChoiceCheckboxCornerRaw = '--smtc-ctrl-choice-checkbox-corner'; export const ctrlChoiceCheckboxIndeterminateCornerRaw = '--smtc-ctrl-choice-checkbox-indeterminate-corner'; -export const ctrlChoiceCheckboxIndeterminateHeightRaw = '--smtc-ctrl-choice-checkbox-indeterminate-height'; export const ctrlChoiceCheckboxIndeterminateWidthRaw = '--smtc-ctrl-choice-checkbox-indeterminate-width'; +export const ctrlChoiceCheckboxIndeterminateHeightRaw = '--smtc-ctrl-choice-checkbox-indeterminate-height'; export const ctrlChoiceRadioCornerRaw = '--smtc-ctrl-choice-radio-corner'; export const ctrlChoiceSwitchCornerRaw = '--smtc-ctrl-choice-switch-corner'; -export const ctrlChoiceRadioDotSizeRestRaw = '--smtc-ctrl-choice-radio-dot-size-rest'; -export const ctrlChoiceRadioDotSizeHoverRaw = '--smtc-ctrl-choice-radio-dot-size-hover'; -export const ctrlChoiceRadioDotSizePressedRaw = '--smtc-ctrl-choice-radio-dot-size-pressed'; +export const ctrlChoiceSwitchHeightRaw = '--smtc-ctrl-choice-switch-height'; +export const ctrlChoiceSwitchWidthRaw = '--smtc-ctrl-choice-switch-width'; export const ctrlChoiceSwitchPaddingRestRaw = '--smtc-ctrl-choice-switch-padding-rest'; export const ctrlChoiceSwitchPaddingHoverRaw = '--smtc-ctrl-choice-switch-padding-hover'; export const ctrlChoiceSwitchPaddingPressedRaw = '--smtc-ctrl-choice-switch-padding-pressed'; -export const ctrlChoiceSwitchHeightRaw = '--smtc-ctrl-choice-switch-height'; -export const ctrlChoiceSwitchWidthRaw = '--smtc-ctrl-choice-switch-width'; export const ctrlChoiceSwitchThumbWidthRestRaw = '--smtc-ctrl-choice-switch-thumb-width-rest'; export const ctrlChoiceSwitchThumbWidthHoverRaw = '--smtc-ctrl-choice-switch-thumb-width-hover'; export const ctrlChoiceSwitchThumbWidthPressedRaw = '--smtc-ctrl-choice-switch-thumb-width-pressed'; +export const ctrlChoiceRadioDotSizeRestRaw = '--smtc-ctrl-choice-radio-dot-size-rest'; +export const ctrlChoiceRadioDotSizeHoverRaw = '--smtc-ctrl-choice-radio-dot-size-hover'; +export const ctrlChoiceRadioDotSizePressedRaw = '--smtc-ctrl-choice-radio-dot-size-pressed'; export const ctrlChoiceSmBaseSizeRaw = '--smtc-ctrl-choice-sm-base-size'; -export const ctrlChoiceSmCheckboxCornerRaw = '--smtc-ctrl-choice-sm-checkbox-corner'; export const ctrlChoiceSmCheckboxIconSizeRaw = '--smtc-ctrl-choice-sm-checkbox-icon-size'; +export const ctrlChoiceSmCheckboxCornerRaw = '--smtc-ctrl-choice-sm-checkbox-corner'; export const ctrlChoiceSmRadioDotSizeRaw = '--smtc-ctrl-choice-sm-radio-dot-size'; export const ctrlChoiceSmSwitchWidthRaw = '--smtc-ctrl-choice-sm-switch-width'; export const ctrlChoiceSmSwitchHeightRaw = '--smtc-ctrl-choice-sm-switch-height'; diff --git a/packages/semantic-tokens/src/components/composer/tokens.ts b/packages/semantic-tokens/src/components/composer/tokens.ts index ceea300cb73c3..6eaf601a5e0b1 100644 --- a/packages/semantic-tokens/src/components/composer/tokens.ts +++ b/packages/semantic-tokens/src/components/composer/tokens.ts @@ -14,23 +14,23 @@ import { ctrlComposerInputBackgroundSelectedRestRaw, ctrlComposerInputBackgroundHoverRaw, ctrlComposerInputStrokeRestRaw, - ctrlComposerInputStrokeHoverUsesgradientRaw, - ctrlComposerInputStrokePressedUsesgradientRaw, - ctrlComposerInputStrokeDisabledUsesgradientRaw, - ctrlComposerInputStrokeSelectedRestUsesgradientRaw, + ctrlComposerInputStrokeHoverUsesGradientRaw, + ctrlComposerInputStrokePressedUsesGradientRaw, + ctrlComposerInputStrokeDisabledUsesGradientRaw, + ctrlComposerInputStrokeSelectedRestUsesGradientRaw, ctrlComposerInputStrokeWidthRestRaw, ctrlComposerInputStrokeWidthHoverRaw, ctrlComposerInputStrokeWidthPressedRaw, ctrlComposerInputStrokeWidthSelectedRestRaw, - ctrlComposerInputBottomstrokeRestRaw, - ctrlComposerInputBottomstrokeHoverRaw, - ctrlComposerInputBottomstrokePressedRaw, - ctrlComposerInputBottomstrokeDisabledRaw, - ctrlComposerInputBottomstrokeSelectedRestRaw, + ctrlComposerInputBottomStrokeRestRaw, + ctrlComposerInputBottomStrokeHoverRaw, + ctrlComposerInputBottomStrokePressedRaw, + ctrlComposerInputBottomStrokeDisabledRaw, + ctrlComposerInputBottomStrokeSelectedRestRaw, ctrlComposerContainerCornerRaw, ctrlComposerContainerBackgroundDefaultRaw, - ctrlComposerContainerBackgroundAcryliccolorblendRaw, - ctrlComposerContainerBackgroundAcryliclumblendRaw, + ctrlComposerContainerBackgroundAcrylicColorBlendRaw, + ctrlComposerContainerBackgroundAcrylicLumBlendRaw, ctrlComposerContainerStrokeDefaultRaw, ctrlComposerInputShadowRaw, ctrlComposerContainerShadowKeyRaw, @@ -50,23 +50,23 @@ export const ctrlComposerInputBackgroundDisabled = `var(${ctrlComposerInputBackg export const ctrlComposerInputBackgroundSelectedRest = `var(${ctrlComposerInputBackgroundSelectedRestRaw})`; export const ctrlComposerInputBackgroundHover = `var(${ctrlComposerInputBackgroundHoverRaw})`; export const ctrlComposerInputStrokeRest = `var(${ctrlComposerInputStrokeRestRaw}, unset)`; -export const ctrlComposerInputStrokeHoverUsesgradient = `var(${ctrlComposerInputStrokeHoverUsesgradientRaw}, unset)`; -export const ctrlComposerInputStrokePressedUsesgradient = `var(${ctrlComposerInputStrokePressedUsesgradientRaw}, unset)`; -export const ctrlComposerInputStrokeDisabledUsesgradient = `var(${ctrlComposerInputStrokeDisabledUsesgradientRaw}, unset)`; -export const ctrlComposerInputStrokeSelectedRestUsesgradient = `var(${ctrlComposerInputStrokeSelectedRestUsesgradientRaw}, unset)`; +export const ctrlComposerInputStrokeHoverUsesGradient = `var(${ctrlComposerInputStrokeHoverUsesGradientRaw}, unset)`; +export const ctrlComposerInputStrokePressedUsesGradient = `var(${ctrlComposerInputStrokePressedUsesGradientRaw}, unset)`; +export const ctrlComposerInputStrokeDisabledUsesGradient = `var(${ctrlComposerInputStrokeDisabledUsesGradientRaw}, unset)`; +export const ctrlComposerInputStrokeSelectedRestUsesGradient = `var(${ctrlComposerInputStrokeSelectedRestUsesGradientRaw}, unset)`; export const ctrlComposerInputStrokeWidthRest = `var(${ctrlComposerInputStrokeWidthRestRaw})`; export const ctrlComposerInputStrokeWidthHover = `var(${ctrlComposerInputStrokeWidthHoverRaw})`; export const ctrlComposerInputStrokeWidthPressed = `var(${ctrlComposerInputStrokeWidthPressedRaw})`; export const ctrlComposerInputStrokeWidthSelectedRest = `var(${ctrlComposerInputStrokeWidthSelectedRestRaw})`; -export const ctrlComposerInputBottomstrokeRest = `var(${ctrlComposerInputBottomstrokeRestRaw}, unset)`; -export const ctrlComposerInputBottomstrokeHover = `var(${ctrlComposerInputBottomstrokeHoverRaw}, unset)`; -export const ctrlComposerInputBottomstrokePressed = `var(${ctrlComposerInputBottomstrokePressedRaw}, unset)`; -export const ctrlComposerInputBottomstrokeDisabled = `var(${ctrlComposerInputBottomstrokeDisabledRaw}, unset)`; -export const ctrlComposerInputBottomstrokeSelectedRest = `var(${ctrlComposerInputBottomstrokeSelectedRestRaw}, unset)`; +export const ctrlComposerInputBottomStrokeRest = `var(${ctrlComposerInputBottomStrokeRestRaw}, unset)`; +export const ctrlComposerInputBottomStrokeHover = `var(${ctrlComposerInputBottomStrokeHoverRaw}, unset)`; +export const ctrlComposerInputBottomStrokePressed = `var(${ctrlComposerInputBottomStrokePressedRaw}, unset)`; +export const ctrlComposerInputBottomStrokeDisabled = `var(${ctrlComposerInputBottomStrokeDisabledRaw}, unset)`; +export const ctrlComposerInputBottomStrokeSelectedRest = `var(${ctrlComposerInputBottomStrokeSelectedRestRaw}, unset)`; export const ctrlComposerContainerCorner = `var(${ctrlComposerContainerCornerRaw})`; export const ctrlComposerContainerBackgroundDefault = `var(${ctrlComposerContainerBackgroundDefaultRaw})`; -export const ctrlComposerContainerBackgroundAcryliccolorblend = `var(${ctrlComposerContainerBackgroundAcryliccolorblendRaw}, var(${backgroundFlyoutSolidRaw}))`; -export const ctrlComposerContainerBackgroundAcryliclumblend = `var(${ctrlComposerContainerBackgroundAcryliclumblendRaw}, var(${backgroundFlyoutSolidRaw}))`; +export const ctrlComposerContainerBackgroundAcrylicColorBlend = `var(${ctrlComposerContainerBackgroundAcrylicColorBlendRaw}, var(${backgroundFlyoutSolidRaw}))`; +export const ctrlComposerContainerBackgroundAcrylicLumBlend = `var(${ctrlComposerContainerBackgroundAcrylicLumBlendRaw}, var(${backgroundFlyoutSolidRaw}))`; export const ctrlComposerContainerStrokeDefault = `var(${ctrlComposerContainerStrokeDefaultRaw}, unset)`; export const ctrlComposerInputShadow = `var(${ctrlComposerInputShadowRaw})`; export const ctrlComposerContainerShadowKey = `var(${ctrlComposerContainerShadowKeyRaw})`; diff --git a/packages/semantic-tokens/src/components/composer/variables.ts b/packages/semantic-tokens/src/components/composer/variables.ts index 482735d883c21..46c79c6fa869c 100644 --- a/packages/semantic-tokens/src/components/composer/variables.ts +++ b/packages/semantic-tokens/src/components/composer/variables.ts @@ -13,26 +13,27 @@ export const ctrlComposerInputBackgroundDisabledRaw = '--smtc-ctrl-composer-inpu export const ctrlComposerInputBackgroundSelectedRestRaw = '--smtc-ctrl-composer-input-background-selected-rest'; export const ctrlComposerInputBackgroundHoverRaw = '--smtc-ctrl-composer-input-background-hover'; export const ctrlComposerInputStrokeRestRaw = '--smtc-ctrl-composer-input-stroke-rest'; -export const ctrlComposerInputStrokeHoverUsesgradientRaw = '--smtc-ctrl-composer-input-stroke-hoverusesgradient'; -export const ctrlComposerInputStrokePressedUsesgradientRaw = '--smtc-ctrl-composer-input-stroke-pressedusesgradient'; -export const ctrlComposerInputStrokeDisabledUsesgradientRaw = '--smtc-ctrl-composer-input-stroke-disabledusesgradient'; -export const ctrlComposerInputStrokeSelectedRestUsesgradientRaw = - '--smtc-ctrl-composer-input-stroke-selected-restusesgradient'; +export const ctrlComposerInputStrokeHoverUsesGradientRaw = '--smtc-ctrl-composer-input-stroke-hover-uses-gradient'; +export const ctrlComposerInputStrokePressedUsesGradientRaw = '--smtc-ctrl-composer-input-stroke-pressed-uses-gradient'; +export const ctrlComposerInputStrokeDisabledUsesGradientRaw = + '--smtc-ctrl-composer-input-stroke-disabled-uses-gradient'; +export const ctrlComposerInputStrokeSelectedRestUsesGradientRaw = + '--smtc-ctrl-composer-input-stroke-selected-rest-uses-gradient'; export const ctrlComposerInputStrokeWidthRestRaw = '--smtc-ctrl-composer-input-stroke-width-rest'; export const ctrlComposerInputStrokeWidthHoverRaw = '--smtc-ctrl-composer-input-stroke-width-hover'; export const ctrlComposerInputStrokeWidthPressedRaw = '--smtc-ctrl-composer-input-stroke-width-pressed'; export const ctrlComposerInputStrokeWidthSelectedRestRaw = '--smtc-ctrl-composer-input-stroke-width-selected-rest'; -export const ctrlComposerInputBottomstrokeRestRaw = '--smtc-ctrl-composer-input-bottomstroke-rest'; -export const ctrlComposerInputBottomstrokeHoverRaw = '--smtc-ctrl-composer-input-bottomstroke-hover'; -export const ctrlComposerInputBottomstrokePressedRaw = '--smtc-ctrl-composer-input-bottomstroke-pressed'; -export const ctrlComposerInputBottomstrokeDisabledRaw = '--smtc-ctrl-composer-input-bottomstroke-disabled'; -export const ctrlComposerInputBottomstrokeSelectedRestRaw = '--smtc-ctrl-composer-input-bottomstroke-selected-rest'; +export const ctrlComposerInputBottomStrokeRestRaw = '--smtc-ctrl-composer-input-bottom-stroke-rest'; +export const ctrlComposerInputBottomStrokeHoverRaw = '--smtc-ctrl-composer-input-bottom-stroke-hover'; +export const ctrlComposerInputBottomStrokePressedRaw = '--smtc-ctrl-composer-input-bottom-stroke-pressed'; +export const ctrlComposerInputBottomStrokeDisabledRaw = '--smtc-ctrl-composer-input-bottom-stroke-disabled'; +export const ctrlComposerInputBottomStrokeSelectedRestRaw = '--smtc-ctrl-composer-input-bottom-stroke-selected-rest'; export const ctrlComposerContainerCornerRaw = '--smtc-ctrl-composer-container-corner'; export const ctrlComposerContainerBackgroundDefaultRaw = '--smtc-ctrl-composer-container-background-default'; -export const ctrlComposerContainerBackgroundAcryliccolorblendRaw = - '--smtc-ctrl-composer-container-background-acryliccolorblend'; -export const ctrlComposerContainerBackgroundAcryliclumblendRaw = - '--smtc-ctrl-composer-container-background-acryliclumblend'; +export const ctrlComposerContainerBackgroundAcrylicColorBlendRaw = + '--smtc-ctrl-composer-container-background-acrylic-color-blend'; +export const ctrlComposerContainerBackgroundAcrylicLumBlendRaw = + '--smtc-ctrl-composer-container-background-acrylic-lum-blend'; export const ctrlComposerContainerStrokeDefaultRaw = '--smtc-ctrl-composer-container-stroke-default'; export const ctrlComposerInputShadowRaw = '--smtc-ctrl-composer-input-shadow-x'; export const ctrlComposerContainerShadowKeyRaw = '--smtc-ctrl-composer-container-shadow-key'; diff --git a/packages/semantic-tokens/src/components/divider/tokens.ts b/packages/semantic-tokens/src/components/divider/tokens.ts index c5e16d1cde48c..aa8756e487a94 100644 --- a/packages/semantic-tokens/src/components/divider/tokens.ts +++ b/packages/semantic-tokens/src/components/divider/tokens.ts @@ -1,5 +1,5 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE import { paddingContentAlignDefaultRaw } from '../../control/variables'; -import { ctrlDividerFixedlineLengthRaw } from './variables'; +import { ctrlDividerFixedLineLengthRaw } from './variables'; -export const ctrlDividerFixedlineLength = `var(${ctrlDividerFixedlineLengthRaw}, var(${paddingContentAlignDefaultRaw}))`; +export const ctrlDividerFixedLineLength = `var(${ctrlDividerFixedLineLengthRaw}, var(${paddingContentAlignDefaultRaw}))`; diff --git a/packages/semantic-tokens/src/components/divider/variables.ts b/packages/semantic-tokens/src/components/divider/variables.ts index 354af4188358b..d0dc2044610c0 100644 --- a/packages/semantic-tokens/src/components/divider/variables.ts +++ b/packages/semantic-tokens/src/components/divider/variables.ts @@ -1,2 +1,2 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -export const ctrlDividerFixedlineLengthRaw = '--smtc-ctrl-divider-fixedline-length'; +export const ctrlDividerFixedLineLengthRaw = '--smtc-ctrl-divider-fixed-line-length'; diff --git a/packages/semantic-tokens/src/components/drag/tokens.ts b/packages/semantic-tokens/src/components/drag/tokens.ts index 38d8bb0acc849..739bcd4610dc4 100644 --- a/packages/semantic-tokens/src/components/drag/tokens.ts +++ b/packages/semantic-tokens/src/components/drag/tokens.ts @@ -1,10 +1,10 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE import { ctrlDragBackgroundSolidRaw, - ctrlDragBackgroundColorblendRaw, - ctrlDragBackgroundLumblendRaw, + ctrlDragBackgroundColorBlendRaw, + ctrlDragBackgroundLumBlendRaw, } from './variables'; export const ctrlDragBackgroundSolid = `var(${ctrlDragBackgroundSolidRaw})`; -export const ctrlDragBackgroundColorblend = `var(${ctrlDragBackgroundColorblendRaw})`; -export const ctrlDragBackgroundLumblend = `var(${ctrlDragBackgroundLumblendRaw})`; +export const ctrlDragBackgroundColorBlend = `var(${ctrlDragBackgroundColorBlendRaw})`; +export const ctrlDragBackgroundLumBlend = `var(${ctrlDragBackgroundLumBlendRaw})`; diff --git a/packages/semantic-tokens/src/components/drag/variables.ts b/packages/semantic-tokens/src/components/drag/variables.ts index 989f274b38b31..28a7077e6e520 100644 --- a/packages/semantic-tokens/src/components/drag/variables.ts +++ b/packages/semantic-tokens/src/components/drag/variables.ts @@ -1,4 +1,4 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE export const ctrlDragBackgroundSolidRaw = '--smtc-ctrl-drag-background-solid'; -export const ctrlDragBackgroundColorblendRaw = '--smtc-ctrl-drag-background-colorblend'; -export const ctrlDragBackgroundLumblendRaw = '--smtc-ctrl-drag-background-lumblend'; +export const ctrlDragBackgroundColorBlendRaw = '--smtc-ctrl-drag-background-color-blend'; +export const ctrlDragBackgroundLumBlendRaw = '--smtc-ctrl-drag-background-lum-blend'; diff --git a/packages/semantic-tokens/src/components/fab/tokens.ts b/packages/semantic-tokens/src/components/fab/tokens.ts index 3f2bc8c1b76ea..e7c3756accab8 100644 --- a/packages/semantic-tokens/src/components/fab/tokens.ts +++ b/packages/semantic-tokens/src/components/fab/tokens.ts @@ -1,6 +1,13 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { cornerCircularRaw, shadowFlyoutKeyRaw } from '../../control/variables'; import { + foregroundCtrlNeutralPrimaryRestRaw, + foregroundCtrlNeutralPrimaryDisabledRaw, + cornerCircularRaw, + shadowFlyoutKeyRaw, +} from '../../control/variables'; +import { + ctrlFabForegroundRestNewRaw, + ctrlFabForegroundDisabledNewRaw, ctrlFabBackgroundRestRaw, ctrlFabBackgroundHoverRaw, ctrlFabBackgroundPressedRaw, @@ -15,6 +22,8 @@ import { ctrlFabShadowDisabledKeyRaw, } from './variables'; +export const ctrlFabForegroundRestNew = `var(${ctrlFabForegroundRestNewRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const ctrlFabForegroundDisabledNew = `var(${ctrlFabForegroundDisabledNewRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; export const ctrlFabBackgroundRest = `var(${ctrlFabBackgroundRestRaw})`; export const ctrlFabBackgroundHover = `var(${ctrlFabBackgroundHoverRaw})`; export const ctrlFabBackgroundPressed = `var(${ctrlFabBackgroundPressedRaw})`; diff --git a/packages/semantic-tokens/src/components/fab/variables.ts b/packages/semantic-tokens/src/components/fab/variables.ts index 63c5d4c28fe68..fbb666aa03dd8 100644 --- a/packages/semantic-tokens/src/components/fab/variables.ts +++ b/packages/semantic-tokens/src/components/fab/variables.ts @@ -1,4 +1,6 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE +export const ctrlFabForegroundRestNewRaw = '--smtc-ctrl-fab-foreground-rest-new'; +export const ctrlFabForegroundDisabledNewRaw = '--smtc-ctrl-fab-foreground-disabled-new'; export const ctrlFabBackgroundRestRaw = '--smtc-ctrl-fab-background-rest'; export const ctrlFabBackgroundHoverRaw = '--smtc-ctrl-fab-background-hover'; export const ctrlFabBackgroundPressedRaw = '--smtc-ctrl-fab-background-pressed'; diff --git a/packages/semantic-tokens/src/components/focus/tokens.ts b/packages/semantic-tokens/src/components/focus/tokens.ts index 8309a95112d63..46f2651acb837 100644 --- a/packages/semantic-tokens/src/components/focus/tokens.ts +++ b/packages/semantic-tokens/src/components/focus/tokens.ts @@ -1,14 +1,14 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { strokewidthDefaultRaw, backgroundCtrlBrandRestRaw } from '../../control/variables'; +import { backgroundCtrlBrandRestRaw } from '../../control/variables'; import { colorStrokeFocus2 } from '../../legacy/tokens'; import { - ctrlFocusInnerStrokewidthRaw, + ctrlFocusInnerStrokeWidthRaw, ctrlFocusInnerStrokeRaw, - ctrlFocusOuterStrokewidthRaw, + ctrlFocusOuterStrokeWidthRaw, ctrlFocusOuterStrokeRaw, } from './variables'; -export const ctrlFocusInnerStrokewidth = `var(${ctrlFocusInnerStrokewidthRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlFocusInnerStrokeWidth = `var(${ctrlFocusInnerStrokeWidthRaw}, var(${strokewidthDefaultRaw}))`; export const ctrlFocusInnerStroke = `var(${ctrlFocusInnerStrokeRaw})`; -export const ctrlFocusOuterStrokewidth = `var(${ctrlFocusOuterStrokewidthRaw})`; +export const ctrlFocusOuterStrokeWidth = `var(${ctrlFocusOuterStrokeWidthRaw})`; export const ctrlFocusOuterStroke = `var(${ctrlFocusOuterStrokeRaw}, var(${backgroundCtrlBrandRestRaw}, ${colorStrokeFocus2}))`; diff --git a/packages/semantic-tokens/src/components/focus/variables.ts b/packages/semantic-tokens/src/components/focus/variables.ts index f8b033f70460d..a1f26772f25cf 100644 --- a/packages/semantic-tokens/src/components/focus/variables.ts +++ b/packages/semantic-tokens/src/components/focus/variables.ts @@ -1,5 +1,5 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -export const ctrlFocusInnerStrokewidthRaw = '--smtc-ctrl-focus-inner-strokewidth'; +export const ctrlFocusInnerStrokeWidthRaw = '--smtc-ctrl-focus-inner-stroke-width'; export const ctrlFocusInnerStrokeRaw = '--smtc-ctrl-focus-inner-stroke'; -export const ctrlFocusOuterStrokewidthRaw = '--smtc-ctrl-focus-outer-strokewidth'; +export const ctrlFocusOuterStrokeWidthRaw = '--smtc-ctrl-focus-outer-stroke-width'; export const ctrlFocusOuterStrokeRaw = '--smtc-ctrl-focus-outer-stroke'; diff --git a/packages/semantic-tokens/src/components/input/tokens.ts b/packages/semantic-tokens/src/components/input/tokens.ts index 5e015bb09b62e..30bd329d81f83 100644 --- a/packages/semantic-tokens/src/components/input/tokens.ts +++ b/packages/semantic-tokens/src/components/input/tokens.ts @@ -4,14 +4,8 @@ import { backgroundCtrlNeutralHoverRaw, backgroundCtrlNeutralPressedRaw, backgroundCtrlNeutralDisabledRaw, - strokeCtrlOnoutlineRestRaw, - strokewidthDefaultRaw, backgroundCtrlBrandRestRaw, - foregroundCtrlOnbrandRestRaw, foregroundCtrlNeutralSecondaryRestRaw, - strokeCtrlOnoutlineHoverRaw, - strokeCtrlOnoutlinePressedRaw, - strokeCtrlOnoutlineDisabledRaw, } from '../../control/variables'; import { statusDangerStrokeRaw } from '../../optional/variables'; import { @@ -22,22 +16,22 @@ import { ctrlInputBackgroundSelectedRaw, ctrlInputBackgroundErrorRaw, ctrlInputStrokeRestRaw, - ctrlInputBottomlineStrokewidthRestRaw, - ctrlInputStrokewidthRestRaw, - ctrlInputTextselectionBackgroundRaw, - ctrlInputTextselectionForegroundRaw, - ctrlInputStrokewidthHoverRaw, - ctrlInputStrokewidthPressedRaw, - ctrlInputStrokewidthSelectedRaw, - ctrlInputBottomlineStrokewidthHoverRaw, - ctrlInputBottomlineStrokewidthPressedRaw, - ctrlInputBottomlineStrokewidthSelectedRaw, - ctrlInputBottomlineStrokeRestRaw, - ctrlInputBottomlineStrokeHoverRaw, - ctrlInputBottomlineStrokePressedRaw, - ctrlInputBottomlineStrokeDisabledRaw, - ctrlInputBottomlineStrokeSelectedRaw, - ctrlInputBottomlineStrokeErrorRaw, + ctrlInputStrokeWidthRestRaw, + ctrlInputStrokeWidthHoverRaw, + ctrlInputStrokeWidthPressedRaw, + ctrlInputStrokeWidthSelectedRaw, + ctrlInputBottomLineStrokeWidthRestRaw, + ctrlInputTextSelectionBackgroundRaw, + ctrlInputTextSelectionForegroundRaw, + ctrlInputBottomLineStrokeWidthHoverRaw, + ctrlInputBottomLineStrokeWidthPressedRaw, + ctrlInputBottomLineStrokeWidthSelectedRaw, + ctrlInputBottomLineStrokeRestRaw, + ctrlInputBottomLineStrokeHoverRaw, + ctrlInputBottomLineStrokePressedRaw, + ctrlInputBottomLineStrokeDisabledRaw, + ctrlInputBottomLineStrokeSelectedRaw, + ctrlInputBottomLineStrokeErrorRaw, ctrlInputStrokeHoverRaw, ctrlInputStrokePressedRaw, ctrlInputStrokeDisabledRaw, @@ -52,22 +46,22 @@ export const ctrlInputBackgroundDisabled = `var(${ctrlInputBackgroundDisabledRaw export const ctrlInputBackgroundSelected = `var(${ctrlInputBackgroundSelectedRaw}, var(${backgroundCtrlNeutralRestRaw}))`; export const ctrlInputBackgroundError = `var(${ctrlInputBackgroundErrorRaw}, var(${backgroundCtrlNeutralRestRaw}))`; export const ctrlInputStrokeRest = `var(${ctrlInputStrokeRestRaw}, var(${strokeCtrlOnoutlineRestRaw}))`; -export const ctrlInputBottomlineStrokewidthRest = `var(${ctrlInputBottomlineStrokewidthRestRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlInputStrokewidthRest = `var(${ctrlInputStrokewidthRestRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlInputTextselectionBackground = `var(${ctrlInputTextselectionBackgroundRaw}, var(${backgroundCtrlBrandRestRaw}))`; -export const ctrlInputTextselectionForeground = `var(${ctrlInputTextselectionForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const ctrlInputStrokewidthHover = `var(${ctrlInputStrokewidthHoverRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlInputStrokewidthPressed = `var(${ctrlInputStrokewidthPressedRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlInputStrokewidthSelected = `var(${ctrlInputStrokewidthSelectedRaw})`; -export const ctrlInputBottomlineStrokewidthHover = `var(${ctrlInputBottomlineStrokewidthHoverRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlInputBottomlineStrokewidthPressed = `var(${ctrlInputBottomlineStrokewidthPressedRaw}, var(${ctrlInputBottomlineStrokewidthSelectedRaw}))`; -export const ctrlInputBottomlineStrokewidthSelected = `var(${ctrlInputBottomlineStrokewidthSelectedRaw})`; -export const ctrlInputBottomlineStrokeRest = `var(${ctrlInputBottomlineStrokeRestRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; -export const ctrlInputBottomlineStrokeHover = `var(${ctrlInputBottomlineStrokeHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; -export const ctrlInputBottomlineStrokePressed = `var(${ctrlInputBottomlineStrokePressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; -export const ctrlInputBottomlineStrokeDisabled = `var(${ctrlInputBottomlineStrokeDisabledRaw}, unset)`; -export const ctrlInputBottomlineStrokeSelected = `var(${ctrlInputBottomlineStrokeSelectedRaw}, var(${backgroundCtrlBrandRestRaw}))`; -export const ctrlInputBottomlineStrokeError = `var(${ctrlInputBottomlineStrokeErrorRaw}, unset)`; +export const ctrlInputStrokeWidthRest = `var(${ctrlInputStrokeWidthRestRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlInputStrokeWidthHover = `var(${ctrlInputStrokeWidthHoverRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlInputStrokeWidthPressed = `var(${ctrlInputStrokeWidthPressedRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlInputStrokeWidthSelected = `var(${ctrlInputStrokeWidthSelectedRaw})`; +export const ctrlInputBottomLineStrokeWidthRest = `var(${ctrlInputBottomLineStrokeWidthRestRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlInputTextSelectionBackground = `var(${ctrlInputTextSelectionBackgroundRaw}, var(${backgroundCtrlBrandRestRaw}))`; +export const ctrlInputTextSelectionForeground = `var(${ctrlInputTextSelectionForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const ctrlInputBottomLineStrokeWidthHover = `var(${ctrlInputBottomLineStrokeWidthHoverRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlInputBottomLineStrokeWidthPressed = `var(${ctrlInputBottomLineStrokeWidthPressedRaw}, var(${ctrlInputBottomlineStrokewidthSelectedRaw}))`; +export const ctrlInputBottomLineStrokeWidthSelected = `var(${ctrlInputBottomLineStrokeWidthSelectedRaw})`; +export const ctrlInputBottomLineStrokeRest = `var(${ctrlInputBottomLineStrokeRestRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; +export const ctrlInputBottomLineStrokeHover = `var(${ctrlInputBottomLineStrokeHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; +export const ctrlInputBottomLineStrokePressed = `var(${ctrlInputBottomLineStrokePressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; +export const ctrlInputBottomLineStrokeDisabled = `var(${ctrlInputBottomLineStrokeDisabledRaw}, unset)`; +export const ctrlInputBottomLineStrokeSelected = `var(${ctrlInputBottomLineStrokeSelectedRaw}, var(${backgroundCtrlBrandRestRaw}))`; +export const ctrlInputBottomLineStrokeError = `var(${ctrlInputBottomLineStrokeErrorRaw}, unset)`; export const ctrlInputStrokeHover = `var(${ctrlInputStrokeHoverRaw}, var(${strokeCtrlOnoutlineHoverRaw}))`; export const ctrlInputStrokePressed = `var(${ctrlInputStrokePressedRaw}, var(${strokeCtrlOnoutlinePressedRaw}))`; export const ctrlInputStrokeDisabled = `var(${ctrlInputStrokeDisabledRaw}, var(${strokeCtrlOnoutlineDisabledRaw}))`; diff --git a/packages/semantic-tokens/src/components/input/variables.ts b/packages/semantic-tokens/src/components/input/variables.ts index 8d4c028b2c533..a19e6ff16e4cb 100644 --- a/packages/semantic-tokens/src/components/input/variables.ts +++ b/packages/semantic-tokens/src/components/input/variables.ts @@ -6,22 +6,22 @@ export const ctrlInputBackgroundDisabledRaw = '--smtc-ctrl-input-background-disa export const ctrlInputBackgroundSelectedRaw = '--smtc-ctrl-input-background-selected'; export const ctrlInputBackgroundErrorRaw = '--smtc-ctrl-input-background-error'; export const ctrlInputStrokeRestRaw = '--smtc-ctrl-input-stroke-rest'; -export const ctrlInputBottomlineStrokewidthRestRaw = '--smtc-ctrl-input-bottomline-strokewidth-rest'; -export const ctrlInputStrokewidthRestRaw = '--smtc-ctrl-input-strokewidth-rest'; -export const ctrlInputTextselectionBackgroundRaw = '--smtc-ctrl-input-textselection-background'; -export const ctrlInputTextselectionForegroundRaw = '--smtc-ctrl-input-textselection-foreground'; -export const ctrlInputStrokewidthHoverRaw = '--smtc-ctrl-input-strokewidth-hover'; -export const ctrlInputStrokewidthPressedRaw = '--smtc-ctrl-input-strokewidth-pressed'; -export const ctrlInputStrokewidthSelectedRaw = '--smtc-ctrl-input-strokewidth-selected'; -export const ctrlInputBottomlineStrokewidthHoverRaw = '--smtc-ctrl-input-bottomline-strokewidth-hover'; -export const ctrlInputBottomlineStrokewidthPressedRaw = '--smtc-ctrl-input-bottomline-strokewidth-pressed'; -export const ctrlInputBottomlineStrokewidthSelectedRaw = '--smtc-ctrl-input-bottomline-strokewidth-selected'; -export const ctrlInputBottomlineStrokeRestRaw = '--smtc-ctrl-input-bottomline-stroke-rest'; -export const ctrlInputBottomlineStrokeHoverRaw = '--smtc-ctrl-input-bottomline-stroke-hover'; -export const ctrlInputBottomlineStrokePressedRaw = '--smtc-ctrl-input-bottomline-stroke-pressed'; -export const ctrlInputBottomlineStrokeDisabledRaw = '--smtc-ctrl-input-bottomline-stroke-disabled'; -export const ctrlInputBottomlineStrokeSelectedRaw = '--smtc-ctrl-input-bottomline-stroke-selected'; -export const ctrlInputBottomlineStrokeErrorRaw = '--smtc-ctrl-input-bottomline-stroke-error'; +export const ctrlInputStrokeWidthRestRaw = '--smtc-ctrl-input-stroke-width-rest'; +export const ctrlInputStrokeWidthHoverRaw = '--smtc-ctrl-input-stroke-width-hover'; +export const ctrlInputStrokeWidthPressedRaw = '--smtc-ctrl-input-stroke-width-pressed'; +export const ctrlInputStrokeWidthSelectedRaw = '--smtc-ctrl-input-stroke-width-selected'; +export const ctrlInputBottomLineStrokeWidthRestRaw = '--smtc-ctrl-input-bottom-line-stroke-width-rest'; +export const ctrlInputTextSelectionBackgroundRaw = '--smtc-ctrl-input-text-selection-background'; +export const ctrlInputTextSelectionForegroundRaw = '--smtc-ctrl-input-text-selection-foreground'; +export const ctrlInputBottomLineStrokeWidthHoverRaw = '--smtc-ctrl-input-bottom-line-stroke-width-hover'; +export const ctrlInputBottomLineStrokeWidthPressedRaw = '--smtc-ctrl-input-bottom-line-stroke-width-pressed'; +export const ctrlInputBottomLineStrokeWidthSelectedRaw = '--smtc-ctrl-input-bottom-line-stroke-width-selected'; +export const ctrlInputBottomLineStrokeRestRaw = '--smtc-ctrl-input-bottom-line-stroke-rest'; +export const ctrlInputBottomLineStrokeHoverRaw = '--smtc-ctrl-input-bottom-line-stroke-hover'; +export const ctrlInputBottomLineStrokePressedRaw = '--smtc-ctrl-input-bottom-line-stroke-pressed'; +export const ctrlInputBottomLineStrokeDisabledRaw = '--smtc-ctrl-input-bottom-line-stroke-disabled'; +export const ctrlInputBottomLineStrokeSelectedRaw = '--smtc-ctrl-input-bottom-line-stroke-selected'; +export const ctrlInputBottomLineStrokeErrorRaw = '--smtc-ctrl-input-bottom-line-stroke-error'; export const ctrlInputStrokeHoverRaw = '--smtc-ctrl-input-stroke-hover'; export const ctrlInputStrokePressedRaw = '--smtc-ctrl-input-stroke-pressed'; export const ctrlInputStrokeDisabledRaw = '--smtc-ctrl-input-stroke-disabled'; diff --git a/packages/semantic-tokens/src/components/link/tokens.ts b/packages/semantic-tokens/src/components/link/tokens.ts index 3624d46f8b303..9040203d3994e 100644 --- a/packages/semantic-tokens/src/components/link/tokens.ts +++ b/packages/semantic-tokens/src/components/link/tokens.ts @@ -1,7 +1,6 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE import { foregroundCtrlNeutralPrimaryRestRaw, - strokewidthDefaultRaw, foregroundCtrlBrandRestRaw, foregroundCtrlBrandHoverRaw, foregroundCtrlBrandPressedRaw, @@ -16,32 +15,32 @@ import { } from '../../legacy/tokens'; import { ctrlLinkForegroundNeutralRestRaw, - ctrlLinkInlineStrokewidthRestRaw, - ctrlLinkInlineStrokewidthHoverRaw, + ctrlLinkInlineStrokeWidthRestRaw, + ctrlLinkInlineStrokeWidthHoverRaw, ctrlLinkInlineUnderlineDashedRaw, ctrlLinkForegroundNeutralHoverRaw, ctrlLinkForegroundNeutralPressedRaw, ctrlLinkForegroundBrandRestRaw, ctrlLinkForegroundBrandHoverRaw, ctrlLinkForegroundBrandPressedRaw, - ctrlLinkOnpageStrokewidthRestRaw, - ctrlLinkOnpageStrokewidthHoverRaw, - ctrlLinkOnpageUnderlineDashedRaw, - ctrlLinkInlineShowunderlineatrestRaw, - ctrlLinkOnpageShowunderlineatrestRaw, + ctrlLinkOnPageStrokeWidthRestRaw, + ctrlLinkOnPageStrokeWidthHoverRaw, + ctrlLinkOnPageUnderlineDashedRaw, + ctrlLinkInlineShowUnderlineAtRestRaw, + ctrlLinkOnPageShowUnderlineAtRestRaw, } from './variables'; export const ctrlLinkForegroundNeutralRest = `var(${ctrlLinkForegroundNeutralRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${colorNeutralForeground2}))`; -export const ctrlLinkInlineStrokewidthRest = `var(${ctrlLinkInlineStrokewidthRestRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlLinkInlineStrokewidthHover = `var(${ctrlLinkInlineStrokewidthHoverRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlLinkInlineStrokeWidthRest = `var(${ctrlLinkInlineStrokeWidthRestRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlLinkInlineStrokeWidthHover = `var(${ctrlLinkInlineStrokeWidthHoverRaw}, var(${strokewidthDefaultRaw}))`; export const ctrlLinkInlineUnderlineDashed = `var(${ctrlLinkInlineUnderlineDashedRaw})`; export const ctrlLinkForegroundNeutralHover = `var(${ctrlLinkForegroundNeutralHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${colorNeutralForeground2Hover}))`; export const ctrlLinkForegroundNeutralPressed = `var(${ctrlLinkForegroundNeutralPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${colorNeutralForeground2Pressed}))`; export const ctrlLinkForegroundBrandRest = `var(${ctrlLinkForegroundBrandRestRaw}, var(${foregroundCtrlBrandRestRaw}, ${colorBrandForegroundLink}))`; export const ctrlLinkForegroundBrandHover = `var(${ctrlLinkForegroundBrandHoverRaw}, var(${foregroundCtrlBrandHoverRaw}, ${colorBrandForegroundLinkHover}))`; export const ctrlLinkForegroundBrandPressed = `var(${ctrlLinkForegroundBrandPressedRaw}, var(${foregroundCtrlBrandPressedRaw}, ${colorBrandForegroundLinkPressed}))`; -export const ctrlLinkOnpageStrokewidthRest = `var(${ctrlLinkOnpageStrokewidthRestRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlLinkOnpageStrokewidthHover = `var(${ctrlLinkOnpageStrokewidthHoverRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlLinkOnpageUnderlineDashed = `var(${ctrlLinkOnpageUnderlineDashedRaw})`; -export const ctrlLinkInlineShowunderlineatrest = `var(${ctrlLinkInlineShowunderlineatrestRaw})`; -export const ctrlLinkOnpageShowunderlineatrest = `var(${ctrlLinkOnpageShowunderlineatrestRaw})`; +export const ctrlLinkOnPageStrokeWidthRest = `var(${ctrlLinkOnPageStrokeWidthRestRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlLinkOnPageStrokeWidthHover = `var(${ctrlLinkOnPageStrokeWidthHoverRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlLinkOnPageUnderlineDashed = `var(${ctrlLinkOnPageUnderlineDashedRaw})`; +export const ctrlLinkInlineShowUnderlineAtRest = `var(${ctrlLinkInlineShowUnderlineAtRestRaw})`; +export const ctrlLinkOnPageShowUnderlineAtRest = `var(${ctrlLinkOnPageShowUnderlineAtRestRaw})`; diff --git a/packages/semantic-tokens/src/components/link/variables.ts b/packages/semantic-tokens/src/components/link/variables.ts index e0f98462687aa..5740694598865 100644 --- a/packages/semantic-tokens/src/components/link/variables.ts +++ b/packages/semantic-tokens/src/components/link/variables.ts @@ -1,15 +1,15 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE export const ctrlLinkForegroundNeutralRestRaw = '--smtc-ctrl-link-foreground-neutral-rest'; -export const ctrlLinkInlineStrokewidthRestRaw = '--smtc-ctrl-link-inline-strokewidth-rest'; -export const ctrlLinkInlineStrokewidthHoverRaw = '--smtc-ctrl-link-inline-strokewidth-hover'; +export const ctrlLinkInlineStrokeWidthRestRaw = '--smtc-ctrl-link-inline-stroke-width-rest'; +export const ctrlLinkInlineStrokeWidthHoverRaw = '--smtc-ctrl-link-inline-stroke-width-hover'; export const ctrlLinkInlineUnderlineDashedRaw = '--smtc-ctrl-link-inline-underline-dashed'; export const ctrlLinkForegroundNeutralHoverRaw = '--smtc-ctrl-link-foreground-neutral-hover'; export const ctrlLinkForegroundNeutralPressedRaw = '--smtc-ctrl-link-foreground-neutral-pressed'; export const ctrlLinkForegroundBrandRestRaw = '--smtc-ctrl-link-foreground-brand-rest'; export const ctrlLinkForegroundBrandHoverRaw = '--smtc-ctrl-link-foreground-brand-hover'; export const ctrlLinkForegroundBrandPressedRaw = '--smtc-ctrl-link-foreground-brand-pressed'; -export const ctrlLinkOnpageStrokewidthRestRaw = '--smtc-ctrl-link-onpage-strokewidth-rest'; -export const ctrlLinkOnpageStrokewidthHoverRaw = '--smtc-ctrl-link-onpage-strokewidth-hover'; -export const ctrlLinkOnpageUnderlineDashedRaw = '--smtc-ctrl-link-onpage-underline-dashed'; -export const ctrlLinkInlineShowunderlineatrestRaw = '--smtc-ctrl-link-inline-showunderlineatrest'; -export const ctrlLinkOnpageShowunderlineatrestRaw = '--smtc-ctrl-link-onpage-showunderlineatrest'; +export const ctrlLinkOnPageStrokeWidthRestRaw = '--smtc-ctrl-link-on-page-stroke-width-rest'; +export const ctrlLinkOnPageStrokeWidthHoverRaw = '--smtc-ctrl-link-on-page-stroke-width-hover'; +export const ctrlLinkOnPageUnderlineDashedRaw = '--smtc-ctrl-link-on-page-underline-dashed'; +export const ctrlLinkInlineShowUnderlineAtRestRaw = '--smtc-ctrl-link-inline-show-underline-at-rest'; +export const ctrlLinkOnPageShowUnderlineAtRestRaw = '--smtc-ctrl-link-on-page-show-underline-at-rest'; diff --git a/packages/semantic-tokens/src/components/list/tokens.ts b/packages/semantic-tokens/src/components/list/tokens.ts index 1895fca678faf..68028e02179a7 100644 --- a/packages/semantic-tokens/src/components/list/tokens.ts +++ b/packages/semantic-tokens/src/components/list/tokens.ts @@ -4,10 +4,8 @@ import { paddingCtrlHorizontalDefaultRaw, backgroundCtrlSubtleHoverRaw, backgroundCtrlSubtlePressedRaw, - foregroundCtrlBrandRestRaw, - foregroundCtrlBrandDisabledRaw, - sizeCtrlIconsecondaryRaw, - strokeCtrlDividerOnneutralRaw, + foregroundCtrlNeutralPrimaryRestRaw, + foregroundCtrlNeutralPrimaryDisabledRaw, cornerCtrlSmRestRaw, paddingCtrlSmHorizontalDefaultRaw, cornerCtrlLgRestRaw, @@ -21,7 +19,7 @@ import { import { ctrlChoiceCheckboxCornerRaw } from '../choice/variables'; import { ctrlListPillWidthRaw, - ctrlListPillFullwidthRaw, + ctrlListPillFullWidthRaw, ctrlListPillStretchPaddingDefaultRaw, ctrlListPillStretchPaddingHintRaw, ctrlListPillLengthRestRaw, @@ -35,6 +33,10 @@ import { ctrlListIndentLevel2Raw, ctrlListIndentLevel3Raw, ctrlListBackgroundSelectedRestRaw, + ctrlListForegroundSelectedRestRaw, + ctrlListForegroundSelectedHoverRaw, + ctrlListForegroundSelectedPressedRaw, + ctrlListForegroundSelectedDisabledRaw, ctrlListBackgroundSelectedHoverRaw, ctrlListBackgroundSelectedPressedRaw, ctrlListBackgroundSelectedDisabledRaw, @@ -66,13 +68,13 @@ import { ctrlListLgIndentLevel1Raw, ctrlListLgIndentLevel2Raw, ctrlListLgIndentLevel3Raw, - ctrlListSplitDividerShowdividerRaw, + ctrlListSplitDividerShowDividerRaw, ctrlListShadowSelectedKeyRaw, ctrlListShadowSelectedAmbientRaw, } from './variables'; export const ctrlListPillWidth = `var(${ctrlListPillWidthRaw})`; -export const ctrlListPillFullwidth = `var(${ctrlListPillFullwidthRaw})`; +export const ctrlListPillFullWidth = `var(${ctrlListPillFullWidthRaw})`; export const ctrlListPillStretchPaddingDefault = `var(${ctrlListPillStretchPaddingDefaultRaw})`; export const ctrlListPillStretchPaddingHint = `var(${ctrlListPillStretchPaddingHintRaw})`; export const ctrlListPillLengthRest = `var(${ctrlListPillLengthRestRaw})`; @@ -86,6 +88,10 @@ export const ctrlListIndentLevel1 = `var(${ctrlListIndentLevel1Raw}, var(${paddi export const ctrlListIndentLevel2 = `var(${ctrlListIndentLevel2Raw})`; export const ctrlListIndentLevel3 = `var(${ctrlListIndentLevel3Raw})`; export const ctrlListBackgroundSelectedRest = `var(${ctrlListBackgroundSelectedRestRaw}, var(${backgroundCtrlSubtleRestRaw}))`; +export const ctrlListForegroundSelectedRest = `var(${ctrlListForegroundSelectedRestRaw}, var(${backgroundCtrlSubtleRestRaw}))`; +export const ctrlListForegroundSelectedHover = `var(${ctrlListForegroundSelectedHoverRaw}, var(${backgroundCtrlSubtleHoverRaw}))`; +export const ctrlListForegroundSelectedPressed = `var(${ctrlListForegroundSelectedPressedRaw}, var(${backgroundCtrlSubtlePressedRaw}))`; +export const ctrlListForegroundSelectedDisabled = `var(${ctrlListForegroundSelectedDisabledRaw}, var(${backgroundCtrlSubtleDisabledRaw}))`; export const ctrlListBackgroundSelectedHover = `var(${ctrlListBackgroundSelectedHoverRaw}, var(${backgroundCtrlSubtleHoverRaw}))`; export const ctrlListBackgroundSelectedPressed = `var(${ctrlListBackgroundSelectedPressedRaw}, var(${backgroundCtrlSubtlePressedRaw}))`; export const ctrlListBackgroundSelectedDisabled = `var(${ctrlListBackgroundSelectedDisabledRaw}, var(${backgroundCtrlSubtleDisabledRaw}))`; @@ -95,8 +101,8 @@ export const ctrlListChoiceStrokeDisabled = `var(${ctrlListChoiceStrokeDisabledR export const ctrlListChoiceStrokeSelectedRest = `var(${ctrlListChoiceStrokeSelectedRestRaw}, unset)`; export const ctrlListChoiceStrokeSelectedDisabled = `var(${ctrlListChoiceStrokeSelectedDisabledRaw}, unset)`; export const ctrlListChoiceForegroundHover = `var(${ctrlListChoiceForegroundHoverRaw}, var(${foregroundCtrlHintDefaultRaw}))`; -export const ctrlListChoiceForegroundSelectedRest = `var(${ctrlListChoiceForegroundSelectedRestRaw}, var(${foregroundCtrlBrandRestRaw}))`; -export const ctrlListChoiceForegroundSelectedDisabled = `var(${ctrlListChoiceForegroundSelectedDisabledRaw}, var(${foregroundCtrlBrandDisabledRaw}))`; +export const ctrlListChoiceForegroundSelectedRest = `var(${ctrlListChoiceForegroundSelectedRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const ctrlListChoiceForegroundSelectedDisabled = `var(${ctrlListChoiceForegroundSelectedDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; export const ctrlListChoiceBackgroundDisabled = `var(${ctrlListChoiceBackgroundDisabledRaw}, unset)`; export const ctrlListChoiceBackgroundSelectedRest = `var(${ctrlListChoiceBackgroundSelectedRestRaw}, unset)`; export const ctrlListChoiceBackgroundSelectedDisabled = `var(${ctrlListChoiceBackgroundSelectedDisabledRaw}, unset)`; @@ -117,6 +123,6 @@ export const ctrlListLgCornerPressed = `var(${ctrlListLgCornerPressedRaw}, var($ export const ctrlListLgIndentLevel1 = `var(${ctrlListLgIndentLevel1Raw}, var(${paddingCtrlLgHorizontalDefaultRaw}))`; export const ctrlListLgIndentLevel2 = `var(${ctrlListLgIndentLevel2Raw})`; export const ctrlListLgIndentLevel3 = `var(${ctrlListLgIndentLevel3Raw})`; -export const ctrlListSplitDividerShowdivider = `var(${ctrlListSplitDividerShowdividerRaw})`; +export const ctrlListSplitDividerShowDivider = `var(${ctrlListSplitDividerShowDividerRaw})`; export const ctrlListShadowSelectedKey = `var(${ctrlListShadowSelectedKeyRaw}, unset)`; export const ctrlListShadowSelectedAmbient = `var(${ctrlListShadowSelectedAmbientRaw})`; diff --git a/packages/semantic-tokens/src/components/list/variables.ts b/packages/semantic-tokens/src/components/list/variables.ts index 78307fed6d50e..cb0db33952fe6 100644 --- a/packages/semantic-tokens/src/components/list/variables.ts +++ b/packages/semantic-tokens/src/components/list/variables.ts @@ -1,6 +1,6 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE export const ctrlListPillWidthRaw = '--smtc-ctrl-list-pill-width'; -export const ctrlListPillFullwidthRaw = '--smtc-ctrl-list-pill-fullwidth'; +export const ctrlListPillFullWidthRaw = '--smtc-ctrl-list-pill-full-width'; export const ctrlListPillStretchPaddingDefaultRaw = '--smtc-ctrl-list-pill-stretch-padding-default'; export const ctrlListPillStretchPaddingHintRaw = '--smtc-ctrl-list-pill-stretch-padding-hint'; export const ctrlListPillLengthRestRaw = '--smtc-ctrl-list-pill-length-rest'; @@ -14,6 +14,10 @@ export const ctrlListIndentLevel1Raw = '--smtc-ctrl-list-indent-level1'; export const ctrlListIndentLevel2Raw = '--smtc-ctrl-list-indent-level2'; export const ctrlListIndentLevel3Raw = '--smtc-ctrl-list-indent-level3'; export const ctrlListBackgroundSelectedRestRaw = '--smtc-ctrl-list-background-selected-rest'; +export const ctrlListForegroundSelectedRestRaw = '--smtc-ctrl-list-foreground-selected-rest'; +export const ctrlListForegroundSelectedHoverRaw = '--smtc-ctrl-list-foreground-selected-hover'; +export const ctrlListForegroundSelectedPressedRaw = '--smtc-ctrl-list-foreground-selected-pressed'; +export const ctrlListForegroundSelectedDisabledRaw = '--smtc-ctrl-list-foreground-selected-disabled'; export const ctrlListBackgroundSelectedHoverRaw = '--smtc-ctrl-list-background-selected-hover'; export const ctrlListBackgroundSelectedPressedRaw = '--smtc-ctrl-list-background-selected-pressed'; export const ctrlListBackgroundSelectedDisabledRaw = '--smtc-ctrl-list-background-selected-disabled'; @@ -45,6 +49,6 @@ export const ctrlListLgCornerPressedRaw = '--smtc-ctrl-list-lg-corner-pressed'; export const ctrlListLgIndentLevel1Raw = '--smtc-ctrl-list-lg-indent-level1'; export const ctrlListLgIndentLevel2Raw = '--smtc-ctrl-list-lg-indent-level2'; export const ctrlListLgIndentLevel3Raw = '--smtc-ctrl-list-lg-indent-level3'; -export const ctrlListSplitDividerShowdividerRaw = '--smtc-ctrl-list-split-divider-showdivider'; -export const ctrlListShadowSelectedKeyRaw = '--smtc-ctrl-list-shadow-selected-key'; +export const ctrlListSplitDividerShowDividerRaw = '--smtc-ctrl-list-split-divider-show-divider'; +export const ctrlListShadowSelectedKeyRaw = '--smtc-ctrl-list-shadow-selected-key-y'; export const ctrlListShadowSelectedAmbientRaw = '--smtc-ctrl-list-shadow-selected-ambient'; diff --git a/packages/semantic-tokens/src/components/liteFilter/tokens.ts b/packages/semantic-tokens/src/components/liteFilter/tokens.ts index a05d37d34a654..a8e11d7c6343e 100644 --- a/packages/semantic-tokens/src/components/liteFilter/tokens.ts +++ b/packages/semantic-tokens/src/components/liteFilter/tokens.ts @@ -1,18 +1,13 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE +import { backgroundCtrlBrandRestRaw } from '../../control/variables'; import { - backgroundCtrlBrandRestRaw, - foregroundCtrlOnbrandRestRaw, - strokewidthDefaultRaw, -} from '../../control/variables'; -import { strokeCtrlOnbrandRestRaw } from '../../nullable/variables'; -import { - ctrlLitefilterBackgroundSelectedRaw, - ctrlLitefilterStrokeSelectedRaw, - ctrlLitefilterForegroundSelectedRaw, - ctrlLitefilterStrokewidthSelectedRaw, + ctrlLiteFilterBackgroundSelectedRaw, + ctrlLiteFilterStrokeSelectedRaw, + ctrlLiteFilterForegroundSelectedRaw, + ctrlLiteFilterStrokeWidthSelectedRaw, } from './variables'; -export const ctrlLitefilterBackgroundSelected = `var(${ctrlLitefilterBackgroundSelectedRaw}, var(${backgroundCtrlBrandRestRaw}))`; -export const ctrlLitefilterStrokeSelected = `var(${ctrlLitefilterStrokeSelectedRaw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const ctrlLitefilterForegroundSelected = `var(${ctrlLitefilterForegroundSelectedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const ctrlLitefilterStrokewidthSelected = `var(${ctrlLitefilterStrokewidthSelectedRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlLiteFilterBackgroundSelected = `var(${ctrlLiteFilterBackgroundSelectedRaw}, var(${backgroundCtrlBrandRestRaw}))`; +export const ctrlLiteFilterStrokeSelected = `var(${ctrlLiteFilterStrokeSelectedRaw}, var(${strokeCtrlOnbrandRestRaw}))`; +export const ctrlLiteFilterForegroundSelected = `var(${ctrlLiteFilterForegroundSelectedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const ctrlLiteFilterStrokeWidthSelected = `var(${ctrlLiteFilterStrokeWidthSelectedRaw}, var(${strokewidthDefaultRaw}))`; diff --git a/packages/semantic-tokens/src/components/liteFilter/variables.ts b/packages/semantic-tokens/src/components/liteFilter/variables.ts index e0f5c9d5be775..83f6b13e4c010 100644 --- a/packages/semantic-tokens/src/components/liteFilter/variables.ts +++ b/packages/semantic-tokens/src/components/liteFilter/variables.ts @@ -1,5 +1,5 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -export const ctrlLitefilterBackgroundSelectedRaw = '--smtc-ctrl-litefilter-background-selected'; -export const ctrlLitefilterStrokeSelectedRaw = '--smtc-ctrl-litefilter-stroke-selected'; -export const ctrlLitefilterForegroundSelectedRaw = '--smtc-ctrl-litefilter-foreground-selected'; -export const ctrlLitefilterStrokewidthSelectedRaw = '--smtc-ctrl-litefilter-strokewidth-selected'; +export const ctrlLiteFilterBackgroundSelectedRaw = '--smtc-ctrl-lite-filter-background-selected'; +export const ctrlLiteFilterStrokeSelectedRaw = '--smtc-ctrl-lite-filter-stroke-selected'; +export const ctrlLiteFilterForegroundSelectedRaw = '--smtc-ctrl-lite-filter-foreground-selected'; +export const ctrlLiteFilterStrokeWidthSelectedRaw = '--smtc-ctrl-lite-filter-stroke-width-selected'; diff --git a/packages/semantic-tokens/src/components/rating/tokens.ts b/packages/semantic-tokens/src/components/rating/tokens.ts index 5b074016482b4..e72f3249dc2ed 100644 --- a/packages/semantic-tokens/src/components/rating/tokens.ts +++ b/packages/semantic-tokens/src/components/rating/tokens.ts @@ -1,5 +1,5 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { iconthemeCtrlDefaultRestRaw, backgroundCtrlBrandRestRaw, sizeCtrlIconRaw } from '../../control/variables'; +import { backgroundCtrlBrandRestRaw, sizeCtrlIconRaw } from '../../control/variables'; import { ctrlProgressBackgroundEmptyRaw } from '../progress/variables'; import { ctrlRatingIconThemeRaw, diff --git a/packages/semantic-tokens/src/components/segmented/tokens.ts b/packages/semantic-tokens/src/components/segmented/tokens.ts index f0e32348ebe35..d4d1bded2e8d7 100644 --- a/packages/semantic-tokens/src/components/segmented/tokens.ts +++ b/packages/semantic-tokens/src/components/segmented/tokens.ts @@ -76,8 +76,8 @@ export const ctrlSegmentedLgPaddingRest = `var(${ctrlSegmentedLgPaddingRestRaw}) export const ctrlSegmentedLgPaddingHover = `var(${ctrlSegmentedLgPaddingHoverRaw}, var(${ctrlSegmentedLgPaddingRestRaw}))`; export const ctrlSegmentedLgPaddingPressed = `var(${ctrlSegmentedLgPaddingPressedRaw}, var(${ctrlSegmentedLgPaddingRestRaw}))`; export const ctrlSegmentedSmItemCornerRest = `var(${ctrlSegmentedSmItemCornerRestRaw})`; -export const ctrlSegmentedSmItemCornerHover = `var(${ctrlSegmentedSmItemCornerHoverRaw})`; -export const ctrlSegmentedSmItemCornerPressed = `var(${ctrlSegmentedSmItemCornerPressedRaw})`; +export const ctrlSegmentedSmItemCornerHover = `var(${ctrlSegmentedSmItemCornerHoverRaw}, var(${ctrlSegmentedSmItemCornerRestRaw}))`; +export const ctrlSegmentedSmItemCornerPressed = `var(${ctrlSegmentedSmItemCornerPressedRaw}, var(${ctrlSegmentedSmItemCornerRestRaw}))`; export const ctrlSegmentedLgItemCornerRest = `var(${ctrlSegmentedLgItemCornerRestRaw}, var(${cornerCtrlRestRaw}))`; export const ctrlSegmentedLgItemCornerHover = `var(${ctrlSegmentedLgItemCornerHoverRaw}, var(${cornerCtrlRestRaw}))`; export const ctrlSegmentedLgItemCornerPressed = `var(${ctrlSegmentedLgItemCornerPressedRaw}, var(${cornerCtrlRestRaw}))`; diff --git a/packages/semantic-tokens/src/components/slider/tokens.ts b/packages/semantic-tokens/src/components/slider/tokens.ts index 1168c839d63d8..57b73af847bd6 100644 --- a/packages/semantic-tokens/src/components/slider/tokens.ts +++ b/packages/semantic-tokens/src/components/slider/tokens.ts @@ -6,9 +6,6 @@ import { backgroundCtrlBrandPressedRaw, backgroundCtrlBrandDisabledRaw, sizeCtrlIconRaw, - foregroundCtrlOnbrandRestRaw, - foregroundCtrlOnbrandDisabledRaw, - strokewidthDefaultRaw, sizeCtrlSmIconRaw, sizeCtrlLgIconRaw, } from '../../control/variables'; @@ -37,14 +34,14 @@ import { ctrlSliderThumbBackgroundHoverRaw, ctrlSliderThumbBackgroundPressedRaw, ctrlSliderThumbBackgroundDisabledRaw, - ctrlSliderThumbInnerStrokewidthRestRaw, - ctrlSliderThumbInnerStrokewidthHoverRaw, - ctrlSliderThumbInnerStrokewidthPressedRaw, + ctrlSliderThumbInnerStrokeWidthRestRaw, + ctrlSliderThumbInnerStrokeWidthHoverRaw, + ctrlSliderThumbInnerStrokeWidthPressedRaw, ctrlSliderThumbInnerStrokeRestRaw, ctrlSliderThumbInnerStrokeHoverRaw, ctrlSliderThumbInnerStrokePressedRaw, ctrlSliderThumbInnerStrokeDisabledRaw, - ctrlSliderThumbOuterStrokewidthRaw, + ctrlSliderThumbOuterStrokeWidthRaw, ctrlSliderThumbOuterStrokeRestRaw, ctrlSliderThumbOuterStrokeHoverRaw, ctrlSliderThumbOuterStrokePressedRaw, @@ -77,14 +74,14 @@ export const ctrlSliderThumbBackgroundRest = `var(${ctrlSliderThumbBackgroundRes export const ctrlSliderThumbBackgroundHover = `var(${ctrlSliderThumbBackgroundHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; export const ctrlSliderThumbBackgroundPressed = `var(${ctrlSliderThumbBackgroundPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; export const ctrlSliderThumbBackgroundDisabled = `var(${ctrlSliderThumbBackgroundDisabledRaw}, var(${foregroundCtrlOnbrandDisabledRaw}))`; -export const ctrlSliderThumbInnerStrokewidthRest = `var(${ctrlSliderThumbInnerStrokewidthRestRaw})`; -export const ctrlSliderThumbInnerStrokewidthHover = `var(${ctrlSliderThumbInnerStrokewidthHoverRaw}, var(${ctrlSliderThumbInnerStrokewidthRestRaw}))`; -export const ctrlSliderThumbInnerStrokewidthPressed = `var(${ctrlSliderThumbInnerStrokewidthPressedRaw}, var(${ctrlSliderThumbInnerStrokewidthRestRaw}))`; +export const ctrlSliderThumbInnerStrokeWidthRest = `var(${ctrlSliderThumbInnerStrokeWidthRestRaw})`; +export const ctrlSliderThumbInnerStrokeWidthHover = `var(${ctrlSliderThumbInnerStrokeWidthHoverRaw}, var(${ctrlSliderThumbInnerStrokewidthRestRaw}))`; +export const ctrlSliderThumbInnerStrokeWidthPressed = `var(${ctrlSliderThumbInnerStrokeWidthPressedRaw}, var(${ctrlSliderThumbInnerStrokewidthRestRaw}))`; export const ctrlSliderThumbInnerStrokeRest = `var(${ctrlSliderThumbInnerStrokeRestRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const ctrlSliderThumbInnerStrokeHover = `var(${ctrlSliderThumbInnerStrokeHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`; export const ctrlSliderThumbInnerStrokePressed = `var(${ctrlSliderThumbInnerStrokePressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`; export const ctrlSliderThumbInnerStrokeDisabled = `var(${ctrlSliderThumbInnerStrokeDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`; -export const ctrlSliderThumbOuterStrokewidth = `var(${ctrlSliderThumbOuterStrokewidthRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlSliderThumbOuterStrokeWidth = `var(${ctrlSliderThumbOuterStrokeWidthRaw}, var(${strokewidthDefaultRaw}))`; export const ctrlSliderThumbOuterStrokeRest = `var(${ctrlSliderThumbOuterStrokeRestRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const ctrlSliderThumbOuterStrokeHover = `var(${ctrlSliderThumbOuterStrokeHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`; export const ctrlSliderThumbOuterStrokePressed = `var(${ctrlSliderThumbOuterStrokePressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`; diff --git a/packages/semantic-tokens/src/components/slider/variables.ts b/packages/semantic-tokens/src/components/slider/variables.ts index a4b0ce3ee544f..78e669696fea6 100644 --- a/packages/semantic-tokens/src/components/slider/variables.ts +++ b/packages/semantic-tokens/src/components/slider/variables.ts @@ -17,14 +17,14 @@ export const ctrlSliderThumbBackgroundRestRaw = '--smtc-ctrl-slider-thumb-backgr export const ctrlSliderThumbBackgroundHoverRaw = '--smtc-ctrl-slider-thumb-background-hover'; export const ctrlSliderThumbBackgroundPressedRaw = '--smtc-ctrl-slider-thumb-background-pressed'; export const ctrlSliderThumbBackgroundDisabledRaw = '--smtc-ctrl-slider-thumb-background-disabled'; -export const ctrlSliderThumbInnerStrokewidthRestRaw = '--smtc-ctrl-slider-thumb-inner-strokewidth-rest'; -export const ctrlSliderThumbInnerStrokewidthHoverRaw = '--smtc-ctrl-slider-thumb-inner-strokewidth-hover'; -export const ctrlSliderThumbInnerStrokewidthPressedRaw = '--smtc-ctrl-slider-thumb-inner-strokewidth-pressed'; +export const ctrlSliderThumbInnerStrokeWidthRestRaw = '--smtc-ctrl-slider-thumb-inner-stroke-width-rest'; +export const ctrlSliderThumbInnerStrokeWidthHoverRaw = '--smtc-ctrl-slider-thumb-inner-stroke-width-hover'; +export const ctrlSliderThumbInnerStrokeWidthPressedRaw = '--smtc-ctrl-slider-thumb-inner-stroke-width-pressed'; export const ctrlSliderThumbInnerStrokeRestRaw = '--smtc-ctrl-slider-thumb-inner-stroke-rest'; export const ctrlSliderThumbInnerStrokeHoverRaw = '--smtc-ctrl-slider-thumb-inner-stroke-hover'; export const ctrlSliderThumbInnerStrokePressedRaw = '--smtc-ctrl-slider-thumb-inner-stroke-pressed'; export const ctrlSliderThumbInnerStrokeDisabledRaw = '--smtc-ctrl-slider-thumb-inner-stroke-disabled'; -export const ctrlSliderThumbOuterStrokewidthRaw = '--smtc-ctrl-slider-thumb-outer-strokewidth'; +export const ctrlSliderThumbOuterStrokeWidthRaw = '--smtc-ctrl-slider-thumb-outer-stroke-width'; export const ctrlSliderThumbOuterStrokeRestRaw = '--smtc-ctrl-slider-thumb-outer-stroke-rest'; export const ctrlSliderThumbOuterStrokeHoverRaw = '--smtc-ctrl-slider-thumb-outer-stroke-hover'; export const ctrlSliderThumbOuterStrokePressedRaw = '--smtc-ctrl-slider-thumb-outer-stroke-pressed'; diff --git a/packages/semantic-tokens/src/components/spinner/tokens.ts b/packages/semantic-tokens/src/components/spinner/tokens.ts index 15046039e0cf7..29219e3f594a0 100644 --- a/packages/semantic-tokens/src/components/spinner/tokens.ts +++ b/packages/semantic-tokens/src/components/spinner/tokens.ts @@ -1,6 +1,6 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE import { ctrlProgressHeightFilledRaw } from '../progress/variables'; -import { ctrlSpinnerStrokewidthRaw, ctrlSpinnerShowemptytrackRaw } from './variables'; +import { ctrlSpinnerStrokeWidthRaw, ctrlSpinnerShowEmptyTrackRaw } from './variables'; -export const ctrlSpinnerStrokewidth = `var(${ctrlSpinnerStrokewidthRaw}, var(${ctrlProgressHeightFilledRaw}))`; -export const ctrlSpinnerShowemptytrack = `var(${ctrlSpinnerShowemptytrackRaw})`; +export const ctrlSpinnerStrokeWidth = `var(${ctrlSpinnerStrokeWidthRaw}, var(${ctrlProgressHeightFilledRaw}))`; +export const ctrlSpinnerShowEmptyTrack = `var(${ctrlSpinnerShowEmptyTrackRaw})`; diff --git a/packages/semantic-tokens/src/components/spinner/variables.ts b/packages/semantic-tokens/src/components/spinner/variables.ts index 0a29772638096..e8f1cb3b0287f 100644 --- a/packages/semantic-tokens/src/components/spinner/variables.ts +++ b/packages/semantic-tokens/src/components/spinner/variables.ts @@ -1,3 +1,3 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -export const ctrlSpinnerStrokewidthRaw = '--smtc-ctrl-spinner-strokewidth'; -export const ctrlSpinnerShowemptytrackRaw = '--smtc-ctrl-spinner-showemptytrack'; +export const ctrlSpinnerStrokeWidthRaw = '--smtc-ctrl-spinner-stroke-width'; +export const ctrlSpinnerShowEmptyTrackRaw = '--smtc-ctrl-spinner-show-empty-track'; diff --git a/packages/semantic-tokens/src/components/split/tokens.ts b/packages/semantic-tokens/src/components/split/tokens.ts index b6714dd3be2eb..b604169a08c8c 100644 --- a/packages/semantic-tokens/src/components/split/tokens.ts +++ b/packages/semantic-tokens/src/components/split/tokens.ts @@ -1,11 +1,10 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { strokewidthDefaultRaw } from '../../control/variables'; import { - ctrlSplitDividerStrokewidthRaw, - ctrlSplitDividerStrokewidthOnoutlineRaw, - ctrlSplitDividerStrokewidthOnsubtleRaw, + ctrlSplitDividerStrokeWidthRaw, + ctrlSplitDividerStrokeWidthOnOutlineRaw, + ctrlSplitDividerStrokeWidthOnSubtleRaw, } from './variables'; -export const ctrlSplitDividerStrokewidth = `var(${ctrlSplitDividerStrokewidthRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlSplitDividerStrokewidthOnoutline = `var(${ctrlSplitDividerStrokewidthOnoutlineRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlSplitDividerStrokewidthOnsubtle = `var(${ctrlSplitDividerStrokewidthOnsubtleRaw}, unset)`; +export const ctrlSplitDividerStrokeWidth = `var(${ctrlSplitDividerStrokeWidthRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlSplitDividerStrokeWidthOnOutline = `var(${ctrlSplitDividerStrokeWidthOnOutlineRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlSplitDividerStrokeWidthOnSubtle = `var(${ctrlSplitDividerStrokeWidthOnSubtleRaw}, unset)`; diff --git a/packages/semantic-tokens/src/components/split/variables.ts b/packages/semantic-tokens/src/components/split/variables.ts index ee394f33b0370..5f941a9040ae5 100644 --- a/packages/semantic-tokens/src/components/split/variables.ts +++ b/packages/semantic-tokens/src/components/split/variables.ts @@ -1,4 +1,4 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -export const ctrlSplitDividerStrokewidthRaw = '--smtc-ctrl-split-divider-strokewidth'; -export const ctrlSplitDividerStrokewidthOnoutlineRaw = '--smtc-ctrl-split-divider-strokewidth-onoutline'; -export const ctrlSplitDividerStrokewidthOnsubtleRaw = '--smtc-ctrl-split-divider-strokewidth-onsubtle'; +export const ctrlSplitDividerStrokeWidthRaw = '--smtc-ctrl-split-divider-stroke-width'; +export const ctrlSplitDividerStrokeWidthOnOutlineRaw = '--smtc-ctrl-split-divider-stroke-width-on-outline'; +export const ctrlSplitDividerStrokeWidthOnSubtleRaw = '--smtc-ctrl-split-divider-stroke-width-on-subtle'; diff --git a/packages/semantic-tokens/src/control/tokens.ts b/packages/semantic-tokens/src/control/tokens.ts index bc72d2183a50d..547bbf3f66179 100644 --- a/packages/semantic-tokens/src/control/tokens.ts +++ b/packages/semantic-tokens/src/control/tokens.ts @@ -1,123 +1,117 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE +import { fontWeightRegular, colorNeutralForegroundDisabled } from '../legacy/tokens'; import { - fontSizeBase300, - fontFamilyBase, - fontWeightRegular, - strokeWidthThin, - colorNeutralForegroundDisabled, -} from '../legacy/tokens'; -import { - textGlobalDisplay1FontsizeRaw, - textGlobalDisplay1LineheightRaw, - textGlobalDisplay2FontsizeRaw, - textGlobalDisplay2LineheightRaw, - textGlobalTitle1FontsizeRaw, - textGlobalTitle1LineheightRaw, - textGlobalTitle2FontsizeRaw, - textGlobalTitle2LineheightRaw, - textGlobalSubtitle1FontsizeRaw, - textGlobalSubtitle1LineheightRaw, - textGlobalSubtitle2FontsizeRaw, - textGlobalSubtitle2LineheightRaw, - textGlobalBody1FontsizeRaw, - textGlobalBody1LineheightRaw, - textGlobalBody2FontsizeRaw, - textGlobalBody2LineheightRaw, - textGlobalBody3FontsizeRaw, - textGlobalBody3LineheightRaw, - textGlobalCaption1FontsizeRaw, - textGlobalCaption1LineheightRaw, - textGlobalCaption2FontsizeRaw, - textGlobalCaption2LineheightRaw, - textStyleDefaultRegularFontfamilyRaw, + textGlobalDisplay1FontSizeRaw, + textGlobalDisplay1LineHeightRaw, + textGlobalDisplay2FontSizeRaw, + textGlobalDisplay2LineHeightRaw, + textGlobalTitle1FontSizeRaw, + textGlobalTitle1LineHeightRaw, + textGlobalTitle2FontSizeRaw, + textGlobalTitle2LineHeightRaw, + textGlobalSubtitle1FontSizeRaw, + textGlobalSubtitle1LineHeightRaw, + textGlobalSubtitle2FontSizeRaw, + textGlobalSubtitle2LineHeightRaw, + textGlobalBody1FontSizeRaw, + textGlobalBody1LineHeightRaw, + textGlobalBody2FontSizeRaw, + textGlobalBody2LineHeightRaw, + textGlobalBody3FontSizeRaw, + textGlobalBody3LineHeightRaw, + textGlobalCaption1FontSizeRaw, + textGlobalCaption1LineHeightRaw, + textGlobalCaption2FontSizeRaw, + textGlobalCaption2LineHeightRaw, + textStyleDefaultRegularFontFamilyRaw, textStyleDefaultRegularWeightRaw, - textStyleDefaultRegularLetterspacingRaw, + textStyleDefaultRegularLetterSpacingRaw, textStyleDefaultHeaderWeightRaw, sizeCtrlDefaultRaw, sizeCtrlIconRaw, - sizeCtrlIconsecondaryRaw, + sizeCtrlIconSecondaryRaw, textCtrlWeightSelectedRaw, sizeCtrlSmDefaultRaw, sizeCtrlSmIconRaw, sizeCtrlLgDefaultRaw, sizeCtrlLgIconRaw, paddingContentAlignDefaultRaw, - paddingContentAlignOutdentIcononsubtleRaw, - paddingContentAlignOutdentTextonsubtleRaw, + paddingContentAlignOutdentIconOnSubtleRaw, paddingContentNoneRaw, - paddingContentXxsmallRaw, - paddingContentXsmallRaw, + paddingContentAlignOutdentTextOnSubtleRaw, + paddingContentXxSmallRaw, + paddingContentXSmallRaw, paddingContentSmallRaw, paddingContentMediumRaw, paddingContentLargeRaw, - paddingContentXlargeRaw, - paddingContentXxlargeRaw, - paddingContentXxxlargeRaw, + paddingContentXLargeRaw, + paddingContentXxLargeRaw, + paddingContentXxxLargeRaw, paddingCtrlHorizontalDefaultRaw, - paddingCtrlHorizontalIcononlyRaw, - paddingCtrlTexttopRaw, - paddingCtrlTextsideRaw, - paddingCtrlTonestedcontrolRaw, + paddingCtrlHorizontalIconOnlyRaw, + paddingCtrlTextTopRaw, + paddingCtrlTextSideRaw, + paddingCtrlToNestedControlRaw, paddingCtrlSmHorizontalDefaultRaw, - paddingCtrlSmHorizontalIcononlyRaw, - paddingCtrlSmTexttopRaw, - paddingCtrlSmTonestedcontrolRaw, + paddingCtrlSmHorizontalIconOnlyRaw, + paddingCtrlSmTextTopRaw, + paddingCtrlSmToNestedControlRaw, paddingCtrlLgHorizontalDefaultRaw, - paddingCtrlLgHorizontalIcononlyRaw, - paddingCtrlLgTexttopRaw, - paddingCtrlLgTonestedcontrolRaw, + paddingCtrlLgHorizontalIconOnlyRaw, + paddingCtrlLgTextTopRaw, + paddingCtrlLgToNestedControlRaw, gapBetweenContentNoneRaw, - gapBetweenContentXxsmallRaw, - gapBetweenContentXsmallRaw, + gapBetweenContentXxSmallRaw, + gapBetweenContentXSmallRaw, gapBetweenContentSmallRaw, gapBetweenCtrlDefaultRaw, gapBetweenContentMediumRaw, gapBetweenContentLargeRaw, - gapBetweenContentXlargeRaw, - gapBetweenContentXxlargeRaw, + gapBetweenContentXLargeRaw, + gapBetweenContentXxLargeRaw, gapBetweenCtrlLgDefaultRaw, gapBetweenCtrlSmDefaultRaw, gapInsideCtrlDefaultRaw, gapInsideCtrlSmDefaultRaw, - gapInsideCtrlSmTosecondaryiconRaw, + gapInsideCtrlSmToSecondaryIconRaw, gapInsideCtrlLgDefaultRaw, - gapInsideCtrlLgTosecondaryiconRaw, - gapInsideCtrlTosecondaryiconRaw, - gapInsideCtrlTolabelRaw, - gapInsideCtrlSmTolabelRaw, - gapInsideCtrlLgTolabelRaw, + gapInsideCtrlLgToSecondaryIconRaw, + gapInsideCtrlToSecondaryIconRaw, + gapInsideCtrlToLabelRaw, + gapInsideCtrlSmToLabelRaw, + gapInsideCtrlLgToLabelRaw, cornerCircularRaw, - strokewidthDefaultRaw, + strokeWidthDefaultRaw, backgroundSmokeRaw, - strokeCtrlOnoutlineRestRaw, - strokeCtrlOnoutlineHoverRaw, - strokeCtrlOnoutlinePressedRaw, - strokeCtrlOnoutlineDisabledRaw, - strokeCtrlDividerOnbrandRaw, - strokeCtrlDividerOnneutralRaw, - strokeCtrlDividerOnoutlineRaw, + strokeCtrlOnOutlineRestRaw, + strokeCtrlOnOutlineHoverRaw, + strokeCtrlOnOutlinePressedRaw, + strokeCtrlOnOutlineDisabledRaw, + strokeCtrlDividerOnBrandRaw, + strokeCtrlDividerOnNeutralRaw, + strokeCtrlDividerOnOutlineRaw, strokeDividerDefaultRaw, strokeWindowActiveRaw, backgroundWindowPrimarySolidRaw, - backgroundWindowPrimaryColorblendRaw, - backgroundWindowPrimaryLumblendRaw, + backgroundWindowPrimaryColorBlendRaw, + backgroundWindowPrimaryLumBlendRaw, backgroundWindowSecondarySolidRaw, - backgroundWindowSecondaryColorblendRaw, - backgroundWindowSecondaryLumblendRaw, - backgroundWindowTabbandColorblendRaw, - backgroundWindowTabbandLumblendRaw, - backgroundWindowTabbandSolidRaw, - backgroundWebpagePrimaryRaw, - backgroundWebpageSecondaryRaw, + backgroundWindowSecondaryColorBlendRaw, + backgroundWindowSecondaryLumBlendRaw, + backgroundWindowTabBandColorBlendRaw, + backgroundWindowTabBandLumBlendRaw, + backgroundWindowTabBandSolidRaw, + backgroundWebPagePrimaryRaw, + backgroundWebPageSecondaryRaw, backgroundLayerPrimarySolidRaw, - backgroundCardOnprimaryDefaultRestRaw, - backgroundCardOnprimaryAltRestRaw, - backgroundCardOnprimaryAltHoverRaw, - backgroundCardOnprimaryAltPressedRaw, - backgroundCardOnprimaryAltDisabledRaw, - backgroundCardOnprimaryDefaultHoverRaw, - backgroundCardOnprimaryDefaultPressedRaw, - backgroundCardOnprimaryDefaultDisabledRaw, + backgroundCardOnPrimaryDefaultRestRaw, + backgroundCardOnPrimaryAltRestRaw, + backgroundCardOnPrimaryAltHoverRaw, + backgroundCardOnPrimaryAltPressedRaw, + backgroundCardOnPrimaryAltDisabledRaw, + backgroundCardOnPrimaryDefaultHoverRaw, + backgroundCardOnPrimaryDefaultPressedRaw, + backgroundCardOnPrimaryDefaultDisabledRaw, backgroundFlyoutSolidRaw, backgroundCtrlBrandRestRaw, backgroundCtrlBrandHoverRaw, @@ -129,8 +123,8 @@ import { backgroundCtrlNeutralDisabledRaw, backgroundCtrlSubtleHoverRaw, backgroundCtrlSubtlePressedRaw, - backgroundFlyoutLumblendRaw, - backgroundFlyoutColorblendRaw, + backgroundFlyoutLumBlendRaw, + backgroundFlyoutColorBlendRaw, cornerZeroRaw, cornerBezelRaw, cornerWindowDefaultRaw, @@ -140,7 +134,7 @@ import { cornerCtrlRestRaw, cornerCtrlSmRestRaw, cornerCtrlLgRestRaw, - cornerImageIncardRaw, + cornerImageInCardRaw, foregroundCtrlNeutralPrimaryRestRaw, foregroundCtrlNeutralPrimaryDisabledRaw, foregroundCtrlNeutralSecondaryRestRaw, @@ -149,12 +143,12 @@ import { foregroundCtrlBrandHoverRaw, foregroundCtrlBrandPressedRaw, foregroundCtrlBrandDisabledRaw, - foregroundCtrlOnbrandRestRaw, - foregroundCtrlOnbrandDisabledRaw, + foregroundCtrlOnBrandRestRaw, + foregroundCtrlOnBrandDisabledRaw, materialAcrylicBlurRaw, materialMicaBlurRaw, - iconthemeCtrlDefaultRestRaw, - iconthemeCtrlDefaultSelectedRaw, + iconThemeCtrlDefaultRestRaw, + iconThemeCtrlDefaultSelectedRaw, statusBrandTintBackgroundRaw, statusBrandTintStrokeRaw, statusDangerBackgroundRaw, @@ -190,18 +184,19 @@ import { statusNeutralBackgroundRaw, statusNeutralTintBackgroundRaw, statusNeutralTintStrokeRaw, - backgroundCardOnsecondaryDefaultRestRaw, - backgroundCardOnsecondaryAltRestRaw, - backgroundCardOnsecondaryAltHoverRaw, - backgroundCardOnsecondaryAltPressedRaw, - backgroundCardOnsecondaryAltDisabledRaw, - backgroundCardOnsecondaryDefaultHoverRaw, - backgroundCardOnsecondaryDefaultPressedRaw, - backgroundCardOnsecondaryDefaultDisabledRaw, - backgroundCardOnflyoutDefaultRestRaw, - backgroundCardOnflyoutDefaultHoverRaw, - backgroundCardOnflyoutDefaultPressedRaw, - backgroundCardOnflyoutDefaultDisabledRaw, + backgroundCardOnSecondaryDefaultRestRaw, + backgroundCardOnSecondaryAltRestRaw, + backgroundCardOnSecondaryAltHoverRaw, + backgroundCardOnSecondaryAltPressedRaw, + backgroundCardOnSecondaryAltDisabledRaw, + backgroundCardOnSecondaryDefaultHoverRaw, + backgroundCardOnSecondaryDefaultPressedRaw, + backgroundCardOnSecondaryDefaultDisabledRaw, + backgroundCardOnFlyoutDefaultRestRaw, + backgroundCardOnFlyoutDefaultHoverRaw, + backgroundCardOnFlyoutDefaultPressedRaw, + backgroundCardOnFlyoutDefaultDisabledRaw, + textStyleDefaultDisplayWeightRaw, shadowFlyoutKeyRaw, shadowFlyoutAmbientRaw, shadowToolbarKeyRaw, @@ -211,117 +206,117 @@ import { shadowWindowInactiveAmbientRaw, } from './variables'; -export const textGlobalDisplay1Fontsize = `var(${textGlobalDisplay1FontsizeRaw})`; -export const textGlobalDisplay1Lineheight = `var(${textGlobalDisplay1LineheightRaw})`; -export const textGlobalDisplay2Fontsize = `var(${textGlobalDisplay2FontsizeRaw})`; -export const textGlobalDisplay2Lineheight = `var(${textGlobalDisplay2LineheightRaw})`; -export const textGlobalTitle1Fontsize = `var(${textGlobalTitle1FontsizeRaw})`; -export const textGlobalTitle1Lineheight = `var(${textGlobalTitle1LineheightRaw})`; -export const textGlobalTitle2Fontsize = `var(${textGlobalTitle2FontsizeRaw})`; -export const textGlobalTitle2Lineheight = `var(${textGlobalTitle2LineheightRaw})`; -export const textGlobalSubtitle1Fontsize = `var(${textGlobalSubtitle1FontsizeRaw})`; -export const textGlobalSubtitle1Lineheight = `var(${textGlobalSubtitle1LineheightRaw})`; -export const textGlobalSubtitle2Fontsize = `var(${textGlobalSubtitle2FontsizeRaw})`; -export const textGlobalSubtitle2Lineheight = `var(${textGlobalSubtitle2LineheightRaw})`; -export const textGlobalBody1Fontsize = `var(${textGlobalBody1FontsizeRaw})`; -export const textGlobalBody1Lineheight = `var(${textGlobalBody1LineheightRaw})`; -export const textGlobalBody2Fontsize = `var(${textGlobalBody2FontsizeRaw})`; -export const textGlobalBody2Lineheight = `var(${textGlobalBody2LineheightRaw})`; -export const textGlobalBody3Fontsize = `var(${textGlobalBody3FontsizeRaw}, ${fontSizeBase300})`; -export const textGlobalBody3Lineheight = `var(${textGlobalBody3LineheightRaw})`; -export const textGlobalCaption1Fontsize = `var(${textGlobalCaption1FontsizeRaw})`; -export const textGlobalCaption1Lineheight = `var(${textGlobalCaption1LineheightRaw})`; -export const textGlobalCaption2Fontsize = `var(${textGlobalCaption2FontsizeRaw})`; -export const textGlobalCaption2Lineheight = `var(${textGlobalCaption2LineheightRaw})`; -export const textStyleDefaultRegularFontfamily = `var(${textStyleDefaultRegularFontfamilyRaw}, ${fontFamilyBase})`; +export const textGlobalDisplay1FontSize = `var(${textGlobalDisplay1FontSizeRaw})`; +export const textGlobalDisplay1LineHeight = `var(${textGlobalDisplay1LineHeightRaw})`; +export const textGlobalDisplay2FontSize = `var(${textGlobalDisplay2FontSizeRaw})`; +export const textGlobalDisplay2LineHeight = `var(${textGlobalDisplay2LineHeightRaw})`; +export const textGlobalTitle1FontSize = `var(${textGlobalTitle1FontSizeRaw})`; +export const textGlobalTitle1LineHeight = `var(${textGlobalTitle1LineHeightRaw})`; +export const textGlobalTitle2FontSize = `var(${textGlobalTitle2FontSizeRaw})`; +export const textGlobalTitle2LineHeight = `var(${textGlobalTitle2LineHeightRaw})`; +export const textGlobalSubtitle1FontSize = `var(${textGlobalSubtitle1FontSizeRaw})`; +export const textGlobalSubtitle1LineHeight = `var(${textGlobalSubtitle1LineHeightRaw})`; +export const textGlobalSubtitle2FontSize = `var(${textGlobalSubtitle2FontSizeRaw})`; +export const textGlobalSubtitle2LineHeight = `var(${textGlobalSubtitle2LineHeightRaw})`; +export const textGlobalBody1FontSize = `var(${textGlobalBody1FontSizeRaw})`; +export const textGlobalBody1LineHeight = `var(${textGlobalBody1LineHeightRaw})`; +export const textGlobalBody2FontSize = `var(${textGlobalBody2FontSizeRaw})`; +export const textGlobalBody2LineHeight = `var(${textGlobalBody2LineHeightRaw})`; +export const textGlobalBody3FontSize = `var(${textGlobalBody3FontSizeRaw})`; +export const textGlobalBody3LineHeight = `var(${textGlobalBody3LineHeightRaw})`; +export const textGlobalCaption1FontSize = `var(${textGlobalCaption1FontSizeRaw})`; +export const textGlobalCaption1LineHeight = `var(${textGlobalCaption1LineHeightRaw})`; +export const textGlobalCaption2FontSize = `var(${textGlobalCaption2FontSizeRaw})`; +export const textGlobalCaption2LineHeight = `var(${textGlobalCaption2LineHeightRaw})`; +export const textStyleDefaultRegularFontFamily = `var(${textStyleDefaultRegularFontFamilyRaw})`; export const textStyleDefaultRegularWeight = `var(${textStyleDefaultRegularWeightRaw}, ${fontWeightRegular})`; -export const textStyleDefaultRegularLetterspacing = `var(${textStyleDefaultRegularLetterspacingRaw})`; +export const textStyleDefaultRegularLetterSpacing = `var(${textStyleDefaultRegularLetterSpacingRaw})`; export const textStyleDefaultHeaderWeight = `var(${textStyleDefaultHeaderWeightRaw})`; export const sizeCtrlDefault = `var(${sizeCtrlDefaultRaw})`; export const sizeCtrlIcon = `var(${sizeCtrlIconRaw})`; -export const sizeCtrlIconsecondary = `var(${sizeCtrlIconsecondaryRaw})`; +export const sizeCtrlIconSecondary = `var(${sizeCtrlIconSecondaryRaw})`; export const textCtrlWeightSelected = `var(${textCtrlWeightSelectedRaw})`; export const sizeCtrlSmDefault = `var(${sizeCtrlSmDefaultRaw})`; export const sizeCtrlSmIcon = `var(${sizeCtrlSmIconRaw})`; export const sizeCtrlLgDefault = `var(${sizeCtrlLgDefaultRaw})`; export const sizeCtrlLgIcon = `var(${sizeCtrlLgIconRaw})`; export const paddingContentAlignDefault = `var(${paddingContentAlignDefaultRaw})`; -export const paddingContentAlignOutdentIcononsubtle = `var(${paddingContentAlignOutdentIcononsubtleRaw})`; -export const paddingContentAlignOutdentTextonsubtle = `var(${paddingContentAlignOutdentTextonsubtleRaw})`; +export const paddingContentAlignOutdentIconOnSubtle = `var(${paddingContentAlignOutdentIconOnSubtleRaw})`; export const paddingContentNone = `var(${paddingContentNoneRaw})`; -export const paddingContentXxsmall = `var(${paddingContentXxsmallRaw})`; -export const paddingContentXsmall = `var(${paddingContentXsmallRaw})`; +export const paddingContentAlignOutdentTextOnSubtle = `var(${paddingContentAlignOutdentTextOnSubtleRaw})`; +export const paddingContentXxSmall = `var(${paddingContentXxSmallRaw})`; +export const paddingContentXSmall = `var(${paddingContentXSmallRaw})`; export const paddingContentSmall = `var(${paddingContentSmallRaw})`; export const paddingContentMedium = `var(${paddingContentMediumRaw})`; export const paddingContentLarge = `var(${paddingContentLargeRaw})`; -export const paddingContentXlarge = `var(${paddingContentXlargeRaw})`; -export const paddingContentXxlarge = `var(${paddingContentXxlargeRaw})`; -export const paddingContentXxxlarge = `var(${paddingContentXxxlargeRaw})`; +export const paddingContentXLarge = `var(${paddingContentXLargeRaw})`; +export const paddingContentXxLarge = `var(${paddingContentXxLargeRaw})`; +export const paddingContentXxxLarge = `var(${paddingContentXxxLargeRaw})`; export const paddingCtrlHorizontalDefault = `var(${paddingCtrlHorizontalDefaultRaw})`; -export const paddingCtrlHorizontalIcononly = `var(${paddingCtrlHorizontalIcononlyRaw})`; -export const paddingCtrlTexttop = `var(${paddingCtrlTexttopRaw})`; -export const paddingCtrlTextside = `var(${paddingCtrlTextsideRaw})`; -export const paddingCtrlTonestedcontrol = `var(${paddingCtrlTonestedcontrolRaw})`; +export const paddingCtrlHorizontalIconOnly = `var(${paddingCtrlHorizontalIconOnlyRaw})`; +export const paddingCtrlTextTop = `var(${paddingCtrlTextTopRaw})`; +export const paddingCtrlTextSide = `var(${paddingCtrlTextSideRaw})`; +export const paddingCtrlToNestedControl = `var(${paddingCtrlToNestedControlRaw})`; export const paddingCtrlSmHorizontalDefault = `var(${paddingCtrlSmHorizontalDefaultRaw})`; -export const paddingCtrlSmHorizontalIcononly = `var(${paddingCtrlSmHorizontalIcononlyRaw})`; -export const paddingCtrlSmTexttop = `var(${paddingCtrlSmTexttopRaw})`; -export const paddingCtrlSmTonestedcontrol = `var(${paddingCtrlSmTonestedcontrolRaw})`; +export const paddingCtrlSmHorizontalIconOnly = `var(${paddingCtrlSmHorizontalIconOnlyRaw})`; +export const paddingCtrlSmTextTop = `var(${paddingCtrlSmTextTopRaw})`; +export const paddingCtrlSmToNestedControl = `var(${paddingCtrlSmToNestedControlRaw})`; export const paddingCtrlLgHorizontalDefault = `var(${paddingCtrlLgHorizontalDefaultRaw})`; -export const paddingCtrlLgHorizontalIcononly = `var(${paddingCtrlLgHorizontalIcononlyRaw})`; -export const paddingCtrlLgTexttop = `var(${paddingCtrlLgTexttopRaw})`; -export const paddingCtrlLgTonestedcontrol = `var(${paddingCtrlLgTonestedcontrolRaw})`; +export const paddingCtrlLgHorizontalIconOnly = `var(${paddingCtrlLgHorizontalIconOnlyRaw})`; +export const paddingCtrlLgTextTop = `var(${paddingCtrlLgTextTopRaw})`; +export const paddingCtrlLgToNestedControl = `var(${paddingCtrlLgToNestedControlRaw})`; export const gapBetweenContentNone = `var(${gapBetweenContentNoneRaw})`; -export const gapBetweenContentXxsmall = `var(${gapBetweenContentXxsmallRaw})`; -export const gapBetweenContentXsmall = `var(${gapBetweenContentXsmallRaw})`; +export const gapBetweenContentXxSmall = `var(${gapBetweenContentXxSmallRaw})`; +export const gapBetweenContentXSmall = `var(${gapBetweenContentXSmallRaw})`; export const gapBetweenContentSmall = `var(${gapBetweenContentSmallRaw})`; export const gapBetweenCtrlDefault = `var(${gapBetweenCtrlDefaultRaw})`; export const gapBetweenContentMedium = `var(${gapBetweenContentMediumRaw})`; export const gapBetweenContentLarge = `var(${gapBetweenContentLargeRaw})`; -export const gapBetweenContentXlarge = `var(${gapBetweenContentXlargeRaw})`; -export const gapBetweenContentXxlarge = `var(${gapBetweenContentXxlargeRaw})`; +export const gapBetweenContentXLarge = `var(${gapBetweenContentXLargeRaw})`; +export const gapBetweenContentXxLarge = `var(${gapBetweenContentXxLargeRaw})`; export const gapBetweenCtrlLgDefault = `var(${gapBetweenCtrlLgDefaultRaw})`; export const gapBetweenCtrlSmDefault = `var(${gapBetweenCtrlSmDefaultRaw})`; export const gapInsideCtrlDefault = `var(${gapInsideCtrlDefaultRaw})`; export const gapInsideCtrlSmDefault = `var(${gapInsideCtrlSmDefaultRaw})`; -export const gapInsideCtrlSmTosecondaryicon = `var(${gapInsideCtrlSmTosecondaryiconRaw})`; +export const gapInsideCtrlSmToSecondaryIcon = `var(${gapInsideCtrlSmToSecondaryIconRaw})`; export const gapInsideCtrlLgDefault = `var(${gapInsideCtrlLgDefaultRaw})`; -export const gapInsideCtrlLgTosecondaryicon = `var(${gapInsideCtrlLgTosecondaryiconRaw})`; -export const gapInsideCtrlTosecondaryicon = `var(${gapInsideCtrlTosecondaryiconRaw})`; -export const gapInsideCtrlTolabel = `var(${gapInsideCtrlTolabelRaw})`; -export const gapInsideCtrlSmTolabel = `var(${gapInsideCtrlSmTolabelRaw})`; -export const gapInsideCtrlLgTolabel = `var(${gapInsideCtrlLgTolabelRaw})`; +export const gapInsideCtrlLgToSecondaryIcon = `var(${gapInsideCtrlLgToSecondaryIconRaw})`; +export const gapInsideCtrlToSecondaryIcon = `var(${gapInsideCtrlToSecondaryIconRaw})`; +export const gapInsideCtrlToLabel = `var(${gapInsideCtrlToLabelRaw})`; +export const gapInsideCtrlSmToLabel = `var(${gapInsideCtrlSmToLabelRaw})`; +export const gapInsideCtrlLgToLabel = `var(${gapInsideCtrlLgToLabelRaw})`; export const cornerCircular = `var(${cornerCircularRaw})`; -export const strokewidthDefault = `var(${strokewidthDefaultRaw}, ${strokeWidthThin})`; +export const strokeWidthDefault = `var(${strokeWidthDefaultRaw})`; export const backgroundSmoke = `var(${backgroundSmokeRaw})`; -export const strokeCtrlOnoutlineRest = `var(${strokeCtrlOnoutlineRestRaw})`; -export const strokeCtrlOnoutlineHover = `var(${strokeCtrlOnoutlineHoverRaw})`; -export const strokeCtrlOnoutlinePressed = `var(${strokeCtrlOnoutlinePressedRaw})`; -export const strokeCtrlOnoutlineDisabled = `var(${strokeCtrlOnoutlineDisabledRaw})`; -export const strokeCtrlDividerOnbrand = `var(${strokeCtrlDividerOnbrandRaw})`; -export const strokeCtrlDividerOnneutral = `var(${strokeCtrlDividerOnneutralRaw})`; -export const strokeCtrlDividerOnoutline = `var(${strokeCtrlDividerOnoutlineRaw})`; +export const strokeCtrlOnOutlineRest = `var(${strokeCtrlOnOutlineRestRaw})`; +export const strokeCtrlOnOutlineHover = `var(${strokeCtrlOnOutlineHoverRaw})`; +export const strokeCtrlOnOutlinePressed = `var(${strokeCtrlOnOutlinePressedRaw})`; +export const strokeCtrlOnOutlineDisabled = `var(${strokeCtrlOnOutlineDisabledRaw})`; +export const strokeCtrlDividerOnBrand = `var(${strokeCtrlDividerOnBrandRaw})`; +export const strokeCtrlDividerOnNeutral = `var(${strokeCtrlDividerOnNeutralRaw})`; +export const strokeCtrlDividerOnOutline = `var(${strokeCtrlDividerOnOutlineRaw})`; export const strokeDividerDefault = `var(${strokeDividerDefaultRaw})`; export const strokeWindowActive = `var(${strokeWindowActiveRaw})`; export const backgroundWindowPrimarySolid = `var(${backgroundWindowPrimarySolidRaw})`; -export const backgroundWindowPrimaryColorblend = `var(${backgroundWindowPrimaryColorblendRaw})`; -export const backgroundWindowPrimaryLumblend = `var(${backgroundWindowPrimaryLumblendRaw})`; +export const backgroundWindowPrimaryColorBlend = `var(${backgroundWindowPrimaryColorBlendRaw})`; +export const backgroundWindowPrimaryLumBlend = `var(${backgroundWindowPrimaryLumBlendRaw})`; export const backgroundWindowSecondarySolid = `var(${backgroundWindowSecondarySolidRaw})`; -export const backgroundWindowSecondaryColorblend = `var(${backgroundWindowSecondaryColorblendRaw})`; -export const backgroundWindowSecondaryLumblend = `var(${backgroundWindowSecondaryLumblendRaw})`; -export const backgroundWindowTabbandColorblend = `var(${backgroundWindowTabbandColorblendRaw})`; -export const backgroundWindowTabbandLumblend = `var(${backgroundWindowTabbandLumblendRaw})`; -export const backgroundWindowTabbandSolid = `var(${backgroundWindowTabbandSolidRaw})`; -export const backgroundWebpagePrimary = `var(${backgroundWebpagePrimaryRaw})`; -export const backgroundWebpageSecondary = `var(${backgroundWebpageSecondaryRaw})`; +export const backgroundWindowSecondaryColorBlend = `var(${backgroundWindowSecondaryColorBlendRaw})`; +export const backgroundWindowSecondaryLumBlend = `var(${backgroundWindowSecondaryLumBlendRaw})`; +export const backgroundWindowTabBandColorBlend = `var(${backgroundWindowTabBandColorBlendRaw})`; +export const backgroundWindowTabBandLumBlend = `var(${backgroundWindowTabBandLumBlendRaw})`; +export const backgroundWindowTabBandSolid = `var(${backgroundWindowTabBandSolidRaw})`; +export const backgroundWebPagePrimary = `var(${backgroundWebPagePrimaryRaw})`; +export const backgroundWebPageSecondary = `var(${backgroundWebPageSecondaryRaw})`; export const backgroundLayerPrimarySolid = `var(${backgroundLayerPrimarySolidRaw})`; -export const backgroundCardOnprimaryDefaultRest = `var(${backgroundCardOnprimaryDefaultRestRaw})`; -export const backgroundCardOnprimaryAltRest = `var(${backgroundCardOnprimaryAltRestRaw})`; -export const backgroundCardOnprimaryAltHover = `var(${backgroundCardOnprimaryAltHoverRaw})`; -export const backgroundCardOnprimaryAltPressed = `var(${backgroundCardOnprimaryAltPressedRaw})`; -export const backgroundCardOnprimaryAltDisabled = `var(${backgroundCardOnprimaryAltDisabledRaw})`; -export const backgroundCardOnprimaryDefaultHover = `var(${backgroundCardOnprimaryDefaultHoverRaw})`; -export const backgroundCardOnprimaryDefaultPressed = `var(${backgroundCardOnprimaryDefaultPressedRaw})`; -export const backgroundCardOnprimaryDefaultDisabled = `var(${backgroundCardOnprimaryDefaultDisabledRaw})`; +export const backgroundCardOnPrimaryDefaultRest = `var(${backgroundCardOnPrimaryDefaultRestRaw})`; +export const backgroundCardOnPrimaryAltRest = `var(${backgroundCardOnPrimaryAltRestRaw})`; +export const backgroundCardOnPrimaryAltHover = `var(${backgroundCardOnPrimaryAltHoverRaw})`; +export const backgroundCardOnPrimaryAltPressed = `var(${backgroundCardOnPrimaryAltPressedRaw})`; +export const backgroundCardOnPrimaryAltDisabled = `var(${backgroundCardOnPrimaryAltDisabledRaw})`; +export const backgroundCardOnPrimaryDefaultHover = `var(${backgroundCardOnPrimaryDefaultHoverRaw})`; +export const backgroundCardOnPrimaryDefaultPressed = `var(${backgroundCardOnPrimaryDefaultPressedRaw})`; +export const backgroundCardOnPrimaryDefaultDisabled = `var(${backgroundCardOnPrimaryDefaultDisabledRaw})`; export const backgroundFlyoutSolid = `var(${backgroundFlyoutSolidRaw})`; export const backgroundCtrlBrandRest = `var(${backgroundCtrlBrandRestRaw})`; export const backgroundCtrlBrandHover = `var(${backgroundCtrlBrandHoverRaw})`; @@ -333,8 +328,8 @@ export const backgroundCtrlNeutralPressed = `var(${backgroundCtrlNeutralPressedR export const backgroundCtrlNeutralDisabled = `var(${backgroundCtrlNeutralDisabledRaw})`; export const backgroundCtrlSubtleHover = `var(${backgroundCtrlSubtleHoverRaw})`; export const backgroundCtrlSubtlePressed = `var(${backgroundCtrlSubtlePressedRaw})`; -export const backgroundFlyoutLumblend = `var(${backgroundFlyoutLumblendRaw})`; -export const backgroundFlyoutColorblend = `var(${backgroundFlyoutColorblendRaw})`; +export const backgroundFlyoutLumBlend = `var(${backgroundFlyoutLumBlendRaw})`; +export const backgroundFlyoutColorBlend = `var(${backgroundFlyoutColorBlendRaw})`; export const cornerZero = `var(${cornerZeroRaw})`; export const cornerBezel = `var(${cornerBezelRaw})`; export const cornerWindowDefault = `var(${cornerWindowDefaultRaw})`; @@ -344,7 +339,7 @@ export const cornerCardRest = `var(${cornerCardRestRaw})`; export const cornerCtrlRest = `var(${cornerCtrlRestRaw})`; export const cornerCtrlSmRest = `var(${cornerCtrlSmRestRaw})`; export const cornerCtrlLgRest = `var(${cornerCtrlLgRestRaw})`; -export const cornerImageIncard = `var(${cornerImageIncardRaw})`; +export const cornerImageInCard = `var(${cornerImageInCardRaw})`; export const foregroundCtrlNeutralPrimaryRest = `var(${foregroundCtrlNeutralPrimaryRestRaw})`; export const foregroundCtrlNeutralPrimaryDisabled = `var(${foregroundCtrlNeutralPrimaryDisabledRaw}, ${colorNeutralForegroundDisabled})`; export const foregroundCtrlNeutralSecondaryRest = `var(${foregroundCtrlNeutralSecondaryRestRaw})`; @@ -353,12 +348,12 @@ export const foregroundCtrlBrandRest = `var(${foregroundCtrlBrandRestRaw})`; export const foregroundCtrlBrandHover = `var(${foregroundCtrlBrandHoverRaw})`; export const foregroundCtrlBrandPressed = `var(${foregroundCtrlBrandPressedRaw})`; export const foregroundCtrlBrandDisabled = `var(${foregroundCtrlBrandDisabledRaw})`; -export const foregroundCtrlOnbrandRest = `var(${foregroundCtrlOnbrandRestRaw})`; -export const foregroundCtrlOnbrandDisabled = `var(${foregroundCtrlOnbrandDisabledRaw})`; +export const foregroundCtrlOnBrandRest = `var(${foregroundCtrlOnBrandRestRaw})`; +export const foregroundCtrlOnBrandDisabled = `var(${foregroundCtrlOnBrandDisabledRaw})`; export const materialAcrylicBlur = `var(${materialAcrylicBlurRaw})`; export const materialMicaBlur = `var(${materialMicaBlurRaw})`; -export const iconthemeCtrlDefaultRest = `var(${iconthemeCtrlDefaultRestRaw})`; -export const iconthemeCtrlDefaultSelected = `var(${iconthemeCtrlDefaultSelectedRaw})`; +export const iconThemeCtrlDefaultRest = `var(${iconThemeCtrlDefaultRestRaw})`; +export const iconThemeCtrlDefaultSelected = `var(${iconThemeCtrlDefaultSelectedRaw})`; export const statusBrandTintBackground = `var(${statusBrandTintBackgroundRaw})`; export const statusBrandTintStroke = `var(${statusBrandTintStrokeRaw})`; export const statusDangerBackground = `var(${statusDangerBackgroundRaw})`; @@ -394,18 +389,19 @@ export const aiShimmerStop4 = `var(${aiShimmerStop4Raw})`; export const statusNeutralBackground = `var(${statusNeutralBackgroundRaw})`; export const statusNeutralTintBackground = `var(${statusNeutralTintBackgroundRaw})`; export const statusNeutralTintStroke = `var(${statusNeutralTintStrokeRaw})`; -export const backgroundCardOnsecondaryDefaultRest = `var(${backgroundCardOnsecondaryDefaultRestRaw})`; -export const backgroundCardOnsecondaryAltRest = `var(${backgroundCardOnsecondaryAltRestRaw})`; -export const backgroundCardOnsecondaryAltHover = `var(${backgroundCardOnsecondaryAltHoverRaw})`; -export const backgroundCardOnsecondaryAltPressed = `var(${backgroundCardOnsecondaryAltPressedRaw})`; -export const backgroundCardOnsecondaryAltDisabled = `var(${backgroundCardOnsecondaryAltDisabledRaw})`; -export const backgroundCardOnsecondaryDefaultHover = `var(${backgroundCardOnsecondaryDefaultHoverRaw})`; -export const backgroundCardOnsecondaryDefaultPressed = `var(${backgroundCardOnsecondaryDefaultPressedRaw})`; -export const backgroundCardOnsecondaryDefaultDisabled = `var(${backgroundCardOnsecondaryDefaultDisabledRaw})`; -export const backgroundCardOnflyoutDefaultRest = `var(${backgroundCardOnflyoutDefaultRestRaw})`; -export const backgroundCardOnflyoutDefaultHover = `var(${backgroundCardOnflyoutDefaultHoverRaw})`; -export const backgroundCardOnflyoutDefaultPressed = `var(${backgroundCardOnflyoutDefaultPressedRaw})`; -export const backgroundCardOnflyoutDefaultDisabled = `var(${backgroundCardOnflyoutDefaultDisabledRaw})`; +export const backgroundCardOnSecondaryDefaultRest = `var(${backgroundCardOnSecondaryDefaultRestRaw})`; +export const backgroundCardOnSecondaryAltRest = `var(${backgroundCardOnSecondaryAltRestRaw})`; +export const backgroundCardOnSecondaryAltHover = `var(${backgroundCardOnSecondaryAltHoverRaw})`; +export const backgroundCardOnSecondaryAltPressed = `var(${backgroundCardOnSecondaryAltPressedRaw})`; +export const backgroundCardOnSecondaryAltDisabled = `var(${backgroundCardOnSecondaryAltDisabledRaw})`; +export const backgroundCardOnSecondaryDefaultHover = `var(${backgroundCardOnSecondaryDefaultHoverRaw})`; +export const backgroundCardOnSecondaryDefaultPressed = `var(${backgroundCardOnSecondaryDefaultPressedRaw})`; +export const backgroundCardOnSecondaryDefaultDisabled = `var(${backgroundCardOnSecondaryDefaultDisabledRaw})`; +export const backgroundCardOnFlyoutDefaultRest = `var(${backgroundCardOnFlyoutDefaultRestRaw})`; +export const backgroundCardOnFlyoutDefaultHover = `var(${backgroundCardOnFlyoutDefaultHoverRaw})`; +export const backgroundCardOnFlyoutDefaultPressed = `var(${backgroundCardOnFlyoutDefaultPressedRaw})`; +export const backgroundCardOnFlyoutDefaultDisabled = `var(${backgroundCardOnFlyoutDefaultDisabledRaw})`; +export const textStyleDefaultDisplayWeight = `var(${textStyleDefaultDisplayWeightRaw})`; export const shadowFlyoutKey = `var(${shadowFlyoutKeyRaw})`; export const shadowFlyoutAmbient = `var(${shadowFlyoutAmbientRaw})`; export const shadowToolbarKey = `var(${shadowToolbarKeyRaw})`; diff --git a/packages/semantic-tokens/src/control/variables.ts b/packages/semantic-tokens/src/control/variables.ts index 88652a7ff2716..a0364f9640c4d 100644 --- a/packages/semantic-tokens/src/control/variables.ts +++ b/packages/semantic-tokens/src/control/variables.ts @@ -1,115 +1,115 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -export const textGlobalDisplay1FontsizeRaw = '--smtc-text-global-display1-fontsize'; -export const textGlobalDisplay1LineheightRaw = '--smtc-text-global-display1-lineheight'; -export const textGlobalDisplay2FontsizeRaw = '--smtc-text-global-display2-fontsize'; -export const textGlobalDisplay2LineheightRaw = '--smtc-text-global-display2-lineheight'; -export const textGlobalTitle1FontsizeRaw = '--smtc-text-global-title1-fontsize'; -export const textGlobalTitle1LineheightRaw = '--smtc-text-global-title1-lineheight'; -export const textGlobalTitle2FontsizeRaw = '--smtc-text-global-title2-fontsize'; -export const textGlobalTitle2LineheightRaw = '--smtc-text-global-title2-lineheight'; -export const textGlobalSubtitle1FontsizeRaw = '--smtc-text-global-subtitle1-fontsize'; -export const textGlobalSubtitle1LineheightRaw = '--smtc-text-global-subtitle1-lineheight'; -export const textGlobalSubtitle2FontsizeRaw = '--smtc-text-global-subtitle2-fontsize'; -export const textGlobalSubtitle2LineheightRaw = '--smtc-text-global-subtitle2-lineheight'; -export const textGlobalBody1FontsizeRaw = '--smtc-text-global-body1-fontsize'; -export const textGlobalBody1LineheightRaw = '--smtc-text-global-body1-lineheight'; -export const textGlobalBody2FontsizeRaw = '--smtc-text-global-body2-fontsize'; -export const textGlobalBody2LineheightRaw = '--smtc-text-global-body2-lineheight'; -export const textGlobalBody3FontsizeRaw = '--smtc-text-global-body3-fontsize'; -export const textGlobalBody3LineheightRaw = '--smtc-text-global-body3-lineheight'; -export const textGlobalCaption1FontsizeRaw = '--smtc-text-global-caption1-fontsize'; -export const textGlobalCaption1LineheightRaw = '--smtc-text-global-caption1-lineheight'; -export const textGlobalCaption2FontsizeRaw = '--smtc-text-global-caption2-fontsize'; -export const textGlobalCaption2LineheightRaw = '--smtc-text-global-caption2-lineheight'; -export const textStyleDefaultRegularFontfamilyRaw = '--smtc-text-style-default-regular-fontfamily'; +export const textGlobalDisplay1FontSizeRaw = '--smtc-text-global-display1-font-size'; +export const textGlobalDisplay1LineHeightRaw = '--smtc-text-global-display1-line-height'; +export const textGlobalDisplay2FontSizeRaw = '--smtc-text-global-display2-font-size'; +export const textGlobalDisplay2LineHeightRaw = '--smtc-text-global-display2-line-height'; +export const textGlobalTitle1FontSizeRaw = '--smtc-text-global-title1-font-size'; +export const textGlobalTitle1LineHeightRaw = '--smtc-text-global-title1-line-height'; +export const textGlobalTitle2FontSizeRaw = '--smtc-text-global-title2-font-size'; +export const textGlobalTitle2LineHeightRaw = '--smtc-text-global-title2-line-height'; +export const textGlobalSubtitle1FontSizeRaw = '--smtc-text-global-subtitle1-font-size'; +export const textGlobalSubtitle1LineHeightRaw = '--smtc-text-global-subtitle1-line-height'; +export const textGlobalSubtitle2FontSizeRaw = '--smtc-text-global-subtitle2-font-size'; +export const textGlobalSubtitle2LineHeightRaw = '--smtc-text-global-subtitle2-line-height'; +export const textGlobalBody1FontSizeRaw = '--smtc-text-global-body1-font-size'; +export const textGlobalBody1LineHeightRaw = '--smtc-text-global-body1-line-height'; +export const textGlobalBody2FontSizeRaw = '--smtc-text-global-body2-font-size'; +export const textGlobalBody2LineHeightRaw = '--smtc-text-global-body2-line-height'; +export const textGlobalBody3FontSizeRaw = '--smtc-text-global-body3-font-size'; +export const textGlobalBody3LineHeightRaw = '--smtc-text-global-body3-line-height'; +export const textGlobalCaption1FontSizeRaw = '--smtc-text-global-caption1-font-size'; +export const textGlobalCaption1LineHeightRaw = '--smtc-text-global-caption1-line-height'; +export const textGlobalCaption2FontSizeRaw = '--smtc-text-global-caption2-font-size'; +export const textGlobalCaption2LineHeightRaw = '--smtc-text-global-caption2-line-height'; +export const textStyleDefaultRegularFontFamilyRaw = '--smtc-text-style-default-regular-font-family'; export const textStyleDefaultRegularWeightRaw = '--smtc-text-style-default-regular-weight'; -export const textStyleDefaultRegularLetterspacingRaw = '--smtc-text-style-default-regular-letterspacing'; +export const textStyleDefaultRegularLetterSpacingRaw = '--smtc-text-style-default-regular-letter-spacing'; export const textStyleDefaultHeaderWeightRaw = '--smtc-text-style-default-header-weight'; export const sizeCtrlDefaultRaw = '--smtc-size-ctrl-default'; export const sizeCtrlIconRaw = '--smtc-size-ctrl-icon'; -export const sizeCtrlIconsecondaryRaw = '--smtc-size-ctrl-iconsecondary'; +export const sizeCtrlIconSecondaryRaw = '--smtc-size-ctrl-icon-secondary'; export const textCtrlWeightSelectedRaw = '--smtc-text-ctrl-weight-selected'; export const sizeCtrlSmDefaultRaw = '--smtc-size-ctrl-sm-default'; export const sizeCtrlSmIconRaw = '--smtc-size-ctrl-sm-icon'; export const sizeCtrlLgDefaultRaw = '--smtc-size-ctrl-lg-default'; export const sizeCtrlLgIconRaw = '--smtc-size-ctrl-lg-icon'; export const paddingContentAlignDefaultRaw = '--smtc-padding-content-align-default'; -export const paddingContentAlignOutdentIcononsubtleRaw = '--smtc-padding-content-align-outdent-icononsubtle'; -export const paddingContentAlignOutdentTextonsubtleRaw = '--smtc-padding-content-align-outdent-textonsubtle'; +export const paddingContentAlignOutdentIconOnSubtleRaw = '--smtc-padding-content-align-outdent-icon-on-subtle'; export const paddingContentNoneRaw = '--smtc-padding-content-none'; -export const paddingContentXxsmallRaw = '--smtc-padding-content-xxsmall'; -export const paddingContentXsmallRaw = '--smtc-padding-content-xsmall'; +export const paddingContentAlignOutdentTextOnSubtleRaw = '--smtc-padding-content-align-outdent-text-on-subtle'; +export const paddingContentXxSmallRaw = '--smtc-padding-content-xx-small'; +export const paddingContentXSmallRaw = '--smtc-padding-content-x-small'; export const paddingContentSmallRaw = '--smtc-padding-content-small'; export const paddingContentMediumRaw = '--smtc-padding-content-medium'; export const paddingContentLargeRaw = '--smtc-padding-content-large'; -export const paddingContentXlargeRaw = '--smtc-padding-content-xlarge'; -export const paddingContentXxlargeRaw = '--smtc-padding-content-xxlarge'; -export const paddingContentXxxlargeRaw = '--smtc-padding-content-xxxlarge'; +export const paddingContentXLargeRaw = '--smtc-padding-content-x-large'; +export const paddingContentXxLargeRaw = '--smtc-padding-content-xx-large'; +export const paddingContentXxxLargeRaw = '--smtc-padding-content-xxx-large'; export const paddingCtrlHorizontalDefaultRaw = '--smtc-padding-ctrl-horizontal-default'; -export const paddingCtrlHorizontalIcononlyRaw = '--smtc-padding-ctrl-horizontal-icononly'; -export const paddingCtrlTexttopRaw = '--smtc-padding-ctrl-texttop'; -export const paddingCtrlTextsideRaw = '--smtc-padding-ctrl-textside'; -export const paddingCtrlTonestedcontrolRaw = '--smtc-padding-ctrl-tonestedcontrol'; +export const paddingCtrlHorizontalIconOnlyRaw = '--smtc-padding-ctrl-horizontal-icon-only'; +export const paddingCtrlTextTopRaw = '--smtc-padding-ctrl-text-top'; +export const paddingCtrlTextSideRaw = '--smtc-padding-ctrl-text-side'; +export const paddingCtrlToNestedControlRaw = '--smtc-padding-ctrl-to-nested-control'; export const paddingCtrlSmHorizontalDefaultRaw = '--smtc-padding-ctrl-sm-horizontal-default'; -export const paddingCtrlSmHorizontalIcononlyRaw = '--smtc-padding-ctrl-sm-horizontal-icononly'; -export const paddingCtrlSmTexttopRaw = '--smtc-padding-ctrl-sm-texttop'; -export const paddingCtrlSmTonestedcontrolRaw = '--smtc-padding-ctrl-sm-tonestedcontrol'; +export const paddingCtrlSmHorizontalIconOnlyRaw = '--smtc-padding-ctrl-sm-horizontal-icon-only'; +export const paddingCtrlSmTextTopRaw = '--smtc-padding-ctrl-sm-text-top'; +export const paddingCtrlSmToNestedControlRaw = '--smtc-padding-ctrl-sm-to-nested-control'; export const paddingCtrlLgHorizontalDefaultRaw = '--smtc-padding-ctrl-lg-horizontal-default'; -export const paddingCtrlLgHorizontalIcononlyRaw = '--smtc-padding-ctrl-lg-horizontal-icononly'; -export const paddingCtrlLgTexttopRaw = '--smtc-padding-ctrl-lg-texttop'; -export const paddingCtrlLgTonestedcontrolRaw = '--smtc-padding-ctrl-lg-tonestedcontrol'; +export const paddingCtrlLgHorizontalIconOnlyRaw = '--smtc-padding-ctrl-lg-horizontal-icon-only'; +export const paddingCtrlLgTextTopRaw = '--smtc-padding-ctrl-lg-text-top'; +export const paddingCtrlLgToNestedControlRaw = '--smtc-padding-ctrl-lg-to-nested-control'; export const gapBetweenContentNoneRaw = '--smtc-gap-between-content-none'; -export const gapBetweenContentXxsmallRaw = '--smtc-gap-between-content-xxsmall'; -export const gapBetweenContentXsmallRaw = '--smtc-gap-between-content-xsmall'; +export const gapBetweenContentXxSmallRaw = '--smtc-gap-between-content-xx-small'; +export const gapBetweenContentXSmallRaw = '--smtc-gap-between-content-x-small'; export const gapBetweenContentSmallRaw = '--smtc-gap-between-content-small'; export const gapBetweenCtrlDefaultRaw = '--smtc-gap-between-ctrl-default'; export const gapBetweenContentMediumRaw = '--smtc-gap-between-content-medium'; export const gapBetweenContentLargeRaw = '--smtc-gap-between-content-large'; -export const gapBetweenContentXlargeRaw = '--smtc-gap-between-content-xlarge'; -export const gapBetweenContentXxlargeRaw = '--smtc-gap-between-content-xxlarge'; +export const gapBetweenContentXLargeRaw = '--smtc-gap-between-content-x-large'; +export const gapBetweenContentXxLargeRaw = '--smtc-gap-between-content-xx-large'; export const gapBetweenCtrlLgDefaultRaw = '--smtc-gap-between-ctrl-lg-default'; export const gapBetweenCtrlSmDefaultRaw = '--smtc-gap-between-ctrl-sm-default'; export const gapInsideCtrlDefaultRaw = '--smtc-gap-inside-ctrl-default'; export const gapInsideCtrlSmDefaultRaw = '--smtc-gap-inside-ctrl-sm-default'; -export const gapInsideCtrlSmTosecondaryiconRaw = '--smtc-gap-inside-ctrl-sm-tosecondaryicon'; +export const gapInsideCtrlSmToSecondaryIconRaw = '--smtc-gap-inside-ctrl-sm-to-secondary-icon'; export const gapInsideCtrlLgDefaultRaw = '--smtc-gap-inside-ctrl-lg-default'; -export const gapInsideCtrlLgTosecondaryiconRaw = '--smtc-gap-inside-ctrl-lg-tosecondaryicon'; -export const gapInsideCtrlTosecondaryiconRaw = '--smtc-gap-inside-ctrl-tosecondaryicon'; -export const gapInsideCtrlTolabelRaw = '--smtc-gap-inside-ctrl-tolabel'; -export const gapInsideCtrlSmTolabelRaw = '--smtc-gap-inside-ctrl-sm-tolabel'; -export const gapInsideCtrlLgTolabelRaw = '--smtc-gap-inside-ctrl-lg-tolabel'; +export const gapInsideCtrlLgToSecondaryIconRaw = '--smtc-gap-inside-ctrl-lg-to-secondary-icon'; +export const gapInsideCtrlToSecondaryIconRaw = '--smtc-gap-inside-ctrl-to-secondary-icon'; +export const gapInsideCtrlToLabelRaw = '--smtc-gap-inside-ctrl-to-label'; +export const gapInsideCtrlSmToLabelRaw = '--smtc-gap-inside-ctrl-sm-to-label'; +export const gapInsideCtrlLgToLabelRaw = '--smtc-gap-inside-ctrl-lg-to-label'; export const cornerCircularRaw = '--smtc-corner-circular'; -export const strokewidthDefaultRaw = '--smtc-strokewidth-default'; +export const strokeWidthDefaultRaw = '--smtc-stroke-width-default'; export const backgroundSmokeRaw = '--smtc-background-smoke'; -export const strokeCtrlOnoutlineRestRaw = '--smtc-stroke-ctrl-onoutline-rest'; -export const strokeCtrlOnoutlineHoverRaw = '--smtc-stroke-ctrl-onoutline-hover'; -export const strokeCtrlOnoutlinePressedRaw = '--smtc-stroke-ctrl-onoutline-pressed'; -export const strokeCtrlOnoutlineDisabledRaw = '--smtc-stroke-ctrl-onoutline-disabled'; -export const strokeCtrlDividerOnbrandRaw = '--smtc-stroke-ctrl-divider-onbrand'; -export const strokeCtrlDividerOnneutralRaw = '--smtc-stroke-ctrl-divider-onneutral'; -export const strokeCtrlDividerOnoutlineRaw = '--smtc-stroke-ctrl-divider-onoutline'; +export const strokeCtrlOnOutlineRestRaw = '--smtc-stroke-ctrl-on-outline-rest'; +export const strokeCtrlOnOutlineHoverRaw = '--smtc-stroke-ctrl-on-outline-hover'; +export const strokeCtrlOnOutlinePressedRaw = '--smtc-stroke-ctrl-on-outline-pressed'; +export const strokeCtrlOnOutlineDisabledRaw = '--smtc-stroke-ctrl-on-outline-disabled'; +export const strokeCtrlDividerOnBrandRaw = '--smtc-stroke-ctrl-divider-on-brand'; +export const strokeCtrlDividerOnNeutralRaw = '--smtc-stroke-ctrl-divider-on-neutral'; +export const strokeCtrlDividerOnOutlineRaw = '--smtc-stroke-ctrl-divider-on-outline'; export const strokeDividerDefaultRaw = '--smtc-stroke-divider-default'; export const strokeWindowActiveRaw = '--smtc-stroke-window-active'; export const backgroundWindowPrimarySolidRaw = '--smtc-background-window-primary-solid'; -export const backgroundWindowPrimaryColorblendRaw = '--smtc-background-window-primary-colorblend'; -export const backgroundWindowPrimaryLumblendRaw = '--smtc-background-window-primary-lumblend'; +export const backgroundWindowPrimaryColorBlendRaw = '--smtc-background-window-primary-color-blend'; +export const backgroundWindowPrimaryLumBlendRaw = '--smtc-background-window-primary-lum-blend'; export const backgroundWindowSecondarySolidRaw = '--smtc-background-window-secondary-solid'; -export const backgroundWindowSecondaryColorblendRaw = '--smtc-background-window-secondary-colorblend'; -export const backgroundWindowSecondaryLumblendRaw = '--smtc-background-window-secondary-lumblend'; -export const backgroundWindowTabbandColorblendRaw = '--smtc-background-window-tabband-colorblend'; -export const backgroundWindowTabbandLumblendRaw = '--smtc-background-window-tabband-lumblend'; -export const backgroundWindowTabbandSolidRaw = '--smtc-background-window-tabband-solid'; -export const backgroundWebpagePrimaryRaw = '--smtc-background-webpage-primary'; -export const backgroundWebpageSecondaryRaw = '--smtc-background-webpage-secondary'; -export const backgroundLayerPrimarySolidRaw = '--smtc-background-layer-primarysolid'; -export const backgroundCardOnprimaryDefaultRestRaw = '--smtc-background-card-onprimary-default-rest'; -export const backgroundCardOnprimaryAltRestRaw = '--smtc-background-card-onprimary-alt-rest'; -export const backgroundCardOnprimaryAltHoverRaw = '--smtc-background-card-onprimary-alt-hover'; -export const backgroundCardOnprimaryAltPressedRaw = '--smtc-background-card-onprimary-alt-pressed'; -export const backgroundCardOnprimaryAltDisabledRaw = '--smtc-background-card-onprimary-alt-disabled'; -export const backgroundCardOnprimaryDefaultHoverRaw = '--smtc-background-card-onprimary-default-hover'; -export const backgroundCardOnprimaryDefaultPressedRaw = '--smtc-background-card-onprimary-default-pressed'; -export const backgroundCardOnprimaryDefaultDisabledRaw = '--smtc-background-card-onprimary-default-disabled'; +export const backgroundWindowSecondaryColorBlendRaw = '--smtc-background-window-secondary-color-blend'; +export const backgroundWindowSecondaryLumBlendRaw = '--smtc-background-window-secondary-lum-blend'; +export const backgroundWindowTabBandColorBlendRaw = '--smtc-background-window-tab-band-color-blend'; +export const backgroundWindowTabBandLumBlendRaw = '--smtc-background-window-tab-band-lum-blend'; +export const backgroundWindowTabBandSolidRaw = '--smtc-background-window-tab-band-solid'; +export const backgroundWebPagePrimaryRaw = '--smtc-background-web-page-primary'; +export const backgroundWebPageSecondaryRaw = '--smtc-background-web-page-secondary'; +export const backgroundLayerPrimarySolidRaw = '--smtc-background-layer-primary-solid'; +export const backgroundCardOnPrimaryDefaultRestRaw = '--smtc-background-card-on-primary-default-rest'; +export const backgroundCardOnPrimaryAltRestRaw = '--smtc-background-card-on-primary-alt-rest'; +export const backgroundCardOnPrimaryAltHoverRaw = '--smtc-background-card-on-primary-alt-hover'; +export const backgroundCardOnPrimaryAltPressedRaw = '--smtc-background-card-on-primary-alt-pressed'; +export const backgroundCardOnPrimaryAltDisabledRaw = '--smtc-background-card-on-primary-alt-disabled'; +export const backgroundCardOnPrimaryDefaultHoverRaw = '--smtc-background-card-on-primary-default-hover'; +export const backgroundCardOnPrimaryDefaultPressedRaw = '--smtc-background-card-on-primary-default-pressed'; +export const backgroundCardOnPrimaryDefaultDisabledRaw = '--smtc-background-card-on-primary-default-disabled'; export const backgroundFlyoutSolidRaw = '--smtc-background-flyout-solid'; export const backgroundCtrlBrandRestRaw = '--smtc-background-ctrl-brand-rest'; export const backgroundCtrlBrandHoverRaw = '--smtc-background-ctrl-brand-hover'; @@ -121,8 +121,8 @@ export const backgroundCtrlNeutralPressedRaw = '--smtc-background-ctrl-neutral-p export const backgroundCtrlNeutralDisabledRaw = '--smtc-background-ctrl-neutral-disabled'; export const backgroundCtrlSubtleHoverRaw = '--smtc-background-ctrl-subtle-hover'; export const backgroundCtrlSubtlePressedRaw = '--smtc-background-ctrl-subtle-pressed'; -export const backgroundFlyoutLumblendRaw = '--smtc-background-flyout-lumblend'; -export const backgroundFlyoutColorblendRaw = '--smtc-background-flyout-colorblend'; +export const backgroundFlyoutLumBlendRaw = '--smtc-background-flyout-lum-blend'; +export const backgroundFlyoutColorBlendRaw = '--smtc-background-flyout-color-blend'; export const cornerZeroRaw = '--smtc-corner-zero'; export const cornerBezelRaw = '--smtc-corner-bezel'; export const cornerWindowDefaultRaw = '--smtc-corner-window-default'; @@ -132,7 +132,7 @@ export const cornerCardRestRaw = '--smtc-corner-card-rest'; export const cornerCtrlRestRaw = '--smtc-corner-ctrl-rest'; export const cornerCtrlSmRestRaw = '--smtc-corner-ctrl-sm-rest'; export const cornerCtrlLgRestRaw = '--smtc-corner-ctrl-lg-rest'; -export const cornerImageIncardRaw = '--smtc-corner-image-incard'; +export const cornerImageInCardRaw = '--smtc-corner-image-in-card'; export const foregroundCtrlNeutralPrimaryRestRaw = '--smtc-foreground-ctrl-neutral-primary-rest'; export const foregroundCtrlNeutralPrimaryDisabledRaw = '--smtc-foreground-ctrl-neutral-primary-disabled'; export const foregroundCtrlNeutralSecondaryRestRaw = '--smtc-foreground-ctrl-neutral-secondary-rest'; @@ -141,12 +141,12 @@ export const foregroundCtrlBrandRestRaw = '--smtc-foreground-ctrl-brand-rest'; export const foregroundCtrlBrandHoverRaw = '--smtc-foreground-ctrl-brand-hover'; export const foregroundCtrlBrandPressedRaw = '--smtc-foreground-ctrl-brand-pressed'; export const foregroundCtrlBrandDisabledRaw = '--smtc-foreground-ctrl-brand-disabled'; -export const foregroundCtrlOnbrandRestRaw = '--smtc-foreground-ctrl-onbrand-rest'; -export const foregroundCtrlOnbrandDisabledRaw = '--smtc-foreground-ctrl-onbrand-disabled'; +export const foregroundCtrlOnBrandRestRaw = '--smtc-foreground-ctrl-on-brand-rest'; +export const foregroundCtrlOnBrandDisabledRaw = '--smtc-foreground-ctrl-on-brand-disabled'; export const materialAcrylicBlurRaw = '--smtc-material-acrylic-blur'; export const materialMicaBlurRaw = '--smtc-material-mica-blur'; -export const iconthemeCtrlDefaultRestRaw = '--smtc-icontheme-ctrl-default-rest'; -export const iconthemeCtrlDefaultSelectedRaw = '--smtc-icontheme-ctrl-default-selected'; +export const iconThemeCtrlDefaultRestRaw = '--smtc-icon-theme-ctrl-default-rest'; +export const iconThemeCtrlDefaultSelectedRaw = '--smtc-icon-theme-ctrl-default-selected'; export const statusBrandTintBackgroundRaw = '--smtc-status-brand-tint-background'; export const statusBrandTintStrokeRaw = '--smtc-status-brand-tint-stroke'; export const statusDangerBackgroundRaw = '--smtc-status-danger-background'; @@ -182,18 +182,19 @@ export const aiShimmerStop4Raw = '--smtc-ai-shimmer-stop4'; export const statusNeutralBackgroundRaw = '--smtc-status-neutral-background'; export const statusNeutralTintBackgroundRaw = '--smtc-status-neutral-tint-background'; export const statusNeutralTintStrokeRaw = '--smtc-status-neutral-tint-stroke'; -export const backgroundCardOnsecondaryDefaultRestRaw = '--smtc-background-card-onsecondary-default-rest'; -export const backgroundCardOnsecondaryAltRestRaw = '--smtc-background-card-onsecondary-alt-rest'; -export const backgroundCardOnsecondaryAltHoverRaw = '--smtc-background-card-onsecondary-alt-hover'; -export const backgroundCardOnsecondaryAltPressedRaw = '--smtc-background-card-onsecondary-alt-pressed'; -export const backgroundCardOnsecondaryAltDisabledRaw = '--smtc-background-card-onsecondary-alt-disabled'; -export const backgroundCardOnsecondaryDefaultHoverRaw = '--smtc-background-card-onsecondary-default-hover'; -export const backgroundCardOnsecondaryDefaultPressedRaw = '--smtc-background-card-onsecondary-default-pressed'; -export const backgroundCardOnsecondaryDefaultDisabledRaw = '--smtc-background-card-onsecondary-default-disabled'; -export const backgroundCardOnflyoutDefaultRestRaw = '--smtc-background-card-onflyout-default-rest'; -export const backgroundCardOnflyoutDefaultHoverRaw = '--smtc-background-card-onflyout-default-hover'; -export const backgroundCardOnflyoutDefaultPressedRaw = '--smtc-background-card-onflyout-default-pressed'; -export const backgroundCardOnflyoutDefaultDisabledRaw = '--smtc-background-card-onflyout-default-disabled'; +export const backgroundCardOnSecondaryDefaultRestRaw = '--smtc-background-card-on-secondary-default-rest'; +export const backgroundCardOnSecondaryAltRestRaw = '--smtc-background-card-on-secondary-alt-rest'; +export const backgroundCardOnSecondaryAltHoverRaw = '--smtc-background-card-on-secondary-alt-hover'; +export const backgroundCardOnSecondaryAltPressedRaw = '--smtc-background-card-on-secondary-alt-pressed'; +export const backgroundCardOnSecondaryAltDisabledRaw = '--smtc-background-card-on-secondary-alt-disabled'; +export const backgroundCardOnSecondaryDefaultHoverRaw = '--smtc-background-card-on-secondary-default-hover'; +export const backgroundCardOnSecondaryDefaultPressedRaw = '--smtc-background-card-on-secondary-default-pressed'; +export const backgroundCardOnSecondaryDefaultDisabledRaw = '--smtc-background-card-on-secondary-default-disabled'; +export const backgroundCardOnFlyoutDefaultRestRaw = '--smtc-background-card-on-flyout-default-rest'; +export const backgroundCardOnFlyoutDefaultHoverRaw = '--smtc-background-card-on-flyout-default-hover'; +export const backgroundCardOnFlyoutDefaultPressedRaw = '--smtc-background-card-on-flyout-default-pressed'; +export const backgroundCardOnFlyoutDefaultDisabledRaw = '--smtc-background-card-on-flyout-default-disabled'; +export const textStyleDefaultDisplayWeightRaw = '--smtc-text-style-default-display-weight'; export const shadowFlyoutKeyRaw = '--smtc-shadow-flyout-key'; export const shadowFlyoutAmbientRaw = '--smtc-shadow-flyout-ambient'; export const shadowToolbarKeyRaw = '--smtc-shadow-toolbar-key'; diff --git a/packages/semantic-tokens/src/index.ts b/packages/semantic-tokens/src/index.ts index 96b92ff6c909d..27ee76ee79e88 100644 --- a/packages/semantic-tokens/src/index.ts +++ b/packages/semantic-tokens/src/index.ts @@ -1,136 +1,136 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE export { - textStyleDefaultHeaderFontfamilyRaw, - textStyleDefaultHeaderLetterspacingRaw, - textStyleAiRegularFontfamilyRaw, + textStyleDefaultHeaderFontFamilyRaw, + textStyleDefaultHeaderLetterSpacingRaw, + textStyleAiRegularFontFamilyRaw, textStyleAiRegularWeightRaw, - textStyleAiRegularLetterspacingRaw, - textStyleAiHeaderFontfamilyRaw, + textStyleAiRegularLetterSpacingRaw, + textStyleAiHeaderFontFamilyRaw, textStyleAiHeaderWeightRaw, - textStyleAiHeaderLetterspacingRaw, - textStyleArticleRegularFontfamilyRaw, + textStyleAiHeaderLetterSpacingRaw, + textStyleArticleRegularFontFamilyRaw, textStyleArticleRegularWeightRaw, - textStyleArticleRegularLetterspacingRaw, - textStyleArticleHeaderFontfamilyRaw, + textStyleArticleRegularLetterSpacingRaw, + textStyleArticleHeaderFontFamilyRaw, textStyleArticleHeaderWeightRaw, - textStyleArticleHeaderLetterspacingRaw, - textStyleCodeRegularFontfamilyRaw, + textStyleArticleHeaderLetterSpacingRaw, + textStyleCodeRegularFontFamilyRaw, textStyleCodeRegularWeightRaw, - textStyleCodeRegularLetterspacingRaw, - textStyleCodeHeaderFontfamilyRaw, + textStyleCodeRegularLetterSpacingRaw, + textStyleCodeHeaderFontFamilyRaw, textStyleCodeHeaderWeightRaw, - textStyleCodeHeaderLetterspacingRaw, - textStyleDatavizRegularFontfamilyRaw, - textStyleDatavizRegularWeightRaw, - textStyleDatavizRegularLetterspacingRaw, - textStyleDatavizHeaderFontfamilyRaw, - textStyleDatavizHeaderWeightRaw, - textStyleDatavizHeaderLetterspacingRaw, - textStyleQuoteRegularFontfamilyRaw, + textStyleCodeHeaderLetterSpacingRaw, + textStyleDataVizRegularFontFamilyRaw, + textStyleDataVizRegularWeightRaw, + textStyleDataVizRegularLetterSpacingRaw, + textStyleDataVizHeaderFontFamilyRaw, + textStyleDataVizHeaderWeightRaw, + textStyleDataVizHeaderLetterSpacingRaw, + textStyleQuoteRegularFontFamilyRaw, textStyleQuoteRegularWeightRaw, - textStyleQuoteRegularLetterspacingRaw, - textStyleQuoteHeaderFontfamilyRaw, + textStyleQuoteRegularLetterSpacingRaw, + textStyleQuoteHeaderFontFamilyRaw, textStyleQuoteHeaderWeightRaw, - textStyleQuoteHeaderLetterspacingRaw, - textRampPageheaderFontsizeRaw, - textRampPageheaderLineheightRaw, - textRampSectionheaderFontsizeRaw, - textRampSectionheaderLineheightRaw, - textRampSubsectionheaderFontsizeRaw, - textRampSubsectionheaderLineheightRaw, - textRampReadingbodyFontsizeRaw, - textRampReadingbodyLineheightRaw, - textRampItemheaderFontsizeRaw, - textRampItemheaderLineheightRaw, - textRampItembodyFontsizeRaw, - textRampItembodyLineheightRaw, - textRampMetadataFontsizeRaw, - textRampMetadataLineheightRaw, - textRampLegalFontsizeRaw, - textRampLegalLineheightRaw, - textRampSmPageheaderFontsizeRaw, - textRampSmPageheaderLineheightRaw, - textRampSmSectionheaderFontsizeRaw, - textRampSmSectionheaderLineheightRaw, - textRampSmSubsectionheaderFontsizeRaw, - textRampSmSubsectionheaderLineheightRaw, - textRampSmReadingbodyFontsizeRaw, - textRampSmReadingbodyLineheightRaw, - textRampSmItemheaderFontsizeRaw, - textRampSmItemheaderLineheightRaw, - textRampSmItembodyFontsizeRaw, - textRampSmItembodyLineheightRaw, - textRampSmMetadataFontsizeRaw, - textRampSmMetadataLineheightRaw, - textRampSmLegalFontsizeRaw, - textRampSmLegalLineheightRaw, - textRampLgPageheaderFontsizeRaw, - textRampLgPageheaderLineheightRaw, - textRampLgSectionheaderFontsizeRaw, - textRampLgSectionheaderLineheightRaw, - textRampLgSubsectionheaderFontsizeRaw, - textRampLgSubsectionheaderLineheightRaw, - textRampLgReadingbodyFontsizeRaw, - textRampLgReadingbodyLineheightRaw, - textRampLgItemheaderFontsizeRaw, - textRampLgItemheaderLineheightRaw, - textRampLgItembodyFontsizeRaw, - textRampLgItembodyLineheightRaw, - textRampLgMetadataFontsizeRaw, - textRampLgMetadataLineheightRaw, - textRampLgLegalFontsizeRaw, - textRampLgLegalLineheightRaw, + textStyleQuoteHeaderLetterSpacingRaw, + textRampPageHeaderFontSizeRaw, + textRampPageHeaderLineHeightRaw, + textRampSectionHeaderFontSizeRaw, + textRampSectionHeaderLineHeightRaw, + textRampSubsectionHeaderFontSizeRaw, + textRampSubsectionHeaderLineHeightRaw, + textRampReadingBodyFontSizeRaw, + textRampReadingBodyLineHeightRaw, + textRampItemHeaderFontSizeRaw, + textRampItemHeaderLineHeightRaw, + textRampItemBodyFontSizeRaw, + textRampItemBodyLineHeightRaw, + textRampMetadataFontSizeRaw, + textRampMetadataLineHeightRaw, + textRampLegalFontSizeRaw, + textRampLegalLineHeightRaw, + textRampSmPageHeaderFontSizeRaw, + textRampSmPageHeaderLineHeightRaw, + textRampSmSectionHeaderFontSizeRaw, + textRampSmSectionHeaderLineHeightRaw, + textRampSmSubsectionHeaderFontSizeRaw, + textRampSmSubsectionHeaderLineHeightRaw, + textRampSmReadingBodyFontSizeRaw, + textRampSmReadingBodyLineHeightRaw, + textRampSmItemHeaderFontSizeRaw, + textRampSmItemHeaderLineHeightRaw, + textRampSmItemBodyFontSizeRaw, + textRampSmItemBodyLineHeightRaw, + textRampSmMetadataFontSizeRaw, + textRampSmMetadataLineHeightRaw, + textRampSmLegalFontSizeRaw, + textRampSmLegalLineHeightRaw, + textRampLgPageHeaderFontSizeRaw, + textRampLgPageHeaderLineHeightRaw, + textRampLgSectionHeaderFontSizeRaw, + textRampLgSectionHeaderLineHeightRaw, + textRampLgSubsectionHeaderFontSizeRaw, + textRampLgSubsectionHeaderLineHeightRaw, + textRampLgReadingBodyFontSizeRaw, + textRampLgReadingBodyLineHeightRaw, + textRampLgItemHeaderFontSizeRaw, + textRampLgItemHeaderLineHeightRaw, + textRampLgItemBodyFontSizeRaw, + textRampLgItemBodyLineHeightRaw, + textRampLgMetadataFontSizeRaw, + textRampLgMetadataLineHeightRaw, + textRampLgLegalFontSizeRaw, + textRampLgLegalLineHeightRaw, textCtrlWeightDefaultRaw, textCtrlButtonWeightDefaultRaw, textCtrlButtonWeightSelectedRaw, paddingToolbarInsideRaw, paddingToolbarOutsideRaw, paddingFlyoutDefaultRaw, - paddingCardNestedimageRaw, - paddingCtrlTextbottomRaw, - paddingCtrlSmTextbottomRaw, - paddingCtrlLgTextbottomRaw, + paddingCardNestedImageRaw, + paddingCtrlTextBottomRaw, + paddingCtrlSmTextBottomRaw, + paddingCtrlLgTextBottomRaw, gapBetweenCtrlNestedRaw, - gapTextSmallRaw, - gapTextLargeRaw, + gapBetweenTextSmallRaw, gapBetweenCtrlLgNestedRaw, + gapBetweenTextLargeRaw, gapBetweenCtrlSmNestedRaw, - gapListRaw, - gapCardRaw, - strokewidthDividerDefaultRaw, - strokewidthDividerStrongRaw, - strokewidthCtrlOutlineRestRaw, - strokewidthCtrlOutlineHoverRaw, - strokewidthCtrlOutlinePressedRaw, - strokewidthCtrlOutlineSelectedRaw, - strokewidthWindowDefaultRaw, + gapBetweenListItemRaw, + gapBetweenCardRaw, + strokeWidthDividerDefaultRaw, + strokeWidthDividerStrongRaw, + strokeWidthCtrlOutlineRestRaw, + strokeWidthCtrlOutlineHoverRaw, + strokeWidthCtrlOutlinePressedRaw, + strokeWidthCtrlOutlineSelectedRaw, + strokeWidthWindowDefaultRaw, backgroundToolbarRaw, strokeToolbarRaw, - strokeCtrlOnbrandRestStop2Raw, - strokeCtrlOnbrandHoverStop2Raw, - strokeCtrlOnbrandPressedStop2Raw, - strokeCtrlOnbrandDisabledStop2Raw, - strokeCtrlOnneutralRestStop2Raw, - strokeCtrlOnneutralHoverStop2Raw, - strokeCtrlOnneutralPressedStop2Raw, - strokeCtrlOnneutralDisabledStop2Raw, - strokeCtrlOnoutlineRestStop2Raw, - strokeCtrlOnoutlineHoverStop2Raw, - strokeCtrlOnoutlinePressedStop2Raw, - strokeCtrlOnoutlineDisabledStop2Raw, - strokeCtrlOnactivebrandRestRaw, - strokeCtrlDividerOnbrandDisabledRaw, - strokeCtrlDividerOnneutralDisabledRaw, - strokeCtrlDividerOnoutlineDisabledRaw, - strokeCtrlDividerOnactivebrandRaw, - strokeCtrlDividerOnactivebrandDisabledRaw, - strokeCtrlOnactivebrandHoverRaw, - strokeCtrlOnactivebrandPressedRaw, - strokeCtrlOnactivebrandDisabledRaw, - strokeCtrlOnactivebrandRestStop2Raw, - strokeCtrlOnactivebrandHoverStop2Raw, - strokeCtrlOnactivebrandPressedStop2Raw, - strokeCtrlOnactivebrandDisabledStop2Raw, + strokeCtrlOnBrandRestStop2Raw, + strokeCtrlOnBrandHoverStop2Raw, + strokeCtrlOnBrandPressedStop2Raw, + strokeCtrlOnBrandDisabledStop2Raw, + strokeCtrlOnNeutralRestStop2Raw, + strokeCtrlOnNeutralHoverStop2Raw, + strokeCtrlOnNeutralPressedStop2Raw, + strokeCtrlOnNeutralDisabledStop2Raw, + strokeCtrlOnOutlineRestStop2Raw, + strokeCtrlOnOutlineHoverStop2Raw, + strokeCtrlOnOutlinePressedStop2Raw, + strokeCtrlOnOutlineDisabledStop2Raw, + strokeCtrlOnActiveBrandRestRaw, + strokeCtrlDividerOnBrandDisabledRaw, + strokeCtrlDividerOnActiveBrandRaw, + strokeCtrlDividerOnActiveBrandDisabledRaw, + strokeCtrlDividerOnNeutralDisabledRaw, + strokeCtrlDividerOnOutlineDisabledRaw, + strokeCtrlOnActiveBrandHoverRaw, + strokeCtrlOnActiveBrandPressedRaw, + strokeCtrlOnActiveBrandDisabledRaw, + strokeCtrlOnActiveBrandRestStop2Raw, + strokeCtrlOnActiveBrandHoverStop2Raw, + strokeCtrlOnActiveBrandPressedStop2Raw, + strokeCtrlOnActiveBrandDisabledStop2Raw, strokeDividerSubtleRaw, strokeDividerStrongRaw, strokeDividerBrandRaw, @@ -140,24 +140,24 @@ export { backgroundLayerPrimaryStop3Raw, backgroundLayerSecondaryRaw, backgroundLayerTertiaryRaw, - backgroundCardOnprimaryDefaultSelectedRaw, - backgroundCtrlActivebrandRestRaw, - backgroundCtrlActivebrandHoverRaw, - backgroundCtrlActivebrandPressedRaw, - backgroundCtrlActivebrandDisabledRaw, - backgroundCtrlShapesafeActivebrandRestRaw, - backgroundCtrlShapesafeActivebrandDisabledRaw, - backgroundCtrlShapesafeNeutralRestRaw, - backgroundCtrlShapesafeNeutralHoverRaw, - backgroundCtrlShapesafeNeutralPressedRaw, - backgroundCtrlShapesafeNeutralDisabledRaw, + backgroundCardOnPrimaryDefaultSelectedRaw, + backgroundCtrlActiveBrandRestRaw, + backgroundCtrlActiveBrandHoverRaw, + backgroundCtrlActiveBrandPressedRaw, + backgroundCtrlActiveBrandDisabledRaw, + backgroundCtrlShapeSafeActiveBrandRestRaw, + backgroundCtrlShapeSafeActiveBrandDisabledRaw, + backgroundCtrlShapeSafeNeutralRestRaw, + backgroundCtrlShapeSafeNeutralHoverRaw, + backgroundCtrlShapeSafeNeutralPressedRaw, + backgroundCtrlShapeSafeNeutralDisabledRaw, cornerFlyoutHoverRaw, cornerFlyoutPressedRaw, cornerLayerIntersectionRaw, cornerCardHoverRaw, cornerCardPressedRaw, cornerToolbarDefaultRaw, - cornerImageOnpageRaw, + cornerImageOnPageRaw, cornerCtrlHoverRaw, cornerCtrlPressedRaw, cornerCtrlSmHoverRaw, @@ -171,60 +171,60 @@ export { foregroundCtrlNeutralPrimaryPressedRaw, foregroundCtrlNeutralSecondaryHoverRaw, foregroundCtrlNeutralSecondaryPressedRaw, - foregroundCtrlIconOnneutralRestRaw, - foregroundCtrlIconOnneutralHoverRaw, - foregroundCtrlIconOnneutralPressedRaw, - foregroundCtrlIconOnneutralDisabledRaw, - foregroundCtrlIconOnoutlineRestRaw, - foregroundCtrlIconOnoutlineHoverRaw, - foregroundCtrlIconOnoutlinePressedRaw, - foregroundCtrlIconOnoutlineDisabledRaw, - foregroundCtrlIconOnsubtleRestRaw, - foregroundCtrlIconOnsubtleHoverRaw, - foregroundCtrlIconOnsubtlePressedRaw, - foregroundCtrlIconOnsubtleDisabledRaw, - foregroundCtrlOnbrandHoverRaw, - foregroundCtrlOnbrandPressedRaw, - foregroundCtrlActivebrandRestRaw, - foregroundCtrlActivebrandHoverRaw, - foregroundCtrlActivebrandPressedRaw, - foregroundCtrlActivebrandDisabledRaw, - foregroundCtrlOnactivebrandRestRaw, - foregroundCtrlOnactivebrandHoverRaw, - foregroundCtrlOnactivebrandPressedRaw, - foregroundCtrlOnactivebrandDisabledRaw, - foregroundCtrlOnoutlineRestRaw, - foregroundCtrlOnoutlineHoverRaw, - foregroundCtrlOnoutlinePressedRaw, - foregroundCtrlOnoutlineDisabledRaw, - foregroundCtrlOnsubtleRestRaw, - foregroundCtrlOnsubtleHoverRaw, - foregroundCtrlOnsubtlePressedRaw, - foregroundCtrlOnsubtleDisabledRaw, - foregroundCtrlOntransparentRestRaw, - foregroundCtrlOntransparentHoverRaw, - foregroundCtrlOntransparentPressedRaw, - foregroundCtrlOntransparentDisabledRaw, + foregroundCtrlIconOnNeutralRestRaw, + foregroundCtrlIconOnNeutralHoverRaw, + foregroundCtrlIconOnNeutralPressedRaw, + foregroundCtrlIconOnNeutralDisabledRaw, + foregroundCtrlIconOnOutlineRestRaw, + foregroundCtrlIconOnOutlineHoverRaw, + foregroundCtrlIconOnOutlinePressedRaw, + foregroundCtrlIconOnOutlineDisabledRaw, + foregroundCtrlIconOnSubtleRestRaw, + foregroundCtrlIconOnSubtleHoverRaw, + foregroundCtrlIconOnSubtlePressedRaw, + foregroundCtrlIconOnSubtleDisabledRaw, + foregroundCtrlOnBrandHoverRaw, + foregroundCtrlOnBrandPressedRaw, + foregroundCtrlActiveBrandRestRaw, + foregroundCtrlActiveBrandHoverRaw, + foregroundCtrlActiveBrandPressedRaw, + foregroundCtrlActiveBrandDisabledRaw, + foregroundCtrlOnActiveBrandRestRaw, + foregroundCtrlOnActiveBrandHoverRaw, + foregroundCtrlOnActiveBrandPressedRaw, + foregroundCtrlOnActiveBrandDisabledRaw, + foregroundCtrlOnOutlineRestRaw, + foregroundCtrlOnOutlineHoverRaw, + foregroundCtrlOnOutlinePressedRaw, + foregroundCtrlOnOutlineDisabledRaw, + foregroundCtrlOnSubtleRestRaw, + foregroundCtrlOnSubtleHoverRaw, + foregroundCtrlOnSubtlePressedRaw, + foregroundCtrlOnSubtleDisabledRaw, + foregroundCtrlOnTransparentRestRaw, + foregroundCtrlOnTransparentHoverRaw, + foregroundCtrlOnTransparentPressedRaw, + foregroundCtrlOnTransparentDisabledRaw, materialAcrylicDefaultSolidRaw, - materialAcrylicDefaultColorblendRaw, - materialAcrylicDefaultLumblendRaw, + materialAcrylicDefaultColorBlendRaw, + materialAcrylicDefaultLumBlendRaw, materialMicaDefaultSolidRaw, - materialMicaDefaultColorblendRaw, - materialMicaDefaultLumblendRaw, + materialMicaDefaultColorBlendRaw, + materialMicaDefaultLumBlendRaw, materialMicaDarkerSolidRaw, - materialMicaDarkerColorblendRaw, - materialMicaDarkerLumblendRaw, + materialMicaDarkerColorBlendRaw, + materialMicaDarkerLumBlendRaw, materialMicaThinSolidRaw, - materialMicaThinColorblendRaw, - materialMicaThinLumblendRaw, - iconthemeCtrlDefaultHoverRaw, - iconthemeCtrlDefaultPressedRaw, - iconthemeCtrlSubtleRestRaw, - iconthemeCtrlSubtleHoverRaw, - iconthemeCtrlSubtlePressedRaw, - iconthemeCtrlSubtleSelectedRaw, - iconthemeCtrlChevronDefaultRaw, - iconthemeCtrlChevronSelectedRaw, + materialMicaThinColorBlendRaw, + materialMicaThinLumBlendRaw, + iconThemeCtrlDefaultHoverRaw, + iconThemeCtrlDefaultPressedRaw, + iconThemeCtrlSubtleRestRaw, + iconThemeCtrlSubtleHoverRaw, + iconThemeCtrlSubtlePressedRaw, + iconThemeCtrlSubtleSelectedRaw, + iconThemeCtrlChevronDefaultRaw, + iconThemeCtrlChevronSelectedRaw, statusBrandBackgroundRaw, statusBrandStrokeRaw, statusBrandForegroundRaw, @@ -244,125 +244,127 @@ export { statusNeutralTintForegroundRaw, cornerFlyoutShellRestRaw, materialAcrylicShellDefaultSolidRaw, - materialAcrylicShellDefaultColorblendRaw, - materialAcrylicShellDefaultLumblendRaw, - backgroundCardOnsecondaryDefaultSelectedRaw, - shadowCtrlOndragKeyRaw, - shadowCtrlOndragAmbientRaw, + materialAcrylicShellDefaultColorBlendRaw, + materialAcrylicShellDefaultLumBlendRaw, + backgroundCardOnSecondaryDefaultSelectedRaw, + textStyleDefaultDisplayFontFamilyRaw, + textStyleDefaultDisplayLetterSpacingRaw, + shadowCtrlOnDragKeyRaw, + shadowCtrlOnDragAmbientRaw, shadowWindowInactiveKeyRaw, } from './optional/variables'; export { - textGlobalDisplay1FontsizeRaw, - textGlobalDisplay1LineheightRaw, - textGlobalDisplay2FontsizeRaw, - textGlobalDisplay2LineheightRaw, - textGlobalTitle1FontsizeRaw, - textGlobalTitle1LineheightRaw, - textGlobalTitle2FontsizeRaw, - textGlobalTitle2LineheightRaw, - textGlobalSubtitle1FontsizeRaw, - textGlobalSubtitle1LineheightRaw, - textGlobalSubtitle2FontsizeRaw, - textGlobalSubtitle2LineheightRaw, - textGlobalBody1FontsizeRaw, - textGlobalBody1LineheightRaw, - textGlobalBody2FontsizeRaw, - textGlobalBody2LineheightRaw, - textGlobalBody3FontsizeRaw, - textGlobalBody3LineheightRaw, - textGlobalCaption1FontsizeRaw, - textGlobalCaption1LineheightRaw, - textGlobalCaption2FontsizeRaw, - textGlobalCaption2LineheightRaw, - textStyleDefaultRegularFontfamilyRaw, + textGlobalDisplay1FontSizeRaw, + textGlobalDisplay1LineHeightRaw, + textGlobalDisplay2FontSizeRaw, + textGlobalDisplay2LineHeightRaw, + textGlobalTitle1FontSizeRaw, + textGlobalTitle1LineHeightRaw, + textGlobalTitle2FontSizeRaw, + textGlobalTitle2LineHeightRaw, + textGlobalSubtitle1FontSizeRaw, + textGlobalSubtitle1LineHeightRaw, + textGlobalSubtitle2FontSizeRaw, + textGlobalSubtitle2LineHeightRaw, + textGlobalBody1FontSizeRaw, + textGlobalBody1LineHeightRaw, + textGlobalBody2FontSizeRaw, + textGlobalBody2LineHeightRaw, + textGlobalBody3FontSizeRaw, + textGlobalBody3LineHeightRaw, + textGlobalCaption1FontSizeRaw, + textGlobalCaption1LineHeightRaw, + textGlobalCaption2FontSizeRaw, + textGlobalCaption2LineHeightRaw, + textStyleDefaultRegularFontFamilyRaw, textStyleDefaultRegularWeightRaw, - textStyleDefaultRegularLetterspacingRaw, + textStyleDefaultRegularLetterSpacingRaw, textStyleDefaultHeaderWeightRaw, sizeCtrlDefaultRaw, sizeCtrlIconRaw, - sizeCtrlIconsecondaryRaw, + sizeCtrlIconSecondaryRaw, textCtrlWeightSelectedRaw, sizeCtrlSmDefaultRaw, sizeCtrlSmIconRaw, sizeCtrlLgDefaultRaw, sizeCtrlLgIconRaw, paddingContentAlignDefaultRaw, - paddingContentAlignOutdentIcononsubtleRaw, - paddingContentAlignOutdentTextonsubtleRaw, + paddingContentAlignOutdentIconOnSubtleRaw, paddingContentNoneRaw, - paddingContentXxsmallRaw, - paddingContentXsmallRaw, + paddingContentAlignOutdentTextOnSubtleRaw, + paddingContentXxSmallRaw, + paddingContentXSmallRaw, paddingContentSmallRaw, paddingContentMediumRaw, paddingContentLargeRaw, - paddingContentXlargeRaw, - paddingContentXxlargeRaw, - paddingContentXxxlargeRaw, + paddingContentXLargeRaw, + paddingContentXxLargeRaw, + paddingContentXxxLargeRaw, paddingCtrlHorizontalDefaultRaw, - paddingCtrlHorizontalIcononlyRaw, - paddingCtrlTexttopRaw, - paddingCtrlTextsideRaw, - paddingCtrlTonestedcontrolRaw, + paddingCtrlHorizontalIconOnlyRaw, + paddingCtrlTextTopRaw, + paddingCtrlTextSideRaw, + paddingCtrlToNestedControlRaw, paddingCtrlSmHorizontalDefaultRaw, - paddingCtrlSmHorizontalIcononlyRaw, - paddingCtrlSmTexttopRaw, - paddingCtrlSmTonestedcontrolRaw, + paddingCtrlSmHorizontalIconOnlyRaw, + paddingCtrlSmTextTopRaw, + paddingCtrlSmToNestedControlRaw, paddingCtrlLgHorizontalDefaultRaw, - paddingCtrlLgHorizontalIcononlyRaw, - paddingCtrlLgTexttopRaw, - paddingCtrlLgTonestedcontrolRaw, + paddingCtrlLgHorizontalIconOnlyRaw, + paddingCtrlLgTextTopRaw, + paddingCtrlLgToNestedControlRaw, gapBetweenContentNoneRaw, - gapBetweenContentXxsmallRaw, - gapBetweenContentXsmallRaw, + gapBetweenContentXxSmallRaw, + gapBetweenContentXSmallRaw, gapBetweenContentSmallRaw, gapBetweenCtrlDefaultRaw, gapBetweenContentMediumRaw, gapBetweenContentLargeRaw, - gapBetweenContentXlargeRaw, - gapBetweenContentXxlargeRaw, + gapBetweenContentXLargeRaw, + gapBetweenContentXxLargeRaw, gapBetweenCtrlLgDefaultRaw, gapBetweenCtrlSmDefaultRaw, gapInsideCtrlDefaultRaw, gapInsideCtrlSmDefaultRaw, - gapInsideCtrlSmTosecondaryiconRaw, + gapInsideCtrlSmToSecondaryIconRaw, gapInsideCtrlLgDefaultRaw, - gapInsideCtrlLgTosecondaryiconRaw, - gapInsideCtrlTosecondaryiconRaw, - gapInsideCtrlTolabelRaw, - gapInsideCtrlSmTolabelRaw, - gapInsideCtrlLgTolabelRaw, + gapInsideCtrlLgToSecondaryIconRaw, + gapInsideCtrlToSecondaryIconRaw, + gapInsideCtrlToLabelRaw, + gapInsideCtrlSmToLabelRaw, + gapInsideCtrlLgToLabelRaw, cornerCircularRaw, - strokewidthDefaultRaw, + strokeWidthDefaultRaw, backgroundSmokeRaw, - strokeCtrlOnoutlineRestRaw, - strokeCtrlOnoutlineHoverRaw, - strokeCtrlOnoutlinePressedRaw, - strokeCtrlOnoutlineDisabledRaw, - strokeCtrlDividerOnbrandRaw, - strokeCtrlDividerOnneutralRaw, - strokeCtrlDividerOnoutlineRaw, + strokeCtrlOnOutlineRestRaw, + strokeCtrlOnOutlineHoverRaw, + strokeCtrlOnOutlinePressedRaw, + strokeCtrlOnOutlineDisabledRaw, + strokeCtrlDividerOnBrandRaw, + strokeCtrlDividerOnNeutralRaw, + strokeCtrlDividerOnOutlineRaw, strokeDividerDefaultRaw, strokeWindowActiveRaw, backgroundWindowPrimarySolidRaw, - backgroundWindowPrimaryColorblendRaw, - backgroundWindowPrimaryLumblendRaw, + backgroundWindowPrimaryColorBlendRaw, + backgroundWindowPrimaryLumBlendRaw, backgroundWindowSecondarySolidRaw, - backgroundWindowSecondaryColorblendRaw, - backgroundWindowSecondaryLumblendRaw, - backgroundWindowTabbandColorblendRaw, - backgroundWindowTabbandLumblendRaw, - backgroundWindowTabbandSolidRaw, - backgroundWebpagePrimaryRaw, - backgroundWebpageSecondaryRaw, + backgroundWindowSecondaryColorBlendRaw, + backgroundWindowSecondaryLumBlendRaw, + backgroundWindowTabBandColorBlendRaw, + backgroundWindowTabBandLumBlendRaw, + backgroundWindowTabBandSolidRaw, + backgroundWebPagePrimaryRaw, + backgroundWebPageSecondaryRaw, backgroundLayerPrimarySolidRaw, - backgroundCardOnprimaryDefaultRestRaw, - backgroundCardOnprimaryAltRestRaw, - backgroundCardOnprimaryAltHoverRaw, - backgroundCardOnprimaryAltPressedRaw, - backgroundCardOnprimaryAltDisabledRaw, - backgroundCardOnprimaryDefaultHoverRaw, - backgroundCardOnprimaryDefaultPressedRaw, - backgroundCardOnprimaryDefaultDisabledRaw, + backgroundCardOnPrimaryDefaultRestRaw, + backgroundCardOnPrimaryAltRestRaw, + backgroundCardOnPrimaryAltHoverRaw, + backgroundCardOnPrimaryAltPressedRaw, + backgroundCardOnPrimaryAltDisabledRaw, + backgroundCardOnPrimaryDefaultHoverRaw, + backgroundCardOnPrimaryDefaultPressedRaw, + backgroundCardOnPrimaryDefaultDisabledRaw, backgroundFlyoutSolidRaw, backgroundCtrlBrandRestRaw, backgroundCtrlBrandHoverRaw, @@ -374,8 +376,8 @@ export { backgroundCtrlNeutralDisabledRaw, backgroundCtrlSubtleHoverRaw, backgroundCtrlSubtlePressedRaw, - backgroundFlyoutLumblendRaw, - backgroundFlyoutColorblendRaw, + backgroundFlyoutLumBlendRaw, + backgroundFlyoutColorBlendRaw, cornerZeroRaw, cornerBezelRaw, cornerWindowDefaultRaw, @@ -385,7 +387,7 @@ export { cornerCtrlRestRaw, cornerCtrlSmRestRaw, cornerCtrlLgRestRaw, - cornerImageIncardRaw, + cornerImageInCardRaw, foregroundCtrlNeutralPrimaryRestRaw, foregroundCtrlNeutralPrimaryDisabledRaw, foregroundCtrlNeutralSecondaryRestRaw, @@ -394,12 +396,12 @@ export { foregroundCtrlBrandHoverRaw, foregroundCtrlBrandPressedRaw, foregroundCtrlBrandDisabledRaw, - foregroundCtrlOnbrandRestRaw, - foregroundCtrlOnbrandDisabledRaw, + foregroundCtrlOnBrandRestRaw, + foregroundCtrlOnBrandDisabledRaw, materialAcrylicBlurRaw, materialMicaBlurRaw, - iconthemeCtrlDefaultRestRaw, - iconthemeCtrlDefaultSelectedRaw, + iconThemeCtrlDefaultRestRaw, + iconThemeCtrlDefaultSelectedRaw, statusBrandTintBackgroundRaw, statusBrandTintStrokeRaw, statusDangerBackgroundRaw, @@ -435,18 +437,19 @@ export { statusNeutralBackgroundRaw, statusNeutralTintBackgroundRaw, statusNeutralTintStrokeRaw, - backgroundCardOnsecondaryDefaultRestRaw, - backgroundCardOnsecondaryAltRestRaw, - backgroundCardOnsecondaryAltHoverRaw, - backgroundCardOnsecondaryAltPressedRaw, - backgroundCardOnsecondaryAltDisabledRaw, - backgroundCardOnsecondaryDefaultHoverRaw, - backgroundCardOnsecondaryDefaultPressedRaw, - backgroundCardOnsecondaryDefaultDisabledRaw, - backgroundCardOnflyoutDefaultRestRaw, - backgroundCardOnflyoutDefaultHoverRaw, - backgroundCardOnflyoutDefaultPressedRaw, - backgroundCardOnflyoutDefaultDisabledRaw, + backgroundCardOnSecondaryDefaultRestRaw, + backgroundCardOnSecondaryAltRestRaw, + backgroundCardOnSecondaryAltHoverRaw, + backgroundCardOnSecondaryAltPressedRaw, + backgroundCardOnSecondaryAltDisabledRaw, + backgroundCardOnSecondaryDefaultHoverRaw, + backgroundCardOnSecondaryDefaultPressedRaw, + backgroundCardOnSecondaryDefaultDisabledRaw, + backgroundCardOnFlyoutDefaultRestRaw, + backgroundCardOnFlyoutDefaultHoverRaw, + backgroundCardOnFlyoutDefaultPressedRaw, + backgroundCardOnFlyoutDefaultDisabledRaw, + textStyleDefaultDisplayWeightRaw, shadowFlyoutKeyRaw, shadowFlyoutAmbientRaw, shadowToolbarKeyRaw, @@ -460,42 +463,42 @@ export { textStyleAiHeaderCaseRaw, textStyleArticleHeaderCaseRaw, textStyleCodeHeaderCaseRaw, - textStyleDatavizHeaderCaseRaw, + textStyleDataVizHeaderCaseRaw, textStyleQuoteHeaderCaseRaw, strokeLayerRaw, strokeImageRaw, strokeFlyoutRaw, - strokeCtrlOnbrandRestRaw, - strokeCtrlOnbrandHoverRaw, - strokeCtrlOnbrandPressedRaw, - strokeCtrlOnbrandDisabledRaw, - strokeCtrlOnneutralRestRaw, - strokeCtrlOnneutralHoverRaw, - strokeCtrlOnneutralPressedRaw, - strokeCtrlOnneutralDisabledRaw, - strokeCtrlOnsubtleRestRaw, - strokeCtrlOnsubtleHoverRaw, - strokeCtrlOnsubtlePressedRaw, - strokeCtrlOnsubtleDisabledRaw, - strokeCtrlOnsubtleHoversplitRaw, - strokeCtrlDividerOnsubtleRaw, - strokeCtrlDividerOnsubtleDisabledRaw, + strokeCtrlOnBrandRestRaw, + strokeCtrlOnBrandHoverRaw, + strokeCtrlOnBrandPressedRaw, + strokeCtrlOnBrandDisabledRaw, + strokeCtrlOnNeutralRestRaw, + strokeCtrlOnNeutralHoverRaw, + strokeCtrlOnNeutralPressedRaw, + strokeCtrlOnNeutralDisabledRaw, + strokeCtrlOnSubtleRestRaw, + strokeCtrlOnSubtleHoverRaw, + strokeCtrlOnSubtlePressedRaw, + strokeCtrlOnSubtleDisabledRaw, + strokeCtrlOnSubtleHoverSplitRaw, + strokeCtrlDividerOnSubtleRaw, + strokeCtrlDividerOnSubtleDisabledRaw, strokeCardSelectedRaw, - strokeCardOnprimaryRestRaw, - strokeCardOnprimaryHoverRaw, - strokeCardOnprimaryPressedRaw, - strokeCardOnprimaryDisabledRaw, - strokeCardOnsecondaryRestRaw, - strokeCardOnsecondaryHoverRaw, - strokeCardOnsecondaryPressedRaw, - strokeCardOnsecondaryDisabledRaw, + strokeCardOnPrimaryRestRaw, + strokeCardOnPrimaryHoverRaw, + strokeCardOnPrimaryPressedRaw, + strokeCardOnPrimaryDisabledRaw, + strokeCardOnSecondaryRestRaw, + strokeCardOnSecondaryHoverRaw, + strokeCardOnSecondaryPressedRaw, + strokeCardOnSecondaryDisabledRaw, backgroundCtrlOutlineRestRaw, backgroundCtrlOutlineHoverRaw, backgroundCtrlOutlinePressedRaw, backgroundCtrlOutlineDisabledRaw, backgroundCtrlSubtleRestRaw, backgroundCtrlSubtleDisabledRaw, - backgroundCtrlSubtleHoversplitRaw, + backgroundCtrlSubtleHoverSplitRaw, foregroundCtrlHintDefaultRaw, shadowCardRestKeyRaw, shadowCardHoverKeyRaw, @@ -511,18 +514,18 @@ export { ctrlAvatarBackgroundRaw, ctrlAvatarForegroundRaw, ctrlAvatarIconSizeRaw, - ctrlAvatarPresencebadgeSizeRaw, - ctrlAvatarActiveringSizeRaw, - ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw, + ctrlAvatarPresenceBadgeSizeRaw, + ctrlAvatarActiveRingSizeRaw, + ctrlAvatarPresenceBadgePaddingBottomRightOffsetRaw, ctrlAvatarCornerGroupRaw, - ctrlAvatarActiveringStrokewidthRaw, - ctrlAvatarPresencebadgeStrokewidthRaw, - ctrlAvatarTextFontsizeRaw, - ctrlAvatarTextLineheightRaw, - ctrlAvatarTextPaddingTopoffsetRaw, - ctrlAvatarActiveringStrokeRaw, - ctrlAvatarShowcutoutRaw, - ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw, + ctrlAvatarActiveRingStrokeWidthRaw, + ctrlAvatarPresenceBadgeStrokeWidthRaw, + ctrlAvatarTextFontSizeRaw, + ctrlAvatarTextLineHeightRaw, + ctrlAvatarTextPaddingTopOffsetRaw, + ctrlAvatarActiveRingStrokeRaw, + ctrlAvatarShowCutoutRaw, + ctrlAvatarPresenceBadgeBackgroundBehindBadgeRaw, } from './components/avatar/variables'; export { ctrlBadgeTextPaddingTopRaw, @@ -563,24 +566,24 @@ export { ctrlChoiceCheckboxIconSizeRaw, ctrlChoiceCheckboxCornerRaw, ctrlChoiceCheckboxIndeterminateCornerRaw, - ctrlChoiceCheckboxIndeterminateHeightRaw, ctrlChoiceCheckboxIndeterminateWidthRaw, + ctrlChoiceCheckboxIndeterminateHeightRaw, ctrlChoiceRadioCornerRaw, ctrlChoiceSwitchCornerRaw, - ctrlChoiceRadioDotSizeRestRaw, - ctrlChoiceRadioDotSizeHoverRaw, - ctrlChoiceRadioDotSizePressedRaw, + ctrlChoiceSwitchHeightRaw, + ctrlChoiceSwitchWidthRaw, ctrlChoiceSwitchPaddingRestRaw, ctrlChoiceSwitchPaddingHoverRaw, ctrlChoiceSwitchPaddingPressedRaw, - ctrlChoiceSwitchHeightRaw, - ctrlChoiceSwitchWidthRaw, ctrlChoiceSwitchThumbWidthRestRaw, ctrlChoiceSwitchThumbWidthHoverRaw, ctrlChoiceSwitchThumbWidthPressedRaw, + ctrlChoiceRadioDotSizeRestRaw, + ctrlChoiceRadioDotSizeHoverRaw, + ctrlChoiceRadioDotSizePressedRaw, ctrlChoiceSmBaseSizeRaw, - ctrlChoiceSmCheckboxCornerRaw, ctrlChoiceSmCheckboxIconSizeRaw, + ctrlChoiceSmCheckboxCornerRaw, ctrlChoiceSmRadioDotSizeRaw, ctrlChoiceSmSwitchWidthRaw, ctrlChoiceSmSwitchHeightRaw, @@ -610,13 +613,15 @@ export { ctrlDialogBaseShadowKeyRaw, ctrlDialogBaseShadowAmbientRaw, } from './components/dialog/variables'; -export { ctrlDividerFixedlineLengthRaw } from './components/divider/variables'; +export { ctrlDividerFixedLineLengthRaw } from './components/divider/variables'; export { ctrlDragBackgroundSolidRaw, - ctrlDragBackgroundColorblendRaw, - ctrlDragBackgroundLumblendRaw, + ctrlDragBackgroundColorBlendRaw, + ctrlDragBackgroundLumBlendRaw, } from './components/drag/variables'; export { + ctrlFabForegroundRestNewRaw, + ctrlFabForegroundDisabledNewRaw, ctrlFabBackgroundRestRaw, ctrlFabBackgroundHoverRaw, ctrlFabBackgroundPressedRaw, @@ -631,9 +636,9 @@ export { ctrlFabShadowDisabledKeyRaw, } from './components/fab/variables'; export { - ctrlFocusInnerStrokewidthRaw, + ctrlFocusInnerStrokeWidthRaw, ctrlFocusInnerStrokeRaw, - ctrlFocusOuterStrokewidthRaw, + ctrlFocusOuterStrokeWidthRaw, ctrlFocusOuterStrokeRaw, } from './components/focus/variables'; export { @@ -644,22 +649,22 @@ export { ctrlInputBackgroundSelectedRaw, ctrlInputBackgroundErrorRaw, ctrlInputStrokeRestRaw, - ctrlInputBottomlineStrokewidthRestRaw, - ctrlInputStrokewidthRestRaw, - ctrlInputTextselectionBackgroundRaw, - ctrlInputTextselectionForegroundRaw, - ctrlInputStrokewidthHoverRaw, - ctrlInputStrokewidthPressedRaw, - ctrlInputStrokewidthSelectedRaw, - ctrlInputBottomlineStrokewidthHoverRaw, - ctrlInputBottomlineStrokewidthPressedRaw, - ctrlInputBottomlineStrokewidthSelectedRaw, - ctrlInputBottomlineStrokeRestRaw, - ctrlInputBottomlineStrokeHoverRaw, - ctrlInputBottomlineStrokePressedRaw, - ctrlInputBottomlineStrokeDisabledRaw, - ctrlInputBottomlineStrokeSelectedRaw, - ctrlInputBottomlineStrokeErrorRaw, + ctrlInputStrokeWidthRestRaw, + ctrlInputStrokeWidthHoverRaw, + ctrlInputStrokeWidthPressedRaw, + ctrlInputStrokeWidthSelectedRaw, + ctrlInputBottomLineStrokeWidthRestRaw, + ctrlInputTextSelectionBackgroundRaw, + ctrlInputTextSelectionForegroundRaw, + ctrlInputBottomLineStrokeWidthHoverRaw, + ctrlInputBottomLineStrokeWidthPressedRaw, + ctrlInputBottomLineStrokeWidthSelectedRaw, + ctrlInputBottomLineStrokeRestRaw, + ctrlInputBottomLineStrokeHoverRaw, + ctrlInputBottomLineStrokePressedRaw, + ctrlInputBottomLineStrokeDisabledRaw, + ctrlInputBottomLineStrokeSelectedRaw, + ctrlInputBottomLineStrokeErrorRaw, ctrlInputStrokeHoverRaw, ctrlInputStrokePressedRaw, ctrlInputStrokeDisabledRaw, @@ -668,23 +673,23 @@ export { } from './components/input/variables'; export { ctrlLinkForegroundNeutralRestRaw, - ctrlLinkInlineStrokewidthRestRaw, - ctrlLinkInlineStrokewidthHoverRaw, + ctrlLinkInlineStrokeWidthRestRaw, + ctrlLinkInlineStrokeWidthHoverRaw, ctrlLinkInlineUnderlineDashedRaw, ctrlLinkForegroundNeutralHoverRaw, ctrlLinkForegroundNeutralPressedRaw, ctrlLinkForegroundBrandRestRaw, ctrlLinkForegroundBrandHoverRaw, ctrlLinkForegroundBrandPressedRaw, - ctrlLinkOnpageStrokewidthRestRaw, - ctrlLinkOnpageStrokewidthHoverRaw, - ctrlLinkOnpageUnderlineDashedRaw, - ctrlLinkInlineShowunderlineatrestRaw, - ctrlLinkOnpageShowunderlineatrestRaw, + ctrlLinkOnPageStrokeWidthRestRaw, + ctrlLinkOnPageStrokeWidthHoverRaw, + ctrlLinkOnPageUnderlineDashedRaw, + ctrlLinkInlineShowUnderlineAtRestRaw, + ctrlLinkOnPageShowUnderlineAtRestRaw, } from './components/link/variables'; export { ctrlListPillWidthRaw, - ctrlListPillFullwidthRaw, + ctrlListPillFullWidthRaw, ctrlListPillStretchPaddingDefaultRaw, ctrlListPillStretchPaddingHintRaw, ctrlListPillLengthRestRaw, @@ -698,6 +703,10 @@ export { ctrlListIndentLevel2Raw, ctrlListIndentLevel3Raw, ctrlListBackgroundSelectedRestRaw, + ctrlListForegroundSelectedRestRaw, + ctrlListForegroundSelectedHoverRaw, + ctrlListForegroundSelectedPressedRaw, + ctrlListForegroundSelectedDisabledRaw, ctrlListBackgroundSelectedHoverRaw, ctrlListBackgroundSelectedPressedRaw, ctrlListBackgroundSelectedDisabledRaw, @@ -729,15 +738,15 @@ export { ctrlListLgIndentLevel1Raw, ctrlListLgIndentLevel2Raw, ctrlListLgIndentLevel3Raw, - ctrlListSplitDividerShowdividerRaw, + ctrlListSplitDividerShowDividerRaw, ctrlListShadowSelectedKeyRaw, ctrlListShadowSelectedAmbientRaw, } from './components/list/variables'; export { - ctrlLitefilterBackgroundSelectedRaw, - ctrlLitefilterStrokeSelectedRaw, - ctrlLitefilterForegroundSelectedRaw, - ctrlLitefilterStrokewidthSelectedRaw, + ctrlLiteFilterBackgroundSelectedRaw, + ctrlLiteFilterStrokeSelectedRaw, + ctrlLiteFilterForegroundSelectedRaw, + ctrlLiteFilterStrokeWidthSelectedRaw, } from './components/liteFilter/variables'; export { ctrlProgressBackgroundEmptyRaw, @@ -814,14 +823,14 @@ export { ctrlSliderThumbBackgroundHoverRaw, ctrlSliderThumbBackgroundPressedRaw, ctrlSliderThumbBackgroundDisabledRaw, - ctrlSliderThumbInnerStrokewidthRestRaw, - ctrlSliderThumbInnerStrokewidthHoverRaw, - ctrlSliderThumbInnerStrokewidthPressedRaw, + ctrlSliderThumbInnerStrokeWidthRestRaw, + ctrlSliderThumbInnerStrokeWidthHoverRaw, + ctrlSliderThumbInnerStrokeWidthPressedRaw, ctrlSliderThumbInnerStrokeRestRaw, ctrlSliderThumbInnerStrokeHoverRaw, ctrlSliderThumbInnerStrokePressedRaw, ctrlSliderThumbInnerStrokeDisabledRaw, - ctrlSliderThumbOuterStrokewidthRaw, + ctrlSliderThumbOuterStrokeWidthRaw, ctrlSliderThumbOuterStrokeRestRaw, ctrlSliderThumbOuterStrokeHoverRaw, ctrlSliderThumbOuterStrokePressedRaw, @@ -836,11 +845,11 @@ export { ctrlSliderLgThumbSizePressedRaw, } from './components/slider/variables'; export { - ctrlSplitDividerStrokewidthRaw, - ctrlSplitDividerStrokewidthOnoutlineRaw, - ctrlSplitDividerStrokewidthOnsubtleRaw, + ctrlSplitDividerStrokeWidthRaw, + ctrlSplitDividerStrokeWidthOnOutlineRaw, + ctrlSplitDividerStrokeWidthOnSubtleRaw, } from './components/split/variables'; -export { ctrlSpinnerStrokewidthRaw, ctrlSpinnerShowemptytrackRaw } from './components/spinner/variables'; +export { ctrlSpinnerStrokeWidthRaw, ctrlSpinnerShowEmptyTrackRaw } from './components/spinner/variables'; export { ctrlTooltipCornerRaw, ctrlTooltipBackgroundRaw, @@ -848,7 +857,7 @@ export { ctrlTooltipShadowKeyRaw, ctrlTooltipShadowAmbientRaw, } from './components/tooltip/variables'; -export { ctrlBooleanSelectionhintRaw } from './components/boolean/variables'; +export { ctrlBooleanSelectionHintRaw } from './components/boolean/variables'; export { ctrlComposerInputBottomStrokeWidthSelectedRestRaw, ctrlComposerInputBottomStrokeWidthRestRaw, @@ -863,23 +872,23 @@ export { ctrlComposerInputBackgroundSelectedRestRaw, ctrlComposerInputBackgroundHoverRaw, ctrlComposerInputStrokeRestRaw, - ctrlComposerInputStrokeHoverUsesgradientRaw, - ctrlComposerInputStrokePressedUsesgradientRaw, - ctrlComposerInputStrokeDisabledUsesgradientRaw, - ctrlComposerInputStrokeSelectedRestUsesgradientRaw, + ctrlComposerInputStrokeHoverUsesGradientRaw, + ctrlComposerInputStrokePressedUsesGradientRaw, + ctrlComposerInputStrokeDisabledUsesGradientRaw, + ctrlComposerInputStrokeSelectedRestUsesGradientRaw, ctrlComposerInputStrokeWidthRestRaw, ctrlComposerInputStrokeWidthHoverRaw, ctrlComposerInputStrokeWidthPressedRaw, ctrlComposerInputStrokeWidthSelectedRestRaw, - ctrlComposerInputBottomstrokeRestRaw, - ctrlComposerInputBottomstrokeHoverRaw, - ctrlComposerInputBottomstrokePressedRaw, - ctrlComposerInputBottomstrokeDisabledRaw, - ctrlComposerInputBottomstrokeSelectedRestRaw, + ctrlComposerInputBottomStrokeRestRaw, + ctrlComposerInputBottomStrokeHoverRaw, + ctrlComposerInputBottomStrokePressedRaw, + ctrlComposerInputBottomStrokeDisabledRaw, + ctrlComposerInputBottomStrokeSelectedRestRaw, ctrlComposerContainerCornerRaw, ctrlComposerContainerBackgroundDefaultRaw, - ctrlComposerContainerBackgroundAcryliccolorblendRaw, - ctrlComposerContainerBackgroundAcryliclumblendRaw, + ctrlComposerContainerBackgroundAcrylicColorBlendRaw, + ctrlComposerContainerBackgroundAcrylicLumBlendRaw, ctrlComposerContainerStrokeDefaultRaw, ctrlComposerInputShadowRaw, ctrlComposerContainerShadowKeyRaw, @@ -892,137 +901,137 @@ export { ctrlCardStateDisabledRaw, } from './components/card/variables'; export { - textStyleDefaultHeaderFontfamily, - textStyleDefaultHeaderLetterspacing, - textStyleAiRegularFontfamily, + textStyleDefaultHeaderFontFamily, + textStyleDefaultHeaderLetterSpacing, + textStyleAiRegularFontFamily, textStyleAiRegularWeight, - textStyleAiRegularLetterspacing, - textStyleAiHeaderFontfamily, + textStyleAiRegularLetterSpacing, + textStyleAiHeaderFontFamily, textStyleAiHeaderWeight, - textStyleAiHeaderLetterspacing, - textStyleArticleRegularFontfamily, + textStyleAiHeaderLetterSpacing, + textStyleArticleRegularFontFamily, textStyleArticleRegularWeight, - textStyleArticleRegularLetterspacing, - textStyleArticleHeaderFontfamily, + textStyleArticleRegularLetterSpacing, + textStyleArticleHeaderFontFamily, textStyleArticleHeaderWeight, - textStyleArticleHeaderLetterspacing, - textStyleCodeRegularFontfamily, + textStyleArticleHeaderLetterSpacing, + textStyleCodeRegularFontFamily, textStyleCodeRegularWeight, - textStyleCodeRegularLetterspacing, - textStyleCodeHeaderFontfamily, + textStyleCodeRegularLetterSpacing, + textStyleCodeHeaderFontFamily, textStyleCodeHeaderWeight, - textStyleCodeHeaderLetterspacing, - textStyleDatavizRegularFontfamily, - textStyleDatavizRegularWeight, - textStyleDatavizRegularLetterspacing, - textStyleDatavizHeaderFontfamily, - textStyleDatavizHeaderWeight, - textStyleDatavizHeaderLetterspacing, - textStyleQuoteRegularFontfamily, + textStyleCodeHeaderLetterSpacing, + textStyleDataVizRegularFontFamily, + textStyleDataVizRegularWeight, + textStyleDataVizRegularLetterSpacing, + textStyleDataVizHeaderFontFamily, + textStyleDataVizHeaderWeight, + textStyleDataVizHeaderLetterSpacing, + textStyleQuoteRegularFontFamily, textStyleQuoteRegularWeight, - textStyleQuoteRegularLetterspacing, - textStyleQuoteHeaderFontfamily, + textStyleQuoteRegularLetterSpacing, + textStyleQuoteHeaderFontFamily, textStyleQuoteHeaderWeight, - textStyleQuoteHeaderLetterspacing, - textRampPageheaderFontsize, - textRampPageheaderLineheight, - textRampSectionheaderFontsize, - textRampSectionheaderLineheight, - textRampSubsectionheaderFontsize, - textRampSubsectionheaderLineheight, - textRampReadingbodyFontsize, - textRampReadingbodyLineheight, - textRampItemheaderFontsize, - textRampItemheaderLineheight, - textRampItembodyFontsize, - textRampItembodyLineheight, - textRampMetadataFontsize, - textRampMetadataLineheight, - textRampLegalFontsize, - textRampLegalLineheight, - textRampSmPageheaderFontsize, - textRampSmPageheaderLineheight, - textRampSmSectionheaderFontsize, - textRampSmSectionheaderLineheight, - textRampSmSubsectionheaderFontsize, - textRampSmSubsectionheaderLineheight, - textRampSmReadingbodyFontsize, - textRampSmReadingbodyLineheight, - textRampSmItemheaderFontsize, - textRampSmItemheaderLineheight, - textRampSmItembodyFontsize, - textRampSmItembodyLineheight, - textRampSmMetadataFontsize, - textRampSmMetadataLineheight, - textRampSmLegalFontsize, - textRampSmLegalLineheight, - textRampLgPageheaderFontsize, - textRampLgPageheaderLineheight, - textRampLgSectionheaderFontsize, - textRampLgSectionheaderLineheight, - textRampLgSubsectionheaderFontsize, - textRampLgSubsectionheaderLineheight, - textRampLgReadingbodyFontsize, - textRampLgReadingbodyLineheight, - textRampLgItemheaderFontsize, - textRampLgItemheaderLineheight, - textRampLgItembodyFontsize, - textRampLgItembodyLineheight, - textRampLgMetadataFontsize, - textRampLgMetadataLineheight, - textRampLgLegalFontsize, - textRampLgLegalLineheight, + textStyleQuoteHeaderLetterSpacing, + textRampPageHeaderFontSize, + textRampPageHeaderLineHeight, + textRampSectionHeaderFontSize, + textRampSectionHeaderLineHeight, + textRampSubsectionHeaderFontSize, + textRampSubsectionHeaderLineHeight, + textRampReadingBodyFontSize, + textRampReadingBodyLineHeight, + textRampItemHeaderFontSize, + textRampItemHeaderLineHeight, + textRampItemBodyFontSize, + textRampItemBodyLineHeight, + textRampMetadataFontSize, + textRampMetadataLineHeight, + textRampLegalFontSize, + textRampLegalLineHeight, + textRampSmPageHeaderFontSize, + textRampSmPageHeaderLineHeight, + textRampSmSectionHeaderFontSize, + textRampSmSectionHeaderLineHeight, + textRampSmSubsectionHeaderFontSize, + textRampSmSubsectionHeaderLineHeight, + textRampSmReadingBodyFontSize, + textRampSmReadingBodyLineHeight, + textRampSmItemHeaderFontSize, + textRampSmItemHeaderLineHeight, + textRampSmItemBodyFontSize, + textRampSmItemBodyLineHeight, + textRampSmMetadataFontSize, + textRampSmMetadataLineHeight, + textRampSmLegalFontSize, + textRampSmLegalLineHeight, + textRampLgPageHeaderFontSize, + textRampLgPageHeaderLineHeight, + textRampLgSectionHeaderFontSize, + textRampLgSectionHeaderLineHeight, + textRampLgSubsectionHeaderFontSize, + textRampLgSubsectionHeaderLineHeight, + textRampLgReadingBodyFontSize, + textRampLgReadingBodyLineHeight, + textRampLgItemHeaderFontSize, + textRampLgItemHeaderLineHeight, + textRampLgItemBodyFontSize, + textRampLgItemBodyLineHeight, + textRampLgMetadataFontSize, + textRampLgMetadataLineHeight, + textRampLgLegalFontSize, + textRampLgLegalLineHeight, textCtrlWeightDefault, textCtrlButtonWeightDefault, textCtrlButtonWeightSelected, paddingToolbarInside, paddingToolbarOutside, paddingFlyoutDefault, - paddingCardNestedimage, - paddingCtrlTextbottom, - paddingCtrlSmTextbottom, - paddingCtrlLgTextbottom, + paddingCardNestedImage, + paddingCtrlTextBottom, + paddingCtrlSmTextBottom, + paddingCtrlLgTextBottom, gapBetweenCtrlNested, - gapTextSmall, - gapTextLarge, + gapBetweenTextSmall, gapBetweenCtrlLgNested, + gapBetweenTextLarge, gapBetweenCtrlSmNested, - gapList, - gapCard, - strokewidthDividerDefault, - strokewidthDividerStrong, - strokewidthCtrlOutlineRest, - strokewidthCtrlOutlineHover, - strokewidthCtrlOutlinePressed, - strokewidthCtrlOutlineSelected, - strokewidthWindowDefault, + gapBetweenListItem, + gapBetweenCard, + strokeWidthDividerDefault, + strokeWidthDividerStrong, + strokeWidthCtrlOutlineRest, + strokeWidthCtrlOutlineHover, + strokeWidthCtrlOutlinePressed, + strokeWidthCtrlOutlineSelected, + strokeWidthWindowDefault, backgroundToolbar, strokeToolbar, - strokeCtrlOnbrandRestStop2, - strokeCtrlOnbrandHoverStop2, - strokeCtrlOnbrandPressedStop2, - strokeCtrlOnbrandDisabledStop2, - strokeCtrlOnneutralRestStop2, - strokeCtrlOnneutralHoverStop2, - strokeCtrlOnneutralPressedStop2, - strokeCtrlOnneutralDisabledStop2, - strokeCtrlOnoutlineRestStop2, - strokeCtrlOnoutlineHoverStop2, - strokeCtrlOnoutlinePressedStop2, - strokeCtrlOnoutlineDisabledStop2, - strokeCtrlOnactivebrandRest, - strokeCtrlDividerOnbrandDisabled, - strokeCtrlDividerOnneutralDisabled, - strokeCtrlDividerOnoutlineDisabled, - strokeCtrlDividerOnactivebrand, - strokeCtrlDividerOnactivebrandDisabled, - strokeCtrlOnactivebrandHover, - strokeCtrlOnactivebrandPressed, - strokeCtrlOnactivebrandDisabled, - strokeCtrlOnactivebrandRestStop2, - strokeCtrlOnactivebrandHoverStop2, - strokeCtrlOnactivebrandPressedStop2, - strokeCtrlOnactivebrandDisabledStop2, + strokeCtrlOnBrandRestStop2, + strokeCtrlOnBrandHoverStop2, + strokeCtrlOnBrandPressedStop2, + strokeCtrlOnBrandDisabledStop2, + strokeCtrlOnNeutralRestStop2, + strokeCtrlOnNeutralHoverStop2, + strokeCtrlOnNeutralPressedStop2, + strokeCtrlOnNeutralDisabledStop2, + strokeCtrlOnOutlineRestStop2, + strokeCtrlOnOutlineHoverStop2, + strokeCtrlOnOutlinePressedStop2, + strokeCtrlOnOutlineDisabledStop2, + strokeCtrlOnActiveBrandRest, + strokeCtrlDividerOnBrandDisabled, + strokeCtrlDividerOnActiveBrand, + strokeCtrlDividerOnActiveBrandDisabled, + strokeCtrlDividerOnNeutralDisabled, + strokeCtrlDividerOnOutlineDisabled, + strokeCtrlOnActiveBrandHover, + strokeCtrlOnActiveBrandPressed, + strokeCtrlOnActiveBrandDisabled, + strokeCtrlOnActiveBrandRestStop2, + strokeCtrlOnActiveBrandHoverStop2, + strokeCtrlOnActiveBrandPressedStop2, + strokeCtrlOnActiveBrandDisabledStop2, strokeDividerSubtle, strokeDividerStrong, strokeDividerBrand, @@ -1032,24 +1041,24 @@ export { backgroundLayerPrimaryStop3, backgroundLayerSecondary, backgroundLayerTertiary, - backgroundCardOnprimaryDefaultSelected, - backgroundCtrlActivebrandRest, - backgroundCtrlActivebrandHover, - backgroundCtrlActivebrandPressed, - backgroundCtrlActivebrandDisabled, - backgroundCtrlShapesafeActivebrandRest, - backgroundCtrlShapesafeActivebrandDisabled, - backgroundCtrlShapesafeNeutralRest, - backgroundCtrlShapesafeNeutralHover, - backgroundCtrlShapesafeNeutralPressed, - backgroundCtrlShapesafeNeutralDisabled, + backgroundCardOnPrimaryDefaultSelected, + backgroundCtrlActiveBrandRest, + backgroundCtrlActiveBrandHover, + backgroundCtrlActiveBrandPressed, + backgroundCtrlActiveBrandDisabled, + backgroundCtrlShapeSafeActiveBrandRest, + backgroundCtrlShapeSafeActiveBrandDisabled, + backgroundCtrlShapeSafeNeutralRest, + backgroundCtrlShapeSafeNeutralHover, + backgroundCtrlShapeSafeNeutralPressed, + backgroundCtrlShapeSafeNeutralDisabled, cornerFlyoutHover, cornerFlyoutPressed, cornerLayerIntersection, cornerCardHover, cornerCardPressed, cornerToolbarDefault, - cornerImageOnpage, + cornerImageOnPage, cornerCtrlHover, cornerCtrlPressed, cornerCtrlSmHover, @@ -1063,60 +1072,60 @@ export { foregroundCtrlNeutralPrimaryPressed, foregroundCtrlNeutralSecondaryHover, foregroundCtrlNeutralSecondaryPressed, - foregroundCtrlIconOnneutralRest, - foregroundCtrlIconOnneutralHover, - foregroundCtrlIconOnneutralPressed, - foregroundCtrlIconOnneutralDisabled, - foregroundCtrlIconOnoutlineRest, - foregroundCtrlIconOnoutlineHover, - foregroundCtrlIconOnoutlinePressed, - foregroundCtrlIconOnoutlineDisabled, - foregroundCtrlIconOnsubtleRest, - foregroundCtrlIconOnsubtleHover, - foregroundCtrlIconOnsubtlePressed, - foregroundCtrlIconOnsubtleDisabled, - foregroundCtrlOnbrandHover, - foregroundCtrlOnbrandPressed, - foregroundCtrlActivebrandRest, - foregroundCtrlActivebrandHover, - foregroundCtrlActivebrandPressed, - foregroundCtrlActivebrandDisabled, - foregroundCtrlOnactivebrandRest, - foregroundCtrlOnactivebrandHover, - foregroundCtrlOnactivebrandPressed, - foregroundCtrlOnactivebrandDisabled, - foregroundCtrlOnoutlineRest, - foregroundCtrlOnoutlineHover, - foregroundCtrlOnoutlinePressed, - foregroundCtrlOnoutlineDisabled, - foregroundCtrlOnsubtleRest, - foregroundCtrlOnsubtleHover, - foregroundCtrlOnsubtlePressed, - foregroundCtrlOnsubtleDisabled, - foregroundCtrlOntransparentRest, - foregroundCtrlOntransparentHover, - foregroundCtrlOntransparentPressed, - foregroundCtrlOntransparentDisabled, + foregroundCtrlIconOnNeutralRest, + foregroundCtrlIconOnNeutralHover, + foregroundCtrlIconOnNeutralPressed, + foregroundCtrlIconOnNeutralDisabled, + foregroundCtrlIconOnOutlineRest, + foregroundCtrlIconOnOutlineHover, + foregroundCtrlIconOnOutlinePressed, + foregroundCtrlIconOnOutlineDisabled, + foregroundCtrlIconOnSubtleRest, + foregroundCtrlIconOnSubtleHover, + foregroundCtrlIconOnSubtlePressed, + foregroundCtrlIconOnSubtleDisabled, + foregroundCtrlOnBrandHover, + foregroundCtrlOnBrandPressed, + foregroundCtrlActiveBrandRest, + foregroundCtrlActiveBrandHover, + foregroundCtrlActiveBrandPressed, + foregroundCtrlActiveBrandDisabled, + foregroundCtrlOnActiveBrandRest, + foregroundCtrlOnActiveBrandHover, + foregroundCtrlOnActiveBrandPressed, + foregroundCtrlOnActiveBrandDisabled, + foregroundCtrlOnOutlineRest, + foregroundCtrlOnOutlineHover, + foregroundCtrlOnOutlinePressed, + foregroundCtrlOnOutlineDisabled, + foregroundCtrlOnSubtleRest, + foregroundCtrlOnSubtleHover, + foregroundCtrlOnSubtlePressed, + foregroundCtrlOnSubtleDisabled, + foregroundCtrlOnTransparentRest, + foregroundCtrlOnTransparentHover, + foregroundCtrlOnTransparentPressed, + foregroundCtrlOnTransparentDisabled, materialAcrylicDefaultSolid, - materialAcrylicDefaultColorblend, - materialAcrylicDefaultLumblend, + materialAcrylicDefaultColorBlend, + materialAcrylicDefaultLumBlend, materialMicaDefaultSolid, - materialMicaDefaultColorblend, - materialMicaDefaultLumblend, + materialMicaDefaultColorBlend, + materialMicaDefaultLumBlend, materialMicaDarkerSolid, - materialMicaDarkerColorblend, - materialMicaDarkerLumblend, + materialMicaDarkerColorBlend, + materialMicaDarkerLumBlend, materialMicaThinSolid, - materialMicaThinColorblend, - materialMicaThinLumblend, - iconthemeCtrlDefaultHover, - iconthemeCtrlDefaultPressed, - iconthemeCtrlSubtleRest, - iconthemeCtrlSubtleHover, - iconthemeCtrlSubtlePressed, - iconthemeCtrlSubtleSelected, - iconthemeCtrlChevronDefault, - iconthemeCtrlChevronSelected, + materialMicaThinColorBlend, + materialMicaThinLumBlend, + iconThemeCtrlDefaultHover, + iconThemeCtrlDefaultPressed, + iconThemeCtrlSubtleRest, + iconThemeCtrlSubtleHover, + iconThemeCtrlSubtlePressed, + iconThemeCtrlSubtleSelected, + iconThemeCtrlChevronDefault, + iconThemeCtrlChevronSelected, statusBrandBackground, statusBrandStroke, statusBrandForeground, @@ -1136,125 +1145,127 @@ export { statusNeutralTintForeground, cornerFlyoutShellRest, materialAcrylicShellDefaultSolid, - materialAcrylicShellDefaultColorblend, - materialAcrylicShellDefaultLumblend, - backgroundCardOnsecondaryDefaultSelected, - shadowCtrlOndragKey, - shadowCtrlOndragAmbient, + materialAcrylicShellDefaultColorBlend, + materialAcrylicShellDefaultLumBlend, + backgroundCardOnSecondaryDefaultSelected, + textStyleDefaultDisplayFontFamily, + textStyleDefaultDisplayLetterSpacing, + shadowCtrlOnDragKey, + shadowCtrlOnDragAmbient, shadowWindowInactiveKey, } from './optional/tokens'; export { - textGlobalDisplay1Fontsize, - textGlobalDisplay1Lineheight, - textGlobalDisplay2Fontsize, - textGlobalDisplay2Lineheight, - textGlobalTitle1Fontsize, - textGlobalTitle1Lineheight, - textGlobalTitle2Fontsize, - textGlobalTitle2Lineheight, - textGlobalSubtitle1Fontsize, - textGlobalSubtitle1Lineheight, - textGlobalSubtitle2Fontsize, - textGlobalSubtitle2Lineheight, - textGlobalBody1Fontsize, - textGlobalBody1Lineheight, - textGlobalBody2Fontsize, - textGlobalBody2Lineheight, - textGlobalBody3Fontsize, - textGlobalBody3Lineheight, - textGlobalCaption1Fontsize, - textGlobalCaption1Lineheight, - textGlobalCaption2Fontsize, - textGlobalCaption2Lineheight, - textStyleDefaultRegularFontfamily, + textGlobalDisplay1FontSize, + textGlobalDisplay1LineHeight, + textGlobalDisplay2FontSize, + textGlobalDisplay2LineHeight, + textGlobalTitle1FontSize, + textGlobalTitle1LineHeight, + textGlobalTitle2FontSize, + textGlobalTitle2LineHeight, + textGlobalSubtitle1FontSize, + textGlobalSubtitle1LineHeight, + textGlobalSubtitle2FontSize, + textGlobalSubtitle2LineHeight, + textGlobalBody1FontSize, + textGlobalBody1LineHeight, + textGlobalBody2FontSize, + textGlobalBody2LineHeight, + textGlobalBody3FontSize, + textGlobalBody3LineHeight, + textGlobalCaption1FontSize, + textGlobalCaption1LineHeight, + textGlobalCaption2FontSize, + textGlobalCaption2LineHeight, + textStyleDefaultRegularFontFamily, textStyleDefaultRegularWeight, - textStyleDefaultRegularLetterspacing, + textStyleDefaultRegularLetterSpacing, textStyleDefaultHeaderWeight, sizeCtrlDefault, sizeCtrlIcon, - sizeCtrlIconsecondary, + sizeCtrlIconSecondary, textCtrlWeightSelected, sizeCtrlSmDefault, sizeCtrlSmIcon, sizeCtrlLgDefault, sizeCtrlLgIcon, paddingContentAlignDefault, - paddingContentAlignOutdentIcononsubtle, - paddingContentAlignOutdentTextonsubtle, + paddingContentAlignOutdentIconOnSubtle, paddingContentNone, - paddingContentXxsmall, - paddingContentXsmall, + paddingContentAlignOutdentTextOnSubtle, + paddingContentXxSmall, + paddingContentXSmall, paddingContentSmall, paddingContentMedium, paddingContentLarge, - paddingContentXlarge, - paddingContentXxlarge, - paddingContentXxxlarge, + paddingContentXLarge, + paddingContentXxLarge, + paddingContentXxxLarge, paddingCtrlHorizontalDefault, - paddingCtrlHorizontalIcononly, - paddingCtrlTexttop, - paddingCtrlTextside, - paddingCtrlTonestedcontrol, + paddingCtrlHorizontalIconOnly, + paddingCtrlTextTop, + paddingCtrlTextSide, + paddingCtrlToNestedControl, paddingCtrlSmHorizontalDefault, - paddingCtrlSmHorizontalIcononly, - paddingCtrlSmTexttop, - paddingCtrlSmTonestedcontrol, + paddingCtrlSmHorizontalIconOnly, + paddingCtrlSmTextTop, + paddingCtrlSmToNestedControl, paddingCtrlLgHorizontalDefault, - paddingCtrlLgHorizontalIcononly, - paddingCtrlLgTexttop, - paddingCtrlLgTonestedcontrol, + paddingCtrlLgHorizontalIconOnly, + paddingCtrlLgTextTop, + paddingCtrlLgToNestedControl, gapBetweenContentNone, - gapBetweenContentXxsmall, - gapBetweenContentXsmall, + gapBetweenContentXxSmall, + gapBetweenContentXSmall, gapBetweenContentSmall, gapBetweenCtrlDefault, gapBetweenContentMedium, gapBetweenContentLarge, - gapBetweenContentXlarge, - gapBetweenContentXxlarge, + gapBetweenContentXLarge, + gapBetweenContentXxLarge, gapBetweenCtrlLgDefault, gapBetweenCtrlSmDefault, gapInsideCtrlDefault, gapInsideCtrlSmDefault, - gapInsideCtrlSmTosecondaryicon, + gapInsideCtrlSmToSecondaryIcon, gapInsideCtrlLgDefault, - gapInsideCtrlLgTosecondaryicon, - gapInsideCtrlTosecondaryicon, - gapInsideCtrlTolabel, - gapInsideCtrlSmTolabel, - gapInsideCtrlLgTolabel, + gapInsideCtrlLgToSecondaryIcon, + gapInsideCtrlToSecondaryIcon, + gapInsideCtrlToLabel, + gapInsideCtrlSmToLabel, + gapInsideCtrlLgToLabel, cornerCircular, - strokewidthDefault, + strokeWidthDefault, backgroundSmoke, - strokeCtrlOnoutlineRest, - strokeCtrlOnoutlineHover, - strokeCtrlOnoutlinePressed, - strokeCtrlOnoutlineDisabled, - strokeCtrlDividerOnbrand, - strokeCtrlDividerOnneutral, - strokeCtrlDividerOnoutline, + strokeCtrlOnOutlineRest, + strokeCtrlOnOutlineHover, + strokeCtrlOnOutlinePressed, + strokeCtrlOnOutlineDisabled, + strokeCtrlDividerOnBrand, + strokeCtrlDividerOnNeutral, + strokeCtrlDividerOnOutline, strokeDividerDefault, strokeWindowActive, backgroundWindowPrimarySolid, - backgroundWindowPrimaryColorblend, - backgroundWindowPrimaryLumblend, + backgroundWindowPrimaryColorBlend, + backgroundWindowPrimaryLumBlend, backgroundWindowSecondarySolid, - backgroundWindowSecondaryColorblend, - backgroundWindowSecondaryLumblend, - backgroundWindowTabbandColorblend, - backgroundWindowTabbandLumblend, - backgroundWindowTabbandSolid, - backgroundWebpagePrimary, - backgroundWebpageSecondary, + backgroundWindowSecondaryColorBlend, + backgroundWindowSecondaryLumBlend, + backgroundWindowTabBandColorBlend, + backgroundWindowTabBandLumBlend, + backgroundWindowTabBandSolid, + backgroundWebPagePrimary, + backgroundWebPageSecondary, backgroundLayerPrimarySolid, - backgroundCardOnprimaryDefaultRest, - backgroundCardOnprimaryAltRest, - backgroundCardOnprimaryAltHover, - backgroundCardOnprimaryAltPressed, - backgroundCardOnprimaryAltDisabled, - backgroundCardOnprimaryDefaultHover, - backgroundCardOnprimaryDefaultPressed, - backgroundCardOnprimaryDefaultDisabled, + backgroundCardOnPrimaryDefaultRest, + backgroundCardOnPrimaryAltRest, + backgroundCardOnPrimaryAltHover, + backgroundCardOnPrimaryAltPressed, + backgroundCardOnPrimaryAltDisabled, + backgroundCardOnPrimaryDefaultHover, + backgroundCardOnPrimaryDefaultPressed, + backgroundCardOnPrimaryDefaultDisabled, backgroundFlyoutSolid, backgroundCtrlBrandRest, backgroundCtrlBrandHover, @@ -1266,8 +1277,8 @@ export { backgroundCtrlNeutralDisabled, backgroundCtrlSubtleHover, backgroundCtrlSubtlePressed, - backgroundFlyoutLumblend, - backgroundFlyoutColorblend, + backgroundFlyoutLumBlend, + backgroundFlyoutColorBlend, cornerZero, cornerBezel, cornerWindowDefault, @@ -1277,7 +1288,7 @@ export { cornerCtrlRest, cornerCtrlSmRest, cornerCtrlLgRest, - cornerImageIncard, + cornerImageInCard, foregroundCtrlNeutralPrimaryRest, foregroundCtrlNeutralPrimaryDisabled, foregroundCtrlNeutralSecondaryRest, @@ -1286,12 +1297,12 @@ export { foregroundCtrlBrandHover, foregroundCtrlBrandPressed, foregroundCtrlBrandDisabled, - foregroundCtrlOnbrandRest, - foregroundCtrlOnbrandDisabled, + foregroundCtrlOnBrandRest, + foregroundCtrlOnBrandDisabled, materialAcrylicBlur, materialMicaBlur, - iconthemeCtrlDefaultRest, - iconthemeCtrlDefaultSelected, + iconThemeCtrlDefaultRest, + iconThemeCtrlDefaultSelected, statusBrandTintBackground, statusBrandTintStroke, statusDangerBackground, @@ -1327,18 +1338,19 @@ export { statusNeutralBackground, statusNeutralTintBackground, statusNeutralTintStroke, - backgroundCardOnsecondaryDefaultRest, - backgroundCardOnsecondaryAltRest, - backgroundCardOnsecondaryAltHover, - backgroundCardOnsecondaryAltPressed, - backgroundCardOnsecondaryAltDisabled, - backgroundCardOnsecondaryDefaultHover, - backgroundCardOnsecondaryDefaultPressed, - backgroundCardOnsecondaryDefaultDisabled, - backgroundCardOnflyoutDefaultRest, - backgroundCardOnflyoutDefaultHover, - backgroundCardOnflyoutDefaultPressed, - backgroundCardOnflyoutDefaultDisabled, + backgroundCardOnSecondaryDefaultRest, + backgroundCardOnSecondaryAltRest, + backgroundCardOnSecondaryAltHover, + backgroundCardOnSecondaryAltPressed, + backgroundCardOnSecondaryAltDisabled, + backgroundCardOnSecondaryDefaultHover, + backgroundCardOnSecondaryDefaultPressed, + backgroundCardOnSecondaryDefaultDisabled, + backgroundCardOnFlyoutDefaultRest, + backgroundCardOnFlyoutDefaultHover, + backgroundCardOnFlyoutDefaultPressed, + backgroundCardOnFlyoutDefaultDisabled, + textStyleDefaultDisplayWeight, shadowFlyoutKey, shadowFlyoutAmbient, shadowToolbarKey, @@ -1352,42 +1364,42 @@ export { textStyleAiHeaderCase, textStyleArticleHeaderCase, textStyleCodeHeaderCase, - textStyleDatavizHeaderCase, + textStyleDataVizHeaderCase, textStyleQuoteHeaderCase, strokeLayer, strokeImage, strokeFlyout, - strokeCtrlOnbrandRest, - strokeCtrlOnbrandHover, - strokeCtrlOnbrandPressed, - strokeCtrlOnbrandDisabled, - strokeCtrlOnneutralRest, - strokeCtrlOnneutralHover, - strokeCtrlOnneutralPressed, - strokeCtrlOnneutralDisabled, - strokeCtrlOnsubtleRest, - strokeCtrlOnsubtleHover, - strokeCtrlOnsubtlePressed, - strokeCtrlOnsubtleDisabled, - strokeCtrlOnsubtleHoversplit, - strokeCtrlDividerOnsubtle, - strokeCtrlDividerOnsubtleDisabled, + strokeCtrlOnBrandRest, + strokeCtrlOnBrandHover, + strokeCtrlOnBrandPressed, + strokeCtrlOnBrandDisabled, + strokeCtrlOnNeutralRest, + strokeCtrlOnNeutralHover, + strokeCtrlOnNeutralPressed, + strokeCtrlOnNeutralDisabled, + strokeCtrlOnSubtleRest, + strokeCtrlOnSubtleHover, + strokeCtrlOnSubtlePressed, + strokeCtrlOnSubtleDisabled, + strokeCtrlOnSubtleHoverSplit, + strokeCtrlDividerOnSubtle, + strokeCtrlDividerOnSubtleDisabled, strokeCardSelected, - strokeCardOnprimaryRest, - strokeCardOnprimaryHover, - strokeCardOnprimaryPressed, - strokeCardOnprimaryDisabled, - strokeCardOnsecondaryRest, - strokeCardOnsecondaryHover, - strokeCardOnsecondaryPressed, - strokeCardOnsecondaryDisabled, + strokeCardOnPrimaryRest, + strokeCardOnPrimaryHover, + strokeCardOnPrimaryPressed, + strokeCardOnPrimaryDisabled, + strokeCardOnSecondaryRest, + strokeCardOnSecondaryHover, + strokeCardOnSecondaryPressed, + strokeCardOnSecondaryDisabled, backgroundCtrlOutlineRest, backgroundCtrlOutlineHover, backgroundCtrlOutlinePressed, backgroundCtrlOutlineDisabled, backgroundCtrlSubtleRest, backgroundCtrlSubtleDisabled, - backgroundCtrlSubtleHoversplit, + backgroundCtrlSubtleHoverSplit, foregroundCtrlHintDefault, shadowCardRestKey, shadowCardHoverKey, @@ -1403,18 +1415,18 @@ export { ctrlAvatarBackground, ctrlAvatarForeground, ctrlAvatarIconSize, - ctrlAvatarPresencebadgeSize, - ctrlAvatarActiveringSize, - ctrlAvatarPresencebadgePaddingBottomrightoffset, + ctrlAvatarPresenceBadgeSize, + ctrlAvatarActiveRingSize, + ctrlAvatarPresenceBadgePaddingBottomRightOffset, ctrlAvatarCornerGroup, - ctrlAvatarActiveringStrokewidth, - ctrlAvatarPresencebadgeStrokewidth, - ctrlAvatarTextFontsize, - ctrlAvatarTextLineheight, - ctrlAvatarTextPaddingTopoffset, - ctrlAvatarActiveringStroke, - ctrlAvatarShowcutout, - ctrlAvatarPresencebadgeBackgroundBehindbadge, + ctrlAvatarActiveRingStrokeWidth, + ctrlAvatarPresenceBadgeStrokeWidth, + ctrlAvatarTextFontSize, + ctrlAvatarTextLineHeight, + ctrlAvatarTextPaddingTopOffset, + ctrlAvatarActiveRingStroke, + ctrlAvatarShowCutout, + ctrlAvatarPresenceBadgeBackgroundBehindBadge, } from './components/avatar/tokens'; export { ctrlBadgeTextPaddingTop, @@ -1455,24 +1467,24 @@ export { ctrlChoiceCheckboxIconSize, ctrlChoiceCheckboxCorner, ctrlChoiceCheckboxIndeterminateCorner, - ctrlChoiceCheckboxIndeterminateHeight, ctrlChoiceCheckboxIndeterminateWidth, + ctrlChoiceCheckboxIndeterminateHeight, ctrlChoiceRadioCorner, ctrlChoiceSwitchCorner, - ctrlChoiceRadioDotSizeRest, - ctrlChoiceRadioDotSizeHover, - ctrlChoiceRadioDotSizePressed, + ctrlChoiceSwitchHeight, + ctrlChoiceSwitchWidth, ctrlChoiceSwitchPaddingRest, ctrlChoiceSwitchPaddingHover, ctrlChoiceSwitchPaddingPressed, - ctrlChoiceSwitchHeight, - ctrlChoiceSwitchWidth, ctrlChoiceSwitchThumbWidthRest, ctrlChoiceSwitchThumbWidthHover, ctrlChoiceSwitchThumbWidthPressed, + ctrlChoiceRadioDotSizeRest, + ctrlChoiceRadioDotSizeHover, + ctrlChoiceRadioDotSizePressed, ctrlChoiceSmBaseSize, - ctrlChoiceSmCheckboxCorner, ctrlChoiceSmCheckboxIconSize, + ctrlChoiceSmCheckboxCorner, ctrlChoiceSmRadioDotSize, ctrlChoiceSmSwitchWidth, ctrlChoiceSmSwitchHeight, @@ -1502,13 +1514,15 @@ export { ctrlDialogBaseShadowKey, ctrlDialogBaseShadowAmbient, } from './components/dialog/tokens'; -export { ctrlDividerFixedlineLength } from './components/divider/tokens'; +export { ctrlDividerFixedLineLength } from './components/divider/tokens'; export { ctrlDragBackgroundSolid, - ctrlDragBackgroundColorblend, - ctrlDragBackgroundLumblend, + ctrlDragBackgroundColorBlend, + ctrlDragBackgroundLumBlend, } from './components/drag/tokens'; export { + ctrlFabForegroundRestNew, + ctrlFabForegroundDisabledNew, ctrlFabBackgroundRest, ctrlFabBackgroundHover, ctrlFabBackgroundPressed, @@ -1523,9 +1537,9 @@ export { ctrlFabShadowDisabledKey, } from './components/fab/tokens'; export { - ctrlFocusInnerStrokewidth, + ctrlFocusInnerStrokeWidth, ctrlFocusInnerStroke, - ctrlFocusOuterStrokewidth, + ctrlFocusOuterStrokeWidth, ctrlFocusOuterStroke, } from './components/focus/tokens'; export { @@ -1536,22 +1550,22 @@ export { ctrlInputBackgroundSelected, ctrlInputBackgroundError, ctrlInputStrokeRest, - ctrlInputBottomlineStrokewidthRest, - ctrlInputStrokewidthRest, - ctrlInputTextselectionBackground, - ctrlInputTextselectionForeground, - ctrlInputStrokewidthHover, - ctrlInputStrokewidthPressed, - ctrlInputStrokewidthSelected, - ctrlInputBottomlineStrokewidthHover, - ctrlInputBottomlineStrokewidthPressed, - ctrlInputBottomlineStrokewidthSelected, - ctrlInputBottomlineStrokeRest, - ctrlInputBottomlineStrokeHover, - ctrlInputBottomlineStrokePressed, - ctrlInputBottomlineStrokeDisabled, - ctrlInputBottomlineStrokeSelected, - ctrlInputBottomlineStrokeError, + ctrlInputStrokeWidthRest, + ctrlInputStrokeWidthHover, + ctrlInputStrokeWidthPressed, + ctrlInputStrokeWidthSelected, + ctrlInputBottomLineStrokeWidthRest, + ctrlInputTextSelectionBackground, + ctrlInputTextSelectionForeground, + ctrlInputBottomLineStrokeWidthHover, + ctrlInputBottomLineStrokeWidthPressed, + ctrlInputBottomLineStrokeWidthSelected, + ctrlInputBottomLineStrokeRest, + ctrlInputBottomLineStrokeHover, + ctrlInputBottomLineStrokePressed, + ctrlInputBottomLineStrokeDisabled, + ctrlInputBottomLineStrokeSelected, + ctrlInputBottomLineStrokeError, ctrlInputStrokeHover, ctrlInputStrokePressed, ctrlInputStrokeDisabled, @@ -1560,23 +1574,23 @@ export { } from './components/input/tokens'; export { ctrlLinkForegroundNeutralRest, - ctrlLinkInlineStrokewidthRest, - ctrlLinkInlineStrokewidthHover, + ctrlLinkInlineStrokeWidthRest, + ctrlLinkInlineStrokeWidthHover, ctrlLinkInlineUnderlineDashed, ctrlLinkForegroundNeutralHover, ctrlLinkForegroundNeutralPressed, ctrlLinkForegroundBrandRest, ctrlLinkForegroundBrandHover, ctrlLinkForegroundBrandPressed, - ctrlLinkOnpageStrokewidthRest, - ctrlLinkOnpageStrokewidthHover, - ctrlLinkOnpageUnderlineDashed, - ctrlLinkInlineShowunderlineatrest, - ctrlLinkOnpageShowunderlineatrest, + ctrlLinkOnPageStrokeWidthRest, + ctrlLinkOnPageStrokeWidthHover, + ctrlLinkOnPageUnderlineDashed, + ctrlLinkInlineShowUnderlineAtRest, + ctrlLinkOnPageShowUnderlineAtRest, } from './components/link/tokens'; export { ctrlListPillWidth, - ctrlListPillFullwidth, + ctrlListPillFullWidth, ctrlListPillStretchPaddingDefault, ctrlListPillStretchPaddingHint, ctrlListPillLengthRest, @@ -1590,6 +1604,10 @@ export { ctrlListIndentLevel2, ctrlListIndentLevel3, ctrlListBackgroundSelectedRest, + ctrlListForegroundSelectedRest, + ctrlListForegroundSelectedHover, + ctrlListForegroundSelectedPressed, + ctrlListForegroundSelectedDisabled, ctrlListBackgroundSelectedHover, ctrlListBackgroundSelectedPressed, ctrlListBackgroundSelectedDisabled, @@ -1621,15 +1639,15 @@ export { ctrlListLgIndentLevel1, ctrlListLgIndentLevel2, ctrlListLgIndentLevel3, - ctrlListSplitDividerShowdivider, + ctrlListSplitDividerShowDivider, ctrlListShadowSelectedKey, ctrlListShadowSelectedAmbient, } from './components/list/tokens'; export { - ctrlLitefilterBackgroundSelected, - ctrlLitefilterStrokeSelected, - ctrlLitefilterForegroundSelected, - ctrlLitefilterStrokewidthSelected, + ctrlLiteFilterBackgroundSelected, + ctrlLiteFilterStrokeSelected, + ctrlLiteFilterForegroundSelected, + ctrlLiteFilterStrokeWidthSelected, } from './components/liteFilter/tokens'; export { ctrlProgressBackgroundEmpty, @@ -1706,14 +1724,14 @@ export { ctrlSliderThumbBackgroundHover, ctrlSliderThumbBackgroundPressed, ctrlSliderThumbBackgroundDisabled, - ctrlSliderThumbInnerStrokewidthRest, - ctrlSliderThumbInnerStrokewidthHover, - ctrlSliderThumbInnerStrokewidthPressed, + ctrlSliderThumbInnerStrokeWidthRest, + ctrlSliderThumbInnerStrokeWidthHover, + ctrlSliderThumbInnerStrokeWidthPressed, ctrlSliderThumbInnerStrokeRest, ctrlSliderThumbInnerStrokeHover, ctrlSliderThumbInnerStrokePressed, ctrlSliderThumbInnerStrokeDisabled, - ctrlSliderThumbOuterStrokewidth, + ctrlSliderThumbOuterStrokeWidth, ctrlSliderThumbOuterStrokeRest, ctrlSliderThumbOuterStrokeHover, ctrlSliderThumbOuterStrokePressed, @@ -1728,11 +1746,11 @@ export { ctrlSliderLgThumbSizePressed, } from './components/slider/tokens'; export { - ctrlSplitDividerStrokewidth, - ctrlSplitDividerStrokewidthOnoutline, - ctrlSplitDividerStrokewidthOnsubtle, + ctrlSplitDividerStrokeWidth, + ctrlSplitDividerStrokeWidthOnOutline, + ctrlSplitDividerStrokeWidthOnSubtle, } from './components/split/tokens'; -export { ctrlSpinnerStrokewidth, ctrlSpinnerShowemptytrack } from './components/spinner/tokens'; +export { ctrlSpinnerStrokeWidth, ctrlSpinnerShowEmptyTrack } from './components/spinner/tokens'; export { ctrlTooltipCorner, ctrlTooltipBackground, @@ -1740,7 +1758,7 @@ export { ctrlTooltipShadowKey, ctrlTooltipShadowAmbient, } from './components/tooltip/tokens'; -export { ctrlBooleanSelectionhint } from './components/boolean/tokens'; +export { ctrlBooleanSelectionHint } from './components/boolean/tokens'; export { ctrlComposerInputBottomStrokeWidthSelectedRest, ctrlComposerInputBottomStrokeWidthRest, @@ -1755,23 +1773,23 @@ export { ctrlComposerInputBackgroundSelectedRest, ctrlComposerInputBackgroundHover, ctrlComposerInputStrokeRest, - ctrlComposerInputStrokeHoverUsesgradient, - ctrlComposerInputStrokePressedUsesgradient, - ctrlComposerInputStrokeDisabledUsesgradient, - ctrlComposerInputStrokeSelectedRestUsesgradient, + ctrlComposerInputStrokeHoverUsesGradient, + ctrlComposerInputStrokePressedUsesGradient, + ctrlComposerInputStrokeDisabledUsesGradient, + ctrlComposerInputStrokeSelectedRestUsesGradient, ctrlComposerInputStrokeWidthRest, ctrlComposerInputStrokeWidthHover, ctrlComposerInputStrokeWidthPressed, ctrlComposerInputStrokeWidthSelectedRest, - ctrlComposerInputBottomstrokeRest, - ctrlComposerInputBottomstrokeHover, - ctrlComposerInputBottomstrokePressed, - ctrlComposerInputBottomstrokeDisabled, - ctrlComposerInputBottomstrokeSelectedRest, + ctrlComposerInputBottomStrokeRest, + ctrlComposerInputBottomStrokeHover, + ctrlComposerInputBottomStrokePressed, + ctrlComposerInputBottomStrokeDisabled, + ctrlComposerInputBottomStrokeSelectedRest, ctrlComposerContainerCorner, ctrlComposerContainerBackgroundDefault, - ctrlComposerContainerBackgroundAcryliccolorblend, - ctrlComposerContainerBackgroundAcryliclumblend, + ctrlComposerContainerBackgroundAcrylicColorBlend, + ctrlComposerContainerBackgroundAcrylicLumBlend, ctrlComposerContainerStrokeDefault, ctrlComposerInputShadow, ctrlComposerContainerShadowKey, diff --git a/packages/semantic-tokens/src/nullable/tokens.ts b/packages/semantic-tokens/src/nullable/tokens.ts index b7846c3dfe163..3f1bb77fa996d 100644 --- a/packages/semantic-tokens/src/nullable/tokens.ts +++ b/packages/semantic-tokens/src/nullable/tokens.ts @@ -4,42 +4,42 @@ import { textStyleAiHeaderCaseRaw, textStyleArticleHeaderCaseRaw, textStyleCodeHeaderCaseRaw, - textStyleDatavizHeaderCaseRaw, + textStyleDataVizHeaderCaseRaw, textStyleQuoteHeaderCaseRaw, strokeLayerRaw, strokeImageRaw, strokeFlyoutRaw, - strokeCtrlOnbrandRestRaw, - strokeCtrlOnbrandHoverRaw, - strokeCtrlOnbrandPressedRaw, - strokeCtrlOnbrandDisabledRaw, - strokeCtrlOnneutralRestRaw, - strokeCtrlOnneutralHoverRaw, - strokeCtrlOnneutralPressedRaw, - strokeCtrlOnneutralDisabledRaw, - strokeCtrlOnsubtleRestRaw, - strokeCtrlOnsubtleHoverRaw, - strokeCtrlOnsubtlePressedRaw, - strokeCtrlOnsubtleDisabledRaw, - strokeCtrlOnsubtleHoversplitRaw, - strokeCtrlDividerOnsubtleRaw, - strokeCtrlDividerOnsubtleDisabledRaw, + strokeCtrlOnBrandRestRaw, + strokeCtrlOnBrandHoverRaw, + strokeCtrlOnBrandPressedRaw, + strokeCtrlOnBrandDisabledRaw, + strokeCtrlOnNeutralRestRaw, + strokeCtrlOnNeutralHoverRaw, + strokeCtrlOnNeutralPressedRaw, + strokeCtrlOnNeutralDisabledRaw, + strokeCtrlOnSubtleRestRaw, + strokeCtrlOnSubtleHoverRaw, + strokeCtrlOnSubtlePressedRaw, + strokeCtrlOnSubtleDisabledRaw, + strokeCtrlOnSubtleHoverSplitRaw, + strokeCtrlDividerOnSubtleRaw, + strokeCtrlDividerOnSubtleDisabledRaw, strokeCardSelectedRaw, - strokeCardOnprimaryRestRaw, - strokeCardOnprimaryHoverRaw, - strokeCardOnprimaryPressedRaw, - strokeCardOnprimaryDisabledRaw, - strokeCardOnsecondaryRestRaw, - strokeCardOnsecondaryHoverRaw, - strokeCardOnsecondaryPressedRaw, - strokeCardOnsecondaryDisabledRaw, + strokeCardOnPrimaryRestRaw, + strokeCardOnPrimaryHoverRaw, + strokeCardOnPrimaryPressedRaw, + strokeCardOnPrimaryDisabledRaw, + strokeCardOnSecondaryRestRaw, + strokeCardOnSecondaryHoverRaw, + strokeCardOnSecondaryPressedRaw, + strokeCardOnSecondaryDisabledRaw, backgroundCtrlOutlineRestRaw, backgroundCtrlOutlineHoverRaw, backgroundCtrlOutlinePressedRaw, backgroundCtrlOutlineDisabledRaw, backgroundCtrlSubtleRestRaw, backgroundCtrlSubtleDisabledRaw, - backgroundCtrlSubtleHoversplitRaw, + backgroundCtrlSubtleHoverSplitRaw, foregroundCtrlHintDefaultRaw, shadowCardRestKeyRaw, shadowCardHoverKeyRaw, @@ -54,42 +54,42 @@ export const textStyleDefaultHeaderCase = `var(${textStyleDefaultHeaderCaseRaw}, export const textStyleAiHeaderCase = `var(${textStyleAiHeaderCaseRaw}, unset)`; export const textStyleArticleHeaderCase = `var(${textStyleArticleHeaderCaseRaw}, unset)`; export const textStyleCodeHeaderCase = `var(${textStyleCodeHeaderCaseRaw}, unset)`; -export const textStyleDatavizHeaderCase = `var(${textStyleDatavizHeaderCaseRaw}, unset)`; +export const textStyleDataVizHeaderCase = `var(${textStyleDataVizHeaderCaseRaw}, unset)`; export const textStyleQuoteHeaderCase = `var(${textStyleQuoteHeaderCaseRaw}, unset)`; export const strokeLayer = `var(${strokeLayerRaw}, unset)`; export const strokeImage = `var(${strokeImageRaw}, unset)`; export const strokeFlyout = `var(${strokeFlyoutRaw}, unset)`; -export const strokeCtrlOnbrandRest = `var(${strokeCtrlOnbrandRestRaw}, unset)`; -export const strokeCtrlOnbrandHover = `var(${strokeCtrlOnbrandHoverRaw}, unset)`; -export const strokeCtrlOnbrandPressed = `var(${strokeCtrlOnbrandPressedRaw}, unset)`; -export const strokeCtrlOnbrandDisabled = `var(${strokeCtrlOnbrandDisabledRaw}, unset)`; -export const strokeCtrlOnneutralRest = `var(${strokeCtrlOnneutralRestRaw}, unset)`; -export const strokeCtrlOnneutralHover = `var(${strokeCtrlOnneutralHoverRaw}, unset)`; -export const strokeCtrlOnneutralPressed = `var(${strokeCtrlOnneutralPressedRaw}, unset)`; -export const strokeCtrlOnneutralDisabled = `var(${strokeCtrlOnneutralDisabledRaw}, unset)`; -export const strokeCtrlOnsubtleRest = `var(${strokeCtrlOnsubtleRestRaw}, unset)`; -export const strokeCtrlOnsubtleHover = `var(${strokeCtrlOnsubtleHoverRaw}, unset)`; -export const strokeCtrlOnsubtlePressed = `var(${strokeCtrlOnsubtlePressedRaw}, unset)`; -export const strokeCtrlOnsubtleDisabled = `var(${strokeCtrlOnsubtleDisabledRaw}, unset)`; -export const strokeCtrlOnsubtleHoversplit = `var(${strokeCtrlOnsubtleHoversplitRaw}, unset)`; -export const strokeCtrlDividerOnsubtle = `var(${strokeCtrlDividerOnsubtleRaw}, unset)`; -export const strokeCtrlDividerOnsubtleDisabled = `var(${strokeCtrlDividerOnsubtleDisabledRaw}, unset)`; +export const strokeCtrlOnBrandRest = `var(${strokeCtrlOnBrandRestRaw}, unset)`; +export const strokeCtrlOnBrandHover = `var(${strokeCtrlOnBrandHoverRaw}, unset)`; +export const strokeCtrlOnBrandPressed = `var(${strokeCtrlOnBrandPressedRaw}, unset)`; +export const strokeCtrlOnBrandDisabled = `var(${strokeCtrlOnBrandDisabledRaw}, unset)`; +export const strokeCtrlOnNeutralRest = `var(${strokeCtrlOnNeutralRestRaw}, unset)`; +export const strokeCtrlOnNeutralHover = `var(${strokeCtrlOnNeutralHoverRaw}, unset)`; +export const strokeCtrlOnNeutralPressed = `var(${strokeCtrlOnNeutralPressedRaw}, unset)`; +export const strokeCtrlOnNeutralDisabled = `var(${strokeCtrlOnNeutralDisabledRaw}, unset)`; +export const strokeCtrlOnSubtleRest = `var(${strokeCtrlOnSubtleRestRaw}, unset)`; +export const strokeCtrlOnSubtleHover = `var(${strokeCtrlOnSubtleHoverRaw}, unset)`; +export const strokeCtrlOnSubtlePressed = `var(${strokeCtrlOnSubtlePressedRaw}, unset)`; +export const strokeCtrlOnSubtleDisabled = `var(${strokeCtrlOnSubtleDisabledRaw}, unset)`; +export const strokeCtrlOnSubtleHoverSplit = `var(${strokeCtrlOnSubtleHoverSplitRaw}, unset)`; +export const strokeCtrlDividerOnSubtle = `var(${strokeCtrlDividerOnSubtleRaw}, unset)`; +export const strokeCtrlDividerOnSubtleDisabled = `var(${strokeCtrlDividerOnSubtleDisabledRaw}, unset)`; export const strokeCardSelected = `var(${strokeCardSelectedRaw}, unset)`; -export const strokeCardOnprimaryRest = `var(${strokeCardOnprimaryRestRaw}, unset)`; -export const strokeCardOnprimaryHover = `var(${strokeCardOnprimaryHoverRaw}, unset)`; -export const strokeCardOnprimaryPressed = `var(${strokeCardOnprimaryPressedRaw}, unset)`; -export const strokeCardOnprimaryDisabled = `var(${strokeCardOnprimaryDisabledRaw}, unset)`; -export const strokeCardOnsecondaryRest = `var(${strokeCardOnsecondaryRestRaw}, unset)`; -export const strokeCardOnsecondaryHover = `var(${strokeCardOnsecondaryHoverRaw}, unset)`; -export const strokeCardOnsecondaryPressed = `var(${strokeCardOnsecondaryPressedRaw}, unset)`; -export const strokeCardOnsecondaryDisabled = `var(${strokeCardOnsecondaryDisabledRaw}, unset)`; +export const strokeCardOnPrimaryRest = `var(${strokeCardOnPrimaryRestRaw}, unset)`; +export const strokeCardOnPrimaryHover = `var(${strokeCardOnPrimaryHoverRaw}, unset)`; +export const strokeCardOnPrimaryPressed = `var(${strokeCardOnPrimaryPressedRaw}, unset)`; +export const strokeCardOnPrimaryDisabled = `var(${strokeCardOnPrimaryDisabledRaw}, unset)`; +export const strokeCardOnSecondaryRest = `var(${strokeCardOnSecondaryRestRaw}, unset)`; +export const strokeCardOnSecondaryHover = `var(${strokeCardOnSecondaryHoverRaw}, unset)`; +export const strokeCardOnSecondaryPressed = `var(${strokeCardOnSecondaryPressedRaw}, unset)`; +export const strokeCardOnSecondaryDisabled = `var(${strokeCardOnSecondaryDisabledRaw}, unset)`; export const backgroundCtrlOutlineRest = `var(${backgroundCtrlOutlineRestRaw}, unset)`; export const backgroundCtrlOutlineHover = `var(${backgroundCtrlOutlineHoverRaw}, unset)`; export const backgroundCtrlOutlinePressed = `var(${backgroundCtrlOutlinePressedRaw}, unset)`; export const backgroundCtrlOutlineDisabled = `var(${backgroundCtrlOutlineDisabledRaw}, unset)`; export const backgroundCtrlSubtleRest = `var(${backgroundCtrlSubtleRestRaw}, unset)`; export const backgroundCtrlSubtleDisabled = `var(${backgroundCtrlSubtleDisabledRaw}, unset)`; -export const backgroundCtrlSubtleHoversplit = `var(${backgroundCtrlSubtleHoversplitRaw}, unset)`; +export const backgroundCtrlSubtleHoverSplit = `var(${backgroundCtrlSubtleHoverSplitRaw}, unset)`; export const foregroundCtrlHintDefault = `var(${foregroundCtrlHintDefaultRaw}, unset)`; export const shadowCardRestKey = `var(${shadowCardRestKeyRaw}, unset)`; export const shadowCardHoverKey = `var(${shadowCardHoverKeyRaw}, unset)`; diff --git a/packages/semantic-tokens/src/nullable/variables.ts b/packages/semantic-tokens/src/nullable/variables.ts index 21b2da722d93f..9b2c3bf872bfa 100644 --- a/packages/semantic-tokens/src/nullable/variables.ts +++ b/packages/semantic-tokens/src/nullable/variables.ts @@ -3,42 +3,42 @@ export const textStyleDefaultHeaderCaseRaw = '--smtc-text-style-default-header-c export const textStyleAiHeaderCaseRaw = '--smtc-text-style-ai-header-case'; export const textStyleArticleHeaderCaseRaw = '--smtc-text-style-article-header-case'; export const textStyleCodeHeaderCaseRaw = '--smtc-text-style-code-header-case'; -export const textStyleDatavizHeaderCaseRaw = '--smtc-text-style-dataviz-header-case'; +export const textStyleDataVizHeaderCaseRaw = '--smtc-text-style-data-viz-header-case'; export const textStyleQuoteHeaderCaseRaw = '--smtc-text-style-quote-header-case'; export const strokeLayerRaw = '--smtc-stroke-layer'; export const strokeImageRaw = '--smtc-stroke-image'; export const strokeFlyoutRaw = '--smtc-stroke-flyout'; -export const strokeCtrlOnbrandRestRaw = '--smtc-stroke-ctrl-onbrand-rest'; -export const strokeCtrlOnbrandHoverRaw = '--smtc-stroke-ctrl-onbrand-hover'; -export const strokeCtrlOnbrandPressedRaw = '--smtc-stroke-ctrl-onbrand-pressed'; -export const strokeCtrlOnbrandDisabledRaw = '--smtc-stroke-ctrl-onbrand-disabled'; -export const strokeCtrlOnneutralRestRaw = '--smtc-stroke-ctrl-onneutral-rest'; -export const strokeCtrlOnneutralHoverRaw = '--smtc-stroke-ctrl-onneutral-hover'; -export const strokeCtrlOnneutralPressedRaw = '--smtc-stroke-ctrl-onneutral-pressed'; -export const strokeCtrlOnneutralDisabledRaw = '--smtc-stroke-ctrl-onneutral-disabled'; -export const strokeCtrlOnsubtleRestRaw = '--smtc-stroke-ctrl-onsubtle-rest'; -export const strokeCtrlOnsubtleHoverRaw = '--smtc-stroke-ctrl-onsubtle-hover'; -export const strokeCtrlOnsubtlePressedRaw = '--smtc-stroke-ctrl-onsubtle-pressed'; -export const strokeCtrlOnsubtleDisabledRaw = '--smtc-stroke-ctrl-onsubtle-disabled'; -export const strokeCtrlOnsubtleHoversplitRaw = '--smtc-stroke-ctrl-onsubtle-hoversplit'; -export const strokeCtrlDividerOnsubtleRaw = '--smtc-stroke-ctrl-divider-onsubtle'; -export const strokeCtrlDividerOnsubtleDisabledRaw = '--smtc-stroke-ctrl-divider-onsubtle-disabled'; +export const strokeCtrlOnBrandRestRaw = '--smtc-stroke-ctrl-on-brand-rest'; +export const strokeCtrlOnBrandHoverRaw = '--smtc-stroke-ctrl-on-brand-hover'; +export const strokeCtrlOnBrandPressedRaw = '--smtc-stroke-ctrl-on-brand-pressed'; +export const strokeCtrlOnBrandDisabledRaw = '--smtc-stroke-ctrl-on-brand-disabled'; +export const strokeCtrlOnNeutralRestRaw = '--smtc-stroke-ctrl-on-neutral-rest'; +export const strokeCtrlOnNeutralHoverRaw = '--smtc-stroke-ctrl-on-neutral-hover'; +export const strokeCtrlOnNeutralPressedRaw = '--smtc-stroke-ctrl-on-neutral-pressed'; +export const strokeCtrlOnNeutralDisabledRaw = '--smtc-stroke-ctrl-on-neutral-disabled'; +export const strokeCtrlOnSubtleRestRaw = '--smtc-stroke-ctrl-on-subtle-rest'; +export const strokeCtrlOnSubtleHoverRaw = '--smtc-stroke-ctrl-on-subtle-hover'; +export const strokeCtrlOnSubtlePressedRaw = '--smtc-stroke-ctrl-on-subtle-pressed'; +export const strokeCtrlOnSubtleDisabledRaw = '--smtc-stroke-ctrl-on-subtle-disabled'; +export const strokeCtrlOnSubtleHoverSplitRaw = '--smtc-stroke-ctrl-on-subtle-hover-split'; +export const strokeCtrlDividerOnSubtleRaw = '--smtc-stroke-ctrl-divider-on-subtle'; +export const strokeCtrlDividerOnSubtleDisabledRaw = '--smtc-stroke-ctrl-divider-on-subtle-disabled'; export const strokeCardSelectedRaw = '--smtc-stroke-card-selected'; -export const strokeCardOnprimaryRestRaw = '--smtc-stroke-card-onprimary-rest'; -export const strokeCardOnprimaryHoverRaw = '--smtc-stroke-card-onprimary-hover'; -export const strokeCardOnprimaryPressedRaw = '--smtc-stroke-card-onprimary-pressed'; -export const strokeCardOnprimaryDisabledRaw = '--smtc-stroke-card-onprimary-disabled'; -export const strokeCardOnsecondaryRestRaw = '--smtc-stroke-card-onsecondary-rest'; -export const strokeCardOnsecondaryHoverRaw = '--smtc-stroke-card-onsecondary-hover'; -export const strokeCardOnsecondaryPressedRaw = '--smtc-stroke-card-onsecondary-pressed'; -export const strokeCardOnsecondaryDisabledRaw = '--smtc-stroke-card-onsecondary-disabled'; +export const strokeCardOnPrimaryRestRaw = '--smtc-stroke-card-on-primary-rest'; +export const strokeCardOnPrimaryHoverRaw = '--smtc-stroke-card-on-primary-hover'; +export const strokeCardOnPrimaryPressedRaw = '--smtc-stroke-card-on-primary-pressed'; +export const strokeCardOnPrimaryDisabledRaw = '--smtc-stroke-card-on-primary-disabled'; +export const strokeCardOnSecondaryRestRaw = '--smtc-stroke-card-on-secondary-rest'; +export const strokeCardOnSecondaryHoverRaw = '--smtc-stroke-card-on-secondary-hover'; +export const strokeCardOnSecondaryPressedRaw = '--smtc-stroke-card-on-secondary-pressed'; +export const strokeCardOnSecondaryDisabledRaw = '--smtc-stroke-card-on-secondary-disabled'; export const backgroundCtrlOutlineRestRaw = '--smtc-background-ctrl-outline-rest'; export const backgroundCtrlOutlineHoverRaw = '--smtc-background-ctrl-outline-hover'; export const backgroundCtrlOutlinePressedRaw = '--smtc-background-ctrl-outline-pressed'; export const backgroundCtrlOutlineDisabledRaw = '--smtc-background-ctrl-outline-disabled'; export const backgroundCtrlSubtleRestRaw = '--smtc-background-ctrl-subtle-rest'; export const backgroundCtrlSubtleDisabledRaw = '--smtc-background-ctrl-subtle-disabled'; -export const backgroundCtrlSubtleHoversplitRaw = '--smtc-background-ctrl-subtle-hoversplit'; +export const backgroundCtrlSubtleHoverSplitRaw = '--smtc-background-ctrl-subtle-hover-split'; export const foregroundCtrlHintDefaultRaw = '--smtc-foreground-ctrl-hint-default'; export const shadowCardRestKeyRaw = '--smtc-shadow-card-rest-key'; export const shadowCardHoverKeyRaw = '--smtc-shadow-card-hover-key'; diff --git a/packages/semantic-tokens/src/optional/tokens.ts b/packages/semantic-tokens/src/optional/tokens.ts index 4b38ddc8237fe..8da92de918684 100644 --- a/packages/semantic-tokens/src/optional/tokens.ts +++ b/packages/semantic-tokens/src/optional/tokens.ts @@ -1,50 +1,10 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE import { - textStyleDefaultRegularFontfamilyRaw, - textStyleDefaultRegularLetterspacingRaw, textStyleDefaultRegularWeightRaw, textStyleDefaultHeaderWeightRaw, - textGlobalTitle2FontsizeRaw, - textGlobalTitle2LineheightRaw, - textGlobalSubtitle1FontsizeRaw, - textGlobalSubtitle1LineheightRaw, - textGlobalSubtitle2FontsizeRaw, - textGlobalSubtitle2LineheightRaw, - textGlobalBody2FontsizeRaw, - textGlobalBody2LineheightRaw, - textGlobalBody3FontsizeRaw, - textGlobalBody3LineheightRaw, - textGlobalCaption1FontsizeRaw, - textGlobalCaption1LineheightRaw, - textGlobalCaption2FontsizeRaw, - textGlobalCaption2LineheightRaw, - textGlobalBody1FontsizeRaw, - textGlobalBody1LineheightRaw, - textGlobalTitle1FontsizeRaw, - textGlobalTitle1LineheightRaw, textCtrlWeightSelectedRaw, - paddingContentXsmallRaw, - paddingContentXxsmallRaw, - paddingContentAlignOutdentTextonsubtleRaw, paddingContentAlignDefaultRaw, - paddingCtrlTexttopRaw, - paddingCtrlSmTexttopRaw, - paddingCtrlLgTexttopRaw, - paddingCtrlTonestedcontrolRaw, - gapBetweenContentXxsmallRaw, - gapBetweenContentXsmallRaw, - paddingCtrlLgTonestedcontrolRaw, - paddingCtrlSmTonestedcontrolRaw, gapBetweenContentMediumRaw, - strokewidthDefaultRaw, - backgroundCardOnprimaryDefaultRestRaw, - strokeCtrlOnoutlineRestRaw, - strokeCtrlOnoutlineHoverRaw, - strokeCtrlOnoutlinePressedRaw, - strokeCtrlOnoutlineDisabledRaw, - strokeCtrlDividerOnbrandRaw, - strokeCtrlDividerOnneutralRaw, - strokeCtrlDividerOnoutlineRaw, strokeDividerDefaultRaw, backgroundCtrlBrandRestRaw, strokeWindowActiveRaw, @@ -63,167 +23,151 @@ import { foregroundCtrlNeutralPrimaryRestRaw, foregroundCtrlBrandRestRaw, foregroundCtrlNeutralPrimaryDisabledRaw, - foregroundCtrlOnbrandRestRaw, foregroundCtrlBrandHoverRaw, foregroundCtrlBrandPressedRaw, foregroundCtrlBrandDisabledRaw, - foregroundCtrlOnbrandDisabledRaw, - iconthemeCtrlDefaultRestRaw, - iconthemeCtrlDefaultSelectedRaw, statusDangerBackgroundRaw, statusWarningBackgroundRaw, statusSuccessBackgroundRaw, statusImportantBackgroundRaw, statusInformativeBackgroundRaw, statusNeutralBackgroundRaw, - backgroundCardOnsecondaryDefaultRestRaw, shadowFlyoutKeyRaw, shadowFlyoutAmbientRaw, shadowWindowActiveKeyRaw, } from '../control/variables'; import { - strokeCardOnprimaryRestRaw, - strokeCtrlOnbrandRestRaw, - strokeCtrlOnbrandHoverRaw, - strokeCtrlOnbrandPressedRaw, - strokeCtrlOnbrandDisabledRaw, - strokeCtrlOnneutralRestRaw, - strokeCtrlOnneutralPressedRaw, - strokeCtrlOnneutralHoverRaw, - strokeCtrlOnneutralDisabledRaw, -} from '../nullable/variables'; -import { - textStyleDefaultHeaderFontfamilyRaw, - textStyleDefaultHeaderLetterspacingRaw, - textStyleAiRegularFontfamilyRaw, + textStyleDefaultHeaderFontFamilyRaw, + textStyleDefaultHeaderLetterSpacingRaw, + textStyleAiRegularFontFamilyRaw, textStyleAiRegularWeightRaw, - textStyleAiRegularLetterspacingRaw, - textStyleAiHeaderFontfamilyRaw, + textStyleAiRegularLetterSpacingRaw, + textStyleAiHeaderFontFamilyRaw, textStyleAiHeaderWeightRaw, - textStyleAiHeaderLetterspacingRaw, - textStyleArticleRegularFontfamilyRaw, + textStyleAiHeaderLetterSpacingRaw, + textStyleArticleRegularFontFamilyRaw, textStyleArticleRegularWeightRaw, - textStyleArticleRegularLetterspacingRaw, - textStyleArticleHeaderFontfamilyRaw, + textStyleArticleRegularLetterSpacingRaw, + textStyleArticleHeaderFontFamilyRaw, textStyleArticleHeaderWeightRaw, - textStyleArticleHeaderLetterspacingRaw, - textStyleCodeRegularFontfamilyRaw, + textStyleArticleHeaderLetterSpacingRaw, + textStyleCodeRegularFontFamilyRaw, textStyleCodeRegularWeightRaw, - textStyleCodeRegularLetterspacingRaw, - textStyleCodeHeaderFontfamilyRaw, + textStyleCodeRegularLetterSpacingRaw, + textStyleCodeHeaderFontFamilyRaw, textStyleCodeHeaderWeightRaw, - textStyleCodeHeaderLetterspacingRaw, - textStyleDatavizRegularFontfamilyRaw, - textStyleDatavizRegularWeightRaw, - textStyleDatavizRegularLetterspacingRaw, - textStyleDatavizHeaderFontfamilyRaw, - textStyleDatavizHeaderWeightRaw, - textStyleDatavizHeaderLetterspacingRaw, - textStyleQuoteRegularFontfamilyRaw, + textStyleCodeHeaderLetterSpacingRaw, + textStyleDataVizRegularFontFamilyRaw, + textStyleDataVizRegularWeightRaw, + textStyleDataVizRegularLetterSpacingRaw, + textStyleDataVizHeaderFontFamilyRaw, + textStyleDataVizHeaderWeightRaw, + textStyleDataVizHeaderLetterSpacingRaw, + textStyleQuoteRegularFontFamilyRaw, textStyleQuoteRegularWeightRaw, - textStyleQuoteRegularLetterspacingRaw, - textStyleQuoteHeaderFontfamilyRaw, + textStyleQuoteRegularLetterSpacingRaw, + textStyleQuoteHeaderFontFamilyRaw, textStyleQuoteHeaderWeightRaw, - textStyleQuoteHeaderLetterspacingRaw, - textRampPageheaderFontsizeRaw, - textRampPageheaderLineheightRaw, - textRampSectionheaderFontsizeRaw, - textRampSectionheaderLineheightRaw, - textRampSubsectionheaderFontsizeRaw, - textRampSubsectionheaderLineheightRaw, - textRampReadingbodyFontsizeRaw, - textRampReadingbodyLineheightRaw, - textRampItemheaderFontsizeRaw, - textRampItemheaderLineheightRaw, - textRampItembodyFontsizeRaw, - textRampItembodyLineheightRaw, - textRampMetadataFontsizeRaw, - textRampMetadataLineheightRaw, - textRampLegalFontsizeRaw, - textRampLegalLineheightRaw, - textRampSmPageheaderFontsizeRaw, - textRampSmPageheaderLineheightRaw, - textRampSmSectionheaderFontsizeRaw, - textRampSmSectionheaderLineheightRaw, - textRampSmSubsectionheaderFontsizeRaw, - textRampSmSubsectionheaderLineheightRaw, - textRampSmReadingbodyFontsizeRaw, - textRampSmReadingbodyLineheightRaw, - textRampSmItemheaderFontsizeRaw, - textRampSmItemheaderLineheightRaw, - textRampSmItembodyFontsizeRaw, - textRampSmItembodyLineheightRaw, - textRampSmMetadataFontsizeRaw, - textRampSmMetadataLineheightRaw, - textRampSmLegalFontsizeRaw, - textRampSmLegalLineheightRaw, - textRampLgPageheaderFontsizeRaw, - textRampLgPageheaderLineheightRaw, - textRampLgSectionheaderFontsizeRaw, - textRampLgSectionheaderLineheightRaw, - textRampLgSubsectionheaderFontsizeRaw, - textRampLgSubsectionheaderLineheightRaw, - textRampLgReadingbodyFontsizeRaw, - textRampLgReadingbodyLineheightRaw, - textRampLgItemheaderFontsizeRaw, - textRampLgItemheaderLineheightRaw, - textRampLgItembodyFontsizeRaw, - textRampLgItembodyLineheightRaw, - textRampLgMetadataFontsizeRaw, - textRampLgMetadataLineheightRaw, - textRampLgLegalFontsizeRaw, - textRampLgLegalLineheightRaw, + textStyleQuoteHeaderLetterSpacingRaw, + textRampPageHeaderFontSizeRaw, + textRampPageHeaderLineHeightRaw, + textRampSectionHeaderFontSizeRaw, + textRampSectionHeaderLineHeightRaw, + textRampSubsectionHeaderFontSizeRaw, + textRampSubsectionHeaderLineHeightRaw, + textRampReadingBodyFontSizeRaw, + textRampReadingBodyLineHeightRaw, + textRampItemHeaderFontSizeRaw, + textRampItemHeaderLineHeightRaw, + textRampItemBodyFontSizeRaw, + textRampItemBodyLineHeightRaw, + textRampMetadataFontSizeRaw, + textRampMetadataLineHeightRaw, + textRampLegalFontSizeRaw, + textRampLegalLineHeightRaw, + textRampSmPageHeaderFontSizeRaw, + textRampSmPageHeaderLineHeightRaw, + textRampSmSectionHeaderFontSizeRaw, + textRampSmSectionHeaderLineHeightRaw, + textRampSmSubsectionHeaderFontSizeRaw, + textRampSmSubsectionHeaderLineHeightRaw, + textRampSmReadingBodyFontSizeRaw, + textRampSmReadingBodyLineHeightRaw, + textRampSmItemHeaderFontSizeRaw, + textRampSmItemHeaderLineHeightRaw, + textRampSmItemBodyFontSizeRaw, + textRampSmItemBodyLineHeightRaw, + textRampSmMetadataFontSizeRaw, + textRampSmMetadataLineHeightRaw, + textRampSmLegalFontSizeRaw, + textRampSmLegalLineHeightRaw, + textRampLgPageHeaderFontSizeRaw, + textRampLgPageHeaderLineHeightRaw, + textRampLgSectionHeaderFontSizeRaw, + textRampLgSectionHeaderLineHeightRaw, + textRampLgSubsectionHeaderFontSizeRaw, + textRampLgSubsectionHeaderLineHeightRaw, + textRampLgReadingBodyFontSizeRaw, + textRampLgReadingBodyLineHeightRaw, + textRampLgItemHeaderFontSizeRaw, + textRampLgItemHeaderLineHeightRaw, + textRampLgItemBodyFontSizeRaw, + textRampLgItemBodyLineHeightRaw, + textRampLgMetadataFontSizeRaw, + textRampLgMetadataLineHeightRaw, + textRampLgLegalFontSizeRaw, + textRampLgLegalLineHeightRaw, textCtrlWeightDefaultRaw, textCtrlButtonWeightDefaultRaw, textCtrlButtonWeightSelectedRaw, paddingToolbarInsideRaw, paddingToolbarOutsideRaw, paddingFlyoutDefaultRaw, - paddingCardNestedimageRaw, - paddingCtrlTextbottomRaw, - paddingCtrlSmTextbottomRaw, - paddingCtrlLgTextbottomRaw, + paddingCardNestedImageRaw, + paddingCtrlTextBottomRaw, + paddingCtrlSmTextBottomRaw, + paddingCtrlLgTextBottomRaw, gapBetweenCtrlNestedRaw, - gapTextSmallRaw, - gapTextLargeRaw, + gapBetweenTextSmallRaw, gapBetweenCtrlLgNestedRaw, + gapBetweenTextLargeRaw, gapBetweenCtrlSmNestedRaw, - gapListRaw, - gapCardRaw, - strokewidthDividerDefaultRaw, - strokewidthDividerStrongRaw, - strokewidthCtrlOutlineRestRaw, - strokewidthCtrlOutlineHoverRaw, - strokewidthCtrlOutlinePressedRaw, - strokewidthCtrlOutlineSelectedRaw, - strokewidthWindowDefaultRaw, + gapBetweenListItemRaw, + gapBetweenCardRaw, + strokeWidthDividerDefaultRaw, + strokeWidthDividerStrongRaw, + strokeWidthCtrlOutlineRestRaw, + strokeWidthCtrlOutlineHoverRaw, + strokeWidthCtrlOutlinePressedRaw, + strokeWidthCtrlOutlineSelectedRaw, + strokeWidthWindowDefaultRaw, backgroundToolbarRaw, strokeToolbarRaw, - strokeCtrlOnbrandRestStop2Raw, - strokeCtrlOnbrandHoverStop2Raw, - strokeCtrlOnbrandPressedStop2Raw, - strokeCtrlOnbrandDisabledStop2Raw, - strokeCtrlOnneutralRestStop2Raw, - strokeCtrlOnneutralHoverStop2Raw, - strokeCtrlOnneutralPressedStop2Raw, - strokeCtrlOnneutralDisabledStop2Raw, - strokeCtrlOnoutlineRestStop2Raw, - strokeCtrlOnoutlineHoverStop2Raw, - strokeCtrlOnoutlinePressedStop2Raw, - strokeCtrlOnoutlineDisabledStop2Raw, - strokeCtrlOnactivebrandRestRaw, - strokeCtrlDividerOnbrandDisabledRaw, - strokeCtrlDividerOnneutralDisabledRaw, - strokeCtrlDividerOnoutlineDisabledRaw, - strokeCtrlDividerOnactivebrandRaw, - strokeCtrlDividerOnactivebrandDisabledRaw, - strokeCtrlOnactivebrandHoverRaw, - strokeCtrlOnactivebrandPressedRaw, - strokeCtrlOnactivebrandDisabledRaw, - strokeCtrlOnactivebrandRestStop2Raw, - strokeCtrlOnactivebrandHoverStop2Raw, - strokeCtrlOnactivebrandPressedStop2Raw, - strokeCtrlOnactivebrandDisabledStop2Raw, + strokeCtrlOnBrandRestStop2Raw, + strokeCtrlOnBrandHoverStop2Raw, + strokeCtrlOnBrandPressedStop2Raw, + strokeCtrlOnBrandDisabledStop2Raw, + strokeCtrlOnNeutralRestStop2Raw, + strokeCtrlOnNeutralHoverStop2Raw, + strokeCtrlOnNeutralPressedStop2Raw, + strokeCtrlOnNeutralDisabledStop2Raw, + strokeCtrlOnOutlineRestStop2Raw, + strokeCtrlOnOutlineHoverStop2Raw, + strokeCtrlOnOutlinePressedStop2Raw, + strokeCtrlOnOutlineDisabledStop2Raw, + strokeCtrlOnActiveBrandRestRaw, + strokeCtrlDividerOnBrandDisabledRaw, + strokeCtrlDividerOnActiveBrandRaw, + strokeCtrlDividerOnActiveBrandDisabledRaw, + strokeCtrlDividerOnNeutralDisabledRaw, + strokeCtrlDividerOnOutlineDisabledRaw, + strokeCtrlOnActiveBrandHoverRaw, + strokeCtrlOnActiveBrandPressedRaw, + strokeCtrlOnActiveBrandDisabledRaw, + strokeCtrlOnActiveBrandRestStop2Raw, + strokeCtrlOnActiveBrandHoverStop2Raw, + strokeCtrlOnActiveBrandPressedStop2Raw, + strokeCtrlOnActiveBrandDisabledStop2Raw, strokeDividerSubtleRaw, strokeDividerStrongRaw, strokeDividerBrandRaw, @@ -233,24 +177,24 @@ import { backgroundLayerPrimaryStop3Raw, backgroundLayerSecondaryRaw, backgroundLayerTertiaryRaw, - backgroundCardOnprimaryDefaultSelectedRaw, - backgroundCtrlActivebrandRestRaw, - backgroundCtrlActivebrandHoverRaw, - backgroundCtrlActivebrandPressedRaw, - backgroundCtrlActivebrandDisabledRaw, - backgroundCtrlShapesafeActivebrandRestRaw, - backgroundCtrlShapesafeActivebrandDisabledRaw, - backgroundCtrlShapesafeNeutralRestRaw, - backgroundCtrlShapesafeNeutralHoverRaw, - backgroundCtrlShapesafeNeutralPressedRaw, - backgroundCtrlShapesafeNeutralDisabledRaw, + backgroundCardOnPrimaryDefaultSelectedRaw, + backgroundCtrlActiveBrandRestRaw, + backgroundCtrlActiveBrandHoverRaw, + backgroundCtrlActiveBrandPressedRaw, + backgroundCtrlActiveBrandDisabledRaw, + backgroundCtrlShapeSafeActiveBrandRestRaw, + backgroundCtrlShapeSafeActiveBrandDisabledRaw, + backgroundCtrlShapeSafeNeutralRestRaw, + backgroundCtrlShapeSafeNeutralHoverRaw, + backgroundCtrlShapeSafeNeutralPressedRaw, + backgroundCtrlShapeSafeNeutralDisabledRaw, cornerFlyoutHoverRaw, cornerFlyoutPressedRaw, cornerLayerIntersectionRaw, cornerCardHoverRaw, cornerCardPressedRaw, cornerToolbarDefaultRaw, - cornerImageOnpageRaw, + cornerImageOnPageRaw, cornerCtrlHoverRaw, cornerCtrlPressedRaw, cornerCtrlSmHoverRaw, @@ -264,60 +208,60 @@ import { foregroundCtrlNeutralPrimaryPressedRaw, foregroundCtrlNeutralSecondaryHoverRaw, foregroundCtrlNeutralSecondaryPressedRaw, - foregroundCtrlIconOnneutralRestRaw, - foregroundCtrlIconOnneutralHoverRaw, - foregroundCtrlIconOnneutralPressedRaw, - foregroundCtrlIconOnneutralDisabledRaw, - foregroundCtrlIconOnoutlineRestRaw, - foregroundCtrlIconOnoutlineHoverRaw, - foregroundCtrlIconOnoutlinePressedRaw, - foregroundCtrlIconOnoutlineDisabledRaw, - foregroundCtrlIconOnsubtleRestRaw, - foregroundCtrlIconOnsubtleHoverRaw, - foregroundCtrlIconOnsubtlePressedRaw, - foregroundCtrlIconOnsubtleDisabledRaw, - foregroundCtrlOnbrandHoverRaw, - foregroundCtrlOnbrandPressedRaw, - foregroundCtrlActivebrandRestRaw, - foregroundCtrlActivebrandHoverRaw, - foregroundCtrlActivebrandPressedRaw, - foregroundCtrlActivebrandDisabledRaw, - foregroundCtrlOnactivebrandRestRaw, - foregroundCtrlOnactivebrandHoverRaw, - foregroundCtrlOnactivebrandPressedRaw, - foregroundCtrlOnactivebrandDisabledRaw, - foregroundCtrlOnoutlineRestRaw, - foregroundCtrlOnoutlineHoverRaw, - foregroundCtrlOnoutlinePressedRaw, - foregroundCtrlOnoutlineDisabledRaw, - foregroundCtrlOnsubtleRestRaw, - foregroundCtrlOnsubtleHoverRaw, - foregroundCtrlOnsubtlePressedRaw, - foregroundCtrlOnsubtleDisabledRaw, - foregroundCtrlOntransparentRestRaw, - foregroundCtrlOntransparentHoverRaw, - foregroundCtrlOntransparentPressedRaw, - foregroundCtrlOntransparentDisabledRaw, + foregroundCtrlIconOnNeutralRestRaw, + foregroundCtrlIconOnNeutralHoverRaw, + foregroundCtrlIconOnNeutralPressedRaw, + foregroundCtrlIconOnNeutralDisabledRaw, + foregroundCtrlIconOnOutlineRestRaw, + foregroundCtrlIconOnOutlineHoverRaw, + foregroundCtrlIconOnOutlinePressedRaw, + foregroundCtrlIconOnOutlineDisabledRaw, + foregroundCtrlIconOnSubtleRestRaw, + foregroundCtrlIconOnSubtleHoverRaw, + foregroundCtrlIconOnSubtlePressedRaw, + foregroundCtrlIconOnSubtleDisabledRaw, + foregroundCtrlOnBrandHoverRaw, + foregroundCtrlOnBrandPressedRaw, + foregroundCtrlActiveBrandRestRaw, + foregroundCtrlActiveBrandHoverRaw, + foregroundCtrlActiveBrandPressedRaw, + foregroundCtrlActiveBrandDisabledRaw, + foregroundCtrlOnActiveBrandRestRaw, + foregroundCtrlOnActiveBrandHoverRaw, + foregroundCtrlOnActiveBrandPressedRaw, + foregroundCtrlOnActiveBrandDisabledRaw, + foregroundCtrlOnOutlineRestRaw, + foregroundCtrlOnOutlineHoverRaw, + foregroundCtrlOnOutlinePressedRaw, + foregroundCtrlOnOutlineDisabledRaw, + foregroundCtrlOnSubtleRestRaw, + foregroundCtrlOnSubtleHoverRaw, + foregroundCtrlOnSubtlePressedRaw, + foregroundCtrlOnSubtleDisabledRaw, + foregroundCtrlOnTransparentRestRaw, + foregroundCtrlOnTransparentHoverRaw, + foregroundCtrlOnTransparentPressedRaw, + foregroundCtrlOnTransparentDisabledRaw, materialAcrylicDefaultSolidRaw, - materialAcrylicDefaultColorblendRaw, - materialAcrylicDefaultLumblendRaw, + materialAcrylicDefaultColorBlendRaw, + materialAcrylicDefaultLumBlendRaw, materialMicaDefaultSolidRaw, - materialMicaDefaultColorblendRaw, - materialMicaDefaultLumblendRaw, + materialMicaDefaultColorBlendRaw, + materialMicaDefaultLumBlendRaw, materialMicaDarkerSolidRaw, - materialMicaDarkerColorblendRaw, - materialMicaDarkerLumblendRaw, + materialMicaDarkerColorBlendRaw, + materialMicaDarkerLumBlendRaw, materialMicaThinSolidRaw, - materialMicaThinColorblendRaw, - materialMicaThinLumblendRaw, - iconthemeCtrlDefaultHoverRaw, - iconthemeCtrlDefaultPressedRaw, - iconthemeCtrlSubtleRestRaw, - iconthemeCtrlSubtleHoverRaw, - iconthemeCtrlSubtlePressedRaw, - iconthemeCtrlSubtleSelectedRaw, - iconthemeCtrlChevronDefaultRaw, - iconthemeCtrlChevronSelectedRaw, + materialMicaThinColorBlendRaw, + materialMicaThinLumBlendRaw, + iconThemeCtrlDefaultHoverRaw, + iconThemeCtrlDefaultPressedRaw, + iconThemeCtrlSubtleRestRaw, + iconThemeCtrlSubtleHoverRaw, + iconThemeCtrlSubtlePressedRaw, + iconThemeCtrlSubtleSelectedRaw, + iconThemeCtrlChevronDefaultRaw, + iconThemeCtrlChevronSelectedRaw, statusBrandBackgroundRaw, statusBrandStrokeRaw, statusBrandForegroundRaw, @@ -337,145 +281,147 @@ import { statusNeutralTintForegroundRaw, cornerFlyoutShellRestRaw, materialAcrylicShellDefaultSolidRaw, - materialAcrylicShellDefaultColorblendRaw, - materialAcrylicShellDefaultLumblendRaw, - backgroundCardOnsecondaryDefaultSelectedRaw, - shadowCtrlOndragKeyRaw, - shadowCtrlOndragAmbientRaw, + materialAcrylicShellDefaultColorBlendRaw, + materialAcrylicShellDefaultLumBlendRaw, + backgroundCardOnSecondaryDefaultSelectedRaw, + textStyleDefaultDisplayFontFamilyRaw, + textStyleDefaultDisplayLetterSpacingRaw, + shadowCtrlOnDragKeyRaw, + shadowCtrlOnDragAmbientRaw, shadowWindowInactiveKeyRaw, } from './variables'; -export const textStyleDefaultHeaderFontfamily = `var(${textStyleDefaultHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; -export const textStyleDefaultHeaderLetterspacing = `var(${textStyleDefaultHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleAiRegularFontfamily = `var(${textStyleAiRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleDefaultHeaderFontFamily = `var(${textStyleDefaultHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleDefaultHeaderLetterSpacing = `var(${textStyleDefaultHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleAiRegularFontFamily = `var(${textStyleAiRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; export const textStyleAiRegularWeight = `var(${textStyleAiRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleAiRegularLetterspacing = `var(${textStyleAiRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleAiHeaderFontfamily = `var(${textStyleAiHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleAiRegularLetterSpacing = `var(${textStyleAiRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleAiHeaderFontFamily = `var(${textStyleAiHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; export const textStyleAiHeaderWeight = `var(${textStyleAiHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleAiHeaderLetterspacing = `var(${textStyleAiHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleArticleRegularFontfamily = `var(${textStyleArticleRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleAiHeaderLetterSpacing = `var(${textStyleAiHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleArticleRegularFontFamily = `var(${textStyleArticleRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; export const textStyleArticleRegularWeight = `var(${textStyleArticleRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleArticleRegularLetterspacing = `var(${textStyleArticleRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleArticleHeaderFontfamily = `var(${textStyleArticleHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleArticleRegularLetterSpacing = `var(${textStyleArticleRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleArticleHeaderFontFamily = `var(${textStyleArticleHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; export const textStyleArticleHeaderWeight = `var(${textStyleArticleHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleArticleHeaderLetterspacing = `var(${textStyleArticleHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleCodeRegularFontfamily = `var(${textStyleCodeRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleArticleHeaderLetterSpacing = `var(${textStyleArticleHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleCodeRegularFontFamily = `var(${textStyleCodeRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; export const textStyleCodeRegularWeight = `var(${textStyleCodeRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleCodeRegularLetterspacing = `var(${textStyleCodeRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleCodeHeaderFontfamily = `var(${textStyleCodeHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleCodeRegularLetterSpacing = `var(${textStyleCodeRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleCodeHeaderFontFamily = `var(${textStyleCodeHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; export const textStyleCodeHeaderWeight = `var(${textStyleCodeHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleCodeHeaderLetterspacing = `var(${textStyleCodeHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleDatavizRegularFontfamily = `var(${textStyleDatavizRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; -export const textStyleDatavizRegularWeight = `var(${textStyleDatavizRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleDatavizRegularLetterspacing = `var(${textStyleDatavizRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleDatavizHeaderFontfamily = `var(${textStyleDatavizHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; -export const textStyleDatavizHeaderWeight = `var(${textStyleDatavizHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleDatavizHeaderLetterspacing = `var(${textStyleDatavizHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleQuoteRegularFontfamily = `var(${textStyleQuoteRegularFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleCodeHeaderLetterSpacing = `var(${textStyleCodeHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleDataVizRegularFontFamily = `var(${textStyleDataVizRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleDataVizRegularWeight = `var(${textStyleDataVizRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; +export const textStyleDataVizRegularLetterSpacing = `var(${textStyleDataVizRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleDataVizHeaderFontFamily = `var(${textStyleDataVizHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleDataVizHeaderWeight = `var(${textStyleDataVizHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; +export const textStyleDataVizHeaderLetterSpacing = `var(${textStyleDataVizHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleQuoteRegularFontFamily = `var(${textStyleQuoteRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; export const textStyleQuoteRegularWeight = `var(${textStyleQuoteRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleQuoteRegularLetterspacing = `var(${textStyleQuoteRegularLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleQuoteHeaderFontfamily = `var(${textStyleQuoteHeaderFontfamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleQuoteRegularLetterSpacing = `var(${textStyleQuoteRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textStyleQuoteHeaderFontFamily = `var(${textStyleQuoteHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; export const textStyleQuoteHeaderWeight = `var(${textStyleQuoteHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleQuoteHeaderLetterspacing = `var(${textStyleQuoteHeaderLetterspacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textRampPageheaderFontsize = `var(${textRampPageheaderFontsizeRaw}, var(${textGlobalTitle2FontsizeRaw}))`; -export const textRampPageheaderLineheight = `var(${textRampPageheaderLineheightRaw}, var(${textGlobalTitle2LineheightRaw}))`; -export const textRampSectionheaderFontsize = `var(${textRampSectionheaderFontsizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`; -export const textRampSectionheaderLineheight = `var(${textRampSectionheaderLineheightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`; -export const textRampSubsectionheaderFontsize = `var(${textRampSubsectionheaderFontsizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`; -export const textRampSubsectionheaderLineheight = `var(${textRampSubsectionheaderLineheightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`; -export const textRampReadingbodyFontsize = `var(${textRampReadingbodyFontsizeRaw}, var(${textGlobalBody2FontsizeRaw}))`; -export const textRampReadingbodyLineheight = `var(${textRampReadingbodyLineheightRaw}, var(${textGlobalBody2LineheightRaw}))`; -export const textRampItemheaderFontsize = `var(${textRampItemheaderFontsizeRaw}, var(${textGlobalBody2FontsizeRaw}))`; -export const textRampItemheaderLineheight = `var(${textRampItemheaderLineheightRaw}, var(${textGlobalBody2LineheightRaw}))`; -export const textRampItembodyFontsize = `var(${textRampItembodyFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const textRampItembodyLineheight = `var(${textRampItembodyLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`; -export const textRampMetadataFontsize = `var(${textRampMetadataFontsizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; -export const textRampMetadataLineheight = `var(${textRampMetadataLineheightRaw}, var(${textGlobalCaption1LineheightRaw}))`; -export const textRampLegalFontsize = `var(${textRampLegalFontsizeRaw}, var(${textGlobalCaption2FontsizeRaw}))`; -export const textRampLegalLineheight = `var(${textRampLegalLineheightRaw}, var(${textGlobalCaption2LineheightRaw}))`; -export const textRampSmPageheaderFontsize = `var(${textRampSmPageheaderFontsizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`; -export const textRampSmPageheaderLineheight = `var(${textRampSmPageheaderLineheightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`; -export const textRampSmSectionheaderFontsize = `var(${textRampSmSectionheaderFontsizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`; -export const textRampSmSectionheaderLineheight = `var(${textRampSmSectionheaderLineheightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`; -export const textRampSmSubsectionheaderFontsize = `var(${textRampSmSubsectionheaderFontsizeRaw}, var(${textGlobalBody1FontsizeRaw}))`; -export const textRampSmSubsectionheaderLineheight = `var(${textRampSmSubsectionheaderLineheightRaw}, var(${textGlobalBody1LineheightRaw}))`; -export const textRampSmReadingbodyFontsize = `var(${textRampSmReadingbodyFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const textRampSmReadingbodyLineheight = `var(${textRampSmReadingbodyLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`; -export const textRampSmItemheaderFontsize = `var(${textRampSmItemheaderFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const textRampSmItemheaderLineheight = `var(${textRampSmItemheaderLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`; -export const textRampSmItembodyFontsize = `var(${textRampSmItembodyFontsizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; -export const textRampSmItembodyLineheight = `var(${textRampSmItembodyLineheightRaw}, var(${textGlobalCaption1LineheightRaw}))`; -export const textRampSmMetadataFontsize = `var(${textRampSmMetadataFontsizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; -export const textRampSmMetadataLineheight = `var(${textRampSmMetadataLineheightRaw}, var(${textGlobalCaption1LineheightRaw}))`; -export const textRampSmLegalFontsize = `var(${textRampSmLegalFontsizeRaw}, var(${textGlobalCaption2FontsizeRaw}))`; -export const textRampSmLegalLineheight = `var(${textRampSmLegalLineheightRaw}, var(${textGlobalCaption2LineheightRaw}))`; -export const textRampLgPageheaderFontsize = `var(${textRampLgPageheaderFontsizeRaw}, var(${textGlobalTitle1FontsizeRaw}))`; -export const textRampLgPageheaderLineheight = `var(${textRampLgPageheaderLineheightRaw}, var(${textGlobalTitle1LineheightRaw}))`; -export const textRampLgSectionheaderFontsize = `var(${textRampLgSectionheaderFontsizeRaw}, var(${textGlobalTitle2FontsizeRaw}))`; -export const textRampLgSectionheaderLineheight = `var(${textRampLgSectionheaderLineheightRaw}, var(${textGlobalTitle2LineheightRaw}))`; -export const textRampLgSubsectionheaderFontsize = `var(${textRampLgSubsectionheaderFontsizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`; -export const textRampLgSubsectionheaderLineheight = `var(${textRampLgSubsectionheaderLineheightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`; -export const textRampLgReadingbodyFontsize = `var(${textRampLgReadingbodyFontsizeRaw}, var(${textGlobalBody1FontsizeRaw}))`; -export const textRampLgReadingbodyLineheight = `var(${textRampLgReadingbodyLineheightRaw}, var(${textGlobalBody1LineheightRaw}))`; -export const textRampLgItemheaderFontsize = `var(${textRampLgItemheaderFontsizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`; -export const textRampLgItemheaderLineheight = `var(${textRampLgItemheaderLineheightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`; -export const textRampLgItembodyFontsize = `var(${textRampLgItembodyFontsizeRaw}, var(${textGlobalBody2FontsizeRaw}))`; -export const textRampLgItembodyLineheight = `var(${textRampLgItembodyLineheightRaw}, var(${textGlobalBody2LineheightRaw}))`; -export const textRampLgMetadataFontsize = `var(${textRampLgMetadataFontsizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const textRampLgMetadataLineheight = `var(${textRampLgMetadataLineheightRaw}, var(${textGlobalBody3LineheightRaw}))`; -export const textRampLgLegalFontsize = `var(${textRampLgLegalFontsizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; -export const textRampLgLegalLineheight = `var(${textRampLgLegalLineheightRaw}, var(${textGlobalCaption1LineheightRaw}))`; +export const textStyleQuoteHeaderLetterSpacing = `var(${textStyleQuoteHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const textRampPageHeaderFontSize = `var(${textRampPageHeaderFontSizeRaw}, var(${textGlobalTitle2FontsizeRaw}))`; +export const textRampPageHeaderLineHeight = `var(${textRampPageHeaderLineHeightRaw}, var(${textGlobalTitle2LineheightRaw}))`; +export const textRampSectionHeaderFontSize = `var(${textRampSectionHeaderFontSizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`; +export const textRampSectionHeaderLineHeight = `var(${textRampSectionHeaderLineHeightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`; +export const textRampSubsectionHeaderFontSize = `var(${textRampSubsectionHeaderFontSizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`; +export const textRampSubsectionHeaderLineHeight = `var(${textRampSubsectionHeaderLineHeightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`; +export const textRampReadingBodyFontSize = `var(${textRampReadingBodyFontSizeRaw}, var(${textGlobalBody2FontsizeRaw}))`; +export const textRampReadingBodyLineHeight = `var(${textRampReadingBodyLineHeightRaw}, var(${textGlobalBody2LineheightRaw}))`; +export const textRampItemHeaderFontSize = `var(${textRampItemHeaderFontSizeRaw}, var(${textGlobalBody2FontsizeRaw}))`; +export const textRampItemHeaderLineHeight = `var(${textRampItemHeaderLineHeightRaw}, var(${textGlobalBody2LineheightRaw}))`; +export const textRampItemBodyFontSize = `var(${textRampItemBodyFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; +export const textRampItemBodyLineHeight = `var(${textRampItemBodyLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; +export const textRampMetadataFontSize = `var(${textRampMetadataFontSizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; +export const textRampMetadataLineHeight = `var(${textRampMetadataLineHeightRaw}, var(${textGlobalCaption1LineheightRaw}))`; +export const textRampLegalFontSize = `var(${textRampLegalFontSizeRaw}, var(${textGlobalCaption2FontsizeRaw}))`; +export const textRampLegalLineHeight = `var(${textRampLegalLineHeightRaw}, var(${textGlobalCaption2LineheightRaw}))`; +export const textRampSmPageHeaderFontSize = `var(${textRampSmPageHeaderFontSizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`; +export const textRampSmPageHeaderLineHeight = `var(${textRampSmPageHeaderLineHeightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`; +export const textRampSmSectionHeaderFontSize = `var(${textRampSmSectionHeaderFontSizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`; +export const textRampSmSectionHeaderLineHeight = `var(${textRampSmSectionHeaderLineHeightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`; +export const textRampSmSubsectionHeaderFontSize = `var(${textRampSmSubsectionHeaderFontSizeRaw}, var(${textGlobalBody1FontsizeRaw}))`; +export const textRampSmSubsectionHeaderLineHeight = `var(${textRampSmSubsectionHeaderLineHeightRaw}, var(${textGlobalBody1LineheightRaw}))`; +export const textRampSmReadingBodyFontSize = `var(${textRampSmReadingBodyFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; +export const textRampSmReadingBodyLineHeight = `var(${textRampSmReadingBodyLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; +export const textRampSmItemHeaderFontSize = `var(${textRampSmItemHeaderFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; +export const textRampSmItemHeaderLineHeight = `var(${textRampSmItemHeaderLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; +export const textRampSmItemBodyFontSize = `var(${textRampSmItemBodyFontSizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; +export const textRampSmItemBodyLineHeight = `var(${textRampSmItemBodyLineHeightRaw}, var(${textGlobalCaption1LineheightRaw}))`; +export const textRampSmMetadataFontSize = `var(${textRampSmMetadataFontSizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; +export const textRampSmMetadataLineHeight = `var(${textRampSmMetadataLineHeightRaw}, var(${textGlobalCaption1LineheightRaw}))`; +export const textRampSmLegalFontSize = `var(${textRampSmLegalFontSizeRaw}, var(${textGlobalCaption2FontsizeRaw}))`; +export const textRampSmLegalLineHeight = `var(${textRampSmLegalLineHeightRaw}, var(${textGlobalCaption2LineheightRaw}))`; +export const textRampLgPageHeaderFontSize = `var(${textRampLgPageHeaderFontSizeRaw}, var(${textGlobalTitle1FontsizeRaw}))`; +export const textRampLgPageHeaderLineHeight = `var(${textRampLgPageHeaderLineHeightRaw}, var(${textGlobalTitle1LineheightRaw}))`; +export const textRampLgSectionHeaderFontSize = `var(${textRampLgSectionHeaderFontSizeRaw}, var(${textGlobalTitle2FontsizeRaw}))`; +export const textRampLgSectionHeaderLineHeight = `var(${textRampLgSectionHeaderLineHeightRaw}, var(${textGlobalTitle2LineheightRaw}))`; +export const textRampLgSubsectionHeaderFontSize = `var(${textRampLgSubsectionHeaderFontSizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`; +export const textRampLgSubsectionHeaderLineHeight = `var(${textRampLgSubsectionHeaderLineHeightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`; +export const textRampLgReadingBodyFontSize = `var(${textRampLgReadingBodyFontSizeRaw}, var(${textGlobalBody1FontsizeRaw}))`; +export const textRampLgReadingBodyLineHeight = `var(${textRampLgReadingBodyLineHeightRaw}, var(${textGlobalBody1LineheightRaw}))`; +export const textRampLgItemHeaderFontSize = `var(${textRampLgItemHeaderFontSizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`; +export const textRampLgItemHeaderLineHeight = `var(${textRampLgItemHeaderLineHeightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`; +export const textRampLgItemBodyFontSize = `var(${textRampLgItemBodyFontSizeRaw}, var(${textGlobalBody2FontsizeRaw}))`; +export const textRampLgItemBodyLineHeight = `var(${textRampLgItemBodyLineHeightRaw}, var(${textGlobalBody2LineheightRaw}))`; +export const textRampLgMetadataFontSize = `var(${textRampLgMetadataFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; +export const textRampLgMetadataLineHeight = `var(${textRampLgMetadataLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; +export const textRampLgLegalFontSize = `var(${textRampLgLegalFontSizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; +export const textRampLgLegalLineHeight = `var(${textRampLgLegalLineHeightRaw}, var(${textGlobalCaption1LineheightRaw}))`; export const textCtrlWeightDefault = `var(${textCtrlWeightDefaultRaw}, var(${textStyleDefaultRegularWeightRaw}))`; export const textCtrlButtonWeightDefault = `var(${textCtrlButtonWeightDefaultRaw}, var(${textStyleDefaultRegularWeightRaw}))`; export const textCtrlButtonWeightSelected = `var(${textCtrlButtonWeightSelectedRaw}, var(${textCtrlWeightSelectedRaw}))`; export const paddingToolbarInside = `var(${paddingToolbarInsideRaw}, var(${paddingContentXsmallRaw}))`; export const paddingToolbarOutside = `var(${paddingToolbarOutsideRaw}, var(${paddingContentXxsmallRaw}))`; export const paddingFlyoutDefault = `var(${paddingFlyoutDefaultRaw}, var(${paddingContentAlignOutdentTextonsubtleRaw}))`; -export const paddingCardNestedimage = `var(${paddingCardNestedimageRaw}, var(${paddingContentAlignDefaultRaw}))`; -export const paddingCtrlTextbottom = `var(${paddingCtrlTextbottomRaw}, var(${paddingCtrlTexttopRaw}))`; -export const paddingCtrlSmTextbottom = `var(${paddingCtrlSmTextbottomRaw}, var(${paddingCtrlSmTexttopRaw}))`; -export const paddingCtrlLgTextbottom = `var(${paddingCtrlLgTextbottomRaw}, var(${paddingCtrlLgTexttopRaw}))`; +export const paddingCardNestedImage = `var(${paddingCardNestedImageRaw}, var(${paddingContentAlignDefaultRaw}))`; +export const paddingCtrlTextBottom = `var(${paddingCtrlTextBottomRaw}, var(${paddingCtrlTexttopRaw}))`; +export const paddingCtrlSmTextBottom = `var(${paddingCtrlSmTextBottomRaw}, var(${paddingCtrlSmTexttopRaw}))`; +export const paddingCtrlLgTextBottom = `var(${paddingCtrlLgTextBottomRaw}, var(${paddingCtrlLgTexttopRaw}))`; export const gapBetweenCtrlNested = `var(${gapBetweenCtrlNestedRaw}, var(${paddingCtrlTonestedcontrolRaw}))`; -export const gapTextSmall = `var(${gapTextSmallRaw}, var(${gapBetweenContentXxsmallRaw}))`; -export const gapTextLarge = `var(${gapTextLargeRaw}, var(${gapBetweenContentXsmallRaw}))`; +export const gapBetweenTextSmall = `var(${gapBetweenTextSmallRaw}, var(${gapBetweenContentXxsmallRaw}))`; export const gapBetweenCtrlLgNested = `var(${gapBetweenCtrlLgNestedRaw}, var(${paddingCtrlLgTonestedcontrolRaw}))`; +export const gapBetweenTextLarge = `var(${gapBetweenTextLargeRaw}, var(${gapBetweenContentXsmallRaw}))`; export const gapBetweenCtrlSmNested = `var(${gapBetweenCtrlSmNestedRaw}, var(${paddingCtrlSmTonestedcontrolRaw}))`; -export const gapList = `var(${gapListRaw}, var(${gapBetweenContentXxsmallRaw}))`; -export const gapCard = `var(${gapCardRaw}, var(${gapBetweenContentMediumRaw}))`; -export const strokewidthDividerDefault = `var(${strokewidthDividerDefaultRaw}, var(${strokewidthDefaultRaw}))`; -export const strokewidthDividerStrong = `var(${strokewidthDividerStrongRaw}, var(${strokewidthDefaultRaw}))`; -export const strokewidthCtrlOutlineRest = `var(${strokewidthCtrlOutlineRestRaw}, var(${strokewidthDefaultRaw}))`; -export const strokewidthCtrlOutlineHover = `var(${strokewidthCtrlOutlineHoverRaw}, var(${strokewidthDefaultRaw}))`; -export const strokewidthCtrlOutlinePressed = `var(${strokewidthCtrlOutlinePressedRaw}, var(${strokewidthDefaultRaw}))`; -export const strokewidthCtrlOutlineSelected = `var(${strokewidthCtrlOutlineSelectedRaw}, var(${strokewidthDefaultRaw}))`; -export const strokewidthWindowDefault = `var(${strokewidthWindowDefaultRaw}, var(${strokewidthDefaultRaw}))`; +export const gapBetweenListItem = `var(${gapBetweenListItemRaw}, var(${gapBetweenContentXxsmallRaw}))`; +export const gapBetweenCard = `var(${gapBetweenCardRaw}, var(${gapBetweenContentMediumRaw}))`; +export const strokeWidthDividerDefault = `var(${strokeWidthDividerDefaultRaw}, var(${strokewidthDefaultRaw}))`; +export const strokeWidthDividerStrong = `var(${strokeWidthDividerStrongRaw}, var(${strokewidthDefaultRaw}))`; +export const strokeWidthCtrlOutlineRest = `var(${strokeWidthCtrlOutlineRestRaw}, var(${strokewidthDefaultRaw}))`; +export const strokeWidthCtrlOutlineHover = `var(${strokeWidthCtrlOutlineHoverRaw}, var(${strokewidthDefaultRaw}))`; +export const strokeWidthCtrlOutlinePressed = `var(${strokeWidthCtrlOutlinePressedRaw}, var(${strokewidthDefaultRaw}))`; +export const strokeWidthCtrlOutlineSelected = `var(${strokeWidthCtrlOutlineSelectedRaw}, var(${strokewidthDefaultRaw}))`; +export const strokeWidthWindowDefault = `var(${strokeWidthWindowDefaultRaw}, var(${strokewidthDefaultRaw}))`; export const backgroundToolbar = `var(${backgroundToolbarRaw}, var(${backgroundCardOnprimaryDefaultRestRaw}))`; export const strokeToolbar = `var(${strokeToolbarRaw}, var(${strokeCardOnprimaryRestRaw}))`; -export const strokeCtrlOnbrandRestStop2 = `var(${strokeCtrlOnbrandRestStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const strokeCtrlOnbrandHoverStop2 = `var(${strokeCtrlOnbrandHoverStop2Raw}, var(${strokeCtrlOnbrandHoverRaw}))`; -export const strokeCtrlOnbrandPressedStop2 = `var(${strokeCtrlOnbrandPressedStop2Raw}, var(${strokeCtrlOnbrandPressedRaw}))`; -export const strokeCtrlOnbrandDisabledStop2 = `var(${strokeCtrlOnbrandDisabledStop2Raw}, var(${strokeCtrlOnbrandDisabledRaw}))`; -export const strokeCtrlOnneutralRestStop2 = `var(${strokeCtrlOnneutralRestStop2Raw}, var(${strokeCtrlOnneutralRestRaw}))`; -export const strokeCtrlOnneutralHoverStop2 = `var(${strokeCtrlOnneutralHoverStop2Raw}, var(${strokeCtrlOnneutralPressedRaw}))`; -export const strokeCtrlOnneutralPressedStop2 = `var(${strokeCtrlOnneutralPressedStop2Raw}, var(${strokeCtrlOnneutralHoverRaw}))`; -export const strokeCtrlOnneutralDisabledStop2 = `var(${strokeCtrlOnneutralDisabledStop2Raw}, var(${strokeCtrlOnneutralDisabledRaw}))`; -export const strokeCtrlOnoutlineRestStop2 = `var(${strokeCtrlOnoutlineRestStop2Raw}, var(${strokeCtrlOnoutlineRestRaw}))`; -export const strokeCtrlOnoutlineHoverStop2 = `var(${strokeCtrlOnoutlineHoverStop2Raw}, var(${strokeCtrlOnoutlineHoverRaw}))`; -export const strokeCtrlOnoutlinePressedStop2 = `var(${strokeCtrlOnoutlinePressedStop2Raw}, var(${strokeCtrlOnoutlinePressedRaw}))`; -export const strokeCtrlOnoutlineDisabledStop2 = `var(${strokeCtrlOnoutlineDisabledStop2Raw}, var(${strokeCtrlOnoutlineDisabledRaw}))`; -export const strokeCtrlOnactivebrandRest = `var(${strokeCtrlOnactivebrandRestRaw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const strokeCtrlDividerOnbrandDisabled = `var(${strokeCtrlDividerOnbrandDisabledRaw}, var(${strokeCtrlDividerOnbrandRaw}))`; -export const strokeCtrlDividerOnneutralDisabled = `var(${strokeCtrlDividerOnneutralDisabledRaw}, var(${strokeCtrlDividerOnneutralRaw}))`; -export const strokeCtrlDividerOnoutlineDisabled = `var(${strokeCtrlDividerOnoutlineDisabledRaw}, var(${strokeCtrlDividerOnoutlineRaw}))`; -export const strokeCtrlDividerOnactivebrand = `var(${strokeCtrlDividerOnactivebrandRaw}, var(${strokeCtrlDividerOnbrandRaw}))`; -export const strokeCtrlDividerOnactivebrandDisabled = `var(${strokeCtrlDividerOnactivebrandDisabledRaw}, var(${strokeCtrlDividerOnbrandRaw}))`; -export const strokeCtrlOnactivebrandHover = `var(${strokeCtrlOnactivebrandHoverRaw}, var(${strokeCtrlOnbrandHoverRaw}))`; -export const strokeCtrlOnactivebrandPressed = `var(${strokeCtrlOnactivebrandPressedRaw}, var(${strokeCtrlOnbrandPressedRaw}))`; -export const strokeCtrlOnactivebrandDisabled = `var(${strokeCtrlOnactivebrandDisabledRaw}, var(${strokeCtrlOnbrandDisabledRaw}))`; -export const strokeCtrlOnactivebrandRestStop2 = `var(${strokeCtrlOnactivebrandRestStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const strokeCtrlOnactivebrandHoverStop2 = `var(${strokeCtrlOnactivebrandHoverStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const strokeCtrlOnactivebrandPressedStop2 = `var(${strokeCtrlOnactivebrandPressedStop2Raw}, var(${strokeCtrlOnbrandPressedRaw}))`; -export const strokeCtrlOnactivebrandDisabledStop2 = `var(${strokeCtrlOnactivebrandDisabledStop2Raw}, var(${strokeCtrlOnbrandDisabledRaw}))`; +export const strokeCtrlOnBrandRestStop2 = `var(${strokeCtrlOnBrandRestStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`; +export const strokeCtrlOnBrandHoverStop2 = `var(${strokeCtrlOnBrandHoverStop2Raw}, var(${strokeCtrlOnbrandHoverRaw}))`; +export const strokeCtrlOnBrandPressedStop2 = `var(${strokeCtrlOnBrandPressedStop2Raw}, var(${strokeCtrlOnbrandPressedRaw}))`; +export const strokeCtrlOnBrandDisabledStop2 = `var(${strokeCtrlOnBrandDisabledStop2Raw}, var(${strokeCtrlOnbrandDisabledRaw}))`; +export const strokeCtrlOnNeutralRestStop2 = `var(${strokeCtrlOnNeutralRestStop2Raw}, var(${strokeCtrlOnneutralRestRaw}))`; +export const strokeCtrlOnNeutralHoverStop2 = `var(${strokeCtrlOnNeutralHoverStop2Raw}, var(${strokeCtrlOnneutralPressedRaw}))`; +export const strokeCtrlOnNeutralPressedStop2 = `var(${strokeCtrlOnNeutralPressedStop2Raw}, var(${strokeCtrlOnneutralHoverRaw}))`; +export const strokeCtrlOnNeutralDisabledStop2 = `var(${strokeCtrlOnNeutralDisabledStop2Raw}, var(${strokeCtrlOnneutralDisabledRaw}))`; +export const strokeCtrlOnOutlineRestStop2 = `var(${strokeCtrlOnOutlineRestStop2Raw}, var(${strokeCtrlOnoutlineRestRaw}))`; +export const strokeCtrlOnOutlineHoverStop2 = `var(${strokeCtrlOnOutlineHoverStop2Raw}, var(${strokeCtrlOnoutlineHoverRaw}))`; +export const strokeCtrlOnOutlinePressedStop2 = `var(${strokeCtrlOnOutlinePressedStop2Raw}, var(${strokeCtrlOnoutlinePressedRaw}))`; +export const strokeCtrlOnOutlineDisabledStop2 = `var(${strokeCtrlOnOutlineDisabledStop2Raw}, var(${strokeCtrlOnoutlineDisabledRaw}))`; +export const strokeCtrlOnActiveBrandRest = `var(${strokeCtrlOnActiveBrandRestRaw}, var(${strokeCtrlOnbrandRestRaw}))`; +export const strokeCtrlDividerOnBrandDisabled = `var(${strokeCtrlDividerOnBrandDisabledRaw}, var(${strokeCtrlDividerOnbrandRaw}))`; +export const strokeCtrlDividerOnActiveBrand = `var(${strokeCtrlDividerOnActiveBrandRaw}, var(${strokeCtrlDividerOnbrandRaw}))`; +export const strokeCtrlDividerOnActiveBrandDisabled = `var(${strokeCtrlDividerOnActiveBrandDisabledRaw}, var(${strokeCtrlDividerOnbrandRaw}))`; +export const strokeCtrlDividerOnNeutralDisabled = `var(${strokeCtrlDividerOnNeutralDisabledRaw}, var(${strokeCtrlDividerOnneutralRaw}))`; +export const strokeCtrlDividerOnOutlineDisabled = `var(${strokeCtrlDividerOnOutlineDisabledRaw}, var(${strokeCtrlDividerOnoutlineRaw}))`; +export const strokeCtrlOnActiveBrandHover = `var(${strokeCtrlOnActiveBrandHoverRaw}, var(${strokeCtrlOnbrandHoverRaw}))`; +export const strokeCtrlOnActiveBrandPressed = `var(${strokeCtrlOnActiveBrandPressedRaw}, var(${strokeCtrlOnbrandPressedRaw}))`; +export const strokeCtrlOnActiveBrandDisabled = `var(${strokeCtrlOnActiveBrandDisabledRaw}, var(${strokeCtrlOnbrandDisabledRaw}))`; +export const strokeCtrlOnActiveBrandRestStop2 = `var(${strokeCtrlOnActiveBrandRestStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`; +export const strokeCtrlOnActiveBrandHoverStop2 = `var(${strokeCtrlOnActiveBrandHoverStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`; +export const strokeCtrlOnActiveBrandPressedStop2 = `var(${strokeCtrlOnActiveBrandPressedStop2Raw}, var(${strokeCtrlOnbrandPressedRaw}))`; +export const strokeCtrlOnActiveBrandDisabledStop2 = `var(${strokeCtrlOnActiveBrandDisabledStop2Raw}, var(${strokeCtrlOnbrandDisabledRaw}))`; export const strokeDividerSubtle = `var(${strokeDividerSubtleRaw}, var(${strokeDividerDefaultRaw}))`; export const strokeDividerStrong = `var(${strokeDividerStrongRaw}, var(${strokeDividerDefaultRaw}))`; export const strokeDividerBrand = `var(${strokeDividerBrandRaw}, var(${backgroundCtrlBrandRestRaw}))`; @@ -485,24 +431,24 @@ export const backgroundLayerPrimaryStop2 = `var(${backgroundLayerPrimaryStop2Raw export const backgroundLayerPrimaryStop3 = `var(${backgroundLayerPrimaryStop3Raw}, var(${backgroundLayerPrimarySolidRaw}))`; export const backgroundLayerSecondary = `var(${backgroundLayerSecondaryRaw}, var(${backgroundLayerPrimarySolidRaw}))`; export const backgroundLayerTertiary = `var(${backgroundLayerTertiaryRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const backgroundCardOnprimaryDefaultSelected = `var(${backgroundCardOnprimaryDefaultSelectedRaw}, var(${backgroundCardOnprimaryDefaultRestRaw}))`; -export const backgroundCtrlActivebrandRest = `var(${backgroundCtrlActivebrandRestRaw}, var(${backgroundCtrlBrandRestRaw}))`; -export const backgroundCtrlActivebrandHover = `var(${backgroundCtrlActivebrandHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`; -export const backgroundCtrlActivebrandPressed = `var(${backgroundCtrlActivebrandPressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`; -export const backgroundCtrlActivebrandDisabled = `var(${backgroundCtrlActivebrandDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`; -export const backgroundCtrlShapesafeActivebrandRest = `var(${backgroundCtrlShapesafeActivebrandRestRaw}, var(${backgroundCtrlBrandRestRaw}))`; -export const backgroundCtrlShapesafeActivebrandDisabled = `var(${backgroundCtrlShapesafeActivebrandDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`; -export const backgroundCtrlShapesafeNeutralRest = `var(${backgroundCtrlShapesafeNeutralRestRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; -export const backgroundCtrlShapesafeNeutralHover = `var(${backgroundCtrlShapesafeNeutralHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; -export const backgroundCtrlShapesafeNeutralPressed = `var(${backgroundCtrlShapesafeNeutralPressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; -export const backgroundCtrlShapesafeNeutralDisabled = `var(${backgroundCtrlShapesafeNeutralDisabledRaw}, var(${foregroundCtrlNeutralSecondaryDisabledRaw}))`; +export const backgroundCardOnPrimaryDefaultSelected = `var(${backgroundCardOnPrimaryDefaultSelectedRaw}, var(${backgroundCardOnprimaryDefaultRestRaw}))`; +export const backgroundCtrlActiveBrandRest = `var(${backgroundCtrlActiveBrandRestRaw}, var(${backgroundCtrlBrandRestRaw}))`; +export const backgroundCtrlActiveBrandHover = `var(${backgroundCtrlActiveBrandHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`; +export const backgroundCtrlActiveBrandPressed = `var(${backgroundCtrlActiveBrandPressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`; +export const backgroundCtrlActiveBrandDisabled = `var(${backgroundCtrlActiveBrandDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`; +export const backgroundCtrlShapeSafeActiveBrandRest = `var(${backgroundCtrlShapeSafeActiveBrandRestRaw}, var(${backgroundCtrlBrandRestRaw}))`; +export const backgroundCtrlShapeSafeActiveBrandDisabled = `var(${backgroundCtrlShapeSafeActiveBrandDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`; +export const backgroundCtrlShapeSafeNeutralRest = `var(${backgroundCtrlShapeSafeNeutralRestRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; +export const backgroundCtrlShapeSafeNeutralHover = `var(${backgroundCtrlShapeSafeNeutralHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; +export const backgroundCtrlShapeSafeNeutralPressed = `var(${backgroundCtrlShapeSafeNeutralPressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; +export const backgroundCtrlShapeSafeNeutralDisabled = `var(${backgroundCtrlShapeSafeNeutralDisabledRaw}, var(${foregroundCtrlNeutralSecondaryDisabledRaw}))`; export const cornerFlyoutHover = `var(${cornerFlyoutHoverRaw}, var(${cornerFlyoutRestRaw}))`; export const cornerFlyoutPressed = `var(${cornerFlyoutPressedRaw}, var(${cornerFlyoutRestRaw}))`; export const cornerLayerIntersection = `var(${cornerLayerIntersectionRaw}, var(${cornerZeroRaw}))`; export const cornerCardHover = `var(${cornerCardHoverRaw}, var(${cornerCardRestRaw}))`; export const cornerCardPressed = `var(${cornerCardPressedRaw}, var(${cornerCardRestRaw}))`; export const cornerToolbarDefault = `var(${cornerToolbarDefaultRaw}, var(${cornerCardRestRaw}))`; -export const cornerImageOnpage = `var(${cornerImageOnpageRaw}, var(${cornerCardRestRaw}))`; +export const cornerImageOnPage = `var(${cornerImageOnPageRaw}, var(${cornerCardRestRaw}))`; export const cornerCtrlHover = `var(${cornerCtrlHoverRaw}, var(${cornerCtrlRestRaw}))`; export const cornerCtrlPressed = `var(${cornerCtrlPressedRaw}, var(${cornerCtrlRestRaw}))`; export const cornerCtrlSmHover = `var(${cornerCtrlSmHoverRaw}, var(${cornerCtrlSmRestRaw}))`; @@ -516,60 +462,60 @@ export const foregroundCtrlNeutralPrimaryHover = `var(${foregroundCtrlNeutralPri export const foregroundCtrlNeutralPrimaryPressed = `var(${foregroundCtrlNeutralPrimaryPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; export const foregroundCtrlNeutralSecondaryHover = `var(${foregroundCtrlNeutralSecondaryHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; export const foregroundCtrlNeutralSecondaryPressed = `var(${foregroundCtrlNeutralSecondaryPressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; -export const foregroundCtrlIconOnneutralRest = `var(${foregroundCtrlIconOnneutralRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlIconOnneutralHover = `var(${foregroundCtrlIconOnneutralHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlIconOnneutralPressed = `var(${foregroundCtrlIconOnneutralPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlIconOnneutralDisabled = `var(${foregroundCtrlIconOnneutralDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; -export const foregroundCtrlIconOnoutlineRest = `var(${foregroundCtrlIconOnoutlineRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlIconOnoutlineHover = `var(${foregroundCtrlIconOnoutlineHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlIconOnoutlinePressed = `var(${foregroundCtrlIconOnoutlinePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlIconOnoutlineDisabled = `var(${foregroundCtrlIconOnoutlineDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; -export const foregroundCtrlIconOnsubtleRest = `var(${foregroundCtrlIconOnsubtleRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlIconOnsubtleHover = `var(${foregroundCtrlIconOnsubtleHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlIconOnsubtlePressed = `var(${foregroundCtrlIconOnsubtlePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlIconOnsubtleDisabled = `var(${foregroundCtrlIconOnsubtleDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; -export const foregroundCtrlOnbrandHover = `var(${foregroundCtrlOnbrandHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const foregroundCtrlOnbrandPressed = `var(${foregroundCtrlOnbrandPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const foregroundCtrlActivebrandRest = `var(${foregroundCtrlActivebrandRestRaw}, var(${foregroundCtrlBrandRestRaw}))`; -export const foregroundCtrlActivebrandHover = `var(${foregroundCtrlActivebrandHoverRaw}, var(${foregroundCtrlBrandHoverRaw}))`; -export const foregroundCtrlActivebrandPressed = `var(${foregroundCtrlActivebrandPressedRaw}, var(${foregroundCtrlBrandPressedRaw}))`; -export const foregroundCtrlActivebrandDisabled = `var(${foregroundCtrlActivebrandDisabledRaw}, var(${foregroundCtrlBrandDisabledRaw}))`; -export const foregroundCtrlOnactivebrandRest = `var(${foregroundCtrlOnactivebrandRestRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const foregroundCtrlOnactivebrandHover = `var(${foregroundCtrlOnactivebrandHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const foregroundCtrlOnactivebrandPressed = `var(${foregroundCtrlOnactivebrandPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const foregroundCtrlOnactivebrandDisabled = `var(${foregroundCtrlOnactivebrandDisabledRaw}, var(${foregroundCtrlOnbrandDisabledRaw}))`; -export const foregroundCtrlOnoutlineRest = `var(${foregroundCtrlOnoutlineRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlOnoutlineHover = `var(${foregroundCtrlOnoutlineHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlOnoutlinePressed = `var(${foregroundCtrlOnoutlinePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlOnoutlineDisabled = `var(${foregroundCtrlOnoutlineDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; -export const foregroundCtrlOnsubtleRest = `var(${foregroundCtrlOnsubtleRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlOnsubtleHover = `var(${foregroundCtrlOnsubtleHoverRaw}, var(${foregroundCtrlNeutralPrimaryHoverRaw}))`; -export const foregroundCtrlOnsubtlePressed = `var(${foregroundCtrlOnsubtlePressedRaw}, var(${foregroundCtrlNeutralPrimaryPressedRaw}))`; -export const foregroundCtrlOnsubtleDisabled = `var(${foregroundCtrlOnsubtleDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; -export const foregroundCtrlOntransparentRest = `var(${foregroundCtrlOntransparentRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlOntransparentHover = `var(${foregroundCtrlOntransparentHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlOntransparentPressed = `var(${foregroundCtrlOntransparentPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; -export const foregroundCtrlOntransparentDisabled = `var(${foregroundCtrlOntransparentDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; +export const foregroundCtrlIconOnNeutralRest = `var(${foregroundCtrlIconOnNeutralRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlIconOnNeutralHover = `var(${foregroundCtrlIconOnNeutralHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlIconOnNeutralPressed = `var(${foregroundCtrlIconOnNeutralPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlIconOnNeutralDisabled = `var(${foregroundCtrlIconOnNeutralDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; +export const foregroundCtrlIconOnOutlineRest = `var(${foregroundCtrlIconOnOutlineRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlIconOnOutlineHover = `var(${foregroundCtrlIconOnOutlineHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlIconOnOutlinePressed = `var(${foregroundCtrlIconOnOutlinePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlIconOnOutlineDisabled = `var(${foregroundCtrlIconOnOutlineDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; +export const foregroundCtrlIconOnSubtleRest = `var(${foregroundCtrlIconOnSubtleRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlIconOnSubtleHover = `var(${foregroundCtrlIconOnSubtleHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlIconOnSubtlePressed = `var(${foregroundCtrlIconOnSubtlePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlIconOnSubtleDisabled = `var(${foregroundCtrlIconOnSubtleDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; +export const foregroundCtrlOnBrandHover = `var(${foregroundCtrlOnBrandHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const foregroundCtrlOnBrandPressed = `var(${foregroundCtrlOnBrandPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const foregroundCtrlActiveBrandRest = `var(${foregroundCtrlActiveBrandRestRaw}, var(${foregroundCtrlBrandRestRaw}))`; +export const foregroundCtrlActiveBrandHover = `var(${foregroundCtrlActiveBrandHoverRaw}, var(${foregroundCtrlBrandHoverRaw}))`; +export const foregroundCtrlActiveBrandPressed = `var(${foregroundCtrlActiveBrandPressedRaw}, var(${foregroundCtrlBrandPressedRaw}))`; +export const foregroundCtrlActiveBrandDisabled = `var(${foregroundCtrlActiveBrandDisabledRaw}, var(${foregroundCtrlBrandDisabledRaw}))`; +export const foregroundCtrlOnActiveBrandRest = `var(${foregroundCtrlOnActiveBrandRestRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const foregroundCtrlOnActiveBrandHover = `var(${foregroundCtrlOnActiveBrandHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const foregroundCtrlOnActiveBrandPressed = `var(${foregroundCtrlOnActiveBrandPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const foregroundCtrlOnActiveBrandDisabled = `var(${foregroundCtrlOnActiveBrandDisabledRaw}, var(${foregroundCtrlOnbrandDisabledRaw}))`; +export const foregroundCtrlOnOutlineRest = `var(${foregroundCtrlOnOutlineRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlOnOutlineHover = `var(${foregroundCtrlOnOutlineHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlOnOutlinePressed = `var(${foregroundCtrlOnOutlinePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlOnOutlineDisabled = `var(${foregroundCtrlOnOutlineDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; +export const foregroundCtrlOnSubtleRest = `var(${foregroundCtrlOnSubtleRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlOnSubtleHover = `var(${foregroundCtrlOnSubtleHoverRaw}, var(${foregroundCtrlNeutralPrimaryHoverRaw}))`; +export const foregroundCtrlOnSubtlePressed = `var(${foregroundCtrlOnSubtlePressedRaw}, var(${foregroundCtrlNeutralPrimaryPressedRaw}))`; +export const foregroundCtrlOnSubtleDisabled = `var(${foregroundCtrlOnSubtleDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; +export const foregroundCtrlOnTransparentRest = `var(${foregroundCtrlOnTransparentRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlOnTransparentHover = `var(${foregroundCtrlOnTransparentHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlOnTransparentPressed = `var(${foregroundCtrlOnTransparentPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; +export const foregroundCtrlOnTransparentDisabled = `var(${foregroundCtrlOnTransparentDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; export const materialAcrylicDefaultSolid = `var(${materialAcrylicDefaultSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialAcrylicDefaultColorblend = `var(${materialAcrylicDefaultColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialAcrylicDefaultLumblend = `var(${materialAcrylicDefaultLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const materialAcrylicDefaultColorBlend = `var(${materialAcrylicDefaultColorBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const materialAcrylicDefaultLumBlend = `var(${materialAcrylicDefaultLumBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; export const materialMicaDefaultSolid = `var(${materialMicaDefaultSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialMicaDefaultColorblend = `var(${materialMicaDefaultColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialMicaDefaultLumblend = `var(${materialMicaDefaultLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const materialMicaDefaultColorBlend = `var(${materialMicaDefaultColorBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const materialMicaDefaultLumBlend = `var(${materialMicaDefaultLumBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; export const materialMicaDarkerSolid = `var(${materialMicaDarkerSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialMicaDarkerColorblend = `var(${materialMicaDarkerColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialMicaDarkerLumblend = `var(${materialMicaDarkerLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const materialMicaDarkerColorBlend = `var(${materialMicaDarkerColorBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const materialMicaDarkerLumBlend = `var(${materialMicaDarkerLumBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; export const materialMicaThinSolid = `var(${materialMicaThinSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialMicaThinColorblend = `var(${materialMicaThinColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialMicaThinLumblend = `var(${materialMicaThinLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const iconthemeCtrlDefaultHover = `var(${iconthemeCtrlDefaultHoverRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconthemeCtrlDefaultPressed = `var(${iconthemeCtrlDefaultPressedRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconthemeCtrlSubtleRest = `var(${iconthemeCtrlSubtleRestRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconthemeCtrlSubtleHover = `var(${iconthemeCtrlSubtleHoverRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconthemeCtrlSubtlePressed = `var(${iconthemeCtrlSubtlePressedRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconthemeCtrlSubtleSelected = `var(${iconthemeCtrlSubtleSelectedRaw}, var(${iconthemeCtrlDefaultSelectedRaw}))`; -export const iconthemeCtrlChevronDefault = `var(${iconthemeCtrlChevronDefaultRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconthemeCtrlChevronSelected = `var(${iconthemeCtrlChevronSelectedRaw}, var(${iconthemeCtrlDefaultSelectedRaw}))`; +export const materialMicaThinColorBlend = `var(${materialMicaThinColorBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const materialMicaThinLumBlend = `var(${materialMicaThinLumBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const iconThemeCtrlDefaultHover = `var(${iconThemeCtrlDefaultHoverRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlDefaultPressed = `var(${iconThemeCtrlDefaultPressedRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlSubtleRest = `var(${iconThemeCtrlSubtleRestRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlSubtleHover = `var(${iconThemeCtrlSubtleHoverRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlSubtlePressed = `var(${iconThemeCtrlSubtlePressedRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlSubtleSelected = `var(${iconThemeCtrlSubtleSelectedRaw}, var(${iconthemeCtrlDefaultSelectedRaw}))`; +export const iconThemeCtrlChevronDefault = `var(${iconThemeCtrlChevronDefaultRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlChevronSelected = `var(${iconThemeCtrlChevronSelectedRaw}, var(${iconthemeCtrlDefaultSelectedRaw}))`; export const statusBrandBackground = `var(${statusBrandBackgroundRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const statusBrandStroke = `var(${statusBrandStrokeRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const statusBrandForeground = `var(${statusBrandForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; @@ -589,9 +535,11 @@ export const statusNeutralForeground = `var(${statusNeutralForegroundRaw}, var($ export const statusNeutralTintForeground = `var(${statusNeutralTintForegroundRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; export const cornerFlyoutShellRest = `var(${cornerFlyoutShellRestRaw}, var(${cornerFlyoutRestRaw}))`; export const materialAcrylicShellDefaultSolid = `var(${materialAcrylicShellDefaultSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialAcrylicShellDefaultColorblend = `var(${materialAcrylicShellDefaultColorblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const materialAcrylicShellDefaultLumblend = `var(${materialAcrylicShellDefaultLumblendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const backgroundCardOnsecondaryDefaultSelected = `var(${backgroundCardOnsecondaryDefaultSelectedRaw}, var(${backgroundCardOnsecondaryDefaultRestRaw}))`; -export const shadowCtrlOndragKey = `var(${shadowCtrlOndragKeyRaw}, var(${shadowFlyoutKeyRaw}))`; -export const shadowCtrlOndragAmbient = `var(${shadowCtrlOndragAmbientRaw}, var(${shadowFlyoutAmbientRaw}))`; +export const materialAcrylicShellDefaultColorBlend = `var(${materialAcrylicShellDefaultColorBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const materialAcrylicShellDefaultLumBlend = `var(${materialAcrylicShellDefaultLumBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; +export const backgroundCardOnSecondaryDefaultSelected = `var(${backgroundCardOnSecondaryDefaultSelectedRaw}, var(${backgroundCardOnsecondaryDefaultRestRaw}))`; +export const textStyleDefaultDisplayFontFamily = `var(${textStyleDefaultDisplayFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleDefaultDisplayLetterSpacing = `var(${textStyleDefaultDisplayLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const shadowCtrlOnDragKey = `var(${shadowCtrlOnDragKeyRaw}, var(${shadowFlyoutKeyRaw}))`; +export const shadowCtrlOnDragAmbient = `var(${shadowCtrlOnDragAmbientRaw}, var(${shadowFlyoutAmbientRaw}))`; export const shadowWindowInactiveKey = `var(${shadowWindowInactiveKeyRaw}, var(${shadowWindowActiveKeyRaw}))`; diff --git a/packages/semantic-tokens/src/optional/variables.ts b/packages/semantic-tokens/src/optional/variables.ts index 9957d665e4d3e..bdb91699ed7af 100644 --- a/packages/semantic-tokens/src/optional/variables.ts +++ b/packages/semantic-tokens/src/optional/variables.ts @@ -1,162 +1,162 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -export const textStyleDefaultHeaderFontfamilyRaw = '--smtc-text-style-default-header-fontfamily'; -export const textStyleDefaultHeaderLetterspacingRaw = '--smtc-text-style-default-header-letterspacing'; -export const textStyleAiRegularFontfamilyRaw = '--smtc-text-style-ai-regular-fontfamily'; +export const textStyleDefaultHeaderFontFamilyRaw = '--smtc-text-style-default-header-font-family'; +export const textStyleDefaultHeaderLetterSpacingRaw = '--smtc-text-style-default-header-letter-spacing'; +export const textStyleAiRegularFontFamilyRaw = '--smtc-text-style-ai-regular-font-family'; export const textStyleAiRegularWeightRaw = '--smtc-text-style-ai-regular-weight'; -export const textStyleAiRegularLetterspacingRaw = '--smtc-text-style-ai-regular-letterspacing'; -export const textStyleAiHeaderFontfamilyRaw = '--smtc-text-style-ai-header-fontfamily'; +export const textStyleAiRegularLetterSpacingRaw = '--smtc-text-style-ai-regular-letter-spacing'; +export const textStyleAiHeaderFontFamilyRaw = '--smtc-text-style-ai-header-font-family'; export const textStyleAiHeaderWeightRaw = '--smtc-text-style-ai-header-weight'; -export const textStyleAiHeaderLetterspacingRaw = '--smtc-text-style-ai-header-letterspacing'; -export const textStyleArticleRegularFontfamilyRaw = '--smtc-text-style-article-regular-fontfamily'; +export const textStyleAiHeaderLetterSpacingRaw = '--smtc-text-style-ai-header-letter-spacing'; +export const textStyleArticleRegularFontFamilyRaw = '--smtc-text-style-article-regular-font-family'; export const textStyleArticleRegularWeightRaw = '--smtc-text-style-article-regular-weight'; -export const textStyleArticleRegularLetterspacingRaw = '--smtc-text-style-article-regular-letterspacing'; -export const textStyleArticleHeaderFontfamilyRaw = '--smtc-text-style-article-header-fontfamily'; +export const textStyleArticleRegularLetterSpacingRaw = '--smtc-text-style-article-regular-letter-spacing'; +export const textStyleArticleHeaderFontFamilyRaw = '--smtc-text-style-article-header-font-family'; export const textStyleArticleHeaderWeightRaw = '--smtc-text-style-article-header-weight'; -export const textStyleArticleHeaderLetterspacingRaw = '--smtc-text-style-article-header-letterspacing'; -export const textStyleCodeRegularFontfamilyRaw = '--smtc-text-style-code-regular-fontfamily'; +export const textStyleArticleHeaderLetterSpacingRaw = '--smtc-text-style-article-header-letter-spacing'; +export const textStyleCodeRegularFontFamilyRaw = '--smtc-text-style-code-regular-font-family'; export const textStyleCodeRegularWeightRaw = '--smtc-text-style-code-regular-weight'; -export const textStyleCodeRegularLetterspacingRaw = '--smtc-text-style-code-regular-letterspacing'; -export const textStyleCodeHeaderFontfamilyRaw = '--smtc-text-style-code-header-fontfamily'; +export const textStyleCodeRegularLetterSpacingRaw = '--smtc-text-style-code-regular-letter-spacing'; +export const textStyleCodeHeaderFontFamilyRaw = '--smtc-text-style-code-header-font-family'; export const textStyleCodeHeaderWeightRaw = '--smtc-text-style-code-header-weight'; -export const textStyleCodeHeaderLetterspacingRaw = '--smtc-text-style-code-header-letterspacing'; -export const textStyleDatavizRegularFontfamilyRaw = '--smtc-text-style-dataviz-regular-fontfamily'; -export const textStyleDatavizRegularWeightRaw = '--smtc-text-style-dataviz-regular-weight'; -export const textStyleDatavizRegularLetterspacingRaw = '--smtc-text-style-dataviz-regular-letterspacing'; -export const textStyleDatavizHeaderFontfamilyRaw = '--smtc-text-style-dataviz-header-fontfamily'; -export const textStyleDatavizHeaderWeightRaw = '--smtc-text-style-dataviz-header-weight'; -export const textStyleDatavizHeaderLetterspacingRaw = '--smtc-text-style-dataviz-header-letterspacing'; -export const textStyleQuoteRegularFontfamilyRaw = '--smtc-text-style-quote-regular-fontfamily'; +export const textStyleCodeHeaderLetterSpacingRaw = '--smtc-text-style-code-header-letter-spacing'; +export const textStyleDataVizRegularFontFamilyRaw = '--smtc-text-style-data-viz-regular-font-family'; +export const textStyleDataVizRegularWeightRaw = '--smtc-text-style-data-viz-regular-weight'; +export const textStyleDataVizRegularLetterSpacingRaw = '--smtc-text-style-data-viz-regular-letter-spacing'; +export const textStyleDataVizHeaderFontFamilyRaw = '--smtc-text-style-data-viz-header-font-family'; +export const textStyleDataVizHeaderWeightRaw = '--smtc-text-style-data-viz-header-weight'; +export const textStyleDataVizHeaderLetterSpacingRaw = '--smtc-text-style-data-viz-header-letter-spacing'; +export const textStyleQuoteRegularFontFamilyRaw = '--smtc-text-style-quote-regular-font-family'; export const textStyleQuoteRegularWeightRaw = '--smtc-text-style-quote-regular-weight'; -export const textStyleQuoteRegularLetterspacingRaw = '--smtc-text-style-quote-regular-letterspacing'; -export const textStyleQuoteHeaderFontfamilyRaw = '--smtc-text-style-quote-header-fontfamily'; +export const textStyleQuoteRegularLetterSpacingRaw = '--smtc-text-style-quote-regular-letter-spacing'; +export const textStyleQuoteHeaderFontFamilyRaw = '--smtc-text-style-quote-header-font-family'; export const textStyleQuoteHeaderWeightRaw = '--smtc-text-style-quote-header-weight'; -export const textStyleQuoteHeaderLetterspacingRaw = '--smtc-text-style-quote-header-letterspacing'; -export const textRampPageheaderFontsizeRaw = '--smtc-text-ramp-pageheader-fontsize'; -export const textRampPageheaderLineheightRaw = '--smtc-text-ramp-pageheader-lineheight'; -export const textRampSectionheaderFontsizeRaw = '--smtc-text-ramp-sectionheader-fontsize'; -export const textRampSectionheaderLineheightRaw = '--smtc-text-ramp-sectionheader-lineheight'; -export const textRampSubsectionheaderFontsizeRaw = '--smtc-text-ramp-subsectionheader-fontsize'; -export const textRampSubsectionheaderLineheightRaw = '--smtc-text-ramp-subsectionheader-lineheight'; -export const textRampReadingbodyFontsizeRaw = '--smtc-text-ramp-readingbody-fontsize'; -export const textRampReadingbodyLineheightRaw = '--smtc-text-ramp-readingbody-lineheight'; -export const textRampItemheaderFontsizeRaw = '--smtc-text-ramp-itemheader-fontsize'; -export const textRampItemheaderLineheightRaw = '--smtc-text-ramp-itemheader-lineheight'; -export const textRampItembodyFontsizeRaw = '--smtc-text-ramp-itembody-fontsize'; -export const textRampItembodyLineheightRaw = '--smtc-text-ramp-itembody-lineheight'; -export const textRampMetadataFontsizeRaw = '--smtc-text-ramp-metadata-fontsize'; -export const textRampMetadataLineheightRaw = '--smtc-text-ramp-metadata-lineheight'; -export const textRampLegalFontsizeRaw = '--smtc-text-ramp-legal-fontsize'; -export const textRampLegalLineheightRaw = '--smtc-text-ramp-legal-lineheight'; -export const textRampSmPageheaderFontsizeRaw = '--smtc-text-ramp-sm-pageheader-fontsize'; -export const textRampSmPageheaderLineheightRaw = '--smtc-text-ramp-sm-pageheader-lineheight'; -export const textRampSmSectionheaderFontsizeRaw = '--smtc-text-ramp-sm-sectionheader-fontsize'; -export const textRampSmSectionheaderLineheightRaw = '--smtc-text-ramp-sm-sectionheader-lineheight'; -export const textRampSmSubsectionheaderFontsizeRaw = '--smtc-text-ramp-sm-subsectionheader-fontsize'; -export const textRampSmSubsectionheaderLineheightRaw = '--smtc-text-ramp-sm-subsectionheader-lineheight'; -export const textRampSmReadingbodyFontsizeRaw = '--smtc-text-ramp-sm-readingbody-fontsize'; -export const textRampSmReadingbodyLineheightRaw = '--smtc-text-ramp-sm-readingbody-lineheight'; -export const textRampSmItemheaderFontsizeRaw = '--smtc-text-ramp-sm-itemheader-fontsize'; -export const textRampSmItemheaderLineheightRaw = '--smtc-text-ramp-sm-itemheader-lineheight'; -export const textRampSmItembodyFontsizeRaw = '--smtc-text-ramp-sm-itembody-fontsize'; -export const textRampSmItembodyLineheightRaw = '--smtc-text-ramp-sm-itembody-lineheight'; -export const textRampSmMetadataFontsizeRaw = '--smtc-text-ramp-sm-metadata-fontsize'; -export const textRampSmMetadataLineheightRaw = '--smtc-text-ramp-sm-metadata-lineheight'; -export const textRampSmLegalFontsizeRaw = '--smtc-text-ramp-sm-legal-fontsize'; -export const textRampSmLegalLineheightRaw = '--smtc-text-ramp-sm-legal-lineheight'; -export const textRampLgPageheaderFontsizeRaw = '--smtc-text-ramp-lg-pageheader-fontsize'; -export const textRampLgPageheaderLineheightRaw = '--smtc-text-ramp-lg-pageheader-lineheight'; -export const textRampLgSectionheaderFontsizeRaw = '--smtc-text-ramp-lg-sectionheader-fontsize'; -export const textRampLgSectionheaderLineheightRaw = '--smtc-text-ramp-lg-sectionheader-lineheight'; -export const textRampLgSubsectionheaderFontsizeRaw = '--smtc-text-ramp-lg-subsectionheader-fontsize'; -export const textRampLgSubsectionheaderLineheightRaw = '--smtc-text-ramp-lg-subsectionheader-lineheight'; -export const textRampLgReadingbodyFontsizeRaw = '--smtc-text-ramp-lg-readingbody-fontsize'; -export const textRampLgReadingbodyLineheightRaw = '--smtc-text-ramp-lg-readingbody-lineheight'; -export const textRampLgItemheaderFontsizeRaw = '--smtc-text-ramp-lg-itemheader-fontsize'; -export const textRampLgItemheaderLineheightRaw = '--smtc-text-ramp-lg-itemheader-lineheight'; -export const textRampLgItembodyFontsizeRaw = '--smtc-text-ramp-lg-itembody-fontsize'; -export const textRampLgItembodyLineheightRaw = '--smtc-text-ramp-lg-itembody-lineheight'; -export const textRampLgMetadataFontsizeRaw = '--smtc-text-ramp-lg-metadata-fontsize'; -export const textRampLgMetadataLineheightRaw = '--smtc-text-ramp-lg-metadata-lineheight'; -export const textRampLgLegalFontsizeRaw = '--smtc-text-ramp-lg-legal-fontsize'; -export const textRampLgLegalLineheightRaw = '--smtc-text-ramp-lg-legal-lineheight'; +export const textStyleQuoteHeaderLetterSpacingRaw = '--smtc-text-style-quote-header-letter-spacing'; +export const textRampPageHeaderFontSizeRaw = '--smtc-text-ramp-page-header-font-size'; +export const textRampPageHeaderLineHeightRaw = '--smtc-text-ramp-page-header-line-height'; +export const textRampSectionHeaderFontSizeRaw = '--smtc-text-ramp-section-header-font-size'; +export const textRampSectionHeaderLineHeightRaw = '--smtc-text-ramp-section-header-line-height'; +export const textRampSubsectionHeaderFontSizeRaw = '--smtc-text-ramp-subsection-header-font-size'; +export const textRampSubsectionHeaderLineHeightRaw = '--smtc-text-ramp-subsection-header-line-height'; +export const textRampReadingBodyFontSizeRaw = '--smtc-text-ramp-reading-body-font-size'; +export const textRampReadingBodyLineHeightRaw = '--smtc-text-ramp-reading-body-line-height'; +export const textRampItemHeaderFontSizeRaw = '--smtc-text-ramp-item-header-font-size'; +export const textRampItemHeaderLineHeightRaw = '--smtc-text-ramp-item-header-line-height'; +export const textRampItemBodyFontSizeRaw = '--smtc-text-ramp-item-body-font-size'; +export const textRampItemBodyLineHeightRaw = '--smtc-text-ramp-item-body-line-height'; +export const textRampMetadataFontSizeRaw = '--smtc-text-ramp-metadata-font-size'; +export const textRampMetadataLineHeightRaw = '--smtc-text-ramp-metadata-line-height'; +export const textRampLegalFontSizeRaw = '--smtc-text-ramp-legal-font-size'; +export const textRampLegalLineHeightRaw = '--smtc-text-ramp-legal-line-height'; +export const textRampSmPageHeaderFontSizeRaw = '--smtc-text-ramp-sm-page-header-font-size'; +export const textRampSmPageHeaderLineHeightRaw = '--smtc-text-ramp-sm-page-header-line-height'; +export const textRampSmSectionHeaderFontSizeRaw = '--smtc-text-ramp-sm-section-header-font-size'; +export const textRampSmSectionHeaderLineHeightRaw = '--smtc-text-ramp-sm-section-header-line-height'; +export const textRampSmSubsectionHeaderFontSizeRaw = '--smtc-text-ramp-sm-subsection-header-font-size'; +export const textRampSmSubsectionHeaderLineHeightRaw = '--smtc-text-ramp-sm-subsection-header-line-height'; +export const textRampSmReadingBodyFontSizeRaw = '--smtc-text-ramp-sm-reading-body-font-size'; +export const textRampSmReadingBodyLineHeightRaw = '--smtc-text-ramp-sm-reading-body-line-height'; +export const textRampSmItemHeaderFontSizeRaw = '--smtc-text-ramp-sm-item-header-font-size'; +export const textRampSmItemHeaderLineHeightRaw = '--smtc-text-ramp-sm-item-header-line-height'; +export const textRampSmItemBodyFontSizeRaw = '--smtc-text-ramp-sm-item-body-font-size'; +export const textRampSmItemBodyLineHeightRaw = '--smtc-text-ramp-sm-item-body-line-height'; +export const textRampSmMetadataFontSizeRaw = '--smtc-text-ramp-sm-metadata-font-size'; +export const textRampSmMetadataLineHeightRaw = '--smtc-text-ramp-sm-metadata-line-height'; +export const textRampSmLegalFontSizeRaw = '--smtc-text-ramp-sm-legal-font-size'; +export const textRampSmLegalLineHeightRaw = '--smtc-text-ramp-sm-legal-line-height'; +export const textRampLgPageHeaderFontSizeRaw = '--smtc-text-ramp-lg-page-header-font-size'; +export const textRampLgPageHeaderLineHeightRaw = '--smtc-text-ramp-lg-page-header-line-height'; +export const textRampLgSectionHeaderFontSizeRaw = '--smtc-text-ramp-lg-section-header-font-size'; +export const textRampLgSectionHeaderLineHeightRaw = '--smtc-text-ramp-lg-section-header-line-height'; +export const textRampLgSubsectionHeaderFontSizeRaw = '--smtc-text-ramp-lg-subsection-header-font-size'; +export const textRampLgSubsectionHeaderLineHeightRaw = '--smtc-text-ramp-lg-subsection-header-line-height'; +export const textRampLgReadingBodyFontSizeRaw = '--smtc-text-ramp-lg-reading-body-font-size'; +export const textRampLgReadingBodyLineHeightRaw = '--smtc-text-ramp-lg-reading-body-line-height'; +export const textRampLgItemHeaderFontSizeRaw = '--smtc-text-ramp-lg-item-header-font-size'; +export const textRampLgItemHeaderLineHeightRaw = '--smtc-text-ramp-lg-item-header-line-height'; +export const textRampLgItemBodyFontSizeRaw = '--smtc-text-ramp-lg-item-body-font-size'; +export const textRampLgItemBodyLineHeightRaw = '--smtc-text-ramp-lg-item-body-line-height'; +export const textRampLgMetadataFontSizeRaw = '--smtc-text-ramp-lg-metadata-font-size'; +export const textRampLgMetadataLineHeightRaw = '--smtc-text-ramp-lg-metadata-line-height'; +export const textRampLgLegalFontSizeRaw = '--smtc-text-ramp-lg-legal-font-size'; +export const textRampLgLegalLineHeightRaw = '--smtc-text-ramp-lg-legal-line-height'; export const textCtrlWeightDefaultRaw = '--smtc-text-ctrl-weight-default'; export const textCtrlButtonWeightDefaultRaw = '--smtc-text-ctrl-button-weight-default'; export const textCtrlButtonWeightSelectedRaw = '--smtc-text-ctrl-button-weight-selected'; export const paddingToolbarInsideRaw = '--smtc-padding-toolbar-inside'; export const paddingToolbarOutsideRaw = '--smtc-padding-toolbar-outside'; export const paddingFlyoutDefaultRaw = '--smtc-padding-flyout-default'; -export const paddingCardNestedimageRaw = '--smtc-padding-card-nestedimage'; -export const paddingCtrlTextbottomRaw = '--smtc-padding-ctrl-textbottom'; -export const paddingCtrlSmTextbottomRaw = '--smtc-padding-ctrl-sm-textbottom'; -export const paddingCtrlLgTextbottomRaw = '--smtc-padding-ctrl-lg-textbottom'; +export const paddingCardNestedImageRaw = '--smtc-padding-card-nested-image'; +export const paddingCtrlTextBottomRaw = '--smtc-padding-ctrl-text-bottom'; +export const paddingCtrlSmTextBottomRaw = '--smtc-padding-ctrl-sm-text-bottom'; +export const paddingCtrlLgTextBottomRaw = '--smtc-padding-ctrl-lg-text-bottom'; export const gapBetweenCtrlNestedRaw = '--smtc-gap-between-ctrl-nested'; -export const gapTextSmallRaw = '--smtc-gap-text-small'; -export const gapTextLargeRaw = '--smtc-gap-text-large'; +export const gapBetweenTextSmallRaw = '--smtc-gap-between-text-small'; export const gapBetweenCtrlLgNestedRaw = '--smtc-gap-between-ctrl-lg-nested'; +export const gapBetweenTextLargeRaw = '--smtc-gap-between-text-large'; export const gapBetweenCtrlSmNestedRaw = '--smtc-gap-between-ctrl-sm-nested'; -export const gapListRaw = '--smtc-gap-list'; -export const gapCardRaw = '--smtc-gap-card'; -export const strokewidthDividerDefaultRaw = '--smtc-strokewidth-divider-default'; -export const strokewidthDividerStrongRaw = '--smtc-strokewidth-divider-strong'; -export const strokewidthCtrlOutlineRestRaw = '--smtc-strokewidth-ctrl-outline-rest'; -export const strokewidthCtrlOutlineHoverRaw = '--smtc-strokewidth-ctrl-outline-hover'; -export const strokewidthCtrlOutlinePressedRaw = '--smtc-strokewidth-ctrl-outline-pressed'; -export const strokewidthCtrlOutlineSelectedRaw = '--smtc-strokewidth-ctrl-outline-selected'; -export const strokewidthWindowDefaultRaw = '--smtc-strokewidth-window-default'; +export const gapBetweenListItemRaw = '--smtc-gap-between-list-item'; +export const gapBetweenCardRaw = '--smtc-gap-between-card'; +export const strokeWidthDividerDefaultRaw = '--smtc-stroke-width-divider-default'; +export const strokeWidthDividerStrongRaw = '--smtc-stroke-width-divider-strong'; +export const strokeWidthCtrlOutlineRestRaw = '--smtc-stroke-width-ctrl-outline-rest'; +export const strokeWidthCtrlOutlineHoverRaw = '--smtc-stroke-width-ctrl-outline-hover'; +export const strokeWidthCtrlOutlinePressedRaw = '--smtc-stroke-width-ctrl-outline-pressed'; +export const strokeWidthCtrlOutlineSelectedRaw = '--smtc-stroke-width-ctrl-outline-selected'; +export const strokeWidthWindowDefaultRaw = '--smtc-stroke-width-window-default'; export const backgroundToolbarRaw = '--smtc-background-toolbar'; export const strokeToolbarRaw = '--smtc-stroke-toolbar'; -export const strokeCtrlOnbrandRestStop2Raw = '--smtc-stroke-ctrl-onbrand-reststop2'; -export const strokeCtrlOnbrandHoverStop2Raw = '--smtc-stroke-ctrl-onbrand-hoverstop2'; -export const strokeCtrlOnbrandPressedStop2Raw = '--smtc-stroke-ctrl-onbrand-pressedstop2'; -export const strokeCtrlOnbrandDisabledStop2Raw = '--smtc-stroke-ctrl-onbrand-disabledstop2'; -export const strokeCtrlOnneutralRestStop2Raw = '--smtc-stroke-ctrl-onneutral-reststop2'; -export const strokeCtrlOnneutralHoverStop2Raw = '--smtc-stroke-ctrl-onneutral-hoverstop2'; -export const strokeCtrlOnneutralPressedStop2Raw = '--smtc-stroke-ctrl-onneutral-pressedstop2'; -export const strokeCtrlOnneutralDisabledStop2Raw = '--smtc-stroke-ctrl-onneutral-disabledstop2'; -export const strokeCtrlOnoutlineRestStop2Raw = '--smtc-stroke-ctrl-onoutline-reststop2'; -export const strokeCtrlOnoutlineHoverStop2Raw = '--smtc-stroke-ctrl-onoutline-hoverstop2'; -export const strokeCtrlOnoutlinePressedStop2Raw = '--smtc-stroke-ctrl-onoutline-pressedstop2'; -export const strokeCtrlOnoutlineDisabledStop2Raw = '--smtc-stroke-ctrl-onoutline-disabledstop2'; -export const strokeCtrlOnactivebrandRestRaw = '--smtc-stroke-ctrl-onactivebrand-rest'; -export const strokeCtrlDividerOnbrandDisabledRaw = '--smtc-stroke-ctrl-divider-onbrand-disabled'; -export const strokeCtrlDividerOnneutralDisabledRaw = '--smtc-stroke-ctrl-divider-onneutral-disabled'; -export const strokeCtrlDividerOnoutlineDisabledRaw = '--smtc-stroke-ctrl-divider-onoutline-disabled'; -export const strokeCtrlDividerOnactivebrandRaw = '--smtc-stroke-ctrl-divider-onactivebrand'; -export const strokeCtrlDividerOnactivebrandDisabledRaw = '--smtc-stroke-ctrl-divider-onactivebrand-disabled'; -export const strokeCtrlOnactivebrandHoverRaw = '--smtc-stroke-ctrl-onactivebrand-hover'; -export const strokeCtrlOnactivebrandPressedRaw = '--smtc-stroke-ctrl-onactivebrand-pressed'; -export const strokeCtrlOnactivebrandDisabledRaw = '--smtc-stroke-ctrl-onactivebrand-disabled'; -export const strokeCtrlOnactivebrandRestStop2Raw = '--smtc-stroke-ctrl-onactivebrand-reststop2'; -export const strokeCtrlOnactivebrandHoverStop2Raw = '--smtc-stroke-ctrl-onactivebrand-hoverstop2'; -export const strokeCtrlOnactivebrandPressedStop2Raw = '--smtc-stroke-ctrl-onactivebrand-pressedstop2'; -export const strokeCtrlOnactivebrandDisabledStop2Raw = '--smtc-stroke-ctrl-onactivebrand-disabledstop2'; +export const strokeCtrlOnBrandRestStop2Raw = '--smtc-stroke-ctrl-on-brand-rest-stop2'; +export const strokeCtrlOnBrandHoverStop2Raw = '--smtc-stroke-ctrl-on-brand-hover-stop2'; +export const strokeCtrlOnBrandPressedStop2Raw = '--smtc-stroke-ctrl-on-brand-pressed-stop2'; +export const strokeCtrlOnBrandDisabledStop2Raw = '--smtc-stroke-ctrl-on-brand-disabled-stop2'; +export const strokeCtrlOnNeutralRestStop2Raw = '--smtc-stroke-ctrl-on-neutral-rest-stop2'; +export const strokeCtrlOnNeutralHoverStop2Raw = '--smtc-stroke-ctrl-on-neutral-hover-stop2'; +export const strokeCtrlOnNeutralPressedStop2Raw = '--smtc-stroke-ctrl-on-neutral-pressed-stop2'; +export const strokeCtrlOnNeutralDisabledStop2Raw = '--smtc-stroke-ctrl-on-neutral-disabled-stop2'; +export const strokeCtrlOnOutlineRestStop2Raw = '--smtc-stroke-ctrl-on-outline-rest-stop2'; +export const strokeCtrlOnOutlineHoverStop2Raw = '--smtc-stroke-ctrl-on-outline-hover-stop2'; +export const strokeCtrlOnOutlinePressedStop2Raw = '--smtc-stroke-ctrl-on-outline-pressed-stop2'; +export const strokeCtrlOnOutlineDisabledStop2Raw = '--smtc-stroke-ctrl-on-outline-disabled-stop2'; +export const strokeCtrlOnActiveBrandRestRaw = '--smtc-stroke-ctrl-on-active-brand-rest'; +export const strokeCtrlDividerOnBrandDisabledRaw = '--smtc-stroke-ctrl-divider-on-brand-disabled'; +export const strokeCtrlDividerOnActiveBrandRaw = '--smtc-stroke-ctrl-divider-on-active-brand'; +export const strokeCtrlDividerOnActiveBrandDisabledRaw = '--smtc-stroke-ctrl-divider-on-active-brand-disabled'; +export const strokeCtrlDividerOnNeutralDisabledRaw = '--smtc-stroke-ctrl-divider-on-neutral-disabled'; +export const strokeCtrlDividerOnOutlineDisabledRaw = '--smtc-stroke-ctrl-divider-on-outline-disabled'; +export const strokeCtrlOnActiveBrandHoverRaw = '--smtc-stroke-ctrl-on-active-brand-hover'; +export const strokeCtrlOnActiveBrandPressedRaw = '--smtc-stroke-ctrl-on-active-brand-pressed'; +export const strokeCtrlOnActiveBrandDisabledRaw = '--smtc-stroke-ctrl-on-active-brand-disabled'; +export const strokeCtrlOnActiveBrandRestStop2Raw = '--smtc-stroke-ctrl-on-active-brand-rest-stop2'; +export const strokeCtrlOnActiveBrandHoverStop2Raw = '--smtc-stroke-ctrl-on-active-brand-hover-stop2'; +export const strokeCtrlOnActiveBrandPressedStop2Raw = '--smtc-stroke-ctrl-on-active-brand-pressed-stop2'; +export const strokeCtrlOnActiveBrandDisabledStop2Raw = '--smtc-stroke-ctrl-on-active-brand-disabled-stop2'; export const strokeDividerSubtleRaw = '--smtc-stroke-divider-subtle'; export const strokeDividerStrongRaw = '--smtc-stroke-divider-strong'; export const strokeDividerBrandRaw = '--smtc-stroke-divider-brand'; export const strokeWindowInactiveRaw = '--smtc-stroke-window-inactive'; -export const backgroundLayerPrimaryStop1Raw = '--smtc-background-layer-primarystop1'; -export const backgroundLayerPrimaryStop2Raw = '--smtc-background-layer-primarystop2'; -export const backgroundLayerPrimaryStop3Raw = '--smtc-background-layer-primarystop3'; +export const backgroundLayerPrimaryStop1Raw = '--smtc-background-layer-primary-stop1'; +export const backgroundLayerPrimaryStop2Raw = '--smtc-background-layer-primary-stop2'; +export const backgroundLayerPrimaryStop3Raw = '--smtc-background-layer-primary-stop3'; export const backgroundLayerSecondaryRaw = '--smtc-background-layer-secondary'; export const backgroundLayerTertiaryRaw = '--smtc-background-layer-tertiary'; -export const backgroundCardOnprimaryDefaultSelectedRaw = '--smtc-background-card-onprimary-default-selected'; -export const backgroundCtrlActivebrandRestRaw = '--smtc-background-ctrl-activebrand-rest'; -export const backgroundCtrlActivebrandHoverRaw = '--smtc-background-ctrl-activebrand-hover'; -export const backgroundCtrlActivebrandPressedRaw = '--smtc-background-ctrl-activebrand-pressed'; -export const backgroundCtrlActivebrandDisabledRaw = '--smtc-background-ctrl-activebrand-disabled'; -export const backgroundCtrlShapesafeActivebrandRestRaw = '--smtc-background-ctrl-shapesafe-activebrand-rest'; -export const backgroundCtrlShapesafeActivebrandDisabledRaw = '--smtc-background-ctrl-shapesafe-activebrand-disabled'; -export const backgroundCtrlShapesafeNeutralRestRaw = '--smtc-background-ctrl-shapesafe-neutral-rest'; -export const backgroundCtrlShapesafeNeutralHoverRaw = '--smtc-background-ctrl-shapesafe-neutral-hover'; -export const backgroundCtrlShapesafeNeutralPressedRaw = '--smtc-background-ctrl-shapesafe-neutral-pressed'; -export const backgroundCtrlShapesafeNeutralDisabledRaw = '--smtc-background-ctrl-shapesafe-neutral-disabled'; +export const backgroundCardOnPrimaryDefaultSelectedRaw = '--smtc-background-card-on-primary-default-selected'; +export const backgroundCtrlActiveBrandRestRaw = '--smtc-background-ctrl-active-brand-rest'; +export const backgroundCtrlActiveBrandHoverRaw = '--smtc-background-ctrl-active-brand-hover'; +export const backgroundCtrlActiveBrandPressedRaw = '--smtc-background-ctrl-active-brand-pressed'; +export const backgroundCtrlActiveBrandDisabledRaw = '--smtc-background-ctrl-active-brand-disabled'; +export const backgroundCtrlShapeSafeActiveBrandRestRaw = '--smtc-background-ctrl-shape-safe-active-brand-rest'; +export const backgroundCtrlShapeSafeActiveBrandDisabledRaw = '--smtc-background-ctrl-shape-safe-active-brand-disabled'; +export const backgroundCtrlShapeSafeNeutralRestRaw = '--smtc-background-ctrl-shape-safe-neutral-rest'; +export const backgroundCtrlShapeSafeNeutralHoverRaw = '--smtc-background-ctrl-shape-safe-neutral-hover'; +export const backgroundCtrlShapeSafeNeutralPressedRaw = '--smtc-background-ctrl-shape-safe-neutral-pressed'; +export const backgroundCtrlShapeSafeNeutralDisabledRaw = '--smtc-background-ctrl-shape-safe-neutral-disabled'; export const cornerFlyoutHoverRaw = '--smtc-corner-flyout-hover'; export const cornerFlyoutPressedRaw = '--smtc-corner-flyout-pressed'; export const cornerLayerIntersectionRaw = '--smtc-corner-layer-intersection'; export const cornerCardHoverRaw = '--smtc-corner-card-hover'; export const cornerCardPressedRaw = '--smtc-corner-card-pressed'; export const cornerToolbarDefaultRaw = '--smtc-corner-toolbar-default'; -export const cornerImageOnpageRaw = '--smtc-corner-image-onpage'; +export const cornerImageOnPageRaw = '--smtc-corner-image-on-page'; export const cornerCtrlHoverRaw = '--smtc-corner-ctrl-hover'; export const cornerCtrlPressedRaw = '--smtc-corner-ctrl-pressed'; export const cornerCtrlSmHoverRaw = '--smtc-corner-ctrl-sm-hover'; @@ -170,60 +170,60 @@ export const foregroundCtrlNeutralPrimaryHoverRaw = '--smtc-foreground-ctrl-neut export const foregroundCtrlNeutralPrimaryPressedRaw = '--smtc-foreground-ctrl-neutral-primary-pressed'; export const foregroundCtrlNeutralSecondaryHoverRaw = '--smtc-foreground-ctrl-neutral-secondary-hover'; export const foregroundCtrlNeutralSecondaryPressedRaw = '--smtc-foreground-ctrl-neutral-secondary-pressed'; -export const foregroundCtrlIconOnneutralRestRaw = '--smtc-foreground-ctrl-icon-onneutral-rest'; -export const foregroundCtrlIconOnneutralHoverRaw = '--smtc-foreground-ctrl-icon-onneutral-hover'; -export const foregroundCtrlIconOnneutralPressedRaw = '--smtc-foreground-ctrl-icon-onneutral-pressed'; -export const foregroundCtrlIconOnneutralDisabledRaw = '--smtc-foreground-ctrl-icon-onneutral-disabled'; -export const foregroundCtrlIconOnoutlineRestRaw = '--smtc-foreground-ctrl-icon-onoutline-rest'; -export const foregroundCtrlIconOnoutlineHoverRaw = '--smtc-foreground-ctrl-icon-onoutline-hover'; -export const foregroundCtrlIconOnoutlinePressedRaw = '--smtc-foreground-ctrl-icon-onoutline-pressed'; -export const foregroundCtrlIconOnoutlineDisabledRaw = '--smtc-foreground-ctrl-icon-onoutline-disabled'; -export const foregroundCtrlIconOnsubtleRestRaw = '--smtc-foreground-ctrl-icon-onsubtle-rest'; -export const foregroundCtrlIconOnsubtleHoverRaw = '--smtc-foreground-ctrl-icon-onsubtle-hover'; -export const foregroundCtrlIconOnsubtlePressedRaw = '--smtc-foreground-ctrl-icon-onsubtle-pressed'; -export const foregroundCtrlIconOnsubtleDisabledRaw = '--smtc-foreground-ctrl-icon-onsubtle-disabled'; -export const foregroundCtrlOnbrandHoverRaw = '--smtc-foreground-ctrl-onbrand-hover'; -export const foregroundCtrlOnbrandPressedRaw = '--smtc-foreground-ctrl-onbrand-pressed'; -export const foregroundCtrlActivebrandRestRaw = '--smtc-foreground-ctrl-activebrand-rest'; -export const foregroundCtrlActivebrandHoverRaw = '--smtc-foreground-ctrl-activebrand-hover'; -export const foregroundCtrlActivebrandPressedRaw = '--smtc-foreground-ctrl-activebrand-pressed'; -export const foregroundCtrlActivebrandDisabledRaw = '--smtc-foreground-ctrl-activebrand-disabled'; -export const foregroundCtrlOnactivebrandRestRaw = '--smtc-foreground-ctrl-onactivebrand-rest'; -export const foregroundCtrlOnactivebrandHoverRaw = '--smtc-foreground-ctrl-onactivebrand-hover'; -export const foregroundCtrlOnactivebrandPressedRaw = '--smtc-foreground-ctrl-onactivebrand-pressed'; -export const foregroundCtrlOnactivebrandDisabledRaw = '--smtc-foreground-ctrl-onactivebrand-disabled'; -export const foregroundCtrlOnoutlineRestRaw = '--smtc-foreground-ctrl-onoutline-rest'; -export const foregroundCtrlOnoutlineHoverRaw = '--smtc-foreground-ctrl-onoutline-hover'; -export const foregroundCtrlOnoutlinePressedRaw = '--smtc-foreground-ctrl-onoutline-pressed'; -export const foregroundCtrlOnoutlineDisabledRaw = '--smtc-foreground-ctrl-onoutline-disabled'; -export const foregroundCtrlOnsubtleRestRaw = '--smtc-foreground-ctrl-onsubtle-rest'; -export const foregroundCtrlOnsubtleHoverRaw = '--smtc-foreground-ctrl-onsubtle-hover'; -export const foregroundCtrlOnsubtlePressedRaw = '--smtc-foreground-ctrl-onsubtle-pressed'; -export const foregroundCtrlOnsubtleDisabledRaw = '--smtc-foreground-ctrl-onsubtle-disabled'; -export const foregroundCtrlOntransparentRestRaw = '--smtc-foreground-ctrl-ontransparent-rest'; -export const foregroundCtrlOntransparentHoverRaw = '--smtc-foreground-ctrl-ontransparent-hover'; -export const foregroundCtrlOntransparentPressedRaw = '--smtc-foreground-ctrl-ontransparent-pressed'; -export const foregroundCtrlOntransparentDisabledRaw = '--smtc-foreground-ctrl-ontransparent-disabled'; +export const foregroundCtrlIconOnNeutralRestRaw = '--smtc-foreground-ctrl-icon-on-neutral-rest'; +export const foregroundCtrlIconOnNeutralHoverRaw = '--smtc-foreground-ctrl-icon-on-neutral-hover'; +export const foregroundCtrlIconOnNeutralPressedRaw = '--smtc-foreground-ctrl-icon-on-neutral-pressed'; +export const foregroundCtrlIconOnNeutralDisabledRaw = '--smtc-foreground-ctrl-icon-on-neutral-disabled'; +export const foregroundCtrlIconOnOutlineRestRaw = '--smtc-foreground-ctrl-icon-on-outline-rest'; +export const foregroundCtrlIconOnOutlineHoverRaw = '--smtc-foreground-ctrl-icon-on-outline-hover'; +export const foregroundCtrlIconOnOutlinePressedRaw = '--smtc-foreground-ctrl-icon-on-outline-pressed'; +export const foregroundCtrlIconOnOutlineDisabledRaw = '--smtc-foreground-ctrl-icon-on-outline-disabled'; +export const foregroundCtrlIconOnSubtleRestRaw = '--smtc-foreground-ctrl-icon-on-subtle-rest'; +export const foregroundCtrlIconOnSubtleHoverRaw = '--smtc-foreground-ctrl-icon-on-subtle-hover'; +export const foregroundCtrlIconOnSubtlePressedRaw = '--smtc-foreground-ctrl-icon-on-subtle-pressed'; +export const foregroundCtrlIconOnSubtleDisabledRaw = '--smtc-foreground-ctrl-icon-on-subtle-disabled'; +export const foregroundCtrlOnBrandHoverRaw = '--smtc-foreground-ctrl-on-brand-hover'; +export const foregroundCtrlOnBrandPressedRaw = '--smtc-foreground-ctrl-on-brand-pressed'; +export const foregroundCtrlActiveBrandRestRaw = '--smtc-foreground-ctrl-active-brand-rest'; +export const foregroundCtrlActiveBrandHoverRaw = '--smtc-foreground-ctrl-active-brand-hover'; +export const foregroundCtrlActiveBrandPressedRaw = '--smtc-foreground-ctrl-active-brand-pressed'; +export const foregroundCtrlActiveBrandDisabledRaw = '--smtc-foreground-ctrl-active-brand-disabled'; +export const foregroundCtrlOnActiveBrandRestRaw = '--smtc-foreground-ctrl-on-active-brand-rest'; +export const foregroundCtrlOnActiveBrandHoverRaw = '--smtc-foreground-ctrl-on-active-brand-hover'; +export const foregroundCtrlOnActiveBrandPressedRaw = '--smtc-foreground-ctrl-on-active-brand-pressed'; +export const foregroundCtrlOnActiveBrandDisabledRaw = '--smtc-foreground-ctrl-on-active-brand-disabled'; +export const foregroundCtrlOnOutlineRestRaw = '--smtc-foreground-ctrl-on-outline-rest'; +export const foregroundCtrlOnOutlineHoverRaw = '--smtc-foreground-ctrl-on-outline-hover'; +export const foregroundCtrlOnOutlinePressedRaw = '--smtc-foreground-ctrl-on-outline-pressed'; +export const foregroundCtrlOnOutlineDisabledRaw = '--smtc-foreground-ctrl-on-outline-disabled'; +export const foregroundCtrlOnSubtleRestRaw = '--smtc-foreground-ctrl-on-subtle-rest'; +export const foregroundCtrlOnSubtleHoverRaw = '--smtc-foreground-ctrl-on-subtle-hover'; +export const foregroundCtrlOnSubtlePressedRaw = '--smtc-foreground-ctrl-on-subtle-pressed'; +export const foregroundCtrlOnSubtleDisabledRaw = '--smtc-foreground-ctrl-on-subtle-disabled'; +export const foregroundCtrlOnTransparentRestRaw = '--smtc-foreground-ctrl-on-transparent-rest'; +export const foregroundCtrlOnTransparentHoverRaw = '--smtc-foreground-ctrl-on-transparent-hover'; +export const foregroundCtrlOnTransparentPressedRaw = '--smtc-foreground-ctrl-on-transparent-pressed'; +export const foregroundCtrlOnTransparentDisabledRaw = '--smtc-foreground-ctrl-on-transparent-disabled'; export const materialAcrylicDefaultSolidRaw = '--smtc-material-acrylic-default-solid'; -export const materialAcrylicDefaultColorblendRaw = '--smtc-material-acrylic-default-colorblend'; -export const materialAcrylicDefaultLumblendRaw = '--smtc-material-acrylic-default-lumblend'; +export const materialAcrylicDefaultColorBlendRaw = '--smtc-material-acrylic-default-color-blend'; +export const materialAcrylicDefaultLumBlendRaw = '--smtc-material-acrylic-default-lum-blend'; export const materialMicaDefaultSolidRaw = '--smtc-material-mica-default-solid'; -export const materialMicaDefaultColorblendRaw = '--smtc-material-mica-default-colorblend'; -export const materialMicaDefaultLumblendRaw = '--smtc-material-mica-default-lumblend'; +export const materialMicaDefaultColorBlendRaw = '--smtc-material-mica-default-color-blend'; +export const materialMicaDefaultLumBlendRaw = '--smtc-material-mica-default-lum-blend'; export const materialMicaDarkerSolidRaw = '--smtc-material-mica-darker-solid'; -export const materialMicaDarkerColorblendRaw = '--smtc-material-mica-darker-colorblend'; -export const materialMicaDarkerLumblendRaw = '--smtc-material-mica-darker-lumblend'; +export const materialMicaDarkerColorBlendRaw = '--smtc-material-mica-darker-color-blend'; +export const materialMicaDarkerLumBlendRaw = '--smtc-material-mica-darker-lum-blend'; export const materialMicaThinSolidRaw = '--smtc-material-mica-thin-solid'; -export const materialMicaThinColorblendRaw = '--smtc-material-mica-thin-colorblend'; -export const materialMicaThinLumblendRaw = '--smtc-material-mica-thin-lumblend'; -export const iconthemeCtrlDefaultHoverRaw = '--smtc-icontheme-ctrl-default-hover'; -export const iconthemeCtrlDefaultPressedRaw = '--smtc-icontheme-ctrl-default-pressed'; -export const iconthemeCtrlSubtleRestRaw = '--smtc-icontheme-ctrl-subtle-rest'; -export const iconthemeCtrlSubtleHoverRaw = '--smtc-icontheme-ctrl-subtle-hover'; -export const iconthemeCtrlSubtlePressedRaw = '--smtc-icontheme-ctrl-subtle-pressed'; -export const iconthemeCtrlSubtleSelectedRaw = '--smtc-icontheme-ctrl-subtle-selected'; -export const iconthemeCtrlChevronDefaultRaw = '--smtc-icontheme-ctrl-chevron-default'; -export const iconthemeCtrlChevronSelectedRaw = '--smtc-icontheme-ctrl-chevron-selected'; +export const materialMicaThinColorBlendRaw = '--smtc-material-mica-thin-color-blend'; +export const materialMicaThinLumBlendRaw = '--smtc-material-mica-thin-lum-blend'; +export const iconThemeCtrlDefaultHoverRaw = '--smtc-icon-theme-ctrl-default-hover'; +export const iconThemeCtrlDefaultPressedRaw = '--smtc-icon-theme-ctrl-default-pressed'; +export const iconThemeCtrlSubtleRestRaw = '--smtc-icon-theme-ctrl-subtle-rest'; +export const iconThemeCtrlSubtleHoverRaw = '--smtc-icon-theme-ctrl-subtle-hover'; +export const iconThemeCtrlSubtlePressedRaw = '--smtc-icon-theme-ctrl-subtle-pressed'; +export const iconThemeCtrlSubtleSelectedRaw = '--smtc-icon-theme-ctrl-subtle-selected'; +export const iconThemeCtrlChevronDefaultRaw = '--smtc-icon-theme-ctrl-chevron-default'; +export const iconThemeCtrlChevronSelectedRaw = '--smtc-icon-theme-ctrl-chevron-selected'; export const statusBrandBackgroundRaw = '--smtc-status-brand-background'; export const statusBrandStrokeRaw = '--smtc-status-brand-stroke'; export const statusBrandForegroundRaw = '--smtc-status-brand-foreground'; @@ -243,9 +243,11 @@ export const statusNeutralForegroundRaw = '--smtc-status-neutral-foreground'; export const statusNeutralTintForegroundRaw = '--smtc-status-neutral-tint-foreground'; export const cornerFlyoutShellRestRaw = '--smtc-corner-flyout-shell-rest'; export const materialAcrylicShellDefaultSolidRaw = '--smtc-material-acrylic-shell-default-solid'; -export const materialAcrylicShellDefaultColorblendRaw = '--smtc-material-acrylic-shell-default-colorblend'; -export const materialAcrylicShellDefaultLumblendRaw = '--smtc-material-acrylic-shell-default-lumblend'; -export const backgroundCardOnsecondaryDefaultSelectedRaw = '--smtc-background-card-onsecondary-default-selected'; -export const shadowCtrlOndragKeyRaw = '--smtc-shadow-ctrl-ondrag-key'; -export const shadowCtrlOndragAmbientRaw = '--smtc-shadow-ctrl-ondrag-ambient'; +export const materialAcrylicShellDefaultColorBlendRaw = '--smtc-material-acrylic-shell-default-color-blend'; +export const materialAcrylicShellDefaultLumBlendRaw = '--smtc-material-acrylic-shell-default-lum-blend'; +export const backgroundCardOnSecondaryDefaultSelectedRaw = '--smtc-background-card-on-secondary-default-selected'; +export const textStyleDefaultDisplayFontFamilyRaw = '--smtc-text-style-default-display-font-family'; +export const textStyleDefaultDisplayLetterSpacingRaw = '--smtc-text-style-default-display-letter-spacing'; +export const shadowCtrlOnDragKeyRaw = '--smtc-shadow-ctrl-on-drag-key'; +export const shadowCtrlOnDragAmbientRaw = '--smtc-shadow-ctrl-on-drag-ambient'; export const shadowWindowInactiveKeyRaw = '--smtc-shadow-window-inactive-key'; From 616f79718697679512dc7e2823f4ca7df269b3dd Mon Sep 17 00:00:00 2001 From: Mitch-At-Work Date: Tue, 13 May 2025 12:12:21 -0700 Subject: [PATCH 2/7] Break tokens --- packages/semantic-tokens/.eslintrc.json | 3 +- .../etc/semantic-tokens.api.md | 1640 +++++++++-------- .../semantic-tokens/scripts/legacyTokens.ts | 2 +- packages/semantic-tokens/scripts/tokenGen.ts | 4 +- .../src/components/avatar/tokens.ts | 11 +- .../src/components/badge/tokens.ts | 3 +- .../src/components/choice/tokens.ts | 7 +- .../src/components/focus/tokens.ts | 4 +- .../src/components/input/tokens.ts | 30 +- .../src/components/link/tokens.ts | 9 +- .../src/components/list/tokens.ts | 6 +- .../src/components/liteFilter/tokens.ts | 13 +- .../src/components/rating/tokens.ts | 4 +- .../src/components/slider/tokens.ts | 17 +- .../src/components/split/tokens.ts | 5 +- .../fallback}/fluentOverrides.ts | 19 +- .../semantic-tokens/src/optional/tokens.ts | 334 ++-- packages/semantic-tokens/utils/toCamelCase.ts | 8 +- 18 files changed, 1128 insertions(+), 991 deletions(-) rename packages/semantic-tokens/{scripts => src/fallback}/fluentOverrides.ts (85%) diff --git a/packages/semantic-tokens/.eslintrc.json b/packages/semantic-tokens/.eslintrc.json index 3bb2e2adabc30..0b740e9994262 100644 --- a/packages/semantic-tokens/.eslintrc.json +++ b/packages/semantic-tokens/.eslintrc.json @@ -7,6 +7,7 @@ { "patterns": ["react", "react-dom"] } - ] + ], + "sort-keys": ["error"] } } diff --git a/packages/semantic-tokens/etc/semantic-tokens.api.md b/packages/semantic-tokens/etc/semantic-tokens.api.md index f1c560a5c3db4..d1808237bf20a 100644 --- a/packages/semantic-tokens/etc/semantic-tokens.api.md +++ b/packages/semantic-tokens/etc/semantic-tokens.api.md @@ -53,160 +53,160 @@ export const aiShimmerStop4 = "var(--smtc-ai-shimmer-stop4)"; export const aiShimmerStop4Raw = "--smtc-ai-shimmer-stop4"; // @public (undocumented) -export const backgroundCardOnflyoutDefaultDisabled = "var(--smtc-background-card-onflyout-default-disabled)"; +export const backgroundCardOnFlyoutDefaultDisabled = "var(--smtc-background-card-on-flyout-default-disabled)"; // @public (undocumented) -export const backgroundCardOnflyoutDefaultDisabledRaw = "--smtc-background-card-onflyout-default-disabled"; +export const backgroundCardOnFlyoutDefaultDisabledRaw = "--smtc-background-card-on-flyout-default-disabled"; // @public (undocumented) -export const backgroundCardOnflyoutDefaultHover = "var(--smtc-background-card-onflyout-default-hover)"; +export const backgroundCardOnFlyoutDefaultHover = "var(--smtc-background-card-on-flyout-default-hover)"; // @public (undocumented) -export const backgroundCardOnflyoutDefaultHoverRaw = "--smtc-background-card-onflyout-default-hover"; +export const backgroundCardOnFlyoutDefaultHoverRaw = "--smtc-background-card-on-flyout-default-hover"; // @public (undocumented) -export const backgroundCardOnflyoutDefaultPressed = "var(--smtc-background-card-onflyout-default-pressed)"; +export const backgroundCardOnFlyoutDefaultPressed = "var(--smtc-background-card-on-flyout-default-pressed)"; // @public (undocumented) -export const backgroundCardOnflyoutDefaultPressedRaw = "--smtc-background-card-onflyout-default-pressed"; +export const backgroundCardOnFlyoutDefaultPressedRaw = "--smtc-background-card-on-flyout-default-pressed"; // @public (undocumented) -export const backgroundCardOnflyoutDefaultRest = "var(--smtc-background-card-onflyout-default-rest)"; +export const backgroundCardOnFlyoutDefaultRest = "var(--smtc-background-card-on-flyout-default-rest)"; // @public (undocumented) -export const backgroundCardOnflyoutDefaultRestRaw = "--smtc-background-card-onflyout-default-rest"; +export const backgroundCardOnFlyoutDefaultRestRaw = "--smtc-background-card-on-flyout-default-rest"; // @public (undocumented) -export const backgroundCardOnprimaryAltDisabled = "var(--smtc-background-card-onprimary-alt-disabled)"; +export const backgroundCardOnPrimaryAltDisabled = "var(--smtc-background-card-on-primary-alt-disabled)"; // @public (undocumented) -export const backgroundCardOnprimaryAltDisabledRaw = "--smtc-background-card-onprimary-alt-disabled"; +export const backgroundCardOnPrimaryAltDisabledRaw = "--smtc-background-card-on-primary-alt-disabled"; // @public (undocumented) -export const backgroundCardOnprimaryAltHover = "var(--smtc-background-card-onprimary-alt-hover)"; +export const backgroundCardOnPrimaryAltHover = "var(--smtc-background-card-on-primary-alt-hover)"; // @public (undocumented) -export const backgroundCardOnprimaryAltHoverRaw = "--smtc-background-card-onprimary-alt-hover"; +export const backgroundCardOnPrimaryAltHoverRaw = "--smtc-background-card-on-primary-alt-hover"; // @public (undocumented) -export const backgroundCardOnprimaryAltPressed = "var(--smtc-background-card-onprimary-alt-pressed)"; +export const backgroundCardOnPrimaryAltPressed = "var(--smtc-background-card-on-primary-alt-pressed)"; // @public (undocumented) -export const backgroundCardOnprimaryAltPressedRaw = "--smtc-background-card-onprimary-alt-pressed"; +export const backgroundCardOnPrimaryAltPressedRaw = "--smtc-background-card-on-primary-alt-pressed"; // @public (undocumented) -export const backgroundCardOnprimaryAltRest = "var(--smtc-background-card-onprimary-alt-rest)"; +export const backgroundCardOnPrimaryAltRest = "var(--smtc-background-card-on-primary-alt-rest)"; // @public (undocumented) -export const backgroundCardOnprimaryAltRestRaw = "--smtc-background-card-onprimary-alt-rest"; +export const backgroundCardOnPrimaryAltRestRaw = "--smtc-background-card-on-primary-alt-rest"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultDisabled = "var(--smtc-background-card-onprimary-default-disabled)"; +export const backgroundCardOnPrimaryDefaultDisabled = "var(--smtc-background-card-on-primary-default-disabled)"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultDisabledRaw = "--smtc-background-card-onprimary-default-disabled"; +export const backgroundCardOnPrimaryDefaultDisabledRaw = "--smtc-background-card-on-primary-default-disabled"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultHover = "var(--smtc-background-card-onprimary-default-hover)"; +export const backgroundCardOnPrimaryDefaultHover = "var(--smtc-background-card-on-primary-default-hover)"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultHoverRaw = "--smtc-background-card-onprimary-default-hover"; +export const backgroundCardOnPrimaryDefaultHoverRaw = "--smtc-background-card-on-primary-default-hover"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultPressed = "var(--smtc-background-card-onprimary-default-pressed)"; +export const backgroundCardOnPrimaryDefaultPressed = "var(--smtc-background-card-on-primary-default-pressed)"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultPressedRaw = "--smtc-background-card-onprimary-default-pressed"; +export const backgroundCardOnPrimaryDefaultPressedRaw = "--smtc-background-card-on-primary-default-pressed"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultRest = "var(--smtc-background-card-onprimary-default-rest)"; +export const backgroundCardOnPrimaryDefaultRest = "var(--smtc-background-card-on-primary-default-rest)"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultRestRaw = "--smtc-background-card-onprimary-default-rest"; +export const backgroundCardOnPrimaryDefaultRestRaw = "--smtc-background-card-on-primary-default-rest"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultSelected = "var(--smtc-background-card-onprimary-default-selected, var(--smtc-background-card-onprimary-default-rest))"; +export const backgroundCardOnPrimaryDefaultSelected = "var(--smtc-background-card-on-primary-default-selected, var(--smtc-background-card-on-primary-default-rest))"; // @public (undocumented) -export const backgroundCardOnprimaryDefaultSelectedRaw = "--smtc-background-card-onprimary-default-selected"; +export const backgroundCardOnPrimaryDefaultSelectedRaw = "--smtc-background-card-on-primary-default-selected"; // @public (undocumented) -export const backgroundCardOnsecondaryAltDisabled = "var(--smtc-background-card-onsecondary-alt-disabled)"; +export const backgroundCardOnSecondaryAltDisabled = "var(--smtc-background-card-on-secondary-alt-disabled)"; // @public (undocumented) -export const backgroundCardOnsecondaryAltDisabledRaw = "--smtc-background-card-onsecondary-alt-disabled"; +export const backgroundCardOnSecondaryAltDisabledRaw = "--smtc-background-card-on-secondary-alt-disabled"; // @public (undocumented) -export const backgroundCardOnsecondaryAltHover = "var(--smtc-background-card-onsecondary-alt-hover)"; +export const backgroundCardOnSecondaryAltHover = "var(--smtc-background-card-on-secondary-alt-hover)"; // @public (undocumented) -export const backgroundCardOnsecondaryAltHoverRaw = "--smtc-background-card-onsecondary-alt-hover"; +export const backgroundCardOnSecondaryAltHoverRaw = "--smtc-background-card-on-secondary-alt-hover"; // @public (undocumented) -export const backgroundCardOnsecondaryAltPressed = "var(--smtc-background-card-onsecondary-alt-pressed)"; +export const backgroundCardOnSecondaryAltPressed = "var(--smtc-background-card-on-secondary-alt-pressed)"; // @public (undocumented) -export const backgroundCardOnsecondaryAltPressedRaw = "--smtc-background-card-onsecondary-alt-pressed"; +export const backgroundCardOnSecondaryAltPressedRaw = "--smtc-background-card-on-secondary-alt-pressed"; // @public (undocumented) -export const backgroundCardOnsecondaryAltRest = "var(--smtc-background-card-onsecondary-alt-rest)"; +export const backgroundCardOnSecondaryAltRest = "var(--smtc-background-card-on-secondary-alt-rest)"; // @public (undocumented) -export const backgroundCardOnsecondaryAltRestRaw = "--smtc-background-card-onsecondary-alt-rest"; +export const backgroundCardOnSecondaryAltRestRaw = "--smtc-background-card-on-secondary-alt-rest"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultDisabled = "var(--smtc-background-card-onsecondary-default-disabled)"; +export const backgroundCardOnSecondaryDefaultDisabled = "var(--smtc-background-card-on-secondary-default-disabled)"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultDisabledRaw = "--smtc-background-card-onsecondary-default-disabled"; +export const backgroundCardOnSecondaryDefaultDisabledRaw = "--smtc-background-card-on-secondary-default-disabled"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultHover = "var(--smtc-background-card-onsecondary-default-hover)"; +export const backgroundCardOnSecondaryDefaultHover = "var(--smtc-background-card-on-secondary-default-hover)"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultHoverRaw = "--smtc-background-card-onsecondary-default-hover"; +export const backgroundCardOnSecondaryDefaultHoverRaw = "--smtc-background-card-on-secondary-default-hover"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultPressed = "var(--smtc-background-card-onsecondary-default-pressed)"; +export const backgroundCardOnSecondaryDefaultPressed = "var(--smtc-background-card-on-secondary-default-pressed)"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultPressedRaw = "--smtc-background-card-onsecondary-default-pressed"; +export const backgroundCardOnSecondaryDefaultPressedRaw = "--smtc-background-card-on-secondary-default-pressed"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultRest = "var(--smtc-background-card-onsecondary-default-rest)"; +export const backgroundCardOnSecondaryDefaultRest = "var(--smtc-background-card-on-secondary-default-rest)"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultRestRaw = "--smtc-background-card-onsecondary-default-rest"; +export const backgroundCardOnSecondaryDefaultRestRaw = "--smtc-background-card-on-secondary-default-rest"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultSelected = "var(--smtc-background-card-onsecondary-default-selected, var(--smtc-background-card-onsecondary-default-rest))"; +export const backgroundCardOnSecondaryDefaultSelected = "var(--smtc-background-card-on-secondary-default-selected, var(--smtc-background-card-on-secondary-default-rest))"; // @public (undocumented) -export const backgroundCardOnsecondaryDefaultSelectedRaw = "--smtc-background-card-onsecondary-default-selected"; +export const backgroundCardOnSecondaryDefaultSelectedRaw = "--smtc-background-card-on-secondary-default-selected"; // @public (undocumented) -export const backgroundCtrlActivebrandDisabled = "var(--smtc-background-ctrl-activebrand-disabled, var(--smtc-background-ctrl-brand-disabled))"; +export const backgroundCtrlActiveBrandDisabled = "var(--smtc-background-ctrl-active-brand-disabled, var(--smtc-background-ctrl-brand-disabled))"; // @public (undocumented) -export const backgroundCtrlActivebrandDisabledRaw = "--smtc-background-ctrl-activebrand-disabled"; +export const backgroundCtrlActiveBrandDisabledRaw = "--smtc-background-ctrl-active-brand-disabled"; // @public (undocumented) -export const backgroundCtrlActivebrandHover = "var(--smtc-background-ctrl-activebrand-hover, var(--smtc-background-ctrl-brand-hover))"; +export const backgroundCtrlActiveBrandHover = "var(--smtc-background-ctrl-active-brand-hover, var(--smtc-background-ctrl-brand-hover))"; // @public (undocumented) -export const backgroundCtrlActivebrandHoverRaw = "--smtc-background-ctrl-activebrand-hover"; +export const backgroundCtrlActiveBrandHoverRaw = "--smtc-background-ctrl-active-brand-hover"; // @public (undocumented) -export const backgroundCtrlActivebrandPressed = "var(--smtc-background-ctrl-activebrand-pressed, var(--smtc-background-ctrl-brand-pressed))"; +export const backgroundCtrlActiveBrandPressed = "var(--smtc-background-ctrl-active-brand-pressed, var(--smtc-background-ctrl-brand-pressed))"; // @public (undocumented) -export const backgroundCtrlActivebrandPressedRaw = "--smtc-background-ctrl-activebrand-pressed"; +export const backgroundCtrlActiveBrandPressedRaw = "--smtc-background-ctrl-active-brand-pressed"; // @public (undocumented) -export const backgroundCtrlActivebrandRest = "var(--smtc-background-ctrl-activebrand-rest, var(--smtc-background-ctrl-brand-rest))"; +export const backgroundCtrlActiveBrandRest = "var(--smtc-background-ctrl-active-brand-rest, var(--smtc-background-ctrl-brand-rest))"; // @public (undocumented) -export const backgroundCtrlActivebrandRestRaw = "--smtc-background-ctrl-activebrand-rest"; +export const backgroundCtrlActiveBrandRestRaw = "--smtc-background-ctrl-active-brand-rest"; // @public (undocumented) export const backgroundCtrlBrandDisabled = "var(--smtc-background-ctrl-brand-disabled)"; @@ -281,40 +281,40 @@ export const backgroundCtrlOutlineRest = "var(--smtc-background-ctrl-outline-res export const backgroundCtrlOutlineRestRaw = "--smtc-background-ctrl-outline-rest"; // @public (undocumented) -export const backgroundCtrlShapesafeActivebrandDisabled = "var(--smtc-background-ctrl-shapesafe-activebrand-disabled, var(--smtc-background-ctrl-brand-disabled))"; +export const backgroundCtrlShapeSafeActiveBrandDisabled = "var(--smtc-background-ctrl-shape-safe-active-brand-disabled, var(--smtc-background-ctrl-brand-disabled))"; // @public (undocumented) -export const backgroundCtrlShapesafeActivebrandDisabledRaw = "--smtc-background-ctrl-shapesafe-activebrand-disabled"; +export const backgroundCtrlShapeSafeActiveBrandDisabledRaw = "--smtc-background-ctrl-shape-safe-active-brand-disabled"; // @public (undocumented) -export const backgroundCtrlShapesafeActivebrandRest = "var(--smtc-background-ctrl-shapesafe-activebrand-rest, var(--smtc-background-ctrl-brand-rest))"; +export const backgroundCtrlShapeSafeActiveBrandRest = "var(--smtc-background-ctrl-shape-safe-active-brand-rest, var(--smtc-background-ctrl-brand-rest))"; // @public (undocumented) -export const backgroundCtrlShapesafeActivebrandRestRaw = "--smtc-background-ctrl-shapesafe-activebrand-rest"; +export const backgroundCtrlShapeSafeActiveBrandRestRaw = "--smtc-background-ctrl-shape-safe-active-brand-rest"; // @public (undocumented) -export const backgroundCtrlShapesafeNeutralDisabled = "var(--smtc-background-ctrl-shapesafe-neutral-disabled, var(--smtc-foreground-ctrl-neutral-secondary-disabled))"; +export const backgroundCtrlShapeSafeNeutralDisabled = "var(--smtc-background-ctrl-shape-safe-neutral-disabled, var(--smtc-foreground-ctrl-neutral-secondary-disabled))"; // @public (undocumented) -export const backgroundCtrlShapesafeNeutralDisabledRaw = "--smtc-background-ctrl-shapesafe-neutral-disabled"; +export const backgroundCtrlShapeSafeNeutralDisabledRaw = "--smtc-background-ctrl-shape-safe-neutral-disabled"; // @public (undocumented) -export const backgroundCtrlShapesafeNeutralHover = "var(--smtc-background-ctrl-shapesafe-neutral-hover, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; +export const backgroundCtrlShapeSafeNeutralHover = "var(--smtc-background-ctrl-shape-safe-neutral-hover, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; // @public (undocumented) -export const backgroundCtrlShapesafeNeutralHoverRaw = "--smtc-background-ctrl-shapesafe-neutral-hover"; +export const backgroundCtrlShapeSafeNeutralHoverRaw = "--smtc-background-ctrl-shape-safe-neutral-hover"; // @public (undocumented) -export const backgroundCtrlShapesafeNeutralPressed = "var(--smtc-background-ctrl-shapesafe-neutral-pressed, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; +export const backgroundCtrlShapeSafeNeutralPressed = "var(--smtc-background-ctrl-shape-safe-neutral-pressed, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; // @public (undocumented) -export const backgroundCtrlShapesafeNeutralPressedRaw = "--smtc-background-ctrl-shapesafe-neutral-pressed"; +export const backgroundCtrlShapeSafeNeutralPressedRaw = "--smtc-background-ctrl-shape-safe-neutral-pressed"; // @public (undocumented) -export const backgroundCtrlShapesafeNeutralRest = "var(--smtc-background-ctrl-shapesafe-neutral-rest, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; +export const backgroundCtrlShapeSafeNeutralRest = "var(--smtc-background-ctrl-shape-safe-neutral-rest, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; // @public (undocumented) -export const backgroundCtrlShapesafeNeutralRestRaw = "--smtc-background-ctrl-shapesafe-neutral-rest"; +export const backgroundCtrlShapeSafeNeutralRestRaw = "--smtc-background-ctrl-shape-safe-neutral-rest"; // @public (undocumented) export const backgroundCtrlSubtleDisabled = "var(--smtc-background-ctrl-subtle-disabled, unset)"; @@ -329,10 +329,10 @@ export const backgroundCtrlSubtleHover = "var(--smtc-background-ctrl-subtle-hove export const backgroundCtrlSubtleHoverRaw = "--smtc-background-ctrl-subtle-hover"; // @public (undocumented) -export const backgroundCtrlSubtleHoversplit = "var(--smtc-background-ctrl-subtle-hoversplit, unset)"; +export const backgroundCtrlSubtleHoverSplit = "var(--smtc-background-ctrl-subtle-hover-split, unset)"; // @public (undocumented) -export const backgroundCtrlSubtleHoversplitRaw = "--smtc-background-ctrl-subtle-hoversplit"; +export const backgroundCtrlSubtleHoverSplitRaw = "--smtc-background-ctrl-subtle-hover-split"; // @public (undocumented) export const backgroundCtrlSubtlePressed = "var(--smtc-background-ctrl-subtle-pressed)"; @@ -347,16 +347,16 @@ export const backgroundCtrlSubtleRest = "var(--smtc-background-ctrl-subtle-rest, export const backgroundCtrlSubtleRestRaw = "--smtc-background-ctrl-subtle-rest"; // @public (undocumented) -export const backgroundFlyoutColorblend = "var(--smtc-background-flyout-colorblend)"; +export const backgroundFlyoutColorBlend = "var(--smtc-background-flyout-color-blend)"; // @public (undocumented) -export const backgroundFlyoutColorblendRaw = "--smtc-background-flyout-colorblend"; +export const backgroundFlyoutColorBlendRaw = "--smtc-background-flyout-color-blend"; // @public (undocumented) -export const backgroundFlyoutLumblend = "var(--smtc-background-flyout-lumblend)"; +export const backgroundFlyoutLumBlend = "var(--smtc-background-flyout-lum-blend)"; // @public (undocumented) -export const backgroundFlyoutLumblendRaw = "--smtc-background-flyout-lumblend"; +export const backgroundFlyoutLumBlendRaw = "--smtc-background-flyout-lum-blend"; // @public (undocumented) export const backgroundFlyoutSolid = "var(--smtc-background-flyout-solid)"; @@ -365,37 +365,37 @@ export const backgroundFlyoutSolid = "var(--smtc-background-flyout-solid)"; export const backgroundFlyoutSolidRaw = "--smtc-background-flyout-solid"; // @public (undocumented) -export const backgroundLayerPrimarySolid = "var(--smtc-background-layer-primarysolid)"; +export const backgroundLayerPrimarySolid = "var(--smtc-background-layer-primary-solid)"; // @public (undocumented) -export const backgroundLayerPrimarySolidRaw = "--smtc-background-layer-primarysolid"; +export const backgroundLayerPrimarySolidRaw = "--smtc-background-layer-primary-solid"; // @public (undocumented) -export const backgroundLayerPrimaryStop1 = "var(--smtc-background-layer-primarystop1, var(--smtc-background-layer-primarysolid))"; +export const backgroundLayerPrimaryStop1 = "var(--smtc-background-layer-primary-stop1, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const backgroundLayerPrimaryStop1Raw = "--smtc-background-layer-primarystop1"; +export const backgroundLayerPrimaryStop1Raw = "--smtc-background-layer-primary-stop1"; // @public (undocumented) -export const backgroundLayerPrimaryStop2 = "var(--smtc-background-layer-primarystop2, var(--smtc-background-layer-primarysolid))"; +export const backgroundLayerPrimaryStop2 = "var(--smtc-background-layer-primary-stop2, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const backgroundLayerPrimaryStop2Raw = "--smtc-background-layer-primarystop2"; +export const backgroundLayerPrimaryStop2Raw = "--smtc-background-layer-primary-stop2"; // @public (undocumented) -export const backgroundLayerPrimaryStop3 = "var(--smtc-background-layer-primarystop3, var(--smtc-background-layer-primarysolid))"; +export const backgroundLayerPrimaryStop3 = "var(--smtc-background-layer-primary-stop3, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const backgroundLayerPrimaryStop3Raw = "--smtc-background-layer-primarystop3"; +export const backgroundLayerPrimaryStop3Raw = "--smtc-background-layer-primary-stop3"; // @public (undocumented) -export const backgroundLayerSecondary = "var(--smtc-background-layer-secondary, var(--smtc-background-layer-primarysolid))"; +export const backgroundLayerSecondary = "var(--smtc-background-layer-secondary, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) export const backgroundLayerSecondaryRaw = "--smtc-background-layer-secondary"; // @public (undocumented) -export const backgroundLayerTertiary = "var(--smtc-background-layer-tertiary, var(--smtc-background-layer-primarysolid))"; +export const backgroundLayerTertiary = "var(--smtc-background-layer-tertiary, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) export const backgroundLayerTertiaryRaw = "--smtc-background-layer-tertiary"; @@ -407,34 +407,34 @@ export const backgroundSmoke = "var(--smtc-background-smoke)"; export const backgroundSmokeRaw = "--smtc-background-smoke"; // @public (undocumented) -export const backgroundToolbar = "var(--smtc-background-toolbar, var(--smtc-background-card-onprimary-default-rest))"; +export const backgroundToolbar = "var(--smtc-background-toolbar, var(--smtc-background-card-on-primary-default-rest))"; // @public (undocumented) export const backgroundToolbarRaw = "--smtc-background-toolbar"; // @public (undocumented) -export const backgroundWebpagePrimary = "var(--smtc-background-webpage-primary)"; +export const backgroundWebPagePrimary = "var(--smtc-background-web-page-primary)"; // @public (undocumented) -export const backgroundWebpagePrimaryRaw = "--smtc-background-webpage-primary"; +export const backgroundWebPagePrimaryRaw = "--smtc-background-web-page-primary"; // @public (undocumented) -export const backgroundWebpageSecondary = "var(--smtc-background-webpage-secondary)"; +export const backgroundWebPageSecondary = "var(--smtc-background-web-page-secondary)"; // @public (undocumented) -export const backgroundWebpageSecondaryRaw = "--smtc-background-webpage-secondary"; +export const backgroundWebPageSecondaryRaw = "--smtc-background-web-page-secondary"; // @public (undocumented) -export const backgroundWindowPrimaryColorblend = "var(--smtc-background-window-primary-colorblend)"; +export const backgroundWindowPrimaryColorBlend = "var(--smtc-background-window-primary-color-blend)"; // @public (undocumented) -export const backgroundWindowPrimaryColorblendRaw = "--smtc-background-window-primary-colorblend"; +export const backgroundWindowPrimaryColorBlendRaw = "--smtc-background-window-primary-color-blend"; // @public (undocumented) -export const backgroundWindowPrimaryLumblend = "var(--smtc-background-window-primary-lumblend)"; +export const backgroundWindowPrimaryLumBlend = "var(--smtc-background-window-primary-lum-blend)"; // @public (undocumented) -export const backgroundWindowPrimaryLumblendRaw = "--smtc-background-window-primary-lumblend"; +export const backgroundWindowPrimaryLumBlendRaw = "--smtc-background-window-primary-lum-blend"; // @public (undocumented) export const backgroundWindowPrimarySolid = "var(--smtc-background-window-primary-solid)"; @@ -443,16 +443,16 @@ export const backgroundWindowPrimarySolid = "var(--smtc-background-window-primar export const backgroundWindowPrimarySolidRaw = "--smtc-background-window-primary-solid"; // @public (undocumented) -export const backgroundWindowSecondaryColorblend = "var(--smtc-background-window-secondary-colorblend)"; +export const backgroundWindowSecondaryColorBlend = "var(--smtc-background-window-secondary-color-blend)"; // @public (undocumented) -export const backgroundWindowSecondaryColorblendRaw = "--smtc-background-window-secondary-colorblend"; +export const backgroundWindowSecondaryColorBlendRaw = "--smtc-background-window-secondary-color-blend"; // @public (undocumented) -export const backgroundWindowSecondaryLumblend = "var(--smtc-background-window-secondary-lumblend)"; +export const backgroundWindowSecondaryLumBlend = "var(--smtc-background-window-secondary-lum-blend)"; // @public (undocumented) -export const backgroundWindowSecondaryLumblendRaw = "--smtc-background-window-secondary-lumblend"; +export const backgroundWindowSecondaryLumBlendRaw = "--smtc-background-window-secondary-lum-blend"; // @public (undocumented) export const backgroundWindowSecondarySolid = "var(--smtc-background-window-secondary-solid)"; @@ -461,22 +461,22 @@ export const backgroundWindowSecondarySolid = "var(--smtc-background-window-seco export const backgroundWindowSecondarySolidRaw = "--smtc-background-window-secondary-solid"; // @public (undocumented) -export const backgroundWindowTabbandColorblend = "var(--smtc-background-window-tabband-colorblend)"; +export const backgroundWindowTabBandColorBlend = "var(--smtc-background-window-tab-band-color-blend)"; // @public (undocumented) -export const backgroundWindowTabbandColorblendRaw = "--smtc-background-window-tabband-colorblend"; +export const backgroundWindowTabBandColorBlendRaw = "--smtc-background-window-tab-band-color-blend"; // @public (undocumented) -export const backgroundWindowTabbandLumblend = "var(--smtc-background-window-tabband-lumblend)"; +export const backgroundWindowTabBandLumBlend = "var(--smtc-background-window-tab-band-lum-blend)"; // @public (undocumented) -export const backgroundWindowTabbandLumblendRaw = "--smtc-background-window-tabband-lumblend"; +export const backgroundWindowTabBandLumBlendRaw = "--smtc-background-window-tab-band-lum-blend"; // @public (undocumented) -export const backgroundWindowTabbandSolid = "var(--smtc-background-window-tabband-solid)"; +export const backgroundWindowTabBandSolid = "var(--smtc-background-window-tab-band-solid)"; // @public (undocumented) -export const backgroundWindowTabbandSolidRaw = "--smtc-background-window-tabband-solid"; +export const backgroundWindowTabBandSolidRaw = "--smtc-background-window-tab-band-solid"; // @public (undocumented) export const cornerBezel = "var(--smtc-corner-bezel)"; @@ -587,16 +587,16 @@ export const cornerFlyoutShellRest = "var(--smtc-corner-flyout-shell-rest, var(- export const cornerFlyoutShellRestRaw = "--smtc-corner-flyout-shell-rest"; // @public (undocumented) -export const cornerImageIncard = "var(--smtc-corner-image-incard)"; +export const cornerImageInCard = "var(--smtc-corner-image-in-card)"; // @public (undocumented) -export const cornerImageIncardRaw = "--smtc-corner-image-incard"; +export const cornerImageInCardRaw = "--smtc-corner-image-in-card"; // @public (undocumented) -export const cornerImageOnpage = "var(--smtc-corner-image-onpage, var(--smtc-corner-card-rest))"; +export const cornerImageOnPage = "var(--smtc-corner-image-on-page, var(--smtc-corner-card-rest))"; // @public (undocumented) -export const cornerImageOnpageRaw = "--smtc-corner-image-onpage"; +export const cornerImageOnPageRaw = "--smtc-corner-image-on-page"; // @public (undocumented) export const cornerLayerDefault = "var(--smtc-corner-layer-default)"; @@ -629,22 +629,22 @@ export const cornerZero = "var(--smtc-corner-zero)"; export const cornerZeroRaw = "--smtc-corner-zero"; // @public (undocumented) -export const ctrlAvatarActiveringSize = "var(--smtc-ctrl-avatar-activering-size)"; +export const ctrlAvatarActiveRingSize = "var(--smtc-ctrl-avatar-active-ring-size)"; // @public (undocumented) -export const ctrlAvatarActiveringSizeRaw = "--smtc-ctrl-avatar-activering-size"; +export const ctrlAvatarActiveRingSizeRaw = "--smtc-ctrl-avatar-active-ring-size"; // @public (undocumented) -export const ctrlAvatarActiveringStroke = "var(--smtc-ctrl-avatar-activering-stroke, var(--smtc-background-ctrl-brand-rest))"; +export const ctrlAvatarActiveRingStroke = "var(--smtc-ctrl-avatar-active-ring-stroke, var(--smtc-background-ctrl-brand-rest))"; // @public (undocumented) -export const ctrlAvatarActiveringStrokeRaw = "--smtc-ctrl-avatar-activering-stroke"; +export const ctrlAvatarActiveRingStrokeRaw = "--smtc-ctrl-avatar-active-ring-stroke"; // @public (undocumented) -export const ctrlAvatarActiveringStrokewidth = "var(--smtc-ctrl-avatar-activering-strokewidth)"; +export const ctrlAvatarActiveRingStrokeWidth = "var(--smtc-ctrl-avatar-active-ring-stroke-width)"; // @public (undocumented) -export const ctrlAvatarActiveringStrokewidthRaw = "--smtc-ctrl-avatar-activering-strokewidth"; +export const ctrlAvatarActiveRingStrokeWidthRaw = "--smtc-ctrl-avatar-active-ring-stroke-width"; // @public (undocumented) export const ctrlAvatarBackground = "var(--smtc-ctrl-avatar-background)"; @@ -677,34 +677,34 @@ export const ctrlAvatarIconSize = "var(--smtc-ctrl-avatar-icon-size, var(--smtc- export const ctrlAvatarIconSizeRaw = "--smtc-ctrl-avatar-icon-size"; // @public (undocumented) -export const ctrlAvatarPresencebadgeBackgroundBehindbadge = "var(--smtc-ctrl-avatar-presencebadge-background-behindbadge, var(--smtc-background-layer-primarysolid))"; +export const ctrlAvatarPresenceBadgeBackgroundBehindBadge = "var(--smtc-ctrl-avatar-presence-badge-background-behind-badge, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const ctrlAvatarPresencebadgeBackgroundBehindbadgeRaw = "--smtc-ctrl-avatar-presencebadge-background-behindbadge"; +export const ctrlAvatarPresenceBadgeBackgroundBehindBadgeRaw = "--smtc-ctrl-avatar-presence-badge-background-behind-badge"; // @public (undocumented) -export const ctrlAvatarPresencebadgePaddingBottomrightoffset = "var(--smtc-ctrl-avatar-presencebadge-padding-bottomrightoffset, var(--smtc-strokewidth-default))"; +export const ctrlAvatarPresenceBadgePaddingBottomRightOffset = "var(--smtc-ctrl-avatar-presence-badge-padding-bottom-right-offset, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlAvatarPresencebadgePaddingBottomrightoffsetRaw = "--smtc-ctrl-avatar-presencebadge-padding-bottomrightoffset"; +export const ctrlAvatarPresenceBadgePaddingBottomRightOffsetRaw = "--smtc-ctrl-avatar-presence-badge-padding-bottom-right-offset"; // @public (undocumented) -export const ctrlAvatarPresencebadgeSize = "var(--smtc-ctrl-avatar-presencebadge-size)"; +export const ctrlAvatarPresenceBadgeSize = "var(--smtc-ctrl-avatar-presence-badge-size)"; // @public (undocumented) -export const ctrlAvatarPresencebadgeSizeRaw = "--smtc-ctrl-avatar-presencebadge-size"; +export const ctrlAvatarPresenceBadgeSizeRaw = "--smtc-ctrl-avatar-presence-badge-size"; // @public (undocumented) -export const ctrlAvatarPresencebadgeStrokewidth = "var(--smtc-ctrl-avatar-presencebadge-strokewidth, var(--smtc-strokewidth-default))"; +export const ctrlAvatarPresenceBadgeStrokeWidth = "var(--smtc-ctrl-avatar-presence-badge-stroke-width, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlAvatarPresencebadgeStrokewidthRaw = "--smtc-ctrl-avatar-presencebadge-strokewidth"; +export const ctrlAvatarPresenceBadgeStrokeWidthRaw = "--smtc-ctrl-avatar-presence-badge-stroke-width"; // @public (undocumented) -export const ctrlAvatarShowcutout = "var(--smtc-ctrl-avatar-showcutout)"; +export const ctrlAvatarShowCutout = "var(--smtc-ctrl-avatar-show-cutout)"; // @public (undocumented) -export const ctrlAvatarShowcutoutRaw = "--smtc-ctrl-avatar-showcutout"; +export const ctrlAvatarShowCutoutRaw = "--smtc-ctrl-avatar-show-cutout"; // @public (undocumented) export const ctrlAvatarSize = "var(--smtc-ctrl-avatar-size, var(--smtc-size-ctrl-default))"; @@ -713,22 +713,22 @@ export const ctrlAvatarSize = "var(--smtc-ctrl-avatar-size, var(--smtc-size-ctrl export const ctrlAvatarSizeRaw = "--smtc-ctrl-avatar-size"; // @public (undocumented) -export const ctrlAvatarTextFontsize = "var(--smtc-ctrl-avatar-text-fontsize, var(--smtc-text-global-body3-fontsize))"; +export const ctrlAvatarTextFontSize = "var(--smtc-ctrl-avatar-text-font-size, var(--smtc-text-global-body3-font-size))"; // @public (undocumented) -export const ctrlAvatarTextFontsizeRaw = "--smtc-ctrl-avatar-text-fontsize"; +export const ctrlAvatarTextFontSizeRaw = "--smtc-ctrl-avatar-text-font-size"; // @public (undocumented) -export const ctrlAvatarTextLineheight = "var(--smtc-ctrl-avatar-text-lineheight, var(--smtc-text-global-body3-lineheight))"; +export const ctrlAvatarTextLineHeight = "var(--smtc-ctrl-avatar-text-line-height, var(--smtc-text-global-body3-line-height))"; // @public (undocumented) -export const ctrlAvatarTextLineheightRaw = "--smtc-ctrl-avatar-text-lineheight"; +export const ctrlAvatarTextLineHeightRaw = "--smtc-ctrl-avatar-text-line-height"; // @public (undocumented) -export const ctrlAvatarTextPaddingTopoffset = "var(--smtc-ctrl-avatar-text-padding-topoffset, unset)"; +export const ctrlAvatarTextPaddingTopOffset = "var(--smtc-ctrl-avatar-text-padding-top-offset, unset)"; // @public (undocumented) -export const ctrlAvatarTextPaddingTopoffsetRaw = "--smtc-ctrl-avatar-text-padding-topoffset"; +export const ctrlAvatarTextPaddingTopOffsetRaw = "--smtc-ctrl-avatar-text-padding-top-offset"; // @public (undocumented) export const ctrlBadgeBeaconSize = "var(--smtc-ctrl-badge-beacon-size)"; @@ -755,7 +755,7 @@ export const ctrlBadgeIconSize = "var(--smtc-ctrl-badge-icon-size)"; export const ctrlBadgeIconSizeRaw = "--smtc-ctrl-badge-icon-size"; // @public (undocumented) -export const ctrlBadgeIconTheme = "var(--smtc-ctrl-badge-icon-theme, var(--smtc-icontheme-ctrl-default-rest))"; +export const ctrlBadgeIconTheme = "var(--smtc-ctrl-badge-icon-theme, var(--smtc-icon-theme-ctrl-default-rest))"; // @public (undocumented) export const ctrlBadgeIconThemeRaw = "--smtc-ctrl-badge-icon-theme"; @@ -857,10 +857,10 @@ export const ctrlBadgeTextPaddingTop = "var(--smtc-ctrl-badge-text-padding-top)" export const ctrlBadgeTextPaddingTopRaw = "--smtc-ctrl-badge-text-padding-top"; // @public (undocumented) -export const ctrlBooleanSelectionhint = "var(--smtc-ctrl-boolean-selectionhint)"; +export const ctrlBooleanSelectionHint = "var(--smtc-ctrl-boolean-selection-hint)"; // @public (undocumented) -export const ctrlBooleanSelectionhintRaw = "--smtc-ctrl-boolean-selectionhint"; +export const ctrlBooleanSelectionHintRaw = "--smtc-ctrl-boolean-selection-hint"; // @public (undocumented) export const ctrlCardStateDisabled = "var(--smtc-ctrl-card-state-disabled)"; @@ -947,7 +947,7 @@ export const ctrlChoiceCheckboxCorner = "var(--smtc-ctrl-choice-checkbox-corner) export const ctrlChoiceCheckboxCornerRaw = "--smtc-ctrl-choice-checkbox-corner"; // @public (undocumented) -export const ctrlChoiceCheckboxIconSize = "var(--smtc-ctrl-choice-checkbox-icon-size, var(--smtc-size-ctrl-iconsecondary))"; +export const ctrlChoiceCheckboxIconSize = "var(--smtc-ctrl-choice-checkbox-icon-size, var(--smtc-size-ctrl-icon-secondary))"; // @public (undocumented) export const ctrlChoiceCheckboxIconSizeRaw = "--smtc-ctrl-choice-checkbox-icon-size"; @@ -989,7 +989,7 @@ export const ctrlChoiceLgCheckboxCorner = "var(--smtc-ctrl-choice-lg-checkbox-co export const ctrlChoiceLgCheckboxCornerRaw = "--smtc-ctrl-choice-lg-checkbox-corner"; // @public (undocumented) -export const ctrlChoiceLgCheckboxIconSize = "var(--smtc-ctrl-choice-lg-checkbox-icon-size, var(--smtc-size-ctrl-iconsecondary))"; +export const ctrlChoiceLgCheckboxIconSize = "var(--smtc-ctrl-choice-lg-checkbox-icon-size, var(--smtc-size-ctrl-icon-secondary))"; // @public (undocumented) export const ctrlChoiceLgCheckboxIconSizeRaw = "--smtc-ctrl-choice-lg-checkbox-icon-size"; @@ -1091,7 +1091,7 @@ export const ctrlChoiceSmCheckboxCorner = "var(--smtc-ctrl-choice-sm-checkbox-co export const ctrlChoiceSmCheckboxCornerRaw = "--smtc-ctrl-choice-sm-checkbox-corner"; // @public (undocumented) -export const ctrlChoiceSmCheckboxIconSize = "var(--smtc-ctrl-choice-sm-checkbox-icon-size, var(--smtc-size-ctrl-iconsecondary))"; +export const ctrlChoiceSmCheckboxIconSize = "var(--smtc-ctrl-choice-sm-checkbox-icon-size, var(--smtc-size-ctrl-icon-secondary))"; // @public (undocumented) export const ctrlChoiceSmCheckboxIconSizeRaw = "--smtc-ctrl-choice-sm-checkbox-icon-size"; @@ -1199,16 +1199,16 @@ export const ctrlChoiceSwitchWidth = "var(--smtc-ctrl-choice-switch-width)"; export const ctrlChoiceSwitchWidthRaw = "--smtc-ctrl-choice-switch-width"; // @public (undocumented) -export const ctrlComposerContainerBackgroundAcryliccolorblend = "var(--smtc-ctrl-composer-container-background-acryliccolorblend, var(--smtc-background-flyout-solid))"; +export const ctrlComposerContainerBackgroundAcrylicColorBlend = "var(--smtc-ctrl-composer-container-background-acrylic-color-blend, var(--smtc-background-flyout-solid))"; // @public (undocumented) -export const ctrlComposerContainerBackgroundAcryliccolorblendRaw = "--smtc-ctrl-composer-container-background-acryliccolorblend"; +export const ctrlComposerContainerBackgroundAcrylicColorBlendRaw = "--smtc-ctrl-composer-container-background-acrylic-color-blend"; // @public (undocumented) -export const ctrlComposerContainerBackgroundAcryliclumblend = "var(--smtc-ctrl-composer-container-background-acryliclumblend, var(--smtc-background-flyout-solid))"; +export const ctrlComposerContainerBackgroundAcrylicLumBlend = "var(--smtc-ctrl-composer-container-background-acrylic-lum-blend, var(--smtc-background-flyout-solid))"; // @public (undocumented) -export const ctrlComposerContainerBackgroundAcryliclumblendRaw = "--smtc-ctrl-composer-container-background-acryliclumblend"; +export const ctrlComposerContainerBackgroundAcrylicLumBlendRaw = "--smtc-ctrl-composer-container-background-acrylic-lum-blend"; // @public (undocumented) export const ctrlComposerContainerBackgroundDefault = "var(--smtc-ctrl-composer-container-background-default)"; @@ -1271,34 +1271,34 @@ export const ctrlComposerInputBackgroundSelectedRest = "var(--smtc-ctrl-composer export const ctrlComposerInputBackgroundSelectedRestRaw = "--smtc-ctrl-composer-input-background-selected-rest"; // @public (undocumented) -export const ctrlComposerInputBottomstrokeDisabled = "var(--smtc-ctrl-composer-input-bottomstroke-disabled, unset)"; +export const ctrlComposerInputBottomStrokeDisabled = "var(--smtc-ctrl-composer-input-bottom-stroke-disabled, unset)"; // @public (undocumented) -export const ctrlComposerInputBottomstrokeDisabledRaw = "--smtc-ctrl-composer-input-bottomstroke-disabled"; +export const ctrlComposerInputBottomStrokeDisabledRaw = "--smtc-ctrl-composer-input-bottom-stroke-disabled"; // @public (undocumented) -export const ctrlComposerInputBottomstrokeHover = "var(--smtc-ctrl-composer-input-bottomstroke-hover, unset)"; +export const ctrlComposerInputBottomStrokeHover = "var(--smtc-ctrl-composer-input-bottom-stroke-hover, unset)"; // @public (undocumented) -export const ctrlComposerInputBottomstrokeHoverRaw = "--smtc-ctrl-composer-input-bottomstroke-hover"; +export const ctrlComposerInputBottomStrokeHoverRaw = "--smtc-ctrl-composer-input-bottom-stroke-hover"; // @public (undocumented) -export const ctrlComposerInputBottomstrokePressed = "var(--smtc-ctrl-composer-input-bottomstroke-pressed, unset)"; +export const ctrlComposerInputBottomStrokePressed = "var(--smtc-ctrl-composer-input-bottom-stroke-pressed, unset)"; // @public (undocumented) -export const ctrlComposerInputBottomstrokePressedRaw = "--smtc-ctrl-composer-input-bottomstroke-pressed"; +export const ctrlComposerInputBottomStrokePressedRaw = "--smtc-ctrl-composer-input-bottom-stroke-pressed"; // @public (undocumented) -export const ctrlComposerInputBottomstrokeRest = "var(--smtc-ctrl-composer-input-bottomstroke-rest, unset)"; +export const ctrlComposerInputBottomStrokeRest = "var(--smtc-ctrl-composer-input-bottom-stroke-rest, unset)"; // @public (undocumented) -export const ctrlComposerInputBottomstrokeRestRaw = "--smtc-ctrl-composer-input-bottomstroke-rest"; +export const ctrlComposerInputBottomStrokeRestRaw = "--smtc-ctrl-composer-input-bottom-stroke-rest"; // @public (undocumented) -export const ctrlComposerInputBottomstrokeSelectedRest = "var(--smtc-ctrl-composer-input-bottomstroke-selected-rest, unset)"; +export const ctrlComposerInputBottomStrokeSelectedRest = "var(--smtc-ctrl-composer-input-bottom-stroke-selected-rest, unset)"; // @public (undocumented) -export const ctrlComposerInputBottomstrokeSelectedRestRaw = "--smtc-ctrl-composer-input-bottomstroke-selected-rest"; +export const ctrlComposerInputBottomStrokeSelectedRestRaw = "--smtc-ctrl-composer-input-bottom-stroke-selected-rest"; // @public (undocumented) export const ctrlComposerInputBottomStrokeWidthHover = "var(--smtc-ctrl-composer-input-bottom-stroke-width-hover)"; @@ -1349,22 +1349,22 @@ export const ctrlComposerInputShadow = "var(--smtc-ctrl-composer-input-shadow-x) export const ctrlComposerInputShadowRaw = "--smtc-ctrl-composer-input-shadow-x"; // @public (undocumented) -export const ctrlComposerInputStrokeDisabledUsesgradient = "var(--smtc-ctrl-composer-input-stroke-disabledusesgradient, unset)"; +export const ctrlComposerInputStrokeDisabledUsesGradient = "var(--smtc-ctrl-composer-input-stroke-disabled-uses-gradient, unset)"; // @public (undocumented) -export const ctrlComposerInputStrokeDisabledUsesgradientRaw = "--smtc-ctrl-composer-input-stroke-disabledusesgradient"; +export const ctrlComposerInputStrokeDisabledUsesGradientRaw = "--smtc-ctrl-composer-input-stroke-disabled-uses-gradient"; // @public (undocumented) -export const ctrlComposerInputStrokeHoverUsesgradient = "var(--smtc-ctrl-composer-input-stroke-hoverusesgradient, unset)"; +export const ctrlComposerInputStrokeHoverUsesGradient = "var(--smtc-ctrl-composer-input-stroke-hover-uses-gradient, unset)"; // @public (undocumented) -export const ctrlComposerInputStrokeHoverUsesgradientRaw = "--smtc-ctrl-composer-input-stroke-hoverusesgradient"; +export const ctrlComposerInputStrokeHoverUsesGradientRaw = "--smtc-ctrl-composer-input-stroke-hover-uses-gradient"; // @public (undocumented) -export const ctrlComposerInputStrokePressedUsesgradient = "var(--smtc-ctrl-composer-input-stroke-pressedusesgradient, unset)"; +export const ctrlComposerInputStrokePressedUsesGradient = "var(--smtc-ctrl-composer-input-stroke-pressed-uses-gradient, unset)"; // @public (undocumented) -export const ctrlComposerInputStrokePressedUsesgradientRaw = "--smtc-ctrl-composer-input-stroke-pressedusesgradient"; +export const ctrlComposerInputStrokePressedUsesGradientRaw = "--smtc-ctrl-composer-input-stroke-pressed-uses-gradient"; // @public (undocumented) export const ctrlComposerInputStrokeRest = "var(--smtc-ctrl-composer-input-stroke-rest, unset)"; @@ -1373,10 +1373,10 @@ export const ctrlComposerInputStrokeRest = "var(--smtc-ctrl-composer-input-strok export const ctrlComposerInputStrokeRestRaw = "--smtc-ctrl-composer-input-stroke-rest"; // @public (undocumented) -export const ctrlComposerInputStrokeSelectedRestUsesgradient = "var(--smtc-ctrl-composer-input-stroke-selected-restusesgradient, unset)"; +export const ctrlComposerInputStrokeSelectedRestUsesGradient = "var(--smtc-ctrl-composer-input-stroke-selected-rest-uses-gradient, unset)"; // @public (undocumented) -export const ctrlComposerInputStrokeSelectedRestUsesgradientRaw = "--smtc-ctrl-composer-input-stroke-selected-restusesgradient"; +export const ctrlComposerInputStrokeSelectedRestUsesGradientRaw = "--smtc-ctrl-composer-input-stroke-selected-rest-uses-gradient"; // @public (undocumented) export const ctrlComposerInputStrokeWidthHover = "var(--smtc-ctrl-composer-input-stroke-width-hover)"; @@ -1427,7 +1427,7 @@ export const ctrlDialogBaseShadowKey = "var(--smtc-ctrl-dialog-base-shadow-key)" export const ctrlDialogBaseShadowKeyRaw = "--smtc-ctrl-dialog-base-shadow-key"; // @public (undocumented) -export const ctrlDialogLayerBackground = "var(--smtc-ctrl-dialog-layer-background, var(--smtc-background-layer-primarysolid))"; +export const ctrlDialogLayerBackground = "var(--smtc-ctrl-dialog-layer-background, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) export const ctrlDialogLayerBackgroundRaw = "--smtc-ctrl-dialog-layer-background"; @@ -1445,22 +1445,22 @@ export const ctrlDialogStroke = "var(--smtc-ctrl-dialog-stroke, unset)"; export const ctrlDialogStrokeRaw = "--smtc-ctrl-dialog-stroke"; // @public (undocumented) -export const ctrlDividerFixedlineLength = "var(--smtc-ctrl-divider-fixedline-length, var(--smtc-padding-content-align-default))"; +export const ctrlDividerFixedLineLength = "var(--smtc-ctrl-divider-fixed-line-length, var(--smtc-padding-content-align-default))"; // @public (undocumented) -export const ctrlDividerFixedlineLengthRaw = "--smtc-ctrl-divider-fixedline-length"; +export const ctrlDividerFixedLineLengthRaw = "--smtc-ctrl-divider-fixed-line-length"; // @public (undocumented) -export const ctrlDragBackgroundColorblend = "var(--smtc-ctrl-drag-background-colorblend)"; +export const ctrlDragBackgroundColorBlend = "var(--smtc-ctrl-drag-background-color-blend)"; // @public (undocumented) -export const ctrlDragBackgroundColorblendRaw = "--smtc-ctrl-drag-background-colorblend"; +export const ctrlDragBackgroundColorBlendRaw = "--smtc-ctrl-drag-background-color-blend"; // @public (undocumented) -export const ctrlDragBackgroundLumblend = "var(--smtc-ctrl-drag-background-lumblend)"; +export const ctrlDragBackgroundLumBlend = "var(--smtc-ctrl-drag-background-lum-blend)"; // @public (undocumented) -export const ctrlDragBackgroundLumblendRaw = "--smtc-ctrl-drag-background-lumblend"; +export const ctrlDragBackgroundLumBlendRaw = "--smtc-ctrl-drag-background-lum-blend"; // @public (undocumented) export const ctrlDragBackgroundSolid = "var(--smtc-ctrl-drag-background-solid)"; @@ -1510,6 +1510,18 @@ export const ctrlFabCornerRest = "var(--smtc-ctrl-fab-corner-rest, var(--smtc-co // @public (undocumented) export const ctrlFabCornerRestRaw = "--smtc-ctrl-fab-corner-rest"; +// @public (undocumented) +export const ctrlFabForegroundDisabledNew = "var(--smtc-ctrl-fab-foreground-disabled-new, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; + +// @public (undocumented) +export const ctrlFabForegroundDisabledNewRaw = "--smtc-ctrl-fab-foreground-disabled-new"; + +// @public (undocumented) +export const ctrlFabForegroundRestNew = "var(--smtc-ctrl-fab-foreground-rest-new, var(--smtc-foreground-ctrl-neutral-primary-rest))"; + +// @public (undocumented) +export const ctrlFabForegroundRestNewRaw = "--smtc-ctrl-fab-foreground-rest-new"; + // @public (undocumented) export const ctrlFabShadowDisabledKey = "var(--smtc-ctrl-fab-shadow-disabled-key, var(--smtc-ctrl-fab-shadow-pressed-key))"; @@ -1547,10 +1559,10 @@ export const ctrlFocusInnerStroke = "var(--smtc-ctrl-focus-inner-stroke)"; export const ctrlFocusInnerStrokeRaw = "--smtc-ctrl-focus-inner-stroke"; // @public (undocumented) -export const ctrlFocusInnerStrokewidth = "var(--smtc-ctrl-focus-inner-strokewidth, var(--smtc-strokewidth-default))"; +export const ctrlFocusInnerStrokeWidth = "var(--smtc-ctrl-focus-inner-stroke-width, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlFocusInnerStrokewidthRaw = "--smtc-ctrl-focus-inner-strokewidth"; +export const ctrlFocusInnerStrokeWidthRaw = "--smtc-ctrl-focus-inner-stroke-width"; // @public (undocumented) export const ctrlFocusOuterStroke = "var(--smtc-ctrl-focus-outer-stroke, var(--smtc-background-ctrl-brand-rest, var(--colorStrokeFocus2)))"; @@ -1559,10 +1571,10 @@ export const ctrlFocusOuterStroke = "var(--smtc-ctrl-focus-outer-stroke, var(--s export const ctrlFocusOuterStrokeRaw = "--smtc-ctrl-focus-outer-stroke"; // @public (undocumented) -export const ctrlFocusOuterStrokewidth = "var(--smtc-ctrl-focus-outer-strokewidth)"; +export const ctrlFocusOuterStrokeWidth = "var(--smtc-ctrl-focus-outer-stroke-width)"; // @public (undocumented) -export const ctrlFocusOuterStrokewidthRaw = "--smtc-ctrl-focus-outer-strokewidth"; +export const ctrlFocusOuterStrokeWidthRaw = "--smtc-ctrl-focus-outer-stroke-width"; // @public (undocumented) export const ctrlInputBackgroundDisabled = "var(--smtc-ctrl-input-background-disabled, var(--smtc-background-ctrl-neutral-disabled))"; @@ -1601,67 +1613,67 @@ export const ctrlInputBackgroundSelected = "var(--smtc-ctrl-input-background-sel export const ctrlInputBackgroundSelectedRaw = "--smtc-ctrl-input-background-selected"; // @public (undocumented) -export const ctrlInputBottomlineStrokeDisabled = "var(--smtc-ctrl-input-bottomline-stroke-disabled, unset)"; +export const ctrlInputBottomLineStrokeDisabled = "var(--smtc-ctrl-input-bottom-line-stroke-disabled, unset)"; // @public (undocumented) -export const ctrlInputBottomlineStrokeDisabledRaw = "--smtc-ctrl-input-bottomline-stroke-disabled"; +export const ctrlInputBottomLineStrokeDisabledRaw = "--smtc-ctrl-input-bottom-line-stroke-disabled"; // @public (undocumented) -export const ctrlInputBottomlineStrokeError = "var(--smtc-ctrl-input-bottomline-stroke-error, unset)"; +export const ctrlInputBottomLineStrokeError = "var(--smtc-ctrl-input-bottom-line-stroke-error, unset)"; // @public (undocumented) -export const ctrlInputBottomlineStrokeErrorRaw = "--smtc-ctrl-input-bottomline-stroke-error"; +export const ctrlInputBottomLineStrokeErrorRaw = "--smtc-ctrl-input-bottom-line-stroke-error"; // @public (undocumented) -export const ctrlInputBottomlineStrokeHover = "var(--smtc-ctrl-input-bottomline-stroke-hover, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; +export const ctrlInputBottomLineStrokeHover = "var(--smtc-ctrl-input-bottom-line-stroke-hover, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; // @public (undocumented) -export const ctrlInputBottomlineStrokeHoverRaw = "--smtc-ctrl-input-bottomline-stroke-hover"; +export const ctrlInputBottomLineStrokeHoverRaw = "--smtc-ctrl-input-bottom-line-stroke-hover"; // @public (undocumented) -export const ctrlInputBottomlineStrokePressed = "var(--smtc-ctrl-input-bottomline-stroke-pressed, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; +export const ctrlInputBottomLineStrokePressed = "var(--smtc-ctrl-input-bottom-line-stroke-pressed, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; // @public (undocumented) -export const ctrlInputBottomlineStrokePressedRaw = "--smtc-ctrl-input-bottomline-stroke-pressed"; +export const ctrlInputBottomLineStrokePressedRaw = "--smtc-ctrl-input-bottom-line-stroke-pressed"; // @public (undocumented) -export const ctrlInputBottomlineStrokeRest = "var(--smtc-ctrl-input-bottomline-stroke-rest, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; +export const ctrlInputBottomLineStrokeRest = "var(--smtc-ctrl-input-bottom-line-stroke-rest, var(--smtc-foreground-ctrl-neutral-secondary-rest))"; // @public (undocumented) -export const ctrlInputBottomlineStrokeRestRaw = "--smtc-ctrl-input-bottomline-stroke-rest"; +export const ctrlInputBottomLineStrokeRestRaw = "--smtc-ctrl-input-bottom-line-stroke-rest"; // @public (undocumented) -export const ctrlInputBottomlineStrokeSelected = "var(--smtc-ctrl-input-bottomline-stroke-selected, var(--smtc-background-ctrl-brand-rest))"; +export const ctrlInputBottomLineStrokeSelected = "var(--smtc-ctrl-input-bottom-line-stroke-selected, var(--smtc-background-ctrl-brand-rest))"; // @public (undocumented) -export const ctrlInputBottomlineStrokeSelectedRaw = "--smtc-ctrl-input-bottomline-stroke-selected"; +export const ctrlInputBottomLineStrokeSelectedRaw = "--smtc-ctrl-input-bottom-line-stroke-selected"; // @public (undocumented) -export const ctrlInputBottomlineStrokewidthHover = "var(--smtc-ctrl-input-bottomline-strokewidth-hover, var(--smtc-strokewidth-default))"; +export const ctrlInputBottomLineStrokeWidthHover = "var(--smtc-ctrl-input-bottom-line-stroke-width-hover, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlInputBottomlineStrokewidthHoverRaw = "--smtc-ctrl-input-bottomline-strokewidth-hover"; +export const ctrlInputBottomLineStrokeWidthHoverRaw = "--smtc-ctrl-input-bottom-line-stroke-width-hover"; // @public (undocumented) -export const ctrlInputBottomlineStrokewidthPressed = "var(--smtc-ctrl-input-bottomline-strokewidth-pressed, var(--smtc-ctrl-input-bottomline-strokewidth-selected))"; +export const ctrlInputBottomLineStrokeWidthPressed = "var(--smtc-ctrl-input-bottom-line-stroke-width-pressed, var(--smtc-ctrl-input-bottom-line-stroke-width-selected))"; // @public (undocumented) -export const ctrlInputBottomlineStrokewidthPressedRaw = "--smtc-ctrl-input-bottomline-strokewidth-pressed"; +export const ctrlInputBottomLineStrokeWidthPressedRaw = "--smtc-ctrl-input-bottom-line-stroke-width-pressed"; // @public (undocumented) -export const ctrlInputBottomlineStrokewidthRest = "var(--smtc-ctrl-input-bottomline-strokewidth-rest, var(--smtc-strokewidth-default))"; +export const ctrlInputBottomLineStrokeWidthRest = "var(--smtc-ctrl-input-bottom-line-stroke-width-rest, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlInputBottomlineStrokewidthRestRaw = "--smtc-ctrl-input-bottomline-strokewidth-rest"; +export const ctrlInputBottomLineStrokeWidthRestRaw = "--smtc-ctrl-input-bottom-line-stroke-width-rest"; // @public (undocumented) -export const ctrlInputBottomlineStrokewidthSelected = "var(--smtc-ctrl-input-bottomline-strokewidth-selected)"; +export const ctrlInputBottomLineStrokeWidthSelected = "var(--smtc-ctrl-input-bottom-line-stroke-width-selected)"; // @public (undocumented) -export const ctrlInputBottomlineStrokewidthSelectedRaw = "--smtc-ctrl-input-bottomline-strokewidth-selected"; +export const ctrlInputBottomLineStrokeWidthSelectedRaw = "--smtc-ctrl-input-bottom-line-stroke-width-selected"; // @public (undocumented) -export const ctrlInputStrokeDisabled = "var(--smtc-ctrl-input-stroke-disabled, var(--smtc-stroke-ctrl-onoutline-disabled))"; +export const ctrlInputStrokeDisabled = "var(--smtc-ctrl-input-stroke-disabled, var(--smtc-stroke-ctrl-on-outline-disabled))"; // @public (undocumented) export const ctrlInputStrokeDisabledRaw = "--smtc-ctrl-input-stroke-disabled"; @@ -1673,64 +1685,64 @@ export const ctrlInputStrokeError = "var(--smtc-ctrl-input-stroke-error, var(--s export const ctrlInputStrokeErrorRaw = "--smtc-ctrl-input-stroke-error"; // @public (undocumented) -export const ctrlInputStrokeHover = "var(--smtc-ctrl-input-stroke-hover, var(--smtc-stroke-ctrl-onoutline-hover))"; +export const ctrlInputStrokeHover = "var(--smtc-ctrl-input-stroke-hover, var(--smtc-stroke-ctrl-on-outline-hover))"; // @public (undocumented) export const ctrlInputStrokeHoverRaw = "--smtc-ctrl-input-stroke-hover"; // @public (undocumented) -export const ctrlInputStrokePressed = "var(--smtc-ctrl-input-stroke-pressed, var(--smtc-stroke-ctrl-onoutline-pressed))"; +export const ctrlInputStrokePressed = "var(--smtc-ctrl-input-stroke-pressed, var(--smtc-stroke-ctrl-on-outline-pressed))"; // @public (undocumented) export const ctrlInputStrokePressedRaw = "--smtc-ctrl-input-stroke-pressed"; // @public (undocumented) -export const ctrlInputStrokeRest = "var(--smtc-ctrl-input-stroke-rest, var(--smtc-stroke-ctrl-onoutline-rest))"; +export const ctrlInputStrokeRest = "var(--smtc-ctrl-input-stroke-rest, var(--smtc-stroke-ctrl-on-outline-rest))"; // @public (undocumented) export const ctrlInputStrokeRestRaw = "--smtc-ctrl-input-stroke-rest"; // @public (undocumented) -export const ctrlInputStrokeSelected = "var(--smtc-ctrl-input-stroke-selected, var(--smtc-stroke-ctrl-onoutline-rest))"; +export const ctrlInputStrokeSelected = "var(--smtc-ctrl-input-stroke-selected, var(--smtc-stroke-ctrl-on-outline-rest))"; // @public (undocumented) export const ctrlInputStrokeSelectedRaw = "--smtc-ctrl-input-stroke-selected"; // @public (undocumented) -export const ctrlInputStrokewidthHover = "var(--smtc-ctrl-input-strokewidth-hover, var(--smtc-strokewidth-default))"; +export const ctrlInputStrokeWidthHover = "var(--smtc-ctrl-input-stroke-width-hover, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlInputStrokewidthHoverRaw = "--smtc-ctrl-input-strokewidth-hover"; +export const ctrlInputStrokeWidthHoverRaw = "--smtc-ctrl-input-stroke-width-hover"; // @public (undocumented) -export const ctrlInputStrokewidthPressed = "var(--smtc-ctrl-input-strokewidth-pressed, var(--smtc-strokewidth-default))"; +export const ctrlInputStrokeWidthPressed = "var(--smtc-ctrl-input-stroke-width-pressed, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlInputStrokewidthPressedRaw = "--smtc-ctrl-input-strokewidth-pressed"; +export const ctrlInputStrokeWidthPressedRaw = "--smtc-ctrl-input-stroke-width-pressed"; // @public (undocumented) -export const ctrlInputStrokewidthRest = "var(--smtc-ctrl-input-strokewidth-rest, var(--smtc-strokewidth-default))"; +export const ctrlInputStrokeWidthRest = "var(--smtc-ctrl-input-stroke-width-rest, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlInputStrokewidthRestRaw = "--smtc-ctrl-input-strokewidth-rest"; +export const ctrlInputStrokeWidthRestRaw = "--smtc-ctrl-input-stroke-width-rest"; // @public (undocumented) -export const ctrlInputStrokewidthSelected = "var(--smtc-ctrl-input-strokewidth-selected)"; +export const ctrlInputStrokeWidthSelected = "var(--smtc-ctrl-input-stroke-width-selected)"; // @public (undocumented) -export const ctrlInputStrokewidthSelectedRaw = "--smtc-ctrl-input-strokewidth-selected"; +export const ctrlInputStrokeWidthSelectedRaw = "--smtc-ctrl-input-stroke-width-selected"; // @public (undocumented) -export const ctrlInputTextselectionBackground = "var(--smtc-ctrl-input-textselection-background, var(--smtc-background-ctrl-brand-rest))"; +export const ctrlInputTextSelectionBackground = "var(--smtc-ctrl-input-text-selection-background, var(--smtc-background-ctrl-brand-rest))"; // @public (undocumented) -export const ctrlInputTextselectionBackgroundRaw = "--smtc-ctrl-input-textselection-background"; +export const ctrlInputTextSelectionBackgroundRaw = "--smtc-ctrl-input-text-selection-background"; // @public (undocumented) -export const ctrlInputTextselectionForeground = "var(--smtc-ctrl-input-textselection-foreground, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const ctrlInputTextSelectionForeground = "var(--smtc-ctrl-input-text-selection-foreground, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) -export const ctrlInputTextselectionForegroundRaw = "--smtc-ctrl-input-textselection-foreground"; +export const ctrlInputTextSelectionForegroundRaw = "--smtc-ctrl-input-text-selection-foreground"; // @public (undocumented) export const ctrlLinkForegroundBrandHover = "var(--smtc-ctrl-link-foreground-brand-hover, var(--smtc-foreground-ctrl-brand-hover, var(--colorBrandForegroundLinkHover)))"; @@ -1769,22 +1781,22 @@ export const ctrlLinkForegroundNeutralRest = "var(--smtc-ctrl-link-foreground-ne export const ctrlLinkForegroundNeutralRestRaw = "--smtc-ctrl-link-foreground-neutral-rest"; // @public (undocumented) -export const ctrlLinkInlineShowunderlineatrest = "var(--smtc-ctrl-link-inline-showunderlineatrest)"; +export const ctrlLinkInlineShowUnderlineAtRest = "var(--smtc-ctrl-link-inline-show-underline-at-rest)"; // @public (undocumented) -export const ctrlLinkInlineShowunderlineatrestRaw = "--smtc-ctrl-link-inline-showunderlineatrest"; +export const ctrlLinkInlineShowUnderlineAtRestRaw = "--smtc-ctrl-link-inline-show-underline-at-rest"; // @public (undocumented) -export const ctrlLinkInlineStrokewidthHover = "var(--smtc-ctrl-link-inline-strokewidth-hover, var(--smtc-strokewidth-default))"; +export const ctrlLinkInlineStrokeWidthHover = "var(--smtc-ctrl-link-inline-stroke-width-hover, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlLinkInlineStrokewidthHoverRaw = "--smtc-ctrl-link-inline-strokewidth-hover"; +export const ctrlLinkInlineStrokeWidthHoverRaw = "--smtc-ctrl-link-inline-stroke-width-hover"; // @public (undocumented) -export const ctrlLinkInlineStrokewidthRest = "var(--smtc-ctrl-link-inline-strokewidth-rest, var(--smtc-strokewidth-default))"; +export const ctrlLinkInlineStrokeWidthRest = "var(--smtc-ctrl-link-inline-stroke-width-rest, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlLinkInlineStrokewidthRestRaw = "--smtc-ctrl-link-inline-strokewidth-rest"; +export const ctrlLinkInlineStrokeWidthRestRaw = "--smtc-ctrl-link-inline-stroke-width-rest"; // @public (undocumented) export const ctrlLinkInlineUnderlineDashed = "var(--smtc-ctrl-link-inline-underline-dashed)"; @@ -1793,28 +1805,28 @@ export const ctrlLinkInlineUnderlineDashed = "var(--smtc-ctrl-link-inline-underl export const ctrlLinkInlineUnderlineDashedRaw = "--smtc-ctrl-link-inline-underline-dashed"; // @public (undocumented) -export const ctrlLinkOnpageShowunderlineatrest = "var(--smtc-ctrl-link-onpage-showunderlineatrest)"; +export const ctrlLinkOnPageShowUnderlineAtRest = "var(--smtc-ctrl-link-on-page-show-underline-at-rest)"; // @public (undocumented) -export const ctrlLinkOnpageShowunderlineatrestRaw = "--smtc-ctrl-link-onpage-showunderlineatrest"; +export const ctrlLinkOnPageShowUnderlineAtRestRaw = "--smtc-ctrl-link-on-page-show-underline-at-rest"; // @public (undocumented) -export const ctrlLinkOnpageStrokewidthHover = "var(--smtc-ctrl-link-onpage-strokewidth-hover, var(--smtc-strokewidth-default))"; +export const ctrlLinkOnPageStrokeWidthHover = "var(--smtc-ctrl-link-on-page-stroke-width-hover, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlLinkOnpageStrokewidthHoverRaw = "--smtc-ctrl-link-onpage-strokewidth-hover"; +export const ctrlLinkOnPageStrokeWidthHoverRaw = "--smtc-ctrl-link-on-page-stroke-width-hover"; // @public (undocumented) -export const ctrlLinkOnpageStrokewidthRest = "var(--smtc-ctrl-link-onpage-strokewidth-rest, var(--smtc-strokewidth-default))"; +export const ctrlLinkOnPageStrokeWidthRest = "var(--smtc-ctrl-link-on-page-stroke-width-rest, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlLinkOnpageStrokewidthRestRaw = "--smtc-ctrl-link-onpage-strokewidth-rest"; +export const ctrlLinkOnPageStrokeWidthRestRaw = "--smtc-ctrl-link-on-page-stroke-width-rest"; // @public (undocumented) -export const ctrlLinkOnpageUnderlineDashed = "var(--smtc-ctrl-link-onpage-underline-dashed)"; +export const ctrlLinkOnPageUnderlineDashed = "var(--smtc-ctrl-link-on-page-underline-dashed)"; // @public (undocumented) -export const ctrlLinkOnpageUnderlineDashedRaw = "--smtc-ctrl-link-onpage-underline-dashed"; +export const ctrlLinkOnPageUnderlineDashedRaw = "--smtc-ctrl-link-on-page-underline-dashed"; // @public (undocumented) export const ctrlListBackgroundSelectedDisabled = "var(--smtc-ctrl-list-background-selected-disabled, var(--smtc-background-ctrl-subtle-disabled))"; @@ -1871,7 +1883,7 @@ export const ctrlListChoiceCheckboxCorner = "var(--smtc-ctrl-list-choice-checkbo export const ctrlListChoiceCheckboxCornerRaw = "--smtc-ctrl-list-choice-checkbox-corner"; // @public (undocumented) -export const ctrlListChoiceCheckboxIconSize = "var(--smtc-ctrl-list-choice-checkbox-icon-size, var(--smtc-size-ctrl-iconsecondary))"; +export const ctrlListChoiceCheckboxIconSize = "var(--smtc-ctrl-list-choice-checkbox-icon-size, var(--smtc-size-ctrl-icon-secondary))"; // @public (undocumented) export const ctrlListChoiceCheckboxIconSizeRaw = "--smtc-ctrl-list-choice-checkbox-icon-size"; @@ -1889,13 +1901,13 @@ export const ctrlListChoiceForegroundHover = "var(--smtc-ctrl-list-choice-foregr export const ctrlListChoiceForegroundHoverRaw = "--smtc-ctrl-list-choice-foreground-hover"; // @public (undocumented) -export const ctrlListChoiceForegroundSelectedDisabled = "var(--smtc-ctrl-list-choice-foreground-selected-disabled, var(--smtc-foreground-ctrl-brand-disabled))"; +export const ctrlListChoiceForegroundSelectedDisabled = "var(--smtc-ctrl-list-choice-foreground-selected-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; // @public (undocumented) export const ctrlListChoiceForegroundSelectedDisabledRaw = "--smtc-ctrl-list-choice-foreground-selected-disabled"; // @public (undocumented) -export const ctrlListChoiceForegroundSelectedRest = "var(--smtc-ctrl-list-choice-foreground-selected-rest, var(--smtc-foreground-ctrl-brand-rest))"; +export const ctrlListChoiceForegroundSelectedRest = "var(--smtc-ctrl-list-choice-foreground-selected-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) export const ctrlListChoiceForegroundSelectedRestRaw = "--smtc-ctrl-list-choice-foreground-selected-rest"; @@ -1942,6 +1954,30 @@ export const ctrlListCornerRest = "var(--smtc-ctrl-list-corner-rest, var(--smtc- // @public (undocumented) export const ctrlListCornerRestRaw = "--smtc-ctrl-list-corner-rest"; +// @public (undocumented) +export const ctrlListForegroundSelectedDisabled = "var(--smtc-ctrl-list-foreground-selected-disabled, var(--smtc-background-ctrl-subtle-disabled))"; + +// @public (undocumented) +export const ctrlListForegroundSelectedDisabledRaw = "--smtc-ctrl-list-foreground-selected-disabled"; + +// @public (undocumented) +export const ctrlListForegroundSelectedHover = "var(--smtc-ctrl-list-foreground-selected-hover, var(--smtc-background-ctrl-subtle-hover))"; + +// @public (undocumented) +export const ctrlListForegroundSelectedHoverRaw = "--smtc-ctrl-list-foreground-selected-hover"; + +// @public (undocumented) +export const ctrlListForegroundSelectedPressed = "var(--smtc-ctrl-list-foreground-selected-pressed, var(--smtc-background-ctrl-subtle-pressed))"; + +// @public (undocumented) +export const ctrlListForegroundSelectedPressedRaw = "--smtc-ctrl-list-foreground-selected-pressed"; + +// @public (undocumented) +export const ctrlListForegroundSelectedRest = "var(--smtc-ctrl-list-foreground-selected-rest, var(--smtc-background-ctrl-subtle-rest))"; + +// @public (undocumented) +export const ctrlListForegroundSelectedRestRaw = "--smtc-ctrl-list-foreground-selected-rest"; + // @public (undocumented) export const ctrlListIndentLevel1 = "var(--smtc-ctrl-list-indent-level1, var(--smtc-padding-ctrl-horizontal-default))"; @@ -1997,10 +2033,10 @@ export const ctrlListLgIndentLevel3 = "var(--smtc-ctrl-list-lg-indent-level3)"; export const ctrlListLgIndentLevel3Raw = "--smtc-ctrl-list-lg-indent-level3"; // @public (undocumented) -export const ctrlListPillFullwidth = "var(--smtc-ctrl-list-pill-fullwidth)"; +export const ctrlListPillFullWidth = "var(--smtc-ctrl-list-pill-full-width)"; // @public (undocumented) -export const ctrlListPillFullwidthRaw = "--smtc-ctrl-list-pill-fullwidth"; +export const ctrlListPillFullWidthRaw = "--smtc-ctrl-list-pill-full-width"; // @public (undocumented) export const ctrlListPillLengthHint = "var(--smtc-ctrl-list-pill-length-hint, var(--smtc-ctrl-list-pill-length-rest))"; @@ -2051,10 +2087,10 @@ export const ctrlListShadowSelectedAmbient = "var(--smtc-ctrl-list-shadow-select export const ctrlListShadowSelectedAmbientRaw = "--smtc-ctrl-list-shadow-selected-ambient"; // @public (undocumented) -export const ctrlListShadowSelectedKey = "var(--smtc-ctrl-list-shadow-selected-key, unset)"; +export const ctrlListShadowSelectedKey = "var(--smtc-ctrl-list-shadow-selected-key-y, unset)"; // @public (undocumented) -export const ctrlListShadowSelectedKeyRaw = "--smtc-ctrl-list-shadow-selected-key"; +export const ctrlListShadowSelectedKeyRaw = "--smtc-ctrl-list-shadow-selected-key-y"; // @public (undocumented) export const ctrlListSmCornerHover = "var(--smtc-ctrl-list-sm-corner-hover, var(--smtc-corner-ctrl-sm-rest))"; @@ -2099,40 +2135,40 @@ export const ctrlListSplitDividerPaddingInset = "var(--smtc-ctrl-list-split-divi export const ctrlListSplitDividerPaddingInsetRaw = "--smtc-ctrl-list-split-divider-padding-inset"; // @public (undocumented) -export const ctrlListSplitDividerShowdivider = "var(--smtc-ctrl-list-split-divider-showdivider)"; +export const ctrlListSplitDividerShowDivider = "var(--smtc-ctrl-list-split-divider-show-divider)"; // @public (undocumented) -export const ctrlListSplitDividerShowdividerRaw = "--smtc-ctrl-list-split-divider-showdivider"; +export const ctrlListSplitDividerShowDividerRaw = "--smtc-ctrl-list-split-divider-show-divider"; // @public (undocumented) -export const ctrlListSplitDividerStroke = "var(--smtc-ctrl-list-split-divider-stroke, var(--smtc-stroke-ctrl-divider-onneutral))"; +export const ctrlListSplitDividerStroke = "var(--smtc-ctrl-list-split-divider-stroke, var(--smtc-stroke-ctrl-divider-on-neutral))"; // @public (undocumented) export const ctrlListSplitDividerStrokeRaw = "--smtc-ctrl-list-split-divider-stroke"; // @public (undocumented) -export const ctrlLitefilterBackgroundSelected = "var(--smtc-ctrl-litefilter-background-selected, var(--smtc-background-ctrl-brand-rest))"; +export const ctrlLiteFilterBackgroundSelected = "var(--smtc-ctrl-lite-filter-background-selected, var(--smtc-background-ctrl-brand-rest))"; // @public (undocumented) -export const ctrlLitefilterBackgroundSelectedRaw = "--smtc-ctrl-litefilter-background-selected"; +export const ctrlLiteFilterBackgroundSelectedRaw = "--smtc-ctrl-lite-filter-background-selected"; // @public (undocumented) -export const ctrlLitefilterForegroundSelected = "var(--smtc-ctrl-litefilter-foreground-selected, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const ctrlLiteFilterForegroundSelected = "var(--smtc-ctrl-lite-filter-foreground-selected, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) -export const ctrlLitefilterForegroundSelectedRaw = "--smtc-ctrl-litefilter-foreground-selected"; +export const ctrlLiteFilterForegroundSelectedRaw = "--smtc-ctrl-lite-filter-foreground-selected"; // @public (undocumented) -export const ctrlLitefilterStrokeSelected = "var(--smtc-ctrl-litefilter-stroke-selected, var(--smtc-stroke-ctrl-onbrand-rest))"; +export const ctrlLiteFilterStrokeSelected = "var(--smtc-ctrl-lite-filter-stroke-selected, var(--smtc-stroke-ctrl-on-brand-rest))"; // @public (undocumented) -export const ctrlLitefilterStrokeSelectedRaw = "--smtc-ctrl-litefilter-stroke-selected"; +export const ctrlLiteFilterStrokeSelectedRaw = "--smtc-ctrl-lite-filter-stroke-selected"; // @public (undocumented) -export const ctrlLitefilterStrokewidthSelected = "var(--smtc-ctrl-litefilter-strokewidth-selected, var(--smtc-strokewidth-default))"; +export const ctrlLiteFilterStrokeWidthSelected = "var(--smtc-ctrl-lite-filter-stroke-width-selected, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlLitefilterStrokewidthSelectedRaw = "--smtc-ctrl-litefilter-strokewidth-selected"; +export const ctrlLiteFilterStrokeWidthSelectedRaw = "--smtc-ctrl-lite-filter-stroke-width-selected"; // @public (undocumented) export const ctrlProgressBackgroundEmpty = "var(--smtc-ctrl-progress-background-empty)"; @@ -2213,7 +2249,7 @@ export const ctrlRatingIconSize = "var(--smtc-ctrl-rating-icon-size, var(--smtc- export const ctrlRatingIconSizeRaw = "--smtc-ctrl-rating-icon-size"; // @public (undocumented) -export const ctrlRatingIconTheme = "var(--smtc-ctrl-rating-icon-theme, var(--smtc-icontheme-ctrl-default-rest))"; +export const ctrlRatingIconTheme = "var(--smtc-ctrl-rating-icon-theme, var(--smtc-icon-theme-ctrl-default-rest))"; // @public (undocumented) export const ctrlRatingIconThemeRaw = "--smtc-ctrl-rating-icon-theme"; @@ -2375,13 +2411,13 @@ export const ctrlSegmentedSmCornerRest = "var(--smtc-ctrl-segmented-sm-corner-re export const ctrlSegmentedSmCornerRestRaw = "--smtc-ctrl-segmented-sm-corner-rest"; // @public (undocumented) -export const ctrlSegmentedSmItemCornerHover = "var(--smtc-ctrl-segmented-sm-item-corner-hover)"; +export const ctrlSegmentedSmItemCornerHover = "var(--smtc-ctrl-segmented-sm-item-corner-hover, var(--smtc-ctrl-segmented-sm-item-corner-rest))"; // @public (undocumented) export const ctrlSegmentedSmItemCornerHoverRaw = "--smtc-ctrl-segmented-sm-item-corner-hover"; // @public (undocumented) -export const ctrlSegmentedSmItemCornerPressed = "var(--smtc-ctrl-segmented-sm-item-corner-pressed)"; +export const ctrlSegmentedSmItemCornerPressed = "var(--smtc-ctrl-segmented-sm-item-corner-pressed, var(--smtc-ctrl-segmented-sm-item-corner-rest))"; // @public (undocumented) export const ctrlSegmentedSmItemCornerPressedRaw = "--smtc-ctrl-segmented-sm-item-corner-pressed"; @@ -2543,25 +2579,25 @@ export const ctrlSliderSmThumbSizeRest = "var(--smtc-ctrl-slider-sm-thumb-size-r export const ctrlSliderSmThumbSizeRestRaw = "--smtc-ctrl-slider-sm-thumb-size-rest"; // @public (undocumented) -export const ctrlSliderThumbBackgroundDisabled = "var(--smtc-ctrl-slider-thumb-background-disabled, var(--smtc-foreground-ctrl-onbrand-disabled))"; +export const ctrlSliderThumbBackgroundDisabled = "var(--smtc-ctrl-slider-thumb-background-disabled, var(--smtc-foreground-ctrl-on-brand-disabled))"; // @public (undocumented) export const ctrlSliderThumbBackgroundDisabledRaw = "--smtc-ctrl-slider-thumb-background-disabled"; // @public (undocumented) -export const ctrlSliderThumbBackgroundHover = "var(--smtc-ctrl-slider-thumb-background-hover, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const ctrlSliderThumbBackgroundHover = "var(--smtc-ctrl-slider-thumb-background-hover, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) export const ctrlSliderThumbBackgroundHoverRaw = "--smtc-ctrl-slider-thumb-background-hover"; // @public (undocumented) -export const ctrlSliderThumbBackgroundPressed = "var(--smtc-ctrl-slider-thumb-background-pressed, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const ctrlSliderThumbBackgroundPressed = "var(--smtc-ctrl-slider-thumb-background-pressed, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) export const ctrlSliderThumbBackgroundPressedRaw = "--smtc-ctrl-slider-thumb-background-pressed"; // @public (undocumented) -export const ctrlSliderThumbBackgroundRest = "var(--smtc-ctrl-slider-thumb-background-rest, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const ctrlSliderThumbBackgroundRest = "var(--smtc-ctrl-slider-thumb-background-rest, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) export const ctrlSliderThumbBackgroundRestRaw = "--smtc-ctrl-slider-thumb-background-rest"; @@ -2597,22 +2633,22 @@ export const ctrlSliderThumbInnerStrokeRest = "var(--smtc-ctrl-slider-thumb-inne export const ctrlSliderThumbInnerStrokeRestRaw = "--smtc-ctrl-slider-thumb-inner-stroke-rest"; // @public (undocumented) -export const ctrlSliderThumbInnerStrokewidthHover = "var(--smtc-ctrl-slider-thumb-inner-strokewidth-hover, var(--smtc-ctrl-slider-thumb-inner-strokewidth-rest))"; +export const ctrlSliderThumbInnerStrokeWidthHover = "var(--smtc-ctrl-slider-thumb-inner-stroke-width-hover, var(--smtc-ctrl-slider-thumb-inner-stroke-width-rest))"; // @public (undocumented) -export const ctrlSliderThumbInnerStrokewidthHoverRaw = "--smtc-ctrl-slider-thumb-inner-strokewidth-hover"; +export const ctrlSliderThumbInnerStrokeWidthHoverRaw = "--smtc-ctrl-slider-thumb-inner-stroke-width-hover"; // @public (undocumented) -export const ctrlSliderThumbInnerStrokewidthPressed = "var(--smtc-ctrl-slider-thumb-inner-strokewidth-pressed, var(--smtc-ctrl-slider-thumb-inner-strokewidth-rest))"; +export const ctrlSliderThumbInnerStrokeWidthPressed = "var(--smtc-ctrl-slider-thumb-inner-stroke-width-pressed, var(--smtc-ctrl-slider-thumb-inner-stroke-width-rest))"; // @public (undocumented) -export const ctrlSliderThumbInnerStrokewidthPressedRaw = "--smtc-ctrl-slider-thumb-inner-strokewidth-pressed"; +export const ctrlSliderThumbInnerStrokeWidthPressedRaw = "--smtc-ctrl-slider-thumb-inner-stroke-width-pressed"; // @public (undocumented) -export const ctrlSliderThumbInnerStrokewidthRest = "var(--smtc-ctrl-slider-thumb-inner-strokewidth-rest)"; +export const ctrlSliderThumbInnerStrokeWidthRest = "var(--smtc-ctrl-slider-thumb-inner-stroke-width-rest)"; // @public (undocumented) -export const ctrlSliderThumbInnerStrokewidthRestRaw = "--smtc-ctrl-slider-thumb-inner-strokewidth-rest"; +export const ctrlSliderThumbInnerStrokeWidthRestRaw = "--smtc-ctrl-slider-thumb-inner-stroke-width-rest"; // @public (undocumented) export const ctrlSliderThumbOuterStrokeDisabled = "var(--smtc-ctrl-slider-thumb-outer-stroke-disabled, var(--smtc-background-ctrl-brand-disabled))"; @@ -2639,10 +2675,10 @@ export const ctrlSliderThumbOuterStrokeRest = "var(--smtc-ctrl-slider-thumb-oute export const ctrlSliderThumbOuterStrokeRestRaw = "--smtc-ctrl-slider-thumb-outer-stroke-rest"; // @public (undocumented) -export const ctrlSliderThumbOuterStrokewidth = "var(--smtc-ctrl-slider-thumb-outer-strokewidth, var(--smtc-strokewidth-default))"; +export const ctrlSliderThumbOuterStrokeWidth = "var(--smtc-ctrl-slider-thumb-outer-stroke-width, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlSliderThumbOuterStrokewidthRaw = "--smtc-ctrl-slider-thumb-outer-strokewidth"; +export const ctrlSliderThumbOuterStrokeWidthRaw = "--smtc-ctrl-slider-thumb-outer-stroke-width"; // @public (undocumented) export const ctrlSliderThumbSizeHover = "var(--smtc-ctrl-slider-thumb-size-hover, var(--smtc-size-ctrl-icon))"; @@ -2663,34 +2699,34 @@ export const ctrlSliderThumbSizeRest = "var(--smtc-ctrl-slider-thumb-size-rest, export const ctrlSliderThumbSizeRestRaw = "--smtc-ctrl-slider-thumb-size-rest"; // @public (undocumented) -export const ctrlSpinnerShowemptytrack = "var(--smtc-ctrl-spinner-showemptytrack)"; +export const ctrlSpinnerShowEmptyTrack = "var(--smtc-ctrl-spinner-show-empty-track)"; // @public (undocumented) -export const ctrlSpinnerShowemptytrackRaw = "--smtc-ctrl-spinner-showemptytrack"; +export const ctrlSpinnerShowEmptyTrackRaw = "--smtc-ctrl-spinner-show-empty-track"; // @public (undocumented) -export const ctrlSpinnerStrokewidth = "var(--smtc-ctrl-spinner-strokewidth, var(--smtc-ctrl-progress-height-filled))"; +export const ctrlSpinnerStrokeWidth = "var(--smtc-ctrl-spinner-stroke-width, var(--smtc-ctrl-progress-height-filled))"; // @public (undocumented) -export const ctrlSpinnerStrokewidthRaw = "--smtc-ctrl-spinner-strokewidth"; +export const ctrlSpinnerStrokeWidthRaw = "--smtc-ctrl-spinner-stroke-width"; // @public (undocumented) -export const ctrlSplitDividerStrokewidth = "var(--smtc-ctrl-split-divider-strokewidth, var(--smtc-strokewidth-default))"; +export const ctrlSplitDividerStrokeWidth = "var(--smtc-ctrl-split-divider-stroke-width, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlSplitDividerStrokewidthOnoutline = "var(--smtc-ctrl-split-divider-strokewidth-onoutline, var(--smtc-strokewidth-default))"; +export const ctrlSplitDividerStrokeWidthOnOutline = "var(--smtc-ctrl-split-divider-stroke-width-on-outline, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const ctrlSplitDividerStrokewidthOnoutlineRaw = "--smtc-ctrl-split-divider-strokewidth-onoutline"; +export const ctrlSplitDividerStrokeWidthOnOutlineRaw = "--smtc-ctrl-split-divider-stroke-width-on-outline"; // @public (undocumented) -export const ctrlSplitDividerStrokewidthOnsubtle = "var(--smtc-ctrl-split-divider-strokewidth-onsubtle, unset)"; +export const ctrlSplitDividerStrokeWidthOnSubtle = "var(--smtc-ctrl-split-divider-stroke-width-on-subtle, unset)"; // @public (undocumented) -export const ctrlSplitDividerStrokewidthOnsubtleRaw = "--smtc-ctrl-split-divider-strokewidth-onsubtle"; +export const ctrlSplitDividerStrokeWidthOnSubtleRaw = "--smtc-ctrl-split-divider-stroke-width-on-subtle"; // @public (undocumented) -export const ctrlSplitDividerStrokewidthRaw = "--smtc-ctrl-split-divider-strokewidth"; +export const ctrlSplitDividerStrokeWidthRaw = "--smtc-ctrl-split-divider-stroke-width"; // @public (undocumented) export const ctrlTooltipBackground = "var(--smtc-ctrl-tooltip-background)"; @@ -2741,28 +2777,28 @@ export const foregroundContentNeutralSecondary = "var(--smtc-foreground-content- export const foregroundContentNeutralSecondaryRaw = "--smtc-foreground-content-neutral-secondary"; // @public (undocumented) -export const foregroundCtrlActivebrandDisabled = "var(--smtc-foreground-ctrl-activebrand-disabled, var(--smtc-foreground-ctrl-brand-disabled))"; +export const foregroundCtrlActiveBrandDisabled = "var(--smtc-foreground-ctrl-active-brand-disabled, var(--smtc-foreground-ctrl-brand-disabled))"; // @public (undocumented) -export const foregroundCtrlActivebrandDisabledRaw = "--smtc-foreground-ctrl-activebrand-disabled"; +export const foregroundCtrlActiveBrandDisabledRaw = "--smtc-foreground-ctrl-active-brand-disabled"; // @public (undocumented) -export const foregroundCtrlActivebrandHover = "var(--smtc-foreground-ctrl-activebrand-hover, var(--smtc-foreground-ctrl-brand-hover))"; +export const foregroundCtrlActiveBrandHover = "var(--smtc-foreground-ctrl-active-brand-hover, var(--smtc-foreground-ctrl-brand-hover))"; // @public (undocumented) -export const foregroundCtrlActivebrandHoverRaw = "--smtc-foreground-ctrl-activebrand-hover"; +export const foregroundCtrlActiveBrandHoverRaw = "--smtc-foreground-ctrl-active-brand-hover"; // @public (undocumented) -export const foregroundCtrlActivebrandPressed = "var(--smtc-foreground-ctrl-activebrand-pressed, var(--smtc-foreground-ctrl-brand-pressed))"; +export const foregroundCtrlActiveBrandPressed = "var(--smtc-foreground-ctrl-active-brand-pressed, var(--smtc-foreground-ctrl-brand-pressed))"; // @public (undocumented) -export const foregroundCtrlActivebrandPressedRaw = "--smtc-foreground-ctrl-activebrand-pressed"; +export const foregroundCtrlActiveBrandPressedRaw = "--smtc-foreground-ctrl-active-brand-pressed"; // @public (undocumented) -export const foregroundCtrlActivebrandRest = "var(--smtc-foreground-ctrl-activebrand-rest, var(--smtc-foreground-ctrl-brand-rest))"; +export const foregroundCtrlActiveBrandRest = "var(--smtc-foreground-ctrl-active-brand-rest, var(--smtc-foreground-ctrl-brand-rest))"; // @public (undocumented) -export const foregroundCtrlActivebrandRestRaw = "--smtc-foreground-ctrl-activebrand-rest"; +export const foregroundCtrlActiveBrandRestRaw = "--smtc-foreground-ctrl-active-brand-rest"; // @public (undocumented) export const foregroundCtrlBrandDisabled = "var(--smtc-foreground-ctrl-brand-disabled)"; @@ -2795,76 +2831,76 @@ export const foregroundCtrlHintDefault = "var(--smtc-foreground-ctrl-hint-defaul export const foregroundCtrlHintDefaultRaw = "--smtc-foreground-ctrl-hint-default"; // @public (undocumented) -export const foregroundCtrlIconOnneutralDisabled = "var(--smtc-foreground-ctrl-icon-onneutral-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; +export const foregroundCtrlIconOnNeutralDisabled = "var(--smtc-foreground-ctrl-icon-on-neutral-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; // @public (undocumented) -export const foregroundCtrlIconOnneutralDisabledRaw = "--smtc-foreground-ctrl-icon-onneutral-disabled"; +export const foregroundCtrlIconOnNeutralDisabledRaw = "--smtc-foreground-ctrl-icon-on-neutral-disabled"; // @public (undocumented) -export const foregroundCtrlIconOnneutralHover = "var(--smtc-foreground-ctrl-icon-onneutral-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlIconOnNeutralHover = "var(--smtc-foreground-ctrl-icon-on-neutral-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlIconOnneutralHoverRaw = "--smtc-foreground-ctrl-icon-onneutral-hover"; +export const foregroundCtrlIconOnNeutralHoverRaw = "--smtc-foreground-ctrl-icon-on-neutral-hover"; // @public (undocumented) -export const foregroundCtrlIconOnneutralPressed = "var(--smtc-foreground-ctrl-icon-onneutral-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlIconOnNeutralPressed = "var(--smtc-foreground-ctrl-icon-on-neutral-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlIconOnneutralPressedRaw = "--smtc-foreground-ctrl-icon-onneutral-pressed"; +export const foregroundCtrlIconOnNeutralPressedRaw = "--smtc-foreground-ctrl-icon-on-neutral-pressed"; // @public (undocumented) -export const foregroundCtrlIconOnneutralRest = "var(--smtc-foreground-ctrl-icon-onneutral-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlIconOnNeutralRest = "var(--smtc-foreground-ctrl-icon-on-neutral-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlIconOnneutralRestRaw = "--smtc-foreground-ctrl-icon-onneutral-rest"; +export const foregroundCtrlIconOnNeutralRestRaw = "--smtc-foreground-ctrl-icon-on-neutral-rest"; // @public (undocumented) -export const foregroundCtrlIconOnoutlineDisabled = "var(--smtc-foreground-ctrl-icon-onoutline-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; +export const foregroundCtrlIconOnOutlineDisabled = "var(--smtc-foreground-ctrl-icon-on-outline-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; // @public (undocumented) -export const foregroundCtrlIconOnoutlineDisabledRaw = "--smtc-foreground-ctrl-icon-onoutline-disabled"; +export const foregroundCtrlIconOnOutlineDisabledRaw = "--smtc-foreground-ctrl-icon-on-outline-disabled"; // @public (undocumented) -export const foregroundCtrlIconOnoutlineHover = "var(--smtc-foreground-ctrl-icon-onoutline-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlIconOnOutlineHover = "var(--smtc-foreground-ctrl-icon-on-outline-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlIconOnoutlineHoverRaw = "--smtc-foreground-ctrl-icon-onoutline-hover"; +export const foregroundCtrlIconOnOutlineHoverRaw = "--smtc-foreground-ctrl-icon-on-outline-hover"; // @public (undocumented) -export const foregroundCtrlIconOnoutlinePressed = "var(--smtc-foreground-ctrl-icon-onoutline-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlIconOnOutlinePressed = "var(--smtc-foreground-ctrl-icon-on-outline-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlIconOnoutlinePressedRaw = "--smtc-foreground-ctrl-icon-onoutline-pressed"; +export const foregroundCtrlIconOnOutlinePressedRaw = "--smtc-foreground-ctrl-icon-on-outline-pressed"; // @public (undocumented) -export const foregroundCtrlIconOnoutlineRest = "var(--smtc-foreground-ctrl-icon-onoutline-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlIconOnOutlineRest = "var(--smtc-foreground-ctrl-icon-on-outline-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlIconOnoutlineRestRaw = "--smtc-foreground-ctrl-icon-onoutline-rest"; +export const foregroundCtrlIconOnOutlineRestRaw = "--smtc-foreground-ctrl-icon-on-outline-rest"; // @public (undocumented) -export const foregroundCtrlIconOnsubtleDisabled = "var(--smtc-foreground-ctrl-icon-onsubtle-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; +export const foregroundCtrlIconOnSubtleDisabled = "var(--smtc-foreground-ctrl-icon-on-subtle-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; // @public (undocumented) -export const foregroundCtrlIconOnsubtleDisabledRaw = "--smtc-foreground-ctrl-icon-onsubtle-disabled"; +export const foregroundCtrlIconOnSubtleDisabledRaw = "--smtc-foreground-ctrl-icon-on-subtle-disabled"; // @public (undocumented) -export const foregroundCtrlIconOnsubtleHover = "var(--smtc-foreground-ctrl-icon-onsubtle-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlIconOnSubtleHover = "var(--smtc-foreground-ctrl-icon-on-subtle-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlIconOnsubtleHoverRaw = "--smtc-foreground-ctrl-icon-onsubtle-hover"; +export const foregroundCtrlIconOnSubtleHoverRaw = "--smtc-foreground-ctrl-icon-on-subtle-hover"; // @public (undocumented) -export const foregroundCtrlIconOnsubtlePressed = "var(--smtc-foreground-ctrl-icon-onsubtle-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlIconOnSubtlePressed = "var(--smtc-foreground-ctrl-icon-on-subtle-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlIconOnsubtlePressedRaw = "--smtc-foreground-ctrl-icon-onsubtle-pressed"; +export const foregroundCtrlIconOnSubtlePressedRaw = "--smtc-foreground-ctrl-icon-on-subtle-pressed"; // @public (undocumented) -export const foregroundCtrlIconOnsubtleRest = "var(--smtc-foreground-ctrl-icon-onsubtle-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlIconOnSubtleRest = "var(--smtc-foreground-ctrl-icon-on-subtle-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlIconOnsubtleRestRaw = "--smtc-foreground-ctrl-icon-onsubtle-rest"; +export const foregroundCtrlIconOnSubtleRestRaw = "--smtc-foreground-ctrl-icon-on-subtle-rest"; // @public (undocumented) export const foregroundCtrlNeutralPrimaryDisabled = "var(--smtc-foreground-ctrl-neutral-primary-disabled, var(--colorNeutralForegroundDisabled))"; @@ -2915,124 +2951,130 @@ export const foregroundCtrlNeutralSecondaryRest = "var(--smtc-foreground-ctrl-ne export const foregroundCtrlNeutralSecondaryRestRaw = "--smtc-foreground-ctrl-neutral-secondary-rest"; // @public (undocumented) -export const foregroundCtrlOnactivebrandDisabled = "var(--smtc-foreground-ctrl-onactivebrand-disabled, var(--smtc-foreground-ctrl-onbrand-disabled))"; +export const foregroundCtrlOnActiveBrandDisabled = "var(--smtc-foreground-ctrl-on-active-brand-disabled, var(--smtc-foreground-ctrl-on-brand-disabled))"; + +// @public (undocumented) +export const foregroundCtrlOnActiveBrandDisabledRaw = "--smtc-foreground-ctrl-on-active-brand-disabled"; + +// @public (undocumented) +export const foregroundCtrlOnActiveBrandHover = "var(--smtc-foreground-ctrl-on-active-brand-hover, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) -export const foregroundCtrlOnactivebrandDisabledRaw = "--smtc-foreground-ctrl-onactivebrand-disabled"; +export const foregroundCtrlOnActiveBrandHoverRaw = "--smtc-foreground-ctrl-on-active-brand-hover"; // @public (undocumented) -export const foregroundCtrlOnactivebrandHover = "var(--smtc-foreground-ctrl-onactivebrand-hover, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const foregroundCtrlOnActiveBrandPressed = "var(--smtc-foreground-ctrl-on-active-brand-pressed, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) -export const foregroundCtrlOnactivebrandHoverRaw = "--smtc-foreground-ctrl-onactivebrand-hover"; +export const foregroundCtrlOnActiveBrandPressedRaw = "--smtc-foreground-ctrl-on-active-brand-pressed"; // @public (undocumented) -export const foregroundCtrlOnactivebrandPressed = "var(--smtc-foreground-ctrl-onactivebrand-pressed, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const foregroundCtrlOnActiveBrandRest = "var(--smtc-foreground-ctrl-on-active-brand-rest, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) -export const foregroundCtrlOnactivebrandPressedRaw = "--smtc-foreground-ctrl-onactivebrand-pressed"; +export const foregroundCtrlOnActiveBrandRestRaw = "--smtc-foreground-ctrl-on-active-brand-rest"; // @public (undocumented) -export const foregroundCtrlOnactivebrandRest = "var(--smtc-foreground-ctrl-onactivebrand-rest, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const foregroundCtrlOnBrandDisabled = "var(--smtc-foreground-ctrl-on-brand-disabled)"; // @public (undocumented) -export const foregroundCtrlOnactivebrandRestRaw = "--smtc-foreground-ctrl-onactivebrand-rest"; +export const foregroundCtrlOnBrandDisabledRaw = "--smtc-foreground-ctrl-on-brand-disabled"; // @public (undocumented) -export const foregroundCtrlOnbrandDisabled = "var(--smtc-foreground-ctrl-onbrand-disabled)"; +export const foregroundCtrlOnBrandHover = "var(--smtc-foreground-ctrl-on-brand-hover, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) -export const foregroundCtrlOnbrandDisabledRaw = "--smtc-foreground-ctrl-onbrand-disabled"; +export const foregroundCtrlOnBrandHoverRaw = "--smtc-foreground-ctrl-on-brand-hover"; // @public (undocumented) -export const foregroundCtrlOnbrandHover = "var(--smtc-foreground-ctrl-onbrand-hover, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const foregroundCtrlOnBrandPressed = "var(--smtc-foreground-ctrl-on-brand-pressed, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) -export const foregroundCtrlOnbrandHoverRaw = "--smtc-foreground-ctrl-onbrand-hover"; +export const foregroundCtrlOnBrandPressedRaw = "--smtc-foreground-ctrl-on-brand-pressed"; // @public (undocumented) -export const foregroundCtrlOnbrandPressed = "var(--smtc-foreground-ctrl-onbrand-pressed, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const foregroundCtrlOnBrandRest = "var(--smtc-foreground-ctrl-on-brand-rest)"; // @public (undocumented) -export const foregroundCtrlOnbrandPressedRaw = "--smtc-foreground-ctrl-onbrand-pressed"; +export const foregroundCtrlOnBrandRestRaw = "--smtc-foreground-ctrl-on-brand-rest"; // @public (undocumented) -export const foregroundCtrlOnbrandRest = "var(--smtc-foreground-ctrl-onbrand-rest)"; +export const foregroundCtrlOnOutlineDisabled = "var(--smtc-foreground-ctrl-on-outline-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; // @public (undocumented) -export const foregroundCtrlOnbrandRestRaw = "--smtc-foreground-ctrl-onbrand-rest"; +export const foregroundCtrlOnOutlineDisabledRaw = "--smtc-foreground-ctrl-on-outline-disabled"; // @public (undocumented) -export const foregroundCtrlOnoutlineDisabled = "var(--smtc-foreground-ctrl-onoutline-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; +export const foregroundCtrlOnOutlineHover = "var(--smtc-foreground-ctrl-on-outline-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlOnoutlineDisabledRaw = "--smtc-foreground-ctrl-onoutline-disabled"; +export const foregroundCtrlOnOutlineHoverRaw = "--smtc-foreground-ctrl-on-outline-hover"; // @public (undocumented) -export const foregroundCtrlOnoutlineHover = "var(--smtc-foreground-ctrl-onoutline-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlOnOutlinePressed = "var(--smtc-foreground-ctrl-on-outline-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlOnoutlineHoverRaw = "--smtc-foreground-ctrl-onoutline-hover"; +export const foregroundCtrlOnOutlinePressedRaw = "--smtc-foreground-ctrl-on-outline-pressed"; // @public (undocumented) -export const foregroundCtrlOnoutlinePressed = "var(--smtc-foreground-ctrl-onoutline-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlOnOutlineRest = "var(--smtc-foreground-ctrl-on-outline-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlOnoutlinePressedRaw = "--smtc-foreground-ctrl-onoutline-pressed"; +export const foregroundCtrlOnOutlineRestRaw = "--smtc-foreground-ctrl-on-outline-rest"; // @public (undocumented) -export const foregroundCtrlOnoutlineRest = "var(--smtc-foreground-ctrl-onoutline-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlOnSubtleDisabled = "var(--smtc-foreground-ctrl-on-subtle-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; // @public (undocumented) -export const foregroundCtrlOnoutlineRestRaw = "--smtc-foreground-ctrl-onoutline-rest"; +export const foregroundCtrlOnSubtleDisabledRaw = "--smtc-foreground-ctrl-on-subtle-disabled"; // @public (undocumented) -export const foregroundCtrlOnsubtleDisabled = "var(--smtc-foreground-ctrl-onsubtle-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; +export const foregroundCtrlOnSubtleHover = "var(--smtc-foreground-ctrl-on-subtle-hover, var(--smtc-foreground-ctrl-neutral-primary-hover))"; // @public (undocumented) -export const foregroundCtrlOnsubtleDisabledRaw = "--smtc-foreground-ctrl-onsubtle-disabled"; +export const foregroundCtrlOnSubtleHoverRaw = "--smtc-foreground-ctrl-on-subtle-hover"; // @public (undocumented) -export const foregroundCtrlOnsubtleHover = "var(--smtc-foreground-ctrl-onsubtle-hover, var(--smtc-foreground-ctrl-neutral-primary-hover))"; +export const foregroundCtrlOnSubtlePressed = "var(--smtc-foreground-ctrl-on-subtle-pressed, var(--smtc-foreground-ctrl-neutral-primary-pressed))"; // @public (undocumented) -export const foregroundCtrlOnsubtleHoverRaw = "--smtc-foreground-ctrl-onsubtle-hover"; +export const foregroundCtrlOnSubtlePressedRaw = "--smtc-foreground-ctrl-on-subtle-pressed"; // @public (undocumented) -export const foregroundCtrlOnsubtlePressed = "var(--smtc-foreground-ctrl-onsubtle-pressed, var(--smtc-foreground-ctrl-neutral-primary-pressed))"; +export const foregroundCtrlOnSubtleRest = "var(--smtc-foreground-ctrl-on-subtle-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlOnsubtlePressedRaw = "--smtc-foreground-ctrl-onsubtle-pressed"; +export const foregroundCtrlOnSubtleRestRaw = "--smtc-foreground-ctrl-on-subtle-rest"; // @public (undocumented) -export const foregroundCtrlOnsubtleRest = "var(--smtc-foreground-ctrl-onsubtle-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlOnTransparentDisabled = "var(--smtc-foreground-ctrl-on-transparent-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; // @public (undocumented) -export const foregroundCtrlOnsubtleRestRaw = "--smtc-foreground-ctrl-onsubtle-rest"; +export const foregroundCtrlOnTransparentDisabledRaw = "--smtc-foreground-ctrl-on-transparent-disabled"; // @public (undocumented) -export const foregroundCtrlOntransparentDisabled = "var(--smtc-foreground-ctrl-ontransparent-disabled, var(--smtc-foreground-ctrl-neutral-primary-disabled))"; +export const foregroundCtrlOnTransparentHover = "var(--smtc-foreground-ctrl-on-transparent-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlOntransparentDisabledRaw = "--smtc-foreground-ctrl-ontransparent-disabled"; +export const foregroundCtrlOnTransparentHoverRaw = "--smtc-foreground-ctrl-on-transparent-hover"; // @public (undocumented) -export const foregroundCtrlOntransparentHover = "var(--smtc-foreground-ctrl-ontransparent-hover, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlOnTransparentPressed = "var(--smtc-foreground-ctrl-on-transparent-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlOntransparentHoverRaw = "--smtc-foreground-ctrl-ontransparent-hover"; +export const foregroundCtrlOnTransparentPressedRaw = "--smtc-foreground-ctrl-on-transparent-pressed"; // @public (undocumented) -export const foregroundCtrlOntransparentPressed = "var(--smtc-foreground-ctrl-ontransparent-pressed, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const foregroundCtrlOnTransparentRest = "var(--smtc-foreground-ctrl-on-transparent-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; // @public (undocumented) -export const foregroundCtrlOntransparentPressedRaw = "--smtc-foreground-ctrl-ontransparent-pressed"; +export const foregroundCtrlOnTransparentRestRaw = "--smtc-foreground-ctrl-on-transparent-rest"; // @public (undocumented) -export const foregroundCtrlOntransparentRest = "var(--smtc-foreground-ctrl-ontransparent-rest, var(--smtc-foreground-ctrl-neutral-primary-rest))"; +export const gapBetweenCard = "var(--smtc-gap-between-card, var(--smtc-gap-between-content-medium))"; // @public (undocumented) -export const foregroundCtrlOntransparentRestRaw = "--smtc-foreground-ctrl-ontransparent-rest"; +export const gapBetweenCardRaw = "--smtc-gap-between-card"; // @public (undocumented) export const gapBetweenContentLarge = "var(--smtc-gap-between-content-large)"; @@ -3059,28 +3101,28 @@ export const gapBetweenContentSmall = "var(--smtc-gap-between-content-small)"; export const gapBetweenContentSmallRaw = "--smtc-gap-between-content-small"; // @public (undocumented) -export const gapBetweenContentXlarge = "var(--smtc-gap-between-content-xlarge)"; +export const gapBetweenContentXLarge = "var(--smtc-gap-between-content-x-large)"; // @public (undocumented) -export const gapBetweenContentXlargeRaw = "--smtc-gap-between-content-xlarge"; +export const gapBetweenContentXLargeRaw = "--smtc-gap-between-content-x-large"; // @public (undocumented) -export const gapBetweenContentXsmall = "var(--smtc-gap-between-content-xsmall)"; +export const gapBetweenContentXSmall = "var(--smtc-gap-between-content-x-small)"; // @public (undocumented) -export const gapBetweenContentXsmallRaw = "--smtc-gap-between-content-xsmall"; +export const gapBetweenContentXSmallRaw = "--smtc-gap-between-content-x-small"; // @public (undocumented) -export const gapBetweenContentXxlarge = "var(--smtc-gap-between-content-xxlarge)"; +export const gapBetweenContentXxLarge = "var(--smtc-gap-between-content-xx-large)"; // @public (undocumented) -export const gapBetweenContentXxlargeRaw = "--smtc-gap-between-content-xxlarge"; +export const gapBetweenContentXxLargeRaw = "--smtc-gap-between-content-xx-large"; // @public (undocumented) -export const gapBetweenContentXxsmall = "var(--smtc-gap-between-content-xxsmall)"; +export const gapBetweenContentXxSmall = "var(--smtc-gap-between-content-xx-small)"; // @public (undocumented) -export const gapBetweenContentXxsmallRaw = "--smtc-gap-between-content-xxsmall"; +export const gapBetweenContentXxSmallRaw = "--smtc-gap-between-content-xx-small"; // @public (undocumented) export const gapBetweenCtrlDefault = "var(--smtc-gap-between-ctrl-default)"; @@ -3095,13 +3137,13 @@ export const gapBetweenCtrlLgDefault = "var(--smtc-gap-between-ctrl-lg-default)" export const gapBetweenCtrlLgDefaultRaw = "--smtc-gap-between-ctrl-lg-default"; // @public (undocumented) -export const gapBetweenCtrlLgNested = "var(--smtc-gap-between-ctrl-lg-nested, var(--smtc-padding-ctrl-lg-tonestedcontrol))"; +export const gapBetweenCtrlLgNested = "var(--smtc-gap-between-ctrl-lg-nested, var(--smtc-padding-ctrl-lg-to-nested-control))"; // @public (undocumented) export const gapBetweenCtrlLgNestedRaw = "--smtc-gap-between-ctrl-lg-nested"; // @public (undocumented) -export const gapBetweenCtrlNested = "var(--smtc-gap-between-ctrl-nested, var(--smtc-padding-ctrl-tonestedcontrol))"; +export const gapBetweenCtrlNested = "var(--smtc-gap-between-ctrl-nested, var(--smtc-padding-ctrl-to-nested-control))"; // @public (undocumented) export const gapBetweenCtrlNestedRaw = "--smtc-gap-between-ctrl-nested"; @@ -3113,148 +3155,142 @@ export const gapBetweenCtrlSmDefault = "var(--smtc-gap-between-ctrl-sm-default)" export const gapBetweenCtrlSmDefaultRaw = "--smtc-gap-between-ctrl-sm-default"; // @public (undocumented) -export const gapBetweenCtrlSmNested = "var(--smtc-gap-between-ctrl-sm-nested, var(--smtc-padding-ctrl-sm-tonestedcontrol))"; +export const gapBetweenCtrlSmNested = "var(--smtc-gap-between-ctrl-sm-nested, var(--smtc-padding-ctrl-sm-to-nested-control))"; // @public (undocumented) export const gapBetweenCtrlSmNestedRaw = "--smtc-gap-between-ctrl-sm-nested"; // @public (undocumented) -export const gapCard = "var(--smtc-gap-card, var(--smtc-gap-between-content-medium))"; +export const gapBetweenListItem = "var(--smtc-gap-between-list-item, var(--smtc-gap-between-content-xx-small))"; // @public (undocumented) -export const gapCardRaw = "--smtc-gap-card"; +export const gapBetweenListItemRaw = "--smtc-gap-between-list-item"; // @public (undocumented) -export const gapInsideCtrlDefault = "var(--smtc-gap-inside-ctrl-default)"; - -// @public (undocumented) -export const gapInsideCtrlDefaultRaw = "--smtc-gap-inside-ctrl-default"; - -// @public (undocumented) -export const gapInsideCtrlLgDefault = "var(--smtc-gap-inside-ctrl-lg-default)"; +export const gapBetweenTextLarge = "var(--smtc-gap-between-text-large, var(--smtc-gap-between-content-x-small))"; // @public (undocumented) -export const gapInsideCtrlLgDefaultRaw = "--smtc-gap-inside-ctrl-lg-default"; +export const gapBetweenTextLargeRaw = "--smtc-gap-between-text-large"; // @public (undocumented) -export const gapInsideCtrlLgTolabel = "var(--smtc-gap-inside-ctrl-lg-tolabel)"; +export const gapBetweenTextSmall = "var(--smtc-gap-between-text-small, var(--smtc-gap-between-content-xx-small))"; // @public (undocumented) -export const gapInsideCtrlLgTolabelRaw = "--smtc-gap-inside-ctrl-lg-tolabel"; +export const gapBetweenTextSmallRaw = "--smtc-gap-between-text-small"; // @public (undocumented) -export const gapInsideCtrlLgTosecondaryicon = "var(--smtc-gap-inside-ctrl-lg-tosecondaryicon)"; +export const gapInsideCtrlDefault = "var(--smtc-gap-inside-ctrl-default)"; // @public (undocumented) -export const gapInsideCtrlLgTosecondaryiconRaw = "--smtc-gap-inside-ctrl-lg-tosecondaryicon"; +export const gapInsideCtrlDefaultRaw = "--smtc-gap-inside-ctrl-default"; // @public (undocumented) -export const gapInsideCtrlSmDefault = "var(--smtc-gap-inside-ctrl-sm-default)"; +export const gapInsideCtrlLgDefault = "var(--smtc-gap-inside-ctrl-lg-default)"; // @public (undocumented) -export const gapInsideCtrlSmDefaultRaw = "--smtc-gap-inside-ctrl-sm-default"; +export const gapInsideCtrlLgDefaultRaw = "--smtc-gap-inside-ctrl-lg-default"; // @public (undocumented) -export const gapInsideCtrlSmTolabel = "var(--smtc-gap-inside-ctrl-sm-tolabel)"; +export const gapInsideCtrlLgToLabel = "var(--smtc-gap-inside-ctrl-lg-to-label)"; // @public (undocumented) -export const gapInsideCtrlSmTolabelRaw = "--smtc-gap-inside-ctrl-sm-tolabel"; +export const gapInsideCtrlLgToLabelRaw = "--smtc-gap-inside-ctrl-lg-to-label"; // @public (undocumented) -export const gapInsideCtrlSmTosecondaryicon = "var(--smtc-gap-inside-ctrl-sm-tosecondaryicon)"; +export const gapInsideCtrlLgToSecondaryIcon = "var(--smtc-gap-inside-ctrl-lg-to-secondary-icon)"; // @public (undocumented) -export const gapInsideCtrlSmTosecondaryiconRaw = "--smtc-gap-inside-ctrl-sm-tosecondaryicon"; +export const gapInsideCtrlLgToSecondaryIconRaw = "--smtc-gap-inside-ctrl-lg-to-secondary-icon"; // @public (undocumented) -export const gapInsideCtrlTolabel = "var(--smtc-gap-inside-ctrl-tolabel)"; +export const gapInsideCtrlSmDefault = "var(--smtc-gap-inside-ctrl-sm-default)"; // @public (undocumented) -export const gapInsideCtrlTolabelRaw = "--smtc-gap-inside-ctrl-tolabel"; +export const gapInsideCtrlSmDefaultRaw = "--smtc-gap-inside-ctrl-sm-default"; // @public (undocumented) -export const gapInsideCtrlTosecondaryicon = "var(--smtc-gap-inside-ctrl-tosecondaryicon)"; +export const gapInsideCtrlSmToLabel = "var(--smtc-gap-inside-ctrl-sm-to-label)"; // @public (undocumented) -export const gapInsideCtrlTosecondaryiconRaw = "--smtc-gap-inside-ctrl-tosecondaryicon"; +export const gapInsideCtrlSmToLabelRaw = "--smtc-gap-inside-ctrl-sm-to-label"; // @public (undocumented) -export const gapList = "var(--smtc-gap-list, var(--smtc-gap-between-content-xxsmall))"; +export const gapInsideCtrlSmToSecondaryIcon = "var(--smtc-gap-inside-ctrl-sm-to-secondary-icon)"; // @public (undocumented) -export const gapListRaw = "--smtc-gap-list"; +export const gapInsideCtrlSmToSecondaryIconRaw = "--smtc-gap-inside-ctrl-sm-to-secondary-icon"; // @public (undocumented) -export const gapTextLarge = "var(--smtc-gap-text-large, var(--smtc-gap-between-content-xsmall))"; +export const gapInsideCtrlToLabel = "var(--smtc-gap-inside-ctrl-to-label)"; // @public (undocumented) -export const gapTextLargeRaw = "--smtc-gap-text-large"; +export const gapInsideCtrlToLabelRaw = "--smtc-gap-inside-ctrl-to-label"; // @public (undocumented) -export const gapTextSmall = "var(--smtc-gap-text-small, var(--smtc-gap-between-content-xxsmall))"; +export const gapInsideCtrlToSecondaryIcon = "var(--smtc-gap-inside-ctrl-to-secondary-icon)"; // @public (undocumented) -export const gapTextSmallRaw = "--smtc-gap-text-small"; +export const gapInsideCtrlToSecondaryIconRaw = "--smtc-gap-inside-ctrl-to-secondary-icon"; // @public (undocumented) -export const iconthemeCtrlChevronDefault = "var(--smtc-icontheme-ctrl-chevron-default, var(--smtc-icontheme-ctrl-default-rest))"; +export const iconThemeCtrlChevronDefault = "var(--smtc-icon-theme-ctrl-chevron-default, var(--smtc-icon-theme-ctrl-default-rest))"; // @public (undocumented) -export const iconthemeCtrlChevronDefaultRaw = "--smtc-icontheme-ctrl-chevron-default"; +export const iconThemeCtrlChevronDefaultRaw = "--smtc-icon-theme-ctrl-chevron-default"; // @public (undocumented) -export const iconthemeCtrlChevronSelected = "var(--smtc-icontheme-ctrl-chevron-selected, var(--smtc-icontheme-ctrl-default-selected))"; +export const iconThemeCtrlChevronSelected = "var(--smtc-icon-theme-ctrl-chevron-selected, var(--smtc-icon-theme-ctrl-default-selected))"; // @public (undocumented) -export const iconthemeCtrlChevronSelectedRaw = "--smtc-icontheme-ctrl-chevron-selected"; +export const iconThemeCtrlChevronSelectedRaw = "--smtc-icon-theme-ctrl-chevron-selected"; // @public (undocumented) -export const iconthemeCtrlDefaultHover = "var(--smtc-icontheme-ctrl-default-hover, var(--smtc-icontheme-ctrl-default-rest))"; +export const iconThemeCtrlDefaultHover = "var(--smtc-icon-theme-ctrl-default-hover, var(--smtc-icon-theme-ctrl-default-rest))"; // @public (undocumented) -export const iconthemeCtrlDefaultHoverRaw = "--smtc-icontheme-ctrl-default-hover"; +export const iconThemeCtrlDefaultHoverRaw = "--smtc-icon-theme-ctrl-default-hover"; // @public (undocumented) -export const iconthemeCtrlDefaultPressed = "var(--smtc-icontheme-ctrl-default-pressed, var(--smtc-icontheme-ctrl-default-rest))"; +export const iconThemeCtrlDefaultPressed = "var(--smtc-icon-theme-ctrl-default-pressed, var(--smtc-icon-theme-ctrl-default-rest))"; // @public (undocumented) -export const iconthemeCtrlDefaultPressedRaw = "--smtc-icontheme-ctrl-default-pressed"; +export const iconThemeCtrlDefaultPressedRaw = "--smtc-icon-theme-ctrl-default-pressed"; // @public (undocumented) -export const iconthemeCtrlDefaultRest = "var(--smtc-icontheme-ctrl-default-rest)"; +export const iconThemeCtrlDefaultRest = "var(--smtc-icon-theme-ctrl-default-rest)"; // @public (undocumented) -export const iconthemeCtrlDefaultRestRaw = "--smtc-icontheme-ctrl-default-rest"; +export const iconThemeCtrlDefaultRestRaw = "--smtc-icon-theme-ctrl-default-rest"; // @public (undocumented) -export const iconthemeCtrlDefaultSelected = "var(--smtc-icontheme-ctrl-default-selected)"; +export const iconThemeCtrlDefaultSelected = "var(--smtc-icon-theme-ctrl-default-selected)"; // @public (undocumented) -export const iconthemeCtrlDefaultSelectedRaw = "--smtc-icontheme-ctrl-default-selected"; +export const iconThemeCtrlDefaultSelectedRaw = "--smtc-icon-theme-ctrl-default-selected"; // @public (undocumented) -export const iconthemeCtrlSubtleHover = "var(--smtc-icontheme-ctrl-subtle-hover, var(--smtc-icontheme-ctrl-default-rest))"; +export const iconThemeCtrlSubtleHover = "var(--smtc-icon-theme-ctrl-subtle-hover, var(--smtc-icon-theme-ctrl-default-rest))"; // @public (undocumented) -export const iconthemeCtrlSubtleHoverRaw = "--smtc-icontheme-ctrl-subtle-hover"; +export const iconThemeCtrlSubtleHoverRaw = "--smtc-icon-theme-ctrl-subtle-hover"; // @public (undocumented) -export const iconthemeCtrlSubtlePressed = "var(--smtc-icontheme-ctrl-subtle-pressed, var(--smtc-icontheme-ctrl-default-rest))"; +export const iconThemeCtrlSubtlePressed = "var(--smtc-icon-theme-ctrl-subtle-pressed, var(--smtc-icon-theme-ctrl-default-rest))"; // @public (undocumented) -export const iconthemeCtrlSubtlePressedRaw = "--smtc-icontheme-ctrl-subtle-pressed"; +export const iconThemeCtrlSubtlePressedRaw = "--smtc-icon-theme-ctrl-subtle-pressed"; // @public (undocumented) -export const iconthemeCtrlSubtleRest = "var(--smtc-icontheme-ctrl-subtle-rest, var(--smtc-icontheme-ctrl-default-rest))"; +export const iconThemeCtrlSubtleRest = "var(--smtc-icon-theme-ctrl-subtle-rest, var(--smtc-icon-theme-ctrl-default-rest))"; // @public (undocumented) -export const iconthemeCtrlSubtleRestRaw = "--smtc-icontheme-ctrl-subtle-rest"; +export const iconThemeCtrlSubtleRestRaw = "--smtc-icon-theme-ctrl-subtle-rest"; // @public (undocumented) -export const iconthemeCtrlSubtleSelected = "var(--smtc-icontheme-ctrl-subtle-selected, var(--smtc-icontheme-ctrl-default-selected))"; +export const iconThemeCtrlSubtleSelected = "var(--smtc-icon-theme-ctrl-subtle-selected, var(--smtc-icon-theme-ctrl-default-selected))"; // @public (undocumented) -export const iconthemeCtrlSubtleSelectedRaw = "--smtc-icontheme-ctrl-subtle-selected"; +export const iconThemeCtrlSubtleSelectedRaw = "--smtc-icon-theme-ctrl-subtle-selected"; // @public (undocumented) export const materialAcrylicBlur = "var(--smtc-material-acrylic-blur)"; @@ -3263,37 +3299,37 @@ export const materialAcrylicBlur = "var(--smtc-material-acrylic-blur)"; export const materialAcrylicBlurRaw = "--smtc-material-acrylic-blur"; // @public (undocumented) -export const materialAcrylicDefaultColorblend = "var(--smtc-material-acrylic-default-colorblend, var(--smtc-background-layer-primarysolid))"; +export const materialAcrylicDefaultColorBlend = "var(--smtc-material-acrylic-default-color-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialAcrylicDefaultColorblendRaw = "--smtc-material-acrylic-default-colorblend"; +export const materialAcrylicDefaultColorBlendRaw = "--smtc-material-acrylic-default-color-blend"; // @public (undocumented) -export const materialAcrylicDefaultLumblend = "var(--smtc-material-acrylic-default-lumblend, var(--smtc-background-layer-primarysolid))"; +export const materialAcrylicDefaultLumBlend = "var(--smtc-material-acrylic-default-lum-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialAcrylicDefaultLumblendRaw = "--smtc-material-acrylic-default-lumblend"; +export const materialAcrylicDefaultLumBlendRaw = "--smtc-material-acrylic-default-lum-blend"; // @public (undocumented) -export const materialAcrylicDefaultSolid = "var(--smtc-material-acrylic-default-solid, var(--smtc-background-layer-primarysolid))"; +export const materialAcrylicDefaultSolid = "var(--smtc-material-acrylic-default-solid, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) export const materialAcrylicDefaultSolidRaw = "--smtc-material-acrylic-default-solid"; // @public (undocumented) -export const materialAcrylicShellDefaultColorblend = "var(--smtc-material-acrylic-shell-default-colorblend, var(--smtc-background-layer-primarysolid))"; +export const materialAcrylicShellDefaultColorBlend = "var(--smtc-material-acrylic-shell-default-color-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialAcrylicShellDefaultColorblendRaw = "--smtc-material-acrylic-shell-default-colorblend"; +export const materialAcrylicShellDefaultColorBlendRaw = "--smtc-material-acrylic-shell-default-color-blend"; // @public (undocumented) -export const materialAcrylicShellDefaultLumblend = "var(--smtc-material-acrylic-shell-default-lumblend, var(--smtc-background-layer-primarysolid))"; +export const materialAcrylicShellDefaultLumBlend = "var(--smtc-material-acrylic-shell-default-lum-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialAcrylicShellDefaultLumblendRaw = "--smtc-material-acrylic-shell-default-lumblend"; +export const materialAcrylicShellDefaultLumBlendRaw = "--smtc-material-acrylic-shell-default-lum-blend"; // @public (undocumented) -export const materialAcrylicShellDefaultSolid = "var(--smtc-material-acrylic-shell-default-solid, var(--smtc-background-layer-primarysolid))"; +export const materialAcrylicShellDefaultSolid = "var(--smtc-material-acrylic-shell-default-solid, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) export const materialAcrylicShellDefaultSolidRaw = "--smtc-material-acrylic-shell-default-solid"; @@ -3305,64 +3341,64 @@ export const materialMicaBlur = "var(--smtc-material-mica-blur)"; export const materialMicaBlurRaw = "--smtc-material-mica-blur"; // @public (undocumented) -export const materialMicaDarkerColorblend = "var(--smtc-material-mica-darker-colorblend, var(--smtc-background-layer-primarysolid))"; +export const materialMicaDarkerColorBlend = "var(--smtc-material-mica-darker-color-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialMicaDarkerColorblendRaw = "--smtc-material-mica-darker-colorblend"; +export const materialMicaDarkerColorBlendRaw = "--smtc-material-mica-darker-color-blend"; // @public (undocumented) -export const materialMicaDarkerLumblend = "var(--smtc-material-mica-darker-lumblend, var(--smtc-background-layer-primarysolid))"; +export const materialMicaDarkerLumBlend = "var(--smtc-material-mica-darker-lum-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialMicaDarkerLumblendRaw = "--smtc-material-mica-darker-lumblend"; +export const materialMicaDarkerLumBlendRaw = "--smtc-material-mica-darker-lum-blend"; // @public (undocumented) -export const materialMicaDarkerSolid = "var(--smtc-material-mica-darker-solid, var(--smtc-background-layer-primarysolid))"; +export const materialMicaDarkerSolid = "var(--smtc-material-mica-darker-solid, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) export const materialMicaDarkerSolidRaw = "--smtc-material-mica-darker-solid"; // @public (undocumented) -export const materialMicaDefaultColorblend = "var(--smtc-material-mica-default-colorblend, var(--smtc-background-layer-primarysolid))"; +export const materialMicaDefaultColorBlend = "var(--smtc-material-mica-default-color-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialMicaDefaultColorblendRaw = "--smtc-material-mica-default-colorblend"; +export const materialMicaDefaultColorBlendRaw = "--smtc-material-mica-default-color-blend"; // @public (undocumented) -export const materialMicaDefaultLumblend = "var(--smtc-material-mica-default-lumblend, var(--smtc-background-layer-primarysolid))"; +export const materialMicaDefaultLumBlend = "var(--smtc-material-mica-default-lum-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialMicaDefaultLumblendRaw = "--smtc-material-mica-default-lumblend"; +export const materialMicaDefaultLumBlendRaw = "--smtc-material-mica-default-lum-blend"; // @public (undocumented) -export const materialMicaDefaultSolid = "var(--smtc-material-mica-default-solid, var(--smtc-background-layer-primarysolid))"; +export const materialMicaDefaultSolid = "var(--smtc-material-mica-default-solid, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) export const materialMicaDefaultSolidRaw = "--smtc-material-mica-default-solid"; // @public (undocumented) -export const materialMicaThinColorblend = "var(--smtc-material-mica-thin-colorblend, var(--smtc-background-layer-primarysolid))"; +export const materialMicaThinColorBlend = "var(--smtc-material-mica-thin-color-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialMicaThinColorblendRaw = "--smtc-material-mica-thin-colorblend"; +export const materialMicaThinColorBlendRaw = "--smtc-material-mica-thin-color-blend"; // @public (undocumented) -export const materialMicaThinLumblend = "var(--smtc-material-mica-thin-lumblend, var(--smtc-background-layer-primarysolid))"; +export const materialMicaThinLumBlend = "var(--smtc-material-mica-thin-lum-blend, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) -export const materialMicaThinLumblendRaw = "--smtc-material-mica-thin-lumblend"; +export const materialMicaThinLumBlendRaw = "--smtc-material-mica-thin-lum-blend"; // @public (undocumented) -export const materialMicaThinSolid = "var(--smtc-material-mica-thin-solid, var(--smtc-background-layer-primarysolid))"; +export const materialMicaThinSolid = "var(--smtc-material-mica-thin-solid, var(--smtc-background-layer-primary-solid))"; // @public (undocumented) export const materialMicaThinSolidRaw = "--smtc-material-mica-thin-solid"; // @public (undocumented) -export const paddingCardNestedimage = "var(--smtc-padding-card-nestedimage, var(--smtc-padding-content-align-default))"; +export const paddingCardNestedImage = "var(--smtc-padding-card-nested-image, var(--smtc-padding-content-align-default))"; // @public (undocumented) -export const paddingCardNestedimageRaw = "--smtc-padding-card-nestedimage"; +export const paddingCardNestedImageRaw = "--smtc-padding-card-nested-image"; // @public (undocumented) export const paddingContentAlignDefault = "var(--smtc-padding-content-align-default)"; @@ -3371,16 +3407,16 @@ export const paddingContentAlignDefault = "var(--smtc-padding-content-align-defa export const paddingContentAlignDefaultRaw = "--smtc-padding-content-align-default"; // @public (undocumented) -export const paddingContentAlignOutdentIcononsubtle = "var(--smtc-padding-content-align-outdent-icononsubtle)"; +export const paddingContentAlignOutdentIconOnSubtle = "var(--smtc-padding-content-align-outdent-icon-on-subtle)"; // @public (undocumented) -export const paddingContentAlignOutdentIcononsubtleRaw = "--smtc-padding-content-align-outdent-icononsubtle"; +export const paddingContentAlignOutdentIconOnSubtleRaw = "--smtc-padding-content-align-outdent-icon-on-subtle"; // @public (undocumented) -export const paddingContentAlignOutdentTextonsubtle = "var(--smtc-padding-content-align-outdent-textonsubtle)"; +export const paddingContentAlignOutdentTextOnSubtle = "var(--smtc-padding-content-align-outdent-text-on-subtle)"; // @public (undocumented) -export const paddingContentAlignOutdentTextonsubtleRaw = "--smtc-padding-content-align-outdent-textonsubtle"; +export const paddingContentAlignOutdentTextOnSubtleRaw = "--smtc-padding-content-align-outdent-text-on-subtle"; // @public (undocumented) export const paddingContentLarge = "var(--smtc-padding-content-large)"; @@ -3407,34 +3443,34 @@ export const paddingContentSmall = "var(--smtc-padding-content-small)"; export const paddingContentSmallRaw = "--smtc-padding-content-small"; // @public (undocumented) -export const paddingContentXlarge = "var(--smtc-padding-content-xlarge)"; +export const paddingContentXLarge = "var(--smtc-padding-content-x-large)"; // @public (undocumented) -export const paddingContentXlargeRaw = "--smtc-padding-content-xlarge"; +export const paddingContentXLargeRaw = "--smtc-padding-content-x-large"; // @public (undocumented) -export const paddingContentXsmall = "var(--smtc-padding-content-xsmall)"; +export const paddingContentXSmall = "var(--smtc-padding-content-x-small)"; // @public (undocumented) -export const paddingContentXsmallRaw = "--smtc-padding-content-xsmall"; +export const paddingContentXSmallRaw = "--smtc-padding-content-x-small"; // @public (undocumented) -export const paddingContentXxlarge = "var(--smtc-padding-content-xxlarge)"; +export const paddingContentXxLarge = "var(--smtc-padding-content-xx-large)"; // @public (undocumented) -export const paddingContentXxlargeRaw = "--smtc-padding-content-xxlarge"; +export const paddingContentXxLargeRaw = "--smtc-padding-content-xx-large"; // @public (undocumented) -export const paddingContentXxsmall = "var(--smtc-padding-content-xxsmall)"; +export const paddingContentXxSmall = "var(--smtc-padding-content-xx-small)"; // @public (undocumented) -export const paddingContentXxsmallRaw = "--smtc-padding-content-xxsmall"; +export const paddingContentXxSmallRaw = "--smtc-padding-content-xx-small"; // @public (undocumented) -export const paddingContentXxxlarge = "var(--smtc-padding-content-xxxlarge)"; +export const paddingContentXxxLarge = "var(--smtc-padding-content-xxx-large)"; // @public (undocumented) -export const paddingContentXxxlargeRaw = "--smtc-padding-content-xxxlarge"; +export const paddingContentXxxLargeRaw = "--smtc-padding-content-xxx-large"; // @public (undocumented) export const paddingCtrlHorizontalDefault = "var(--smtc-padding-ctrl-horizontal-default)"; @@ -3443,10 +3479,10 @@ export const paddingCtrlHorizontalDefault = "var(--smtc-padding-ctrl-horizontal- export const paddingCtrlHorizontalDefaultRaw = "--smtc-padding-ctrl-horizontal-default"; // @public (undocumented) -export const paddingCtrlHorizontalIcononly = "var(--smtc-padding-ctrl-horizontal-icononly)"; +export const paddingCtrlHorizontalIconOnly = "var(--smtc-padding-ctrl-horizontal-icon-only)"; // @public (undocumented) -export const paddingCtrlHorizontalIcononlyRaw = "--smtc-padding-ctrl-horizontal-icononly"; +export const paddingCtrlHorizontalIconOnlyRaw = "--smtc-padding-ctrl-horizontal-icon-only"; // @public (undocumented) export const paddingCtrlLgHorizontalDefault = "var(--smtc-padding-ctrl-lg-horizontal-default)"; @@ -3455,28 +3491,28 @@ export const paddingCtrlLgHorizontalDefault = "var(--smtc-padding-ctrl-lg-horizo export const paddingCtrlLgHorizontalDefaultRaw = "--smtc-padding-ctrl-lg-horizontal-default"; // @public (undocumented) -export const paddingCtrlLgHorizontalIcononly = "var(--smtc-padding-ctrl-lg-horizontal-icononly)"; +export const paddingCtrlLgHorizontalIconOnly = "var(--smtc-padding-ctrl-lg-horizontal-icon-only)"; // @public (undocumented) -export const paddingCtrlLgHorizontalIcononlyRaw = "--smtc-padding-ctrl-lg-horizontal-icononly"; +export const paddingCtrlLgHorizontalIconOnlyRaw = "--smtc-padding-ctrl-lg-horizontal-icon-only"; // @public (undocumented) -export const paddingCtrlLgTextbottom = "var(--smtc-padding-ctrl-lg-textbottom, var(--smtc-padding-ctrl-lg-texttop))"; +export const paddingCtrlLgTextBottom = "var(--smtc-padding-ctrl-lg-text-bottom, var(--smtc-padding-ctrl-lg-text-top))"; // @public (undocumented) -export const paddingCtrlLgTextbottomRaw = "--smtc-padding-ctrl-lg-textbottom"; +export const paddingCtrlLgTextBottomRaw = "--smtc-padding-ctrl-lg-text-bottom"; // @public (undocumented) -export const paddingCtrlLgTexttop = "var(--smtc-padding-ctrl-lg-texttop)"; +export const paddingCtrlLgTextTop = "var(--smtc-padding-ctrl-lg-text-top)"; // @public (undocumented) -export const paddingCtrlLgTexttopRaw = "--smtc-padding-ctrl-lg-texttop"; +export const paddingCtrlLgTextTopRaw = "--smtc-padding-ctrl-lg-text-top"; // @public (undocumented) -export const paddingCtrlLgTonestedcontrol = "var(--smtc-padding-ctrl-lg-tonestedcontrol)"; +export const paddingCtrlLgToNestedControl = "var(--smtc-padding-ctrl-lg-to-nested-control)"; // @public (undocumented) -export const paddingCtrlLgTonestedcontrolRaw = "--smtc-padding-ctrl-lg-tonestedcontrol"; +export const paddingCtrlLgToNestedControlRaw = "--smtc-padding-ctrl-lg-to-nested-control"; // @public (undocumented) export const paddingCtrlSmHorizontalDefault = "var(--smtc-padding-ctrl-sm-horizontal-default)"; @@ -3485,67 +3521,67 @@ export const paddingCtrlSmHorizontalDefault = "var(--smtc-padding-ctrl-sm-horizo export const paddingCtrlSmHorizontalDefaultRaw = "--smtc-padding-ctrl-sm-horizontal-default"; // @public (undocumented) -export const paddingCtrlSmHorizontalIcononly = "var(--smtc-padding-ctrl-sm-horizontal-icononly)"; +export const paddingCtrlSmHorizontalIconOnly = "var(--smtc-padding-ctrl-sm-horizontal-icon-only)"; // @public (undocumented) -export const paddingCtrlSmHorizontalIcononlyRaw = "--smtc-padding-ctrl-sm-horizontal-icononly"; +export const paddingCtrlSmHorizontalIconOnlyRaw = "--smtc-padding-ctrl-sm-horizontal-icon-only"; // @public (undocumented) -export const paddingCtrlSmTextbottom = "var(--smtc-padding-ctrl-sm-textbottom, var(--smtc-padding-ctrl-sm-texttop))"; +export const paddingCtrlSmTextBottom = "var(--smtc-padding-ctrl-sm-text-bottom, var(--smtc-padding-ctrl-sm-text-top))"; // @public (undocumented) -export const paddingCtrlSmTextbottomRaw = "--smtc-padding-ctrl-sm-textbottom"; +export const paddingCtrlSmTextBottomRaw = "--smtc-padding-ctrl-sm-text-bottom"; // @public (undocumented) -export const paddingCtrlSmTexttop = "var(--smtc-padding-ctrl-sm-texttop)"; +export const paddingCtrlSmTextTop = "var(--smtc-padding-ctrl-sm-text-top)"; // @public (undocumented) -export const paddingCtrlSmTexttopRaw = "--smtc-padding-ctrl-sm-texttop"; +export const paddingCtrlSmTextTopRaw = "--smtc-padding-ctrl-sm-text-top"; // @public (undocumented) -export const paddingCtrlSmTonestedcontrol = "var(--smtc-padding-ctrl-sm-tonestedcontrol)"; +export const paddingCtrlSmToNestedControl = "var(--smtc-padding-ctrl-sm-to-nested-control)"; // @public (undocumented) -export const paddingCtrlSmTonestedcontrolRaw = "--smtc-padding-ctrl-sm-tonestedcontrol"; +export const paddingCtrlSmToNestedControlRaw = "--smtc-padding-ctrl-sm-to-nested-control"; // @public (undocumented) -export const paddingCtrlTextbottom = "var(--smtc-padding-ctrl-textbottom, var(--smtc-padding-ctrl-texttop))"; +export const paddingCtrlTextBottom = "var(--smtc-padding-ctrl-text-bottom, var(--smtc-padding-ctrl-text-top))"; // @public (undocumented) -export const paddingCtrlTextbottomRaw = "--smtc-padding-ctrl-textbottom"; +export const paddingCtrlTextBottomRaw = "--smtc-padding-ctrl-text-bottom"; // @public (undocumented) -export const paddingCtrlTextside = "var(--smtc-padding-ctrl-textside)"; +export const paddingCtrlTextSide = "var(--smtc-padding-ctrl-text-side)"; // @public (undocumented) -export const paddingCtrlTextsideRaw = "--smtc-padding-ctrl-textside"; +export const paddingCtrlTextSideRaw = "--smtc-padding-ctrl-text-side"; // @public (undocumented) -export const paddingCtrlTexttop = "var(--smtc-padding-ctrl-texttop)"; +export const paddingCtrlTextTop = "var(--smtc-padding-ctrl-text-top)"; // @public (undocumented) -export const paddingCtrlTexttopRaw = "--smtc-padding-ctrl-texttop"; +export const paddingCtrlTextTopRaw = "--smtc-padding-ctrl-text-top"; // @public (undocumented) -export const paddingCtrlTonestedcontrol = "var(--smtc-padding-ctrl-tonestedcontrol)"; +export const paddingCtrlToNestedControl = "var(--smtc-padding-ctrl-to-nested-control)"; // @public (undocumented) -export const paddingCtrlTonestedcontrolRaw = "--smtc-padding-ctrl-tonestedcontrol"; +export const paddingCtrlToNestedControlRaw = "--smtc-padding-ctrl-to-nested-control"; // @public (undocumented) -export const paddingFlyoutDefault = "var(--smtc-padding-flyout-default, var(--smtc-padding-content-align-outdent-textonsubtle))"; +export const paddingFlyoutDefault = "var(--smtc-padding-flyout-default, var(--smtc-padding-content-align-outdent-text-on-subtle))"; // @public (undocumented) export const paddingFlyoutDefaultRaw = "--smtc-padding-flyout-default"; // @public (undocumented) -export const paddingToolbarInside = "var(--smtc-padding-toolbar-inside, var(--smtc-padding-content-xsmall))"; +export const paddingToolbarInside = "var(--smtc-padding-toolbar-inside, var(--smtc-padding-content-x-small))"; // @public (undocumented) export const paddingToolbarInsideRaw = "--smtc-padding-toolbar-inside"; // @public (undocumented) -export const paddingToolbarOutside = "var(--smtc-padding-toolbar-outside, var(--smtc-padding-content-xxsmall))"; +export const paddingToolbarOutside = "var(--smtc-padding-toolbar-outside, var(--smtc-padding-content-xx-small))"; // @public (undocumented) export const paddingToolbarOutsideRaw = "--smtc-padding-toolbar-outside"; @@ -3581,16 +3617,16 @@ export const shadowCardRestKey = "var(--smtc-shadow-card-rest-key, unset)"; export const shadowCardRestKeyRaw = "--smtc-shadow-card-rest-key"; // @public (undocumented) -export const shadowCtrlOndragAmbient = "var(--smtc-shadow-ctrl-ondrag-ambient, var(--smtc-shadow-flyout-ambient))"; +export const shadowCtrlOnDragAmbient = "var(--smtc-shadow-ctrl-on-drag-ambient, var(--smtc-shadow-flyout-ambient))"; // @public (undocumented) -export const shadowCtrlOndragAmbientRaw = "--smtc-shadow-ctrl-ondrag-ambient"; +export const shadowCtrlOnDragAmbientRaw = "--smtc-shadow-ctrl-on-drag-ambient"; // @public (undocumented) -export const shadowCtrlOndragKey = "var(--smtc-shadow-ctrl-ondrag-key, var(--smtc-shadow-flyout-key))"; +export const shadowCtrlOnDragKey = "var(--smtc-shadow-ctrl-on-drag-key, var(--smtc-shadow-flyout-key))"; // @public (undocumented) -export const shadowCtrlOndragKeyRaw = "--smtc-shadow-ctrl-ondrag-key"; +export const shadowCtrlOnDragKeyRaw = "--smtc-shadow-ctrl-on-drag-key"; // @public (undocumented) export const shadowFlyoutAmbient = "var(--smtc-shadow-flyout-ambient)"; @@ -3665,10 +3701,10 @@ export const sizeCtrlIcon = "var(--smtc-size-ctrl-icon)"; export const sizeCtrlIconRaw = "--smtc-size-ctrl-icon"; // @public (undocumented) -export const sizeCtrlIconsecondary = "var(--smtc-size-ctrl-iconsecondary)"; +export const sizeCtrlIconSecondary = "var(--smtc-size-ctrl-icon-secondary)"; // @public (undocumented) -export const sizeCtrlIconsecondaryRaw = "--smtc-size-ctrl-iconsecondary"; +export const sizeCtrlIconSecondaryRaw = "--smtc-size-ctrl-icon-secondary"; // @public (undocumented) export const sizeCtrlLgDefault = "var(--smtc-size-ctrl-lg-default)"; @@ -3707,7 +3743,7 @@ export const statusBrandBackground = "var(--smtc-status-brand-background, var(-- export const statusBrandBackgroundRaw = "--smtc-status-brand-background"; // @public (undocumented) -export const statusBrandForeground = "var(--smtc-status-brand-foreground, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const statusBrandForeground = "var(--smtc-status-brand-foreground, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) export const statusBrandForegroundRaw = "--smtc-status-brand-foreground"; @@ -3743,7 +3779,7 @@ export const statusDangerBackground = "var(--smtc-status-danger-background)"; export const statusDangerBackgroundRaw = "--smtc-status-danger-background"; // @public (undocumented) -export const statusDangerForeground = "var(--smtc-status-danger-foreground, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const statusDangerForeground = "var(--smtc-status-danger-foreground, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) export const statusDangerForegroundRaw = "--smtc-status-danger-foreground"; @@ -3779,7 +3815,7 @@ export const statusImportantBackground = "var(--smtc-status-important-background export const statusImportantBackgroundRaw = "--smtc-status-important-background"; // @public (undocumented) -export const statusImportantForeground = "var(--smtc-status-important-foreground, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const statusImportantForeground = "var(--smtc-status-important-foreground, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) export const statusImportantForegroundRaw = "--smtc-status-important-foreground"; @@ -3893,7 +3929,7 @@ export const statusSuccessBackground = "var(--smtc-status-success-background)"; export const statusSuccessBackgroundRaw = "--smtc-status-success-background"; // @public (undocumented) -export const statusSuccessForeground = "var(--smtc-status-success-foreground, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const statusSuccessForeground = "var(--smtc-status-success-foreground, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) export const statusSuccessForegroundRaw = "--smtc-status-success-foreground"; @@ -3929,7 +3965,7 @@ export const statusWarningBackground = "var(--smtc-status-warning-background)"; export const statusWarningBackgroundRaw = "--smtc-status-warning-background"; // @public (undocumented) -export const statusWarningForeground = "var(--smtc-status-warning-foreground, var(--smtc-foreground-ctrl-onbrand-rest))"; +export const statusWarningForeground = "var(--smtc-status-warning-foreground, var(--smtc-foreground-ctrl-on-brand-rest))"; // @public (undocumented) export const statusWarningForegroundRaw = "--smtc-status-warning-foreground"; @@ -3959,52 +3995,52 @@ export const statusWarningTintStroke = "var(--smtc-status-warning-tint-stroke)"; export const statusWarningTintStrokeRaw = "--smtc-status-warning-tint-stroke"; // @public (undocumented) -export const strokeCardOnprimaryDisabled = "var(--smtc-stroke-card-onprimary-disabled, unset)"; +export const strokeCardOnPrimaryDisabled = "var(--smtc-stroke-card-on-primary-disabled, unset)"; // @public (undocumented) -export const strokeCardOnprimaryDisabledRaw = "--smtc-stroke-card-onprimary-disabled"; +export const strokeCardOnPrimaryDisabledRaw = "--smtc-stroke-card-on-primary-disabled"; // @public (undocumented) -export const strokeCardOnprimaryHover = "var(--smtc-stroke-card-onprimary-hover, unset)"; +export const strokeCardOnPrimaryHover = "var(--smtc-stroke-card-on-primary-hover, unset)"; // @public (undocumented) -export const strokeCardOnprimaryHoverRaw = "--smtc-stroke-card-onprimary-hover"; +export const strokeCardOnPrimaryHoverRaw = "--smtc-stroke-card-on-primary-hover"; // @public (undocumented) -export const strokeCardOnprimaryPressed = "var(--smtc-stroke-card-onprimary-pressed, unset)"; +export const strokeCardOnPrimaryPressed = "var(--smtc-stroke-card-on-primary-pressed, unset)"; // @public (undocumented) -export const strokeCardOnprimaryPressedRaw = "--smtc-stroke-card-onprimary-pressed"; +export const strokeCardOnPrimaryPressedRaw = "--smtc-stroke-card-on-primary-pressed"; // @public (undocumented) -export const strokeCardOnprimaryRest = "var(--smtc-stroke-card-onprimary-rest, unset)"; +export const strokeCardOnPrimaryRest = "var(--smtc-stroke-card-on-primary-rest, unset)"; // @public (undocumented) -export const strokeCardOnprimaryRestRaw = "--smtc-stroke-card-onprimary-rest"; +export const strokeCardOnPrimaryRestRaw = "--smtc-stroke-card-on-primary-rest"; // @public (undocumented) -export const strokeCardOnsecondaryDisabled = "var(--smtc-stroke-card-onsecondary-disabled, unset)"; +export const strokeCardOnSecondaryDisabled = "var(--smtc-stroke-card-on-secondary-disabled, unset)"; // @public (undocumented) -export const strokeCardOnsecondaryDisabledRaw = "--smtc-stroke-card-onsecondary-disabled"; +export const strokeCardOnSecondaryDisabledRaw = "--smtc-stroke-card-on-secondary-disabled"; // @public (undocumented) -export const strokeCardOnsecondaryHover = "var(--smtc-stroke-card-onsecondary-hover, unset)"; +export const strokeCardOnSecondaryHover = "var(--smtc-stroke-card-on-secondary-hover, unset)"; // @public (undocumented) -export const strokeCardOnsecondaryHoverRaw = "--smtc-stroke-card-onsecondary-hover"; +export const strokeCardOnSecondaryHoverRaw = "--smtc-stroke-card-on-secondary-hover"; // @public (undocumented) -export const strokeCardOnsecondaryPressed = "var(--smtc-stroke-card-onsecondary-pressed, unset)"; +export const strokeCardOnSecondaryPressed = "var(--smtc-stroke-card-on-secondary-pressed, unset)"; // @public (undocumented) -export const strokeCardOnsecondaryPressedRaw = "--smtc-stroke-card-onsecondary-pressed"; +export const strokeCardOnSecondaryPressedRaw = "--smtc-stroke-card-on-secondary-pressed"; // @public (undocumented) -export const strokeCardOnsecondaryRest = "var(--smtc-stroke-card-onsecondary-rest, unset)"; +export const strokeCardOnSecondaryRest = "var(--smtc-stroke-card-on-secondary-rest, unset)"; // @public (undocumented) -export const strokeCardOnsecondaryRestRaw = "--smtc-stroke-card-onsecondary-rest"; +export const strokeCardOnSecondaryRestRaw = "--smtc-stroke-card-on-secondary-rest"; // @public (undocumented) export const strokeCardSelected = "var(--smtc-stroke-card-selected, unset)"; @@ -4013,286 +4049,286 @@ export const strokeCardSelected = "var(--smtc-stroke-card-selected, unset)"; export const strokeCardSelectedRaw = "--smtc-stroke-card-selected"; // @public (undocumented) -export const strokeCtrlDividerOnactivebrand = "var(--smtc-stroke-ctrl-divider-onactivebrand, var(--smtc-stroke-ctrl-divider-onbrand))"; +export const strokeCtrlDividerOnActiveBrand = "var(--smtc-stroke-ctrl-divider-on-active-brand, var(--smtc-stroke-ctrl-divider-on-brand))"; // @public (undocumented) -export const strokeCtrlDividerOnactivebrandDisabled = "var(--smtc-stroke-ctrl-divider-onactivebrand-disabled, var(--smtc-stroke-ctrl-divider-onbrand))"; +export const strokeCtrlDividerOnActiveBrandDisabled = "var(--smtc-stroke-ctrl-divider-on-active-brand-disabled, var(--smtc-stroke-ctrl-divider-on-brand))"; // @public (undocumented) -export const strokeCtrlDividerOnactivebrandDisabledRaw = "--smtc-stroke-ctrl-divider-onactivebrand-disabled"; +export const strokeCtrlDividerOnActiveBrandDisabledRaw = "--smtc-stroke-ctrl-divider-on-active-brand-disabled"; // @public (undocumented) -export const strokeCtrlDividerOnactivebrandRaw = "--smtc-stroke-ctrl-divider-onactivebrand"; +export const strokeCtrlDividerOnActiveBrandRaw = "--smtc-stroke-ctrl-divider-on-active-brand"; // @public (undocumented) -export const strokeCtrlDividerOnbrand = "var(--smtc-stroke-ctrl-divider-onbrand)"; +export const strokeCtrlDividerOnBrand = "var(--smtc-stroke-ctrl-divider-on-brand)"; // @public (undocumented) -export const strokeCtrlDividerOnbrandDisabled = "var(--smtc-stroke-ctrl-divider-onbrand-disabled, var(--smtc-stroke-ctrl-divider-onbrand))"; +export const strokeCtrlDividerOnBrandDisabled = "var(--smtc-stroke-ctrl-divider-on-brand-disabled, var(--smtc-stroke-ctrl-divider-on-brand))"; // @public (undocumented) -export const strokeCtrlDividerOnbrandDisabledRaw = "--smtc-stroke-ctrl-divider-onbrand-disabled"; +export const strokeCtrlDividerOnBrandDisabledRaw = "--smtc-stroke-ctrl-divider-on-brand-disabled"; // @public (undocumented) -export const strokeCtrlDividerOnbrandRaw = "--smtc-stroke-ctrl-divider-onbrand"; +export const strokeCtrlDividerOnBrandRaw = "--smtc-stroke-ctrl-divider-on-brand"; // @public (undocumented) -export const strokeCtrlDividerOnneutral = "var(--smtc-stroke-ctrl-divider-onneutral)"; +export const strokeCtrlDividerOnNeutral = "var(--smtc-stroke-ctrl-divider-on-neutral)"; // @public (undocumented) -export const strokeCtrlDividerOnneutralDisabled = "var(--smtc-stroke-ctrl-divider-onneutral-disabled, var(--smtc-stroke-ctrl-divider-onneutral))"; +export const strokeCtrlDividerOnNeutralDisabled = "var(--smtc-stroke-ctrl-divider-on-neutral-disabled, var(--smtc-stroke-ctrl-divider-on-neutral))"; // @public (undocumented) -export const strokeCtrlDividerOnneutralDisabledRaw = "--smtc-stroke-ctrl-divider-onneutral-disabled"; +export const strokeCtrlDividerOnNeutralDisabledRaw = "--smtc-stroke-ctrl-divider-on-neutral-disabled"; // @public (undocumented) -export const strokeCtrlDividerOnneutralRaw = "--smtc-stroke-ctrl-divider-onneutral"; +export const strokeCtrlDividerOnNeutralRaw = "--smtc-stroke-ctrl-divider-on-neutral"; // @public (undocumented) -export const strokeCtrlDividerOnoutline = "var(--smtc-stroke-ctrl-divider-onoutline)"; +export const strokeCtrlDividerOnOutline = "var(--smtc-stroke-ctrl-divider-on-outline)"; // @public (undocumented) -export const strokeCtrlDividerOnoutlineDisabled = "var(--smtc-stroke-ctrl-divider-onoutline-disabled, var(--smtc-stroke-ctrl-divider-onoutline))"; +export const strokeCtrlDividerOnOutlineDisabled = "var(--smtc-stroke-ctrl-divider-on-outline-disabled, var(--smtc-stroke-ctrl-divider-on-outline))"; // @public (undocumented) -export const strokeCtrlDividerOnoutlineDisabledRaw = "--smtc-stroke-ctrl-divider-onoutline-disabled"; +export const strokeCtrlDividerOnOutlineDisabledRaw = "--smtc-stroke-ctrl-divider-on-outline-disabled"; // @public (undocumented) -export const strokeCtrlDividerOnoutlineRaw = "--smtc-stroke-ctrl-divider-onoutline"; +export const strokeCtrlDividerOnOutlineRaw = "--smtc-stroke-ctrl-divider-on-outline"; // @public (undocumented) -export const strokeCtrlDividerOnsubtle = "var(--smtc-stroke-ctrl-divider-onsubtle, unset)"; +export const strokeCtrlDividerOnSubtle = "var(--smtc-stroke-ctrl-divider-on-subtle, unset)"; // @public (undocumented) -export const strokeCtrlDividerOnsubtleDisabled = "var(--smtc-stroke-ctrl-divider-onsubtle-disabled, unset)"; +export const strokeCtrlDividerOnSubtleDisabled = "var(--smtc-stroke-ctrl-divider-on-subtle-disabled, unset)"; // @public (undocumented) -export const strokeCtrlDividerOnsubtleDisabledRaw = "--smtc-stroke-ctrl-divider-onsubtle-disabled"; +export const strokeCtrlDividerOnSubtleDisabledRaw = "--smtc-stroke-ctrl-divider-on-subtle-disabled"; // @public (undocumented) -export const strokeCtrlDividerOnsubtleRaw = "--smtc-stroke-ctrl-divider-onsubtle"; +export const strokeCtrlDividerOnSubtleRaw = "--smtc-stroke-ctrl-divider-on-subtle"; // @public (undocumented) -export const strokeCtrlOnactivebrandDisabled = "var(--smtc-stroke-ctrl-onactivebrand-disabled, var(--smtc-stroke-ctrl-onbrand-disabled))"; +export const strokeCtrlOnActiveBrandDisabled = "var(--smtc-stroke-ctrl-on-active-brand-disabled, var(--smtc-stroke-ctrl-on-brand-disabled))"; // @public (undocumented) -export const strokeCtrlOnactivebrandDisabledRaw = "--smtc-stroke-ctrl-onactivebrand-disabled"; +export const strokeCtrlOnActiveBrandDisabledRaw = "--smtc-stroke-ctrl-on-active-brand-disabled"; // @public (undocumented) -export const strokeCtrlOnactivebrandDisabledStop2 = "var(--smtc-stroke-ctrl-onactivebrand-disabledstop2, var(--smtc-stroke-ctrl-onbrand-disabled))"; +export const strokeCtrlOnActiveBrandDisabledStop2 = "var(--smtc-stroke-ctrl-on-active-brand-disabled-stop2, var(--smtc-stroke-ctrl-on-brand-disabled))"; // @public (undocumented) -export const strokeCtrlOnactivebrandDisabledStop2Raw = "--smtc-stroke-ctrl-onactivebrand-disabledstop2"; +export const strokeCtrlOnActiveBrandDisabledStop2Raw = "--smtc-stroke-ctrl-on-active-brand-disabled-stop2"; // @public (undocumented) -export const strokeCtrlOnactivebrandHover = "var(--smtc-stroke-ctrl-onactivebrand-hover, var(--smtc-stroke-ctrl-onbrand-hover))"; +export const strokeCtrlOnActiveBrandHover = "var(--smtc-stroke-ctrl-on-active-brand-hover, var(--smtc-stroke-ctrl-on-brand-hover))"; // @public (undocumented) -export const strokeCtrlOnactivebrandHoverRaw = "--smtc-stroke-ctrl-onactivebrand-hover"; +export const strokeCtrlOnActiveBrandHoverRaw = "--smtc-stroke-ctrl-on-active-brand-hover"; // @public (undocumented) -export const strokeCtrlOnactivebrandHoverStop2 = "var(--smtc-stroke-ctrl-onactivebrand-hoverstop2, var(--smtc-stroke-ctrl-onbrand-rest))"; +export const strokeCtrlOnActiveBrandHoverStop2 = "var(--smtc-stroke-ctrl-on-active-brand-hover-stop2, var(--smtc-stroke-ctrl-on-brand-rest))"; // @public (undocumented) -export const strokeCtrlOnactivebrandHoverStop2Raw = "--smtc-stroke-ctrl-onactivebrand-hoverstop2"; +export const strokeCtrlOnActiveBrandHoverStop2Raw = "--smtc-stroke-ctrl-on-active-brand-hover-stop2"; // @public (undocumented) -export const strokeCtrlOnactivebrandPressed = "var(--smtc-stroke-ctrl-onactivebrand-pressed, var(--smtc-stroke-ctrl-onbrand-pressed))"; +export const strokeCtrlOnActiveBrandPressed = "var(--smtc-stroke-ctrl-on-active-brand-pressed, var(--smtc-stroke-ctrl-on-brand-pressed))"; // @public (undocumented) -export const strokeCtrlOnactivebrandPressedRaw = "--smtc-stroke-ctrl-onactivebrand-pressed"; +export const strokeCtrlOnActiveBrandPressedRaw = "--smtc-stroke-ctrl-on-active-brand-pressed"; // @public (undocumented) -export const strokeCtrlOnactivebrandPressedStop2 = "var(--smtc-stroke-ctrl-onactivebrand-pressedstop2, var(--smtc-stroke-ctrl-onbrand-pressed))"; +export const strokeCtrlOnActiveBrandPressedStop2 = "var(--smtc-stroke-ctrl-on-active-brand-pressed-stop2, var(--smtc-stroke-ctrl-on-brand-pressed))"; // @public (undocumented) -export const strokeCtrlOnactivebrandPressedStop2Raw = "--smtc-stroke-ctrl-onactivebrand-pressedstop2"; +export const strokeCtrlOnActiveBrandPressedStop2Raw = "--smtc-stroke-ctrl-on-active-brand-pressed-stop2"; // @public (undocumented) -export const strokeCtrlOnactivebrandRest = "var(--smtc-stroke-ctrl-onactivebrand-rest, var(--smtc-stroke-ctrl-onbrand-rest))"; +export const strokeCtrlOnActiveBrandRest = "var(--smtc-stroke-ctrl-on-active-brand-rest, var(--smtc-stroke-ctrl-on-brand-rest))"; // @public (undocumented) -export const strokeCtrlOnactivebrandRestRaw = "--smtc-stroke-ctrl-onactivebrand-rest"; +export const strokeCtrlOnActiveBrandRestRaw = "--smtc-stroke-ctrl-on-active-brand-rest"; // @public (undocumented) -export const strokeCtrlOnactivebrandRestStop2 = "var(--smtc-stroke-ctrl-onactivebrand-reststop2, var(--smtc-stroke-ctrl-onbrand-rest))"; +export const strokeCtrlOnActiveBrandRestStop2 = "var(--smtc-stroke-ctrl-on-active-brand-rest-stop2, var(--smtc-stroke-ctrl-on-brand-rest))"; // @public (undocumented) -export const strokeCtrlOnactivebrandRestStop2Raw = "--smtc-stroke-ctrl-onactivebrand-reststop2"; +export const strokeCtrlOnActiveBrandRestStop2Raw = "--smtc-stroke-ctrl-on-active-brand-rest-stop2"; // @public (undocumented) -export const strokeCtrlOnbrandDisabled = "var(--smtc-stroke-ctrl-onbrand-disabled, unset)"; +export const strokeCtrlOnBrandDisabled = "var(--smtc-stroke-ctrl-on-brand-disabled, unset)"; // @public (undocumented) -export const strokeCtrlOnbrandDisabledRaw = "--smtc-stroke-ctrl-onbrand-disabled"; +export const strokeCtrlOnBrandDisabledRaw = "--smtc-stroke-ctrl-on-brand-disabled"; // @public (undocumented) -export const strokeCtrlOnbrandDisabledStop2 = "var(--smtc-stroke-ctrl-onbrand-disabledstop2, var(--smtc-stroke-ctrl-onbrand-disabled))"; +export const strokeCtrlOnBrandDisabledStop2 = "var(--smtc-stroke-ctrl-on-brand-disabled-stop2, var(--smtc-stroke-ctrl-on-brand-disabled))"; // @public (undocumented) -export const strokeCtrlOnbrandDisabledStop2Raw = "--smtc-stroke-ctrl-onbrand-disabledstop2"; +export const strokeCtrlOnBrandDisabledStop2Raw = "--smtc-stroke-ctrl-on-brand-disabled-stop2"; // @public (undocumented) -export const strokeCtrlOnbrandHover = "var(--smtc-stroke-ctrl-onbrand-hover, unset)"; +export const strokeCtrlOnBrandHover = "var(--smtc-stroke-ctrl-on-brand-hover, unset)"; // @public (undocumented) -export const strokeCtrlOnbrandHoverRaw = "--smtc-stroke-ctrl-onbrand-hover"; +export const strokeCtrlOnBrandHoverRaw = "--smtc-stroke-ctrl-on-brand-hover"; // @public (undocumented) -export const strokeCtrlOnbrandHoverStop2 = "var(--smtc-stroke-ctrl-onbrand-hoverstop2, var(--smtc-stroke-ctrl-onbrand-hover))"; +export const strokeCtrlOnBrandHoverStop2 = "var(--smtc-stroke-ctrl-on-brand-hover-stop2, var(--smtc-stroke-ctrl-on-brand-hover))"; // @public (undocumented) -export const strokeCtrlOnbrandHoverStop2Raw = "--smtc-stroke-ctrl-onbrand-hoverstop2"; +export const strokeCtrlOnBrandHoverStop2Raw = "--smtc-stroke-ctrl-on-brand-hover-stop2"; // @public (undocumented) -export const strokeCtrlOnbrandPressed = "var(--smtc-stroke-ctrl-onbrand-pressed, unset)"; +export const strokeCtrlOnBrandPressed = "var(--smtc-stroke-ctrl-on-brand-pressed, unset)"; // @public (undocumented) -export const strokeCtrlOnbrandPressedRaw = "--smtc-stroke-ctrl-onbrand-pressed"; +export const strokeCtrlOnBrandPressedRaw = "--smtc-stroke-ctrl-on-brand-pressed"; // @public (undocumented) -export const strokeCtrlOnbrandPressedStop2 = "var(--smtc-stroke-ctrl-onbrand-pressedstop2, var(--smtc-stroke-ctrl-onbrand-pressed))"; +export const strokeCtrlOnBrandPressedStop2 = "var(--smtc-stroke-ctrl-on-brand-pressed-stop2, var(--smtc-stroke-ctrl-on-brand-pressed))"; // @public (undocumented) -export const strokeCtrlOnbrandPressedStop2Raw = "--smtc-stroke-ctrl-onbrand-pressedstop2"; +export const strokeCtrlOnBrandPressedStop2Raw = "--smtc-stroke-ctrl-on-brand-pressed-stop2"; // @public (undocumented) -export const strokeCtrlOnbrandRest = "var(--smtc-stroke-ctrl-onbrand-rest, unset)"; +export const strokeCtrlOnBrandRest = "var(--smtc-stroke-ctrl-on-brand-rest, unset)"; // @public (undocumented) -export const strokeCtrlOnbrandRestRaw = "--smtc-stroke-ctrl-onbrand-rest"; +export const strokeCtrlOnBrandRestRaw = "--smtc-stroke-ctrl-on-brand-rest"; // @public (undocumented) -export const strokeCtrlOnbrandRestStop2 = "var(--smtc-stroke-ctrl-onbrand-reststop2, var(--smtc-stroke-ctrl-onbrand-rest))"; +export const strokeCtrlOnBrandRestStop2 = "var(--smtc-stroke-ctrl-on-brand-rest-stop2, var(--smtc-stroke-ctrl-on-brand-rest))"; // @public (undocumented) -export const strokeCtrlOnbrandRestStop2Raw = "--smtc-stroke-ctrl-onbrand-reststop2"; +export const strokeCtrlOnBrandRestStop2Raw = "--smtc-stroke-ctrl-on-brand-rest-stop2"; // @public (undocumented) -export const strokeCtrlOnneutralDisabled = "var(--smtc-stroke-ctrl-onneutral-disabled, unset)"; +export const strokeCtrlOnNeutralDisabled = "var(--smtc-stroke-ctrl-on-neutral-disabled, unset)"; // @public (undocumented) -export const strokeCtrlOnneutralDisabledRaw = "--smtc-stroke-ctrl-onneutral-disabled"; +export const strokeCtrlOnNeutralDisabledRaw = "--smtc-stroke-ctrl-on-neutral-disabled"; // @public (undocumented) -export const strokeCtrlOnneutralDisabledStop2 = "var(--smtc-stroke-ctrl-onneutral-disabledstop2, var(--smtc-stroke-ctrl-onneutral-disabled))"; +export const strokeCtrlOnNeutralDisabledStop2 = "var(--smtc-stroke-ctrl-on-neutral-disabled-stop2, var(--smtc-stroke-ctrl-on-neutral-disabled))"; // @public (undocumented) -export const strokeCtrlOnneutralDisabledStop2Raw = "--smtc-stroke-ctrl-onneutral-disabledstop2"; +export const strokeCtrlOnNeutralDisabledStop2Raw = "--smtc-stroke-ctrl-on-neutral-disabled-stop2"; // @public (undocumented) -export const strokeCtrlOnneutralHover = "var(--smtc-stroke-ctrl-onneutral-hover, unset)"; +export const strokeCtrlOnNeutralHover = "var(--smtc-stroke-ctrl-on-neutral-hover, unset)"; // @public (undocumented) -export const strokeCtrlOnneutralHoverRaw = "--smtc-stroke-ctrl-onneutral-hover"; +export const strokeCtrlOnNeutralHoverRaw = "--smtc-stroke-ctrl-on-neutral-hover"; // @public (undocumented) -export const strokeCtrlOnneutralHoverStop2 = "var(--smtc-stroke-ctrl-onneutral-hoverstop2, var(--smtc-stroke-ctrl-onneutral-pressed))"; +export const strokeCtrlOnNeutralHoverStop2 = "var(--smtc-stroke-ctrl-on-neutral-hover-stop2, var(--smtc-stroke-ctrl-on-neutral-pressed))"; // @public (undocumented) -export const strokeCtrlOnneutralHoverStop2Raw = "--smtc-stroke-ctrl-onneutral-hoverstop2"; +export const strokeCtrlOnNeutralHoverStop2Raw = "--smtc-stroke-ctrl-on-neutral-hover-stop2"; // @public (undocumented) -export const strokeCtrlOnneutralPressed = "var(--smtc-stroke-ctrl-onneutral-pressed, unset)"; +export const strokeCtrlOnNeutralPressed = "var(--smtc-stroke-ctrl-on-neutral-pressed, unset)"; // @public (undocumented) -export const strokeCtrlOnneutralPressedRaw = "--smtc-stroke-ctrl-onneutral-pressed"; +export const strokeCtrlOnNeutralPressedRaw = "--smtc-stroke-ctrl-on-neutral-pressed"; // @public (undocumented) -export const strokeCtrlOnneutralPressedStop2 = "var(--smtc-stroke-ctrl-onneutral-pressedstop2, var(--smtc-stroke-ctrl-onneutral-hover))"; +export const strokeCtrlOnNeutralPressedStop2 = "var(--smtc-stroke-ctrl-on-neutral-pressed-stop2, var(--smtc-stroke-ctrl-on-neutral-hover))"; // @public (undocumented) -export const strokeCtrlOnneutralPressedStop2Raw = "--smtc-stroke-ctrl-onneutral-pressedstop2"; +export const strokeCtrlOnNeutralPressedStop2Raw = "--smtc-stroke-ctrl-on-neutral-pressed-stop2"; // @public (undocumented) -export const strokeCtrlOnneutralRest = "var(--smtc-stroke-ctrl-onneutral-rest, unset)"; +export const strokeCtrlOnNeutralRest = "var(--smtc-stroke-ctrl-on-neutral-rest, unset)"; // @public (undocumented) -export const strokeCtrlOnneutralRestRaw = "--smtc-stroke-ctrl-onneutral-rest"; +export const strokeCtrlOnNeutralRestRaw = "--smtc-stroke-ctrl-on-neutral-rest"; // @public (undocumented) -export const strokeCtrlOnneutralRestStop2 = "var(--smtc-stroke-ctrl-onneutral-reststop2, var(--smtc-stroke-ctrl-onneutral-rest))"; +export const strokeCtrlOnNeutralRestStop2 = "var(--smtc-stroke-ctrl-on-neutral-rest-stop2, var(--smtc-stroke-ctrl-on-neutral-rest))"; // @public (undocumented) -export const strokeCtrlOnneutralRestStop2Raw = "--smtc-stroke-ctrl-onneutral-reststop2"; +export const strokeCtrlOnNeutralRestStop2Raw = "--smtc-stroke-ctrl-on-neutral-rest-stop2"; // @public (undocumented) -export const strokeCtrlOnoutlineDisabled = "var(--smtc-stroke-ctrl-onoutline-disabled)"; +export const strokeCtrlOnOutlineDisabled = "var(--smtc-stroke-ctrl-on-outline-disabled)"; // @public (undocumented) -export const strokeCtrlOnoutlineDisabledRaw = "--smtc-stroke-ctrl-onoutline-disabled"; +export const strokeCtrlOnOutlineDisabledRaw = "--smtc-stroke-ctrl-on-outline-disabled"; // @public (undocumented) -export const strokeCtrlOnoutlineDisabledStop2 = "var(--smtc-stroke-ctrl-onoutline-disabledstop2, var(--smtc-stroke-ctrl-onoutline-disabled))"; +export const strokeCtrlOnOutlineDisabledStop2 = "var(--smtc-stroke-ctrl-on-outline-disabled-stop2, var(--smtc-stroke-ctrl-on-outline-disabled))"; // @public (undocumented) -export const strokeCtrlOnoutlineDisabledStop2Raw = "--smtc-stroke-ctrl-onoutline-disabledstop2"; +export const strokeCtrlOnOutlineDisabledStop2Raw = "--smtc-stroke-ctrl-on-outline-disabled-stop2"; // @public (undocumented) -export const strokeCtrlOnoutlineHover = "var(--smtc-stroke-ctrl-onoutline-hover)"; +export const strokeCtrlOnOutlineHover = "var(--smtc-stroke-ctrl-on-outline-hover)"; // @public (undocumented) -export const strokeCtrlOnoutlineHoverRaw = "--smtc-stroke-ctrl-onoutline-hover"; +export const strokeCtrlOnOutlineHoverRaw = "--smtc-stroke-ctrl-on-outline-hover"; // @public (undocumented) -export const strokeCtrlOnoutlineHoverStop2 = "var(--smtc-stroke-ctrl-onoutline-hoverstop2, var(--smtc-stroke-ctrl-onoutline-hover))"; +export const strokeCtrlOnOutlineHoverStop2 = "var(--smtc-stroke-ctrl-on-outline-hover-stop2, var(--smtc-stroke-ctrl-on-outline-hover))"; // @public (undocumented) -export const strokeCtrlOnoutlineHoverStop2Raw = "--smtc-stroke-ctrl-onoutline-hoverstop2"; +export const strokeCtrlOnOutlineHoverStop2Raw = "--smtc-stroke-ctrl-on-outline-hover-stop2"; // @public (undocumented) -export const strokeCtrlOnoutlinePressed = "var(--smtc-stroke-ctrl-onoutline-pressed)"; +export const strokeCtrlOnOutlinePressed = "var(--smtc-stroke-ctrl-on-outline-pressed)"; // @public (undocumented) -export const strokeCtrlOnoutlinePressedRaw = "--smtc-stroke-ctrl-onoutline-pressed"; +export const strokeCtrlOnOutlinePressedRaw = "--smtc-stroke-ctrl-on-outline-pressed"; // @public (undocumented) -export const strokeCtrlOnoutlinePressedStop2 = "var(--smtc-stroke-ctrl-onoutline-pressedstop2, var(--smtc-stroke-ctrl-onoutline-pressed))"; +export const strokeCtrlOnOutlinePressedStop2 = "var(--smtc-stroke-ctrl-on-outline-pressed-stop2, var(--smtc-stroke-ctrl-on-outline-pressed))"; // @public (undocumented) -export const strokeCtrlOnoutlinePressedStop2Raw = "--smtc-stroke-ctrl-onoutline-pressedstop2"; +export const strokeCtrlOnOutlinePressedStop2Raw = "--smtc-stroke-ctrl-on-outline-pressed-stop2"; // @public (undocumented) -export const strokeCtrlOnoutlineRest = "var(--smtc-stroke-ctrl-onoutline-rest)"; +export const strokeCtrlOnOutlineRest = "var(--smtc-stroke-ctrl-on-outline-rest)"; // @public (undocumented) -export const strokeCtrlOnoutlineRestRaw = "--smtc-stroke-ctrl-onoutline-rest"; +export const strokeCtrlOnOutlineRestRaw = "--smtc-stroke-ctrl-on-outline-rest"; // @public (undocumented) -export const strokeCtrlOnoutlineRestStop2 = "var(--smtc-stroke-ctrl-onoutline-reststop2, var(--smtc-stroke-ctrl-onoutline-rest))"; +export const strokeCtrlOnOutlineRestStop2 = "var(--smtc-stroke-ctrl-on-outline-rest-stop2, var(--smtc-stroke-ctrl-on-outline-rest))"; // @public (undocumented) -export const strokeCtrlOnoutlineRestStop2Raw = "--smtc-stroke-ctrl-onoutline-reststop2"; +export const strokeCtrlOnOutlineRestStop2Raw = "--smtc-stroke-ctrl-on-outline-rest-stop2"; // @public (undocumented) -export const strokeCtrlOnsubtleDisabled = "var(--smtc-stroke-ctrl-onsubtle-disabled, unset)"; +export const strokeCtrlOnSubtleDisabled = "var(--smtc-stroke-ctrl-on-subtle-disabled, unset)"; // @public (undocumented) -export const strokeCtrlOnsubtleDisabledRaw = "--smtc-stroke-ctrl-onsubtle-disabled"; +export const strokeCtrlOnSubtleDisabledRaw = "--smtc-stroke-ctrl-on-subtle-disabled"; // @public (undocumented) -export const strokeCtrlOnsubtleHover = "var(--smtc-stroke-ctrl-onsubtle-hover, unset)"; +export const strokeCtrlOnSubtleHover = "var(--smtc-stroke-ctrl-on-subtle-hover, unset)"; // @public (undocumented) -export const strokeCtrlOnsubtleHoverRaw = "--smtc-stroke-ctrl-onsubtle-hover"; +export const strokeCtrlOnSubtleHoverRaw = "--smtc-stroke-ctrl-on-subtle-hover"; // @public (undocumented) -export const strokeCtrlOnsubtleHoversplit = "var(--smtc-stroke-ctrl-onsubtle-hoversplit, unset)"; +export const strokeCtrlOnSubtleHoverSplit = "var(--smtc-stroke-ctrl-on-subtle-hover-split, unset)"; // @public (undocumented) -export const strokeCtrlOnsubtleHoversplitRaw = "--smtc-stroke-ctrl-onsubtle-hoversplit"; +export const strokeCtrlOnSubtleHoverSplitRaw = "--smtc-stroke-ctrl-on-subtle-hover-split"; // @public (undocumented) -export const strokeCtrlOnsubtlePressed = "var(--smtc-stroke-ctrl-onsubtle-pressed, unset)"; +export const strokeCtrlOnSubtlePressed = "var(--smtc-stroke-ctrl-on-subtle-pressed, unset)"; // @public (undocumented) -export const strokeCtrlOnsubtlePressedRaw = "--smtc-stroke-ctrl-onsubtle-pressed"; +export const strokeCtrlOnSubtlePressedRaw = "--smtc-stroke-ctrl-on-subtle-pressed"; // @public (undocumented) -export const strokeCtrlOnsubtleRest = "var(--smtc-stroke-ctrl-onsubtle-rest, unset)"; +export const strokeCtrlOnSubtleRest = "var(--smtc-stroke-ctrl-on-subtle-rest, unset)"; // @public (undocumented) -export const strokeCtrlOnsubtleRestRaw = "--smtc-stroke-ctrl-onsubtle-rest"; +export const strokeCtrlOnSubtleRestRaw = "--smtc-stroke-ctrl-on-subtle-rest"; // @public (undocumented) export const strokeDividerBrand = "var(--smtc-stroke-divider-brand, var(--smtc-background-ctrl-brand-rest))"; @@ -4337,58 +4373,58 @@ export const strokeLayer = "var(--smtc-stroke-layer, unset)"; export const strokeLayerRaw = "--smtc-stroke-layer"; // @public (undocumented) -export const strokeToolbar = "var(--smtc-stroke-toolbar, var(--smtc-stroke-card-onprimary-rest))"; +export const strokeToolbar = "var(--smtc-stroke-toolbar, var(--smtc-stroke-card-on-primary-rest))"; // @public (undocumented) export const strokeToolbarRaw = "--smtc-stroke-toolbar"; // @public (undocumented) -export const strokewidthCtrlOutlineHover = "var(--smtc-strokewidth-ctrl-outline-hover, var(--smtc-strokewidth-default))"; +export const strokeWidthCtrlOutlineHover = "var(--smtc-stroke-width-ctrl-outline-hover, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const strokewidthCtrlOutlineHoverRaw = "--smtc-strokewidth-ctrl-outline-hover"; +export const strokeWidthCtrlOutlineHoverRaw = "--smtc-stroke-width-ctrl-outline-hover"; // @public (undocumented) -export const strokewidthCtrlOutlinePressed = "var(--smtc-strokewidth-ctrl-outline-pressed, var(--smtc-strokewidth-default))"; +export const strokeWidthCtrlOutlinePressed = "var(--smtc-stroke-width-ctrl-outline-pressed, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const strokewidthCtrlOutlinePressedRaw = "--smtc-strokewidth-ctrl-outline-pressed"; +export const strokeWidthCtrlOutlinePressedRaw = "--smtc-stroke-width-ctrl-outline-pressed"; // @public (undocumented) -export const strokewidthCtrlOutlineRest = "var(--smtc-strokewidth-ctrl-outline-rest, var(--smtc-strokewidth-default))"; +export const strokeWidthCtrlOutlineRest = "var(--smtc-stroke-width-ctrl-outline-rest, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const strokewidthCtrlOutlineRestRaw = "--smtc-strokewidth-ctrl-outline-rest"; +export const strokeWidthCtrlOutlineRestRaw = "--smtc-stroke-width-ctrl-outline-rest"; // @public (undocumented) -export const strokewidthCtrlOutlineSelected = "var(--smtc-strokewidth-ctrl-outline-selected, var(--smtc-strokewidth-default))"; +export const strokeWidthCtrlOutlineSelected = "var(--smtc-stroke-width-ctrl-outline-selected, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const strokewidthCtrlOutlineSelectedRaw = "--smtc-strokewidth-ctrl-outline-selected"; +export const strokeWidthCtrlOutlineSelectedRaw = "--smtc-stroke-width-ctrl-outline-selected"; // @public (undocumented) -export const strokewidthDefault = "var(--smtc-strokewidth-default, var(--strokeWidthThin))"; +export const strokeWidthDefault = "var(--smtc-stroke-width-default)"; // @public (undocumented) -export const strokewidthDefaultRaw = "--smtc-strokewidth-default"; +export const strokeWidthDefaultRaw = "--smtc-stroke-width-default"; // @public (undocumented) -export const strokewidthDividerDefault = "var(--smtc-strokewidth-divider-default, var(--smtc-strokewidth-default))"; +export const strokeWidthDividerDefault = "var(--smtc-stroke-width-divider-default, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const strokewidthDividerDefaultRaw = "--smtc-strokewidth-divider-default"; +export const strokeWidthDividerDefaultRaw = "--smtc-stroke-width-divider-default"; // @public (undocumented) -export const strokewidthDividerStrong = "var(--smtc-strokewidth-divider-strong, var(--smtc-strokewidth-default))"; +export const strokeWidthDividerStrong = "var(--smtc-stroke-width-divider-strong, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const strokewidthDividerStrongRaw = "--smtc-strokewidth-divider-strong"; +export const strokeWidthDividerStrongRaw = "--smtc-stroke-width-divider-strong"; // @public (undocumented) -export const strokewidthWindowDefault = "var(--smtc-strokewidth-window-default, var(--smtc-strokewidth-default))"; +export const strokeWidthWindowDefault = "var(--smtc-stroke-width-window-default, var(--smtc-stroke-width-default))"; // @public (undocumented) -export const strokewidthWindowDefaultRaw = "--smtc-strokewidth-window-default"; +export const strokeWidthWindowDefaultRaw = "--smtc-stroke-width-window-default"; // @public (undocumented) export const strokeWindowActive = "var(--smtc-stroke-window-active)"; @@ -4427,424 +4463,424 @@ export const textCtrlWeightSelected = "var(--smtc-text-ctrl-weight-selected)"; export const textCtrlWeightSelectedRaw = "--smtc-text-ctrl-weight-selected"; // @public (undocumented) -export const textGlobalBody1Fontsize = "var(--smtc-text-global-body1-fontsize)"; +export const textGlobalBody1FontSize = "var(--smtc-text-global-body1-font-size)"; // @public (undocumented) -export const textGlobalBody1FontsizeRaw = "--smtc-text-global-body1-fontsize"; +export const textGlobalBody1FontSizeRaw = "--smtc-text-global-body1-font-size"; // @public (undocumented) -export const textGlobalBody1Lineheight = "var(--smtc-text-global-body1-lineheight)"; +export const textGlobalBody1LineHeight = "var(--smtc-text-global-body1-line-height)"; // @public (undocumented) -export const textGlobalBody1LineheightRaw = "--smtc-text-global-body1-lineheight"; +export const textGlobalBody1LineHeightRaw = "--smtc-text-global-body1-line-height"; // @public (undocumented) -export const textGlobalBody2Fontsize = "var(--smtc-text-global-body2-fontsize)"; +export const textGlobalBody2FontSize = "var(--smtc-text-global-body2-font-size)"; // @public (undocumented) -export const textGlobalBody2FontsizeRaw = "--smtc-text-global-body2-fontsize"; +export const textGlobalBody2FontSizeRaw = "--smtc-text-global-body2-font-size"; // @public (undocumented) -export const textGlobalBody2Lineheight = "var(--smtc-text-global-body2-lineheight)"; +export const textGlobalBody2LineHeight = "var(--smtc-text-global-body2-line-height)"; // @public (undocumented) -export const textGlobalBody2LineheightRaw = "--smtc-text-global-body2-lineheight"; +export const textGlobalBody2LineHeightRaw = "--smtc-text-global-body2-line-height"; // @public (undocumented) -export const textGlobalBody3Fontsize = "var(--smtc-text-global-body3-fontsize, var(--fontSizeBase300))"; +export const textGlobalBody3FontSize = "var(--smtc-text-global-body3-font-size)"; // @public (undocumented) -export const textGlobalBody3FontsizeRaw = "--smtc-text-global-body3-fontsize"; +export const textGlobalBody3FontSizeRaw = "--smtc-text-global-body3-font-size"; // @public (undocumented) -export const textGlobalBody3Lineheight = "var(--smtc-text-global-body3-lineheight)"; +export const textGlobalBody3LineHeight = "var(--smtc-text-global-body3-line-height)"; // @public (undocumented) -export const textGlobalBody3LineheightRaw = "--smtc-text-global-body3-lineheight"; +export const textGlobalBody3LineHeightRaw = "--smtc-text-global-body3-line-height"; // @public (undocumented) -export const textGlobalCaption1Fontsize = "var(--smtc-text-global-caption1-fontsize)"; +export const textGlobalCaption1FontSize = "var(--smtc-text-global-caption1-font-size)"; // @public (undocumented) -export const textGlobalCaption1FontsizeRaw = "--smtc-text-global-caption1-fontsize"; +export const textGlobalCaption1FontSizeRaw = "--smtc-text-global-caption1-font-size"; // @public (undocumented) -export const textGlobalCaption1Lineheight = "var(--smtc-text-global-caption1-lineheight)"; +export const textGlobalCaption1LineHeight = "var(--smtc-text-global-caption1-line-height)"; // @public (undocumented) -export const textGlobalCaption1LineheightRaw = "--smtc-text-global-caption1-lineheight"; +export const textGlobalCaption1LineHeightRaw = "--smtc-text-global-caption1-line-height"; // @public (undocumented) -export const textGlobalCaption2Fontsize = "var(--smtc-text-global-caption2-fontsize)"; +export const textGlobalCaption2FontSize = "var(--smtc-text-global-caption2-font-size)"; // @public (undocumented) -export const textGlobalCaption2FontsizeRaw = "--smtc-text-global-caption2-fontsize"; +export const textGlobalCaption2FontSizeRaw = "--smtc-text-global-caption2-font-size"; // @public (undocumented) -export const textGlobalCaption2Lineheight = "var(--smtc-text-global-caption2-lineheight)"; +export const textGlobalCaption2LineHeight = "var(--smtc-text-global-caption2-line-height)"; // @public (undocumented) -export const textGlobalCaption2LineheightRaw = "--smtc-text-global-caption2-lineheight"; +export const textGlobalCaption2LineHeightRaw = "--smtc-text-global-caption2-line-height"; // @public (undocumented) -export const textGlobalDisplay1Fontsize = "var(--smtc-text-global-display1-fontsize)"; +export const textGlobalDisplay1FontSize = "var(--smtc-text-global-display1-font-size)"; // @public (undocumented) -export const textGlobalDisplay1FontsizeRaw = "--smtc-text-global-display1-fontsize"; +export const textGlobalDisplay1FontSizeRaw = "--smtc-text-global-display1-font-size"; // @public (undocumented) -export const textGlobalDisplay1Lineheight = "var(--smtc-text-global-display1-lineheight)"; +export const textGlobalDisplay1LineHeight = "var(--smtc-text-global-display1-line-height)"; // @public (undocumented) -export const textGlobalDisplay1LineheightRaw = "--smtc-text-global-display1-lineheight"; +export const textGlobalDisplay1LineHeightRaw = "--smtc-text-global-display1-line-height"; // @public (undocumented) -export const textGlobalDisplay2Fontsize = "var(--smtc-text-global-display2-fontsize)"; +export const textGlobalDisplay2FontSize = "var(--smtc-text-global-display2-font-size)"; // @public (undocumented) -export const textGlobalDisplay2FontsizeRaw = "--smtc-text-global-display2-fontsize"; +export const textGlobalDisplay2FontSizeRaw = "--smtc-text-global-display2-font-size"; // @public (undocumented) -export const textGlobalDisplay2Lineheight = "var(--smtc-text-global-display2-lineheight)"; +export const textGlobalDisplay2LineHeight = "var(--smtc-text-global-display2-line-height)"; // @public (undocumented) -export const textGlobalDisplay2LineheightRaw = "--smtc-text-global-display2-lineheight"; +export const textGlobalDisplay2LineHeightRaw = "--smtc-text-global-display2-line-height"; // @public (undocumented) -export const textGlobalSubtitle1Fontsize = "var(--smtc-text-global-subtitle1-fontsize)"; +export const textGlobalSubtitle1FontSize = "var(--smtc-text-global-subtitle1-font-size)"; // @public (undocumented) -export const textGlobalSubtitle1FontsizeRaw = "--smtc-text-global-subtitle1-fontsize"; +export const textGlobalSubtitle1FontSizeRaw = "--smtc-text-global-subtitle1-font-size"; // @public (undocumented) -export const textGlobalSubtitle1Lineheight = "var(--smtc-text-global-subtitle1-lineheight)"; +export const textGlobalSubtitle1LineHeight = "var(--smtc-text-global-subtitle1-line-height)"; // @public (undocumented) -export const textGlobalSubtitle1LineheightRaw = "--smtc-text-global-subtitle1-lineheight"; +export const textGlobalSubtitle1LineHeightRaw = "--smtc-text-global-subtitle1-line-height"; // @public (undocumented) -export const textGlobalSubtitle2Fontsize = "var(--smtc-text-global-subtitle2-fontsize)"; +export const textGlobalSubtitle2FontSize = "var(--smtc-text-global-subtitle2-font-size)"; // @public (undocumented) -export const textGlobalSubtitle2FontsizeRaw = "--smtc-text-global-subtitle2-fontsize"; +export const textGlobalSubtitle2FontSizeRaw = "--smtc-text-global-subtitle2-font-size"; // @public (undocumented) -export const textGlobalSubtitle2Lineheight = "var(--smtc-text-global-subtitle2-lineheight)"; +export const textGlobalSubtitle2LineHeight = "var(--smtc-text-global-subtitle2-line-height)"; // @public (undocumented) -export const textGlobalSubtitle2LineheightRaw = "--smtc-text-global-subtitle2-lineheight"; +export const textGlobalSubtitle2LineHeightRaw = "--smtc-text-global-subtitle2-line-height"; // @public (undocumented) -export const textGlobalTitle1Fontsize = "var(--smtc-text-global-title1-fontsize)"; +export const textGlobalTitle1FontSize = "var(--smtc-text-global-title1-font-size)"; // @public (undocumented) -export const textGlobalTitle1FontsizeRaw = "--smtc-text-global-title1-fontsize"; +export const textGlobalTitle1FontSizeRaw = "--smtc-text-global-title1-font-size"; // @public (undocumented) -export const textGlobalTitle1Lineheight = "var(--smtc-text-global-title1-lineheight)"; +export const textGlobalTitle1LineHeight = "var(--smtc-text-global-title1-line-height)"; // @public (undocumented) -export const textGlobalTitle1LineheightRaw = "--smtc-text-global-title1-lineheight"; +export const textGlobalTitle1LineHeightRaw = "--smtc-text-global-title1-line-height"; // @public (undocumented) -export const textGlobalTitle2Fontsize = "var(--smtc-text-global-title2-fontsize)"; +export const textGlobalTitle2FontSize = "var(--smtc-text-global-title2-font-size)"; // @public (undocumented) -export const textGlobalTitle2FontsizeRaw = "--smtc-text-global-title2-fontsize"; +export const textGlobalTitle2FontSizeRaw = "--smtc-text-global-title2-font-size"; // @public (undocumented) -export const textGlobalTitle2Lineheight = "var(--smtc-text-global-title2-lineheight)"; +export const textGlobalTitle2LineHeight = "var(--smtc-text-global-title2-line-height)"; // @public (undocumented) -export const textGlobalTitle2LineheightRaw = "--smtc-text-global-title2-lineheight"; +export const textGlobalTitle2LineHeightRaw = "--smtc-text-global-title2-line-height"; // @public (undocumented) -export const textRampItembodyFontsize = "var(--smtc-text-ramp-itembody-fontsize, var(--smtc-text-global-body3-fontsize))"; +export const textRampItemBodyFontSize = "var(--smtc-text-ramp-item-body-font-size, var(--smtc-text-global-body3-font-size))"; // @public (undocumented) -export const textRampItembodyFontsizeRaw = "--smtc-text-ramp-itembody-fontsize"; +export const textRampItemBodyFontSizeRaw = "--smtc-text-ramp-item-body-font-size"; // @public (undocumented) -export const textRampItembodyLineheight = "var(--smtc-text-ramp-itembody-lineheight, var(--smtc-text-global-body3-lineheight))"; +export const textRampItemBodyLineHeight = "var(--smtc-text-ramp-item-body-line-height, var(--smtc-text-global-body3-line-height))"; // @public (undocumented) -export const textRampItembodyLineheightRaw = "--smtc-text-ramp-itembody-lineheight"; +export const textRampItemBodyLineHeightRaw = "--smtc-text-ramp-item-body-line-height"; // @public (undocumented) -export const textRampItemheaderFontsize = "var(--smtc-text-ramp-itemheader-fontsize, var(--smtc-text-global-body2-fontsize))"; +export const textRampItemHeaderFontSize = "var(--smtc-text-ramp-item-header-font-size, var(--smtc-text-global-body2-font-size))"; // @public (undocumented) -export const textRampItemheaderFontsizeRaw = "--smtc-text-ramp-itemheader-fontsize"; +export const textRampItemHeaderFontSizeRaw = "--smtc-text-ramp-item-header-font-size"; // @public (undocumented) -export const textRampItemheaderLineheight = "var(--smtc-text-ramp-itemheader-lineheight, var(--smtc-text-global-body2-lineheight))"; +export const textRampItemHeaderLineHeight = "var(--smtc-text-ramp-item-header-line-height, var(--smtc-text-global-body2-line-height))"; // @public (undocumented) -export const textRampItemheaderLineheightRaw = "--smtc-text-ramp-itemheader-lineheight"; +export const textRampItemHeaderLineHeightRaw = "--smtc-text-ramp-item-header-line-height"; // @public (undocumented) -export const textRampLegalFontsize = "var(--smtc-text-ramp-legal-fontsize, var(--smtc-text-global-caption2-fontsize))"; +export const textRampLegalFontSize = "var(--smtc-text-ramp-legal-font-size, var(--smtc-text-global-caption2-font-size))"; // @public (undocumented) -export const textRampLegalFontsizeRaw = "--smtc-text-ramp-legal-fontsize"; +export const textRampLegalFontSizeRaw = "--smtc-text-ramp-legal-font-size"; // @public (undocumented) -export const textRampLegalLineheight = "var(--smtc-text-ramp-legal-lineheight, var(--smtc-text-global-caption2-lineheight))"; +export const textRampLegalLineHeight = "var(--smtc-text-ramp-legal-line-height, var(--smtc-text-global-caption2-line-height))"; // @public (undocumented) -export const textRampLegalLineheightRaw = "--smtc-text-ramp-legal-lineheight"; +export const textRampLegalLineHeightRaw = "--smtc-text-ramp-legal-line-height"; // @public (undocumented) -export const textRampLgItembodyFontsize = "var(--smtc-text-ramp-lg-itembody-fontsize, var(--smtc-text-global-body2-fontsize))"; +export const textRampLgItemBodyFontSize = "var(--smtc-text-ramp-lg-item-body-font-size, var(--smtc-text-global-body2-font-size))"; // @public (undocumented) -export const textRampLgItembodyFontsizeRaw = "--smtc-text-ramp-lg-itembody-fontsize"; +export const textRampLgItemBodyFontSizeRaw = "--smtc-text-ramp-lg-item-body-font-size"; // @public (undocumented) -export const textRampLgItembodyLineheight = "var(--smtc-text-ramp-lg-itembody-lineheight, var(--smtc-text-global-body2-lineheight))"; +export const textRampLgItemBodyLineHeight = "var(--smtc-text-ramp-lg-item-body-line-height, var(--smtc-text-global-body2-line-height))"; // @public (undocumented) -export const textRampLgItembodyLineheightRaw = "--smtc-text-ramp-lg-itembody-lineheight"; +export const textRampLgItemBodyLineHeightRaw = "--smtc-text-ramp-lg-item-body-line-height"; // @public (undocumented) -export const textRampLgItemheaderFontsize = "var(--smtc-text-ramp-lg-itemheader-fontsize, var(--smtc-text-global-subtitle2-fontsize))"; +export const textRampLgItemHeaderFontSize = "var(--smtc-text-ramp-lg-item-header-font-size, var(--smtc-text-global-subtitle2-font-size))"; // @public (undocumented) -export const textRampLgItemheaderFontsizeRaw = "--smtc-text-ramp-lg-itemheader-fontsize"; +export const textRampLgItemHeaderFontSizeRaw = "--smtc-text-ramp-lg-item-header-font-size"; // @public (undocumented) -export const textRampLgItemheaderLineheight = "var(--smtc-text-ramp-lg-itemheader-lineheight, var(--smtc-text-global-subtitle2-lineheight))"; +export const textRampLgItemHeaderLineHeight = "var(--smtc-text-ramp-lg-item-header-line-height, var(--smtc-text-global-subtitle2-line-height))"; // @public (undocumented) -export const textRampLgItemheaderLineheightRaw = "--smtc-text-ramp-lg-itemheader-lineheight"; +export const textRampLgItemHeaderLineHeightRaw = "--smtc-text-ramp-lg-item-header-line-height"; // @public (undocumented) -export const textRampLgLegalFontsize = "var(--smtc-text-ramp-lg-legal-fontsize, var(--smtc-text-global-caption1-fontsize))"; +export const textRampLgLegalFontSize = "var(--smtc-text-ramp-lg-legal-font-size, var(--smtc-text-global-caption1-font-size))"; // @public (undocumented) -export const textRampLgLegalFontsizeRaw = "--smtc-text-ramp-lg-legal-fontsize"; +export const textRampLgLegalFontSizeRaw = "--smtc-text-ramp-lg-legal-font-size"; // @public (undocumented) -export const textRampLgLegalLineheight = "var(--smtc-text-ramp-lg-legal-lineheight, var(--smtc-text-global-caption1-lineheight))"; +export const textRampLgLegalLineHeight = "var(--smtc-text-ramp-lg-legal-line-height, var(--smtc-text-global-caption1-line-height))"; // @public (undocumented) -export const textRampLgLegalLineheightRaw = "--smtc-text-ramp-lg-legal-lineheight"; +export const textRampLgLegalLineHeightRaw = "--smtc-text-ramp-lg-legal-line-height"; // @public (undocumented) -export const textRampLgMetadataFontsize = "var(--smtc-text-ramp-lg-metadata-fontsize, var(--smtc-text-global-body3-fontsize))"; +export const textRampLgMetadataFontSize = "var(--smtc-text-ramp-lg-metadata-font-size, var(--smtc-text-global-body3-font-size))"; // @public (undocumented) -export const textRampLgMetadataFontsizeRaw = "--smtc-text-ramp-lg-metadata-fontsize"; +export const textRampLgMetadataFontSizeRaw = "--smtc-text-ramp-lg-metadata-font-size"; // @public (undocumented) -export const textRampLgMetadataLineheight = "var(--smtc-text-ramp-lg-metadata-lineheight, var(--smtc-text-global-body3-lineheight))"; +export const textRampLgMetadataLineHeight = "var(--smtc-text-ramp-lg-metadata-line-height, var(--smtc-text-global-body3-line-height))"; // @public (undocumented) -export const textRampLgMetadataLineheightRaw = "--smtc-text-ramp-lg-metadata-lineheight"; +export const textRampLgMetadataLineHeightRaw = "--smtc-text-ramp-lg-metadata-line-height"; // @public (undocumented) -export const textRampLgPageheaderFontsize = "var(--smtc-text-ramp-lg-pageheader-fontsize, var(--smtc-text-global-title1-fontsize))"; +export const textRampLgPageHeaderFontSize = "var(--smtc-text-ramp-lg-page-header-font-size, var(--smtc-text-global-title1-font-size))"; // @public (undocumented) -export const textRampLgPageheaderFontsizeRaw = "--smtc-text-ramp-lg-pageheader-fontsize"; +export const textRampLgPageHeaderFontSizeRaw = "--smtc-text-ramp-lg-page-header-font-size"; // @public (undocumented) -export const textRampLgPageheaderLineheight = "var(--smtc-text-ramp-lg-pageheader-lineheight, var(--smtc-text-global-title1-lineheight))"; +export const textRampLgPageHeaderLineHeight = "var(--smtc-text-ramp-lg-page-header-line-height, var(--smtc-text-global-title1-line-height))"; // @public (undocumented) -export const textRampLgPageheaderLineheightRaw = "--smtc-text-ramp-lg-pageheader-lineheight"; +export const textRampLgPageHeaderLineHeightRaw = "--smtc-text-ramp-lg-page-header-line-height"; // @public (undocumented) -export const textRampLgReadingbodyFontsize = "var(--smtc-text-ramp-lg-readingbody-fontsize, var(--smtc-text-global-body1-fontsize))"; +export const textRampLgReadingBodyFontSize = "var(--smtc-text-ramp-lg-reading-body-font-size, var(--smtc-text-global-body1-font-size))"; // @public (undocumented) -export const textRampLgReadingbodyFontsizeRaw = "--smtc-text-ramp-lg-readingbody-fontsize"; +export const textRampLgReadingBodyFontSizeRaw = "--smtc-text-ramp-lg-reading-body-font-size"; // @public (undocumented) -export const textRampLgReadingbodyLineheight = "var(--smtc-text-ramp-lg-readingbody-lineheight, var(--smtc-text-global-body1-lineheight))"; +export const textRampLgReadingBodyLineHeight = "var(--smtc-text-ramp-lg-reading-body-line-height, var(--smtc-text-global-body1-line-height))"; // @public (undocumented) -export const textRampLgReadingbodyLineheightRaw = "--smtc-text-ramp-lg-readingbody-lineheight"; +export const textRampLgReadingBodyLineHeightRaw = "--smtc-text-ramp-lg-reading-body-line-height"; // @public (undocumented) -export const textRampLgSectionheaderFontsize = "var(--smtc-text-ramp-lg-sectionheader-fontsize, var(--smtc-text-global-title2-fontsize))"; +export const textRampLgSectionHeaderFontSize = "var(--smtc-text-ramp-lg-section-header-font-size, var(--smtc-text-global-title2-font-size))"; // @public (undocumented) -export const textRampLgSectionheaderFontsizeRaw = "--smtc-text-ramp-lg-sectionheader-fontsize"; +export const textRampLgSectionHeaderFontSizeRaw = "--smtc-text-ramp-lg-section-header-font-size"; // @public (undocumented) -export const textRampLgSectionheaderLineheight = "var(--smtc-text-ramp-lg-sectionheader-lineheight, var(--smtc-text-global-title2-lineheight))"; +export const textRampLgSectionHeaderLineHeight = "var(--smtc-text-ramp-lg-section-header-line-height, var(--smtc-text-global-title2-line-height))"; // @public (undocumented) -export const textRampLgSectionheaderLineheightRaw = "--smtc-text-ramp-lg-sectionheader-lineheight"; +export const textRampLgSectionHeaderLineHeightRaw = "--smtc-text-ramp-lg-section-header-line-height"; // @public (undocumented) -export const textRampLgSubsectionheaderFontsize = "var(--smtc-text-ramp-lg-subsectionheader-fontsize, var(--smtc-text-global-subtitle1-fontsize))"; +export const textRampLgSubsectionHeaderFontSize = "var(--smtc-text-ramp-lg-subsection-header-font-size, var(--smtc-text-global-subtitle1-font-size))"; // @public (undocumented) -export const textRampLgSubsectionheaderFontsizeRaw = "--smtc-text-ramp-lg-subsectionheader-fontsize"; +export const textRampLgSubsectionHeaderFontSizeRaw = "--smtc-text-ramp-lg-subsection-header-font-size"; // @public (undocumented) -export const textRampLgSubsectionheaderLineheight = "var(--smtc-text-ramp-lg-subsectionheader-lineheight, var(--smtc-text-global-subtitle1-lineheight))"; +export const textRampLgSubsectionHeaderLineHeight = "var(--smtc-text-ramp-lg-subsection-header-line-height, var(--smtc-text-global-subtitle1-line-height))"; // @public (undocumented) -export const textRampLgSubsectionheaderLineheightRaw = "--smtc-text-ramp-lg-subsectionheader-lineheight"; +export const textRampLgSubsectionHeaderLineHeightRaw = "--smtc-text-ramp-lg-subsection-header-line-height"; // @public (undocumented) -export const textRampMetadataFontsize = "var(--smtc-text-ramp-metadata-fontsize, var(--smtc-text-global-caption1-fontsize))"; +export const textRampMetadataFontSize = "var(--smtc-text-ramp-metadata-font-size, var(--smtc-text-global-caption1-font-size))"; // @public (undocumented) -export const textRampMetadataFontsizeRaw = "--smtc-text-ramp-metadata-fontsize"; +export const textRampMetadataFontSizeRaw = "--smtc-text-ramp-metadata-font-size"; // @public (undocumented) -export const textRampMetadataLineheight = "var(--smtc-text-ramp-metadata-lineheight, var(--smtc-text-global-caption1-lineheight))"; +export const textRampMetadataLineHeight = "var(--smtc-text-ramp-metadata-line-height, var(--smtc-text-global-caption1-line-height))"; // @public (undocumented) -export const textRampMetadataLineheightRaw = "--smtc-text-ramp-metadata-lineheight"; +export const textRampMetadataLineHeightRaw = "--smtc-text-ramp-metadata-line-height"; // @public (undocumented) -export const textRampPageheaderFontsize = "var(--smtc-text-ramp-pageheader-fontsize, var(--smtc-text-global-title2-fontsize))"; +export const textRampPageHeaderFontSize = "var(--smtc-text-ramp-page-header-font-size, var(--smtc-text-global-title2-font-size))"; // @public (undocumented) -export const textRampPageheaderFontsizeRaw = "--smtc-text-ramp-pageheader-fontsize"; +export const textRampPageHeaderFontSizeRaw = "--smtc-text-ramp-page-header-font-size"; // @public (undocumented) -export const textRampPageheaderLineheight = "var(--smtc-text-ramp-pageheader-lineheight, var(--smtc-text-global-title2-lineheight))"; +export const textRampPageHeaderLineHeight = "var(--smtc-text-ramp-page-header-line-height, var(--smtc-text-global-title2-line-height))"; // @public (undocumented) -export const textRampPageheaderLineheightRaw = "--smtc-text-ramp-pageheader-lineheight"; +export const textRampPageHeaderLineHeightRaw = "--smtc-text-ramp-page-header-line-height"; // @public (undocumented) -export const textRampReadingbodyFontsize = "var(--smtc-text-ramp-readingbody-fontsize, var(--smtc-text-global-body2-fontsize))"; +export const textRampReadingBodyFontSize = "var(--smtc-text-ramp-reading-body-font-size, var(--smtc-text-global-body2-font-size))"; // @public (undocumented) -export const textRampReadingbodyFontsizeRaw = "--smtc-text-ramp-readingbody-fontsize"; +export const textRampReadingBodyFontSizeRaw = "--smtc-text-ramp-reading-body-font-size"; // @public (undocumented) -export const textRampReadingbodyLineheight = "var(--smtc-text-ramp-readingbody-lineheight, var(--smtc-text-global-body2-lineheight))"; +export const textRampReadingBodyLineHeight = "var(--smtc-text-ramp-reading-body-line-height, var(--smtc-text-global-body2-line-height))"; // @public (undocumented) -export const textRampReadingbodyLineheightRaw = "--smtc-text-ramp-readingbody-lineheight"; +export const textRampReadingBodyLineHeightRaw = "--smtc-text-ramp-reading-body-line-height"; // @public (undocumented) -export const textRampSectionheaderFontsize = "var(--smtc-text-ramp-sectionheader-fontsize, var(--smtc-text-global-subtitle1-fontsize))"; +export const textRampSectionHeaderFontSize = "var(--smtc-text-ramp-section-header-font-size, var(--smtc-text-global-subtitle1-font-size))"; // @public (undocumented) -export const textRampSectionheaderFontsizeRaw = "--smtc-text-ramp-sectionheader-fontsize"; +export const textRampSectionHeaderFontSizeRaw = "--smtc-text-ramp-section-header-font-size"; // @public (undocumented) -export const textRampSectionheaderLineheight = "var(--smtc-text-ramp-sectionheader-lineheight, var(--smtc-text-global-subtitle1-lineheight))"; +export const textRampSectionHeaderLineHeight = "var(--smtc-text-ramp-section-header-line-height, var(--smtc-text-global-subtitle1-line-height))"; // @public (undocumented) -export const textRampSectionheaderLineheightRaw = "--smtc-text-ramp-sectionheader-lineheight"; +export const textRampSectionHeaderLineHeightRaw = "--smtc-text-ramp-section-header-line-height"; // @public (undocumented) -export const textRampSmItembodyFontsize = "var(--smtc-text-ramp-sm-itembody-fontsize, var(--smtc-text-global-caption1-fontsize))"; +export const textRampSmItemBodyFontSize = "var(--smtc-text-ramp-sm-item-body-font-size, var(--smtc-text-global-caption1-font-size))"; // @public (undocumented) -export const textRampSmItembodyFontsizeRaw = "--smtc-text-ramp-sm-itembody-fontsize"; +export const textRampSmItemBodyFontSizeRaw = "--smtc-text-ramp-sm-item-body-font-size"; // @public (undocumented) -export const textRampSmItembodyLineheight = "var(--smtc-text-ramp-sm-itembody-lineheight, var(--smtc-text-global-caption1-lineheight))"; +export const textRampSmItemBodyLineHeight = "var(--smtc-text-ramp-sm-item-body-line-height, var(--smtc-text-global-caption1-line-height))"; // @public (undocumented) -export const textRampSmItembodyLineheightRaw = "--smtc-text-ramp-sm-itembody-lineheight"; +export const textRampSmItemBodyLineHeightRaw = "--smtc-text-ramp-sm-item-body-line-height"; // @public (undocumented) -export const textRampSmItemheaderFontsize = "var(--smtc-text-ramp-sm-itemheader-fontsize, var(--smtc-text-global-body3-fontsize))"; +export const textRampSmItemHeaderFontSize = "var(--smtc-text-ramp-sm-item-header-font-size, var(--smtc-text-global-body3-font-size))"; // @public (undocumented) -export const textRampSmItemheaderFontsizeRaw = "--smtc-text-ramp-sm-itemheader-fontsize"; +export const textRampSmItemHeaderFontSizeRaw = "--smtc-text-ramp-sm-item-header-font-size"; // @public (undocumented) -export const textRampSmItemheaderLineheight = "var(--smtc-text-ramp-sm-itemheader-lineheight, var(--smtc-text-global-body3-lineheight))"; +export const textRampSmItemHeaderLineHeight = "var(--smtc-text-ramp-sm-item-header-line-height, var(--smtc-text-global-body3-line-height))"; // @public (undocumented) -export const textRampSmItemheaderLineheightRaw = "--smtc-text-ramp-sm-itemheader-lineheight"; +export const textRampSmItemHeaderLineHeightRaw = "--smtc-text-ramp-sm-item-header-line-height"; // @public (undocumented) -export const textRampSmLegalFontsize = "var(--smtc-text-ramp-sm-legal-fontsize, var(--smtc-text-global-caption2-fontsize))"; +export const textRampSmLegalFontSize = "var(--smtc-text-ramp-sm-legal-font-size, var(--smtc-text-global-caption2-font-size))"; // @public (undocumented) -export const textRampSmLegalFontsizeRaw = "--smtc-text-ramp-sm-legal-fontsize"; +export const textRampSmLegalFontSizeRaw = "--smtc-text-ramp-sm-legal-font-size"; // @public (undocumented) -export const textRampSmLegalLineheight = "var(--smtc-text-ramp-sm-legal-lineheight, var(--smtc-text-global-caption2-lineheight))"; +export const textRampSmLegalLineHeight = "var(--smtc-text-ramp-sm-legal-line-height, var(--smtc-text-global-caption2-line-height))"; // @public (undocumented) -export const textRampSmLegalLineheightRaw = "--smtc-text-ramp-sm-legal-lineheight"; +export const textRampSmLegalLineHeightRaw = "--smtc-text-ramp-sm-legal-line-height"; // @public (undocumented) -export const textRampSmMetadataFontsize = "var(--smtc-text-ramp-sm-metadata-fontsize, var(--smtc-text-global-caption1-fontsize))"; +export const textRampSmMetadataFontSize = "var(--smtc-text-ramp-sm-metadata-font-size, var(--smtc-text-global-caption1-font-size))"; // @public (undocumented) -export const textRampSmMetadataFontsizeRaw = "--smtc-text-ramp-sm-metadata-fontsize"; +export const textRampSmMetadataFontSizeRaw = "--smtc-text-ramp-sm-metadata-font-size"; // @public (undocumented) -export const textRampSmMetadataLineheight = "var(--smtc-text-ramp-sm-metadata-lineheight, var(--smtc-text-global-caption1-lineheight))"; +export const textRampSmMetadataLineHeight = "var(--smtc-text-ramp-sm-metadata-line-height, var(--smtc-text-global-caption1-line-height))"; // @public (undocumented) -export const textRampSmMetadataLineheightRaw = "--smtc-text-ramp-sm-metadata-lineheight"; +export const textRampSmMetadataLineHeightRaw = "--smtc-text-ramp-sm-metadata-line-height"; // @public (undocumented) -export const textRampSmPageheaderFontsize = "var(--smtc-text-ramp-sm-pageheader-fontsize, var(--smtc-text-global-subtitle1-fontsize))"; +export const textRampSmPageHeaderFontSize = "var(--smtc-text-ramp-sm-page-header-font-size, var(--smtc-text-global-subtitle1-font-size))"; // @public (undocumented) -export const textRampSmPageheaderFontsizeRaw = "--smtc-text-ramp-sm-pageheader-fontsize"; +export const textRampSmPageHeaderFontSizeRaw = "--smtc-text-ramp-sm-page-header-font-size"; // @public (undocumented) -export const textRampSmPageheaderLineheight = "var(--smtc-text-ramp-sm-pageheader-lineheight, var(--smtc-text-global-subtitle1-lineheight))"; +export const textRampSmPageHeaderLineHeight = "var(--smtc-text-ramp-sm-page-header-line-height, var(--smtc-text-global-subtitle1-line-height))"; // @public (undocumented) -export const textRampSmPageheaderLineheightRaw = "--smtc-text-ramp-sm-pageheader-lineheight"; +export const textRampSmPageHeaderLineHeightRaw = "--smtc-text-ramp-sm-page-header-line-height"; // @public (undocumented) -export const textRampSmReadingbodyFontsize = "var(--smtc-text-ramp-sm-readingbody-fontsize, var(--smtc-text-global-body3-fontsize))"; +export const textRampSmReadingBodyFontSize = "var(--smtc-text-ramp-sm-reading-body-font-size, var(--smtc-text-global-body3-font-size))"; // @public (undocumented) -export const textRampSmReadingbodyFontsizeRaw = "--smtc-text-ramp-sm-readingbody-fontsize"; +export const textRampSmReadingBodyFontSizeRaw = "--smtc-text-ramp-sm-reading-body-font-size"; // @public (undocumented) -export const textRampSmReadingbodyLineheight = "var(--smtc-text-ramp-sm-readingbody-lineheight, var(--smtc-text-global-body3-lineheight))"; +export const textRampSmReadingBodyLineHeight = "var(--smtc-text-ramp-sm-reading-body-line-height, var(--smtc-text-global-body3-line-height))"; // @public (undocumented) -export const textRampSmReadingbodyLineheightRaw = "--smtc-text-ramp-sm-readingbody-lineheight"; +export const textRampSmReadingBodyLineHeightRaw = "--smtc-text-ramp-sm-reading-body-line-height"; // @public (undocumented) -export const textRampSmSectionheaderFontsize = "var(--smtc-text-ramp-sm-sectionheader-fontsize, var(--smtc-text-global-subtitle2-fontsize))"; +export const textRampSmSectionHeaderFontSize = "var(--smtc-text-ramp-sm-section-header-font-size, var(--smtc-text-global-subtitle2-font-size))"; // @public (undocumented) -export const textRampSmSectionheaderFontsizeRaw = "--smtc-text-ramp-sm-sectionheader-fontsize"; +export const textRampSmSectionHeaderFontSizeRaw = "--smtc-text-ramp-sm-section-header-font-size"; // @public (undocumented) -export const textRampSmSectionheaderLineheight = "var(--smtc-text-ramp-sm-sectionheader-lineheight, var(--smtc-text-global-subtitle2-lineheight))"; +export const textRampSmSectionHeaderLineHeight = "var(--smtc-text-ramp-sm-section-header-line-height, var(--smtc-text-global-subtitle2-line-height))"; // @public (undocumented) -export const textRampSmSectionheaderLineheightRaw = "--smtc-text-ramp-sm-sectionheader-lineheight"; +export const textRampSmSectionHeaderLineHeightRaw = "--smtc-text-ramp-sm-section-header-line-height"; // @public (undocumented) -export const textRampSmSubsectionheaderFontsize = "var(--smtc-text-ramp-sm-subsectionheader-fontsize, var(--smtc-text-global-body1-fontsize))"; +export const textRampSmSubsectionHeaderFontSize = "var(--smtc-text-ramp-sm-subsection-header-font-size, var(--smtc-text-global-body1-font-size))"; // @public (undocumented) -export const textRampSmSubsectionheaderFontsizeRaw = "--smtc-text-ramp-sm-subsectionheader-fontsize"; +export const textRampSmSubsectionHeaderFontSizeRaw = "--smtc-text-ramp-sm-subsection-header-font-size"; // @public (undocumented) -export const textRampSmSubsectionheaderLineheight = "var(--smtc-text-ramp-sm-subsectionheader-lineheight, var(--smtc-text-global-body1-lineheight))"; +export const textRampSmSubsectionHeaderLineHeight = "var(--smtc-text-ramp-sm-subsection-header-line-height, var(--smtc-text-global-body1-line-height))"; // @public (undocumented) -export const textRampSmSubsectionheaderLineheightRaw = "--smtc-text-ramp-sm-subsectionheader-lineheight"; +export const textRampSmSubsectionHeaderLineHeightRaw = "--smtc-text-ramp-sm-subsection-header-line-height"; // @public (undocumented) -export const textRampSubsectionheaderFontsize = "var(--smtc-text-ramp-subsectionheader-fontsize, var(--smtc-text-global-subtitle2-fontsize))"; +export const textRampSubsectionHeaderFontSize = "var(--smtc-text-ramp-subsection-header-font-size, var(--smtc-text-global-subtitle2-font-size))"; // @public (undocumented) -export const textRampSubsectionheaderFontsizeRaw = "--smtc-text-ramp-subsectionheader-fontsize"; +export const textRampSubsectionHeaderFontSizeRaw = "--smtc-text-ramp-subsection-header-font-size"; // @public (undocumented) -export const textRampSubsectionheaderLineheight = "var(--smtc-text-ramp-subsectionheader-lineheight, var(--smtc-text-global-subtitle2-lineheight))"; +export const textRampSubsectionHeaderLineHeight = "var(--smtc-text-ramp-subsection-header-line-height, var(--smtc-text-global-subtitle2-line-height))"; // @public (undocumented) -export const textRampSubsectionheaderLineheightRaw = "--smtc-text-ramp-subsectionheader-lineheight"; +export const textRampSubsectionHeaderLineHeightRaw = "--smtc-text-ramp-subsection-header-line-height"; // @public (undocumented) export const textStyleAiHeaderCase = "var(--smtc-text-style-ai-header-case, unset)"; @@ -4853,16 +4889,16 @@ export const textStyleAiHeaderCase = "var(--smtc-text-style-ai-header-case, unse export const textStyleAiHeaderCaseRaw = "--smtc-text-style-ai-header-case"; // @public (undocumented) -export const textStyleAiHeaderFontfamily = "var(--smtc-text-style-ai-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleAiHeaderFontFamily = "var(--smtc-text-style-ai-header-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleAiHeaderFontfamilyRaw = "--smtc-text-style-ai-header-fontfamily"; +export const textStyleAiHeaderFontFamilyRaw = "--smtc-text-style-ai-header-font-family"; // @public (undocumented) -export const textStyleAiHeaderLetterspacing = "var(--smtc-text-style-ai-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleAiHeaderLetterSpacing = "var(--smtc-text-style-ai-header-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleAiHeaderLetterspacingRaw = "--smtc-text-style-ai-header-letterspacing"; +export const textStyleAiHeaderLetterSpacingRaw = "--smtc-text-style-ai-header-letter-spacing"; // @public (undocumented) export const textStyleAiHeaderWeight = "var(--smtc-text-style-ai-header-weight, var(--smtc-text-style-default-header-weight))"; @@ -4871,16 +4907,16 @@ export const textStyleAiHeaderWeight = "var(--smtc-text-style-ai-header-weight, export const textStyleAiHeaderWeightRaw = "--smtc-text-style-ai-header-weight"; // @public (undocumented) -export const textStyleAiRegularFontfamily = "var(--smtc-text-style-ai-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleAiRegularFontFamily = "var(--smtc-text-style-ai-regular-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleAiRegularFontfamilyRaw = "--smtc-text-style-ai-regular-fontfamily"; +export const textStyleAiRegularFontFamilyRaw = "--smtc-text-style-ai-regular-font-family"; // @public (undocumented) -export const textStyleAiRegularLetterspacing = "var(--smtc-text-style-ai-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleAiRegularLetterSpacing = "var(--smtc-text-style-ai-regular-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleAiRegularLetterspacingRaw = "--smtc-text-style-ai-regular-letterspacing"; +export const textStyleAiRegularLetterSpacingRaw = "--smtc-text-style-ai-regular-letter-spacing"; // @public (undocumented) export const textStyleAiRegularWeight = "var(--smtc-text-style-ai-regular-weight, var(--smtc-text-style-default-regular-weight))"; @@ -4895,16 +4931,16 @@ export const textStyleArticleHeaderCase = "var(--smtc-text-style-article-header- export const textStyleArticleHeaderCaseRaw = "--smtc-text-style-article-header-case"; // @public (undocumented) -export const textStyleArticleHeaderFontfamily = "var(--smtc-text-style-article-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleArticleHeaderFontFamily = "var(--smtc-text-style-article-header-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleArticleHeaderFontfamilyRaw = "--smtc-text-style-article-header-fontfamily"; +export const textStyleArticleHeaderFontFamilyRaw = "--smtc-text-style-article-header-font-family"; // @public (undocumented) -export const textStyleArticleHeaderLetterspacing = "var(--smtc-text-style-article-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleArticleHeaderLetterSpacing = "var(--smtc-text-style-article-header-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleArticleHeaderLetterspacingRaw = "--smtc-text-style-article-header-letterspacing"; +export const textStyleArticleHeaderLetterSpacingRaw = "--smtc-text-style-article-header-letter-spacing"; // @public (undocumented) export const textStyleArticleHeaderWeight = "var(--smtc-text-style-article-header-weight, var(--smtc-text-style-default-header-weight))"; @@ -4913,16 +4949,16 @@ export const textStyleArticleHeaderWeight = "var(--smtc-text-style-article-heade export const textStyleArticleHeaderWeightRaw = "--smtc-text-style-article-header-weight"; // @public (undocumented) -export const textStyleArticleRegularFontfamily = "var(--smtc-text-style-article-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleArticleRegularFontFamily = "var(--smtc-text-style-article-regular-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleArticleRegularFontfamilyRaw = "--smtc-text-style-article-regular-fontfamily"; +export const textStyleArticleRegularFontFamilyRaw = "--smtc-text-style-article-regular-font-family"; // @public (undocumented) -export const textStyleArticleRegularLetterspacing = "var(--smtc-text-style-article-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleArticleRegularLetterSpacing = "var(--smtc-text-style-article-regular-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleArticleRegularLetterspacingRaw = "--smtc-text-style-article-regular-letterspacing"; +export const textStyleArticleRegularLetterSpacingRaw = "--smtc-text-style-article-regular-letter-spacing"; // @public (undocumented) export const textStyleArticleRegularWeight = "var(--smtc-text-style-article-regular-weight, var(--smtc-text-style-default-regular-weight))"; @@ -4937,16 +4973,16 @@ export const textStyleCodeHeaderCase = "var(--smtc-text-style-code-header-case, export const textStyleCodeHeaderCaseRaw = "--smtc-text-style-code-header-case"; // @public (undocumented) -export const textStyleCodeHeaderFontfamily = "var(--smtc-text-style-code-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleCodeHeaderFontFamily = "var(--smtc-text-style-code-header-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleCodeHeaderFontfamilyRaw = "--smtc-text-style-code-header-fontfamily"; +export const textStyleCodeHeaderFontFamilyRaw = "--smtc-text-style-code-header-font-family"; // @public (undocumented) -export const textStyleCodeHeaderLetterspacing = "var(--smtc-text-style-code-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleCodeHeaderLetterSpacing = "var(--smtc-text-style-code-header-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleCodeHeaderLetterspacingRaw = "--smtc-text-style-code-header-letterspacing"; +export const textStyleCodeHeaderLetterSpacingRaw = "--smtc-text-style-code-header-letter-spacing"; // @public (undocumented) export const textStyleCodeHeaderWeight = "var(--smtc-text-style-code-header-weight, var(--smtc-text-style-default-header-weight))"; @@ -4955,16 +4991,16 @@ export const textStyleCodeHeaderWeight = "var(--smtc-text-style-code-header-weig export const textStyleCodeHeaderWeightRaw = "--smtc-text-style-code-header-weight"; // @public (undocumented) -export const textStyleCodeRegularFontfamily = "var(--smtc-text-style-code-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleCodeRegularFontFamily = "var(--smtc-text-style-code-regular-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleCodeRegularFontfamilyRaw = "--smtc-text-style-code-regular-fontfamily"; +export const textStyleCodeRegularFontFamilyRaw = "--smtc-text-style-code-regular-font-family"; // @public (undocumented) -export const textStyleCodeRegularLetterspacing = "var(--smtc-text-style-code-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleCodeRegularLetterSpacing = "var(--smtc-text-style-code-regular-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleCodeRegularLetterspacingRaw = "--smtc-text-style-code-regular-letterspacing"; +export const textStyleCodeRegularLetterSpacingRaw = "--smtc-text-style-code-regular-letter-spacing"; // @public (undocumented) export const textStyleCodeRegularWeight = "var(--smtc-text-style-code-regular-weight, var(--smtc-text-style-default-regular-weight))"; @@ -4973,46 +5009,64 @@ export const textStyleCodeRegularWeight = "var(--smtc-text-style-code-regular-we export const textStyleCodeRegularWeightRaw = "--smtc-text-style-code-regular-weight"; // @public (undocumented) -export const textStyleDatavizHeaderCase = "var(--smtc-text-style-dataviz-header-case, unset)"; +export const textStyleDataVizHeaderCase = "var(--smtc-text-style-data-viz-header-case, unset)"; + +// @public (undocumented) +export const textStyleDataVizHeaderCaseRaw = "--smtc-text-style-data-viz-header-case"; + +// @public (undocumented) +export const textStyleDataVizHeaderFontFamily = "var(--smtc-text-style-data-viz-header-font-family, var(--smtc-text-style-default-regular-font-family))"; + +// @public (undocumented) +export const textStyleDataVizHeaderFontFamilyRaw = "--smtc-text-style-data-viz-header-font-family"; + +// @public (undocumented) +export const textStyleDataVizHeaderLetterSpacing = "var(--smtc-text-style-data-viz-header-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; + +// @public (undocumented) +export const textStyleDataVizHeaderLetterSpacingRaw = "--smtc-text-style-data-viz-header-letter-spacing"; + +// @public (undocumented) +export const textStyleDataVizHeaderWeight = "var(--smtc-text-style-data-viz-header-weight, var(--smtc-text-style-default-header-weight))"; // @public (undocumented) -export const textStyleDatavizHeaderCaseRaw = "--smtc-text-style-dataviz-header-case"; +export const textStyleDataVizHeaderWeightRaw = "--smtc-text-style-data-viz-header-weight"; // @public (undocumented) -export const textStyleDatavizHeaderFontfamily = "var(--smtc-text-style-dataviz-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleDataVizRegularFontFamily = "var(--smtc-text-style-data-viz-regular-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleDatavizHeaderFontfamilyRaw = "--smtc-text-style-dataviz-header-fontfamily"; +export const textStyleDataVizRegularFontFamilyRaw = "--smtc-text-style-data-viz-regular-font-family"; // @public (undocumented) -export const textStyleDatavizHeaderLetterspacing = "var(--smtc-text-style-dataviz-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleDataVizRegularLetterSpacing = "var(--smtc-text-style-data-viz-regular-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleDatavizHeaderLetterspacingRaw = "--smtc-text-style-dataviz-header-letterspacing"; +export const textStyleDataVizRegularLetterSpacingRaw = "--smtc-text-style-data-viz-regular-letter-spacing"; // @public (undocumented) -export const textStyleDatavizHeaderWeight = "var(--smtc-text-style-dataviz-header-weight, var(--smtc-text-style-default-header-weight))"; +export const textStyleDataVizRegularWeight = "var(--smtc-text-style-data-viz-regular-weight, var(--smtc-text-style-default-regular-weight))"; // @public (undocumented) -export const textStyleDatavizHeaderWeightRaw = "--smtc-text-style-dataviz-header-weight"; +export const textStyleDataVizRegularWeightRaw = "--smtc-text-style-data-viz-regular-weight"; // @public (undocumented) -export const textStyleDatavizRegularFontfamily = "var(--smtc-text-style-dataviz-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleDefaultDisplayFontFamily = "var(--smtc-text-style-default-display-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleDatavizRegularFontfamilyRaw = "--smtc-text-style-dataviz-regular-fontfamily"; +export const textStyleDefaultDisplayFontFamilyRaw = "--smtc-text-style-default-display-font-family"; // @public (undocumented) -export const textStyleDatavizRegularLetterspacing = "var(--smtc-text-style-dataviz-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleDefaultDisplayLetterSpacing = "var(--smtc-text-style-default-display-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleDatavizRegularLetterspacingRaw = "--smtc-text-style-dataviz-regular-letterspacing"; +export const textStyleDefaultDisplayLetterSpacingRaw = "--smtc-text-style-default-display-letter-spacing"; // @public (undocumented) -export const textStyleDatavizRegularWeight = "var(--smtc-text-style-dataviz-regular-weight, var(--smtc-text-style-default-regular-weight))"; +export const textStyleDefaultDisplayWeight = "var(--smtc-text-style-default-display-weight)"; // @public (undocumented) -export const textStyleDatavizRegularWeightRaw = "--smtc-text-style-dataviz-regular-weight"; +export const textStyleDefaultDisplayWeightRaw = "--smtc-text-style-default-display-weight"; // @public (undocumented) export const textStyleDefaultHeaderCase = "var(--smtc-text-style-default-header-case, unset)"; @@ -5021,16 +5075,16 @@ export const textStyleDefaultHeaderCase = "var(--smtc-text-style-default-header- export const textStyleDefaultHeaderCaseRaw = "--smtc-text-style-default-header-case"; // @public (undocumented) -export const textStyleDefaultHeaderFontfamily = "var(--smtc-text-style-default-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleDefaultHeaderFontFamily = "var(--smtc-text-style-default-header-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleDefaultHeaderFontfamilyRaw = "--smtc-text-style-default-header-fontfamily"; +export const textStyleDefaultHeaderFontFamilyRaw = "--smtc-text-style-default-header-font-family"; // @public (undocumented) -export const textStyleDefaultHeaderLetterspacing = "var(--smtc-text-style-default-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleDefaultHeaderLetterSpacing = "var(--smtc-text-style-default-header-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleDefaultHeaderLetterspacingRaw = "--smtc-text-style-default-header-letterspacing"; +export const textStyleDefaultHeaderLetterSpacingRaw = "--smtc-text-style-default-header-letter-spacing"; // @public (undocumented) export const textStyleDefaultHeaderWeight = "var(--smtc-text-style-default-header-weight)"; @@ -5039,16 +5093,16 @@ export const textStyleDefaultHeaderWeight = "var(--smtc-text-style-default-heade export const textStyleDefaultHeaderWeightRaw = "--smtc-text-style-default-header-weight"; // @public (undocumented) -export const textStyleDefaultRegularFontfamily = "var(--smtc-text-style-default-regular-fontfamily, var(--fontFamilyBase))"; +export const textStyleDefaultRegularFontFamily = "var(--smtc-text-style-default-regular-font-family)"; // @public (undocumented) -export const textStyleDefaultRegularFontfamilyRaw = "--smtc-text-style-default-regular-fontfamily"; +export const textStyleDefaultRegularFontFamilyRaw = "--smtc-text-style-default-regular-font-family"; // @public (undocumented) -export const textStyleDefaultRegularLetterspacing = "var(--smtc-text-style-default-regular-letterspacing)"; +export const textStyleDefaultRegularLetterSpacing = "var(--smtc-text-style-default-regular-letter-spacing)"; // @public (undocumented) -export const textStyleDefaultRegularLetterspacingRaw = "--smtc-text-style-default-regular-letterspacing"; +export const textStyleDefaultRegularLetterSpacingRaw = "--smtc-text-style-default-regular-letter-spacing"; // @public (undocumented) export const textStyleDefaultRegularWeight = "var(--smtc-text-style-default-regular-weight, var(--fontWeightRegular))"; @@ -5063,16 +5117,16 @@ export const textStyleQuoteHeaderCase = "var(--smtc-text-style-quote-header-case export const textStyleQuoteHeaderCaseRaw = "--smtc-text-style-quote-header-case"; // @public (undocumented) -export const textStyleQuoteHeaderFontfamily = "var(--smtc-text-style-quote-header-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleQuoteHeaderFontFamily = "var(--smtc-text-style-quote-header-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleQuoteHeaderFontfamilyRaw = "--smtc-text-style-quote-header-fontfamily"; +export const textStyleQuoteHeaderFontFamilyRaw = "--smtc-text-style-quote-header-font-family"; // @public (undocumented) -export const textStyleQuoteHeaderLetterspacing = "var(--smtc-text-style-quote-header-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleQuoteHeaderLetterSpacing = "var(--smtc-text-style-quote-header-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleQuoteHeaderLetterspacingRaw = "--smtc-text-style-quote-header-letterspacing"; +export const textStyleQuoteHeaderLetterSpacingRaw = "--smtc-text-style-quote-header-letter-spacing"; // @public (undocumented) export const textStyleQuoteHeaderWeight = "var(--smtc-text-style-quote-header-weight, var(--smtc-text-style-default-header-weight))"; @@ -5081,16 +5135,16 @@ export const textStyleQuoteHeaderWeight = "var(--smtc-text-style-quote-header-we export const textStyleQuoteHeaderWeightRaw = "--smtc-text-style-quote-header-weight"; // @public (undocumented) -export const textStyleQuoteRegularFontfamily = "var(--smtc-text-style-quote-regular-fontfamily, var(--smtc-text-style-default-regular-fontfamily))"; +export const textStyleQuoteRegularFontFamily = "var(--smtc-text-style-quote-regular-font-family, var(--smtc-text-style-default-regular-font-family))"; // @public (undocumented) -export const textStyleQuoteRegularFontfamilyRaw = "--smtc-text-style-quote-regular-fontfamily"; +export const textStyleQuoteRegularFontFamilyRaw = "--smtc-text-style-quote-regular-font-family"; // @public (undocumented) -export const textStyleQuoteRegularLetterspacing = "var(--smtc-text-style-quote-regular-letterspacing, var(--smtc-text-style-default-regular-letterspacing))"; +export const textStyleQuoteRegularLetterSpacing = "var(--smtc-text-style-quote-regular-letter-spacing, var(--smtc-text-style-default-regular-letter-spacing))"; // @public (undocumented) -export const textStyleQuoteRegularLetterspacingRaw = "--smtc-text-style-quote-regular-letterspacing"; +export const textStyleQuoteRegularLetterSpacingRaw = "--smtc-text-style-quote-regular-letter-spacing"; // @public (undocumented) export const textStyleQuoteRegularWeight = "var(--smtc-text-style-quote-regular-weight, var(--smtc-text-style-default-regular-weight))"; diff --git a/packages/semantic-tokens/scripts/legacyTokens.ts b/packages/semantic-tokens/scripts/legacyTokens.ts index 18378ce0a4983..d113d6a139722 100644 --- a/packages/semantic-tokens/scripts/legacyTokens.ts +++ b/packages/semantic-tokens/scripts/legacyTokens.ts @@ -3,7 +3,7 @@ import path from 'node:path'; // eslint-disable-next-line no-restricted-imports import * as tokensPackage from '@fluentui/tokens'; -import { fluentOverrides } from './fluentOverrides'; +import { fluentOverrides } from '../src/fallback/fluentOverrides'; import { format } from 'prettier'; const generateLegacyTokens = () => { diff --git a/packages/semantic-tokens/scripts/tokenGen.ts b/packages/semantic-tokens/scripts/tokenGen.ts index bf9fe07058c06..674dc82d925e7 100644 --- a/packages/semantic-tokens/scripts/tokenGen.ts +++ b/packages/semantic-tokens/scripts/tokenGen.ts @@ -3,8 +3,8 @@ * Takes in a Figma token export file and generates token raw strings and CSS Var files */ import tokensJSONRaw from './tokens.json'; -import { fluentOverrides as fluentFallbacksRaw } from './fluentOverrides'; -import type { FluentOverrideValue, FluentOverrides } from './fluentOverrides'; +import { fluentOverrides as fluentFallbacksRaw } from '../src/fallback/fluentOverrides'; +import type { FluentOverrideValue, FluentOverrides } from '../src/fallback/fluentOverrides'; import fs from 'node:fs'; import { Project } from 'ts-morph'; import { format } from 'prettier'; diff --git a/packages/semantic-tokens/src/components/avatar/tokens.ts b/packages/semantic-tokens/src/components/avatar/tokens.ts index 9ce3c3dba63ca..1c48ba952cfa9 100644 --- a/packages/semantic-tokens/src/components/avatar/tokens.ts +++ b/packages/semantic-tokens/src/components/avatar/tokens.ts @@ -3,7 +3,10 @@ import { sizeCtrlDefaultRaw, cornerCircularRaw, sizeCtrlIconRaw, + strokeWidthDefaultRaw, cornerCtrlRestRaw, + textGlobalBody3FontSizeRaw, + textGlobalBody3LineHeightRaw, backgroundCtrlBrandRestRaw, backgroundLayerPrimarySolidRaw, } from '../../control/variables'; @@ -34,12 +37,12 @@ export const ctrlAvatarForeground = `var(${ctrlAvatarForegroundRaw})`; export const ctrlAvatarIconSize = `var(${ctrlAvatarIconSizeRaw}, var(${sizeCtrlIconRaw}))`; export const ctrlAvatarPresenceBadgeSize = `var(${ctrlAvatarPresenceBadgeSizeRaw})`; export const ctrlAvatarActiveRingSize = `var(${ctrlAvatarActiveRingSizeRaw})`; -export const ctrlAvatarPresenceBadgePaddingBottomRightOffset = `var(${ctrlAvatarPresenceBadgePaddingBottomRightOffsetRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlAvatarPresenceBadgePaddingBottomRightOffset = `var(${ctrlAvatarPresenceBadgePaddingBottomRightOffsetRaw}, var(${strokeWidthDefaultRaw}))`; export const ctrlAvatarCornerGroup = `var(${ctrlAvatarCornerGroupRaw}, var(${cornerCtrlRestRaw}))`; export const ctrlAvatarActiveRingStrokeWidth = `var(${ctrlAvatarActiveRingStrokeWidthRaw})`; -export const ctrlAvatarPresenceBadgeStrokeWidth = `var(${ctrlAvatarPresenceBadgeStrokeWidthRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlAvatarTextFontSize = `var(${ctrlAvatarTextFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const ctrlAvatarTextLineHeight = `var(${ctrlAvatarTextLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; +export const ctrlAvatarPresenceBadgeStrokeWidth = `var(${ctrlAvatarPresenceBadgeStrokeWidthRaw}, var(${strokeWidthDefaultRaw}))`; +export const ctrlAvatarTextFontSize = `var(${ctrlAvatarTextFontSizeRaw}, var(${textGlobalBody3FontSizeRaw}))`; +export const ctrlAvatarTextLineHeight = `var(${ctrlAvatarTextLineHeightRaw}, var(${textGlobalBody3LineHeightRaw}))`; export const ctrlAvatarTextPaddingTopOffset = `var(${ctrlAvatarTextPaddingTopOffsetRaw}, unset)`; export const ctrlAvatarActiveRingStroke = `var(${ctrlAvatarActiveRingStrokeRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const ctrlAvatarShowCutout = `var(${ctrlAvatarShowCutoutRaw})`; diff --git a/packages/semantic-tokens/src/components/badge/tokens.ts b/packages/semantic-tokens/src/components/badge/tokens.ts index 424e4ba176ff3..ad02e02f05691 100644 --- a/packages/semantic-tokens/src/components/badge/tokens.ts +++ b/packages/semantic-tokens/src/components/badge/tokens.ts @@ -1,4 +1,5 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE +import { iconThemeCtrlDefaultRestRaw } from '../../control/variables'; import { ctrlBadgeTextPaddingTopRaw, ctrlBadgeTextPaddingBottomRaw, @@ -29,7 +30,7 @@ export const ctrlBadgeSmTextPaddingTop = `var(${ctrlBadgeSmTextPaddingTopRaw})`; export const ctrlBadgeSmTextPaddingBottom = `var(${ctrlBadgeSmTextPaddingBottomRaw}, var(${ctrlBadgeSmTextPaddingTopRaw}))`; export const ctrlBadgeLgTextPaddingTop = `var(${ctrlBadgeLgTextPaddingTopRaw})`; export const ctrlBadgeLgTextPaddingBottom = `var(${ctrlBadgeLgTextPaddingBottomRaw}, var(${ctrlBadgeLgTextPaddingTopRaw}))`; -export const ctrlBadgeIconTheme = `var(${ctrlBadgeIconThemeRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; +export const ctrlBadgeIconTheme = `var(${ctrlBadgeIconThemeRaw}, var(${iconThemeCtrlDefaultRestRaw}))`; export const ctrlBadgeBeaconSize = `var(${ctrlBadgeBeaconSizeRaw})`; export const ctrlBadgeSize = `var(${ctrlBadgeSizeRaw})`; export const ctrlBadgeCorner = `var(${ctrlBadgeCornerRaw})`; diff --git a/packages/semantic-tokens/src/components/choice/tokens.ts b/packages/semantic-tokens/src/components/choice/tokens.ts index 79f629596c12e..4b87453875d89 100644 --- a/packages/semantic-tokens/src/components/choice/tokens.ts +++ b/packages/semantic-tokens/src/components/choice/tokens.ts @@ -3,6 +3,7 @@ import { sizeCtrlIconRaw, foregroundCtrlNeutralSecondaryRestRaw, foregroundCtrlNeutralSecondaryDisabledRaw, + sizeCtrlIconSecondaryRaw, cornerCircularRaw, sizeCtrlSmIconRaw, sizeCtrlLgIconRaw, @@ -80,7 +81,7 @@ export const ctrlChoiceBaseStrokeRest = `var(${ctrlChoiceBaseStrokeRestRaw}, var export const ctrlChoiceBaseStrokeHover = `var(${ctrlChoiceBaseStrokeHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; export const ctrlChoiceBaseStrokePressed = `var(${ctrlChoiceBaseStrokePressedRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; export const ctrlChoiceBaseStrokeDisabled = `var(${ctrlChoiceBaseStrokeDisabledRaw}, var(${foregroundCtrlNeutralSecondaryDisabledRaw}))`; -export const ctrlChoiceCheckboxIconSize = `var(${ctrlChoiceCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`; +export const ctrlChoiceCheckboxIconSize = `var(${ctrlChoiceCheckboxIconSizeRaw}, var(${sizeCtrlIconSecondaryRaw}))`; export const ctrlChoiceCheckboxCorner = `var(${ctrlChoiceCheckboxCornerRaw})`; export const ctrlChoiceCheckboxIndeterminateCorner = `var(${ctrlChoiceCheckboxIndeterminateCornerRaw}, var(${cornerCircularRaw}))`; export const ctrlChoiceCheckboxIndeterminateWidth = `var(${ctrlChoiceCheckboxIndeterminateWidthRaw})`; @@ -99,7 +100,7 @@ export const ctrlChoiceRadioDotSizeRest = `var(${ctrlChoiceRadioDotSizeRestRaw}) export const ctrlChoiceRadioDotSizeHover = `var(${ctrlChoiceRadioDotSizeHoverRaw}, var(${ctrlChoiceRadioDotSizeRestRaw}))`; export const ctrlChoiceRadioDotSizePressed = `var(${ctrlChoiceRadioDotSizePressedRaw}, var(${ctrlChoiceRadioDotSizeRestRaw}))`; export const ctrlChoiceSmBaseSize = `var(${ctrlChoiceSmBaseSizeRaw}, var(${sizeCtrlSmIconRaw}))`; -export const ctrlChoiceSmCheckboxIconSize = `var(${ctrlChoiceSmCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`; +export const ctrlChoiceSmCheckboxIconSize = `var(${ctrlChoiceSmCheckboxIconSizeRaw}, var(${sizeCtrlIconSecondaryRaw}))`; export const ctrlChoiceSmCheckboxCorner = `var(${ctrlChoiceSmCheckboxCornerRaw})`; export const ctrlChoiceSmRadioDotSize = `var(${ctrlChoiceSmRadioDotSizeRaw})`; export const ctrlChoiceSmSwitchWidth = `var(${ctrlChoiceSmSwitchWidthRaw})`; @@ -109,7 +110,7 @@ export const ctrlChoiceSmSwitchThumbWidthHover = `var(${ctrlChoiceSmSwitchThumbW export const ctrlChoiceSmSwitchThumbWidthPressed = `var(${ctrlChoiceSmSwitchThumbWidthPressedRaw}, var(${ctrlChoiceSmSwitchThumbWidthRestRaw}))`; export const ctrlChoiceLgBaseSize = `var(${ctrlChoiceLgBaseSizeRaw}, var(${sizeCtrlLgIconRaw}))`; export const ctrlChoiceLgCheckboxCorner = `var(${ctrlChoiceLgCheckboxCornerRaw})`; -export const ctrlChoiceLgCheckboxIconSize = `var(${ctrlChoiceLgCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`; +export const ctrlChoiceLgCheckboxIconSize = `var(${ctrlChoiceLgCheckboxIconSizeRaw}, var(${sizeCtrlIconSecondaryRaw}))`; export const ctrlChoiceLgRadioDotSizeRest = `var(${ctrlChoiceLgRadioDotSizeRestRaw})`; export const ctrlChoiceLgRadioDotSizeHover = `var(${ctrlChoiceLgRadioDotSizeHoverRaw}, var(${ctrlChoiceLgRadioDotSizeRestRaw}))`; export const ctrlChoiceLgRadioDotSizePressed = `var(${ctrlChoiceLgRadioDotSizePressedRaw}, var(${ctrlChoiceLgRadioDotSizeRestRaw}))`; diff --git a/packages/semantic-tokens/src/components/focus/tokens.ts b/packages/semantic-tokens/src/components/focus/tokens.ts index 46f2651acb837..93475f34e7fbe 100644 --- a/packages/semantic-tokens/src/components/focus/tokens.ts +++ b/packages/semantic-tokens/src/components/focus/tokens.ts @@ -1,5 +1,5 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { backgroundCtrlBrandRestRaw } from '../../control/variables'; +import { strokeWidthDefaultRaw, backgroundCtrlBrandRestRaw } from '../../control/variables'; import { colorStrokeFocus2 } from '../../legacy/tokens'; import { ctrlFocusInnerStrokeWidthRaw, @@ -8,7 +8,7 @@ import { ctrlFocusOuterStrokeRaw, } from './variables'; -export const ctrlFocusInnerStrokeWidth = `var(${ctrlFocusInnerStrokeWidthRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlFocusInnerStrokeWidth = `var(${ctrlFocusInnerStrokeWidthRaw}, var(${strokeWidthDefaultRaw}))`; export const ctrlFocusInnerStroke = `var(${ctrlFocusInnerStrokeRaw})`; export const ctrlFocusOuterStrokeWidth = `var(${ctrlFocusOuterStrokeWidthRaw})`; export const ctrlFocusOuterStroke = `var(${ctrlFocusOuterStrokeRaw}, var(${backgroundCtrlBrandRestRaw}, ${colorStrokeFocus2}))`; diff --git a/packages/semantic-tokens/src/components/input/tokens.ts b/packages/semantic-tokens/src/components/input/tokens.ts index 30bd329d81f83..2bddeefcc40ed 100644 --- a/packages/semantic-tokens/src/components/input/tokens.ts +++ b/packages/semantic-tokens/src/components/input/tokens.ts @@ -4,8 +4,14 @@ import { backgroundCtrlNeutralHoverRaw, backgroundCtrlNeutralPressedRaw, backgroundCtrlNeutralDisabledRaw, + strokeCtrlOnOutlineRestRaw, + strokeWidthDefaultRaw, backgroundCtrlBrandRestRaw, + foregroundCtrlOnBrandRestRaw, foregroundCtrlNeutralSecondaryRestRaw, + strokeCtrlOnOutlineHoverRaw, + strokeCtrlOnOutlinePressedRaw, + strokeCtrlOnOutlineDisabledRaw, } from '../../control/variables'; import { statusDangerStrokeRaw } from '../../optional/variables'; import { @@ -45,16 +51,16 @@ export const ctrlInputBackgroundPressed = `var(${ctrlInputBackgroundPressedRaw}, export const ctrlInputBackgroundDisabled = `var(${ctrlInputBackgroundDisabledRaw}, var(${backgroundCtrlNeutralDisabledRaw}))`; export const ctrlInputBackgroundSelected = `var(${ctrlInputBackgroundSelectedRaw}, var(${backgroundCtrlNeutralRestRaw}))`; export const ctrlInputBackgroundError = `var(${ctrlInputBackgroundErrorRaw}, var(${backgroundCtrlNeutralRestRaw}))`; -export const ctrlInputStrokeRest = `var(${ctrlInputStrokeRestRaw}, var(${strokeCtrlOnoutlineRestRaw}))`; -export const ctrlInputStrokeWidthRest = `var(${ctrlInputStrokeWidthRestRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlInputStrokeWidthHover = `var(${ctrlInputStrokeWidthHoverRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlInputStrokeWidthPressed = `var(${ctrlInputStrokeWidthPressedRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlInputStrokeRest = `var(${ctrlInputStrokeRestRaw}, var(${strokeCtrlOnOutlineRestRaw}))`; +export const ctrlInputStrokeWidthRest = `var(${ctrlInputStrokeWidthRestRaw}, var(${strokeWidthDefaultRaw}))`; +export const ctrlInputStrokeWidthHover = `var(${ctrlInputStrokeWidthHoverRaw}, var(${strokeWidthDefaultRaw}))`; +export const ctrlInputStrokeWidthPressed = `var(${ctrlInputStrokeWidthPressedRaw}, var(${strokeWidthDefaultRaw}))`; export const ctrlInputStrokeWidthSelected = `var(${ctrlInputStrokeWidthSelectedRaw})`; -export const ctrlInputBottomLineStrokeWidthRest = `var(${ctrlInputBottomLineStrokeWidthRestRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlInputBottomLineStrokeWidthRest = `var(${ctrlInputBottomLineStrokeWidthRestRaw}, var(${strokeWidthDefaultRaw}))`; export const ctrlInputTextSelectionBackground = `var(${ctrlInputTextSelectionBackgroundRaw}, var(${backgroundCtrlBrandRestRaw}))`; -export const ctrlInputTextSelectionForeground = `var(${ctrlInputTextSelectionForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const ctrlInputBottomLineStrokeWidthHover = `var(${ctrlInputBottomLineStrokeWidthHoverRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlInputBottomLineStrokeWidthPressed = `var(${ctrlInputBottomLineStrokeWidthPressedRaw}, var(${ctrlInputBottomlineStrokewidthSelectedRaw}))`; +export const ctrlInputTextSelectionForeground = `var(${ctrlInputTextSelectionForegroundRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; +export const ctrlInputBottomLineStrokeWidthHover = `var(${ctrlInputBottomLineStrokeWidthHoverRaw}, var(${strokeWidthDefaultRaw}))`; +export const ctrlInputBottomLineStrokeWidthPressed = `var(${ctrlInputBottomLineStrokeWidthPressedRaw}, var(${ctrlInputBottomLineStrokeWidthSelectedRaw}))`; export const ctrlInputBottomLineStrokeWidthSelected = `var(${ctrlInputBottomLineStrokeWidthSelectedRaw})`; export const ctrlInputBottomLineStrokeRest = `var(${ctrlInputBottomLineStrokeRestRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; export const ctrlInputBottomLineStrokeHover = `var(${ctrlInputBottomLineStrokeHoverRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; @@ -62,8 +68,8 @@ export const ctrlInputBottomLineStrokePressed = `var(${ctrlInputBottomLineStroke export const ctrlInputBottomLineStrokeDisabled = `var(${ctrlInputBottomLineStrokeDisabledRaw}, unset)`; export const ctrlInputBottomLineStrokeSelected = `var(${ctrlInputBottomLineStrokeSelectedRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const ctrlInputBottomLineStrokeError = `var(${ctrlInputBottomLineStrokeErrorRaw}, unset)`; -export const ctrlInputStrokeHover = `var(${ctrlInputStrokeHoverRaw}, var(${strokeCtrlOnoutlineHoverRaw}))`; -export const ctrlInputStrokePressed = `var(${ctrlInputStrokePressedRaw}, var(${strokeCtrlOnoutlinePressedRaw}))`; -export const ctrlInputStrokeDisabled = `var(${ctrlInputStrokeDisabledRaw}, var(${strokeCtrlOnoutlineDisabledRaw}))`; -export const ctrlInputStrokeSelected = `var(${ctrlInputStrokeSelectedRaw}, var(${strokeCtrlOnoutlineRestRaw}))`; +export const ctrlInputStrokeHover = `var(${ctrlInputStrokeHoverRaw}, var(${strokeCtrlOnOutlineHoverRaw}))`; +export const ctrlInputStrokePressed = `var(${ctrlInputStrokePressedRaw}, var(${strokeCtrlOnOutlinePressedRaw}))`; +export const ctrlInputStrokeDisabled = `var(${ctrlInputStrokeDisabledRaw}, var(${strokeCtrlOnOutlineDisabledRaw}))`; +export const ctrlInputStrokeSelected = `var(${ctrlInputStrokeSelectedRaw}, var(${strokeCtrlOnOutlineRestRaw}))`; export const ctrlInputStrokeError = `var(${ctrlInputStrokeErrorRaw}, var(${statusDangerStrokeRaw}))`; diff --git a/packages/semantic-tokens/src/components/link/tokens.ts b/packages/semantic-tokens/src/components/link/tokens.ts index 9040203d3994e..5c4988bbdcea0 100644 --- a/packages/semantic-tokens/src/components/link/tokens.ts +++ b/packages/semantic-tokens/src/components/link/tokens.ts @@ -1,6 +1,7 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE import { foregroundCtrlNeutralPrimaryRestRaw, + strokeWidthDefaultRaw, foregroundCtrlBrandRestRaw, foregroundCtrlBrandHoverRaw, foregroundCtrlBrandPressedRaw, @@ -31,16 +32,16 @@ import { } from './variables'; export const ctrlLinkForegroundNeutralRest = `var(${ctrlLinkForegroundNeutralRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${colorNeutralForeground2}))`; -export const ctrlLinkInlineStrokeWidthRest = `var(${ctrlLinkInlineStrokeWidthRestRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlLinkInlineStrokeWidthHover = `var(${ctrlLinkInlineStrokeWidthHoverRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlLinkInlineStrokeWidthRest = `var(${ctrlLinkInlineStrokeWidthRestRaw}, var(${strokeWidthDefaultRaw}))`; +export const ctrlLinkInlineStrokeWidthHover = `var(${ctrlLinkInlineStrokeWidthHoverRaw}, var(${strokeWidthDefaultRaw}))`; export const ctrlLinkInlineUnderlineDashed = `var(${ctrlLinkInlineUnderlineDashedRaw})`; export const ctrlLinkForegroundNeutralHover = `var(${ctrlLinkForegroundNeutralHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${colorNeutralForeground2Hover}))`; export const ctrlLinkForegroundNeutralPressed = `var(${ctrlLinkForegroundNeutralPressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}, ${colorNeutralForeground2Pressed}))`; export const ctrlLinkForegroundBrandRest = `var(${ctrlLinkForegroundBrandRestRaw}, var(${foregroundCtrlBrandRestRaw}, ${colorBrandForegroundLink}))`; export const ctrlLinkForegroundBrandHover = `var(${ctrlLinkForegroundBrandHoverRaw}, var(${foregroundCtrlBrandHoverRaw}, ${colorBrandForegroundLinkHover}))`; export const ctrlLinkForegroundBrandPressed = `var(${ctrlLinkForegroundBrandPressedRaw}, var(${foregroundCtrlBrandPressedRaw}, ${colorBrandForegroundLinkPressed}))`; -export const ctrlLinkOnPageStrokeWidthRest = `var(${ctrlLinkOnPageStrokeWidthRestRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlLinkOnPageStrokeWidthHover = `var(${ctrlLinkOnPageStrokeWidthHoverRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlLinkOnPageStrokeWidthRest = `var(${ctrlLinkOnPageStrokeWidthRestRaw}, var(${strokeWidthDefaultRaw}))`; +export const ctrlLinkOnPageStrokeWidthHover = `var(${ctrlLinkOnPageStrokeWidthHoverRaw}, var(${strokeWidthDefaultRaw}))`; export const ctrlLinkOnPageUnderlineDashed = `var(${ctrlLinkOnPageUnderlineDashedRaw})`; export const ctrlLinkInlineShowUnderlineAtRest = `var(${ctrlLinkInlineShowUnderlineAtRestRaw})`; export const ctrlLinkOnPageShowUnderlineAtRest = `var(${ctrlLinkOnPageShowUnderlineAtRestRaw})`; diff --git a/packages/semantic-tokens/src/components/list/tokens.ts b/packages/semantic-tokens/src/components/list/tokens.ts index 68028e02179a7..dd5f380257aeb 100644 --- a/packages/semantic-tokens/src/components/list/tokens.ts +++ b/packages/semantic-tokens/src/components/list/tokens.ts @@ -6,6 +6,8 @@ import { backgroundCtrlSubtlePressedRaw, foregroundCtrlNeutralPrimaryRestRaw, foregroundCtrlNeutralPrimaryDisabledRaw, + sizeCtrlIconSecondaryRaw, + strokeCtrlDividerOnNeutralRaw, cornerCtrlSmRestRaw, paddingCtrlSmHorizontalDefaultRaw, cornerCtrlLgRestRaw, @@ -107,10 +109,10 @@ export const ctrlListChoiceBackgroundDisabled = `var(${ctrlListChoiceBackgroundD export const ctrlListChoiceBackgroundSelectedRest = `var(${ctrlListChoiceBackgroundSelectedRestRaw}, unset)`; export const ctrlListChoiceBackgroundSelectedDisabled = `var(${ctrlListChoiceBackgroundSelectedDisabledRaw}, unset)`; export const ctrlListChoiceCheckboxCorner = `var(${ctrlListChoiceCheckboxCornerRaw}, var(${ctrlChoiceCheckboxCornerRaw}))`; -export const ctrlListChoiceCheckboxIconSize = `var(${ctrlListChoiceCheckboxIconSizeRaw}, var(${sizeCtrlIconsecondaryRaw}))`; +export const ctrlListChoiceCheckboxIconSize = `var(${ctrlListChoiceCheckboxIconSizeRaw}, var(${sizeCtrlIconSecondaryRaw}))`; export const ctrlListChoiceDotSize = `var(${ctrlListChoiceDotSizeRaw})`; export const ctrlListSplitDividerPaddingInset = `var(${ctrlListSplitDividerPaddingInsetRaw})`; -export const ctrlListSplitDividerStroke = `var(${ctrlListSplitDividerStrokeRaw}, var(${strokeCtrlDividerOnneutralRaw}))`; +export const ctrlListSplitDividerStroke = `var(${ctrlListSplitDividerStrokeRaw}, var(${strokeCtrlDividerOnNeutralRaw}))`; export const ctrlListSmCornerRest = `var(${ctrlListSmCornerRestRaw}, var(${cornerCtrlSmRestRaw}))`; export const ctrlListSmCornerHover = `var(${ctrlListSmCornerHoverRaw}, var(${cornerCtrlSmRestRaw}))`; export const ctrlListSmCornerPressed = `var(${ctrlListSmCornerPressedRaw}, var(${cornerCtrlSmRestRaw}))`; diff --git a/packages/semantic-tokens/src/components/liteFilter/tokens.ts b/packages/semantic-tokens/src/components/liteFilter/tokens.ts index a8e11d7c6343e..8b5c663ff2d4d 100644 --- a/packages/semantic-tokens/src/components/liteFilter/tokens.ts +++ b/packages/semantic-tokens/src/components/liteFilter/tokens.ts @@ -1,5 +1,10 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { backgroundCtrlBrandRestRaw } from '../../control/variables'; +import { + backgroundCtrlBrandRestRaw, + foregroundCtrlOnBrandRestRaw, + strokeWidthDefaultRaw, +} from '../../control/variables'; +import { strokeCtrlOnBrandRestRaw } from '../../nullable/variables'; import { ctrlLiteFilterBackgroundSelectedRaw, ctrlLiteFilterStrokeSelectedRaw, @@ -8,6 +13,6 @@ import { } from './variables'; export const ctrlLiteFilterBackgroundSelected = `var(${ctrlLiteFilterBackgroundSelectedRaw}, var(${backgroundCtrlBrandRestRaw}))`; -export const ctrlLiteFilterStrokeSelected = `var(${ctrlLiteFilterStrokeSelectedRaw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const ctrlLiteFilterForegroundSelected = `var(${ctrlLiteFilterForegroundSelectedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const ctrlLiteFilterStrokeWidthSelected = `var(${ctrlLiteFilterStrokeWidthSelectedRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlLiteFilterStrokeSelected = `var(${ctrlLiteFilterStrokeSelectedRaw}, var(${strokeCtrlOnBrandRestRaw}))`; +export const ctrlLiteFilterForegroundSelected = `var(${ctrlLiteFilterForegroundSelectedRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; +export const ctrlLiteFilterStrokeWidthSelected = `var(${ctrlLiteFilterStrokeWidthSelectedRaw}, var(${strokeWidthDefaultRaw}))`; diff --git a/packages/semantic-tokens/src/components/rating/tokens.ts b/packages/semantic-tokens/src/components/rating/tokens.ts index e72f3249dc2ed..f6facdb9f9824 100644 --- a/packages/semantic-tokens/src/components/rating/tokens.ts +++ b/packages/semantic-tokens/src/components/rating/tokens.ts @@ -1,5 +1,5 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { backgroundCtrlBrandRestRaw, sizeCtrlIconRaw } from '../../control/variables'; +import { iconThemeCtrlDefaultRestRaw, backgroundCtrlBrandRestRaw, sizeCtrlIconRaw } from '../../control/variables'; import { ctrlProgressBackgroundEmptyRaw } from '../progress/variables'; import { ctrlRatingIconThemeRaw, @@ -9,7 +9,7 @@ import { ctrlRatingIconSizeRaw, } from './variables'; -export const ctrlRatingIconTheme = `var(${ctrlRatingIconThemeRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; +export const ctrlRatingIconTheme = `var(${ctrlRatingIconThemeRaw}, var(${iconThemeCtrlDefaultRestRaw}))`; export const ctrlRatingIconGap = `var(${ctrlRatingIconGapRaw})`; export const ctrlRatingIconForegroundFilled = `var(${ctrlRatingIconForegroundFilledRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const ctrlRatingIconForegroundEmpty = `var(${ctrlRatingIconForegroundEmptyRaw}, var(${ctrlProgressBackgroundEmptyRaw}))`; diff --git a/packages/semantic-tokens/src/components/slider/tokens.ts b/packages/semantic-tokens/src/components/slider/tokens.ts index 57b73af847bd6..f33e9b78e0e3f 100644 --- a/packages/semantic-tokens/src/components/slider/tokens.ts +++ b/packages/semantic-tokens/src/components/slider/tokens.ts @@ -6,6 +6,9 @@ import { backgroundCtrlBrandPressedRaw, backgroundCtrlBrandDisabledRaw, sizeCtrlIconRaw, + foregroundCtrlOnBrandRestRaw, + foregroundCtrlOnBrandDisabledRaw, + strokeWidthDefaultRaw, sizeCtrlSmIconRaw, sizeCtrlLgIconRaw, } from '../../control/variables'; @@ -70,18 +73,18 @@ export const ctrlSliderThumbCorner = `var(${ctrlSliderThumbCornerRaw}, var(${cor export const ctrlSliderThumbSizeRest = `var(${ctrlSliderThumbSizeRestRaw}, var(${sizeCtrlIconRaw}))`; export const ctrlSliderThumbSizeHover = `var(${ctrlSliderThumbSizeHoverRaw}, var(${sizeCtrlIconRaw}))`; export const ctrlSliderThumbSizePressed = `var(${ctrlSliderThumbSizePressedRaw}, var(${sizeCtrlIconRaw}))`; -export const ctrlSliderThumbBackgroundRest = `var(${ctrlSliderThumbBackgroundRestRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const ctrlSliderThumbBackgroundHover = `var(${ctrlSliderThumbBackgroundHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const ctrlSliderThumbBackgroundPressed = `var(${ctrlSliderThumbBackgroundPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const ctrlSliderThumbBackgroundDisabled = `var(${ctrlSliderThumbBackgroundDisabledRaw}, var(${foregroundCtrlOnbrandDisabledRaw}))`; +export const ctrlSliderThumbBackgroundRest = `var(${ctrlSliderThumbBackgroundRestRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; +export const ctrlSliderThumbBackgroundHover = `var(${ctrlSliderThumbBackgroundHoverRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; +export const ctrlSliderThumbBackgroundPressed = `var(${ctrlSliderThumbBackgroundPressedRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; +export const ctrlSliderThumbBackgroundDisabled = `var(${ctrlSliderThumbBackgroundDisabledRaw}, var(${foregroundCtrlOnBrandDisabledRaw}))`; export const ctrlSliderThumbInnerStrokeWidthRest = `var(${ctrlSliderThumbInnerStrokeWidthRestRaw})`; -export const ctrlSliderThumbInnerStrokeWidthHover = `var(${ctrlSliderThumbInnerStrokeWidthHoverRaw}, var(${ctrlSliderThumbInnerStrokewidthRestRaw}))`; -export const ctrlSliderThumbInnerStrokeWidthPressed = `var(${ctrlSliderThumbInnerStrokeWidthPressedRaw}, var(${ctrlSliderThumbInnerStrokewidthRestRaw}))`; +export const ctrlSliderThumbInnerStrokeWidthHover = `var(${ctrlSliderThumbInnerStrokeWidthHoverRaw}, var(${ctrlSliderThumbInnerStrokeWidthRestRaw}))`; +export const ctrlSliderThumbInnerStrokeWidthPressed = `var(${ctrlSliderThumbInnerStrokeWidthPressedRaw}, var(${ctrlSliderThumbInnerStrokeWidthRestRaw}))`; export const ctrlSliderThumbInnerStrokeRest = `var(${ctrlSliderThumbInnerStrokeRestRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const ctrlSliderThumbInnerStrokeHover = `var(${ctrlSliderThumbInnerStrokeHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`; export const ctrlSliderThumbInnerStrokePressed = `var(${ctrlSliderThumbInnerStrokePressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`; export const ctrlSliderThumbInnerStrokeDisabled = `var(${ctrlSliderThumbInnerStrokeDisabledRaw}, var(${backgroundCtrlBrandDisabledRaw}))`; -export const ctrlSliderThumbOuterStrokeWidth = `var(${ctrlSliderThumbOuterStrokeWidthRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlSliderThumbOuterStrokeWidth = `var(${ctrlSliderThumbOuterStrokeWidthRaw}, var(${strokeWidthDefaultRaw}))`; export const ctrlSliderThumbOuterStrokeRest = `var(${ctrlSliderThumbOuterStrokeRestRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const ctrlSliderThumbOuterStrokeHover = `var(${ctrlSliderThumbOuterStrokeHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`; export const ctrlSliderThumbOuterStrokePressed = `var(${ctrlSliderThumbOuterStrokePressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`; diff --git a/packages/semantic-tokens/src/components/split/tokens.ts b/packages/semantic-tokens/src/components/split/tokens.ts index b604169a08c8c..b8dcb0ce06257 100644 --- a/packages/semantic-tokens/src/components/split/tokens.ts +++ b/packages/semantic-tokens/src/components/split/tokens.ts @@ -1,10 +1,11 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE +import { strokeWidthDefaultRaw } from '../../control/variables'; import { ctrlSplitDividerStrokeWidthRaw, ctrlSplitDividerStrokeWidthOnOutlineRaw, ctrlSplitDividerStrokeWidthOnSubtleRaw, } from './variables'; -export const ctrlSplitDividerStrokeWidth = `var(${ctrlSplitDividerStrokeWidthRaw}, var(${strokewidthDefaultRaw}))`; -export const ctrlSplitDividerStrokeWidthOnOutline = `var(${ctrlSplitDividerStrokeWidthOnOutlineRaw}, var(${strokewidthDefaultRaw}))`; +export const ctrlSplitDividerStrokeWidth = `var(${ctrlSplitDividerStrokeWidthRaw}, var(${strokeWidthDefaultRaw}))`; +export const ctrlSplitDividerStrokeWidthOnOutline = `var(${ctrlSplitDividerStrokeWidthOnOutlineRaw}, var(${strokeWidthDefaultRaw}))`; export const ctrlSplitDividerStrokeWidthOnSubtle = `var(${ctrlSplitDividerStrokeWidthOnSubtleRaw}, unset)`; diff --git a/packages/semantic-tokens/scripts/fluentOverrides.ts b/packages/semantic-tokens/src/fallback/fluentOverrides.ts similarity index 85% rename from packages/semantic-tokens/scripts/fluentOverrides.ts rename to packages/semantic-tokens/src/fallback/fluentOverrides.ts index dc4a65684eb5f..6248f7d35cbcd 100644 --- a/packages/semantic-tokens/scripts/fluentOverrides.ts +++ b/packages/semantic-tokens/src/fallback/fluentOverrides.ts @@ -11,18 +11,17 @@ export type FluentOverrideValue = export type FluentOverrides = Record; export const fluentOverrides: FluentOverrides = { - ctrlFocusOuterStroke: { - f2Token: 'colorStrokeFocus2', - }, - ctrlLinkForegroundBrandRest: { f2Token: 'colorBrandForegroundLink' }, - textStyleDefaultRegularFontfamily: { f2Token: 'fontFamilyBase' }, - textGlobalBody3Fontsize: { f2Token: 'fontSizeBase300' }, - textStyleDefaultRegularWeight: { f2Token: 'fontWeightRegular' }, - strokewidthDefault: { f2Token: 'strokeWidthThin' }, + ctrlFocusOuterStroke: { f2Token: 'colorStrokeFocus2' }, ctrlLinkForegroundBrandHover: { f2Token: 'colorBrandForegroundLinkHover' }, ctrlLinkForegroundBrandPressed: { f2Token: 'colorBrandForegroundLinkPressed' }, - ctrlLinkForegroundNeutralRest: { f2Token: 'colorNeutralForeground2' }, - ctrlLinkForegroundNeutralPressed: { f2Token: 'colorNeutralForeground2Pressed' }, + ctrlLinkForegroundBrandRest: { f2Token: 'colorBrandForegroundLink' }, ctrlLinkForegroundNeutralHover: { f2Token: 'colorNeutralForeground2Hover' }, + ctrlLinkForegroundNeutralPressed: { f2Token: 'colorNeutralForeground2Pressed' }, + ctrlLinkForegroundNeutralRest: { f2Token: 'colorNeutralForeground2' }, foregroundCtrlNeutralPrimaryDisabled: { f2Token: 'colorNeutralForegroundDisabled' }, + strokewidthDefault: { f2Token: 'strokeWidthThin' }, + textGlobalBody3Fontsize: { f2Token: 'fontSizeBase300' }, + textStyleDefaultRegularFontfamily: { f2Token: 'fontFamilyBase' }, + // textStyleDefaultRegularWeight: { f2Token: 'fontWeightRegular' }, + textStyleDefaultRegularWeight: null, }; diff --git a/packages/semantic-tokens/src/optional/tokens.ts b/packages/semantic-tokens/src/optional/tokens.ts index 8da92de918684..eeab3454710d6 100644 --- a/packages/semantic-tokens/src/optional/tokens.ts +++ b/packages/semantic-tokens/src/optional/tokens.ts @@ -1,10 +1,50 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE import { + textStyleDefaultRegularFontFamilyRaw, + textStyleDefaultRegularLetterSpacingRaw, textStyleDefaultRegularWeightRaw, textStyleDefaultHeaderWeightRaw, + textGlobalTitle2FontSizeRaw, + textGlobalTitle2LineHeightRaw, + textGlobalSubtitle1FontSizeRaw, + textGlobalSubtitle1LineHeightRaw, + textGlobalSubtitle2FontSizeRaw, + textGlobalSubtitle2LineHeightRaw, + textGlobalBody2FontSizeRaw, + textGlobalBody2LineHeightRaw, + textGlobalBody3FontSizeRaw, + textGlobalBody3LineHeightRaw, + textGlobalCaption1FontSizeRaw, + textGlobalCaption1LineHeightRaw, + textGlobalCaption2FontSizeRaw, + textGlobalCaption2LineHeightRaw, + textGlobalBody1FontSizeRaw, + textGlobalBody1LineHeightRaw, + textGlobalTitle1FontSizeRaw, + textGlobalTitle1LineHeightRaw, textCtrlWeightSelectedRaw, + paddingContentXSmallRaw, + paddingContentXxSmallRaw, + paddingContentAlignOutdentTextOnSubtleRaw, paddingContentAlignDefaultRaw, + paddingCtrlTextTopRaw, + paddingCtrlSmTextTopRaw, + paddingCtrlLgTextTopRaw, + paddingCtrlToNestedControlRaw, + gapBetweenContentXxSmallRaw, + paddingCtrlLgToNestedControlRaw, + gapBetweenContentXSmallRaw, + paddingCtrlSmToNestedControlRaw, gapBetweenContentMediumRaw, + strokeWidthDefaultRaw, + backgroundCardOnPrimaryDefaultRestRaw, + strokeCtrlOnOutlineRestRaw, + strokeCtrlOnOutlineHoverRaw, + strokeCtrlOnOutlinePressedRaw, + strokeCtrlOnOutlineDisabledRaw, + strokeCtrlDividerOnBrandRaw, + strokeCtrlDividerOnNeutralRaw, + strokeCtrlDividerOnOutlineRaw, strokeDividerDefaultRaw, backgroundCtrlBrandRestRaw, strokeWindowActiveRaw, @@ -23,19 +63,35 @@ import { foregroundCtrlNeutralPrimaryRestRaw, foregroundCtrlBrandRestRaw, foregroundCtrlNeutralPrimaryDisabledRaw, + foregroundCtrlOnBrandRestRaw, foregroundCtrlBrandHoverRaw, foregroundCtrlBrandPressedRaw, foregroundCtrlBrandDisabledRaw, + foregroundCtrlOnBrandDisabledRaw, + iconThemeCtrlDefaultRestRaw, + iconThemeCtrlDefaultSelectedRaw, statusDangerBackgroundRaw, statusWarningBackgroundRaw, statusSuccessBackgroundRaw, statusImportantBackgroundRaw, statusInformativeBackgroundRaw, statusNeutralBackgroundRaw, + backgroundCardOnSecondaryDefaultRestRaw, shadowFlyoutKeyRaw, shadowFlyoutAmbientRaw, shadowWindowActiveKeyRaw, } from '../control/variables'; +import { + strokeCardOnPrimaryRestRaw, + strokeCtrlOnBrandRestRaw, + strokeCtrlOnBrandHoverRaw, + strokeCtrlOnBrandPressedRaw, + strokeCtrlOnBrandDisabledRaw, + strokeCtrlOnNeutralRestRaw, + strokeCtrlOnNeutralPressedRaw, + strokeCtrlOnNeutralHoverRaw, + strokeCtrlOnNeutralDisabledRaw, +} from '../nullable/variables'; import { textStyleDefaultHeaderFontFamilyRaw, textStyleDefaultHeaderLetterSpacingRaw, @@ -291,137 +347,137 @@ import { shadowWindowInactiveKeyRaw, } from './variables'; -export const textStyleDefaultHeaderFontFamily = `var(${textStyleDefaultHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; -export const textStyleDefaultHeaderLetterSpacing = `var(${textStyleDefaultHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleAiRegularFontFamily = `var(${textStyleAiRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleDefaultHeaderFontFamily = `var(${textStyleDefaultHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; +export const textStyleDefaultHeaderLetterSpacing = `var(${textStyleDefaultHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleAiRegularFontFamily = `var(${textStyleAiRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleAiRegularWeight = `var(${textStyleAiRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleAiRegularLetterSpacing = `var(${textStyleAiRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleAiHeaderFontFamily = `var(${textStyleAiHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleAiRegularLetterSpacing = `var(${textStyleAiRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleAiHeaderFontFamily = `var(${textStyleAiHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleAiHeaderWeight = `var(${textStyleAiHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleAiHeaderLetterSpacing = `var(${textStyleAiHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleArticleRegularFontFamily = `var(${textStyleArticleRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleAiHeaderLetterSpacing = `var(${textStyleAiHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleArticleRegularFontFamily = `var(${textStyleArticleRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleArticleRegularWeight = `var(${textStyleArticleRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleArticleRegularLetterSpacing = `var(${textStyleArticleRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleArticleHeaderFontFamily = `var(${textStyleArticleHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleArticleRegularLetterSpacing = `var(${textStyleArticleRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleArticleHeaderFontFamily = `var(${textStyleArticleHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleArticleHeaderWeight = `var(${textStyleArticleHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleArticleHeaderLetterSpacing = `var(${textStyleArticleHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleCodeRegularFontFamily = `var(${textStyleCodeRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleArticleHeaderLetterSpacing = `var(${textStyleArticleHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleCodeRegularFontFamily = `var(${textStyleCodeRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleCodeRegularWeight = `var(${textStyleCodeRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleCodeRegularLetterSpacing = `var(${textStyleCodeRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleCodeHeaderFontFamily = `var(${textStyleCodeHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleCodeRegularLetterSpacing = `var(${textStyleCodeRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleCodeHeaderFontFamily = `var(${textStyleCodeHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleCodeHeaderWeight = `var(${textStyleCodeHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleCodeHeaderLetterSpacing = `var(${textStyleCodeHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleDataVizRegularFontFamily = `var(${textStyleDataVizRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleCodeHeaderLetterSpacing = `var(${textStyleCodeHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleDataVizRegularFontFamily = `var(${textStyleDataVizRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleDataVizRegularWeight = `var(${textStyleDataVizRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleDataVizRegularLetterSpacing = `var(${textStyleDataVizRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleDataVizHeaderFontFamily = `var(${textStyleDataVizHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleDataVizRegularLetterSpacing = `var(${textStyleDataVizRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleDataVizHeaderFontFamily = `var(${textStyleDataVizHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleDataVizHeaderWeight = `var(${textStyleDataVizHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleDataVizHeaderLetterSpacing = `var(${textStyleDataVizHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleQuoteRegularFontFamily = `var(${textStyleQuoteRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleDataVizHeaderLetterSpacing = `var(${textStyleDataVizHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleQuoteRegularFontFamily = `var(${textStyleQuoteRegularFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleQuoteRegularWeight = `var(${textStyleQuoteRegularWeightRaw}, var(${textStyleDefaultRegularWeightRaw}))`; -export const textStyleQuoteRegularLetterSpacing = `var(${textStyleQuoteRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textStyleQuoteHeaderFontFamily = `var(${textStyleQuoteHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; +export const textStyleQuoteRegularLetterSpacing = `var(${textStyleQuoteRegularLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textStyleQuoteHeaderFontFamily = `var(${textStyleQuoteHeaderFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; export const textStyleQuoteHeaderWeight = `var(${textStyleQuoteHeaderWeightRaw}, var(${textStyleDefaultHeaderWeightRaw}))`; -export const textStyleQuoteHeaderLetterSpacing = `var(${textStyleQuoteHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; -export const textRampPageHeaderFontSize = `var(${textRampPageHeaderFontSizeRaw}, var(${textGlobalTitle2FontsizeRaw}))`; -export const textRampPageHeaderLineHeight = `var(${textRampPageHeaderLineHeightRaw}, var(${textGlobalTitle2LineheightRaw}))`; -export const textRampSectionHeaderFontSize = `var(${textRampSectionHeaderFontSizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`; -export const textRampSectionHeaderLineHeight = `var(${textRampSectionHeaderLineHeightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`; -export const textRampSubsectionHeaderFontSize = `var(${textRampSubsectionHeaderFontSizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`; -export const textRampSubsectionHeaderLineHeight = `var(${textRampSubsectionHeaderLineHeightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`; -export const textRampReadingBodyFontSize = `var(${textRampReadingBodyFontSizeRaw}, var(${textGlobalBody2FontsizeRaw}))`; -export const textRampReadingBodyLineHeight = `var(${textRampReadingBodyLineHeightRaw}, var(${textGlobalBody2LineheightRaw}))`; -export const textRampItemHeaderFontSize = `var(${textRampItemHeaderFontSizeRaw}, var(${textGlobalBody2FontsizeRaw}))`; -export const textRampItemHeaderLineHeight = `var(${textRampItemHeaderLineHeightRaw}, var(${textGlobalBody2LineheightRaw}))`; -export const textRampItemBodyFontSize = `var(${textRampItemBodyFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const textRampItemBodyLineHeight = `var(${textRampItemBodyLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; -export const textRampMetadataFontSize = `var(${textRampMetadataFontSizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; -export const textRampMetadataLineHeight = `var(${textRampMetadataLineHeightRaw}, var(${textGlobalCaption1LineheightRaw}))`; -export const textRampLegalFontSize = `var(${textRampLegalFontSizeRaw}, var(${textGlobalCaption2FontsizeRaw}))`; -export const textRampLegalLineHeight = `var(${textRampLegalLineHeightRaw}, var(${textGlobalCaption2LineheightRaw}))`; -export const textRampSmPageHeaderFontSize = `var(${textRampSmPageHeaderFontSizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`; -export const textRampSmPageHeaderLineHeight = `var(${textRampSmPageHeaderLineHeightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`; -export const textRampSmSectionHeaderFontSize = `var(${textRampSmSectionHeaderFontSizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`; -export const textRampSmSectionHeaderLineHeight = `var(${textRampSmSectionHeaderLineHeightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`; -export const textRampSmSubsectionHeaderFontSize = `var(${textRampSmSubsectionHeaderFontSizeRaw}, var(${textGlobalBody1FontsizeRaw}))`; -export const textRampSmSubsectionHeaderLineHeight = `var(${textRampSmSubsectionHeaderLineHeightRaw}, var(${textGlobalBody1LineheightRaw}))`; -export const textRampSmReadingBodyFontSize = `var(${textRampSmReadingBodyFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const textRampSmReadingBodyLineHeight = `var(${textRampSmReadingBodyLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; -export const textRampSmItemHeaderFontSize = `var(${textRampSmItemHeaderFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const textRampSmItemHeaderLineHeight = `var(${textRampSmItemHeaderLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; -export const textRampSmItemBodyFontSize = `var(${textRampSmItemBodyFontSizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; -export const textRampSmItemBodyLineHeight = `var(${textRampSmItemBodyLineHeightRaw}, var(${textGlobalCaption1LineheightRaw}))`; -export const textRampSmMetadataFontSize = `var(${textRampSmMetadataFontSizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; -export const textRampSmMetadataLineHeight = `var(${textRampSmMetadataLineHeightRaw}, var(${textGlobalCaption1LineheightRaw}))`; -export const textRampSmLegalFontSize = `var(${textRampSmLegalFontSizeRaw}, var(${textGlobalCaption2FontsizeRaw}))`; -export const textRampSmLegalLineHeight = `var(${textRampSmLegalLineHeightRaw}, var(${textGlobalCaption2LineheightRaw}))`; -export const textRampLgPageHeaderFontSize = `var(${textRampLgPageHeaderFontSizeRaw}, var(${textGlobalTitle1FontsizeRaw}))`; -export const textRampLgPageHeaderLineHeight = `var(${textRampLgPageHeaderLineHeightRaw}, var(${textGlobalTitle1LineheightRaw}))`; -export const textRampLgSectionHeaderFontSize = `var(${textRampLgSectionHeaderFontSizeRaw}, var(${textGlobalTitle2FontsizeRaw}))`; -export const textRampLgSectionHeaderLineHeight = `var(${textRampLgSectionHeaderLineHeightRaw}, var(${textGlobalTitle2LineheightRaw}))`; -export const textRampLgSubsectionHeaderFontSize = `var(${textRampLgSubsectionHeaderFontSizeRaw}, var(${textGlobalSubtitle1FontsizeRaw}))`; -export const textRampLgSubsectionHeaderLineHeight = `var(${textRampLgSubsectionHeaderLineHeightRaw}, var(${textGlobalSubtitle1LineheightRaw}))`; -export const textRampLgReadingBodyFontSize = `var(${textRampLgReadingBodyFontSizeRaw}, var(${textGlobalBody1FontsizeRaw}))`; -export const textRampLgReadingBodyLineHeight = `var(${textRampLgReadingBodyLineHeightRaw}, var(${textGlobalBody1LineheightRaw}))`; -export const textRampLgItemHeaderFontSize = `var(${textRampLgItemHeaderFontSizeRaw}, var(${textGlobalSubtitle2FontsizeRaw}))`; -export const textRampLgItemHeaderLineHeight = `var(${textRampLgItemHeaderLineHeightRaw}, var(${textGlobalSubtitle2LineheightRaw}))`; -export const textRampLgItemBodyFontSize = `var(${textRampLgItemBodyFontSizeRaw}, var(${textGlobalBody2FontsizeRaw}))`; -export const textRampLgItemBodyLineHeight = `var(${textRampLgItemBodyLineHeightRaw}, var(${textGlobalBody2LineheightRaw}))`; -export const textRampLgMetadataFontSize = `var(${textRampLgMetadataFontSizeRaw}, var(${textGlobalBody3FontsizeRaw}))`; -export const textRampLgMetadataLineHeight = `var(${textRampLgMetadataLineHeightRaw}, var(${textGlobalBody3LineheightRaw}))`; -export const textRampLgLegalFontSize = `var(${textRampLgLegalFontSizeRaw}, var(${textGlobalCaption1FontsizeRaw}))`; -export const textRampLgLegalLineHeight = `var(${textRampLgLegalLineHeightRaw}, var(${textGlobalCaption1LineheightRaw}))`; +export const textStyleQuoteHeaderLetterSpacing = `var(${textStyleQuoteHeaderLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; +export const textRampPageHeaderFontSize = `var(${textRampPageHeaderFontSizeRaw}, var(${textGlobalTitle2FontSizeRaw}))`; +export const textRampPageHeaderLineHeight = `var(${textRampPageHeaderLineHeightRaw}, var(${textGlobalTitle2LineHeightRaw}))`; +export const textRampSectionHeaderFontSize = `var(${textRampSectionHeaderFontSizeRaw}, var(${textGlobalSubtitle1FontSizeRaw}))`; +export const textRampSectionHeaderLineHeight = `var(${textRampSectionHeaderLineHeightRaw}, var(${textGlobalSubtitle1LineHeightRaw}))`; +export const textRampSubsectionHeaderFontSize = `var(${textRampSubsectionHeaderFontSizeRaw}, var(${textGlobalSubtitle2FontSizeRaw}))`; +export const textRampSubsectionHeaderLineHeight = `var(${textRampSubsectionHeaderLineHeightRaw}, var(${textGlobalSubtitle2LineHeightRaw}))`; +export const textRampReadingBodyFontSize = `var(${textRampReadingBodyFontSizeRaw}, var(${textGlobalBody2FontSizeRaw}))`; +export const textRampReadingBodyLineHeight = `var(${textRampReadingBodyLineHeightRaw}, var(${textGlobalBody2LineHeightRaw}))`; +export const textRampItemHeaderFontSize = `var(${textRampItemHeaderFontSizeRaw}, var(${textGlobalBody2FontSizeRaw}))`; +export const textRampItemHeaderLineHeight = `var(${textRampItemHeaderLineHeightRaw}, var(${textGlobalBody2LineHeightRaw}))`; +export const textRampItemBodyFontSize = `var(${textRampItemBodyFontSizeRaw}, var(${textGlobalBody3FontSizeRaw}))`; +export const textRampItemBodyLineHeight = `var(${textRampItemBodyLineHeightRaw}, var(${textGlobalBody3LineHeightRaw}))`; +export const textRampMetadataFontSize = `var(${textRampMetadataFontSizeRaw}, var(${textGlobalCaption1FontSizeRaw}))`; +export const textRampMetadataLineHeight = `var(${textRampMetadataLineHeightRaw}, var(${textGlobalCaption1LineHeightRaw}))`; +export const textRampLegalFontSize = `var(${textRampLegalFontSizeRaw}, var(${textGlobalCaption2FontSizeRaw}))`; +export const textRampLegalLineHeight = `var(${textRampLegalLineHeightRaw}, var(${textGlobalCaption2LineHeightRaw}))`; +export const textRampSmPageHeaderFontSize = `var(${textRampSmPageHeaderFontSizeRaw}, var(${textGlobalSubtitle1FontSizeRaw}))`; +export const textRampSmPageHeaderLineHeight = `var(${textRampSmPageHeaderLineHeightRaw}, var(${textGlobalSubtitle1LineHeightRaw}))`; +export const textRampSmSectionHeaderFontSize = `var(${textRampSmSectionHeaderFontSizeRaw}, var(${textGlobalSubtitle2FontSizeRaw}))`; +export const textRampSmSectionHeaderLineHeight = `var(${textRampSmSectionHeaderLineHeightRaw}, var(${textGlobalSubtitle2LineHeightRaw}))`; +export const textRampSmSubsectionHeaderFontSize = `var(${textRampSmSubsectionHeaderFontSizeRaw}, var(${textGlobalBody1FontSizeRaw}))`; +export const textRampSmSubsectionHeaderLineHeight = `var(${textRampSmSubsectionHeaderLineHeightRaw}, var(${textGlobalBody1LineHeightRaw}))`; +export const textRampSmReadingBodyFontSize = `var(${textRampSmReadingBodyFontSizeRaw}, var(${textGlobalBody3FontSizeRaw}))`; +export const textRampSmReadingBodyLineHeight = `var(${textRampSmReadingBodyLineHeightRaw}, var(${textGlobalBody3LineHeightRaw}))`; +export const textRampSmItemHeaderFontSize = `var(${textRampSmItemHeaderFontSizeRaw}, var(${textGlobalBody3FontSizeRaw}))`; +export const textRampSmItemHeaderLineHeight = `var(${textRampSmItemHeaderLineHeightRaw}, var(${textGlobalBody3LineHeightRaw}))`; +export const textRampSmItemBodyFontSize = `var(${textRampSmItemBodyFontSizeRaw}, var(${textGlobalCaption1FontSizeRaw}))`; +export const textRampSmItemBodyLineHeight = `var(${textRampSmItemBodyLineHeightRaw}, var(${textGlobalCaption1LineHeightRaw}))`; +export const textRampSmMetadataFontSize = `var(${textRampSmMetadataFontSizeRaw}, var(${textGlobalCaption1FontSizeRaw}))`; +export const textRampSmMetadataLineHeight = `var(${textRampSmMetadataLineHeightRaw}, var(${textGlobalCaption1LineHeightRaw}))`; +export const textRampSmLegalFontSize = `var(${textRampSmLegalFontSizeRaw}, var(${textGlobalCaption2FontSizeRaw}))`; +export const textRampSmLegalLineHeight = `var(${textRampSmLegalLineHeightRaw}, var(${textGlobalCaption2LineHeightRaw}))`; +export const textRampLgPageHeaderFontSize = `var(${textRampLgPageHeaderFontSizeRaw}, var(${textGlobalTitle1FontSizeRaw}))`; +export const textRampLgPageHeaderLineHeight = `var(${textRampLgPageHeaderLineHeightRaw}, var(${textGlobalTitle1LineHeightRaw}))`; +export const textRampLgSectionHeaderFontSize = `var(${textRampLgSectionHeaderFontSizeRaw}, var(${textGlobalTitle2FontSizeRaw}))`; +export const textRampLgSectionHeaderLineHeight = `var(${textRampLgSectionHeaderLineHeightRaw}, var(${textGlobalTitle2LineHeightRaw}))`; +export const textRampLgSubsectionHeaderFontSize = `var(${textRampLgSubsectionHeaderFontSizeRaw}, var(${textGlobalSubtitle1FontSizeRaw}))`; +export const textRampLgSubsectionHeaderLineHeight = `var(${textRampLgSubsectionHeaderLineHeightRaw}, var(${textGlobalSubtitle1LineHeightRaw}))`; +export const textRampLgReadingBodyFontSize = `var(${textRampLgReadingBodyFontSizeRaw}, var(${textGlobalBody1FontSizeRaw}))`; +export const textRampLgReadingBodyLineHeight = `var(${textRampLgReadingBodyLineHeightRaw}, var(${textGlobalBody1LineHeightRaw}))`; +export const textRampLgItemHeaderFontSize = `var(${textRampLgItemHeaderFontSizeRaw}, var(${textGlobalSubtitle2FontSizeRaw}))`; +export const textRampLgItemHeaderLineHeight = `var(${textRampLgItemHeaderLineHeightRaw}, var(${textGlobalSubtitle2LineHeightRaw}))`; +export const textRampLgItemBodyFontSize = `var(${textRampLgItemBodyFontSizeRaw}, var(${textGlobalBody2FontSizeRaw}))`; +export const textRampLgItemBodyLineHeight = `var(${textRampLgItemBodyLineHeightRaw}, var(${textGlobalBody2LineHeightRaw}))`; +export const textRampLgMetadataFontSize = `var(${textRampLgMetadataFontSizeRaw}, var(${textGlobalBody3FontSizeRaw}))`; +export const textRampLgMetadataLineHeight = `var(${textRampLgMetadataLineHeightRaw}, var(${textGlobalBody3LineHeightRaw}))`; +export const textRampLgLegalFontSize = `var(${textRampLgLegalFontSizeRaw}, var(${textGlobalCaption1FontSizeRaw}))`; +export const textRampLgLegalLineHeight = `var(${textRampLgLegalLineHeightRaw}, var(${textGlobalCaption1LineHeightRaw}))`; export const textCtrlWeightDefault = `var(${textCtrlWeightDefaultRaw}, var(${textStyleDefaultRegularWeightRaw}))`; export const textCtrlButtonWeightDefault = `var(${textCtrlButtonWeightDefaultRaw}, var(${textStyleDefaultRegularWeightRaw}))`; export const textCtrlButtonWeightSelected = `var(${textCtrlButtonWeightSelectedRaw}, var(${textCtrlWeightSelectedRaw}))`; -export const paddingToolbarInside = `var(${paddingToolbarInsideRaw}, var(${paddingContentXsmallRaw}))`; -export const paddingToolbarOutside = `var(${paddingToolbarOutsideRaw}, var(${paddingContentXxsmallRaw}))`; -export const paddingFlyoutDefault = `var(${paddingFlyoutDefaultRaw}, var(${paddingContentAlignOutdentTextonsubtleRaw}))`; +export const paddingToolbarInside = `var(${paddingToolbarInsideRaw}, var(${paddingContentXSmallRaw}))`; +export const paddingToolbarOutside = `var(${paddingToolbarOutsideRaw}, var(${paddingContentXxSmallRaw}))`; +export const paddingFlyoutDefault = `var(${paddingFlyoutDefaultRaw}, var(${paddingContentAlignOutdentTextOnSubtleRaw}))`; export const paddingCardNestedImage = `var(${paddingCardNestedImageRaw}, var(${paddingContentAlignDefaultRaw}))`; -export const paddingCtrlTextBottom = `var(${paddingCtrlTextBottomRaw}, var(${paddingCtrlTexttopRaw}))`; -export const paddingCtrlSmTextBottom = `var(${paddingCtrlSmTextBottomRaw}, var(${paddingCtrlSmTexttopRaw}))`; -export const paddingCtrlLgTextBottom = `var(${paddingCtrlLgTextBottomRaw}, var(${paddingCtrlLgTexttopRaw}))`; -export const gapBetweenCtrlNested = `var(${gapBetweenCtrlNestedRaw}, var(${paddingCtrlTonestedcontrolRaw}))`; -export const gapBetweenTextSmall = `var(${gapBetweenTextSmallRaw}, var(${gapBetweenContentXxsmallRaw}))`; -export const gapBetweenCtrlLgNested = `var(${gapBetweenCtrlLgNestedRaw}, var(${paddingCtrlLgTonestedcontrolRaw}))`; -export const gapBetweenTextLarge = `var(${gapBetweenTextLargeRaw}, var(${gapBetweenContentXsmallRaw}))`; -export const gapBetweenCtrlSmNested = `var(${gapBetweenCtrlSmNestedRaw}, var(${paddingCtrlSmTonestedcontrolRaw}))`; -export const gapBetweenListItem = `var(${gapBetweenListItemRaw}, var(${gapBetweenContentXxsmallRaw}))`; +export const paddingCtrlTextBottom = `var(${paddingCtrlTextBottomRaw}, var(${paddingCtrlTextTopRaw}))`; +export const paddingCtrlSmTextBottom = `var(${paddingCtrlSmTextBottomRaw}, var(${paddingCtrlSmTextTopRaw}))`; +export const paddingCtrlLgTextBottom = `var(${paddingCtrlLgTextBottomRaw}, var(${paddingCtrlLgTextTopRaw}))`; +export const gapBetweenCtrlNested = `var(${gapBetweenCtrlNestedRaw}, var(${paddingCtrlToNestedControlRaw}))`; +export const gapBetweenTextSmall = `var(${gapBetweenTextSmallRaw}, var(${gapBetweenContentXxSmallRaw}))`; +export const gapBetweenCtrlLgNested = `var(${gapBetweenCtrlLgNestedRaw}, var(${paddingCtrlLgToNestedControlRaw}))`; +export const gapBetweenTextLarge = `var(${gapBetweenTextLargeRaw}, var(${gapBetweenContentXSmallRaw}))`; +export const gapBetweenCtrlSmNested = `var(${gapBetweenCtrlSmNestedRaw}, var(${paddingCtrlSmToNestedControlRaw}))`; +export const gapBetweenListItem = `var(${gapBetweenListItemRaw}, var(${gapBetweenContentXxSmallRaw}))`; export const gapBetweenCard = `var(${gapBetweenCardRaw}, var(${gapBetweenContentMediumRaw}))`; -export const strokeWidthDividerDefault = `var(${strokeWidthDividerDefaultRaw}, var(${strokewidthDefaultRaw}))`; -export const strokeWidthDividerStrong = `var(${strokeWidthDividerStrongRaw}, var(${strokewidthDefaultRaw}))`; -export const strokeWidthCtrlOutlineRest = `var(${strokeWidthCtrlOutlineRestRaw}, var(${strokewidthDefaultRaw}))`; -export const strokeWidthCtrlOutlineHover = `var(${strokeWidthCtrlOutlineHoverRaw}, var(${strokewidthDefaultRaw}))`; -export const strokeWidthCtrlOutlinePressed = `var(${strokeWidthCtrlOutlinePressedRaw}, var(${strokewidthDefaultRaw}))`; -export const strokeWidthCtrlOutlineSelected = `var(${strokeWidthCtrlOutlineSelectedRaw}, var(${strokewidthDefaultRaw}))`; -export const strokeWidthWindowDefault = `var(${strokeWidthWindowDefaultRaw}, var(${strokewidthDefaultRaw}))`; -export const backgroundToolbar = `var(${backgroundToolbarRaw}, var(${backgroundCardOnprimaryDefaultRestRaw}))`; -export const strokeToolbar = `var(${strokeToolbarRaw}, var(${strokeCardOnprimaryRestRaw}))`; -export const strokeCtrlOnBrandRestStop2 = `var(${strokeCtrlOnBrandRestStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const strokeCtrlOnBrandHoverStop2 = `var(${strokeCtrlOnBrandHoverStop2Raw}, var(${strokeCtrlOnbrandHoverRaw}))`; -export const strokeCtrlOnBrandPressedStop2 = `var(${strokeCtrlOnBrandPressedStop2Raw}, var(${strokeCtrlOnbrandPressedRaw}))`; -export const strokeCtrlOnBrandDisabledStop2 = `var(${strokeCtrlOnBrandDisabledStop2Raw}, var(${strokeCtrlOnbrandDisabledRaw}))`; -export const strokeCtrlOnNeutralRestStop2 = `var(${strokeCtrlOnNeutralRestStop2Raw}, var(${strokeCtrlOnneutralRestRaw}))`; -export const strokeCtrlOnNeutralHoverStop2 = `var(${strokeCtrlOnNeutralHoverStop2Raw}, var(${strokeCtrlOnneutralPressedRaw}))`; -export const strokeCtrlOnNeutralPressedStop2 = `var(${strokeCtrlOnNeutralPressedStop2Raw}, var(${strokeCtrlOnneutralHoverRaw}))`; -export const strokeCtrlOnNeutralDisabledStop2 = `var(${strokeCtrlOnNeutralDisabledStop2Raw}, var(${strokeCtrlOnneutralDisabledRaw}))`; -export const strokeCtrlOnOutlineRestStop2 = `var(${strokeCtrlOnOutlineRestStop2Raw}, var(${strokeCtrlOnoutlineRestRaw}))`; -export const strokeCtrlOnOutlineHoverStop2 = `var(${strokeCtrlOnOutlineHoverStop2Raw}, var(${strokeCtrlOnoutlineHoverRaw}))`; -export const strokeCtrlOnOutlinePressedStop2 = `var(${strokeCtrlOnOutlinePressedStop2Raw}, var(${strokeCtrlOnoutlinePressedRaw}))`; -export const strokeCtrlOnOutlineDisabledStop2 = `var(${strokeCtrlOnOutlineDisabledStop2Raw}, var(${strokeCtrlOnoutlineDisabledRaw}))`; -export const strokeCtrlOnActiveBrandRest = `var(${strokeCtrlOnActiveBrandRestRaw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const strokeCtrlDividerOnBrandDisabled = `var(${strokeCtrlDividerOnBrandDisabledRaw}, var(${strokeCtrlDividerOnbrandRaw}))`; -export const strokeCtrlDividerOnActiveBrand = `var(${strokeCtrlDividerOnActiveBrandRaw}, var(${strokeCtrlDividerOnbrandRaw}))`; -export const strokeCtrlDividerOnActiveBrandDisabled = `var(${strokeCtrlDividerOnActiveBrandDisabledRaw}, var(${strokeCtrlDividerOnbrandRaw}))`; -export const strokeCtrlDividerOnNeutralDisabled = `var(${strokeCtrlDividerOnNeutralDisabledRaw}, var(${strokeCtrlDividerOnneutralRaw}))`; -export const strokeCtrlDividerOnOutlineDisabled = `var(${strokeCtrlDividerOnOutlineDisabledRaw}, var(${strokeCtrlDividerOnoutlineRaw}))`; -export const strokeCtrlOnActiveBrandHover = `var(${strokeCtrlOnActiveBrandHoverRaw}, var(${strokeCtrlOnbrandHoverRaw}))`; -export const strokeCtrlOnActiveBrandPressed = `var(${strokeCtrlOnActiveBrandPressedRaw}, var(${strokeCtrlOnbrandPressedRaw}))`; -export const strokeCtrlOnActiveBrandDisabled = `var(${strokeCtrlOnActiveBrandDisabledRaw}, var(${strokeCtrlOnbrandDisabledRaw}))`; -export const strokeCtrlOnActiveBrandRestStop2 = `var(${strokeCtrlOnActiveBrandRestStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const strokeCtrlOnActiveBrandHoverStop2 = `var(${strokeCtrlOnActiveBrandHoverStop2Raw}, var(${strokeCtrlOnbrandRestRaw}))`; -export const strokeCtrlOnActiveBrandPressedStop2 = `var(${strokeCtrlOnActiveBrandPressedStop2Raw}, var(${strokeCtrlOnbrandPressedRaw}))`; -export const strokeCtrlOnActiveBrandDisabledStop2 = `var(${strokeCtrlOnActiveBrandDisabledStop2Raw}, var(${strokeCtrlOnbrandDisabledRaw}))`; +export const strokeWidthDividerDefault = `var(${strokeWidthDividerDefaultRaw}, var(${strokeWidthDefaultRaw}))`; +export const strokeWidthDividerStrong = `var(${strokeWidthDividerStrongRaw}, var(${strokeWidthDefaultRaw}))`; +export const strokeWidthCtrlOutlineRest = `var(${strokeWidthCtrlOutlineRestRaw}, var(${strokeWidthDefaultRaw}))`; +export const strokeWidthCtrlOutlineHover = `var(${strokeWidthCtrlOutlineHoverRaw}, var(${strokeWidthDefaultRaw}))`; +export const strokeWidthCtrlOutlinePressed = `var(${strokeWidthCtrlOutlinePressedRaw}, var(${strokeWidthDefaultRaw}))`; +export const strokeWidthCtrlOutlineSelected = `var(${strokeWidthCtrlOutlineSelectedRaw}, var(${strokeWidthDefaultRaw}))`; +export const strokeWidthWindowDefault = `var(${strokeWidthWindowDefaultRaw}, var(${strokeWidthDefaultRaw}))`; +export const backgroundToolbar = `var(${backgroundToolbarRaw}, var(${backgroundCardOnPrimaryDefaultRestRaw}))`; +export const strokeToolbar = `var(${strokeToolbarRaw}, var(${strokeCardOnPrimaryRestRaw}))`; +export const strokeCtrlOnBrandRestStop2 = `var(${strokeCtrlOnBrandRestStop2Raw}, var(${strokeCtrlOnBrandRestRaw}))`; +export const strokeCtrlOnBrandHoverStop2 = `var(${strokeCtrlOnBrandHoverStop2Raw}, var(${strokeCtrlOnBrandHoverRaw}))`; +export const strokeCtrlOnBrandPressedStop2 = `var(${strokeCtrlOnBrandPressedStop2Raw}, var(${strokeCtrlOnBrandPressedRaw}))`; +export const strokeCtrlOnBrandDisabledStop2 = `var(${strokeCtrlOnBrandDisabledStop2Raw}, var(${strokeCtrlOnBrandDisabledRaw}))`; +export const strokeCtrlOnNeutralRestStop2 = `var(${strokeCtrlOnNeutralRestStop2Raw}, var(${strokeCtrlOnNeutralRestRaw}))`; +export const strokeCtrlOnNeutralHoverStop2 = `var(${strokeCtrlOnNeutralHoverStop2Raw}, var(${strokeCtrlOnNeutralPressedRaw}))`; +export const strokeCtrlOnNeutralPressedStop2 = `var(${strokeCtrlOnNeutralPressedStop2Raw}, var(${strokeCtrlOnNeutralHoverRaw}))`; +export const strokeCtrlOnNeutralDisabledStop2 = `var(${strokeCtrlOnNeutralDisabledStop2Raw}, var(${strokeCtrlOnNeutralDisabledRaw}))`; +export const strokeCtrlOnOutlineRestStop2 = `var(${strokeCtrlOnOutlineRestStop2Raw}, var(${strokeCtrlOnOutlineRestRaw}))`; +export const strokeCtrlOnOutlineHoverStop2 = `var(${strokeCtrlOnOutlineHoverStop2Raw}, var(${strokeCtrlOnOutlineHoverRaw}))`; +export const strokeCtrlOnOutlinePressedStop2 = `var(${strokeCtrlOnOutlinePressedStop2Raw}, var(${strokeCtrlOnOutlinePressedRaw}))`; +export const strokeCtrlOnOutlineDisabledStop2 = `var(${strokeCtrlOnOutlineDisabledStop2Raw}, var(${strokeCtrlOnOutlineDisabledRaw}))`; +export const strokeCtrlOnActiveBrandRest = `var(${strokeCtrlOnActiveBrandRestRaw}, var(${strokeCtrlOnBrandRestRaw}))`; +export const strokeCtrlDividerOnBrandDisabled = `var(${strokeCtrlDividerOnBrandDisabledRaw}, var(${strokeCtrlDividerOnBrandRaw}))`; +export const strokeCtrlDividerOnActiveBrand = `var(${strokeCtrlDividerOnActiveBrandRaw}, var(${strokeCtrlDividerOnBrandRaw}))`; +export const strokeCtrlDividerOnActiveBrandDisabled = `var(${strokeCtrlDividerOnActiveBrandDisabledRaw}, var(${strokeCtrlDividerOnBrandRaw}))`; +export const strokeCtrlDividerOnNeutralDisabled = `var(${strokeCtrlDividerOnNeutralDisabledRaw}, var(${strokeCtrlDividerOnNeutralRaw}))`; +export const strokeCtrlDividerOnOutlineDisabled = `var(${strokeCtrlDividerOnOutlineDisabledRaw}, var(${strokeCtrlDividerOnOutlineRaw}))`; +export const strokeCtrlOnActiveBrandHover = `var(${strokeCtrlOnActiveBrandHoverRaw}, var(${strokeCtrlOnBrandHoverRaw}))`; +export const strokeCtrlOnActiveBrandPressed = `var(${strokeCtrlOnActiveBrandPressedRaw}, var(${strokeCtrlOnBrandPressedRaw}))`; +export const strokeCtrlOnActiveBrandDisabled = `var(${strokeCtrlOnActiveBrandDisabledRaw}, var(${strokeCtrlOnBrandDisabledRaw}))`; +export const strokeCtrlOnActiveBrandRestStop2 = `var(${strokeCtrlOnActiveBrandRestStop2Raw}, var(${strokeCtrlOnBrandRestRaw}))`; +export const strokeCtrlOnActiveBrandHoverStop2 = `var(${strokeCtrlOnActiveBrandHoverStop2Raw}, var(${strokeCtrlOnBrandRestRaw}))`; +export const strokeCtrlOnActiveBrandPressedStop2 = `var(${strokeCtrlOnActiveBrandPressedStop2Raw}, var(${strokeCtrlOnBrandPressedRaw}))`; +export const strokeCtrlOnActiveBrandDisabledStop2 = `var(${strokeCtrlOnActiveBrandDisabledStop2Raw}, var(${strokeCtrlOnBrandDisabledRaw}))`; export const strokeDividerSubtle = `var(${strokeDividerSubtleRaw}, var(${strokeDividerDefaultRaw}))`; export const strokeDividerStrong = `var(${strokeDividerStrongRaw}, var(${strokeDividerDefaultRaw}))`; export const strokeDividerBrand = `var(${strokeDividerBrandRaw}, var(${backgroundCtrlBrandRestRaw}))`; @@ -431,7 +487,7 @@ export const backgroundLayerPrimaryStop2 = `var(${backgroundLayerPrimaryStop2Raw export const backgroundLayerPrimaryStop3 = `var(${backgroundLayerPrimaryStop3Raw}, var(${backgroundLayerPrimarySolidRaw}))`; export const backgroundLayerSecondary = `var(${backgroundLayerSecondaryRaw}, var(${backgroundLayerPrimarySolidRaw}))`; export const backgroundLayerTertiary = `var(${backgroundLayerTertiaryRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const backgroundCardOnPrimaryDefaultSelected = `var(${backgroundCardOnPrimaryDefaultSelectedRaw}, var(${backgroundCardOnprimaryDefaultRestRaw}))`; +export const backgroundCardOnPrimaryDefaultSelected = `var(${backgroundCardOnPrimaryDefaultSelectedRaw}, var(${backgroundCardOnPrimaryDefaultRestRaw}))`; export const backgroundCtrlActiveBrandRest = `var(${backgroundCtrlActiveBrandRestRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const backgroundCtrlActiveBrandHover = `var(${backgroundCtrlActiveBrandHoverRaw}, var(${backgroundCtrlBrandHoverRaw}))`; export const backgroundCtrlActiveBrandPressed = `var(${backgroundCtrlActiveBrandPressedRaw}, var(${backgroundCtrlBrandPressedRaw}))`; @@ -474,16 +530,16 @@ export const foregroundCtrlIconOnSubtleRest = `var(${foregroundCtrlIconOnSubtleR export const foregroundCtrlIconOnSubtleHover = `var(${foregroundCtrlIconOnSubtleHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; export const foregroundCtrlIconOnSubtlePressed = `var(${foregroundCtrlIconOnSubtlePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; export const foregroundCtrlIconOnSubtleDisabled = `var(${foregroundCtrlIconOnSubtleDisabledRaw}, var(${foregroundCtrlNeutralPrimaryDisabledRaw}))`; -export const foregroundCtrlOnBrandHover = `var(${foregroundCtrlOnBrandHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const foregroundCtrlOnBrandPressed = `var(${foregroundCtrlOnBrandPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const foregroundCtrlOnBrandHover = `var(${foregroundCtrlOnBrandHoverRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; +export const foregroundCtrlOnBrandPressed = `var(${foregroundCtrlOnBrandPressedRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; export const foregroundCtrlActiveBrandRest = `var(${foregroundCtrlActiveBrandRestRaw}, var(${foregroundCtrlBrandRestRaw}))`; export const foregroundCtrlActiveBrandHover = `var(${foregroundCtrlActiveBrandHoverRaw}, var(${foregroundCtrlBrandHoverRaw}))`; export const foregroundCtrlActiveBrandPressed = `var(${foregroundCtrlActiveBrandPressedRaw}, var(${foregroundCtrlBrandPressedRaw}))`; export const foregroundCtrlActiveBrandDisabled = `var(${foregroundCtrlActiveBrandDisabledRaw}, var(${foregroundCtrlBrandDisabledRaw}))`; -export const foregroundCtrlOnActiveBrandRest = `var(${foregroundCtrlOnActiveBrandRestRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const foregroundCtrlOnActiveBrandHover = `var(${foregroundCtrlOnActiveBrandHoverRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const foregroundCtrlOnActiveBrandPressed = `var(${foregroundCtrlOnActiveBrandPressedRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; -export const foregroundCtrlOnActiveBrandDisabled = `var(${foregroundCtrlOnActiveBrandDisabledRaw}, var(${foregroundCtrlOnbrandDisabledRaw}))`; +export const foregroundCtrlOnActiveBrandRest = `var(${foregroundCtrlOnActiveBrandRestRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; +export const foregroundCtrlOnActiveBrandHover = `var(${foregroundCtrlOnActiveBrandHoverRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; +export const foregroundCtrlOnActiveBrandPressed = `var(${foregroundCtrlOnActiveBrandPressedRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; +export const foregroundCtrlOnActiveBrandDisabled = `var(${foregroundCtrlOnActiveBrandDisabledRaw}, var(${foregroundCtrlOnBrandDisabledRaw}))`; export const foregroundCtrlOnOutlineRest = `var(${foregroundCtrlOnOutlineRestRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; export const foregroundCtrlOnOutlineHover = `var(${foregroundCtrlOnOutlineHoverRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; export const foregroundCtrlOnOutlinePressed = `var(${foregroundCtrlOnOutlinePressedRaw}, var(${foregroundCtrlNeutralPrimaryRestRaw}))`; @@ -508,26 +564,26 @@ export const materialMicaDarkerLumBlend = `var(${materialMicaDarkerLumBlendRaw}, export const materialMicaThinSolid = `var(${materialMicaThinSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`; export const materialMicaThinColorBlend = `var(${materialMicaThinColorBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; export const materialMicaThinLumBlend = `var(${materialMicaThinLumBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const iconThemeCtrlDefaultHover = `var(${iconThemeCtrlDefaultHoverRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconThemeCtrlDefaultPressed = `var(${iconThemeCtrlDefaultPressedRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconThemeCtrlSubtleRest = `var(${iconThemeCtrlSubtleRestRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconThemeCtrlSubtleHover = `var(${iconThemeCtrlSubtleHoverRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconThemeCtrlSubtlePressed = `var(${iconThemeCtrlSubtlePressedRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconThemeCtrlSubtleSelected = `var(${iconThemeCtrlSubtleSelectedRaw}, var(${iconthemeCtrlDefaultSelectedRaw}))`; -export const iconThemeCtrlChevronDefault = `var(${iconThemeCtrlChevronDefaultRaw}, var(${iconthemeCtrlDefaultRestRaw}))`; -export const iconThemeCtrlChevronSelected = `var(${iconThemeCtrlChevronSelectedRaw}, var(${iconthemeCtrlDefaultSelectedRaw}))`; +export const iconThemeCtrlDefaultHover = `var(${iconThemeCtrlDefaultHoverRaw}, var(${iconThemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlDefaultPressed = `var(${iconThemeCtrlDefaultPressedRaw}, var(${iconThemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlSubtleRest = `var(${iconThemeCtrlSubtleRestRaw}, var(${iconThemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlSubtleHover = `var(${iconThemeCtrlSubtleHoverRaw}, var(${iconThemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlSubtlePressed = `var(${iconThemeCtrlSubtlePressedRaw}, var(${iconThemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlSubtleSelected = `var(${iconThemeCtrlSubtleSelectedRaw}, var(${iconThemeCtrlDefaultSelectedRaw}))`; +export const iconThemeCtrlChevronDefault = `var(${iconThemeCtrlChevronDefaultRaw}, var(${iconThemeCtrlDefaultRestRaw}))`; +export const iconThemeCtrlChevronSelected = `var(${iconThemeCtrlChevronSelectedRaw}, var(${iconThemeCtrlDefaultSelectedRaw}))`; export const statusBrandBackground = `var(${statusBrandBackgroundRaw}, var(${backgroundCtrlBrandRestRaw}))`; export const statusBrandStroke = `var(${statusBrandStrokeRaw}, var(${backgroundCtrlBrandRestRaw}))`; -export const statusBrandForeground = `var(${statusBrandForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const statusBrandForeground = `var(${statusBrandForegroundRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; export const statusBrandTintForeground = `var(${statusBrandTintForegroundRaw}, var(${foregroundCtrlBrandRestRaw}))`; export const statusDangerStroke = `var(${statusDangerStrokeRaw}, var(${statusDangerBackgroundRaw}))`; -export const statusDangerForeground = `var(${statusDangerForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const statusDangerForeground = `var(${statusDangerForegroundRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; export const statusWarningStroke = `var(${statusWarningStrokeRaw}, var(${statusWarningBackgroundRaw}))`; -export const statusWarningForeground = `var(${statusWarningForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const statusWarningForeground = `var(${statusWarningForegroundRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; export const statusSuccessStroke = `var(${statusSuccessStrokeRaw}, var(${statusSuccessBackgroundRaw}))`; -export const statusSuccessForeground = `var(${statusSuccessForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const statusSuccessForeground = `var(${statusSuccessForegroundRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; export const statusImportantStroke = `var(${statusImportantStrokeRaw}, var(${statusImportantBackgroundRaw}))`; -export const statusImportantForeground = `var(${statusImportantForegroundRaw}, var(${foregroundCtrlOnbrandRestRaw}))`; +export const statusImportantForeground = `var(${statusImportantForegroundRaw}, var(${foregroundCtrlOnBrandRestRaw}))`; export const statusInformativeStroke = `var(${statusInformativeStrokeRaw}, var(${statusInformativeBackgroundRaw}))`; export const statusInformativeForeground = `var(${statusInformativeForegroundRaw}, var(${foregroundCtrlNeutralSecondaryRestRaw}))`; export const statusNeutralStroke = `var(${statusNeutralStrokeRaw}, var(${statusNeutralBackgroundRaw}))`; @@ -537,9 +593,9 @@ export const cornerFlyoutShellRest = `var(${cornerFlyoutShellRestRaw}, var(${cor export const materialAcrylicShellDefaultSolid = `var(${materialAcrylicShellDefaultSolidRaw}, var(${backgroundLayerPrimarySolidRaw}))`; export const materialAcrylicShellDefaultColorBlend = `var(${materialAcrylicShellDefaultColorBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; export const materialAcrylicShellDefaultLumBlend = `var(${materialAcrylicShellDefaultLumBlendRaw}, var(${backgroundLayerPrimarySolidRaw}))`; -export const backgroundCardOnSecondaryDefaultSelected = `var(${backgroundCardOnSecondaryDefaultSelectedRaw}, var(${backgroundCardOnsecondaryDefaultRestRaw}))`; -export const textStyleDefaultDisplayFontFamily = `var(${textStyleDefaultDisplayFontFamilyRaw}, var(${textStyleDefaultRegularFontfamilyRaw}))`; -export const textStyleDefaultDisplayLetterSpacing = `var(${textStyleDefaultDisplayLetterSpacingRaw}, var(${textStyleDefaultRegularLetterspacingRaw}))`; +export const backgroundCardOnSecondaryDefaultSelected = `var(${backgroundCardOnSecondaryDefaultSelectedRaw}, var(${backgroundCardOnSecondaryDefaultRestRaw}))`; +export const textStyleDefaultDisplayFontFamily = `var(${textStyleDefaultDisplayFontFamilyRaw}, var(${textStyleDefaultRegularFontFamilyRaw}))`; +export const textStyleDefaultDisplayLetterSpacing = `var(${textStyleDefaultDisplayLetterSpacingRaw}, var(${textStyleDefaultRegularLetterSpacingRaw}))`; export const shadowCtrlOnDragKey = `var(${shadowCtrlOnDragKeyRaw}, var(${shadowFlyoutKeyRaw}))`; export const shadowCtrlOnDragAmbient = `var(${shadowCtrlOnDragAmbientRaw}, var(${shadowFlyoutAmbientRaw}))`; export const shadowWindowInactiveKey = `var(${shadowWindowInactiveKeyRaw}, var(${shadowWindowActiveKeyRaw}))`; diff --git a/packages/semantic-tokens/utils/toCamelCase.ts b/packages/semantic-tokens/utils/toCamelCase.ts index 86c253287e1fe..9bd0a29ee59da 100644 --- a/packages/semantic-tokens/utils/toCamelCase.ts +++ b/packages/semantic-tokens/utils/toCamelCase.ts @@ -4,10 +4,14 @@ export const toCamelCase = (str: string) => { .map((word: string, index: number) => { // If it is the first word make sure to lowercase all the chars. if (index === 0) { - return word.toLowerCase(); + if (word === 'CTRL' || word === 'STATUS') { + // Special cases where we need to convert to lower case + return word.toLowerCase(); + } + return word; } // If it is not the first word only upper case the first char and lowercase the rest. - return word.charAt(0).toUpperCase() + word.slice(1).toLowerCase(); + return word.charAt(0).toUpperCase() + word.slice(1); }) .join(''); }; From 610342b3bc6b4d0888ec1ed32a47345f1bd2ddbd Mon Sep 17 00:00:00 2001 From: Mitch-At-Work Date: Tue, 13 May 2025 15:00:50 -0700 Subject: [PATCH 3/7] Update link --- .../library/src/components/Link/useLinkStyles.styles.ts | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts b/packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts index 9fca087ca19de..eddcee82d9f0c 100644 --- a/packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts +++ b/packages/react-components/react-link/library/src/components/Link/useLinkStyles.styles.ts @@ -26,15 +26,15 @@ const useStyles = makeStyles({ color: semanticTokens.ctrlLinkForegroundBrandRest, cursor: 'pointer', display: 'inline', - fontFamily: semanticTokens.textStyleDefaultRegularFontfamily, - fontSize: semanticTokens.textGlobalBody3Fontsize, + fontFamily: semanticTokens.textStyleDefaultRegularFontFamily, + fontSize: semanticTokens.textGlobalBody3FontSize, fontWeight: semanticTokens.textStyleDefaultRegularWeight, margin: '0', padding: '0', overflow: 'inherit', textAlign: 'left', textDecorationLine: 'none', - textDecorationThickness: semanticTokens.strokewidthDefault, + textDecorationThickness: semanticTokens.strokeWidthDefault, textOverflow: 'inherit', userSelect: 'text', From 788b36ca8f719dc5f41ec9e88bb729a72d14f7a3 Mon Sep 17 00:00:00 2001 From: Mitch-At-Work Date: Tue, 13 May 2025 15:16:32 -0700 Subject: [PATCH 4/7] Update latest --- packages/semantic-tokens/src/control/tokens.ts | 14 ++++++++++---- .../src/fallback/fluentOverrides.ts | 15 +++++++-------- 2 files changed, 17 insertions(+), 12 deletions(-) diff --git a/packages/semantic-tokens/src/control/tokens.ts b/packages/semantic-tokens/src/control/tokens.ts index 547bbf3f66179..8ac2c4f8d1f3c 100644 --- a/packages/semantic-tokens/src/control/tokens.ts +++ b/packages/semantic-tokens/src/control/tokens.ts @@ -1,5 +1,11 @@ // THIS FILE IS GENERATED AS PART OF THE BUILD PROCESS. DO NOT MANUALLY MODIFY THIS FILE -import { fontWeightRegular, colorNeutralForegroundDisabled } from '../legacy/tokens'; +import { + fontSizeBase300, + fontFamilyBase, + fontWeightRegular, + strokeWidthThin, + colorNeutralForegroundDisabled, +} from '../legacy/tokens'; import { textGlobalDisplay1FontSizeRaw, textGlobalDisplay1LineHeightRaw, @@ -222,13 +228,13 @@ export const textGlobalBody1FontSize = `var(${textGlobalBody1FontSizeRaw})`; export const textGlobalBody1LineHeight = `var(${textGlobalBody1LineHeightRaw})`; export const textGlobalBody2FontSize = `var(${textGlobalBody2FontSizeRaw})`; export const textGlobalBody2LineHeight = `var(${textGlobalBody2LineHeightRaw})`; -export const textGlobalBody3FontSize = `var(${textGlobalBody3FontSizeRaw})`; +export const textGlobalBody3FontSize = `var(${textGlobalBody3FontSizeRaw}, ${fontSizeBase300})`; export const textGlobalBody3LineHeight = `var(${textGlobalBody3LineHeightRaw})`; export const textGlobalCaption1FontSize = `var(${textGlobalCaption1FontSizeRaw})`; export const textGlobalCaption1LineHeight = `var(${textGlobalCaption1LineHeightRaw})`; export const textGlobalCaption2FontSize = `var(${textGlobalCaption2FontSizeRaw})`; export const textGlobalCaption2LineHeight = `var(${textGlobalCaption2LineHeightRaw})`; -export const textStyleDefaultRegularFontFamily = `var(${textStyleDefaultRegularFontFamilyRaw})`; +export const textStyleDefaultRegularFontFamily = `var(${textStyleDefaultRegularFontFamilyRaw}, ${fontFamilyBase})`; export const textStyleDefaultRegularWeight = `var(${textStyleDefaultRegularWeightRaw}, ${fontWeightRegular})`; export const textStyleDefaultRegularLetterSpacing = `var(${textStyleDefaultRegularLetterSpacingRaw})`; export const textStyleDefaultHeaderWeight = `var(${textStyleDefaultHeaderWeightRaw})`; @@ -286,7 +292,7 @@ export const gapInsideCtrlToLabel = `var(${gapInsideCtrlToLabelRaw})`; export const gapInsideCtrlSmToLabel = `var(${gapInsideCtrlSmToLabelRaw})`; export const gapInsideCtrlLgToLabel = `var(${gapInsideCtrlLgToLabelRaw})`; export const cornerCircular = `var(${cornerCircularRaw})`; -export const strokeWidthDefault = `var(${strokeWidthDefaultRaw})`; +export const strokeWidthDefault = `var(${strokeWidthDefaultRaw}, ${strokeWidthThin})`; export const backgroundSmoke = `var(${backgroundSmokeRaw})`; export const strokeCtrlOnOutlineRest = `var(${strokeCtrlOnOutlineRestRaw})`; export const strokeCtrlOnOutlineHover = `var(${strokeCtrlOnOutlineHoverRaw})`; diff --git a/packages/semantic-tokens/src/fallback/fluentOverrides.ts b/packages/semantic-tokens/src/fallback/fluentOverrides.ts index 6248f7d35cbcd..6cbd5793c704d 100644 --- a/packages/semantic-tokens/src/fallback/fluentOverrides.ts +++ b/packages/semantic-tokens/src/fallback/fluentOverrides.ts @@ -12,16 +12,15 @@ export type FluentOverrides = Record; export const fluentOverrides: FluentOverrides = { ctrlFocusOuterStroke: { f2Token: 'colorStrokeFocus2' }, + ctrlLinkForegroundBrandRest: { f2Token: 'colorBrandForegroundLink' }, + textStyleDefaultRegularFontFamily: { f2Token: 'fontFamilyBase' }, + textGlobalBody3FontSize: { f2Token: 'fontSizeBase300' }, + textStyleDefaultRegularWeight: { f2Token: 'fontWeightRegular' }, + strokeWidthDefault: { f2Token: 'strokeWidthThin' }, ctrlLinkForegroundBrandHover: { f2Token: 'colorBrandForegroundLinkHover' }, ctrlLinkForegroundBrandPressed: { f2Token: 'colorBrandForegroundLinkPressed' }, - ctrlLinkForegroundBrandRest: { f2Token: 'colorBrandForegroundLink' }, - ctrlLinkForegroundNeutralHover: { f2Token: 'colorNeutralForeground2Hover' }, - ctrlLinkForegroundNeutralPressed: { f2Token: 'colorNeutralForeground2Pressed' }, ctrlLinkForegroundNeutralRest: { f2Token: 'colorNeutralForeground2' }, + ctrlLinkForegroundNeutralPressed: { f2Token: 'colorNeutralForeground2Pressed' }, + ctrlLinkForegroundNeutralHover: { f2Token: 'colorNeutralForeground2Hover' }, foregroundCtrlNeutralPrimaryDisabled: { f2Token: 'colorNeutralForegroundDisabled' }, - strokewidthDefault: { f2Token: 'strokeWidthThin' }, - textGlobalBody3Fontsize: { f2Token: 'fontSizeBase300' }, - textStyleDefaultRegularFontfamily: { f2Token: 'fontFamilyBase' }, - // textStyleDefaultRegularWeight: { f2Token: 'fontWeightRegular' }, - textStyleDefaultRegularWeight: null, }; From bb9676b585f437da50f94166803933d2c3402f6f Mon Sep 17 00:00:00 2001 From: Mitch-At-Work Date: Tue, 13 May 2025 15:17:07 -0700 Subject: [PATCH 5/7] Lint and update order --- .../src/fallback/fluentOverrides.ts | 14 +++++++------- 1 file changed, 7 insertions(+), 7 deletions(-) diff --git a/packages/semantic-tokens/src/fallback/fluentOverrides.ts b/packages/semantic-tokens/src/fallback/fluentOverrides.ts index 6cbd5793c704d..8b99894366fd7 100644 --- a/packages/semantic-tokens/src/fallback/fluentOverrides.ts +++ b/packages/semantic-tokens/src/fallback/fluentOverrides.ts @@ -12,15 +12,15 @@ export type FluentOverrides = Record; export const fluentOverrides: FluentOverrides = { ctrlFocusOuterStroke: { f2Token: 'colorStrokeFocus2' }, - ctrlLinkForegroundBrandRest: { f2Token: 'colorBrandForegroundLink' }, - textStyleDefaultRegularFontFamily: { f2Token: 'fontFamilyBase' }, - textGlobalBody3FontSize: { f2Token: 'fontSizeBase300' }, - textStyleDefaultRegularWeight: { f2Token: 'fontWeightRegular' }, - strokeWidthDefault: { f2Token: 'strokeWidthThin' }, ctrlLinkForegroundBrandHover: { f2Token: 'colorBrandForegroundLinkHover' }, ctrlLinkForegroundBrandPressed: { f2Token: 'colorBrandForegroundLinkPressed' }, - ctrlLinkForegroundNeutralRest: { f2Token: 'colorNeutralForeground2' }, - ctrlLinkForegroundNeutralPressed: { f2Token: 'colorNeutralForeground2Pressed' }, + ctrlLinkForegroundBrandRest: { f2Token: 'colorBrandForegroundLink' }, ctrlLinkForegroundNeutralHover: { f2Token: 'colorNeutralForeground2Hover' }, + ctrlLinkForegroundNeutralPressed: { f2Token: 'colorNeutralForeground2Pressed' }, + ctrlLinkForegroundNeutralRest: { f2Token: 'colorNeutralForeground2' }, foregroundCtrlNeutralPrimaryDisabled: { f2Token: 'colorNeutralForegroundDisabled' }, + strokeWidthDefault: { f2Token: 'strokeWidthThin' }, + textGlobalBody3FontSize: { f2Token: 'fontSizeBase300' }, + textStyleDefaultRegularFontFamily: { f2Token: 'fontFamilyBase' }, + textStyleDefaultRegularWeight: { f2Token: 'fontWeightRegular' }, }; From b1c4dd17995a8a86745f0942699c3f99a9b1a0e1 Mon Sep 17 00:00:00 2001 From: Mitch-At-Work Date: Tue, 13 May 2025 15:39:32 -0700 Subject: [PATCH 6/7] Update API --- packages/semantic-tokens/etc/semantic-tokens.api.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/packages/semantic-tokens/etc/semantic-tokens.api.md b/packages/semantic-tokens/etc/semantic-tokens.api.md index d1808237bf20a..7d25223a6bb61 100644 --- a/packages/semantic-tokens/etc/semantic-tokens.api.md +++ b/packages/semantic-tokens/etc/semantic-tokens.api.md @@ -4403,7 +4403,7 @@ export const strokeWidthCtrlOutlineSelected = "var(--smtc-stroke-width-ctrl-outl export const strokeWidthCtrlOutlineSelectedRaw = "--smtc-stroke-width-ctrl-outline-selected"; // @public (undocumented) -export const strokeWidthDefault = "var(--smtc-stroke-width-default)"; +export const strokeWidthDefault = "var(--smtc-stroke-width-default, var(--strokeWidthThin))"; // @public (undocumented) export const strokeWidthDefaultRaw = "--smtc-stroke-width-default"; @@ -4487,7 +4487,7 @@ export const textGlobalBody2LineHeight = "var(--smtc-text-global-body2-line-heig export const textGlobalBody2LineHeightRaw = "--smtc-text-global-body2-line-height"; // @public (undocumented) -export const textGlobalBody3FontSize = "var(--smtc-text-global-body3-font-size)"; +export const textGlobalBody3FontSize = "var(--smtc-text-global-body3-font-size, var(--fontSizeBase300))"; // @public (undocumented) export const textGlobalBody3FontSizeRaw = "--smtc-text-global-body3-font-size"; @@ -5093,7 +5093,7 @@ export const textStyleDefaultHeaderWeight = "var(--smtc-text-style-default-heade export const textStyleDefaultHeaderWeightRaw = "--smtc-text-style-default-header-weight"; // @public (undocumented) -export const textStyleDefaultRegularFontFamily = "var(--smtc-text-style-default-regular-font-family)"; +export const textStyleDefaultRegularFontFamily = "var(--smtc-text-style-default-regular-font-family, var(--fontFamilyBase))"; // @public (undocumented) export const textStyleDefaultRegularFontFamilyRaw = "--smtc-text-style-default-regular-font-family"; From e4f5c42695f7b9a8f3d7f410f65786fcd68b6c78 Mon Sep 17 00:00:00 2001 From: Mitch-At-Work Date: Wed, 14 May 2025 10:16:27 -0700 Subject: [PATCH 7/7] Add tests for fluent overrides and new camel case rules --- packages/semantic-tokens/.eslintrc.json | 13 ++++-- .../semantic-tokens/scripts/legacyTokens.ts | 2 +- packages/semantic-tokens/scripts/tokenGen.ts | 4 +- .../src/{fallback => }/fluentOverrides.ts | 0 packages/semantic-tokens/src/legacy/tokens.ts | 44 +++++++++---------- packages/semantic-tokens/tsconfig.spec.json | 4 +- .../utils/fluentOverrides.test.ts | 11 +++++ .../semantic-tokens/utils/toCamelCase.test.ts | 11 ++++- 8 files changed, 59 insertions(+), 30 deletions(-) rename packages/semantic-tokens/src/{fallback => }/fluentOverrides.ts (100%) create mode 100644 packages/semantic-tokens/utils/fluentOverrides.test.ts diff --git a/packages/semantic-tokens/.eslintrc.json b/packages/semantic-tokens/.eslintrc.json index 0b740e9994262..b09f19d3a6b3d 100644 --- a/packages/semantic-tokens/.eslintrc.json +++ b/packages/semantic-tokens/.eslintrc.json @@ -7,7 +7,14 @@ { "patterns": ["react", "react-dom"] } - ], - "sort-keys": ["error"] - } + ] + }, + "overrides": [ + { + "files": ["./src/fluentOverrides.ts"], + "rules": { + "sort-keys": ["error"] + } + } + ] } diff --git a/packages/semantic-tokens/scripts/legacyTokens.ts b/packages/semantic-tokens/scripts/legacyTokens.ts index d113d6a139722..5db8786ede4b9 100644 --- a/packages/semantic-tokens/scripts/legacyTokens.ts +++ b/packages/semantic-tokens/scripts/legacyTokens.ts @@ -3,7 +3,7 @@ import path from 'node:path'; // eslint-disable-next-line no-restricted-imports import * as tokensPackage from '@fluentui/tokens'; -import { fluentOverrides } from '../src/fallback/fluentOverrides'; +import { fluentOverrides } from '../src/fluentOverrides'; import { format } from 'prettier'; const generateLegacyTokens = () => { diff --git a/packages/semantic-tokens/scripts/tokenGen.ts b/packages/semantic-tokens/scripts/tokenGen.ts index 674dc82d925e7..88cfa44f55490 100644 --- a/packages/semantic-tokens/scripts/tokenGen.ts +++ b/packages/semantic-tokens/scripts/tokenGen.ts @@ -3,8 +3,8 @@ * Takes in a Figma token export file and generates token raw strings and CSS Var files */ import tokensJSONRaw from './tokens.json'; -import { fluentOverrides as fluentFallbacksRaw } from '../src/fallback/fluentOverrides'; -import type { FluentOverrideValue, FluentOverrides } from '../src/fallback/fluentOverrides'; +import { fluentOverrides as fluentFallbacksRaw } from '../src/fluentOverrides'; +import type { FluentOverrideValue, FluentOverrides } from '../src/fluentOverrides'; import fs from 'node:fs'; import { Project } from 'ts-morph'; import { format } from 'prettier'; diff --git a/packages/semantic-tokens/src/fallback/fluentOverrides.ts b/packages/semantic-tokens/src/fluentOverrides.ts similarity index 100% rename from packages/semantic-tokens/src/fallback/fluentOverrides.ts rename to packages/semantic-tokens/src/fluentOverrides.ts diff --git a/packages/semantic-tokens/src/legacy/tokens.ts b/packages/semantic-tokens/src/legacy/tokens.ts index d3d7a5ede6886..15c6fe0d50c66 100644 --- a/packages/semantic-tokens/src/legacy/tokens.ts +++ b/packages/semantic-tokens/src/legacy/tokens.ts @@ -5,57 +5,57 @@ */ export const colorStrokeFocus2 = 'var(--colorStrokeFocus2)'; /** - * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLink | `colorBrandForegroundLink`} design token. + * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkHover | `colorBrandForegroundLinkHover`} design token. * @public */ -export const colorBrandForegroundLink = 'var(--colorBrandForegroundLink)'; +export const colorBrandForegroundLinkHover = 'var(--colorBrandForegroundLinkHover)'; /** - * CSS custom property value for the {@link @fluentui/tokens#fontFamilyBase | `fontFamilyBase`} design token. + * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkPressed | `colorBrandForegroundLinkPressed`} design token. * @public */ -export const fontFamilyBase = 'var(--fontFamilyBase)'; +export const colorBrandForegroundLinkPressed = 'var(--colorBrandForegroundLinkPressed)'; /** - * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase300 | `fontSizeBase300`} design token. + * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLink | `colorBrandForegroundLink`} design token. * @public */ -export const fontSizeBase300 = 'var(--fontSizeBase300)'; +export const colorBrandForegroundLink = 'var(--colorBrandForegroundLink)'; /** - * CSS custom property value for the {@link @fluentui/tokens#fontWeightRegular | `fontWeightRegular`} design token. + * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Hover | `colorNeutralForeground2Hover`} design token. * @public */ -export const fontWeightRegular = 'var(--fontWeightRegular)'; +export const colorNeutralForeground2Hover = 'var(--colorNeutralForeground2Hover)'; /** - * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThin | `strokeWidthThin`} design token. + * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Pressed | `colorNeutralForeground2Pressed`} design token. * @public */ -export const strokeWidthThin = 'var(--strokeWidthThin)'; +export const colorNeutralForeground2Pressed = 'var(--colorNeutralForeground2Pressed)'; /** - * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkHover | `colorBrandForegroundLinkHover`} design token. + * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2 | `colorNeutralForeground2`} design token. * @public */ -export const colorBrandForegroundLinkHover = 'var(--colorBrandForegroundLinkHover)'; +export const colorNeutralForeground2 = 'var(--colorNeutralForeground2)'; /** - * CSS custom property value for the {@link @fluentui/tokens#colorBrandForegroundLinkPressed | `colorBrandForegroundLinkPressed`} design token. + * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundDisabled | `colorNeutralForegroundDisabled`} design token. * @public */ -export const colorBrandForegroundLinkPressed = 'var(--colorBrandForegroundLinkPressed)'; +export const colorNeutralForegroundDisabled = 'var(--colorNeutralForegroundDisabled)'; /** - * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2 | `colorNeutralForeground2`} design token. + * CSS custom property value for the {@link @fluentui/tokens#strokeWidthThin | `strokeWidthThin`} design token. * @public */ -export const colorNeutralForeground2 = 'var(--colorNeutralForeground2)'; +export const strokeWidthThin = 'var(--strokeWidthThin)'; /** - * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Pressed | `colorNeutralForeground2Pressed`} design token. + * CSS custom property value for the {@link @fluentui/tokens#fontSizeBase300 | `fontSizeBase300`} design token. * @public */ -export const colorNeutralForeground2Pressed = 'var(--colorNeutralForeground2Pressed)'; +export const fontSizeBase300 = 'var(--fontSizeBase300)'; /** - * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForeground2Hover | `colorNeutralForeground2Hover`} design token. + * CSS custom property value for the {@link @fluentui/tokens#fontFamilyBase | `fontFamilyBase`} design token. * @public */ -export const colorNeutralForeground2Hover = 'var(--colorNeutralForeground2Hover)'; +export const fontFamilyBase = 'var(--fontFamilyBase)'; /** - * CSS custom property value for the {@link @fluentui/tokens#colorNeutralForegroundDisabled | `colorNeutralForegroundDisabled`} design token. + * CSS custom property value for the {@link @fluentui/tokens#fontWeightRegular | `fontWeightRegular`} design token. * @public */ -export const colorNeutralForegroundDisabled = 'var(--colorNeutralForegroundDisabled)'; +export const fontWeightRegular = 'var(--fontWeightRegular)'; diff --git a/packages/semantic-tokens/tsconfig.spec.json b/packages/semantic-tokens/tsconfig.spec.json index 4d20fc98b71dd..b9bbf3e45ca8a 100644 --- a/packages/semantic-tokens/tsconfig.spec.json +++ b/packages/semantic-tokens/tsconfig.spec.json @@ -3,7 +3,9 @@ "compilerOptions": { "module": "CommonJS", "outDir": "dist", - "types": ["jest", "node"] + "types": ["jest", "node"], + "resolveJsonModule": true, + "esModuleInterop": true }, "include": ["**/*.spec.ts", "**/*.test.ts", "**/*.d.ts"] } diff --git a/packages/semantic-tokens/utils/fluentOverrides.test.ts b/packages/semantic-tokens/utils/fluentOverrides.test.ts new file mode 100644 index 0000000000000..a647a085f76fb --- /dev/null +++ b/packages/semantic-tokens/utils/fluentOverrides.test.ts @@ -0,0 +1,11 @@ +import { fluentOverrides } from '../src/fluentOverrides'; +import tokens from '../scripts/tokens.json'; + +describe('Ensure all fluentOverrides are valid tokens', () => { + // We'll use this to catch any breaking changes in tokens.json + it('Splits and camel cases strings separated by forward slash', () => { + Object.keys(fluentOverrides).forEach(fluentOverrideKey => { + expect(tokens[fluentOverrideKey as keyof typeof tokens]).toBeTruthy(); + }); + }); +}); diff --git a/packages/semantic-tokens/utils/toCamelCase.test.ts b/packages/semantic-tokens/utils/toCamelCase.test.ts index 525205aa62319..efda9fb113798 100644 --- a/packages/semantic-tokens/utils/toCamelCase.test.ts +++ b/packages/semantic-tokens/utils/toCamelCase.test.ts @@ -2,7 +2,16 @@ import { toCamelCase } from './toCamelCase'; describe('toCamelCase', () => { it('Splits and camel cases strings separated by forward slash', () => { - // We use path.sep as it is platform dependent expect(toCamelCase('test1/test2/test3')).toMatch('test1Test2Test3'); }); + + it('Handles camelCasing that already exists', () => { + expect(toCamelCase('iconTheme/ctrl/default/rest')).toMatch('iconThemeCtrlDefaultRest'); + expect(toCamelCase('text/style/default/display/fontFamily')).toMatch('textStyleDefaultDisplayFontFamily'); + }); + + it('Handles specific unique variants', () => { + expect(toCamelCase('CTRL/avatar/background')).toMatch('ctrlAvatarBackground'); + expect(toCamelCase('STATUS/brand/background')).toMatch('statusBrandBackground'); + }); });