@salutejs/plasma-new-hope 0.77.0-canary.1195.8816269500.0 → 0.77.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (115) hide show
  1. package/cjs/index.css +0 -3
  2. package/cjs/index.js +0 -6
  3. package/cjs/index.js.map +1 -1
  4. package/es/index.css +0 -3
  5. package/es/index.js +0 -2
  6. package/es/index.js.map +1 -1
  7. package/package.json +4 -4
  8. package/styled-components/cjs/index.js +0 -11
  9. package/styled-components/es/index.js +0 -1
  10. package/types/index.d.ts +0 -1
  11. package/types/index.d.ts.map +1 -1
  12. package/cjs/components/IconButton/IconButton.css +0 -25
  13. package/cjs/components/IconButton/IconButton.js +0 -84
  14. package/cjs/components/IconButton/IconButton.js.map +0 -1
  15. package/cjs/components/IconButton/IconButton.styles.js +0 -25
  16. package/cjs/components/IconButton/IconButton.styles.js.map +0 -1
  17. package/cjs/components/IconButton/IconButton.styles_12iyaye.css +0 -2
  18. package/cjs/components/IconButton/IconButton.tokens.js +0 -36
  19. package/cjs/components/IconButton/IconButton.tokens.js.map +0 -1
  20. package/cjs/components/IconButton/variations/_disabled/base.js +0 -9
  21. package/cjs/components/IconButton/variations/_disabled/base.js.map +0 -1
  22. package/cjs/components/IconButton/variations/_disabled/base_x642ct.css +0 -1
  23. package/cjs/components/IconButton/variations/_focused/base.js +0 -9
  24. package/cjs/components/IconButton/variations/_focused/base.js.map +0 -1
  25. package/cjs/components/IconButton/variations/_focused/base_x642ct.css +0 -1
  26. package/cjs/components/IconButton/variations/_size/base.js +0 -9
  27. package/cjs/components/IconButton/variations/_size/base.js.map +0 -1
  28. package/cjs/components/IconButton/variations/_size/base_x642ct.css +0 -1
  29. package/cjs/components/IconButton/variations/_view/base.js +0 -9
  30. package/cjs/components/IconButton/variations/_view/base.js.map +0 -1
  31. package/cjs/components/IconButton/variations/_view/base_x642ct.css +0 -1
  32. package/es/components/IconButton/IconButton.css +0 -25
  33. package/es/components/IconButton/IconButton.js +0 -79
  34. package/es/components/IconButton/IconButton.js.map +0 -1
  35. package/es/components/IconButton/IconButton.styles.js +0 -20
  36. package/es/components/IconButton/IconButton.styles.js.map +0 -1
  37. package/es/components/IconButton/IconButton.styles_12iyaye.css +0 -2
  38. package/es/components/IconButton/IconButton.tokens.js +0 -31
  39. package/es/components/IconButton/IconButton.tokens.js.map +0 -1
  40. package/es/components/IconButton/variations/_disabled/base.js +0 -5
  41. package/es/components/IconButton/variations/_disabled/base.js.map +0 -1
  42. package/es/components/IconButton/variations/_disabled/base_x642ct.css +0 -1
  43. package/es/components/IconButton/variations/_focused/base.js +0 -5
  44. package/es/components/IconButton/variations/_focused/base.js.map +0 -1
  45. package/es/components/IconButton/variations/_focused/base_x642ct.css +0 -1
  46. package/es/components/IconButton/variations/_size/base.js +0 -5
  47. package/es/components/IconButton/variations/_size/base.js.map +0 -1
  48. package/es/components/IconButton/variations/_size/base_x642ct.css +0 -1
  49. package/es/components/IconButton/variations/_view/base.js +0 -5
  50. package/es/components/IconButton/variations/_view/base.js.map +0 -1
  51. package/es/components/IconButton/variations/_view/base_x642ct.css +0 -1
  52. package/styled-components/cjs/components/IconButton/IconButton.js +0 -86
  53. package/styled-components/cjs/components/IconButton/IconButton.styles.js +0 -19
  54. package/styled-components/cjs/components/IconButton/IconButton.tokens.js +0 -34
  55. package/styled-components/cjs/components/IconButton/IconButton.types.js +0 -5
  56. package/styled-components/cjs/components/IconButton/index.js +0 -31
  57. package/styled-components/cjs/components/IconButton/variations/_disabled/base.js +0 -8
  58. package/styled-components/cjs/components/IconButton/variations/_disabled/tokens.json +0 -1
  59. package/styled-components/cjs/components/IconButton/variations/_focused/base.js +0 -8
  60. package/styled-components/cjs/components/IconButton/variations/_focused/tokens.json +0 -1
  61. package/styled-components/cjs/components/IconButton/variations/_size/base.js +0 -8
  62. package/styled-components/cjs/components/IconButton/variations/_size/tokens.json +0 -1
  63. package/styled-components/cjs/components/IconButton/variations/_view/base.js +0 -8
  64. package/styled-components/cjs/components/IconButton/variations/_view/tokens.json +0 -1
  65. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +0 -46
  66. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.js +0 -11
  67. package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -65
  68. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +0 -46
  69. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.js +0 -11
  70. package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -65
  71. package/styled-components/es/components/IconButton/IconButton.js +0 -77
  72. package/styled-components/es/components/IconButton/IconButton.styles.js +0 -11
  73. package/styled-components/es/components/IconButton/IconButton.tokens.js +0 -28
  74. package/styled-components/es/components/IconButton/IconButton.types.js +0 -1
  75. package/styled-components/es/components/IconButton/index.js +0 -2
  76. package/styled-components/es/components/IconButton/variations/_disabled/base.js +0 -2
  77. package/styled-components/es/components/IconButton/variations/_disabled/tokens.json +0 -1
  78. package/styled-components/es/components/IconButton/variations/_focused/base.js +0 -2
  79. package/styled-components/es/components/IconButton/variations/_focused/tokens.json +0 -1
  80. package/styled-components/es/components/IconButton/variations/_size/base.js +0 -2
  81. package/styled-components/es/components/IconButton/variations/_size/tokens.json +0 -1
  82. package/styled-components/es/components/IconButton/variations/_view/base.js +0 -2
  83. package/styled-components/es/components/IconButton/variations/_view/tokens.json +0 -1
  84. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +0 -40
  85. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.js +0 -5
  86. package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -65
  87. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +0 -40
  88. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.js +0 -5
  89. package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -65
  90. package/types/components/IconButton/IconButton.d.ts +0 -30
  91. package/types/components/IconButton/IconButton.d.ts.map +0 -1
  92. package/types/components/IconButton/IconButton.styles.d.ts +0 -4
  93. package/types/components/IconButton/IconButton.styles.d.ts.map +0 -1
  94. package/types/components/IconButton/IconButton.tokens.d.ts +0 -29
  95. package/types/components/IconButton/IconButton.tokens.d.ts.map +0 -1
  96. package/types/components/IconButton/IconButton.types.d.ts +0 -13
  97. package/types/components/IconButton/IconButton.types.d.ts.map +0 -1
  98. package/types/components/IconButton/index.d.ts +0 -4
  99. package/types/components/IconButton/index.d.ts.map +0 -1
  100. package/types/components/IconButton/variations/_disabled/base.d.ts +0 -2
  101. package/types/components/IconButton/variations/_disabled/base.d.ts.map +0 -1
  102. package/types/components/IconButton/variations/_focused/base.d.ts +0 -2
  103. package/types/components/IconButton/variations/_focused/base.d.ts.map +0 -1
  104. package/types/components/IconButton/variations/_size/base.d.ts +0 -2
  105. package/types/components/IconButton/variations/_size/base.d.ts.map +0 -1
  106. package/types/components/IconButton/variations/_view/base.d.ts +0 -2
  107. package/types/components/IconButton/variations/_view/base.d.ts.map +0 -1
  108. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts +0 -39
  109. package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +0 -1
  110. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +0 -33
  111. package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +0 -1
  112. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts +0 -39
  113. package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +0 -1
  114. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +0 -33
  115. package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +0 -1
package/cjs/index.css CHANGED
@@ -14,9 +14,6 @@
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_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);}
19
-
20
17
  .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);}
21
18
 
22
19
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
package/cjs/index.js CHANGED
@@ -20,8 +20,6 @@ var useDidMountEffect = require('./hooks/useDidMountEffect.js');
20
20
  var index$1 = require('./utils/index.js');
21
21
  var Button = require('./components/Button/Button.js');
22
22
  var Button_tokens = require('./components/Button/Button.tokens.js');
23
- var IconButton = require('./components/IconButton/IconButton.js');
24
- var IconButton_tokens = require('./components/IconButton/IconButton.tokens.js');
25
23
  var ButtonGroup = require('./components/ButtonGroup/ButtonGroup.js');
26
24
  var ButtonGroup_tokens = require('./components/ButtonGroup/ButtonGroup.tokens.js');
27
25
  var Chip = require('./components/Chip/Chip.js');
@@ -254,10 +252,6 @@ exports.buttonConfig = Button.buttonConfig;
254
252
  exports.buttonRoot = Button.buttonRoot;
255
253
  exports.buttonClasses = Button_tokens.classes;
256
254
  exports.buttonTokens = Button_tokens.tokens;
257
- exports.iconButtonConfig = IconButton.iconButtonConfig;
258
- exports.iconButtonRoot = IconButton.iconButtonRoot;
259
- exports.iconButtonClasses = IconButton_tokens.classes;
260
- exports.iconButtonTokens = IconButton_tokens.tokens;
261
255
  exports.buttonGroupConfig = ButtonGroup.buttonGroupConfig;
262
256
  exports.buttonGroupRoot = ButtonGroup.buttonGroupRoot;
263
257
  exports.buttonGroupClasses = ButtonGroup_tokens.classes;
package/cjs/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/es/index.css CHANGED
@@ -14,9 +14,6 @@
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_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);}
19
-
20
17
  .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);}
21
18
 
22
19
  .base_xxxewc_bc0nfse__e70323a1.base_xxxewc_buttonGroupOverrideStyles__e70323a1 .base_xxxewc_buttonItem__e70323a1{--plasma-button-height:var(--plasma-button-group-item-height);--plasma-button-padding:var(--plasma-button-group-item-padding);---plasma-button-scale-active:var(--plasma-button-group-item-scale-active);--plasma-button-scale-hover:var(--plasma-button-group-item-scale-hover);--plasma-button-font-family:var(--plasma-button-group-item-font-family);--plasma-button-font-size:var(--plasma-button-group-item-font-size);--plasma-button-font-style:var(--plasma-button-group-item-font-style);--plasma-button-font-weight:var(--plasma-button-group-item-font-weight);--plasma-button-letter-spacing:var(--plasma-button-group-item-letter-spacing);--plasma-button-line-height:var(--plasma-button-group-item-line-height);}
package/es/index.js CHANGED
@@ -16,8 +16,6 @@ export { useDidMountEffect } from './hooks/useDidMountEffect.js';
16
16
  export { composableStyle, cx } from './utils/index.js';
17
17
  export { buttonConfig, buttonRoot } from './components/Button/Button.js';
18
18
  export { classes as buttonClasses, tokens as buttonTokens } from './components/Button/Button.tokens.js';
19
- export { iconButtonConfig, iconButtonRoot } from './components/IconButton/IconButton.js';
20
- export { classes as iconButtonClasses, tokens as iconButtonTokens } from './components/IconButton/IconButton.tokens.js';
21
19
  export { buttonGroupConfig, buttonGroupRoot } from './components/ButtonGroup/ButtonGroup.js';
22
20
  export { classes as buttonGroupClasses, tokens as buttonGroupTokens } from './components/ButtonGroup/ButtonGroup.tokens.js';
23
21
  export { chipConfig, chipRoot } from './components/Chip/Chip.js';
package/es/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.77.0-canary.1195.8816269500.0",
3
+ "version": "0.77.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -68,7 +68,7 @@
68
68
  "@rollup/plugin-babel": "^6.0.3",
69
69
  "@rollup/plugin-commonjs": "^25.0.4",
70
70
  "@rollup/plugin-node-resolve": "^15.1.0",
71
- "@salutejs/plasma-sb-utils": "0.156.3-dev.0",
71
+ "@salutejs/plasma-sb-utils": "0.157.0",
72
72
  "@storybook/addon-docs": "^7.6.17",
73
73
  "@storybook/addon-essentials": "^7.6.17",
74
74
  "@storybook/addons": "^7.6.17",
@@ -97,10 +97,10 @@
97
97
  "@linaria/core": "5.0.2",
98
98
  "@linaria/react": "5.0.3",
99
99
  "@popperjs/core": "2.11.8",
100
- "@salutejs/plasma-core": "1.158.2-dev.0",
100
+ "@salutejs/plasma-core": "1.159.0",
101
101
  "focus-visible": "5.2.0",
102
102
  "react-popper": "2.3.0",
103
103
  "storeon": "3.1.5"
104
104
  },
105
- "gitHead": "c24b77041a03173bd3d7cacf63e8dd627d6df8b9"
105
+ "gitHead": "6ac37cf9b46382bf6065dc4022e12e2af995c51d"
106
106
  }
@@ -58,17 +58,6 @@ Object.keys(_Button).forEach(function (key) {
58
58
  }
59
59
  });
60
60
  });
61
- var _IconButton = /*#__PURE__*/require("./components/IconButton");
62
- Object.keys(_IconButton).forEach(function (key) {
63
- if (key === "default" || key === "__esModule") return;
64
- if (key in exports && exports[key] === _IconButton[key]) return;
65
- Object.defineProperty(exports, key, {
66
- enumerable: true,
67
- get: function get() {
68
- return _IconButton[key];
69
- }
70
- });
71
- });
72
61
  var _ButtonGroup = /*#__PURE__*/require("./components/ButtonGroup");
73
62
  Object.keys(_ButtonGroup).forEach(function (key) {
74
63
  if (key === "default" || key === "__esModule") return;
@@ -5,7 +5,6 @@ export * from './engines';
5
5
  export * from './hooks';
6
6
  export * from './utils';
7
7
  export * from './components/Button';
8
- export * from './components/IconButton';
9
8
  export * from './components/ButtonGroup';
10
9
  export * from './components/Chip';
11
10
  export * from './components/Cell';
package/types/index.d.ts CHANGED
@@ -3,7 +3,6 @@ export * from './engines';
3
3
  export * from './hooks';
4
4
  export * from './utils';
5
5
  export * from './components/Button';
6
- export * from './components/IconButton';
7
6
  export * from './components/ButtonGroup';
8
7
  export * from './components/Chip';
9
8
  export * from './components/Cell';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAEA,cAAc,UAAU,CAAC;AACzB,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC"}
@@ -1,25 +0,0 @@
1
- .base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
2
-
3
- .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
4
-
5
- .base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
6
-
7
- .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
8
-
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
-
11
- .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
12
-
13
- .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
14
-
15
- .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
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);}}
17
-
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);}
@@ -1,84 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
6
- var React = require('react');
7
- var index = require('../../utils/index.js');
8
- var IconButton_styles = require('./IconButton.styles.js');
9
- var IconButton_tokens = require('./IconButton.tokens.js');
10
- var base = require('./variations/_view/base.js');
11
- var base$1 = require('./variations/_size/base.js');
12
- var base$2 = require('./variations/_disabled/base.js');
13
- var base$3 = require('./variations/_focused/base.js');
14
-
15
- var _excluded = ["children", "view", "size", "icon", "isLoading", "loader", "pin", "disabled", "focused", "outlined", "className", "style"];
16
- var iconButtonRoot = function iconButtonRoot(Root) {
17
- return /*#__PURE__*/React.forwardRef(function (props, ref) {
18
- var children = props.children,
19
- view = props.view,
20
- size = props.size,
21
- icon = props.icon,
22
- isLoading = props.isLoading,
23
- loader = props.loader,
24
- pin = props.pin,
25
- disabled = props.disabled,
26
- focused = props.focused,
27
- outlined = props.outlined,
28
- className = props.className,
29
- style = props.style,
30
- rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
31
- return /*#__PURE__*/React.createElement(Root, {
32
- view: view,
33
- size: size,
34
- focused: focused,
35
- disabled: disabled,
36
- className: IconButton_tokens.classes.iconButtonItem
37
- }, /*#__PURE__*/React.createElement(IconButton_styles.IconButtonStyled, _rollupPluginBabelHelpers.extends({
38
- view: view,
39
- size: size,
40
- loader: loader,
41
- isLoading: isLoading,
42
- pin: pin,
43
- disabled: disabled,
44
- focused: focused,
45
- outlined: outlined,
46
- ref: ref,
47
- square: true // Временное решение
48
- ,
49
- stretching: "fixed" // Не работает не понятное почему
50
- ,
51
- className: index.cx(className),
52
- style: style
53
- }, rest), icon || children));
54
- });
55
- };
56
- var iconButtonConfig = {
57
- name: 'Button',
58
- tag: 'div',
59
- layout: iconButtonRoot,
60
- base: IconButton_styles.base,
61
- variations: {
62
- view: {
63
- css: base.base
64
- },
65
- size: {
66
- css: base$1.base
67
- },
68
- disabled: {
69
- css: base$2.base,
70
- attrs: true
71
- },
72
- focused: {
73
- css: base$3.base
74
- }
75
- },
76
- defaults: {
77
- view: 'secondary',
78
- size: 'm'
79
- }
80
- };
81
-
82
- exports.iconButtonConfig = iconButtonConfig;
83
- exports.iconButtonRoot = iconButtonRoot;
84
- //# sourceMappingURL=IconButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base, IconButtonStyled } from './IconButton.styles';\nimport type { IconButtonProps } from './IconButton.types';\nimport { classes } from './IconButton.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\n\nexport const iconButtonRoot = (Root: RootProps<HTMLButtonElement, IconButtonProps>) =>\n forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n icon,\n isLoading,\n loader,\n pin,\n disabled,\n focused,\n outlined,\n className,\n style,\n ...rest\n } = props;\n\n return (\n <Root view={view} size={size} focused={focused} disabled={disabled} className={classes.iconButtonItem}>\n <IconButtonStyled\n view={view}\n size={size}\n loader={loader}\n isLoading={isLoading}\n pin={pin}\n disabled={disabled}\n focused={focused}\n outlined={outlined}\n ref={ref}\n square // Временное решение\n stretching=\"fixed\" // Не работает не понятное почему\n className={cx(className)}\n style={style}\n {...rest}\n >\n {icon || children}\n </IconButtonStyled>\n </Root>\n );\n });\n\nexport const iconButtonConfig = {\n name: 'Button',\n tag: 'div',\n layout: iconButtonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n },\n};\n"],"names":["iconButtonRoot","Root","forwardRef","props","ref","children","view","size","icon","isLoading","loader","pin","disabled","focused","outlined","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","classes","iconButtonItem","IconButtonStyled","_extends","square","stretching","cx","iconButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":";;;;;;;;;;;;;;;IAaaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBAC9EC,gBAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IACIC,QAAQ,GAaRF,KAAK,CAbLE,QAAQ;MACRC,IAAI,GAYJH,KAAK,CAZLG,IAAI;MACJC,IAAI,GAWJJ,KAAK,CAXLI,IAAI;MACJC,IAAI,GAUJL,KAAK,CAVLK,IAAI;MACJC,SAAS,GASTN,KAAK,CATLM,SAAS;MACTC,MAAM,GAQNP,KAAK,CARLO,MAAM;MACNC,GAAG,GAOHR,KAAK,CAPLQ,GAAG;MACHC,QAAQ,GAMRT,KAAK,CANLS,QAAQ;MACRC,OAAO,GAKPV,KAAK,CALLU,OAAO;MACPC,QAAQ,GAIRX,KAAK,CAJLW,QAAQ;MACRC,SAAS,GAGTZ,KAAK,CAHLY,SAAS;MACTC,KAAK,GAELb,KAAK,CAFLa,KAAK;AACFC,MAAAA,IAAI,GAAAC,iDAAA,CACPf,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACpB,IAAI,EAAA;AAACK,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACM,MAAAA,OAAO,EAAEA,OAAQ;AAACD,MAAAA,QAAQ,EAAEA,QAAS;MAACG,SAAS,EAAEO,yBAAO,CAACC,cAAAA;AAAe,KAAA,eAClGH,KAAA,CAAAC,aAAA,CAACG,kCAAgB,EAAAC,iCAAA,CAAA;AACbnB,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,MAAM,EAAEA,MAAO;AACfD,MAAAA,SAAS,EAAEA,SAAU;AACrBE,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBV,MAAAA,GAAG,EAAEA,GAAI;AACTsB,MAAAA,MAAM,EAAC,IAAA;AAAA;MACPC,UAAU,EAAC,OAAO;AAAC;AACnBZ,MAAAA,SAAS,EAAEa,QAAE,CAACb,SAAS,CAAE;AACzBC,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACTC,IAAI,CAEPT,EAAAA,IAAI,IAAIH,QACK,CAChB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMwB,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhC,cAAc;AACtBiC,EAAAA,IAAI,EAAJA,sBAAI;AACJC,EAAAA,UAAU,EAAE;AACR5B,IAAAA,IAAI,EAAE;AACF6B,MAAAA,GAAG,EAAEC,SAAAA;KACR;AACD7B,IAAAA,IAAI,EAAE;AACF4B,MAAAA,GAAG,EAAEE,WAAAA;KACR;AACDzB,IAAAA,QAAQ,EAAE;AACNuB,MAAAA,GAAG,EAAEG,WAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD1B,IAAAA,OAAO,EAAE;AACLsB,MAAAA,GAAG,EAAEK,WAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnC,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;;"}
@@ -1,25 +0,0 @@
1
- import './IconButton.styles_12iyaye.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var react = require('@linaria/react');
7
- require('@linaria/core');
8
- var common = require('../../engines/common.js');
9
- var Button$1 = require('../Button/Button.js');
10
-
11
- var mergedConfig = /*#__PURE__*/common.mergeConfig(Button$1.buttonConfig);
12
- var Button = /*#__PURE__*/common.component(mergedConfig);
13
- var base = "b1ua728l";
14
- var _exp2 = function _exp2() {
15
- return Button;
16
- };
17
- var IconButtonStyled = /*#__PURE__*/react.styled(_exp2())({
18
- name: "IconButtonStyled",
19
- "class": "i5roq7j",
20
- propsAsIs: true
21
- });
22
-
23
- exports.IconButtonStyled = IconButtonStyled;
24
- exports.base = base;
25
- //# sourceMappingURL=IconButton.styles.js.map
@@ -1 +0,0 @@
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;;;;;"}
@@ -1,2 +0,0 @@
1
- .b1ua728l.b1ua728l.icon-button-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
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);}
@@ -1,36 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var classes = {
6
- iconButtonItem: 'icon-button-item'
7
- };
8
- var tokens = {
9
- iconButtonColor: '--plasma-icon-button-color',
10
- iconButtonBackgroundColor: '--plasma-icon-button-background-color',
11
- iconButtonColorHover: '--plasma-icon-button-color-hover',
12
- iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',
13
- iconButtonColorActive: '--plasma-icon-button-color-active',
14
- iconButtonBackgroundColorActive: '--plasma-icon-button-background-color-active',
15
- iconButtonScaleHover: '--plasma-icon-button-scale-hover',
16
- iconButtonScaleActive: '---plasma-icon-button-scale-active',
17
- iconButtonHeight: '--plasma-icon-button-height',
18
- iconButtonWidth: '--plasma-icon-button-width',
19
- iconButtonPadding: '--plasma-icon-button-padding',
20
- iconButtonRadius: '--plasma-icon-button-radius',
21
- iconButtonRadiusCircle: '--plasma-icon-button-radius-circle',
22
- iconButtonFontFamily: '--plasma-icon-button-font-family',
23
- iconButtonFontSize: '--plasma-icon-button-font-size',
24
- iconButtonFontStyle: '--plasma-icon-button-font-style',
25
- iconButtonFontWeight: '--plasma-icon-button-font-weight',
26
- iconButtonLetterSpacing: '--plasma-icon-button-letter-spacing',
27
- iconButtonLineHeight: '--plasma-icon-button-line-height',
28
- iconButtonDisabledOpacity: '--plasma-icon-button-disabled-opacity',
29
- iconButtonFocusColor: '--plasma-icon-button-focus-color',
30
- iconButtonSpinnerColor: '--plasma-icon-button-spinner-color',
31
- iconButtonSpinnerSize: '--plasma-icon-button-spinner-size'
32
- };
33
-
34
- exports.classes = classes;
35
- exports.tokens = tokens;
36
- //# sourceMappingURL=IconButton.tokens.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.tokens.js","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"sourcesContent":["export const classes = {\n iconButtonItem: 'icon-button-item',\n};\n\nexport const tokens = {\n iconButtonColor: '--plasma-icon-button-color',\n iconButtonBackgroundColor: '--plasma-icon-button-background-color',\n iconButtonColorHover: '--plasma-icon-button-color-hover',\n iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',\n iconButtonColorActive: '--plasma-icon-button-color-active',\n iconButtonBackgroundColorActive: '--plasma-icon-button-background-color-active',\n\n iconButtonScaleHover: '--plasma-icon-button-scale-hover',\n iconButtonScaleActive: '---plasma-icon-button-scale-active',\n iconButtonHeight: '--plasma-icon-button-height',\n iconButtonWidth: '--plasma-icon-button-width',\n iconButtonPadding: '--plasma-icon-button-padding',\n iconButtonRadius: '--plasma-icon-button-radius',\n iconButtonRadiusCircle: '--plasma-icon-button-radius-circle',\n\n iconButtonFontFamily: '--plasma-icon-button-font-family',\n iconButtonFontSize: '--plasma-icon-button-font-size',\n iconButtonFontStyle: '--plasma-icon-button-font-style',\n iconButtonFontWeight: '--plasma-icon-button-font-weight',\n iconButtonLetterSpacing: '--plasma-icon-button-letter-spacing',\n iconButtonLineHeight: '--plasma-icon-button-line-height',\n\n iconButtonDisabledOpacity: '--plasma-icon-button-disabled-opacity',\n iconButtonFocusColor: '--plasma-icon-button-focus-color',\n\n iconButtonSpinnerColor: '--plasma-icon-button-spinner-color',\n iconButtonSpinnerSize: '--plasma-icon-button-spinner-size',\n};\n"],"names":["classes","iconButtonItem","tokens","iconButtonColor","iconButtonBackgroundColor","iconButtonColorHover","iconButtonBackgroundColorHover","iconButtonColorActive","iconButtonBackgroundColorActive","iconButtonScaleHover","iconButtonScaleActive","iconButtonHeight","iconButtonWidth","iconButtonPadding","iconButtonRadius","iconButtonRadiusCircle","iconButtonFontFamily","iconButtonFontSize","iconButtonFontStyle","iconButtonFontWeight","iconButtonLetterSpacing","iconButtonLineHeight","iconButtonDisabledOpacity","iconButtonFocusColor","iconButtonSpinnerColor","iconButtonSpinnerSize"],"mappings":";;;;AAAO,IAAMA,OAAO,GAAG;AACnBC,EAAAA,cAAc,EAAE,kBAAA;AACpB,EAAC;AAEM,IAAMC,MAAM,GAAG;AAClBC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,8BAA8B,EAAE,6CAA6C;AAC7EC,EAAAA,qBAAqB,EAAE,mCAAmC;AAC1DC,EAAAA,+BAA+B,EAAE,8CAA8C;AAE/EC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,qBAAqB,EAAE,oCAAoC;AAC3DC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,eAAe,EAAE,4BAA4B;AAC7CC,EAAAA,iBAAiB,EAAE,8BAA8B;AACjDC,EAAAA,gBAAgB,EAAE,6BAA6B;AAC/CC,EAAAA,sBAAsB,EAAE,oCAAoC;AAE5DC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,kBAAkB,EAAE,gCAAgC;AACpDC,EAAAA,mBAAmB,EAAE,iCAAiC;AACtDC,EAAAA,oBAAoB,EAAE,kCAAkC;AACxDC,EAAAA,uBAAuB,EAAE,qCAAqC;AAC9DC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,yBAAyB,EAAE,uCAAuC;AAClEC,EAAAA,oBAAoB,EAAE,kCAAkC;AAExDC,EAAAA,sBAAsB,EAAE,oCAAoC;AAC5DC,EAAAA,qBAAqB,EAAE,mCAAA;AAC3B;;;;;"}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "b15ha9z4";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "b1pj3n57";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "b4yj8r9";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,9 +0,0 @@
1
- import './base_x642ct.css';
2
- 'use strict';
3
-
4
- Object.defineProperty(exports, '__esModule', { value: true });
5
-
6
- var base = "brdyrmj";
7
-
8
- exports.base = base;
9
- //# sourceMappingURL=base.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
@@ -1,25 +0,0 @@
1
- .base_x95x4p_b1ty39ru__349bf40b{color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}.base_x95x4p_b1ty39ru__349bf40b:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background-color:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.base_x95x4p_b1ty39ru__349bf40b:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background-color:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}
2
-
3
- .base_1alzrso_be0ha5g__cdc67255{height:var(--plasma-button-height);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);}
4
-
5
- .base_1t3ywu_b169l30m__aba40ddd[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.base_1t3ywu_b169l30m__aba40ddd[disabled]:hover,.base_1t3ywu_b169l30m__aba40ddd[disabled]:active{scale:none;color:var(--plasma-button-color);background-color:var(--plasma-button-background-color);}
6
-
7
- .base_1kq737e_b187cmzt__d829f64a{position:relative;}.base_1kq737e_b187cmzt__d829f64a:focus{outline:none;}.base_1kq737e_b187cmzt__d829f64a::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.base_1kq737e_b187cmzt__d829f64a.base_1kq737e_focusVisible__d829f64a:focus::before,.base_1kq737e_b187cmzt__d829f64a[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}
8
-
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
-
11
- .base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
12
-
13
- .base_ova69f_bw56nfh__55225c7f{width:var(--plasma-spinner-size);height:var(--plasma-spinner-size);}
14
-
15
- .Spinner_styles_13q7ndk_b1hp2dsz__af962114{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;box-sizing:border-box;}
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);}}
17
-
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);}
@@ -1,79 +0,0 @@
1
- import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
2
- import React, { forwardRef } from 'react';
3
- import { cx } from '../../utils/index.js';
4
- import { IconButtonStyled, base } from './IconButton.styles.js';
5
- import { classes } from './IconButton.tokens.js';
6
- import { base as base$1 } from './variations/_view/base.js';
7
- import { base as base$2 } from './variations/_size/base.js';
8
- import { base as base$3 } from './variations/_disabled/base.js';
9
- import { base as base$4 } from './variations/_focused/base.js';
10
-
11
- var _excluded = ["children", "view", "size", "icon", "isLoading", "loader", "pin", "disabled", "focused", "outlined", "className", "style"];
12
- var iconButtonRoot = function iconButtonRoot(Root) {
13
- return /*#__PURE__*/forwardRef(function (props, ref) {
14
- var children = props.children,
15
- view = props.view,
16
- size = props.size,
17
- icon = props.icon,
18
- isLoading = props.isLoading,
19
- loader = props.loader,
20
- pin = props.pin,
21
- disabled = props.disabled,
22
- focused = props.focused,
23
- outlined = props.outlined,
24
- className = props.className,
25
- style = props.style,
26
- rest = _objectWithoutProperties(props, _excluded);
27
- return /*#__PURE__*/React.createElement(Root, {
28
- view: view,
29
- size: size,
30
- focused: focused,
31
- disabled: disabled,
32
- className: classes.iconButtonItem
33
- }, /*#__PURE__*/React.createElement(IconButtonStyled, _extends({
34
- view: view,
35
- size: size,
36
- loader: loader,
37
- isLoading: isLoading,
38
- pin: pin,
39
- disabled: disabled,
40
- focused: focused,
41
- outlined: outlined,
42
- ref: ref,
43
- square: true // Временное решение
44
- ,
45
- stretching: "fixed" // Не работает не понятное почему
46
- ,
47
- className: cx(className),
48
- style: style
49
- }, rest), icon || children));
50
- });
51
- };
52
- var iconButtonConfig = {
53
- name: 'Button',
54
- tag: 'div',
55
- layout: iconButtonRoot,
56
- base: base,
57
- variations: {
58
- view: {
59
- css: base$1
60
- },
61
- size: {
62
- css: base$2
63
- },
64
- disabled: {
65
- css: base$3,
66
- attrs: true
67
- },
68
- focused: {
69
- css: base$4
70
- }
71
- },
72
- defaults: {
73
- view: 'secondary',
74
- size: 'm'
75
- }
76
- };
77
-
78
- export { iconButtonConfig, iconButtonRoot };
79
- //# sourceMappingURL=IconButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"IconButton.js","sources":["../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base, IconButtonStyled } from './IconButton.styles';\nimport type { IconButtonProps } from './IconButton.types';\nimport { classes } from './IconButton.tokens';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\n\nexport const iconButtonRoot = (Root: RootProps<HTMLButtonElement, IconButtonProps>) =>\n forwardRef<HTMLButtonElement, IconButtonProps>((props, ref) => {\n const {\n children,\n view,\n size,\n icon,\n isLoading,\n loader,\n pin,\n disabled,\n focused,\n outlined,\n className,\n style,\n ...rest\n } = props;\n\n return (\n <Root view={view} size={size} focused={focused} disabled={disabled} className={classes.iconButtonItem}>\n <IconButtonStyled\n view={view}\n size={size}\n loader={loader}\n isLoading={isLoading}\n pin={pin}\n disabled={disabled}\n focused={focused}\n outlined={outlined}\n ref={ref}\n square // Временное решение\n stretching=\"fixed\" // Не работает не понятное почему\n className={cx(className)}\n style={style}\n {...rest}\n >\n {icon || children}\n </IconButtonStyled>\n </Root>\n );\n });\n\nexport const iconButtonConfig = {\n name: 'Button',\n tag: 'div',\n layout: iconButtonRoot,\n base,\n variations: {\n view: {\n css: viewCSS,\n },\n size: {\n css: sizeCSS,\n },\n disabled: {\n css: disabledCSS,\n attrs: true,\n },\n focused: {\n css: focusedCSS,\n },\n },\n defaults: {\n view: 'secondary',\n size: 'm',\n },\n};\n"],"names":["iconButtonRoot","Root","forwardRef","props","ref","children","view","size","icon","isLoading","loader","pin","disabled","focused","outlined","className","style","rest","_objectWithoutProperties","_excluded","React","createElement","classes","iconButtonItem","IconButtonStyled","_extends","square","stretching","cx","iconButtonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","defaults"],"mappings":";;;;;;;;;;;IAaaA,cAAc,GAAG,SAAjBA,cAAcA,CAAIC,IAAmD,EAAA;AAAA,EAAA,oBAC9EC,UAAU,CAAqC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IACIC,QAAQ,GAaRF,KAAK,CAbLE,QAAQ;MACRC,IAAI,GAYJH,KAAK,CAZLG,IAAI;MACJC,IAAI,GAWJJ,KAAK,CAXLI,IAAI;MACJC,IAAI,GAUJL,KAAK,CAVLK,IAAI;MACJC,SAAS,GASTN,KAAK,CATLM,SAAS;MACTC,MAAM,GAQNP,KAAK,CARLO,MAAM;MACNC,GAAG,GAOHR,KAAK,CAPLQ,GAAG;MACHC,QAAQ,GAMRT,KAAK,CANLS,QAAQ;MACRC,OAAO,GAKPV,KAAK,CALLU,OAAO;MACPC,QAAQ,GAIRX,KAAK,CAJLW,QAAQ;MACRC,SAAS,GAGTZ,KAAK,CAHLY,SAAS;MACTC,KAAK,GAELb,KAAK,CAFLa,KAAK;AACFC,MAAAA,IAAI,GAAAC,wBAAA,CACPf,KAAK,EAAAgB,SAAA,CAAA,CAAA;AAET,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACpB,IAAI,EAAA;AAACK,MAAAA,IAAI,EAAEA,IAAK;AAACC,MAAAA,IAAI,EAAEA,IAAK;AAACM,MAAAA,OAAO,EAAEA,OAAQ;AAACD,MAAAA,QAAQ,EAAEA,QAAS;MAACG,SAAS,EAAEO,OAAO,CAACC,cAAAA;AAAe,KAAA,eAClGH,KAAA,CAAAC,aAAA,CAACG,gBAAgB,EAAAC,QAAA,CAAA;AACbnB,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,IAAI,EAAEA,IAAK;AACXG,MAAAA,MAAM,EAAEA,MAAO;AACfD,MAAAA,SAAS,EAAEA,SAAU;AACrBE,MAAAA,GAAG,EAAEA,GAAI;AACTC,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,OAAO,EAAEA,OAAQ;AACjBC,MAAAA,QAAQ,EAAEA,QAAS;AACnBV,MAAAA,GAAG,EAAEA,GAAI;AACTsB,MAAAA,MAAM,EAAC,IAAA;AAAA;MACPC,UAAU,EAAC,OAAO;AAAC;AACnBZ,MAAAA,SAAS,EAAEa,EAAE,CAACb,SAAS,CAAE;AACzBC,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACTC,IAAI,CAEPT,EAAAA,IAAI,IAAIH,QACK,CAChB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMwB,gBAAgB,GAAG;AAC5BC,EAAAA,IAAI,EAAE,QAAQ;AACdC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhC,cAAc;AACtBiC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR5B,IAAAA,IAAI,EAAE;AACF6B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD7B,IAAAA,IAAI,EAAE;AACF4B,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACDzB,IAAAA,QAAQ,EAAE;AACNuB,MAAAA,GAAG,EAAEG,MAAW;AAChBC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD1B,IAAAA,OAAO,EAAE;AACLsB,MAAAA,GAAG,EAAEK,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNnC,IAAAA,IAAI,EAAE,WAAW;AACjBC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
@@ -1,20 +0,0 @@
1
- import './IconButton.styles_12iyaye.css';
2
- import { styled } from '@linaria/react';
3
- import '@linaria/core';
4
- import { component, mergeConfig } from '../../engines/common.js';
5
- import { buttonConfig } from '../Button/Button.js';
6
-
7
- var mergedConfig = /*#__PURE__*/mergeConfig(buttonConfig);
8
- var Button = /*#__PURE__*/component(mergedConfig);
9
- var base = "b1ua728l";
10
- var _exp2 = function _exp2() {
11
- return Button;
12
- };
13
- var IconButtonStyled = /*#__PURE__*/styled(_exp2())({
14
- name: "IconButtonStyled",
15
- "class": "i5roq7j",
16
- propsAsIs: true
17
- });
18
-
19
- export { IconButtonStyled, base };
20
- //# sourceMappingURL=IconButton.styles.js.map
@@ -1 +0,0 @@
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;;;;"}
@@ -1,2 +0,0 @@
1
- .b1ua728l.b1ua728l.icon-button-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
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);}