@salutejs/sdds-serv 0.241.0-canary.1672.13110079911.0 → 0.241.0-canary.1727.13133713486.0
Sign up to get free protection for your applications and to get access to all the features.
- package/components/Accordion/Accordion.config.js +1 -1
- package/components/Accordion/{Accordion.config_ydt7d8.css → Accordion.config_dujipx.css} +2 -2
- package/components/Accordion/Accordion.css +10 -10
- package/components/DatePicker/DatePicker.config.js +1 -1
- package/components/DatePicker/DatePicker.config.js.map +1 -1
- package/{es/components/DatePicker/DatePicker.config_hflm7d.css → components/DatePicker/DatePicker.config_19amk82.css} +1 -1
- package/components/DatePicker/DatePicker.css +7 -7
- package/components/Range/Range.config.js +1 -1
- package/components/Range/Range.config.js.map +1 -1
- package/{es/components/Range/Range.config_11qpdn2.css → components/Range/Range.config_1iyrbzw.css} +1 -1
- package/components/Range/Range.css +7 -7
- package/emotion/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/emotion/cjs/components/DatePicker/DatePicker.stories.tsx +2 -1
- package/emotion/cjs/components/Range/Range.config.js +1 -1
- package/emotion/cjs/components/Range/Range.stories.tsx +2 -1
- package/emotion/es/components/DatePicker/DatePicker.config.js +1 -1
- package/emotion/es/components/DatePicker/DatePicker.stories.tsx +2 -1
- package/emotion/es/components/Range/Range.config.js +1 -1
- package/emotion/es/components/Range/Range.stories.tsx +2 -1
- package/es/components/Accordion/Accordion.config.js +1 -1
- package/es/components/Accordion/{Accordion.config_ydt7d8.css → Accordion.config_dujipx.css} +2 -2
- package/es/components/Accordion/Accordion.css +10 -10
- package/es/components/DatePicker/DatePicker.config.js +1 -1
- package/es/components/DatePicker/DatePicker.config.js.map +1 -1
- package/{components/DatePicker/DatePicker.config_hflm7d.css → es/components/DatePicker/DatePicker.config_19amk82.css} +1 -1
- package/es/components/DatePicker/DatePicker.css +7 -7
- package/es/components/Range/Range.config.js +1 -1
- package/es/components/Range/Range.config.js.map +1 -1
- package/{components/Range/Range.config_11qpdn2.css → es/components/Range/Range.config_1iyrbzw.css} +1 -1
- package/es/components/Range/Range.css +7 -7
- package/es/index.css +24 -24
- package/package.json +4 -4
- package/styled-components/cjs/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/cjs/components/Range/Range.config.js +1 -1
- package/styled-components/es/components/DatePicker/DatePicker.config.js +1 -1
- package/styled-components/es/components/Range/Range.config.js +1 -1
|
@@ -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';\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\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.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\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 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-secondary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n\n ${tokens.textFieldColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","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,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KA2BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,CAAC,EAoDA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqDL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAUR,KAAA;AACJ,GAAA;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';\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.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.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\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 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-secondary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n\n ${tokens.textFieldColorReadOnly}: var(--text-secondary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","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,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,CAAC,EAoDA,UAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqDL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAUR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
package/{es/components/Range/Range.config_11qpdn2.css → components/Range/Range.config_1iyrbzw.css}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
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__label-color:var(--text-primary);--plasma-range__left-helper-color:var(--text-secondary);--plasma-range-textfield-color:var(--text-primary);--plasma-range-textfield-placeholder-color:var(--text-secondary);--plasma-range-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-range-textfield-caret-color:var(--text-accent);--plasma-range__indicator-color:var(--surface-negative);--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-focus:var(--surface-transparent-negative-active);--plasma-range-textfield-background-color-success:var(--surface-transparent-positive);--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-focus-color:var(--text-accent);}
|
|
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__label-color:var(--text-primary);--plasma-range__left-helper-color:var(--text-secondary);--plasma-range__left-helper-color-error:var(--text-negative);--plasma-range__left-helper-color-success:var(--text-positive);--plasma-range-textfield-color:var(--text-primary);--plasma-range-textfield-placeholder-color:var(--text-secondary);--plasma-range-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-range-textfield-caret-color:var(--text-accent);--plasma-range__indicator-color:var(--surface-negative);--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-focus:var(--surface-transparent-negative-active);--plasma-range-textfield-background-color-success:var(--surface-transparent-positive);--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-focus-color:var(--text-accent);}
|
|
2
2
|
.lcttcgt{--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-bold-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__label-offset:0.75rem;--plasma-range__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__indicator-size:0.5rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--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__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-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;}
|
|
3
3
|
.m7jroee{--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-bold-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__label-offset:0.625rem;--plasma-range__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__indicator-size:0.5rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--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__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-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;}
|
|
4
4
|
.s1r89e6n{--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-bold-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__label-offset:0.5rem;--plasma-range__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__indicator-size:0.375rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--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__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-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;}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
1
|
+
.Range_config_1iyrbzw_d1nh97pi__6b7b72b1{--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__label-color:var(--text-primary);--plasma-range__left-helper-color:var(--text-secondary);--plasma-range__left-helper-color-error:var(--text-negative);--plasma-range__left-helper-color-success:var(--text-positive);--plasma-range-textfield-color:var(--text-primary);--plasma-range-textfield-placeholder-color:var(--text-secondary);--plasma-range-textfield__placeholder-color-focus:var(--text-tertiary);--plasma-range-textfield-caret-color:var(--text-accent);--plasma-range__indicator-color:var(--surface-negative);--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-focus:var(--surface-transparent-negative-active);--plasma-range-textfield-background-color-success:var(--surface-transparent-positive);--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-focus-color:var(--text-accent);}
|
|
2
|
+
.Range_config_1iyrbzw_lcttcgt__6b7b72b1{--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-bold-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__label-offset:0.75rem;--plasma-range__label-font-family:var(--plasma-typo-body-l-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-l-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-l-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-l-line-height);--plasma-range__indicator-size:0.5rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.5rem auto auto -0.75rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--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__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-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;}
|
|
3
|
+
.Range_config_1iyrbzw_m7jroee__6b7b72b1{--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-bold-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__label-offset:0.625rem;--plasma-range__label-font-family:var(--plasma-typo-body-m-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-m-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-m-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-m-line-height);--plasma-range__indicator-size:0.5rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.375rem auto auto -0.75rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.6875rem auto auto;--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__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-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;}
|
|
4
|
+
.Range_config_1iyrbzw_s1r89e6n__6b7b72b1{--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-bold-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__label-offset:0.5rem;--plasma-range__label-font-family:var(--plasma-typo-body-s-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-s-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-s-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-s-line-height);--plasma-range__indicator-size:0.375rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.3125rem auto auto -0.6875rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.25rem -0.625rem auto auto;--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__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-line-height:var(--plasma-typo-body-xs-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;}
|
|
5
|
+
.Range_config_1iyrbzw_xc5cn5n__6b7b72b1{--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-bold-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__label-offset:0.375rem;--plasma-range__label-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__label-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__label-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__label-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__label-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__label-line-height:var(--plasma-typo-body-xs-line-height);--plasma-range__indicator-size:0.375rem;--plasma-range__indicator-size-outer:0.375rem;--plasma-range__indicator-placement:0 0 0 0;--plasma-range__indicator-placement-outer:0.25rem auto auto -0.625rem;--plasma-range__indicator-placement-right:0 0 auto auto;--plasma-range__indicator-placement-outer-right:0.125rem -0.6875rem auto auto;--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__left-helper-offset:0.25rem 0 0 0;--plasma-range__left-helper-font-family:var(--plasma-typo-body-xs-font-family);--plasma-range__left-helper-font-style:var(--plasma-typo-body-xs-font-style);--plasma-range__left-helper-font-size:var(--plasma-typo-body-xs-font-size);--plasma-range__left-helper-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-range__left-helper-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-range__left-helper-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;}
|
|
6
|
+
.Range_config_1iyrbzw_t3pjoau__6b7b72b1{--plasma-range-disabled-opacity:0.4;}
|
|
7
|
+
.Range_config_1iyrbzw_tk9yl84__6b7b72b1{--plasma-range-background-readonly:var(--surface-transparent-primary);--plasma-range__label-color-readonly:var(--text-secondary);--plasma-range__left-helper-color-readonly:var(--text-secondary);--plasma-range__divider-color-readonly:var(--text-secondary);--plasma-range-textfield-color-readonly:var(--text-secondary);--plasma-range-textfield-background-color-readonly:transparent;--plasma-range-textfield-placeholder-color-readonly:var(--text-secondary);}
|
|
@@ -14,7 +14,7 @@ var config = exports.config = {
|
|
|
14
14
|
},
|
|
15
15
|
variations: {
|
|
16
16
|
view: {
|
|
17
|
-
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--surface-negative);\n\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n\n ", ": var(--shadow-down-soft-s);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-solid-default);\n ", ": ", ";\n ", ": var(--text-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-accent);\n "])), _emotion.datePickerTokens.background, _emotion.datePickerTokens.backgroundError, _emotion.datePickerTokens.backgroundSuccess, _emotion.datePickerTokens.dividerColor, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.leftHelperColor, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldPlaceholderColorFocus, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.labelInnerFontFamily, _emotion.datePickerTokens.labelInnerFontSize, _emotion.datePickerTokens.labelInnerFontStyle, _emotion.datePickerTokens.labelInnerFontWeight, _emotion.datePickerTokens.labelInnerLetterSpacing, _emotion.datePickerTokens.labelInnerLineHeight, _emotion.datePickerTokens.indicatorColor, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.textFieldBackgroundColorFocus, _emotion.datePickerTokens.textFieldBackgroundErrorColor, _emotion.datePickerTokens.textFieldBackgroundErrorColorFocus, _emotion.datePickerTokens.textFieldBackgroundSuccessColor, _emotion.datePickerTokens.textFieldBackgroundSuccessColorFocus, _emotion.datePickerTokens.textFieldTextBeforeColor, _emotion.datePickerTokens.textFieldTextAfterColor, _emotion.datePickerTokens.focusColor, _emotion.datePickerTokens.calendarShadow, _emotion.datePickerTokens.calendarSeparatorBackground, _emotion.datePickerTokens.calendarBackgroundColor, _emotion.datePickerTokens.calendarSelectedItemBackground, _emotion.datePickerTokens.calendarSelectedItemColor, _emotion.datePickerTokens.calendarSelectableItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemBorderColor, _emotion.datePickerTokens.calendarCurrentItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemColorHover, _emotion.datePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.datePickerTokens.calendarActiveItemBackground, _emotion.datePickerTokens.calendarActiveItemColor, _emotion.datePickerTokens.calendarHoveredItemBackground, _emotion.datePickerTokens.calendarHoveredItemColor, _emotion.datePickerTokens.calendarRangeBackground, _emotion.datePickerTokens.calendarOutlineFocusColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarHeaderArrowColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarContentSecondaryColor, _emotion.datePickerTokens.iconButtonColor, _emotion.datePickerTokens.iconButtonBackgroundColor, _emotion.datePickerTokens.iconButtonColorHover, _emotion.datePickerTokens.iconButtonBackgroundColorHover, _emotion.datePickerTokens.iconButtonColorActive, _emotion.datePickerTokens.iconButtonBackgroundColorActive, _emotion.datePickerTokens.iconButtonFocusColor)
|
|
17
|
+
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n ", ": var(--text-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--surface-negative);\n\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n\n ", ": var(--shadow-down-soft-s);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-solid-default);\n ", ": ", ";\n ", ": var(--text-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-accent);\n "])), _emotion.datePickerTokens.background, _emotion.datePickerTokens.backgroundError, _emotion.datePickerTokens.backgroundSuccess, _emotion.datePickerTokens.dividerColor, _emotion.datePickerTokens.labelColor, _emotion.datePickerTokens.leftHelperColor, _emotion.datePickerTokens.leftHelperColorError, _emotion.datePickerTokens.leftHelperColorSuccess, _emotion.datePickerTokens.textFieldColor, _emotion.datePickerTokens.textFieldPlaceholderColor, _emotion.datePickerTokens.textFieldPlaceholderColorFocus, _emotion.datePickerTokens.textFieldCaretColor, _emotion.datePickerTokens.labelInnerFontFamily, _emotion.datePickerTokens.labelInnerFontSize, _emotion.datePickerTokens.labelInnerFontStyle, _emotion.datePickerTokens.labelInnerFontWeight, _emotion.datePickerTokens.labelInnerLetterSpacing, _emotion.datePickerTokens.labelInnerLineHeight, _emotion.datePickerTokens.indicatorColor, _emotion.datePickerTokens.textFieldBackgroundColor, _emotion.datePickerTokens.textFieldBackgroundColorFocus, _emotion.datePickerTokens.textFieldBackgroundErrorColor, _emotion.datePickerTokens.textFieldBackgroundErrorColorFocus, _emotion.datePickerTokens.textFieldBackgroundSuccessColor, _emotion.datePickerTokens.textFieldBackgroundSuccessColorFocus, _emotion.datePickerTokens.textFieldTextBeforeColor, _emotion.datePickerTokens.textFieldTextAfterColor, _emotion.datePickerTokens.focusColor, _emotion.datePickerTokens.calendarShadow, _emotion.datePickerTokens.calendarSeparatorBackground, _emotion.datePickerTokens.calendarBackgroundColor, _emotion.datePickerTokens.calendarSelectedItemBackground, _emotion.datePickerTokens.calendarSelectedItemColor, _emotion.datePickerTokens.calendarSelectableItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemBorderColor, _emotion.datePickerTokens.calendarCurrentItemBackgroundHover, _emotion.datePickerTokens.calendarCurrentItemColorHover, _emotion.datePickerTokens.calendarCurrentItemChildBackgroundHover, _emotion.datePickerTokens.calendarActiveItemBackground, _emotion.datePickerTokens.calendarActiveItemColor, _emotion.datePickerTokens.calendarHoveredItemBackground, _emotion.datePickerTokens.calendarHoveredItemColor, _emotion.datePickerTokens.calendarRangeBackground, _emotion.datePickerTokens.calendarOutlineFocusColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarHeaderArrowColor, _emotion.datePickerTokens.calendarContentPrimaryColor, _emotion.datePickerTokens.calendarContentSecondaryColor, _emotion.datePickerTokens.iconButtonColor, _emotion.datePickerTokens.iconButtonBackgroundColor, _emotion.datePickerTokens.iconButtonColorHover, _emotion.datePickerTokens.iconButtonBackgroundColorHover, _emotion.datePickerTokens.iconButtonColorActive, _emotion.datePickerTokens.iconButtonBackgroundColorActive, _emotion.datePickerTokens.iconButtonFocusColor)
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
20
|
l: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 26.5rem;\n ", ": 0.875rem;\n\n ", ": 0 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0 0 0 1rem;\n ", ": 0;\n\n ", ": 0.75rem;\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n\n ", ": 3.5rem;\n ", ": 0.875rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem 0 0 0;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.875rem;\n ", ": 26.5rem;\n\n ", ": 0.5rem 1rem 1.125rem 1rem;\n ", ": 0.75rem;\n ", ": 7.8125rem;\n ", ": 5.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.5rem 1rem 1.125rem 1rem;\n ", ": 0.75rem;\n ", ": 7.8125rem;\n ", ": 5.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.75rem;\n ", ": 11.75rem;\n ", ": 10.5rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.5rem 1rem 1.125rem 1rem;\n ", ": 0.75rem;\n ", ": 3.5rem;\n ", ": 3rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.063rem;\n\n ", ": 0.875rem 1rem 0 1rem;\n ", ": 0.5rem;\n\n ", ": 0 0 0 1rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-line-height);\n ", ": var(--plasma-typo-h3-font-weight);\n ", ": var(--plasma-typo-h3-bold-font-weight);\n\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n "])), _emotion.datePickerTokens.width, _emotion.datePickerTokens.borderRadius, _emotion.datePickerTokens.dividerPadding, _emotion.datePickerTokens.dividerFontFamily, _emotion.datePickerTokens.dividerFontStyle, _emotion.datePickerTokens.dividerFontSize, _emotion.datePickerTokens.dividerFontWeight, _emotion.datePickerTokens.dividerLetterSpacing, _emotion.datePickerTokens.dividerLineHeight, _emotion.datePickerTokens.leftContentMargin, _emotion.datePickerTokens.rightContentMargin, _emotion.datePickerTokens.labelOffset, _emotion.datePickerTokens.labelInnerPadding, _emotion.datePickerTokens.contentLabelInnerPadding, _emotion.datePickerTokens.labelFontFamily, _emotion.datePickerTokens.labelFontStyle, _emotion.datePickerTokens.labelFontSize, _emotion.datePickerTokens.labelFontWeight, _emotion.datePickerTokens.labelLetterSpacing, _emotion.datePickerTokens.labelLineHeight, _emotion.datePickerTokens.indicatorSize, _emotion.datePickerTokens.indicatorSizeOuter, _emotion.datePickerTokens.indicatorPlacement, _emotion.datePickerTokens.indicatorOuterPlacement, _emotion.datePickerTokens.indicatorPlacementRight, _emotion.datePickerTokens.indicatorOuterPlacementRight, _emotion.datePickerTokens.textFieldHeight, _emotion.datePickerTokens.textFieldBorderRadius, _emotion.datePickerTokens.textFieldPadding, _emotion.datePickerTokens.textFieldFontFamily, _emotion.datePickerTokens.textFieldFontStyle, _emotion.datePickerTokens.textFieldFontSize, _emotion.datePickerTokens.textFieldFontWeight, _emotion.datePickerTokens.textFieldLetterSpacing, _emotion.datePickerTokens.textFieldLineHeight, _emotion.datePickerTokens.leftHelperOffset, _emotion.datePickerTokens.leftHelperFontFamily, _emotion.datePickerTokens.leftHelperFontStyle, _emotion.datePickerTokens.leftHelperFontSize, _emotion.datePickerTokens.leftHelperFontWeight, _emotion.datePickerTokens.leftHelperLetterSpacing, _emotion.datePickerTokens.leftHelperLineHeight, _emotion.datePickerTokens.textFieldLeftContentMargin, _emotion.datePickerTokens.textFieldRightContentMargin, _emotion.datePickerTokens.textFieldTextBeforeMargin, _emotion.datePickerTokens.textFieldTextAfterMargin, _emotion.datePickerTokens.calendarBorderRadius, _emotion.datePickerTokens.calendarWidth, _emotion.datePickerTokens.calendarYearsPadding, _emotion.datePickerTokens.calendarYearItemBorderRadius, _emotion.datePickerTokens.calendarYearItemWidth, _emotion.datePickerTokens.calendarYearItemHeight, _emotion.datePickerTokens.calendarYearFontFamily, _emotion.datePickerTokens.calendarYearFontSize, _emotion.datePickerTokens.calendarYearFontStyle, _emotion.datePickerTokens.calendarYearFontLetterSpacing, _emotion.datePickerTokens.calendarYearFontLineHeight, _emotion.datePickerTokens.calendarYearFontWeight, _emotion.datePickerTokens.calendarYearSelectedFontWeight, _emotion.datePickerTokens.calendarMonthsPadding, _emotion.datePickerTokens.calendarMonthItemBorderRadius, _emotion.datePickerTokens.calendarMonthItemWidth, _emotion.datePickerTokens.calendarMonthItemHeight, _emotion.datePickerTokens.calendarMonthFontFamily, _emotion.datePickerTokens.calendarMonthFontSize, _emotion.datePickerTokens.calendarMonthFontStyle, _emotion.datePickerTokens.calendarMonthFontLetterSpacing, _emotion.datePickerTokens.calendarMonthFontLineHeight, _emotion.datePickerTokens.calendarMonthFontWeight, _emotion.datePickerTokens.calendarMonthSelectedFontWeight, _emotion.datePickerTokens.calendarQuartersPadding, _emotion.datePickerTokens.calendarQuarterItemBorderRadius, _emotion.datePickerTokens.calendarQuarterItemWidth, _emotion.datePickerTokens.calendarQuarterItemHeight, _emotion.datePickerTokens.calendarQuarterFontFamily, _emotion.datePickerTokens.calendarQuarterFontSize, _emotion.datePickerTokens.calendarQuarterFontStyle, _emotion.datePickerTokens.calendarQuarterFontLetterSpacing, _emotion.datePickerTokens.calendarQuarterFontLineHeight, _emotion.datePickerTokens.calendarQuarterFontWeight, _emotion.datePickerTokens.calendarQuarterSelectedFontWeight, _emotion.datePickerTokens.calendarDaysPadding, _emotion.datePickerTokens.calendarDayItemBorderRadius, _emotion.datePickerTokens.calendarDayItemWidth, _emotion.datePickerTokens.calendarDayItemHeight, _emotion.datePickerTokens.calendarDayFontFamily, _emotion.datePickerTokens.calendarDayFontSize, _emotion.datePickerTokens.calendarDayFontStyle, _emotion.datePickerTokens.calendarDayFontLetterSpacing, _emotion.datePickerTokens.calendarDayFontLineHeight, _emotion.datePickerTokens.calendarDayFontWeight, _emotion.datePickerTokens.calendarDaySelectedFontWeight, _emotion.datePickerTokens.calendarCurrentItemBorderWidth, _emotion.datePickerTokens.calendarHeaderWrapperPadding, _emotion.datePickerTokens.calendarHeaderArrowGap, _emotion.datePickerTokens.calendarHeaderPadding, _emotion.datePickerTokens.calendarHeaderDateGap, _emotion.datePickerTokens.calendarHeaderFontFamily, _emotion.datePickerTokens.calendarHeaderFontSize, _emotion.datePickerTokens.calendarHeaderFontStyle, _emotion.datePickerTokens.calendarHeaderFontLetterSpacing, _emotion.datePickerTokens.calendarHeaderFontLineHeight, _emotion.datePickerTokens.calendarHeaderFontWeight, _emotion.datePickerTokens.calendarHeaderFontWeightBold, _emotion.datePickerTokens.iconButtonHeight, _emotion.datePickerTokens.iconButtonWidth, _emotion.datePickerTokens.iconButtonPadding, _emotion.datePickerTokens.iconButtonRadius),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
|
3
3
|
import { action } from '@storybook/addon-actions';
|
|
4
|
-
import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
4
|
+
import { disableProps, IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
5
5
|
|
|
6
6
|
import { IconButton } from '../IconButton';
|
|
7
7
|
|
|
@@ -65,6 +65,7 @@ const meta: Meta = {
|
|
|
65
65
|
},
|
|
66
66
|
if: { arg: 'required', truthy: true },
|
|
67
67
|
},
|
|
68
|
+
...disableProps(['view']),
|
|
68
69
|
},
|
|
69
70
|
};
|
|
70
71
|
|
|
@@ -14,7 +14,7 @@ var config = exports.config = {
|
|
|
14
14
|
},
|
|
15
15
|
variations: {
|
|
16
16
|
view: {
|
|
17
|
-
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--surface-negative);\n\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), _emotion.rangeTokens.background, _emotion.rangeTokens.backgroundError, _emotion.rangeTokens.backgroundSuccess, _emotion.rangeTokens.dividerColor, _emotion.rangeTokens.labelColor, _emotion.rangeTokens.leftHelperColor, _emotion.rangeTokens.textFieldColor, _emotion.rangeTokens.textFieldPlaceholderColor, _emotion.rangeTokens.textFieldPlaceholderColorFocus, _emotion.rangeTokens.textFieldCaretColor, _emotion.rangeTokens.indicatorColor, _emotion.rangeTokens.textFieldBackgroundColorFocus, _emotion.rangeTokens.textFieldBackgroundErrorColor, _emotion.rangeTokens.textFieldBackgroundErrorColorFocus, _emotion.rangeTokens.textFieldBackgroundSuccessColor, _emotion.rangeTokens.textFieldBackgroundSuccessColorFocus, _emotion.rangeTokens.textFieldTextBeforeColor, _emotion.rangeTokens.textFieldTextAfterColor, _emotion.rangeTokens.focusColor)
|
|
17
|
+
"default": /*#__PURE__*/(0, _emotion.css)(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n ", ": var(--text-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--surface-negative);\n\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), _emotion.rangeTokens.background, _emotion.rangeTokens.backgroundError, _emotion.rangeTokens.backgroundSuccess, _emotion.rangeTokens.dividerColor, _emotion.rangeTokens.labelColor, _emotion.rangeTokens.leftHelperColor, _emotion.rangeTokens.leftHelperColorError, _emotion.rangeTokens.leftHelperColorSuccess, _emotion.rangeTokens.textFieldColor, _emotion.rangeTokens.textFieldPlaceholderColor, _emotion.rangeTokens.textFieldPlaceholderColorFocus, _emotion.rangeTokens.textFieldCaretColor, _emotion.rangeTokens.indicatorColor, _emotion.rangeTokens.textFieldBackgroundColorFocus, _emotion.rangeTokens.textFieldBackgroundErrorColor, _emotion.rangeTokens.textFieldBackgroundErrorColorFocus, _emotion.rangeTokens.textFieldBackgroundSuccessColor, _emotion.rangeTokens.textFieldBackgroundSuccessColorFocus, _emotion.rangeTokens.textFieldTextBeforeColor, _emotion.rangeTokens.textFieldTextAfterColor, _emotion.rangeTokens.focusColor)
|
|
18
18
|
},
|
|
19
19
|
size: {
|
|
20
20
|
l: /*#__PURE__*/(0, _emotion.css)(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n\n ", ": 0 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0 0 0 1rem;\n ", ": 0;\n\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n\n ", ": 3.5rem;\n ", ": 0.875rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem 0 0 0;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), _emotion.rangeTokens.borderRadius, _emotion.rangeTokens.dividerPadding, _emotion.rangeTokens.dividerFontFamily, _emotion.rangeTokens.dividerFontStyle, _emotion.rangeTokens.dividerFontSize, _emotion.rangeTokens.dividerFontWeight, _emotion.rangeTokens.dividerLetterSpacing, _emotion.rangeTokens.dividerLineHeight, _emotion.rangeTokens.leftContentMargin, _emotion.rangeTokens.rightContentMargin, _emotion.rangeTokens.labelOffset, _emotion.rangeTokens.labelFontFamily, _emotion.rangeTokens.labelFontStyle, _emotion.rangeTokens.labelFontSize, _emotion.rangeTokens.labelFontWeight, _emotion.rangeTokens.labelLetterSpacing, _emotion.rangeTokens.labelLineHeight, _emotion.rangeTokens.indicatorSize, _emotion.rangeTokens.indicatorSizeOuter, _emotion.rangeTokens.indicatorPlacement, _emotion.rangeTokens.indicatorOuterPlacement, _emotion.rangeTokens.indicatorPlacementRight, _emotion.rangeTokens.indicatorOuterPlacementRight, _emotion.rangeTokens.textFieldHeight, _emotion.rangeTokens.textFieldBorderRadius, _emotion.rangeTokens.textFieldPadding, _emotion.rangeTokens.textFieldFontFamily, _emotion.rangeTokens.textFieldFontStyle, _emotion.rangeTokens.textFieldFontSize, _emotion.rangeTokens.textFieldFontWeight, _emotion.rangeTokens.textFieldLetterSpacing, _emotion.rangeTokens.textFieldLineHeight, _emotion.rangeTokens.leftHelperOffset, _emotion.rangeTokens.leftHelperFontFamily, _emotion.rangeTokens.leftHelperFontStyle, _emotion.rangeTokens.leftHelperFontSize, _emotion.rangeTokens.leftHelperFontWeight, _emotion.rangeTokens.leftHelperLetterSpacing, _emotion.rangeTokens.leftHelperLineHeight, _emotion.rangeTokens.textFieldLeftContentMargin, _emotion.rangeTokens.textFieldRightContentMargin, _emotion.rangeTokens.textFieldTextBeforeMargin, _emotion.rangeTokens.textFieldTextAfterMargin),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ChangeEvent, ComponentProps, Dispatch, SetStateAction, useState } from 'react';
|
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
|
3
3
|
import { action } from '@storybook/addon-actions';
|
|
4
|
-
import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
4
|
+
import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
5
5
|
import { IconSearch, IconSber, IconArrowRight } from '@salutejs/plasma-icons';
|
|
6
6
|
|
|
7
7
|
import { IconButton } from '../IconButton';
|
|
@@ -46,6 +46,7 @@ const meta: Meta<typeof Range> = {
|
|
|
46
46
|
},
|
|
47
47
|
if: { arg: 'required', truthy: true },
|
|
48
48
|
},
|
|
49
|
+
...disableProps(['view']),
|
|
49
50
|
},
|
|
50
51
|
};
|
|
51
52
|
|
|
@@ -8,7 +8,7 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--surface-negative);\n\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n\n ", ": var(--shadow-down-soft-s);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-solid-default);\n ", ": ", ";\n ", ": var(--text-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-accent);\n "])), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor)
|
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n ", ": var(--text-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": var(--surface-negative);\n\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n\n ", ": var(--shadow-down-soft-s);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-card);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": transparent;\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-solid-default);\n ", ": var(--inverse-text-primary);\n ", ": var(--surface-accent);\n ", ": var(--text-primary);\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-accent);\n ", ": var(--surface-solid-default);\n ", ": ", ";\n ", ": var(--text-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--text-primary-hover);\n ", ": var(--surface-clear);\n ", ": var(--surface-accent);\n "])), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.labelInnerFontFamily, tokens.labelInnerFontSize, tokens.labelInnerFontStyle, tokens.labelInnerFontWeight, tokens.labelInnerLetterSpacing, tokens.labelInnerLineHeight, tokens.indicatorColor, tokens.textFieldBackgroundColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor, tokens.calendarShadow, tokens.calendarSeparatorBackground, tokens.calendarBackgroundColor, tokens.calendarSelectedItemBackground, tokens.calendarSelectedItemColor, tokens.calendarSelectableItemBackgroundHover, tokens.calendarCurrentItemBorderColor, tokens.calendarCurrentItemBackgroundHover, tokens.calendarCurrentItemColorHover, tokens.calendarCurrentItemChildBackgroundHover, tokens.calendarActiveItemBackground, tokens.calendarActiveItemColor, tokens.calendarHoveredItemBackground, tokens.calendarHoveredItemColor, tokens.calendarRangeBackground, tokens.calendarOutlineFocusColor, tokens.calendarContentPrimaryColor, tokens.calendarHeaderArrowColor, tokens.calendarContentPrimaryColor, tokens.calendarContentSecondaryColor, tokens.iconButtonColor, tokens.iconButtonBackgroundColor, tokens.iconButtonColorHover, tokens.iconButtonBackgroundColorHover, tokens.iconButtonColorActive, tokens.iconButtonBackgroundColorActive, tokens.iconButtonFocusColor)
|
|
12
12
|
},
|
|
13
13
|
size: {
|
|
14
14
|
l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 26.5rem;\n ", ": 0.875rem;\n\n ", ": 0 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0 0 0 1rem;\n ", ": 0;\n\n ", ": 0.75rem;\n ", ": 0.5625rem 0 0.125rem 0;\n ", ": 1.5625rem 0 0.5625rem 0;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n\n ", ": 3.5rem;\n ", ": 0.875rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem 0 0 0;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n\n ", ": 0.875rem;\n ", ": 26.5rem;\n\n ", ": 0.5rem 1rem 1.125rem 1rem;\n ", ": 0.75rem;\n ", ": 7.8125rem;\n ", ": 5.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.5rem 1rem 1.125rem 1rem;\n ", ": 0.75rem;\n ", ": 7.8125rem;\n ", ": 5.25rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.5rem 0.5rem 0 0.5rem;\n ", ": 0.75rem;\n ", ": 11.75rem;\n ", ": 10.5rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.5rem 1rem 1.125rem 1rem;\n ", ": 0.75rem;\n ", ": 3.5rem;\n ", ": 3rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n\n ", ": 0.063rem;\n\n ", ": 0.875rem 1rem 0 1rem;\n ", ": 0.5rem;\n\n ", ": 0 0 0 1rem;\n ", ": 0.5rem;\n\n ", ": var(--plasma-typo-h3-font-family);\n ", ": var(--plasma-typo-h3-font-size);\n ", ": var(--plasma-typo-h3-font-style);\n ", ": var(--plasma-typo-h3-letter-spacing);\n ", ": var(--plasma-typo-h3-line-height);\n ", ": var(--plasma-typo-h3-font-weight);\n ", ": var(--plasma-typo-h3-bold-font-weight);\n\n ", ": 3.5rem;\n ", ": 3.5rem;\n ", ": 1.5rem;\n ", ": 0.875rem;\n "])), tokens.width, tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelInnerPadding, tokens.contentLabelInnerPadding, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin, tokens.calendarBorderRadius, tokens.calendarWidth, tokens.calendarYearsPadding, tokens.calendarYearItemBorderRadius, tokens.calendarYearItemWidth, tokens.calendarYearItemHeight, tokens.calendarYearFontFamily, tokens.calendarYearFontSize, tokens.calendarYearFontStyle, tokens.calendarYearFontLetterSpacing, tokens.calendarYearFontLineHeight, tokens.calendarYearFontWeight, tokens.calendarYearSelectedFontWeight, tokens.calendarMonthsPadding, tokens.calendarMonthItemBorderRadius, tokens.calendarMonthItemWidth, tokens.calendarMonthItemHeight, tokens.calendarMonthFontFamily, tokens.calendarMonthFontSize, tokens.calendarMonthFontStyle, tokens.calendarMonthFontLetterSpacing, tokens.calendarMonthFontLineHeight, tokens.calendarMonthFontWeight, tokens.calendarMonthSelectedFontWeight, tokens.calendarQuartersPadding, tokens.calendarQuarterItemBorderRadius, tokens.calendarQuarterItemWidth, tokens.calendarQuarterItemHeight, tokens.calendarQuarterFontFamily, tokens.calendarQuarterFontSize, tokens.calendarQuarterFontStyle, tokens.calendarQuarterFontLetterSpacing, tokens.calendarQuarterFontLineHeight, tokens.calendarQuarterFontWeight, tokens.calendarQuarterSelectedFontWeight, tokens.calendarDaysPadding, tokens.calendarDayItemBorderRadius, tokens.calendarDayItemWidth, tokens.calendarDayItemHeight, tokens.calendarDayFontFamily, tokens.calendarDayFontSize, tokens.calendarDayFontStyle, tokens.calendarDayFontLetterSpacing, tokens.calendarDayFontLineHeight, tokens.calendarDayFontWeight, tokens.calendarDaySelectedFontWeight, tokens.calendarCurrentItemBorderWidth, tokens.calendarHeaderWrapperPadding, tokens.calendarHeaderArrowGap, tokens.calendarHeaderPadding, tokens.calendarHeaderDateGap, tokens.calendarHeaderFontFamily, tokens.calendarHeaderFontSize, tokens.calendarHeaderFontStyle, tokens.calendarHeaderFontLetterSpacing, tokens.calendarHeaderFontLineHeight, tokens.calendarHeaderFontWeight, tokens.calendarHeaderFontWeightBold, tokens.iconButtonHeight, tokens.iconButtonWidth, tokens.iconButtonPadding, tokens.iconButtonRadius),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ComponentProps, useEffect, useRef, useState } from 'react';
|
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
|
3
3
|
import { action } from '@storybook/addon-actions';
|
|
4
|
-
import { IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
4
|
+
import { disableProps, IconPlaceholder, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
5
5
|
|
|
6
6
|
import { IconButton } from '../IconButton';
|
|
7
7
|
|
|
@@ -65,6 +65,7 @@ const meta: Meta = {
|
|
|
65
65
|
},
|
|
66
66
|
if: { arg: 'required', truthy: true },
|
|
67
67
|
},
|
|
68
|
+
...disableProps(['view']),
|
|
68
69
|
},
|
|
69
70
|
};
|
|
70
71
|
|
|
@@ -8,7 +8,7 @@ export var config = {
|
|
|
8
8
|
},
|
|
9
9
|
variations: {
|
|
10
10
|
view: {
|
|
11
|
-
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--surface-negative);\n\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
|
|
11
|
+
"default": /*#__PURE__*/css(_templateObject || (_templateObject = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": var(--surface-transparent-primary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-negative);\n ", ": var(--text-positive);\n\n ", ": var(--text-primary);\n ", ": var(--text-secondary);\n ", ": var(--text-tertiary);\n ", ": var(--text-accent);\n\n ", ": var(--surface-negative);\n\n ", ": var(--surface-transparent-secondary);\n ", ": var(--surface-transparent-negative);\n ", ": var(--surface-transparent-negative-active);\n ", ": var(--surface-transparent-positive);\n ", ": var(--surface-transparent-positive-active);\n\n ", ": var(--text-tertiary);\n ", ": var(--text-tertiary);\n\n ", ": var(--text-accent);\n "])), tokens.background, tokens.backgroundError, tokens.backgroundSuccess, tokens.dividerColor, tokens.labelColor, tokens.leftHelperColor, tokens.leftHelperColorError, tokens.leftHelperColorSuccess, tokens.textFieldColor, tokens.textFieldPlaceholderColor, tokens.textFieldPlaceholderColorFocus, tokens.textFieldCaretColor, tokens.indicatorColor, tokens.textFieldBackgroundColorFocus, tokens.textFieldBackgroundErrorColor, tokens.textFieldBackgroundErrorColorFocus, tokens.textFieldBackgroundSuccessColor, tokens.textFieldBackgroundSuccessColorFocus, tokens.textFieldTextBeforeColor, tokens.textFieldTextAfterColor, tokens.focusColor)
|
|
12
12
|
},
|
|
13
13
|
size: {
|
|
14
14
|
l: /*#__PURE__*/css(_templateObject2 || (_templateObject2 = /*#__PURE__*/_taggedTemplateLiteral(["\n ", ": 0.875rem;\n\n ", ": 0 0.375rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-bold-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0 0 0 1rem;\n ", ": 0;\n\n ", ": 0.75rem;\n\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.5rem;\n ", ": 0.375rem;\n ", ": 0 0 0 0;\n ", ": 0.5rem auto auto -0.75rem;\n ", ": 0 0 auto auto;\n ", ": 0.25rem -0.625rem auto auto;\n\n ", ": 3.5rem;\n ", ": 0.875rem;\n ", ": 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ", ": var(--plasma-typo-body-l-font-family);\n ", ": var(--plasma-typo-body-l-font-style);\n ", ": var(--plasma-typo-body-l-font-size);\n ", ": var(--plasma-typo-body-l-font-weight);\n ", ": var(--plasma-typo-body-l-letter-spacing);\n ", ": var(--plasma-typo-body-l-line-height);\n\n ", ": 0.25rem 0 0 0;\n ", ": var(--plasma-typo-body-xs-font-family);\n ", ": var(--plasma-typo-body-xs-font-style);\n ", ": var(--plasma-typo-body-xs-font-size);\n ", ": var(--plasma-typo-body-xs-font-weight);\n ", ": var(--plasma-typo-body-xs-letter-spacing);\n ", ": var(--plasma-typo-body-xs-line-height);\n\n ", ": -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ", ": -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ", ": 0 0.25rem 0 0;\n ", ": 0 0 0 0.25rem;\n "])), tokens.borderRadius, tokens.dividerPadding, tokens.dividerFontFamily, tokens.dividerFontStyle, tokens.dividerFontSize, tokens.dividerFontWeight, tokens.dividerLetterSpacing, tokens.dividerLineHeight, tokens.leftContentMargin, tokens.rightContentMargin, tokens.labelOffset, tokens.labelFontFamily, tokens.labelFontStyle, tokens.labelFontSize, tokens.labelFontWeight, tokens.labelLetterSpacing, tokens.labelLineHeight, tokens.indicatorSize, tokens.indicatorSizeOuter, tokens.indicatorPlacement, tokens.indicatorOuterPlacement, tokens.indicatorPlacementRight, tokens.indicatorOuterPlacementRight, tokens.textFieldHeight, tokens.textFieldBorderRadius, tokens.textFieldPadding, tokens.textFieldFontFamily, tokens.textFieldFontStyle, tokens.textFieldFontSize, tokens.textFieldFontWeight, tokens.textFieldLetterSpacing, tokens.textFieldLineHeight, tokens.leftHelperOffset, tokens.leftHelperFontFamily, tokens.leftHelperFontStyle, tokens.leftHelperFontSize, tokens.leftHelperFontWeight, tokens.leftHelperLetterSpacing, tokens.leftHelperLineHeight, tokens.textFieldLeftContentMargin, tokens.textFieldRightContentMargin, tokens.textFieldTextBeforeMargin, tokens.textFieldTextAfterMargin),
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React, { ChangeEvent, ComponentProps, Dispatch, SetStateAction, useState } from 'react';
|
|
2
2
|
import type { StoryObj, Meta } from '@storybook/react';
|
|
3
3
|
import { action } from '@storybook/addon-actions';
|
|
4
|
-
import { InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
4
|
+
import { disableProps, InSpacingDecorator } from '@salutejs/plasma-sb-utils';
|
|
5
5
|
import { IconSearch, IconSber, IconArrowRight } from '@salutejs/plasma-icons';
|
|
6
6
|
|
|
7
7
|
import { IconButton } from '../IconButton';
|
|
@@ -46,6 +46,7 @@ const meta: Meta<typeof Range> = {
|
|
|
46
46
|
},
|
|
47
47
|
if: { arg: 'required', truthy: true },
|
|
48
48
|
},
|
|
49
|
+
...disableProps(['view']),
|
|
49
50
|
},
|
|
50
51
|
};
|
|
51
52
|
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
.mtnwdwt{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
|
5
5
|
.s1jozabk{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
|
|
6
6
|
.x1mg2ktn{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
7
|
-
.hizoenl{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-
|
|
8
|
-
.h143dmul{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-
|
|
7
|
+
.hizoenl{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
|
8
|
+
.h143dmul{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
|
9
9
|
.h9v9a4o{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
|
10
10
|
.h14sja6p{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
1
|
+
.Accordion_config_dujipx_d1qoou7v__2eeb29cc{--plasma-accordion-gap:0.125rem;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) var(--plasma-accordion-item-padding-horizontal);--plasma-accordion-item-background:var(--surface-solid-card);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0;--plasma-accordion-item-padding-horizontal-left:var(--plasma-accordion-item-padding-horizontal);}
|
|
2
|
+
.Accordion_config_dujipx_c1nb9vnf__2eeb29cc{--plasma-accordion-gap:0;--plasma-accordion-width:20rem;--plasma-accordion-item-padding:var(--plasma-accordion-item-padding-vertical) 0rem;--plasma-accordion-item-background:var(--surface-clear);--plasma-accordion-item-title-color:var(--text-primary);--plasma-accordion-item-text-color:var(--text-primary);--plasma-accordion-item-color-icon:var(--text-primary);--plasma-accordion-item-focus:var(--surface-accent);--plasma-accordion-item-border-radius:0rem !important;--plasma-accordion-background:var(--surface-clear);--plasma-accordion-item-border-bottom:0.063rem solid var(--surface-solid-tertiary);--plasma-accordion-item-padding-horizontal-left:0;}
|
|
3
|
+
.Accordion_config_dujipx_l15v339q__2eeb29cc{--plasma-accordion-item-padding-vertical:1.0625rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.5rem;--plasma-accordion-item-border-radius:0.875rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-l-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
|
4
|
+
.Accordion_config_dujipx_mtnwdwt__2eeb29cc{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-m-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
|
5
|
+
.Accordion_config_dujipx_s1jozabk__2eeb29cc{--plasma-accordion-item-padding-vertical:0.6875rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.375rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-s-line-height);}
|
|
6
|
+
.Accordion_config_dujipx_x1mg2ktn__2eeb29cc{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
7
|
+
.Accordion_config_dujipx_hizoenl__2eeb29cc{--plasma-accordion-item-padding-vertical:1rem;--plasma-accordion-item-padding-horizontal:1.25rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h2-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h2-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h2-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h2-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
|
8
|
+
.Accordion_config_dujipx_h143dmul__2eeb29cc{--plasma-accordion-item-padding-vertical:0.875rem;--plasma-accordion-item-padding-horizontal:1.125rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.75rem;--plasma-accordion-item-icon-size:1.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h3-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h3-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h3-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h3-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h3-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h3-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-l-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-l-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-l-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-l-line-height);}
|
|
9
|
+
.Accordion_config_dujipx_h9v9a4o__2eeb29cc{--plasma-accordion-item-padding-vertical:0.688rem;--plasma-accordion-item-padding-horizontal:0.875rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.625rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h4-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h4-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h4-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h4-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|
|
10
|
+
.Accordion_config_dujipx_h14sja6p__2eeb29cc{--plasma-accordion-item-padding-vertical:0.5rem;--plasma-accordion-item-padding-horizontal:0.75rem;--plasma-accordion-item-gap:0.25rem;--plasma-accordion-item-border-radius:0.5rem;--plasma-accordion-item-title-font-family:var(--plasma-typo-h5-font-family);--plasma-accordion-item-title-font-size:var(--plasma-typo-h5-font-size);--plasma-accordion-item-title-font-style:var(--plasma-typo-h5-font-style);--plasma-accordion-item-title-font-weight:var(--plasma-typo-h5-bold-font-weight);--plasma-accordion-item-title-letter-spacing:var(--plasma-typo-h5-letter-spacing);--plasma-accordion-item-title-line-height:var(--plasma-typo-h5-line-height);--plasma-accordion-item-text-font-family:var(--plasma-typo-body-m-font-family);--plasma-accordion-item-text-font-size:var(--plasma-typo-body-m-font-size);--plasma-accordion-item-text-font-style:var(--plasma-typo-body-m-font-style);--plasma-accordion-item-text-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-accordion-item-text-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-accordion-item-text-line-height:var(--plasma-typo-body-m-line-height);}
|