@salutejs/plasma-new-hope 0.239.0-canary.1696.12710467472.0 → 0.239.0-canary.1699.12742131493.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (136) hide show
  1. package/cjs/components/Avatar/Avatar.js +3 -39
  2. package/cjs/components/Avatar/Avatar.js.map +1 -1
  3. package/cjs/components/Avatar/Avatar.styles.js +1 -32
  4. package/cjs/components/Avatar/Avatar.styles.js.map +1 -1
  5. package/cjs/components/Avatar/Avatar.styles_1gd252x.css +5 -0
  6. package/cjs/components/Avatar/Avatar.tokens.js +2 -41
  7. package/cjs/components/Avatar/Avatar.tokens.js.map +1 -1
  8. package/cjs/components/NumberInput/NumberInput.js +9 -3
  9. package/cjs/components/NumberInput/NumberInput.js.map +1 -1
  10. package/cjs/components/NumberInput/ui/Input/Input.js +12 -6
  11. package/cjs/components/NumberInput/ui/Input/Input.js.map +1 -1
  12. package/cjs/components/NumberInput/utils/index.js +8 -0
  13. package/cjs/components/NumberInput/utils/index.js.map +1 -1
  14. package/cjs/index.css +5 -8
  15. package/emotion/cjs/components/Avatar/Avatar.js +4 -39
  16. package/emotion/cjs/components/Avatar/Avatar.styles.js +10 -29
  17. package/emotion/cjs/components/Avatar/Avatar.template-doc.mdx +0 -54
  18. package/emotion/cjs/components/Avatar/Avatar.tokens.js +2 -41
  19. package/emotion/cjs/components/Avatar/utils/index.js +1 -15
  20. package/emotion/cjs/components/NumberInput/NumberInput.js +9 -3
  21. package/emotion/cjs/components/NumberInput/ui/Input/Input.js +12 -6
  22. package/emotion/cjs/components/NumberInput/utils/index.js +9 -2
  23. package/emotion/cjs/examples/plasma_b2c/components/Avatar/Avatar.config.js +7 -25
  24. package/emotion/cjs/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx +1 -134
  25. package/emotion/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +1 -0
  26. package/emotion/cjs/examples/plasma_web/components/Avatar/Avatar.config.js +7 -25
  27. package/emotion/cjs/examples/plasma_web/components/Avatar/Avatar.stories.tsx +1 -134
  28. package/emotion/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +1 -0
  29. package/emotion/es/components/Avatar/Avatar.js +6 -41
  30. package/emotion/es/components/Avatar/Avatar.styles.js +10 -29
  31. package/emotion/es/components/Avatar/Avatar.template-doc.mdx +0 -54
  32. package/emotion/es/components/Avatar/Avatar.tokens.js +2 -41
  33. package/emotion/es/components/Avatar/utils/index.js +1 -14
  34. package/emotion/es/components/NumberInput/NumberInput.js +9 -3
  35. package/emotion/es/components/NumberInput/ui/Input/Input.js +13 -7
  36. package/emotion/es/components/NumberInput/utils/index.js +8 -1
  37. package/emotion/es/examples/plasma_b2c/components/Avatar/Avatar.config.js +7 -25
  38. package/emotion/es/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx +1 -134
  39. package/emotion/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +1 -0
  40. package/emotion/es/examples/plasma_web/components/Avatar/Avatar.config.js +7 -25
  41. package/emotion/es/examples/plasma_web/components/Avatar/Avatar.stories.tsx +1 -134
  42. package/emotion/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +1 -0
  43. package/es/components/Avatar/Avatar.js +4 -40
  44. package/es/components/Avatar/Avatar.js.map +1 -1
  45. package/es/components/Avatar/Avatar.styles.js +2 -30
  46. package/es/components/Avatar/Avatar.styles.js.map +1 -1
  47. package/es/components/Avatar/Avatar.styles_1gd252x.css +5 -0
  48. package/es/components/Avatar/Avatar.tokens.js +2 -41
  49. package/es/components/Avatar/Avatar.tokens.js.map +1 -1
  50. package/es/components/NumberInput/NumberInput.js +9 -3
  51. package/es/components/NumberInput/NumberInput.js.map +1 -1
  52. package/es/components/NumberInput/ui/Input/Input.js +13 -7
  53. package/es/components/NumberInput/ui/Input/Input.js.map +1 -1
  54. package/es/components/NumberInput/utils/index.js +8 -1
  55. package/es/components/NumberInput/utils/index.js.map +1 -1
  56. package/es/index.css +5 -8
  57. package/package.json +2 -2
  58. package/styled-components/cjs/components/Avatar/Avatar.js +3 -38
  59. package/styled-components/cjs/components/Avatar/Avatar.styles.js +2 -18
  60. package/styled-components/cjs/components/Avatar/Avatar.template-doc.mdx +0 -54
  61. package/styled-components/cjs/components/Avatar/Avatar.tokens.js +2 -41
  62. package/styled-components/cjs/components/Avatar/utils/index.js +1 -15
  63. package/styled-components/cjs/components/NumberInput/NumberInput.js +9 -3
  64. package/styled-components/cjs/components/NumberInput/ui/Input/Input.js +12 -6
  65. package/styled-components/cjs/components/NumberInput/utils/index.js +9 -2
  66. package/styled-components/cjs/examples/plasma_b2c/components/Avatar/Avatar.config.js +4 -22
  67. package/styled-components/cjs/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx +1 -134
  68. package/styled-components/cjs/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +1 -0
  69. package/styled-components/cjs/examples/plasma_web/components/Avatar/Avatar.config.js +4 -22
  70. package/styled-components/cjs/examples/plasma_web/components/Avatar/Avatar.stories.tsx +1 -134
  71. package/styled-components/cjs/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +1 -0
  72. package/styled-components/es/components/Avatar/Avatar.js +5 -40
  73. package/styled-components/es/components/Avatar/Avatar.styles.js +2 -18
  74. package/styled-components/es/components/Avatar/Avatar.template-doc.mdx +0 -54
  75. package/styled-components/es/components/Avatar/Avatar.tokens.js +2 -41
  76. package/styled-components/es/components/Avatar/utils/index.js +1 -14
  77. package/styled-components/es/components/NumberInput/NumberInput.js +9 -3
  78. package/styled-components/es/components/NumberInput/ui/Input/Input.js +13 -7
  79. package/styled-components/es/components/NumberInput/utils/index.js +8 -1
  80. package/styled-components/es/examples/plasma_b2c/components/Avatar/Avatar.config.js +4 -22
  81. package/styled-components/es/examples/plasma_b2c/components/Avatar/Avatar.stories.tsx +1 -134
  82. package/styled-components/es/examples/plasma_b2c/components/NumberInput/NumberInput.stories.tsx +1 -0
  83. package/styled-components/es/examples/plasma_web/components/Avatar/Avatar.config.js +4 -22
  84. package/styled-components/es/examples/plasma_web/components/Avatar/Avatar.stories.tsx +1 -134
  85. package/styled-components/es/examples/plasma_web/components/NumberInput/NumberInput.stories.tsx +1 -0
  86. package/types/components/Avatar/Avatar.d.ts +21 -3
  87. package/types/components/Avatar/Avatar.d.ts.map +1 -1
  88. package/types/components/Avatar/Avatar.styles.d.ts +0 -59
  89. package/types/components/Avatar/Avatar.styles.d.ts.map +1 -1
  90. package/types/components/Avatar/Avatar.tokens.d.ts +0 -37
  91. package/types/components/Avatar/Avatar.tokens.d.ts.map +1 -1
  92. package/types/components/Avatar/Avatar.types.d.ts +2 -47
  93. package/types/components/Avatar/Avatar.types.d.ts.map +1 -1
  94. package/types/components/Avatar/utils/index.d.ts +0 -1
  95. package/types/components/Avatar/utils/index.d.ts.map +1 -1
  96. package/types/components/Badge/Badge.types.d.ts +21 -8
  97. package/types/components/Badge/Badge.types.d.ts.map +1 -1
  98. package/types/components/Counter/Counter.d.ts +12 -2
  99. package/types/components/Counter/Counter.d.ts.map +1 -1
  100. package/types/components/Counter/Counter.types.d.ts +2 -1
  101. package/types/components/Counter/Counter.types.d.ts.map +1 -1
  102. package/types/components/NumberInput/NumberInput.d.ts.map +1 -1
  103. package/types/components/NumberInput/NumberInput.types.d.ts +5 -0
  104. package/types/components/NumberInput/NumberInput.types.d.ts.map +1 -1
  105. package/types/components/NumberInput/ui/Input/Input.d.ts +1 -0
  106. package/types/components/NumberInput/ui/Input/Input.d.ts.map +1 -1
  107. package/types/components/NumberInput/ui/Input/Input.types.d.ts +1 -0
  108. package/types/components/NumberInput/ui/Input/Input.types.d.ts.map +1 -1
  109. package/types/components/NumberInput/utils/index.d.ts +1 -0
  110. package/types/components/NumberInput/utils/index.d.ts.map +1 -1
  111. package/types/examples/plasma_b2c/components/Avatar/Avatar.config.d.ts +0 -18
  112. package/types/examples/plasma_b2c/components/Avatar/Avatar.config.d.ts.map +1 -1
  113. package/types/examples/plasma_b2c/components/Avatar/Avatar.d.ts +6 -138
  114. package/types/examples/plasma_b2c/components/Avatar/Avatar.d.ts.map +1 -1
  115. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts +48 -8
  116. package/types/examples/plasma_b2c/components/Badge/Badge.d.ts.map +1 -1
  117. package/types/examples/plasma_b2c/components/Counter/Counter.d.ts +6 -1
  118. package/types/examples/plasma_b2c/components/Counter/Counter.d.ts.map +1 -1
  119. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts +2 -0
  120. package/types/examples/plasma_b2c/components/NumberInput/NumberInput.d.ts.map +1 -1
  121. package/types/examples/plasma_web/components/Avatar/Avatar.config.d.ts +0 -18
  122. package/types/examples/plasma_web/components/Avatar/Avatar.config.d.ts.map +1 -1
  123. package/types/examples/plasma_web/components/Avatar/Avatar.d.ts +6 -138
  124. package/types/examples/plasma_web/components/Avatar/Avatar.d.ts.map +1 -1
  125. package/types/examples/plasma_web/components/Badge/Badge.d.ts +48 -8
  126. package/types/examples/plasma_web/components/Badge/Badge.d.ts.map +1 -1
  127. package/types/examples/plasma_web/components/Counter/Counter.d.ts +6 -1
  128. package/types/examples/plasma_web/components/Counter/Counter.d.ts.map +1 -1
  129. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts +2 -0
  130. package/types/examples/plasma_web/components/NumberInput/NumberInput.d.ts.map +1 -1
  131. package/cjs/components/Avatar/Avatar.styles_131qvfx.css +0 -8
  132. package/cjs/components/Avatar/utils/index.js +0 -21
  133. package/cjs/components/Avatar/utils/index.js.map +0 -1
  134. package/es/components/Avatar/Avatar.styles_131qvfx.css +0 -8
  135. package/es/components/Avatar/utils/index.js +0 -17
  136. package/es/components/Avatar/utils/index.js.map +0 -1
@@ -1,4 +1,3 @@
1
- import React from 'react';
2
1
  import type { ComponentProps } from 'react';
3
2
  import type { StoryObj, Meta } from '@storybook/react';
4
3
  import { disableProps } from '@salutejs/plasma-sb-utils';
@@ -7,11 +6,6 @@ import { argTypesFromConfig, WithTheme } from '../../../_helpers';
7
6
 
8
7
  import { Avatar, mergedConfig } from './Avatar';
9
8
 
10
- const extraPlacements = ['top-left', 'top-right', 'bottom-left', 'bottom-right'];
11
- const extraType = ['', 'badge', 'counter'];
12
- const counterViews = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
13
- const badgeViews = ['default', 'accent', 'positive', 'warning', 'negative', 'dark', 'light'];
14
-
15
9
  const meta: Meta<typeof Avatar> = {
16
10
  title: 'b2c/Data Display/Avatar',
17
11
  decorators: [WithTheme],
@@ -19,69 +13,12 @@ const meta: Meta<typeof Avatar> = {
19
13
  argTypes: {
20
14
  ...argTypesFromConfig(mergedConfig),
21
15
  status: { control: 'select', options: ['active', 'inactive'] },
22
- type: {
23
- control: 'select',
24
- options: extraType,
25
- if: { arg: 'hasExtra', truthy: true },
26
- },
27
- extraPlacement: {
28
- control: 'select',
29
- options: extraPlacements,
30
- if: { arg: 'hasExtra', truthy: true },
31
- },
32
- counterView: {
33
- control: 'select',
34
- options: counterViews,
35
- if: { arg: 'type', eq: 'counter' },
36
- },
37
- count: {
38
- control: 'number',
39
- if: { arg: 'type', eq: 'counter' },
40
- },
41
- maxCount: {
42
- control: 'number',
43
- if: { arg: 'type', eq: 'counter' },
44
- },
45
- badgeView: {
46
- control: 'select',
47
- options: badgeViews,
48
- if: { arg: 'type', eq: 'badge' },
49
- },
50
- text: {
51
- control: 'text',
52
- if: { arg: 'type', eq: 'badge' },
53
- },
54
- customColor: {
55
- control: 'color',
56
- if: { arg: 'type', eq: 'badge' },
57
- },
58
- customBackgroundColor: {
59
- control: 'color',
60
- if: { arg: 'type', eq: 'badge' },
61
- },
62
- pilled: {
63
- control: 'boolean',
64
- if: { arg: 'type', eq: 'badge' },
65
- },
66
16
  },
67
17
  };
68
18
 
69
19
  export default meta;
70
20
 
71
- type StoryProps = ComponentProps<typeof Avatar> & {
72
- enableContentLeft: boolean;
73
- enableContentRight: boolean;
74
- };
75
- type Story = StoryObj<StoryProps>;
76
-
77
- const BellIcon = (props) => (
78
- <svg width="100%" viewBox="0 0 24 24" fill="none" {...props}>
79
- <path
80
- d="M11.501 21.28c1.088 0 1.978-.889 1.978-1.977H9.524c0 1.088.88 1.978 1.977 1.978zm5.933-5.932v-4.944c0-3.035-1.622-5.576-4.45-6.248v-.673c0-.82-.662-1.483-1.483-1.483-.82 0-1.483.662-1.483 1.483v.672c-2.838.673-4.45 3.204-4.45 6.25v4.943l-1.275 1.276c-.623.623-.188 1.69.692 1.69h13.022c.88 0 1.325-1.067.702-1.69l-1.275-1.276z"
81
- fill="currentColor"
82
- />
83
- </svg>
84
- );
21
+ type Story = StoryObj<ComponentProps<typeof Avatar>>;
85
22
 
86
23
  export const Default: Story = {
87
24
  args: {
@@ -90,56 +27,10 @@ export const Default: Story = {
90
27
  name: 'Иван Фадеев',
91
28
  url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
92
29
  isScalable: false,
93
- hasExtra: false,
94
- extraPlacement: 'top-right',
95
- type: undefined,
96
- counterView: 'accent',
97
- count: 3,
98
- maxCount: 10,
99
- badgeView: 'accent',
100
- text: '31',
101
- pilled: true,
102
- enableContentLeft: false,
103
- enableContentRight: false,
104
30
  },
105
31
  argTypes: {
106
- enableContentLeft: {
107
- control: { type: 'boolean' },
108
- if: { arg: 'type', eq: 'badge' },
109
- },
110
- enableContentRight: {
111
- control: { type: 'boolean' },
112
- if: { arg: 'type', eq: 'badge' },
113
- },
114
32
  ...disableProps(['focused']),
115
33
  },
116
- render: ({ enableContentLeft, enableContentRight, size, ...rest }: StoryProps) => {
117
- const iconSize = () => {
118
- switch (size) {
119
- case 'xxl':
120
- return '1rem';
121
- case 'm':
122
- return '0.625rem';
123
- default:
124
- return '0.75rem';
125
- }
126
- };
127
-
128
- return (
129
- <>
130
- <Avatar
131
- contentLeft={enableContentLeft ? <BellIcon width={iconSize()} height={iconSize()} /> : undefined}
132
- contentRight={
133
- !enableContentLeft && enableContentRight ? (
134
- <BellIcon width={iconSize()} height={iconSize()} />
135
- ) : undefined
136
- }
137
- size={size}
138
- {...rest}
139
- />
140
- </>
141
- );
142
- },
143
34
  };
144
35
 
145
36
  export const Accessibility: Story = {
@@ -151,14 +42,6 @@ export const Accessibility: Story = {
151
42
  size: 'xxl',
152
43
  status: 'active',
153
44
  focused: true,
154
- hasExtra: false,
155
- extraPlacement: 'top-right',
156
- type: undefined,
157
- counterView: 'accent',
158
- count: 3,
159
- maxCount: 10,
160
- badgeView: 'accent',
161
- text: '31',
162
45
  },
163
46
  };
164
47
 
@@ -172,14 +55,6 @@ export const AccessibilityWithURL: Story = {
172
55
  focused: true,
173
56
  name: 'Микула Селянинович',
174
57
  url: 'https://avatars.githubusercontent.com/u/1813468?v=4',
175
- hasExtra: false,
176
- extraPlacement: 'top-right',
177
- type: undefined,
178
- counterView: 'accent',
179
- count: 3,
180
- maxCount: 10,
181
- badgeView: 'accent',
182
- text: '31',
183
58
  },
184
59
  };
185
60
 
@@ -192,13 +67,5 @@ export const AccessibilityWithCustomText: Story = {
192
67
  status: 'inactive',
193
68
  focused: true,
194
69
  customText: 'ФИО',
195
- hasExtra: false,
196
- extraPlacement: 'top-right',
197
- type: undefined,
198
- counterView: 'accent',
199
- count: 3,
200
- maxCount: 10,
201
- badgeView: 'accent',
202
- text: '31',
203
70
  },
204
71
  };
@@ -96,6 +96,7 @@ export const Default: StoryObj<StoryPropsDefault> = {
96
96
  segmentation: 'default',
97
97
  min: 0,
98
98
  max: 9,
99
+ precision: 2,
99
100
  step: 1,
100
101
  width: 188,
101
102
  isManualInput: false,