@salutejs/plasma-new-hope 0.249.0-canary.1724.12950317416.0 → 0.249.0-canary.1724.12986049597.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 (9) hide show
  1. package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  2. package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  3. package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  4. package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  5. package/package.json +2 -2
  6. package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  7. package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
  8. package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx +33 -3
  9. package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx +33 -3
package/emotion/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx CHANGED
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }
package/emotion/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx CHANGED
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }
package/emotion/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx CHANGED
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }
package/emotion/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx CHANGED
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@salutejs/plasma-new-hope",
3
- "version": "0.249.0-canary.1724.12950317416.0",
3
+ "version": "0.249.0-canary.1724.12986049597.0",
4
4
  "description": "Salute Design System blueprint",
5
5
  "main": "cjs/index.js",
6
6
  "module": "es/index.js",
@@ -131,5 +131,5 @@
131
131
  "sideEffects": [
132
132
  "*.css"
133
133
  ],
134
- "gitHead": "d7f1609ab28384fb7508b9794e8404496c37fab5"
134
+ "gitHead": "bbfd5900984d7fbb6749f3b8571257e51374ceba"
135
135
  }
package/styled-components/cjs/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx CHANGED
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }
package/styled-components/cjs/examples/plasma_web/components/Accordion/Accordion.stories.tsx CHANGED
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }
package/styled-components/es/examples/plasma_b2c/components/Accordion/Accordion.stories.tsx CHANGED
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }
package/styled-components/es/examples/plasma_web/components/Accordion/Accordion.stories.tsx CHANGED
@@ -95,6 +95,24 @@ export const Default: StoryObj<AccordionProps> = {
95
95
  };
96
96
 
97
97
  const getSizeForIcon = (size) => (size === 'xs' ? 'xs' : 's');
98
+ const getSizeForIconButton = (size) => {
99
+ switch (size) {
100
+ case 'l':
101
+ case 'h2':
102
+ case 'h3':
103
+ return 'l';
104
+ case 'm':
105
+ return 'm';
106
+ case 's':
107
+ case 'h4':
108
+ return 's';
109
+ case 'xs':
110
+ case 'h5':
111
+ return 'xs';
112
+ default:
113
+ return 'm';
114
+ }
115
+ };
98
116
 
99
117
  const ControlledAccordion = (props: AccordionProps) => {
100
118
  const args = { ...props, text: undefined };
@@ -106,7 +124,11 @@ const ControlledAccordion = (props: AccordionProps) => {
106
124
  <Accordion {...args}>
107
125
  <AccordionItem
108
126
  contentRight={
109
- <IconButton view="secondary" size={args.size} onClick={() => setActiveFirst(!activeFirst)}>
127
+ <IconButton
128
+ view="secondary"
129
+ size={getSizeForIconButton(args.size)}
130
+ onClick={() => setActiveFirst(!activeFirst)}
131
+ >
110
132
  <IconPlus size={getSizeForIcon(args.size)} />
111
133
  </IconButton>
112
134
  }
@@ -120,7 +142,11 @@ const ControlledAccordion = (props: AccordionProps) => {
120
142
  </AccordionItem>
121
143
  <AccordionItem
122
144
  contentRight={
123
- <IconButton view="secondary" size={args.size} onClick={() => setActiveSecond(!activeSecond)}>
145
+ <IconButton
146
+ view="secondary"
147
+ size={getSizeForIconButton(args.size)}
148
+ onClick={() => setActiveSecond(!activeSecond)}
149
+ >
124
150
  <IconPlus size={getSizeForIcon(args.size)} />
125
151
  </IconButton>
126
152
  }
@@ -134,7 +160,11 @@ const ControlledAccordion = (props: AccordionProps) => {
134
160
  </AccordionItem>
135
161
  <AccordionItem
136
162
  contentRight={
137
- <IconButton view="secondary" size={args.size} onClick={() => setActiveThree(!activeThree)}>
163
+ <IconButton
164
+ view="secondary"
165
+ size={getSizeForIconButton(args.size)}
166
+ onClick={() => setActiveThree(!activeThree)}
167
+ >
138
168
  <IconPlus size={getSizeForIcon(args.size)} />
139
169
  </IconButton>
140
170
  }