@salutejs/sdds-serv 0.323.0-canary.2227.17672582071.0 → 0.323.0-canary.2228.17672900057.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/Range/Range.config.d.ts +0 -1
- package/components/Range/Range.config.js +7 -8
- package/components/Range/Range.config.js.map +1 -1
- package/components/Range/Range.config_wsjssk.css +7 -0
- package/components/Range/Range.css +7 -8
- package/components/Range/Range.d.ts +0 -1
- package/emotion/cjs/components/Range/Range.config.js +17 -70
- package/emotion/es/components/Range/Range.config.js +17 -70
- package/es/components/Range/Range.config.js +7 -8
- package/es/components/Range/Range.config.js.map +1 -1
- package/es/components/Range/Range.config_wsjssk.css +7 -0
- package/es/components/Range/Range.css +7 -8
- package/es/index.css +7 -8
- package/package.json +3 -3
- package/styled-components/cjs/components/Range/Range.config.js +17 -70
- package/styled-components/es/components/Range/Range.config.js +17 -70
- package/components/Range/Range.config_8e3tv6.css +0 -8
- package/es/components/Range/Range.config_8e3tv6.css +0 -8
|
@@ -8,7 +8,6 @@ export declare const config: {
|
|
|
8
8
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
9
9
|
};
|
|
10
10
|
size: {
|
|
11
|
-
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
11
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
13
12
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
14
13
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./Range.
|
|
1
|
+
require('./Range.config_wsjssk.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -13,17 +13,16 @@ var config = {
|
|
|
13
13
|
"default": "d1nh97pi"
|
|
14
14
|
},
|
|
15
15
|
size: {
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
xs: "x3pjoau"
|
|
16
|
+
l: "lcttcgt",
|
|
17
|
+
m: "m7jroee",
|
|
18
|
+
s: "s1r89e6n",
|
|
19
|
+
xs: "xc5cn5n"
|
|
21
20
|
},
|
|
22
21
|
disabled: {
|
|
23
|
-
"true": "
|
|
22
|
+
"true": "t3pjoau"
|
|
24
23
|
},
|
|
25
24
|
readOnly: {
|
|
26
|
-
"true": "
|
|
25
|
+
"true": "tk9yl84"
|
|
27
26
|
}
|
|
28
27
|
}
|
|
29
28
|
};
|
|
@@ -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 ${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.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.focusColor}: var(--text-accent);\n `,\n },\n size: {\n xl: css`\n ${tokens.borderRadius}: 1rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1.125rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.textFieldHeight}: 4rem;\n ${tokens.textFieldBorderRadius}: 1rem;\n ${tokens.textFieldPadding}: 1.3125rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem 0;\n ${tokens.textFieldRightContentMargin}: -0.0625rem 0 -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n `,\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","xl","l","m","s","xs","disabled","true","readOnly"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;MACFG,SAAO,EAAA,UAAA;KAgCV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAoDD,SAAA;AACDC,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,CAAC,EAoDA,UAAA;AACDC,MAAAA,CAAC,EAoDA,SAAA;AACDC,MAAAA,EAAE,EAAA,SAAA;KAqDL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAI,EAAA,SAAA;AAaR,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.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${tokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n ${tokens.textFieldBackgroundErrorColor}: var(--surface-transparent-negative);\n ${tokens.textFieldBackgroundErrorColorHover}: var(--surface-transparent-negative-hover);\n ${tokens.textFieldBackgroundErrorColorFocus}: var(--surface-transparent-negative-active);\n ${tokens.textFieldBackgroundSuccessColor}: var(--surface-transparent-positive);\n ${tokens.textFieldBackgroundSuccessColorHover}: var(--surface-transparent-positive-hover);\n ${tokens.textFieldBackgroundSuccessColorFocus}: var(--surface-transparent-positive-active);\n\n ${tokens.textFieldTextBeforeColor}: var(--text-tertiary);\n ${tokens.textFieldTextAfterColor}: var(--text-tertiary);\n\n ${tokens.focusColor}: var(--text-accent);\n `,\n },\n size: {\n l: css`\n ${tokens.borderRadius}: 0.875rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 1rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.75rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.5rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 3.5rem;\n ${tokens.textFieldBorderRadius}: 0.875rem;\n ${tokens.textFieldPadding}: 1.0625rem 1.125rem 1.0625rem 1.125rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.5rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.875rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.625rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.indicatorSize}: 0.5rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.375rem auto auto -0.75rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 3rem;\n ${tokens.textFieldBorderRadius}: 0.75rem;\n ${tokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.125rem 0.375rem -0.125rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.125rem -0.125rem -0.125rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.75rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.5rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.3125rem auto auto -0.6875rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.25rem -0.625rem auto auto;\n\n ${tokens.textFieldHeight}: 2.5rem;\n ${tokens.textFieldBorderRadius}: 0.625rem;\n ${tokens.textFieldPadding}: 0.6875rem 0.875rem 0.6875rem 0.875rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.1875rem 0.25rem -0.1875rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.1875rem -0.125rem -0.1875rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.dividerPadding}: 0 0.375rem;\n ${tokens.dividerFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.dividerFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.dividerFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.dividerFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${tokens.dividerLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.dividerLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftContentMargin}: 0 0 0 0.5rem;\n ${tokens.rightContentMargin}: 0;\n\n ${tokens.labelOffset}: 0.375rem;\n\n ${tokens.labelFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.labelFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.labelFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.labelFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.labelLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.labelLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.indicatorSize}: 0.375rem;\n ${tokens.indicatorSizeOuter}: 0.375rem;\n ${tokens.indicatorPlacement}: 0 0 0 0;\n ${tokens.indicatorOuterPlacement}: 0.25rem auto auto -0.625rem;\n ${tokens.indicatorPlacementRight}: 0 0 auto auto;\n ${tokens.indicatorOuterPlacementRight}: 0.125rem -0.6875rem auto auto;\n\n ${tokens.textFieldHeight}: 2rem;\n ${tokens.textFieldBorderRadius}: 0.5rem;\n ${tokens.textFieldPadding}: 0.5625rem 0.625rem 0.5625rem 0.625rem;\n ${tokens.textFieldFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.textFieldFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.textFieldFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.textFieldFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.textFieldLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.textFieldLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.leftHelperOffset}: 0.25rem 0 0 0;\n ${tokens.leftHelperFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${tokens.leftHelperFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${tokens.leftHelperFontSize}: var(--plasma-typo-body-xs-font-size);\n ${tokens.leftHelperFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${tokens.leftHelperLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${tokens.leftHelperLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${tokens.textFieldLeftContentMargin}: -0.0625rem 0.25rem -0.0625rem -0.125rem;\n ${tokens.textFieldRightContentMargin}: -0.0625rem -0.125rem -0.0625rem 0.75rem;\n ${tokens.textFieldTextBeforeMargin}: 0 0.25rem 0 0;\n ${tokens.textFieldTextAfterMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.disabledOpacity}: 0.4;\n `,\n },\n readOnly: {\n true: css`\n ${tokens.backgroundReadOnly}: var(--surface-transparent-primary);\n ${tokens.labelColorReadOnly}: var(--text-primary);\n ${tokens.leftHelperColorReadOnly}: var(--text-secondary);\n ${tokens.dividerColorReadOnly}: var(--text-secondary);\n ${tokens.readOnlyOpacity}: 0.4;\n ${tokens.dividerOpacityReadOnly}: 0.4;\n ${tokens.rightContentOpacityReadOnly}: 0.4;\n\n ${tokens.textFieldColorReadOnly}: var(--text-primary);\n ${tokens.textFieldBackgroundColorReadOnly}: transparent;\n ${tokens.textFieldPlaceholderColorReadOnly}: var(--text-secondary);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","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;KAgCV;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;AAaR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
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-hover:var(--surface-transparent-primary-hover);--plasma-range-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-range-textfield-background-color-error:var(--surface-transparent-negative);--plasma-range-textfield-background-color-error-hover:var(--surface-transparent-negative-hover);--plasma-range-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-range-textfield-background-color-success:var(--surface-transparent-positive);--plasma-range-textfield-background-color-success-hover:var(--surface-transparent-positive-hover);--plasma-range-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-range-textfield__before-text-color:var(--text-tertiary);--plasma-range-textfield__after-text-color:var(--text-tertiary);--plasma-range-focus-color:var(--text-accent);}
|
|
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
|
+
.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
|
+
.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;}
|
|
5
|
+
.xc5cn5n{--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
|
+
.t3pjoau{--plasma-range-disabled-opacity:0.4;}
|
|
7
|
+
.tk9yl84{--plasma-range-background-readonly:var(--surface-transparent-primary);--plasma-range__label-color-readonly:var(--text-primary);--plasma-range__left-helper-color-readonly:var(--text-secondary);--plasma-range__divider-color-readonly:var(--text-secondary);--plasma-range-readonly-opacity:0.4;--plasma-range__divider-opacity-readonly:0.4;--plasma-range__right-content-opacity-readonly:0.4;--plasma-range-textfield-color-readonly:var(--text-primary);--plasma-range-textfield-background-color-readonly:transparent;--plasma-range-textfield-placeholder-color-readonly:var(--text-secondary);}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.Range_config_8e3tv6_tdmkit3__88805931{--plasma-range-background-readonly:var(--surface-transparent-primary);--plasma-range__label-color-readonly:var(--text-primary);--plasma-range__left-helper-color-readonly:var(--text-secondary);--plasma-range__divider-color-readonly:var(--text-secondary);--plasma-range-readonly-opacity:0.4;--plasma-range__divider-opacity-readonly:0.4;--plasma-range__right-content-opacity-readonly:0.4;--plasma-range-textfield-color-readonly:var(--text-primary);--plasma-range-textfield-background-color-readonly:transparent;--plasma-range-textfield-placeholder-color-readonly:var(--text-secondary);}
|
|
1
|
+
.Range_config_wsjssk_d1nh97pi__189ac8d8{--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-hover:var(--surface-transparent-primary-hover);--plasma-range-textfield-background-color-focus:var(--surface-transparent-secondary);--plasma-range-textfield-background-color-error:var(--surface-transparent-negative);--plasma-range-textfield-background-color-error-hover:var(--surface-transparent-negative-hover);--plasma-range-textfield-background-color-error-focus:var(--surface-transparent-negative-active);--plasma-range-textfield-background-color-success:var(--surface-transparent-positive);--plasma-range-textfield-background-color-success-hover:var(--surface-transparent-positive-hover);--plasma-range-textfield-background-color-success-focus:var(--surface-transparent-positive-active);--plasma-range-textfield__before-text-color:var(--text-tertiary);--plasma-range-textfield__after-text-color:var(--text-tertiary);--plasma-range-focus-color:var(--text-accent);}
|
|
2
|
+
.Range_config_wsjssk_lcttcgt__189ac8d8{--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_wsjssk_m7jroee__189ac8d8{--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_wsjssk_s1r89e6n__189ac8d8{--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_wsjssk_xc5cn5n__189ac8d8{--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_wsjssk_t3pjoau__189ac8d8{--plasma-range-disabled-opacity:0.4;}
|
|
7
|
+
.Range_config_wsjssk_tk9yl84__189ac8d8{--plasma-range-background-readonly:var(--surface-transparent-primary);--plasma-range__label-color-readonly:var(--text-primary);--plasma-range__left-helper-color-readonly:var(--text-secondary);--plasma-range__divider-color-readonly:var(--text-secondary);--plasma-range-readonly-opacity:0.4;--plasma-range__divider-opacity-readonly:0.4;--plasma-range__right-content-opacity-readonly:0.4;--plasma-range-textfield-color-readonly:var(--text-primary);--plasma-range-textfield-background-color-readonly:transparent;--plasma-range-textfield-placeholder-color-readonly:var(--text-secondary);}
|
|
@@ -6,7 +6,6 @@ export declare const Range: import("react").FunctionComponent<import("@salutejs/
|
|
|
6
6
|
default: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
7
7
|
};
|
|
8
8
|
size: {
|
|
9
|
-
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
10
9
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
11
10
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
12
11
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
@@ -53,58 +53,6 @@ function _templateObject() {
|
|
|
53
53
|
return data;
|
|
54
54
|
}
|
|
55
55
|
function _templateObject1() {
|
|
56
|
-
var data = _tagged_template_literal([
|
|
57
|
-
"\n ",
|
|
58
|
-
": 1rem;\n\n ",
|
|
59
|
-
": 0 0.375rem;\n ",
|
|
60
|
-
": var(--plasma-typo-body-l-font-family);\n ",
|
|
61
|
-
": var(--plasma-typo-body-l-font-style);\n ",
|
|
62
|
-
": var(--plasma-typo-body-l-font-size);\n ",
|
|
63
|
-
": var(--plasma-typo-body-l-font-weight);\n ",
|
|
64
|
-
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
65
|
-
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
66
|
-
": 0 0 0 1.125rem;\n ",
|
|
67
|
-
": 0;\n\n ",
|
|
68
|
-
": 0.75rem;\n\n ",
|
|
69
|
-
": var(--plasma-typo-body-l-font-family);\n ",
|
|
70
|
-
": var(--plasma-typo-body-l-font-style);\n ",
|
|
71
|
-
": var(--plasma-typo-body-l-font-size);\n ",
|
|
72
|
-
": var(--plasma-typo-body-l-font-weight);\n ",
|
|
73
|
-
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
74
|
-
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
75
|
-
": 4rem;\n ",
|
|
76
|
-
": 1rem;\n ",
|
|
77
|
-
": 1.3125rem 1.125rem;\n ",
|
|
78
|
-
": var(--plasma-typo-body-l-font-family);\n ",
|
|
79
|
-
": var(--plasma-typo-body-l-font-style);\n ",
|
|
80
|
-
": var(--plasma-typo-body-l-font-size);\n ",
|
|
81
|
-
": var(--plasma-typo-body-l-font-weight);\n ",
|
|
82
|
-
": var(--plasma-typo-body-l-letter-spacing);\n ",
|
|
83
|
-
": var(--plasma-typo-body-l-line-height);\n\n ",
|
|
84
|
-
": 0.25rem 0 0 0;\n ",
|
|
85
|
-
": var(--plasma-typo-body-xs-font-family);\n ",
|
|
86
|
-
": var(--plasma-typo-body-xs-font-style);\n ",
|
|
87
|
-
": var(--plasma-typo-body-xs-font-size);\n ",
|
|
88
|
-
": var(--plasma-typo-body-xs-font-weight);\n ",
|
|
89
|
-
": var(--plasma-typo-body-xs-letter-spacing);\n ",
|
|
90
|
-
": var(--plasma-typo-body-xs-line-height);\n\n ",
|
|
91
|
-
": -0.0625rem 0.5rem -0.0625rem 0;\n ",
|
|
92
|
-
": -0.0625rem 0 -0.0625rem 0.75rem;\n ",
|
|
93
|
-
": 0 0.25rem 0 0;\n ",
|
|
94
|
-
": 0 0 0 0.25rem;\n\n ",
|
|
95
|
-
": 0.5rem;\n ",
|
|
96
|
-
": 0.375rem;\n ",
|
|
97
|
-
": 0 0 0 0;\n ",
|
|
98
|
-
": 0.5rem auto auto -0.75rem;\n ",
|
|
99
|
-
": 0 0 auto auto;\n ",
|
|
100
|
-
": 0.25rem -0.625rem auto auto;\n "
|
|
101
|
-
]);
|
|
102
|
-
_templateObject1 = function _templateObject() {
|
|
103
|
-
return data;
|
|
104
|
-
};
|
|
105
|
-
return data;
|
|
106
|
-
}
|
|
107
|
-
function _templateObject2() {
|
|
108
56
|
var data = _tagged_template_literal([
|
|
109
57
|
"\n ",
|
|
110
58
|
": 0.875rem;\n\n ",
|
|
@@ -151,12 +99,12 @@ function _templateObject2() {
|
|
|
151
99
|
": 0 0.25rem 0 0;\n ",
|
|
152
100
|
": 0 0 0 0.25rem;\n "
|
|
153
101
|
]);
|
|
154
|
-
|
|
102
|
+
_templateObject1 = function _templateObject() {
|
|
155
103
|
return data;
|
|
156
104
|
};
|
|
157
105
|
return data;
|
|
158
106
|
}
|
|
159
|
-
function
|
|
107
|
+
function _templateObject2() {
|
|
160
108
|
var data = _tagged_template_literal([
|
|
161
109
|
"\n ",
|
|
162
110
|
": 0.75rem;\n\n ",
|
|
@@ -203,12 +151,12 @@ function _templateObject3() {
|
|
|
203
151
|
": 0 0.25rem 0 0;\n ",
|
|
204
152
|
": 0 0 0 0.25rem;\n "
|
|
205
153
|
]);
|
|
206
|
-
|
|
154
|
+
_templateObject2 = function _templateObject() {
|
|
207
155
|
return data;
|
|
208
156
|
};
|
|
209
157
|
return data;
|
|
210
158
|
}
|
|
211
|
-
function
|
|
159
|
+
function _templateObject3() {
|
|
212
160
|
var data = _tagged_template_literal([
|
|
213
161
|
"\n ",
|
|
214
162
|
": 0.625rem;\n\n ",
|
|
@@ -255,12 +203,12 @@ function _templateObject4() {
|
|
|
255
203
|
": 0 0.25rem 0 0;\n ",
|
|
256
204
|
": 0 0 0 0.25rem;\n "
|
|
257
205
|
]);
|
|
258
|
-
|
|
206
|
+
_templateObject3 = function _templateObject() {
|
|
259
207
|
return data;
|
|
260
208
|
};
|
|
261
209
|
return data;
|
|
262
210
|
}
|
|
263
|
-
function
|
|
211
|
+
function _templateObject4() {
|
|
264
212
|
var data = _tagged_template_literal([
|
|
265
213
|
"\n ",
|
|
266
214
|
": 0.5rem;\n\n ",
|
|
@@ -307,22 +255,22 @@ function _templateObject5() {
|
|
|
307
255
|
": 0 0.25rem 0 0;\n ",
|
|
308
256
|
": 0 0 0 0.25rem;\n "
|
|
309
257
|
]);
|
|
310
|
-
|
|
258
|
+
_templateObject4 = function _templateObject() {
|
|
311
259
|
return data;
|
|
312
260
|
};
|
|
313
261
|
return data;
|
|
314
262
|
}
|
|
315
|
-
function
|
|
263
|
+
function _templateObject5() {
|
|
316
264
|
var data = _tagged_template_literal([
|
|
317
265
|
"\n ",
|
|
318
266
|
": 0.4;\n "
|
|
319
267
|
]);
|
|
320
|
-
|
|
268
|
+
_templateObject5 = function _templateObject() {
|
|
321
269
|
return data;
|
|
322
270
|
};
|
|
323
271
|
return data;
|
|
324
272
|
}
|
|
325
|
-
function
|
|
273
|
+
function _templateObject6() {
|
|
326
274
|
var data = _tagged_template_literal([
|
|
327
275
|
"\n ",
|
|
328
276
|
": var(--surface-transparent-primary);\n ",
|
|
@@ -336,7 +284,7 @@ function _templateObject7() {
|
|
|
336
284
|
": transparent;\n ",
|
|
337
285
|
": var(--text-secondary);\n "
|
|
338
286
|
]);
|
|
339
|
-
|
|
287
|
+
_templateObject6 = function _templateObject() {
|
|
340
288
|
return data;
|
|
341
289
|
};
|
|
342
290
|
return data;
|
|
@@ -351,17 +299,16 @@ var config = {
|
|
|
351
299
|
default: (0, _emotion.css)(_templateObject(), _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.textFieldBackgroundColorHover, _emotion.rangeTokens.textFieldBackgroundColorFocus, _emotion.rangeTokens.textFieldBackgroundErrorColor, _emotion.rangeTokens.textFieldBackgroundErrorColorHover, _emotion.rangeTokens.textFieldBackgroundErrorColorFocus, _emotion.rangeTokens.textFieldBackgroundSuccessColor, _emotion.rangeTokens.textFieldBackgroundSuccessColorHover, _emotion.rangeTokens.textFieldBackgroundSuccessColorFocus, _emotion.rangeTokens.textFieldTextBeforeColor, _emotion.rangeTokens.textFieldTextAfterColor, _emotion.rangeTokens.focusColor)
|
|
352
300
|
},
|
|
353
301
|
size: {
|
|
354
|
-
|
|
355
|
-
|
|
356
|
-
|
|
357
|
-
|
|
358
|
-
xs: (0, _emotion.css)(_templateObject5(), _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)
|
|
302
|
+
l: (0, _emotion.css)(_templateObject1(), _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),
|
|
303
|
+
m: (0, _emotion.css)(_templateObject2(), _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),
|
|
304
|
+
s: (0, _emotion.css)(_templateObject3(), _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),
|
|
305
|
+
xs: (0, _emotion.css)(_templateObject4(), _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)
|
|
359
306
|
},
|
|
360
307
|
disabled: {
|
|
361
|
-
true: (0, _emotion.css)(
|
|
308
|
+
true: (0, _emotion.css)(_templateObject5(), _emotion.rangeTokens.disabledOpacity)
|
|
362
309
|
},
|
|
363
310
|
readOnly: {
|
|
364
|
-
true: (0, _emotion.css)(
|
|
311
|
+
true: (0, _emotion.css)(_templateObject6(), _emotion.rangeTokens.backgroundReadOnly, _emotion.rangeTokens.labelColorReadOnly, _emotion.rangeTokens.leftHelperColorReadOnly, _emotion.rangeTokens.dividerColorReadOnly, _emotion.rangeTokens.readOnlyOpacity, _emotion.rangeTokens.dividerOpacityReadOnly, _emotion.rangeTokens.rightContentOpacityReadOnly, _emotion.rangeTokens.textFieldColorReadOnly, _emotion.rangeTokens.textFieldBackgroundColorReadOnly, _emotion.rangeTokens.textFieldPlaceholderColorReadOnly)
|
|
365
312
|
}
|
|
366
313
|
}
|
|
367
314
|
};
|