From 2e1d1497d0610b812e6bc44a30209d8e2435ccdd Mon Sep 17 00:00:00 2001 From: Christian Hoffmann <112889877+ChristianHoffmannS2@users.noreply.github.com> Date: Mon, 15 Jan 2024 18:44:21 +0100 Subject: [PATCH 1/9] added dependencies to story for buttons (#786) * added dependencies to story for buttons * fix for all --- .../actions/buttons/icon-button/index.stories.ts | 6 +++++- .../actions/buttons/text-button/index.stories.ts | 3 +++ .../src/components/feedback/loader/index.stories.ts | 3 +++ .../src/components/feedback/tooltip/index.stories.ts | 3 +++ .../feedback/tooltip/tooltip-bubble/index.stories.ts | 3 +++ .../src/components/forms/checkbox/index.stories.ts | 3 +++ .../src/components/forms/number-input/index.stories.ts | 3 +++ .../forms/radio/radio-input-group/index.stories.ts | 3 +++ .../components/forms/radio/radio-input/index.stories.ts | 3 +++ .../src/components/forms/select/index.stories.ts | 3 +++ .../range-legend-slider/index.stories.ts | 3 +++ .../slider-single-value/range-slider/index.stories.ts | 3 +++ .../range-legend-min-max-slider/index.stories.ts | 3 +++ .../range-min-max-slider/index.stories.ts | 3 +++ .../src/components/forms/text-input/index.stories.ts | 3 +++ .../src/components/forms/textarea/index.stories.ts | 3 +++ .../src/components/forms/toggle-switch/index.stories.ts | 3 +++ .../internal-components/counter/index.stories.ts | 3 +++ .../form-caption-group/form-caption/index.stories.ts | 3 +++ .../form-caption-group/index.stories.ts | 3 +++ .../internal-components/form-label/index.stories.ts | 3 +++ .../src/components/navigation/tab-bar/index.stories.ts | 3 +++ .../src/components/ui/button-group/index.stories.ts | 9 ++++++--- .../src/components/ui/divider/index.stories.ts | 3 +++ .../src/components/ui/icon/icon-link/index.stories.ts | 3 +++ .../ui-library/src/components/ui/icon/index.stories.ts | 3 +++ 26 files changed, 83 insertions(+), 4 deletions(-) diff --git a/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts b/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts index 1df43903c..bbdcc4218 100644 --- a/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts +++ b/packages/ui-library/src/components/actions/buttons/icon-button/index.stories.ts @@ -1,11 +1,15 @@ /* eslint-disable no-console */ import { html } from 'lit'; -import { BlrIconButtonType } from './index'; +import type { BlrIconButtonType } from './index'; + import { BlrIconButtonRenderFunction } from './renderFunction'; import { PureIconKeys } from '@boiler/icons'; import { ActionVariants, ActionSizes } from '../../../../globals/constants'; import { Themes } from '../../../../foundation/_tokens-generated/index.themes'; +// this loads the all components instances and registers their html tags +import '../../../../index'; + // Shared Style inside the Stories const sharedStyles = html` +`; + +export default { + title: 'Design System/Web Components/Forms/Radio Group/Radio Group', + argTypes: { + size: { + name: 'sizeVariant', + description: ' Choose size of the component. ', + options: InputSizes, + control: { type: 'radio' }, + table: { + category: 'Appearance', + }, + }, + // direction: { + // description: 'Choose direction of the component.', + // table: { + // category: 'Appearance', + // }, + // options: ['horizontal', 'vertical'], + // control: { + // type: 'radio', + // }, + // }, + showLegend: { + description: 'Choose if component has a legend. ', + table: { + category: 'Content / Settings', + }, + control: { type: 'boolean' }, + }, + legend: { + description: 'Enter string used as legend text.', + control: { type: 'text' }, + table: { + category: 'Content / Settings', + }, + }, + hasHint: { + name: 'hasHint', + description: ' Choose if component has a hint message. ', + control: { + type: 'boolean', + }, + table: { + category: 'Content / Settings', + }, + }, + groupHintMessage: { + description: 'Enter string used used as hint message.', + if: { arg: 'hasHint', eq: true }, + table: { + category: 'Content / Settings', + }, + }, + groupHintIcon: { + description: 'Select an icon which is displayed in front of the hint message.', + if: { arg: 'hasHint', eq: true }, + options: [undefined, ...PureIconKeys], + control: { type: 'select' }, + table: { + category: 'Content / Settings', + }, + }, + options: { + name: 'options', + description: + 'Enter an array containing information about the label, value and disabled prop for all options that are part of the select.', + control: 'array', + table: { + category: 'Content / Settings', + }, + }, + disabled: { + name: 'disabled', + description: + 'Choose if component is disabled. Prevents the user to select or change the value of this component. ', + + table: { + category: 'States', + }, + }, + readonly: { + name: 'readonly', + description: 'Choose if component is readonly. The user can select but not change the value of this component.', + table: { + category: 'States', + }, + }, + required: { + name: 'required', + description: 'Choose if the component must hold a value after an interaction or a submit.', + table: { + category: 'Validations', + }, + }, + hasError: { + name: 'hasError', + description: 'Choose if component has an error.', + table: { + category: 'Validations', + }, + }, + groupErrorMessage: { + name: 'errorMessage', + description: 'Enter string used used as error message.', + table: { + category: 'Validations', + }, + if: { arg: 'hasError', eq: true }, + }, + groupErrorIcon: { + name: 'errorMessageIcon', + description: 'Select an icon which is displayed in front of the error message.', + table: { + category: 'Validations', + }, + options: [undefined, ...PureIconKeys], + control: { type: 'select' }, + if: { arg: 'hasError', eq: true }, + }, + ariaLabel: { + name: 'araiaLabel', + description: + 'Provides additional information about the elements purpose and functionality to assistive technologies, such as screen readers.', + table: { + category: 'Accessibility', + }, + control: { type: 'text' }, + }, + radioGroupId: { + name: 'radioGroupId', + description: 'Unique identifier for this component.', + table: { + category: 'Technical Attributes', + }, + }, + name: { + description: 'For a < form > element, the name attribute is used as a reference when the data is submitted. ', + table: { + category: 'Technical Attributes', + }, + control: { type: 'text', label: 'Radio' }, + }, + onChange: { + name: 'onChange', + description: 'Fires when the value changes.', + action: 'onChange', + table: { + category: 'Events', + }, + }, + onFocus: { + name: 'onFocus', + description: 'Fires when the component is focused.', + action: 'onFocus', + table: { + disable: false, + category: 'Events', + }, + }, + onBlur: { + name: 'onBlur', + description: 'Fires when the component lost focus.', + action: 'onBlur', + table: { + disable: false, + category: 'Events', + }, + }, + theme: { + options: Themes, + control: { type: 'select' }, + table: { + category: 'Appearance', + }, + }, + }, + parameters: { + design: { + type: 'figma', + url: 'https://www.figma.com/file/C4vgEKz8mKyulJ4gm3Qdql/%F0%9F%AB%A7-%5BBLR%5D-The-B01LER?node-id=3618%3A125199&mode=dev', + }, + viewMode: 'docs', + layout: 'centered', + docs: { + description: { + component: ` + Radio group is used to present users with a set of options where they can select only one choice from the available options. When a radio button is selected, a small dot or indicator usually appears inside the circle to indicate the active choice. + - [**Appearance**](#appearance) + - [**Size Variant**](#size-variant) + + - [**Content / Settings**](#content--settings) + - [**Has Legend**](#has-legend) + - [**States**](#states) + - [**Disabled**](#disabled) + - [**Readonly**](#readonly) + - [**Validation**](#validation) + - [**Required**](#required) + - [**Has Error**](#has-error) + - [**Dependencies**](#dependencies) + - [**Form Caption Group**](#form-caption-group) + + `, + }, + }, + }, +}; + +export const BlrRadioGroup = (params: BlrRadioGroupType) => BlrRadioGroupRenderFunction(params); + +BlrRadioGroup.storyName = 'Radio Group'; + +const defaultParams: BlrRadioGroupType & { + // direction: 'horizontal' | 'vertical'; + ariaLabel: string; + radioGroupId: string; +} = { + theme: 'Light', + size: 'md', + // direction: 'horizontal', + showLegend: true, + legend: 'Legend-text', + hasHint: false, + groupHintMessage: 'This is a small hint', + groupHintIcon: 'blrInfo', + options: [ + { + value: '0', + label: 'Option 1', + checked: false, + errorMessage: 'OMG! An error!', + hintMessage: 'This is a small hint', + }, + { + value: '1', + label: 'Option 2', + checked: false, + errorMessage: 'OMG! An error!', + hintMessage: 'This is a small hint', + }, + { + value: '2', + label: 'Option 3', + checked: true, + errorMessage: 'OMG! An error!', + hintMessage: 'This is a small hint', + }, + { + value: '4', + label: 'Option 4', + checked: false, + errorMessage: 'OMG! An error!', + hintMessage: 'This is a small hint', + }, + ], + disabled: false, + readonly: false, + required: false, + hasError: false, + groupErrorMessage: '', + groupErrorIcon: undefined, + ariaLabel: 'Radio Group', + radioGroupId: 'Radio Group', + name: 'Radio Group ', + onChange: () => action('onFocus'), + onFocus: () => action('onFocus'), + onBlur: () => action('onBlur'), +}; + +BlrRadioGroup.args = defaultParams; + +/** + * ## Appearance + * ### Size Variant + * The Radio Group component comes in 3 sizes: SM, MD and LG. + */ +export const SizeVariant = () => { + return html` + ${sharedStyles} +
+ ${BlrRadioGroup({ + ...defaultParams, + size: 'sm', + legend: 'Radio Group SM', + })} +
+
+ ${BlrRadioGroup({ + ...defaultParams, + size: 'md', + legend: 'Radio Group MD', + })} +
+
+ ${BlrRadioGroup({ + ...defaultParams, + size: 'lg', + legend: 'Radio Group LG', + })} +
+ `; +}; + +SizeVariant.story = { name: ' ' }; + +// /** +// * The Radio Group component can have a horizontal or a vertical direction. +// * */ +// export const Direction = () => { +// return html` +// ${sharedStyles} +//
+// ${BlrRadioGroup({ +// ...defaultParams, +// direction: 'vertical', +// legend: 'Vertical', +// })} +//
+//
+// ${BlrRadioGroup({ +// ...defaultParams, +// direction: 'horizontal', +// legend: 'Horizontal', +// })} +//
+// `; +// }; + +/** + * ## Content / Settings + * ### Has Legend + *The Radio Group component can display a legend or no legend. + */ + +export const HasLegend = () => + html` +
+ ${BlrRadioGroup({ + ...defaultParams, + showLegend: true, + legend: 'With Legend', + })} +
+
+ ${BlrRadioGroup({ + ...defaultParams, + showLegend: false, + })} +
+ `; + +HasLegend.story = { name: ' ' }; + +/** + * ## States + * Apart from states like rest, hover, pressed and focus, the Radio Group component can also be disabled or readonly. The error state is documented under [Validation](#validation). + * ### Disabled + * The Radio Group component in the disabled state can not be interacted with. This means it can not receive focus or be selected. + */ + +export const Disabled = () => { + return html` + ${sharedStyles} + ${BlrRadioGroup({ + ...defaultParams, + legend: 'Disabled', + disabled: true, + })} + `; +}; + +Disabled.story = { name: ' ' }; + +/** + * The Radio Group component in the readonly state can not be interacted with, but it can still be selected and receive focus. + */ +export const Readonly = () => { + return html` + ${sharedStyles} + ${BlrRadioGroup({ + ...defaultParams, + legend: 'Readonly', + readonly: true, + })} + `; +}; + +/** + * ## Validation + * ### Required + *The Radio Group component can be set as required. If set as required, an error should be thrown, when the Radio Group component was not checked, before it was submitted. It is recommended to indicate in the leged appendix, whether a component is required or not. + */ + +export const Required = () => { + return html` + ${sharedStyles} + ${BlrRadioGroup({ + ...defaultParams, + legend: 'Required', + required: true, + })} + `; +}; + +Required.story = { name: ' ' }; +/** +The Radio Group component can be set to have an error. An error can be displayed after submitting a wrong value, after leaving/deselecting the Radio Group or in case the Radio Group was set as required and has not been checked before submitting. For more information on the error message have a look at the [Form Caption Group](#form-caption-group) in the dependencies section below. + */ +export const HasError = () => { + return html` + ${sharedStyles} + ${BlrRadioGroup({ + ...defaultParams, + legend: 'Error', + + hasError: true, + })} + `; +}; + +/** + * ## Dependencies + * ### Form Caption Group + * The Radio Group component can display an optional hint message and error message with icons. Both captions can be combined. For more information have a look at the internal [Form Caption Group](?path=/docs/design-system-web-components-internal-components-formcaptiongroup--docs) component. + */ +export const FormCaptionGroup = () => { + return html` + ${sharedStyles} +
+ ${BlrRadioGroup({ + ...defaultParams, + legend: 'Hint message', + hasHint: true, + })} +
+
+ ${BlrRadioGroup({ + ...defaultParams, + legend: 'Hint and error message', + errorIcon: 'blr360', + groupErrorMessage: "OMG it's an error", + hasHint: true, + hasError: true, + })} +
+ `; +}; + +FormCaptionGroup.story = { name: ' ' }; diff --git a/packages/ui-library/src/components/forms/radio/radio-input-group/index.test.ts b/packages/ui-library/src/components/forms/radio/radio-group/index.test.ts similarity index 100% rename from packages/ui-library/src/components/forms/radio/radio-input-group/index.test.ts rename to packages/ui-library/src/components/forms/radio/radio-group/index.test.ts diff --git a/packages/ui-library/src/components/forms/radio/radio-input-group/index.ts b/packages/ui-library/src/components/forms/radio/radio-group/index.ts similarity index 96% rename from packages/ui-library/src/components/forms/radio/radio-input-group/index.ts rename to packages/ui-library/src/components/forms/radio/radio-group/index.ts index 567864486..88244fac5 100644 --- a/packages/ui-library/src/components/forms/radio/radio-input-group/index.ts +++ b/packages/ui-library/src/components/forms/radio/radio-group/index.ts @@ -28,7 +28,7 @@ export class BlrRadioGroup extends LitElement { @property() onFocus?: HTMLElement['focus']; @property() hasError?: boolean; @property() errorIcon?: SizelessIconType; - @property() hideLabel!: boolean; + @property() hideLabel?: boolean; @property() options!: RadioOption[]; @property() hasHint = true; @property() groupHintIcon?: SizelessIconType; @@ -36,6 +36,8 @@ export class BlrRadioGroup extends LitElement { @property() groupHintMessage?: string; @property() groupErrorIcon?: SizelessIconType; @property() showLegend?: boolean = true; + @property() legend?: string; + @property() direction?: 'vertical' | 'horizontal'; @property() theme: ThemeType = 'Light'; @@ -92,7 +94,7 @@ export class BlrRadioGroup extends LitElement { ${dynamicStyles.map((style) => style)} ${this.showLegend - ? html`
Choose any option
` + ? html`
${this.legend}
` : nothing}
diff --git a/packages/ui-library/src/components/forms/radio/radio-input-group/indexReact.ts b/packages/ui-library/src/components/forms/radio/radio-group/indexReact.ts similarity index 100% rename from packages/ui-library/src/components/forms/radio/radio-input-group/indexReact.ts rename to packages/ui-library/src/components/forms/radio/radio-group/indexReact.ts diff --git a/packages/ui-library/src/components/forms/radio/radio-input-group/renderFunction.ts b/packages/ui-library/src/components/forms/radio/radio-group/renderFunction.ts similarity index 100% rename from packages/ui-library/src/components/forms/radio/radio-input-group/renderFunction.ts rename to packages/ui-library/src/components/forms/radio/radio-group/renderFunction.ts diff --git a/packages/ui-library/src/components/forms/radio/radio-input-group/index.stories.ts b/packages/ui-library/src/components/forms/radio/radio-input-group/index.stories.ts deleted file mode 100644 index 773ca8f30..000000000 --- a/packages/ui-library/src/components/forms/radio/radio-input-group/index.stories.ts +++ /dev/null @@ -1,74 +0,0 @@ -import { BlrRadioGroupType } from './index'; -import { BlrRadioGroupRenderFunction } from './renderFunction'; -import { InputSizes } from '../../../../globals/constants'; -import { getIconName } from '../../../../utils/get-icon-name'; -import { IconKeys } from '@boiler/icons'; -import { Themes } from '../../../../foundation/_tokens-generated/index.themes'; - -// this loads the all components instances and registers their html tags -import '../../../../index'; - -export default { - title: 'Design System/Web Components/Forms/RadioGroup', - argTypes: { - size: { - options: InputSizes, - control: { type: 'select' }, - }, - options: { control: 'array' }, - groupHintIcon: { - if: { arg: 'hasHint', eq: true }, - options: [undefined, ...getIconName(IconKeys)], - control: { type: 'select' }, - }, - groupErrorIcon: { - if: { arg: 'hasError', eq: true }, - options: [undefined, ...getIconName(IconKeys)], - control: { type: 'select' }, - }, - groupErrorMessage: { - if: { arg: 'hasError', eq: true }, - }, - groupHintMessage: { - if: { arg: 'hasHint', eq: true }, - }, - theme: { - options: Themes, - control: { type: 'select' }, - }, - }, - parameters: { - design: { - type: 'figma', - url: 'https://www.figma.com/file/C4vgEKz8mKyulJ4gm3Qdql/%F0%9F%AB%A7-%5BBLR%5D-The-B01LER?node-id=3618%3A125199&mode=dev', - }, - }, -}; - -export const BlrRadioGroup = (params: BlrRadioGroupType) => BlrRadioGroupRenderFunction(params); - -BlrRadioGroup.storyName = 'RadioGroup'; - -const args: BlrRadioGroupType = { - theme: 'Light', - disabled: false, - name: 'Default Name', - required: false, - readonly: false, - size: 'md', - options: [ - { label: 'Multi-line option 1', value: 'option1', hintMessage: 'Hint 1', errorMessage: 'Error Message 1' }, - { label: 'Option 2', value: 'option2', hintMessage: 'Hint 2', errorMessage: 'Error Message 2' }, - { label: 'Option 3', value: 'option3', hintMessage: 'Hint 3', errorMessage: 'Error Message 3' }, - ], - showLegend: true, - hasHint: true, - groupHintMessage: 'This is a sample hint message', - groupHintIcon: 'blrInfo', - hasError: false, - groupErrorMessage: '', - groupErrorIcon: undefined, - hideLabel: false, -}; - -BlrRadioGroup.args = args; diff --git a/packages/ui-library/src/components/forms/radio/radio-input/renderFunction.ts b/packages/ui-library/src/components/forms/radio/renderFunction.ts similarity index 67% rename from packages/ui-library/src/components/forms/radio/radio-input/renderFunction.ts rename to packages/ui-library/src/components/forms/radio/renderFunction.ts index f44902b30..f4aaefea2 100644 --- a/packages/ui-library/src/components/forms/radio/radio-input/renderFunction.ts +++ b/packages/ui-library/src/components/forms/radio/renderFunction.ts @@ -1,5 +1,5 @@ import { BlrRadioType } from '.'; -import { genericBlrComponentRenderer } from '../../../../utils/typesafe-generic-component-renderer'; +import { genericBlrComponentRenderer } from '../../../utils/typesafe-generic-component-renderer'; export const TAG_NAME = 'blr-radio'; diff --git a/packages/ui-library/src/index.ts b/packages/ui-library/src/index.ts index dcfe9910b..7380f0e6e 100644 --- a/packages/ui-library/src/index.ts +++ b/packages/ui-library/src/index.ts @@ -15,9 +15,9 @@ export { BlrCheckbox } from './components/forms/checkbox'; export { BlrNumberInput } from './components/forms/number-input'; -export { BlrRadio } from './components/forms/radio/radio-input'; +export { BlrRadio } from './components/forms/radio'; -export { BlrRadioGroup } from './components/forms/radio/radio-input-group'; +export { BlrRadioGroup } from './components/forms/radio/radio-group'; export { BlrSelect } from './components/forms/select'; From d697f9cd9929deb25d89edac04400b4509d508d9 Mon Sep 17 00:00:00 2001 From: JpunktWpunkt <92968754+JpunktWpunkt@users.noreply.github.com> Date: Wed, 17 Jan 2024 10:21:09 +0100 Subject: [PATCH 8/9] Feature/419 storybook toggle switch (#783) * feat(storybook): added argTableTypes * feature(storybook): added toggle-switch story * feature(storybook): added various stories * fix(storybook): added changes after review and add name property to component * fix(storybook): change story property order * fix(storybook): added changes after review * fix(storybook): another changes after review * fix(storybook): added changes after review --- .../forms/toggle-switch/index.stories.ts | 455 ++++++++++++++++-- .../components/forms/toggle-switch/index.ts | 1 + 2 files changed, 421 insertions(+), 35 deletions(-) diff --git a/packages/ui-library/src/components/forms/toggle-switch/index.stories.ts b/packages/ui-library/src/components/forms/toggle-switch/index.stories.ts index 0f5446b8c..a2d3299ee 100644 --- a/packages/ui-library/src/components/forms/toggle-switch/index.stories.ts +++ b/packages/ui-library/src/components/forms/toggle-switch/index.stories.ts @@ -4,40 +4,174 @@ import { BlrToggleSwitchRenderFunction } from './renderFunction'; import { PureIconKeys } from '@boiler/icons'; import { FormSizes, IconPositionVariant } from '../../../globals/constants'; import { Themes } from '../../../foundation/_tokens-generated/index.themes'; +import { html } from 'lit-html'; + +// Shared Style inside the Stories +const sharedStyles = html` + +`; +const logEventType = (event: Event) => { + console.log('storybook:story:logEventType', event.type); +}; + +const defaultParams: BlrToggleSwitchType = { + theme: 'Light', + size: 'md', + checked: false, + showStateLabel: true, + label: 'Label-text', + onLabel: 'On-label-text', + offLabel: 'Off-label-text', + hasHint: false, + hintMessage: 'This is a small hint', + hintIcon: 'blrInfo', + disabled: false, + readonly: false, + checkInputId: 'toggle-switchId', + variant: 'trailing', + name: 'toggle-switch-name', + onChange: logEventType, + onFocus: logEventType, + onBlur: logEventType, +}; // this loads the all components instances and registers their html tags import '../../../index'; export default { - title: 'Design System/Web Components/Forms/ToggleSwitch', + title: 'Design System/Web Components/Forms/Toggle Switch', argTypes: { size: { + name: 'sizeVariant', + description: 'Choose size of the component.', options: FormSizes, - control: { type: 'select' }, + control: { type: 'radio' }, + table: { + category: 'Appearance', + }, + }, + variant: { + description: 'Choose if the control has a state label.', + options: IconPositionVariant, + control: { type: 'radio' }, + table: { + category: 'Appearance', + }, + }, + checked: { + description: 'Choose if component is active.', + options: { type: 'boolean' }, + table: { + category: 'Content / Settings', + }, + }, + hasHint: { + description: 'Choose if component has a hint message.', + options: { type: 'boolean' }, + table: { + category: 'Content / Settings', + }, }, hintMessage: { + description: 'Enter string used used as hint message.', if: { arg: 'hasHint', eq: true }, + table: { + category: 'Content / Settings', + }, }, hintIcon: { + name: 'hintMessageIcon', + description: 'Select an icon which is displayed in front of the hint message.', options: [undefined, ...PureIconKeys], control: { type: 'select' }, if: { arg: 'hasHint', eq: true }, - }, - variant: { - options: IconPositionVariant, - control: { type: 'select' }, + table: { + category: 'Content / Settings', + }, }, theme: { options: Themes, control: { type: 'select' }, + table: { + category: 'Appearance', + }, }, - toggleOnIcon: { - options: [undefined, ...PureIconKeys], - control: { type: 'select' }, + showStateLabel: { + description: 'Choose if component has a state label.', + table: { + disable: true, + }, }, - toggleOffIcon: { - options: [undefined, ...PureIconKeys], - control: { type: 'select' }, + label: { + description: 'Enter string used as label text.', + table: { + category: 'Content / Settings', + }, + if: { arg: 'showStateLabel', eq: true }, + }, + onLabel: { + description: 'Enter string used as on label text.', + table: { + category: 'Content / Settings', + }, + if: { arg: 'variant', eq: 'leading' }, + }, + offLabel: { + description: 'Enter string used as off label text.', + table: { + category: 'Content / Settings', + }, + if: { arg: 'variant', eq: 'leading' }, + }, + disabled: { + description: + 'Choose if component is disabled. Prevents the user to select or change the value of this component.', + table: { + category: 'States', + }, + }, + checkInputId: { + description: 'Unique identifier for this component.', + table: { + category: 'Technical attributes', + }, + }, + name: { + description: 'For a < form > element, the name attribute is used as a reference when the data is submitted.', + table: { + category: 'Technical attributes', + }, + }, + onChange: { + description: 'Fires when the value changes.', + table: { + category: 'Events', + }, + }, + onFocus: { + description: 'Fires when the component is focused.', + table: { + category: 'Events', + }, + }, + onBlur: { + description: 'Fires when the component lost focus.', + table: { + category: 'Events', + }, + }, + readonly: { + description: 'Choose if component is readonly. The user can select but not change the value of this component.', + table: { + category: 'States', + }, }, }, parameters: { @@ -45,35 +179,286 @@ export default { type: 'figma', url: 'https://www.figma.com/file/C4vgEKz8mKyulJ4gm3Qdql/%F0%9F%AB%A7-%5BBLR%5D-The-B01LER?node-id=3618%3A125201&mode=dev', }, + layout: 'centered', + docs: { + description: { + component: ` +Toggle Switch allows users to choose between two mutually exclusive states, such as on/off or yes/no. It is typically a small, rectangular button with two states, represented by different icons or labels. +They can also be used to control more complex features, such as the state of a system or the availability of a service. +- [**Appearance**](#appearance) + - [**Size Variant**](#size-variant) + - [**Has State Label**](#has-state-label) +- [**Content / Settings**](#content--settings) + - [**Checked**](#checked) + - [**On Label**](#on-label) + - [**Off Label**](#off-label) +- [**States**](#states) + - [**Disabled**](#disabled) + - [**Readonly**](#readonly) +- [**Dependencies**](#dependencies) + - [**Form Caption**](#form-caption) + + `, + }, + }, }, }; -export const BlrToggleSwitch = (params: BlrToggleSwitchType) => BlrToggleSwitchRenderFunction(params); +export const ToggleSwitch = (params: BlrToggleSwitchType) => BlrToggleSwitchRenderFunction(params); +ToggleSwitch.args = defaultParams; -BlrToggleSwitch.storyName = 'ToggleSwitch'; +/** + * ## Appearance + * ### Size Variant + * The Toggle Switch component comes in 3 sizes: SM, MD, LG. + */ +export const SizeVariant = () => { + return html` + ${sharedStyles} +
+ ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + label: 'Toggle Switch SM', + hasHint: false, + offLabel: undefined, + onLabel: undefined, + size: 'sm', + })} + ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + label: 'Toggle Switch MD', + hasHint: false, + offLabel: undefined, + onLabel: undefined, + size: 'md', + })} + ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + label: 'Toggle Switch LG', + hasHint: false, + offLabel: undefined, + onLabel: undefined, + size: 'lg', + })} +
+ `; +}; +SizeVariant.story = { name: ' ' }; -const logEventType = (event: Event) => { - console.log('storybook:story:logEventType', event.type); +/** + * ### Has State Label + * The Toggle Switch component can have a state label, in which case the whole layout of the component will change so that the label will be placed above the control and a state label will indicate whether the control is active or inactive. If the Toggle Switch component does not have a state label, the control will not have a state label and will be placed right to the component label. + */ +export const HasStateLabel = () => { + return html` + ${sharedStyles} +
+ ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'trailing', + hasHint: false, + label: 'Without state label', + offLabel: undefined, + onLabel: undefined, + })} + ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'leading', + label: 'With state label', + hasHint: false, + offLabel: 'Off', + onLabel: 'On', + })} +
+ `; }; +HasStateLabel.story = { name: ' ' }; -const args: BlrToggleSwitchType = { - theme: 'Light', - label: 'Toggle Switch Option', - onLabel: 'On', - offLabel: 'Off', - showStateLabel: true, - checkInputId: 'switch', - disabled: false, - readonly: false, - checked: false, - size: 'md', - hasHint: true, - hintMessage: 'Field is used for hint', - hintIcon: 'blrInfo', - variant: 'leading', - onChange: logEventType, - onFocus: logEventType, - onBlur: logEventType, +/** + * ## Content / Settings + * ### Checked + * The Toggle Switch component can be active or inactive. The active state indicates that the associated function or setting is currently enabled or turned on. The inactive state signifies that the associated function or setting is currently disabled or turned off. + */ +export const Active = () => { + return html` + ${sharedStyles} +
+ ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + hasHint: false, + label: 'Active', + offLabel: undefined, + onLabel: undefined, + checked: true, + })} + ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + hasHint: false, + label: 'Inactive', + offLabel: undefined, + onLabel: undefined, + })} + ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'leading', + showStateLabel: true, + checked: true, + hasHint: false, + label: 'Active and Inactive state labels', + offLabel: 'Inactive', + onLabel: 'Active', + })} +
+ `; +}; +Active.story = { name: ' ' }; + +/** + * ### On Label + * The Toggle Switch component can have an on label that is displayed when the component has a state label and is active. + */ +export const OnLabel = () => { + return html` + ${sharedStyles} +
+ ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + checked: true, + hasHint: false, + label: 'With on label', + onLabel: 'On', + offLabel: 'Off', + variant: 'leading', + showStateLabel: true, + })} +
+ `; }; +OnLabel.story = { name: ' ' }; -BlrToggleSwitch.args = args; +/** + * ### Off Label + * The Toggle Switch component can have an off label that is displayed when the component has a state label and is inactive. + */ +export const OffLabel = () => { + return html` + ${sharedStyles} +
+ ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'leading', + hasHint: false, + label: 'With off label', + offLabel: 'Off', + onLabel: 'On', + showStateLabel: true, + checked: false, + })} +
+ `; +}; +OffLabel.story = { name: ' ' }; + +/** + * ## States + * Apart from states like rest, hover, pressed and focus, the Toggle Switch component can also be disabled or readonly. + * ### Disabled + * The Toggle Switch component in the disabled state can not be interacted with. This means it can not receive focus or be selected. + */ +export const Disabled = () => { + return html` + ${sharedStyles} +
+ ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'trailing', + disabled: true, + hasHint: false, + label: 'Disabled', + showStateLabel: true, + onLabel: undefined, + offLabel: undefined, + })} + ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'leading', + disabled: true, + hasHint: false, + label: 'Disabled with state label', + showStateLabel: true, + onLabel: 'On Disabled', + offLabel: 'Off Disabled', + })} +
+ `; +}; +Disabled.story = { name: ' ' }; + +/** + * ### Readonly + * The Toggle Switch component in the readonly state can not be interacted with, but it can still be selected and receive focus. + */ +export const Readonly = () => { + return html` + ${sharedStyles} +
+ ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'trailing', + readonly: true, + hasHint: false, + label: 'Readonly', + showStateLabel: true, + onLabel: undefined, + offLabel: undefined, + })} + ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'leading', + readonly: true, + hasHint: false, + label: 'Readonly with state label', + showStateLabel: true, + onLabel: 'On Readonly', + offLabel: 'Off Readonly', + })} +
+ `; +}; +Readonly.story = { name: ' ' }; + +/** + * ## Dependencies + * ### Form Caption + * The Toggle Switch component can display an optional hint message with or without icons. For more information have a look at the [Form Caption](/docs/design-system-web-components-internal-components-formcaptiongroup-formcaption--docs) component. + */ +export const FormCaption = () => { + return html` + ${sharedStyles} +
+ ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'trailing', + hasHint: true, + hintMessage: 'This is a small hint message', + hintIcon: 'blrInfo', + showStateLabel: true, + label: 'Hint message', + offLabel: undefined, + onLabel: undefined, + })} + ${BlrToggleSwitchRenderFunction({ + ...defaultParams, + variant: 'leading', + showStateLabel: true, + hasHint: true, + hintMessage: 'This is a small hint message', + hintIcon: 'blrInfo', + label: 'Hint message with state label', + offLabel: 'Off', + onLabel: 'On', + })} +
+ `; +}; +FormCaption.story = { name: ' ' }; diff --git a/packages/ui-library/src/components/forms/toggle-switch/index.ts b/packages/ui-library/src/components/forms/toggle-switch/index.ts index 2c535c00b..88a12d08a 100644 --- a/packages/ui-library/src/components/forms/toggle-switch/index.ts +++ b/packages/ui-library/src/components/forms/toggle-switch/index.ts @@ -30,6 +30,7 @@ export class BlrToggleSwitch extends LitElement { @property() offLabel!: string; @property() showStateLabel?: boolean; @property() checkInputId!: string; + @property() name!: string; @property() disabled?: boolean; @property() readonly?: boolean; From 8d8d9da58b2a65daf5c509c564e03fa7c11395aa Mon Sep 17 00:00:00 2001 From: larserbach Date: Wed, 17 Jan 2024 14:52:25 +0100 Subject: [PATCH 9/9] #550 tooltip rename tokens 2 (#794) * fixes tooltip tokens * apply new token names on tooltip-bubble/index.css * Adds tooltip elevation and typo tokens * fix tooltip tokens --------- Co-authored-by: David Kennedy <127498135+davidken91@users.noreply.github.com> Co-authored-by: Christian Hoffmann <112889877+ChristianHoffmannS2@users.noreply.github.com> --- .../input/tokens/$themes.json | 822 +++++++++++++----- .../input/tokens/color/CMP.json | 22 +- .../input/tokens/color/SEM.json | 11 + .../input/tokens/dimensions/CMP.json | 36 +- .../tooltip/tooltip-bubble/index.css.ts | 29 +- 5 files changed, 669 insertions(+), 251 deletions(-) diff --git a/packages/figma-design-tokens/input/tokens/$themes.json b/packages/figma-design-tokens/input/tokens/$themes.json index 5b3d9e4b4..db0c4c97e 100644 --- a/packages/figma-design-tokens/input/tokens/$themes.json +++ b/packages/figma-design-tokens/input/tokens/$themes.json @@ -18,8 +18,6 @@ "Action.StepperButton.Icon.Pressed": "S:f00335b647ce9e55e338fcd8912554016d4285f4,", "Action.StepperButton.Icon.Focus": "S:2d03110a6bead1f4b1e8760cd178a298d333d3b3,", "Action.StepperButton.Icon.Disabled": "S:38601b1e656c8a27974e71bcfd4defc53d3fabbf,", - "Feedback.Tooltip.SurfaceFill": "S:481aa2a7b4dea8a8cdd6600ac795be1f2ffdd2d0,", - "Feedback.Tooltip.Content": "S:7fe24cf94a01a49ba9b41ebfaaae2eb3cce7b67e,", "Forms.Checkbox.Control.Background.Unselected.Fill.Rest": "S:adfc68e04df9985eafc20b4a6e47475f4eace2c7,", "Forms.Checkbox.Control.Background.Unselected.Fill.Hover": "S:f64ce4b7b724b6896346771824e059ac3df88fc6,", "Forms.Checkbox.Control.Background.Unselected.Fill.Pressed": "S:1c051e6a7ddb37797baf44b1af67501fbf839794,", @@ -526,7 +524,32 @@ "Forms.Radio.Control.Container.BorderColor.Inactive.Focus": "S:e2b0d05ad9dd74cae916297b0737c836cb23e61a,", "Forms.Radio.Control.Container.BorderColor.Inactive.Disabled": "S:9e94cb0b5683c0d0d9844c14a0879c50183e7076,", "Forms.Radio.Control.Container.BorderColor.Inactive.ReadOnly": "S:efc2790f8e7e1d5321ed19a4c36f9c6b30a1b460,", - "Forms.Radio.Control.Container.BorderColor.Inactive.Error": "S:2adcd9e2dc79c4605f8d1a7baafc7bffc945e832," + "Forms.Radio.Control.Container.BorderColor.Inactive.Error": "S:2adcd9e2dc79c4605f8d1a7baafc7bffc945e832,", + "Feedback.Tooltip.Container.BackgroundColor": "S:481aa2a7b4dea8a8cdd6600ac795be1f2ffdd2d0,", + "Feedback.Tooltip.Text.TextColor": "S:7fe24cf94a01a49ba9b41ebfaaae2eb3cce7b67e,", + "Feedback.Tooltip.Container.Elevation.Elevated": "S:21b7306f3c5c349d1fb00b2ecd3c9640972b4ee8,", + "Elevation.Lvl_0": "S:906fb3d66e03a2f7e629bc5c0724bef9a1b0bd4b,", + "Elevation.Lvl_1": "S:ff5d222bc62514ed5d9c09b46dc9bccbde07a440,", + "Elevation.Lvl_2": "S:50902e0d6bf1d51ae232bfd2f436101e3eac6275,", + "Forms.FormLabel.Label.Typography.SM": "S:d1491d917c3fb00f2675edcf5f13f4ec57d84e4f,", + "Forms.FormLabel.Label.Typography.MD": "S:d9f72d9686b0b5757ef6e1264fdf12d45058b3a2,", + "Forms.FormLabel.Label.Typography.LG": "S:0e79577d538ea1a8e2c7ad7a580d13597bf10980,", + "Forms.FormLabel.LabelAppendix.Typography.SM": "S:5a135b52685cd8abf90367a9309fe35e3e0bb4a1,", + "Forms.FormLabel.LabelAppendix.Typography.MD": "S:915778981c2f87b6745d010a702021ce5458f930,", + "Forms.FormLabel.LabelAppendix.Typography.LG": "S:484b96fd639f11c71a3996cbb6f7e892aee6c28a,", + "Forms.FormLabel.InlineLabel.Typography.SM": "S:9b981b84cd9a9bbf5336ea925f8f5643f89dae23,", + "Forms.FormLabel.InlineLabel.Typography.MD": "S:56e55ec39910955bce0158291c3e1cd00527f09f,", + "Forms.FormLabel.InlineLabel.Typography.LG": "S:64d3060405dff6b6ede6083c2a0f4b8767af2f4f,", + "Navigation.TabBar.Tab.Label.Typography.SM": "S:e032d9d576b9082c260b673671fe51610dbda08c,", + "Navigation.TabBar.Tab.Label.Typography.MD": "S:4850ef3d3faef86bb62b45a0f0f5e5ee2a2c6b63,", + "Navigation.TabBar.Tab.Label.Typography.LG": "S:4bbb8388c9d0ea76d5950542135c8d2f8e852230,", + "Feedback.Tooltip.Text.Typography": "S:1f8626cbe84d9db5acc3cd429b468451fbf44793,", + "UI.Caption.SM": "S:4675684901c78472ecbf9ceabc2b3c28cb7cd695,", + "UI.Caption.MD": "S:3d03210c3757414b1b9cf0e3d9f9fa1aae006f47,", + "UI.Caption.LG": "S:732233baef2cf63e2de78562cee881d3b5d18ee2,", + "Forms.SM.PrefixSuffix": "S:ead9c5fb313e8bf3f41f8ff4c4d9468bc99f9648,", + "Forms.MD.PrefixSuffix": "S:3e94547ee52a1e521c3054d2400c1b883ddbc454,", + "Forms.LG.PrefixSuffix": "S:348fdb06ff80287c3fe2b27605fb46f5bfdf163d," }, "selectedTokenSets": { "core/COR": "source", @@ -607,6 +630,16 @@ "Actions.TextDropdown.Container.BorderRadius.MD": "25781812276941bd8e9acf74fc6bf543a09b6b48", "Actions.TextDropdown.Container.BorderRadius.LG": "07c3df19f41c1034c41af63c7f28726c2340fd1e", "Actions.TextDropdown.Container.BorderRadius.XL": "7a02bf901a3da5abfe141a34ddabf62a55b32614", + "Actions.IconButton.Container.Padding.XS": "ad4ddc311cb2b0648ecfb36897e14fb18a6c1a73", + "Actions.IconButton.Container.Padding.SM": "ce783bfc2ffdc2a14219085b21e325e1d2de5147", + "Actions.IconButton.Container.Padding.MD": "a6041a7579936eab5e00c3256a07791b5768daa6", + "Actions.IconButton.Container.Padding.LG": "9f387f2253fef8b6c447c651b83868ed760a8a6b", + "Actions.IconButton.Container.Padding.XL": "ce6b3c59cfafb50b6737d63aa8d650fdf6ce6240", + "Actions.IconButton.Container.ItemSpacing.XS": "a88c7d701291eb406fdf98cb4fcb9908f0e77a20", + "Actions.IconButton.Container.ItemSpacing.SM": "e18c694d4946cc45c3f7374214d9821e6a9a42f7", + "Actions.IconButton.Container.ItemSpacing.MD": "07ab918d0e2c4086b91c61ae9a9147ce6ce028e8", + "Actions.IconButton.Container.ItemSpacing.LG": "f9133882745fe1b3883820ea0b005c009c0babd9", + "Actions.IconButton.Container.ItemSpacing.XL": "be83dc3b6032cf8593aeb4637c7269f317887d11", "Actions.IconButton.Container.BorderRadius.XS": "1211dc3b875918cf63a42ef04b6d2ace241f1002", "Actions.IconButton.Container.BorderRadius.SM": "4e6c80dbe98f67e28c2ed782123c30af6abada58", "Actions.IconButton.Container.BorderRadius.MD": "7e6551e57ecc734a09d0ef388ef756391e1fe07c", @@ -632,6 +665,11 @@ "Actions.IconDropdown.Container.PaddingLeft.MD": "7c94ff8b15f0a1ff9016413e77acc086f487d12c", "Actions.IconDropdown.Container.PaddingLeft.LG": "9a63832186582caad151bacffa1078059aa53c8d", "Actions.IconDropdown.Container.PaddingLeft.XL": "ee43329d2eda06b476575fb3ce54436fe3a41cf5", + "Actions.IconDropdown.Container.ItemSpacing.XS": "df1f907da4e2fdb0a17779b9490d32f1f62dcb6f", + "Actions.IconDropdown.Container.ItemSpacing.SM": "bd8371096b5fa3c4deb3f6d009eaf9ecd81cfb72", + "Actions.IconDropdown.Container.ItemSpacing.MD": "a80ca34b4e854d48a547bd4ad5a2f7519e0928e9", + "Actions.IconDropdown.Container.ItemSpacing.LG": "f708fef92ea007ae000c187160ac1bbefeebbd74", + "Actions.IconDropdown.Container.ItemSpacing.XL": "25f9218ce46d9c1f680a957c4e35eeb8d53beb4f", "Actions.IconDropdown.Container.BorderRadius.XS": "bdf46754d8b78c02bc155e016951a54f7c8540b5", "Actions.IconDropdown.Container.BorderRadius.SM": "fecbb8df911e5b91bf7701a4c4ee60b7dacba44b", "Actions.IconDropdown.Container.BorderRadius.MD": "bf8d742931da6202a7c8fef4e32a5a9b93fff40c", @@ -656,15 +694,21 @@ "Feedback.Counter.Container.PaddingLeftRight.MD": "d7baf44f248a8e792e454cca0eded0b7da6a751d", "Feedback.Counter.Container.PaddingLeftRight.LG": "599eb4964b21547696c83da1da0e100ac4a8d18e", "Feedback.Counter.Container.BorderRadius.SM": "b92726906c5e430f98a1cad2d3d82dfe0aca0dcc", + "Feedback.Counter.Container.BorderRadius.MD": "a9d2d119686fc566e959b0477eb57faef937f926", "Feedback.Counter.Container.BorderRadius.LG": "762a14cf88d137f74c22256eec1c608454c0e883", "Feedback.Counter.Container.BorderWidth.SM": "bd162a688380d5634b3f1e1d74e9a2a37ffc656d", "Feedback.Counter.Container.BorderWidth.MD": "c536f378d7447a8f1fa6c25706dfeeb055378b00", "Feedback.Counter.Container.BorderWidth.LG": "58edf1745a264d7d4716f008c9596dc7f2c9dbd9", - "Feedback.Tooltip.ContentCol.BorderRadius": "906869eb73643879480690e884c3d3f11c6e2acd", + "Feedback.Counter.Container.ItemSpacing.SM": "fd24027d76388bf3e00bf4d361ca190907b9ad9b", + "Feedback.Counter.Container.ItemSpacing.MD": "a3fc7ccc7383cbe4851fe8156d7defc4772325bf", + "Feedback.Counter.Container.ItemSpacing.LG": "af1cf8305bb7e9cfee629abf943110f497d82117", + "Feedback.Tooltip.TextWrapper.BorderRadius": "906869eb73643879480690e884c3d3f11c6e2acd", + "Feedback.Tooltip.TextWrapper.MinWidth": "704449dbecff2c5715b20b6674bd5ceb7ab45d5d", + "Feedback.Tooltip.TextWrapper.MaxWidth": "6703f42032601a0e8e9de76fade182f7b6098b7f", + "Feedback.Tooltip.TextWrapper.PaddingTopBottm": "68ed37f7803ef53f4314c136fb323acf8141f3fd", + "Feedback.Tooltip.TextWrapper.PaddingLeftRight": "43440a095bb32779beaaf225bb925077319f2b2f", "Feedback.Tooltip.NoseWrapper.PaddingTopBottom": "5ae1aa66dd9cbf9843d6f93ba70bb690a529c112", "Feedback.Tooltip.NoseWrapper.PaddingLeftRight": "e1b333c7dbbf6ac752ba85d44cf99a82d81dc607", - "Feedback.Tooltip.MinWidth": "704449dbecff2c5715b20b6674bd5ceb7ab45d5d", - "Feedback.Tooltip.MaxWidth": "6703f42032601a0e8e9de76fade182f7b6098b7f", "Feedback.Dialog.XS.MaxWidth": "4d5ba73856baa8166c20049c4a31fa76c4898883", "Feedback.Dialog.XS.Padding": "0a30d3b44013cac618288f078f03021cac6c28cd", "Feedback.Dialog.SM.MaxWidth": "e384d5cfe9eeeaacade4ef6e05e545a622733a79", @@ -874,12 +918,112 @@ "Forms.RadioGroup.RadioStackVertical.ItemSpacing.SM": "9747e7387ccf5a39b75b4b87a85e1fa496c8f321", "Forms.RadioGroup.RadioStackVertical.ItemSpacing.MD": "c3b638d0bfdf9bb15c1242f8549b5a77181eee80", "Forms.RadioGroup.RadioStackVertical.ItemSpacing.LG": "9078e58ad8671fe49446d9134c4683d92b12417f", - "Forms.Select.SM.IconPaddingRight": "fdd1cb252bddca5415ea56be09e288d2448eedb6", - "Forms.Select.MD.IconPaddingRight": "f2d3790406c214a99981980933e5e9593d631c07", - "Forms.Select.LG.IconPaddingRight": "1c7131022784d1fb1c29393506d54332fa43f234", - "Forms.TextArea.SM.MinHeight": "e126940af6bf2cf49ac2742258230557b0c6a0d7", - "Forms.TextArea.MD.MinHeight": "f2aec5d81be0e4b43e85baf7a56579347f5de832", - "Forms.TextArea.LG.MinHeight": "3036a4f154b9df3caf5322be3a06b5046866f673", + "Forms.Select.SM.IconPaddingRight": "32d481f01f53a1a5b9f92455a9f1a1f04667182a", + "Forms.Select.MD.IconPaddingRight": "0fd348b61690f1c372400ac426c8098dd594fc05", + "Forms.Select.LG.IconPaddingRight": "f9d89c13767041ed3e4422ce0bffac29b661a00c", + "Forms.TextArea.InputField.MinHeight.SM": "e126940af6bf2cf49ac2742258230557b0c6a0d7", + "Forms.TextArea.InputField.MinHeight.MD": "f2aec5d81be0e4b43e85baf7a56579347f5de832", + "Forms.TextArea.InputField.MinHeight.LG": "3036a4f154b9df3caf5322be3a06b5046866f673", + "Forms.ToggleSwitch.Container.ItemSpacing.SM": "f7a3a4938816150b7bbb7487f85e011d4615f32f", + "Forms.ToggleSwitch.Container.ItemSpacing.MD": "f87066b824c03c767cbc48d9d91dca3109cc8c67", + "Forms.ToggleSwitch.Container.ItemSpacing.LG": "e1256788ee6614ae456f586e88e5f82a3bbac951", + "Forms.ToggleSwitch.ContentCol.ItemSpacing.SM": "52a5ea16baf36e46f15825826ebba84734095b79", + "Forms.ToggleSwitch.ContentCol.ItemSpacing.MD": "24c034d135aeeb5e1e858ab6bdf7bb4b7ac76572", + "Forms.ToggleSwitch.ContentCol.ItemSpacing.LG": "26747d4828ead75a96bdb6aa199f5f7bef8656c9", + "Forms.ToggleSwitch.Control.Container.BorderRadius": "b6ca38909c84c3945d91f54d777a5ce4f4d27f65", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Rest": "8443304ea445b2f06f5158bae550d4184b74bf19", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Hover": "89217bf38aae2a18587cb7cae486bf28653b4fc9", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Pressed": "1395d8ce01320ce7c864c9cb28ae9241a91bf8ed", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Focus": "2f46580299621bc0f4fcd012c2d61a196b3f8f65", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Disabled": "02000efd1f447b040f69cb64fa92b479b91867eb", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.ReadOnly": "96d95eb18ccc7dbc6de37650602a326244687447", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Inactive.Rest": "fb43f81ce14c60333e93590ccafb092274c5015c", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Inactive.Hover": "3def7a6de75b8052f6025f49c8019ba2309f5c59", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Inactive.Pressed": "a5b0e5434836d65304197365d4d061e365458f2b", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Inactive.Focus": "ce55013eb760d7d136feb65d14b55e76964016ee", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Inactive.Disabled": "ced945f2200027781652e5990a1315e67ca3e5f2", + "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Inactive.ReadOnly": "50f724b531ca386787f64d052e61aeeea9465c22", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Active.Rest": "be1afea032d7d677ca56b5c2948b46b51f79e28a", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Active.Hover": "6e1d1eb0cabb728ee7c5bc905357f14921f6062a", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Active.Pressed": "470e9328d86130083db996bc0af8ab9cfc0252dc", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Active.Focus": "e9021be4f38a9251bb6e0585a54694ba2b0aa71e", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Active.Disabled": "a010f3e6b10d49b78cb19392b5dcc8a6e9df6f05", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Active.ReadOnly": "af60a6558f73f4a21c4868be521805ac619cc626", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Inactive.Rest": "9137de8ffc4cf25eabdbaf6c7e7db544e4254b07", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Inactive.Hover": "efde4408acdfa361a1ac00907d95044a68216fb8", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Inactive.Pressed": "1ba52adda238f559ca9aa76a1a3dbd1810205e12", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Inactive.Focus": "5e47064e334d0496e1f2a18db6d1a15612749264", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Inactive.Disabled": "52ce8ebe431adf033a8c7ae7ddefcdb64049f2c8", + "Forms.ToggleSwitch.Control.Container.BorderWidth.MD.Inactive.ReadOnly": "8e132b5df3639782a7f3bd615c490238e68679be", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Active.Rest": "8e185d9c18d5ba07e113a57fc39facd98c9fa6a2", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Active.Hover": "6b05e64401247569fff15872036a944306e52f23", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Active.Pressed": "561152da5ccbde1837188e9c65b505fdb7256989", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Active.Focus": "93ab4d0ceefdf77f85557bcb88e6fd6b0cfb2bc8", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Active.Disabled": "bb0edccd51d9a5950d481abefef07d94c4536f5b", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Active.ReadOnly": "dff20f512e8285c83a660c89fc59b0ad25c23184", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Inactive.Rest": "fbf85b491dbadda3871d68c0a44323b76d69ffb2", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Inactive.Hover": "ad78e1e0955ec27d027ed9e7bc8b011c500d556e", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Inactive.Pressed": "c9faaa1dd2f7e68f7e8cadcaeab3b66e2d5c2438", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Inactive.Focus": "a10d6b45e1cecb51c786941796deedd46172d4b2", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Inactive.Disabled": "608f042c02e7158665c241b8606caeebb89543c7", + "Forms.ToggleSwitch.Control.Container.BorderWidth.LG.Inactive.ReadOnly": "3fef2b5e588daef68e737f6ba94e7b91c9eb00a8", + "Forms.ToggleSwitch.Control.Container.Width.SM": "e6409142b83baf3d7bb68b744aa91ccab5c39d0b", + "Forms.ToggleSwitch.Control.Container.Width.MD": "2bcd00695d027c3e77c23d74562baadc455273e2", + "Forms.ToggleSwitch.Control.Container.Width.LG": "c8bf100c2313dbddb8010817e2d4a515baf148e8", + "Forms.ToggleSwitch.Control.Container.Height.SM": "06772a393615f69fc8d5e45d49595cfcd3c8f5de", + "Forms.ToggleSwitch.Control.Container.Height.MD": "10728a78f2ccc16d4d140dbbfd0507c5aa85c151", + "Forms.ToggleSwitch.Control.Container.Height.LG": "dfbeb254685ad83eedd2bd3de7656f52714b6e39", + "Forms.ToggleSwitch.Control.Container.Padding.SM": "47e748b69fd37ccbe639d2f7b440b07c1943bf73", + "Forms.ToggleSwitch.Control.Container.Padding.MD": "12a5ba9ae3658acbfec472ec5981ddbd37a99db1", + "Forms.ToggleSwitch.Control.Container.Padding.LG": "faddc4124fa729a3c9510ed740474ff547f65d99", + "Forms.ToggleSwitch.Control.AY11Icon.IconSize.SM": "fd656d7566f15ebba6f6741a2bff2945b0100b44", + "Forms.ToggleSwitch.Control.AY11Icon.IconSize.MD": "fa04d3cd59c4a2c0c9981c2b15652a8c63f95277", + "Forms.ToggleSwitch.Control.AY11Icon.IconSize.LG": "d85521ca0574d1e5039f44e40122d900d5a37c73", + "Forms.ToggleSwitch.Control.AY11IconContainer.PaddingLeftRight.SM": "e7c4287ae0f5d1c9362010a1ba260344804442f4", + "Forms.ToggleSwitch.Control.AY11IconContainer.PaddingLeftRight.MD": "1f4af8e97a6d5e1b82bf47071cd3814381cba02b", + "Forms.ToggleSwitch.Control.AY11IconContainer.PaddingLeftRight.LG": "b7cefe0d33792b10b3f7353e07cbd4c3211f08bc", + "Forms.ToggleSwitch.Control.Knob.Size.SM": "28dad85834303cd0e3a5eca328d70e31a5d3ca7d", + "Forms.ToggleSwitch.Control.Knob.Size.MD": "ec4541d4eaf2b6b79ae3e1ea8c482c153219d4d3", + "Forms.ToggleSwitch.Control.Knob.Size.LG": "669d21364af01102e0efcf77cddfeb07c06f938f", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Rest": "a7d41464a861e047543339d36bc9a1bcc3a6443f", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Hover": "662a967daeff097129da7ada54b1115039e84020", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Pressed": "5420b405969ba23d0370baaf1ee2e852336ac323", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Focus": "22ff4a9d658ea808d0542048e58572cfccaa5f08", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Disabled": "8df55f1d8f891d8d4af6c68b63a2090a46668846", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.ReadOnly": "5ec9dba82eac269c598da978f9f3c3eef507c5f2", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Rest": "ea8d2c283807c33cb0aa80f1ed304c7caf94fb8d", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Hover": "caa9500139856af79a48ed72caa315ba4fb245ab", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Pressed": "97675456c6a2bab9d1fae1042187a01613bae1ae", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Focus": "c307ca4cb785e50eab3e44a612d4b882717c0995", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Disabled": "eaa84f2bf1abd3604f44df8307357b85b148d73e", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.ReadOnly": "1dcd4661fad24da460c577ea14989b6e3d989571", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Rest": "14c306c7ad94d8c465927678d0377922a249fe9b", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Hover": "da24d52a60279721a7265b674b5ec8a13769779d", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Pressed": "5cdbb2f82d019104de75a9e3367e90cf27d48e39", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Focus": "e7696d0cb790c923c10ea9566ea047613380e833", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Disabled": "39750897a0b50e3e34ebdf933a19a5ad8beeb12a", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.ReadOnly": "cce3039022fcd81c71c511c0c51126c365233ed4", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Rest": "dbae4abbd361e574c87a0da7699d7b64ca28f3e6", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Hover": "79c62a40d901cc41fae79854e04a93d485b3e7b6", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Pressed": "2615b2f5bb94e8649599fbd8680780f59b719fee", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Focus": "804b33b9d9c788808b175a3bf1476138a1fffff2", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Disabled": "dc35493b49dfbbc29612454075e010abe91a014d", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.ReadOnly": "f9bfd14f9514da71f6a4ed108c17adba7b23b1e3", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Rest": "8146243035bdffc580512ed432031efef8729284", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Hover": "88034beba68036b163d63c86a62533d461bf9377", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Pressed": "60d9a23314abb9face3fc313e491ca6882e7bed4", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Focus": "aa80b4eb0d135b076ec407914cabfb572728a581", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Disabled": "27575228571a08239e2a565a94f4bd1d98833fdf", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.ReadOnly": "0d953fd9c4e583d26dc8bf4b9ebdc2f9190751de", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Rest": "677a48e89d9b7b2a77a1f8713d04c1e0cf9c35ad", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Hover": "1826d41946adde037f721b56915efd5dbfca68aa", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Pressed": "f1e8f69e7d2dd02b2e7fa7e4e1d97ba401d5b9a2", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Focus": "77de4c8c77672371e5641ddda58b7aa3fe7b9d76", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Disabled": "614db5b2590d0131017ceee4b7db57b97e11777c", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.ReadOnly": "50b5198906a5722ba4521684fc2b454ec355018f", + "Forms.ToggleSwitch.ControlWithStateLabel.Container.ItemSpacing.SM": "2f384ac7859d1ef2082811080b999ad4871f9784", + "Forms.ToggleSwitch.ControlWithStateLabel.Container.ItemSpacing.MD": "dcbe0eba5dc4f10ff2bba7e2b073f156b730aaba", + "Forms.ToggleSwitch.ControlWithStateLabel.Container.ItemSpacing.LG": "62d0b78f33b367721ca7dae53af0970461e297cf", "Forms.Slider.Thumb.Sizing.Rest": "c1a06168fad8ec36449f9f76bd9794f90cc08967", "Forms.Slider.Thumb.Sizing.Hover": "92f7b084a0de72de7f8affbd8eae719d566c02a3", "Forms.Slider.Thumb.Sizing.Pressed": "c4afe6cd30a4f980be07da2ace3bd15d3ff3cb49", @@ -887,8 +1031,49 @@ "Forms.Slider.Thumb.Sizing.Disabled": "f392e2ca8457aa3977a92325a66c185fcd028c54", "Forms.Slider.Thumb.Sizing.Readonly": "f14a4e554ad447122477cc697b86041c3f76415c", "Forms.Slider.TickMark.Sizing": "1463ab3e63d2a5936e5823f1a5a099bf5f9baef9", + "Forms.NumberInput.Input.TextContainer.ItemSpacing.SM": "fe2a59e1c771ef86b5c64c724782a9a622acca9a", + "Forms.NumberInput.Input.TextContainer.ItemSpacing.MD": "6c45d7fc2f7b9f646da23abcdddc068f865dbc26", + "Forms.NumberInput.Input.TextContainer.ItemSpacing.LG": "e4fb34d6f9727370ab0fa0f12846390b603ca136", + "Forms.CaptionGroup.Container.ItemSpacing.SM": "88cb1edf643e0e81bcc084226d7506fabfcea1cd", + "Forms.CaptionGroup.Container.ItemSpacing.MD": "fd0479ce7fca70558742fd2a0b583c9e7a0e53df", + "Forms.CaptionGroup.Container.ItemSpacing.LG": "1cbbab9634e0b132b53aa4955dde3d57585259b1", + "Forms.FormLabel.Container.ItemSpacing.SM": "b95c4cb7273103216bb9f475b40482c69a906724", + "Forms.FormLabel.Container.ItemSpacing.MD": "9f332681b5d6aeb5257e8b7c81927ebf838bf962", + "Forms.FormLabel.Container.ItemSpacing.LG": "f61dee5fef7e7f2a1e8801625057884241025971", + "UI.Icon.Container.Size.XXS": "fea119cf550b046ebf50a0109332c3a60ea87b25", + "UI.Icon.Container.Size.XS": "0ce7b20454c4fa112fec6c2270208ad5a308ea87", + "UI.Icon.Container.Size.SM": "6cd6bd785ced35f38c70b32330f286e6898440f4", + "UI.Icon.Container.Size.MD": "a740e2ee25b01efb222461173f60f3f6f65363cd", + "UI.Icon.Container.Size.LG": "ad28daf19bdf0c4645a70c8fe1936d4517dfc1e4", + "UI.Icon.Container.Size.XL": "8cee7653715d1f34f945384c82495055e7bb3c82", + "UI.ButtonGroup.Container.ItemSpacing.XS": "a7f46542b1192ecc4d4d7d20693fc15400f9ffb9", + "UI.ButtonGroup.Container.ItemSpacing.SM": "593e3bc279656b1c0f90ed39840bfc6d0e9f00f3", + "UI.ButtonGroup.Container.ItemSpacing.MD": "a71c6138bdfc73114198d65264a430f437536d68", + "UI.ButtonGroup.Container.ItemSpacing.LG": "8619b8d2abd37e81cdf34a6bc37d1014c6f78556", + "UI.ButtonGroup.Container.ItemSpacing.XL": "f5589986a628a0b132e6ca360becd353cd50e6a6", "UI.Divider.Container.Horizontal.Height": "99c86886304f9f83153010601e78a457c3a2377f", "UI.Divider.Container.Vertical.Width": "1392f861f2707b9dda9ab2ccd7deac928696a142", + "Navigation.TabBar.Tab.HighlightLine.Height.SM": "ec176d10887c957d0076731450b8cb33cef7d03f", + "Navigation.TabBar.Tab.HighlightLine.Height.MD": "7683fc334a62417d868dc8b4bb13254abae06431", + "Navigation.TabBar.Tab.HighlightLine.Height.LG": "dc9bc6425fd4b5f0ee96e41354bbe2ec0d6b66b1", + "Navigation.TabBar.Tab.ContentCol.PaddingTop.SM": "6d8a8321051f1e9fa57c0b74ec343fe1078b947e", + "Navigation.TabBar.Tab.ContentCol.PaddingTop.MD": "2bc349821f89e3acdd11f2cfd745086d5d025850", + "Navigation.TabBar.Tab.ContentCol.PaddingTop.LG": "aece7b8bcb938721535229e362ff8892646e1a0f", + "Navigation.TabBar.Tab.ContentCol.ItemSpacing.SM": "d061d19ddbef814160276dbdf717648110b78f9a", + "Navigation.TabBar.Tab.ContentCol.ItemSpacing.MD": "13f356737a6586c855c52788c7d63ebd23e2fdc5", + "Navigation.TabBar.Tab.ContentCol.ItemSpacing.LG": "834e6dc8bd09200f1442200df8406fdce1fd9f67", + "Navigation.TabBar.Tab.ContentRow.PaddingLeftRight.SM": "6cdf3d5d1530daa0e8cbdb565300878dbd94d5a2", + "Navigation.TabBar.Tab.ContentRow.PaddingLeftRight.MD": "21330a7791ac56c3c5ef8443a42fef13c0a8da3d", + "Navigation.TabBar.Tab.ContentRow.PaddingLeftRight.LG": "9e30569e1e7df1a9cce518e20605dafad1cc1a8c", + "Navigation.TabBar.Tab.ContentRow.ItemSpacing.SM": "9b407aea6e3a2c2b059fdd5776d209583a165d46", + "Navigation.TabBar.Tab.ContentRow.ItemSpacing.MD": "659b399cc4e36a26e8602a4f70292def7ecdd27a", + "Navigation.TabBar.Tab.ContentRow.ItemSpacing.LG": "882da64efb19d3976d75d4eafd173dd79a5d13f7", + "Navigation.TabBar.Tab.Icon.IconSize.SM": "6b113eef73655ad8a509f69b111eed85029c1b26", + "Navigation.TabBar.Tab.Icon.IconSize.MD": "1c5cafe5f396b8d959bc6ffaef3c1410f83d08ed", + "Navigation.TabBar.Tab.Icon.IconSize.LG": "f5f44d23ed6dd979bfaf9799b4457688e2231230", + "Navigation.TabBar.ButtonWrapper.InnerPadding.SM": "b48c00747c5756df28c3e4e90efae5568e023f5e", + "Navigation.TabBar.ButtonWrapper.InnerPadding.MD": "2a847be484c780391e72bea86c070dccc30c1926", + "Navigation.TabBar.ButtonWrapper.InnerPadding.LG": "f8b9aff60ec41648f6e837b71cca0d26f8f8b811", "Action.BorderRadius": "9644fb0b564a7bdd9b72d09b6d1efa4fd593c08b", "Forms.SM.CaptionComponent.IconDimension": "f5cf91673f3a3e330390327210550e1a1705a426", "Forms.SM.CaptionComponent.IconWrapper.PaddingTop": "01d766852ea0e2b80da8eccc38e4e7ed770996e5", @@ -914,8 +1099,8 @@ "Feedback.Counter.Text.TextColor.Neutral": "09f4a5ecb8498984685870b785ba7abf4dc626bd", "Feedback.Counter.Text.TextColor.Warning": "7a37d5281d7d85851d881f0d1856648e8ce0154a", "Feedback.Counter.Text.TextColor.Error": "02d3e9a1059005caf1c4cd43f91e9c2cbadc6c7a", - "Feedback.Tooltip.SurfaceFill": "b6e780869894888e343c303051813f37724f905d", - "Feedback.Tooltip.Content": "3ac82f6ccd777b78f4311000b90b52e023df9dc3", + "Feedback.Tooltip.Container.BackgroundColor": "b6e780869894888e343c303051813f37724f905d", + "Feedback.Tooltip.Text.TextColor": "3ac82f6ccd777b78f4311000b90b52e023df9dc3", "Feedback.Dialog.Surface.Color": "0632bde949b58fdbe72a95081dcbb58dddd5edc4", "Feedback.Loader.Background.BorderColor.Default": "bf2e41c2d71f6a196f377e551edc13e136714828", "Feedback.Loader.Background.BorderColor.Inverted": "07e87c20888a3508b62d5bd346f662b9cee5a6f6", @@ -1004,23 +1189,66 @@ "Forms.Radio.Control.Icon.IconColor.Active.Focus": "141d73672e1c477288b0e463bda716155cbc422a", "Forms.Radio.Control.Icon.IconColor.Active.Disabled": "a05ad329e8b99368e319de71b9e6c0894240fefd", "Forms.Radio.Control.Icon.IconColor.Active.ReadOnly": "b51ff3348ab82a88fc597edc219bd2b8d71f901c", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.Hover": "1edbca6b975bf8aa3f86d7f774acab5d6d9be9ca", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.Pressed": "22f43aae9d9ba49d6f6699e8f0425d4b2e9c2da5", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.Focus": "ea9e76b20d12f0078f91865103f8bc74d3d99b6d", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.Disabled": "0777ee62d3171bd5546e3bdb117b43a93a481e69", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.ReadOnly": "dee44a06adffcbf03230a06a162a0a9f3b87a948", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Rest": "82f97567165621da65c44a3ae369f509bd5c74e9", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Hover": "5fc6e7c0e9f273fe9fb45c90e52b51ec5385331e", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Pressed": "bf209603d55b1d27bcb3420c1a250c83668be666", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Focus": "8ed37bb832de9c089dbf2cef612623e5375a5352", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Disabled": "78fabddae6e35bb5f0487eab5eeed65214ad5919", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.ReadOnly": "6e7900a2963e27cbc214c7616dabb7f4d379bf53", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Rest": "40f4e0edea9a791bb2bc4cab380500bdf0273a87", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Hover": "2728b53622d95030cea7d78d88acca5f39af9516", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Pressed": "fc596ba5427505fc20b319c896049966bbdafc5b", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Focus": "a4fd13e9d3254e317aac00db886350f78227edab", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Disabled": "393e09c3eeb137cf1b496d98b96641a17150535e", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.ReadOnly": "31ced978cc95bb97d12d99edbb01ab7a9d4697b0", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Rest": "8718515597653c0bf2cbf517ef4347d683a0f97a", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Hover": "5c1a5722d4a941c347e9d824f8b352191df930a4", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Pressed": "65aa10e6b3d06f840d9871060cc199f291b1a47c", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Focus": "9fd3ab73126047140a466ca1a1c34e504a69fd33", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Disabled": "4b6845cf151c9a11e4d91a1ccc67ed011829abd2", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.ReadOnly": "8e0c90042a995f5049b50d224c6efdd4f398fd2e", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Rest": "963f5a70ba240b9b4588164086c56ddbfbef890e", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Hover": "b5b6f5548883e814a15bae4c8008587fd1546c0b", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Pressed": "f9a5edebe733adec15ccdc8f22522ebee987077f", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Focus": "eab54e8a869fca056e0e04d2246988148a71cf97", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Disabled": "a4619164ca10825fdfa6baa60bb8cf58daf8bed9", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.ReadOnly": "13cd6103c8b7d76fcf458f2d452b0503678293fb", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Rest": "b434916921f11a6780963f484c7a75dfab47b9a5", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Hover": "a3f770817655de29f24ae075cab8690cf931bb3b", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Pressed": "1f35f1c165e96911c9fe6be4cfb7cc33ac852f9d", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Focus": "cd64613be4d30a511468233adf3ff976285b5195", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Disabled": "a612a08f5ac7793e681dadcb5aa840f0d695862b", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.ReadOnly": "3cb0047e030d49d988fc27c86762e7dd92ad154a", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Rest": "cd0d984a46517d4d92d2e008d51f39463521a62b", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Hover": "9e07608ede77b3b93b87229dd8a37350e1d76f68", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Pressed": "48622819e4ff02d371a29adfa43e280802521a56", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Focus": "06f77cfe85a943174f363a68db1480b218c6732b", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Disabled": "72ebfcb7544dcdfb09741b05ec2f27b6fdfe013c", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.ReadOnly": "b16451c1dc65f00220d85210af7aee4b07a363c4", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Rest": "d6a87bb8a52727756a352821b04ce945ae67b685", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Hover": "c21eb093785492329f922c6a6e1188bd53613801", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Pressed": "3e88f6562c4aaa809e422c54e23b50cd3eab980e", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Focus": "8cb0cd943cbde53e52cad175a9c8697b1d96d639", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Disabled": "80306212e8a68f2fce31997731c972c3e1695ef5", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.ReadOnly": "9d7ed3b09b2d643e395699f93feaa053bb78ac89", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Rest": "293284af1c13427999f6236ebc4ff02cad5e0cdd", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Hover": "88bf5bd0547c327026fd47b1ecf412c43694f081", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Pressed": "47e0039ba96f835b116ed732ce58991236f71214", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Focus": "52f598f28aafbf12bba94f0f5bf269370c6c5e12", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Disabled": "fbeaea39939978d501d92c36d547d4b97cb7f376", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.ReadOnly": "2bcaaba69910d3a0d082d5bcb04d49b4217712a9", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Rest": "f43cf347ae06413091638f616b1438d15d809a2e", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Hover": "45056e036355817fe5b235d06f13f6ecb0c52ca0", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Pressed": "728a22fcfa687116a3626b0ee7c7025f06f3772b", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Focus": "2e8ff2f0afc54451f9e4a172e6b0fff393ba0635", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Disabled": "2304f8848d646a94df1794b1b3b866d7df55a6a7", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.ReadOnly": "33dabec98063a4011cc941ef76b5bb29fdf57393", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Rest": "2d7023e8724a6ad30d826ceba49c9cda24f423d5", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Hover": "6c1490607892bffbee6f3e29280ba4f5eb926214", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Pressed": "6a33a5448e5c666525c9e163a0f655f0639093f1", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Focus": "faaf7bf1fc249a084a4928340f51e25571ee5016", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Disabled": "2eab789645102d3636267cdec3dc9d52cdb7e2dd", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.ReadOnly": "495e32745a2a65d0964b60fa49b0e1b67a1053dd", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Rest": "09a14aa48d5ba1a86e262d413c0e51f4c5552650", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Hover": "3de21d459479440ee2388e70a057b961c2430e00", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Pressed": "e7b535425dc24f33fa3118fd96be48fcd44846b0", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Focus": "86e3d5cfcabae6bfe51e1c7c57f2d8534703a98a", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Disabled": "8de1a57c214c7f46658d02db24db7e9c0d46eb5d", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.ReadOnly": "15934f72eb1903f7762b19fa805ddb5bdc94a093", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Rest": "b3934b9861e5b95bb7da582e2f4c80ab8a463827", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Hover": "468b2a4959c7bec0310e823ca5cabe76d1efbaa8", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Pressed": "635ddfc7df58ce338dc98b0cd6217ec62d44d43f", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Focus": "10752a4255cc5d49abdc77d64867653eb9a42f2e", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Disabled": "7bf2913c532d6143b4d2a9c80793077b3fcfe751", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.ReadOnly": "af62c13092f2d72179d76ba6934480d64ad98fa2", "Forms.Slider.Thumb.Fill.Rest": "4b56ceea6fa677c0f3eb622ac04b5f7db5a7d4f2", "Forms.Slider.Thumb.Fill.Hover": "c01c69ac66f6f442c8af59578cb4a1e67cb63b98", "Forms.Slider.Thumb.Fill.Pressed": "08ea2cebde352ebe0763facfd9aa82aa3158e2fc", @@ -1049,16 +1277,56 @@ "Forms.Slider.TickMark.Fill.Inactive.Mute": "b038a2db0f9367b4a3711e09952325567f0c616c", "Forms.Slider.Legend.Color.Default": "a379967d3a56a97aee50f9a7e51c6a712798c546", "Forms.Slider.Legend.Color.Disabled": "022ef2187311e450e3836516cdbdac3d006e6b1d", + "Forms.FormLabel.Label.TextColor.Rest": "ec9947b9d58b06c1d655964205696ca63b1234b0", + "Forms.FormLabel.Label.TextColor.Hover": "2c9b8115269c6a26bd09f00fb42593a0dc8a1dd8", + "Forms.FormLabel.Label.TextColor.Pressed": "27235518c7bdd3e3b527884ad360e520d516d89f", + "Forms.FormLabel.Label.TextColor.Focus": "87b4b8f6f7dbb664643c770a44323c6e34017834", + "Forms.FormLabel.Label.TextColor.Disabled": "f875505d7ec9e98231a260fac6e156467dd5eb3d", + "Forms.FormLabel.Label.TextColor.ReadOnly": "179d97d90346e3951ac1be8486912104d27aaeb1", + "Forms.FormLabel.Label.TextColor.Error": "b85a57d26aa4bf044227cd6f205d68f283110240", + "Forms.FormLabel.LabelAppendix.TextColor.Rest": "99e7d10fcdbfd998d9f6c9405a4e4db4fef521a5", + "Forms.FormLabel.LabelAppendix.TextColor.Hover": "8a95c7d4a4cc418b0cea2e19f902ffaca95f38bb", + "Forms.FormLabel.LabelAppendix.TextColor.Pressed": "67dd744e9a3fbf31ea053ff029e21b64733c9a2f", + "Forms.FormLabel.LabelAppendix.TextColor.Focus": "6d2497ec5db20514c8ace386640f2eeef98b1aa8", + "Forms.FormLabel.LabelAppendix.TextColor.Disabled": "6f5160aab42ac47a6b2e799127222c40cdc38280", + "Forms.FormLabel.LabelAppendix.TextColor.ReadOnly": "9b98f68e60ce875343433f2f432907feab44a0e3", + "Forms.FormLabel.LabelAppendix.TextColor.Error": "7827024e2420f397d0f027f6d51dcbd51af6c772", + "Forms.FormLabel.InlineLabel.TextColor.Rest": "aaa369f883dac80a1554e69d62c8f6f23dfb1a03", + "Forms.FormLabel.InlineLabel.TextColor.Hover": "359d7c2b80721e5ea917ee9b03adabffb7a82ab7", + "Forms.FormLabel.InlineLabel.TextColor.Pressed": "01902bd1b4727ea3f8788120fb348bd886d6e930", + "Forms.FormLabel.InlineLabel.TextColor.Focus": "de6ad25826c5de277caa93e0dfccb13e4b360f5e", + "Forms.FormLabel.InlineLabel.TextColor.Disabled": "2bab23a7ac647d816613df418742c7191546bd3c", + "Forms.FormLabel.InlineLabel.TextColor.ReadOnly": "8623e3abacf528d7b09794a6be047417ff1a6aab", + "Forms.FormLabel.InlineLabel.TextColor.Error": "0e615b7be58034bace19e61017ac4b0ee030965c", + "UI.Divider.Container.BackgroundColor": "9562bd237fe0661faef3e3544870a4bf7f4eb7c1", "UI.Blanket.Surface": "1758bac1223c81451082018286cba93e78c0cdda", - "Navigation.TabBar.Tab.Icon.Selected.Rest": "bf1b4d1669589d3764a435e5f4d19b2a70ad2696", - "Navigation.TabBar.Tab.Icon.Selected.Hover": "6736ba4de9a8103c3e81b1dde6532ad0628147f1", - "Navigation.TabBar.Tab.Icon.Selected.Pressed": "11dd1d450eaeec9ceae30166eacf64ffe556079e", - "Navigation.TabBar.Tab.Icon.Selected.Focus": "ef86593a1f3dbf5e7e6c4a3e20fe71fb6ef1a638", - "Navigation.TabBar.Tab.Icon.Unselected.Rest": "642f49daeb8a5281b424908d0fea56e70a41d265", - "Navigation.TabBar.Tab.Icon.Unselected.Hover": "08605d6465e4b7ffa3eb3422689ee17f603d17d4", - "Navigation.TabBar.Tab.Icon.Unselected.Pressed": "4cbf4b735f172abc3e2f00578831e33a9d1da076", - "Navigation.TabBar.Tab.Icon.Unselected.Focus": "5aa4790a9273876dbe9976cf76139a26d8debd8f", - "Navigation.TabBar.Tab.Icon.Unselected.Disabled": "4db57aaef7dacc16289639889ac20dba5b391df8", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Active.Rest": "a9f02fe908bb058bce5087f032dabbee7189ec0b", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Active.Hover": "66a0d31e617e9857429ae1d3093034423ed68c7d", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Active.Pressed": "cd36fc768255249ae38c7d9aee8f74d9f78c2112", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Active.Focus": "8e251e194eb428f039f452bc766c5f83e77001bb", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Rest": "d8973b80c2c5dbd33734db74fcf88d9dc9781eba", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Hover": "f6d6615bec35396af700074611e652b9f261a6b0", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Pressed": "9aa87bd5cd7efce5bd47389e0b296285d4f04bc3", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Focus": "0d8e3fa086b7a3d382711b1e6b8357b1d2385a11", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Disabled": "4d343fe3fb69af3fd6fe8e56f324d3dac1d4d829", + "Navigation.TabBar.Tab.Label.TextColor.Active.Rest": "e9892e6e3f94be6889cd47da3a25199a077768c0", + "Navigation.TabBar.Tab.Label.TextColor.Active.Hover": "6458c0c2ec874d7e1b41b68a8403a016a1874aad", + "Navigation.TabBar.Tab.Label.TextColor.Active.Pressed": "036c851103290e1f7e55deba15facd214a969661", + "Navigation.TabBar.Tab.Label.TextColor.Active.Focus": "aa139c0b107ac7416763eb2df3985337ad330ea5", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Rest": "b4d40a899198051eb71cd248baa2dfed5076c881", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Hover": "41815cf3cf89194eaa0ec940187e9e982218f161", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Pressed": "60488c3fa92b868bedc28bd82d4d97e27bf9442d", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Focus": "5396365ceedb627293384013ea805412b55a9299", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Disabled": "cf15b53a4ee2c83838f4341e758ca54a2d6ee958", + "Navigation.TabBar.Tab.Icon.IconColor.Active.Rest": "6753c240406466b011983cb4d1b6a1738fc1b157", + "Navigation.TabBar.Tab.Icon.IconColor.Active.Hover": "10452002de2853b66a86e0c39f80f1ca139891ad", + "Navigation.TabBar.Tab.Icon.IconColor.Active.Pressed": "cbaab50a0ece4dc00fbd2e55cebeb549a2bc94c9", + "Navigation.TabBar.Tab.Icon.IconColor.Active.Focus": "2d1cd33b16969a79b2fc596fdf574872ddd149bd", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Rest": "8c543a53accc45ba49608ac5739a864f7486599f", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Hover": "e94c82e142f23decfa187cdfe36d46d990522999", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Pressed": "e44dd304cb2cbc9d306c8e92b3f7e0bad0b44e57", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Focus": "3e27bca5e9d2bd28c02dc7b40662bac91ffb96b0", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Disabled": "2255dfc7d338f82fcc3ecd1331b4c7ebf4f4dba3", "Action.Menu.Surface.Color": "915b1ddec5d8b8e8a32bf5afbd9186e16af5ec54", "Action.Menu.MenuSection.SectionTitle": "9f8a812cd4e37124e365682d18bd0dd37b5ea311", "Action.CTA.SurfaceFill.Rest": "e113217d84d5ed192f2c9401e6881a78bd729419", @@ -1257,13 +1525,6 @@ "Forms.Label.Disabled": "d6b7e131a9918754650824c34f046905e91e206d", "Forms.Label.ReadOnly": "f4db2ed538360d00df63969538cf7fe2a5d9d5b4", "Forms.Label.Error": "8b3d315ab91b0c8c04151106cee6cebbaab04900", - "Forms.LabelAppendix.Rest": "d5ff5327417742b08c802881f3227ac701b66049", - "Forms.LabelAppendix.Hover": "db13817c6d83406e0573b4ff106b9dd1b1a3dede", - "Forms.LabelAppendix.Pressed": "9e3be18001216dc101abd9d9da279ac44ac15fb9", - "Forms.LabelAppendix.Focus": "722cfc91c664a618cf12ed2a2116b9c41d0e1cfc", - "Forms.LabelAppendix.Disabled": "9ce456a5d5e3108ee17edbf4716219d2a92caee8", - "Forms.LabelAppendix.ReadOnly": "0eec8ab9bcd4b48b07971549efb3c97204ddcec9", - "Forms.LabelAppendix.Error": "46f7fc696dc93f09909b50586097bec1359e788a", "Forms.Caption.Error": "608c897e8ab21b8620df09301a3cd5b9483f6803", "Forms.Caption.Hint": "52c964dce1d1d9b3929debb031587a85511f3539", "Forms.UserInput.Default.Rest": "8ff509b4d599935515d61cdb0c7d820ee189fd39", @@ -1312,17 +1573,30 @@ "Forms.InputIcon.Focus": "861cbc229b3a0b34846f606d4d351052a2989d73", "Forms.InputIcon.Disabled": "e374017b3bca79fe00c088458555c7410458fcd9", "Forms.InputIcon.Error": "54e253c0ba1f03d03de4c373ed36ee106221cacc", - "Forms.LabelNextToControl.Rest": "3c36932ea0730b0333a859db32741a47eae9c934", - "Forms.LabelNextToControl.Hover": "b7a265632d273b99e4ad89beed5e62ca94fff334", - "Forms.LabelNextToControl.Pressed": "a21fae09296b3bf6dfcb6700a9196c30d22d97da", - "Forms.LabelNextToControl.Focus": "9caab6c4da237764730a71d4d1c0874939452ece", - "Forms.LabelNextToControl.Disabled": "aaa03f7b63891cc408428b3feb3a479513d3d6cc", - "Forms.LabelNextToControl.ReadOnly": "1967ca8a6b1bbc5418bb25ccfb6844b6c8d4dbf4", - "Forms.LabelNextToControl.Error": "cece358f6434008076cb30cd28cb178f76e38066", "Forms.Legend.Default": "5b8f8284bb401626a0a43b54c71a745c08c10bd2", "Forms.Legend.Disabled": "929d4883ba4126f9024054cd330ab6f9285a1084", "Forms.Legend.ReadOnly": "9e6544c728e6c87574160b11bb8dbb68b21a4169", "Forms.Legend.Error": "111421b7362c07aa3975d78e27aa46aa1f795e4b", + "Forms.PrefixSuffix.OnPopulatedField.Default.Rest": "be8dc55ddb78a326434a05b079d46a80f9fa88f2", + "Forms.PrefixSuffix.OnPopulatedField.Default.Hover": "59276b9d90902859f02ba41e4f02fb2677bea97a", + "Forms.PrefixSuffix.OnPopulatedField.Default.Pressed": "d86d7c927823abf7e0e29fd455427bf004ede88c", + "Forms.PrefixSuffix.OnPopulatedField.Default.Focus": "267b34c660841038f4e6959b83b68e5265bd80bf", + "Forms.PrefixSuffix.OnPopulatedField.Default.Disabled": "c8ac5c93731774ff3cf4a4d38784b61abb377a06", + "Forms.PrefixSuffix.OnPopulatedField.Default.ReadOnly": "7681a54b45e2b88e76dee3b5b1ef4d2e0b7820dd", + "Forms.PrefixSuffix.OnPopulatedField.Error.Rest": "12b0e750d28d6633798b28b35835d8b4607f8746", + "Forms.PrefixSuffix.OnPopulatedField.Error.Hover": "20035b60c02104d0c61c649ed0858e79361320cb", + "Forms.PrefixSuffix.OnPopulatedField.Error.Pressed": "5d916ded3f1624803b9f3b673e39e15bb631ac9e", + "Forms.PrefixSuffix.OnPopulatedField.Error.Focus": "443135cc3497318fbb59db9e272c7e4c1de61aa8", + "Forms.PrefixSuffix.OnEmptyField.Default.Rest": "1b7a03e467f95caa43c8e152846831dc54ff11c9", + "Forms.PrefixSuffix.OnEmptyField.Default.Hover": "9d65525f9b173b174198bbc1acb78aec55345456", + "Forms.PrefixSuffix.OnEmptyField.Default.Pressed": "617017cf02fed58d3b87b174ba2e5d5977f0f758", + "Forms.PrefixSuffix.OnEmptyField.Default.Focus": "26e5f35a4abfac29165b60b3be11cbabbc3ae163", + "Forms.PrefixSuffix.OnEmptyField.Default.Disabled": "5536def877c56953156049c4d18413099d4ca30f", + "Forms.PrefixSuffix.OnEmptyField.Default.ReadOnly": "8679342609abaf1a90da84ee9aa48cd0e28dfc13", + "Forms.PrefixSuffix.OnEmptyField.Error.Rest": "880885b8cab19171543fed6bf793bfbe6bdc8ce9", + "Forms.PrefixSuffix.OnEmptyField.Error.Hover": "98331290cf06c4f67178fba7d577957fda61bdc2", + "Forms.PrefixSuffix.OnEmptyField.Error.Pressed": "2f1fddf463de97a0a22427f5f06566b1b88c4090", + "Forms.PrefixSuffix.OnEmptyField.Error.Focus": "4ba3dcf0c8448ea471443c3bf7692d4eae18986c", "Global.Focus": "bd88ffa693a2b4ae8a3e8a2ad48c841abaa037cf", "Feedback.Neutral.Surface": "1e5e608e4d787a8b8011173fbf7c3e42e6ad01c3", "Feedback.Neutral.SurfaceStroke": "f98a6f28dc64752fdf8b266e1eca2ece308a33ca", @@ -1446,8 +1720,6 @@ "Action.StepperButton.Icon.Pressed": "S:deae2e9392519860df5c8bd3b6917807a870ac9c,", "Action.StepperButton.Icon.Focus": "S:95af14e6e38d022b6983fa4629a3673985a7dfec,", "Action.StepperButton.Icon.Disabled": "S:468d16bce0d1ebb2d816b0cdce4174198813ea0b,", - "Feedback.Tooltip.SurfaceFill": "S:9fdd921e04801740dddeb62c23f41a7b2858209e,", - "Feedback.Tooltip.Content": "S:86b816c90feea27c4be3932686d28daa521f653d,", "Forms.Checkbox.Control.Background.Unselected.Fill.Rest": "S:4bcd7c5c019f06577b0d646ac74793fca3251ca3,", "Forms.Checkbox.Control.Background.Unselected.Fill.Hover": "S:4a1bed6ee25ce8156a8fe17253d1ad592739ff12,", "Forms.Checkbox.Control.Background.Unselected.Fill.Pressed": "S:4c866f68abf835c13ac34101b21c5c7500c2b0bf,", @@ -1951,7 +2223,9 @@ "Forms.Radio.Control.Container.BorderColor.Inactive.Focus": "S:4bb1fbc676e6e372810ca6a85308f7f2f8e21aab,", "Forms.Radio.Control.Container.BorderColor.Inactive.Disabled": "S:53ca88cd03f6b019205f5788b2d3fce3ec8cd87c,", "Forms.Radio.Control.Container.BorderColor.Inactive.ReadOnly": "S:72a046418c66857e12c28f8a3f3fb6a68c30eee5,", - "Forms.Radio.Control.Container.BorderColor.Inactive.Error": "S:95945955735408b10671177e5c61f1588712e1ca," + "Forms.Radio.Control.Container.BorderColor.Inactive.Error": "S:95945955735408b10671177e5c61f1588712e1ca,", + "Feedback.Tooltip.Container.BackgroundColor": "S:9fdd921e04801740dddeb62c23f41a7b2858209e,", + "Feedback.Tooltip.Text.TextColor": "S:86b816c90feea27c4be3932686d28daa521f653d," }, "selectedTokenSets": { "core/COR": "source", @@ -2032,16 +2306,16 @@ "Actions.TextDropdown.Container.BorderRadius.MD": "25781812276941bd8e9acf74fc6bf543a09b6b48", "Actions.TextDropdown.Container.BorderRadius.LG": "07c3df19f41c1034c41af63c7f28726c2340fd1e", "Actions.TextDropdown.Container.BorderRadius.XL": "7a02bf901a3da5abfe141a34ddabf62a55b32614", - "Actions.IconButton.Container.Padding.XS": "de404fb37180433dc25972d193f857a530017203", - "Actions.IconButton.Container.Padding.SM": "4a11d7c50f5c7e9d20e210dc6f52f2fb78c91031", - "Actions.IconButton.Container.Padding.MD": "204aff5e6497be1cb9c5fa0511b2b078d06d89b7", - "Actions.IconButton.Container.Padding.LG": "982d2db4cc9b54357a8b2223e868db78cfb318e5", - "Actions.IconButton.Container.Padding.XL": "17185443aad48a0910abf331516fe216a9b085f2", - "Actions.IconButton.Container.ItemSpacing.XS": "15963e087d0e1279eb5c7401128ed0d391b56b8f", - "Actions.IconButton.Container.ItemSpacing.SM": "fa448cba24af5435eac6193a1b14048d3a950bf6", - "Actions.IconButton.Container.ItemSpacing.MD": "c1fecaa70c0969fbc0c22b3e9e9dfa871451b6c5", - "Actions.IconButton.Container.ItemSpacing.LG": "e982b4b78027bf46c88cc8d311a9ffcf32a12bc1", - "Actions.IconButton.Container.ItemSpacing.XL": "ad7139bfb568cfbb0b78c78356b0b076ed65ed16", + "Actions.IconButton.Container.Padding.XS": "ad4ddc311cb2b0648ecfb36897e14fb18a6c1a73", + "Actions.IconButton.Container.Padding.SM": "ce783bfc2ffdc2a14219085b21e325e1d2de5147", + "Actions.IconButton.Container.Padding.MD": "a6041a7579936eab5e00c3256a07791b5768daa6", + "Actions.IconButton.Container.Padding.LG": "9f387f2253fef8b6c447c651b83868ed760a8a6b", + "Actions.IconButton.Container.Padding.XL": "ce6b3c59cfafb50b6737d63aa8d650fdf6ce6240", + "Actions.IconButton.Container.ItemSpacing.XS": "a88c7d701291eb406fdf98cb4fcb9908f0e77a20", + "Actions.IconButton.Container.ItemSpacing.SM": "e18c694d4946cc45c3f7374214d9821e6a9a42f7", + "Actions.IconButton.Container.ItemSpacing.MD": "07ab918d0e2c4086b91c61ae9a9147ce6ce028e8", + "Actions.IconButton.Container.ItemSpacing.LG": "f9133882745fe1b3883820ea0b005c009c0babd9", + "Actions.IconButton.Container.ItemSpacing.XL": "be83dc3b6032cf8593aeb4637c7269f317887d11", "Actions.IconButton.Container.BorderRadius.XS": "1211dc3b875918cf63a42ef04b6d2ace241f1002", "Actions.IconButton.Container.BorderRadius.SM": "4e6c80dbe98f67e28c2ed782123c30af6abada58", "Actions.IconButton.Container.BorderRadius.MD": "7e6551e57ecc734a09d0ef388ef756391e1fe07c", @@ -2067,11 +2341,11 @@ "Actions.IconDropdown.Container.PaddingLeft.MD": "7c94ff8b15f0a1ff9016413e77acc086f487d12c", "Actions.IconDropdown.Container.PaddingLeft.LG": "9a63832186582caad151bacffa1078059aa53c8d", "Actions.IconDropdown.Container.PaddingLeft.XL": "ee43329d2eda06b476575fb3ce54436fe3a41cf5", - "Actions.IconDropdown.Container.ItemSpacing.XS": "5304ae19e841000ae3035a0de4c28b6f18dc7de2", - "Actions.IconDropdown.Container.ItemSpacing.SM": "5344b5f61aed974cd38f8c3209c2f4f3078e5b4d", - "Actions.IconDropdown.Container.ItemSpacing.MD": "da57771b68e606d1109e88709b1d98932819e7e4", - "Actions.IconDropdown.Container.ItemSpacing.LG": "2398d22e2f624e0ac7d6a06376fe61647f7525fc", - "Actions.IconDropdown.Container.ItemSpacing.XL": "08558d0c3b5097c67b06cb6ff350211d08958bd8", + "Actions.IconDropdown.Container.ItemSpacing.XS": "df1f907da4e2fdb0a17779b9490d32f1f62dcb6f", + "Actions.IconDropdown.Container.ItemSpacing.SM": "bd8371096b5fa3c4deb3f6d009eaf9ecd81cfb72", + "Actions.IconDropdown.Container.ItemSpacing.MD": "a80ca34b4e854d48a547bd4ad5a2f7519e0928e9", + "Actions.IconDropdown.Container.ItemSpacing.LG": "f708fef92ea007ae000c187160ac1bbefeebbd74", + "Actions.IconDropdown.Container.ItemSpacing.XL": "25f9218ce46d9c1f680a957c4e35eeb8d53beb4f", "Actions.IconDropdown.Container.BorderRadius.XS": "bdf46754d8b78c02bc155e016951a54f7c8540b5", "Actions.IconDropdown.Container.BorderRadius.SM": "fecbb8df911e5b91bf7701a4c4ee60b7dacba44b", "Actions.IconDropdown.Container.BorderRadius.MD": "bf8d742931da6202a7c8fef4e32a5a9b93fff40c", @@ -2101,14 +2375,16 @@ "Feedback.Counter.Container.BorderWidth.SM": "bd162a688380d5634b3f1e1d74e9a2a37ffc656d", "Feedback.Counter.Container.BorderWidth.MD": "c536f378d7447a8f1fa6c25706dfeeb055378b00", "Feedback.Counter.Container.BorderWidth.LG": "58edf1745a264d7d4716f008c9596dc7f2c9dbd9", - "Feedback.Counter.Container.ItemSpacing.SM": "b7e727d841e99d19aa1e25115cb852c8848d1a4e", - "Feedback.Counter.Container.ItemSpacing.MD": "57188318614cb71bd63a30c76640b42cddfedcca", - "Feedback.Counter.Container.ItemSpacing.LG": "8a7f45d6dac66cac86edc88c64381a8fd6aa6da4", - "Feedback.Tooltip.ContentCol.BorderRadius": "906869eb73643879480690e884c3d3f11c6e2acd", + "Feedback.Counter.Container.ItemSpacing.SM": "fd24027d76388bf3e00bf4d361ca190907b9ad9b", + "Feedback.Counter.Container.ItemSpacing.MD": "a3fc7ccc7383cbe4851fe8156d7defc4772325bf", + "Feedback.Counter.Container.ItemSpacing.LG": "af1cf8305bb7e9cfee629abf943110f497d82117", + "Feedback.Tooltip.TextWrapper.BorderRadius": "906869eb73643879480690e884c3d3f11c6e2acd", + "Feedback.Tooltip.TextWrapper.MinWidth": "704449dbecff2c5715b20b6674bd5ceb7ab45d5d", + "Feedback.Tooltip.TextWrapper.MaxWidth": "6703f42032601a0e8e9de76fade182f7b6098b7f", + "Feedback.Tooltip.TextWrapper.PaddingTopBottm": "68ed37f7803ef53f4314c136fb323acf8141f3fd", + "Feedback.Tooltip.TextWrapper.PaddingLeftRight": "43440a095bb32779beaaf225bb925077319f2b2f", "Feedback.Tooltip.NoseWrapper.PaddingTopBottom": "5ae1aa66dd9cbf9843d6f93ba70bb690a529c112", "Feedback.Tooltip.NoseWrapper.PaddingLeftRight": "e1b333c7dbbf6ac752ba85d44cf99a82d81dc607", - "Feedback.Tooltip.MinWidth": "704449dbecff2c5715b20b6674bd5ceb7ab45d5d", - "Feedback.Tooltip.MaxWidth": "6703f42032601a0e8e9de76fade182f7b6098b7f", "Feedback.Dialog.XS.MaxWidth": "4d5ba73856baa8166c20049c4a31fa76c4898883", "Feedback.Dialog.XS.Padding": "0a30d3b44013cac618288f078f03021cac6c28cd", "Feedback.Dialog.SM.MaxWidth": "e384d5cfe9eeeaacade4ef6e05e545a622733a79", @@ -2292,20 +2568,45 @@ "Forms.Radio.Control.Icon.IconSize.LG.Active.ReadOnly": "51969c7c119d5e70a6b0c1e726b8e377296ab1d1", "Forms.Radio.Control.Icon.IconSize.LG.Active.Error": "50ac063692454f7d9ff0efde16c3f52af43214c7", "Forms.Radio.ContentCol.ItemSpacing.SM": "d5c8641253c28cdd93318ee04c85fd111dd0cf87", - "Forms.Radio.ContentCol.PaddingTop.SM": "a7fd8c9c6ed3a0986b7effd14ba43c43b3318c87", - "Forms.Radio.ContentRow.ItemSpacing.SM": "a3865ed04eb460e60e52f8a4f497ef5e7bb6d989", - "Forms.Radio.ControlWrapper.PaddingTop.SM": "4abb7b10c955404e9dcb0303a9d2e84b3a0cae0f", "Forms.Radio.ContentCol.ItemSpacing.MD": "f97e9dc7e27c887abb51e96ba609953e68c39adf", - "Forms.Radio.ContentCol.PaddingTop.MD": "6c0ed85c73bb24b59e67f9eaf07d5e916ddf2931", - "Forms.Radio.ContentRow.ItemSpacing.MD": "e7275f4a7c191c6f3bcee7748b44915b90a26084", - "Forms.Radio.ControlWrapper.PaddingTop.MD": "50eae76e130c05aca078f3705a49ddfc99ac4abe", "Forms.Radio.ContentCol.ItemSpacing.LG": "41bb32e79064372c149fd60f5c0d5740d732e612", + "Forms.Radio.ContentCol.PaddingTop.SM": "a7fd8c9c6ed3a0986b7effd14ba43c43b3318c87", + "Forms.Radio.ContentCol.PaddingTop.MD": "6c0ed85c73bb24b59e67f9eaf07d5e916ddf2931", "Forms.Radio.ContentCol.PaddingTop.LG": "ea065d93a95a9d31863fd9140c998d6212919b76", + "Forms.Radio.ContentRow.ItemSpacing.SM": "a3865ed04eb460e60e52f8a4f497ef5e7bb6d989", + "Forms.Radio.ContentRow.ItemSpacing.MD": "e7275f4a7c191c6f3bcee7748b44915b90a26084", "Forms.Radio.ContentRow.ItemSpacing.LG": "d154f435759446549e03f7f7ed1dcdd8fcb260da", + "Forms.Radio.ContentRow.PaddingTopBottom.SM": "2a709be0557dcf99819f2b1699d9b24e8f38590d", + "Forms.Radio.ContentRow.PaddingTopBottom.MD": "ebd5822ef44f5db3c98edfd60e23be82ff9b2f3c", + "Forms.Radio.ContentRow.PaddingTopBottom.LG": "f96d82ff5b28908dc7b8b2a8687061c0d86dc247", + "Forms.Radio.ControlWrapper.PaddingTop.SM": "4abb7b10c955404e9dcb0303a9d2e84b3a0cae0f", + "Forms.Radio.ControlWrapper.PaddingTop.MD": "50eae76e130c05aca078f3705a49ddfc99ac4abe", "Forms.Radio.ControlWrapper.PaddingTop.LG": "a603dab4b95042dfcf0e865551122879178067cd", - "Forms.Select.SM.IconPaddingRight": "fdd1cb252bddca5415ea56be09e288d2448eedb6", - "Forms.Select.MD.IconPaddingRight": "f2d3790406c214a99981980933e5e9593d631c07", - "Forms.Select.LG.IconPaddingRight": "1c7131022784d1fb1c29393506d54332fa43f234", + "Forms.RadioGroup.CaptionSlot.PaddingTop.SM": "e13378c5aaa8afdb616eab681ea573b90234c0f4", + "Forms.RadioGroup.CaptionSlot.PaddingTop.MD": "69c830617b0546925db764763e66460d4950fe3a", + "Forms.RadioGroup.CaptionSlot.PaddingTop.LG": "c8f1ada63ac592e9d6d96942d34d419648bc3984", + "Forms.RadioGroup.LegendWrapper.PaddingBottom.SM": "16507c1bcc6165435b310ac5cd1ae993c960132a", + "Forms.RadioGroup.LegendWrapper.PaddingBottom.MD": "7181319f4cb344156b2cb89dbceb14ec6cd5c9b3", + "Forms.RadioGroup.LegendWrapper.PaddingBottom.LG": "4642e5a7a5fc05025ec5e22c44f0680935133ef4", + "Forms.RadioGroup.RadioStackHorizontal.ItemSpacing.SM": "28acbd4962c93761087381b091e399d6237148a7", + "Forms.RadioGroup.RadioStackHorizontal.ItemSpacing.MD": "04f55ce24ed8b72265048da7f96ba6982091a842", + "Forms.RadioGroup.RadioStackHorizontal.ItemSpacing.LG": "d861a3dc4c1f0299e85d3bd52671483f7727ab82", + "Forms.RadioGroup.RadioStackVertical.ItemSpacing.SM": "9747e7387ccf5a39b75b4b87a85e1fa496c8f321", + "Forms.RadioGroup.RadioStackVertical.ItemSpacing.MD": "c3b638d0bfdf9bb15c1242f8549b5a77181eee80", + "Forms.RadioGroup.RadioStackVertical.ItemSpacing.LG": "9078e58ad8671fe49446d9134c4683d92b12417f", + "Forms.Select.SM.IconPaddingRight": "32d481f01f53a1a5b9f92455a9f1a1f04667182a", + "Forms.Select.MD.IconPaddingRight": "0fd348b61690f1c372400ac426c8098dd594fc05", + "Forms.Select.LG.IconPaddingRight": "f9d89c13767041ed3e4422ce0bffac29b661a00c", + "Forms.TextArea.InputField.MinHeight.SM": "e126940af6bf2cf49ac2742258230557b0c6a0d7", + "Forms.TextArea.InputField.MinHeight.MD": "f2aec5d81be0e4b43e85baf7a56579347f5de832", + "Forms.TextArea.InputField.MinHeight.LG": "3036a4f154b9df3caf5322be3a06b5046866f673", + "Forms.ToggleSwitch.Container.ItemSpacing.SM": "f7a3a4938816150b7bbb7487f85e011d4615f32f", + "Forms.ToggleSwitch.Container.ItemSpacing.MD": "f87066b824c03c767cbc48d9d91dca3109cc8c67", + "Forms.ToggleSwitch.Container.ItemSpacing.LG": "e1256788ee6614ae456f586e88e5f82a3bbac951", + "Forms.ToggleSwitch.ContentCol.ItemSpacing.SM": "52a5ea16baf36e46f15825826ebba84734095b79", + "Forms.ToggleSwitch.ContentCol.ItemSpacing.MD": "24c034d135aeeb5e1e858ab6bdf7bb4b7ac76572", + "Forms.ToggleSwitch.ContentCol.ItemSpacing.LG": "26747d4828ead75a96bdb6aa199f5f7bef8656c9", + "Forms.ToggleSwitch.Control.Container.BorderRadius": "b6ca38909c84c3945d91f54d777a5ce4f4d27f65", "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Rest": "8443304ea445b2f06f5158bae550d4184b74bf19", "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Hover": "89217bf38aae2a18587cb7cae486bf28653b4fc9", "Forms.ToggleSwitch.Control.Container.BorderWidth.SM.Active.Pressed": "1395d8ce01320ce7c864c9cb28ae9241a91bf8ed", @@ -2357,6 +2658,48 @@ "Forms.ToggleSwitch.Control.AY11IconContainer.PaddingLeftRight.SM": "e7c4287ae0f5d1c9362010a1ba260344804442f4", "Forms.ToggleSwitch.Control.AY11IconContainer.PaddingLeftRight.MD": "1f4af8e97a6d5e1b82bf47071cd3814381cba02b", "Forms.ToggleSwitch.Control.AY11IconContainer.PaddingLeftRight.LG": "b7cefe0d33792b10b3f7353e07cbd4c3211f08bc", + "Forms.ToggleSwitch.Control.Knob.Size.SM": "28dad85834303cd0e3a5eca328d70e31a5d3ca7d", + "Forms.ToggleSwitch.Control.Knob.Size.MD": "ec4541d4eaf2b6b79ae3e1ea8c482c153219d4d3", + "Forms.ToggleSwitch.Control.Knob.Size.LG": "669d21364af01102e0efcf77cddfeb07c06f938f", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Rest": "a7d41464a861e047543339d36bc9a1bcc3a6443f", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Hover": "662a967daeff097129da7ada54b1115039e84020", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Pressed": "5420b405969ba23d0370baaf1ee2e852336ac323", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Focus": "22ff4a9d658ea808d0542048e58572cfccaa5f08", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.Disabled": "8df55f1d8f891d8d4af6c68b63a2090a46668846", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Active.ReadOnly": "5ec9dba82eac269c598da978f9f3c3eef507c5f2", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Rest": "ea8d2c283807c33cb0aa80f1ed304c7caf94fb8d", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Hover": "caa9500139856af79a48ed72caa315ba4fb245ab", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Pressed": "97675456c6a2bab9d1fae1042187a01613bae1ae", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Focus": "c307ca4cb785e50eab3e44a612d4b882717c0995", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.Disabled": "eaa84f2bf1abd3604f44df8307357b85b148d73e", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.SM.Inactive.ReadOnly": "1dcd4661fad24da460c577ea14989b6e3d989571", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Rest": "14c306c7ad94d8c465927678d0377922a249fe9b", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Hover": "da24d52a60279721a7265b674b5ec8a13769779d", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Pressed": "5cdbb2f82d019104de75a9e3367e90cf27d48e39", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Focus": "e7696d0cb790c923c10ea9566ea047613380e833", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.Disabled": "39750897a0b50e3e34ebdf933a19a5ad8beeb12a", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Active.ReadOnly": "cce3039022fcd81c71c511c0c51126c365233ed4", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Rest": "dbae4abbd361e574c87a0da7699d7b64ca28f3e6", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Hover": "79c62a40d901cc41fae79854e04a93d485b3e7b6", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Pressed": "2615b2f5bb94e8649599fbd8680780f59b719fee", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Focus": "804b33b9d9c788808b175a3bf1476138a1fffff2", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.Disabled": "dc35493b49dfbbc29612454075e010abe91a014d", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.MD.Inactive.ReadOnly": "f9bfd14f9514da71f6a4ed108c17adba7b23b1e3", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Rest": "8146243035bdffc580512ed432031efef8729284", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Hover": "88034beba68036b163d63c86a62533d461bf9377", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Pressed": "60d9a23314abb9face3fc313e491ca6882e7bed4", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Focus": "aa80b4eb0d135b076ec407914cabfb572728a581", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.Disabled": "27575228571a08239e2a565a94f4bd1d98833fdf", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Active.ReadOnly": "0d953fd9c4e583d26dc8bf4b9ebdc2f9190751de", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Rest": "677a48e89d9b7b2a77a1f8713d04c1e0cf9c35ad", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Hover": "1826d41946adde037f721b56915efd5dbfca68aa", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Pressed": "f1e8f69e7d2dd02b2e7fa7e4e1d97ba401d5b9a2", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Focus": "77de4c8c77672371e5641ddda58b7aa3fe7b9d76", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.Disabled": "614db5b2590d0131017ceee4b7db57b97e11777c", + "Forms.ToggleSwitch.Control.Knob.BorderWidth.LG.Inactive.ReadOnly": "50b5198906a5722ba4521684fc2b454ec355018f", + "Forms.ToggleSwitch.ControlWithStateLabel.Container.ItemSpacing.SM": "2f384ac7859d1ef2082811080b999ad4871f9784", + "Forms.ToggleSwitch.ControlWithStateLabel.Container.ItemSpacing.MD": "dcbe0eba5dc4f10ff2bba7e2b073f156b730aaba", + "Forms.ToggleSwitch.ControlWithStateLabel.Container.ItemSpacing.LG": "62d0b78f33b367721ca7dae53af0970461e297cf", "Forms.Slider.Thumb.Sizing.Rest": "c1a06168fad8ec36449f9f76bd9794f90cc08967", "Forms.Slider.Thumb.Sizing.Hover": "92f7b084a0de72de7f8affbd8eae719d566c02a3", "Forms.Slider.Thumb.Sizing.Pressed": "c4afe6cd30a4f980be07da2ace3bd15d3ff3cb49", @@ -2364,40 +2707,49 @@ "Forms.Slider.Thumb.Sizing.Disabled": "f392e2ca8457aa3977a92325a66c185fcd028c54", "Forms.Slider.Thumb.Sizing.Readonly": "f14a4e554ad447122477cc697b86041c3f76415c", "Forms.Slider.TickMark.Sizing": "1463ab3e63d2a5936e5823f1a5a099bf5f9baef9", - "UI.Icon.Container.Size.XXS": "6925bcad044097d2ceedbef8b92e93a28ded9fc8", - "UI.Icon.Container.Size.XS": "59def30893c50bd37d2aa874cca21a0e99db3cc6", - "UI.Icon.Container.Size.SM": "548e68198c95755f8156b270529686dd6ad6162b", - "UI.Icon.Container.Size.MD": "68cc4b80c4c42d7d6d8b1001126883b0d1dc9f29", - "UI.Icon.Container.Size.LG": "f28c10cb141ea79e2d28a871e148e0c76d2305da", - "UI.Icon.Container.Size.XL": "da2aa306cebc2c359b3d5fe35036965882fec684", - "UI.ButtonGroup.Container.ItemSpacing.XS": "3ebdc80e81bef240ca68d2cd04a7fcadcb94373c", - "UI.ButtonGroup.Container.ItemSpacing.SM": "fb35bc9893444e004a29a73366c1d5e9a9edeb09", - "UI.ButtonGroup.Container.ItemSpacing.MD": "2334275cb73d4923d2aeed71d1dd711bce249299", - "UI.ButtonGroup.Container.ItemSpacing.LG": "9e9eb3eb04aed00ad80a15212ab300f5fd21b491", - "UI.ButtonGroup.Container.ItemSpacing.XL": "84d1abd4e9ef76edb86015c523a0dfb5912e3244", + "Forms.NumberInput.Input.TextContainer.ItemSpacing.SM": "fe2a59e1c771ef86b5c64c724782a9a622acca9a", + "Forms.NumberInput.Input.TextContainer.ItemSpacing.MD": "6c45d7fc2f7b9f646da23abcdddc068f865dbc26", + "Forms.NumberInput.Input.TextContainer.ItemSpacing.LG": "e4fb34d6f9727370ab0fa0f12846390b603ca136", + "Forms.CaptionGroup.Container.ItemSpacing.SM": "88cb1edf643e0e81bcc084226d7506fabfcea1cd", + "Forms.CaptionGroup.Container.ItemSpacing.MD": "fd0479ce7fca70558742fd2a0b583c9e7a0e53df", + "Forms.CaptionGroup.Container.ItemSpacing.LG": "1cbbab9634e0b132b53aa4955dde3d57585259b1", + "Forms.FormLabel.Container.ItemSpacing.SM": "b95c4cb7273103216bb9f475b40482c69a906724", + "Forms.FormLabel.Container.ItemSpacing.MD": "9f332681b5d6aeb5257e8b7c81927ebf838bf962", + "Forms.FormLabel.Container.ItemSpacing.LG": "f61dee5fef7e7f2a1e8801625057884241025971", + "UI.Icon.Container.Size.XXS": "fea119cf550b046ebf50a0109332c3a60ea87b25", + "UI.Icon.Container.Size.XS": "0ce7b20454c4fa112fec6c2270208ad5a308ea87", + "UI.Icon.Container.Size.SM": "6cd6bd785ced35f38c70b32330f286e6898440f4", + "UI.Icon.Container.Size.MD": "a740e2ee25b01efb222461173f60f3f6f65363cd", + "UI.Icon.Container.Size.LG": "ad28daf19bdf0c4645a70c8fe1936d4517dfc1e4", + "UI.Icon.Container.Size.XL": "8cee7653715d1f34f945384c82495055e7bb3c82", + "UI.ButtonGroup.Container.ItemSpacing.XS": "a7f46542b1192ecc4d4d7d20693fc15400f9ffb9", + "UI.ButtonGroup.Container.ItemSpacing.SM": "593e3bc279656b1c0f90ed39840bfc6d0e9f00f3", + "UI.ButtonGroup.Container.ItemSpacing.MD": "a71c6138bdfc73114198d65264a430f437536d68", + "UI.ButtonGroup.Container.ItemSpacing.LG": "8619b8d2abd37e81cdf34a6bc37d1014c6f78556", + "UI.ButtonGroup.Container.ItemSpacing.XL": "f5589986a628a0b132e6ca360becd353cd50e6a6", "UI.Divider.Container.Horizontal.Height": "99c86886304f9f83153010601e78a457c3a2377f", "UI.Divider.Container.Vertical.Width": "1392f861f2707b9dda9ab2ccd7deac928696a142", - "Navigation.TabBar.Tab.SM.HighlightLine.Height": "ec176d10887c957d0076731450b8cb33cef7d03f", - "Navigation.TabBar.Tab.SM.ContentCol.TopPadding": "6d8a8321051f1e9fa57c0b74ec343fe1078b947e", - "Navigation.TabBar.Tab.SM.ContentCol.ItemSpacing": "d061d19ddbef814160276dbdf717648110b78f9a", - "Navigation.TabBar.Tab.SM.ContentRow.PaddingLeftRight": "6cdf3d5d1530daa0e8cbdb565300878dbd94d5a2", - "Navigation.TabBar.Tab.SM.ContentRow.ItemSpacing": "9b407aea6e3a2c2b059fdd5776d209583a165d46", - "Navigation.TabBar.Tab.SM.Icon.Sizing": "6b113eef73655ad8a509f69b111eed85029c1b26", - "Navigation.TabBar.Tab.MD.HighlightLine.Height": "7683fc334a62417d868dc8b4bb13254abae06431", - "Navigation.TabBar.Tab.MD.ContentCol.TopPadding": "2bc349821f89e3acdd11f2cfd745086d5d025850", - "Navigation.TabBar.Tab.MD.ContentCol.ItemSpacing": "13f356737a6586c855c52788c7d63ebd23e2fdc5", - "Navigation.TabBar.Tab.MD.ContentRow.PaddingLeftRight": "21330a7791ac56c3c5ef8443a42fef13c0a8da3d", - "Navigation.TabBar.Tab.MD.ContentRow.ItemSpacing": "659b399cc4e36a26e8602a4f70292def7ecdd27a", - "Navigation.TabBar.Tab.MD.Icon.Sizing": "1c5cafe5f396b8d959bc6ffaef3c1410f83d08ed", - "Navigation.TabBar.Tab.LG.HighlightLine.Height": "dc9bc6425fd4b5f0ee96e41354bbe2ec0d6b66b1", - "Navigation.TabBar.Tab.LG.ContentCol.TopPadding": "aece7b8bcb938721535229e362ff8892646e1a0f", - "Navigation.TabBar.Tab.LG.ContentCol.ItemSpacing": "834e6dc8bd09200f1442200df8406fdce1fd9f67", - "Navigation.TabBar.Tab.LG.ContentRow.PaddingLeftRight": "9e30569e1e7df1a9cce518e20605dafad1cc1a8c", - "Navigation.TabBar.Tab.LG.ContentRow.ItemSpacing": "882da64efb19d3976d75d4eafd173dd79a5d13f7", - "Navigation.TabBar.Tab.LG.Icon.Sizing": "f5f44d23ed6dd979bfaf9799b4457688e2231230", - "Forms.Radio.ContentRow.PaddingTopBottom.SM": "2a709be0557dcf99819f2b1699d9b24e8f38590d", - "Forms.Radio.ContentRow.PaddingTopBottom.MD": "ebd5822ef44f5db3c98edfd60e23be82ff9b2f3c", - "Forms.Radio.ContentRow.PaddingTopBottom.LG": "f96d82ff5b28908dc7b8b2a8687061c0d86dc247", + "Navigation.TabBar.Tab.HighlightLine.Height.SM": "ec176d10887c957d0076731450b8cb33cef7d03f", + "Navigation.TabBar.Tab.HighlightLine.Height.MD": "7683fc334a62417d868dc8b4bb13254abae06431", + "Navigation.TabBar.Tab.HighlightLine.Height.LG": "dc9bc6425fd4b5f0ee96e41354bbe2ec0d6b66b1", + "Navigation.TabBar.Tab.ContentCol.PaddingTop.SM": "6d8a8321051f1e9fa57c0b74ec343fe1078b947e", + "Navigation.TabBar.Tab.ContentCol.PaddingTop.MD": "2bc349821f89e3acdd11f2cfd745086d5d025850", + "Navigation.TabBar.Tab.ContentCol.PaddingTop.LG": "aece7b8bcb938721535229e362ff8892646e1a0f", + "Navigation.TabBar.Tab.ContentCol.ItemSpacing.SM": "d061d19ddbef814160276dbdf717648110b78f9a", + "Navigation.TabBar.Tab.ContentCol.ItemSpacing.MD": "13f356737a6586c855c52788c7d63ebd23e2fdc5", + "Navigation.TabBar.Tab.ContentCol.ItemSpacing.LG": "834e6dc8bd09200f1442200df8406fdce1fd9f67", + "Navigation.TabBar.Tab.ContentRow.PaddingLeftRight.SM": "6cdf3d5d1530daa0e8cbdb565300878dbd94d5a2", + "Navigation.TabBar.Tab.ContentRow.PaddingLeftRight.MD": "21330a7791ac56c3c5ef8443a42fef13c0a8da3d", + "Navigation.TabBar.Tab.ContentRow.PaddingLeftRight.LG": "9e30569e1e7df1a9cce518e20605dafad1cc1a8c", + "Navigation.TabBar.Tab.ContentRow.ItemSpacing.SM": "9b407aea6e3a2c2b059fdd5776d209583a165d46", + "Navigation.TabBar.Tab.ContentRow.ItemSpacing.MD": "659b399cc4e36a26e8602a4f70292def7ecdd27a", + "Navigation.TabBar.Tab.ContentRow.ItemSpacing.LG": "882da64efb19d3976d75d4eafd173dd79a5d13f7", + "Navigation.TabBar.Tab.Icon.IconSize.SM": "6b113eef73655ad8a509f69b111eed85029c1b26", + "Navigation.TabBar.Tab.Icon.IconSize.MD": "1c5cafe5f396b8d959bc6ffaef3c1410f83d08ed", + "Navigation.TabBar.Tab.Icon.IconSize.LG": "f5f44d23ed6dd979bfaf9799b4457688e2231230", + "Navigation.TabBar.ButtonWrapper.InnerPadding.SM": "b48c00747c5756df28c3e4e90efae5568e023f5e", + "Navigation.TabBar.ButtonWrapper.InnerPadding.MD": "2a847be484c780391e72bea86c070dccc30c1926", + "Navigation.TabBar.ButtonWrapper.InnerPadding.LG": "f8b9aff60ec41648f6e837b71cca0d26f8f8b811", "Action.BorderRadius": "9644fb0b564a7bdd9b72d09b6d1efa4fd593c08b", "Forms.SM.CaptionComponent.IconDimension": "f5cf91673f3a3e330390327210550e1a1705a426", "Forms.SM.CaptionComponent.IconWrapper.PaddingTop": "01d766852ea0e2b80da8eccc38e4e7ed770996e5", @@ -2423,8 +2775,8 @@ "Feedback.Counter.Text.TextColor.Neutral": "09f4a5ecb8498984685870b785ba7abf4dc626bd", "Feedback.Counter.Text.TextColor.Warning": "7a37d5281d7d85851d881f0d1856648e8ce0154a", "Feedback.Counter.Text.TextColor.Error": "02d3e9a1059005caf1c4cd43f91e9c2cbadc6c7a", - "Feedback.Tooltip.SurfaceFill": "b6e780869894888e343c303051813f37724f905d", - "Feedback.Tooltip.Content": "3ac82f6ccd777b78f4311000b90b52e023df9dc3", + "Feedback.Tooltip.Container.BackgroundColor": "b6e780869894888e343c303051813f37724f905d", + "Feedback.Tooltip.Text.TextColor": "3ac82f6ccd777b78f4311000b90b52e023df9dc3", "Feedback.Dialog.Surface.Color": "0632bde949b58fdbe72a95081dcbb58dddd5edc4", "Feedback.Loader.Background.BorderColor.Default": "bf2e41c2d71f6a196f377e551edc13e136714828", "Feedback.Loader.Background.BorderColor.Inverted": "07e87c20888a3508b62d5bd346f662b9cee5a6f6", @@ -2513,78 +2865,66 @@ "Forms.Radio.Control.Icon.IconColor.Active.Focus": "141d73672e1c477288b0e463bda716155cbc422a", "Forms.Radio.Control.Icon.IconColor.Active.Disabled": "a05ad329e8b99368e319de71b9e6c0894240fefd", "Forms.Radio.Control.Icon.IconColor.Active.ReadOnly": "b51ff3348ab82a88fc597edc219bd2b8d71f901c", - "Forms.ToggleSwitch.Control.Background.Unselected.Fill.Rest": "8718515597653c0bf2cbf517ef4347d683a0f97a", - "Forms.ToggleSwitch.Control.Background.Unselected.Fill.Hover": "5c1a5722d4a941c347e9d824f8b352191df930a4", - "Forms.ToggleSwitch.Control.Background.Unselected.Fill.Pressed": "65aa10e6b3d06f840d9871060cc199f291b1a47c", - "Forms.ToggleSwitch.Control.Background.Unselected.Fill.Focus": "9fd3ab73126047140a466ca1a1c34e504a69fd33", - "Forms.ToggleSwitch.Control.Background.Unselected.Fill.Disabled": "4b6845cf151c9a11e4d91a1ccc67ed011829abd2", - "Forms.ToggleSwitch.Control.Background.Unselected.Fill.ReadOnly": "8e0c90042a995f5049b50d224c6efdd4f398fd2e", - "Forms.ToggleSwitch.Control.Background.Unselected.Stroke.Rest": "b434916921f11a6780963f484c7a75dfab47b9a5", - "Forms.ToggleSwitch.Control.Background.Unselected.Stroke.Hover": "a3f770817655de29f24ae075cab8690cf931bb3b", - "Forms.ToggleSwitch.Control.Background.Unselected.Stroke.Pressed": "1f35f1c165e96911c9fe6be4cfb7cc33ac852f9d", - "Forms.ToggleSwitch.Control.Background.Unselected.Stroke.Focus": "cd64613be4d30a511468233adf3ff976285b5195", - "Forms.ToggleSwitch.Control.Background.Unselected.Stroke.Disabled": "a612a08f5ac7793e681dadcb5aa840f0d695862b", - "Forms.ToggleSwitch.Control.Background.Unselected.Stroke.ReadOnly": "3cb0047e030d49d988fc27c86762e7dd92ad154a", - "Forms.ToggleSwitch.Control.Background.Selected.Fill.Rest": "963f5a70ba240b9b4588164086c56ddbfbef890e", - "Forms.ToggleSwitch.Control.Background.Selected.Fill.Hover": "b5b6f5548883e814a15bae4c8008587fd1546c0b", - "Forms.ToggleSwitch.Control.Background.Selected.Fill.Pressed": "f9a5edebe733adec15ccdc8f22522ebee987077f", - "Forms.ToggleSwitch.Control.Background.Selected.Fill.Focus": "eab54e8a869fca056e0e04d2246988148a71cf97", - "Forms.ToggleSwitch.Control.Background.Selected.Fill.Disabled": "a4619164ca10825fdfa6baa60bb8cf58daf8bed9", - "Forms.ToggleSwitch.Control.Background.Selected.Fill.ReadOnly": "13cd6103c8b7d76fcf458f2d452b0503678293fb", - "Forms.ToggleSwitch.Control.Background.Selected.Stroke.Rest": "cd0d984a46517d4d92d2e008d51f39463521a62b", - "Forms.ToggleSwitch.Control.Background.Selected.Stroke.Hover": "9e07608ede77b3b93b87229dd8a37350e1d76f68", - "Forms.ToggleSwitch.Control.Background.Selected.Stroke.Pressed": "48622819e4ff02d371a29adfa43e280802521a56", - "Forms.ToggleSwitch.Control.Background.Selected.Stroke.Focus": "06f77cfe85a943174f363a68db1480b218c6732b", - "Forms.ToggleSwitch.Control.Background.Selected.Stroke.Disabled": "72ebfcb7544dcdfb09741b05ec2f27b6fdfe013c", - "Forms.ToggleSwitch.Control.Background.Selected.Stroke.ReadOnly": "b16451c1dc65f00220d85210af7aee4b07a363c4", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.Rest": "d6a87bb8a52727756a352821b04ce945ae67b685", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.Hover": "1edbca6b975bf8aa3f86d7f774acab5d6d9be9ca", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.Pressed": "22f43aae9d9ba49d6f6699e8f0425d4b2e9c2da5", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.Focus": "ea9e76b20d12f0078f91865103f8bc74d3d99b6d", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.Disabled": "0777ee62d3171bd5546e3bdb117b43a93a481e69", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Fill.ReadOnly": "dee44a06adffcbf03230a06a162a0a9f3b87a948", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Rest": "82f97567165621da65c44a3ae369f509bd5c74e9", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Hover": "5fc6e7c0e9f273fe9fb45c90e52b51ec5385331e", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Pressed": "bf209603d55b1d27bcb3420c1a250c83668be666", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Focus": "8ed37bb832de9c089dbf2cef612623e5375a5352", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.Disabled": "78fabddae6e35bb5f0487eab5eeed65214ad5919", - "Forms.ToggleSwitch.Control.Ay11Icon.Unselected.Stroke.ReadOnly": "6e7900a2963e27cbc214c7616dabb7f4d379bf53", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Fill.Rest": "293284af1c13427999f6236ebc4ff02cad5e0cdd", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Fill.Hover": "88bf5bd0547c327026fd47b1ecf412c43694f081", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Fill.Pressed": "47e0039ba96f835b116ed732ce58991236f71214", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Fill.Focus": "52f598f28aafbf12bba94f0f5bf269370c6c5e12", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Fill.Disabled": "fbeaea39939978d501d92c36d547d4b97cb7f376", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Fill.ReadOnly": "2bcaaba69910d3a0d082d5bcb04d49b4217712a9", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Rest": "40f4e0edea9a791bb2bc4cab380500bdf0273a87", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Hover": "2728b53622d95030cea7d78d88acca5f39af9516", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Pressed": "fc596ba5427505fc20b319c896049966bbdafc5b", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Focus": "a4fd13e9d3254e317aac00db886350f78227edab", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.Disabled": "393e09c3eeb137cf1b496d98b96641a17150535e", - "Forms.ToggleSwitch.Control.Ay11Icon.Selected.Stroke.ReadOnly": "31ced978cc95bb97d12d99edbb01ab7a9d4697b0", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Fill.Rest": "f43cf347ae06413091638f616b1438d15d809a2e", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Fill.Hover": "45056e036355817fe5b235d06f13f6ecb0c52ca0", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Fill.Pressed": "728a22fcfa687116a3626b0ee7c7025f06f3772b", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Fill.Focus": "2e8ff2f0afc54451f9e4a172e6b0fff393ba0635", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Fill.Disabled": "2304f8848d646a94df1794b1b3b866d7df55a6a7", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Fill.ReadOnly": "33dabec98063a4011cc941ef76b5bb29fdf57393", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Stroke.Rest": "09a14aa48d5ba1a86e262d413c0e51f4c5552650", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Stroke.Hover": "3de21d459479440ee2388e70a057b961c2430e00", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Stroke.Pressed": "e7b535425dc24f33fa3118fd96be48fcd44846b0", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Stroke.Focus": "86e3d5cfcabae6bfe51e1c7c57f2d8534703a98a", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Stroke.Disabled": "8de1a57c214c7f46658d02db24db7e9c0d46eb5d", - "Forms.ToggleSwitch.Control.Knob.Surface.Unselected.Stroke.ReadOnly": "15934f72eb1903f7762b19fa805ddb5bdc94a093", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Fill.Rest": "2d7023e8724a6ad30d826ceba49c9cda24f423d5", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Fill.Hover": "6c1490607892bffbee6f3e29280ba4f5eb926214", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Fill.Pressed": "6a33a5448e5c666525c9e163a0f655f0639093f1", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Fill.Focus": "faaf7bf1fc249a084a4928340f51e25571ee5016", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Fill.Disabled": "2eab789645102d3636267cdec3dc9d52cdb7e2dd", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Fill.ReadOnly": "495e32745a2a65d0964b60fa49b0e1b67a1053dd", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Stroke.Rest": "b3934b9861e5b95bb7da582e2f4c80ab8a463827", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Stroke.Hover": "468b2a4959c7bec0310e823ca5cabe76d1efbaa8", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Stroke.Pressed": "635ddfc7df58ce338dc98b0cd6217ec62d44d43f", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Stroke.Focus": "10752a4255cc5d49abdc77d64867653eb9a42f2e", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Stroke.Disabled": "7bf2913c532d6143b4d2a9c80793077b3fcfe751", - "Forms.ToggleSwitch.Control.Knob.Surface.Selected.Stroke.ReadOnly": "af62c13092f2d72179d76ba6934480d64ad98fa2", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Rest": "8718515597653c0bf2cbf517ef4347d683a0f97a", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Hover": "5c1a5722d4a941c347e9d824f8b352191df930a4", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Pressed": "65aa10e6b3d06f840d9871060cc199f291b1a47c", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Focus": "9fd3ab73126047140a466ca1a1c34e504a69fd33", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.Disabled": "4b6845cf151c9a11e4d91a1ccc67ed011829abd2", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Inactive.ReadOnly": "8e0c90042a995f5049b50d224c6efdd4f398fd2e", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Rest": "963f5a70ba240b9b4588164086c56ddbfbef890e", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Hover": "b5b6f5548883e814a15bae4c8008587fd1546c0b", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Pressed": "f9a5edebe733adec15ccdc8f22522ebee987077f", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Focus": "eab54e8a869fca056e0e04d2246988148a71cf97", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.Disabled": "a4619164ca10825fdfa6baa60bb8cf58daf8bed9", + "Forms.ToggleSwitch.Control.Container.BackgroundColor.Active.ReadOnly": "13cd6103c8b7d76fcf458f2d452b0503678293fb", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Rest": "b434916921f11a6780963f484c7a75dfab47b9a5", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Hover": "a3f770817655de29f24ae075cab8690cf931bb3b", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Pressed": "1f35f1c165e96911c9fe6be4cfb7cc33ac852f9d", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Focus": "cd64613be4d30a511468233adf3ff976285b5195", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.Disabled": "a612a08f5ac7793e681dadcb5aa840f0d695862b", + "Forms.ToggleSwitch.Control.Container.BorderColor.Inactive.ReadOnly": "3cb0047e030d49d988fc27c86762e7dd92ad154a", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Rest": "cd0d984a46517d4d92d2e008d51f39463521a62b", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Hover": "9e07608ede77b3b93b87229dd8a37350e1d76f68", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Pressed": "48622819e4ff02d371a29adfa43e280802521a56", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Focus": "06f77cfe85a943174f363a68db1480b218c6732b", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.Disabled": "72ebfcb7544dcdfb09741b05ec2f27b6fdfe013c", + "Forms.ToggleSwitch.Control.Container.BorderColor.Active.ReadOnly": "b16451c1dc65f00220d85210af7aee4b07a363c4", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Rest": "d6a87bb8a52727756a352821b04ce945ae67b685", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Hover": "c21eb093785492329f922c6a6e1188bd53613801", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Pressed": "3e88f6562c4aaa809e422c54e23b50cd3eab980e", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Focus": "8cb0cd943cbde53e52cad175a9c8697b1d96d639", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.Disabled": "80306212e8a68f2fce31997731c972c3e1695ef5", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Inactive.ReadOnly": "9d7ed3b09b2d643e395699f93feaa053bb78ac89", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Rest": "293284af1c13427999f6236ebc4ff02cad5e0cdd", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Hover": "88bf5bd0547c327026fd47b1ecf412c43694f081", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Pressed": "47e0039ba96f835b116ed732ce58991236f71214", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Focus": "52f598f28aafbf12bba94f0f5bf269370c6c5e12", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.Disabled": "fbeaea39939978d501d92c36d547d4b97cb7f376", + "Forms.ToggleSwitch.Control.AY11Icon.IconColor.Active.ReadOnly": "2bcaaba69910d3a0d082d5bcb04d49b4217712a9", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Rest": "f43cf347ae06413091638f616b1438d15d809a2e", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Hover": "45056e036355817fe5b235d06f13f6ecb0c52ca0", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Pressed": "728a22fcfa687116a3626b0ee7c7025f06f3772b", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Focus": "2e8ff2f0afc54451f9e4a172e6b0fff393ba0635", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.Disabled": "2304f8848d646a94df1794b1b3b866d7df55a6a7", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Inactive.ReadOnly": "33dabec98063a4011cc941ef76b5bb29fdf57393", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Rest": "2d7023e8724a6ad30d826ceba49c9cda24f423d5", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Hover": "6c1490607892bffbee6f3e29280ba4f5eb926214", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Pressed": "6a33a5448e5c666525c9e163a0f655f0639093f1", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Focus": "faaf7bf1fc249a084a4928340f51e25571ee5016", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.Disabled": "2eab789645102d3636267cdec3dc9d52cdb7e2dd", + "Forms.ToggleSwitch.Control.Knob.BackgroundColor.Active.ReadOnly": "495e32745a2a65d0964b60fa49b0e1b67a1053dd", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Rest": "09a14aa48d5ba1a86e262d413c0e51f4c5552650", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Hover": "3de21d459479440ee2388e70a057b961c2430e00", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Pressed": "e7b535425dc24f33fa3118fd96be48fcd44846b0", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Focus": "86e3d5cfcabae6bfe51e1c7c57f2d8534703a98a", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.Disabled": "8de1a57c214c7f46658d02db24db7e9c0d46eb5d", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Inactive.ReadOnly": "15934f72eb1903f7762b19fa805ddb5bdc94a093", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Rest": "b3934b9861e5b95bb7da582e2f4c80ab8a463827", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Hover": "468b2a4959c7bec0310e823ca5cabe76d1efbaa8", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Pressed": "635ddfc7df58ce338dc98b0cd6217ec62d44d43f", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Focus": "10752a4255cc5d49abdc77d64867653eb9a42f2e", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.Disabled": "7bf2913c532d6143b4d2a9c80793077b3fcfe751", + "Forms.ToggleSwitch.Control.Knob.BorderColor.Active.ReadOnly": "af62c13092f2d72179d76ba6934480d64ad98fa2", "Forms.Slider.Thumb.Fill.Rest": "4b56ceea6fa677c0f3eb622ac04b5f7db5a7d4f2", "Forms.Slider.Thumb.Fill.Hover": "c01c69ac66f6f442c8af59578cb4a1e67cb63b98", "Forms.Slider.Thumb.Fill.Pressed": "08ea2cebde352ebe0763facfd9aa82aa3158e2fc", @@ -2613,8 +2953,56 @@ "Forms.Slider.TickMark.Fill.Inactive.Mute": "b038a2db0f9367b4a3711e09952325567f0c616c", "Forms.Slider.Legend.Color.Default": "a379967d3a56a97aee50f9a7e51c6a712798c546", "Forms.Slider.Legend.Color.Disabled": "022ef2187311e450e3836516cdbdac3d006e6b1d", + "Forms.FormLabel.Label.TextColor.Rest": "ec9947b9d58b06c1d655964205696ca63b1234b0", + "Forms.FormLabel.Label.TextColor.Hover": "2c9b8115269c6a26bd09f00fb42593a0dc8a1dd8", + "Forms.FormLabel.Label.TextColor.Pressed": "27235518c7bdd3e3b527884ad360e520d516d89f", + "Forms.FormLabel.Label.TextColor.Focus": "87b4b8f6f7dbb664643c770a44323c6e34017834", + "Forms.FormLabel.Label.TextColor.Disabled": "f875505d7ec9e98231a260fac6e156467dd5eb3d", + "Forms.FormLabel.Label.TextColor.ReadOnly": "179d97d90346e3951ac1be8486912104d27aaeb1", + "Forms.FormLabel.Label.TextColor.Error": "b85a57d26aa4bf044227cd6f205d68f283110240", + "Forms.FormLabel.LabelAppendix.TextColor.Rest": "99e7d10fcdbfd998d9f6c9405a4e4db4fef521a5", + "Forms.FormLabel.LabelAppendix.TextColor.Hover": "8a95c7d4a4cc418b0cea2e19f902ffaca95f38bb", + "Forms.FormLabel.LabelAppendix.TextColor.Pressed": "67dd744e9a3fbf31ea053ff029e21b64733c9a2f", + "Forms.FormLabel.LabelAppendix.TextColor.Focus": "6d2497ec5db20514c8ace386640f2eeef98b1aa8", + "Forms.FormLabel.LabelAppendix.TextColor.Disabled": "6f5160aab42ac47a6b2e799127222c40cdc38280", + "Forms.FormLabel.LabelAppendix.TextColor.ReadOnly": "9b98f68e60ce875343433f2f432907feab44a0e3", + "Forms.FormLabel.LabelAppendix.TextColor.Error": "7827024e2420f397d0f027f6d51dcbd51af6c772", + "Forms.FormLabel.InlineLabel.TextColor.Rest": "aaa369f883dac80a1554e69d62c8f6f23dfb1a03", + "Forms.FormLabel.InlineLabel.TextColor.Hover": "359d7c2b80721e5ea917ee9b03adabffb7a82ab7", + "Forms.FormLabel.InlineLabel.TextColor.Pressed": "01902bd1b4727ea3f8788120fb348bd886d6e930", + "Forms.FormLabel.InlineLabel.TextColor.Focus": "de6ad25826c5de277caa93e0dfccb13e4b360f5e", + "Forms.FormLabel.InlineLabel.TextColor.Disabled": "2bab23a7ac647d816613df418742c7191546bd3c", + "Forms.FormLabel.InlineLabel.TextColor.ReadOnly": "8623e3abacf528d7b09794a6be047417ff1a6aab", + "Forms.FormLabel.InlineLabel.TextColor.Error": "0e615b7be58034bace19e61017ac4b0ee030965c", "UI.Divider.Container.BackgroundColor": "39bec8c5a9ba906af5f4c5daf5a348ae3618d4da", "UI.Blanket.Surface": "1758bac1223c81451082018286cba93e78c0cdda", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Active.Rest": "a9f02fe908bb058bce5087f032dabbee7189ec0b", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Active.Hover": "66a0d31e617e9857429ae1d3093034423ed68c7d", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Active.Pressed": "cd36fc768255249ae38c7d9aee8f74d9f78c2112", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Active.Focus": "8e251e194eb428f039f452bc766c5f83e77001bb", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Rest": "d8973b80c2c5dbd33734db74fcf88d9dc9781eba", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Hover": "f6d6615bec35396af700074611e652b9f261a6b0", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Pressed": "9aa87bd5cd7efce5bd47389e0b296285d4f04bc3", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Focus": "0d8e3fa086b7a3d382711b1e6b8357b1d2385a11", + "Navigation.TabBar.Tab.HighlightLine.BackgroundColor.Inactive.Disabled": "4d343fe3fb69af3fd6fe8e56f324d3dac1d4d829", + "Navigation.TabBar.Tab.Label.TextColor.Active.Rest": "e9892e6e3f94be6889cd47da3a25199a077768c0", + "Navigation.TabBar.Tab.Label.TextColor.Active.Hover": "6458c0c2ec874d7e1b41b68a8403a016a1874aad", + "Navigation.TabBar.Tab.Label.TextColor.Active.Pressed": "036c851103290e1f7e55deba15facd214a969661", + "Navigation.TabBar.Tab.Label.TextColor.Active.Focus": "aa139c0b107ac7416763eb2df3985337ad330ea5", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Rest": "b4d40a899198051eb71cd248baa2dfed5076c881", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Hover": "41815cf3cf89194eaa0ec940187e9e982218f161", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Pressed": "60488c3fa92b868bedc28bd82d4d97e27bf9442d", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Focus": "5396365ceedb627293384013ea805412b55a9299", + "Navigation.TabBar.Tab.Label.TextColor.Inactive.Disabled": "cf15b53a4ee2c83838f4341e758ca54a2d6ee958", + "Navigation.TabBar.Tab.Icon.IconColor.Active.Rest": "6753c240406466b011983cb4d1b6a1738fc1b157", + "Navigation.TabBar.Tab.Icon.IconColor.Active.Hover": "10452002de2853b66a86e0c39f80f1ca139891ad", + "Navigation.TabBar.Tab.Icon.IconColor.Active.Pressed": "cbaab50a0ece4dc00fbd2e55cebeb549a2bc94c9", + "Navigation.TabBar.Tab.Icon.IconColor.Active.Focus": "2d1cd33b16969a79b2fc596fdf574872ddd149bd", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Rest": "8c543a53accc45ba49608ac5739a864f7486599f", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Hover": "e94c82e142f23decfa187cdfe36d46d990522999", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Pressed": "e44dd304cb2cbc9d306c8e92b3f7e0bad0b44e57", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Focus": "3e27bca5e9d2bd28c02dc7b40662bac91ffb96b0", + "Navigation.TabBar.Tab.Icon.IconColor.Inactive.Disabled": "2255dfc7d338f82fcc3ecd1331b4c7ebf4f4dba3", "Action.Menu.Surface.Color": "915b1ddec5d8b8e8a32bf5afbd9186e16af5ec54", "Action.Menu.MenuSection.SectionTitle": "9f8a812cd4e37124e365682d18bd0dd37b5ea311", "Action.CTA.SurfaceFill.Rest": "e113217d84d5ed192f2c9401e6881a78bd729419", @@ -2813,13 +3201,6 @@ "Forms.Label.Disabled": "d6b7e131a9918754650824c34f046905e91e206d", "Forms.Label.ReadOnly": "f4db2ed538360d00df63969538cf7fe2a5d9d5b4", "Forms.Label.Error": "8b3d315ab91b0c8c04151106cee6cebbaab04900", - "Forms.LabelAppendix.Rest": "d5ff5327417742b08c802881f3227ac701b66049", - "Forms.LabelAppendix.Hover": "db13817c6d83406e0573b4ff106b9dd1b1a3dede", - "Forms.LabelAppendix.Pressed": "9e3be18001216dc101abd9d9da279ac44ac15fb9", - "Forms.LabelAppendix.Focus": "722cfc91c664a618cf12ed2a2116b9c41d0e1cfc", - "Forms.LabelAppendix.Disabled": "9ce456a5d5e3108ee17edbf4716219d2a92caee8", - "Forms.LabelAppendix.ReadOnly": "0eec8ab9bcd4b48b07971549efb3c97204ddcec9", - "Forms.LabelAppendix.Error": "46f7fc696dc93f09909b50586097bec1359e788a", "Forms.Caption.Error": "608c897e8ab21b8620df09301a3cd5b9483f6803", "Forms.Caption.Hint": "52c964dce1d1d9b3929debb031587a85511f3539", "Forms.UserInput.Default.Rest": "8ff509b4d599935515d61cdb0c7d820ee189fd39", @@ -2868,17 +3249,30 @@ "Forms.InputIcon.Focus": "861cbc229b3a0b34846f606d4d351052a2989d73", "Forms.InputIcon.Disabled": "e374017b3bca79fe00c088458555c7410458fcd9", "Forms.InputIcon.Error": "54e253c0ba1f03d03de4c373ed36ee106221cacc", - "Forms.LabelNextToControl.Rest": "3c36932ea0730b0333a859db32741a47eae9c934", - "Forms.LabelNextToControl.Hover": "b7a265632d273b99e4ad89beed5e62ca94fff334", - "Forms.LabelNextToControl.Pressed": "a21fae09296b3bf6dfcb6700a9196c30d22d97da", - "Forms.LabelNextToControl.Focus": "9caab6c4da237764730a71d4d1c0874939452ece", - "Forms.LabelNextToControl.Disabled": "aaa03f7b63891cc408428b3feb3a479513d3d6cc", - "Forms.LabelNextToControl.ReadOnly": "1967ca8a6b1bbc5418bb25ccfb6844b6c8d4dbf4", - "Forms.LabelNextToControl.Error": "cece358f6434008076cb30cd28cb178f76e38066", "Forms.Legend.Default": "5b8f8284bb401626a0a43b54c71a745c08c10bd2", "Forms.Legend.Disabled": "929d4883ba4126f9024054cd330ab6f9285a1084", "Forms.Legend.ReadOnly": "9e6544c728e6c87574160b11bb8dbb68b21a4169", "Forms.Legend.Error": "111421b7362c07aa3975d78e27aa46aa1f795e4b", + "Forms.PrefixSuffix.OnPopulatedField.Default.Rest": "be8dc55ddb78a326434a05b079d46a80f9fa88f2", + "Forms.PrefixSuffix.OnPopulatedField.Default.Hover": "59276b9d90902859f02ba41e4f02fb2677bea97a", + "Forms.PrefixSuffix.OnPopulatedField.Default.Pressed": "d86d7c927823abf7e0e29fd455427bf004ede88c", + "Forms.PrefixSuffix.OnPopulatedField.Default.Focus": "267b34c660841038f4e6959b83b68e5265bd80bf", + "Forms.PrefixSuffix.OnPopulatedField.Default.Disabled": "c8ac5c93731774ff3cf4a4d38784b61abb377a06", + "Forms.PrefixSuffix.OnPopulatedField.Default.ReadOnly": "7681a54b45e2b88e76dee3b5b1ef4d2e0b7820dd", + "Forms.PrefixSuffix.OnPopulatedField.Error.Rest": "12b0e750d28d6633798b28b35835d8b4607f8746", + "Forms.PrefixSuffix.OnPopulatedField.Error.Hover": "20035b60c02104d0c61c649ed0858e79361320cb", + "Forms.PrefixSuffix.OnPopulatedField.Error.Pressed": "5d916ded3f1624803b9f3b673e39e15bb631ac9e", + "Forms.PrefixSuffix.OnPopulatedField.Error.Focus": "443135cc3497318fbb59db9e272c7e4c1de61aa8", + "Forms.PrefixSuffix.OnEmptyField.Default.Rest": "1b7a03e467f95caa43c8e152846831dc54ff11c9", + "Forms.PrefixSuffix.OnEmptyField.Default.Hover": "9d65525f9b173b174198bbc1acb78aec55345456", + "Forms.PrefixSuffix.OnEmptyField.Default.Pressed": "617017cf02fed58d3b87b174ba2e5d5977f0f758", + "Forms.PrefixSuffix.OnEmptyField.Default.Focus": "26e5f35a4abfac29165b60b3be11cbabbc3ae163", + "Forms.PrefixSuffix.OnEmptyField.Default.Disabled": "5536def877c56953156049c4d18413099d4ca30f", + "Forms.PrefixSuffix.OnEmptyField.Default.ReadOnly": "8679342609abaf1a90da84ee9aa48cd0e28dfc13", + "Forms.PrefixSuffix.OnEmptyField.Error.Rest": "880885b8cab19171543fed6bf793bfbe6bdc8ce9", + "Forms.PrefixSuffix.OnEmptyField.Error.Hover": "98331290cf06c4f67178fba7d577957fda61bdc2", + "Forms.PrefixSuffix.OnEmptyField.Error.Pressed": "2f1fddf463de97a0a22427f5f06566b1b88c4090", + "Forms.PrefixSuffix.OnEmptyField.Error.Focus": "4ba3dcf0c8448ea471443c3bf7692d4eae18986c", "Global.Focus": "bd88ffa693a2b4ae8a3e8a2ad48c841abaa037cf", "Feedback.Neutral.Surface": "1e5e608e4d787a8b8011173fbf7c3e42e6ad01c3", "Feedback.Neutral.SurfaceStroke": "f98a6f28dc64752fdf8b266e1eca2ece308a33ca", @@ -2979,19 +3373,7 @@ "q.content.onunspecified.inverted.beta": "e58e8029fc5f3480be093c8fac50a82614801687", "q.shadow.alpha": "83778a8c4ffd7b5d5c4df92bfde29340078a2dd0", "_internal.accent.pink.subtle": "a5817511c781de8760bf04d0dc84a07aca5c012d", - "_internal.accent.pink.strong": "b6518d18cc6ea229e89868f15c5e80e2efac34ea", - "Forms.RadioGroup.RadioStackVertical.ItemSpacing.SM": "9747e7387ccf5a39b75b4b87a85e1fa496c8f321", - "Forms.RadioGroup.RadioStackVertical.ItemSpacing.MD": "c3b638d0bfdf9bb15c1242f8549b5a77181eee80", - "Forms.RadioGroup.RadioStackVertical.ItemSpacing.LG": "9078e58ad8671fe49446d9134c4683d92b12417f", - "Forms.RadioGroup.RadioStackHorizontal.ItemSpacing.MD": "04f55ce24ed8b72265048da7f96ba6982091a842", - "Forms.RadioGroup.RadioStackHorizontal.ItemSpacing.LG": "d861a3dc4c1f0299e85d3bd52671483f7727ab82", - "Forms.RadioGroup.LegendWrapper.PaddingBottom.SM": "16507c1bcc6165435b310ac5cd1ae993c960132a", - "Forms.RadioGroup.LegendWrapper.PaddingBottom.MD": "7181319f4cb344156b2cb89dbceb14ec6cd5c9b3", - "Forms.RadioGroup.LegendWrapper.PaddingBottom.LG": "4642e5a7a5fc05025ec5e22c44f0680935133ef4", - "Forms.RadioGroup.RadioStackHorizontal.ItemSpacing.SM": "7b68d8ca89dd042b65986d4dbc94f048f788fcb8", - "Forms.RadioGroup.CaptionSlot.PaddingTop.SM": "e13378c5aaa8afdb616eab681ea573b90234c0f4", - "Forms.RadioGroup.CaptionSlot.PaddingTop.MD": "69c830617b0546925db764763e66460d4950fe3a", - "Forms.RadioGroup.CaptionSlot.PaddingTop.LG": "c8f1ada63ac592e9d6d96942d34d419648bc3984" + "_internal.accent.pink.strong": "b6518d18cc6ea229e89868f15c5e80e2efac34ea" }, "group": "Theme" } diff --git a/packages/figma-design-tokens/input/tokens/color/CMP.json b/packages/figma-design-tokens/input/tokens/color/CMP.json index cc1c4781b..9ff479724 100644 --- a/packages/figma-design-tokens/input/tokens/color/CMP.json +++ b/packages/figma-design-tokens/input/tokens/color/CMP.json @@ -49,13 +49,23 @@ } }, "Tooltip": { - "SurfaceFill": { - "value": "{q.surface.inverted}", - "type": "color" + "Container": { + "BackgroundColor": { + "value": "{q.surface.inverted}", + "type": "color" + }, + "Elevation": { + "Elevated": { + "value": "{Elevation.Lvl_1}", + "type": "boxShadow" + } + } }, - "Content": { - "value": "{q.content.oninverted.alpha}", - "type": "color" + "Text": { + "TextColor": { + "value": "{q.content.oninverted.alpha}", + "type": "color" + } } }, "Dialog": { diff --git a/packages/figma-design-tokens/input/tokens/color/SEM.json b/packages/figma-design-tokens/input/tokens/color/SEM.json index c41f2fa2f..eaa990b1e 100644 --- a/packages/figma-design-tokens/input/tokens/color/SEM.json +++ b/packages/figma-design-tokens/input/tokens/color/SEM.json @@ -1332,6 +1332,17 @@ } }, "Elevation": { + "Lvl_0": { + "value": { + "x": "{core.dimensionPX.0}", + "y": "{core.dimensionPX.0}", + "blur": "{core.dimensionPX.0}", + "spread": "{core.dimensionPX.0}", + "color": "{q.shadow.alpha}", + "type": "dropShadow" + }, + "type": "boxShadow" + }, "Lvl_1": { "value": { "x": "{core.dimensionPX.0}", diff --git a/packages/figma-design-tokens/input/tokens/dimensions/CMP.json b/packages/figma-design-tokens/input/tokens/dimensions/CMP.json index d756bb6bc..f26bd40a1 100644 --- a/packages/figma-design-tokens/input/tokens/dimensions/CMP.json +++ b/packages/figma-design-tokens/input/tokens/dimensions/CMP.json @@ -942,14 +942,32 @@ } }, "Tooltip": { - "ContentCol": { + "TextWrapper": { "Padding": { - "value": "{core.dimensionPX.6} {core.dimensionPX.8}", + "value": "{Feedback.Tooltip.TextWrapper.PaddingTopBottm} {Feedback.Tooltip.TextWrapper.PaddingLeftRight}", "type": "spacing" }, "BorderRadius": { "value": "{core.borderRadius.MD}", "type": "borderRadius" + }, + "MinWidth": { + "value": "{core.dimensionREM.40}", + "type": "sizing", + "description": "Defines the minimum width of the tooltip." + }, + "MaxWidth": { + "value": "{core.dimensionREM.80}", + "type": "sizing", + "description": "Defines the maximum Width of the tooltip." + }, + "PaddingTopBottm": { + "value": "{core.dimensionPX.6}", + "type": "spacing" + }, + "PaddingLeftRight": { + "value": "{core.dimensionPX.8}", + "type": "spacing" } }, "NoseWrapper": { @@ -964,15 +982,11 @@ "description": "Apply on tooltips where the nose is either top or bottom. The pading defines the inset of the nose." } }, - "MinWidth": { - "value": "{core.dimensionREM.40}", - "type": "sizing", - "description": "Defines the minimum width of the tooltip." - }, - "MaxWidth": { - "value": "{core.dimensionREM.80}", - "type": "sizing", - "description": "Defines the maximum Width of the tooltip." + "Text": { + "Typography": { + "value": "{UI.Caption.SM}", + "type": "typography" + } } }, "Dialog": { diff --git a/packages/ui-library/src/components/feedback/tooltip/tooltip-bubble/index.css.ts b/packages/ui-library/src/components/feedback/tooltip/tooltip-bubble/index.css.ts index fbbe2110f..73e7daf9e 100644 --- a/packages/ui-library/src/components/feedback/tooltip/tooltip-bubble/index.css.ts +++ b/packages/ui-library/src/components/feedback/tooltip/tooltip-bubble/index.css.ts @@ -1,17 +1,16 @@ import { typeSafeNestedCss } from "../../../../utils/nested-typesafe-css-literals"; import { renderThemedCssStrings } from "../../../../foundation/_tokens-generated/index.pseudo.generated"; -export const { tokenizedLight: light, tokenizedDark: dark } = renderThemedCssStrings((componentTokens, semanticTokens) => { +export const { tokenizedLight: light, tokenizedDark: dark } = renderThemedCssStrings((componentTokens) => { const { Tooltip } = componentTokens.Feedback; - const { UI, Elevation } = semanticTokens; const arrowHeight = "4px"; return typeSafeNestedCss` :host { left: 0; - max-width: ${Tooltip.MaxWidth}; - min-width: ${Tooltip.MinWidth}; + max-width: ${Tooltip.TextWrapper.MaxWidth}; + min-width: ${Tooltip.TextWrapper.MinWidth}; opacity: 0; position: absolute; transition: opacity 0.2s; @@ -20,18 +19,20 @@ export const { tokenizedLight: light, tokenizedDark: dark } = renderThemedCssStr width: max-content; .content { - background-color: ${Tooltip.SurfaceFill}; - border-radius: ${Tooltip.ContentCol.BorderRadius}; - color: ${Tooltip.Content}; - font-family: ${UI.Caption.SM.fontFamily}, sans-serif; - font-size: ${UI.Caption.SM.fontSize}; - font-weight: ${UI.Caption.SM.fontWeight}; - line-height: ${UI.Caption.SM.lineHeight}; - padding: ${Tooltip.ContentCol.Padding}; + background-color: ${Tooltip.Container.BackgroundColor}; + border-radius: ${Tooltip.TextWrapper.BorderRadius}; + color: ${Tooltip.Text.TextColor}; + font-family: ${Tooltip.Text.Typography.fontFamily}, sans-serif; + font-size: ${Tooltip.Text.Typography.fontSize}; + font-weight: ${Tooltip.Text.Typography.fontWeight}; + line-height: ${Tooltip.Text.Typography.lineHeight}; + padding: ${Tooltip.TextWrapper.Padding}; } .elevation { - filter: drop-shadow(${Elevation.Lvl_1.x} ${Elevation.Lvl_1.y} ${Elevation.Lvl_1.blur} ${Elevation.Lvl_1.color}); + filter: drop-shadow(${Tooltip.Container.Elevation.Elevated.x} ${Tooltip.Container.Elevation.Elevated.y} ${ + Tooltip.Container.Elevation.Elevated.blur + } ${Tooltip.Container.Elevation.Elevated.color}); } @@ -53,7 +54,7 @@ export const { tokenizedLight: light, tokenizedDark: dark } = renderThemedCssStr z-index: 1; & > svg > path { - fill: ${Tooltip.SurfaceFill}; + fill: ${Tooltip.Container.BackgroundColor}; } }