@salutejs/plasma-new-hope 0.141.2-canary.1429.10810544899.0 → 0.142.0-canary.1424.10789422667.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/components/Autocomplete/Autocomplete.css +15 -16
- package/cjs/components/Badge/Badge.css +2 -0
- package/cjs/components/Badge/Badge.js +12 -3
- package/cjs/components/Badge/Badge.js.map +1 -1
- package/cjs/components/Badge/Badge.tokens.js +3 -1
- package/cjs/components/Badge/Badge.tokens.js.map +1 -1
- package/cjs/components/Badge/variations/_clear/base.js +9 -0
- package/cjs/components/Badge/variations/_clear/base.js.map +1 -0
- package/cjs/components/Badge/variations/_clear/base_oopyb7.css +1 -0
- package/cjs/components/Combobox/ComboboxNew/Combobox.css +15 -16
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -16
- package/cjs/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -16
- package/cjs/components/DatePicker/RangeDate/RangeDate.css +15 -16
- package/cjs/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -16
- package/cjs/components/DatePicker/SingleDate/SingleDate.css +15 -16
- package/cjs/components/Range/Range.css +15 -16
- package/cjs/components/Slider/Slider.css +15 -16
- package/cjs/components/Slider/components/Double/Double.css +15 -16
- package/cjs/components/TextField/TextField.js +1 -1
- package/cjs/components/TextField/TextField.js.map +1 -1
- package/cjs/components/TextField/TextField.styles.js +11 -22
- package/cjs/components/TextField/TextField.styles.js.map +1 -1
- package/cjs/components/TextField/{TextField.styles_ht6ibd.css → TextField.styles_u6pm7v.css} +4 -5
- package/cjs/components/TextField/TextField.tokens.js +1 -5
- package/cjs/components/TextField/TextField.tokens.js.map +1 -1
- package/cjs/components/TextField/variations/_label-placement/base.js +1 -1
- package/{es/components/TextField/variations/_label-placement/base_6k17xp.css → cjs/components/TextField/variations/_label-placement/base_1dbnupp.css} +1 -1
- package/cjs/components/TextField/variations/_read-only/base.js +1 -1
- package/{es/components/TextField/variations/_read-only/base_8onybn.css → cjs/components/TextField/variations/_read-only/base_4tqave.css} +1 -1
- package/cjs/components/TextField/variations/_size/base.js +1 -1
- package/{es/components/TextField/variations/_size/base_1h8l0kj.css → cjs/components/TextField/variations/_size/base_uk56yo.css} +1 -1
- package/cjs/components/TextField/variations/_view/base.js +1 -1
- package/cjs/components/TextField/variations/_view/{base_1ph5cr0.css → base_uszjx8.css} +1 -1
- package/cjs/index.css +17 -16
- package/emotion/cjs/components/Badge/Badge.js +12 -3
- package/emotion/cjs/components/Badge/Badge.template-doc.mdx +19 -28
- package/emotion/cjs/components/Badge/Badge.tokens.js +3 -1
- package/emotion/cjs/components/Badge/variations/_clear/base.js +9 -0
- package/emotion/cjs/components/Badge/variations/_clear/tokens.json +1 -0
- package/emotion/cjs/components/TextField/TextField.js +2 -2
- package/emotion/cjs/components/TextField/TextField.styles.js +23 -27
- package/emotion/cjs/components/TextField/TextField.template-doc.mdx +2 -2
- package/emotion/cjs/components/TextField/TextField.tokens.js +1 -5
- package/emotion/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
- package/emotion/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
- package/emotion/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -3
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.config.js +15 -12
- package/emotion/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.config.js +12 -12
- package/emotion/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +1 -2
- package/emotion/es/components/Badge/Badge.js +12 -3
- package/emotion/es/components/Badge/Badge.template-doc.mdx +19 -28
- package/emotion/es/components/Badge/Badge.tokens.js +3 -1
- package/emotion/es/components/Badge/variations/_clear/base.js +3 -0
- package/emotion/es/components/Badge/variations/_clear/tokens.json +1 -0
- package/emotion/es/components/TextField/TextField.js +2 -2
- package/emotion/es/components/TextField/TextField.styles.js +23 -27
- package/emotion/es/components/TextField/TextField.template-doc.mdx +2 -2
- package/emotion/es/components/TextField/TextField.tokens.js +1 -5
- package/emotion/es/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.config.js +15 -12
- package/emotion/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.config.js +12 -12
- package/emotion/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -3
- package/emotion/es/examples/plasma_web/components/Badge/Badge.config.js +15 -12
- package/emotion/es/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/emotion/es/examples/plasma_web/components/TextField/TextField.config.js +12 -12
- package/emotion/es/examples/plasma_web/components/TextField/TextField.stories.tsx +1 -2
- package/es/components/Autocomplete/Autocomplete.css +15 -16
- package/es/components/Badge/Badge.css +2 -0
- package/es/components/Badge/Badge.js +12 -3
- package/es/components/Badge/Badge.js.map +1 -1
- package/es/components/Badge/Badge.tokens.js +3 -1
- package/es/components/Badge/Badge.tokens.js.map +1 -1
- package/es/components/Badge/variations/_clear/base.js +5 -0
- package/es/components/Badge/variations/_clear/base.js.map +1 -0
- package/es/components/Badge/variations/_clear/base_oopyb7.css +1 -0
- package/es/components/Combobox/ComboboxNew/Combobox.css +15 -16
- package/es/components/Combobox/ComboboxNew/ui/Inner/Inner.css +15 -16
- package/es/components/Combobox/ComboboxNew/ui/Inner/ui/Item/Item.css +15 -16
- package/es/components/DatePicker/RangeDate/RangeDate.css +15 -16
- package/es/components/DatePicker/RangeDate/RangeDatePopover/RangeDatePopover.css +15 -16
- package/es/components/DatePicker/SingleDate/SingleDate.css +15 -16
- package/es/components/Range/Range.css +15 -16
- package/es/components/Slider/Slider.css +15 -16
- package/es/components/Slider/components/Double/Double.css +15 -16
- package/es/components/TextField/TextField.js +1 -1
- package/es/components/TextField/TextField.js.map +1 -1
- package/es/components/TextField/TextField.styles.js +11 -22
- package/es/components/TextField/TextField.styles.js.map +1 -1
- package/es/components/TextField/{TextField.styles_ht6ibd.css → TextField.styles_u6pm7v.css} +4 -5
- package/es/components/TextField/TextField.tokens.js +1 -5
- package/es/components/TextField/TextField.tokens.js.map +1 -1
- package/es/components/TextField/variations/_label-placement/base.js +1 -1
- package/{cjs/components/TextField/variations/_label-placement/base_6k17xp.css → es/components/TextField/variations/_label-placement/base_1dbnupp.css} +1 -1
- package/es/components/TextField/variations/_read-only/base.js +1 -1
- package/{cjs/components/TextField/variations/_read-only/base_8onybn.css → es/components/TextField/variations/_read-only/base_4tqave.css} +1 -1
- package/es/components/TextField/variations/_size/base.js +1 -1
- package/{cjs/components/TextField/variations/_size/base_1h8l0kj.css → es/components/TextField/variations/_size/base_uk56yo.css} +1 -1
- package/es/components/TextField/variations/_view/base.js +1 -1
- package/es/components/TextField/variations/_view/{base_1ph5cr0.css → base_uszjx8.css} +1 -1
- package/es/index.css +17 -16
- package/package.json +2 -2
- package/styled-components/cjs/components/Badge/Badge.js +12 -3
- package/styled-components/cjs/components/Badge/Badge.template-doc.mdx +19 -28
- package/styled-components/cjs/components/Badge/Badge.tokens.js +3 -1
- package/styled-components/cjs/components/Badge/variations/_clear/base.js +9 -0
- package/styled-components/cjs/components/Badge/variations/_clear/tokens.json +1 -0
- package/styled-components/cjs/components/TextField/TextField.js +1 -1
- package/styled-components/cjs/components/TextField/TextField.styles.js +9 -12
- package/styled-components/cjs/components/TextField/TextField.template-doc.mdx +2 -2
- package/styled-components/cjs/components/TextField/TextField.tokens.js +1 -5
- package/styled-components/cjs/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
- package/styled-components/cjs/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/cjs/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -3
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.config.js +10 -7
- package/styled-components/cjs/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.config.js +4 -4
- package/styled-components/cjs/examples/plasma_web/components/TextField/TextField.stories.tsx +1 -2
- package/styled-components/es/components/Badge/Badge.js +12 -3
- package/styled-components/es/components/Badge/Badge.template-doc.mdx +19 -28
- package/styled-components/es/components/Badge/Badge.tokens.js +3 -1
- package/styled-components/es/components/Badge/variations/_clear/base.js +3 -0
- package/styled-components/es/components/Badge/variations/_clear/tokens.json +1 -0
- package/styled-components/es/components/TextField/TextField.js +1 -1
- package/styled-components/es/components/TextField/TextField.styles.js +9 -12
- package/styled-components/es/components/TextField/TextField.template-doc.mdx +2 -2
- package/styled-components/es/components/TextField/TextField.tokens.js +1 -5
- package/styled-components/es/components/TextFieldGroup/TextFieldGroup.template-doc.mdx +1 -1
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.config.js +10 -7
- package/styled-components/es/examples/plasma_b2c/components/Badge/Badge.stories.tsx +38 -6
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.config.js +4 -4
- package/styled-components/es/examples/plasma_b2c/components/TextField/TextField.stories.tsx +2 -3
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.config.js +10 -7
- package/styled-components/es/examples/plasma_web/components/Badge/Badge.stories.tsx +39 -6
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.config.js +4 -4
- package/styled-components/es/examples/plasma_web/components/TextField/TextField.stories.tsx +1 -2
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts +4 -4
- package/types/components/Autocomplete/ui/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/Badge/Badge.d.ts +7 -23
- package/types/components/Badge/Badge.d.ts.map +1 -1
- package/types/components/Badge/Badge.tokens.d.ts +2 -0
- package/types/components/Badge/Badge.tokens.d.ts.map +1 -1
- package/types/components/Badge/Badge.types.d.ts +60 -9
- package/types/components/Badge/Badge.types.d.ts.map +1 -1
- package/types/components/Badge/variations/_clear/base.d.ts +2 -0
- package/types/components/Badge/variations/_clear/base.d.ts.map +1 -0
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts +4 -4
- package/types/components/Combobox/ComboboxNew/ui/Target/Target.styles.d.ts.map +1 -1
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts +4 -4
- package/types/components/DatePicker/SingleDate/SingleDate.styles.d.ts.map +1 -1
- package/types/components/Range/Range.styles.d.ts +4 -4
- package/types/components/Range/Range.styles.d.ts.map +1 -1
- package/types/components/Slider/components/Double/Double.styles.d.ts +4 -4
- package/types/components/Slider/components/Double/Double.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.styles.d.ts +2 -6
- package/types/components/TextField/TextField.styles.d.ts.map +1 -1
- package/types/components/TextField/TextField.tokens.d.ts +0 -3
- package/types/components/TextField/TextField.tokens.d.ts.map +1 -1
- package/types/components/TextField/TextField.types.d.ts +1 -2
- package/types/components/TextField/TextField.types.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts +3 -0
- package/types/examples/plasma_b2c/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +32 -3
- package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts +4 -4
- package/types/examples/plasma_b2c/components/TextField/TextField.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts +3 -0
- package/types/examples/plasma_web/components/Badge/Badge.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/Badge/Badge.d.ts +32 -3
- package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.config.d.ts.map +1 -1
- package/types/examples/plasma_web/components/TextField/TextField.d.ts +4 -4
- package/types/examples/plasma_web/components/TextField/TextField.d.ts.map +1 -1
@@ -1,4 +1,4 @@
|
|
1
|
-
import React from 'react';
|
1
|
+
import React, { ComponentProps } from 'react';
|
2
2
|
import { disableProps } from '@salutejs/plasma-sb-utils';
|
3
3
|
import type { StoryObj, Meta } from '@storybook/react';
|
4
4
|
|
@@ -8,6 +8,7 @@ import { Badge } from './Badge';
|
|
8
8
|
|
9
9
|
const meta: Meta<typeof Badge> = {
|
10
10
|
title: 'plasma_web/Badge',
|
11
|
+
component: Badge,
|
11
12
|
decorators: [WithTheme],
|
12
13
|
argTypes: {
|
13
14
|
size: {
|
@@ -22,13 +23,25 @@ const meta: Meta<typeof Badge> = {
|
|
22
23
|
type: 'select',
|
23
24
|
},
|
24
25
|
},
|
26
|
+
pilled: {
|
27
|
+
control: { type: 'boolean' },
|
28
|
+
if: { arg: 'clear', truthy: false },
|
29
|
+
},
|
30
|
+
transparent: {
|
31
|
+
control: { type: 'boolean' },
|
32
|
+
if: { arg: 'clear', truthy: false },
|
33
|
+
},
|
25
34
|
...disableProps(['contentLeft', 'contentRight']),
|
26
35
|
},
|
27
36
|
};
|
28
37
|
|
29
38
|
export default meta;
|
30
39
|
|
31
|
-
type
|
40
|
+
type StoryProps = ComponentProps<typeof Badge> & {
|
41
|
+
enableContentLeft: boolean;
|
42
|
+
enableContentRight: boolean;
|
43
|
+
};
|
44
|
+
type Story = StoryObj<StoryProps>;
|
32
45
|
|
33
46
|
const BellIcon = (props) => (
|
34
47
|
<svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
|
@@ -40,16 +53,36 @@ const BellIcon = (props) => (
|
|
40
53
|
);
|
41
54
|
|
42
55
|
export const Default: Story = {
|
56
|
+
argTypes: {
|
57
|
+
enableContentLeft: {
|
58
|
+
control: { type: 'boolean' },
|
59
|
+
if: { arg: 'enableContentRight', truthy: false },
|
60
|
+
},
|
61
|
+
enableContentRight: {
|
62
|
+
control: { type: 'boolean' },
|
63
|
+
if: { arg: 'enableContentLeft', truthy: false },
|
64
|
+
},
|
65
|
+
},
|
43
66
|
args: {
|
44
67
|
text: 'Hello',
|
45
68
|
view: 'default',
|
46
69
|
size: 'm',
|
70
|
+
enableContentLeft: false,
|
71
|
+
enableContentRight: false,
|
47
72
|
pilled: false,
|
48
73
|
transparent: false,
|
74
|
+
clear: false,
|
49
75
|
},
|
50
|
-
}
|
76
|
+
render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
|
77
|
+
const iconSize = size === 'l' ? '1rem' : '0.75rem';
|
51
78
|
|
52
|
-
|
53
|
-
|
54
|
-
|
79
|
+
return (
|
80
|
+
<Badge
|
81
|
+
contentLeft={enableContentLeft ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
|
82
|
+
contentRight={enableContentRight ? <BellIcon width={iconSize} height={iconSize} /> : undefined}
|
83
|
+
size={size}
|
84
|
+
{...rest}
|
85
|
+
/>
|
86
|
+
);
|
87
|
+
},
|
55
88
|
};
|