@salutejs/plasma-new-hope 0.78.0-canary.1195.8913931601.0 → 0.78.0-canary.1195.8924860991.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Button/Button.styles.js +1 -0
- package/cjs/components/Button/Button.styles.js.map +1 -1
- package/cjs/components/Drawer/Drawer.js +1 -0
- package/cjs/components/Drawer/Drawer.js.map +1 -1
- package/cjs/components/IconButton/IconButton.css +11 -12
- package/cjs/components/IconButton/IconButton.js +18 -52
- package/cjs/components/IconButton/IconButton.js.map +1 -1
- package/cjs/components/IconButton/IconButton.styles.js +6 -15
- package/cjs/components/IconButton/IconButton.styles.js.map +1 -1
- package/cjs/components/IconButton/IconButton.styles_1hknr37.css +1 -0
- package/cjs/components/IconButton/IconButton.tokens.js +0 -4
- package/cjs/components/IconButton/IconButton.tokens.js.map +1 -1
- package/cjs/index.css +1 -2
- package/cjs/index.js +0 -1
- package/cjs/index.js.map +1 -1
- package/es/components/Button/Button.styles.js +1 -0
- package/es/components/Button/Button.styles.js.map +1 -1
- package/es/components/Drawer/Drawer.js +1 -0
- package/es/components/Drawer/Drawer.js.map +1 -1
- package/es/components/IconButton/IconButton.css +11 -12
- package/es/components/IconButton/IconButton.js +19 -53
- package/es/components/IconButton/IconButton.js.map +1 -1
- package/es/components/IconButton/IconButton.styles.js +7 -15
- package/es/components/IconButton/IconButton.styles.js.map +1 -1
- package/es/components/IconButton/IconButton.styles_1hknr37.css +1 -0
- package/es/components/IconButton/IconButton.tokens.js +1 -4
- package/es/components/IconButton/IconButton.tokens.js.map +1 -1
- package/es/index.css +1 -2
- package/es/index.js +1 -1
- package/package.json +2 -2
- package/styled-components/cjs/components/Button/Button.styles.js +10 -2
- package/styled-components/cjs/components/IconButton/IconButton.js +18 -57
- package/styled-components/cjs/components/IconButton/IconButton.styles.js +5 -12
- package/styled-components/cjs/components/IconButton/IconButton.tokens.js +1 -4
- package/styled-components/cjs/components/IconButton/index.js +0 -6
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.config.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +5 -1
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.config.js +1 -1
- package/styled-components/cjs/examples/plasma_web/components/IconButton/IconButton.stories.tsx +5 -1
- package/styled-components/es/components/Button/Button.styles.js +10 -2
- package/styled-components/es/components/IconButton/IconButton.js +19 -55
- package/styled-components/es/components/IconButton/IconButton.styles.js +5 -10
- package/styled-components/es/components/IconButton/IconButton.tokens.js +0 -3
- package/styled-components/es/components/IconButton/index.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.config.js +1 -1
- package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx +5 -1
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.config.js +1 -1
- package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx +5 -1
- package/types/components/Button/Button.styles.d.ts +1 -0
- package/types/components/Button/Button.styles.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.d.ts +10 -5
- package/types/components/IconButton/IconButton.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.styles.d.ts +1 -2
- package/types/components/IconButton/IconButton.styles.d.ts.map +1 -1
- package/types/components/IconButton/IconButton.tokens.d.ts +0 -3
- package/types/components/IconButton/IconButton.tokens.d.ts.map +1 -1
- package/types/components/IconButton/index.d.ts +1 -2
- package/types/components/IconButton/index.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts +1 -1
- package/types/examples/plasma_b2c/components/IconButton/IconButton.d.ts.map +1 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts +1 -1
- package/types/examples/plasma_web/components/IconButton/IconButton.d.ts.map +1 -1
- package/cjs/components/IconButton/IconButton.styles_12iyaye.css +0 -2
- package/cjs/components/IconButton/variations/_disabled/base.js +0 -9
- package/cjs/components/IconButton/variations/_disabled/base.js.map +0 -1
- package/cjs/components/IconButton/variations/_disabled/base_x642ct.css +0 -1
- package/cjs/components/IconButton/variations/_focused/base.js +0 -9
- package/cjs/components/IconButton/variations/_focused/base.js.map +0 -1
- package/cjs/components/IconButton/variations/_focused/base_x642ct.css +0 -1
- package/cjs/components/IconButton/variations/_size/base.js +0 -9
- package/cjs/components/IconButton/variations/_size/base.js.map +0 -1
- package/cjs/components/IconButton/variations/_size/base_x642ct.css +0 -1
- package/cjs/components/IconButton/variations/_view/base.js +0 -9
- package/cjs/components/IconButton/variations/_view/base.js.map +0 -1
- package/cjs/components/IconButton/variations/_view/base_x642ct.css +0 -1
- package/es/components/IconButton/IconButton.styles_12iyaye.css +0 -2
- package/es/components/IconButton/variations/_disabled/base.js +0 -5
- package/es/components/IconButton/variations/_disabled/base.js.map +0 -1
- package/es/components/IconButton/variations/_disabled/base_x642ct.css +0 -1
- package/es/components/IconButton/variations/_focused/base.js +0 -5
- package/es/components/IconButton/variations/_focused/base.js.map +0 -1
- package/es/components/IconButton/variations/_focused/base_x642ct.css +0 -1
- package/es/components/IconButton/variations/_size/base.js +0 -5
- package/es/components/IconButton/variations/_size/base.js.map +0 -1
- package/es/components/IconButton/variations/_size/base_x642ct.css +0 -1
- package/es/components/IconButton/variations/_view/base.js +0 -5
- package/es/components/IconButton/variations/_view/base.js.map +0 -1
- package/es/components/IconButton/variations/_view/base_x642ct.css +0 -1
- package/styled-components/cjs/components/IconButton/IconButton.types.js +0 -5
- package/styled-components/cjs/components/IconButton/variations/_disabled/base.js +0 -8
- package/styled-components/cjs/components/IconButton/variations/_disabled/tokens.json +0 -1
- package/styled-components/cjs/components/IconButton/variations/_focused/base.js +0 -8
- package/styled-components/cjs/components/IconButton/variations/_focused/tokens.json +0 -1
- package/styled-components/cjs/components/IconButton/variations/_size/base.js +0 -8
- package/styled-components/cjs/components/IconButton/variations/_size/tokens.json +0 -1
- package/styled-components/cjs/components/IconButton/variations/_view/base.js +0 -8
- package/styled-components/cjs/components/IconButton/variations/_view/tokens.json +0 -1
- package/styled-components/es/components/IconButton/IconButton.types.js +0 -1
- package/styled-components/es/components/IconButton/variations/_disabled/base.js +0 -2
- package/styled-components/es/components/IconButton/variations/_disabled/tokens.json +0 -1
- package/styled-components/es/components/IconButton/variations/_focused/base.js +0 -2
- package/styled-components/es/components/IconButton/variations/_focused/tokens.json +0 -1
- package/styled-components/es/components/IconButton/variations/_size/base.js +0 -2
- package/styled-components/es/components/IconButton/variations/_size/tokens.json +0 -1
- package/styled-components/es/components/IconButton/variations/_view/base.js +0 -2
- package/styled-components/es/components/IconButton/variations/_view/tokens.json +0 -1
- package/types/components/IconButton/IconButton.types.d.ts +0 -13
- package/types/components/IconButton/IconButton.types.d.ts.map +0 -1
- package/types/components/IconButton/variations/_disabled/base.d.ts +0 -2
- package/types/components/IconButton/variations/_disabled/base.d.ts.map +0 -1
- package/types/components/IconButton/variations/_focused/base.d.ts +0 -2
- package/types/components/IconButton/variations/_focused/base.d.ts.map +0 -1
- package/types/components/IconButton/variations/_size/base.d.ts +0 -2
- package/types/components/IconButton/variations/_size/base.d.ts.map +0 -1
- package/types/components/IconButton/variations/_view/base.d.ts +0 -2
- package/types/components/IconButton/variations/_view/base.d.ts.map +0 -1
@@ -1,58 +1,15 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
|
4
|
-
|
5
|
-
import
|
6
|
-
import {
|
7
|
-
import { base
|
8
|
-
import {
|
9
|
-
|
10
|
-
import { base as sizeCSS } from './variations/_size/base';
|
11
|
-
import { base as disabledCSS } from './variations/_disabled/base';
|
12
|
-
import { base as focusedCSS } from './variations/_focused/base';
|
13
|
-
export var iconButtonRoot = function iconButtonRoot(Root) {
|
14
|
-
return /*#__PURE__*/forwardRef(function (props, ref) {
|
15
|
-
var children = props.children,
|
16
|
-
view = props.view,
|
17
|
-
size = props.size,
|
18
|
-
icon = props.icon,
|
19
|
-
isLoading = props.isLoading,
|
20
|
-
loader = props.loader,
|
21
|
-
pin = props.pin,
|
22
|
-
disabled = props.disabled,
|
23
|
-
focused = props.focused,
|
24
|
-
outlined = props.outlined,
|
25
|
-
className = props.className,
|
26
|
-
style = props.style,
|
27
|
-
rest = _objectWithoutProperties(props, _excluded);
|
28
|
-
return /*#__PURE__*/React.createElement(Root, {
|
29
|
-
view: view,
|
30
|
-
size: size,
|
31
|
-
focused: focused,
|
32
|
-
disabled: disabled,
|
33
|
-
className: classes.iconButtonItem
|
34
|
-
}, /*#__PURE__*/React.createElement(IconButtonStyled, _extends({
|
35
|
-
view: view,
|
36
|
-
size: size,
|
37
|
-
loader: loader,
|
38
|
-
isLoading: isLoading,
|
39
|
-
pin: pin,
|
40
|
-
disabled: disabled,
|
41
|
-
focused: focused,
|
42
|
-
outlined: outlined,
|
43
|
-
ref: ref,
|
44
|
-
square: true // Временное решение
|
45
|
-
,
|
46
|
-
stretching: "fixed" // Не работает не понятное почему
|
47
|
-
,
|
48
|
-
className: cx(className),
|
49
|
-
style: style
|
50
|
-
}, rest), icon || children));
|
51
|
-
});
|
52
|
-
};
|
1
|
+
import { buttonRoot } from '../Button';
|
2
|
+
import { base as viewCSS } from '../Button/variations/_view/base';
|
3
|
+
import { base as sizeCSS } from '../Button/variations/_size/base';
|
4
|
+
import { base as disabledCSS } from '../Button/variations/_disabled/base';
|
5
|
+
import { base as focusedCSS } from '../Button/variations/_focused/base';
|
6
|
+
import { base as blurredCSS } from '../Button/variations/_blurred/base';
|
7
|
+
import { base as stretchingCSS } from '../Button/variations/_stretching/base';
|
8
|
+
import { base } from './IconButton.styles';
|
9
|
+
export var iconButtonRoot = buttonRoot;
|
53
10
|
export var iconButtonConfig = {
|
54
|
-
name: '
|
55
|
-
tag: '
|
11
|
+
name: 'IconButton',
|
12
|
+
tag: 'button',
|
56
13
|
layout: iconButtonRoot,
|
57
14
|
base: base,
|
58
15
|
variations: {
|
@@ -68,10 +25,17 @@ export var iconButtonConfig = {
|
|
68
25
|
},
|
69
26
|
focused: {
|
70
27
|
css: focusedCSS
|
28
|
+
},
|
29
|
+
blurred: {
|
30
|
+
css: blurredCSS
|
31
|
+
},
|
32
|
+
stretching: {
|
33
|
+
css: stretchingCSS
|
71
34
|
}
|
72
35
|
},
|
73
36
|
defaults: {
|
74
37
|
view: 'secondary',
|
75
|
-
size: 'm'
|
38
|
+
size: 'm',
|
39
|
+
stretching: 'fixed'
|
76
40
|
}
|
77
41
|
};
|
@@ -1,11 +1,6 @@
|
|
1
|
-
import styled from 'styled-components';
|
2
1
|
import { css } from 'styled-components';
|
3
|
-
import {
|
4
|
-
import {
|
5
|
-
import { tokens
|
6
|
-
var
|
7
|
-
var
|
8
|
-
export var base = /*#__PURE__*/css(["&&.", "{display:inline-flex;}"], classes.iconButtonItem);
|
9
|
-
export var IconButtonStyled = /*#__PURE__*/styled(Button).withConfig({
|
10
|
-
componentId: "plasma-new-hope__sc-bil9m7-0"
|
11
|
-
})(["", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");", ":var(", ");"], buttonTokens.buttonColor, tokens.iconButtonColor, buttonTokens.buttonBackgroundColor, tokens.iconButtonBackgroundColor, buttonTokens.buttonColorHover, tokens.iconButtonColorHover, buttonTokens.buttonBackgroundColorHover, tokens.iconButtonBackgroundColorHover, buttonTokens.buttonColorActive, tokens.iconButtonColorActive, buttonTokens.buttonBackgroundColorActive, tokens.iconButtonBackgroundColorActive, buttonTokens.buttonFontFamily, tokens.iconButtonFontFamily, buttonTokens.buttonFontSize, tokens.iconButtonFontSize, buttonTokens.buttonFontStyle, tokens.iconButtonFontStyle, buttonTokens.buttonFontWeight, tokens.iconButtonFontWeight, buttonTokens.buttonLetterSpacing, tokens.iconButtonLetterSpacing, buttonTokens.buttonLineHeight, tokens.iconButtonLineHeight, buttonTokens.buttonWidth, tokens.iconButtonWidth, buttonTokens.buttonHeight, tokens.iconButtonHeight, buttonTokens.buttonRadius, tokens.iconButtonRadius, buttonTokens.buttonDisabledOpacity, tokens.iconButtonDisabledOpacity, buttonTokens.buttonFocusColor, tokens.iconButtonFocusColor, buttonTokens.buttonSpinnerSize, tokens.iconButtonSpinnerSize, buttonTokens.buttonSpinnerColor, tokens.iconButtonSpinnerColor);
|
2
|
+
import { buttonTokens } from '../Button';
|
3
|
+
import { baseContent as buttonBase } from '../Button/Button.styles';
|
4
|
+
import { tokens } from './IconButton.tokens';
|
5
|
+
export var mappingOverride = /*#__PURE__*/"\n ".concat(buttonTokens.buttonPadding, ": 0;\n\n ").concat(buttonTokens.buttonColor, ": var(").concat(tokens.iconButtonColor, ");\n ").concat(buttonTokens.buttonBackgroundColor, ": var(").concat(tokens.iconButtonBackgroundColor, ");\n\n ").concat(buttonTokens.buttonColorHover, ": var(").concat(tokens.iconButtonColorHover, ");\n ").concat(buttonTokens.buttonBackgroundColorHover, ": var(").concat(tokens.iconButtonBackgroundColorHover, ");\n\n ").concat(buttonTokens.buttonColorActive, ": var(").concat(tokens.iconButtonColorActive, ");\n ").concat(buttonTokens.buttonBackgroundColorActive, ": var(").concat(tokens.iconButtonBackgroundColorActive, ");\n\n\n ").concat(buttonTokens.buttonFontFamily, ": var(").concat(tokens.iconButtonFontFamily, ");\n ").concat(buttonTokens.buttonFontSize, ": var(").concat(tokens.iconButtonFontSize, ");\n ").concat(buttonTokens.buttonFontStyle, ": var(").concat(tokens.iconButtonFontStyle, ");\n ").concat(buttonTokens.buttonFontWeight, ":var(").concat(tokens.iconButtonFontWeight, ");\n ").concat(buttonTokens.buttonLetterSpacing, ": var(").concat(tokens.iconButtonLetterSpacing, ");\n ").concat(buttonTokens.buttonLineHeight, ": var(").concat(tokens.iconButtonLineHeight, ");\n\n ").concat(buttonTokens.buttonWidth, ": var(").concat(tokens.iconButtonWidth, ");\n ").concat(buttonTokens.buttonHeight, ": var(").concat(tokens.iconButtonHeight, ");\n ").concat(buttonTokens.buttonRadius, ": var(").concat(tokens.iconButtonRadius, ");\n\n ").concat(buttonTokens.buttonDisabledOpacity, ": var(").concat(tokens.iconButtonDisabledOpacity, ");\n ").concat(buttonTokens.buttonFocusColor, ": var(").concat(tokens.iconButtonFocusColor, ");\n\n ").concat(buttonTokens.buttonSpinnerSize, ": var(").concat(tokens.iconButtonSpinnerSize, ");\n ").concat(buttonTokens.buttonSpinnerColor, ": var(").concat(tokens.iconButtonSpinnerColor, ");\n");
|
6
|
+
export var base = /*#__PURE__*/css(["", ";", ";"], buttonBase, mappingOverride);
|
@@ -1,2 +1,2 @@
|
|
1
1
|
export { iconButtonRoot, iconButtonConfig } from './IconButton';
|
2
|
-
export { tokens as iconButtonTokens
|
2
|
+
export { tokens as iconButtonTokens } from './IconButton.tokens';
|
@@ -25,7 +25,7 @@ export var config = {
|
|
25
25
|
lr: /*#__PURE__*/css(["", ":3.5rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
26
26
|
m: /*#__PURE__*/css(["", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
27
27
|
mr: /*#__PURE__*/css(["", ":3rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
28
|
-
s: /*#__PURE__*/css(["", ":2.5rem;", ":2.
|
28
|
+
s: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
29
29
|
sr: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
30
30
|
xs: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
31
31
|
xsr: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
package/styled-components/es/examples/plasma_b2c/components/IconButton/IconButton.stories.tsx
CHANGED
@@ -61,5 +61,9 @@ export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
|
|
61
61
|
focused: true,
|
62
62
|
isLoading: false,
|
63
63
|
},
|
64
|
-
render: (args) =>
|
64
|
+
render: (args) => (
|
65
|
+
<IconButton {...args}>
|
66
|
+
<IconChevronLeft size={getSizeForIcon(args.size)} />
|
67
|
+
</IconButton>
|
68
|
+
),
|
65
69
|
};
|
@@ -25,7 +25,7 @@ export var config = {
|
|
25
25
|
lr: /*#__PURE__*/css(["", ":3.5rem;", ":3.5rem;", ":var(--plasma-typo-body-l-font-family);", ":var(--plasma-typo-body-l-font-size);", ":var(--plasma-typo-body-l-font-style);", ":var(--plasma-typo-body-l-bold-font-weight);", ":var(--plasma-typo-body-l-letter-spacing);", ":var(--plasma-typo-body-l-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
26
26
|
m: /*#__PURE__*/css(["", ":3rem;", ":3rem;", ":1.25rem;", ":0.75rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
27
27
|
mr: /*#__PURE__*/css(["", ":3rem;", ":3rem;", ":var(--plasma-typo-body-m-font-family);", ":var(--plasma-typo-body-m-font-size);", ":var(--plasma-typo-body-m-font-style);", ":var(--plasma-typo-body-m-bold-font-weight);", ":var(--plasma-typo-body-m-letter-spacing);", ":var(--plasma-typo-body-m-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
28
|
-
s: /*#__PURE__*/css(["", ":2.5rem;", ":2.
|
28
|
+
s: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":1rem;", ":0.625rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
29
29
|
sr: /*#__PURE__*/css(["", ":2.5rem;", ":2.5rem;", ":var(--plasma-typo-body-s-font-family);", ":var(--plasma-typo-body-s-font-size);", ":var(--plasma-typo-body-s-font-style);", ":var(--plasma-typo-body-s-bold-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":1.375rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
30
30
|
xs: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":0.75rem;", ":0.5rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonPadding, iconButtonTokens.iconButtonRadius, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor),
|
31
31
|
xsr: /*#__PURE__*/css(["", ":2rem;", ":2rem;", ":var(--plasma-typo-body-xs-font-family);", ":var(--plasma-typo-body-xs-font-size);", ":var(--plasma-typo-body-xs-font-style);", ":var(--plasma-typo-body-xs-bold-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":1rem;", ":inherit;"], iconButtonTokens.iconButtonHeight, iconButtonTokens.iconButtonWidth, iconButtonTokens.iconButtonFontFamily, iconButtonTokens.iconButtonFontSize, iconButtonTokens.iconButtonFontStyle, iconButtonTokens.iconButtonFontWeight, iconButtonTokens.iconButtonLetterSpacing, iconButtonTokens.iconButtonLineHeight, iconButtonTokens.iconButtonSpinnerSize, iconButtonTokens.iconButtonSpinnerColor)
|
package/styled-components/es/examples/plasma_web/components/IconButton/IconButton.stories.tsx
CHANGED
@@ -61,5 +61,9 @@ export const Default: StoryObj<ComponentProps<typeof IconButton>> = {
|
|
61
61
|
focused: true,
|
62
62
|
isLoading: false,
|
63
63
|
},
|
64
|
-
render: (args) =>
|
64
|
+
render: (args) => (
|
65
|
+
<IconButton {...args}>
|
66
|
+
<IconChevronLeft size={getSizeForIcon(args.size)} />
|
67
|
+
</IconButton>
|
68
|
+
),
|
65
69
|
};
|
@@ -21,4 +21,5 @@ export declare const StyledSpinner: import("@linaria/react").StyledMeta & import
|
|
21
21
|
size?: undefined;
|
22
22
|
view?: string | undefined;
|
23
23
|
} & import("react").RefAttributes<HTMLDivElement>))>;
|
24
|
+
export declare const baseContent: string;
|
24
25
|
//# sourceMappingURL=Button.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAKF,eAAO,MAAM,UAAU,uKAUtB,CAAC;AAGF,eAAO,MAAM,QAAQ;;EAOpB,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC"}
|
1
|
+
{"version":3,"file":"Button.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.styles.ts"],"names":[],"mappings":";AAaA,eAAO,MAAM,IAAI,0CA0BhB,CAAC;AAKF,eAAO,MAAM,UAAU,uKAUtB,CAAC;AAGF,eAAO,MAAM,QAAQ;;EAOpB,CAAC;AAEF,eAAO,MAAM,MAAM,qKAElB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;oDAGzB,CAAC;AAGF,eAAO,MAAM,WAAW,QA6FvB,CAAC"}
|
@@ -1,11 +1,9 @@
|
|
1
|
-
|
2
|
-
|
3
|
-
import type { IconButtonProps } from './IconButton.types';
|
4
|
-
export declare const iconButtonRoot: (Root: RootProps<HTMLButtonElement, IconButtonProps>) => React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
|
1
|
+
/// <reference types="react" />
|
2
|
+
export declare const iconButtonRoot: (Root: import("../..").RootProps<HTMLButtonElement, import("../Button").ButtonProps<HTMLElement>>) => import("react").ForwardRefExoticComponent<import("../Button").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
5
3
|
export declare const iconButtonConfig: {
|
6
4
|
name: string;
|
7
5
|
tag: string;
|
8
|
-
layout: (Root: RootProps<HTMLButtonElement,
|
6
|
+
layout: (Root: import("../..").RootProps<HTMLButtonElement, import("../Button").ButtonProps<HTMLElement>>) => import("react").ForwardRefExoticComponent<import("../Button").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
9
7
|
base: import("@linaria/core").LinariaClassName;
|
10
8
|
variations: {
|
11
9
|
view: {
|
@@ -21,10 +19,17 @@ export declare const iconButtonConfig: {
|
|
21
19
|
focused: {
|
22
20
|
css: import("@linaria/core").LinariaClassName;
|
23
21
|
};
|
22
|
+
blurred: {
|
23
|
+
css: import("@linaria/core").LinariaClassName;
|
24
|
+
};
|
25
|
+
stretching: {
|
26
|
+
css: import("@linaria/core").LinariaClassName;
|
27
|
+
};
|
24
28
|
};
|
25
29
|
defaults: {
|
26
30
|
view: string;
|
27
31
|
size: string;
|
32
|
+
stretching: string;
|
28
33
|
};
|
29
34
|
};
|
30
35
|
//# sourceMappingURL=IconButton.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tsx"],"names":[],"mappings":";AAUA,eAAO,MAAM,cAAc,kPAAa,CAAC;AAEzC,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+B5B,CAAC"}
|
@@ -1,4 +1,3 @@
|
|
1
|
-
|
1
|
+
export declare const mappingOverride: string;
|
2
2
|
export declare const base: import("@linaria/core").LinariaClassName;
|
3
|
-
export declare const IconButtonStyled: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("../../engines/types").PropsType<import("../../engines/types").Variants> & import("../Button").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
4
3
|
//# sourceMappingURL=IconButton.styles.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"IconButton.styles.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.styles.ts"],"names":[],"mappings":"AAOA,eAAO,MAAM,eAAe,QA6B3B,CAAC;AAEF,eAAO,MAAM,IAAI,0CAGhB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,
|
1
|
+
{"version":3,"file":"IconButton.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;CA4BlB,CAAC"}
|
@@ -1,4 +1,3 @@
|
|
1
1
|
export { iconButtonRoot, iconButtonConfig } from './IconButton';
|
2
|
-
export
|
3
|
-
export { tokens as iconButtonTokens, classes as iconButtonClasses } from './IconButton.tokens';
|
2
|
+
export { tokens as iconButtonTokens } from './IconButton.tokens';
|
4
3
|
//# sourceMappingURL=index.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChE,
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
|
@@ -29,5 +29,5 @@ export declare const IconButton: import("react").FunctionComponent<import("../..
|
|
29
29
|
focused: {
|
30
30
|
true: import("@linaria/core").LinariaClassName;
|
31
31
|
};
|
32
|
-
}> & import("
|
32
|
+
}> & import("../../../..").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
33
33
|
//# sourceMappingURL=IconButton.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uGAA0B,CAAC"}
|
@@ -29,5 +29,5 @@ export declare const IconButton: import("react").FunctionComponent<import("../..
|
|
29
29
|
focused: {
|
30
30
|
true: import("@linaria/core").LinariaClassName;
|
31
31
|
};
|
32
|
-
}> & import("
|
32
|
+
}> & import("../../../..").ButtonProps<HTMLElement> & import("react").RefAttributes<HTMLButtonElement>>;
|
33
33
|
//# sourceMappingURL=IconButton.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/IconButton/IconButton.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uGAA0B,CAAC"}
|
@@ -1,2 +0,0 @@
|
|
1
|
-
.b1ua728l.b1ua728l.icon-button-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
2
|
-
.i5roq7j{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":";;;;AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1,2 +0,0 @@
|
|
1
|
-
.b1ua728l.b1ua728l.icon-button-item{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}
|
2
|
-
.i5roq7j{--plasma-button-color:var(--plasma-icon-button-color);--plasma-button-background-color:var(--plasma-icon-button-background-color);--plasma-button-color-hover:var(--plasma-icon-button-color-hover);--plasma-button-background-color-hover:var(--plasma-icon-button-background-color-hover);--plasma-button-color-active:var(--plasma-icon-button-color-active);--plasma-button-background-color-active:var(--plasma-icon-button-background-color-active);--plasma-button-font-family:var(--plasma-icon-button-font-family);--plasma-button-font-size:var(--plasma-icon-button-font-size);--plasma-button-font-style:var(--plasma-icon-button-font-style);--plasma-button-font-weight:var(--plasma-icon-button-font-weight);--plasma-button-letter-spacing:var(--plasma-icon-button-letter-spacing);--plasma-button-line-height:var(--plasma-icon-button-line-height);--plasma-button-width:var(--plasma-icon-button-width);--plasma-button-height:var(--plasma-icon-button-height);--plasma-button-radius:var(--plasma-icon-button-radius);--plasma-button-disabled-opacity:var(--plasma-icon-button-disabled-opacity);--plasma-button-focus-color:var(--plasma-icon-button-focus-color);--plasma-button-spinner-size:var(--plasma-icon-button-spinner-size);--plasma-button-spinner-color:var(--plasma-icon-button-spinner-color);}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_disabled/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_focused/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_size/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.js","sources":["../../../../../src/components/IconButton/variations/_view/base.ts"],"sourcesContent":["import { css } from '@linaria/core';\n\nexport const base = css``;\n"],"names":["base"],"mappings":"AAEO,IAAMA,IAAI,GAAQ;;;;"}
|
@@ -1 +0,0 @@
|
|
1
|
-
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
export {};
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1 +0,0 @@
|
|
1
|
-
{}
|
@@ -1,13 +0,0 @@
|
|
1
|
-
/// <reference types="react" />
|
2
|
-
import type { ButtonProps } from '../Button';
|
3
|
-
declare type CustomIconButton = {
|
4
|
-
/**
|
5
|
-
* Иконка
|
6
|
-
*/
|
7
|
-
icon?: React.ReactNode;
|
8
|
-
};
|
9
|
-
declare type OmitButtonProps = Omit<ButtonProps, 'text' | 'contentLeft' | 'contentRight' | 'stretch' | 'stretching' | 'square' | 'shiftLeft' | 'shiftRight' | 'blur'>;
|
10
|
-
export interface IconButtonProps extends CustomIconButton, OmitButtonProps {
|
11
|
-
}
|
12
|
-
export {};
|
13
|
-
//# sourceMappingURL=IconButton.types.d.ts.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/IconButton/IconButton.types.ts"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE7C,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC1B,CAAC;AAEF,aAAK,eAAe,GAAG,IAAI,CACvB,WAAW,EACX,MAAM,GAAG,aAAa,GAAG,cAAc,GAAG,SAAS,GAAG,YAAY,GAAG,QAAQ,GAAG,WAAW,GAAG,YAAY,GAAG,MAAM,CACtH,CAAC;AAEF,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,eAAe;CAAG"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconButton/variations/_disabled/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/IconButton/variations/_focused/base.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,IAAI,0CAAQ,CAAC"}
|