@salutejs/plasma-new-hope 0.195.0-canary.1574.11921374356.0 → 0.195.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.js +1 -7
- package/cjs/components/Autocomplete/Autocomplete.js.map +1 -1
- package/cjs/components/Badge/Badge.css +4 -4
- package/cjs/components/Badge/Badge.js +17 -7
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +10 -5
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Badge/variations/_clear/base.js +1 -1
- package/cjs/components/Badge/variations/_clear/base.js.map +1 -1
- package/cjs/components/Badge/variations/_clear/base_wiboj8.css +1 -0
- package/cjs/components/Badge/variations/_size/base.js +1 -1
- package/cjs/components/Badge/variations/_size/base.js.map +1 -1
- package/{es/components/Badge/variations/_size/base_to0y5x.css → cjs/components/Badge/variations/_size/base_bu5opk.css} +1 -1
- package/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/cjs/components/Badge/variations/_transparent/base.js.map +1 -1
- package/cjs/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
- package/cjs/components/Badge/variations/_view/base.js +1 -1
- package/cjs/components/Badge/variations/_view/base.js.map +1 -1
- package/cjs/components/Badge/variations/_view/base_j3xzf3.css +1 -0
- package/cjs/index.css +4 -4
- package/emotion/cjs/components/Autocomplete/Autocomplete.js +1 -7
- package/emotion/cjs/components/Badge/Badge.js +17 -7
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +40 -16
- package/emotion/cjs/components/Badge/Badge.tokens.js +10 -6
- package/emotion/cjs/components/Badge/variations/_clear/base.js +1 -1
- package/emotion/cjs/components/Badge/variations/_size/base.js +2 -1
- package/emotion/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/emotion/cjs/components/Badge/variations/_view/base.js +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +14 -14
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
- package/emotion/es/components/Autocomplete/Autocomplete.js +1 -7
- package/emotion/es/components/Badge/Badge.js +18 -8
- package/emotion/es/components/Badge/Badge.template-doc.mdx +40 -16
- package/emotion/es/components/Badge/Badge.tokens.js +9 -5
- package/emotion/es/components/Badge/variations/_clear/base.js +2 -2
- package/emotion/es/components/Badge/variations/_size/base.js +3 -2
- package/emotion/es/components/Badge/variations/_transparent/base.js +2 -2
- package/emotion/es/components/Badge/variations/_view/base.js +2 -2
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -15
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
- package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +14 -14
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
- package/es/components/Autocomplete/Autocomplete.js +1 -7
- package/es/components/Autocomplete/Autocomplete.js.map +1 -1
- package/es/components/Badge/Badge.css +4 -4
- package/es/components/Badge/Badge.js +20 -10
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +10 -6
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Badge/variations/_clear/base.js +1 -1
- package/es/components/Badge/variations/_clear/base.js.map +1 -1
- package/es/components/Badge/variations/_clear/base_wiboj8.css +1 -0
- package/es/components/Badge/variations/_size/base.js +1 -1
- package/es/components/Badge/variations/_size/base.js.map +1 -1
- package/{cjs/components/Badge/variations/_size/base_to0y5x.css → es/components/Badge/variations/_size/base_bu5opk.css} +1 -1
- package/es/components/Badge/variations/_transparent/base.js +1 -1
- package/es/components/Badge/variations/_transparent/base.js.map +1 -1
- package/es/components/Badge/variations/_transparent/base_aapqhz.css +1 -0
- package/es/components/Badge/variations/_view/base.js +1 -1
- package/es/components/Badge/variations/_view/base.js.map +1 -1
- package/es/components/Badge/variations/_view/base_j3xzf3.css +1 -0
- package/es/index.css +4 -4
- package/package.json +2 -2
- package/styled-components/cjs/components/Autocomplete/Autocomplete.js +1 -7
- package/styled-components/cjs/components/Badge/Badge.js +17 -7
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +40 -16
- package/styled-components/cjs/components/Badge/Badge.tokens.js +10 -6
- package/styled-components/cjs/components/Badge/variations/_clear/base.js +1 -1
- package/styled-components/cjs/components/Badge/variations/_size/base.js +2 -1
- package/styled-components/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/styled-components/cjs/components/Badge/variations/_view/base.js +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +5 -5
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
- package/styled-components/es/components/Autocomplete/Autocomplete.js +1 -7
- package/styled-components/es/components/Badge/Badge.js +18 -8
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +40 -16
- package/styled-components/es/components/Badge/Badge.tokens.js +9 -5
- package/styled-components/es/components/Badge/variations/_clear/base.js +2 -2
- package/styled-components/es/components/Badge/variations/_size/base.js +3 -2
- package/styled-components/es/components/Badge/variations/_transparent/base.js +2 -2
- package/styled-components/es/components/Badge/variations/_view/base.js +2 -2
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +5 -5
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +23 -6
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +5 -5
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +27 -6
- package/types/components/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/types/components/Autocomplete/Autocomplete.types.d.ts +0 -4
- package/types/components/Autocomplete/Autocomplete.types.d.ts.map +1 -1
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +8 -4
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +18 -5
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Badge/variations/_clear/base.d.ts.map +1 -1
- package/types/components/Badge/variations/_size/base.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +61 -4
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +61 -4
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/cjs/components/Badge/variations/_clear/base_oopyb7.css +0 -1
- package/cjs/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
- package/cjs/components/Badge/variations/_view/base_qlxank.css +0 -1
- package/es/components/Badge/variations/_clear/base_oopyb7.css +0 -1
- package/es/components/Badge/variations/_transparent/base_1l6036y.css +0 -1
- package/es/components/Badge/variations/_view/base_qlxank.css +0 -1
@@ -16,10 +16,10 @@ export var config = {
|
|
16
16
|
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);", ":var(--on-dark-text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
|
17
17
|
},
|
18
18
|
size: {
|
19
|
-
l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0.6875rem;", ":0.
|
20
|
-
m: /*#__PURE__*/css(["", ":0.375rem;", ":1.5rem;", ":0.5625rem;", ":0.
|
21
|
-
s: /*#__PURE__*/css(["", ":0.375rem;", ":1.25rem;", ":0.4375rem;", ":0.
|
22
|
-
xs: /*#__PURE__*/css(["", ":0.25rem;", ":1rem;", ":0.25rem;", ":0.
|
19
|
+
l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0 0.6875rem;", ":0 0.375rem;", ":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-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
20
|
+
m: /*#__PURE__*/css(["", ":0.375rem;", ":1.5rem;", ":0 0.5625rem;", ":0 0.375rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem;", ":0.1875rem;", ":0.1875rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
21
|
+
s: /*#__PURE__*/css(["", ":0.375rem;", ":1.25rem;", ":0 0.4375rem;", ":0 0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
22
|
+
xs: /*#__PURE__*/css(["", ":0.25rem;", ":1rem;", ":0 0.25rem;", ":0 0.188rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
|
23
23
|
},
|
24
24
|
pilled: {
|
25
25
|
"true": /*#__PURE__*/css(["", ":1.25rem;"], badgeTokens.pilledBorderRadius)
|
@@ -28,7 +28,7 @@ export var config = {
|
|
28
28
|
"true": /*#__PURE__*/css([""])
|
29
29
|
},
|
30
30
|
clear: {
|
31
|
-
"true": /*#__PURE__*/css([""])
|
31
|
+
"true": /*#__PURE__*/css(["", ":var(--surface-clear);"], badgeTokens.backgroundClear)
|
32
32
|
},
|
33
33
|
truncate: {
|
34
34
|
"true": /*#__PURE__*/css([""])
|
@@ -34,6 +34,10 @@ const meta: Meta<typeof Badge> = {
|
|
34
34
|
maxWidth: {
|
35
35
|
control: { type: 'text' },
|
36
36
|
},
|
37
|
+
text: {
|
38
|
+
control: { type: 'text' },
|
39
|
+
if: { arg: 'enableText', truthy: true },
|
40
|
+
},
|
37
41
|
...disableProps(['contentLeft', 'contentRight']),
|
38
42
|
},
|
39
43
|
};
|
@@ -43,6 +47,7 @@ export default meta;
|
|
43
47
|
type StoryProps = ComponentProps<typeof Badge> & {
|
44
48
|
enableContentLeft: boolean;
|
45
49
|
enableContentRight: boolean;
|
50
|
+
enableText: boolean;
|
46
51
|
};
|
47
52
|
type Story = StoryObj<StoryProps>;
|
48
53
|
|
@@ -63,13 +68,14 @@ export const Default: Story = {
|
|
63
68
|
},
|
64
69
|
enableContentRight: {
|
65
70
|
control: { type: 'boolean' },
|
66
|
-
if: { arg: '
|
71
|
+
if: { arg: 'enableText', truthy: true },
|
67
72
|
},
|
68
73
|
},
|
69
74
|
args: {
|
70
|
-
text: 'Hello Kitty',
|
71
75
|
view: 'default',
|
72
76
|
size: 'm',
|
77
|
+
enableText: true,
|
78
|
+
text: 'Hello',
|
73
79
|
enableContentLeft: false,
|
74
80
|
enableContentRight: false,
|
75
81
|
clear: false,
|
@@ -77,13 +83,24 @@ export const Default: Story = {
|
|
77
83
|
transparent: false,
|
78
84
|
maxWidth: '',
|
79
85
|
},
|
80
|
-
render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
|
81
|
-
const iconSize =
|
86
|
+
render: ({ enableContentLeft, enableContentRight, enableText, size, ...rest }: StoryProps) => {
|
87
|
+
const iconSize = () => {
|
88
|
+
switch (size) {
|
89
|
+
case 'l':
|
90
|
+
return '1rem';
|
91
|
+
case 'xs':
|
92
|
+
return '0.625rem';
|
93
|
+
default:
|
94
|
+
return '0.75rem';
|
95
|
+
}
|
96
|
+
};
|
82
97
|
|
83
98
|
return (
|
84
99
|
<Badge
|
85
|
-
contentLeft={
|
86
|
-
|
100
|
+
contentLeft={
|
101
|
+
enableContentLeft || !enableText ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined
|
102
|
+
}
|
103
|
+
contentRight={enableContentRight ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined}
|
87
104
|
size={size}
|
88
105
|
{...rest}
|
89
106
|
/>
|
@@ -16,10 +16,10 @@ export var config = {
|
|
16
16
|
light: /*#__PURE__*/css(["", ":var(--on-light-text-primary);", ":var(--on-dark-surface-solid-default);", ":var(--on-dark-text-primary);", ":var(--on-dark-surface-transparent-card);", ":var(--on-dark-text-primary);"], badgeTokens.color, badgeTokens.background, badgeTokens.colorTransparent, badgeTokens.backgroundTransparent, badgeTokens.colorClear)
|
17
17
|
},
|
18
18
|
size: {
|
19
|
-
l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0.6875rem;", ":0.
|
20
|
-
m: /*#__PURE__*/css(["", ":0.375rem;", ":1.5rem;", ":0.5625rem;", ":0.
|
21
|
-
s: /*#__PURE__*/css(["", ":0.375rem;", ":1.25rem;", ":0.4375rem;", ":0.
|
22
|
-
xs: /*#__PURE__*/css(["", ":0.25rem;", ":1rem;", ":0.25rem;", ":0.
|
19
|
+
l: /*#__PURE__*/css(["", ":0.5rem;", ":1.75rem;", ":0 0.6875rem;", ":0 0.375rem;", ":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-font-weight);", ":var(--plasma-typo-body-s-letter-spacing);", ":var(--plasma-typo-body-s-line-height);", ":-0.0625rem;", ":0.25rem;", ":0.25rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
20
|
+
m: /*#__PURE__*/css(["", ":0.375rem;", ":1.5rem;", ":0 0.5625rem;", ":0 0.375rem;", ":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-font-weight);", ":var(--plasma-typo-body-xs-letter-spacing);", ":var(--plasma-typo-body-xs-line-height);", ":-0.0625rem;", ":0.1875rem;", ":0.1875rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
21
|
+
s: /*#__PURE__*/css(["", ":0.375rem;", ":1.25rem;", ":0 0.4375rem;", ":0 0.25rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight),
|
22
|
+
xs: /*#__PURE__*/css(["", ":0.25rem;", ":1rem;", ":0 0.25rem;", ":0 0.188rem;", ":var(--plasma-typo-body-xxs-font-family);", ":var(--plasma-typo-body-xxs-font-size);", ":var(--plasma-typo-body-xxs-font-style);", ":var(--plasma-typo-body-xxs-font-weight);", ":var(--plasma-typo-body-xxs-letter-spacing);", ":var(--plasma-typo-body-xxs-line-height);", ":-0.0625rem;", ":0.125rem;", ":0.125rem;", ":-0.0625rem;"], badgeTokens.borderRadius, badgeTokens.height, badgeTokens.padding, badgeTokens.paddingIconOnly, badgeTokens.fontFamily, badgeTokens.fontSize, badgeTokens.fontStyle, badgeTokens.fontWeight, badgeTokens.letterSpacing, badgeTokens.lineHeight, badgeTokens.leftContentMarginLeft, badgeTokens.leftContentMarginRight, badgeTokens.rightContentMarginLeft, badgeTokens.rightContentMarginRight)
|
23
23
|
},
|
24
24
|
pilled: {
|
25
25
|
"true": /*#__PURE__*/css(["", ":1.25rem;"], badgeTokens.pilledBorderRadius)
|
@@ -28,7 +28,7 @@ export var config = {
|
|
28
28
|
"true": /*#__PURE__*/css([""])
|
29
29
|
},
|
30
30
|
clear: {
|
31
|
-
"true": /*#__PURE__*/css([""])
|
31
|
+
"true": /*#__PURE__*/css(["", ":var(--surface-clear);"], badgeTokens.backgroundClear)
|
32
32
|
}
|
33
33
|
}
|
34
34
|
};
|
@@ -31,6 +31,13 @@ const meta: Meta<typeof Badge> = {
|
|
31
31
|
control: { type: 'boolean' },
|
32
32
|
if: { arg: 'clear', truthy: false },
|
33
33
|
},
|
34
|
+
maxWidth: {
|
35
|
+
control: { type: 'text' },
|
36
|
+
},
|
37
|
+
text: {
|
38
|
+
control: { type: 'text' },
|
39
|
+
if: { arg: 'enableText', truthy: true },
|
40
|
+
},
|
34
41
|
...disableProps(['contentLeft', 'contentRight']),
|
35
42
|
},
|
36
43
|
};
|
@@ -40,6 +47,7 @@ export default meta;
|
|
40
47
|
type StoryProps = ComponentProps<typeof Badge> & {
|
41
48
|
enableContentLeft: boolean;
|
42
49
|
enableContentRight: boolean;
|
50
|
+
enableText: boolean;
|
43
51
|
};
|
44
52
|
type Story = StoryObj<StoryProps>;
|
45
53
|
|
@@ -60,26 +68,39 @@ export const Default: Story = {
|
|
60
68
|
},
|
61
69
|
enableContentRight: {
|
62
70
|
control: { type: 'boolean' },
|
63
|
-
if: { arg: '
|
71
|
+
if: { arg: 'enableText', truthy: true },
|
64
72
|
},
|
65
73
|
},
|
66
74
|
args: {
|
67
|
-
text: 'Hello',
|
68
75
|
view: 'default',
|
69
76
|
size: 'm',
|
77
|
+
enableText: true,
|
78
|
+
text: 'Hello',
|
70
79
|
enableContentLeft: false,
|
71
80
|
enableContentRight: false,
|
72
81
|
clear: false,
|
73
82
|
pilled: false,
|
74
83
|
transparent: false,
|
84
|
+
maxWidth: '',
|
75
85
|
},
|
76
|
-
render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
|
77
|
-
const iconSize =
|
86
|
+
render: ({ enableContentLeft, enableContentRight, enableText, size, ...rest }: StoryProps) => {
|
87
|
+
const iconSize = () => {
|
88
|
+
switch (size) {
|
89
|
+
case 'l':
|
90
|
+
return '1rem';
|
91
|
+
case 'xs':
|
92
|
+
return '0.625rem';
|
93
|
+
default:
|
94
|
+
return '0.75rem';
|
95
|
+
}
|
96
|
+
};
|
78
97
|
|
79
98
|
return (
|
80
99
|
<Badge
|
81
|
-
contentLeft={
|
82
|
-
|
100
|
+
contentLeft={
|
101
|
+
enableContentLeft || !enableText ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined
|
102
|
+
}
|
103
|
+
contentRight={enableContentRight ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined}
|
83
104
|
size={size}
|
84
105
|
{...rest}
|
85
106
|
/>
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,+
|
1
|
+
{"version":3,"file":"Autocomplete.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2C,MAAM,OAAO,CAAC;AAIhE,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAM1C,OAAO,KAAK,EAAE,iBAAiB,EAAsB,MAAM,sBAAsB,CAAC;AAGlF;;GAEG;AACH,eAAO,MAAM,gBAAgB,SAAU,UAAU,gBAAgB,EAAE,iBAAiB,CAAC,+FAuLhF,CAAC;AAEN,eAAO,MAAM,kBAAkB;;;mBAzLQ,UAAU,gBAAgB,EAAE,iBAAiB,CAAC;;;;;;;;;;;;CAwMpF,CAAC"}
|
@@ -83,10 +83,6 @@ export declare type BaseProps = {
|
|
83
83
|
* Коллбэк для рендера элемента в конце выпадающего списка.
|
84
84
|
*/
|
85
85
|
renderListEnd?: () => ReactNode;
|
86
|
-
/**
|
87
|
-
* Изначальное значение.
|
88
|
-
*/
|
89
|
-
defaultValue?: string;
|
90
86
|
};
|
91
87
|
export declare type AutocompleteProps = BaseProps & RequiredProps & Omit<TextFieldPropsBase, 'chips' | 'onChangeChips' | 'enumerationType' | 'required' | 'optional' | 'requiredPlacement'> & Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'required'>;
|
92
88
|
//# sourceMappingURL=Autocomplete.types.d.ts.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEjF,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;
|
1
|
+
{"version":3,"file":"Autocomplete.types.d.ts","sourceRoot":"","sources":["../../../src/components/Autocomplete/Autocomplete.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,mBAAmB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5D,OAAO,EAAE,kBAAkB,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAEjF,oBAAY,kBAAkB,GAAG;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAEF,oBAAY,SAAS,GAAG;IACpB;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,WAAW,CAAC,EAAE,kBAAkB,EAAE,CAAC;IACnC;;;OAGG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,MAAM,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,OAAO,CAAC;IAC/C;;OAEG;IACH,kBAAkB,CAAC,EAAE,CAAC,IAAI,EAAE,kBAAkB,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,OAAO,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,kBAAkB,EAAE,KAAK,SAAS,CAAC;IACxD;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,SAAS,CAAC;CACnC,CAAC;AAEF,oBAAY,iBAAiB,GAAG,SAAS,GACrC,aAAa,GACb,IAAI,CACA,kBAAkB,EAClB,OAAO,GAAG,eAAe,GAAG,iBAAiB,GAAG,UAAU,GAAG,UAAU,GAAG,mBAAmB,CAChG,GACD,IAAI,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,CAAC,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AAEzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAQ/C,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,eAAe,CAAC;AAIhE,eAAO,MAAM,SAAS,SAAU,UAAU,cAAc,EAAE,cAAc,CAAC,sFAoEnE,CAAC;AAEP,eAAO,MAAM,WAAW;;;mBAtEQ,UAAU,cAAc,EAAE,cAAc,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;CAmGxE,CAAC"}
|
@@ -3,6 +3,11 @@ export declare const classes: {
|
|
3
3
|
badgeTransparent: string;
|
4
4
|
badgeClear: string;
|
5
5
|
badgeTruncate: string;
|
6
|
+
iconOnly: string;
|
7
|
+
};
|
8
|
+
export declare const privateTokens: {
|
9
|
+
customBackground: string;
|
10
|
+
customColor: string;
|
6
11
|
};
|
7
12
|
export declare const tokens: {
|
8
13
|
background: string;
|
@@ -10,13 +15,12 @@ export declare const tokens: {
|
|
10
15
|
backgroundTransparent: string;
|
11
16
|
colorTransparent: string;
|
12
17
|
colorClear: string;
|
18
|
+
backgroundClear: string;
|
13
19
|
borderRadius: string;
|
14
20
|
pilledBorderRadius: string;
|
15
21
|
height: string;
|
16
|
-
|
17
|
-
|
18
|
-
paddingBottom: string;
|
19
|
-
paddingLeft: string;
|
22
|
+
padding: string;
|
23
|
+
paddingIconOnly: string;
|
20
24
|
fontFamily: string;
|
21
25
|
fontSize: string;
|
22
26
|
fontStyle: string;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO
|
1
|
+
{"version":3,"file":"Badge.tokens.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tokens.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,OAAO;;;;;;CAMnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAGzB,CAAC;AAEF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;CAyBlB,CAAC"}
|
@@ -45,19 +45,32 @@ declare type ClearViewProps = {
|
|
45
45
|
*/
|
46
46
|
clear?: false;
|
47
47
|
};
|
48
|
+
declare type IconContentProps = {
|
49
|
+
/**
|
50
|
+
* Слот для контента слева, например `Icon`
|
51
|
+
*/
|
52
|
+
contentLeft?: ReactNode;
|
53
|
+
/**
|
54
|
+
* Слот для контента справа, например `Icon`
|
55
|
+
*/
|
56
|
+
contentRight?: never;
|
57
|
+
} | {
|
58
|
+
contentLeft?: never;
|
59
|
+
contentRight?: ReactNode;
|
60
|
+
};
|
48
61
|
declare type CustomBadgeProps = {
|
49
62
|
/**
|
50
63
|
* Текстовая надпись
|
51
64
|
*/
|
52
65
|
text?: string;
|
53
66
|
/**
|
54
|
-
*
|
67
|
+
* Пользовательский цвет текста и иконок
|
55
68
|
*/
|
56
|
-
|
69
|
+
customColor?: string;
|
57
70
|
/**
|
58
|
-
*
|
71
|
+
* Пользовательский цвет фона
|
59
72
|
*/
|
60
|
-
|
73
|
+
customBackgroundColor?: string;
|
61
74
|
/**
|
62
75
|
* Обрезает контент по максимальной ширине и добавляет ...
|
63
76
|
* @default 'auto'
|
@@ -75,7 +88,7 @@ declare type CustomBadgeProps = {
|
|
75
88
|
* default
|
76
89
|
*/
|
77
90
|
view?: string;
|
78
|
-
} & PropsWithChildren;
|
91
|
+
} & IconContentProps & PropsWithChildren;
|
79
92
|
export declare type BadgeProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps & ClearViewProps;
|
80
93
|
export declare type BadgeRootProps = HTMLAttributes<HTMLDivElement> & CustomBadgeProps & {
|
81
94
|
pilled?: boolean;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,aAAK,cAAc,GACb;IACI;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,
|
1
|
+
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzF,aAAK,cAAc,GACb;IACI;;;;OAIG;IACH,KAAK,CAAC,EAAE,IAAI,CAAC;IACb;;;;OAIG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC;IACf;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC;CACvB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,IAAI,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,GACD;IACI;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,WAAW,CAAC,EAAE,IAAI,CAAC;IACnB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACjB,CAAC;AAER,aAAK,gBAAgB,GACf;IACI;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;OAEG;IACH,YAAY,CAAC,EAAE,KAAK,CAAC;CACxB,GACD;IACI,WAAW,CAAC,EAAE,KAAK,CAAC;IACpB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC5B,CAAC;AAER,aAAK,gBAAgB,GAAG;IACpB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B;;;OAGG;IACH,QAAQ,CAAC,EAAE,aAAa,CAAC,OAAO,CAAC,CAAC;IAClC;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;CACjB,GAAG,gBAAgB,GAChB,iBAAiB,CAAC;AAEtB,oBAAY,UAAU,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,gBAAgB,GAAG,cAAc,CAAC;AAC5F,oBAAY,cAAc,GAAG,cAAc,CAAC,cAAc,CAAC,GACvD,gBAAgB,GAAG;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_clear/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_clear/base.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,IAAI,0CAKhB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_size/base.ts"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../../../../src/components/Badge/variations/_size/base.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,IAAI,0CAqBhB,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAsKlB,CAAC"}
|
@@ -29,11 +29,14 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
|
|
29
29
|
};
|
30
30
|
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
31
31
|
text?: string | undefined;
|
32
|
-
|
33
|
-
|
32
|
+
customColor?: string | undefined;
|
33
|
+
customBackgroundColor?: string | undefined;
|
34
34
|
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
35
35
|
size?: string | undefined;
|
36
36
|
view?: string | undefined;
|
37
|
+
} & {
|
38
|
+
contentLeft?: import("react").ReactNode;
|
39
|
+
contentRight?: undefined;
|
37
40
|
} & {
|
38
41
|
children?: import("react").ReactNode;
|
39
42
|
} & {
|
@@ -42,11 +45,14 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
|
|
42
45
|
transparent?: false | undefined;
|
43
46
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
44
47
|
text?: string | undefined;
|
45
|
-
|
46
|
-
|
48
|
+
customColor?: string | undefined;
|
49
|
+
customBackgroundColor?: string | undefined;
|
47
50
|
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
48
51
|
size?: string | undefined;
|
49
52
|
view?: string | undefined;
|
53
|
+
} & {
|
54
|
+
contentLeft?: import("react").ReactNode;
|
55
|
+
contentRight?: undefined;
|
50
56
|
} & {
|
51
57
|
children?: import("react").ReactNode;
|
52
58
|
} & {
|
@@ -55,11 +61,62 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
|
|
55
61
|
clear?: false | undefined;
|
56
62
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
57
63
|
text?: string | undefined;
|
64
|
+
customColor?: string | undefined;
|
65
|
+
customBackgroundColor?: string | undefined;
|
66
|
+
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
67
|
+
size?: string | undefined;
|
68
|
+
view?: string | undefined;
|
69
|
+
} & {
|
58
70
|
contentLeft?: import("react").ReactNode;
|
71
|
+
contentRight?: undefined;
|
72
|
+
} & {
|
73
|
+
children?: import("react").ReactNode;
|
74
|
+
} & {
|
75
|
+
pilled?: boolean | undefined;
|
76
|
+
transparent?: true | undefined;
|
77
|
+
clear?: false | undefined;
|
78
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
79
|
+
text?: string | undefined;
|
80
|
+
customColor?: string | undefined;
|
81
|
+
customBackgroundColor?: string | undefined;
|
82
|
+
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
83
|
+
size?: string | undefined;
|
84
|
+
view?: string | undefined;
|
85
|
+
} & {
|
86
|
+
contentLeft?: undefined;
|
59
87
|
contentRight?: import("react").ReactNode;
|
88
|
+
} & {
|
89
|
+
children?: import("react").ReactNode;
|
90
|
+
} & {
|
91
|
+
clear?: true | undefined;
|
92
|
+
pilled?: false | undefined;
|
93
|
+
transparent?: false | undefined;
|
94
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
95
|
+
text?: string | undefined;
|
96
|
+
customColor?: string | undefined;
|
97
|
+
customBackgroundColor?: string | undefined;
|
60
98
|
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
61
99
|
size?: string | undefined;
|
62
100
|
view?: string | undefined;
|
101
|
+
} & {
|
102
|
+
contentLeft?: undefined;
|
103
|
+
contentRight?: import("react").ReactNode;
|
104
|
+
} & {
|
105
|
+
children?: import("react").ReactNode;
|
106
|
+
} & {
|
107
|
+
pilled?: true | undefined;
|
108
|
+
transparent?: boolean | undefined;
|
109
|
+
clear?: false | undefined;
|
110
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
111
|
+
text?: string | undefined;
|
112
|
+
customColor?: string | undefined;
|
113
|
+
customBackgroundColor?: string | undefined;
|
114
|
+
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
115
|
+
size?: string | undefined;
|
116
|
+
view?: string | undefined;
|
117
|
+
} & {
|
118
|
+
contentLeft?: undefined;
|
119
|
+
contentRight?: import("react").ReactNode;
|
63
120
|
} & {
|
64
121
|
children?: import("react").ReactNode;
|
65
122
|
} & {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_b2c/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;
|
1
|
+
{"version":3,"file":"Badge.config.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.config.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAmKlB,CAAC"}
|
@@ -26,11 +26,14 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
|
|
26
26
|
};
|
27
27
|
}> & ((import("react").HTMLAttributes<HTMLDivElement> & {
|
28
28
|
text?: string | undefined;
|
29
|
-
|
30
|
-
|
29
|
+
customColor?: string | undefined;
|
30
|
+
customBackgroundColor?: string | undefined;
|
31
31
|
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
32
32
|
size?: string | undefined;
|
33
33
|
view?: string | undefined;
|
34
|
+
} & {
|
35
|
+
contentLeft?: import("react").ReactNode;
|
36
|
+
contentRight?: undefined;
|
34
37
|
} & {
|
35
38
|
children?: import("react").ReactNode;
|
36
39
|
} & {
|
@@ -39,11 +42,14 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
|
|
39
42
|
transparent?: false | undefined;
|
40
43
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
41
44
|
text?: string | undefined;
|
42
|
-
|
43
|
-
|
45
|
+
customColor?: string | undefined;
|
46
|
+
customBackgroundColor?: string | undefined;
|
44
47
|
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
45
48
|
size?: string | undefined;
|
46
49
|
view?: string | undefined;
|
50
|
+
} & {
|
51
|
+
contentLeft?: import("react").ReactNode;
|
52
|
+
contentRight?: undefined;
|
47
53
|
} & {
|
48
54
|
children?: import("react").ReactNode;
|
49
55
|
} & {
|
@@ -52,11 +58,62 @@ export declare const Badge: import("react").FunctionComponent<import("../../../.
|
|
52
58
|
clear?: false | undefined;
|
53
59
|
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
54
60
|
text?: string | undefined;
|
61
|
+
customColor?: string | undefined;
|
62
|
+
customBackgroundColor?: string | undefined;
|
63
|
+
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
64
|
+
size?: string | undefined;
|
65
|
+
view?: string | undefined;
|
66
|
+
} & {
|
55
67
|
contentLeft?: import("react").ReactNode;
|
68
|
+
contentRight?: undefined;
|
69
|
+
} & {
|
70
|
+
children?: import("react").ReactNode;
|
71
|
+
} & {
|
72
|
+
pilled?: boolean | undefined;
|
73
|
+
transparent?: true | undefined;
|
74
|
+
clear?: false | undefined;
|
75
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
76
|
+
text?: string | undefined;
|
77
|
+
customColor?: string | undefined;
|
78
|
+
customBackgroundColor?: string | undefined;
|
79
|
+
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
80
|
+
size?: string | undefined;
|
81
|
+
view?: string | undefined;
|
82
|
+
} & {
|
83
|
+
contentLeft?: undefined;
|
56
84
|
contentRight?: import("react").ReactNode;
|
85
|
+
} & {
|
86
|
+
children?: import("react").ReactNode;
|
87
|
+
} & {
|
88
|
+
clear?: true | undefined;
|
89
|
+
pilled?: false | undefined;
|
90
|
+
transparent?: false | undefined;
|
91
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
92
|
+
text?: string | undefined;
|
93
|
+
customColor?: string | undefined;
|
94
|
+
customBackgroundColor?: string | undefined;
|
57
95
|
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
58
96
|
size?: string | undefined;
|
59
97
|
view?: string | undefined;
|
98
|
+
} & {
|
99
|
+
contentLeft?: undefined;
|
100
|
+
contentRight?: import("react").ReactNode;
|
101
|
+
} & {
|
102
|
+
children?: import("react").ReactNode;
|
103
|
+
} & {
|
104
|
+
pilled?: true | undefined;
|
105
|
+
transparent?: boolean | undefined;
|
106
|
+
clear?: false | undefined;
|
107
|
+
} & import("react").RefAttributes<HTMLDivElement>) | (import("react").HTMLAttributes<HTMLDivElement> & {
|
108
|
+
text?: string | undefined;
|
109
|
+
customColor?: string | undefined;
|
110
|
+
customBackgroundColor?: string | undefined;
|
111
|
+
maxWidth?: import("csstype").Property.Width<string | number> | undefined;
|
112
|
+
size?: string | undefined;
|
113
|
+
view?: string | undefined;
|
114
|
+
} & {
|
115
|
+
contentLeft?: undefined;
|
116
|
+
contentRight?: import("react").ReactNode;
|
60
117
|
} & {
|
61
118
|
children?: import("react").ReactNode;
|
62
119
|
} & {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../../../src/examples/plasma_web/components/Badge/Badge.ts"],"names":[],"mappings":";AAOA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;oDAA0B,CAAC"}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1e1wuvi.badge-clear{color:var(--plasma-badge-color-clear);background-color:transparent;padding:0;}
|
@@ -1 +0,0 @@
|
|
1
|
-
.binquhc.badge-transparent{color:var(--plasma-badge-color-transparent);background-color:var(--plasma-badge-background-transparent);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b5zny0e{color:var(--plasma-badge-color);background-color:var(--plasma-badge-background);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b1e1wuvi.badge-clear{color:var(--plasma-badge-color-clear);background-color:transparent;padding:0;}
|
@@ -1 +0,0 @@
|
|
1
|
-
.binquhc.badge-transparent{color:var(--plasma-badge-color-transparent);background-color:var(--plasma-badge-background-transparent);}
|
@@ -1 +0,0 @@
|
|
1
|
-
.b5zny0e{color:var(--plasma-badge-color);background-color:var(--plasma-badge-background);}
|