@salutejs/plasma-giga 0.327.0-canary.2390.20364773479.0 → 0.327.0-canary.2397.20370453452.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (46) hide show
  1. package/dist/css/cjs/components/DatePicker/DatePicker.config.js +1 -1
  2. package/dist/css/cjs/components/DatePicker/DatePicker.config.js.map +1 -1
  3. package/dist/css/cjs/components/DatePicker/DatePicker.config_1fdsdve.css +9 -0
  4. package/dist/css/cjs/components/DatePicker/DatePicker.css +9 -9
  5. package/dist/css/cjs/components/Range/Range.clear.config.js +41 -0
  6. package/dist/css/cjs/components/Range/Range.clear.config.js.map +1 -0
  7. package/dist/css/cjs/components/Range/Range.clear.config_p5aiu2.css +11 -0
  8. package/dist/css/cjs/components/Range/Range.config.js +13 -4
  9. package/dist/css/cjs/components/Range/Range.config.js.map +1 -1
  10. package/dist/css/cjs/components/Range/Range.config_s39lcx.css +11 -0
  11. package/dist/css/cjs/components/Range/Range.css +23 -8
  12. package/dist/css/cjs/components/Range/Range.js +14 -6
  13. package/dist/css/cjs/components/Range/Range.js.map +1 -1
  14. package/dist/css/cjs/index.css +32 -17
  15. package/dist/css/es/components/DatePicker/DatePicker.config.js +1 -1
  16. package/dist/css/es/components/DatePicker/DatePicker.config.js.map +1 -1
  17. package/dist/css/es/components/DatePicker/DatePicker.config_1fdsdve.css +9 -0
  18. package/dist/css/es/components/DatePicker/DatePicker.css +9 -9
  19. package/dist/css/es/components/Range/Range.clear.config.js +37 -0
  20. package/dist/css/es/components/Range/Range.clear.config.js.map +1 -0
  21. package/dist/css/es/components/Range/Range.clear.config_p5aiu2.css +11 -0
  22. package/dist/css/es/components/Range/Range.config.js +13 -4
  23. package/dist/css/es/components/Range/Range.config.js.map +1 -1
  24. package/dist/css/es/components/Range/Range.config_s39lcx.css +11 -0
  25. package/dist/css/es/components/Range/Range.css +23 -8
  26. package/dist/css/es/components/Range/Range.js +14 -8
  27. package/dist/css/es/components/Range/Range.js.map +1 -1
  28. package/dist/css/es/index.css +32 -17
  29. package/dist/styled-components/cjs/components/DatePicker/DatePicker.config.js +33 -13
  30. package/dist/styled-components/cjs/components/Range/Range.clear.config.js +543 -0
  31. package/dist/styled-components/cjs/components/Range/Range.config.js +249 -98
  32. package/dist/styled-components/cjs/components/Range/Range.js +28 -5
  33. package/dist/styled-components/es/components/DatePicker/DatePicker.config.js +33 -13
  34. package/dist/styled-components/es/components/Range/Range.clear.config.js +533 -0
  35. package/dist/styled-components/es/components/Range/Range.config.js +249 -98
  36. package/dist/styled-components/es/components/Range/Range.js +16 -6
  37. package/package.json +6 -6
  38. package/types/components/DatePicker/DatePicker.d.ts +19 -5
  39. package/types/components/InformationWrapper/InformationWrapper.d.ts +2 -0
  40. package/types/components/Range/Range.clear.config.d.ts +33 -0
  41. package/types/components/Range/Range.config.d.ts +9 -0
  42. package/types/components/Range/Range.d.ts +2222 -8
  43. package/dist/css/cjs/components/DatePicker/DatePicker.config_uks40t.css +0 -9
  44. package/dist/css/cjs/components/Range/Range.config_3yztt4.css +0 -8
  45. package/dist/css/es/components/DatePicker/DatePicker.config_uks40t.css +0 -9
  46. package/dist/css/es/components/Range/Range.config_3yztt4.css +0 -8
package/dist/css/es/components/Range/Range.clear.config.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Range.clear.config.js","sources":["../../../../../src-css/components/Range/Range.clear.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n hintView: 'default',\n hintSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: transparent;\n ${tokens.backgroundError}: transparent;\n ${tokens.backgroundSuccess}: transparent;\n\n ${tokens.clearDividerColor}: var(--surface-transparent-tertiary);\n\n ${tokens.dividerColor}: var(--surface-transparent-clear);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.leftHelperColorError}: var(--text-negative);\n ${tokens.leftHelperColorSuccess}: var(--text-positive);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.contentSlotRightColor}: var(--text-secondary);\n ${tokens.contentSlotRightColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotRightColorActive}: var(--text-secondary-active);\n\n ${tokens.contentSlotColorSuccess}: var(--text-positive);\n ${tokens.contentSlotColorSuccessHover}: var(--text-positive-hover);\n ${tokens.contentSlotColorSuccessActive}: var(--text-positive-active);\n ${tokens.contentSlotColorError}: var(--text-negative);\n ${tokens.contentSlotColorErrorHover}: var(--text-negative-hover);\n ${tokens.contentSlotColorErrorActive}: var(--text-negative-active);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldColorSuccess}: var(--text-positive);\n ${tokens.textFieldColorError}: var(--text-negative);\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldClearPlaceholderColorFocus}: var(--text-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldBackgroundColorHover}: transparent;\n ${tokens.textFieldBackgroundColorFocus}: transparent;\n ${tokens.textFieldBackgroundErrorColor}: transparent;\n ${tokens.textFieldBackgroundErrorColorHover}: transparent;\n ${tokens.textFieldBackgroundErrorColorFocus}: transparent;\n ${tokens.textFieldBackgroundSuccessColor}: transparent;\n ${tokens.textFieldBackgroundSuccessColorHover}: transparent;\n ${tokens.textFieldBackgroundSuccessColorFocus}: transparent;\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.textFieldDividerColorSuccess}: var(--surface-positive);\n ${tokens.textFieldDividerColorError}: var(--surface-negative);\n ${tokens.textFieldDividerColorHover}: var(--text-secondary);\n ${tokens.textFieldDividerColorFocus}: var(--surface-accent);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.75rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.688rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 2.563rem -1.25rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 2.563rem auto auto -1.25rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 2.563rem -3.5rem auto auto;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.75rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.438rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 2.313rem -1.125rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 2.313rem auto auto -1.125rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 2.313rem -3.375rem auto auto;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.625rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.875rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.1875rem -2.813rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.313rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 2.063rem -1rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 2.063rem auto auto -1rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 2.063rem -3.25rem auto auto;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.5rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.75rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.938rem -2.688rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.188rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 1.813rem -0.875rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 1.813rem auto auto -0.875rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 1.813rem -3.125rem auto auto;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.375rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.5rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.688rem -2.063rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.688rem;\n\n ${tokens.titleCaptionOffset}: 0;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.125rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: 1.875rem -0.75rem auto auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: 1.875rem auto auto -0.75rem;\n ${tokens.indicatorWithoutLabelOuterHint}: 1.625rem -2rem auto auto;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","hintView","hintSize","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;MACFK,SAAAA,EAAO;KA0DV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UAuED;AACDC,MAAAA,CAAC,EAAA,UAuEA;AACDC,MAAAA,CAAC,EAAA,UAuEA;AACDC,MAAAA,CAAC,EAAA,SAuEA;AACDC,MAAAA,EAAE,EAAA;KAwEL;AACDR,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNK,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDE,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAYR;AACJ;AACJ;;;;"}
package/dist/css/es/components/Range/Range.clear.config_p5aiu2.css ADDED
@@ -0,0 +1,11 @@
1
+ .d8gr24f{--plasma-range-background:transparent;--plasma-range-background-error:transparent;--plasma-range-background-success:transparent;--plasma-range-clear__divider-color:var(--surface-transparent-tertiary);--plasma-range__divider-color:var(--surface-transparent-clear);--plasma-range-info-wrapper-label-color:var(--text-primary);--plasma-range-info-wrapper-left-helper-color:var(--text-secondary);--plasma-range-info-wrapper-left-helper--error:var(--text-negative);--plasma-range-info-wrapper-left-helper--success:var(--text-positive);--plasma-range-info-wrapper-title-caption-color:var(--text-secondary);--plasma-range-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-textfield-content-right-slot-color:var(--text-secondary);--plasma-textfield-content-right-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-right-slot-color-active:var(--text-secondary-active);--plasma-textfield-content-slot-color-success:var(--text-positive);--plasma-textfield-content-slot-color-success-hover:var(--text-positive-hover);--plasma-textfield-content-slot-color-success-active:var(--text-positive-active);--plasma-textfield-content-slot-color-error:var(--text-negative);--plasma-textfield-content-slot-color-error-hover:var(--text-negative-hover);--plasma-textfield-content-slot-color-error-active:var(--text-negative-active);--plasma-range-textfield-color:var(--text-primary);--plasma-range-textfield-color-success:var(--text-positive);--plasma-range-textfield-color-error:var(--text-negative);--plasma-range-focus-color:var(--text-accent);--plasma-range-textfield-placeholder-color:var(--text-secondary);--plasma-range-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-range-textfield-clear-placeholder-color-focus:var(--text-secondary);--plasma-range-textfield-caret-color:var(--text-accent);--plasma-range-textfield-background-color-hover:transparent;--plasma-range-textfield-background-color-focus:transparent;--plasma-range-textfield-background-color-error:transparent;--plasma-range-textfield-background-color-error-hover:transparent;--plasma-range-textfield-background-color-error-focus:transparent;--plasma-range-textfield-background-color-success:transparent;--plasma-range-textfield-background-color-success-hover:transparent;--plasma-range-textfield-background-color-success-focus:transparent;--plasma-range-textfield__before-text-color:var(--text-tertiary);--plasma-range-textfield__after-text-color:var(--text-tertiary);--plasma-range-textfield__divider-color-success:var(--surface-positive);--plasma-range-textfield__divider-color-error:var(--surface-negative);--plasma-range-textfield__divider-color-hover:var(--text-secondary);--plasma-range-textfield__divider-color-focus:var(--surface-accent);--plasma-range-info-wrapper-indicator-color:var(--surface-negative);}
2
+ .x1o6gqcb{--plasma-range-border-radius:1rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:4rem;--plasma-range-textfield-border-radius:1rem;--plasma-range-textfield-padding:1.3125rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0;--plasma-range-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.75rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.688rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:2.563rem -1.25rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:2.563rem auto auto -1.25rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:2.563rem -3.5rem auto auto;}
3
+ .l10h3yah{--plasma-range-border-radius:0.875rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3.5rem;--plasma-range-textfield-border-radius:0.875rem;--plasma-range-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.75rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.438rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:2.313rem -1.125rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:2.313rem auto auto -1.125rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:2.313rem -3.375rem auto auto;}
4
+ .m15z3isz{--plasma-range-border-radius:0.75rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-content-margin:0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3rem;--plasma-range-textfield-border-radius:0.75rem;--plasma-range-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.625rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.875rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.1875rem -2.813rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.313rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:2.063rem -1rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:2.063rem auto auto -1rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:2.063rem -3.25rem auto auto;}
5
+ .s13i67c{--plasma-range-border-radius:0.625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-content-margin:0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2.5rem;--plasma-range-textfield-border-radius:0.625rem;--plasma-range-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.5rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.75rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.938rem -2.688rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.188rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:1.813rem -0.875rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:1.813rem auto auto -0.875rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:1.813rem -3.125rem auto auto;}
6
+ .x17tesvn{--plasma-range-border-radius:0.5rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-content-margin:0;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2rem;--plasma-range-textfield-border-radius:0.5rem;--plasma-range-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.375rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.5rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.688rem -2.063rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.688rem;--plasma-range-info-wrapper-title-caption-offset:0;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.375rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.125rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:1.875rem -0.75rem auto auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:1.875rem auto auto -0.75rem;--plasma-range-info-wrapper-indicator-without-label-outer-hint:1.625rem -2rem auto auto;}
7
+ .d117xsxl{--plasma-range-info-wrapper-tooltip-background-color:var(--surface-solid-card-brightness);--plasma-range-info-wrapper-tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-range-info-wrapper-tooltip-color:var(--text-primary);--plasma-range-info-wrapper-tooltip-arrow-background:var(--surface-solid-card-brightness);}
8
+ .mrpx6of{--plasma-range-info-wrapper-tooltip-padding-top:0.6875rem;--plasma-range-info-wrapper-tooltip-padding-right:0.875rem;--plasma-range-info-wrapper-tooltip-padding-bottom:0.6875rem;--plasma-range-info-wrapper-tooltip-padding-left:0.875rem;--plasma-range-info-wrapper-tooltip-min-height:2.5rem;--plasma-range-info-wrapper-tooltip-border-radius:0.625rem;--plasma-range-info-wrapper-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-info-wrapper-tooltip-content-left-margin:0.375rem;--plasma-range-info-wrapper-tooltip-arrow-mask-width:1.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-height:1.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-range-info-wrapper-tooltip-arrow-height:0.5rem;--plasma-range-info-wrapper-tooltip-arrow-edge-margin:0.625rem;}
9
+ .s18ypdbp{--plasma-range-info-wrapper-tooltip-padding-top:0.5rem;--plasma-range-info-wrapper-tooltip-padding-right:0.75rem;--plasma-range-info-wrapper-tooltip-padding-bottom:0.5rem;--plasma-range-info-wrapper-tooltip-padding-left:0.75rem;--plasma-range-info-wrapper-tooltip-min-height:2rem;--plasma-range-info-wrapper-tooltip-border-radius:0.5rem;--plasma-range-info-wrapper-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-tooltip-content-left-margin:0.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-width:1rem;--plasma-range-info-wrapper-tooltip-arrow-mask-height:1rem;--plasma-range-info-wrapper-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-range-info-wrapper-tooltip-arrow-height:0.375rem;--plasma-range-info-wrapper-tooltip-arrow-edge-margin:0.5625rem;}
10
+ .tw1pqs0{--plasma-range-disabled-opacity:0.4;}
11
+ .t4on9cb{--plasma-range-background-readonly:var(--surface-transparent-primary);--plasma-range__divider-color-readonly:var(--text-secondary);--plasma-range-readonly-opacity:0.1;--plasma-range__divider-opacity-readonly:0.4;--plasma-range__right-content-opacity-readonly:0.4;--plasma-range-textfield-color-readonly:var(--text-primary);--plasma-range-textfield-background-color-readonly:transparent;--plasma-range-textfield-placeholder-color-readonly:var(--text-secondary);}
package/dist/css/es/components/Range/Range.config.js CHANGED
@@ -1,8 +1,10 @@
1
- import './Range.config_3yztt4.css';
1
+ import './Range.config_s39lcx.css';
2
2
  var config = {
3
3
  defaults: {
4
4
  view: 'default',
5
- size: 'l'
5
+ size: 'l',
6
+ hintView: 'default',
7
+ hintSize: 'm'
6
8
  },
7
9
  variations: {
8
10
  view: {
@@ -15,11 +17,18 @@ var config = {
15
17
  s: "sc5cn5n",
16
18
  xs: "x3pjoau"
17
19
  },
20
+ hintView: {
21
+ "default": "dk9yl84"
22
+ },
23
+ hintSize: {
24
+ m: "mdmkit3",
25
+ s: "s1rf2kwi"
26
+ },
18
27
  disabled: {
19
- "true": "tk9yl84"
28
+ "true": "t1qz7n17"
20
29
  },
21
30
  readOnly: {
22
- "true": "tdmkit3"
31
+ "true": "t11r2nrm"
23
32
  }
24
33
  }
25
34
  };
package/dist/css/es/components/Range/Range.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Range.config.js","sources":["../../../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.dividerColor}: var(--text-primary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.leftHelperColorError}: var(--text-negative);\n ${tokens.leftHelperColorSuccess}: var(--text-positive);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.focusColor}: var(--text-accent);\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAAA,EAAO;KAoCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAoDD;AACDC,MAAAA,CAAC,EAAA,SAoDA;AACDC,MAAAA,CAAC,EAAA,UAoDA;AACDC,MAAAA,CAAC,EAAA,SAoDA;AACDC,MAAAA,EAAE,EAAA;KAqDL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAaR;AACJ;AACJ;;;;"}
1
+ {"version":3,"file":"Range.config.js","sources":["../../../../../src-css/components/Range/Range.config.ts"],"sourcesContent":["import { css, rangeTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n hintView: 'default',\n hintSize: 'm',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: var(--surface-transparent-primary);\n ${tokens.backgroundError}: var(--surface-transparent-negative);\n ${tokens.backgroundSuccess}: var(--surface-transparent-positive);\n\n ${tokens.dividerColor}: var(--text-primary);\n ${tokens.labelColor}: var(--text-primary);\n ${tokens.leftHelperColor}: var(--text-secondary);\n ${tokens.leftHelperColorError}: var(--text-negative);\n ${tokens.leftHelperColorSuccess}: var(--text-positive);\n ${tokens.titleCaptionColor}: var(--text-secondary);\n ${tokens.hintIconColor}: var(--text-secondary);\n\n ${tokens.contentSlotColor}: var(--text-secondary);\n ${tokens.contentSlotColorHover}: var(--text-secondary-hover);\n ${tokens.contentSlotColorActive}: var(--text-secondary-active);\n\n ${tokens.textFieldColor}: var(--text-primary);\n ${tokens.textFieldPlaceholderColor}: var(--text-secondary);\n ${tokens.textFieldCaretColor}: var(--text-accent);\n\n ${tokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.indicatorColor}: var(--surface-negative);\n\n ${tokens.focusColor}: var(--text-accent);\n ${tokens.textFieldPlaceholderColorFocus}: var(--text-tertiary);\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.75rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.688rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.813rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.75rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 1rem;\n\n ${tokens.hintMargin}: -0.688rem -0.5rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.438rem -2.938rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.563rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.375rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.625rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.875rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 1.1875rem -2.813rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.313rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.313rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.5rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.75rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.938rem -2.688rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 0.063rem 0 -0.438rem;\n\n ${tokens.titleCaptionOffset}: 0.188rem;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.25rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.5rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.5rem 0;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorWrapperGap}: 0.25rem;\n ${tokens.labelWrapperOffset}: 0.375rem;\n ${tokens.labelWrapperTitleCaptionOffset}: 0.25rem;\n ${tokens.contentGap}: 0.5rem;\n\n ${tokens.hintMargin}: -0.688rem;\n ${tokens.hintTargetSize}: 2.375rem;\n ${tokens.hintWithoutLabelPlacementOffset}: 0.688rem -2.063rem auto auto;\n ${tokens.hintPlacementInnerMargin}: 0 -0.188rem 0 -0.688rem;\n\n ${tokens.titleCaptionOffset}: 0;\n ${tokens.titleCaptionFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.titleCaptionFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.titleCaptionFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.titleCaptionFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.titleCaptionLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.titleCaptionLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.helpersPadding}: 0.25rem 0 0 0;\n ${tokens.helpersGap}: 0.25rem;\n\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSizeInner}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorMarginTop}: 0.125rem;\n ${tokens.indicatorOuterLeft}: -0.75rem;\n ${tokens.indicatorWithoutLabelInner}: auto 0 -0.375rem auto;\n ${tokens.indicatorWithoutLabelInnerLeft}: auto auto -0.375rem 0;\n `,\n },\n hintView: {\n default: css`\n ${tokens.tooltipBackgroundColor}: var(--surface-solid-card-brightness);\n ${tokens.tooltipBoxShadow}: var(--shadow-down-hard-m, 0px 4px 12px 0px rgba(0, 0, 0, 0.16),0px 1px 4px 0px rgba(0, 0, 0, 0.08));\n ${tokens.tooltipColor}: var(--text-primary);\n ${tokens.tooltipArrowBackground}: var(--surface-solid-card-brightness);\n `,\n },\n hintSize: {\n m: css`\n ${tokens.tooltipPaddingTop}: 0.6875rem;\n ${tokens.tooltipPaddingRight}: 0.875rem;\n ${tokens.tooltipPaddingBottom}: 0.6875rem;\n ${tokens.tooltipPaddingLeft}: 0.875rem;\n\n ${tokens.tooltipMinHeight}: 2.5rem;\n ${tokens.tooltipBorderRadius}: 0.625rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1.25rem;\n ${tokens.tooltipArrowMaskHeight}: 1.25rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${tokens.tooltipArrowHeight}: 0.5rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${tokens.tooltipPaddingTop}: 0.5rem;\n ${tokens.tooltipPaddingRight}: 0.75rem;\n ${tokens.tooltipPaddingBottom}: 0.5rem;\n ${tokens.tooltipPaddingLeft}: 0.75rem;\n\n ${tokens.tooltipMinHeight}: 2rem;\n ${tokens.tooltipBorderRadius}: 0.5rem;\n\n ${tokens.tooltipTextFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.tooltipTextFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.tooltipTextFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.tooltipTextFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.tooltipTextFontLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.tooltipTextFontLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${tokens.tooltipArrowMaskWidth}: 1rem;\n ${tokens.tooltipArrowMaskHeight}: 1rem;\n ${tokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${tokens.tooltipArrowHeight}: 0.375rem;\n ${tokens.tooltipArrowEdgeMargin}: 0.5625rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.1;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","hintView","hintSize","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,QAAQ,EAAE,SAAS;AACnBC,IAAAA,QAAQ,EAAE;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;MACFK,SAAAA,EAAO;KAsCV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,SAsED;AACDC,MAAAA,CAAC,EAAA,SAsEA;AACDC,MAAAA,CAAC,EAAA,UAsEA;AACDC,MAAAA,CAAC,EAAA,SAsEA;AACDC,MAAAA,EAAE,EAAA;KAuEL;AACDR,IAAAA,QAAQ,EAAE;MACNG,SAAAA,EAAO;KAMV;AACDF,IAAAA,QAAQ,EAAE;AACNK,MAAAA,CAAC,EAAA,SAuBA;AACDC,MAAAA,CAAC,EAAA;KAwBJ;AACDE,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAYR;AACJ;AACJ;;;;"}
package/dist/css/es/components/Range/Range.config_s39lcx.css ADDED
@@ -0,0 +1,11 @@
1
+ .d1nh97pi{--plasma-range-background:var(--surface-transparent-primary);--plasma-range-background-error:var(--surface-transparent-negative);--plasma-range-background-success:var(--surface-transparent-positive);--plasma-range__divider-color:var(--text-primary);--plasma-range-info-wrapper-label-color:var(--text-primary);--plasma-range-info-wrapper-left-helper-color:var(--text-secondary);--plasma-range-info-wrapper-left-helper--error:var(--text-negative);--plasma-range-info-wrapper-left-helper--success:var(--text-positive);--plasma-range-info-wrapper-title-caption-color:var(--text-secondary);--plasma-range-info-wrapper-hint-icon-color:var(--text-secondary);--plasma-textfield-content-slot-color:var(--text-secondary);--plasma-textfield-content-slot-color-hover:var(--text-secondary-hover);--plasma-textfield-content-slot-color-active:var(--text-secondary-active);--plasma-range-textfield-color:var(--text-primary);--plasma-range-textfield-placeholder-color:var(--text-secondary);--plasma-range-textfield-caret-color:var(--text-accent);--plasma-range-textfield-background-color-hover:var(--surface-transparent-primary-hover);--plasma-range-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-range-textfield-background-color-error:var(--surface-transparent-negative);--plasma-range-textfield-background-color-error-hover:var(--surface-transparent-negative-hover);--plasma-range-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-range-textfield-background-color-success:var(--surface-transparent-positive);--plasma-range-textfield-background-color-success-hover:var(--surface-transparent-positive-hover);--plasma-range-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-range-textfield__before-text-color:var(--text-tertiary);--plasma-range-textfield__after-text-color:var(--text-tertiary);--plasma-range-info-wrapper-indicator-color:var(--surface-negative);--plasma-range-focus-color:var(--text-accent);--plasma-range-textfield__placeholder-color-focus:var(--text-tertiary);}
2
+ .xcttcgt{--plasma-range-border-radius:1rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 0 0 1.125rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:4rem;--plasma-range-textfield-border-radius:1rem;--plasma-range-textfield-padding:1.3125rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem 0;--plasma-range-textfield__right-content-margin:-0.0625rem 0 -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.75rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.688rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.813rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
3
+ .l7jroee{--plasma-range-border-radius:0.875rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__left-content-margin:0 0 0 1rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3.5rem;--plasma-range-textfield-border-radius:0.875rem;--plasma-range-textfield-padding:1.0625rem 1.125rem 1.0625rem 1.125rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.5rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.75rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:1rem;--plasma-range-info-wrapper-hint-margin:-0.688rem -0.5rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.438rem -2.938rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.563rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.375rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
4
+ .m1r89e6n{--plasma-range-border-radius:0.75rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__left-content-margin:0 0 0 0.875rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:3rem;--plasma-range-textfield-border-radius:0.75rem;--plasma-range-textfield-padding:0.875rem 1rem 0.875rem 1rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-textfield__left-content-margin:-0.125rem 0.375rem -0.125rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.125rem -0.125rem -0.125rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.625rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.875rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:1.1875rem -2.813rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.313rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.313rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
5
+ .sc5cn5n{--plasma-range-border-radius:0.625rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__left-content-margin:0 0 0 0.75rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2.5rem;--plasma-range-textfield-border-radius:0.625rem;--plasma-range-textfield-padding:0.6875rem 0.875rem 0.6875rem 0.875rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-textfield__left-content-margin:-0.1875rem 0.25rem -0.1875rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.1875rem -0.125rem -0.1875rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.5rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.75rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.938rem -2.688rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 0.063rem 0 -0.438rem;--plasma-range-info-wrapper-title-caption-offset:0.188rem;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.5rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.25rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.5rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.5rem 0;}
6
+ .x3pjoau{--plasma-range-border-radius:0.5rem;--plasma-range__divider-padding:0 0.375rem;--plasma-range__divider-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__divider-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__divider-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__divider-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__divider-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__divider-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__left-content-margin:0 0 0 0.5rem;--plasma-range__right-content-margin:0;--plasma-range-textfield-height:2rem;--plasma-range-textfield-border-radius:0.5rem;--plasma-range-textfield-padding:0.5625rem 0.625rem 0.5625rem 0.625rem;--plasma-range-textfield-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-textfield-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-textfield-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-textfield-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-textfield-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-textfield-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-textfield__left-content-margin:-0.0625rem 0.25rem -0.0625rem -0.125rem;--plasma-range-textfield__right-content-margin:-0.0625rem -0.125rem -0.0625rem 0.75rem;--plasma-range-textfield__before-text-margin:0 0.25rem 0 0;--plasma-range-textfield__after-text-margin:0 0 0 0.25rem;--plasma-range-info-wrapper-label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-wrapper-gap:0.25rem;--plasma-range-info-wrapper-label-wrapper-offset:0.375rem;--plasma-range-info-wrapper-label-wrapper-title-caption-offset:0.25rem;--plasma-range-info-wrapper-content-gap:0.5rem;--plasma-range-info-wrapper-hint-margin:-0.688rem;--plasma-range-info-wrapper-hint-target-size:2.375rem;--plasma-range-info-wrapper-hint-without-label-placement-offset:0.688rem -2.063rem auto auto;--plasma-range-info-wrapper-hint-placement-inner-offset:0 -0.188rem 0 -0.688rem;--plasma-range-info-wrapper-title-caption-offset:0;--plasma-range-info-wrapper-title-caption-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-title-caption-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-title-caption-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-title-caption-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-title-caption-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-title-caption-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-helpers-padding-top:0.25rem 0 0 0;--plasma-range-info-wrapper-helpers-gap:0.25rem;--plasma-range-info-wrapper-left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-left-helper-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-indicator-size-inner:0.375rem;--plasma-range-info-wrapper-indicator-size-outer:0.375rem;--plasma-range-info-wrapper-indicator-margin-top:0.125rem;--plasma-range-info-wrapper-indicator-outer-left:-0.75rem;--plasma-range-info-wrapper-indicator-without-label-inner:auto 0 -0.375rem auto;--plasma-range-info-wrapper-indicator-without-label-inner-left:auto auto -0.375rem 0;}
7
+ .dk9yl84{--plasma-range-info-wrapper-tooltip-background-color:var(--surface-solid-card-brightness);--plasma-range-info-wrapper-tooltip-box-shadow:var(--shadow-down-hard-m,0px 4px 12px 0px rgba(0,0,0,0.16),0px 1px 4px 0px rgba(0,0,0,0.08));--plasma-range-info-wrapper-tooltip-color:var(--text-primary);--plasma-range-info-wrapper-tooltip-arrow-background:var(--surface-solid-card-brightness);}
8
+ .mdmkit3{--plasma-range-info-wrapper-tooltip-padding-top:0.6875rem;--plasma-range-info-wrapper-tooltip-padding-right:0.875rem;--plasma-range-info-wrapper-tooltip-padding-bottom:0.6875rem;--plasma-range-info-wrapper-tooltip-padding-left:0.875rem;--plasma-range-info-wrapper-tooltip-min-height:2.5rem;--plasma-range-info-wrapper-tooltip-border-radius:0.625rem;--plasma-range-info-wrapper-tooltip-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-range-info-wrapper-tooltip-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-range-info-wrapper-tooltip-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-range-info-wrapper-tooltip-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range-info-wrapper-tooltip-text-font-line-height:var(--plasma-typo-body-s-line-height);--plasma-range-info-wrapper-tooltip-content-left-margin:0.375rem;--plasma-range-info-wrapper-tooltip-arrow-mask-width:1.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-height:1.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==");--plasma-range-info-wrapper-tooltip-arrow-height:0.5rem;--plasma-range-info-wrapper-tooltip-arrow-edge-margin:0.625rem;}
9
+ .s1rf2kwi{--plasma-range-info-wrapper-tooltip-padding-top:0.5rem;--plasma-range-info-wrapper-tooltip-padding-right:0.75rem;--plasma-range-info-wrapper-tooltip-padding-bottom:0.5rem;--plasma-range-info-wrapper-tooltip-padding-left:0.75rem;--plasma-range-info-wrapper-tooltip-min-height:2rem;--plasma-range-info-wrapper-tooltip-border-radius:0.5rem;--plasma-range-info-wrapper-tooltip-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range-info-wrapper-tooltip-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range-info-wrapper-tooltip-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range-info-wrapper-tooltip-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range-info-wrapper-tooltip-text-font-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range-info-wrapper-tooltip-text-font-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range-info-wrapper-tooltip-content-left-margin:0.25rem;--plasma-range-info-wrapper-tooltip-arrow-mask-width:1rem;--plasma-range-info-wrapper-tooltip-arrow-mask-height:1rem;--plasma-range-info-wrapper-tooltip-arrow-mask-image:url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+");--plasma-range-info-wrapper-tooltip-arrow-height:0.375rem;--plasma-range-info-wrapper-tooltip-arrow-edge-margin:0.5625rem;}
10
+ .t1qz7n17{--plasma-range-disabled-opacity:0.4;}
11
+ .t11r2nrm{--plasma-range-background-readonly:var(--surface-transparent-primary);--plasma-range__divider-color-readonly:var(--text-secondary);--plasma-range-readonly-opacity:0.1;--plasma-range__divider-opacity-readonly:0.4;--plasma-range__right-content-opacity-readonly:0.4;--plasma-range-textfield-color-readonly:var(--text-primary);--plasma-range-textfield-background-color-readonly:transparent;--plasma-range-textfield-placeholder-color-readonly:var(--text-secondary);}