@salutejs/sdds-serv 0.316.1-canary.2079.16199559995.0 → 0.316.1-canary.2080.16212818786.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (32) hide show
  1. package/components/Button/Button.config.d.ts +5 -0
  2. package/components/Button/Button.config.js +16 -11
  3. package/components/Button/Button.config.js.map +1 -1
  4. package/components/Button/{Button.config_1pqzykz.css → Button.config_on7zvi.css} +12 -7
  5. package/components/Button/Button.css +23 -18
  6. package/components/Button/Button.d.ts +10 -0
  7. package/components/IconButton/IconButton.config.d.ts +5 -0
  8. package/components/IconButton/IconButton.config.js +12 -7
  9. package/components/IconButton/IconButton.config.js.map +1 -1
  10. package/components/IconButton/IconButton.config_1uz2ft1.css +22 -0
  11. package/components/IconButton/IconButton.css +22 -17
  12. package/components/IconButton/IconButton.d.ts +5 -0
  13. package/emotion/cjs/components/Button/Button.config.js +144 -29
  14. package/emotion/cjs/components/IconButton/IconButton.config.js +117 -17
  15. package/emotion/es/components/Button/Button.config.js +144 -29
  16. package/emotion/es/components/IconButton/IconButton.config.js +117 -17
  17. package/es/components/Button/Button.config.js +16 -11
  18. package/es/components/Button/Button.config.js.map +1 -1
  19. package/es/components/Button/{Button.config_1pqzykz.css → Button.config_on7zvi.css} +12 -7
  20. package/es/components/Button/Button.css +23 -18
  21. package/es/components/IconButton/IconButton.config.js +12 -7
  22. package/es/components/IconButton/IconButton.config.js.map +1 -1
  23. package/es/components/IconButton/IconButton.config_1uz2ft1.css +22 -0
  24. package/es/components/IconButton/IconButton.css +22 -17
  25. package/es/index.css +45 -35
  26. package/package.json +3 -3
  27. package/styled-components/cjs/components/Button/Button.config.js +144 -29
  28. package/styled-components/cjs/components/IconButton/IconButton.config.js +117 -17
  29. package/styled-components/es/components/Button/Button.config.js +144 -29
  30. package/styled-components/es/components/IconButton/IconButton.config.js +117 -17
  31. package/components/IconButton/IconButton.config_hkswin.css +0 -17
  32. package/es/components/IconButton/IconButton.config_hkswin.css +0 -17
package/components/Button/Button.config.d.ts CHANGED
@@ -19,10 +19,15 @@ export declare const config: {
19
19
  };
20
20
  size: {
21
21
  xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
+ xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
23
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
+ lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
25
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
+ mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
27
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
+ sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
29
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
+ xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
31
  xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
32
  };
28
33
  disabled: {
package/components/Button/Button.config.js CHANGED
@@ -1,4 +1,4 @@
1
- require('./Button.config_1pqzykz.css');
1
+ require('./Button.config_on7zvi.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -24,22 +24,27 @@ var config = {
24
24
  },
25
25
  size: {
26
26
  xl: "x1toqou7",
27
- l: "ly229gi",
28
- m: "m1joiaye",
29
- s: "s1i1eza5",
30
- xs: "x1r1gaby",
31
- xxs: "xqhwg07"
27
+ xlr: "xy229gi",
28
+ l: "l1joiaye",
29
+ lr: "l1i1eza5",
30
+ m: "m1r1gaby",
31
+ mr: "mqhwg07",
32
+ s: "s1bf1tsb",
33
+ sr: "s1ca3q6l",
34
+ xs: "xrk6508",
35
+ xsr: "x2s1r71",
36
+ xxs: "xf053fi"
32
37
  },
33
38
  disabled: {
34
- "true": "t1bf1tsb"
39
+ "true": "t17x5rnm"
35
40
  },
36
41
  focused: {
37
- "true": "t1ca3q6l"
42
+ "true": "tppmfmz"
38
43
  },
39
44
  stretching: {
40
- auto: "ark6508",
41
- filled: "f2s1r71",
42
- fixed: "ff053fi"
45
+ auto: "aaa8u42",
46
+ filled: "f1y67d5i",
47
+ fixed: "f1vaux9i"
43
48
  }
44
49
  }
45
50
  };
package/components/Button/Button.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"Button.config.js","sources":["../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonRadius}: 1rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAOC,UAAA;AACDC,MAAAA,MAAM,EAOL,UAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAOP,UAAA;AACDC,MAAAA,IAAI,EAOH,SAAA;AACDC,MAAAA,KAAK,EAOJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAQR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDpB,IAAAA,OAAO,EAAE;MACLoB,MAAI,EAAA,UAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,SAAA;AACbC,MAAAA,KAAK,EAAA,SAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"Button.config.js","sources":["../../src-css/components/Button/Button.config.ts"],"sourcesContent":["import { css, buttonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${buttonTokens.buttonColor}: var(--inverse-text-primary);\n ${buttonTokens.buttonValueColor}: var(--inverse-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--inverse-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-accent);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-accent-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-transparent-secondary);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${buttonTokens.buttonColor}: var(--text-primary);\n ${buttonTokens.buttonValueColor}: var(--text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-clear);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-positive);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-positive-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-warning);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-warning-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--surface-negative);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonBackgroundColorHover}: var(--surface-negative-hover);\n ${buttonTokens.buttonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${buttonTokens.buttonColor}: var(--on-dark-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-dark-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-light-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-dark-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${buttonTokens.buttonColor}: var(--on-light-text-primary);\n ${buttonTokens.buttonValueColor}: var(--on-light-text-secondary);\n ${buttonTokens.buttonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${buttonTokens.buttonLoadingBackgroundColor}: var(${buttonTokens.buttonBackgroundColor});\n ${buttonTokens.buttonColorHover}: var(--on-light-text-primary-hover);\n ${buttonTokens.buttonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.75rem;\n ${buttonTokens.buttonRadius}: 1rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xlr: css`\n ${buttonTokens.buttonHeight}: 4rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.5rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.625rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.625rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n l: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonPadding}: 1.5rem;\n ${buttonTokens.buttonRadius}: 0.875rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n lr: css`\n ${buttonTokens.buttonHeight}: 3.5rem;\n ${buttonTokens.buttonWidth}: 12.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-l-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.5rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.5rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n m: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1.25rem;\n ${buttonTokens.buttonRadius}: 0.75rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n mr: css`\n ${buttonTokens.buttonHeight}: 3rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-m-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.375rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.375rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n s: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonPadding}: 1rem;\n ${buttonTokens.buttonRadius}: 0.625rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n sr: css`\n ${buttonTokens.buttonHeight}: 2.5rem;\n ${buttonTokens.buttonWidth}: 11.25rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-s-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1.375rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xs: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonPadding}: 0.75rem;\n ${buttonTokens.buttonRadius}: 0.5rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xsr: css`\n ${buttonTokens.buttonHeight}: 2rem;\n ${buttonTokens.buttonWidth}: 10rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 1rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 0;\n ${buttonTokens.buttonRightContentMargin}: 0 0 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n xxs: css`\n ${buttonTokens.buttonHeight}: 1.5rem;\n ${buttonTokens.buttonWidth}: 8.75rem;\n ${buttonTokens.buttonPadding}: 0.625rem;\n ${buttonTokens.buttonRadius}: 0.375rem;\n ${buttonTokens.buttonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${buttonTokens.buttonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${buttonTokens.buttonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${buttonTokens.buttonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${buttonTokens.buttonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${buttonTokens.buttonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${buttonTokens.buttonSpinnerSize}: 0.75rem;\n ${buttonTokens.buttonSpinnerColor}: inherit;\n\n ${buttonTokens.buttonLeftContentMargin}: 0 0.25rem 0 -0.125rem;\n ${buttonTokens.buttonRightContentMargin}: 0 -0.125rem 0 0.25rem;\n ${buttonTokens.buttonValueMargin}: 0 0 0 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${buttonTokens.buttonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${buttonTokens.buttonFocusColor}: var(--surface-accent);\n `,\n },\n stretching: {\n auto: css``,\n filled: css``,\n fixed: css``,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","xxs","disabled","true","stretching","auto","filled","fixed"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAOC,UAAA;AACDC,MAAAA,MAAM,EAOL,UAAA;AACDC,MAAAA,SAAS,EAOR,SAAA;AACDC,MAAAA,KAAK,EAOJ,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,OAAO,EAON,SAAA;AACDC,MAAAA,QAAQ,EAOP,UAAA;AACDC,MAAAA,IAAI,EAOH,SAAA;AACDC,MAAAA,KAAK,EAOJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAQR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAkBD,UAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,SAAA;AACDC,MAAAA,CAAC,EAkBA,UAAA;AACDC,MAAAA,EAAE,EAgBD,UAAA;AACDC,MAAAA,EAAE,EAkBD,SAAA;AACDC,MAAAA,GAAG,EAgBF,SAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAmBN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDzB,IAAAA,OAAO,EAAE;MACLyB,MAAI,EAAA,SAAA;KAGP;AACDC,IAAAA,UAAU,EAAE;AACRC,MAAAA,IAAI,EAAO,SAAA;AACXC,MAAAA,MAAM,EAAO,UAAA;AACbC,MAAAA,KAAK,EAAA,UAAA;AACT,KAAA;AACJ,GAAA;AACJ;;;;"}
package/components/Button/{Button.config_1pqzykz.css → Button.config_on7zvi.css} RENAMED
@@ -9,13 +9,18 @@
9
9
  .b123wpoi{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
10
10
  .w1w797f8{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
11
11
  .x1toqou7{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
12
- .ly229gi{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
13
- .m1joiaye{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
14
- .s1i1eza5{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
15
- .x1r1gaby{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
16
- .xqhwg07{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
17
- .t1bf1tsb{--plasma-button-disabled-opacity:0.4;}
18
- .t1ca3q6l{--plasma-button-focus-color:var(--surface-accent);}
12
+ .xy229gi{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 0;--plasma-button-right-content-margin:0 0 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
13
+ .l1joiaye{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
14
+ .l1i1eza5{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 0;--plasma-button-right-content-margin:0 0 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
15
+ .m1r1gaby{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
16
+ .mqhwg07{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 0;--plasma-button-right-content-margin:0 0 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
17
+ .s1bf1tsb{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
18
+ .s1ca3q6l{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
19
+ .xrk6508{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
20
+ .x2s1r71{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
21
+ .xf053fi{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
22
+ .t17x5rnm{--plasma-button-disabled-opacity:0.4;}
23
+ .tppmfmz{--plasma-button-focus-color:var(--surface-accent);}
19
24
 
20
25
 
21
26
 
package/components/Button/Button.css CHANGED
@@ -1,21 +1,26 @@
1
- .Button_config_1pqzykz_d1fnkof5__64d91198{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
2
- .Button_config_1pqzykz_a1129msw__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
3
- .Button_config_1pqzykz_sbaqjet__64d91198{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
4
- .Button_config_1pqzykz_cmxfxlw__64d91198{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
5
- .Button_config_1pqzykz_sleczrv__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-background-color-active:var(--surface-positive-active);}
6
- .Button_config_1pqzykz_wlekduy__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-background-color-active:var(--surface-warning-active);}
7
- .Button_config_1pqzykz_c1yfa47j__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-background-color-active:var(--surface-negative-active);}
8
- .Button_config_1pqzykz_dsb1lec__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
9
- .Button_config_1pqzykz_b123wpoi__64d91198{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
10
- .Button_config_1pqzykz_w1w797f8__64d91198{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
11
- .Button_config_1pqzykz_x1toqou7__64d91198{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
12
- .Button_config_1pqzykz_ly229gi__64d91198{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
13
- .Button_config_1pqzykz_m1joiaye__64d91198{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
14
- .Button_config_1pqzykz_s1i1eza5__64d91198{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
15
- .Button_config_1pqzykz_x1r1gaby__64d91198{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
16
- .Button_config_1pqzykz_xqhwg07__64d91198{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
17
- .Button_config_1pqzykz_t1bf1tsb__64d91198{--plasma-button-disabled-opacity:0.4;}
18
- .Button_config_1pqzykz_t1ca3q6l__64d91198{--plasma-button-focus-color:var(--surface-accent);}
1
+ .Button_config_on7zvi_d1fnkof5__9795f5a2{--plasma-button-color:var(--inverse-text-primary);--plasma-button-value-color:var(--inverse-text-secondary);--plasma-button-background-color:var(--surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--inverse-text-primary-hover);--plasma-button-color-active:var(--inverse-text-primary-active);}
2
+ .Button_config_on7zvi_a1129msw__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-accent);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-accent-hover);--plasma-button-background-color-active:var(--surface-accent-active);}
3
+ .Button_config_on7zvi_sbaqjet__9795f5a2{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-transparent-secondary);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
4
+ .Button_config_on7zvi_cmxfxlw__9795f5a2{--plasma-button-color:var(--text-primary);--plasma-button-value-color:var(--text-secondary);--plasma-button-background-color:var(--surface-clear);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-button-background-color-active:var(--surface-transparent-secondary-active);}
5
+ .Button_config_on7zvi_sleczrv__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-positive);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-positive-hover);--plasma-button-background-color-active:var(--surface-positive-active);}
6
+ .Button_config_on7zvi_wlekduy__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-warning);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-warning-hover);--plasma-button-background-color-active:var(--surface-warning-active);}
7
+ .Button_config_on7zvi_c1yfa47j__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--surface-negative);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-background-color-hover:var(--surface-negative-hover);--plasma-button-background-color-active:var(--surface-negative-active);}
8
+ .Button_config_on7zvi_dsb1lec__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-transparent-deep);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
9
+ .Button_config_on7zvi_b123wpoi__9795f5a2{--plasma-button-color:var(--on-dark-text-primary);--plasma-button-value-color:var(--on-dark-text-secondary);--plasma-button-background-color:var(--on-light-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-dark-text-primary-hover);--plasma-button-color-active:var(--on-dark-text-primary-active);}
10
+ .Button_config_on7zvi_w1w797f8__9795f5a2{--plasma-button-color:var(--on-light-text-primary);--plasma-button-value-color:var(--on-light-text-secondary);--plasma-button-background-color:var(--on-dark-surface-solid-default);--plasma-button-loading-background-color:var(--plasma-button-background-color);--plasma-button-color-hover:var(--on-light-text-primary-hover);--plasma-button-color-active:var(--on-light-text-primary-active);}
11
+ .Button_config_on7zvi_x1toqou7__9795f5a2{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.75rem;--plasma-button-radius:1rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
12
+ .Button_config_on7zvi_xy229gi__9795f5a2{--plasma-button-height:4rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.5rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.625rem 0 0;--plasma-button-right-content-margin:0 0 0 0.625rem;--plasma-button-value-margin:0 0 0 0.25rem;}
13
+ .Button_config_on7zvi_l1joiaye__9795f5a2{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-padding:1.5rem;--plasma-button-radius:0.875rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
14
+ .Button_config_on7zvi_l1i1eza5__9795f5a2{--plasma-button-height:3.5rem;--plasma-button-width:12.5rem;--plasma-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.5rem 0 0;--plasma-button-right-content-margin:0 0 0 0.5rem;--plasma-button-value-margin:0 0 0 0.25rem;}
15
+ .Button_config_on7zvi_m1r1gaby__9795f5a2{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-padding:1.25rem;--plasma-button-radius:0.75rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
16
+ .Button_config_on7zvi_mqhwg07__9795f5a2{--plasma-button-height:3rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.375rem 0 0;--plasma-button-right-content-margin:0 0 0 0.375rem;--plasma-button-value-margin:0 0 0 0.25rem;}
17
+ .Button_config_on7zvi_s1bf1tsb__9795f5a2{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-padding:1rem;--plasma-button-radius:0.625rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
18
+ .Button_config_on7zvi_s1ca3q6l__9795f5a2{--plasma-button-height:2.5rem;--plasma-button-width:11.25rem;--plasma-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-button-spinner-size:1.375rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
19
+ .Button_config_on7zvi_xrk6508__9795f5a2{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-padding:0.75rem;--plasma-button-radius:0.5rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
20
+ .Button_config_on7zvi_x2s1r71__9795f5a2{--plasma-button-height:2rem;--plasma-button-width:10rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:1rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 0;--plasma-button-right-content-margin:0 0 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
21
+ .Button_config_on7zvi_xf053fi__9795f5a2{--plasma-button-height:1.5rem;--plasma-button-width:8.75rem;--plasma-button-padding:0.625rem;--plasma-button-radius:0.375rem;--plasma-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-button-spinner-size:0.75rem;--plasma-button-spinner-color:inherit;--plasma-button-left-content-margin:0 0.25rem 0 -0.125rem;--plasma-button-right-content-margin:0 -0.125rem 0 0.25rem;--plasma-button-value-margin:0 0 0 0.25rem;}
22
+ .Button_config_on7zvi_t17x5rnm__9795f5a2{--plasma-button-disabled-opacity:0.4;}
23
+ .Button_config_on7zvi_tppmfmz__9795f5a2{--plasma-button-focus-color:var(--surface-accent);}
19
24
 
20
25
 
21
26
 
package/components/Button/Button.d.ts CHANGED
@@ -13,10 +13,15 @@ declare const ButtonComponent: import("react").FunctionComponent<import("@salute
13
13
  };
14
14
  size: {
15
15
  xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
+ xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
16
17
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
+ lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
17
19
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
+ mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
18
21
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
+ sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
19
23
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
+ xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
25
  xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
26
  };
22
27
  disabled: {
@@ -92,10 +97,15 @@ export declare const Button: import("react").FunctionComponent<import("@salutejs
92
97
  };
93
98
  size: {
94
99
  xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
100
+ xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
95
101
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
102
+ lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
96
103
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
104
+ mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
97
105
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
106
+ sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
98
107
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
108
+ xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
99
109
  xxs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
100
110
  };
101
111
  disabled: {
package/components/IconButton/IconButton.config.d.ts CHANGED
@@ -19,10 +19,15 @@ export declare const config: {
19
19
  };
20
20
  size: {
21
21
  xl: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
+ xlr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
23
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
+ lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
25
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
+ mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
27
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
+ sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
29
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
30
+ xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
31
  };
27
32
  disabled: {
28
33
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
package/components/IconButton/IconButton.config.js CHANGED
@@ -1,4 +1,4 @@
1
- require('./IconButton.config_hkswin.css');
1
+ require('./IconButton.config_1uz2ft1.css');
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -24,16 +24,21 @@ var config = {
24
24
  },
25
25
  size: {
26
26
  xl: "x1dxcd0l",
27
- l: "l1dmlkwi",
28
- m: "mf24ef4",
29
- s: "sc2xiyr",
30
- xs: "x1gtjmmp"
27
+ xlr: "x1dmlkwi",
28
+ l: "lf24ef4",
29
+ lr: "lc2xiyr",
30
+ m: "m1gtjmmp",
31
+ mr: "m1sas78d",
32
+ s: "s1drrr81",
33
+ sr: "sfj8gzo",
34
+ xs: "x1eqxvy4",
35
+ xsr: "xjqh1fr"
31
36
  },
32
37
  disabled: {
33
- "true": "t1sas78d"
38
+ "true": "t1wq4idj"
34
39
  },
35
40
  focused: {
36
- "true": "t1drrr81"
41
+ "true": "txx4c3m"
37
42
  }
38
43
  }
39
44
  };
package/components/IconButton/IconButton.config.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.config.js","sources":["../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${iconButtonTokens.iconButtonColor}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--inverse-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-light-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-light-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${iconButtonTokens.iconButtonHeight}: 4rem;\n ${iconButtonTokens.iconButtonWidth}: 4rem;\n ${iconButtonTokens.iconButtonPadding}: 1.75rem;\n ${iconButtonTokens.iconButtonRadius}: 1rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.5rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n l: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1.5rem;\n ${iconButtonTokens.iconButtonRadius}: 0.875rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n m: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonPadding}: 1.25rem;\n ${iconButtonTokens.iconButtonRadius}: 0.75rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n s: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1rem;\n ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xs: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","l","m","s","xs","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACDC,MAAAA,MAAM,EAML,SAAA;AACDC,MAAAA,SAAS,EAMR,SAAA;AACDC,MAAAA,KAAK,EAMJ,UAAA;AACDC,MAAAA,OAAO,EAMN,SAAA;AACDC,MAAAA,OAAO,EAMN,UAAA;AACDC,MAAAA,QAAQ,EAMP,SAAA;AACDC,MAAAA,IAAI,EAMH,UAAA;AACDC,MAAAA,KAAK,EAMJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,EAAE,EAAA,UAAA;KAeL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDnB,IAAAA,OAAO,EAAE;MACLmB,MAAI,EAAA,UAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
1
+ {"version":3,"file":"IconButton.config.js","sources":["../../src-css/components/IconButton/IconButton.config.ts"],"sourcesContent":["import { css, iconButtonTokens } from '@salutejs/plasma-new-hope';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n size: 'm',\n },\n variations: {\n view: {\n default: css`\n ${iconButtonTokens.iconButtonColor}: var(--inverse-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--inverse-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--inverse-text-primary-active);\n `,\n accent: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-accent);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-accent-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-accent-active);\n `,\n secondary: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-transparent-secondary);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n clear: css`\n ${iconButtonTokens.iconButtonColor}: var(--text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-clear);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-transparent-secondary-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-transparent-secondary-active);\n `,\n success: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-positive);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-positive-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-positive-active);\n `,\n warning: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-warning);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-warning-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-warning-active);\n `,\n critical: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--surface-negative);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(--surface-negative-hover);\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(--surface-negative-active);\n `,\n dark: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-transparent-deep);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary-active);\n `,\n black: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-dark-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-light-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-dark-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-dark-text-primary-active);\n `,\n white: css`\n ${iconButtonTokens.iconButtonColor}: var(--on-light-text-primary);\n ${iconButtonTokens.iconButtonBackgroundColor}: var(--on-dark-surface-solid-default);\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${iconButtonTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(--on-light-text-primary-hover);\n ${iconButtonTokens.iconButtonColorActive}: var(--on-light-text-primary-active);\n `,\n },\n size: {\n xl: css`\n ${iconButtonTokens.iconButtonHeight}: 4rem;\n ${iconButtonTokens.iconButtonWidth}: 4rem;\n ${iconButtonTokens.iconButtonPadding}: 1.75rem;\n ${iconButtonTokens.iconButtonRadius}: 1rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.5rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xlr: css`\n ${iconButtonTokens.iconButtonHeight}: 4rem;\n ${iconButtonTokens.iconButtonWidth}: 4rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.5rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n l: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1.5rem;\n ${iconButtonTokens.iconButtonRadius}: 0.875rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n lr: css`\n ${iconButtonTokens.iconButtonHeight}: 3.5rem;\n ${iconButtonTokens.iconButtonWidth}: 3.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-l-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-l-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-l-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-l-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-l-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n m: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonPadding}: 1.25rem;\n ${iconButtonTokens.iconButtonRadius}: 0.75rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n mr: css`\n ${iconButtonTokens.iconButtonHeight}: 3rem;\n ${iconButtonTokens.iconButtonWidth}: 3rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-m-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-m-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-m-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-m-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-m-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n s: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonPadding}: 1rem;\n ${iconButtonTokens.iconButtonRadius}: 0.625rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n sr: css`\n ${iconButtonTokens.iconButtonHeight}: 2.5rem;\n ${iconButtonTokens.iconButtonWidth}: 2.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-s-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-s-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-s-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-s-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-s-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1.375rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xs: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonPadding}: 0.75rem;\n ${iconButtonTokens.iconButtonRadius}: 0.5rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n xsr: css`\n ${iconButtonTokens.iconButtonHeight}: 2rem;\n ${iconButtonTokens.iconButtonWidth}: 2rem;\n ${iconButtonTokens.iconButtonFontFamily}: var(--plasma-typo-body-xs-font-family);\n ${iconButtonTokens.iconButtonFontSize}: var(--plasma-typo-body-xs-font-size);\n ${iconButtonTokens.iconButtonFontStyle}: var(--plasma-typo-body-xs-font-style);\n ${iconButtonTokens.iconButtonFontWeight}: var(--plasma-typo-body-xs-bold-font-weight);\n ${iconButtonTokens.iconButtonLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);\n ${iconButtonTokens.iconButtonLineHeight}: var(--plasma-typo-body-xs-line-height);\n\n ${iconButtonTokens.iconButtonSpinnerSize}: 1rem;\n ${iconButtonTokens.iconButtonSpinnerColor}: inherit;\n `,\n },\n disabled: {\n true: css`\n ${iconButtonTokens.iconButtonDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${iconButtonTokens.iconButtonFocusColor}: var(--surface-accent);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","size","variations","default","accent","secondary","clear","success","warning","critical","dark","black","white","xl","xlr","l","lr","m","mr","s","sr","xs","xsr","disabled","true"],"mappings":";;;;AAEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE,MAAM;AACfC,IAAAA,IAAI,EAAE,GAAA;GACT;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAMC,UAAA;AACDC,MAAAA,MAAM,EAML,SAAA;AACDC,MAAAA,SAAS,EAMR,SAAA;AACDC,MAAAA,KAAK,EAMJ,UAAA;AACDC,MAAAA,OAAO,EAMN,SAAA;AACDC,MAAAA,OAAO,EAMN,UAAA;AACDC,MAAAA,QAAQ,EAMP,SAAA;AACDC,MAAAA,IAAI,EAMH,UAAA;AACDC,MAAAA,KAAK,EAMJ,UAAA;AACDC,MAAAA,KAAK,EAAA,UAAA;KAOR;AACDX,IAAAA,IAAI,EAAE;AACFY,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,GAAG,EAYF,UAAA;AACDC,MAAAA,CAAC,EAcA,SAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAYD,UAAA;AACDC,MAAAA,CAAC,EAcA,UAAA;AACDC,MAAAA,EAAE,EAYD,SAAA;AACDC,MAAAA,EAAE,EAcD,UAAA;AACDC,MAAAA,GAAG,EAAA,SAAA;KAaN;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAI,EAAA,UAAA;KAGP;AACDxB,IAAAA,OAAO,EAAE;MACLwB,MAAI,EAAA,SAAA;AAGR,KAAA;AACJ,GAAA;AACJ;;;;"}
package/components/IconButton/IconButton.config_1uz2ft1.css ADDED
@@ -0,0 +1,22 @@
1
+ .d18ihzhr{--plasma-icon-button-color:var(--inverse-text-primary);--plasma-icon-button-background-color:var(--surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover);--plasma-icon-button-color-active:var(--inverse-text-primary-active);}
2
+ .asnn66s{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-accent);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-background-color-active:var(--surface-accent-active);}
3
+ .sxdpxpi{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
4
+ .c1gkv8om{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-clear);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
5
+ .svlui54{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-positive);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-icon-button-background-color-active:var(--surface-positive-active);}
6
+ .w1h4he2a{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-warning);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-icon-button-background-color-active:var(--surface-warning-active);}
7
+ .crva8ns{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-negative);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-icon-button-background-color-active:var(--surface-negative-active);}
8
+ .d11wn1rp{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
9
+ .b1b6yic8{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
10
+ .w1bgiggf{--plasma-icon-button-color:var(--on-light-text-primary);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);}
11
+ .x1dxcd0l{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-padding:1.75rem;--plasma-icon-button-radius:1rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
12
+ .x1dmlkwi{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
13
+ .lf24ef4{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-padding:1.5rem;--plasma-icon-button-radius:0.875rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
14
+ .lc2xiyr{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
15
+ .m1gtjmmp{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-padding:1.25rem;--plasma-icon-button-radius:0.75rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
16
+ .m1sas78d{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
17
+ .s1drrr81{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
18
+ .sfj8gzo{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
19
+ .x1eqxvy4{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
20
+ .xjqh1fr{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
21
+ .t1wq4idj{--plasma-icon-button-disabled-opacity:0.4;}
22
+ .txx4c3m{--plasma-icon-button-focus-color:var(--surface-accent);}
package/components/IconButton/IconButton.css CHANGED
@@ -1,17 +1,22 @@
1
- .IconButton_config_hkswin_d18ihzhr__c0b04024{--plasma-icon-button-color:var(--inverse-text-primary);--plasma-icon-button-background-color:var(--surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover);--plasma-icon-button-color-active:var(--inverse-text-primary-active);}
2
- .IconButton_config_hkswin_asnn66s__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-accent);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-background-color-active:var(--surface-accent-active);}
3
- .IconButton_config_hkswin_sxdpxpi__c0b04024{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
4
- .IconButton_config_hkswin_c1gkv8om__c0b04024{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-clear);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
5
- .IconButton_config_hkswin_svlui54__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-positive);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-icon-button-background-color-active:var(--surface-positive-active);}
6
- .IconButton_config_hkswin_w1h4he2a__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-warning);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-icon-button-background-color-active:var(--surface-warning-active);}
7
- .IconButton_config_hkswin_crva8ns__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-negative);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-icon-button-background-color-active:var(--surface-negative-active);}
8
- .IconButton_config_hkswin_d11wn1rp__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
9
- .IconButton_config_hkswin_b1b6yic8__c0b04024{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
10
- .IconButton_config_hkswin_w1bgiggf__c0b04024{--plasma-icon-button-color:var(--on-light-text-primary);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);}
11
- .IconButton_config_hkswin_x1dxcd0l__c0b04024{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-padding:1.75rem;--plasma-icon-button-radius:1rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
12
- .IconButton_config_hkswin_l1dmlkwi__c0b04024{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-padding:1.5rem;--plasma-icon-button-radius:0.875rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
13
- .IconButton_config_hkswin_mf24ef4__c0b04024{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-padding:1.25rem;--plasma-icon-button-radius:0.75rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
14
- .IconButton_config_hkswin_sc2xiyr__c0b04024{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
15
- .IconButton_config_hkswin_x1gtjmmp__c0b04024{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
16
- .IconButton_config_hkswin_t1sas78d__c0b04024{--plasma-icon-button-disabled-opacity:0.4;}
17
- .IconButton_config_hkswin_t1drrr81__c0b04024{--plasma-icon-button-focus-color:var(--surface-accent);}
1
+ .IconButton_config_1uz2ft1_d18ihzhr__eeaf2d1e{--plasma-icon-button-color:var(--inverse-text-primary);--plasma-icon-button-background-color:var(--surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--inverse-text-primary-hover);--plasma-icon-button-color-active:var(--inverse-text-primary-active);}
2
+ .IconButton_config_1uz2ft1_asnn66s__eeaf2d1e{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-accent);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-accent-hover);--plasma-icon-button-background-color-active:var(--surface-accent-active);}
3
+ .IconButton_config_1uz2ft1_sxdpxpi__eeaf2d1e{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-transparent-secondary);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
4
+ .IconButton_config_1uz2ft1_c1gkv8om__eeaf2d1e{--plasma-icon-button-color:var(--text-primary);--plasma-icon-button-background-color:var(--surface-clear);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-transparent-secondary-hover);--plasma-icon-button-background-color-active:var(--surface-transparent-secondary-active);}
5
+ .IconButton_config_1uz2ft1_svlui54__eeaf2d1e{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-positive);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-positive-hover);--plasma-icon-button-background-color-active:var(--surface-positive-active);}
6
+ .IconButton_config_1uz2ft1_w1h4he2a__eeaf2d1e{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-warning);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-warning-hover);--plasma-icon-button-background-color-active:var(--surface-warning-active);}
7
+ .IconButton_config_1uz2ft1_crva8ns__eeaf2d1e{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--surface-negative);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-background-color-hover:var(--surface-negative-hover);--plasma-icon-button-background-color-active:var(--surface-negative-active);}
8
+ .IconButton_config_1uz2ft1_d11wn1rp__eeaf2d1e{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-transparent-deep);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
9
+ .IconButton_config_1uz2ft1_b1b6yic8__eeaf2d1e{--plasma-icon-button-color:var(--on-dark-text-primary);--plasma-icon-button-background-color:var(--on-light-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-dark-text-primary-hover);--plasma-icon-button-color-active:var(--on-dark-text-primary-active);}
10
+ .IconButton_config_1uz2ft1_w1bgiggf__eeaf2d1e{--plasma-icon-button-color:var(--on-light-text-primary);--plasma-icon-button-background-color:var(--on-dark-surface-solid-default);--plasma-icon-button-loading-background-color:var(--plasma-icon-button-background-color);--plasma-icon-button-color-hover:var(--on-light-text-primary-hover);--plasma-icon-button-color-active:var(--on-light-text-primary-active);}
11
+ .IconButton_config_1uz2ft1_x1dxcd0l__eeaf2d1e{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-padding:1.75rem;--plasma-icon-button-radius:1rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
12
+ .IconButton_config_1uz2ft1_x1dmlkwi__eeaf2d1e{--plasma-icon-button-height:4rem;--plasma-icon-button-width:4rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.5rem;--plasma-icon-button-spinner-color:inherit;}
13
+ .IconButton_config_1uz2ft1_lf24ef4__eeaf2d1e{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-padding:1.5rem;--plasma-icon-button-radius:0.875rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
14
+ .IconButton_config_1uz2ft1_lc2xiyr__eeaf2d1e{--plasma-icon-button-height:3.5rem;--plasma-icon-button-width:3.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-l-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-l-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-l-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-l-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-l-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-l-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
15
+ .IconButton_config_1uz2ft1_m1gtjmmp__eeaf2d1e{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-padding:1.25rem;--plasma-icon-button-radius:0.75rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
16
+ .IconButton_config_1uz2ft1_m1sas78d__eeaf2d1e{--plasma-icon-button-height:3rem;--plasma-icon-button-width:3rem;--plasma-icon-button-font-family:var(--plasma-typo-body-m-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-m-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-m-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-m-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-m-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-m-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
17
+ .IconButton_config_1uz2ft1_s1drrr81__eeaf2d1e{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-padding:1rem;--plasma-icon-button-radius:0.625rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
18
+ .IconButton_config_1uz2ft1_sfj8gzo__eeaf2d1e{--plasma-icon-button-height:2.5rem;--plasma-icon-button-width:2.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-s-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-s-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-s-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-s-line-height);--plasma-icon-button-spinner-size:1.375rem;--plasma-icon-button-spinner-color:inherit;}
19
+ .IconButton_config_1uz2ft1_x1eqxvy4__eeaf2d1e{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-padding:0.75rem;--plasma-icon-button-radius:0.5rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
20
+ .IconButton_config_1uz2ft1_xjqh1fr__eeaf2d1e{--plasma-icon-button-height:2rem;--plasma-icon-button-width:2rem;--plasma-icon-button-font-family:var(--plasma-typo-body-xs-font-family);--plasma-icon-button-font-size:var(--plasma-typo-body-xs-font-size);--plasma-icon-button-font-style:var(--plasma-typo-body-xs-font-style);--plasma-icon-button-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-icon-button-line-height:var(--plasma-typo-body-xs-line-height);--plasma-icon-button-spinner-size:1rem;--plasma-icon-button-spinner-color:inherit;}
21
+ .IconButton_config_1uz2ft1_t1wq4idj__eeaf2d1e{--plasma-icon-button-disabled-opacity:0.4;}
22
+ .IconButton_config_1uz2ft1_txx4c3m__eeaf2d1e{--plasma-icon-button-focus-color:var(--surface-accent);}
package/components/IconButton/IconButton.d.ts CHANGED
@@ -16,10 +16,15 @@ export declare const IconButton: import("react").FunctionComponent<import("@salu
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;
19
20
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
+ lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
20
22
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
+ mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
24
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
+ sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
26
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
+ xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
28
  };
24
29
  disabled: {
25
30
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;