jfs-components 0.1.34 → 0.1.35
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/lib/commonjs/components/LottiePlayer/LottiePlayer.js +5 -5
- package/lib/commonjs/components/LottiePlayer/LottiePlayer.web.js +2 -2
- package/lib/commonjs/components/PageHero/PageHero.js +73 -76
- package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +42204 -1
- package/lib/commonjs/design-tokens/figma-modes.generated.js +52 -37
- package/lib/commonjs/icons/registry.js +1 -1
- package/lib/module/components/LottiePlayer/LottiePlayer.js +5 -5
- package/lib/module/components/LottiePlayer/LottiePlayer.web.js +2 -2
- package/lib/module/components/PageHero/PageHero.js +73 -76
- package/lib/module/design-tokens/Coin Variables-variables-full.json +42204 -1
- package/lib/module/design-tokens/figma-modes.generated.js +52 -37
- package/lib/module/icons/registry.js +1 -1
- package/lib/typescript/src/components/LottiePlayer/LottiePlayer.d.ts +6 -6
- package/lib/typescript/src/components/PageHero/PageHero.d.ts +33 -25
- package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +14 -1
- package/lib/typescript/src/icons/registry.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/LottiePlayer/LottiePlayer.tsx +8 -8
- package/src/components/LottiePlayer/LottiePlayer.web.tsx +2 -2
- package/src/components/PageHero/PageHero.tsx +142 -106
- package/src/design-tokens/Coin Variables-variables-full.json +42204 -1
- package/src/design-tokens/figma-modes.generated.ts +52 -37
- package/src/icons/registry.ts +1 -1
|
@@ -50,6 +50,7 @@ export const FIGMA_MODES = {
|
|
|
50
50
|
"BankAccountCard / Output": ["Default"],
|
|
51
51
|
"Benefit Card": ["Default"],
|
|
52
52
|
"Blur": ["Default"],
|
|
53
|
+
"Border Boolean": ["False", "True"],
|
|
53
54
|
"bottomNav / Output": ["Default"],
|
|
54
55
|
"BottomNavItem / Output": ["Default"],
|
|
55
56
|
"BottomNavItem / State": ["Idle", "Active"],
|
|
@@ -64,6 +65,8 @@ export const FIGMA_MODES = {
|
|
|
64
65
|
"Card / Output": ["Default"],
|
|
65
66
|
"Card Apperance": ["Default", "Plain"],
|
|
66
67
|
"Card Feedback / Output": ["Default"],
|
|
68
|
+
"Card Tab / output": ["Default"],
|
|
69
|
+
"Card Tab State": ["Default", "Active"],
|
|
67
70
|
"Card.Media": ["Default"],
|
|
68
71
|
"Card/CTA / Output": ["Default"],
|
|
69
72
|
"Card/Insight": ["Default"],
|
|
@@ -129,6 +132,9 @@ export const FIGMA_MODES = {
|
|
|
129
132
|
"Emphasis / DataViz": ["High", "Medium", "Low"],
|
|
130
133
|
"EmptyState / Output": ["Default"],
|
|
131
134
|
"ExpandableCheckbox / Output": ["Default"],
|
|
135
|
+
"Favorite Toggle Color": ["Default", "Active"],
|
|
136
|
+
"Favorite Toggle Size": ["S", "M", "L"],
|
|
137
|
+
"Favorite Toggle/ output": ["Default"],
|
|
132
138
|
"Feedback / Output": ["Default"],
|
|
133
139
|
"filterBar / Output": ["Default"],
|
|
134
140
|
"FinancialConditionCard / Output": ["Default"],
|
|
@@ -139,9 +145,13 @@ export const FIGMA_MODES = {
|
|
|
139
145
|
"Gap": ["S", "M", "L", "None"],
|
|
140
146
|
"Gauge / Output": ["Default"],
|
|
141
147
|
"Grid / Output": ["Default"],
|
|
148
|
+
"Grid Gap": ["S", "M"],
|
|
142
149
|
"Handle Boolean": ["True", "False"],
|
|
143
150
|
"Heading / Output": ["Default"],
|
|
144
151
|
"Heading text": ["Default", "Slot"],
|
|
152
|
+
"hello Jio / Output": ["Default"],
|
|
153
|
+
"Hello Jio Input Size": ["M", "L"],
|
|
154
|
+
"Hello Jio Input State": ["Idle", "Active"],
|
|
145
155
|
"HeroSection / Output": ["Default"],
|
|
146
156
|
"Holdings card / Output": ["Default"],
|
|
147
157
|
"HStack / Output": ["Default"],
|
|
@@ -192,6 +202,7 @@ export const FIGMA_MODES = {
|
|
|
192
202
|
"Page Hero / Output": ["Default"],
|
|
193
203
|
"Page type": ["MainPage", "SubPage", "JioPlus"],
|
|
194
204
|
"PageHero / Output": ["Default"],
|
|
205
|
+
"PageHero Size": ["M", "S"],
|
|
195
206
|
"PaymnetFeedback / Output": ["Default"],
|
|
196
207
|
"PDP cc card": ["Default"],
|
|
197
208
|
"peekOffset": ["Medium", "Small", "Large", "None"],
|
|
@@ -213,6 +224,7 @@ export const FIGMA_MODES = {
|
|
|
213
224
|
"RangeTrack / Output": ["Default"],
|
|
214
225
|
"Rating / Output": ["Default"],
|
|
215
226
|
"Rating Star / Output": ["Default"],
|
|
227
|
+
"Rating Star Size": ["S", "M", "L"],
|
|
216
228
|
"Rating Star State": ["idle", "selected"],
|
|
217
229
|
"RechargeCard / Output": ["Default"],
|
|
218
230
|
"rotfl": ["Default"],
|
|
@@ -257,7 +269,7 @@ export const FIGMA_MODES = {
|
|
|
257
269
|
"Tabs / Output": ["Default"],
|
|
258
270
|
"TestimonialsCard": ["Default"],
|
|
259
271
|
"Text / Output": ["Default"],
|
|
260
|
-
"Text Appearance": ["Neutral", "Primary", "Secondary", "Tertiary"],
|
|
272
|
+
"Text Appearance": ["Neutral", "Primary", "Secondary", "Tertiary", "Success", "Warning", "Error"],
|
|
261
273
|
"Text Sizes": ["Medium", "Small", "Large"],
|
|
262
274
|
"textInput / Output": ["Default"],
|
|
263
275
|
"TextSegment / Output": ["Default"],
|
|
@@ -276,6 +288,7 @@ export const FIGMA_MODES = {
|
|
|
276
288
|
"TransationDetails / Output": ["Default"],
|
|
277
289
|
"UPI Handle / Output": ["Default"],
|
|
278
290
|
"UPI Handle Image": ["True", "False"],
|
|
291
|
+
"valueBack metric": ["Default"],
|
|
279
292
|
"ValueBar / Output": ["Default"],
|
|
280
293
|
"Video / Output": ["L", "M", "S"],
|
|
281
294
|
"VStack / Output": ["Default"],
|
|
@@ -290,10 +303,10 @@ export const FIGMA_MODES = {
|
|
|
290
303
|
export const FIGMA_COMPONENT_MODES: Record<string, readonly string[]> = {
|
|
291
304
|
"Accordion": ["Accordion States"],
|
|
292
305
|
"AccordionCheckbox": ["Color Mode", "context 10", "Profile Card Appearance"],
|
|
293
|
-
"AccountCard": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
|
|
306
|
+
"AccountCard": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type"],
|
|
294
307
|
"ActionFooter": ["Color Mode", "context5"],
|
|
295
|
-
"ActionTile": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
|
|
296
|
-
"Additem": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
|
|
308
|
+
"ActionTile": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
|
|
309
|
+
"Additem": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
|
|
297
310
|
"AllocationComparisonChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
298
311
|
"AmountInput": ["Color Mode", "Context3"],
|
|
299
312
|
"AppBar": ["Color Mode", "context 10", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance"],
|
|
@@ -301,38 +314,38 @@ export const FIGMA_COMPONENT_MODES: Record<string, readonly string[]> = {
|
|
|
301
314
|
"Attached": ["Color Mode"],
|
|
302
315
|
"Avatar": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
303
316
|
"AvatarGroup": ["Avatar Size", "Badge Size", "Context4"],
|
|
304
|
-
"Badge": ["AppearanceBrand", "Badge Size", "Color Mode", "Emphasis"],
|
|
317
|
+
"Badge": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "Emphasis", "Semantic Intent"],
|
|
305
318
|
"Balance": ["Color Mode", "Context3"],
|
|
306
|
-
"BenefitCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap", "Text Appearance", "Text Sizes", "Weight"],
|
|
319
|
+
"BenefitCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap", "Text Appearance", "Text Sizes", "Weight"],
|
|
307
320
|
"BottomNav": ["Color Mode"],
|
|
308
321
|
"BottomNavItem": ["BottomNavItem / State", "Color Mode"],
|
|
309
322
|
"BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
310
323
|
"BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
|
|
311
|
-
"Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
312
|
-
"Card": ["Card Apperance", "Color Mode", "Gap", "Page type"],
|
|
313
|
-
"CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
314
|
-
"CardBankAccount": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "context5", "Emphasis", "List Item Style", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
324
|
+
"Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
325
|
+
"Card": ["AppearanceBrand", "AppearanceSystem", "Border Boolean", "Card Apperance", "Color Mode", "Gap", "Page type", "Semantic Intent"],
|
|
326
|
+
"CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
327
|
+
"CardBankAccount": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "context5", "Emphasis", "List Item Style", "Page type", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
315
328
|
"CardCTA": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context 8", "Context4", "Emphasis", "Icon Capsule Size", "MediaBlock", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
316
329
|
"CardFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode"],
|
|
317
|
-
"CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
330
|
+
"CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
318
331
|
"CardInsight": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context 8", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
319
332
|
"CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
320
333
|
"Carousel": ["peekOffset"],
|
|
321
334
|
"CarouselCardAccounts": ["peekOffset"],
|
|
322
|
-
"CategoryCard": ["AppearanceBrand", "Badge Size", "Color Mode", "Emphasis", "Radius"],
|
|
335
|
+
"CategoryCard": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Card Tab State", "Color Mode", "Emphasis", "Radius", "Semantic Intent"],
|
|
323
336
|
"CcCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context 8", "Context2", "Context4", "context5", "context7", "Emphasis", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Radius", "Selectable", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
324
337
|
"Checkbox": ["Color Mode"],
|
|
325
338
|
"CheckboxGroup": ["Color Mode"],
|
|
326
339
|
"CheckboxItem": ["Color Mode"],
|
|
327
340
|
"ChipSelect": ["ChipSelect State", "Color Mode"],
|
|
328
341
|
"CircularProgressBar": ["AppearanceBrand", "AppearanceSystem", "circularProgressBar Size", "Color Mode", "Emphasis", "Semantic Intent"],
|
|
329
|
-
"CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
342
|
+
"CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
330
343
|
"ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
|
|
331
|
-
"CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Radius", "Selection Card Radius"],
|
|
332
|
-
"ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Profile Card Appearance", "Radius", "Semantic Intent"],
|
|
344
|
+
"CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type", "Radius", "Selection Card Radius"],
|
|
345
|
+
"ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
|
|
333
346
|
"ContentSheet": ["Color Mode", "Page type"],
|
|
334
347
|
"CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
335
|
-
"CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
348
|
+
"CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
336
349
|
"DebitCard": ["DebitCard brand"],
|
|
337
350
|
"Disclaimer": ["Color Mode", "context5"],
|
|
338
351
|
"Divider": ["Color Mode", "context 10", "Profile Card Appearance"],
|
|
@@ -340,22 +353,23 @@ export const FIGMA_COMPONENT_MODES: Record<string, readonly string[]> = {
|
|
|
340
353
|
"DonutChartSummary": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
341
354
|
"Drawer": ["Color Mode", "Page type"],
|
|
342
355
|
"Dropdown": ["Dropdown Item State"],
|
|
343
|
-
"DropdownInput": ["AppearanceBrand", "Button / State", "Color Mode", "Dropdown Item State", "Emphasis", "FormField States", "Status"],
|
|
344
|
-
"EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Profile Card Appearance", "Semantic Intent"],
|
|
345
|
-
"ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
356
|
+
"DropdownInput": ["AppearanceBrand", "Button / State", "Color Mode", "Dropdown Item State", "Emphasis", "FormField States", "Page type", "Status"],
|
|
357
|
+
"EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
358
|
+
"ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
359
|
+
"FavoriteToggle": ["Color Mode", "Favorite Toggle Color", "Favorite Toggle Size"],
|
|
346
360
|
"FilterBar": ["Color Mode", "InputState"],
|
|
347
361
|
"FormField": ["Color Mode", "FormField States", "Status"],
|
|
348
|
-
"FormUpload": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "FormField States", "Icon Capsule Size", "Semantic Intent", "Status"],
|
|
349
|
-
"FullscreenModal": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context5", "Emphasis", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
362
|
+
"FormUpload": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "FormField States", "Icon Capsule Size", "Page type", "Semantic Intent", "Status"],
|
|
363
|
+
"FullscreenModal": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context5", "Emphasis", "Page type", "PageHero Size", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
350
364
|
"Gauge": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "FormField States", "Semantic Intent", "Status"],
|
|
351
|
-
"Grid": ["Background", "Color Mode", "Context", "Padding", "Page type", "Slot gap"],
|
|
352
|
-
"HelloJioInput": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
|
|
365
|
+
"Grid": ["Background", "Color Mode", "Context", "Grid Gap", "Padding", "Page type", "Slot gap"],
|
|
366
|
+
"HelloJioInput": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Hello Jio Input Size", "Hello Jio Input State", "Page type"],
|
|
353
367
|
"HeroSection": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "context 9", "context7", "Emphasis", "FormField States", "InputState", "Page type", "Status"],
|
|
354
368
|
"HoldingsCard": ["AppearanceBrand", "Color Mode"],
|
|
355
369
|
"HStack": ["Context", "Padding", "Page type", "Slot gap"],
|
|
356
|
-
"Icon": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Profile Card Appearance"],
|
|
357
|
-
"IconButton": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
|
|
358
|
-
"IconCapsule": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
|
|
370
|
+
"Icon": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
371
|
+
"IconButton": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type"],
|
|
372
|
+
"IconCapsule": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
|
|
359
373
|
"InputSearch": ["Color Mode", "FormField States", "InputState", "Status"],
|
|
360
374
|
"InstitutionBadge": ["Avatar Size", "Badge Size", "Context4"],
|
|
361
375
|
"LinearMeter": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context3", "Emphasis", "LinearProgress Size", "Semantic Intent"],
|
|
@@ -363,31 +377,32 @@ export const FIGMA_COMPONENT_MODES: Record<string, readonly string[]> = {
|
|
|
363
377
|
"Link": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
|
|
364
378
|
"ListGroup": ["Color Mode", "List Item Style", "Title Level"],
|
|
365
379
|
"ListItem": ["AppearanceBrand", "Color Mode", "context 10", "Context2", "context5", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Selectable"],
|
|
366
|
-
"LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
380
|
+
"LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
381
|
+
"LottiePlayer": ["Video / Output"],
|
|
367
382
|
"MediaCard": ["Contrast Context"],
|
|
368
383
|
"MerchantProfile": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
369
384
|
"MessageField": ["Color Mode", "FormField States"],
|
|
370
|
-
"MetricData": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Profile Card Appearance"],
|
|
385
|
+
"MetricData": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
371
386
|
"MetricLegendItem": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
372
387
|
"MoneyValue": ["Color Mode", "Context3"],
|
|
373
388
|
"MonthlyStatusGrid": ["Appearance / DataViz", "Calendar Glyph State", "Color Mode", "Emphasis / DataViz"],
|
|
374
389
|
"NavArrow": ["Color Mode", "context 10", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance"],
|
|
375
|
-
"Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
376
|
-
"OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "FormField States", "Input/PINSlot States", "Profile Card Appearance", "Semantic Intent", "Status"],
|
|
377
|
-
"PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
378
|
-
"PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
|
|
390
|
+
"Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
391
|
+
"OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "FormField States", "Input/PINSlot States", "Page type", "Profile Card Appearance", "Semantic Intent", "Status"],
|
|
392
|
+
"PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "PageHero Size", "Profile Card Appearance", "Semantic Intent", "Video / Output"],
|
|
393
|
+
"PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
|
|
379
394
|
"PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context7", "Emphasis", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
|
|
380
395
|
"PlanComparisonCard": ["Color Mode"],
|
|
381
396
|
"Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap"],
|
|
382
397
|
"PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context3", "Context4", "Profile Card Appearance"],
|
|
383
398
|
"ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
384
|
-
"ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
399
|
+
"ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
385
400
|
"ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
386
401
|
"ProfileCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Color Mode", "Context", "context 10", "Context2", "Context4", "context5", "Emphasis", "Icon Capsule Size", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Selectable", "Semantic Intent", "Slot gap", "UPI Handle Image"],
|
|
387
402
|
"ProjectionMarker": ["Color Mode", "context 10", "Profile Card Appearance"],
|
|
388
403
|
"Radio": ["Color Mode"],
|
|
389
404
|
"RangeTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
390
|
-
"Rating": ["Color Mode", "Rating Star State"],
|
|
405
|
+
"Rating": ["Color Mode", "Rating Star Size", "Rating Star State"],
|
|
391
406
|
"RechargeCard": ["Avatar Size", "Badge Size", "Color Mode", "Context3", "Context4"],
|
|
392
407
|
"SavingsGoalSummary": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Semantic Intent"],
|
|
393
408
|
"Screen": ["Color Mode", "Page type"],
|
|
@@ -399,14 +414,14 @@ export const FIGMA_COMPONENT_MODES: Record<string, readonly string[]> = {
|
|
|
399
414
|
"Stack": ["Context", "Slot gap"],
|
|
400
415
|
"StatGroup": ["Color Mode", "context 10", "Profile Card Appearance", "StatItem Label Position "],
|
|
401
416
|
"StatItem": ["StatItem Label Position "],
|
|
402
|
-
"StatusHero": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Context3", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
|
|
417
|
+
"StatusHero": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Context3", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
|
|
403
418
|
"Step": ["Color Mode", "Step Status"],
|
|
404
419
|
"StepLabel": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
|
|
405
420
|
"SuggestiveSearch": ["Color Mode", "Dropdown Item State", "FormField States", "Status"],
|
|
406
421
|
"SummaryTile": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context2", "context5", "Emphasis", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
407
422
|
"SupportText": ["Color Mode", "FormField States", "Status"],
|
|
408
423
|
"SupportTextIcon": ["Color Mode", "FormField States", "Status"],
|
|
409
|
-
"SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
424
|
+
"SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
|
|
410
425
|
"TabItem": ["Color Mode"],
|
|
411
426
|
"TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
412
427
|
"Text": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
|
|
@@ -418,7 +433,7 @@ export const FIGMA_COMPONENT_MODES: Record<string, readonly string[]> = {
|
|
|
418
433
|
"TransactionBubble": ["Color Mode", "context 10", "Context2", "Context3", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance", "Transaction Status"],
|
|
419
434
|
"TransactionStatus": ["Transaction Status"],
|
|
420
435
|
"UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance", "UPI Handle Image"],
|
|
421
|
-
"ValueBackMetric": ["AppearanceBrand", "Badge Size", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
|
|
436
|
+
"ValueBackMetric": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
422
437
|
"VStack": ["Context", "Padding", "Page type", "Slot gap"],
|
|
423
438
|
};
|
|
424
439
|
|
package/src/icons/registry.ts
CHANGED