@salutejs/plasma-new-hope 0.77.0-canary.1195.8808345201.0 → 0.77.0-canary.1195.8813838291.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (31) hide show
  1. package/cjs/components/IconButton/IconButton.css +8 -10
  2. package/cjs/components/IconButton/IconButton.styles.js +1 -3
  3. package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
  4. package/cjs/components/IconButton/{IconButton.styles_gh8fim.css → IconButton.styles_12iyaye.css} +0 -2
  5. package/cjs/index.css +2 -4
  6. package/es/components/IconButton/IconButton.css +8 -10
  7. package/es/components/IconButton/IconButton.styles.js +1 -3
  8. package/es/components/IconButton/IconButton.styles.js.map +1 -1
  9. package/es/components/IconButton/{IconButton.styles_gh8fim.css → IconButton.styles_12iyaye.css} +0 -2
  10. package/es/index.css +2 -4
  11. package/package.json +2 -2
  12. package/styled-components/cjs/components/IconButton/IconButton.styles.js +2 -12
  13. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +2 -1
  14. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
  15. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +2 -1
  16. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
  17. package/styled-components/es/components/IconButton/IconButton.styles.js +1 -12
  18. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +2 -1
  19. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -1
  20. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +2 -1
  21. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -1
  22. package/types/components/IconButton/IconButton.styles.d.ts +0 -17
  23. package/types/components/IconButton/IconButton.styles.d.ts.map +1 -1
  24. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts +1 -0
  25. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +1 -1
  26. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +1 -0
  27. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
  28. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts +1 -0
  29. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +1 -1
  30. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +1 -0
  31. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
package/cjs/components/IconButton/IconButton.css CHANGED
@@ -8,12 +8,6 @@
8
8
 
9
9
  .base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
10
10
 
11
- .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
12
- .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
13
- .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
14
- .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
15
- .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
-
17
11
  .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
18
12
 
19
13
  .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
@@ -21,7 +15,11 @@
21
15
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
22
16
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
23
17
 
24
- .IconButton_styles_gh8fim_b1ua728l__7324c12e.IconButton_styles_gh8fim_b1ua728l__7324c12e.IconButton_styles_gh8fim_iconButtonItem__7324c12e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
25
- .IconButton_styles_gh8fim_i5roq7j__7324c12e{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
26
- .IconButton_styles_gh8fim_lhwest8__7324c12e{position:absolute;}
27
- .IconButton_styles_gh8fim_sudin8m__7324c12e{--plasma-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-spinner-color:var(--plasma-icon-button-spinner-color);}
18
+ .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
19
+ .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
20
+ .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
21
+ .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
22
+ .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
23
+
24
+ .IconButton_styles_12iyaye_b1ua728l__f373d2de.IconButton_styles_12iyaye_b1ua728l__f373d2de.IconButton_styles_12iyaye_iconButtonItem__f373d2de{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
25
+ .IconButton_styles_12iyaye_i5roq7j__f373d2de{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
package/cjs/components/IconButton/IconButton.styles.js CHANGED
@@ -1,4 +1,4 @@
1
- import './IconButton.styles_gh8fim.css';
1
+ import './IconButton.styles_12iyaye.css';
2
2
  'use strict';
3
3
 
4
4
  Object.defineProperty(exports, '__esModule', { value: true });
@@ -7,8 +7,6 @@ var react = require('@linaria/react');
7
7
  require('@linaria/core');
8
8
  var common = require('../../engines/common.js');
9
9
  var Button$1 = require('../Button/Button.js');
10
- require('react');
11
- require('@salutejs/plasma-core');
12
10
 
13
11
  var mergedConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
14
12
  var Button = /*#__PURE__*/common.component(mergedConfig);
package/cjs/components/IconButton/IconButton.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.styles.js","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens, classes } from './IconButton.tokens';\n\n// issue #823\nconst mergedConfigSpiner = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfigSpiner);\n\nconst mergedConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedConfig);\n\nexport const base = css`\n &&.${classes.iconButtonItem} {\n display: inline-flex;\n }\n`;\n\nexport const IconButtonStyled = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.iconButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.iconButtonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.iconButtonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.iconButtonFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.iconButtonFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.iconButtonFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.iconButtonFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.iconButtonLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.iconButtonLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.iconButtonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.iconButtonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.iconButtonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.iconButtonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.iconButtonFocusColor});\n\n ${buttonTokens.buttonSpinnerSize}: var(${tokens.iconButtonSpinnerSize});\n ${buttonTokens.buttonSpinnerColor}: var(${tokens.iconButtonSpinnerColor});\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.iconButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.iconButtonSpinnerColor});\n`;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","Button","component","base","_exp2","IconButtonStyled","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;;;AAaA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AAC9C,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAE/B,IAAMK,IAAI,GAIhB,WAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCH,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMI,gBAAgB,gBAAGC,YAAM,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2BrC;;;;;"}
1
+ {"version":3,"file":"IconButton.styles.js","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { buttonConfig, buttonTokens } from '../Button';\n\nimport { tokens, classes } from './IconButton.tokens';\n\nconst mergedConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedConfig);\n\nexport const base = css`\n &&.${classes.iconButtonItem} {\n display: inline-flex;\n }\n`;\n\nexport const IconButtonStyled = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.iconButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.iconButtonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.iconButtonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.iconButtonFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.iconButtonFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.iconButtonFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.iconButtonFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.iconButtonLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.iconButtonLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.iconButtonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.iconButtonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.iconButtonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.iconButtonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.iconButtonFocusColor});\n\n ${buttonTokens.buttonSpinnerSize}: var(${tokens.iconButtonSpinnerSize});\n ${buttonTokens.buttonSpinnerColor}: var(${tokens.iconButtonSpinnerColor});\n`;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","Button","component","base","_exp2","IconButtonStyled","styled","name","class","propsAsIs"],"mappings":";;;;;;;;;AAQA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,qBAAY,CAAC,CAAA;AAC9C,IAAMC,MAAM,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAE/B,IAAMK,IAAI,GAIhB,WAAA;AAAC,IAAAC,KAAA,GAdgBA,SAchBA,KAAAA,GAAA;AAAA,EAAA,OAEqCH,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMI,gBAAgB,gBAAGC,YAAM,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2BrC;;;;;"}
package/cjs/components/IconButton/{IconButton.styles_gh8fim.css → IconButton.styles_12iyaye.css} RENAMED
@@ -1,4 +1,2 @@
1
1
  .b1ua728l.b1ua728l.icon-button-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
2
2
  .i5roq7j{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
3
- .lhwest8{position:absolute;}
4
- .sudin8m{--plasma-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-spinner-color:var(--plasma-icon-button-spinner-color);}
package/cjs/index.css CHANGED
@@ -14,10 +14,8 @@
14
14
  .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
15
15
  .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
16
 
17
- .IconButton_styles_gh8fim_b1ua728l__7324c12e.IconButton_styles_gh8fim_b1ua728l__7324c12e.IconButton_styles_gh8fim_iconButtonItem__7324c12e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
18
- .IconButton_styles_gh8fim_i5roq7j__7324c12e{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
19
- .IconButton_styles_gh8fim_lhwest8__7324c12e{position:absolute;}
20
- .IconButton_styles_gh8fim_sudin8m__7324c12e{--plasma-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-spinner-color:var(--plasma-icon-button-spinner-color);}
17
+ .IconButton_styles_12iyaye_b1ua728l__f373d2de.IconButton_styles_12iyaye_b1ua728l__f373d2de.IconButton_styles_12iyaye_iconButtonItem__f373d2de{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
18
+ .IconButton_styles_12iyaye_i5roq7j__f373d2de{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
21
19
 
22
20
  .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
23
21
 
package/es/components/IconButton/IconButton.css CHANGED
@@ -8,12 +8,6 @@
8
8
 
9
9
  .base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFixed__16e78f09{width:var(--plasma-button-width);}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingFilled__16e78f09{width:100%;}.base_1lx0ute_bdz31nb__16e78f09.base_1lx0ute_buttonStretchingAuto__16e78f09{width:auto;}
10
10
 
11
- .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
12
- .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
13
- .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
14
- .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
15
- .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
-
17
11
  .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
18
12
 
19
13
  .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
@@ -21,7 +15,11 @@
21
15
  .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
22
16
  .Spinner_styles_13q7ndk_s122r4cn__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:var(--s122r4cn-0);height:var(--s122r4cn-1);-webkit-animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;animation:Spinner_styles_13q7ndk_rotateS122r4cn__af962114 1s linear infinite;}@-webkit-keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes Spinner_styles_13q7ndk_rotateS122r4cn__af962114{from{-webkit-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}
23
17
 
24
- .IconButton_styles_gh8fim_b1ua728l__7324c12e.IconButton_styles_gh8fim_b1ua728l__7324c12e.IconButton_styles_gh8fim_iconButtonItem__7324c12e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
25
- .IconButton_styles_gh8fim_i5roq7j__7324c12e{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
26
- .IconButton_styles_gh8fim_lhwest8__7324c12e{position:absolute;}
27
- .IconButton_styles_gh8fim_sudin8m__7324c12e{--plasma-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-spinner-color:var(--plasma-icon-button-spinner-color);}
18
+ .Button_styles_uqvh6u_bzw1898__b7cda4d5{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);}a.Button_styles_uqvh6u_bzw1898__b7cda4d5{-webkit-text-decoration:none;text-decoration:none;}.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_bzw1898__b7cda4d5.Button_styles_uqvh6u_buttonSquare__b7cda4d5{width:var(--plasma-button-height);padding:0;}
19
+ .Button_styles_uqvh6u_bdfuqwe__b7cda4d5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:last-child){margin-right:0.375rem;}.Button_styles_uqvh6u_bdfuqwe__b7cda4d5:not(:first-child){margin-left:0.375rem;}
20
+ .Button_styles_uqvh6u_l9ypozh__b7cda4d5{opacity:var(--l9ypozh-0);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-align-items:inherit;-webkit-box-align:inherit;-ms-flex-align:inherit;align-items:inherit;-webkit-box-pack:inherit;-webkit-justify-content:inherit;-ms-flex-pack:inherit;justify-content:inherit;height:100%;}
21
+ .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
22
+ .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
23
+
24
+ .IconButton_styles_12iyaye_b1ua728l__f373d2de.IconButton_styles_12iyaye_b1ua728l__f373d2de.IconButton_styles_12iyaye_iconButtonItem__f373d2de{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
25
+ .IconButton_styles_12iyaye_i5roq7j__f373d2de{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
package/es/components/IconButton/IconButton.styles.js CHANGED
@@ -1,10 +1,8 @@
1
- import './IconButton.styles_gh8fim.css';
1
+ import './IconButton.styles_12iyaye.css';
2
2
  import { styled } from '@linaria/react';
3
3
  import '@linaria/core';
4
4
  import { component, mergeConfig } from '../../engines/common.js';
5
5
  import { buttonConfig } from '../Button/Button.js';
6
- import 'react';
7
- import '@salutejs/plasma-core';
8
6
 
9
7
  var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig);
10
8
  var Button = /*#__PURE__*/component(mergedConfig);
package/es/components/IconButton/IconButton.styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.styles.js","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { buttonConfig, buttonTokens } from '../Button';\nimport { spinnerConfig, spinnerTokens } from '../Spinner';\n\nimport { tokens, classes } from './IconButton.tokens';\n\n// issue #823\nconst mergedConfigSpiner = mergeConfig(spinnerConfig);\nconst Spinner = component(mergedConfigSpiner);\n\nconst mergedConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedConfig);\n\nexport const base = css`\n &&.${classes.iconButtonItem} {\n display: inline-flex;\n }\n`;\n\nexport const IconButtonStyled = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.iconButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.iconButtonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.iconButtonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.iconButtonFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.iconButtonFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.iconButtonFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.iconButtonFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.iconButtonLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.iconButtonLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.iconButtonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.iconButtonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.iconButtonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.iconButtonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.iconButtonFocusColor});\n\n ${buttonTokens.buttonSpinnerSize}: var(${tokens.iconButtonSpinnerSize});\n ${buttonTokens.buttonSpinnerColor}: var(${tokens.iconButtonSpinnerColor});\n`;\n\nexport const Loader = styled.div`\n position: absolute;\n`;\n\nexport const StyledSpinner = styled(Spinner)`\n ${spinnerTokens.size}: var(${tokens.iconButtonSpinnerSize});\n ${spinnerTokens.color}: var(${tokens.iconButtonSpinnerColor});\n`;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","Button","component","base","_exp2","IconButtonStyled","styled","name","class","propsAsIs"],"mappings":";;;;;;;AAaA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AAC9C,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAE/B,IAAMK,IAAI,GAIhB,WAAA;AAAC,IAAAC,KAAA,GAnBgBA,SAmBhBA,KAAAA,GAAA;AAAA,EAAA,OAEqCH,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMI,gBAAgB,gBAAGC,MAAM,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2BrC;;;;"}
1
+ {"version":3,"file":"IconButton.styles.js","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\nimport { css } from '@linaria/core';\n\nimport { component, mergeConfig } from '../../engines';\nimport { buttonConfig, buttonTokens } from '../Button';\n\nimport { tokens, classes } from './IconButton.tokens';\n\nconst mergedConfig = mergeConfig(buttonConfig);\nconst Button = component(mergedConfig);\n\nexport const base = css`\n &&.${classes.iconButtonItem} {\n display: inline-flex;\n }\n`;\n\nexport const IconButtonStyled = styled(Button)`\n ${buttonTokens.buttonColor}: var(${tokens.iconButtonColor});\n ${buttonTokens.buttonBackgroundColor}: var(${tokens.iconButtonBackgroundColor});\n\n ${buttonTokens.buttonColorHover}: var(${tokens.iconButtonColorHover});\n ${buttonTokens.buttonBackgroundColorHover}: var(${tokens.iconButtonBackgroundColorHover});\n\n ${buttonTokens.buttonColorActive}: var(${tokens.iconButtonColorActive});\n ${buttonTokens.buttonBackgroundColorActive}: var(${tokens.iconButtonBackgroundColorActive});\n\n\n ${buttonTokens.buttonFontFamily}: var(${tokens.iconButtonFontFamily});\n ${buttonTokens.buttonFontSize}: var(${tokens.iconButtonFontSize});\n ${buttonTokens.buttonFontStyle}: var(${tokens.iconButtonFontStyle});\n ${buttonTokens.buttonFontWeight}:var(${tokens.iconButtonFontWeight});\n ${buttonTokens.buttonLetterSpacing}: var(${tokens.iconButtonLetterSpacing});\n ${buttonTokens.buttonLineHeight}: var(${tokens.iconButtonLineHeight});\n\n ${buttonTokens.buttonWidth}: var(${tokens.iconButtonWidth});\n ${buttonTokens.buttonHeight}: var(${tokens.iconButtonHeight});\n ${buttonTokens.buttonRadius}: var(${tokens.iconButtonRadius});\n\n ${buttonTokens.buttonDisabledOpacity}: var(${tokens.iconButtonDisabledOpacity});\n ${buttonTokens.buttonFocusColor}: var(${tokens.iconButtonFocusColor});\n\n ${buttonTokens.buttonSpinnerSize}: var(${tokens.iconButtonSpinnerSize});\n ${buttonTokens.buttonSpinnerColor}: var(${tokens.iconButtonSpinnerColor});\n`;\n"],"names":["mergedConfig","mergeConfig","buttonConfig","Button","component","base","_exp2","IconButtonStyled","styled","name","class","propsAsIs"],"mappings":";;;;;AAQA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,YAAY,CAAC,CAAA;AAC9C,IAAMC,MAAM,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAE/B,IAAMK,IAAI,GAIhB,WAAA;AAAC,IAAAC,KAAA,GAdgBA,SAchBA,KAAAA,GAAA;AAAA,EAAA,OAEqCH,MAAM,CAAA;AAAA,CAAA,CAAA;AAAtC,IAAMI,gBAAgB,gBAAGC,MAAM,CAAAF,KAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA2BrC;;;;"}
package/es/components/IconButton/{IconButton.styles_gh8fim.css → IconButton.styles_12iyaye.css} RENAMED
@@ -1,4 +1,2 @@
1
1
  .b1ua728l.b1ua728l.icon-button-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
2
2
  .i5roq7j{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
3
- .lhwest8{position:absolute;}
4
- .sudin8m{--plasma-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-spinner-color:var(--plasma-icon-button-spinner-color);}
package/es/index.css CHANGED
@@ -14,10 +14,8 @@
14
14
  .Button_styles_uqvh6u_l4dfhbg__b7cda4d5{position:absolute;}
15
15
  .Button_styles_uqvh6u_srdlazt__b7cda4d5{--plasma-spinner-size:var(--plasma-button-spinner-size);--plasma-spinner-color:var(--plasma-button-spinner-color);}
16
16
 
17
- .IconButton_styles_gh8fim_b1ua728l__7324c12e.IconButton_styles_gh8fim_b1ua728l__7324c12e.IconButton_styles_gh8fim_iconButtonItem__7324c12e{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
18
- .IconButton_styles_gh8fim_i5roq7j__7324c12e{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
19
- .IconButton_styles_gh8fim_lhwest8__7324c12e{position:absolute;}
20
- .IconButton_styles_gh8fim_sudin8m__7324c12e{--plasma-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-spinner-color:var(--plasma-icon-button-spinner-color);}
17
+ .IconButton_styles_12iyaye_b1ua728l__f373d2de.IconButton_styles_12iyaye_b1ua728l__f373d2de.IconButton_styles_12iyaye_iconButtonItem__f373d2de{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
18
+ .IconButton_styles_12iyaye_i5roq7j__f373d2de{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
21
19
 
22
20
  .base_6k3uip_b7jdqtc__e6616a37.base_6k3uip_buttonGroupOverrideStyles__e6616a37 .base_6k3uip_buttonItem__e6616a37{--plasma-button-color:var(--plasma-button-group-item-color);--plasma-button-background-color:var(--plasma-button-group-item-background-color);--plasma-button-color-hover:var(--plasma-button-group-item-color-hover);--plasma-button-background-color-hover:var(--plasma-button-group-item-background-color-hover);--plasma-button-color-active:var(--plasma-button-group-item-color-active);--plasma-button-background-color-active:var(--plasma-button-group-item-background-color-active);}
23
21
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.77.0-canary.1195.8808345201.0",
3
+ "version": "0.77.0-canary.1195.8813838291.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -102,5 +102,5 @@
102
102
  "react-popper": "2.3.0",
103
103
  "storeon": "3.1.5"
104
104
  },
105
- "gitHead": "ff2c70ffc0e633d08c6a27fbd4cfba37908aa42f"
105
+ "gitHead": "50dac3aa4acef3fe0b8016a274f61c6750f8ad24"
106
106
  }
package/styled-components/cjs/components/IconButton/IconButton.styles.js CHANGED
@@ -4,26 +4,16 @@ function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" ==
4
4
  Object.defineProperty(exports, "__esModule", {
5
5
  value: true
6
6
  });
7
- exports.base = exports.StyledSpinner = exports.Loader = exports.IconButtonStyled = void 0;
7
+ exports.base = exports.IconButtonStyled = void 0;
8
8
  var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
9
  var _engines = /*#__PURE__*/require("../../engines");
10
10
  var _Button = /*#__PURE__*/require("../Button");
11
- var _Spinner = /*#__PURE__*/require("../Spinner");
12
11
  var _IconButton = /*#__PURE__*/require("./IconButton.tokens");
13
12
  function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
14
13
  function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
15
- // issue #823
16
- var mergedConfigSpiner = /*#__PURE__*/(0, _engines.mergeConfig)(_Spinner.spinnerConfig);
17
- var Spinner = /*#__PURE__*/(0, _engines.component)(mergedConfigSpiner);
18
14
  var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
19
15
  var Button = /*#__PURE__*/(0, _engines.component)(mergedConfig);
20
16
  var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&&.", "{display:inline-flex;}"], _IconButton.classes.iconButtonItem);
21
17
  var IconButtonStyled = exports.IconButtonStyled = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
22
18
  componentId: "plasma-new-hope__sc-bil9m7-0"
23
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Button.buttonTokens.buttonColor, _IconButton.tokens.iconButtonColor, _Button.buttonTokens.buttonBackgroundColor, _IconButton.tokens.iconButtonBackgroundColor, _Button.buttonTokens.buttonColorHover, _IconButton.tokens.iconButtonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _IconButton.tokens.iconButtonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _IconButton.tokens.iconButtonColorActive, _Button.buttonTokens.buttonBackgroundColorActive, _IconButton.tokens.iconButtonBackgroundColorActive, _Button.buttonTokens.buttonFontFamily, _IconButton.tokens.iconButtonFontFamily, _Button.buttonTokens.buttonFontSize, _IconButton.tokens.iconButtonFontSize, _Button.buttonTokens.buttonFontStyle, _IconButton.tokens.iconButtonFontStyle, _Button.buttonTokens.buttonFontWeight, _IconButton.tokens.iconButtonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _IconButton.tokens.iconButtonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _IconButton.tokens.iconButtonLineHeight, _Button.buttonTokens.buttonWidth, _IconButton.tokens.iconButtonWidth, _Button.buttonTokens.buttonHeight, _IconButton.tokens.iconButtonHeight, _Button.buttonTokens.buttonRadius, _IconButton.tokens.iconButtonRadius, _Button.buttonTokens.buttonDisabledOpacity, _IconButton.tokens.iconButtonDisabledOpacity, _Button.buttonTokens.buttonFocusColor, _IconButton.tokens.iconButtonFocusColor, _Button.buttonTokens.buttonSpinnerSize, _IconButton.tokens.iconButtonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _IconButton.tokens.iconButtonSpinnerColor);
24
- var Loader = exports.Loader = /*#__PURE__*/_styledComponents["default"].div.withConfig({
25
- componentId: "plasma-new-hope__sc-bil9m7-1"
26
- })(["position:absolute;"]);
27
- var StyledSpinner = exports.StyledSpinner = /*#__PURE__*/(0, _styledComponents["default"])(Spinner).withConfig({
28
- componentId: "plasma-new-hope__sc-bil9m7-2"
29
- })(["", ":var(", ");", ":var(", ");"], _Spinner.spinnerTokens.size, _IconButton.tokens.iconButtonSpinnerSize, _Spinner.spinnerTokens.color, _IconButton.tokens.iconButtonSpinnerColor);
19
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _Button.buttonTokens.buttonColor, _IconButton.tokens.iconButtonColor, _Button.buttonTokens.buttonBackgroundColor, _IconButton.tokens.iconButtonBackgroundColor, _Button.buttonTokens.buttonColorHover, _IconButton.tokens.iconButtonColorHover, _Button.buttonTokens.buttonBackgroundColorHover, _IconButton.tokens.iconButtonBackgroundColorHover, _Button.buttonTokens.buttonColorActive, _IconButton.tokens.iconButtonColorActive, _Button.buttonTokens.buttonBackgroundColorActive, _IconButton.tokens.iconButtonBackgroundColorActive, _Button.buttonTokens.buttonFontFamily, _IconButton.tokens.iconButtonFontFamily, _Button.buttonTokens.buttonFontSize, _IconButton.tokens.iconButtonFontSize, _Button.buttonTokens.buttonFontStyle, _IconButton.tokens.iconButtonFontStyle, _Button.buttonTokens.buttonFontWeight, _IconButton.tokens.iconButtonFontWeight, _Button.buttonTokens.buttonLetterSpacing, _IconButton.tokens.iconButtonLetterSpacing, _Button.buttonTokens.buttonLineHeight, _IconButton.tokens.iconButtonLineHeight, _Button.buttonTokens.buttonWidth, _IconButton.tokens.iconButtonWidth, _Button.buttonTokens.buttonHeight, _IconButton.tokens.iconButtonHeight, _Button.buttonTokens.buttonRadius, _IconButton.tokens.iconButtonRadius, _Button.buttonTokens.buttonDisabledOpacity, _IconButton.tokens.iconButtonDisabledOpacity, _Button.buttonTokens.buttonFocusColor, _IconButton.tokens.iconButtonFocusColor, _Button.buttonTokens.buttonSpinnerSize, _IconButton.tokens.iconButtonSpinnerSize, _Button.buttonTokens.buttonSpinnerColor, _IconButton.tokens.iconButtonSpinnerColor);
package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js CHANGED
@@ -8,12 +8,13 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'primary',
11
+ view: 'default',
12
12
  focused: 'true',
13
13
  size: 'm'
14
14
  },
15
15
  variations: {
16
16
  view: {
17
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
17
18
  primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
18
19
  accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
19
20
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx CHANGED
@@ -55,7 +55,7 @@ const getSizeForIcon = (size) => {
55
55
  export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
56
56
  args: {
57
57
  children: <IconChevronLeft />,
58
- view: 'primary',
58
+ view: 'default',
59
59
  size: 'm',
60
60
  disabled: false,
61
61
  focused: true,
package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js CHANGED
@@ -8,12 +8,13 @@ var _styledComponents = /*#__PURE__*/require("styled-components");
8
8
  var _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
9
9
  var config = exports.config = {
10
10
  defaults: {
11
- view: 'primary',
11
+ view: 'default',
12
12
  focused: 'true',
13
13
  size: 'm'
14
14
  },
15
15
  variations: {
16
16
  view: {
17
+ "default": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
17
18
  primary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
18
19
  accent: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
19
20
  secondary: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx CHANGED
@@ -55,7 +55,7 @@ const getSizeForIcon = (size) => {
55
55
  export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
56
56
  args: {
57
57
  children: <IconChevronLeft />,
58
- view: 'primary',
58
+ view: 'default',
59
59
  size: 'm',
60
60
  disabled: false,
61
61
  focused: true,
package/styled-components/es/components/IconButton/IconButton.styles.js CHANGED
@@ -2,21 +2,10 @@ import styled from 'styled-components';
2
2
  import { css } from 'styled-components';
3
3
  import { component, mergeConfig } from '../../engines';
4
4
  import { buttonConfig, buttonTokens } from '../Button';
5
- import { spinnerConfig, spinnerTokens } from '../Spinner';
6
5
  import { tokens, classes } from './IconButton.tokens';
7
-
8
- // issue #823
9
- var mergedConfigSpiner = /*#__PURE__*/mergeConfig(spinnerConfig);
10
- var Spinner = /*#__PURE__*/component(mergedConfigSpiner);
11
6
  var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig);
12
7
  var Button = /*#__PURE__*/component(mergedConfig);
13
8
  export var base = /*#__PURE__*/css(["&&.", "{display:inline-flex;}"], classes.iconButtonItem);
14
9
  export var IconButtonStyled = /*#__PURE__*/styled(Button).withConfig({
15
10
  componentId: "plasma-new-hope__sc-bil9m7-0"
16
- })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], buttonTokens.buttonColor, tokens.iconButtonColor, buttonTokens.buttonBackgroundColor, tokens.iconButtonBackgroundColor, buttonTokens.buttonColorHover, tokens.iconButtonColorHover, buttonTokens.buttonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, buttonTokens.buttonColorActive, tokens.iconButtonColorActive, buttonTokens.buttonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, buttonTokens.buttonFontFamily, tokens.iconButtonFontFamily, buttonTokens.buttonFontSize, tokens.iconButtonFontSize, buttonTokens.buttonFontStyle, tokens.iconButtonFontStyle, buttonTokens.buttonFontWeight, tokens.iconButtonFontWeight, buttonTokens.buttonLetterSpacing, tokens.iconButtonLetterSpacing, buttonTokens.buttonLineHeight, tokens.iconButtonLineHeight, buttonTokens.buttonWidth, tokens.iconButtonWidth, buttonTokens.buttonHeight, tokens.iconButtonHeight, buttonTokens.buttonRadius, tokens.iconButtonRadius, buttonTokens.buttonDisabledOpacity, tokens.iconButtonDisabledOpacity, buttonTokens.buttonFocusColor, tokens.iconButtonFocusColor, buttonTokens.buttonSpinnerSize, tokens.iconButtonSpinnerSize, buttonTokens.buttonSpinnerColor, tokens.iconButtonSpinnerColor);
17
- export var Loader = /*#__PURE__*/styled.div.withConfig({
18
- componentId: "plasma-new-hope__sc-bil9m7-1"
19
- })(["position:absolute;"]);
20
- export var StyledSpinner = /*#__PURE__*/styled(Spinner).withConfig({
21
- componentId: "plasma-new-hope__sc-bil9m7-2"
22
- })(["", ":var(", ");", ":var(", ");"], spinnerTokens.size, tokens.iconButtonSpinnerSize, spinnerTokens.color, tokens.iconButtonSpinnerColor);
11
+ })(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], buttonTokens.buttonColor, tokens.iconButtonColor, buttonTokens.buttonBackgroundColor, tokens.iconButtonBackgroundColor, buttonTokens.buttonColorHover, tokens.iconButtonColorHover, buttonTokens.buttonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, buttonTokens.buttonColorActive, tokens.iconButtonColorActive, buttonTokens.buttonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, buttonTokens.buttonFontFamily, tokens.iconButtonFontFamily, buttonTokens.buttonFontSize, tokens.iconButtonFontSize, buttonTokens.buttonFontStyle, tokens.iconButtonFontStyle, buttonTokens.buttonFontWeight, tokens.iconButtonFontWeight, buttonTokens.buttonLetterSpacing, tokens.iconButtonLetterSpacing, buttonTokens.buttonLineHeight, tokens.iconButtonLineHeight, buttonTokens.buttonWidth, tokens.iconButtonWidth, buttonTokens.buttonHeight, tokens.iconButtonHeight, buttonTokens.buttonRadius, tokens.iconButtonRadius, buttonTokens.buttonDisabledOpacity, tokens.iconButtonDisabledOpacity, buttonTokens.buttonFocusColor, tokens.iconButtonFocusColor, buttonTokens.buttonSpinnerSize, tokens.iconButtonSpinnerSize, buttonTokens.buttonSpinnerColor, tokens.iconButtonSpinnerColor);
package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js CHANGED
@@ -2,12 +2,13 @@ import { css } from 'styled-components';
2
2
  import { iconButtonTokens } from '../../../../components/IconButton';
3
3
  export var config = {
4
4
  defaults: {
5
- view: 'primary',
5
+ view: 'default',
6
6
  focused: 'true',
7
7
  size: 'm'
8
8
  },
9
9
  variations: {
10
10
  view: {
11
+ "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
11
12
  primary: /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
12
13
  accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
13
14
  secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx CHANGED
@@ -55,7 +55,7 @@ const getSizeForIcon = (size) => {
55
55
  export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
56
56
  args: {
57
57
  children: <IconChevronLeft />,
58
- view: 'primary',
58
+ view: 'default',
59
59
  size: 'm',
60
60
  disabled: false,
61
61
  focused: true,
package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js CHANGED
@@ -2,12 +2,13 @@ import { css } from 'styled-components';
2
2
  import { iconButtonTokens } from '../../../../components/IconButton';
3
3
  export var config = {
4
4
  defaults: {
5
- view: 'primary',
5
+ view: 'default',
6
6
  focused: 'true',
7
7
  size: 'm'
8
8
  },
9
9
  variations: {
10
10
  view: {
11
+ "default": /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
11
12
  primary: /*#__PURE__*/css(["", ":var(--inverse-text-primary);", ":var(--surface-solid-default);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-hover);", ":var(--inverse-text-primary);", ":var(--surface-solid-default-active);"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
12
13
  accent: /*#__PURE__*/css(["", ":var(--on-dark-text-primary);", ":var(--surface-accent);", ":var(--on-dark-text-primary);", ":var(--surface-accent-hover);", ":var(--on-dark-text-primary);", ":var(--surface-accent-active);"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
13
14
  secondary: /*#__PURE__*/css(["", ":var(--text-primary);", ":var(--surface-transparent-secondary);", ":var(--text-primary);", ":var(--surface-transparent-secondary-hover);", ":var(--text-primary);", ":var(--surface-transparent-secondary-active);"], iconButtonTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive),
package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx CHANGED
@@ -55,7 +55,7 @@ const getSizeForIcon = (size) => {
55
55
  export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
56
56
  args: {
57
57
  children: <IconChevronLeft />,
58
- view: 'primary',
58
+ view: 'default',
59
59
  size: 'm',
60
60
  disabled: false,
61
61
  focused: true,
package/types/components/IconButton/IconButton.styles.d.ts CHANGED
@@ -1,21 +1,4 @@
1
1
  /// <reference types="react" />
2
2
  export declare const base: import("@linaria/core").LinariaClassName;
3
3
  export declare const IconButtonStyled: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Button").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
4
- export declare const Loader: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
5
- export declare const StyledSpinner: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & ((import("react").HTMLAttributes<HTMLDivElement> & {
6
- width?: undefined;
7
- height?: undefined;
8
- size?: string | undefined;
9
- view?: string | undefined;
10
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
11
- width: number;
12
- height: number;
13
- size?: undefined;
14
- view?: string | undefined;
15
- } & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
16
- width: string;
17
- height: string;
18
- size?: undefined;
19
- view?: string | undefined;
20
- } & import("react").RefAttributes<HTMLDivElement>))>;
21
4
  //# sourceMappingURL=IconButton.styles.d.ts.map
package/types/components/IconButton/IconButton.styles.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":";AAgBA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,4PA2B5B,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC"}
1
+ {"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":";AAWA,eAAO,MAAM,IAAI,0CAIhB,CAAC;AAEF,eAAO,MAAM,gBAAgB,4PA2B5B,CAAC"}
package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare const config: {
6
6
  };
7
7
  variations: {
8
8
  view: {
9
+ default: import("@linaria/core").LinariaClassName;
9
10
  primary: import("@linaria/core").LinariaClassName;
10
11
  accent: import("@linaria/core").LinariaClassName;
11
12
  secondary: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsNlB,CAAC"}
1
+ {"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8NlB,CAAC"}
package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export declare const IconButton: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
3
  view: {
4
+ default: import("@linaria/core").LinariaClassName;
4
5
  primary: import("@linaria/core").LinariaClassName;
5
6
  accent: import("@linaria/core").LinariaClassName;
6
7
  secondary: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oHAA0B,CAAC"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oHAA0B,CAAC"}
package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts CHANGED
@@ -6,6 +6,7 @@ export declare const config: {
6
6
  };
7
7
  variations: {
8
8
  view: {
9
+ default: import("@linaria/core").LinariaClassName;
9
10
  primary: import("@linaria/core").LinariaClassName;
10
11
  accent: import("@linaria/core").LinariaClassName;
11
12
  secondary: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsNlB,CAAC"}
1
+ {"version":3,"file":"IconButton.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8NlB,CAAC"}
package/types/examples/plasma_web/components/IconButton/IconButton.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  /// <reference types="react" />
2
2
  export declare const IconButton: import("react").FunctionComponent<import("../../../../engines/types").PropsType<{
3
3
  view: {
4
+ default: import("@linaria/core").LinariaClassName;
4
5
  primary: import("@linaria/core").LinariaClassName;
5
6
  accent: import("@linaria/core").LinariaClassName;
6
7
  secondary: import("@linaria/core").LinariaClassName;
package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oHAA0B,CAAC"}
1
+ {"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oHAA0B,CAAC"}