@salutejs/plasma-new-hope 0.77.0-canary.1195.8815846142.0 → 0.77.0-canary.1196.8813424993.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
@@ -1,31 +0,0 @@
1
- var classes = {
2
- iconButtonItem: 'icon-button-item'
3
- };
4
- var tokens = {
5
- iconButtonColor: '--plasma-icon-button-color',
6
- iconButtonBackgroundColor: '--plasma-icon-button-background-color',
7
- iconButtonColorHover: '--plasma-icon-button-color-hover',
8
- iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',
9
- iconButtonColorActive: '--plasma-icon-button-color-active',
10
- iconButtonBackgroundColorActive: '--plasma-icon-button-background-color-active',
11
- iconButtonScaleHover: '--plasma-icon-button-scale-hover',
12
- iconButtonScaleActive: '---plasma-icon-button-scale-active',
13
- iconButtonHeight: '--plasma-icon-button-height',
14
- iconButtonWidth: '--plasma-icon-button-width',
15
- iconButtonPadding: '--plasma-icon-button-padding',
16
- iconButtonRadius: '--plasma-icon-button-radius',
17
- iconButtonRadiusCircle: '--plasma-icon-button-radius-circle',
18
- iconButtonFontFamily: '--plasma-icon-button-font-family',
19
- iconButtonFontSize: '--plasma-icon-button-font-size',
20
- iconButtonFontStyle: '--plasma-icon-button-font-style',
21
- iconButtonFontWeight: '--plasma-icon-button-font-weight',
22
- iconButtonLetterSpacing: '--plasma-icon-button-letter-spacing',
23
- iconButtonLineHeight: '--plasma-icon-button-line-height',
24
- iconButtonDisabledOpacity: '--plasma-icon-button-disabled-opacity',
25
- iconButtonFocusColor: '--plasma-icon-button-focus-color',
26
- iconButtonSpinnerColor: '--plasma-icon-button-spinner-color',
27
- iconButtonSpinnerSize: '--plasma-icon-button-spinner-size'
28
- };
29
-
30
- export { classes, tokens };
31
- //# 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,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b15ha9z4";
3
-
4
- export { base };
5
- //# 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,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b1pj3n57";
3
-
4
- export { base };
5
- //# 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,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "b4yj8r9";
3
-
4
- export { base };
5
- //# 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,5 +0,0 @@
1
- import './base_x642ct.css';
2
- var base = "brdyrmj";
3
-
4
- export { base };
5
- //# 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,86 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.iconButtonRoot = exports.iconButtonConfig = void 0;
8
- var _react = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("react"));
9
- var _utils = /*#__PURE__*/require("../../utils");
10
- var _IconButton = /*#__PURE__*/require("./IconButton.styles");
11
- var _IconButton2 = /*#__PURE__*/require("./IconButton.tokens");
12
- var _base = /*#__PURE__*/require("./variations/_view/base");
13
- var _base2 = /*#__PURE__*/require("./variations/_size/base");
14
- var _base3 = /*#__PURE__*/require("./variations/_disabled/base");
15
- var _base4 = /*#__PURE__*/require("./variations/_focused/base");
16
- var _excluded = ["children", "view", "size", "icon", "isLoading", "loader", "pin", "disabled", "focused", "outlined", "className", "style"];
17
- 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); }
18
- 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; }
19
- function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
20
- function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
21
- function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
22
- var iconButtonRoot = exports.iconButtonRoot = function iconButtonRoot(Root) {
23
- return /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
24
- var children = props.children,
25
- view = props.view,
26
- size = props.size,
27
- icon = props.icon,
28
- isLoading = props.isLoading,
29
- loader = props.loader,
30
- pin = props.pin,
31
- disabled = props.disabled,
32
- focused = props.focused,
33
- outlined = props.outlined,
34
- className = props.className,
35
- style = props.style,
36
- rest = _objectWithoutProperties(props, _excluded);
37
- return /*#__PURE__*/_react["default"].createElement(Root, {
38
- view: view,
39
- size: size,
40
- focused: focused,
41
- disabled: disabled,
42
- className: _IconButton2.classes.iconButtonItem
43
- }, /*#__PURE__*/_react["default"].createElement(_IconButton.IconButtonStyled, _extends({
44
- view: view,
45
- size: size,
46
- loader: loader,
47
- isLoading: isLoading,
48
- pin: pin,
49
- disabled: disabled,
50
- focused: focused,
51
- outlined: outlined,
52
- ref: ref,
53
- square: true // Временное решение
54
- ,
55
- stretching: "fixed" // Не работает не понятное почему
56
- ,
57
- className: (0, _utils.cx)(className),
58
- style: style
59
- }, rest), icon || children));
60
- });
61
- };
62
- var iconButtonConfig = exports.iconButtonConfig = {
63
- name: 'Button',
64
- tag: 'div',
65
- layout: iconButtonRoot,
66
- base: _IconButton.base,
67
- variations: {
68
- view: {
69
- css: _base.base
70
- },
71
- size: {
72
- css: _base2.base
73
- },
74
- disabled: {
75
- css: _base3.base,
76
- attrs: true
77
- },
78
- focused: {
79
- css: _base4.base
80
- }
81
- },
82
- defaults: {
83
- view: 'secondary',
84
- size: 'm'
85
- }
86
- };
@@ -1,19 +0,0 @@
1
- "use strict";
2
-
3
- function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
4
- Object.defineProperty(exports, "__esModule", {
5
- value: true
6
- });
7
- exports.base = exports.IconButtonStyled = void 0;
8
- var _styledComponents = /*#__PURE__*/_interopRequireWildcard( /*#__PURE__*/require("styled-components"));
9
- var _engines = /*#__PURE__*/require("../../engines");
10
- var _Button = /*#__PURE__*/require("../Button");
11
- var _IconButton = /*#__PURE__*/require("./IconButton.tokens");
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); }
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; }
14
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_Button.buttonConfig);
15
- var Button = /*#__PURE__*/(0, _engines.component)(mergedConfig);
16
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)(["&&.", "{display:inline-flex;}"], _IconButton.classes.iconButtonItem);
17
- var IconButtonStyled = exports.IconButtonStyled = /*#__PURE__*/(0, _styledComponents["default"])(Button).withConfig({
18
- componentId: "plasma-new-hope__sc-bil9m7-0"
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);
@@ -1,34 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.tokens = exports.classes = void 0;
7
- var classes = exports.classes = {
8
- iconButtonItem: 'icon-button-item'
9
- };
10
- var tokens = exports.tokens = {
11
- iconButtonColor: '--plasma-icon-button-color',
12
- iconButtonBackgroundColor: '--plasma-icon-button-background-color',
13
- iconButtonColorHover: '--plasma-icon-button-color-hover',
14
- iconButtonBackgroundColorHover: '--plasma-icon-button-background-color-hover',
15
- iconButtonColorActive: '--plasma-icon-button-color-active',
16
- iconButtonBackgroundColorActive: '--plasma-icon-button-background-color-active',
17
- iconButtonScaleHover: '--plasma-icon-button-scale-hover',
18
- iconButtonScaleActive: '---plasma-icon-button-scale-active',
19
- iconButtonHeight: '--plasma-icon-button-height',
20
- iconButtonWidth: '--plasma-icon-button-width',
21
- iconButtonPadding: '--plasma-icon-button-padding',
22
- iconButtonRadius: '--plasma-icon-button-radius',
23
- iconButtonRadiusCircle: '--plasma-icon-button-radius-circle',
24
- iconButtonFontFamily: '--plasma-icon-button-font-family',
25
- iconButtonFontSize: '--plasma-icon-button-font-size',
26
- iconButtonFontStyle: '--plasma-icon-button-font-style',
27
- iconButtonFontWeight: '--plasma-icon-button-font-weight',
28
- iconButtonLetterSpacing: '--plasma-icon-button-letter-spacing',
29
- iconButtonLineHeight: '--plasma-icon-button-line-height',
30
- iconButtonDisabledOpacity: '--plasma-icon-button-disabled-opacity',
31
- iconButtonFocusColor: '--plasma-icon-button-focus-color',
32
- iconButtonSpinnerColor: '--plasma-icon-button-spinner-color',
33
- iconButtonSpinnerSize: '--plasma-icon-button-spinner-size'
34
- };
@@ -1,5 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
@@ -1,31 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "iconButtonClasses", {
7
- enumerable: true,
8
- get: function get() {
9
- return _IconButton2.classes;
10
- }
11
- });
12
- Object.defineProperty(exports, "iconButtonConfig", {
13
- enumerable: true,
14
- get: function get() {
15
- return _IconButton.iconButtonConfig;
16
- }
17
- });
18
- Object.defineProperty(exports, "iconButtonRoot", {
19
- enumerable: true,
20
- get: function get() {
21
- return _IconButton.iconButtonRoot;
22
- }
23
- });
24
- Object.defineProperty(exports, "iconButtonTokens", {
25
- enumerable: true,
26
- get: function get() {
27
- return _IconButton2.tokens;
28
- }
29
- });
30
- var _IconButton = /*#__PURE__*/require("./IconButton");
31
- var _IconButton2 = /*#__PURE__*/require("./IconButton.tokens");
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,8 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.base = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var base = exports.base = /*#__PURE__*/(0, _styledComponents.css)([""]);
@@ -1,46 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- focused: 'true',
13
- size: 'm'
14
- },
15
- variations: {
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),
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),
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),
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),
21
- clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
22
- success: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
23
- warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
24
- critical: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
25
- dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
26
- black: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
27
- white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive)
28
- },
29
- size: {
30
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
31
- lr: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
32
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
33
- mr: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
34
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5remm;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
35
- sr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
36
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
37
- xsr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor)
38
- },
39
- disabled: {
40
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity)
41
- },
42
- focused: {
43
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonFocusColor)
44
- }
45
- }
46
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IconButton = void 0;
7
- var _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _IconButton2 = /*#__PURE__*/require("./IconButton.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig, _IconButton2.config);
11
- var IconButton = exports.IconButton = /*#__PURE__*/(0, _engines.component)(mergedConfig);
@@ -1,65 +0,0 @@
1
- import React, { ComponentProps } from 'react';
2
- import type { StoryObj, Meta } from '@storybook/react';
3
-
4
- import { iconButtonConfig } from '../../../../components/IconButton';
5
- import { mergeConfig } from '../../../../engines';
6
- import { WithTheme, argTypesFromConfig } from '../../../_helpers';
7
- import { IconChevronLeft } from '../../../../components/_Icon';
8
-
9
- import { config } from './IconButton.config';
10
- import { IconButton } from './IconButton';
11
-
12
- const meta: Meta<typeof IconButton> = {
13
- title: 'plasma_b2c/IconButton',
14
- decorators: [WithTheme],
15
- component: IconButton,
16
- argTypes: {
17
- ...argTypesFromConfig(mergeConfig(iconButtonConfig, config)),
18
- pin: {
19
- options: [
20
- 'square-square',
21
- 'square-clear',
22
- 'clear-square',
23
- 'clear-clear',
24
- 'clear-circle',
25
- 'circle-clear',
26
- 'circle-circle',
27
- '',
28
- ],
29
- control: {
30
- type: 'select',
31
- },
32
- table: { defaultValue: { summary: 'bottom' } },
33
- },
34
- },
35
- };
36
-
37
- export default meta;
38
-
39
- const getSizeForIcon = (size) => {
40
- if (size === 'mr') {
41
- return 'm';
42
- }
43
- if (size === 'lr') {
44
- return 'l';
45
- }
46
- if (size === 'sr') {
47
- return 's';
48
- }
49
- if (size === 'xsr') {
50
- return 'xs';
51
- }
52
- return size;
53
- };
54
-
55
- export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
56
- args: {
57
- children: <IconChevronLeft />,
58
- view: 'default',
59
- size: 'm',
60
- disabled: false,
61
- focused: true,
62
- isLoading: false,
63
- },
64
- render: (args) => <IconButton {...args} icon={<IconChevronLeft size={getSizeForIcon(args.size)} />} />,
65
- };
@@ -1,46 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.config = void 0;
7
- var _styledComponents = /*#__PURE__*/require("styled-components");
8
- var _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
9
- var config = exports.config = {
10
- defaults: {
11
- view: 'default',
12
- focused: 'true',
13
- size: 'm'
14
- },
15
- variations: {
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),
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),
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),
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),
21
- clear: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--text-primary);", ":var(--surface-clear);", ":var(--text-primary-hover);", ":var(--surface-clear);", ":var(--text-primary-active);", ":var(--surface-clear);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
22
- success: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-positive);", ":var(--on-dark-text-primary);", ":var(--surface-positive-hover);", ":var(--on-dark-text-primary);", ":var(--surface-positive-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
23
- warning: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-warning);", ":var(--on-dark-text-primary);", ":var(--surface-warning-hover);", ":var(--on-dark-text-primary);", ":var(--surface-warning-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
24
- critical: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--surface-negative);", ":var(--on-dark-text-primary);", ":var(--surface-negative-hover);", ":var(--on-dark-text-primary);", ":var(--surface-negative-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
25
- dark: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-transparent-deep-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
26
- black: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-hover);", ":var(--on-dark-text-primary);", ":var(--on-light-surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive),
27
- white: /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-hover);", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default-active);"], _IconButton.iconButtonTokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive)
28
- },
29
- size: {
30
- l: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":3.5rem;", ":1.5rem;", ":0.875rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
31
- lr: /*#__PURE__*/(0, _styledComponents.css)(["", ":3.5rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
32
- m: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
33
- mr: /*#__PURE__*/(0, _styledComponents.css)(["", ":3rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
34
- s: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5remm;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
35
- sr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
36
- xs: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor),
37
- xsr: /*#__PURE__*/(0, _styledComponents.css)(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], _IconButton.iconButtonTokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _IconButton.iconButtonTokens.iconButtonSpinnerColor)
38
- },
39
- disabled: {
40
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":0.4;"], _IconButton.iconButtonTokens.iconButtonDisabledOpacity)
41
- },
42
- focused: {
43
- "true": /*#__PURE__*/(0, _styledComponents.css)(["", ":var(--surface-accent);"], _IconButton.iconButtonTokens.iconButtonFocusColor)
44
- }
45
- }
46
- };
@@ -1,11 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.IconButton = void 0;
7
- var _IconButton = /*#__PURE__*/require("../../../../components/IconButton");
8
- var _engines = /*#__PURE__*/require("../../../../engines");
9
- var _IconButton2 = /*#__PURE__*/require("./IconButton.config");
10
- var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig, _IconButton2.config);
11
- var IconButton = exports.IconButton = /*#__PURE__*/(0, _engines.component)(mergedConfig);