@salutejs/plasma-new-hope 0.77.0-canary.1195.8816269500.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.
- package/cjs/index.css +0 -3
- package/cjs/index.js +0 -6
- package/cjs/index.js.map +1 -1
- package/es/index.css +0 -3
- package/es/index.js +0 -2
- package/es/index.js.map +1 -1
- package/package.json +4 -4
- package/styled-components/cjs/index.js +0 -11
- package/styled-components/es/index.js +0 -1
- package/types/index.d.ts +0 -1
- package/types/index.d.ts.map +1 -1
- package/cjs/components/IconButton/IconButton.css +0 -25
- package/cjs/components/IconButton/IconButton.js +0 -84
- package/cjs/components/IconButton/IconButton.js.map +0 -1
- package/cjs/components/IconButton/IconButton.styles.js +0 -25
- package/cjs/components/IconButton/IconButton.styles.js.map +0 -1
- package/cjs/components/IconButton/IconButton.styles_12iyaye.css +0 -2
- package/cjs/components/IconButton/IconButton.tokens.js +0 -36
- package/cjs/components/IconButton/IconButton.tokens.js.map +0 -1
- package/cjs/components/IconButton/variations/_disabled/base.js +0 -9
- package/cjs/components/IconButton/variations/_disabled/base.js.map +0 -1
- package/cjs/components/IconButton/variations/_disabled/base_x642ct.css +0 -1
- package/cjs/components/IconButton/variations/_focused/base.js +0 -9
- package/cjs/components/IconButton/variations/_focused/base.js.map +0 -1
- package/cjs/components/IconButton/variations/_focused/base_x642ct.css +0 -1
- package/cjs/components/IconButton/variations/_size/base.js +0 -9
- package/cjs/components/IconButton/variations/_size/base.js.map +0 -1
- package/cjs/components/IconButton/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/IconButton/variations/_view/base.js +0 -9
- package/cjs/components/IconButton/variations/_view/base.js.map +0 -1
- package/cjs/components/IconButton/variations/_view/base_x642ct.css +0 -1
- package/es/components/IconButton/IconButton.css +0 -25
- package/es/components/IconButton/IconButton.js +0 -79
- package/es/components/IconButton/IconButton.js.map +0 -1
- package/es/components/IconButton/IconButton.styles.js +0 -20
- package/es/components/IconButton/IconButton.styles.js.map +0 -1
- package/es/components/IconButton/IconButton.styles_12iyaye.css +0 -2
- package/es/components/IconButton/IconButton.tokens.js +0 -31
- package/es/components/IconButton/IconButton.tokens.js.map +0 -1
- package/es/components/IconButton/variations/_disabled/base.js +0 -5
- package/es/components/IconButton/variations/_disabled/base.js.map +0 -1
- package/es/components/IconButton/variations/_disabled/base_x642ct.css +0 -1
- package/es/components/IconButton/variations/_focused/base.js +0 -5
- package/es/components/IconButton/variations/_focused/base.js.map +0 -1
- package/es/components/IconButton/variations/_focused/base_x642ct.css +0 -1
- package/es/components/IconButton/variations/_size/base.js +0 -5
- package/es/components/IconButton/variations/_size/base.js.map +0 -1
- package/es/components/IconButton/variations/_size/base_x642ct.css +0 -1
- package/es/components/IconButton/variations/_view/base.js +0 -5
- package/es/components/IconButton/variations/_view/base.js.map +0 -1
- package/es/components/IconButton/variations/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/IconButton/IconButton.js +0 -86
- package/styled-components/cjs/components/IconButton/IconButton.styles.js +0 -19
- package/styled-components/cjs/components/IconButton/IconButton.tokens.js +0 -34
- package/styled-components/cjs/components/IconButton/IconButton.types.js +0 -5
- package/styled-components/cjs/components/IconButton/index.js +0 -31
- package/styled-components/cjs/components/IconButton/variations/_disabled/base.js +0 -8
- package/styled-components/cjs/components/IconButton/variations/_disabled/tokens.json +0 -1
- package/styled-components/cjs/components/IconButton/variations/_focused/base.js +0 -8
- package/styled-components/cjs/components/IconButton/variations/_focused/tokens.json +0 -1
- package/styled-components/cjs/components/IconButton/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/IconButton/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/IconButton/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/IconButton/variations/_view/tokens.json +0 -1
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +0 -46
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.js +0 -11
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -65
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +0 -46
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.js +0 -11
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -65
- package/styled-components/es/components/IconButton/IconButton.js +0 -77
- package/styled-components/es/components/IconButton/IconButton.styles.js +0 -11
- package/styled-components/es/components/IconButton/IconButton.tokens.js +0 -28
- package/styled-components/es/components/IconButton/IconButton.types.js +0 -1
- package/styled-components/es/components/IconButton/index.js +0 -2
- package/styled-components/es/components/IconButton/variations/_disabled/base.js +0 -2
- package/styled-components/es/components/IconButton/variations/_disabled/tokens.json +0 -1
- package/styled-components/es/components/IconButton/variations/_focused/base.js +0 -2
- package/styled-components/es/components/IconButton/variations/_focused/tokens.json +0 -1
- package/styled-components/es/components/IconButton/variations/_size/base.js +0 -2
- package/styled-components/es/components/IconButton/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/IconButton/variations/_view/base.js +0 -2
- package/styled-components/es/components/IconButton/variations/_view/tokens.json +0 -1
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +0 -40
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.js +0 -5
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +0 -65
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +0 -40
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.js +0 -5
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +0 -65
- package/types/components/IconButton/IconButton.d.ts +0 -30
- package/types/components/IconButton/IconButton.d.ts.map +0 -1
- package/types/components/IconButton/IconButton.styles.d.ts +0 -4
- package/types/components/IconButton/IconButton.styles.d.ts.map +0 -1
- package/types/components/IconButton/IconButton.tokens.d.ts +0 -29
- package/types/components/IconButton/IconButton.tokens.d.ts.map +0 -1
- package/types/components/IconButton/IconButton.types.d.ts +0 -13
- package/types/components/IconButton/IconButton.types.d.ts.map +0 -1
- package/types/components/IconButton/index.d.ts +0 -4
- package/types/components/IconButton/index.d.ts.map +0 -1
- package/types/components/IconButton/variations/_disabled/base.d.ts +0 -2
- package/types/components/IconButton/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/IconButton/variations/_focused/base.d.ts +0 -2
- package/types/components/IconButton/variations/_focused/base.d.ts.map +0 -1
- package/types/components/IconButton/variations/_size/base.d.ts +0 -2
- package/types/components/IconButton/variations/_size/base.d.ts.map +0 -1
- package/types/components/IconButton/variations/_view/base.d.ts +0 -2
- package/types/components/IconButton/variations/_view/base.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts +0 -39
- package/types/examples/plasma_b2c/components/IconButton/IconButton.config.d.ts.map +0 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +0 -33
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +0 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts +0 -39
- package/types/examples/plasma_web/components/IconButton/IconButton.config.d.ts.map +0 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +0 -33
- 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 +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 +0,0 @@
|
|
1
|
-
|
@@ -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 +0,0 @@
|
|
1
|
-
|
@@ -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 +0,0 @@
|
|
1
|
-
|
@@ -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 +0,0 @@
|
|
1
|
-
|
@@ -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,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 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js
DELETED
@@ -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);
|
package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx
DELETED
@@ -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
|
-
};
|
package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js
DELETED
@@ -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);
|