@salutejs/sdds-serv 0.316.1-canary.2074.16163189225.0 → 0.316.1-canary.2079.16199559995.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 (34) hide show
  1. package/CHANGELOG.md +74 -0
  2. package/components/Button/Button.config.d.ts +0 -5
  3. package/components/Button/Button.config.js +11 -16
  4. package/components/Button/Button.config.js.map +1 -1
  5. package/components/Button/{Button.config_on7zvi.css → Button.config_1pqzykz.css} +7 -12
  6. package/components/Button/Button.css +18 -23
  7. package/components/Button/Button.d.ts +0 -10
  8. package/components/IconButton/IconButton.config.d.ts +0 -5
  9. package/components/IconButton/IconButton.config.js +7 -12
  10. package/components/IconButton/IconButton.config.js.map +1 -1
  11. package/components/IconButton/IconButton.config_hkswin.css +17 -0
  12. package/components/IconButton/IconButton.css +17 -22
  13. package/components/IconButton/IconButton.d.ts +0 -5
  14. package/components/TextArea/TextArea.d.ts +8 -0
  15. package/emotion/cjs/components/Button/Button.config.js +29 -144
  16. package/emotion/cjs/components/IconButton/IconButton.config.js +17 -117
  17. package/emotion/es/components/Button/Button.config.js +29 -144
  18. package/emotion/es/components/IconButton/IconButton.config.js +17 -117
  19. package/es/components/Button/Button.config.js +11 -16
  20. package/es/components/Button/Button.config.js.map +1 -1
  21. package/es/components/Button/{Button.config_on7zvi.css → Button.config_1pqzykz.css} +7 -12
  22. package/es/components/Button/Button.css +18 -23
  23. package/es/components/IconButton/IconButton.config.js +7 -12
  24. package/es/components/IconButton/IconButton.config.js.map +1 -1
  25. package/es/components/IconButton/IconButton.config_hkswin.css +17 -0
  26. package/es/components/IconButton/IconButton.css +17 -22
  27. package/es/index.css +35 -45
  28. package/package.json +8 -8
  29. package/styled-components/cjs/components/Button/Button.config.js +29 -144
  30. package/styled-components/cjs/components/IconButton/IconButton.config.js +17 -117
  31. package/styled-components/es/components/Button/Button.config.js +29 -144
  32. package/styled-components/es/components/IconButton/IconButton.config.js +17 -117
  33. package/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
  34. package/es/components/IconButton/IconButton.config_1uz2ft1.css +0 -22
@@ -1,22 +1,17 @@
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);}
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);}
@@ -16,15 +16,10 @@ 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;
20
19
  l: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
21
- lr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
22
20
  m: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
23
- mr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
24
21
  s: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
25
- sr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
26
22
  xs: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
27
- xsr: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
28
23
  };
29
24
  disabled: {
30
25
  true: import("@salutejs/plasma-new-hope/types/engines/types").PolymorphicClassName;
@@ -34,6 +34,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
34
34
  label?: string;
35
35
  labelPlacement?: "inner" | "outer";
36
36
  titleCaption?: import("react").ReactNode;
37
+ headerSlot?: import("react").ReactNode;
37
38
  contentRight?: React.ReactElement;
38
39
  resize?: "none" | "both" | "horizontal" | "vertical";
39
40
  helperText?: string;
@@ -78,6 +79,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
78
79
  label?: string;
79
80
  labelPlacement?: "inner" | "outer";
80
81
  titleCaption?: import("react").ReactNode;
82
+ headerSlot?: import("react").ReactNode;
81
83
  contentRight?: React.ReactElement;
82
84
  resize?: "none" | "both" | "horizontal" | "vertical";
83
85
  helperText?: string;
@@ -122,6 +124,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
122
124
  label?: string;
123
125
  labelPlacement?: "inner" | "outer";
124
126
  titleCaption?: import("react").ReactNode;
127
+ headerSlot?: import("react").ReactNode;
125
128
  contentRight?: React.ReactElement;
126
129
  resize?: "none" | "both" | "horizontal" | "vertical";
127
130
  helperText?: string;
@@ -166,6 +169,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
166
169
  label?: string;
167
170
  labelPlacement?: "inner" | "outer";
168
171
  titleCaption?: import("react").ReactNode;
172
+ headerSlot?: import("react").ReactNode;
169
173
  contentRight?: React.ReactElement;
170
174
  resize?: "none" | "both" | "horizontal" | "vertical";
171
175
  helperText?: string;
@@ -210,6 +214,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
210
214
  label?: string;
211
215
  labelPlacement?: "inner" | "outer";
212
216
  titleCaption?: import("react").ReactNode;
217
+ headerSlot?: import("react").ReactNode;
213
218
  contentRight?: React.ReactElement;
214
219
  resize?: "none" | "both" | "horizontal" | "vertical";
215
220
  helperText?: string;
@@ -254,6 +259,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
254
259
  label?: string;
255
260
  labelPlacement?: "inner" | "outer";
256
261
  titleCaption?: import("react").ReactNode;
262
+ headerSlot?: import("react").ReactNode;
257
263
  contentRight?: React.ReactElement;
258
264
  resize?: "none" | "both" | "horizontal" | "vertical";
259
265
  helperText?: string;
@@ -298,6 +304,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
298
304
  label?: string;
299
305
  labelPlacement?: "inner" | "outer";
300
306
  titleCaption?: import("react").ReactNode;
307
+ headerSlot?: import("react").ReactNode;
301
308
  contentRight?: React.ReactElement;
302
309
  resize?: "none" | "both" | "horizontal" | "vertical";
303
310
  helperText?: string;
@@ -342,6 +349,7 @@ export declare const TextArea: import("react").FunctionComponent<import("@salute
342
349
  label?: string;
343
350
  labelPlacement?: "inner" | "outer";
344
351
  titleCaption?: import("react").ReactNode;
352
+ headerSlot?: import("react").ReactNode;
345
353
  contentRight?: React.ReactElement;
346
354
  resize?: "none" | "both" | "horizontal" | "vertical";
347
355
  helperText?: string;
@@ -204,28 +204,6 @@ function _templateObject10() {
204
204
  return data;
205
205
  }
206
206
  function _templateObject11() {
207
- var data = _tagged_template_literal([
208
- "\n ",
209
- ": 4rem;\n ",
210
- ": 12.5rem;\n ",
211
- ": var(--plasma-typo-body-l-font-family);\n ",
212
- ": var(--plasma-typo-body-l-font-size);\n ",
213
- ": var(--plasma-typo-body-l-font-style);\n ",
214
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
215
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
216
- ": var(--plasma-typo-body-l-line-height);\n\n ",
217
- ": 1.5rem;\n ",
218
- ": inherit;\n\n ",
219
- ": 0 0.625rem 0 0;\n ",
220
- ": 0 0 0 0.625rem;\n ",
221
- ": 0 0 0 0.25rem;\n "
222
- ]);
223
- _templateObject11 = function _templateObject() {
224
- return data;
225
- };
226
- return data;
227
- }
228
- function _templateObject12() {
229
207
  var data = _tagged_template_literal([
230
208
  "\n ",
231
209
  ": 3.5rem;\n ",
@@ -244,34 +222,12 @@ function _templateObject12() {
244
222
  ": 0 -0.125rem 0 0.5rem;\n ",
245
223
  ": 0 0 0 0.25rem;\n "
246
224
  ]);
247
- _templateObject12 = function _templateObject() {
248
- return data;
249
- };
250
- return data;
251
- }
252
- function _templateObject13() {
253
- var data = _tagged_template_literal([
254
- "\n ",
255
- ": 3.5rem;\n ",
256
- ": 12.5rem;\n ",
257
- ": var(--plasma-typo-body-l-font-family);\n ",
258
- ": var(--plasma-typo-body-l-font-size);\n ",
259
- ": var(--plasma-typo-body-l-font-style);\n ",
260
- ": var(--plasma-typo-body-l-bold-font-weight);\n ",
261
- ": var(--plasma-typo-body-l-letter-spacing);\n ",
262
- ": var(--plasma-typo-body-l-line-height);\n\n ",
263
- ": 1.375rem;\n ",
264
- ": inherit;\n\n ",
265
- ": 0 0.5rem 0 0;\n ",
266
- ": 0 0 0 0.5rem;\n ",
267
- ": 0 0 0 0.25rem;\n "
268
- ]);
269
- _templateObject13 = function _templateObject() {
225
+ _templateObject11 = function _templateObject() {
270
226
  return data;
271
227
  };
272
228
  return data;
273
229
  }
274
- function _templateObject14() {
230
+ function _templateObject12() {
275
231
  var data = _tagged_template_literal([
276
232
  "\n ",
277
233
  ": 3rem;\n ",
@@ -290,34 +246,12 @@ function _templateObject14() {
290
246
  ": 0 -0.125rem 0 0.375rem;\n ",
291
247
  ": 0 0 0 0.25rem;\n "
292
248
  ]);
293
- _templateObject14 = function _templateObject() {
294
- return data;
295
- };
296
- return data;
297
- }
298
- function _templateObject15() {
299
- var data = _tagged_template_literal([
300
- "\n ",
301
- ": 3rem;\n ",
302
- ": 11.25rem;\n ",
303
- ": var(--plasma-typo-body-m-font-family);\n ",
304
- ": var(--plasma-typo-body-m-font-size);\n ",
305
- ": var(--plasma-typo-body-m-font-style);\n ",
306
- ": var(--plasma-typo-body-m-bold-font-weight);\n ",
307
- ": var(--plasma-typo-body-m-letter-spacing);\n ",
308
- ": var(--plasma-typo-body-m-line-height);\n\n ",
309
- ": 1.375rem;\n ",
310
- ": inherit;\n\n ",
311
- ": 0 0.375rem 0 0;\n ",
312
- ": 0 0 0 0.375rem;\n ",
313
- ": 0 0 0 0.25rem;\n "
314
- ]);
315
- _templateObject15 = function _templateObject() {
249
+ _templateObject12 = function _templateObject() {
316
250
  return data;
317
251
  };
318
252
  return data;
319
253
  }
320
- function _templateObject16() {
254
+ function _templateObject13() {
321
255
  var data = _tagged_template_literal([
322
256
  "\n ",
323
257
  ": 2.5rem;\n ",
@@ -336,34 +270,12 @@ function _templateObject16() {
336
270
  ": 0 -0.125rem 0 0.25rem;\n ",
337
271
  ": 0 0 0 0.25rem;\n "
338
272
  ]);
339
- _templateObject16 = function _templateObject() {
340
- return data;
341
- };
342
- return data;
343
- }
344
- function _templateObject17() {
345
- var data = _tagged_template_literal([
346
- "\n ",
347
- ": 2.5rem;\n ",
348
- ": 11.25rem;\n ",
349
- ": var(--plasma-typo-body-s-font-family);\n ",
350
- ": var(--plasma-typo-body-s-font-size);\n ",
351
- ": var(--plasma-typo-body-s-font-style);\n ",
352
- ": var(--plasma-typo-body-s-bold-font-weight);\n ",
353
- ": var(--plasma-typo-body-s-letter-spacing);\n ",
354
- ": var(--plasma-typo-body-s-line-height);\n\n ",
355
- ": 1.375rem;\n ",
356
- ": inherit;\n\n ",
357
- ": 0 0.25rem 0 0;\n ",
358
- ": 0 0 0 0.25rem;\n ",
359
- ": 0 0 0 0.25rem;\n "
360
- ]);
361
- _templateObject17 = function _templateObject() {
273
+ _templateObject13 = function _templateObject() {
362
274
  return data;
363
275
  };
364
276
  return data;
365
277
  }
366
- function _templateObject18() {
278
+ function _templateObject14() {
367
279
  var data = _tagged_template_literal([
368
280
  "\n ",
369
281
  ": 2rem;\n ",
@@ -382,34 +294,12 @@ function _templateObject18() {
382
294
  ": 0 -0.125rem 0 0.25rem;\n ",
383
295
  ": 0 0 0 0.25rem;\n "
384
296
  ]);
385
- _templateObject18 = function _templateObject() {
386
- return data;
387
- };
388
- return data;
389
- }
390
- function _templateObject19() {
391
- var data = _tagged_template_literal([
392
- "\n ",
393
- ": 2rem;\n ",
394
- ": 10rem;\n ",
395
- ": var(--plasma-typo-body-xs-font-family);\n ",
396
- ": var(--plasma-typo-body-xs-font-size);\n ",
397
- ": var(--plasma-typo-body-xs-font-style);\n ",
398
- ": var(--plasma-typo-body-xs-bold-font-weight);\n ",
399
- ": var(--plasma-typo-body-xs-letter-spacing);\n ",
400
- ": var(--plasma-typo-body-xs-line-height);\n\n ",
401
- ": 1rem;\n ",
402
- ": inherit;\n\n ",
403
- ": 0 0.25rem 0 0;\n ",
404
- ": 0 0 0 0.25rem;\n ",
405
- ": 0 0 0 0.25rem;\n "
406
- ]);
407
- _templateObject19 = function _templateObject() {
297
+ _templateObject14 = function _templateObject() {
408
298
  return data;
409
299
  };
410
300
  return data;
411
301
  }
412
- function _templateObject20() {
302
+ function _templateObject15() {
413
303
  var data = _tagged_template_literal([
414
304
  "\n ",
415
305
  ": 1.5rem;\n ",
@@ -428,54 +318,54 @@ function _templateObject20() {
428
318
  ": 0 -0.125rem 0 0.25rem;\n ",
429
319
  ": 0 0 0 0.25rem;\n "
430
320
  ]);
431
- _templateObject20 = function _templateObject() {
321
+ _templateObject15 = function _templateObject() {
432
322
  return data;
433
323
  };
434
324
  return data;
435
325
  }
436
- function _templateObject21() {
326
+ function _templateObject16() {
437
327
  var data = _tagged_template_literal([
438
328
  "\n ",
439
329
  ": 0.4;\n "
440
330
  ]);
441
- _templateObject21 = function _templateObject() {
331
+ _templateObject16 = function _templateObject() {
442
332
  return data;
443
333
  };
444
334
  return data;
445
335
  }
446
- function _templateObject22() {
336
+ function _templateObject17() {
447
337
  var data = _tagged_template_literal([
448
338
  "\n ",
449
339
  ": var(--surface-accent);\n "
450
340
  ]);
451
- _templateObject22 = function _templateObject() {
341
+ _templateObject17 = function _templateObject() {
452
342
  return data;
453
343
  };
454
344
  return data;
455
345
  }
456
- function _templateObject23() {
346
+ function _templateObject18() {
457
347
  var data = _tagged_template_literal([
458
348
  ""
459
349
  ]);
460
- _templateObject23 = function _templateObject() {
350
+ _templateObject18 = function _templateObject() {
461
351
  return data;
462
352
  };
463
353
  return data;
464
354
  }
465
- function _templateObject24() {
355
+ function _templateObject19() {
466
356
  var data = _tagged_template_literal([
467
357
  ""
468
358
  ]);
469
- _templateObject24 = function _templateObject() {
359
+ _templateObject19 = function _templateObject() {
470
360
  return data;
471
361
  };
472
362
  return data;
473
363
  }
474
- function _templateObject25() {
364
+ function _templateObject20() {
475
365
  var data = _tagged_template_literal([
476
366
  ""
477
367
  ]);
478
- _templateObject25 = function _templateObject() {
368
+ _templateObject20 = function _templateObject() {
479
369
  return data;
480
370
  };
481
371
  return data;
@@ -501,27 +391,22 @@ var config = {
501
391
  },
502
392
  size: {
503
393
  xl: (0, _emotion.css)(_templateObject10(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
504
- xlr: (0, _emotion.css)(_templateObject11(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
505
- l: (0, _emotion.css)(_templateObject12(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
506
- lr: (0, _emotion.css)(_templateObject13(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
507
- m: (0, _emotion.css)(_templateObject14(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
508
- mr: (0, _emotion.css)(_templateObject15(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
509
- s: (0, _emotion.css)(_templateObject16(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
510
- sr: (0, _emotion.css)(_templateObject17(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
511
- xs: (0, _emotion.css)(_templateObject18(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
512
- xsr: (0, _emotion.css)(_templateObject19(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
513
- xxs: (0, _emotion.css)(_templateObject20(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin)
394
+ l: (0, _emotion.css)(_templateObject11(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
395
+ m: (0, _emotion.css)(_templateObject12(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
396
+ s: (0, _emotion.css)(_templateObject13(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
397
+ xs: (0, _emotion.css)(_templateObject14(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin),
398
+ xxs: (0, _emotion.css)(_templateObject15(), _emotion.buttonTokens.buttonHeight, _emotion.buttonTokens.buttonWidth, _emotion.buttonTokens.buttonPadding, _emotion.buttonTokens.buttonRadius, _emotion.buttonTokens.buttonFontFamily, _emotion.buttonTokens.buttonFontSize, _emotion.buttonTokens.buttonFontStyle, _emotion.buttonTokens.buttonFontWeight, _emotion.buttonTokens.buttonLetterSpacing, _emotion.buttonTokens.buttonLineHeight, _emotion.buttonTokens.buttonSpinnerSize, _emotion.buttonTokens.buttonSpinnerColor, _emotion.buttonTokens.buttonLeftContentMargin, _emotion.buttonTokens.buttonRightContentMargin, _emotion.buttonTokens.buttonValueMargin)
514
399
  },
515
400
  disabled: {
516
- true: (0, _emotion.css)(_templateObject21(), _emotion.buttonTokens.buttonDisabledOpacity)
401
+ true: (0, _emotion.css)(_templateObject16(), _emotion.buttonTokens.buttonDisabledOpacity)
517
402
  },
518
403
  focused: {
519
- true: (0, _emotion.css)(_templateObject22(), _emotion.buttonTokens.buttonFocusColor)
404
+ true: (0, _emotion.css)(_templateObject17(), _emotion.buttonTokens.buttonFocusColor)
520
405
  },
521
406
  stretching: {
522
- auto: (0, _emotion.css)(_templateObject23()),
523
- filled: (0, _emotion.css)(_templateObject24()),
524
- fixed: (0, _emotion.css)(_templateObject25())
407
+ auto: (0, _emotion.css)(_templateObject18()),
408
+ filled: (0, _emotion.css)(_templateObject19()),
409
+ fixed: (0, _emotion.css)(_templateObject20())
525
410
  }
526
411
  }
527
412
  };