@salutejs/plasma-new-hope 0.142.0-canary.1428.10806066547.0 → 0.142.0-dev.0
Sign up to get free protection for your applications and to get access to all the features.
- package/cjs/_virtual/_rollupPluginBabelHelpers.js +0 -4
- package/cjs/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- 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/Badge/variations/_pilled/base.js.map +1 -1
- package/cjs/components/Badge/variations/_transparent/base.js.map +1 -1
- package/cjs/components/Calendar/Calendar.types.js.map +1 -1
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/cjs/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/cjs/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/cjs/components/Calendar/hooks/useMonths.js +4 -6
- package/cjs/components/Calendar/hooks/useMonths.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/cjs/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/cjs/components/Calendar/utils/constants.js +3 -64
- package/cjs/components/Calendar/utils/constants.js.map +1 -1
- package/cjs/index.css +2 -0
- 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/Badge/variations/_pilled/base.js +1 -1
- package/emotion/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/emotion/cjs/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/emotion/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/emotion/cjs/components/Calendar/hooks/useMonths.js +4 -6
- package/emotion/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/emotion/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/emotion/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/emotion/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/emotion/cjs/components/Calendar/utils/constants.js +4 -68
- 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/Calendar/Calendar.stories.tsx +1 -9
- 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/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/Badge/variations/_pilled/base.js +1 -1
- package/emotion/es/components/Badge/variations/_transparent/base.js +1 -1
- package/emotion/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/emotion/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/emotion/es/components/Calendar/hooks/useMonths.js +4 -6
- package/emotion/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/emotion/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/emotion/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/emotion/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/emotion/es/components/Calendar/utils/constants.js +3 -67
- 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/Calendar/Calendar.stories.tsx +1 -9
- 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/es/_virtual/_rollupPluginBabelHelpers.js +1 -4
- package/es/_virtual/_rollupPluginBabelHelpers.js.map +1 -1
- 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/Badge/variations/_pilled/base.js.map +1 -1
- package/es/components/Badge/variations/_transparent/base.js.map +1 -1
- package/es/components/Calendar/Calendar.types.js.map +1 -1
- package/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/es/components/Calendar/CalendarBase/CalendarBase.js.map +1 -1
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/es/components/Calendar/CalendarDouble/CalendarDouble.js.map +1 -1
- package/es/components/Calendar/hooks/useMonths.js +4 -6
- package/es/components/Calendar/hooks/useMonths.js.map +1 -1
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/es/components/Calendar/ui/CalendarDays/CalendarDays.js.map +1 -1
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js.map +1 -1
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js.map +1 -1
- package/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/es/components/Calendar/utils/calendarGridHelper.js.map +1 -1
- package/es/components/Calendar/utils/constants.js +4 -64
- package/es/components/Calendar/utils/constants.js.map +1 -1
- package/es/index.css +2 -0
- 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/Badge/variations/_pilled/base.js +1 -1
- package/styled-components/cjs/components/Badge/variations/_transparent/base.js +1 -1
- package/styled-components/cjs/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/styled-components/cjs/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/styled-components/cjs/components/Calendar/hooks/useMonths.js +4 -6
- package/styled-components/cjs/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/styled-components/cjs/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/styled-components/cjs/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/styled-components/cjs/components/Calendar/utils/calendarGridHelper.js +1 -1
- package/styled-components/cjs/components/Calendar/utils/constants.js +4 -68
- 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/Calendar/Calendar.stories.tsx +1 -9
- 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/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/Badge/variations/_pilled/base.js +1 -1
- package/styled-components/es/components/Badge/variations/_transparent/base.js +1 -1
- package/styled-components/es/components/Calendar/CalendarBase/CalendarBase.js +4 -9
- package/styled-components/es/components/Calendar/CalendarDouble/CalendarDouble.js +2 -9
- package/styled-components/es/components/Calendar/hooks/useMonths.js +4 -6
- package/styled-components/es/components/Calendar/ui/CalendarDays/CalendarDays.js +2 -3
- package/styled-components/es/components/Calendar/ui/CalendarHeader/CalendarHeader.js +3 -4
- package/styled-components/es/components/Calendar/ui/CalendarMonths/CalendarMonths.js +2 -4
- package/styled-components/es/components/Calendar/utils/calendarGridHelper.js +2 -2
- package/styled-components/es/components/Calendar/utils/constants.js +3 -67
- 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/Calendar/Calendar.stories.tsx +1 -9
- 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/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 +52 -13
- 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/Calendar/Calendar.types.d.ts +0 -5
- package/types/components/Calendar/Calendar.types.d.ts.map +1 -1
- package/types/components/Calendar/CalendarBase/CalendarBase.d.ts.map +1 -1
- package/types/components/Calendar/CalendarDouble/CalendarDouble.d.ts.map +1 -1
- package/types/components/Calendar/hooks/types.d.ts +1 -2
- package/types/components/Calendar/hooks/types.d.ts.map +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts +1 -1
- package/types/components/Calendar/hooks/useMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts +1 -2
- package/types/components/Calendar/ui/CalendarDays/CalendarDays.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts +1 -2
- package/types/components/Calendar/ui/CalendarHeader/CalendarHeader.types.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.d.ts.map +1 -1
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts +1 -2
- package/types/components/Calendar/ui/CalendarMonths/CalendarMonths.types.d.ts.map +1 -1
- package/types/components/Calendar/utils/calendarGridHelper.d.ts.map +1 -1
- package/types/components/Calendar/utils/constants.d.ts +5 -8
- package/types/components/Calendar/utils/constants.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_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
@@ -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
|
|
@@ -23,13 +23,25 @@ const meta: Meta<typeof Badge> = {
|
|
23
23
|
type: 'select',
|
24
24
|
},
|
25
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
|
+
},
|
26
34
|
...disableProps(['contentLeft', 'contentRight']),
|
27
35
|
},
|
28
36
|
};
|
29
37
|
|
30
38
|
export default meta;
|
31
39
|
|
32
|
-
type
|
40
|
+
type StoryProps = ComponentProps<typeof Badge> & {
|
41
|
+
enableContentLeft: boolean;
|
42
|
+
enableContentRight: boolean;
|
43
|
+
};
|
44
|
+
type Story = StoryObj<StoryProps>;
|
33
45
|
|
34
46
|
const BellIcon = (props) => (
|
35
47
|
<svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
|
@@ -41,16 +53,36 @@ const BellIcon = (props) => (
|
|
41
53
|
);
|
42
54
|
|
43
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
|
+
},
|
44
66
|
args: {
|
45
67
|
text: 'Hello',
|
46
68
|
view: 'default',
|
47
69
|
size: 'm',
|
70
|
+
enableContentLeft: false,
|
71
|
+
enableContentRight: false,
|
72
|
+
clear: false,
|
48
73
|
pilled: false,
|
49
74
|
transparent: false,
|
50
75
|
},
|
51
|
-
}
|
76
|
+
render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
|
77
|
+
const iconSize = size === 'l' ? '1rem' : '0.75rem';
|
52
78
|
|
53
|
-
|
54
|
-
|
55
|
-
|
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
|
+
},
|
56
88
|
};
|
@@ -32,12 +32,6 @@ const meta: Meta<typeof CalendarBase> = {
|
|
32
32
|
type: 'inline-radio',
|
33
33
|
},
|
34
34
|
},
|
35
|
-
local: {
|
36
|
-
options: ['ru', 'eng'],
|
37
|
-
control: {
|
38
|
-
type: 'select',
|
39
|
-
},
|
40
|
-
},
|
41
35
|
},
|
42
36
|
};
|
43
37
|
|
@@ -81,7 +75,7 @@ const getBaseEvents = (type: 'days' | 'months' | 'quarters' | 'years', datesNumb
|
|
81
75
|
};
|
82
76
|
|
83
77
|
const StoryDefault = (args: CalendarProps) => {
|
84
|
-
const { isRange, isDouble, min, max, date, includeEdgeDates, size
|
78
|
+
const { isRange, isDouble, min, max, date, includeEdgeDates, size } = args;
|
85
79
|
const [value, setValue] = useState(new Date(2023, 10, 16));
|
86
80
|
const [valueRange, setValueRange] = useState<[Date, Date?]>([new Date(2023, 10, 16), new Date(2023, 10, 23)]);
|
87
81
|
|
@@ -103,7 +97,6 @@ const StoryDefault = (args: CalendarProps) => {
|
|
103
97
|
min={min}
|
104
98
|
max={max}
|
105
99
|
includeEdgeDates={includeEdgeDates}
|
106
|
-
local={local}
|
107
100
|
onChangeValue={(isRange ? handleOnRangeChange : handleOnChange) as (value: Date | [Date, Date?]) => void}
|
108
101
|
/>
|
109
102
|
);
|
@@ -117,7 +110,6 @@ export const Default: StoryObj<CalendarProps> = {
|
|
117
110
|
isRange: false,
|
118
111
|
includeEdgeDates: false,
|
119
112
|
size: 'm',
|
120
|
-
local: 'ru',
|
121
113
|
},
|
122
114
|
render: (args) => <StoryDefault {...args} />,
|
123
115
|
};
|