From 3a961822f3d483e03f78bf89f66d9a159d008504 Mon Sep 17 00:00:00 2001 From: larserbach Date: Tue, 4 Jun 2024 09:37:54 +0200 Subject: [PATCH] fix(ui-library): #971 align casing of tokens (part 1) (#1111) * init * renames blanket and captionGroup * renames captioncomponent -> formcaption * replaces underscrore with hyphens @ formacaption * replace hyphens with underscore * refactor style-dictionary config * fix form-caption index.css * fixes uppercase leftovers * all checbox tokens lower case * fix borderWidth tokenns at checkbox * renames sys sizing tokens to lower case * lowercase Checkbox and formlabel * checkbox size variant to lower case * fix checkbox indes.css * fix form caption group * fix toggle switch and radio * fix forms * fix checkbox size variants in index.ts * refactor sorting json * counter tokens to lower case * counter tokens to lower case * counter tokens to lower case * fix counter index css --- .../config/style-dictionary.config.cjs | 71 +- .../input/tokens/$themes.json | 659 ++++++++-------- .../input/tokens/cmp/color.json | 338 ++++----- .../input/tokens/cmp/sizeVariants.json | 26 +- .../input/tokens/cmp/sizes.json | 716 +++++++++--------- .../input/tokens/cmp/typography.json | 58 +- .../input/tokens/sem/sizes.json | 28 +- .../input/tokens/sys/sizes.json | 4 +- .../src/components/checkbox/index.css.ts | 368 ++++----- .../src/components/checkbox/index.ts | 12 +- .../src/components/counter/index.css.ts | 68 +- .../form-caption-group/index.css.ts | 8 +- .../src/components/form-caption/index.css.ts | 66 +- .../src/components/form-caption/index.ts | 11 +- .../src/components/toggle-switch/index.css.ts | 12 +- .../foundation/component-tokens/radio.css.ts | 78 +- .../foundation/semantic-tokens/form.css.ts | 104 +-- 17 files changed, 1282 insertions(+), 1345 deletions(-) diff --git a/packages/figma-design-tokens/config/style-dictionary.config.cjs b/packages/figma-design-tokens/config/style-dictionary.config.cjs index 5cb1137f9..3726f5678 100644 --- a/packages/figma-design-tokens/config/style-dictionary.config.cjs +++ b/packages/figma-design-tokens/config/style-dictionary.config.cjs @@ -9,36 +9,6 @@ const themes = require('./themes.cjs'); const { registerTransforms } = sdTransforms; registerTransforms(StyleDictionaryPackage); -const semanticTypes = ['buttons', 'selectables', 'forms', 'global', 'ui']; - -const componentTypes = [ - 'ButtonGroup', - 'ButtonText', - 'ButtonIcon', - 'CaptionComponent', - 'CaptionGroup', - 'Checkbox', - 'Counter', - 'Divider', - 'FormLabel', - 'Icon', - 'IconDropdown', - 'InputIcon', - 'InputFieldNumber', - 'InputFieldText', - 'Loader', - 'RadioGroup', - 'Select', - 'Slider', - 'StepperButton', - 'StepperCombo', - 'Radio', - 'TabBar', - 'TextArea', - 'ToggleSwitch', - 'Tooltip', -]; - StyleDictionaryPackage.registerFormat({ name: 'custom/format/semanticTokens', formatter: ({ dictionary, file }) => { @@ -73,41 +43,6 @@ const getStyleDictionaryConfig = (theme) => { 'input/tokens/cmp/*.json', ], platforms: { - /* - scss: { - transforms: [ - 'attribute/cti', - 'name/cti/kebab', - 'transform/resolveMath', - 'transform/size/px', - 'transform/font-to-rem', - ], - prefix: 'blr', - buildPath: '../ui-library/src/foundation/_tokens-generated/', - files: [ - ...types.map((type) => ({ - format: 'css/variables', - destination: `_${kebabCase(type)}.generated.scss`, - filter: (token) => token.attributes.category === 'core' && token.attributes.type === type, - })), - { - format: 'css/variables', - destination: `_color.generated.scss`, - filter: (token) => { - const isCore = token.attributes.category === 'core'; - const isColor = token.attributes.type === 'color'; - - // We want to filter out some base color values that the final colors are made of. - // We don't need them as css variables. - const isLgt = token.attributes.item === 'LGT'; - const isSat = ['HUE', 'SAT'].includes(token.attributes.subitem); - - return isCore && isColor && !isSat && !isLgt; - }, - }, - ], - }, - */ js: { transforms: [ 'attribute/cti', @@ -123,16 +58,14 @@ const getStyleDictionaryConfig = (theme) => { format: 'custom/format/semanticTokens', destination: `__semantic-tokens.${theme}.generated.mjs`, filter: (token) => { - const typeToFilter = semanticTypes; - return typeToFilter.includes(token.attributes.type); + return token.attributes.category === 'sem'; }, }, { format: 'custom/format/componentTokens', destination: `__component-tokens.${theme}.generated.mjs`, filter: (token) => { - const typeToFilter = componentTypes; - return typeToFilter.includes(token.attributes.type) && token.type !== 'componentConfig'; + return token.attributes.category === 'cmp' && token.type !== 'componentConfig'; }, }, { diff --git a/packages/figma-design-tokens/input/tokens/$themes.json b/packages/figma-design-tokens/input/tokens/$themes.json index 01bd24049..399351896 100644 --- a/packages/figma-design-tokens/input/tokens/$themes.json +++ b/packages/figma-design-tokens/input/tokens/$themes.json @@ -19,53 +19,53 @@ "$figmaCollectionId": "VariableCollectionId:11503:9", "$figmaModeId": "11503:0", "$figmaVariableReferences": { - "cmp.Blanket.Surface": "ca5af8a53222228371b057b6116dc8b285ccfa40", - "cmp.CaptionComponent.Text.TextColor.Hint": "b85e716d4018500e2496dc79128d00e2a2a36321", - "cmp.CaptionComponent.Text.TextColor.Error": "82c8255e5463a25e155ef23ba8aec5ccf238be17", - "cmp.CaptionComponent.Icon.IconColor.Hint": "ca099f8159638c0ea86463946a4768257027162e", - "cmp.CaptionComponent.Icon.IconColor.Error": "ea9822d34c77fcb7feb9035893f76cd4612d2da1", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Rest": "25993aa55c90b7487e6aacdc9d060606875aadb8", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Hover": "81d5cdff02cd6948c61d57c509039e2d97090285", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Pressed": "21265db02f23b71542f111bee99522248be4da72", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Focus": "8fa5591bd00571881e2fba29f1d49f0eadb9552a", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Disabled": "57e393cd2060b6ecade7a53da975827acc34711f", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.ReadOnly": "204ccdea5f053d5d396626296ae5134f564d7337", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Error": "605fe0f72752d8507b6f2259f124bb5868c156fc", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Rest": "8ddc297e9dadb770a18fd21405461ba8b65080f6", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Hover": "24a2e749d3a476e070ac4e1800c5be63a8140a37", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Pressed": "44caa7079338b6521f024114131fe47e701b347d", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Focus": "b9d7c25fe30625b32b5dbccc4c157f7d0a2d1f03", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Disabled": "9e12be47421d82054431862c200780d67f6491e5", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.ReadOnly": "a025be2dbfb05101d3d2d77c3c77c34653fd9ad9", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Error": "427752ac4abac94dcfe848233b9df292db7ed124", - "cmp.Checkbox.Control.Container.BorderColor.Active.Rest": "c33fd8c682ffe7b183a38762b46fe678403b9c97", - "cmp.Checkbox.Control.Container.BorderColor.Active.Hover": "e4709d45e576a7146b5d5989f32b0dd609792cfd", - "cmp.Checkbox.Control.Container.BorderColor.Active.Pressed": "6aa7e4dba52383470c6eec22177da39fc287cc7d", - "cmp.Checkbox.Control.Container.BorderColor.Active.Focus": "e8c3bac5e21b9491cfe97c9cf4db578382666873", - "cmp.Checkbox.Control.Container.BorderColor.Active.Disabled": "1689786d03b0fa89a6756be882fab0d13e5c8ce0", - "cmp.Checkbox.Control.Container.BorderColor.Active.ReadOnly": "dbf2d80c05158e69e1a0a72d98509f7e3088603e", - "cmp.Checkbox.Control.Container.BorderColor.Active.Error": "c938a8fcfb5b919953074abf20332aac3a9f06cf", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Rest": "b038ffb65eb3155e61f485d9c2fa07a85c557bab", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Hover": "b1d30c36a7502febfb1de4a00d76e4a3cbeb130e", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Pressed": "f5316aadb125a64b88bc23248d5199ad18401320", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Focus": "67032d48a945169dd9c9791e27517147ef7935f4", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Disabled": "ce566d8441b07209a7131d4037fcc2f357f79375", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.ReadOnly": "d7fc8bf5f88059578f2bfaf33e6c55ac2fd54857", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Error": "b61f3fdc0b817fa7d1a167069cd4e35853abe686", - "cmp.Checkbox.Control.Icon.IconColor.Active.Rest": "ef706d41827a7fb8cd2877ebd65c13b9f50c7bce", - "cmp.Checkbox.Control.Icon.IconColor.Active.Hover": "5210555a36e59938c9c55977b471cce00d9b23d0", - "cmp.Checkbox.Control.Icon.IconColor.Active.Pressed": "bf89baec602c698ad90b384c8a126dc723962928", - "cmp.Checkbox.Control.Icon.IconColor.Active.Focus": "e5ebd50cfb1e2977380f82730eb1bac950b6e60e", - "cmp.Checkbox.Control.Icon.IconColor.Active.Disabled": "22932118e8ec332acf73c92081762249bcb81b8a", - "cmp.Checkbox.Control.Icon.IconColor.Active.ReadOnly": "d5f810c22a50cfe133f266c8b912af0f3a1a30f8", - "cmp.Checkbox.Control.Icon.IconColor.Active.Error": "cc5c8e03818ec7cd1d67a8d7a2a29362b2762c14", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Rest": "ce7f9e14fef5d7a9408b62d845e61656cd2b573e", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Hover": "f878a1ad6536ea22429e7f0755f1c61b07a0e87a", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Pressed": "fbbe7e3ad41f3c8b58638404a854229da3029473", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Focus": "553ad92139bc8e7ee342855b9ff6bbe0a124dfdd", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Disabled": "18a5b36bc8b2502e7592e28ae7c12081cb3141d0", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.ReadOnly": "2cb7472c78fc51bd4e9c6038b26d1900de15ef3f", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Error": "4680f99c3af96e12b68c68a28acc39eb4ac397c7", + "cmp.blanket.surface": "ca5af8a53222228371b057b6116dc8b285ccfa40", + "cmp.formcaption.text.textcolor.hint": "b85e716d4018500e2496dc79128d00e2a2a36321", + "cmp.formcaption.text.textcolor.error": "82c8255e5463a25e155ef23ba8aec5ccf238be17", + "cmp.formcaption.icon.iconcolor.hint": "ca099f8159638c0ea86463946a4768257027162e", + "cmp.formcaption.icon.iconcolor.error": "ea9822d34c77fcb7feb9035893f76cd4612d2da1", + "cmp.checkbox.control.container.backgroundcolor.active.rest": "6490f67705ce9a0c20e642730981814d1c6fbd7b", + "cmp.checkbox.control.container.backgroundcolor.active.hover": "8062c555b49776d00ed3c8c7d97b15bfe3d19124", + "cmp.checkbox.control.container.backgroundcolor.active.pressed": "fbc9b60723c7c5cc5af400bb00cd5d8426859cb8", + "cmp.checkbox.control.container.backgroundcolor.active.focus": "2b9ecbbf8b2bc9bb6f75bf2b6e386ebb3c956316", + "cmp.checkbox.control.container.backgroundcolor.active.disabled": "c1216a282cea70a6b164a72270edee99d3847594", + "cmp.checkbox.control.container.backgroundcolor.active.readonly": "2c2cce4e8b761f3c3762ba497bd1b1d2578ede17", + "cmp.checkbox.control.container.backgroundcolor.active.error": "e9db6e6841d102dc0ed807f2cd3649a3db670a04", + "cmp.checkbox.control.container.backgroundcolor.inactive.rest": "2e1abe8048a5e456250542d6589ac881b407db8a", + "cmp.checkbox.control.container.backgroundcolor.inactive.hover": "5fb8b2c247981e1316621369904e03eea683ac70", + "cmp.checkbox.control.container.backgroundcolor.inactive.pressed": "356e0f1c54384687a19384ddf734078604dd11ed", + "cmp.checkbox.control.container.backgroundcolor.inactive.focus": "f302b4e8cd156d804d4580b09ea6df51873e9afe", + "cmp.checkbox.control.container.backgroundcolor.inactive.disabled": "159a1b89852d87c1b37b029fb093d4f39a3c73d1", + "cmp.checkbox.control.container.backgroundcolor.inactive.readonly": "01daeef4e25bf904b09caeac3f42880f492e7022", + "cmp.checkbox.control.container.backgroundcolor.inactive.error": "e7f68f6c58ce0166dc0a291e7850d0b97e5eadad", + "cmp.checkbox.control.container.bordercolor.active.rest": "fbf5e0c7e8bbfe912c5c723f5615e24be92a7f8c", + "cmp.checkbox.control.container.bordercolor.active.hover": "49824290d5a89565073d4623f865615c2369091f", + "cmp.checkbox.control.container.bordercolor.active.pressed": "b05510b9e0c03c2bc47d0d15ad430dc22f1f3b08", + "cmp.checkbox.control.container.bordercolor.active.focus": "63e851ec95550751566bedae5519e37453386ea0", + "cmp.checkbox.control.container.bordercolor.active.disabled": "e9801a4188edf45efa3854d17429932161efef11", + "cmp.checkbox.control.container.bordercolor.active.readonly": "b479800e1e71864ad51a60e2ec1ec4e1df060baa", + "cmp.checkbox.control.container.bordercolor.active.error": "029c4efd5645b4f3239670e505426f80498156d5", + "cmp.checkbox.control.container.bordercolor.inactive.rest": "e82cc460ac6a1c05113b97d66fd5d46bbd0c5708", + "cmp.checkbox.control.container.bordercolor.inactive.hover": "a9fdd5a352237b4dbdda20d83aab00904d6947d7", + "cmp.checkbox.control.container.bordercolor.inactive.pressed": "077547ea35024a82f3850fab1896ef0a04af7d22", + "cmp.checkbox.control.container.bordercolor.inactive.focus": "4f5f38695ebc8ce24e2f3671ba02b1432eb42acf", + "cmp.checkbox.control.container.bordercolor.inactive.disabled": "5b10bde831f65354c7c640e1b32314e32f527d8a", + "cmp.checkbox.control.container.bordercolor.inactive.readonly": "929dbd9107c5fb9448102ce89f127c4ad03ee7a3", + "cmp.checkbox.control.container.bordercolor.inactive.error": "7b7ef981d732edd7798fb82029bf7805e65392f8", + "cmp.checkbox.control.icon.iconcolor.active.rest": "fed3c4bff6b4c8d3a3be297aa4f727ef8c0868a8", + "cmp.checkbox.control.icon.iconcolor.active.hover": "6d8e7743af82c3059935f971eca0f5a28134827b", + "cmp.checkbox.control.icon.iconcolor.active.pressed": "92101fdd917778862354811b8e8dfe97129d6e34", + "cmp.checkbox.control.icon.iconcolor.active.focus": "31fa005150cff7d9f25ab8f76a919d579db7bca7", + "cmp.checkbox.control.icon.iconcolor.active.disabled": "d8db7552eac1fba82c6a054b6705adb2c367ee50", + "cmp.checkbox.control.icon.iconcolor.active.readonly": "532528b3329a2ed923db689db37b21f220167b23", + "cmp.checkbox.control.icon.iconcolor.active.error": "e5fe435183798dd3196cb4a28c31750b5ac799e7", + "cmp.checkbox.control.icon.iconcolor.inactive.rest": "d05caac5d9505d4a05e28da47a5163a8a4a9ec4e", + "cmp.checkbox.control.icon.iconcolor.inactive.hover": "ebe64683d6e569c100a2b20a360ff287431ec04d", + "cmp.checkbox.control.icon.iconcolor.inactive.pressed": "07e22d66b8313f833f0038d2fb940ed35e070a90", + "cmp.checkbox.control.icon.iconcolor.inactive.focus": "e4f4ad9e3b643b5d7936f0115ba8dc1dd9d0bc8b", + "cmp.checkbox.control.icon.iconcolor.inactive.disabled": "d45666444a2c33e01a4f1bd184a5ccae87edd235", + "cmp.checkbox.control.icon.iconcolor.inactive.readonly": "94cb011c330984fcb00734a9e3cf04d73899fac7", + "cmp.checkbox.control.icon.iconcolor.inactive.error": "20b61e0680f450113b111d91f9010d152f9aae25", "cmp.Counter.Container.BorderColor.Neutral": "cef671f77b73d2c525e90131fed65f3608e43615", "cmp.Counter.Container.BorderColor.Warning": "d68709a285b75ae06e0a03f8bb372d52ef24043b", "cmp.Counter.Container.BorderColor.Error": "f415245f9f30be0a6ad69377d66fc31ca36875be", @@ -79,27 +79,27 @@ "cmp.Dialog.ContentSection.Text.TextColor": "ae7e263c6720bc4d4fb65c68e0c69ce7e611b958", "cmp.Dialog.HeaderSection.Headline.TextColor": "02d413c99e3198c3b7ed76b6fa212ba4c6b28bab", "cmp.Divider.Container.BackgroundColor": "98d6350665e81cca466200680678f68d2fef4e83", - "cmp.FormLabel.Label.TextColor.Rest": "5e289b3064b8318d1d9789f10385ba8558945a3a", - "cmp.FormLabel.Label.TextColor.Hover": "174b37870578b531c8730bd1c27dd8f9797a1140", - "cmp.FormLabel.Label.TextColor.Pressed": "957268a5ffe81f7ef16f503607025903ae5410a8", - "cmp.FormLabel.Label.TextColor.Focus": "3c4d26163545b1e9549121775bd6f0652dca3a87", - "cmp.FormLabel.Label.TextColor.Disabled": "1abadb8104bcc3e1f7fae7ebc3b05e8ac11d0feb", - "cmp.FormLabel.Label.TextColor.ReadOnly": "b33ef1d9c4568a59d02526a71c083b03dbc40f4a", - "cmp.FormLabel.Label.TextColor.Error": "b7d60384e89dd31dd773e0ae70bbdbb2dac31ac3", - "cmp.FormLabel.LabelAppendix.TextColor.Rest": "5a51fe364eda2765aa1b06085078090675bff5b7", - "cmp.FormLabel.LabelAppendix.TextColor.Hover": "5b34e0c7e6a815aafa1dc36eb6f34beb7bc0d245", - "cmp.FormLabel.LabelAppendix.TextColor.Pressed": "7014a6b5c4c35bda767d78df6d619ab60fc6b1b9", - "cmp.FormLabel.LabelAppendix.TextColor.Focus": "77f8af3deec8d50058cb2f305fd2a0e872cc8e87", - "cmp.FormLabel.LabelAppendix.TextColor.Disabled": "21c9ac659c6d292b981c40591b4b36aecc7355db", - "cmp.FormLabel.LabelAppendix.TextColor.ReadOnly": "c656c5dd2296cb1775a4ae86515e63d90698821f", - "cmp.FormLabel.LabelAppendix.TextColor.Error": "6cd10c11cfda08b2d592871017da39acee5966b8", - "cmp.FormLabel.InlineLabel.TextColor.Rest": "4fcd580c894f61f1799367fd2e99f23a8191ff20", - "cmp.FormLabel.InlineLabel.TextColor.Hover": "085f2aef3ae137d98d7ef12f2f529b256c7cbd94", - "cmp.FormLabel.InlineLabel.TextColor.Pressed": "bab1df93a71b4c2c123f28abd4f5ef3901bd6e0f", - "cmp.FormLabel.InlineLabel.TextColor.Focus": "c99ab8d2997c7ebcb455643bc10db394db645550", - "cmp.FormLabel.InlineLabel.TextColor.Disabled": "ac1cc8ed9643ad5f4fa5f3b3693f368f54655ad5", - "cmp.FormLabel.InlineLabel.TextColor.ReadOnly": "b4207ce3c099c1c83ce689eb7f9aec01de450a2f", - "cmp.FormLabel.InlineLabel.TextColor.Error": "60b48d324ed0d86477b76f77e6897f53ec8e90b5", + "cmp.formlabel.label.textcolor.rest": "fb4b5f3b5a7d3d796acce13e00839dbdfd5f7569", + "cmp.formlabel.label.textcolor.hover": "32a12dcc840dae077cb27c78b15b0bbe9f0ddc2a", + "cmp.formlabel.label.textcolor.pressed": "3ec0a7dd29e40d2b107b9066a559d6ab5c944c11", + "cmp.formlabel.label.textcolor.focus": "9a42665d2f36e4467b57cf4e10065d28b3c724d7", + "cmp.formlabel.label.textcolor.disabled": "90a80da140b8d4ad95a87e00757360c35a9e3adc", + "cmp.formlabel.label.textcolor.readonly": "dda5c1153f1ad999f2aee4899696ac45e4430e09", + "cmp.formlabel.label.textcolor.error": "276e1c27ce3b9ffadd41f7ef58882bc8cd3fbf6b", + "cmp.formlabel.labelappendix.textcolor.rest": "61ce251b749d40b3fec9da1d848d5deb02c03ee3", + "cmp.formlabel.labelappendix.textcolor.hover": "3b1f778804314b8d5c3f8652e54fc5816555bf72", + "cmp.formlabel.labelappendix.textcolor.pressed": "70a0d1bd78e480b1a4fa30e0b685f7cb5e7bfe20", + "cmp.formlabel.labelappendix.textcolor.focus": "1055190d8e11fdf20d555287a499bb617b0d800f", + "cmp.formlabel.labelappendix.textcolor.disabled": "62bfad23387e9779c92dd49e188bd3164d928ff8", + "cmp.formlabel.labelappendix.textcolor.readonly": "2560be24e78c8f46fef2592e10109cfe76e32add", + "cmp.formlabel.labelappendix.textcolor.error": "afe4e96ba4a29e4b44195f64e37619abb6692d72", + "cmp.formlabel.inlinelabel.textcolor.rest": "c89ca25c68cb287008f0cd9cad3fe70c5f756fd7", + "cmp.formlabel.inlinelabel.textcolor.hover": "8bb4ca216cb5ce89c585682887353a25b0fb91af", + "cmp.formlabel.inlinelabel.textcolor.pressed": "d28d6e54aad4a5ac1846d596afb7a045dfd970c8", + "cmp.formlabel.inlinelabel.textcolor.focus": "a5cbcf452ddd7b13a017975980725e22d975fdf8", + "cmp.formlabel.inlinelabel.textcolor.disabled": "3eb82fa421b02800f647bdc9267c79c31354387f", + "cmp.formlabel.inlinelabel.textcolor.readonly": "5644222f1761f6cfde22b36774c77fd132c7dccb", + "cmp.formlabel.inlinelabel.textcolor.error": "5801850d8aea45508d500ebfed60eb515113b070", "cmp.Loader.Background.BorderColor.Default": "1665cad16463a4c2464c028aadf12d62ae031e8a", "cmp.Loader.Background.BorderColor.Inverted": "e3e7db96b17a0af68f18fc5bf9e330fc7d4c9240", "cmp.Loader.Foreground.BorderColor.Default": "8f18f3faf266613992f58a37fc45562edc33b9e8", @@ -853,53 +853,53 @@ "$figmaCollectionId": "VariableCollectionId:11503:9", "$figmaModeId": "11503:1", "$figmaVariableReferences": { - "cmp.Blanket.Surface": "ca5af8a53222228371b057b6116dc8b285ccfa40", - "cmp.CaptionComponent.Text.TextColor.Hint": "b85e716d4018500e2496dc79128d00e2a2a36321", - "cmp.CaptionComponent.Text.TextColor.Error": "82c8255e5463a25e155ef23ba8aec5ccf238be17", - "cmp.CaptionComponent.Icon.IconColor.Hint": "ca099f8159638c0ea86463946a4768257027162e", - "cmp.CaptionComponent.Icon.IconColor.Error": "ea9822d34c77fcb7feb9035893f76cd4612d2da1", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Rest": "25993aa55c90b7487e6aacdc9d060606875aadb8", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Hover": "81d5cdff02cd6948c61d57c509039e2d97090285", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Pressed": "21265db02f23b71542f111bee99522248be4da72", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Focus": "8fa5591bd00571881e2fba29f1d49f0eadb9552a", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Disabled": "57e393cd2060b6ecade7a53da975827acc34711f", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.ReadOnly": "204ccdea5f053d5d396626296ae5134f564d7337", - "cmp.Checkbox.Control.Container.BackgroundColor.Active.Error": "605fe0f72752d8507b6f2259f124bb5868c156fc", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Rest": "8ddc297e9dadb770a18fd21405461ba8b65080f6", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Hover": "24a2e749d3a476e070ac4e1800c5be63a8140a37", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Pressed": "44caa7079338b6521f024114131fe47e701b347d", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Focus": "b9d7c25fe30625b32b5dbccc4c157f7d0a2d1f03", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Disabled": "9e12be47421d82054431862c200780d67f6491e5", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.ReadOnly": "a025be2dbfb05101d3d2d77c3c77c34653fd9ad9", - "cmp.Checkbox.Control.Container.BackgroundColor.Inactive.Error": "427752ac4abac94dcfe848233b9df292db7ed124", - "cmp.Checkbox.Control.Container.BorderColor.Active.Rest": "c33fd8c682ffe7b183a38762b46fe678403b9c97", - "cmp.Checkbox.Control.Container.BorderColor.Active.Hover": "e4709d45e576a7146b5d5989f32b0dd609792cfd", - "cmp.Checkbox.Control.Container.BorderColor.Active.Pressed": "6aa7e4dba52383470c6eec22177da39fc287cc7d", - "cmp.Checkbox.Control.Container.BorderColor.Active.Focus": "e8c3bac5e21b9491cfe97c9cf4db578382666873", - "cmp.Checkbox.Control.Container.BorderColor.Active.Disabled": "1689786d03b0fa89a6756be882fab0d13e5c8ce0", - "cmp.Checkbox.Control.Container.BorderColor.Active.ReadOnly": "dbf2d80c05158e69e1a0a72d98509f7e3088603e", - "cmp.Checkbox.Control.Container.BorderColor.Active.Error": "c938a8fcfb5b919953074abf20332aac3a9f06cf", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Rest": "b038ffb65eb3155e61f485d9c2fa07a85c557bab", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Hover": "b1d30c36a7502febfb1de4a00d76e4a3cbeb130e", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Pressed": "f5316aadb125a64b88bc23248d5199ad18401320", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Focus": "67032d48a945169dd9c9791e27517147ef7935f4", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Disabled": "ce566d8441b07209a7131d4037fcc2f357f79375", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.ReadOnly": "d7fc8bf5f88059578f2bfaf33e6c55ac2fd54857", - "cmp.Checkbox.Control.Container.BorderColor.Inactive.Error": "b61f3fdc0b817fa7d1a167069cd4e35853abe686", - "cmp.Checkbox.Control.Icon.IconColor.Active.Rest": "ef706d41827a7fb8cd2877ebd65c13b9f50c7bce", - "cmp.Checkbox.Control.Icon.IconColor.Active.Hover": "5210555a36e59938c9c55977b471cce00d9b23d0", - "cmp.Checkbox.Control.Icon.IconColor.Active.Pressed": "bf89baec602c698ad90b384c8a126dc723962928", - "cmp.Checkbox.Control.Icon.IconColor.Active.Focus": "e5ebd50cfb1e2977380f82730eb1bac950b6e60e", - "cmp.Checkbox.Control.Icon.IconColor.Active.Disabled": "22932118e8ec332acf73c92081762249bcb81b8a", - "cmp.Checkbox.Control.Icon.IconColor.Active.ReadOnly": "d5f810c22a50cfe133f266c8b912af0f3a1a30f8", - "cmp.Checkbox.Control.Icon.IconColor.Active.Error": "cc5c8e03818ec7cd1d67a8d7a2a29362b2762c14", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Rest": "ce7f9e14fef5d7a9408b62d845e61656cd2b573e", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Hover": "f878a1ad6536ea22429e7f0755f1c61b07a0e87a", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Pressed": "fbbe7e3ad41f3c8b58638404a854229da3029473", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Focus": "553ad92139bc8e7ee342855b9ff6bbe0a124dfdd", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Disabled": "18a5b36bc8b2502e7592e28ae7c12081cb3141d0", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.ReadOnly": "2cb7472c78fc51bd4e9c6038b26d1900de15ef3f", - "cmp.Checkbox.Control.Icon.IconColor.Inactive.Error": "4680f99c3af96e12b68c68a28acc39eb4ac397c7", + "cmp.blanket.surface": "ca5af8a53222228371b057b6116dc8b285ccfa40", + "cmp.formcaption.text.textcolor.hint": "b85e716d4018500e2496dc79128d00e2a2a36321", + "cmp.formcaption.text.textcolor.error": "82c8255e5463a25e155ef23ba8aec5ccf238be17", + "cmp.formcaption.icon.iconcolor.hint": "ca099f8159638c0ea86463946a4768257027162e", + "cmp.formcaption.icon.iconcolor.error": "ea9822d34c77fcb7feb9035893f76cd4612d2da1", + "cmp.checkbox.control.container.backgroundcolor.active.rest": "6490f67705ce9a0c20e642730981814d1c6fbd7b", + "cmp.checkbox.control.container.backgroundcolor.active.hover": "8062c555b49776d00ed3c8c7d97b15bfe3d19124", + "cmp.checkbox.control.container.backgroundcolor.active.pressed": "fbc9b60723c7c5cc5af400bb00cd5d8426859cb8", + "cmp.checkbox.control.container.backgroundcolor.active.focus": "2b9ecbbf8b2bc9bb6f75bf2b6e386ebb3c956316", + "cmp.checkbox.control.container.backgroundcolor.active.disabled": "c1216a282cea70a6b164a72270edee99d3847594", + "cmp.checkbox.control.container.backgroundcolor.active.readonly": "2c2cce4e8b761f3c3762ba497bd1b1d2578ede17", + "cmp.checkbox.control.container.backgroundcolor.active.error": "e9db6e6841d102dc0ed807f2cd3649a3db670a04", + "cmp.checkbox.control.container.backgroundcolor.inactive.rest": "2e1abe8048a5e456250542d6589ac881b407db8a", + "cmp.checkbox.control.container.backgroundcolor.inactive.hover": "5fb8b2c247981e1316621369904e03eea683ac70", + "cmp.checkbox.control.container.backgroundcolor.inactive.pressed": "356e0f1c54384687a19384ddf734078604dd11ed", + "cmp.checkbox.control.container.backgroundcolor.inactive.focus": "f302b4e8cd156d804d4580b09ea6df51873e9afe", + "cmp.checkbox.control.container.backgroundcolor.inactive.disabled": "159a1b89852d87c1b37b029fb093d4f39a3c73d1", + "cmp.checkbox.control.container.backgroundcolor.inactive.readonly": "01daeef4e25bf904b09caeac3f42880f492e7022", + "cmp.checkbox.control.container.backgroundcolor.inactive.error": "e7f68f6c58ce0166dc0a291e7850d0b97e5eadad", + "cmp.checkbox.control.container.bordercolor.active.rest": "fbf5e0c7e8bbfe912c5c723f5615e24be92a7f8c", + "cmp.checkbox.control.container.bordercolor.active.hover": "49824290d5a89565073d4623f865615c2369091f", + "cmp.checkbox.control.container.bordercolor.active.pressed": "b05510b9e0c03c2bc47d0d15ad430dc22f1f3b08", + "cmp.checkbox.control.container.bordercolor.active.focus": "63e851ec95550751566bedae5519e37453386ea0", + "cmp.checkbox.control.container.bordercolor.active.disabled": "e9801a4188edf45efa3854d17429932161efef11", + "cmp.checkbox.control.container.bordercolor.active.readonly": "b479800e1e71864ad51a60e2ec1ec4e1df060baa", + "cmp.checkbox.control.container.bordercolor.active.error": "029c4efd5645b4f3239670e505426f80498156d5", + "cmp.checkbox.control.container.bordercolor.inactive.rest": "e82cc460ac6a1c05113b97d66fd5d46bbd0c5708", + "cmp.checkbox.control.container.bordercolor.inactive.hover": "a9fdd5a352237b4dbdda20d83aab00904d6947d7", + "cmp.checkbox.control.container.bordercolor.inactive.pressed": "077547ea35024a82f3850fab1896ef0a04af7d22", + "cmp.checkbox.control.container.bordercolor.inactive.focus": "4f5f38695ebc8ce24e2f3671ba02b1432eb42acf", + "cmp.checkbox.control.container.bordercolor.inactive.disabled": "5b10bde831f65354c7c640e1b32314e32f527d8a", + "cmp.checkbox.control.container.bordercolor.inactive.readonly": "929dbd9107c5fb9448102ce89f127c4ad03ee7a3", + "cmp.checkbox.control.container.bordercolor.inactive.error": "7b7ef981d732edd7798fb82029bf7805e65392f8", + "cmp.checkbox.control.icon.iconcolor.active.rest": "fed3c4bff6b4c8d3a3be297aa4f727ef8c0868a8", + "cmp.checkbox.control.icon.iconcolor.active.hover": "6d8e7743af82c3059935f971eca0f5a28134827b", + "cmp.checkbox.control.icon.iconcolor.active.pressed": "92101fdd917778862354811b8e8dfe97129d6e34", + "cmp.checkbox.control.icon.iconcolor.active.focus": "31fa005150cff7d9f25ab8f76a919d579db7bca7", + "cmp.checkbox.control.icon.iconcolor.active.disabled": "d8db7552eac1fba82c6a054b6705adb2c367ee50", + "cmp.checkbox.control.icon.iconcolor.active.readonly": "532528b3329a2ed923db689db37b21f220167b23", + "cmp.checkbox.control.icon.iconcolor.active.error": "e5fe435183798dd3196cb4a28c31750b5ac799e7", + "cmp.checkbox.control.icon.iconcolor.inactive.rest": "d05caac5d9505d4a05e28da47a5163a8a4a9ec4e", + "cmp.checkbox.control.icon.iconcolor.inactive.hover": "ebe64683d6e569c100a2b20a360ff287431ec04d", + "cmp.checkbox.control.icon.iconcolor.inactive.pressed": "07e22d66b8313f833f0038d2fb940ed35e070a90", + "cmp.checkbox.control.icon.iconcolor.inactive.focus": "e4f4ad9e3b643b5d7936f0115ba8dc1dd9d0bc8b", + "cmp.checkbox.control.icon.iconcolor.inactive.disabled": "d45666444a2c33e01a4f1bd184a5ccae87edd235", + "cmp.checkbox.control.icon.iconcolor.inactive.readonly": "94cb011c330984fcb00734a9e3cf04d73899fac7", + "cmp.checkbox.control.icon.iconcolor.inactive.error": "20b61e0680f450113b111d91f9010d152f9aae25", "cmp.Counter.Container.BorderColor.Neutral": "cef671f77b73d2c525e90131fed65f3608e43615", "cmp.Counter.Container.BorderColor.Warning": "d68709a285b75ae06e0a03f8bb372d52ef24043b", "cmp.Counter.Container.BorderColor.Error": "f415245f9f30be0a6ad69377d66fc31ca36875be", @@ -913,27 +913,27 @@ "cmp.Dialog.ContentSection.Text.TextColor": "ae7e263c6720bc4d4fb65c68e0c69ce7e611b958", "cmp.Dialog.HeaderSection.Headline.TextColor": "02d413c99e3198c3b7ed76b6fa212ba4c6b28bab", "cmp.Divider.Container.BackgroundColor": "98d6350665e81cca466200680678f68d2fef4e83", - "cmp.FormLabel.Label.TextColor.Rest": "5e289b3064b8318d1d9789f10385ba8558945a3a", - "cmp.FormLabel.Label.TextColor.Hover": "174b37870578b531c8730bd1c27dd8f9797a1140", - "cmp.FormLabel.Label.TextColor.Pressed": "957268a5ffe81f7ef16f503607025903ae5410a8", - "cmp.FormLabel.Label.TextColor.Focus": "3c4d26163545b1e9549121775bd6f0652dca3a87", - "cmp.FormLabel.Label.TextColor.Disabled": "1abadb8104bcc3e1f7fae7ebc3b05e8ac11d0feb", - "cmp.FormLabel.Label.TextColor.ReadOnly": "b33ef1d9c4568a59d02526a71c083b03dbc40f4a", - "cmp.FormLabel.Label.TextColor.Error": "b7d60384e89dd31dd773e0ae70bbdbb2dac31ac3", - "cmp.FormLabel.LabelAppendix.TextColor.Rest": "5a51fe364eda2765aa1b06085078090675bff5b7", - "cmp.FormLabel.LabelAppendix.TextColor.Hover": "5b34e0c7e6a815aafa1dc36eb6f34beb7bc0d245", - "cmp.FormLabel.LabelAppendix.TextColor.Pressed": "7014a6b5c4c35bda767d78df6d619ab60fc6b1b9", - "cmp.FormLabel.LabelAppendix.TextColor.Focus": "77f8af3deec8d50058cb2f305fd2a0e872cc8e87", - "cmp.FormLabel.LabelAppendix.TextColor.Disabled": "21c9ac659c6d292b981c40591b4b36aecc7355db", - "cmp.FormLabel.LabelAppendix.TextColor.ReadOnly": "c656c5dd2296cb1775a4ae86515e63d90698821f", - "cmp.FormLabel.LabelAppendix.TextColor.Error": "6cd10c11cfda08b2d592871017da39acee5966b8", - "cmp.FormLabel.InlineLabel.TextColor.Rest": "4fcd580c894f61f1799367fd2e99f23a8191ff20", - "cmp.FormLabel.InlineLabel.TextColor.Hover": "085f2aef3ae137d98d7ef12f2f529b256c7cbd94", - "cmp.FormLabel.InlineLabel.TextColor.Pressed": "bab1df93a71b4c2c123f28abd4f5ef3901bd6e0f", - "cmp.FormLabel.InlineLabel.TextColor.Focus": "c99ab8d2997c7ebcb455643bc10db394db645550", - "cmp.FormLabel.InlineLabel.TextColor.Disabled": "ac1cc8ed9643ad5f4fa5f3b3693f368f54655ad5", - "cmp.FormLabel.InlineLabel.TextColor.ReadOnly": "b4207ce3c099c1c83ce689eb7f9aec01de450a2f", - "cmp.FormLabel.InlineLabel.TextColor.Error": "60b48d324ed0d86477b76f77e6897f53ec8e90b5", + "cmp.formlabel.label.textcolor.rest": "fb4b5f3b5a7d3d796acce13e00839dbdfd5f7569", + "cmp.formlabel.label.textcolor.hover": "32a12dcc840dae077cb27c78b15b0bbe9f0ddc2a", + "cmp.formlabel.label.textcolor.pressed": "3ec0a7dd29e40d2b107b9066a559d6ab5c944c11", + "cmp.formlabel.label.textcolor.focus": "9a42665d2f36e4467b57cf4e10065d28b3c724d7", + "cmp.formlabel.label.textcolor.disabled": "90a80da140b8d4ad95a87e00757360c35a9e3adc", + "cmp.formlabel.label.textcolor.readonly": "dda5c1153f1ad999f2aee4899696ac45e4430e09", + "cmp.formlabel.label.textcolor.error": "276e1c27ce3b9ffadd41f7ef58882bc8cd3fbf6b", + "cmp.formlabel.labelappendix.textcolor.rest": "61ce251b749d40b3fec9da1d848d5deb02c03ee3", + "cmp.formlabel.labelappendix.textcolor.hover": "3b1f778804314b8d5c3f8652e54fc5816555bf72", + "cmp.formlabel.labelappendix.textcolor.pressed": "70a0d1bd78e480b1a4fa30e0b685f7cb5e7bfe20", + "cmp.formlabel.labelappendix.textcolor.focus": "1055190d8e11fdf20d555287a499bb617b0d800f", + "cmp.formlabel.labelappendix.textcolor.disabled": "62bfad23387e9779c92dd49e188bd3164d928ff8", + "cmp.formlabel.labelappendix.textcolor.readonly": "2560be24e78c8f46fef2592e10109cfe76e32add", + "cmp.formlabel.labelappendix.textcolor.error": "afe4e96ba4a29e4b44195f64e37619abb6692d72", + "cmp.formlabel.inlinelabel.textcolor.rest": "c89ca25c68cb287008f0cd9cad3fe70c5f756fd7", + "cmp.formlabel.inlinelabel.textcolor.hover": "8bb4ca216cb5ce89c585682887353a25b0fb91af", + "cmp.formlabel.inlinelabel.textcolor.pressed": "d28d6e54aad4a5ac1846d596afb7a045dfd970c8", + "cmp.formlabel.inlinelabel.textcolor.focus": "a5cbcf452ddd7b13a017975980725e22d975fdf8", + "cmp.formlabel.inlinelabel.textcolor.disabled": "3eb82fa421b02800f647bdc9267c79c31354387f", + "cmp.formlabel.inlinelabel.textcolor.readonly": "5644222f1761f6cfde22b36774c77fd132c7dccb", + "cmp.formlabel.inlinelabel.textcolor.error": "5801850d8aea45508d500ebfed60eb515113b070", "cmp.Loader.Background.BorderColor.Default": "1665cad16463a4c2464c028aadf12d62ae031e8a", "cmp.Loader.Background.BorderColor.Inverted": "e3e7db96b17a0af68f18fc5bf9e330fc7d4c9240", "cmp.Loader.Foreground.BorderColor.Default": "8f18f3faf266613992f58a37fc45562edc33b9e8", @@ -1667,9 +1667,6 @@ "id": "b07e96f1ef3870c8e6f85d889a92f6908c3f5f0d", "name": "value", "$figmaStyleReferences": { - "cmp.CaptionComponent.Text.Typography.SM": "S:63c035e882899fe3e7c697c7cbdc2223894e4b49,", - "cmp.CaptionComponent.Text.Typography.MD": "S:90360115da0093bc918aefc51c34aa0835d90237,", - "cmp.CaptionComponent.Text.Typography.LG": "S:b7b6cd4b61af705e86b58eb43090f895189f66cf,", "cmp.Counter.Text.Typography.SM": "S:76601739478383963bdfbd1a5f255c54b49357a5,", "cmp.Counter.Text.Typography.MD": "S:03fa6f7184b3cdf608c5a7eef40ba8eda69865a9,", "cmp.Counter.Text.Typography.LG": "S:c1098014b2a357592a787e3198b0cdab661d07f3,", @@ -1678,15 +1675,6 @@ "cmp.Fieldset.Legend.SM": "S:96cabd5286d02a330c6b36a86dc43f94ff5c6ea9,", "cmp.Fieldset.Legend.MD": "S:40ac7647ac2934a03b12124318e5b70f5087da1a,", "cmp.Fieldset.Legend.LG": "S:77ff26bc0dfd4d0545baae21b1936e5f7bd9c076,", - "cmp.FormLabel.Label.Typography.SM": "S:2f0fc76b6a3fb73540f371779f2b6fba29f1cafd,", - "cmp.FormLabel.Label.Typography.MD": "S:b564811d22000df761a8331cf2631b7e82e40cdd,", - "cmp.FormLabel.Label.Typography.LG": "S:f48da8e1fdba37d279c23c6b3c81c33ff45347c4,", - "cmp.FormLabel.LabelAppendix.Typography.SM": "S:9842ed3cfd28f7297aac7f0d5439cb166e943585,", - "cmp.FormLabel.LabelAppendix.Typography.MD": "S:e134ba6ab111ed60f8594540b93203e92aee1006,", - "cmp.FormLabel.LabelAppendix.Typography.LG": "S:e957a21ed340c38472a6f83b17b3812d39cd66f9,", - "cmp.FormLabel.InlineLabel.Typography.SM": "S:35637dfbc6ae44d0b7ed3253745bbbbd86023b79,", - "cmp.FormLabel.InlineLabel.Typography.MD": "S:a3a3090e1eb82b98e4cb5b296c8d1dfffcbfcc29,", - "cmp.FormLabel.InlineLabel.Typography.LG": "S:20b089ce32fbc3218a71270094b3c71fbc445f7f,", "cmp.Menu.MenuItem.ItemLabel.Typography": "S:50a080f6f698c7ad3bdc47c1a3a1676a218ac144,", "cmp.Menu.MenuItem.ItemDescription.Typography": "S:30da0e719a89fdc904bd00bf00b72690e9739019,", "cmp.Menu.MenuSection.SectionTitle.Typography": "S:884b4ac2b2a11dc668fb779b7d832633077f378e,", @@ -1731,7 +1719,19 @@ "sem.ui.paragraph.s_100.strong": "S:9ff200d679c9dba6f94359a95d24f5cf57e53fec,", "sem.ui.caption.s_100": "S:7faa6c6f08b310e1146dddd0fe41701cc951a967,", "sem.ui.caption.s_300": "S:842e61cf2f0b8338e02cb6d27d2730b86056b5cf,", - "sem.ui.caption.s_200": "S:737fa989b45901c07e7665cde68634db2dcee991," + "sem.ui.caption.s_200": "S:737fa989b45901c07e7665cde68634db2dcee991,", + "cmp.formcaption.text.typography.sm": "S:63c035e882899fe3e7c697c7cbdc2223894e4b49,", + "cmp.formcaption.text.typography.md": "S:90360115da0093bc918aefc51c34aa0835d90237,", + "cmp.formcaption.text.typography.lg": "S:b7b6cd4b61af705e86b58eb43090f895189f66cf,", + "cmp.formlabel.label.typography.sm": "S:2f0fc76b6a3fb73540f371779f2b6fba29f1cafd,", + "cmp.formlabel.label.typography.md": "S:b564811d22000df761a8331cf2631b7e82e40cdd,", + "cmp.formlabel.label.typography.lg": "S:f48da8e1fdba37d279c23c6b3c81c33ff45347c4,", + "cmp.formlabel.labelappendix.typography.sm": "S:9842ed3cfd28f7297aac7f0d5439cb166e943585,", + "cmp.formlabel.labelappendix.typography.md": "S:e134ba6ab111ed60f8594540b93203e92aee1006,", + "cmp.formlabel.labelappendix.typography.lg": "S:e957a21ed340c38472a6f83b17b3812d39cd66f9,", + "cmp.formlabel.inlinelabel.typography.sm": "S:35637dfbc6ae44d0b7ed3253745bbbbd86023b79,", + "cmp.formlabel.inlinelabel.typography.md": "S:a3a3090e1eb82b98e4cb5b296c8d1dfffcbfcc29,", + "cmp.formlabel.inlinelabel.typography.lg": "S:20b089ce32fbc3218a71270094b3c71fbc445f7f," }, "selectedTokenSets": { "cmp/sizes": "enabled", @@ -1750,111 +1750,111 @@ "cmp.ButtonGroup.Container.ItemSpacing.MD": "99390d9d8ae6a1f2d35a71b2919867f8200463d7", "cmp.ButtonGroup.Container.ItemSpacing.LG": "cf3bf38bacc894e0492680aa9f12749275ba4d57", "cmp.ButtonGroup.Container.ItemSpacing.XL": "2141efd097c525fa2333a2469ad2523e768deea9", - "cmp.CaptionComponent.Container.ItemSpacing.SM": "e8a2c7762a52fd003dbe2d98cf46bab8fe3ee2dd", - "cmp.CaptionComponent.Container.ItemSpacing.MD": "f5fa197e88585238b847a3263595b1eb8cdc3dc4", - "cmp.CaptionComponent.Container.ItemSpacing.LG": "c56732e63f2375468085f905a66174e5311834f5", - "cmp.CaptionComponent.Container.Padding_H.SM": "7a6bea8d292bd6b30f54dd7ab9d468507d965800", - "cmp.CaptionComponent.Container.Padding_H.MD": "08f5a67f4ca902582e0f1fbb7f73059434f03038", - "cmp.CaptionComponent.Container.Padding_H.LG": "f08ee1aa3edf71ec259a640df13df52a6258be96", - "cmp.CaptionComponent.Container.Padding_V.SM": "38e20e897a1846571e950bc6078b8ebfcad43a9e", - "cmp.CaptionComponent.Container.Padding_V.MD": "b2cb61c415722e9a27f57de93b79ceb6b71d7110", - "cmp.CaptionComponent.Container.Padding_V.LG": "4a93a6a3271a926362ab01f15f7cb9a60a403d7e", - "cmp.CaptionComponent.IconWrapper.PaddingTop.SM": "a649d69af6196794ad782ec7a917c2da575f1620", - "cmp.CaptionComponent.IconWrapper.PaddingTop.MD": "c73949c906fe3138dd635f091869ecf801313321", - "cmp.CaptionComponent.IconWrapper.PaddingTop.LG": "be343b1767fd5470bd97a4e463266ad6abd8bf89", - "cmp.CaptionComponent.Icon.IconSize.SM": "337e0018cdfcf5ba9629c0bc6633c3c5bba65854", - "cmp.CaptionComponent.Icon.IconSize.MD": "f6464cecee9c132f98041bf4d2aac93d73db5faa", - "cmp.CaptionComponent.Icon.IconSize.LG": "36712b62029e97b32edc3ee6a1251fba73f702ed", - "cmp.CaptionComponent.TextWrapper.Padding_H.SM": "81bc6ca288c0c412629173a725fd2181fb553e9e", - "cmp.CaptionComponent.TextWrapper.Padding_H.MD": "64f894465088f6f12a69b7c1e0d2f550a2d3790b", - "cmp.CaptionComponent.TextWrapper.Padding_H.LG": "7cd4baefc35eedb0b330e1f629b1275ac42021d7", - "cmp.CaptionComponent.TextWrapper.Padding_V.SM": "5f5e0a53a014ec040e6d9db71c3465c6ae69bcc5", - "cmp.CaptionComponent.TextWrapper.Padding_V.MD": "87897013715be4ea4e650493b0665a9574f05a6d", - "cmp.CaptionComponent.TextWrapper.Padding_V.LG": "952b713ff608c457fbc57e7d844b01693f147388", - "cmp.CaptionGroup.Container.ItemSpacing.SM": "203d382a3ef572f3f16a03a20f6dffad1f0c0a93", - "cmp.CaptionGroup.Container.ItemSpacing.MD": "48a2587c53e3748a707110c994cb9ef49cc0840d", - "cmp.CaptionGroup.Container.ItemSpacing.LG": "fd15ac160fb01b9bef02c4577a179af934ccbc7c", - "cmp.Checkbox.ContentCol.ItemSpacing.SM": "93b3dc9c6c3197d038fbb440f257520373c084f4", - "cmp.Checkbox.ContentCol.ItemSpacing.MD": "a6c337062ce72d0ac52d1b967a1bb36d24a62b39", - "cmp.Checkbox.ContentCol.ItemSpacing.LG": "9aff73ce2af47b2fba89079926fd9000c21bbcac", - "cmp.Checkbox.ContentCol.PaddingTop.SM": "56c6e9ce344203b81edb5867cb30b1347efb3615", - "cmp.Checkbox.ContentCol.PaddingTop.MD": "2b79e5806e011ee14fcaf8fd5e480d2a5f0a5303", - "cmp.Checkbox.ContentCol.PaddingTop.LG": "7357177d27235cb824dffb7d9ece61eadc096508", - "cmp.Checkbox.ContentRow.ItemSpacing.SM": "29f4f24359badd86d2cbdf47366d1e415fb4c96c", - "cmp.Checkbox.ContentRow.ItemSpacing.MD": "e66af145885459325a92178b13f24fda08131fcc", - "cmp.Checkbox.ContentRow.ItemSpacing.LG": "3702274333e884f93e2f38d6681dac8b31a4317d", - "cmp.Checkbox.ControlWrapper.PaddingTop.SM": "91df23b8608af3acb16f2950b2a6a3fd9c8cd5bb", - "cmp.Checkbox.ControlWrapper.PaddingTop.MD": "232ec2efd33f4577b53f33ec87b55837137d7183", - "cmp.Checkbox.ControlWrapper.PaddingTop.LG": "1852af65a19fa1cc2834dbfedbae090d2abc0bd2", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Rest": "2cf311fb058abb20e2f62e496ea173f37f087257", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Hover": "f52cac9f5ac538327b3b47654b92b1c10a8b1e03", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Pressed": "103b33b5cf95fb7cf4f219b38a84bbf55cd3e742", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Focus": "d29af11d1db8bcf0d388105e4a84abf97b9352a4", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Disabled": "4d3816563c8d1d6673dac04c4643ec1645ac4fb2", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Active.ReadOnly": "881d3233fdcbb58bc8bac4a440bf3d196c2187be", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Error": "61d2cc112730f9a305a052e05bde51d21a4d8374", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Rest": "cb2ec7a057119895e22fcaf0da9a63a053d6364e", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Hover": "29a607b9f2592077e9fda1e0d37c9f47d77eb5ee", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Pressed": "33cfa0e9e5fb9eea7f1cfdefb4f1f352c39a60bf", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Focus": "fdde5e04a604592b6018ad0eda8c2c34f074afd9", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Disabled": "392554ffe26e5d2b5cff23b13d975270bc25121d", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.ReadOnly": "93f0e931d2c80384af97e93c80a670034a12de44", - "cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Error": "2521c26e979e9c9285b2eac5f40e447f36ad3fb2", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Rest": "0b29790a01e7ec667255266af14a1fc1bf105971", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Hover": "be224707076174e6cec91771b79f56e374b3abc1", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Pressed": "71ec712ae6f7ea49ba5356279991a18d53ab541f", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Focus": "111b0d4cb72e54d7e87619f73354a4b973a0826b", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Disabled": "bcb5167781c82b0db037a7718a044a73777f12a9", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Active.ReadOnly": "d21e4efb8204f3a87e49e01af69713ea429d3f28", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Error": "0bf6be78078424f72dac60eb98baa197e8e7f302", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Rest": "1645f5916ed9925638070a993570853e0847b3a2", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Hover": "2af1ba3a1da3db5ca65bab3c582abd5521e0a323", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Pressed": "f73aa5c6ab44dedae346733025da927462881bc2", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Focus": "2ee0654d1c8d39ac3614acfb413b1a7c64bb8c6e", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Disabled": "9045a7fcbc3da1e8e27c8e1a5faf8130592795f5", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.ReadOnly": "32a6d53e59215582eec3cd0c1cfb9d8dc97e7fd2", - "cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Error": "0657f11f7f5cb7a5d217c01a3050229207acf150", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Rest": "24b9b1adb9062e6d94212c51b3d62cdc4cd89236", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Hover": "e58450f8db70064d7adfbfddbd8641e2f36dace0", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Pressed": "f4a58bd2982faf47bdfe21fe5fd51615beedaf10", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Focus": "78efca385b4dcb4e70895a90bd828c0f6c6ffde3", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Disabled": "699863e38fbfc0790546aa93ffc1a68783b987ef", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Active.ReadOnly": "3990cbdcc0b9301f5143b7d9981998cc5a4cc635", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Error": "6383963aee09ca38d26fb75be85a0d74b752ac6d", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Rest": "60386aee645be3226d3c9050b7dfcc7be4af0ee5", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Hover": "f27f9ba3a19448d83b033860dadb5d2c19804fdc", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Pressed": "f396f922b264bc8f97f9c35b9b9eec448850d52e", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Focus": "0b17b24cdfabbb5b6250242c40f1c503729e3873", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Disabled": "80df1fa316ed77afa1a16d9ae8aec954fcb96643", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.ReadOnly": "de23bcf5686bab1061df59647eb66185cd021c37", - "cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Error": "3fb37072758d622f143e0772ea265bcf05bc462c", - "cmp.Checkbox.Control.Container.BorderRadius.SM": "6ce07d24a4aa1c37c70fc9042182a4cdb3b094de", - "cmp.Checkbox.Control.Container.BorderRadius.MD": "97b55730432a4d6da82be8faf6a1a16f9d85f6db", - "cmp.Checkbox.Control.Container.BorderRadius.LG": "7593b6a8f39e8457feb5f55ef804f9066e16cedf", - "cmp.Checkbox.Control.Container.Size.SM": "80449dca4ecf83050aff9c77c18dd89ba813c72a", - "cmp.Checkbox.Control.Container.Size.MD": "b14750fd4727d2ccd10181597b4313fa3164c369", - "cmp.Checkbox.Control.Container.Size.LG": "e205c46ae9214973f5bc495555560eeccec9e6df", - "cmp.Checkbox.Control.Icon.IconSize.SM.Rest": "88e9acb2b53a4a6230d23189f36089a41dc05fe3", - "cmp.Checkbox.Control.Icon.IconSize.SM.Hover": "d719c5f105f5458663de3d20432e053ef05611ba", - "cmp.Checkbox.Control.Icon.IconSize.SM.Pressed": "b4a46a4243e6761ac2d1b957bc6308b696fb15da", - "cmp.Checkbox.Control.Icon.IconSize.SM.Focus": "2e0c5a825c2806fdd0d1599c907f386b05647f98", - "cmp.Checkbox.Control.Icon.IconSize.SM.Disabled": "97d6b1fd43ab6da5f185a5e3f9cd300da3a58a48", - "cmp.Checkbox.Control.Icon.IconSize.SM.ReadOnly": "636b81d8fb65171f5cfe6cc998c23fa14c48afd9", - "cmp.Checkbox.Control.Icon.IconSize.SM.Error": "bab5375849c97e371d2004bfde8d456753622480", - "cmp.Checkbox.Control.Icon.IconSize.MD.Rest": "59d840ff7d75ec6e7a492f7829abb5ab58c79181", - "cmp.Checkbox.Control.Icon.IconSize.MD.Hover": "cbd772ab3c14c26997d2d25dee04125623c359e5", - "cmp.Checkbox.Control.Icon.IconSize.MD.Pressed": "569cae3944962addb0ef10b1682e4393cb531089", - "cmp.Checkbox.Control.Icon.IconSize.MD.Focus": "9d802f8be9385f4849a4319883ff78022aaadbfc", - "cmp.Checkbox.Control.Icon.IconSize.MD.Disabled": "094c8e852d920a4f7b22c9f4f7817ee9c55203d1", - "cmp.Checkbox.Control.Icon.IconSize.MD.ReadOnly": "5de017c87c32190a4e1faa0710927fae36b0eec2", - "cmp.Checkbox.Control.Icon.IconSize.MD.Error": "8ed5afd9fdbe3ade25176a01899c9ace71371387", - "cmp.Checkbox.Control.Icon.IconSize.LG.Rest": "0f888958600fb25a61b7f5637b31571736d48fd8", - "cmp.Checkbox.Control.Icon.IconSize.LG.Hover": "a3046cc5048d88bb003990f167fef4244d267cf0", - "cmp.Checkbox.Control.Icon.IconSize.LG.Pressed": "78df44fd8af0a2ccb0f5ac3fa411825f2c61d81e", - "cmp.Checkbox.Control.Icon.IconSize.LG.Focus": "7192bf54df67bd484a8d8fe78ad491d960a53b0e", - "cmp.Checkbox.Control.Icon.IconSize.LG.Disabled": "a68656c158f2a50f0800efb059535c80fd6872fb", - "cmp.Checkbox.Control.Icon.IconSize.LG.ReadOnly": "4ddfb04640e2c84f107d0b6b814eaafbf658bd86", - "cmp.Checkbox.Control.Icon.IconSize.LG.Error": "4b1751e65e32aa9dd59d2b2471bb84e5c23f1dd4", + "cmp.formcaption.container.itemspacing.sm": "e8a2c7762a52fd003dbe2d98cf46bab8fe3ee2dd", + "cmp.formcaption.container.itemspacing.md": "f5fa197e88585238b847a3263595b1eb8cdc3dc4", + "cmp.formcaption.container.itemspacing.lg": "c56732e63f2375468085f905a66174e5311834f5", + "cmp.formcaption.container.padding_h.sm": "7a6bea8d292bd6b30f54dd7ab9d468507d965800", + "cmp.formcaption.container.padding_h.md": "08f5a67f4ca902582e0f1fbb7f73059434f03038", + "cmp.formcaption.container.padding_h.lg": "f08ee1aa3edf71ec259a640df13df52a6258be96", + "cmp.formcaption.container.padding_v.sm": "38e20e897a1846571e950bc6078b8ebfcad43a9e", + "cmp.formcaption.container.padding_v.md": "b2cb61c415722e9a27f57de93b79ceb6b71d7110", + "cmp.formcaption.container.padding_v.lg": "4a93a6a3271a926362ab01f15f7cb9a60a403d7e", + "cmp.formcaption.iconwrapper.paddingtop.sm": "a649d69af6196794ad782ec7a917c2da575f1620", + "cmp.formcaption.iconwrapper.paddingtop.md": "c73949c906fe3138dd635f091869ecf801313321", + "cmp.formcaption.iconwrapper.paddingtop.lg": "548662d80105c7047493f0e058679b7198114961", + "cmp.formcaption.icon.iconsize.sm": "337e0018cdfcf5ba9629c0bc6633c3c5bba65854", + "cmp.formcaption.icon.iconsize.md": "f6464cecee9c132f98041bf4d2aac93d73db5faa", + "cmp.formcaption.icon.iconsize.lg": "36712b62029e97b32edc3ee6a1251fba73f702ed", + "cmp.formcaption.textwrapper.padding_h.sm": "81bc6ca288c0c412629173a725fd2181fb553e9e", + "cmp.formcaption.textwrapper.padding_h.md": "64f894465088f6f12a69b7c1e0d2f550a2d3790b", + "cmp.formcaption.textwrapper.padding_h.lg": "7cd4baefc35eedb0b330e1f629b1275ac42021d7", + "cmp.formcaption.textwrapper.padding_v.sm": "5f5e0a53a014ec040e6d9db71c3465c6ae69bcc5", + "cmp.formcaption.textwrapper.padding_v.md": "87897013715be4ea4e650493b0665a9574f05a6d", + "cmp.formcaption.textwrapper.padding_v.lg": "952b713ff608c457fbc57e7d844b01693f147388", + "cmp.captiongroup.container.itemspacing.sm": "203d382a3ef572f3f16a03a20f6dffad1f0c0a93", + "cmp.captiongroup.container.itemspacing.md": "48a2587c53e3748a707110c994cb9ef49cc0840d", + "cmp.captiongroup.container.itemspacing.lg": "fd15ac160fb01b9bef02c4577a179af934ccbc7c", + "cmp.checkbox.contentcol.itemspacing.sm": "851d938f430c39edace9b4bcd80da1c959866afc", + "cmp.checkbox.contentcol.itemspacing.md": "237ac2c1c09a8466a6f0b386fbbf54aeb5c7e559", + "cmp.checkbox.contentcol.itemspacing.lg": "9413897ffa0ffc0e0daa732d824a704da5ab1bd5", + "cmp.checkbox.contentcol.paddingtop.sm": "f9a9ec5a78470c1646fc943761437c51a079466d", + "cmp.checkbox.contentcol.paddingtop.md": "12fe41d906afd555e1eada8ba23bb107944dc363", + "cmp.checkbox.contentcol.paddingtop.lg": "91cbe9eeb97bf4c1b7076de72ffd7624d9ac691a", + "cmp.checkbox.contentrow.itemspacing.sm": "29f4f24359badd86d2cbdf47366d1e415fb4c96c", + "cmp.checkbox.contentrow.itemspacing.md": "e66af145885459325a92178b13f24fda08131fcc", + "cmp.checkbox.contentrow.itemspacing.lg": "3702274333e884f93e2f38d6681dac8b31a4317d", + "cmp.checkbox.controlwrapper.paddingtop.sm": "91df23b8608af3acb16f2950b2a6a3fd9c8cd5bb", + "cmp.checkbox.controlwrapper.paddingtop.md": "232ec2efd33f4577b53f33ec87b55837137d7183", + "cmp.checkbox.controlwrapper.paddingtop.lg": "1852af65a19fa1cc2834dbfedbae090d2abc0bd2", + "cmp.checkbox.control.container.borderwidth.sm.active.rest": "1d77d08b22b2418d090cbffc84dec5154033096e", + "cmp.checkbox.control.container.borderwidth.sm.active.hover": "1e97386621d851c3ab3ea13cb556c23b89dca6f5", + "cmp.checkbox.control.container.borderwidth.sm.active.pressed": "6f56a5c1c19fd86765e26309b453a03400039ee0", + "cmp.checkbox.control.container.borderwidth.sm.active.focus": "f70893c8954e350fd76b7862229f8fcf6d274652", + "cmp.checkbox.control.container.borderwidth.sm.active.disabled": "c52ec4934e04bcca9aa205cae81752b2fe7d50e7", + "cmp.checkbox.control.container.borderwidth.sm.active.readonly": "b708c9085dac85e5e7f6c8fc3f1348dae658610d", + "cmp.checkbox.control.container.borderwidth.sm.active.error": "c19a5f94faec84947aed6eebf32cb4db3a255389", + "cmp.checkbox.control.container.borderwidth.sm.inactive.rest": "553cf81e2e1c39964400a364a4b30a38f8e3b5d2", + "cmp.checkbox.control.container.borderwidth.sm.inactive.hover": "b6a35f2f60252c1a3386c8d9aec1fae3a0691a6e", + "cmp.checkbox.control.container.borderwidth.sm.inactive.pressed": "5cd17aee0c460a58e9ef7ede6a8047c89a9d0473", + "cmp.checkbox.control.container.borderwidth.sm.inactive.focus": "6866e4e77d3645ca9ea8c6ac4b1b88451b6bff85", + "cmp.checkbox.control.container.borderwidth.sm.inactive.disabled": "ea0b6bfd193bd99e45036fff2e4f193298454203", + "cmp.checkbox.control.container.borderwidth.sm.inactive.readonly": "a38ae59089564edd98d66467174a5d3c24ec374a", + "cmp.checkbox.control.container.borderwidth.sm.inactive.error": "af36a558db5ba6741b25371f6b604e0dbda7bd26", + "cmp.checkbox.control.container.borderwidth.md.active.rest": "6910b083ae8b7a6ea63c70e18e37c53dadf399b8", + "cmp.checkbox.control.container.borderwidth.md.active.hover": "2dbcddddd80da8f147e4f03c70217a4299b7749c", + "cmp.checkbox.control.container.borderwidth.md.active.pressed": "b61b942b2b619c86466d05f7cca705a6a982ad58", + "cmp.checkbox.control.container.borderwidth.md.active.focus": "873d1e6da7f9140312e77d9147f02eb14f9a3376", + "cmp.checkbox.control.container.borderwidth.md.active.disabled": "e7a8c9a9af8226caa76bc7a8eadc54bdce559315", + "cmp.checkbox.control.container.borderwidth.md.active.readonly": "e4fdb733803b4bbfe3b187898d0df7dfb78423da", + "cmp.checkbox.control.container.borderwidth.md.active.error": "5616862beea91bed6b4146cf05bf931abfa5489e", + "cmp.checkbox.control.container.borderwidth.md.inactive.rest": "aca36a5952db7e314125d0b877529894bfcabe4a", + "cmp.checkbox.control.container.borderwidth.md.inactive.hover": "05a2cde4392068bf853426e5785f12c7347006be", + "cmp.checkbox.control.container.borderwidth.md.inactive.pressed": "a82add4b00bf518a61ddc237e3d80e838c9894e7", + "cmp.checkbox.control.container.borderwidth.md.inactive.focus": "ac73f7ebcd09dbbbe60e4a3bc738348330b49304", + "cmp.checkbox.control.container.borderwidth.md.inactive.disabled": "b1b4c48151d8c03099e0fa17fe97ccff7f8043bf", + "cmp.checkbox.control.container.borderwidth.md.inactive.readonly": "601bef69e5f1a9e6f218589e7f8d66d41276826d", + "cmp.checkbox.control.container.borderwidth.md.inactive.error": "924ad36e8791939bfc458a6265ee2372cc6feacc", + "cmp.checkbox.control.container.borderwidth.lg.active.rest": "5e181d5ab259dfcef830bce9904336ca8c01314a", + "cmp.checkbox.control.container.borderwidth.lg.active.hover": "890e2887297fcc9ce71de514a2d3cac1c1809a0c", + "cmp.checkbox.control.container.borderwidth.lg.active.pressed": "0d2e358de04bc3c3c89b88220a11f62a922b2df1", + "cmp.checkbox.control.container.borderwidth.lg.active.focus": "eaccdf3f25f5fc97d76f27cab9c085748ee384c9", + "cmp.checkbox.control.container.borderwidth.lg.active.disabled": "03ad6e6d514b01fb9f3e07ce41d63327d3a001e9", + "cmp.checkbox.control.container.borderwidth.lg.active.readonly": "d236382c22661adaec32e8cf0fb50a19463600a7", + "cmp.checkbox.control.container.borderwidth.lg.active.error": "fc2bdb015136c2420a4558df3b2f2fa64bb99eed", + "cmp.checkbox.control.container.borderwidth.lg.inactive.rest": "c60e2e6955f69470c8f4aed2974c7b951ababadb", + "cmp.checkbox.control.container.borderwidth.lg.inactive.hover": "adc2f941d9ab801ece9f23af7aab572fdc57278b", + "cmp.checkbox.control.container.borderwidth.lg.inactive.pressed": "dcb1d029a8008e48a98652ad3e1591a95c038027", + "cmp.checkbox.control.container.borderwidth.lg.inactive.focus": "be6993464c041d0706c77342dd1f02afa751250b", + "cmp.checkbox.control.container.borderwidth.lg.inactive.disabled": "c0d1cc08761648bf2e1aea363e53f95c4217c051", + "cmp.checkbox.control.container.borderwidth.lg.inactive.readonly": "a79184b22c84a2e69cadd0a30782543bd8fcc859", + "cmp.checkbox.control.container.borderwidth.lg.inactive.error": "335598626a82fd36425483f5e8682cd844ed1c3e", + "cmp.checkbox.control.container.borderradius.sm": "f8e6dc31e7a55395c18b849a781ce7e4c01ec7b1", + "cmp.checkbox.control.container.borderradius.md": "7f1e9e16f93482b58d1e34fdc798a64418a6780e", + "cmp.checkbox.control.container.borderradius.lg": "ca1a6994c193a5693d7dbb06a6bbf3a1c5853a1c", + "cmp.checkbox.control.container.size.sm": "c976a359fdbceb8f73ecdc0ff4abbc7e0b11d584", + "cmp.checkbox.control.container.size.md": "ca8642ca107161fd42bd343e9ee45b6f1fd5b777", + "cmp.checkbox.control.container.size.lg": "fea4234da0beb04d1ef9892ab4625d44005e787b", + "cmp.checkbox.control.icon.iconsize.sm.rest": "8d61cd4be344c8c5be4551255788c8c0d3d39670", + "cmp.checkbox.control.icon.iconsize.sm.hover": "2b3d3cb983c01ce86a7254d79d9d859d20dfa7f8", + "cmp.checkbox.control.icon.iconsize.sm.pressed": "9e610ed9438c6775afd537b01552013973ba5056", + "cmp.checkbox.control.icon.iconsize.sm.focus": "df7fec07f39718e4b834691646acd6365bc91f6e", + "cmp.checkbox.control.icon.iconsize.sm.disabled": "74fa974540b73ff1778dea3a0680112f695153b0", + "cmp.checkbox.control.icon.iconsize.sm.readonly": "992c9e6c6454f82f8c84f606c920b0c5de6d97b9", + "cmp.checkbox.control.icon.iconsize.sm.error": "08b2789d9068b0f57523c59e8ed29d3021f68903", + "cmp.checkbox.control.icon.iconsize.md.rest": "9a14f2503b6f54ecd8de6ff4bd7d17e20d1a17c9", + "cmp.checkbox.control.icon.iconsize.md.hover": "befaecca2fd494c46a1a57efa36f82bde4c58694", + "cmp.checkbox.control.icon.iconsize.md.pressed": "35ebc84e91bbd362d97d8f410528c995e23a4931", + "cmp.checkbox.control.icon.iconsize.md.focus": "8ee881ab454f64df9ec7889397059e65a2998f82", + "cmp.checkbox.control.icon.iconsize.md.disabled": "e0338b1ad85925464676a5db9acfdb07a2b2a845", + "cmp.checkbox.control.icon.iconsize.md.readonly": "2b2b0aa4ab0928d486d04ae02099eb97ebcdb31c", + "cmp.checkbox.control.icon.iconsize.md.error": "bd25ee9d1165349f0391c9b5d9b4311ee0903762", + "cmp.checkbox.control.icon.iconsize.lg.rest": "83aa7eed5d193c828ca1b69247f8aab1641ddad0", + "cmp.checkbox.control.icon.iconsize.lg.hover": "475ff908d7476a369868e2b393b7119f75de92d0", + "cmp.checkbox.control.icon.iconsize.lg.pressed": "9f86d7604910fa1605d815357d77d5c3b3bea054", + "cmp.checkbox.control.icon.iconsize.lg.focus": "bca2ab2018d4c3fbd821326a5073144156317b45", + "cmp.checkbox.control.icon.iconsize.lg.disabled": "9ac54c302fc7f399f56df443a60cf9b424ad5d53", + "cmp.checkbox.control.icon.iconsize.lg.readonly": "3c9b8c7c2fd89dddebb8b03354ed45691a8dded5", + "cmp.checkbox.control.icon.iconsize.lg.error": "48444aa0b3c632976647243f8250caee4f98a09e", "cmp.Counter.Container.Padding_V.SM": "d5be393c8ad6e4968dbeb546e02e801c23472a77", "cmp.Counter.Container.Padding_V.MD": "d08e0d1e7bf89cfde296531475d63b4ce64d40bd", "cmp.Counter.Container.Padding_V.LG": "1506cc96ae923cec8efda7b862505727448f3757", @@ -1889,9 +1889,12 @@ "cmp.Dialog.FooterSection.Container.Padding_V": "a2c78bc3cd5b244c5a09a5bc96e260734b3029a4", "cmp.Divider.Container.Horizontal.Height": "63aba7f1091ffc69a1eb79c3b288387ece6e649d", "cmp.Divider.Container.Vertical.Width": "23e5e0acb0e16fa3439c99a177b2657fd51956c5", - "cmp.FormLabel.Container.ItemSpacing.SM": "2e9bb29370f4d736f4745cb3b8655479186d68c2", - "cmp.FormLabel.Container.ItemSpacing.MD": "faea9a9053726394adb15386b0e2d173f41733ed", - "cmp.FormLabel.Container.ItemSpacing.LG": "3f7917bdb0b99ac222f0a5ae9f5fdcef5b511b2b", + "cmp.formlabel.container.itemspacing.sm": "2e9bb29370f4d736f4745cb3b8655479186d68c2", + "cmp.formlabel.container.itemspacing.md": "faea9a9053726394adb15386b0e2d173f41733ed", + "cmp.formlabel.container.itemspacing.lg": "3f7917bdb0b99ac222f0a5ae9f5fdcef5b511b2b", + "cmp.formlabel.container.padding.sm": "a47b8165f89b648cd9c246aaae7a6759b5826215", + "cmp.formlabel.container.padding.md": "18d166bb43d6d328d5ed885f8e7c81f2c8753aa2", + "cmp.formlabel.container.padding.lg": "0202386f604118936d9ca8ffab873f866350b5da", "cmp.Icon.Container.Size.XXS": "dd05aa02d0e52471ef8a0147278a7a4ca2d57095", "cmp.Icon.Container.Size.XS": "44eadd963606299f721066069db4698a1e0ea9bc", "cmp.Icon.Container.Size.SM": "a48a89eb642fb69749373f3d295f2a337b6b0306", @@ -1913,36 +1916,36 @@ "cmp.ButtonIcon.Container.BorderRadius.MD": "2d3a070a8fc51a0aa783145f5da053d2e7558c9d", "cmp.ButtonIcon.Container.BorderRadius.LG": "f1cb4164fa8e2d5ca65d071d824646f2c5686206", "cmp.ButtonIcon.Container.BorderRadius.XL": "98f9def6b1f7b716b1695734f7e863ed313f84f3", - "cmp.IconDropdown.Container.PaddingTop.XS": "8d57ac7e761c80a569e5c1e12b97f73d9f407b2c", - "cmp.IconDropdown.Container.PaddingTop.SM": "88cc2a9a5fcf5e577df912db36c9d97e67d67531", - "cmp.IconDropdown.Container.PaddingTop.MD": "6d57903ae6ab3c5772001b55f634b3500c45de36", - "cmp.IconDropdown.Container.PaddingTop.LG": "7f6f8eb3e5d10c38fc235f287f84ae26e3bf2864", - "cmp.IconDropdown.Container.PaddingTop.XL": "18654c1bf292409fa1daf8ae1fc74709bad667fa", - "cmp.IconDropdown.Container.PaddingRight.XS": "c810746e647ab01a8c6e8de67be8f67d17074912", - "cmp.IconDropdown.Container.PaddingRight.SM": "d9a473db48c3794ebb0d9e39d45a78f8349b210b", - "cmp.IconDropdown.Container.PaddingRight.MD": "c0c4ba85108886d9402484dae6290831524d9eef", - "cmp.IconDropdown.Container.PaddingRight.LG": "74275927f4d17b30dad6fa91bd781a9def22fc50", - "cmp.IconDropdown.Container.PaddingRight.XL": "651af222ce6dd7502a97bc978c31d1cf2c6ab72e", - "cmp.IconDropdown.Container.PaddingBottom.XS": "71336841faaccb60e96255d69c781743c5d3ca36", - "cmp.IconDropdown.Container.PaddingBottom.SM": "6b4d9fa05cf97e7d8dc369b9d51edf974556f6a6", - "cmp.IconDropdown.Container.PaddingBottom.MD": "407a4e22289c504b8d9834336d2e92c85336008a", - "cmp.IconDropdown.Container.PaddingBottom.LG": "e2ea85e38d3b63156d65dab3b3b83603b9ed4e35", - "cmp.IconDropdown.Container.PaddingBottom.XL": "0a9b0ee46d4a51ea968c264e9d305f318fc96704", - "cmp.IconDropdown.Container.PaddingLeft.XS": "7d756a9b9bce48ef5b4c833f1a9e195aab0af5f7", - "cmp.IconDropdown.Container.PaddingLeft.SM": "15cd32b0f6dcd3e232f38f3d540f75ae741ac165", - "cmp.IconDropdown.Container.PaddingLeft.MD": "ba8361a1663bd19053beefb0b9dd3297f65b32f4", - "cmp.IconDropdown.Container.PaddingLeft.LG": "994438645ee1bae6c4611e59f8aef19ba0dff516", - "cmp.IconDropdown.Container.PaddingLeft.XL": "3b0ea33a5c73697f2b81890b354525b267cb3356", - "cmp.IconDropdown.Container.ItemSpacing.XS": "a4bab751cbb06de8d6dcf7bf97e422a8440da114", - "cmp.IconDropdown.Container.ItemSpacing.SM": "605d39a4e9221a008e6fd990e98bb58c2ce8131e", - "cmp.IconDropdown.Container.ItemSpacing.MD": "f534fb841699be698f46578c63e859b32823e4a1", - "cmp.IconDropdown.Container.ItemSpacing.LG": "b66ce62be61b9899fa49d05c64aab2b4ef14df70", - "cmp.IconDropdown.Container.ItemSpacing.XL": "92efbc3c85f5089884d1551103ffa3bafe3303f3", - "cmp.IconDropdown.Container.BorderRadius.XS": "d1d1b9e78e015268bf9ff9b50373a91203273c73", - "cmp.IconDropdown.Container.BorderRadius.SM": "1063b1d21e840451072680554a2a77de3a7469c9", - "cmp.IconDropdown.Container.BorderRadius.MD": "7874e7e9a2f5eb770f4beb39188696c8e2be7370", - "cmp.IconDropdown.Container.BorderRadius.LG": "b83019b68a32ff05067805af2d6ec2b57e5d22ef", - "cmp.IconDropdown.Container.BorderRadius.XL": "e5488516cf783701837f36934105f7cd42ceb4eb", + "cmp.IconDropdown.Container.PaddingTop.XS": "4ed9478a564604ddf56fd01749ca7c743cc67faf", + "cmp.IconDropdown.Container.PaddingTop.SM": "e00d3a38c1525973d0552e513b1653a81fc0c9d8", + "cmp.IconDropdown.Container.PaddingTop.MD": "68dcba2261960030aebf3c69cc9fe36a91f52753", + "cmp.IconDropdown.Container.PaddingTop.LG": "707d06406766fbf1ee5ade43e445d5c8b137d6a2", + "cmp.IconDropdown.Container.PaddingTop.XL": "2754284233988fe61f65cc580c0a335c0f42ced5", + "cmp.IconDropdown.Container.PaddingRight.XS": "35cb87057fb67b0b702dbe8d1bdf6316e5c909eb", + "cmp.IconDropdown.Container.PaddingRight.SM": "435bae2b4cd9a2cb3f9eeadd1c24625f02e9dd5b", + "cmp.IconDropdown.Container.PaddingRight.MD": "18de62f365e9bc21a2eb482fad95edec339fda15", + "cmp.IconDropdown.Container.PaddingRight.LG": "acc58dd4af2fddd178fa27881f66b9c827dd3fcf", + "cmp.IconDropdown.Container.PaddingRight.XL": "6089647aec5fa887ee7325a90df37700875ee748", + "cmp.IconDropdown.Container.PaddingBottom.XS": "67cb92a5628b946fdaaee522755fa5545ff09fa3", + "cmp.IconDropdown.Container.PaddingBottom.SM": "9304d226cd2ac632618aa261b900c8c3637883df", + "cmp.IconDropdown.Container.PaddingBottom.MD": "cfb8b2856911dc8b194a6f0d231edf09ae2400c1", + "cmp.IconDropdown.Container.PaddingBottom.LG": "0c64ee4a9686785a4f3ba2f24c978106d984f7cb", + "cmp.IconDropdown.Container.PaddingBottom.XL": "53c7aa8b0e131e12ebc505c28e141143a0738d7f", + "cmp.IconDropdown.Container.PaddingLeft.XS": "2dd17e0d7dac0e2bb06321e0414c6381b100c3ed", + "cmp.IconDropdown.Container.PaddingLeft.SM": "e50835358fec37db1c6921c9c6650041dd341bd9", + "cmp.IconDropdown.Container.PaddingLeft.MD": "c941239c9adb157ea30180bf64a27d5cea39d2f4", + "cmp.IconDropdown.Container.PaddingLeft.LG": "601b7c410df2e72c234e314922116ed2e691f51b", + "cmp.IconDropdown.Container.PaddingLeft.XL": "b79c56fc21e2cab5d02bd5b8267da3d36f5891b6", + "cmp.IconDropdown.Container.ItemSpacing.XS": "b22feee4233ae11d7ef42c8259ad0b6d3d8b4dca", + "cmp.IconDropdown.Container.ItemSpacing.SM": "4801cc3c89fbc91f447d4a1ae672652ea9c7ee29", + "cmp.IconDropdown.Container.ItemSpacing.MD": "d550542677dbe4a1c6c04654aab81d5ac5b9c032", + "cmp.IconDropdown.Container.ItemSpacing.LG": "5285cbe2b3e207236715cb8c0ce820630e839eee", + "cmp.IconDropdown.Container.ItemSpacing.XL": "aba0eccb9167c006a1c3e4801fe857a0b6b14367", + "cmp.IconDropdown.Container.BorderRadius.XS": "b1e5543132298e512ebf95efb5925ee609f5fc98", + "cmp.IconDropdown.Container.BorderRadius.SM": "e9808b948e5fdccbe4583b7dab09aeb1f1e84a6f", + "cmp.IconDropdown.Container.BorderRadius.MD": "10fbc2c883812bc752fd37169188abc7a330baa1", + "cmp.IconDropdown.Container.BorderRadius.LG": "82e8349062b0d51c77f0622d868d06e83326eb19", + "cmp.IconDropdown.Container.BorderRadius.XL": "5110c0b8d444b660a8020b193bff17523c0a65fb", "cmp.Loader.Container.Size.SM": "be4ba7d47879c8988b5319065fa5356ba55138bb", "cmp.Loader.Container.Size.MD": "cf98e223e1dd8c15a1d7b9054c4473541f3561a4", "cmp.Loader.Container.Size.LG": "742fc97e9c46139f3ddb4ecc880ced51e27ef177", @@ -2170,36 +2173,36 @@ "cmp.ButtonText.Container.BorderRadius.MD": "87f953f9321c05344ddc23aa744f4192bbd0b456", "cmp.ButtonText.Container.BorderRadius.LG": "effcfd0891bb13cf21b34990df479dd077c55e78", "cmp.ButtonText.Container.BorderRadius.XL": "aa1526d49944f9133ad50ec78e2c73df504b6489", - "cmp.TextDropdown.Container.PaddingTop.XS": "39df558afe7832bf7d6e233b963af0cc752b5cab", - "cmp.TextDropdown.Container.PaddingTop.SM": "45963fe2238a1084fe1394a75298909053c210cf", - "cmp.TextDropdown.Container.PaddingTop.MD": "dba1eb7ea7a38e3b78d392b098192e1a31ffaf59", - "cmp.TextDropdown.Container.PaddingTop.LG": "fe4774660947e9901db7ae15093542d4c45c37e3", - "cmp.TextDropdown.Container.PaddingTop.XL": "3e056db69588024b116560b9d771892df9bef1ed", - "cmp.TextDropdown.Container.PaddingRight.XS": "488b78ca1033d9555cb520afc1723cf3e36dec16", - "cmp.TextDropdown.Container.PaddingRight.SM": "6d84df5cc89dfdda0c4dfc2fd931fa692729e589", - "cmp.TextDropdown.Container.PaddingRight.MD": "8a7f799eb94d2e14507cecad0dc7425b8e58d9b3", - "cmp.TextDropdown.Container.PaddingRight.LG": "f79e1e72dedf68c52a462d3d94c6c951d43b9372", - "cmp.TextDropdown.Container.PaddingRight.XL": "9a29a2631969f6b7b9afc0bc8ace65076fc9f614", - "cmp.TextDropdown.Container.PaddingBottom.XS": "9c1a1c5f2fd80168c97878f32ab747affe99d3bc", - "cmp.TextDropdown.Container.PaddingBottom.SM": "1daaf8999f6b14373c98f34a471ff0f274c6d285", - "cmp.TextDropdown.Container.PaddingBottom.MD": "7eabc891ea81c588e250275a755c19140dbf20f2", - "cmp.TextDropdown.Container.PaddingBottom.LG": "d93d0477e1d5c560dc35df3755c9ca9c4fb0e4e3", - "cmp.TextDropdown.Container.PaddingBottom.XL": "3804b04851f63ee2c18d52359ec19fed984060ee", - "cmp.TextDropdown.Container.PaddingLeft.XS": "cd9fa3a7bd7d813412bb1018050befb3e18d253c", - "cmp.TextDropdown.Container.PaddingLeft.SM": "eae2f56dc9661b5142300c87f9a96b311d98c50f", - "cmp.TextDropdown.Container.PaddingLeft.MD": "b4c2525054a085395900351965f05d46f921f99f", - "cmp.TextDropdown.Container.PaddingLeft.LG": "d854eb23744e71372fe6b143f0f92354724987b7", - "cmp.TextDropdown.Container.PaddingLeft.XL": "8f50118210fe6ab7633c1bfe3133122735a8b0b1", - "cmp.TextDropdown.Container.ItemSpacing.XS": "87f25ecc95bb417aea579b25c3ef6886ccac527d", - "cmp.TextDropdown.Container.ItemSpacing.SM": "4e3ce814daa108c2f99c42465477da6aebddb839", - "cmp.TextDropdown.Container.ItemSpacing.MD": "982deb623fc4de998fb69f726ee6a8495a8e9b2b", - "cmp.TextDropdown.Container.ItemSpacing.LG": "911eefffa6bc3ef393237c6df3b9761840e790ca", - "cmp.TextDropdown.Container.ItemSpacing.XL": "5572bdd991caa5e06277f9b55ec4411c4e6ddee2", - "cmp.TextDropdown.Container.BorderRadius.XS": "eee9189ac54efe229a4840b06279d8412f5c6dd0", - "cmp.TextDropdown.Container.BorderRadius.SM": "5bfe7db18249ff41294ed1123181994733892912", - "cmp.TextDropdown.Container.BorderRadius.MD": "7e0a971026a52b5387c865c88f88eb91221b79f9", - "cmp.TextDropdown.Container.BorderRadius.LG": "050cc2df9ad0a4fe284ba9d7090195807e39fcad", - "cmp.TextDropdown.Container.BorderRadius.XL": "9e29d524ea296aeaa8b8639ae29457f4765ddeb3", + "cmp.TextDropdown.Container.PaddingTop.XS": "71ee0cc8625b0759129fd266c319c1931b22b9df", + "cmp.TextDropdown.Container.PaddingTop.SM": "e7da20a3badf873b582312491f7f59ac81eb16f2", + "cmp.TextDropdown.Container.PaddingTop.MD": "e7040c7a294e0735e6e783b81d7739b8ad2786b6", + "cmp.TextDropdown.Container.PaddingTop.LG": "0457f930d7dcdfbb9b9ebcc7e39d9fbfb993b7b4", + "cmp.TextDropdown.Container.PaddingTop.XL": "deeb6951c2b50a777e911f5196ae8e62300c8cb7", + "cmp.TextDropdown.Container.PaddingRight.XS": "f6fc1e8747371d0e7cf4c03b0d99ba3ac79860f4", + "cmp.TextDropdown.Container.PaddingRight.SM": "bd67a55165f31c61b34ecf5213b94b49149e50da", + "cmp.TextDropdown.Container.PaddingRight.MD": "ceeb807355af237effcfbb2ae1c39fa0d640cc26", + "cmp.TextDropdown.Container.PaddingRight.LG": "b3e0e44839b2025e5cdc71b48c385c98c3b2ac7e", + "cmp.TextDropdown.Container.PaddingRight.XL": "379eab691907be9fa7cca80a4d3e3342fcd1a618", + "cmp.TextDropdown.Container.PaddingBottom.XS": "2176b32b22149cd39614b9c68ecb5fc0f2cc078a", + "cmp.TextDropdown.Container.PaddingBottom.SM": "04b3e76375c761b49281f5ce9e56b31d20529db9", + "cmp.TextDropdown.Container.PaddingBottom.MD": "4b9bbd3b02dd1865d6f0e136e969a0142fe9301b", + "cmp.TextDropdown.Container.PaddingBottom.LG": "13888583c25bba5a50a0bd1f1fa4053ca5f1a435", + "cmp.TextDropdown.Container.PaddingBottom.XL": "3576d6b63ddfbfd716b65f6c08de92c56e15ab98", + "cmp.TextDropdown.Container.PaddingLeft.XS": "748d6f35bcce3396dce9e9bf8f56ea66cb0f2a37", + "cmp.TextDropdown.Container.PaddingLeft.SM": "fe17cc1ee6f1b1ea1f194141da78ea337051b64c", + "cmp.TextDropdown.Container.PaddingLeft.MD": "7e3d2523f28ad2bd9741486d627308a8ad3b156c", + "cmp.TextDropdown.Container.PaddingLeft.LG": "9a9c6e377cda9a0cc50efcad98f7c92003881282", + "cmp.TextDropdown.Container.PaddingLeft.XL": "cd925039138ae5560b3c03a76f44eddb3ca05b77", + "cmp.TextDropdown.Container.ItemSpacing.XS": "d4286efa5fbcd2b68d693b991e8a3017c2689454", + "cmp.TextDropdown.Container.ItemSpacing.SM": "45b87a5f4064f75aeae340cd93af1cea5e69f5ae", + "cmp.TextDropdown.Container.ItemSpacing.MD": "eafca967a9ae2dc7979048b5d2a830ae3064e39c", + "cmp.TextDropdown.Container.ItemSpacing.LG": "3c97400f505e9e130ea9b89b32310c1eda096ab4", + "cmp.TextDropdown.Container.ItemSpacing.XL": "39ba42c3200604f2e93b9e6bd7c54d1eaea76722", + "cmp.TextDropdown.Container.BorderRadius.XS": "765b903996330b54220f85c67706e6a625d24dc2", + "cmp.TextDropdown.Container.BorderRadius.SM": "689aed8f6ef51a1c4f4ecabb86774b297f73442c", + "cmp.TextDropdown.Container.BorderRadius.MD": "75c907adcc92d06f5201b87bf0c317d47f2c6a8c", + "cmp.TextDropdown.Container.BorderRadius.LG": "881d9122700704b3244660edc30fb8c722b70ec0", + "cmp.TextDropdown.Container.BorderRadius.XL": "c74932f8d848950a224aa3326e2081a152109bc5", "cmp.ToggleSwitch.Container.ItemSpacing.SM": "cbecde97bc9b37a314cc477b5c9b801bc117a14a", "cmp.ToggleSwitch.Container.ItemSpacing.MD": "983120c8581d82f5b09d093454d3c4757e5e1d83", "cmp.ToggleSwitch.Container.ItemSpacing.LG": "66373f2cb05e784814193054487bfb35f0a90af2", @@ -2342,17 +2345,17 @@ "sem.forms.labelslot.padding_bottom.md": "5db4e05412522ec8803a1afa2290239c112ba329", "sem.forms.labelslot.padding_bottom.lg": "2c46cbc9188687a2153e6249c1cb947db5c0885e", "sem.global.focusring.borderwidth": "3d96c2ef289d604c47e2dfe0cfa069a2b3d64e19", - "sys.borderRadius.sm": "d05a80b0bce9978e215417030ca4c9cd0f8a5322", - "sys.borderRadius.md": "fa1f3f54b7f84c77381f604bcb6682dbc879b35d", - "sys.borderRadius.lg": "ccdb49e58d37056e4766daf98be54133db03f423", - "sys.borderRadius.xl": "57deea5a8e8d29a22eac966e0a493a913cadce89", - "sys.borderRadius.round": "a578d7f8b1d595a356ac522f64258d6465957d53", - "sys.borderRadius.none": "ff7c89a6a5dde56a7cb9459d80feaa6e326d4880", - "sys.borderWidth.thin": "2fd222f8ea8c4de4022b1e21012419c8a8bdb536", - "sys.borderWidth.medium": "4419c39c1fb5bfdb91e6363fcfe0c7aa515c649f", - "sys.borderWidth.bold": "6126fd45071da83614d17c1284a7896bff66c834", - "sys.borderWidth.heavy": "23780ab79d8b4e48fd59adf3a614466353e49204", - "sys.borderWidth.none": "a21f1a2885ae7d3e993fe44795e3c7411e637a57" + "sys.borderradius.sm": "d05a80b0bce9978e215417030ca4c9cd0f8a5322", + "sys.borderradius.md": "fa1f3f54b7f84c77381f604bcb6682dbc879b35d", + "sys.borderradius.lg": "ccdb49e58d37056e4766daf98be54133db03f423", + "sys.borderradius.xl": "57deea5a8e8d29a22eac966e0a493a913cadce89", + "sys.borderradius.round": "a578d7f8b1d595a356ac522f64258d6465957d53", + "sys.borderradius.none": "ff7c89a6a5dde56a7cb9459d80feaa6e326d4880", + "sys.borderwidth.thin": "2fd222f8ea8c4de4022b1e21012419c8a8bdb536", + "sys.borderwidth.medium": "4419c39c1fb5bfdb91e6363fcfe0c7aa515c649f", + "sys.borderwidth.bold": "6126fd45071da83614d17c1284a7896bff66c834", + "sys.borderwidth.heavy": "23780ab79d8b4e48fd59adf3a614466353e49204", + "sys.borderwidth.none": "a21f1a2885ae7d3e993fe44795e3c7411e637a57" }, "group": "Sizes" } diff --git a/packages/figma-design-tokens/input/tokens/cmp/color.json b/packages/figma-design-tokens/input/tokens/cmp/color.json index 5c2bb3985..82cbe1f3a 100644 --- a/packages/figma-design-tokens/input/tokens/cmp/color.json +++ b/packages/figma-design-tokens/input/tokens/cmp/color.json @@ -1,316 +1,290 @@ { "cmp": { - "Blanket": { - "Surface": { + "blanket": { + "surface": { "value": "{sys.bgcolor.surface.blanket}", "type": "color", "description": "Apply on blanket component" } }, - "CaptionComponent": { - "Text": { - "TextColor": { - "Hint": { - "value": "{sys.content.surface.subtle.neutral}", - "type": "color" - }, - "Error": { - "value": "{sys.content.surface.regular.danger}", - "type": "color" - } - } - }, - "Icon": { - "IconColor": { - "Hint": { - "value": "{sys.content.surface.subtle.neutral}", - "type": "color" - }, - "Error": { - "value": "{sys.content.surface.regular.danger}", - "type": "color" - } - } - } - }, - "Checkbox": { - "Control": { - "Container": { - "BackgroundColor": { - "Active": { - "Rest": { + "checkbox": { + "control": { + "container": { + "backgroundcolor": { + "active": { + "rest": { "value": "{sys.bgcolor.bold.primary.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Hover": { + "hover": { "value": "{sys.bgcolor.bold.primary.hover}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Pressed": { + "pressed": { "value": "{sys.bgcolor.bold.primary.pressed}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Focus": { + "focus": { "value": "{sys.bgcolor.bold.primary.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Disabled": { + "disabled": { "value": "{sys.bgcolor.bold.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "ReadOnly": { + "readonly": { "value": "{sys.bgcolor.bold.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Error": { + "error": { "value": "{sys.bgcolor.bold.danger.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" } }, - "Inactive": { - "Rest": { + "inactive": { + "rest": { "value": "{sys.bgcolor.inverse.primary.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Hover": { + "hover": { "value": "{sys.bgcolor.inverse.primary.hover}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Pressed": { + "pressed": { "value": "{sys.bgcolor.inverse.primary.pressed}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Focus": { + "focus": { "value": "{sys.bgcolor.inverse.primary.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Disabled": { + "disabled": { "value": "{sys.bgcolor.inverse.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "ReadOnly": { + "readonly": { "value": "{sys.bgcolor.inverse.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Error": { + "error": { "value": "{sys.bgcolor.inverse.danger.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" } } }, - "BorderColor": { - "Active": { - "Rest": { + "bordercolor": { + "active": { + "rest": { "value": "{sys.bordercolor.bold.primary.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Hover": { + "hover": { "value": "{sys.bordercolor.bold.primary.hover}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Pressed": { + "pressed": { "value": "{sys.bordercolor.bold.primary.pressed}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Focus": { + "focus": { "value": "{sys.bordercolor.bold.primary.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Disabled": { + "disabled": { "value": "{sys.bordercolor.bold.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "ReadOnly": { + "readonly": { "value": "{sys.bordercolor.bold.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Error": { + "error": { "value": "{sys.bordercolor.bold.danger.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" } }, - "Inactive": { - "Rest": { + "inactive": { + "rest": { "value": "{sys.bordercolor.inverse.primary.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Hover": { + "hover": { "value": "{sys.bordercolor.inverse.primary.hover}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Pressed": { + "pressed": { "value": "{sys.bordercolor.inverse.primary.pressed}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Focus": { + "focus": { "value": "{sys.bordercolor.inverse.primary.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Disabled": { + "disabled": { "value": "{sys.bordercolor.inverse.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "ReadOnly": { + "readonly": { "value": "{sys.bordercolor.inverse.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Error": { + "error": { "value": "{sys.bordercolor.inverse.danger.rest}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" } } } }, - "Icon": { - "IconColor": { - "Active": { - "Rest": { + "icon": { + "iconcolor": { + "active": { + "rest": { "value": "{sys.content.bold.regular.primary}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Hover": { + "hover": { "value": "{sys.content.bold.regular.primary}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Pressed": { + "pressed": { "value": "{sys.content.bold.regular.primary}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Focus": { + "focus": { "value": "{sys.content.bold.regular.primary}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Disabled": { + "disabled": { "value": "{sys.content.bold.regular.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "ReadOnly": { + "readonly": { "value": "{sys.content.bold.regular.disabled}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Error": { + "error": { "value": "{sys.content.bold.regular.danger}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" } }, - "Inactive": { - "Rest": { + "inactive": { + "rest": { "value": "{sys.content.inverse.transparent}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Hover": { + "hover": { "value": "{sys.content.inverse.transparent}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Pressed": { + "pressed": { "value": "{sys.content.inverse.transparent}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Focus": { + "focus": { "value": "{sys.content.inverse.transparent}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Disabled": { + "disabled": { "value": "{sys.content.inverse.transparent}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "ReadOnly": { + "readonly": { "value": "{sys.content.inverse.transparent}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" }, - "Error": { + "error": { "value": "{sys.content.inverse.transparent}", "type": "color", - "description": "Also applies to indeterminate" + "description": "also applies to indeterminate" } } } } } }, - "Counter": { - "Container": { - "BorderColor": { - "Neutral": { + "counter": { + "container": { + "bordercolor": { + "neutral": { "value": "{sys.bordercolor.container.informative}", "type": "color" }, - "Warning": { + "warning": { "value": "{sys.bordercolor.container.warning}", "type": "color" }, - "Error": { + "error": { "value": "{sys.bordercolor.container.danger}", "type": "color" } }, - "BackgroundColor": { - "Neutral": { + "backgroundcolor": { + "neutral": { "value": "{sys.bgcolor.container.informative}", "type": "color" }, - "Warning": { + "warning": { "value": "{sys.bgcolor.container.warning}", "type": "color" }, - "Error": { + "error": { "value": "{sys.bgcolor.container.danger}", "type": "color" } } }, - "Text": { - "TextColor": { - "Neutral": { + "text": { + "textcolor": { + "neutral": { "value": "{sys.content.container.subtle.informative}", "type": "color" }, - "Warning": { + "warning": { "value": "{sys.content.container.regular.warning}", "type": "color" }, - "Error": { + "error": { "value": "{sys.content.container.regular.danger}", "type": "color" } @@ -350,98 +324,124 @@ } } }, - "FormLabel": { - "Label": { - "TextColor": { - "Rest": { + "formcaption": { + "text": { + "textcolor": { + "hint": { + "value": "{sys.content.surface.subtle.neutral}", + "type": "color" + }, + "error": { + "value": "{sys.content.surface.regular.danger}", + "type": "color" + } + } + }, + "icon": { + "iconcolor": { + "hint": { + "value": "{sys.content.surface.subtle.neutral}", + "type": "color" + }, + "error": { + "value": "{sys.content.surface.regular.danger}", + "type": "color" + } + } + } + }, + "formlabel": { + "label": { + "textcolor": { + "rest": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Hover": { + "hover": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Pressed": { + "pressed": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Focus": { + "focus": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Disabled": { + "disabled": { "value": "{sys.content.surface.regular.disabled}", "type": "color" }, - "ReadOnly": { + "readonly": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Error": { + "error": { "value": "{sys.content.surface.regular.danger}", "type": "color" } } }, - "LabelAppendix": { - "TextColor": { - "Rest": { + "labelappendix": { + "textcolor": { + "rest": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Hover": { + "hover": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Pressed": { + "pressed": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Focus": { + "focus": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Disabled": { + "disabled": { "value": "{sys.content.surface.regular.disabled}", "type": "color" }, - "ReadOnly": { + "readonly": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Error": { + "error": { "value": "{sys.content.surface.regular.danger}", "type": "color" } } }, - "InlineLabel": { - "TextColor": { - "Rest": { + "inlinelabel": { + "textcolor": { + "rest": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Hover": { + "hover": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Pressed": { + "pressed": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Focus": { + "focus": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Disabled": { + "disabled": { "value": "{sys.content.surface.regular.disabled}", "type": "color" }, - "ReadOnly": { + "readonly": { "value": "{sys.content.surface.regular.neutral}", "type": "color" }, - "Error": { + "error": { "value": "{sys.content.surface.regular.danger}", "type": "color" } @@ -1729,4 +1729,4 @@ } } } -} \ No newline at end of file +} diff --git a/packages/figma-design-tokens/input/tokens/cmp/sizeVariants.json b/packages/figma-design-tokens/input/tokens/cmp/sizeVariants.json index ea6892647..5e201b011 100644 --- a/packages/figma-design-tokens/input/tokens/cmp/sizeVariants.json +++ b/packages/figma-design-tokens/input/tokens/cmp/sizeVariants.json @@ -1,19 +1,19 @@ { "cmp": { - "CaptionComponent": { - "Icon": { - "SizeVariant": { - "SM": { + "formcaption": { + "icon": { + "sizevariant": { + "sm": { "value": "SM", "type": "componentConfig", "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)" }, - "MD": { + "md": { "value": "SM", "type": "componentConfig", "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)" }, - "LG": { + "lg": { "value": "SM", "type": "componentConfig", "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)" @@ -21,21 +21,21 @@ } } }, - "Checkbox": { - "Control": { - "Icon": { - "SizeVariant": { - "SM": { + "checkbox": { + "control": { + "icon": { + "sizevariant": { + "sm": { "value": "SM", "type": "componentConfig", "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)" }, - "MD": { + "md": { "value": "SM", "type": "componentConfig", "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)" }, - "LG": { + "lg": { "value": "MD", "type": "componentConfig", "description": "Defines which size-variant of the Icon Component should be used. (The default dimensions might be overrridden with a sizing token.)" diff --git a/packages/figma-design-tokens/input/tokens/cmp/sizes.json b/packages/figma-design-tokens/input/tokens/cmp/sizes.json index d95c75991..e686455b4 100644 --- a/packages/figma-design-tokens/input/tokens/cmp/sizes.json +++ b/packages/figma-design-tokens/input/tokens/cmp/sizes.json @@ -26,157 +26,157 @@ } } }, - "CaptionComponent": { - "Container": { - "ItemSpacing": { - "SM": { + "formcaption": { + "container": { + "itemspacing": { + "sm": { "value": "{core.dimensionREM.2}", "type": "spacing" }, - "MD": { + "md": { "value": "{core.dimensionREM.2}", "type": "spacing" }, - "LG": { + "lg": { "value": "{core.dimensionREM.2}", "type": "spacing" } }, - "Padding_H": { - "SM": { + "padding_h": { + "sm": { "value": "{core.dimensionPX.0}", "type": "spacing" }, - "MD": { + "md": { "value": "{core.dimensionPX.0}", "type": "spacing" }, - "LG": { + "lg": { "value": "{core.dimensionPX.0}", "type": "spacing" } }, - "Padding_V": { - "SM": { + "padding_v": { + "sm": { "value": "{core.dimensionREM.0}", "type": "spacing" }, - "MD": { + "md": { "value": "{core.dimensionREM.0}", "type": "spacing" }, - "LG": { + "lg": { "value": "{core.dimensionREM.0}", "type": "spacing" } }, - "Padding": { - "SM": { - "value": "{cmp.CaptionComponent.Container.Padding_V.SM} {cmp.CaptionComponent.Container.Padding_H.SM}", + "padding": { + "sm": { + "value": "{cmp.formcaption.container.padding_v.sm} {cmp.formcaption.container.padding_h.sm}", "type": "spacing" }, - "MD": { - "value": "{cmp.CaptionComponent.Container.Padding_V.MD} {cmp.CaptionComponent.Container.Padding_H.MD}", + "md": { + "value": "{cmp.formcaption.container.padding_v.md} {cmp.formcaption.container.padding_h.md}", "type": "spacing" }, - "LG": { - "value": "{cmp.CaptionComponent.Container.Padding_V.LG} {cmp.CaptionComponent.Container.Padding_H.LG}", + "lg": { + "value": "{cmp.formcaption.container.padding_v.lg} {cmp.formcaption.container.padding_h.lg}", "type": "spacing" } } }, - "IconWrapper": { - "PaddingTop": { - "SM": { + "iconwrapper": { + "paddingtop": { + "sm": { "value": "{core.dimensionREM.1}", "type": "spacing" }, - "MD": { + "md": { "value": "{core.dimensionREM.0,5}", "type": "spacing" }, - "LG": { + "lg": { "value": "{core.dimensionREM.5}", "type": "spacing" } } }, - "Icon": { - "IconSize": { - "SM": { + "icon": { + "iconsize": { + "sm": { "value": "{core.dimensionREM.14}", "type": "sizing", - "description": "Defines the physical size of the icon inside the captionComponent" + "description": "Defines the physical size of the icon inside the formcaption" }, - "MD": { + "md": { "value": "{core.dimensionREM.16}", "type": "sizing" }, - "LG": { + "lg": { "value": "{core.dimensionREM.16}", "type": "sizing" } } }, - "TextWrapper": { - "Padding_H": { - "SM": { + "textwrapper": { + "padding_h": { + "sm": { "value": "{core.dimensionPX.0}", "type": "spacing" }, - "MD": { + "md": { "value": "{core.dimensionPX.0}", "type": "spacing" }, - "LG": { + "lg": { "value": "{core.dimensionPX.0}", "type": "spacing" } }, - "Padding_V": { - "SM": { + "padding_v": { + "sm": { "value": "{core.dimensionREM.0}", "type": "spacing" }, - "MD": { + "md": { "value": "{core.dimensionREM.0}", "type": "spacing" }, - "LG": { + "lg": { "value": "{core.dimensionREM.0}", "type": "spacing" } }, - "Padding": { - "SM": { - "value": "{cmp.CaptionComponent.TextWrapper.Padding_V.SM} {cmp.CaptionComponent.TextWrapper.Padding_H.SM}", + "padding": { + "sm": { + "value": "{cmp.formcaption.textwrapper.padding_v.sm} {cmp.formcaption.textwrapper.padding_h.sm}", "type": "spacing" }, - "MD": { - "value": "{cmp.CaptionComponent.TextWrapper.Padding_V.MD} {cmp.CaptionComponent.TextWrapper.Padding_H.MD}", + "md": { + "value": "{cmp.formcaption.textwrapper.padding_v.md} {cmp.formcaption.textwrapper.padding_h.md}", "type": "spacing" }, - "LG": { - "value": "{cmp.CaptionComponent.TextWrapper.Padding_V.LG} {cmp.CaptionComponent.TextWrapper.Padding_H.LG}", + "lg": { + "value": "{cmp.formcaption.textwrapper.padding_v.lg} {cmp.formcaption.textwrapper.padding_h.lg}", "type": "spacing" } } } }, - "CaptionGroup": { - "Container": { - "ItemSpacing": { - "SM": { + "captiongroup": { + "container": { + "itemspacing": { + "sm": { "value": "{core.dimensionREM.4}", "type": "spacing", "description": "Defines the gap between hint and error message" }, - "MD": { + "md": { "value": "{core.dimensionREM.5}", "type": "spacing", "description": "Defines the gap between hint and error message" }, - "LG": { + "lg": { "value": "{core.dimensionREM.6}", "type": "spacing", "description": "Defines the gap between hint and error message" @@ -184,431 +184,431 @@ } } }, - "Checkbox": { - "ContentCol": { - "ItemSpacing": { - "SM": { + "checkbox": { + "contentcol": { + "itemspacing": { + "sm": { "value": "{core.dimensionPX.0}", "type": "spacing", - "description": "Controls the vertical spacing between InlineLabel and the Caption." + "description": "controls the vertical spacing between inlinelabel and the caption." }, - "MD": { + "md": { "value": "{core.dimensionPX.0}", "type": "spacing", - "description": "Controls the vertical spacing between InlineLabel and the Caption." + "description": "controls the vertical spacing between inlinelabel and the caption." }, - "LG": { + "lg": { "value": "{core.dimensionPX.0}", "type": "spacing", - "description": "Controls the vertical spacing between InlineLabel and the Caption." + "description": "controls the vertical spacing between inlinelabel and the caption." } }, - "PaddingTop": { - "SM": { + "paddingtop": { + "sm": { "value": "{core.dimensionREM.0}", "type": "spacing", - "description": "Can be used to verticaly align the Content of the TextContainer against the Control" + "description": "can be used to verticaly align the content of the textcontainer against the control" }, - "MD": { + "md": { "value": "{core.dimensionREM.0}", "type": "spacing", - "description": "Can be used to verticaly align the Content of the TextContainer against the Control" + "description": "can be used to verticaly align the content of the textcontainer against the control" }, - "LG": { + "lg": { "value": "{core.dimensionREM.0}", "type": "spacing", - "description": "Can be used to verticaly align the Content of the TextContainer against the Control" + "description": "can be used to verticaly align the content of the textcontainer against the control" } } }, - "ContentRow": { - "ItemSpacing": { - "SM": { + "contentrow": { + "itemspacing": { + "sm": { "value": "{core.dimensionPX.8}", "type": "spacing", - "description": "Controls the horizontal spacing between the Control and the Label" + "description": "controls the horizontal spacing between the control and the label" }, - "MD": { + "md": { "value": "{core.dimensionPX.8}", "type": "spacing", - "description": "Controls the horizontal spacing between the Control and the Label" + "description": "controls the horizontal spacing between the control and the label" }, - "LG": { + "lg": { "value": "{core.dimensionPX.12}", "type": "spacing", - "description": "Controls the horizontal spacing between the Control and the Label" + "description": "controls the horizontal spacing between the control and the label" } } }, - "ControlWrapper": { - "PaddingTop": { - "SM": { + "controlwrapper": { + "paddingtop": { + "sm": { "value": "0", "type": "spacing", - "description": "Can be used to align the checkbox control against the text" + "description": "can be used to align the checkbox control against the text" }, - "MD": { + "md": { "value": "{core.dimensionREM.4}", "type": "spacing", - "description": "Can be used to align the checkbox control against the text" + "description": "can be used to align the checkbox control against the text" }, - "LG": { + "lg": { "value": "{core.dimensionREM.2}", "type": "spacing", - "description": "Can be used to align the checkbox control against the text" + "description": "can be used to align the checkbox control against the text" } } }, - "Control": { - "Container": { - "BorderWidth": { - "SM": { - "Active": { - "Rest": { + "control": { + "container": { + "borderwidth": { + "sm": { + "active": { + "rest": { "value": "{core.dimensionPX.0}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Hover": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Rest}", + "hover": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Pressed": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Rest}", + "pressed": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Focus": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Rest}", + "focus": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Disabled": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Rest}", + "disabled": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "ReadOnly": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Rest}", + "readonly": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Error": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Active.Rest}", + "error": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" } }, - "Inactive": { - "Rest": { + "inactive": { + "rest": { "value": "{core.dimensionPX.1}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Hover": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Rest}", + "hover": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Pressed": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Rest}", + "pressed": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Focus": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Rest}", + "focus": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Disabled": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Rest}", + "disabled": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "ReadOnly": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Rest}", + "readonly": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Error": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.SM.Inactive.Rest}", + "error": { + "value": "{cmp.checkbox.control.container.borderwidth.sm.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" } } }, - "MD": { - "Active": { - "Rest": { + "md": { + "active": { + "rest": { "value": "{core.dimensionPX.0}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Hover": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Rest}", + "hover": { + "value": "{cmp.checkbox.control.container.borderwidth.md.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Pressed": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Rest}", + "pressed": { + "value": "{cmp.checkbox.control.container.borderwidth.md.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Focus": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Rest}", + "focus": { + "value": "{cmp.checkbox.control.container.borderwidth.md.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Disabled": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Rest}", + "disabled": { + "value": "{cmp.checkbox.control.container.borderwidth.md.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "ReadOnly": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Rest}", + "readonly": { + "value": "{cmp.checkbox.control.container.borderwidth.md.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Error": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Active.Rest}", + "error": { + "value": "{cmp.checkbox.control.container.borderwidth.md.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" } }, - "Inactive": { - "Rest": { + "inactive": { + "rest": { "value": "{core.dimensionPX.1}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Hover": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Rest}", + "hover": { + "value": "{cmp.checkbox.control.container.borderwidth.md.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Pressed": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Rest}", + "pressed": { + "value": "{cmp.checkbox.control.container.borderwidth.md.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Focus": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Rest}", + "focus": { + "value": "{cmp.checkbox.control.container.borderwidth.md.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Disabled": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Rest}", + "disabled": { + "value": "{cmp.checkbox.control.container.borderwidth.md.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "ReadOnly": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Rest}", + "readonly": { + "value": "{cmp.checkbox.control.container.borderwidth.md.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Error": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.MD.Inactive.Rest}", + "error": { + "value": "{cmp.checkbox.control.container.borderwidth.md.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" } } }, - "LG": { - "Active": { - "Rest": { + "lg": { + "active": { + "rest": { "value": "{core.dimensionPX.0}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Hover": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Rest}", + "hover": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Pressed": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Rest}", + "pressed": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Focus": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Rest}", + "focus": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Disabled": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Rest}", + "disabled": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "ReadOnly": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Rest}", + "readonly": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Error": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Active.Rest}", + "error": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.active.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" } }, - "Inactive": { - "Rest": { + "inactive": { + "rest": { "value": "{core.dimensionPX.1}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Hover": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Rest}", + "hover": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Pressed": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Rest}", + "pressed": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Focus": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Rest}", + "focus": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Disabled": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Rest}", + "disabled": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "ReadOnly": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Rest}", + "readonly": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" }, - "Error": { - "value": "{cmp.Checkbox.Control.Container.BorderWidth.LG.Inactive.Rest}", + "error": { + "value": "{cmp.checkbox.control.container.borderwidth.lg.inactive.rest}", "type": "borderWidth", - "description": "Figma Only! Do not apply on codes comps" + "description": "figma only! do not apply on codes comps" } } } }, - "BorderRadius": { - "SM": { - "value": "{sys.borderRadius.sm}", + "borderradius": { + "sm": { + "value": "{sys.borderradius.sm}", "type": "borderRadius" }, - "MD": { - "value": "{cmp.Checkbox.Control.Container.BorderRadius.SM}", + "md": { + "value": "{cmp.checkbox.control.container.borderradius.sm}", "type": "borderRadius" }, - "LG": { - "value": "{cmp.Checkbox.Control.Container.BorderRadius.SM}", + "lg": { + "value": "{cmp.checkbox.control.container.borderradius.sm}", "type": "borderRadius" } }, - "Size": { - "SM": { + "size": { + "sm": { "value": "{core.dimensionPX.16}", "type": "sizing" }, - "MD": { + "md": { "value": "{core.dimensionPX.16}", "type": "sizing" }, - "LG": { + "lg": { "value": "{core.dimensionPX.20}", "type": "sizing" } } }, - "Icon": { - "IconSize": { - "SM": { - "Rest": { + "icon": { + "iconsize": { + "sm": { + "rest": { "value": "{core.dimensionPX.16}", "type": "sizing" }, - "Hover": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.SM.Rest}", + "hover": { + "value": "{cmp.checkbox.control.icon.iconsize.sm.rest}", "type": "sizing" }, - "Pressed": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.SM.Rest}", + "pressed": { + "value": "{cmp.checkbox.control.icon.iconsize.sm.rest}", "type": "sizing" }, - "Focus": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.SM.Rest}", + "focus": { + "value": "{cmp.checkbox.control.icon.iconsize.sm.rest}", "type": "sizing" }, - "Disabled": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.SM.Rest}", + "disabled": { + "value": "{cmp.checkbox.control.icon.iconsize.sm.rest}", "type": "sizing" }, - "ReadOnly": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.SM.Rest}", + "readonly": { + "value": "{cmp.checkbox.control.icon.iconsize.sm.rest}", "type": "sizing" }, - "Error": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.SM.Rest}", + "error": { + "value": "{cmp.checkbox.control.icon.iconsize.sm.rest}", "type": "sizing" } }, - "MD": { - "Rest": { + "md": { + "rest": { "value": "{core.dimensionPX.16}", "type": "sizing" }, - "Hover": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.MD.Rest}", + "hover": { + "value": "{cmp.checkbox.control.icon.iconsize.md.rest}", "type": "sizing" }, - "Pressed": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.MD.Rest}", + "pressed": { + "value": "{cmp.checkbox.control.icon.iconsize.md.rest}", "type": "sizing" }, - "Focus": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.MD.Rest}", + "focus": { + "value": "{cmp.checkbox.control.icon.iconsize.md.rest}", "type": "sizing" }, - "Disabled": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.MD.Rest}", + "disabled": { + "value": "{cmp.checkbox.control.icon.iconsize.md.rest}", "type": "sizing" }, - "ReadOnly": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.MD.Rest}", + "readonly": { + "value": "{cmp.checkbox.control.icon.iconsize.md.rest}", "type": "sizing" }, - "Error": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.MD.Rest}", + "error": { + "value": "{cmp.checkbox.control.icon.iconsize.md.rest}", "type": "sizing" } }, - "LG": { - "Rest": { + "lg": { + "rest": { "value": "{core.dimensionPX.20}", "type": "sizing" }, - "Hover": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.LG.Rest}", + "hover": { + "value": "{cmp.checkbox.control.icon.iconsize.lg.rest}", "type": "sizing" }, - "Pressed": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.LG.Rest}", + "pressed": { + "value": "{cmp.checkbox.control.icon.iconsize.lg.rest}", "type": "sizing" }, - "Focus": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.LG.Rest}", + "focus": { + "value": "{cmp.checkbox.control.icon.iconsize.lg.rest}", "type": "sizing" }, - "Disabled": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.LG.Rest}", + "disabled": { + "value": "{cmp.checkbox.control.icon.iconsize.lg.rest}", "type": "sizing" }, - "ReadOnly": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.LG.Rest}", + "readonly": { + "value": "{cmp.checkbox.control.icon.iconsize.lg.rest}", "type": "sizing" }, - "Error": { - "value": "{cmp.Checkbox.Control.Icon.IconSize.LG.Rest}", + "error": { + "value": "{cmp.checkbox.control.icon.iconsize.lg.rest}", "type": "sizing" } } @@ -616,100 +616,100 @@ } } }, - "Counter": { - "Container": { - "Padding_V": { - "SM": { + "counter": { + "container": { + "padding_v": { + "sm": { "value": "{core.dimensionPX.0}", "type": "spacing", - "description": "Figma Only! Do not apply on codes comps. Use instead" + "description": "figma only! do not apply on codes comps. use instead" }, - "MD": { - "value": "{cmp.Counter.Container.Padding_V.SM}", + "md": { + "value": "{cmp.counter.container.padding_v.sm}", "type": "spacing", - "description": "Figma Only! Do not apply on codes comps. Use instead" + "description": "figma only! do not apply on codes comps. use instead" }, - "LG": { - "value": "{cmp.Counter.Container.Padding_V.SM}", + "lg": { + "value": "{cmp.counter.container.padding_v.sm}", "type": "spacing", - "description": "Figma Only! Do not apply on codes comps. Use instead" + "description": "figma only! do not apply on codes comps. use instead" } }, - "Padding_H": { - "SM": { + "padding_h": { + "sm": { "value": "{core.dimensionPX.4}", "type": "spacing", - "description": "Figma Only! Do not apply on codes comps. Use instead" + "description": "figma only! do not apply on codes comps. use instead" }, - "MD": { - "value": "{cmp.Counter.Container.Padding_H.SM}", + "md": { + "value": "{cmp.counter.container.padding_h.sm}", "type": "spacing", - "description": "Figma Only! Do not apply on codes comps. Use instead" + "description": "figma only! do not apply on codes comps. use instead" }, - "LG": { - "value": "{cmp.Counter.Container.Padding_H.SM}", + "lg": { + "value": "{cmp.counter.container.padding_h.sm}", "type": "spacing", - "description": "Figma Only! Do not apply on codes comps. Use instead" + "description": "figma only! do not apply on codes comps. use instead" } }, - "Padding": { - "SM": { - "value": "{cmp.Counter.Container.Padding_V.SM} {cmp.Counter.Container.Padding_H.SM}", + "padding": { + "sm": { + "value": "{cmp.counter.container.padding_v.sm} {cmp.counter.container.padding_h.sm}", "type": "spacing", - "description": "Coded Comps Only!" + "description": "coded comps only!" }, - "MD": { - "value": "{cmp.Counter.Container.Padding_V.MD} {cmp.Counter.Container.Padding_H.MD}", + "md": { + "value": "{cmp.counter.container.padding_v.md} {cmp.counter.container.padding_h.md}", "type": "spacing", - "description": "Coded Comps Only!" + "description": "coded comps only!" }, - "LG": { - "value": "{cmp.Counter.Container.Padding_V.LG} {cmp.Counter.Container.Padding_H.LG}", + "lg": { + "value": "{cmp.counter.container.padding_v.lg} {cmp.counter.container.padding_h.lg}", "type": "spacing", - "description": "Coded Comps Only!" + "description": "coded comps only!" } }, - "BorderRadius": { - "SM": { - "value": "{sys.borderRadius.md}", + "borderradius": { + "sm": { + "value": "{sys.borderradius.md}", "type": "borderRadius", - "description": "Border radius of counter container\n>>> new" + "description": "border radius of counter container\n>>> new" }, - "MD": { - "value": "{sys.borderRadius.md}", + "md": { + "value": "{sys.borderradius.md}", "type": "borderRadius", - "description": "Border radius of counter container\n>>> Feedback.Counter.BorderRadius" + "description": "border radius of counter container\n>>> feedback.counter.borderradius" }, - "LG": { - "value": "{sys.borderRadius.md}", + "lg": { + "value": "{sys.borderradius.md}", "type": "borderRadius", - "description": "Border radius of counter container\n>>> new" + "description": "border radius of counter container\n>>> new" } }, - "BorderWidth": { - "SM": { - "value": "{sys.borderWidth.medium}", + "borderwidth": { + "sm": { + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, - "MD": { - "value": "{sys.borderWidth.medium}", + "md": { + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, - "LG": { - "value": "{sys.borderWidth.medium}", + "lg": { + "value": "{sys.borderwidth.medium}", "type": "borderWidth" } }, - "ItemSpacing": { - "SM": { + "itemspacing": { + "sm": { "value": "{core.dimensionPX.2}", "type": "spacing" }, - "MD": { + "md": { "value": "{core.dimensionPX.2}", "type": "spacing" }, - "LG": { + "lg": { "value": "{core.dimensionPX.2}", "type": "spacing" } @@ -768,7 +768,7 @@ } }, "BorderRadius": { - "value": "{sys.borderRadius.lg}", + "value": "{sys.borderradius.lg}", "type": "borderRadius" } }, @@ -839,33 +839,33 @@ } } }, - "FormLabel": { - "Container": { - "ItemSpacing": { - "SM": { + "formlabel": { + "container": { + "itemspacing": { + "sm": { "value": "{core.dimensionPX.4}", "type": "spacing" }, - "MD": { + "md": { "value": "{core.dimensionPX.4}", "type": "spacing" }, - "LG": { + "lg": { "value": "{core.dimensionPX.4}", "type": "spacing" } }, - "Padding": { - "SM": { - "value": "0 0", + "padding": { + "sm": { + "value": "0", "type": "spacing" }, - "MD": { - "value": "0 0", + "md": { + "value": "0", "type": "spacing" }, - "LG": { - "value": "0 0", + "lg": { + "value": "0", "type": "spacing" } } @@ -1227,7 +1227,7 @@ "Menu": { "Container": { "BorderRadius": { - "value": "{sys.borderRadius.lg}", + "value": "{sys.borderradius.lg}", "type": "borderRadius", "description": "Defines the border radius of the whole menu component" } @@ -1240,7 +1240,7 @@ "description": "Adds padding to the menu item" }, "BorderRadius": { - "value": "{sys.borderRadius.lg}", + "value": "{sys.borderradius.lg}", "type": "borderRadius", "description": "Defines the border radius of a single menu item." }, @@ -1358,7 +1358,7 @@ } }, "BorderRadius": { - "value": "{sys.borderRadius.round}", + "value": "{sys.borderradius.round}", "type": "borderRadius" }, "BorderWidth": { @@ -2035,15 +2035,15 @@ }, "BorderRadius": { "SM": { - "value": "{sys.borderRadius.none}", + "value": "{sys.borderradius.none}", "type": "borderRadius" }, "MD": { - "value": "{sys.borderRadius.none}", + "value": "{sys.borderradius.none}", "type": "borderRadius" }, "LG": { - "value": "{sys.borderRadius.none}", + "value": "{sys.borderradius.none}", "type": "borderRadius" } }, @@ -2711,7 +2711,7 @@ "SM": { "Active": { "Rest": { - "value": "{sys.borderWidth.none}", + "value": "{sys.borderwidth.none}", "type": "borderWidth" }, "Hover": { @@ -2737,7 +2737,7 @@ }, "Inactive": { "Rest": { - "value": "{sys.borderWidth.none}", + "value": "{sys.borderwidth.none}", "type": "borderWidth" }, "Hover": { @@ -2765,7 +2765,7 @@ "MD": { "Active": { "Rest": { - "value": "{sys.borderWidth.none}", + "value": "{sys.borderwidth.none}", "type": "borderWidth" }, "Hover": { @@ -2791,7 +2791,7 @@ }, "Inactive": { "Rest": { - "value": "{sys.borderWidth.none}", + "value": "{sys.borderwidth.none}", "type": "borderWidth" }, "Hover": { @@ -2819,7 +2819,7 @@ "LG": { "Active": { "Rest": { - "value": "{sys.borderWidth.none}", + "value": "{sys.borderwidth.none}", "type": "borderWidth" }, "Hover": { @@ -2845,7 +2845,7 @@ }, "Inactive": { "Rest": { - "value": "{sys.borderWidth.none}", + "value": "{sys.borderwidth.none}", "type": "borderWidth" }, "Hover": { @@ -2965,7 +2965,7 @@ "SM": { "Active": { "Rest": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "Hover": { @@ -2991,7 +2991,7 @@ }, "Inactive": { "Rest": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "Hover": { @@ -3019,7 +3019,7 @@ "MD": { "Active": { "Rest": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "Hover": { @@ -3045,7 +3045,7 @@ }, "Inactive": { "Rest": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "Hover": { @@ -3073,7 +3073,7 @@ "LG": { "Active": { "Rest": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "Hover": { @@ -3099,7 +3099,7 @@ }, "Inactive": { "Rest": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "Hover": { @@ -3153,7 +3153,7 @@ "type": "spacing" }, "BorderRadius": { - "value": "{sys.borderRadius.md}", + "value": "{sys.borderradius.md}", "type": "borderRadius" }, "MinWidth": { @@ -3189,4 +3189,4 @@ } } } -} \ No newline at end of file +} diff --git a/packages/figma-design-tokens/input/tokens/cmp/typography.json b/packages/figma-design-tokens/input/tokens/cmp/typography.json index 3108d9f24..4abcf3f57 100644 --- a/packages/figma-design-tokens/input/tokens/cmp/typography.json +++ b/packages/figma-design-tokens/input/tokens/cmp/typography.json @@ -1,35 +1,35 @@ { "cmp": { - "CaptionComponent": { - "Text": { - "Typography": { - "SM": { + "formcaption": { + "text": { + "typography": { + "sm": { "value": "{sem.ui.caption.s_100}", "type": "typography" }, - "MD": { + "md": { "value": "{sem.ui.caption.s_200}", "type": "typography" }, - "LG": { + "lg": { "value": "{sem.ui.caption.s_300}", "type": "typography" } } } }, - "Counter": { - "Text": { - "Typography": { - "SM": { + "counter": { + "text": { + "typography": { + "sm": { "value": "{sem.ui.caption.s_100}", "type": "typography" }, - "MD": { + "md": { "value": "{sem.ui.caption.s_200}", "type": "typography" }, - "LG": { + "lg": { "value": "{sem.ui.caption.s_300}", "type": "typography" } @@ -54,50 +54,50 @@ } } }, - "FormLabel": { - "Label": { - "Typography": { - "SM": { + "formlabel": { + "label": { + "typography": { + "sm": { "value": "{core.typography.sourceSansPro.semibold.87FixHeight}", "type": "typography" }, - "MD": { + "md": { "value": "{core.typography.sourceSansPro.semibold.100FixHeight}", "type": "typography" }, - "LG": { + "lg": { "value": "{core.typography.sourceSansPro.semibold.125FixHeight}", "type": "typography" } } }, - "LabelAppendix": { - "Typography": { - "SM": { + "labelappendix": { + "typography": { + "sm": { "value": "{core.typography.sourceSansPro.regular.75FixHeight}", "type": "typography" }, - "MD": { + "md": { "value": "{core.typography.sourceSansPro.regular.87FixHeight}", "type": "typography" }, - "LG": { + "lg": { "value": "{core.typography.sourceSansPro.regular.100FixHeight}", "type": "typography" } } }, - "InlineLabel": { - "Typography": { - "SM": { + "inlinelabel": { + "typography": { + "sm": { "value": "{core.typography.sourceSansPro.regular.87FixHeight}", "type": "typography" }, - "MD": { + "md": { "value": "{core.typography.sourceSansPro.regular.100FixHeight}", "type": "typography" }, - "LG": { + "lg": { "value": "{core.typography.sourceSansPro.regular.125FixHeight}", "type": "typography" } @@ -187,4 +187,4 @@ } } } -} \ No newline at end of file +} diff --git a/packages/figma-design-tokens/input/tokens/sem/sizes.json b/packages/figma-design-tokens/input/tokens/sem/sizes.json index 2b9ee15ca..4fdbe8b22 100644 --- a/packages/figma-design-tokens/input/tokens/sem/sizes.json +++ b/packages/figma-design-tokens/input/tokens/sem/sizes.json @@ -4,28 +4,28 @@ "container": { "borderradius": { "xs": { - "value": "{sys.borderRadius.md}", + "value": "{sys.borderradius.md}", "type": "borderRadius" }, "sm": { - "value": "{sys.borderRadius.md}", + "value": "{sys.borderradius.md}", "type": "borderRadius" }, "md": { - "value": "{sys.borderRadius.md}", + "value": "{sys.borderradius.md}", "type": "borderRadius" }, "lg": { - "value": "{sys.borderRadius.md}", + "value": "{sys.borderradius.md}", "type": "borderRadius" }, "xl": { - "value": "{sys.borderRadius.md}", + "value": "{sys.borderradius.md}", "type": "borderRadius" } }, "borderwidth": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" } } @@ -106,32 +106,32 @@ } }, "borderradius": { - "value": "{sys.borderRadius.md}", + "value": "{sys.borderradius.md}", "type": "borderRadius" }, "borderwidth": { "rest": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "hover": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "pressed": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "focus": { - "value": "{sys.borderWidth.bold}", + "value": "{sys.borderwidth.bold}", "type": "borderWidth" }, "disabled": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" }, "readonly": { - "value": "{sys.borderWidth.medium}", + "value": "{sys.borderwidth.medium}", "type": "borderWidth" } } @@ -231,7 +231,7 @@ "global": { "focusring": { "borderwidth": { - "value": "{sys.borderWidth.heavy}", + "value": "{sys.borderwidth.heavy}", "type": "borderWidth" } } diff --git a/packages/figma-design-tokens/input/tokens/sys/sizes.json b/packages/figma-design-tokens/input/tokens/sys/sizes.json index f5e8979c4..56bbf219e 100644 --- a/packages/figma-design-tokens/input/tokens/sys/sizes.json +++ b/packages/figma-design-tokens/input/tokens/sys/sizes.json @@ -1,6 +1,6 @@ { "sys": { - "borderRadius": { + "borderradius": { "sm": { "value": "{core.borderradius.base}*0.5", "type": "borderRadius" @@ -26,7 +26,7 @@ "type": "borderRadius" } }, - "borderWidth": { + "borderwidth": { "thin": { "value": "{core.borderwidth.base}*0.5", "type": "borderWidth" diff --git a/packages/ui-library/src/components/checkbox/index.css.ts b/packages/ui-library/src/components/checkbox/index.css.ts index 64c75d1b1..80be85754 100644 --- a/packages/ui-library/src/components/checkbox/index.css.ts +++ b/packages/ui-library/src/components/checkbox/index.css.ts @@ -4,7 +4,7 @@ import { typeSafeNestedCss } from "../../utils/css-in-ts/nested-typesafe-css-lit export const staticStyles = typeSafeNestedCss/* css */ ` ${ComponentThemeIterator((theme, cmp, typeSafeCss) => { - const { Checkbox, FormLabel } = cmp; + const { checkbox, formlabel } = cmp; return typeSafeCss/* css */ ` .blr-checkbox.${theme} { @@ -40,81 +40,81 @@ export const staticStyles = typeSafeNestedCss/* css */ ` } } .blr-form-label-inline { - font-family: ${FormLabel.InlineLabel.Typography.SM.fontFamily}, 'sans-serif'; + font-family: ${formlabel.inlinelabel.typography.sm.fontFamily}, 'sans-serif'; } } &.sm { - gap: ${Checkbox.ContentRow.ItemSpacing.SM}; + gap: ${checkbox.contentrow.itemspacing.sm}; .visual-checkbox { - width: ${Checkbox.Control.Container.Size.SM}; - height: ${Checkbox.Control.Container.Size.SM}; - margin-top: ${Checkbox.ControlWrapper.PaddingTop.SM}; - border-radius: ${Checkbox.Control.Container.BorderRadius.SM}; + width: ${checkbox.control.container.size.sm}; + height: ${checkbox.control.container.size.sm}; + margin-top: ${checkbox.controlwrapper.paddingtop.sm}; + border-radius: ${checkbox.control.container.borderradius.sm}; } .focus-ring { - border-radius: ${Checkbox.Control.Container.BorderRadius.SM}; + border-radius: ${checkbox.control.container.borderradius.sm}; } & .label-wrapper, & .visual-checkbox { - padding-top: ${Checkbox.ContentCol.PaddingTop.SM}; - gap: ${Checkbox.ContentCol.ItemSpacing.SM}; + padding-top: ${checkbox.contentcol.paddingtop.sm}; + gap: ${checkbox.contentcol.itemspacing.sm}; .blr-form-label-inline { - font-weight: ${FormLabel.InlineLabel.Typography.SM.fontWeight}; - line-height: ${FormLabel.InlineLabel.Typography.SM.lineHeight}; - font-size: ${FormLabel.InlineLabel.Typography.SM.fontSize}; + font-weight: ${formlabel.inlinelabel.typography.sm.fontWeight}; + line-height: ${formlabel.inlinelabel.typography.sm.lineHeight}; + font-size: ${formlabel.inlinelabel.typography.sm.fontSize}; } } } &.md { - gap: ${Checkbox.ContentRow.ItemSpacing.MD}; + gap: ${checkbox.contentrow.itemspacing.md}; .visual-checkbox { - width: ${Checkbox.Control.Container.Size.MD}; - height: ${Checkbox.Control.Container.Size.MD}; - margin-top: ${Checkbox.ControlWrapper.PaddingTop.MD}; - border-radius: ${Checkbox.Control.Container.BorderRadius.MD}; + width: ${checkbox.control.container.size.md}; + height: ${checkbox.control.container.size.md}; + margin-top: ${checkbox.controlwrapper.paddingtop.md}; + border-radius: ${checkbox.control.container.borderradius.md}; } .focus-ring { - border-radius: ${Checkbox.Control.Container.BorderRadius.MD}; + border-radius: ${checkbox.control.container.borderradius.md}; } .label-wrapper { - padding-top: ${Checkbox.ContentCol.PaddingTop.MD}; - gap: ${Checkbox.ContentCol.ItemSpacing.MD}; + padding-top: ${checkbox.contentcol.paddingtop.md}; + gap: ${checkbox.contentcol.itemspacing.md}; .blr-form-label-inline { - font-weight: ${FormLabel.InlineLabel.Typography.MD.fontWeight}; - line-height: ${FormLabel.InlineLabel.Typography.MD.lineHeight}; - font-size: ${FormLabel.InlineLabel.Typography.MD.fontSize}; + font-weight: ${formlabel.inlinelabel.typography.md.fontWeight}; + line-height: ${formlabel.inlinelabel.typography.md.lineHeight}; + font-size: ${formlabel.inlinelabel.typography.md.fontSize}; } } } &.lg { - gap: ${Checkbox.ContentRow.ItemSpacing.LG}; + gap: ${checkbox.contentrow.itemspacing.lg}; .visual-checkbox { - width: ${Checkbox.Control.Container.Size.LG}; - height: ${Checkbox.Control.Container.Size.LG}; - margin-top: ${Checkbox.ControlWrapper.PaddingTop.LG}; - border-radius: ${Checkbox.Control.Container.BorderRadius.LG}; + width: ${checkbox.control.container.size.lg}; + height: ${checkbox.control.container.size.lg}; + margin-top: ${checkbox.controlwrapper.paddingtop.lg}; + border-radius: ${checkbox.control.container.borderradius.lg}; } .focus-ring { - border-radius: ${Checkbox.Control.Container.BorderRadius.LG}; + border-radius: ${checkbox.control.container.borderradius.lg}; } .label-wrapper { - padding-top: ${Checkbox.ContentCol.PaddingTop.LG}; - gap: ${Checkbox.ContentCol.ItemSpacing.LG}; + padding-top: ${checkbox.contentcol.paddingtop.lg}; + gap: ${checkbox.contentcol.itemspacing.lg}; .blr-form-label-inline { - font-weight: ${FormLabel.InlineLabel.Typography.LG.fontWeight}; - line-height: ${FormLabel.InlineLabel.Typography.LG.lineHeight}; - font-size: ${FormLabel.InlineLabel.Typography.LG.fontSize}; + font-weight: ${formlabel.inlinelabel.typography.lg.fontWeight}; + line-height: ${formlabel.inlinelabel.typography.lg.lineHeight}; + font-size: ${formlabel.inlinelabel.typography.lg.fontSize}; } } } @@ -122,23 +122,23 @@ export const staticStyles = typeSafeNestedCss/* css */ ` .label-wrapper { &:not(.disabled) { &:not(.error) { - color: ${FormLabel.InlineLabel.TextColor.Rest}; + color: ${formlabel.inlinelabel.textcolor.rest}; &:hover { &:not(.readonly) { - color: ${FormLabel.InlineLabel.TextColor.Hover}; + color: ${formlabel.inlinelabel.textcolor.hover}; } } &.focus { - color: ${FormLabel.InlineLabel.TextColor.Focus}; + color: ${formlabel.inlinelabel.textcolor.focus}; } &.active { &:not(.readonly) { - color: ${FormLabel.InlineLabel.TextColor.Pressed}; + color: ${formlabel.inlinelabel.textcolor.pressed}; } } &.readonly { - color: ${FormLabel.InlineLabel.TextColor.ReadOnly}; + color: ${formlabel.inlinelabel.textcolor.readonly}; .blr-form-label-inline { cursor: not-allowed !important; pointer-events: none; @@ -147,24 +147,24 @@ export const staticStyles = typeSafeNestedCss/* css */ ` } } &.error { - color: ${FormLabel.InlineLabel.TextColor.Error}; + color: ${formlabel.inlinelabel.textcolor.error}; } &.disabled { .blr-form-label-inline { cursor: not-allowed; - color: ${FormLabel.InlineLabel.TextColor.Disabled}; + color: ${formlabel.inlinelabel.textcolor.disabled}; } } } .visual-checkbox { & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Inactive.Rest}; + color: ${checkbox.control.icon.iconcolor.inactive.rest}; } &.disabled { & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Inactive.Disabled}; + color: ${checkbox.control.icon.iconcolor.inactive.disabled}; } cursor: not-allowed; @@ -175,97 +175,97 @@ export const staticStyles = typeSafeNestedCss/* css */ ` &:not(.error) { &.checked, &.indeterminate { - background-color: ${Checkbox.Control.Container.BackgroundColor.Active.Rest}; - outline-color: ${Checkbox.Control.Container.BorderColor.Active.Rest}; + background-color: ${checkbox.control.container.backgroundcolor.active.rest}; + outline-color: ${checkbox.control.container.bordercolor.active.rest}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Active.Rest}; + color: ${checkbox.control.icon.iconcolor.active.rest}; } &.hover { &:not(.disabled):not(.readonly) { - background-color: ${Checkbox.Control.Container.BackgroundColor.Active.Hover}; - outline-color: ${Checkbox.Control.Container.BorderColor.Active.Hover}; + background-color: ${checkbox.control.container.backgroundcolor.active.hover}; + outline-color: ${checkbox.control.container.bordercolor.active.hover}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Active.Hover}; + color: ${checkbox.control.icon.iconcolor.active.hover}; } } } &.focus { - background-color: ${Checkbox.Control.Container.BackgroundColor.Active.Focus}; - outline-color: ${Checkbox.Control.Container.BorderColor.Active.Focus}; + background-color: ${checkbox.control.container.backgroundcolor.active.focus}; + outline-color: ${checkbox.control.container.bordercolor.active.focus}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Active.Focus}; + color: ${checkbox.control.icon.iconcolor.active.focus}; } } &.active { &:not(:disabled):not([readonly]) { - background-color: ${Checkbox.Control.Container.BackgroundColor.Active.Pressed}; - outline-color: ${Checkbox.Control.Container.BorderColor.Active.Pressed}; + background-color: ${checkbox.control.container.backgroundcolor.active.pressed}; + outline-color: ${checkbox.control.container.bordercolor.active.pressed}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Active.Pressed}; + color: ${checkbox.control.icon.iconcolor.active.pressed}; } } } &.disabled { - background-color: ${Checkbox.Control.Container.BackgroundColor.Active.Disabled}; - outline-color: ${Checkbox.Control.Container.BorderColor.Active.Disabled}; + background-color: ${checkbox.control.container.backgroundcolor.active.disabled}; + outline-color: ${checkbox.control.container.bordercolor.active.disabled}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Active.Disabled}; + color: ${checkbox.control.icon.iconcolor.active.disabled}; } } &.readonly { - background-color: ${Checkbox.Control.Container.BackgroundColor.Active.ReadOnly}; - outline-color: ${Checkbox.Control.Container.BorderColor.Active.ReadOnly}; + background-color: ${checkbox.control.container.backgroundcolor.active.readonly}; + outline-color: ${checkbox.control.container.bordercolor.active.readonly}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Active.ReadOnly}; + color: ${checkbox.control.icon.iconcolor.active.readonly}; } } } &:not(.checked):not(.indeterminate) { - background-color: ${Checkbox.Control.Container.BackgroundColor.Inactive.Rest}; - outline-color: ${Checkbox.Control.Container.BorderColor.Inactive.Rest}; + background-color: ${checkbox.control.container.backgroundcolor.inactive.rest}; + outline-color: ${checkbox.control.container.bordercolor.inactive.rest}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Inactive.Rest}; + color: ${checkbox.control.icon.iconcolor.inactive.rest}; } &.hover { &:not(.disabled):not(.readonly) { - background-color: ${Checkbox.Control.Container.BackgroundColor.Inactive.Hover}; - outline-color: ${Checkbox.Control.Container.BorderColor.Inactive.Hover}; + background-color: ${checkbox.control.container.backgroundcolor.inactive.hover}; + outline-color: ${checkbox.control.container.bordercolor.inactive.hover}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Inactive.Hover}; + color: ${checkbox.control.icon.iconcolor.inactive.hover}; } } } &.focus { - background-color: ${Checkbox.Control.Container.BackgroundColor.Inactive.Focus}; - outline-color: ${Checkbox.Control.Container.BorderColor.Inactive.Focus}; + background-color: ${checkbox.control.container.backgroundcolor.inactive.focus}; + outline-color: ${checkbox.control.container.bordercolor.inactive.focus}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Inactive.Focus}; + color: ${checkbox.control.icon.iconcolor.inactive.focus}; } } &.active { &:not(.disabled):not(.readonly) { - background-color: ${Checkbox.Control.Container.BackgroundColor.Inactive.Pressed}; - outline-color: ${Checkbox.Control.Container.BorderColor.Inactive.Pressed}; + background-color: ${checkbox.control.container.backgroundcolor.inactive.pressed}; + outline-color: ${checkbox.control.container.bordercolor.inactive.pressed}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Inactive.Pressed}; + color: ${checkbox.control.icon.iconcolor.inactive.pressed}; } } } &.disabled { - background-color: ${Checkbox.Control.Container.BackgroundColor.Inactive.Disabled}; - outline-color: ${Checkbox.Control.Container.BorderColor.Inactive.Disabled}; + background-color: ${checkbox.control.container.backgroundcolor.inactive.disabled}; + outline-color: ${checkbox.control.container.bordercolor.inactive.disabled}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Inactive.Disabled}; + color: ${checkbox.control.icon.iconcolor.inactive.disabled}; } } &.readonly { - background-color: ${Checkbox.Control.Container.BackgroundColor.Inactive.ReadOnly}; - outline-color: ${Checkbox.Control.Container.BorderColor.Inactive.ReadOnly}; + background-color: ${checkbox.control.container.backgroundcolor.inactive.readonly}; + outline-color: ${checkbox.control.container.bordercolor.inactive.readonly}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Inactive.ReadOnly}; + color: ${checkbox.control.icon.iconcolor.inactive.readonly}; } } } @@ -273,17 +273,17 @@ export const staticStyles = typeSafeNestedCss/* css */ ` &.error { &.checked { - background-color: ${Checkbox.Control.Container.BackgroundColor.Active.Error}; - outline-color: ${Checkbox.Control.Container.BorderColor.Active.Error}; + background-color: ${checkbox.control.container.backgroundcolor.active.error}; + outline-color: ${checkbox.control.container.bordercolor.active.error}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Active.Error}; + color: ${checkbox.control.icon.iconcolor.active.error}; } } &:not(.checked) { - background-color: ${Checkbox.Control.Container.BackgroundColor.Inactive.Error}; - outline-color: ${Checkbox.Control.Container.BorderColor.Inactive.Error}; + background-color: ${checkbox.control.container.backgroundcolor.inactive.error}; + outline-color: ${checkbox.control.container.bordercolor.inactive.error}; & .checker-icon { - color: ${Checkbox.Control.Icon.IconColor.Inactive.Error}; + color: ${checkbox.control.icon.iconcolor.inactive.error}; } } } @@ -294,88 +294,88 @@ export const staticStyles = typeSafeNestedCss/* css */ ` &:not(.error) { .visual-checkbox { & .checker-icon { - width: ${Checkbox.Control.Icon.IconSize.SM.Rest}; - height: ${Checkbox.Control.Icon.IconSize.SM.Rest}; + width: ${checkbox.control.icon.iconsize.sm.rest}; + height: ${checkbox.control.icon.iconsize.sm.rest}; } - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Inactive.Rest}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Inactive.Rest} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.inactive.rest}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.inactive.rest} * -1); &.hover { &:not(.disabled):not(.readonly) { & .checker-icon { - width: ${Checkbox.Control.Icon.IconSize.SM.Hover}; - height: ${Checkbox.Control.Icon.IconSize.SM.Hover}; + width: ${checkbox.control.icon.iconsize.sm.hover}; + height: ${checkbox.control.icon.iconsize.sm.hover}; } - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Inactive.Hover}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Inactive.Hover} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.inactive.hover}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.inactive.hover} * -1); } } &.focus { & .checker-icon { - width: ${Checkbox.Control.Icon.IconSize.SM.Focus}; - height: ${Checkbox.Control.Icon.IconSize.SM.Focus}; + width: ${checkbox.control.icon.iconsize.sm.focus}; + height: ${checkbox.control.icon.iconsize.sm.focus}; } - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Inactive.Focus}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Inactive.Focus} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.inactive.focus}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.inactive.focus} * -1); } &.active { &:not(.disabled):not(.readonly) { & .checker-icon { - width: ${Checkbox.Control.Icon.IconSize.SM.Pressed}; - height: ${Checkbox.Control.Icon.IconSize.SM.Pressed}; + width: ${checkbox.control.icon.iconsize.sm.pressed}; + height: ${checkbox.control.icon.iconsize.sm.pressed}; } - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Inactive.Pressed}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Inactive.Pressed} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.inactive.pressed}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.inactive.pressed} * -1); } } &.disabled { & .checker-icon { - width: ${Checkbox.Control.Icon.IconSize.SM.Disabled}; - height: ${Checkbox.Control.Icon.IconSize.SM.Disabled}; + width: ${checkbox.control.icon.iconsize.sm.disabled}; + height: ${checkbox.control.icon.iconsize.sm.disabled}; } - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Inactive.Disabled}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Inactive.Disabled} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.inactive.disabled}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.inactive.disabled} * -1); } &.readonly { & .checker-icon { - width: ${Checkbox.Control.Icon.IconSize.SM.ReadOnly}; - height: ${Checkbox.Control.Icon.IconSize.SM.ReadOnly}; + width: ${checkbox.control.icon.iconsize.sm.readonly}; + height: ${checkbox.control.icon.iconsize.sm.readonly}; } - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Inactive.ReadOnly}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Inactive.ReadOnly} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.inactive.readonly}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.inactive.readonly} * -1); } &.checked { - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Active.Rest}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Active.Rest} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.active.rest}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.active.rest} * -1); &.hover { &:not(.disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Active.Hover}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Active.Hover} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.active.hover}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.active.hover} * -1); } } &.focus { - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Active.Focus}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Active.Focus} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.active.focus}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.active.focus} * -1); } &.active { &:not(.disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Active.Pressed}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Active.Pressed} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.active.pressed}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.active.pressed} * -1); } } &.disabled { - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Active.Disabled}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Active.Disabled} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.active.disabled}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.active.disabled} * -1); } &.readonly { - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Active.ReadOnly}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Active.ReadOnly} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.active.readonly}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.active.readonly} * -1); } } } @@ -383,17 +383,17 @@ export const staticStyles = typeSafeNestedCss/* css */ ` &.error{ .visual-checkbox { & .checker-icon { - width: ${Checkbox.Control.Icon.IconSize.SM.Error}; - height: ${Checkbox.Control.Icon.IconSize.SM.Error}; + width: ${checkbox.control.icon.iconsize.sm.error}; + height: ${checkbox.control.icon.iconsize.sm.error}; } &:not(.checked) { - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Inactive.Error}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Inactive.Error} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.inactive.error}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.inactive.error} * -1); } &.checked { - outline-width: ${Checkbox.Control.Container.BorderWidth.SM.Active.Error}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.SM.Active.Error} * -1); + outline-width: ${checkbox.control.container.borderwidth.sm.active.error}; + outline-offset: calc(${checkbox.control.container.borderwidth.sm.active.error} * -1); } } } @@ -404,67 +404,67 @@ export const staticStyles = typeSafeNestedCss/* css */ ` &:not(.error) { .visual-checkbox { &:not(.checked) { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Inactive.Rest}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Inactive.Rest} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.inactive.rest}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.inactive.rest} * -1); &.hover { &.not(.disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Inactive.Hover}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Inactive.Hover} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.inactive.hover}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.inactive.hover} * -1); } } &.focus { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Inactive.Focus}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Inactive.Focus} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.inactive.focus}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.inactive.focus} * -1); } &.active { &:not(.disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Inactive.Pressed}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Inactive.Pressed} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.inactive.pressed}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.inactive.pressed} * -1); } } &.disabled { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Inactive.Disabled}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Inactive.Disabled} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.inactive.disabled}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.inactive.disabled} * -1); } &.readonly { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Inactive.ReadOnly}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Inactive.ReadOnly} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.inactive.readonly}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.inactive.readonly} * -1); } } &.checked { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Active.Rest}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Active.Rest} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.active.rest}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.active.rest} * -1); &.hover { &:not(.disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Active.Hover}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Active.Hover} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.active.hover}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.active.hover} * -1); } } &.focus { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Active.Focus}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Active.Focus} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.active.focus}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.active.focus} * -1); } &.active { &:not(.disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Active.Pressed}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Active.Pressed} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.active.pressed}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.active.pressed} * -1); } } &.disabled { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Active.Disabled}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Active.Disabled} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.active.disabled}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.active.disabled} * -1); } &.readonly { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Active.ReadOnly}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Active.ReadOnly} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.active.readonly}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.active.readonly} * -1); } } } @@ -472,12 +472,12 @@ export const staticStyles = typeSafeNestedCss/* css */ ` &.error { .visual-checkbox { &:not(.checked) { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Inactive.Error}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Inactive.Error} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.inactive.error}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.inactive.error} * -1); } &.checked { - outline-width: ${Checkbox.Control.Container.BorderWidth.MD.Active.Error}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.MD.Active.Error} * -1); + outline-width: ${checkbox.control.container.borderwidth.md.active.error}; + outline-offset: calc(${checkbox.control.container.borderwidth.md.active.error} * -1); } } } @@ -488,66 +488,66 @@ export const staticStyles = typeSafeNestedCss/* css */ ` &:not(.error) { .visual-checkbox { &:not(.checked) { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Inactive.Rest}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Inactive.Rest} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.inactive.rest}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.inactive.rest} * -1); &.hover { &:not(.disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Inactive.Hover}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Inactive.Hover} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.inactive.hover}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.inactive.hover} * -1); } } &.focus { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Inactive.Focus}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Inactive.Focus} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.inactive.focus}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.inactive.focus} * -1); } &.active { &:not(:disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Inactive.Pressed}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Inactive.Pressed} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.inactive.pressed}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.inactive.pressed} * -1); } } &.disabled { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Inactive.Disabled}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Inactive.Disabled} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.inactive.disabled}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.inactive.disabled} * -1); } &.readonly { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Inactive.ReadOnly}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Inactive.ReadOnly} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.inactive.readonly}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.inactive.readonly} * -1); } } &.checked{ - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Active.Rest}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Active.Rest} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.active.rest}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.active.rest} * -1); &.hover { &:not(.disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Active.Hover}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Active.Hover} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.active.hover}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.active.hover} * -1); } } &.focus { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Active.Focus}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Active.Focus} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.active.focus}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.active.focus} * -1); } &.active { &:not(.disabled):not(.readonly) { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Active.Pressed}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Active.Pressed} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.active.pressed}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.active.pressed} * -1); } } &.disabled { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Active.Disabled}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Active.Disabled} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.active.disabled}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.active.disabled} * -1); } &.readonly { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Active.ReadOnly}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Active.ReadOnly} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.active.readonly}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.active.readonly} * -1); } } } @@ -555,12 +555,12 @@ export const staticStyles = typeSafeNestedCss/* css */ ` &.error:not(.disbaled) { .visual-checkbox { &:not(.checked) { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Inactive.Error}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Inactive.Error} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.inactive.error}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.inactive.error} * -1); } &.checked { - outline-width: ${Checkbox.Control.Container.BorderWidth.LG.Active.Error}; - outline-offset: calc(${Checkbox.Control.Container.BorderWidth.LG.Active.Error} * -1); + outline-width: ${checkbox.control.container.borderwidth.lg.active.error}; + outline-offset: calc(${checkbox.control.container.borderwidth.lg.active.error} * -1); } } } diff --git a/packages/ui-library/src/components/checkbox/index.ts b/packages/ui-library/src/components/checkbox/index.ts index cc151e545..15fc601c7 100644 --- a/packages/ui-library/src/components/checkbox/index.ts +++ b/packages/ui-library/src/components/checkbox/index.ts @@ -184,12 +184,12 @@ export class BlrCheckbox extends LitElementCustom { const checkerIconSizeVariant = getComponentConfigToken([ 'cmp', - 'Checkbox', - 'Control', - 'Icon', - 'SizeVariant', - this.sizeVariant.toUpperCase(), - ]).toLowerCase() as FormSizesType; + 'checkbox', + 'control', + 'icon', + 'sizevariant', + this.sizeVariant, + ]) as FormSizesType; const captionContent = html` ${this.hasHint && (this.hintMessage || this.hintMessageIcon) diff --git a/packages/ui-library/src/components/counter/index.css.ts b/packages/ui-library/src/components/counter/index.css.ts index 52e8ba1cc..911581acc 100644 --- a/packages/ui-library/src/components/counter/index.css.ts +++ b/packages/ui-library/src/components/counter/index.css.ts @@ -3,64 +3,64 @@ import { typeSafeNestedCss } from "../../utils/css-in-ts/nested-typesafe-css-lit export const staticStyles = typeSafeNestedCss/* css */ ` ${ComponentThemeIterator((theme, cmp, typeSafeCss) => { - const { Counter } = cmp; + const { counter } = cmp; return typeSafeCss/* css */ ` .blr-counter.${theme} { word-break: initial; - color: ${Counter.Text.TextColor.Neutral}; - background-color: ${Counter.Container.BackgroundColor.Neutral}; - outline-color: ${Counter.Container.BorderColor.Neutral}; + color: ${counter.text.textcolor.neutral}; + background-color: ${counter.container.backgroundcolor.neutral}; + outline-color: ${counter.container.bordercolor.neutral}; outline-style: solid; white-space: nowrap; display: initial; &.sm { - padding: ${Counter.Container.Padding.SM}; - gap: ${Counter.Container.ItemSpacing.SM}; - border-radius: ${Counter.Container.BorderRadius.SM}; - outline-width: ${Counter.Container.BorderWidth.SM}; + padding: ${counter.container.padding.sm}; + gap: ${counter.container.itemspacing.sm}; + border-radius: ${counter.container.borderradius.sm}; + outline-width: ${counter.container.borderwidth.sm}; - font-family: ${Counter.Text.Typography.SM.fontFamily}, sans-serif; - font-weight: ${Counter.Text.Typography.SM.fontWeight}; - font-size: ${Counter.Text.Typography.SM.fontSize}; - line-height: ${Counter.Text.Typography.SM.lineHeight}; + font-family: ${counter.text.typography.sm.fontFamily}, sans-serif; + font-weight: ${counter.text.typography.sm.fontWeight}; + font-size: ${counter.text.typography.sm.fontSize}; + line-height: ${counter.text.typography.sm.lineHeight}; } &.md { - padding: ${Counter.Container.Padding.MD}; - gap: ${Counter.Container.ItemSpacing.MD}; - border-radius: ${Counter.Container.BorderRadius.MD}; - outline-width: ${Counter.Container.BorderWidth.MD}; + padding: ${counter.container.padding.md}; + gap: ${counter.container.itemspacing.md}; + border-radius: ${counter.container.borderradius.md}; + outline-width: ${counter.container.borderwidth.md}; - font-family: ${Counter.Text.Typography.MD.fontFamily}, sans-serif; - font-weight: ${Counter.Text.Typography.MD.fontWeight}; - font-size: ${Counter.Text.Typography.MD.fontSize}; - line-height: ${Counter.Text.Typography.MD.lineHeight}; + font-family: ${counter.text.typography.md.fontFamily}, sans-serif; + font-weight: ${counter.text.typography.md.fontWeight}; + font-size: ${counter.text.typography.md.fontSize}; + line-height: ${counter.text.typography.md.lineHeight}; } &.lg { - padding: ${Counter.Container.Padding.LG}; - gap: ${Counter.Container.ItemSpacing.LG}; - border-radius: ${Counter.Container.BorderRadius.LG}; - outline-width: ${Counter.Container.BorderWidth.LG}; + padding: ${counter.container.padding.lg}; + gap: ${counter.container.itemspacing.lg}; + border-radius: ${counter.container.borderradius.lg}; + outline-width: ${counter.container.borderwidth.lg}; - font-family: ${Counter.Text.Typography.LG.fontFamily}, sans-serif; - font-weight: ${Counter.Text.Typography.LG.fontWeight}; - font-size: ${Counter.Text.Typography.LG.fontSize}; - line-height: ${Counter.Text.Typography.LG.lineHeight}; + font-family: ${counter.text.typography.lg.fontFamily}, sans-serif; + font-weight: ${counter.text.typography.lg.fontWeight}; + font-size: ${counter.text.typography.lg.fontSize}; + line-height: ${counter.text.typography.lg.lineHeight}; } &.error { - color: ${Counter.Text.TextColor.Error}; - outline-color: ${Counter.Container.BorderColor.Error}; - background-color: ${Counter.Container.BackgroundColor.Error}; + color: ${counter.text.textcolor.error}; + outline-color: ${counter.container.bordercolor.error}; + background-color: ${counter.container.backgroundcolor.error}; } &.warn { - color: ${Counter.Text.TextColor.Warning}; - outline-color: ${Counter.Container.BorderColor.Warning}; - background-color: ${Counter.Container.BackgroundColor.Warning}; + color: ${counter.text.textcolor.warning}; + outline-color: ${counter.container.bordercolor.warning}; + background-color: ${counter.container.backgroundcolor.warning}; } } `; diff --git a/packages/ui-library/src/components/form-caption-group/index.css.ts b/packages/ui-library/src/components/form-caption-group/index.css.ts index b01d87911..b6b9c1fc7 100644 --- a/packages/ui-library/src/components/form-caption-group/index.css.ts +++ b/packages/ui-library/src/components/form-caption-group/index.css.ts @@ -8,20 +8,20 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` } ${ComponentThemeIterator((theme, cmp, typeSafeCss) => { - const { CaptionGroup } = cmp; + const { captiongroup } = cmp; return typeSafeCss/*css*/ ` .blr-form-caption-group.${theme} { &.sm { - gap: ${CaptionGroup.Container.ItemSpacing.SM}; + gap: ${captiongroup.container.itemspacing.sm}; } &.md { - gap: ${CaptionGroup.Container.ItemSpacing.MD}; + gap: ${captiongroup.container.itemspacing.md}; } &.lg { - gap: ${CaptionGroup.Container.ItemSpacing.LG}; + gap: ${captiongroup.container.itemspacing.lg}; } } `; diff --git a/packages/ui-library/src/components/form-caption/index.css.ts b/packages/ui-library/src/components/form-caption/index.css.ts index e16eeb5af..1c130caa8 100644 --- a/packages/ui-library/src/components/form-caption/index.css.ts +++ b/packages/ui-library/src/components/form-caption/index.css.ts @@ -3,73 +3,73 @@ import { ComponentThemeIterator } from "../../foundation/_tokens-generated/index export const staticStyles = typeSafeNestedCss` ${ComponentThemeIterator((theme, cmp, typeSafeCss) => { - const { CaptionComponent } = cmp; + const { formcaption } = cmp; return typeSafeCss` .blr-form-caption.${theme} { width: 100%; display: flex; align-items: flex-start; - color: ${CaptionComponent.Text.TextColor.Hint}; + color: ${formcaption.text.textcolor.hint}; &.error { - color: ${CaptionComponent.Text.TextColor.Error}; + color: ${formcaption.text.textcolor.error}; } &.sm { - padding: ${CaptionComponent.Container.Padding.SM}; - gap: ${CaptionComponent.Container.ItemSpacing.SM}; + padding: ${formcaption.container.padding.sm}; + gap: ${formcaption.container.itemspacing.sm}; .blr-icon { - padding-top: ${CaptionComponent.IconWrapper.PaddingTop.SM}; - height: ${CaptionComponent.Icon.IconSize.SM}; - width: ${CaptionComponent.Icon.IconSize.SM}; + padding-top: ${formcaption.iconwrapper.paddingtop.sm}; + height: ${formcaption.icon.iconsize.sm}; + width: ${formcaption.icon.iconsize.sm}; } .blr-caption-text { - padding: ${CaptionComponent.TextWrapper.Padding.SM}; - font-family: ${CaptionComponent.Text.Typography.SM.fontFamily}, sans-serif; - font-weight: ${CaptionComponent.Text.Typography.SM.fontWeight}; - font-size: ${CaptionComponent.Text.Typography.SM.fontSize}; - line-height: ${CaptionComponent.Text.Typography.SM.lineHeight}; + padding: ${formcaption.textwrapper.padding.sm}; + font-family: ${formcaption.text.typography.sm.fontFamily}, sans-serif; + font-weight: ${formcaption.text.typography.sm.fontWeight}; + font-size: ${formcaption.text.typography.sm.fontSize}; + line-height: ${formcaption.text.typography.sm.lineHeight}; } } &.md { - padding: ${CaptionComponent.Container.Padding.MD}; - gap: ${CaptionComponent.Container.ItemSpacing.MD}; + padding: ${formcaption.container.padding.md}; + gap: ${formcaption.container.itemspacing.md}; .blr-icon { - padding-top: ${CaptionComponent.IconWrapper.PaddingTop.MD}; - height: ${CaptionComponent.Icon.IconSize.MD}; - width: ${CaptionComponent.Icon.IconSize.MD}; + padding-top: ${formcaption.iconwrapper.paddingtop.md}; + height: ${formcaption.icon.iconsize.md}; + width: ${formcaption.icon.iconsize.md}; } .blr-caption-text { - padding: ${CaptionComponent.TextWrapper.Padding.MD}; - font-family: ${CaptionComponent.Text.Typography.MD.fontFamily}, sans-serif; - font-weight: ${CaptionComponent.Text.Typography.MD.fontWeight}; - font-size: ${CaptionComponent.Text.Typography.MD.fontSize}; - line-height: ${CaptionComponent.Text.Typography.MD.lineHeight}; + padding: ${formcaption.textwrapper.padding.md}; + font-family: ${formcaption.text.typography.md.fontFamily}, sans-serif; + font-weight: ${formcaption.text.typography.md.fontWeight}; + font-size: ${formcaption.text.typography.md.fontSize}; + line-height: ${formcaption.text.typography.md.lineHeight}; } } &.lg { - padding: ${CaptionComponent.Container.Padding.LG}; - gap: ${CaptionComponent.Container.ItemSpacing.LG}; + padding: ${formcaption.container.padding.lg}; + gap: ${formcaption.container.itemspacing.lg}; .blr-icon { - padding-top: ${CaptionComponent.IconWrapper.PaddingTop.LG}; - height: ${CaptionComponent.Icon.IconSize.LG}; - width: ${CaptionComponent.Icon.IconSize.LG}; + padding-top: ${formcaption.iconwrapper.paddingtop.lg}; + height: ${formcaption.icon.iconsize.lg}; + width: ${formcaption.icon.iconsize.lg}; } .blr-caption-text { - padding: ${CaptionComponent.TextWrapper.Padding.LG}; - font-family: ${CaptionComponent.Text.Typography.LG.fontFamily}, sans-serif; - font-weight: ${CaptionComponent.Text.Typography.LG.fontWeight}; - font-size: ${CaptionComponent.Text.Typography.LG.fontSize}; - line-height: ${CaptionComponent.Text.Typography.LG.lineHeight}; + padding: ${formcaption.textwrapper.padding.lg}; + font-family: ${formcaption.text.typography.lg.fontFamily}, sans-serif; + font-weight: ${formcaption.text.typography.lg.fontWeight}; + font-size: ${formcaption.text.typography.lg.fontSize}; + line-height: ${formcaption.text.typography.lg.lineHeight}; } } } diff --git a/packages/ui-library/src/components/form-caption/index.ts b/packages/ui-library/src/components/form-caption/index.ts index 9bc5ad61c..b33c9ca33 100644 --- a/packages/ui-library/src/components/form-caption/index.ts +++ b/packages/ui-library/src/components/form-caption/index.ts @@ -37,11 +37,12 @@ export class BlrFormCaption extends LitElementCustom { const iconSizeVariant = getComponentConfigToken([ 'cmp', - 'CaptionComponent', - 'Icon', - 'SizeVariant', - this.sizeVariant.toUpperCase(), - ]).toLowerCase() as SizesType; + 'formcaption', + 'icon', + 'sizevariant', + // this.sizeVariant.toUpperCase(), + this.sizeVariant, + ]) as SizesType; return html`
diff --git a/packages/ui-library/src/components/toggle-switch/index.css.ts b/packages/ui-library/src/components/toggle-switch/index.css.ts index ee95fe76f..322834c98 100644 --- a/packages/ui-library/src/components/toggle-switch/index.css.ts +++ b/packages/ui-library/src/components/toggle-switch/index.css.ts @@ -110,7 +110,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` })} ${ComponentThemeIterator((theme, cmp, typeSafeCss) => { - const { ToggleSwitch, FormLabel } = cmp; + const { ToggleSwitch, formlabel } = cmp; return typeSafeCss/*css*/ ` .blr-label-toggleswitch.${theme} { @@ -122,7 +122,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` & > .toggle-content-col { & > .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.Rest}; + color: ${formlabel.inlinelabel.textcolor.rest}; } } @@ -141,7 +141,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` } & > .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.Rest}; + color: ${formlabel.inlinelabel.textcolor.rest}; } &:not(.checked) { @@ -278,14 +278,14 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` } & > .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.Rest}; + color: ${formlabel.inlinelabel.textcolor.rest}; } } &.disabled { & > .toggle-content-col { & > .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.Disabled}; + color: ${formlabel.inlinelabel.textcolor.disabled}; } } } @@ -293,7 +293,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` &.readonly { > .toggle-content-col { > .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.ReadOnly}; + color: ${formlabel.inlinelabel.textcolor.readonly}; } } } diff --git a/packages/ui-library/src/foundation/component-tokens/radio.css.ts b/packages/ui-library/src/foundation/component-tokens/radio.css.ts index 9888db18f..147aeafe3 100644 --- a/packages/ui-library/src/foundation/component-tokens/radio.css.ts +++ b/packages/ui-library/src/foundation/component-tokens/radio.css.ts @@ -19,7 +19,7 @@ import { ComponentThemeIterator } from "../_tokens-generated/index.pseudo.genera export const staticStyles = typeSafeNestedCss/*css*/ ` ${ComponentThemeIterator((theme, cmp, typeSafeCss) => { - const { Radio, RadioGroup, FormLabel, CaptionComponent } = cmp; + const { Radio, RadioGroup, formlabel, formcaption } = cmp; return typeSafeCss/*css*/ ` .blr-legend-wrapper.${theme} { @@ -143,7 +143,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` .blr-form-label-inline { _FIX?_: "LabelNextToControl states"; - color: ${FormLabel.InlineLabel.TextColor.Rest}; + color: ${formlabel.inlinelabel.textcolor.rest}; transition: all 0.25s ease 0s; display: flex; align-items: center; @@ -191,15 +191,15 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` gap: ${Radio.ContentCol.ItemSpacing.SM}; .caption-wrapper { - padding: ${CaptionComponent.Container.Padding.SM}; - gap: ${CaptionComponent.Container.ItemSpacing.SM}; + padding: ${formcaption.container.padding.sm}; + gap: ${formcaption.container.itemspacing.sm}; } .blr-form-label-inline { - font-family: ${FormLabel.InlineLabel.Typography.SM.fontFamily}, sans-serif; - font-weight: ${FormLabel.InlineLabel.Typography.SM.fontWeight}; - line-height: ${FormLabel.InlineLabel.Typography.SM.lineHeight}; - font-size: ${FormLabel.InlineLabel.Typography.SM.fontSize}; + font-family: ${formlabel.inlinelabel.typography.sm.fontFamily}, sans-serif; + font-weight: ${formlabel.inlinelabel.typography.sm.fontWeight}; + line-height: ${formlabel.inlinelabel.typography.sm.lineHeight}; + font-size: ${formlabel.inlinelabel.typography.sm.fontSize}; } } } @@ -217,15 +217,15 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` gap: ${Radio.ContentCol.ItemSpacing.MD}; .caption-wrapper { - padding: ${CaptionComponent.Container.Padding.MD}; - gap: ${CaptionComponent.Container.ItemSpacing.MD}; + padding: ${formcaption.container.padding.md}; + gap: ${formcaption.container.itemspacing.md}; } .blr-form-label-inline { - font-family: ${FormLabel.InlineLabel.Typography.MD.fontFamily}, sans-serif; - font-weight: ${FormLabel.InlineLabel.Typography.MD.fontWeight}; - line-height: ${FormLabel.InlineLabel.Typography.MD.lineHeight}; - font-size: ${FormLabel.InlineLabel.Typography.MD.fontSize}; + font-family: ${formlabel.inlinelabel.typography.md.fontFamily}, sans-serif; + font-weight: ${formlabel.inlinelabel.typography.md.fontWeight}; + line-height: ${formlabel.inlinelabel.typography.md.lineHeight}; + font-size: ${formlabel.inlinelabel.typography.md.fontSize}; } } } @@ -243,15 +243,15 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` gap: ${Radio.ContentCol.ItemSpacing.LG}; .caption-wrapper { - padding: ${CaptionComponent.Container.Padding.LG}; - gap: ${CaptionComponent.Container.ItemSpacing.LG}; + padding: ${formcaption.container.padding.lg}; + gap: ${formcaption.container.itemspacing.lg}; } .blr-form-label-inline { - font-family: ${FormLabel.InlineLabel.Typography.LG.fontFamily}, sans-serif; - font-weight: ${FormLabel.InlineLabel.Typography.LG.fontWeight}; - line-height: ${FormLabel.InlineLabel.Typography.LG.lineHeight}; - font-size: ${FormLabel.InlineLabel.Typography.LG.fontSize}; + font-family: ${formlabel.inlinelabel.typography.lg.fontFamily}, sans-serif; + font-weight: ${formlabel.inlinelabel.typography.lg.fontWeight}; + line-height: ${formlabel.inlinelabel.typography.lg.lineHeight}; + font-size: ${formlabel.inlinelabel.typography.lg.fontSize}; } } } @@ -282,7 +282,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` & + .label-wrapper { .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.Hover}; + color: ${formlabel.inlinelabel.textcolor.hover}; } } } @@ -299,7 +299,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` & + .label-wrapper { .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.Pressed}; + color: ${formlabel.inlinelabel.textcolor.pressed}; } } } @@ -319,7 +319,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` & + .label-wrapper { .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.Focus}; + color: ${formlabel.inlinelabel.textcolor.focus}; } } } @@ -407,7 +407,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` & + .label-wrapper { .blr-form-label-inline { cursor: not-allowed; - color: ${FormLabel.InlineLabel.TextColor.Disabled}; + color: ${formlabel.inlinelabel.textcolor.disabled}; } } } @@ -425,7 +425,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` & + .label-wrapper { .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.Error}; + color: ${formlabel.inlinelabel.textcolor.error}; } } @@ -464,7 +464,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` & + .label-wrapper { .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.Disabled}; + color: ${formlabel.inlinelabel.textcolor.disabled}; } } } @@ -485,7 +485,7 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` & + .label-wrapper { .blr-form-label-inline { - color: ${FormLabel.InlineLabel.TextColor.ReadOnly}; + color: ${formlabel.inlinelabel.textcolor.readonly}; } } } @@ -495,24 +495,24 @@ export const staticStyles = typeSafeNestedCss/*css*/ ` margin-top: 0; &.sm { - padding: ${CaptionComponent.TextWrapper.Padding.SM}; - font-family: ${CaptionComponent.Text.Typography.SM.fontFamily}, sans-serif; - font-size: ${CaptionComponent.Text.Typography.SM.fontSize}; - line-height: ${CaptionComponent.Text.Typography.SM.lineHeight}; + padding: ${formcaption.textwrapper.padding.sm}; + font-family: ${formcaption.text.typography.sm.fontFamily}, sans-serif; + font-size: ${formcaption.text.typography.sm.fontSize}; + line-height: ${formcaption.text.typography.sm.lineHeight}; } &.md { - padding: ${CaptionComponent.TextWrapper.Padding.MD}; - font-family: ${CaptionComponent.Text.Typography.MD.fontFamily}, sans-serif; - font-size: ${CaptionComponent.Text.Typography.MD.fontSize}; - line-height: ${CaptionComponent.Text.Typography.MD.lineHeight}; + padding: ${formcaption.textwrapper.padding.md}; + font-family: ${formcaption.text.typography.md.fontFamily}, sans-serif; + font-size: ${formcaption.text.typography.md.fontSize}; + line-height: ${formcaption.text.typography.md.lineHeight}; } &.lg { - padding: ${CaptionComponent.TextWrapper.Padding.LG}; - font-family: ${CaptionComponent.Text.Typography.LG.fontFamily}, sans-serif; - font-size: ${CaptionComponent.Text.Typography.LG.fontSize}; - line-height: ${CaptionComponent.Text.Typography.LG.lineHeight}; + padding: ${formcaption.textwrapper.padding.lg}; + font-family: ${formcaption.text.typography.lg.fontFamily}, sans-serif; + font-size: ${formcaption.text.typography.lg.fontSize}; + line-height: ${formcaption.text.typography.lg.lineHeight}; } } } diff --git a/packages/ui-library/src/foundation/semantic-tokens/form.css.ts b/packages/ui-library/src/foundation/semantic-tokens/form.css.ts index f1ef65046..bb71bb3ad 100644 --- a/packages/ui-library/src/foundation/semantic-tokens/form.css.ts +++ b/packages/ui-library/src/foundation/semantic-tokens/form.css.ts @@ -272,117 +272,117 @@ export const staticSemanticStyles = typeSafeNestedCss/*css*/ ` export const staticComponentStyles = typeSafeNestedCss/*css*/ ` ${ComponentThemeIterator((theme, cmp, typeSafeCss) => { - const { FormLabel } = cmp; + const { formlabel } = cmp; return typeSafeCss/*css*/ ` .blr-form-label.${theme} { - color: ${FormLabel.Label.TextColor.Rest}; + color: ${formlabel.label.textcolor.rest}; &:focus { - color: ${FormLabel.Label.TextColor.Focus}; + color: ${formlabel.label.textcolor.focus}; .blr-form-label-appendix { - color: ${FormLabel.LabelAppendix.TextColor.Focus}; + color: ${formlabel.labelappendix.textcolor.focus}; } } &:hover { - color: ${FormLabel.Label.TextColor.Hover}; + color: ${formlabel.label.textcolor.hover}; .blr-form-label-appendix { - color: ${FormLabel.LabelAppendix.TextColor.Hover}; + color: ${formlabel.labelappendix.textcolor.hover}; } } &:disabled { - color: ${FormLabel.Label.TextColor.Disabled}; + color: ${formlabel.label.textcolor.disabled}; .blr-form-label-appendix { - color: ${FormLabel.LabelAppendix.TextColor.Disabled}; + color: ${formlabel.labelappendix.textcolor.disabled}; } } &[readonly] { - color: ${FormLabel.Label.TextColor.ReadOnly}; + color: ${formlabel.label.textcolor.readonly}; .blr-form-label-appendix { - color: ${FormLabel.LabelAppendix.TextColor.ReadOnly}; + color: ${formlabel.labelappendix.textcolor.readonly}; } } &.error { - color: ${FormLabel.Label.TextColor.Error}; + color: ${formlabel.label.textcolor.error}; .blr-form-label-appendix { - color: ${FormLabel.LabelAppendix.TextColor.Error}; + color: ${formlabel.labelappendix.textcolor.error}; } } &.sm { - font-weight: ${FormLabel.Label.Typography.SM.fontWeight}; - font-size: ${FormLabel.Label.Typography.SM.fontSize}; - font-family: ${FormLabel.Label.Typography.SM.fontFamily}, sans-serif; - line-height: ${FormLabel.Label.Typography.SM.lineHeight}; - gap: ${FormLabel.Container.ItemSpacing.SM}; + font-weight: ${formlabel.label.typography.sm.fontWeight}; + font-size: ${formlabel.label.typography.sm.fontSize}; + font-family: ${formlabel.label.typography.sm.fontFamily}, sans-serif; + line-height: ${formlabel.label.typography.sm.lineHeight}; + gap: ${formlabel.container.itemspacing.sm}; } &.md { - font-weight: ${FormLabel.Label.Typography.MD.fontWeight}; - font-size: ${FormLabel.Label.Typography.MD.fontSize}; - font-family: ${FormLabel.Label.Typography.MD.fontFamily}, sans-serif; - line-height: ${FormLabel.Label.Typography.MD.lineHeight}; - gap: ${FormLabel.Container.ItemSpacing.MD}; + font-weight: ${formlabel.label.typography.md.fontWeight}; + font-size: ${formlabel.label.typography.md.fontSize}; + font-family: ${formlabel.label.typography.md.fontFamily}, sans-serif; + line-height: ${formlabel.label.typography.md.lineHeight}; + gap: ${formlabel.container.itemspacing.md}; } &.lg { - font-weight: ${FormLabel.Label.Typography.LG.fontWeight}; - font-size: ${FormLabel.Label.Typography.LG.fontSize}; - font-family: ${FormLabel.Label.Typography.LG.fontFamily}, sans-serif; - line-height: ${FormLabel.Label.Typography.LG.lineHeight}; - gap: ${FormLabel.Container.ItemSpacing.LG}; + font-weight: ${formlabel.label.typography.lg.fontWeight}; + font-size: ${formlabel.label.typography.lg.fontSize}; + font-family: ${formlabel.label.typography.lg.fontFamily}, sans-serif; + line-height: ${formlabel.label.typography.lg.lineHeight}; + gap: ${formlabel.container.itemspacing.lg}; } } .blr-form-label-inline.${theme} { &.sm { - font-weight: ${FormLabel.InlineLabel.Typography.SM.fontWeight}; - font-size: ${FormLabel.InlineLabel.Typography.SM.fontSize}; - font-family: ${FormLabel.InlineLabel.Typography.SM.fontFamily}, sans-serif; - line-height: ${FormLabel.InlineLabel.Typography.SM.lineHeight}; + font-weight: ${formlabel.inlinelabel.typography.sm.fontWeight}; + font-size: ${formlabel.inlinelabel.typography.sm.fontSize}; + font-family: ${formlabel.inlinelabel.typography.sm.fontFamily}, sans-serif; + line-height: ${formlabel.inlinelabel.typography.sm.lineHeight}; } &.md { - font-weight: ${FormLabel.InlineLabel.Typography.MD.fontWeight}; - font-size: ${FormLabel.InlineLabel.Typography.MD.fontSize}; - font-family: ${FormLabel.InlineLabel.Typography.MD.fontFamily}, sans-serif; - line-height: ${FormLabel.InlineLabel.Typography.MD.lineHeight}; + font-weight: ${formlabel.inlinelabel.typography.md.fontWeight}; + font-size: ${formlabel.inlinelabel.typography.md.fontSize}; + font-family: ${formlabel.inlinelabel.typography.md.fontFamily}, sans-serif; + line-height: ${formlabel.inlinelabel.typography.md.lineHeight}; } &.lg { - font-weight: ${FormLabel.InlineLabel.Typography.LG.fontWeight}; - font-size: ${FormLabel.InlineLabel.Typography.LG.fontSize}; - font-family: ${FormLabel.InlineLabel.Typography.LG.fontFamily}, sans-serif; - line-height: ${FormLabel.InlineLabel.Typography.LG.lineHeight}; + font-weight: ${formlabel.inlinelabel.typography.lg.fontWeight}; + font-size: ${formlabel.inlinelabel.typography.lg.fontSize}; + font-family: ${formlabel.inlinelabel.typography.lg.fontFamily}, sans-serif; + line-height: ${formlabel.inlinelabel.typography.lg.lineHeight}; } } .blr-form-label-appendix.${theme} { - color: ${FormLabel.LabelAppendix.TextColor.Rest}; + color: ${formlabel.labelappendix.textcolor.rest}; &.sm { - font-weight: ${FormLabel.LabelAppendix.Typography.SM.fontWeight}; - font-size: ${FormLabel.LabelAppendix.Typography.SM.fontSize}; - font-family: ${FormLabel.LabelAppendix.Typography.SM.fontFamily}, sans-serif; - line-height: ${FormLabel.LabelAppendix.Typography.SM.lineHeight}; + font-weight: ${formlabel.labelappendix.typography.sm.fontWeight}; + font-size: ${formlabel.labelappendix.typography.sm.fontSize}; + font-family: ${formlabel.labelappendix.typography.sm.fontFamily}, sans-serif; + line-height: ${formlabel.labelappendix.typography.sm.lineHeight}; } &.md { - font-weight: ${FormLabel.LabelAppendix.Typography.MD.fontWeight}; - font-size: ${FormLabel.LabelAppendix.Typography.MD.fontSize}; - font-family: ${FormLabel.LabelAppendix.Typography.MD.fontFamily}, sans-serif; - line-height: ${FormLabel.LabelAppendix.Typography.MD.lineHeight}; + font-weight: ${formlabel.labelappendix.typography.md.fontWeight}; + font-size: ${formlabel.labelappendix.typography.md.fontSize}; + font-family: ${formlabel.labelappendix.typography.md.fontFamily}, sans-serif; + line-height: ${formlabel.labelappendix.typography.md.lineHeight}; } &.lg { - font-weight: ${FormLabel.LabelAppendix.Typography.LG.fontWeight}; - font-size: ${FormLabel.LabelAppendix.Typography.LG.fontSize}; - font-family: ${FormLabel.LabelAppendix.Typography.LG.fontFamily}, sans-serif; - line-height: ${FormLabel.LabelAppendix.Typography.LG.lineHeight}; + font-weight: ${formlabel.labelappendix.typography.lg.fontWeight}; + font-size: ${formlabel.labelappendix.typography.lg.fontSize}; + font-family: ${formlabel.labelappendix.typography.lg.fontFamily}, sans-serif; + line-height: ${formlabel.labelappendix.typography.lg.lineHeight}; } } `;