@salutejs/plasma-b2c 1.633.0 → 1.633.1-dev.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/dist/css/cjs/components/Accordion/Accordion.js +4 -0
- package/dist/css/cjs/components/Accordion/Accordion.js.map +1 -1
- package/dist/css/cjs/components/Avatar/Avatar.config.js +24 -24
- package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/cjs/components/Avatar/{Avatar.config_txak1q.css → Avatar.config_nh39x0.css} +23 -23
- package/dist/css/cjs/components/Avatar/Avatar.css +23 -23
- package/dist/css/cjs/components/Slider/Slider.config.js +1 -1
- package/dist/css/cjs/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/{es/components/Slider/Slider.config_1c88jzq.css → cjs/components/Slider/Slider.config_ved8a7.css} +3 -3
- package/dist/css/cjs/components/Slider/Slider.css +10 -10
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js.map +1 -1
- package/dist/css/{es/components/TextFieldSlider/TextFieldSlider.clear.config_pciexy.css → cjs/components/TextFieldSlider/TextFieldSlider.clear.config_j7mrk2.css} +9 -9
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.config.js +1 -1
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.config.js.map +1 -1
- package/dist/css/{es/components/TextFieldSlider/TextFieldSlider.config_dozoal.css → cjs/components/TextFieldSlider/TextFieldSlider.config_1vmh1ic.css} +9 -9
- package/dist/css/cjs/components/TextFieldSlider/TextFieldSlider.css +34 -34
- package/dist/css/cjs/index.css +68 -68
- package/dist/css/cjs/index.js +6 -2
- package/dist/css/cjs/index.js.map +1 -1
- package/dist/css/es/components/Accordion/Accordion.js +1 -0
- package/dist/css/es/components/Accordion/Accordion.js.map +1 -1
- package/dist/css/es/components/Avatar/Avatar.config.js +24 -24
- package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/es/components/Avatar/{Avatar.config_txak1q.css → Avatar.config_nh39x0.css} +23 -23
- package/dist/css/es/components/Avatar/Avatar.css +23 -23
- package/dist/css/es/components/Slider/Slider.config.js +1 -1
- package/dist/css/es/components/Slider/Slider.config.js.map +1 -1
- package/dist/css/{cjs/components/Slider/Slider.config_1c88jzq.css → es/components/Slider/Slider.config_ved8a7.css} +3 -3
- package/dist/css/es/components/Slider/Slider.css +10 -10
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.clear.config.js +1 -1
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.clear.config.js.map +1 -1
- package/dist/css/{cjs/components/TextFieldSlider/TextFieldSlider.clear.config_pciexy.css → es/components/TextFieldSlider/TextFieldSlider.clear.config_j7mrk2.css} +9 -9
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.config.js +1 -1
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.config.js.map +1 -1
- package/dist/css/{cjs/components/TextFieldSlider/TextFieldSlider.config_dozoal.css → es/components/TextFieldSlider/TextFieldSlider.config_1vmh1ic.css} +9 -9
- package/dist/css/es/components/TextFieldSlider/TextFieldSlider.css +34 -34
- package/dist/css/es/index.css +68 -68
- package/dist/css/es/index.js +1 -1
- package/dist/styled-components/cjs/components/Accordion/Accordion.js +11 -3
- package/dist/styled-components/cjs/components/Accordion/index.js +1 -2
- package/dist/styled-components/cjs/components/Notification/index.js +3 -0
- package/dist/styled-components/cjs/components/Slider/Slider.config.js +3 -5
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.clear.config.js +23 -18
- package/dist/styled-components/cjs/components/TextFieldSlider/TextFieldSlider.config.js +23 -18
- package/dist/styled-components/es/components/Accordion/Accordion.js +2 -1
- package/dist/styled-components/es/components/Accordion/index.js +1 -2
- package/dist/styled-components/es/components/Notification/index.js +1 -1
- package/dist/styled-components/es/components/Slider/Slider.config.js +3 -5
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.clear.config.js +23 -18
- package/dist/styled-components/es/components/TextFieldSlider/TextFieldSlider.config.js +23 -18
- package/package.json +13 -13
- package/types/components/Accordion/Accordion.d.ts +2 -0
- package/types/components/Accordion/index.d.ts +1 -2
- package/types/components/DatePicker/DatePicker.d.ts +4 -0
- package/types/components/Drawer/Drawer.d.ts +1 -0
- package/types/components/Notification/index.d.ts +1 -1
- package/types/components/Range/Range.d.ts +144 -0
- package/types/components/Tabs/TabItem.d.ts +4 -2
- package/types/components/Tokens/Colors/Colors.styles.d.ts +2 -0
- package/types/components/Tokens/Typography/Typography.styles.d.ts +2 -0
- package/types/mixins/index.d.ts +1 -1
package/dist/css/cjs/index.js
CHANGED
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var css = require('@salutejs/plasma-new-hope/css');
|
|
6
5
|
var Accordion = require('./components/Accordion/Accordion.js');
|
|
6
|
+
var css = require('@salutejs/plasma-new-hope/css');
|
|
7
7
|
var Attach = require('./components/Attach/Attach.js');
|
|
8
8
|
var Autocomplete = require('./components/Autocomplete/Autocomplete.js');
|
|
9
9
|
var Avatar = require('./components/Avatar/Avatar.js');
|
|
@@ -86,6 +86,7 @@ var ViewContainer = require('./components/ViewContainer/ViewContainer.js');
|
|
|
86
86
|
|
|
87
87
|
|
|
88
88
|
|
|
89
|
+
exports.Accordion = Accordion.Accordion;
|
|
89
90
|
Object.defineProperty(exports, 'AccordionItem', {
|
|
90
91
|
enumerable: true,
|
|
91
92
|
get: function () { return css.AccordionItem; }
|
|
@@ -318,6 +319,10 @@ Object.defineProperty(exports, 'toolbarTokens', {
|
|
|
318
319
|
enumerable: true,
|
|
319
320
|
get: function () { return css.toolbarTokens; }
|
|
320
321
|
});
|
|
322
|
+
Object.defineProperty(exports, 'useNotifications', {
|
|
323
|
+
enumerable: true,
|
|
324
|
+
get: function () { return css.useNotifications; }
|
|
325
|
+
});
|
|
321
326
|
Object.defineProperty(exports, 'usePopupBaseContext', {
|
|
322
327
|
enumerable: true,
|
|
323
328
|
get: function () { return css.usePopupContext; }
|
|
@@ -330,7 +335,6 @@ Object.defineProperty(exports, 'useToast', {
|
|
|
330
335
|
enumerable: true,
|
|
331
336
|
get: function () { return css.useToast; }
|
|
332
337
|
});
|
|
333
|
-
exports.Accordion = Accordion.Accordion;
|
|
334
338
|
exports.Attach = Attach.Attach;
|
|
335
339
|
exports.Autocomplete = Autocomplete.Autocomplete;
|
|
336
340
|
exports.Avatar = Avatar.Avatar;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { component, mergeConfig, accordionConfig } from '@salutejs/plasma-new-hope/css';
|
|
2
|
+
export { AccordionItem } from '@salutejs/plasma-new-hope/css';
|
|
2
3
|
import { config } from './Accordion.config.js';
|
|
3
4
|
|
|
4
5
|
var mergedConfig = /*#__PURE__*/mergeConfig(accordionConfig, config);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Accordion.js","sources":["../../../../../src-css/components/Accordion/Accordion.tsx"],"sourcesContent":["import { accordionConfig, component, mergeConfig } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Accordion.config';\n\nconst mergedConfig = mergeConfig(accordionConfig, config);\nconst AccordionComponent = component(mergedConfig);\n\n/**\n * Accordion\n */\nexport const Accordion = AccordionComponent;\n"],"names":["mergedConfig","mergeConfig","accordionConfig","config","AccordionComponent","component","Accordion"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Accordion.js","sources":["../../../../../src-css/components/Accordion/Accordion.tsx"],"sourcesContent":["import { accordionConfig, component, mergeConfig, AccordionItem } from '@salutejs/plasma-new-hope/css';\n\nimport { config } from './Accordion.config';\n\nconst mergedConfig = mergeConfig(accordionConfig, config);\nconst AccordionComponent = component(mergedConfig);\n\n/**\n * Accordion\n */\nexport const Accordion = AccordionComponent;\n\nexport { AccordionItem };\n"],"names":["mergedConfig","mergeConfig","accordionConfig","config","AccordionComponent","component","Accordion"],"mappings":";;;;AAIA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,eAAe,EAAEC,MAAM,CAAC,CAAA;AACzD,IAAMC,kBAAkB,gBAAGC,SAAS,CAACL,YAAY,CAAC,CAAA;;AAElD;AACA;AACA;AACO,IAAMM,SAAS,GAAGF;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './Avatar.
|
|
1
|
+
import './Avatar.config_nh39x0.css';
|
|
2
2
|
var config = {
|
|
3
3
|
defaults: {
|
|
4
4
|
view: 'default',
|
|
@@ -7,40 +7,40 @@ var config = {
|
|
|
7
7
|
},
|
|
8
8
|
variations: {
|
|
9
9
|
view: {
|
|
10
|
-
"default": "
|
|
10
|
+
"default": "drb31t5"
|
|
11
11
|
},
|
|
12
12
|
size: {
|
|
13
13
|
// TODO: #1044 токены типографики в Avatar
|
|
14
|
-
xxl: "
|
|
15
|
-
l: "
|
|
16
|
-
m: "
|
|
17
|
-
s: "
|
|
18
|
-
fit: "
|
|
14
|
+
xxl: "x15togqe",
|
|
15
|
+
l: "lgyjidu",
|
|
16
|
+
m: "m2aeais",
|
|
17
|
+
s: "s1tuzts2",
|
|
18
|
+
fit: "f9n80q7"
|
|
19
19
|
},
|
|
20
20
|
focused: {
|
|
21
|
-
"true": "
|
|
21
|
+
"true": "t1t3marb"
|
|
22
22
|
},
|
|
23
23
|
shape: {
|
|
24
|
-
circled: "
|
|
25
|
-
rounded: "
|
|
24
|
+
circled: "c1yg3231",
|
|
25
|
+
rounded: "r1usp9sx"
|
|
26
26
|
},
|
|
27
27
|
badgeView: {
|
|
28
|
-
"default": "
|
|
29
|
-
accent: "
|
|
30
|
-
positive: "
|
|
31
|
-
warning: "
|
|
32
|
-
negative: "
|
|
33
|
-
dark: "
|
|
34
|
-
light: "
|
|
28
|
+
"default": "dib7r6w",
|
|
29
|
+
accent: "a1t2sgy",
|
|
30
|
+
positive: "paz5t9v",
|
|
31
|
+
warning: "wwbd3rb",
|
|
32
|
+
negative: "nvbq2hs",
|
|
33
|
+
dark: "di7nkby",
|
|
34
|
+
light: "l1gul21i"
|
|
35
35
|
},
|
|
36
36
|
counterView: {
|
|
37
|
-
"default": "
|
|
38
|
-
accent: "
|
|
39
|
-
positive: "
|
|
40
|
-
warning: "
|
|
41
|
-
negative: "
|
|
42
|
-
dark: "
|
|
43
|
-
light: "
|
|
37
|
+
"default": "d1t7a117",
|
|
38
|
+
accent: "atfmoth",
|
|
39
|
+
positive: "plamkwx",
|
|
40
|
+
warning: "w1nt1mts",
|
|
41
|
+
negative: "nmkjwwp",
|
|
42
|
+
dark: "dk7btit",
|
|
43
|
+
light: "l15wnpkw"
|
|
44
44
|
}
|
|
45
45
|
}
|
|
46
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.config.js","sources":["../../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: var(--surface-positive);\n ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n focused: {\n true: css`\n ${tokens.outlineSize}: 0.1rem;\n ${tokens.outlineOffset}: -0.2rem;\n ${tokens.outlineColor}: var(--surface-accent);\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n rounded: css`\n ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: var(--inverse-text-primary);\n ${tokens.badgeBackground}: var(--surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);\n\n ${tokens.badgeColorClear}: var(--text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n accent: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-accent);\n\n ${tokens.badgeColorTransparent}: var(--text-accent);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);\n\n ${tokens.badgeColorClear}: var(--text-accent);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n positive: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-positive);\n\n ${tokens.badgeColorTransparent}: var(--text-positive);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n ${tokens.badgeColorClear}: var(--text-positive);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n warning: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-warning);\n\n ${tokens.badgeColorTransparent}: var(--text-warning);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n ${tokens.badgeColorClear}: var(--text-warning);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n negative: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-negative);\n\n ${tokens.badgeColorTransparent}: var(--text-negative);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);\n\n ${tokens.badgeColorClear}: var(--text-negative);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n dark: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--on-light-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${tokens.badgeColorClear}: var(--on-light-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n light: css`\n ${tokens.badgeColor}: var(--on-light-text-primary);\n ${tokens.badgeBackground}: var(--on-dark-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${tokens.badgeColorClear}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: var(--inverse-text-primary);\n ${tokens.counterBackground}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-accent);\n `,\n positive: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-positive);\n `,\n warning: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-warning);\n `,\n negative: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-negative);\n `,\n dark: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--on-light-surface-solid-default);\n `,\n light: css`\n ${tokens.counterColor}: var(--on-light-text-primary);\n ${tokens.counterBackground}: var(--on-dark-surface-solid-default);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","focused","true","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAO,EAAA,UAAA;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAoCF,UAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAsCA,UAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAON;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;KAKP;AACDT,IAAAA,KAAK,EAAE;AACHU,MAAAA,OAAO,EAIN,UAAA;AACDC,MAAAA,OAAO,EAAA,SAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPV,MAAAA,SAAAA,EASC,SAAA;AACDW,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTjB,MAAAA,SAAAA,EAGC,UAAA;AACDW,MAAAA,MAAM,EAGL,UAAA;AACDC,MAAAA,QAAQ,EAGP,UAAA;AACDC,MAAAA,OAAO,EAGN,SAAA;AACDC,MAAAA,QAAQ,EAGP,SAAA;AACDC,MAAAA,IAAI,EAGH,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;AAIT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Avatar.config.js","sources":["../../../../../src-css/components/Avatar/Avatar.config.ts"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: var(--surface-positive);\n ${tokens.statusOfflineColor}: var(--surface-solid-tertiary);\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: var(--plasma-typo-text-font-family);\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-s-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-s-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-s-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n focused: {\n true: css`\n ${tokens.outlineSize}: 0.1rem;\n ${tokens.outlineOffset}: -0.2rem;\n ${tokens.outlineColor}: var(--surface-accent);\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n rounded: css`\n ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: var(--inverse-text-primary);\n ${tokens.badgeBackground}: var(--surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-secondary);\n\n ${tokens.badgeColorClear}: var(--text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n accent: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-accent);\n\n ${tokens.badgeColorTransparent}: var(--text-accent);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-accent);\n\n ${tokens.badgeColorClear}: var(--text-accent);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n positive: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-positive);\n\n ${tokens.badgeColorTransparent}: var(--text-positive);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n ${tokens.badgeColorClear}: var(--text-positive);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n warning: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-warning);\n\n ${tokens.badgeColorTransparent}: var(--text-warning);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n ${tokens.badgeColorClear}: var(--text-warning);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n negative: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--surface-negative);\n\n ${tokens.badgeColorTransparent}: var(--text-negative);\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-negative);\n\n ${tokens.badgeColorClear}: var(--text-negative);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n dark: css`\n ${tokens.badgeColor}: var(--on-dark-text-primary);\n ${tokens.badgeBackground}: var(--on-light-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-light-surface-transparent-deep);\n\n ${tokens.badgeColorClear}: var(--on-light-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n light: css`\n ${tokens.badgeColor}: var(--on-light-text-primary);\n ${tokens.badgeBackground}: var(--on-dark-surface-solid-default);\n\n ${tokens.badgeColorTransparent}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundTransparent}: var(--on-dark-surface-transparent-card);\n\n ${tokens.badgeColorClear}: var(--on-dark-text-primary);\n ${tokens.badgeBackgroundClear}: var(--surface-clear);\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: var(--inverse-text-primary);\n ${tokens.counterBackground}: var(--surface-solid-default);\n `,\n accent: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-accent);\n `,\n positive: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-positive);\n `,\n warning: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-warning);\n `,\n negative: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--surface-negative);\n `,\n dark: css`\n ${tokens.counterColor}: var(--on-dark-text-primary);\n ${tokens.counterBackground}: var(--on-light-surface-solid-default);\n `,\n light: css`\n ${tokens.counterColor}: var(--on-light-text-primary);\n ${tokens.counterBackground}: var(--on-dark-surface-solid-default);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","focused","true","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE,SAAA;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAO,EAAA,SAAA;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAoCF,UAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAsCA,SAAA;AACDC,MAAAA,CAAC,EAmBA,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAON;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAI,EAAA,UAAA;KAKP;AACDT,IAAAA,KAAK,EAAE;AACHU,MAAAA,OAAO,EAIN,UAAA;AACDC,MAAAA,OAAO,EAAA,UAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPV,MAAAA,SAAAA,EASC,SAAA;AACDW,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,QAAQ,EASP,SAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTjB,MAAAA,SAAAA,EAGC,UAAA;AACDW,MAAAA,MAAM,EAGL,SAAA;AACDC,MAAAA,QAAQ,EAGP,SAAA;AACDC,MAAAA,OAAO,EAGN,UAAA;AACDC,MAAAA,QAAQ,EAGP,SAAA;AACDC,MAAAA,IAAI,EAGH,SAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;AAIT,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
1
|
+
.drb31t5{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-font-family);}
|
|
2
|
+
.x15togqe{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-border-radius:1.125rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
|
|
3
|
+
.lgyjidu{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.75rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
4
|
+
.m2aeais{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.625rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
5
|
+
.s1tuzts2{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;--plasma-avatar-border-radius:0.5rem;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
6
|
+
.f9n80q7{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
|
|
7
|
+
.t1t3marb{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
|
|
8
|
+
.c1yg3231{--plasma-avatar-border-radius:50%;--plasma-avatar-status-left:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);--plasma-avatar-status-top:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);}
|
|
9
|
+
.r1usp9sx{--plasma-avatar-status-left:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));--plasma-avatar-status-top:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));}
|
|
10
|
+
.dib7r6w{--plasma-avatar-extra-badge-color:var(--inverse-text-primary);--plasma-avatar-extra-badge-background:var(--surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--text-primary);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary);--plasma-avatar-extra-badge-color-clear:var(--text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
11
|
+
.a1t2sgy{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-accent);--plasma-avatar-extra-badge-color-transparent:var(--text-accent);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent);--plasma-avatar-extra-badge-color-clear:var(--text-accent);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
12
|
+
.paz5t9v{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-positive);--plasma-avatar-extra-badge-color-transparent:var(--text-positive);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
13
|
+
.wwbd3rb{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-warning);--plasma-avatar-extra-badge-color-transparent:var(--text-warning);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
14
|
+
.nvbq2hs{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-negative);--plasma-avatar-extra-badge-color-transparent:var(--text-negative);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative);--plasma-avatar-extra-badge-color-clear:var(--text-negative);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
15
|
+
.di7nkby{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
16
|
+
.l1gul21i{--plasma-avatar-extra-badge-color:var(--on-light-text-primary);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
17
|
+
.d1t7a117{--plasma-avatar-extra-counter-color:var(--inverse-text-primary);--plasma-avatar-extra-counter-background:var(--surface-solid-default);}
|
|
18
|
+
.atfmoth{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-accent);}
|
|
19
|
+
.plamkwx{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-positive);}
|
|
20
|
+
.w1nt1mts{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-warning);}
|
|
21
|
+
.nmkjwwp{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-negative);}
|
|
22
|
+
.dk7btit{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default);}
|
|
23
|
+
.l15wnpkw{--plasma-avatar-extra-counter-color:var(--on-light-text-primary);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default);}
|
|
@@ -1,23 +1,23 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
23
|
-
.
|
|
1
|
+
.Avatar_config_nh39x0_drb31t5__3c448701{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-text-font-family);}
|
|
2
|
+
.Avatar_config_nh39x0_x15togqe__3c448701{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-border-radius:1.125rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
|
|
3
|
+
.Avatar_config_nh39x0_lgyjidu__3c448701{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.75rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
4
|
+
.Avatar_config_nh39x0_m2aeais__3c448701{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.625rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
5
|
+
.Avatar_config_nh39x0_s1tuzts2__3c448701{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;--plasma-avatar-border-radius:0.5rem;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
6
|
+
.Avatar_config_nh39x0_f9n80q7__3c448701{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
|
|
7
|
+
.Avatar_config_nh39x0_t1t3marb__3c448701{--plasma-avatar-outline-size:0.1rem;--plasma-avatar-outline-offset:-0.2rem;--plasma-avatar-outline-color:var(--surface-accent);}
|
|
8
|
+
.Avatar_config_nh39x0_c1yg3231__3c448701{--plasma-avatar-border-radius:50%;--plasma-avatar-status-left:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);--plasma-avatar-status-top:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);}
|
|
9
|
+
.Avatar_config_nh39x0_r1usp9sx__3c448701{--plasma-avatar-status-left:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));--plasma-avatar-status-top:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));}
|
|
10
|
+
.Avatar_config_nh39x0_dib7r6w__3c448701{--plasma-avatar-extra-badge-color:var(--inverse-text-primary);--plasma-avatar-extra-badge-background:var(--surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--text-primary);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary);--plasma-avatar-extra-badge-color-clear:var(--text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
11
|
+
.Avatar_config_nh39x0_a1t2sgy__3c448701{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-accent);--plasma-avatar-extra-badge-color-transparent:var(--text-accent);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent);--plasma-avatar-extra-badge-color-clear:var(--text-accent);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
12
|
+
.Avatar_config_nh39x0_paz5t9v__3c448701{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-positive);--plasma-avatar-extra-badge-color-transparent:var(--text-positive);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
13
|
+
.Avatar_config_nh39x0_wwbd3rb__3c448701{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-warning);--plasma-avatar-extra-badge-color-transparent:var(--text-warning);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
14
|
+
.Avatar_config_nh39x0_nvbq2hs__3c448701{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--surface-negative);--plasma-avatar-extra-badge-color-transparent:var(--text-negative);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative);--plasma-avatar-extra-badge-color-clear:var(--text-negative);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
15
|
+
.Avatar_config_nh39x0_di7nkby__3c448701{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
16
|
+
.Avatar_config_nh39x0_l1gul21i__3c448701{--plasma-avatar-extra-badge-color:var(--on-light-text-primary);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary);--plasma-avatar-extra-badge-background-clear:var(--surface-clear);}
|
|
17
|
+
.Avatar_config_nh39x0_d1t7a117__3c448701{--plasma-avatar-extra-counter-color:var(--inverse-text-primary);--plasma-avatar-extra-counter-background:var(--surface-solid-default);}
|
|
18
|
+
.Avatar_config_nh39x0_atfmoth__3c448701{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-accent);}
|
|
19
|
+
.Avatar_config_nh39x0_plamkwx__3c448701{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-positive);}
|
|
20
|
+
.Avatar_config_nh39x0_w1nt1mts__3c448701{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-warning);}
|
|
21
|
+
.Avatar_config_nh39x0_nmkjwwp__3c448701{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--surface-negative);}
|
|
22
|
+
.Avatar_config_nh39x0_dk7btit__3c448701{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default);}
|
|
23
|
+
.Avatar_config_nh39x0_l15wnpkw__3c448701{--plasma-avatar-extra-counter-color:var(--on-light-text-primary);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Slider.config.js","sources":["../../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n pointerSize: 'small',\n tickType: 'bullet',\n },\n variations: {\n view: {\n default: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-solid-default);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-solid-default);\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-solid-default);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n accent: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-accent);\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-accent);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n gradient: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n },\n size: {\n l: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3.5rem;\n ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3rem;\n ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${sliderTokens.size}: 1rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 2.5rem;\n ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n pointerSize: {\n small: css`\n ${sliderTokens.thumbSize}: 1rem;\n ${sliderTokens.thumbBorderStyle}: solid;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n large: css`\n ${sliderTokens.thumbSize}: 1.25rem;\n ${sliderTokens.thumbBorderStyle}: solid;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 1rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n none: css`\n ${sliderTokens.thumbSize}: 0rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${sliderTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","pointerSize","tickType","variations","default","accent","gradient","l","m","s","small","large","none","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,QAAQ,EAAE,QAAA;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAwBC,SAAA;AACDC,MAAAA,MAAM,EAwBL,QAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAyBX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAiDA,SAAA;AACDC,MAAAA,CAAC,EAiDA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAkDJ;AACDR,IAAAA,WAAW,EAAE;AACTS,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,KAAK,EAQJ,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Slider.config.js","sources":["../../../../../src-css/components/Slider/Slider.config.ts"],"sourcesContent":["import { css, sliderTokens } from '@salutejs/plasma-new-hope/css';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n pointerSize: 'small',\n tickType: 'bullet',\n },\n variations: {\n view: {\n default: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-solid-default);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-solid-default);\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-solid-default);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n accent: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-accent);\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-accent);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n gradient: css`\n ${sliderTokens.labelColor}: var(--text-primary);\n\n ${sliderTokens.rangeValueColor}: var(--text-secondary);\n\n ${sliderTokens.thumbBorderColor}: var(--surface-solid-tertiary);\n ${sliderTokens.thumbBackgroundColor}: var(--on-light-surface-solid-card);\n ${sliderTokens.thumbFocusBorderColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.railBackgroundColor}: var(--surface-solid-tertiary);\n\n ${sliderTokens.fillColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.tickDotColor}: var(--surface-solid-tertiary);\n ${sliderTokens.tickDotFilledColor}: var(--surface-accent-gradient);\n\n ${sliderTokens.textFieldCaretColor}: var(--text-accent);\n ${sliderTokens.textFieldColor}: var(--text-primary);\n ${sliderTokens.textFiledFocusColor}: var(--text-primary);\n ${sliderTokens.textFieldPlaceholderColor}: var(--text-secondary);\n\n ${sliderTokens.textFieldBackgroundColor}: var(--surface-transparent-primary);\n ${sliderTokens.textFieldBackgroundColorHover}: var(--surface-transparent-primary-hover);\n ${sliderTokens.textFieldBackgroundColorFocus}: var(--surface-transparent-secondary);\n `,\n },\n size: {\n l: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 1rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-l-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-l-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-l-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.875rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.75rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.625rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3.5rem;\n ${sliderTokens.textFieldPadding}: 1.25rem 1rem 1.25rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-l-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-l-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-l-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-l-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${sliderTokens.size}: 1.5rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.75rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.75rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.75rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.875rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.625rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.75rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 3rem;\n ${sliderTokens.textFieldPadding}: 0.875rem 1rem 0.875rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.75rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-m-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-m-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-m-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-m-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${sliderTokens.size}: 1rem;\n ${sliderTokens.doubleWrapperGap}: 0.375rem;\n\n ${sliderTokens.labelWrapperGap}: 0.25rem;\n ${sliderTokens.labelWrapperMarginBottom}: 0.25rem;\n ${sliderTokens.labelWrapperMarginRight}: 1rem;\n ${sliderTokens.labelWrapperOnlyIconMarginRight}: 0.625rem;\n ${sliderTokens.labelWrapperVerticalMargin}: 0.625rem;\n\n ${sliderTokens.labelFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.labelFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.labelFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.labelFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.labelLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.labelLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${sliderTokens.rangeValueHorizontalMargin}: 0.5rem;\n ${sliderTokens.rangeValueBottomOffset}: 0.625rem;\n ${sliderTokens.rangeValueHorizontalOffset}: 0.625rem;\n ${sliderTokens.rangeValueVerticalMargin}: 0.5rem;\n\n ${sliderTokens.valueFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${sliderTokens.valueFontSize}: var(--plasma-typo-body-xs-font-size);\n ${sliderTokens.valueFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${sliderTokens.valueFontWeight}: var(--plasma-typo-body-xs-font-weight);\n ${sliderTokens.valueLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${sliderTokens.valueLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${sliderTokens.tickSize}: 0.5rem;\n ${sliderTokens.tickSeparatorGap}: 0.5rem;\n\n ${sliderTokens.currentValueTopOffset}: 1.25rem;\n\n ${sliderTokens.railThickness}: 0.25rem;\n ${sliderTokens.railBorderRadius}: 0.125rem;\n ${sliderTokens.trackSegmentBorderRadius}: 1000px;\n\n ${sliderTokens.textFieldWrapperGap}: 0.125rem;\n\n ${sliderTokens.textFieldHeight}: 2.5rem;\n ${sliderTokens.textFieldPadding}: 0.5rem 1rem 0.5rem 1rem;\n ${sliderTokens.textFieldBorderRadius}: 0.625rem;\n ${sliderTokens.textFieldFontFamily}: var(--plasma-typo-body-s-font-family);\n ${sliderTokens.textFieldFontSize}: var(--plasma-typo-body-s-font-size);\n ${sliderTokens.textFieldFontStyle}: var(--plasma-typo-body-s-font-style);\n ${sliderTokens.textFieldFontWeight}: var(--plasma-typo-body-s-font-weight);\n ${sliderTokens.textFieldLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${sliderTokens.textFieldLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n },\n pointerSize: {\n small: css`\n ${sliderTokens.thumbWidth}: 1rem;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n large: css`\n ${sliderTokens.thumbWidth}: 1.25rem;\n ${sliderTokens.thumbBorderWidth}: 0.0625rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 1rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n none: css`\n ${sliderTokens.thumbWidth}: 0rem;\n\n ${sliderTokens.tickSeparatorWidth}: 0.25rem;\n ${sliderTokens.tickSeparatorHeight}: 0.5rem;\n ${sliderTokens.tickSeparatorBorderRadius}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${sliderTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","pointerSize","tickType","variations","default","accent","gradient","l","m","s","small","large","none","disabled","true"],"mappings":"AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,WAAW,EAAE,OAAO;AACpBC,IAAAA,QAAQ,EAAE,QAAA;GACb;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,SAAAA,EAwBC,SAAA;AACDC,MAAAA,MAAM,EAwBL,QAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAyBX;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAiDA,SAAA;AACDC,MAAAA,CAAC,EAiDA,SAAA;AACDC,MAAAA,CAAC,EAAA,SAAA;KAkDJ;AACDR,IAAAA,WAAW,EAAE;AACTS,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAOP;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
.llm3h8c{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:1rem;--plasma-slider-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.875rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.75rem;--plasma-slider-value-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.625rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3.5rem;--plasma-slider-text-field-padding:1.25rem 1rem 1.25rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-l-line-height);}
|
|
5
5
|
.mog9szd{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.75rem;--plasma-slider-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.75rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.625rem;--plasma-slider-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.75rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3rem;--plasma-slider-text-field-padding:0.875rem 1rem 0.875rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-m-line-height);}
|
|
6
6
|
.shhrpp3{--plasma-slider-size:1rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.625rem;--plasma-slider-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-range-value-horizontal-margin:0.5rem;--plasma-slider-range-value-bottom-offset:0.625rem;--plasma-slider-range-value-horizontal-offset:0.625rem;--plasma-slider-range-value-vertical-margin:0.5rem;--plasma-slider-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.25rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:2.5rem;--plasma-slider-text-field-padding:0.5rem 1rem 0.5rem 1rem;--plasma-slider-text-field-border-radius:0.625rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-s-line-height);}
|
|
7
|
-
.sugcj18{--plasma-slider-thumb-
|
|
8
|
-
.lttsb93{--plasma-slider-thumb-
|
|
9
|
-
.ne87g56{--plasma-slider-thumb-
|
|
7
|
+
.sugcj18{--plasma-slider-thumb-width:1rem;--plasma-slider-thumb-border-width:0.0625rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:0.5rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
8
|
+
.lttsb93{--plasma-slider-thumb-width:1.25rem;--plasma-slider-thumb-border-width:0.0625rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:1rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
9
|
+
.ne87g56{--plasma-slider-thumb-width:0rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:0.5rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
10
10
|
.tk9zm35{--plasma-slider-disabled-opacity:0.4;}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
1
|
+
.Slider_config_ved8a7_d6l4g7t__3ccf3983{--plasma-slider-label-color:var(--text-primary);--plasma-slider-range-value-color:var(--text-secondary);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card);--plasma-slider-thumb-focus-border-color:var(--surface-solid-default);--plasma-slider-rail-background-color:var(--surface-solid-tertiary);--plasma-slider-fill-color:var(--surface-solid-default);--plasma-slider-tick-dot-color:var(--surface-solid-tertiary);--plasma-slider-tick-dot-filled-color:var(--surface-solid-default);--plasma-slider-text-field-caret-color:var(--text-accent);--plasma-slider-text-field-color:var(--text-primary);--plasma-slider-text-field-focus-color:var(--text-primary);--plasma-slider-text-field-placeholder-color:var(--text-secondary);--plasma-slider-text-field-background-color:var(--surface-transparent-primary);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary);}
|
|
2
|
+
.Slider_config_ved8a7_arixt6__3ccf3983{--plasma-slider-label-color:var(--text-primary);--plasma-slider-range-value-color:var(--text-secondary);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card);--plasma-slider-thumb-focus-border-color:var(--surface-accent);--plasma-slider-rail-background-color:var(--surface-solid-tertiary);--plasma-slider-fill-color:var(--surface-accent);--plasma-slider-tick-dot-color:var(--surface-solid-tertiary);--plasma-slider-tick-dot-filled-color:var(--surface-accent);--plasma-slider-text-field-caret-color:var(--text-accent);--plasma-slider-text-field-color:var(--text-primary);--plasma-slider-text-field-focus-color:var(--text-primary);--plasma-slider-text-field-placeholder-color:var(--text-secondary);--plasma-slider-text-field-background-color:var(--surface-transparent-primary);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary);}
|
|
3
|
+
.Slider_config_ved8a7_g15uwhki__3ccf3983{--plasma-slider-label-color:var(--text-primary);--plasma-slider-range-value-color:var(--text-secondary);--plasma-slider-thumb-border-color:var(--surface-solid-tertiary);--plasma-slider-thumb-background-color:var(--on-light-surface-solid-card);--plasma-slider-thumb-focus-border-color:var(--surface-accent-gradient);--plasma-slider-rail-background-color:var(--surface-solid-tertiary);--plasma-slider-fill-color:var(--surface-accent-gradient);--plasma-slider-tick-dot-color:var(--surface-solid-tertiary);--plasma-slider-tick-dot-filled-color:var(--surface-accent-gradient);--plasma-slider-text-field-caret-color:var(--text-accent);--plasma-slider-text-field-color:var(--text-primary);--plasma-slider-text-field-focus-color:var(--text-primary);--plasma-slider-text-field-placeholder-color:var(--text-secondary);--plasma-slider-text-field-background-color:var(--surface-transparent-primary);--plasma-slider-text-field-background-color-hover:var(--surface-transparent-primary-hover);--plasma-slider-text-field-background-color-focus:var(--surface-transparent-secondary);}
|
|
4
|
+
.Slider_config_ved8a7_llm3h8c__3ccf3983{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:1rem;--plasma-slider-label-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-l-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.875rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.75rem;--plasma-slider-value-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.625rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3.5rem;--plasma-slider-text-field-padding:1.25rem 1rem 1.25rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-l-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-l-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-l-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-l-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-l-line-height);}
|
|
5
|
+
.Slider_config_ved8a7_mog9szd__3ccf3983{--plasma-slider-size:1.5rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.75rem;--plasma-slider-label-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-m-line-height);--plasma-slider-range-value-horizontal-margin:0.75rem;--plasma-slider-range-value-bottom-offset:0.75rem;--plasma-slider-range-value-horizontal-offset:0.875rem;--plasma-slider-range-value-vertical-margin:0.625rem;--plasma-slider-value-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.75rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:3rem;--plasma-slider-text-field-padding:0.875rem 1rem 0.875rem 1rem;--plasma-slider-text-field-border-radius:0.75rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-m-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-m-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-m-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-m-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-m-line-height);}
|
|
6
|
+
.Slider_config_ved8a7_shhrpp3__3ccf3983{--plasma-slider-size:1rem;--plasma-slider-double-wrapper-gap:0.375rem;--plasma-slider-label-wrapper-gap:0.25rem;--plasma-slider-label-wrapper-margin-bottom:0.25rem;--plasma-slider-label-wrapper-margin-right:1rem;--plasma-slider-label-wrapper-only-icon-margin-right:0.625rem;--plasma-slider-label-wrapper-vertical-margin:0.625rem;--plasma-slider-label-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-label-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-label-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-label-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-label-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-label-line-height:var(--plasma-typo-body-s-line-height);--plasma-slider-range-value-horizontal-margin:0.5rem;--plasma-slider-range-value-bottom-offset:0.625rem;--plasma-slider-range-value-horizontal-offset:0.625rem;--plasma-slider-range-value-vertical-margin:0.5rem;--plasma-slider-value-font-family:var(--plasma-typo-body-xs-font-family);--plasma-slider-value-font-size:var(--plasma-typo-body-xs-font-size);--plasma-slider-value-font-style:var(--plasma-typo-body-xs-font-style);--plasma-slider-value-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-slider-value-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-slider-value-line-height:var(--plasma-typo-body-xs-line-height);--plasma-slider-tick-size:0.5rem;--plasma-slider-tick-separator-gap:0.5rem;--plasma-slider-current-value-top-offset:1.25rem;--plasma-slider-rail-thickness:0.25rem;--plasma-slider-rail-border-radius:0.125rem;--plasma-slider-track-segment-border-radius:1000px;--plasma-slider-text-field-wrapper-gap:0.125rem;--plasma-slider-text-field-height:2.5rem;--plasma-slider-text-field-padding:0.5rem 1rem 0.5rem 1rem;--plasma-slider-text-field-border-radius:0.625rem;--plasma-slider-text-field-font-family:var(--plasma-typo-body-s-font-family);--plasma-slider-text-field-font-size:var(--plasma-typo-body-s-font-size);--plasma-slider-text-field-font-style:var(--plasma-typo-body-s-font-style);--plasma-slider-text-field-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-slider-text-field-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-slider-text-field-line-height:var(--plasma-typo-body-s-line-height);}
|
|
7
|
+
.Slider_config_ved8a7_sugcj18__3ccf3983{--plasma-slider-thumb-width:1rem;--plasma-slider-thumb-border-width:0.0625rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:0.5rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
8
|
+
.Slider_config_ved8a7_lttsb93__3ccf3983{--plasma-slider-thumb-width:1.25rem;--plasma-slider-thumb-border-width:0.0625rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:1rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
9
|
+
.Slider_config_ved8a7_ne87g56__3ccf3983{--plasma-slider-thumb-width:0rem;--plasma-slider-tick-separator-width:0.25rem;--plasma-slider-tick-separator-height:0.5rem;--plasma-slider-tick-separator-border-radius:0.25rem;}
|
|
10
|
+
.Slider_config_ved8a7_tk9zm35__3ccf3983{--plasma-slider-disabled-opacity:0.4;}
|