@salutejs/plasma-new-hope 0.241.1-canary.1668.12830115017.0 → 0.241.1-canary.1668.12869583484.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/cjs/components/Attach/Attach.css +2 -2
- package/cjs/components/Attach/components/AttachButton/AttachButton.css +2 -2
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js +3 -3
- package/cjs/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles_7clf9d.css +2 -0
- package/cjs/index.css +2 -2
- package/emotion/cjs/components/Attach/ui/IconButton/IconButton.styles.js +4 -4
- package/emotion/cjs/components/Button/Button.template-doc.mdx +0 -7
- package/emotion/cjs/components/IconButton/IconButton.template-doc.mdx +0 -3
- package/emotion/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
- package/emotion/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
- package/emotion/es/components/Attach/ui/IconButton/IconButton.styles.js +4 -4
- package/emotion/es/components/Button/Button.template-doc.mdx +0 -7
- package/emotion/es/components/IconButton/IconButton.template-doc.mdx +0 -3
- package/emotion/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
- package/emotion/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
- package/es/components/Attach/Attach.css +2 -2
- package/es/components/Attach/components/AttachButton/AttachButton.css +2 -2
- package/es/components/Attach/ui/IconButton/IconButton.styles.js +3 -3
- package/es/components/Attach/ui/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/Attach/ui/IconButton/IconButton.styles_7clf9d.css +2 -0
- package/es/index.css +2 -2
- package/package.json +3 -3
- package/styled-components/cjs/components/Attach/ui/IconButton/IconButton.styles.js +2 -2
- package/styled-components/cjs/components/Button/Button.template-doc.mdx +0 -7
- package/styled-components/cjs/components/IconButton/IconButton.template-doc.mdx +0 -3
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
- package/styled-components/es/components/Attach/ui/IconButton/IconButton.styles.js +2 -2
- package/styled-components/es/components/Button/Button.template-doc.mdx +0 -7
- package/styled-components/es/components/IconButton/IconButton.template-doc.mdx +0 -3
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +1 -0
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +1 -0
- package/types/components/Attach/ui/IconButton/IconButton.styles.d.ts.map +1 -1
- package/cjs/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +0 -2
- package/es/components/Attach/ui/IconButton/IconButton.styles_1q2jfs2.css +0 -2
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
|
|
61
61
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
62
62
|
|
|
63
|
-
.
|
|
64
|
-
.
|
|
63
|
+
.IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
64
|
+
.IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
12
12
|
|
|
13
|
-
.
|
|
14
|
-
.
|
|
13
|
+
.IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
14
|
+
.IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
|
15
15
|
|
|
16
16
|
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
|
17
17
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './IconButton.
|
|
1
|
+
import './IconButton.styles_7clf9d.css';
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
@@ -14,7 +14,7 @@ var _exp = function _exp() {
|
|
|
14
14
|
};
|
|
15
15
|
var StyledIconButton = /*#__PURE__*/react.styled(_exp())({
|
|
16
16
|
name: "StyledIconButton",
|
|
17
|
-
"class": "
|
|
17
|
+
"class": "s1uu1svj",
|
|
18
18
|
propsAsIs: true
|
|
19
19
|
});
|
|
20
20
|
var _exp50 = function _exp50() {
|
|
@@ -22,7 +22,7 @@ var _exp50 = function _exp50() {
|
|
|
22
22
|
};
|
|
23
23
|
var StyledIconButtonCancel = /*#__PURE__*/react.styled(_exp50())({
|
|
24
24
|
name: "StyledIconButtonCancel",
|
|
25
|
-
"class": "
|
|
25
|
+
"class": "s17hmg85",
|
|
26
26
|
propsAsIs: true
|
|
27
27
|
});
|
|
28
28
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.styles.js","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.
|
|
1
|
+
{"version":3,"file":"IconButton.styles.js","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedConfig);\n\nexport const StyledIconButton = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonLoadingBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonBackgroundColorActive});\n\n ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonScaleHover});\n ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonScaleActive});\n ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonRadius});\n ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonRadiusCircle});\n\n ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonFontFamily});\n ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonFontSize});\n ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonFontStyle});\n ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonFontWeight});\n ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonLetterSpacing});\n ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonLineHeight});\n\n ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonDisabledOpacity});\n ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonFocusColor});\n ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonSpinnerColor});\n ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonSpinnerSize});\n\n flex-shrink: 0;\n`;\n\nexport const StyledIconButtonCancel = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonCancelColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelLoadingBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonCancelColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonCancelBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonCancelColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonCancelBackgroundColorActive});\n\n ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonCancelScaleHover});\n ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonCancelScaleActive});\n ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonCancelHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonCancelWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonCancelPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonCancelRadius});\n ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonCancelRadiusCircle});\n\n ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonCancelFontFamily});\n ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonCancelFontSize});\n ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonCancelFontStyle});\n ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonCancelFontWeight});\n ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonCancelLetterSpacing});\n ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonCancelLineHeight});\n\n ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonCancelDisabledOpacity});\n ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonCancelFocusColor});\n ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonCancelSpinnerColor});\n ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonCancelSpinnerSize});\n`;\n"],"names":["mergedConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","StyledIconButton","styled","name","class","propsAsIs","_exp50","StyledIconButtonCancel"],"mappings":";;;;;;;;AAMA,IAAMA,YAAY,gBAAGC,kBAAW,CAACC,6BAAgB,CAAC,CAAA;AAClD,IAAMC,UAAU,gBAAGC,gBAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANzBA,SAMyBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,YAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8BrC,EAAA;AAAC,IAAAC,MAAA,GAtCgBA,SAsChBA,MAAAA,GAAA;AAAA,EAAA,OAE2CR,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMS,sBAAsB,gBAAGL,YAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA4B3C;;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.s1uu1svj{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
2
|
+
.s17hmg85{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
package/cjs/index.css
CHANGED
|
@@ -820,8 +820,8 @@
|
|
|
820
820
|
|
|
821
821
|
.Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
|
|
822
822
|
|
|
823
|
-
.
|
|
824
|
-
.
|
|
823
|
+
.IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
824
|
+
.IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
|
825
825
|
|
|
826
826
|
.ViewContainer_yiqfcb_bemjbnt__5b2a6776{position:relative;}
|
|
827
827
|
|
|
@@ -12,10 +12,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
12
12
|
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
|
|
13
13
|
var IconButton = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
|
14
14
|
var StyledIconButton = exports.StyledIconButton = /*#__PURE__*/(0, _base["default"])(IconButton, {
|
|
15
|
-
target: "
|
|
15
|
+
target: "etgwvbj1",
|
|
16
16
|
label: "plasma-new-hope__StyledIconButton"
|
|
17
|
-
})(_IconButton.iconButtonTokens.iconButtonColor, ":var(", _Attach.tokens.iconButtonColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _Attach.tokens.iconButtonBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", _Attach.tokens.iconButtonLoadingBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonColorHover, ":var(", _Attach.tokens.iconButtonColorHover, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, ":var(", _Attach.tokens.iconButtonBackgroundColorHover, ");", _IconButton.iconButtonTokens.iconButtonColorActive, ":var(", _Attach.tokens.iconButtonColorActive, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, ":var(", _Attach.tokens.iconButtonBackgroundColorActive, ");", _IconButton.iconButtonTokens.iconButtonScaleHover, ":var(", _Attach.tokens.iconButtonScaleHover, ");", _IconButton.iconButtonTokens.iconButtonScaleActive, ":var(", _Attach.tokens.iconButtonScaleActive, ");", _IconButton.iconButtonTokens.iconButtonHeight, ":var(", _Attach.tokens.iconButtonHeight, ");", _IconButton.iconButtonTokens.iconButtonWidth, ":var(", _Attach.tokens.iconButtonWidth, ");", _IconButton.iconButtonTokens.iconButtonPadding, ":var(", _Attach.tokens.iconButtonPadding, ");", _IconButton.iconButtonTokens.iconButtonRadius, ":var(", _Attach.tokens.iconButtonRadius, ");", _IconButton.iconButtonTokens.iconButtonRadiusCircle, ":var(", _Attach.tokens.iconButtonRadiusCircle, ");", _IconButton.iconButtonTokens.iconButtonFontFamily, ":var(", _Attach.tokens.iconButtonFontFamily, ");", _IconButton.iconButtonTokens.iconButtonFontSize, ":var(", _Attach.tokens.iconButtonFontSize, ");", _IconButton.iconButtonTokens.iconButtonFontStyle, ":var(", _Attach.tokens.iconButtonFontStyle, ");", _IconButton.iconButtonTokens.iconButtonFontWeight, ":var(", _Attach.tokens.iconButtonFontWeight, ");", _IconButton.iconButtonTokens.iconButtonLetterSpacing, ":var(", _Attach.tokens.iconButtonLetterSpacing, ");", _IconButton.iconButtonTokens.iconButtonLineHeight, ":var(", _Attach.tokens.iconButtonLineHeight, ");", _IconButton.iconButtonTokens.iconButtonDisabledOpacity, ":var(", _Attach.tokens.iconButtonDisabledOpacity, ");", _IconButton.iconButtonTokens.iconButtonFocusColor, ":var(", _Attach.tokens.iconButtonFocusColor, ");", _IconButton.iconButtonTokens.iconButtonSpinnerColor, ":var(", _Attach.tokens.iconButtonSpinnerColor, ");", _IconButton.iconButtonTokens.iconButtonSpinnerSize, ":var(", _Attach.tokens.iconButtonSpinnerSize, ");flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
17
|
+
})(_IconButton.iconButtonTokens.iconButtonColor, ":var(", _Attach.tokens.iconButtonColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _Attach.tokens.iconButtonBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", _Attach.tokens.iconButtonLoadingBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonColorHover, ":var(", _Attach.tokens.iconButtonColorHover, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, ":var(", _Attach.tokens.iconButtonBackgroundColorHover, ");", _IconButton.iconButtonTokens.iconButtonColorActive, ":var(", _Attach.tokens.iconButtonColorActive, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, ":var(", _Attach.tokens.iconButtonBackgroundColorActive, ");", _IconButton.iconButtonTokens.iconButtonScaleHover, ":var(", _Attach.tokens.iconButtonScaleHover, ");", _IconButton.iconButtonTokens.iconButtonScaleActive, ":var(", _Attach.tokens.iconButtonScaleActive, ");", _IconButton.iconButtonTokens.iconButtonHeight, ":var(", _Attach.tokens.iconButtonHeight, ");", _IconButton.iconButtonTokens.iconButtonWidth, ":var(", _Attach.tokens.iconButtonWidth, ");", _IconButton.iconButtonTokens.iconButtonPadding, ":var(", _Attach.tokens.iconButtonPadding, ");", _IconButton.iconButtonTokens.iconButtonRadius, ":var(", _Attach.tokens.iconButtonRadius, ");", _IconButton.iconButtonTokens.iconButtonRadiusCircle, ":var(", _Attach.tokens.iconButtonRadiusCircle, ");", _IconButton.iconButtonTokens.iconButtonFontFamily, ":var(", _Attach.tokens.iconButtonFontFamily, ");", _IconButton.iconButtonTokens.iconButtonFontSize, ":var(", _Attach.tokens.iconButtonFontSize, ");", _IconButton.iconButtonTokens.iconButtonFontStyle, ":var(", _Attach.tokens.iconButtonFontStyle, ");", _IconButton.iconButtonTokens.iconButtonFontWeight, ":var(", _Attach.tokens.iconButtonFontWeight, ");", _IconButton.iconButtonTokens.iconButtonLetterSpacing, ":var(", _Attach.tokens.iconButtonLetterSpacing, ");", _IconButton.iconButtonTokens.iconButtonLineHeight, ":var(", _Attach.tokens.iconButtonLineHeight, ");", _IconButton.iconButtonTokens.iconButtonDisabledOpacity, ":var(", _Attach.tokens.iconButtonDisabledOpacity, ");", _IconButton.iconButtonTokens.iconButtonFocusColor, ":var(", _Attach.tokens.iconButtonFocusColor, ");", _IconButton.iconButtonTokens.iconButtonSpinnerColor, ":var(", _Attach.tokens.iconButtonSpinnerColor, ");", _IconButton.iconButtonTokens.iconButtonSpinnerSize, ":var(", _Attach.tokens.iconButtonSpinnerSize, ");flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2tEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGljb25CdXR0b25Db25maWcsIGljb25CdXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9JY29uQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoaWNvbkJ1dHRvbkNvbmZpZyk7XG5jb25zdCBJY29uQnV0dG9uID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TY2FsZUFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25IZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25XaWR0aH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUGFkZGluZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25SYWRpdXN9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c0NpcmNsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250U2l6ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFN0eWxlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRGlzYWJsZWRPcGFjaXR5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyU2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU3Bpbm5lclNpemV9KTtcblxuICAgIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25CdXR0b25DYW5jZWwgPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxMb2FkaW5nQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvckFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxCYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU2NhbGVIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNjYWxlQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25IZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEhlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFdpZHRofSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxQYWRkaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFJhZGl1c30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxSYWRpdXNDaXJjbGV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udEZhbWlseX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udEZhbWlseX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRTaXplfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRTdHlsZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFdlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udFdlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGV0dGVyU3BhY2luZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTGV0dGVyU3BhY2luZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGluZUhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTGluZUhlaWdodH0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbERpc2FibGVkT3BhY2l0eX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9jdXNDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTcGlubmVyQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTcGlubmVyU2l6ZX0pO1xuYDtcbiJdfQ== */"));
|
|
18
18
|
var StyledIconButtonCancel = exports.StyledIconButtonCancel = /*#__PURE__*/(0, _base["default"])(IconButton, {
|
|
19
|
-
target: "
|
|
19
|
+
target: "etgwvbj0",
|
|
20
20
|
label: "plasma-new-hope__StyledIconButtonCancel"
|
|
21
|
-
})(_IconButton.iconButtonTokens.iconButtonColor, ":var(", _Attach.tokens.iconButtonCancelColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _Attach.tokens.iconButtonCancelBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", _Attach.tokens.iconButtonCancelLoadingBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonColorHover, ":var(", _Attach.tokens.iconButtonCancelColorHover, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, ":var(", _Attach.tokens.iconButtonCancelBackgroundColorHover, ");", _IconButton.iconButtonTokens.iconButtonColorActive, ":var(", _Attach.tokens.iconButtonCancelColorActive, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, ":var(", _Attach.tokens.iconButtonCancelBackgroundColorActive, ");", _IconButton.iconButtonTokens.iconButtonScaleHover, ":var(", _Attach.tokens.iconButtonCancelScaleHover, ");", _IconButton.iconButtonTokens.iconButtonScaleActive, ":var(", _Attach.tokens.iconButtonCancelScaleActive, ");", _IconButton.iconButtonTokens.iconButtonHeight, ":var(", _Attach.tokens.iconButtonCancelHeight, ");", _IconButton.iconButtonTokens.iconButtonWidth, ":var(", _Attach.tokens.iconButtonCancelWidth, ");", _IconButton.iconButtonTokens.iconButtonPadding, ":var(", _Attach.tokens.iconButtonCancelPadding, ");", _IconButton.iconButtonTokens.iconButtonRadius, ":var(", _Attach.tokens.iconButtonCancelRadius, ");", _IconButton.iconButtonTokens.iconButtonRadiusCircle, ":var(", _Attach.tokens.iconButtonCancelRadiusCircle, ");", _IconButton.iconButtonTokens.iconButtonFontFamily, ":var(", _Attach.tokens.iconButtonCancelFontFamily, ");", _IconButton.iconButtonTokens.iconButtonFontSize, ":var(", _Attach.tokens.iconButtonCancelFontSize, ");", _IconButton.iconButtonTokens.iconButtonFontStyle, ":var(", _Attach.tokens.iconButtonCancelFontStyle, ");", _IconButton.iconButtonTokens.iconButtonFontWeight, ":var(", _Attach.tokens.iconButtonCancelFontWeight, ");", _IconButton.iconButtonTokens.iconButtonLetterSpacing, ":var(", _Attach.tokens.iconButtonCancelLetterSpacing, ");", _IconButton.iconButtonTokens.iconButtonLineHeight, ":var(", _Attach.tokens.iconButtonCancelLineHeight, ");", _IconButton.iconButtonTokens.iconButtonDisabledOpacity, ":var(", _Attach.tokens.iconButtonCancelDisabledOpacity, ");", _IconButton.iconButtonTokens.iconButtonFocusColor, ":var(", _Attach.tokens.iconButtonCancelFocusColor, ");", _IconButton.iconButtonTokens.iconButtonSpinnerColor, ":var(", _Attach.tokens.iconButtonCancelSpinnerColor, ");", _IconButton.iconButtonTokens.iconButtonSpinnerSize, ":var(", _Attach.tokens.iconButtonCancelSpinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
21
|
+
})(_IconButton.iconButtonTokens.iconButtonColor, ":var(", _Attach.tokens.iconButtonCancelColor, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColor, ":var(", _Attach.tokens.iconButtonCancelBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", _Attach.tokens.iconButtonCancelLoadingBackgroundColor, ");", _IconButton.iconButtonTokens.iconButtonColorHover, ":var(", _Attach.tokens.iconButtonCancelColorHover, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, ":var(", _Attach.tokens.iconButtonCancelBackgroundColorHover, ");", _IconButton.iconButtonTokens.iconButtonColorActive, ":var(", _Attach.tokens.iconButtonCancelColorActive, ");", _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, ":var(", _Attach.tokens.iconButtonCancelBackgroundColorActive, ");", _IconButton.iconButtonTokens.iconButtonScaleHover, ":var(", _Attach.tokens.iconButtonCancelScaleHover, ");", _IconButton.iconButtonTokens.iconButtonScaleActive, ":var(", _Attach.tokens.iconButtonCancelScaleActive, ");", _IconButton.iconButtonTokens.iconButtonHeight, ":var(", _Attach.tokens.iconButtonCancelHeight, ");", _IconButton.iconButtonTokens.iconButtonWidth, ":var(", _Attach.tokens.iconButtonCancelWidth, ");", _IconButton.iconButtonTokens.iconButtonPadding, ":var(", _Attach.tokens.iconButtonCancelPadding, ");", _IconButton.iconButtonTokens.iconButtonRadius, ":var(", _Attach.tokens.iconButtonCancelRadius, ");", _IconButton.iconButtonTokens.iconButtonRadiusCircle, ":var(", _Attach.tokens.iconButtonCancelRadiusCircle, ");", _IconButton.iconButtonTokens.iconButtonFontFamily, ":var(", _Attach.tokens.iconButtonCancelFontFamily, ");", _IconButton.iconButtonTokens.iconButtonFontSize, ":var(", _Attach.tokens.iconButtonCancelFontSize, ");", _IconButton.iconButtonTokens.iconButtonFontStyle, ":var(", _Attach.tokens.iconButtonCancelFontStyle, ");", _IconButton.iconButtonTokens.iconButtonFontWeight, ":var(", _Attach.tokens.iconButtonCancelFontWeight, ");", _IconButton.iconButtonTokens.iconButtonLetterSpacing, ":var(", _Attach.tokens.iconButtonCancelLetterSpacing, ");", _IconButton.iconButtonTokens.iconButtonLineHeight, ":var(", _Attach.tokens.iconButtonCancelLineHeight, ");", _IconButton.iconButtonTokens.iconButtonDisabledOpacity, ":var(", _Attach.tokens.iconButtonCancelDisabledOpacity, ");", _IconButton.iconButtonTokens.iconButtonFocusColor, ":var(", _Attach.tokens.iconButtonCancelFocusColor, ");", _IconButton.iconButtonTokens.iconButtonSpinnerColor, ":var(", _Attach.tokens.iconButtonCancelSpinnerColor, ");", _IconButton.iconButtonTokens.iconButtonSpinnerSize, ":var(", _Attach.tokens.iconButtonCancelSpinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN3RCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC91aS9JY29uQnV0dG9uL0ljb25CdXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBpY29uQnV0dG9uQ29uZmlnLCBpY29uQnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vSWNvbkJ1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYXR0YWNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGljb25CdXR0b25Db25maWcpO1xuY29uc3QgSWNvbkJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Db2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TY2FsZUhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TY2FsZUhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TY2FsZUFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU2NhbGVBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25XaWR0aH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uV2lkdGh9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUmFkaXVzfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXNDaXJjbGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblJhZGl1c0NpcmNsZX0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250RmFtaWx5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250RmFtaWx5fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9udFNpemV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTdHlsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9udFN0eWxlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250V2VpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250V2VpZ2h0fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25MZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25MaW5lSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25MaW5lSGVpZ2h0fSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkRpc2FibGVkT3BhY2l0eX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb2N1c0NvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb2N1c0NvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lclNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJTaXplfSk7XG5cbiAgICBmbGV4LXNocmluazogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uQ2FuY2VsID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTG9hZGluZ0JhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEJhY2tncm91bmRDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQ29sb3JBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNjYWxlSG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTY2FsZUFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxIZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxXaWR0aH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsUGFkZGluZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxSYWRpdXN9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c0NpcmNsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsUmFkaXVzQ2lyY2xlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRGYW1pbHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb250U2l6ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFN0eWxlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb250U3R5bGV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRXZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbExldHRlclNwYWNpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbExpbmVIZWlnaHR9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRGlzYWJsZWRPcGFjaXR5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxEaXNhYmxlZE9wYWNpdHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvY3VzQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU3Bpbm5lckNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyU2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU3Bpbm5lclNpemV9KTtcbmA7XG4iXX0= */"));
|
|
@@ -37,16 +37,9 @@ export function App() {
|
|
|
37
37
|
|
|
38
38
|
<Button text="Текст" contentRight={<IconDownload color="inherit" />} />
|
|
39
39
|
|
|
40
|
-
<Button contentLeft={<IconDownload color="inherit" />} />
|
|
41
|
-
|
|
42
40
|
<Button text="Текст" isLoading />
|
|
43
41
|
|
|
44
42
|
<Button text="Текст" isLoading loader={<div>Loader...</div>} />
|
|
45
|
-
|
|
46
|
-
<Button>
|
|
47
|
-
<IconDownload color="inherit" />
|
|
48
|
-
<span>Текст</span>
|
|
49
|
-
</Button>
|
|
50
43
|
</div>
|
|
51
44
|
);
|
|
52
45
|
}
|
|
@@ -5,10 +5,10 @@ import { tokens as attachTokens } from '../../Attach.tokens';
|
|
|
5
5
|
var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
|
|
6
6
|
var IconButton = /*#__PURE__*/component(mergedConfig);
|
|
7
7
|
export var StyledIconButton = /*#__PURE__*/_styled(IconButton, {
|
|
8
|
-
target: "
|
|
8
|
+
target: "etgwvbj1",
|
|
9
9
|
label: "plasma-new-hope__StyledIconButton"
|
|
10
|
-
})(iconButtonTokens.iconButtonColor, ":var(", attachTokens.iconButtonColor, ");", iconButtonTokens.iconButtonBackgroundColor, ":var(", attachTokens.iconButtonBackgroundColor, ");", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", attachTokens.iconButtonLoadingBackgroundColor, ");", iconButtonTokens.iconButtonColorHover, ":var(", attachTokens.iconButtonColorHover, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(", attachTokens.iconButtonBackgroundColorHover, ");", iconButtonTokens.iconButtonColorActive, ":var(", attachTokens.iconButtonColorActive, ");", iconButtonTokens.iconButtonBackgroundColorActive, ":var(", attachTokens.iconButtonBackgroundColorActive, ");", iconButtonTokens.iconButtonScaleHover, ":var(", attachTokens.iconButtonScaleHover, ");", iconButtonTokens.iconButtonScaleActive, ":var(", attachTokens.iconButtonScaleActive, ");", iconButtonTokens.iconButtonHeight, ":var(", attachTokens.iconButtonHeight, ");", iconButtonTokens.iconButtonWidth, ":var(", attachTokens.iconButtonWidth, ");", iconButtonTokens.iconButtonPadding, ":var(", attachTokens.iconButtonPadding, ");", iconButtonTokens.iconButtonRadius, ":var(", attachTokens.iconButtonRadius, ");", iconButtonTokens.iconButtonRadiusCircle, ":var(", attachTokens.iconButtonRadiusCircle, ");", iconButtonTokens.iconButtonFontFamily, ":var(", attachTokens.iconButtonFontFamily, ");", iconButtonTokens.iconButtonFontSize, ":var(", attachTokens.iconButtonFontSize, ");", iconButtonTokens.iconButtonFontStyle, ":var(", attachTokens.iconButtonFontStyle, ");", iconButtonTokens.iconButtonFontWeight, ":var(", attachTokens.iconButtonFontWeight, ");", iconButtonTokens.iconButtonLetterSpacing, ":var(", attachTokens.iconButtonLetterSpacing, ");", iconButtonTokens.iconButtonLineHeight, ":var(", attachTokens.iconButtonLineHeight, ");", iconButtonTokens.iconButtonDisabledOpacity, ":var(", attachTokens.iconButtonDisabledOpacity, ");", iconButtonTokens.iconButtonFocusColor, ":var(", attachTokens.iconButtonFocusColor, ");", iconButtonTokens.iconButtonSpinnerColor, ":var(", attachTokens.iconButtonSpinnerColor, ");", iconButtonTokens.iconButtonSpinnerSize, ":var(", attachTokens.iconButtonSpinnerSize, ");flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
10
|
+
})(iconButtonTokens.iconButtonColor, ":var(", attachTokens.iconButtonColor, ");", iconButtonTokens.iconButtonBackgroundColor, ":var(", attachTokens.iconButtonBackgroundColor, ");", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", attachTokens.iconButtonLoadingBackgroundColor, ");", iconButtonTokens.iconButtonColorHover, ":var(", attachTokens.iconButtonColorHover, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(", attachTokens.iconButtonBackgroundColorHover, ");", iconButtonTokens.iconButtonColorActive, ":var(", attachTokens.iconButtonColorActive, ");", iconButtonTokens.iconButtonBackgroundColorActive, ":var(", attachTokens.iconButtonBackgroundColorActive, ");", iconButtonTokens.iconButtonScaleHover, ":var(", attachTokens.iconButtonScaleHover, ");", iconButtonTokens.iconButtonScaleActive, ":var(", attachTokens.iconButtonScaleActive, ");", iconButtonTokens.iconButtonHeight, ":var(", attachTokens.iconButtonHeight, ");", iconButtonTokens.iconButtonWidth, ":var(", attachTokens.iconButtonWidth, ");", iconButtonTokens.iconButtonPadding, ":var(", attachTokens.iconButtonPadding, ");", iconButtonTokens.iconButtonRadius, ":var(", attachTokens.iconButtonRadius, ");", iconButtonTokens.iconButtonRadiusCircle, ":var(", attachTokens.iconButtonRadiusCircle, ");", iconButtonTokens.iconButtonFontFamily, ":var(", attachTokens.iconButtonFontFamily, ");", iconButtonTokens.iconButtonFontSize, ":var(", attachTokens.iconButtonFontSize, ");", iconButtonTokens.iconButtonFontStyle, ":var(", attachTokens.iconButtonFontStyle, ");", iconButtonTokens.iconButtonFontWeight, ":var(", attachTokens.iconButtonFontWeight, ");", iconButtonTokens.iconButtonLetterSpacing, ":var(", attachTokens.iconButtonLetterSpacing, ");", iconButtonTokens.iconButtonLineHeight, ":var(", attachTokens.iconButtonLineHeight, ");", iconButtonTokens.iconButtonDisabledOpacity, ":var(", attachTokens.iconButtonDisabledOpacity, ");", iconButtonTokens.iconButtonFocusColor, ":var(", attachTokens.iconButtonFocusColor, ");", iconButtonTokens.iconButtonSpinnerColor, ":var(", attachTokens.iconButtonSpinnerColor, ");", iconButtonTokens.iconButtonSpinnerSize, ":var(", attachTokens.iconButtonSpinnerSize, ");flex-shrink:0;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU2tEIiwiZmlsZSI6Ii4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5cbmltcG9ydCB7IGNvbXBvbmVudCwgbWVyZ2VDb25maWcgfSBmcm9tICcuLi8uLi8uLi8uLi9lbmdpbmVzJztcbmltcG9ydCB7IGljb25CdXR0b25Db25maWcsIGljb25CdXR0b25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi9JY29uQnV0dG9uJztcbmltcG9ydCB7IHRva2VucyBhcyBhdHRhY2hUb2tlbnMgfSBmcm9tICcuLi8uLi9BdHRhY2gudG9rZW5zJztcblxuY29uc3QgbWVyZ2VkQ29uZmlnID0gbWVyZ2VDb25maWcoaWNvbkJ1dHRvbkNvbmZpZyk7XG5jb25zdCBJY29uQnV0dG9uID0gY29tcG9uZW50KG1lcmdlZENvbmZpZyk7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TY2FsZUFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25IZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25XaWR0aH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUGFkZGluZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25SYWRpdXN9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c0NpcmNsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250U2l6ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFN0eWxlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRGlzYWJsZWRPcGFjaXR5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyU2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU3Bpbm5lclNpemV9KTtcblxuICAgIGZsZXgtc2hyaW5rOiAwO1xuYDtcblxuZXhwb3J0IGNvbnN0IFN0eWxlZEljb25CdXR0b25DYW5jZWwgPSBzdHlsZWQoSWNvbkJ1dHRvbilgXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Mb2FkaW5nQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxMb2FkaW5nQmFja2dyb3VuZENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxDb2xvckFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxCYWNrZ3JvdW5kQ29sb3JBY3RpdmV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU2NhbGVIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU2NhbGVBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNjYWxlQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25IZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEhlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uV2lkdGh9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFdpZHRofSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25QYWRkaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxQYWRkaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXN9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFJhZGl1c30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzQ2lyY2xlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxSYWRpdXNDaXJjbGV9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udEZhbWlseX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udEZhbWlseX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRTaXplfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U3R5bGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRTdHlsZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFdlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9udFdlaWdodH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGV0dGVyU3BhY2luZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTGV0dGVyU3BhY2luZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTGluZUhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTGluZUhlaWdodH0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25EaXNhYmxlZE9wYWNpdHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbERpc2FibGVkT3BhY2l0eX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9jdXNDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsRm9jdXNDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lckNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTcGlubmVyQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTcGlubmVyU2l6ZX0pO1xuYDtcbiJdfQ== */"));
|
|
11
11
|
export var StyledIconButtonCancel = /*#__PURE__*/_styled(IconButton, {
|
|
12
|
-
target: "
|
|
12
|
+
target: "etgwvbj0",
|
|
13
13
|
label: "plasma-new-hope__StyledIconButtonCancel"
|
|
14
|
-
})(iconButtonTokens.iconButtonColor, ":var(", attachTokens.iconButtonCancelColor, ");", iconButtonTokens.iconButtonBackgroundColor, ":var(", attachTokens.iconButtonCancelBackgroundColor, ");", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", attachTokens.iconButtonCancelLoadingBackgroundColor, ");", iconButtonTokens.iconButtonColorHover, ":var(", attachTokens.iconButtonCancelColorHover, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(", attachTokens.iconButtonCancelBackgroundColorHover, ");", iconButtonTokens.iconButtonColorActive, ":var(", attachTokens.iconButtonCancelColorActive, ");", iconButtonTokens.iconButtonBackgroundColorActive, ":var(", attachTokens.iconButtonCancelBackgroundColorActive, ");", iconButtonTokens.iconButtonScaleHover, ":var(", attachTokens.iconButtonCancelScaleHover, ");", iconButtonTokens.iconButtonScaleActive, ":var(", attachTokens.iconButtonCancelScaleActive, ");", iconButtonTokens.iconButtonHeight, ":var(", attachTokens.iconButtonCancelHeight, ");", iconButtonTokens.iconButtonWidth, ":var(", attachTokens.iconButtonCancelWidth, ");", iconButtonTokens.iconButtonPadding, ":var(", attachTokens.iconButtonCancelPadding, ");", iconButtonTokens.iconButtonRadius, ":var(", attachTokens.iconButtonCancelRadius, ");", iconButtonTokens.iconButtonRadiusCircle, ":var(", attachTokens.iconButtonCancelRadiusCircle, ");", iconButtonTokens.iconButtonFontFamily, ":var(", attachTokens.iconButtonCancelFontFamily, ");", iconButtonTokens.iconButtonFontSize, ":var(", attachTokens.iconButtonCancelFontSize, ");", iconButtonTokens.iconButtonFontStyle, ":var(", attachTokens.iconButtonCancelFontStyle, ");", iconButtonTokens.iconButtonFontWeight, ":var(", attachTokens.iconButtonCancelFontWeight, ");", iconButtonTokens.iconButtonLetterSpacing, ":var(", attachTokens.iconButtonCancelLetterSpacing, ");", iconButtonTokens.iconButtonLineHeight, ":var(", attachTokens.iconButtonCancelLineHeight, ");", iconButtonTokens.iconButtonDisabledOpacity, ":var(", attachTokens.iconButtonCancelDisabledOpacity, ");", iconButtonTokens.iconButtonFocusColor, ":var(", attachTokens.iconButtonCancelFocusColor, ");", iconButtonTokens.iconButtonSpinnerColor, ":var(", attachTokens.iconButtonCancelSpinnerColor, ");", iconButtonTokens.iconButtonSpinnerSize, ":var(", attachTokens.iconButtonCancelSpinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
14
|
+
})(iconButtonTokens.iconButtonColor, ":var(", attachTokens.iconButtonCancelColor, ");", iconButtonTokens.iconButtonBackgroundColor, ":var(", attachTokens.iconButtonCancelBackgroundColor, ");", iconButtonTokens.iconButtonLoadingBackgroundColor, ":var(", attachTokens.iconButtonCancelLoadingBackgroundColor, ");", iconButtonTokens.iconButtonColorHover, ":var(", attachTokens.iconButtonCancelColorHover, ");", iconButtonTokens.iconButtonBackgroundColorHover, ":var(", attachTokens.iconButtonCancelBackgroundColorHover, ");", iconButtonTokens.iconButtonColorActive, ":var(", attachTokens.iconButtonCancelColorActive, ");", iconButtonTokens.iconButtonBackgroundColorActive, ":var(", attachTokens.iconButtonCancelBackgroundColorActive, ");", iconButtonTokens.iconButtonScaleHover, ":var(", attachTokens.iconButtonCancelScaleHover, ");", iconButtonTokens.iconButtonScaleActive, ":var(", attachTokens.iconButtonCancelScaleActive, ");", iconButtonTokens.iconButtonHeight, ":var(", attachTokens.iconButtonCancelHeight, ");", iconButtonTokens.iconButtonWidth, ":var(", attachTokens.iconButtonCancelWidth, ");", iconButtonTokens.iconButtonPadding, ":var(", attachTokens.iconButtonCancelPadding, ");", iconButtonTokens.iconButtonRadius, ":var(", attachTokens.iconButtonCancelRadius, ");", iconButtonTokens.iconButtonRadiusCircle, ":var(", attachTokens.iconButtonCancelRadiusCircle, ");", iconButtonTokens.iconButtonFontFamily, ":var(", attachTokens.iconButtonCancelFontFamily, ");", iconButtonTokens.iconButtonFontSize, ":var(", attachTokens.iconButtonCancelFontSize, ");", iconButtonTokens.iconButtonFontStyle, ":var(", attachTokens.iconButtonCancelFontStyle, ");", iconButtonTokens.iconButtonFontWeight, ":var(", attachTokens.iconButtonCancelFontWeight, ");", iconButtonTokens.iconButtonLetterSpacing, ":var(", attachTokens.iconButtonCancelLetterSpacing, ");", iconButtonTokens.iconButtonLineHeight, ":var(", attachTokens.iconButtonCancelLineHeight, ");", iconButtonTokens.iconButtonDisabledOpacity, ":var(", attachTokens.iconButtonCancelDisabledOpacity, ");", iconButtonTokens.iconButtonFocusColor, ":var(", attachTokens.iconButtonCancelFocusColor, ");", iconButtonTokens.iconButtonSpinnerColor, ":var(", attachTokens.iconButtonCancelSpinnerColor, ");", iconButtonTokens.iconButtonSpinnerSize, ":var(", attachTokens.iconButtonCancelSpinnerSize, ");" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy1lbW90aW9uL2NvbXBvbmVudHMvQXR0YWNoL3VpL0ljb25CdXR0b24vSWNvbkJ1dHRvbi5zdHlsZXMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUN3RCIsImZpbGUiOiIuLi8uLi8uLi8uLi8uLi8uLi9zcmMtZW1vdGlvbi9jb21wb25lbnRzL0F0dGFjaC91aS9JY29uQnV0dG9uL0ljb25CdXR0b24uc3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuXG5pbXBvcnQgeyBjb21wb25lbnQsIG1lcmdlQ29uZmlnIH0gZnJvbSAnLi4vLi4vLi4vLi4vZW5naW5lcyc7XG5pbXBvcnQgeyBpY29uQnV0dG9uQ29uZmlnLCBpY29uQnV0dG9uVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vSWNvbkJ1dHRvbic7XG5pbXBvcnQgeyB0b2tlbnMgYXMgYXR0YWNoVG9rZW5zIH0gZnJvbSAnLi4vLi4vQXR0YWNoLnRva2Vucyc7XG5cbmNvbnN0IG1lcmdlZENvbmZpZyA9IG1lcmdlQ29uZmlnKGljb25CdXR0b25Db25maWcpO1xuY29uc3QgSWNvbkJ1dHRvbiA9IGNvbXBvbmVudChtZXJnZWRDb25maWcpO1xuXG5leHBvcnQgY29uc3QgU3R5bGVkSWNvbkJ1dHRvbiA9IHN0eWxlZChJY29uQnV0dG9uKWBcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Db2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkxvYWRpbmdCYWNrZ3JvdW5kQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkNvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNvbG9ySG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNvbG9yQWN0aXZlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3JBY3RpdmV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TY2FsZUhvdmVyfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25TY2FsZUhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TY2FsZUFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uU2NhbGVBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkhlaWdodH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25XaWR0aH06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uV2lkdGh9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblBhZGRpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uUmFkaXVzfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25SYWRpdXNDaXJjbGV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblJhZGl1c0NpcmNsZX0pO1xuXG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250RmFtaWx5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250RmFtaWx5fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250U2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9udFNpemV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTdHlsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRm9udFN0eWxlfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb250V2VpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb250V2VpZ2h0fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25MZXR0ZXJTcGFjaW5nfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25MZXR0ZXJTcGFjaW5nfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25MaW5lSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25MaW5lSGVpZ2h0fSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkRpc2FibGVkT3BhY2l0eX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uRGlzYWJsZWRPcGFjaXR5fSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Gb2N1c0NvbG9yfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25Gb2N1c0NvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uU3Bpbm5lclNpemV9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJTaXplfSk7XG5cbiAgICBmbGV4LXNocmluazogMDtcbmA7XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRJY29uQnV0dG9uQ2FuY2VsID0gc3R5bGVkKEljb25CdXR0b24pYFxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbENvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25CYWNrZ3JvdW5kQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEJhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uTG9hZGluZ0JhY2tncm91bmRDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsTG9hZGluZ0JhY2tncm91bmRDb2xvcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQ29sb3JIb3Zlcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQ29sb3JIb3Zlcn0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uQmFja2dyb3VuZENvbG9ySG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEJhY2tncm91bmRDb2xvckhvdmVyfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25Db2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQ29sb3JBY3RpdmV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkJhY2tncm91bmRDb2xvckFjdGl2ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsQmFja2dyb3VuZENvbG9yQWN0aXZlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlSG92ZXJ9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbFNjYWxlSG92ZXJ9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNjYWxlQWN0aXZlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxTY2FsZUFjdGl2ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uSGVpZ2h0fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxIZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbldpZHRofTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxXaWR0aH0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUGFkZGluZ306IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsUGFkZGluZ30pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uUmFkaXVzfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxSYWRpdXN9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblJhZGl1c0NpcmNsZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsUmFkaXVzQ2lyY2xlfSk7XG5cbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRGYW1pbHl9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRGYW1pbHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRTaXplfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb250U2l6ZX0pO1xuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRm9udFN0eWxlfTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxGb250U3R5bGV9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvbnRXZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvbnRXZWlnaHR9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxldHRlclNwYWNpbmd9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbExldHRlclNwYWNpbmd9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkxpbmVIZWlnaHR9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbExpbmVIZWlnaHR9KTtcblxuICAgICR7aWNvbkJ1dHRvblRva2Vucy5pY29uQnV0dG9uRGlzYWJsZWRPcGFjaXR5fTogdmFyKCR7YXR0YWNoVG9rZW5zLmljb25CdXR0b25DYW5jZWxEaXNhYmxlZE9wYWNpdHl9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvbkZvY3VzQ29sb3J9OiB2YXIoJHthdHRhY2hUb2tlbnMuaWNvbkJ1dHRvbkNhbmNlbEZvY3VzQ29sb3J9KTtcbiAgICAke2ljb25CdXR0b25Ub2tlbnMuaWNvbkJ1dHRvblNwaW5uZXJDb2xvcn06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU3Bpbm5lckNvbG9yfSk7XG4gICAgJHtpY29uQnV0dG9uVG9rZW5zLmljb25CdXR0b25TcGlubmVyU2l6ZX06IHZhcigke2F0dGFjaFRva2Vucy5pY29uQnV0dG9uQ2FuY2VsU3Bpbm5lclNpemV9KTtcbmA7XG4iXX0= */"));
|
|
@@ -37,16 +37,9 @@ export function App() {
|
|
|
37
37
|
|
|
38
38
|
<Button text="Текст" contentRight={<IconDownload color="inherit" />} />
|
|
39
39
|
|
|
40
|
-
<Button contentLeft={<IconDownload color="inherit" />} />
|
|
41
|
-
|
|
42
40
|
<Button text="Текст" isLoading />
|
|
43
41
|
|
|
44
42
|
<Button text="Текст" isLoading loader={<div>Loader...</div>} />
|
|
45
|
-
|
|
46
|
-
<Button>
|
|
47
|
-
<IconDownload color="inherit" />
|
|
48
|
-
<span>Текст</span>
|
|
49
|
-
</Button>
|
|
50
43
|
</div>
|
|
51
44
|
);
|
|
52
45
|
}
|
|
@@ -60,5 +60,5 @@
|
|
|
60
60
|
|
|
61
61
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
62
62
|
|
|
63
|
-
.
|
|
64
|
-
.
|
|
63
|
+
.IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
64
|
+
.IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
|
@@ -10,8 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
.IconButton_styles_403on7_b1ua728l__d34a8ea7{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;box-sizing:border-box;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);--plasma_private-btn-br:var(--plasma_computed-btn-br);border-radius:var(--plasma_private-btn-br);color:var(--plasma-button-color);background:var(--plasma-button-background-color);height:var(--plasma-button-height);width:var(--plasma-button-width);padding:0 var(--plasma-button-padding,calc(var(--plasma-button-height) * 1.618 / 4));font-family:var(--plasma-button-font-family);font-size:var(--plasma-button-font-size);font-style:var(--plasma-button-font-style);font-weight:var(--plasma-button-font-weight);-webkit-letter-spacing:var(--plasma-button-letter-spacing);-moz-letter-spacing:var(--plasma-button-letter-spacing);-ms-letter-spacing:var(--plasma-button-letter-spacing);letter-spacing:var(--plasma-button-letter-spacing);line-height:var(--plasma-button-line-height);--plasma_private-btn-outline-size:var(--plasma-button-outline-size,0.0625rem);position:relative;--plasma-button-padding:0;--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-icon-button-loading-background-color);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}a.IconButton_styles_403on7_b1ua728l__d34a8ea7{-webkit-text-decoration:none;text-decoration:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonSquare__d34a8ea7{width:var(--plasma-button-height);padding:0;}.IconButton_styles_403on7_b1ua728l__d34a8ea7:hover{color:var(--plasma-button-color-hover,var(--plasma-button-color));background:var(--plasma-button-background-color-hover,var(--plasma-button-background-color));scale:var(--plasma-button-scale-hover);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:active{color:var(--plasma-button-color-active,var(--plasma-button-color));background:var(--plasma-button-background-color-active,var(--plasma-button-background-color));scale:var(---plasma-button-scale-active);}.IconButton_styles_403on7_b1ua728l__d34a8ea7:focus{outline:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7::before{content:'';position:absolute;top:-0.125rem;left:-0.125rem;right:-0.125rem;bottom:-0.125rem;z-index:1;display:block;box-sizing:content-box;border:var(--plasma_private-btn-outline-size) solid transparent;border-radius:calc(0.125rem + var(--plasma_private-btn-br));-webkit-transition:box-shadow 0.2s ease-in-out;transition:box-shadow 0.2s ease-in-out;pointer-events:none;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_focusVisible__d34a8ea7:focus::before,.IconButton_styles_403on7_b1ua728l__d34a8ea7[data-focus-visible-added]::before{outline:none;box-shadow:0 0 0 var(--plasma_private-btn-outline-size) var(--plasma-button-focus-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]{opacity:var(--plasma-button-disabled-opacity);cursor:not-allowed;}.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:hover,.IconButton_styles_403on7_b1ua728l__d34a8ea7[disabled]:active{scale:none;color:var(--plasma-button-color);background:var(--plasma-button-background-color);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFixed__d34a8ea7{width:var(--plasma-button-width);}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingFilled__d34a8ea7{width:100%;}.IconButton_styles_403on7_b1ua728l__d34a8ea7.IconButton_styles_403on7_buttonStretchingAuto__d34a8ea7{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;}
|
|
12
12
|
|
|
13
|
-
.
|
|
14
|
-
.
|
|
13
|
+
.IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
14
|
+
.IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
|
15
15
|
|
|
16
16
|
.base_1gusher_b1chvyq8__76b641f5{color:var(--plasma-spinner-color);}
|
|
17
17
|
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import './IconButton.
|
|
1
|
+
import './IconButton.styles_7clf9d.css';
|
|
2
2
|
import { styled } from '@linaria/react';
|
|
3
3
|
import { component, mergeConfig } from '../../../../engines/common.js';
|
|
4
4
|
import { iconButtonConfig } from '../../../IconButton/IconButton.js';
|
|
@@ -10,7 +10,7 @@ var _exp = function _exp() {
|
|
|
10
10
|
};
|
|
11
11
|
var StyledIconButton = /*#__PURE__*/styled(_exp())({
|
|
12
12
|
name: "StyledIconButton",
|
|
13
|
-
"class": "
|
|
13
|
+
"class": "s1uu1svj",
|
|
14
14
|
propsAsIs: true
|
|
15
15
|
});
|
|
16
16
|
var _exp50 = function _exp50() {
|
|
@@ -18,7 +18,7 @@ var _exp50 = function _exp50() {
|
|
|
18
18
|
};
|
|
19
19
|
var StyledIconButtonCancel = /*#__PURE__*/styled(_exp50())({
|
|
20
20
|
name: "StyledIconButtonCancel",
|
|
21
|
-
"class": "
|
|
21
|
+
"class": "s17hmg85",
|
|
22
22
|
propsAsIs: true
|
|
23
23
|
});
|
|
24
24
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.styles.js","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.
|
|
1
|
+
{"version":3,"file":"IconButton.styles.js","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.ts"],"sourcesContent":["import { styled } from '@linaria/react';\n\nimport { component, mergeConfig } from '../../../../engines';\nimport { iconButtonConfig, iconButtonTokens } from '../../../IconButton';\nimport { tokens as attachTokens } from '../../Attach.tokens';\n\nconst mergedConfig = mergeConfig(iconButtonConfig);\nconst IconButton = component(mergedConfig);\n\nexport const StyledIconButton = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonBackgroundColor});\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonLoadingBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonBackgroundColorActive});\n\n ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonScaleHover});\n ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonScaleActive});\n ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonRadius});\n ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonRadiusCircle});\n\n ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonFontFamily});\n ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonFontSize});\n ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonFontStyle});\n ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonFontWeight});\n ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonLetterSpacing});\n ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonLineHeight});\n\n ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonDisabledOpacity});\n ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonFocusColor});\n ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonSpinnerColor});\n ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonSpinnerSize});\n\n flex-shrink: 0;\n`;\n\nexport const StyledIconButtonCancel = styled(IconButton)`\n ${iconButtonTokens.iconButtonColor}: var(${attachTokens.iconButtonCancelColor});\n ${iconButtonTokens.iconButtonBackgroundColor}: var(${attachTokens.iconButtonCancelBackgroundColor});\n ${iconButtonTokens.iconButtonLoadingBackgroundColor}: var(${attachTokens.iconButtonCancelLoadingBackgroundColor});\n ${iconButtonTokens.iconButtonColorHover}: var(${attachTokens.iconButtonCancelColorHover});\n ${iconButtonTokens.iconButtonBackgroundColorHover}: var(${attachTokens.iconButtonCancelBackgroundColorHover});\n ${iconButtonTokens.iconButtonColorActive}: var(${attachTokens.iconButtonCancelColorActive});\n ${iconButtonTokens.iconButtonBackgroundColorActive}: var(${attachTokens.iconButtonCancelBackgroundColorActive});\n\n ${iconButtonTokens.iconButtonScaleHover}: var(${attachTokens.iconButtonCancelScaleHover});\n ${iconButtonTokens.iconButtonScaleActive}: var(${attachTokens.iconButtonCancelScaleActive});\n ${iconButtonTokens.iconButtonHeight}: var(${attachTokens.iconButtonCancelHeight});\n ${iconButtonTokens.iconButtonWidth}: var(${attachTokens.iconButtonCancelWidth});\n ${iconButtonTokens.iconButtonPadding}: var(${attachTokens.iconButtonCancelPadding});\n ${iconButtonTokens.iconButtonRadius}: var(${attachTokens.iconButtonCancelRadius});\n ${iconButtonTokens.iconButtonRadiusCircle}: var(${attachTokens.iconButtonCancelRadiusCircle});\n\n ${iconButtonTokens.iconButtonFontFamily}: var(${attachTokens.iconButtonCancelFontFamily});\n ${iconButtonTokens.iconButtonFontSize}: var(${attachTokens.iconButtonCancelFontSize});\n ${iconButtonTokens.iconButtonFontStyle}: var(${attachTokens.iconButtonCancelFontStyle});\n ${iconButtonTokens.iconButtonFontWeight}: var(${attachTokens.iconButtonCancelFontWeight});\n ${iconButtonTokens.iconButtonLetterSpacing}: var(${attachTokens.iconButtonCancelLetterSpacing});\n ${iconButtonTokens.iconButtonLineHeight}: var(${attachTokens.iconButtonCancelLineHeight});\n\n ${iconButtonTokens.iconButtonDisabledOpacity}: var(${attachTokens.iconButtonCancelDisabledOpacity});\n ${iconButtonTokens.iconButtonFocusColor}: var(${attachTokens.iconButtonCancelFocusColor});\n ${iconButtonTokens.iconButtonSpinnerColor}: var(${attachTokens.iconButtonCancelSpinnerColor});\n ${iconButtonTokens.iconButtonSpinnerSize}: var(${attachTokens.iconButtonCancelSpinnerSize});\n`;\n"],"names":["mergedConfig","mergeConfig","iconButtonConfig","IconButton","component","_exp","StyledIconButton","styled","name","class","propsAsIs","_exp50","StyledIconButtonCancel"],"mappings":";;;;AAMA,IAAMA,YAAY,gBAAGC,WAAW,CAACC,gBAAgB,CAAC,CAAA;AAClD,IAAMC,UAAU,gBAAGC,SAAS,CAACJ,YAAY,CAAC,CAAA;AAAC,IAAAK,IAAA,GANzBA,SAMyBA,IAAAA,GAAA;AAAA,EAAA,OAEJF,UAAU,CAAA;AAAA,CAAA,CAAA;AAA1C,IAAMG,gBAAgB,gBAAGC,MAAM,CAAAF,IAAA,EAAA,CAAA,CAAA;AAAAG,EAAAA,IAAA,EAAA,kBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA8BrC,EAAA;AAAC,IAAAC,MAAA,GAtCgBA,SAsChBA,MAAAA,GAAA;AAAA,EAAA,OAE2CR,UAAU,CAAA;AAAA,CAAA,CAAA;AAAhD,IAAMS,sBAAsB,gBAAGL,MAAM,CAAAI,MAAA,EAAA,CAAA,CAAA;AAAAH,EAAAA,IAAA,EAAA,wBAAA;AAAAC,EAAAA,OAAAA,EAAA,UAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAA,CA4B3C;;;;"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
.s1uu1svj{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
2
|
+
.s17hmg85{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
package/es/index.css
CHANGED
|
@@ -820,8 +820,8 @@
|
|
|
820
820
|
|
|
821
821
|
.Button_styles_bj69th_sfplb1t__569490a7{--plasma-button-color:var(--plasma-attach-button-color);--plasma-button-value-color:var(--plasma-attach-button-value-color);--plasma-button-background-color:var(--plasma-attach-button-background-color);--plasma-button-color-hover:var(--plasma-attach-button-color-hover);--plasma-button-background-color-hover:var(--plasma-attach-button-background-color-hover);--plasma-button-color-active:var(--plasma-attach-button-color-active);--plasma-button-background-color-active:var(--plasma-attach-button-background-color-active);--plasma-button-loading-background-color:var(--plasma-attach-button-loading-background-color);--plasma-button-scale-hover:var(--plasma-attach-button-scale-hover);---plasma-button-scale-active:var(---plasma-attach-button-scale-active);--plasma-button-height:var(--plasma-attach-button-height);--plasma-button-width:var(--plasma-attach-button-width);--plasma-button-padding:var(--plasma-attach-button-padding);--plasma-button-radius:var(--plasma-attach-button-radius);--plasma-button-radius-circle:var(--plasma-attach-button-radius-circle);--plasma-button-font-family:var(--plasma-attach-button-font-family);--plasma-button-font-size:var(--plasma-attach-button-font-size);--plasma-button-font-style:var(--plasma-attach-button-font-style);--plasma-button-font-weight:var(--plasma-attach-button-font-weight);--plasma-button-letter-spacing:var(--plasma-attach-button-letter-spacing);--plasma-button-line-height:var(--plasma-attach-button-line-height);--plasma-button-left-content-margin:var(--plasma-attach-button-left-content-margin);--plasma-button-left-content-align-self:var(--plasma-attach-button-left-content-align-self);--plasma-button-right-content-margin:var(--plasma-attach-button-right-content-margin);--plasma-button-right-content-align-self:var(--plasma-attach-button-right-content-align-self);--plasma-button-value-margin:var(--plasma-attach-button-value-margin);--plasma-button-disabled-opacity:var(--plasma-attach-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-attach-button-focus-color);--plasma-button-spinner-color:var(--plasma-attach-button-spinner-color);--plasma-button-spinner-size:var(--plasma-attach-button-spinner-size);}
|
|
822
822
|
|
|
823
|
-
.
|
|
824
|
-
.
|
|
823
|
+
.IconButton_styles_7clf9d_s1uu1svj__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
824
|
+
.IconButton_styles_7clf9d_s17hmg85__424ea6e4{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
|
825
825
|
|
|
826
826
|
.ViewContainer_yiqfcb_bemjbnt__5b2a6776{position:relative;}
|
|
827
827
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@salutejs/plasma-new-hope",
|
|
3
|
-
"version": "0.241.1-canary.1668.
|
|
3
|
+
"version": "0.241.1-canary.1668.12869583484.0",
|
|
4
4
|
"description": "Salute Design System blueprint",
|
|
5
5
|
"main": "cjs/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -80,7 +80,7 @@
|
|
|
80
80
|
"@rollup/plugin-babel": "^6.0.4",
|
|
81
81
|
"@rollup/plugin-commonjs": "^25.0.4",
|
|
82
82
|
"@rollup/plugin-node-resolve": "^15.1.0",
|
|
83
|
-
"@salutejs/plasma-sb-utils": "0.190.1-canary.1668.
|
|
83
|
+
"@salutejs/plasma-sb-utils": "0.190.1-canary.1668.12869583484.0",
|
|
84
84
|
"@salutejs/plasma-themes": "0.28.0",
|
|
85
85
|
"@storybook/addon-docs": "^7.6.17",
|
|
86
86
|
"@storybook/addon-essentials": "^7.6.17",
|
|
@@ -131,5 +131,5 @@
|
|
|
131
131
|
"sideEffects": [
|
|
132
132
|
"*.css"
|
|
133
133
|
],
|
|
134
|
-
"gitHead": "
|
|
134
|
+
"gitHead": "fe44c39492d81941101dd3770e23029ecce658c3"
|
|
135
135
|
}
|
|
@@ -12,8 +12,8 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "d
|
|
|
12
12
|
var mergedConfig = /*#__PURE__*/(0, _engines.mergeConfig)(_IconButton.iconButtonConfig);
|
|
13
13
|
var IconButton = /*#__PURE__*/(0, _engines.component)(mergedConfig);
|
|
14
14
|
var StyledIconButton = exports.StyledIconButton = /*#__PURE__*/(0, _styledComponents["default"])(IconButton).withConfig({
|
|
15
|
-
componentId: "plasma-new-hope__sc-
|
|
15
|
+
componentId: "plasma-new-hope__sc-5koxke-0"
|
|
16
16
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");flex-shrink:0;"], _IconButton.iconButtonTokens.iconButtonColor, _Attach.tokens.iconButtonColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Attach.tokens.iconButtonBackgroundColor, _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, _Attach.tokens.iconButtonLoadingBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Attach.tokens.iconButtonColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Attach.tokens.iconButtonBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Attach.tokens.iconButtonColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Attach.tokens.iconButtonBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonScaleHover, _Attach.tokens.iconButtonScaleHover, _IconButton.iconButtonTokens.iconButtonScaleActive, _Attach.tokens.iconButtonScaleActive, _IconButton.iconButtonTokens.iconButtonHeight, _Attach.tokens.iconButtonHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Attach.tokens.iconButtonWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Attach.tokens.iconButtonPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Attach.tokens.iconButtonRadius, _IconButton.iconButtonTokens.iconButtonRadiusCircle, _Attach.tokens.iconButtonRadiusCircle, _IconButton.iconButtonTokens.iconButtonFontFamily, _Attach.tokens.iconButtonFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _Attach.tokens.iconButtonFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _Attach.tokens.iconButtonFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _Attach.tokens.iconButtonFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _Attach.tokens.iconButtonLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _Attach.tokens.iconButtonLineHeight, _IconButton.iconButtonTokens.iconButtonDisabledOpacity, _Attach.tokens.iconButtonDisabledOpacity, _IconButton.iconButtonTokens.iconButtonFocusColor, _Attach.tokens.iconButtonFocusColor, _IconButton.iconButtonTokens.iconButtonSpinnerColor, _Attach.tokens.iconButtonSpinnerColor, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _Attach.tokens.iconButtonSpinnerSize);
|
|
17
17
|
var StyledIconButtonCancel = exports.StyledIconButtonCancel = /*#__PURE__*/(0, _styledComponents["default"])(IconButton).withConfig({
|
|
18
|
-
componentId: "plasma-new-hope__sc-
|
|
18
|
+
componentId: "plasma-new-hope__sc-5koxke-1"
|
|
19
19
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], _IconButton.iconButtonTokens.iconButtonColor, _Attach.tokens.iconButtonCancelColor, _IconButton.iconButtonTokens.iconButtonBackgroundColor, _Attach.tokens.iconButtonCancelBackgroundColor, _IconButton.iconButtonTokens.iconButtonLoadingBackgroundColor, _Attach.tokens.iconButtonCancelLoadingBackgroundColor, _IconButton.iconButtonTokens.iconButtonColorHover, _Attach.tokens.iconButtonCancelColorHover, _IconButton.iconButtonTokens.iconButtonBackgroundColorHover, _Attach.tokens.iconButtonCancelBackgroundColorHover, _IconButton.iconButtonTokens.iconButtonColorActive, _Attach.tokens.iconButtonCancelColorActive, _IconButton.iconButtonTokens.iconButtonBackgroundColorActive, _Attach.tokens.iconButtonCancelBackgroundColorActive, _IconButton.iconButtonTokens.iconButtonScaleHover, _Attach.tokens.iconButtonCancelScaleHover, _IconButton.iconButtonTokens.iconButtonScaleActive, _Attach.tokens.iconButtonCancelScaleActive, _IconButton.iconButtonTokens.iconButtonHeight, _Attach.tokens.iconButtonCancelHeight, _IconButton.iconButtonTokens.iconButtonWidth, _Attach.tokens.iconButtonCancelWidth, _IconButton.iconButtonTokens.iconButtonPadding, _Attach.tokens.iconButtonCancelPadding, _IconButton.iconButtonTokens.iconButtonRadius, _Attach.tokens.iconButtonCancelRadius, _IconButton.iconButtonTokens.iconButtonRadiusCircle, _Attach.tokens.iconButtonCancelRadiusCircle, _IconButton.iconButtonTokens.iconButtonFontFamily, _Attach.tokens.iconButtonCancelFontFamily, _IconButton.iconButtonTokens.iconButtonFontSize, _Attach.tokens.iconButtonCancelFontSize, _IconButton.iconButtonTokens.iconButtonFontStyle, _Attach.tokens.iconButtonCancelFontStyle, _IconButton.iconButtonTokens.iconButtonFontWeight, _Attach.tokens.iconButtonCancelFontWeight, _IconButton.iconButtonTokens.iconButtonLetterSpacing, _Attach.tokens.iconButtonCancelLetterSpacing, _IconButton.iconButtonTokens.iconButtonLineHeight, _Attach.tokens.iconButtonCancelLineHeight, _IconButton.iconButtonTokens.iconButtonDisabledOpacity, _Attach.tokens.iconButtonCancelDisabledOpacity, _IconButton.iconButtonTokens.iconButtonFocusColor, _Attach.tokens.iconButtonCancelFocusColor, _IconButton.iconButtonTokens.iconButtonSpinnerColor, _Attach.tokens.iconButtonCancelSpinnerColor, _IconButton.iconButtonTokens.iconButtonSpinnerSize, _Attach.tokens.iconButtonCancelSpinnerSize);
|
|
@@ -37,16 +37,9 @@ export function App() {
|
|
|
37
37
|
|
|
38
38
|
<Button text="Текст" contentRight={<IconDownload color="inherit" />} />
|
|
39
39
|
|
|
40
|
-
<Button contentLeft={<IconDownload color="inherit" />} />
|
|
41
|
-
|
|
42
40
|
<Button text="Текст" isLoading />
|
|
43
41
|
|
|
44
42
|
<Button text="Текст" isLoading loader={<div>Loader...</div>} />
|
|
45
|
-
|
|
46
|
-
<Button>
|
|
47
|
-
<IconDownload color="inherit" />
|
|
48
|
-
<span>Текст</span>
|
|
49
|
-
</Button>
|
|
50
43
|
</div>
|
|
51
44
|
);
|
|
52
45
|
}
|
|
@@ -5,8 +5,8 @@ import { tokens as attachTokens } from '../../Attach.tokens';
|
|
|
5
5
|
var mergedConfig = /*#__PURE__*/mergeConfig(iconButtonConfig);
|
|
6
6
|
var IconButton = /*#__PURE__*/component(mergedConfig);
|
|
7
7
|
export var StyledIconButton = /*#__PURE__*/styled(IconButton).withConfig({
|
|
8
|
-
componentId: "plasma-new-hope__sc-
|
|
8
|
+
componentId: "plasma-new-hope__sc-5koxke-0"
|
|
9
9
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");flex-shrink:0;"], iconButtonTokens.iconButtonColor, attachTokens.iconButtonColor, iconButtonTokens.iconButtonBackgroundColor, attachTokens.iconButtonBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonLoadingBackgroundColor, iconButtonTokens.iconButtonColorHover, attachTokens.iconButtonColorHover, iconButtonTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonBackgroundColorHover, iconButtonTokens.iconButtonColorActive, attachTokens.iconButtonColorActive, iconButtonTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonBackgroundColorActive, iconButtonTokens.iconButtonScaleHover, attachTokens.iconButtonScaleHover, iconButtonTokens.iconButtonScaleActive, attachTokens.iconButtonScaleActive, iconButtonTokens.iconButtonHeight, attachTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, attachTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, attachTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, attachTokens.iconButtonRadius, iconButtonTokens.iconButtonRadiusCircle, attachTokens.iconButtonRadiusCircle, iconButtonTokens.iconButtonFontFamily, attachTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, attachTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, attachTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, attachTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, attachTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, attachTokens.iconButtonLineHeight, iconButtonTokens.iconButtonDisabledOpacity, attachTokens.iconButtonDisabledOpacity, iconButtonTokens.iconButtonFocusColor, attachTokens.iconButtonFocusColor, iconButtonTokens.iconButtonSpinnerColor, attachTokens.iconButtonSpinnerColor, iconButtonTokens.iconButtonSpinnerSize, attachTokens.iconButtonSpinnerSize);
|
|
10
10
|
export var StyledIconButtonCancel = /*#__PURE__*/styled(IconButton).withConfig({
|
|
11
|
-
componentId: "plasma-new-hope__sc-
|
|
11
|
+
componentId: "plasma-new-hope__sc-5koxke-1"
|
|
12
12
|
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], iconButtonTokens.iconButtonColor, attachTokens.iconButtonCancelColor, iconButtonTokens.iconButtonBackgroundColor, attachTokens.iconButtonCancelBackgroundColor, iconButtonTokens.iconButtonLoadingBackgroundColor, attachTokens.iconButtonCancelLoadingBackgroundColor, iconButtonTokens.iconButtonColorHover, attachTokens.iconButtonCancelColorHover, iconButtonTokens.iconButtonBackgroundColorHover, attachTokens.iconButtonCancelBackgroundColorHover, iconButtonTokens.iconButtonColorActive, attachTokens.iconButtonCancelColorActive, iconButtonTokens.iconButtonBackgroundColorActive, attachTokens.iconButtonCancelBackgroundColorActive, iconButtonTokens.iconButtonScaleHover, attachTokens.iconButtonCancelScaleHover, iconButtonTokens.iconButtonScaleActive, attachTokens.iconButtonCancelScaleActive, iconButtonTokens.iconButtonHeight, attachTokens.iconButtonCancelHeight, iconButtonTokens.iconButtonWidth, attachTokens.iconButtonCancelWidth, iconButtonTokens.iconButtonPadding, attachTokens.iconButtonCancelPadding, iconButtonTokens.iconButtonRadius, attachTokens.iconButtonCancelRadius, iconButtonTokens.iconButtonRadiusCircle, attachTokens.iconButtonCancelRadiusCircle, iconButtonTokens.iconButtonFontFamily, attachTokens.iconButtonCancelFontFamily, iconButtonTokens.iconButtonFontSize, attachTokens.iconButtonCancelFontSize, iconButtonTokens.iconButtonFontStyle, attachTokens.iconButtonCancelFontStyle, iconButtonTokens.iconButtonFontWeight, attachTokens.iconButtonCancelFontWeight, iconButtonTokens.iconButtonLetterSpacing, attachTokens.iconButtonCancelLetterSpacing, iconButtonTokens.iconButtonLineHeight, attachTokens.iconButtonCancelLineHeight, iconButtonTokens.iconButtonDisabledOpacity, attachTokens.iconButtonCancelDisabledOpacity, iconButtonTokens.iconButtonFocusColor, attachTokens.iconButtonCancelFocusColor, iconButtonTokens.iconButtonSpinnerColor, attachTokens.iconButtonCancelSpinnerColor, iconButtonTokens.iconButtonSpinnerSize, attachTokens.iconButtonCancelSpinnerSize);
|
|
@@ -37,16 +37,9 @@ export function App() {
|
|
|
37
37
|
|
|
38
38
|
<Button text="Текст" contentRight={<IconDownload color="inherit" />} />
|
|
39
39
|
|
|
40
|
-
<Button contentLeft={<IconDownload color="inherit" />} />
|
|
41
|
-
|
|
42
40
|
<Button text="Текст" isLoading />
|
|
43
41
|
|
|
44
42
|
<Button text="Текст" isLoading loader={<div>Loader...</div>} />
|
|
45
|
-
|
|
46
|
-
<Button>
|
|
47
|
-
<IconDownload color="inherit" />
|
|
48
|
-
<span>Текст</span>
|
|
49
|
-
</Button>
|
|
50
43
|
</div>
|
|
51
44
|
);
|
|
52
45
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.
|
|
1
|
+
{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/Attach/ui/IconButton/IconButton.styles.ts"],"names":[],"mappings":";AASA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDA8B5B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uDA4BlC,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.s15ptif0{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
2
|
-
.shuaj1a{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
.s15ptif0{--plasma-icon-button-color:var(--plasma-attach-icon-button-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-spinner-size);-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;}
|
|
2
|
-
.shuaj1a{--plasma-icon-button-color:var(--plasma-attach-icon-button-cancel-color);--plasma-icon-button-background-color:var(--plasma-attach-icon-button-cancel-background-color);--plasma-icon-button-loading-background-color:var(--plasma-attach-icon-button-cancel-loading-background-color);--plasma-icon-button-color-hover:var(--plasma-attach-icon-button-cancel-color-hover);--plasma-icon-button-background-color-hover:var(--plasma-attach-icon-button-cancel-background-color-hover);--plasma-icon-button-color-active:var(--plasma-attach-icon-button-cancel-color-active);--plasma-icon-button-background-color-active:var(--plasma-attach-icon-button-cancel-background-color-active);--plasma-icon-button-scale-hover:var(--plasma-attach-icon-button-cancel-scale-hover);---plasma-icon-button-scale-active:var(---plasma-attach-icon-button-cancel-scale-active);--plasma-icon-button-height:var(--plasma-attach-icon-button-cancel-height);--plasma-icon-button-width:var(--plasma-attach-icon-button-cancel-width);--plasma-icon-button-padding:var(--plasma-attach-icon-button-cancel-padding);--plasma-icon-button-radius:var(--plasma-attach-icon-button-cancel-radius);--plasma-icon-button-radius-circle:var(--plasma-attach-icon-button-cancel-radius-circle);--plasma-icon-button-font-family:var(--plasma-attach-icon-button-cancel-font-family);--plasma-icon-button-font-size:var(--plasma-attach-icon-button-cancel-font-size);--plasma-icon-button-font-style:var(--plasma-attach-icon-button-cancel-font-style);--plasma-icon-button-font-weight:var(--plasma-attach-icon-button-cancel-font-weight);--plasma-icon-button-letter-spacing:var(--plasma-attach-icon-button-cancel-letter-spacing);--plasma-icon-button-line-height:var(--plasma-attach-icon-button-cancel-line-height);--plasma-icon-button-disabled-opacity:var(--plasma-attach-icon-button-cancel-disabled-opacity);--plasma-icon-button-focus-color:var(--plasma-attach-icon-button-cancel-focus-color);--plasma-icon-button-spinner-color:var(--plasma-attach-icon-button-cancel-spinner-color);--plasma-icon-button-spinner-size:var(--plasma-attach-icon-button-cancel-spinner-size);}
|