jfs-components 0.1.2 → 0.1.8
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.
- package/CHANGELOG.md +29 -0
- package/lib/commonjs/components/AmountInput/AmountInput.js +8 -5
- package/lib/commonjs/components/BenefitCard/BenefitCard.js +231 -0
- package/lib/commonjs/components/CcCard/CcCard.js +470 -0
- package/lib/commonjs/components/Checkbox/Checkbox.js +4 -3
- package/lib/commonjs/components/CheckboxItem/CheckboxItem.js +4 -3
- package/lib/commonjs/components/CompareTable/CompareTable.js +372 -0
- package/lib/commonjs/components/ComparisonBar/ComparisonBar.js +266 -0
- package/lib/commonjs/components/DropdownInput/DropdownInput.js +35 -3
- package/lib/commonjs/components/FormField/FormField.js +4 -3
- package/lib/commonjs/components/InputSearch/InputSearch.js +6 -4
- package/lib/commonjs/components/NoteInput/NoteInput.js +6 -5
- package/lib/commonjs/components/PdpCcCard/PdpCcCard.js +273 -0
- package/lib/commonjs/components/ProductMerchandisingCard/GlassFill.js +263 -0
- package/lib/commonjs/components/ProductMerchandisingCard/GlassFill.web.js +116 -0
- package/lib/commonjs/components/ProductMerchandisingCard/ProductMerchandisingCard.js +353 -0
- package/lib/commonjs/components/ProjectionMarker/ProjectionMarker.js +161 -0
- package/lib/commonjs/components/Radio/Radio.js +5 -5
- package/lib/commonjs/components/Slider/Slider.js +473 -0
- package/lib/commonjs/components/TextInput/TextInput.js +13 -8
- package/lib/commonjs/components/TextSegment/TextSegment.js +118 -0
- package/lib/commonjs/components/index.js +63 -0
- package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +1 -1
- package/lib/commonjs/design-tokens/figma-modes.generated.js +38 -9
- package/lib/commonjs/icons/registry.js +1 -1
- package/lib/commonjs/utils/react-utils.js +22 -0
- package/lib/module/components/AmountInput/AmountInput.js +6 -4
- package/lib/module/components/BenefitCard/BenefitCard.js +225 -0
- package/lib/module/components/CcCard/CcCard.js +464 -0
- package/lib/module/components/Checkbox/Checkbox.js +5 -4
- package/lib/module/components/CheckboxItem/CheckboxItem.js +5 -4
- package/lib/module/components/CompareTable/CompareTable.js +367 -0
- package/lib/module/components/ComparisonBar/ComparisonBar.js +260 -0
- package/lib/module/components/DropdownInput/DropdownInput.js +36 -4
- package/lib/module/components/FormField/FormField.js +5 -4
- package/lib/module/components/InputSearch/InputSearch.js +6 -4
- package/lib/module/components/NoteInput/NoteInput.js +7 -6
- package/lib/module/components/PdpCcCard/PdpCcCard.js +267 -0
- package/lib/module/components/ProductMerchandisingCard/GlassFill.js +257 -0
- package/lib/module/components/ProductMerchandisingCard/GlassFill.web.js +111 -0
- package/lib/module/components/ProductMerchandisingCard/ProductMerchandisingCard.js +347 -0
- package/lib/module/components/ProjectionMarker/ProjectionMarker.js +156 -0
- package/lib/module/components/Radio/Radio.js +5 -4
- package/lib/module/components/Slider/Slider.js +468 -0
- package/lib/module/components/TextInput/TextInput.js +15 -10
- package/lib/module/components/TextSegment/TextSegment.js +113 -0
- package/lib/module/components/index.js +9 -0
- package/lib/module/design-tokens/Coin Variables-variables-full.json +1 -1
- package/lib/module/design-tokens/figma-modes.generated.js +38 -9
- package/lib/module/icons/registry.js +1 -1
- package/lib/module/utils/react-utils.js +21 -0
- package/lib/typescript/src/components/AmountInput/AmountInput.d.ts +3 -2
- package/lib/typescript/src/components/BenefitCard/BenefitCard.d.ts +93 -0
- package/lib/typescript/src/components/CcCard/CcCard.d.ts +137 -0
- package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +3 -2
- package/lib/typescript/src/components/CheckboxItem/CheckboxItem.d.ts +2 -2
- package/lib/typescript/src/components/CompareTable/CompareTable.d.ts +88 -0
- package/lib/typescript/src/components/ComparisonBar/ComparisonBar.d.ts +118 -0
- package/lib/typescript/src/components/DropdownInput/DropdownInput.d.ts +20 -1
- package/lib/typescript/src/components/FormField/FormField.d.ts +2 -2
- package/lib/typescript/src/components/InputSearch/InputSearch.d.ts +23 -2
- package/lib/typescript/src/components/NoteInput/NoteInput.d.ts +19 -2
- package/lib/typescript/src/components/PdpCcCard/PdpCcCard.d.ts +84 -0
- package/lib/typescript/src/components/ProductMerchandisingCard/GlassFill.d.ts +56 -0
- package/lib/typescript/src/components/ProductMerchandisingCard/GlassFill.web.d.ts +27 -0
- package/lib/typescript/src/components/ProductMerchandisingCard/ProductMerchandisingCard.d.ts +81 -0
- package/lib/typescript/src/components/ProjectionMarker/ProjectionMarker.d.ts +82 -0
- package/lib/typescript/src/components/Radio/Radio.d.ts +3 -2
- package/lib/typescript/src/components/RadioButton/RadioButton.d.ts +2 -2
- package/lib/typescript/src/components/Slider/Slider.d.ts +99 -0
- package/lib/typescript/src/components/TextInput/TextInput.d.ts +9 -29
- package/lib/typescript/src/components/TextSegment/TextSegment.d.ts +100 -0
- package/lib/typescript/src/components/index.d.ts +10 -1
- package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +22 -2
- package/lib/typescript/src/icons/registry.d.ts +1 -1
- package/lib/typescript/src/utils/react-utils.d.ts +10 -0
- package/package.json +2 -1
- package/src/components/AmountInput/AmountInput.tsx +7 -5
- package/src/components/BenefitCard/BenefitCard.tsx +309 -0
- package/src/components/CcCard/CcCard.tsx +598 -0
- package/src/components/Checkbox/Checkbox.tsx +5 -4
- package/src/components/CheckboxItem/CheckboxItem.tsx +5 -4
- package/src/components/CompareTable/CompareTable.tsx +477 -0
- package/src/components/ComparisonBar/ComparisonBar.tsx +356 -0
- package/src/components/DropdownInput/DropdownInput.tsx +55 -3
- package/src/components/FormField/FormField.tsx +5 -4
- package/src/components/InputSearch/InputSearch.tsx +8 -5
- package/src/components/NoteInput/NoteInput.tsx +8 -6
- package/src/components/PdpCcCard/PdpCcCard.tsx +356 -0
- package/src/components/ProductMerchandisingCard/GlassFill.tsx +276 -0
- package/src/components/ProductMerchandisingCard/GlassFill.web.tsx +127 -0
- package/src/components/ProductMerchandisingCard/ProductMerchandisingCard.tsx +423 -0
- package/src/components/ProjectionMarker/ProjectionMarker.tsx +277 -0
- package/src/components/Radio/Radio.tsx +5 -4
- package/src/components/Slider/Slider.tsx +628 -0
- package/src/components/TextInput/TextInput.tsx +15 -11
- package/src/components/TextSegment/TextSegment.tsx +166 -0
- package/src/components/index.ts +10 -1
- package/src/design-tokens/Coin Variables-variables-full.json +1 -1
- package/src/design-tokens/figma-modes.generated.ts +38 -9
- package/src/icons/registry.ts +1 -1
- package/src/utils/react-utils.ts +23 -0
- package/lib/typescript/scripts/extract-component-tokens.d.ts +0 -9
- package/lib/typescript/scripts/generate-component-docs.d.ts +0 -9
- package/lib/typescript/scripts/generate-icon-registry.d.ts +0 -3
- package/lib/typescript/scripts/generate-mode-types.d.ts +0 -2
- package/lib/typescript/scripts/retype-modes.d.cts +0 -2
|
@@ -45,11 +45,12 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
45
45
|
"Attached / Output": ["Default"],
|
|
46
46
|
"Avatar / Output": ["Default"],
|
|
47
47
|
"Avatar Group / Output": ["Default"],
|
|
48
|
-
"Avatar Size": ["L", "M", "S"],
|
|
48
|
+
"Avatar Size": ["L", "M", "S", "XS"],
|
|
49
49
|
"Avatar Type": ["Avatar", "Icon", "Text"],
|
|
50
50
|
"Axis / Output": ["Default"],
|
|
51
51
|
"Background": ["False", "True"],
|
|
52
52
|
"Badge / Output": ["Default"],
|
|
53
|
+
"Badge Size": ["Medium", "Small"],
|
|
53
54
|
"Balance / Output": ["Default"],
|
|
54
55
|
"BankAccountCard / Output": ["Default"],
|
|
55
56
|
"Benefit Card": ["Default"],
|
|
@@ -75,6 +76,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
75
76
|
"cardsShared": ["Default"],
|
|
76
77
|
"Carousel / Output": ["Default"],
|
|
77
78
|
"CarouselCardAccounts / Output": ["Default"],
|
|
79
|
+
"ccCard / Output": ["Default"],
|
|
78
80
|
"checkbox / Output": ["Default"],
|
|
79
81
|
"Checkbox / Output": ["Default"],
|
|
80
82
|
"Checkbox states": ["Idle", "Hover", "Focus", "Focus Selected", "Selected Hover", "Disabled/Active", "Disabled", "Selected"],
|
|
@@ -90,7 +92,12 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
90
92
|
"circularProgressBar / Output": ["Default"],
|
|
91
93
|
"circularProgressBar Size": ["S", "M"],
|
|
92
94
|
"clusterBubble / Output": ["Default"],
|
|
95
|
+
"coincard": ["Mode 1"],
|
|
93
96
|
"Color Mode": ["Light", "Dark"],
|
|
97
|
+
"comparetablecell": ["Mode 1"],
|
|
98
|
+
"comparetableheader": ["Mode 1"],
|
|
99
|
+
"Comparison Floating card": ["Default"],
|
|
100
|
+
"ComparisonCardItem": ["Default"],
|
|
94
101
|
"Confidence": ["High", "Medium", "Low", "None"],
|
|
95
102
|
"ContentSheet / Output": ["Default"],
|
|
96
103
|
"Context": ["Default", "Nudge&Alert", "CTACard", "ListItem"],
|
|
@@ -101,6 +108,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
101
108
|
"context7": ["Default", "Card"],
|
|
102
109
|
"Contrast Context": ["on dark", "on light"],
|
|
103
110
|
"Conversation Feed / Output": ["Default"],
|
|
111
|
+
"Counter Badge / Output": ["Mode 1"],
|
|
104
112
|
"Coverage Bar Comparison / Output": ["Default"],
|
|
105
113
|
"CoverageRing / Output": ["Mode 1"],
|
|
106
114
|
"CTACard / Output": ["Default"],
|
|
@@ -129,6 +137,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
129
137
|
"FullScreenModal": ["Default"],
|
|
130
138
|
"Gap": ["S", "M", "L", "None"],
|
|
131
139
|
"Gauge / Output": ["Default"],
|
|
140
|
+
"Handle Boolean": ["False", "True"],
|
|
132
141
|
"Heading / Output": ["Default"],
|
|
133
142
|
"Heading text": ["Default", "Slot"],
|
|
134
143
|
"Holdings card / Output": ["Default"],
|
|
@@ -136,7 +145,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
136
145
|
"Icon / Output": ["Default"],
|
|
137
146
|
"Icon Button / Output": ["Default"],
|
|
138
147
|
"Icon Capsule / Output": ["Default"],
|
|
139
|
-
"Icon Capsule Size": ["M", "L", "S"],
|
|
148
|
+
"Icon Capsule Size": ["M", "L", "S", "XS"],
|
|
140
149
|
"Image / Output": ["Default"],
|
|
141
150
|
"Input / Output": ["Default"],
|
|
142
151
|
"Input/PINSlot States": ["Idle", "Active", "Error"],
|
|
@@ -161,6 +170,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
161
170
|
"Message Direction": ["Incoming (Left)", "Outgoing (Right)"],
|
|
162
171
|
"Message Row / Output": ["Default"],
|
|
163
172
|
"MessageField / Output": ["Default"],
|
|
173
|
+
"metricdata": ["Mode 1"],
|
|
164
174
|
"MetricLegendItem / Output": ["Default"],
|
|
165
175
|
"Money Value / Output": ["Default"],
|
|
166
176
|
"MonthlyStatusGrid / Output": ["Default"],
|
|
@@ -178,15 +188,18 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
178
188
|
"Page type": ["MainPage", "SubPage", "JioPlus"],
|
|
179
189
|
"PageHero / Output": ["Default"],
|
|
180
190
|
"PaymnetFeedback / Output": ["Default"],
|
|
191
|
+
"PDP cc card": ["Mode 1"],
|
|
181
192
|
"peekOffset": ["Medium", "Small", "Large", "None"],
|
|
182
193
|
"Placement": ["Prefix", "Suffix"],
|
|
183
194
|
"PlanComparisonCard / Output": ["Default"],
|
|
184
195
|
"Popup / Output": ["Default"],
|
|
185
196
|
"PortfolioHero / Output": ["Default"],
|
|
186
197
|
"PoweredByLabel": ["Default"],
|
|
198
|
+
"Product Merchandising card": ["Mode 1"],
|
|
187
199
|
"ProductLabel / Output": ["Default"],
|
|
188
200
|
"ProductOverview / Output": ["Default"],
|
|
189
201
|
"ProgressBadge / Output": ["Default"],
|
|
202
|
+
"ProjectionMarker": ["Mode 1"],
|
|
190
203
|
"QR code / Output": ["Idle"],
|
|
191
204
|
"Radio / Output": ["Default"],
|
|
192
205
|
"Radius": ["S", "M", "L", "None"],
|
|
@@ -204,8 +217,10 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
204
217
|
"SegmentedControl/Segment / Output": ["Default"],
|
|
205
218
|
"SegmentedTrack / Output": ["Default"],
|
|
206
219
|
"Selectable": ["False", "True"],
|
|
220
|
+
"selectioncard": ["Mode 1"],
|
|
207
221
|
"Semantic Intent": ["Brand", "System"],
|
|
208
222
|
"Skeleton": ["Mode 1"],
|
|
223
|
+
"Slider / Output": ["Default"],
|
|
209
224
|
"Slot gap": ["S", "M", "L", "XL"],
|
|
210
225
|
"special button": ["Default"],
|
|
211
226
|
"Spinner / Output": ["Default"],
|
|
@@ -226,14 +241,19 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
|
|
|
226
241
|
"SwappableAmount / Output": ["Default"],
|
|
227
242
|
"tabItem / Output": ["Default"],
|
|
228
243
|
"Tabs / Output": ["Default"],
|
|
244
|
+
"TestimonialsCard": ["Default"],
|
|
229
245
|
"Text / Output": ["Default"],
|
|
246
|
+
"Text Appearance": ["Neutral", "Primary", "Secondary", "Tertiary"],
|
|
247
|
+
"Text Sizes": ["Medium", "Small"],
|
|
230
248
|
"textInput / Output": ["Default"],
|
|
249
|
+
"TextSegment / Output": ["Default"],
|
|
231
250
|
"Thread Hero / Output": ["Default"],
|
|
232
251
|
"Title / Output": ["Default"],
|
|
233
252
|
"Title Level": ["Default", "Bold"],
|
|
234
253
|
"Toggle / Output": ["Default"],
|
|
235
254
|
"Toggle States": ["Off", "On", "Disabled Off", "Disabled On"],
|
|
236
255
|
"ToggleIconButton / Output": ["Default"],
|
|
256
|
+
"Tooltip": ["True", "False"],
|
|
237
257
|
"tooltip / Output": ["Default"],
|
|
238
258
|
"Tost Output": ["Default"],
|
|
239
259
|
"Transaction Status": ["Request", "Paid", "Declined", "Expired"],
|
|
@@ -264,29 +284,33 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
|
|
|
264
284
|
"Attached": ["Color Mode"],
|
|
265
285
|
"Avatar": ["Avatar Size", "Color Mode", "Context4"],
|
|
266
286
|
"AvatarGroup": ["Avatar Size", "Context4"],
|
|
267
|
-
"Badge": ["AppearanceBrand", "
|
|
287
|
+
"Badge": ["AppearanceBrand", "Badge Size", "Color Mode", "Emphasis"],
|
|
268
288
|
"Balance": ["Color Mode", "Context3"],
|
|
289
|
+
"BenefitCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Context2", "context5", "Emphasis", "List Item Style", "NavArrow Direction", "Page type", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
269
290
|
"BottomNav": ["Color Mode"],
|
|
270
291
|
"BottomNavItem": ["BottomNavItem / State", "Color Mode"],
|
|
271
292
|
"BrandChip": ["Avatar Size", "Color Mode", "Context4"],
|
|
272
|
-
"BubbleChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
293
|
+
"BubbleChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz", "Text Appearance"],
|
|
273
294
|
"Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
|
|
274
295
|
"Card": ["Color Mode", "Gap", "Page type"],
|
|
275
296
|
"CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
|
|
276
|
-
"CardBankAccount": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context4", "context5", "Emphasis", "List Item Style", "Semantic Intent", "Weight"],
|
|
277
|
-
"CardCTA": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "MediaBlock", "Semantic Intent"],
|
|
297
|
+
"CardBankAccount": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context4", "context5", "Emphasis", "List Item Style", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
298
|
+
"CardCTA": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "MediaBlock", "Semantic Intent"],
|
|
278
299
|
"CardFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode"],
|
|
279
300
|
"CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
|
|
280
|
-
"CardInsight": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context7", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Nudge padding", "Page type", "Semantic Intent", "Slot gap"],
|
|
301
|
+
"CardInsight": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context7", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Nudge padding", "Page type", "Semantic Intent", "Slot gap"],
|
|
281
302
|
"CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Color Mode", "Context4"],
|
|
282
303
|
"Carousel": ["peekOffset"],
|
|
304
|
+
"CcCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context2", "Context4", "context5", "context7", "Emphasis", "List Item Style", "NavArrow Direction", "Page type", "Radius", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
283
305
|
"Checkbox": ["Color Mode"],
|
|
284
306
|
"CheckboxGroup": ["Color Mode"],
|
|
285
307
|
"CheckboxItem": ["Color Mode"],
|
|
286
308
|
"ChipSelect": ["ChipSelect State", "Color Mode"],
|
|
287
309
|
"CircularProgressBar": ["AppearanceBrand", "AppearanceSystem", "circularProgressBar Size", "Color Mode", "Emphasis", "Semantic Intent"],
|
|
288
310
|
"CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
|
|
289
|
-
"ClusterBubble": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
311
|
+
"ClusterBubble": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz", "Text Appearance"],
|
|
312
|
+
"CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Radius"],
|
|
313
|
+
"ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Radius", "Semantic Intent"],
|
|
290
314
|
"CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
291
315
|
"CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
|
|
292
316
|
"DebitCard": ["DebitCard brand"],
|
|
@@ -327,11 +351,14 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
|
|
|
327
351
|
"OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "FormField States", "Input/PINSlot States", "Semantic Intent", "Status"],
|
|
328
352
|
"PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Media / Output", "Semantic Intent"],
|
|
329
353
|
"PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
|
|
354
|
+
"PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context7", "Emphasis", "Page type", "Radius", "Semantic Intent"],
|
|
330
355
|
"PlanComparisonCard": ["Color Mode"],
|
|
331
356
|
"Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap"],
|
|
332
357
|
"PortfolioHero": ["Avatar Size", "Color Mode", "Context3", "Context4"],
|
|
333
358
|
"ProductLabel": ["Avatar Size", "Color Mode", "Context4"],
|
|
359
|
+
"ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context4", "Emphasis", "Semantic Intent"],
|
|
334
360
|
"ProductOverview": ["Avatar Size", "Color Mode", "Context4"],
|
|
361
|
+
"ProjectionMarker": ["Color Mode"],
|
|
335
362
|
"Radio": ["Color Mode"],
|
|
336
363
|
"RangeTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
337
364
|
"RechargeCard": ["Avatar Size", "Color Mode", "Context3", "Context4"],
|
|
@@ -340,6 +367,7 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
|
|
|
340
367
|
"Section": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Context2", "context5", "Emphasis", "Icon Capsule Size", "List Item Style", "NavArrow Direction", "Padding", "Page type", "Semantic Intent", "Slot gap"],
|
|
341
368
|
"SegmentedControl": ["SegmentedControl/Segment"],
|
|
342
369
|
"SegmentedTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
370
|
+
"Slider": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
343
371
|
"Slot": ["Context", "Slot gap"],
|
|
344
372
|
"StatGroup": ["Color Mode", "StatItem Label Position "],
|
|
345
373
|
"StatItem": ["StatItem Label Position "],
|
|
@@ -353,8 +381,9 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
|
|
|
353
381
|
"SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
|
|
354
382
|
"TabItem": ["Color Mode"],
|
|
355
383
|
"TestimonialsCard": ["Avatar Size", "Color Mode", "Context4"],
|
|
356
|
-
"Text": ["Weight"],
|
|
384
|
+
"Text": ["Color Mode", "Text Appearance", "Text Sizes", "Weight"],
|
|
357
385
|
"TextInput": ["Color Mode", "InputState"],
|
|
386
|
+
"TextSegment": ["Color Mode", "Text Appearance", "Text Sizes", "Weight"],
|
|
358
387
|
"Title": ["Color Mode", "context7", "Page type"],
|
|
359
388
|
"Toggle": ["Color Mode", "Toggle States"],
|
|
360
389
|
"Tooltip": ["Color Mode"],
|