@salutejs/sdds-serv 0.316.1-canary.2079.16199559995.0 → 0.316.1-canary.2079.16288006677.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/ButtonGroup/ButtonGroup.config.d.ts +0 -5
- package/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css} +10 -15
- package/components/ButtonGroup/ButtonGroup.css +21 -26
- package/components/ButtonGroup/ButtonGroup.d.ts +0 -5
- package/emotion/cjs/components/ButtonGroup/ButtonGroup.config.js +41 -142
- package/emotion/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
- package/es/components/ButtonGroup/ButtonGroup.config.js +15 -20
- package/es/components/ButtonGroup/ButtonGroup.config.js.map +1 -1
- package/es/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css} +10 -15
- package/es/components/ButtonGroup/ButtonGroup.css +21 -26
- package/es/index.css +21 -26
- package/package.json +3 -3
- package/styled-components/cjs/components/ButtonGroup/ButtonGroup.config.js +41 -142
- package/styled-components/es/components/ButtonGroup/ButtonGroup.config.js +42 -143
|
@@ -18,15 +18,10 @@ export declare const config: {
|
|
|
18
18
|
};
|
|
19
19
|
size: {
|
|
20
20
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
21
|
-
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
22
21
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
23
|
-
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
24
22
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
25
|
-
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
26
23
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
27
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
28
24
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
29
|
-
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
30
25
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
31
26
|
};
|
|
32
27
|
orientation: {
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
require('./ButtonGroup.
|
|
1
|
+
require('./ButtonGroup.config_ge3vo5.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -23,33 +23,28 @@ var config = {
|
|
|
23
23
|
},
|
|
24
24
|
size: {
|
|
25
25
|
xl: "x1g3omzu",
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
s: "s97067l",
|
|
32
|
-
sr: "s1xcwbx9",
|
|
33
|
-
xs: "x1fuvc6m",
|
|
34
|
-
xsr: "xsjqy1i",
|
|
35
|
-
xxs: "xmgmq8o"
|
|
26
|
+
l: "l1116k6l",
|
|
27
|
+
m: "m15t0nuq",
|
|
28
|
+
s: "s316r83",
|
|
29
|
+
xs: "xzu697",
|
|
30
|
+
xxs: "x16bzis9"
|
|
36
31
|
},
|
|
37
32
|
orientation: {
|
|
38
|
-
horizontal: "
|
|
39
|
-
vertical: "
|
|
33
|
+
horizontal: "h97067l",
|
|
34
|
+
vertical: "v1xcwbx9"
|
|
40
35
|
},
|
|
41
36
|
gap: {
|
|
42
|
-
none: "
|
|
43
|
-
dense: "
|
|
44
|
-
wide: "
|
|
37
|
+
none: "n1fuvc6m",
|
|
38
|
+
dense: "dsjqy1i",
|
|
39
|
+
wide: "wmgmq8o"
|
|
45
40
|
},
|
|
46
41
|
shape: {
|
|
47
|
-
segmented: "
|
|
48
|
-
"default": "
|
|
42
|
+
segmented: "s1udxooc",
|
|
43
|
+
"default": "dbb1ace"
|
|
49
44
|
},
|
|
50
45
|
stretching: {
|
|
51
|
-
auto: "
|
|
52
|
-
filled: "
|
|
46
|
+
auto: "anyer5h",
|
|
47
|
+
filled: "f1g2rt4j"
|
|
53
48
|
}
|
|
54
49
|
}
|
|
55
50
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonGroup.config.js","sources":["../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens, buttonGroupClasses } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n xl: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonPadding}: 1.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n xlr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n lr: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n mr: css`\n &.${buttonGroupClasses.segmented} {\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n sr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xsr: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,UAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,CAAC,EAcA,QAAA;AACDC,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,GAAG,EAYF,SAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,UAAA;AACDC,MAAAA,QAAQ,EAAA,SAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,SAAA;AACDC,MAAAA,KAAK,EAEJ,UAAA;AACDC,MAAAA,IAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,SAAA;MAChB7B,SAAO,EAAA,UAAA;KACV;AACD8B,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAA,UAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"ButtonGroup.config.js","sources":["../../src-css/components/ButtonGroup/ButtonGroup.config.ts"],"sourcesContent":["import { css, buttonGroupTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonGroupTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--inverse-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-solid-default-active);\n `,\n accent: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonGroupTokens.buttonColor}: var(--text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--text-primary-hover);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-clear);\n ${buttonGroupTokens.buttonColorActive}: var(--text-primary-active);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-clear);\n `,\n success: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-transparent-deep-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-transparent-deep-active);\n `,\n black: css`\n ${buttonGroupTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-light-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-dark-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-light-surface-solid-default-active);\n `,\n white: css`\n ${buttonGroupTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonGroupTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonGroupTokens.buttonLoadingBackgroundColor}: var(${buttonGroupTokens.buttonBackgroundColor});\n ${buttonGroupTokens.buttonColorHover}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorHover}: var(--on-dark-surface-solid-default-hover);\n ${buttonGroupTokens.buttonColorActive}: var(--on-light-text-primary);\n ${buttonGroupTokens.buttonBackgroundColorActive}: var(--on-dark-surface-solid-default-active);\n `,\n },\n size: {\n xl: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 1rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 1rem;\n\n ${buttonGroupTokens.buttonHeight}: 4rem;\n ${buttonGroupTokens.buttonPadding}: 1.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n l: css`\n ${buttonGroupTokens.buttonDefaultRadius}: 0.875rem;\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.875rem;\n\n ${buttonGroupTokens.buttonHeight}: 3.5rem;\n ${buttonGroupTokens.buttonPadding}: 1.5rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n `,\n m: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.75rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.75rem;\n\n ${buttonGroupTokens.buttonHeight}: 3rem;\n ${buttonGroupTokens.buttonPadding}: 1.25rem;\n\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n `,\n s: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.25rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.625rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.625rem;\n\n ${buttonGroupTokens.buttonHeight}: 2.5rem;\n ${buttonGroupTokens.buttonPadding}: 1rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n `,\n xs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.5rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.5rem;\n\n ${buttonGroupTokens.buttonHeight}: 2rem;\n ${buttonGroupTokens.buttonPadding}: 0.75rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n xxs: css`\n ${buttonGroupTokens.buttonSegmentedRadius}: 0.125rem;\n ${buttonGroupTokens.buttonDefaultRadius}: 0.375rem;\n ${buttonGroupTokens.buttonSideRadius}: 0.375rem;\n\n ${buttonGroupTokens.buttonHeight}: 1.5rem;\n ${buttonGroupTokens.buttonPadding}: 0.625rem;\n ${buttonGroupTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonGroupTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonGroupTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonGroupTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonGroupTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonGroupTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n `,\n },\n orientation: {\n horizontal: css`\n ${buttonGroupTokens.buttonGroupOrientation}: row;\n `,\n vertical: css`\n ${buttonGroupTokens.buttonGroupOrientation}: column;\n `,\n },\n gap: {\n none: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0;\n `,\n dense: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.125rem;\n `,\n wide: css`\n ${buttonGroupTokens.buttonGroupItemsGap}: 0.5rem;\n `,\n },\n shape: {\n segmented: css``,\n default: css``,\n },\n stretching: {\n auto: css``,\n filled: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","orientation","horizontal","vertical","gap","none","dense","wide","shape","segmented","stretching","auto","filled"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EASC,UAAA;AACDC,MAAAA,MAAM,EASL,SAAA;AACDC,MAAAA,SAAS,EASR,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,OAAO,EASN,SAAA;AACDC,MAAAA,OAAO,EASN,UAAA;AACDC,MAAAA,QAAQ,EASP,UAAA;AACDC,MAAAA,IAAI,EASH,SAAA;AACDC,MAAAA,KAAK,EASJ,SAAA;AACDC,MAAAA,KAAK,EAAA,SAAA;KAUR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAaD,UAAA;AACDC,MAAAA,CAAC,EAaA,UAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,CAAC,EAaA,SAAA;AACDC,MAAAA,EAAE,EAaD,QAAA;AACDC,MAAAA,GAAG,EAAA,UAAA;KAcN;AACDC,IAAAA,WAAW,EAAE;AACTC,MAAAA,UAAU,EAET,SAAA;AACDC,MAAAA,QAAQ,EAAA,UAAA;KAGX;AACDC,IAAAA,GAAG,EAAE;AACDC,MAAAA,IAAI,EAEH,UAAA;AACDC,MAAAA,KAAK,EAEJ,SAAA;AACDC,MAAAA,IAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,KAAK,EAAE;AACHC,MAAAA,SAAS,EAAO,UAAA;MAChBxB,SAAO,EAAA,SAAA;KACV;AACDyB,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAA,UAAA;AACV,KAAA;AACJ,GAAA;AACJ;;;;"}
|
package/components/ButtonGroup/{ButtonGroup.config_107oyqt.css → ButtonGroup.config_ge3vo5.css}
RENAMED
|
@@ -9,21 +9,16 @@
|
|
|
9
9
|
.bp70rs0{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
|
|
10
10
|
.wmie5p2{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
|
|
11
11
|
.x1g3omzu{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-padding:1.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.h1udxooc{--plasma-button-group-orientation:row;}
|
|
23
|
-
.vbb1ace{--plasma-button-group-orientation:column;}
|
|
24
|
-
.nnyer5h{--plasma-button-group-items-gap:0;}
|
|
25
|
-
.d1g2rt4j{--plasma-button-group-items-gap:0.125rem;}
|
|
26
|
-
.w1xdd6tf{--plasma-button-group-items-gap:0.5rem;}
|
|
12
|
+
.l1116k6l{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
13
|
+
.m15t0nuq{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
|
|
14
|
+
.s316r83{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
|
|
15
|
+
.xzu697{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
16
|
+
.x16bzis9{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
17
|
+
.h97067l{--plasma-button-group-orientation:row;}
|
|
18
|
+
.v1xcwbx9{--plasma-button-group-orientation:column;}
|
|
19
|
+
.n1fuvc6m{--plasma-button-group-items-gap:0;}
|
|
20
|
+
.dsjqy1i{--plasma-button-group-items-gap:0.125rem;}
|
|
21
|
+
.wmgmq8o{--plasma-button-group-items-gap:0.5rem;}
|
|
27
22
|
|
|
28
23
|
|
|
29
24
|
|
|
@@ -1,29 +1,24 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.ButtonGroup_config_107oyqt_h1udxooc__f5b4a4c5{--plasma-button-group-orientation:row;}
|
|
23
|
-
.ButtonGroup_config_107oyqt_vbb1ace__f5b4a4c5{--plasma-button-group-orientation:column;}
|
|
24
|
-
.ButtonGroup_config_107oyqt_nnyer5h__f5b4a4c5{--plasma-button-group-items-gap:0;}
|
|
25
|
-
.ButtonGroup_config_107oyqt_d1g2rt4j__f5b4a4c5{--plasma-button-group-items-gap:0.125rem;}
|
|
26
|
-
.ButtonGroup_config_107oyqt_w1xdd6tf__f5b4a4c5{--plasma-button-group-items-gap:0.5rem;}
|
|
1
|
+
.ButtonGroup_config_ge3vo5_d1n1yjnm__40fb8bed{--plasma-button-group-item-color:var(--inverse-text-primary);--plasma-button-group-item-value-color:var(--inverse-text-secondary);--plasma-button-group-item-background-color:var(--surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--inverse-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-solid-default-hover);--plasma-button-group-item-color-active:var(--inverse-text-primary);--plasma-button-group-item-background-color-active:var(--surface-solid-default-active);}
|
|
2
|
+
.ButtonGroup_config_ge3vo5_aqck75c__40fb8bed{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-accent);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-accent-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-accent-active);}
|
|
3
|
+
.ButtonGroup_config_ge3vo5_sz65cne__40fb8bed{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-transparent-secondary);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary);--plasma-button-group-item-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-group-item-color-active:var(--text-primary);--plasma-button-group-item-background-color-active:var(--surface-transparent-secondary-active);}
|
|
4
|
+
.ButtonGroup_config_ge3vo5_c5fo1by__40fb8bed{--plasma-button-group-item-color:var(--text-primary);--plasma-button-group-item-value-color:var(--text-secondary);--plasma-button-group-item-background-color:var(--surface-clear);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--text-primary-hover);--plasma-button-group-item-background-color-hover:var(--surface-clear);--plasma-button-group-item-color-active:var(--text-primary-active);--plasma-button-group-item-background-color-active:var(--surface-clear);}
|
|
5
|
+
.ButtonGroup_config_ge3vo5_sovvipf__40fb8bed{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-positive);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-positive-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-positive-active);}
|
|
6
|
+
.ButtonGroup_config_ge3vo5_w1tax4m1__40fb8bed{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-warning);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-warning-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-warning-active);}
|
|
7
|
+
.ButtonGroup_config_ge3vo5_c1k2o0xu__40fb8bed{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--surface-negative);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--surface-negative-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--surface-negative-active);}
|
|
8
|
+
.ButtonGroup_config_ge3vo5_d2bys7z__40fb8bed{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-transparent-deep);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-transparent-deep-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-transparent-deep-active);}
|
|
9
|
+
.ButtonGroup_config_ge3vo5_bp70rs0__40fb8bed{--plasma-button-group-item-color:var(--on-dark-text-primary);--plasma-button-group-item-value-color:var(--on-dark-text-secondary);--plasma-button-group-item-background-color:var(--on-light-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-dark-text-primary);--plasma-button-group-item-background-color-hover:var(--on-light-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-dark-text-primary);--plasma-button-group-item-background-color-active:var(--on-light-surface-solid-default-active);}
|
|
10
|
+
.ButtonGroup_config_ge3vo5_wmie5p2__40fb8bed{--plasma-button-group-item-color:var(--on-light-text-primary);--plasma-button-group-item-value-color:var(--on-light-text-secondary);--plasma-button-group-item-background-color:var(--on-dark-surface-solid-default);--plasma-button-group-loading-item-background-color:var(--plasma-button-group-item-background-color);--plasma-button-group-item-color-hover:var(--on-light-text-primary);--plasma-button-group-item-background-color-hover:var(--on-dark-surface-solid-default-hover);--plasma-button-group-item-color-active:var(--on-light-text-primary);--plasma-button-group-item-background-color-active:var(--on-dark-surface-solid-default-active);}
|
|
11
|
+
.ButtonGroup_config_ge3vo5_x1g3omzu__40fb8bed{--plasma-button-group-item-default-radius:1rem;--plasma-button-group-item-segmented-radius:0.5rem;--plasma-button-group-side-item-radius:1rem;--plasma-button-group-item-height:4rem;--plasma-button-group-item-padding:1.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
12
|
+
.ButtonGroup_config_ge3vo5_l1116k6l__40fb8bed{--plasma-button-group-item-default-radius:0.875rem;--plasma-button-group-item-segmented-radius:0.375rem;--plasma-button-group-side-item-radius:0.875rem;--plasma-button-group-item-height:3.5rem;--plasma-button-group-item-padding:1.5rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-l-line-height);}
|
|
13
|
+
.ButtonGroup_config_ge3vo5_m15t0nuq__40fb8bed{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-item-default-radius:0.75rem;--plasma-button-group-side-item-radius:0.75rem;--plasma-button-group-item-height:3rem;--plasma-button-group-item-padding:1.25rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-m-line-height);}
|
|
14
|
+
.ButtonGroup_config_ge3vo5_s316r83__40fb8bed{--plasma-button-group-item-segmented-radius:0.25rem;--plasma-button-group-side-item-radius:0.625rem;--plasma-button-group-item-default-radius:0.625rem;--plasma-button-group-item-height:2.5rem;--plasma-button-group-item-padding:1rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-s-line-height);}
|
|
15
|
+
.ButtonGroup_config_ge3vo5_xzu697__40fb8bed{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.5rem;--plasma-button-group-side-item-radius:0.5rem;--plasma-button-group-item-height:2rem;--plasma-button-group-item-padding:0.75rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
16
|
+
.ButtonGroup_config_ge3vo5_x16bzis9__40fb8bed{--plasma-button-group-item-segmented-radius:0.125rem;--plasma-button-group-item-default-radius:0.375rem;--plasma-button-group-side-item-radius:0.375rem;--plasma-button-group-item-height:1.5rem;--plasma-button-group-item-padding:0.625rem;--plasma-button-group-item-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-group-item-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-group-item-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-group-item-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-group-item-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-group-item-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
17
|
+
.ButtonGroup_config_ge3vo5_h97067l__40fb8bed{--plasma-button-group-orientation:row;}
|
|
18
|
+
.ButtonGroup_config_ge3vo5_v1xcwbx9__40fb8bed{--plasma-button-group-orientation:column;}
|
|
19
|
+
.ButtonGroup_config_ge3vo5_n1fuvc6m__40fb8bed{--plasma-button-group-items-gap:0;}
|
|
20
|
+
.ButtonGroup_config_ge3vo5_dsjqy1i__40fb8bed{--plasma-button-group-items-gap:0.125rem;}
|
|
21
|
+
.ButtonGroup_config_ge3vo5_wmgmq8o__40fb8bed{--plasma-button-group-items-gap:0.5rem;}
|
|
27
22
|
|
|
28
23
|
|
|
29
24
|
|
|
@@ -16,15 +16,10 @@ export declare const ButtonGroup: import("react").FunctionComponent<import("@sal
|
|
|
16
16
|
};
|
|
17
17
|
size: {
|
|
18
18
|
xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
19
|
-
xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
20
19
|
l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
21
|
-
lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
22
20
|
m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
23
|
-
mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
24
21
|
s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
25
|
-
sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
26
22
|
xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
27
|
-
xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
28
23
|
xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
|
|
29
24
|
};
|
|
30
25
|
orientation: {
|