jfs-components 0.1.34 → 0.1.36

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 (26) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/D2C.md +82 -87
  3. package/lib/commonjs/components/LottiePlayer/LottiePlayer.js +5 -5
  4. package/lib/commonjs/components/LottiePlayer/LottiePlayer.web.js +2 -2
  5. package/lib/commonjs/components/PageHero/PageHero.js +73 -76
  6. package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +42204 -1
  7. package/lib/commonjs/design-tokens/figma-modes.generated.js +52 -37
  8. package/lib/commonjs/icons/registry.js +1 -1
  9. package/lib/module/components/LottiePlayer/LottiePlayer.js +5 -5
  10. package/lib/module/components/LottiePlayer/LottiePlayer.web.js +2 -2
  11. package/lib/module/components/PageHero/PageHero.js +73 -76
  12. package/lib/module/design-tokens/Coin Variables-variables-full.json +42204 -1
  13. package/lib/module/design-tokens/figma-modes.generated.js +52 -37
  14. package/lib/module/icons/registry.js +1 -1
  15. package/lib/typescript/src/components/LottiePlayer/LottiePlayer.d.ts +6 -6
  16. package/lib/typescript/src/components/PageHero/PageHero.d.ts +33 -25
  17. package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +14 -1
  18. package/lib/typescript/src/icons/registry.d.ts +1 -1
  19. package/package.json +3 -1
  20. package/scripts/extract-figma-modes.js +150 -121
  21. package/src/components/LottiePlayer/LottiePlayer.tsx +8 -8
  22. package/src/components/LottiePlayer/LottiePlayer.web.tsx +2 -2
  23. package/src/components/PageHero/PageHero.tsx +142 -106
  24. package/src/design-tokens/Coin Variables-variables-full.json +42204 -1
  25. package/src/design-tokens/figma-modes.generated.ts +52 -37
  26. package/src/icons/registry.ts +1 -1
package/lib/commonjs/design-tokens/figma-modes.generated.js CHANGED
@@ -56,6 +56,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
56
56
  "BankAccountCard / Output": ["Default"],
57
57
  "Benefit Card": ["Default"],
58
58
  "Blur": ["Default"],
59
+ "Border Boolean": ["False", "True"],
59
60
  "bottomNav / Output": ["Default"],
60
61
  "BottomNavItem / Output": ["Default"],
61
62
  "BottomNavItem / State": ["Idle", "Active"],
@@ -70,6 +71,8 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
70
71
  "Card / Output": ["Default"],
71
72
  "Card Apperance": ["Default", "Plain"],
72
73
  "Card Feedback / Output": ["Default"],
74
+ "Card Tab / output": ["Default"],
75
+ "Card Tab State": ["Default", "Active"],
73
76
  "Card.Media": ["Default"],
74
77
  "Card/CTA / Output": ["Default"],
75
78
  "Card/Insight": ["Default"],
@@ -135,6 +138,9 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
135
138
  "Emphasis / DataViz": ["High", "Medium", "Low"],
136
139
  "EmptyState / Output": ["Default"],
137
140
  "ExpandableCheckbox / Output": ["Default"],
141
+ "Favorite Toggle Color": ["Default", "Active"],
142
+ "Favorite Toggle Size": ["S", "M", "L"],
143
+ "Favorite Toggle/ output": ["Default"],
138
144
  "Feedback / Output": ["Default"],
139
145
  "filterBar / Output": ["Default"],
140
146
  "FinancialConditionCard / Output": ["Default"],
@@ -145,9 +151,13 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
145
151
  "Gap": ["S", "M", "L", "None"],
146
152
  "Gauge / Output": ["Default"],
147
153
  "Grid / Output": ["Default"],
154
+ "Grid Gap": ["S", "M"],
148
155
  "Handle Boolean": ["True", "False"],
149
156
  "Heading / Output": ["Default"],
150
157
  "Heading text": ["Default", "Slot"],
158
+ "hello Jio / Output": ["Default"],
159
+ "Hello Jio Input Size": ["M", "L"],
160
+ "Hello Jio Input State": ["Idle", "Active"],
151
161
  "HeroSection / Output": ["Default"],
152
162
  "Holdings card / Output": ["Default"],
153
163
  "HStack / Output": ["Default"],
@@ -198,6 +208,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
198
208
  "Page Hero / Output": ["Default"],
199
209
  "Page type": ["MainPage", "SubPage", "JioPlus"],
200
210
  "PageHero / Output": ["Default"],
211
+ "PageHero Size": ["M", "S"],
201
212
  "PaymnetFeedback / Output": ["Default"],
202
213
  "PDP cc card": ["Default"],
203
214
  "peekOffset": ["Medium", "Small", "Large", "None"],
@@ -219,6 +230,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
219
230
  "RangeTrack / Output": ["Default"],
220
231
  "Rating / Output": ["Default"],
221
232
  "Rating Star / Output": ["Default"],
233
+ "Rating Star Size": ["S", "M", "L"],
222
234
  "Rating Star State": ["idle", "selected"],
223
235
  "RechargeCard / Output": ["Default"],
224
236
  "rotfl": ["Default"],
@@ -263,7 +275,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
263
275
  "Tabs / Output": ["Default"],
264
276
  "TestimonialsCard": ["Default"],
265
277
  "Text / Output": ["Default"],
266
- "Text Appearance": ["Neutral", "Primary", "Secondary", "Tertiary"],
278
+ "Text Appearance": ["Neutral", "Primary", "Secondary", "Tertiary", "Success", "Warning", "Error"],
267
279
  "Text Sizes": ["Medium", "Small", "Large"],
268
280
  "textInput / Output": ["Default"],
269
281
  "TextSegment / Output": ["Default"],
@@ -282,6 +294,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
282
294
  "TransationDetails / Output": ["Default"],
283
295
  "UPI Handle / Output": ["Default"],
284
296
  "UPI Handle Image": ["True", "False"],
297
+ "valueBack metric": ["Default"],
285
298
  "ValueBar / Output": ["Default"],
286
299
  "Video / Output": ["L", "M", "S"],
287
300
  "VStack / Output": ["Default"],
@@ -296,10 +309,10 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
296
309
  const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
297
310
  "Accordion": ["Accordion States"],
298
311
  "AccordionCheckbox": ["Color Mode", "context 10", "Profile Card Appearance"],
299
- "AccountCard": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
312
+ "AccountCard": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type"],
300
313
  "ActionFooter": ["Color Mode", "context5"],
301
- "ActionTile": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
302
- "Additem": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
314
+ "ActionTile": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
315
+ "Additem": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
303
316
  "AllocationComparisonChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
304
317
  "AmountInput": ["Color Mode", "Context3"],
305
318
  "AppBar": ["Color Mode", "context 10", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance"],
@@ -307,38 +320,38 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
307
320
  "Attached": ["Color Mode"],
308
321
  "Avatar": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
309
322
  "AvatarGroup": ["Avatar Size", "Badge Size", "Context4"],
310
- "Badge": ["AppearanceBrand", "Badge Size", "Color Mode", "Emphasis"],
323
+ "Badge": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "Emphasis", "Semantic Intent"],
311
324
  "Balance": ["Color Mode", "Context3"],
312
- "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"],
325
+ "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"],
313
326
  "BottomNav": ["Color Mode"],
314
327
  "BottomNavItem": ["BottomNavItem / State", "Color Mode"],
315
328
  "BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
316
329
  "BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
317
- "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
318
- "Card": ["Card Apperance", "Color Mode", "Gap", "Page type"],
319
- "CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
320
- "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"],
330
+ "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
331
+ "Card": ["AppearanceBrand", "AppearanceSystem", "Border Boolean", "Card Apperance", "Color Mode", "Gap", "Page type", "Semantic Intent"],
332
+ "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"],
333
+ "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"],
321
334
  "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"],
322
335
  "CardFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode"],
323
- "CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
336
+ "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"],
324
337
  "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"],
325
338
  "CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
326
339
  "Carousel": ["peekOffset"],
327
340
  "CarouselCardAccounts": ["peekOffset"],
328
- "CategoryCard": ["AppearanceBrand", "Badge Size", "Color Mode", "Emphasis", "Radius"],
341
+ "CategoryCard": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Card Tab State", "Color Mode", "Emphasis", "Radius", "Semantic Intent"],
329
342
  "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"],
330
343
  "Checkbox": ["Color Mode"],
331
344
  "CheckboxGroup": ["Color Mode"],
332
345
  "CheckboxItem": ["Color Mode"],
333
346
  "ChipSelect": ["ChipSelect State", "Color Mode"],
334
347
  "CircularProgressBar": ["AppearanceBrand", "AppearanceSystem", "circularProgressBar Size", "Color Mode", "Emphasis", "Semantic Intent"],
335
- "CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
348
+ "CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
336
349
  "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
337
- "CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Radius", "Selection Card Radius"],
338
- "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Profile Card Appearance", "Radius", "Semantic Intent"],
350
+ "CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type", "Radius", "Selection Card Radius"],
351
+ "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
339
352
  "ContentSheet": ["Color Mode", "Page type"],
340
353
  "CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
341
- "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
354
+ "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
342
355
  "DebitCard": ["DebitCard brand"],
343
356
  "Disclaimer": ["Color Mode", "context5"],
344
357
  "Divider": ["Color Mode", "context 10", "Profile Card Appearance"],
@@ -346,22 +359,23 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
346
359
  "DonutChartSummary": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
347
360
  "Drawer": ["Color Mode", "Page type"],
348
361
  "Dropdown": ["Dropdown Item State"],
349
- "DropdownInput": ["AppearanceBrand", "Button / State", "Color Mode", "Dropdown Item State", "Emphasis", "FormField States", "Status"],
350
- "EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Profile Card Appearance", "Semantic Intent"],
351
- "ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
362
+ "DropdownInput": ["AppearanceBrand", "Button / State", "Color Mode", "Dropdown Item State", "Emphasis", "FormField States", "Page type", "Status"],
363
+ "EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Semantic Intent"],
364
+ "ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
365
+ "FavoriteToggle": ["Color Mode", "Favorite Toggle Color", "Favorite Toggle Size"],
352
366
  "FilterBar": ["Color Mode", "InputState"],
353
367
  "FormField": ["Color Mode", "FormField States", "Status"],
354
- "FormUpload": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "FormField States", "Icon Capsule Size", "Semantic Intent", "Status"],
355
- "FullscreenModal": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context5", "Emphasis", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
368
+ "FormUpload": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "FormField States", "Icon Capsule Size", "Page type", "Semantic Intent", "Status"],
369
+ "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"],
356
370
  "Gauge": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "FormField States", "Semantic Intent", "Status"],
357
- "Grid": ["Background", "Color Mode", "Context", "Padding", "Page type", "Slot gap"],
358
- "HelloJioInput": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
371
+ "Grid": ["Background", "Color Mode", "Context", "Grid Gap", "Padding", "Page type", "Slot gap"],
372
+ "HelloJioInput": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Hello Jio Input Size", "Hello Jio Input State", "Page type"],
359
373
  "HeroSection": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "context 9", "context7", "Emphasis", "FormField States", "InputState", "Page type", "Status"],
360
374
  "HoldingsCard": ["AppearanceBrand", "Color Mode"],
361
375
  "HStack": ["Context", "Padding", "Page type", "Slot gap"],
362
- "Icon": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Profile Card Appearance"],
363
- "IconButton": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
364
- "IconCapsule": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
376
+ "Icon": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
377
+ "IconButton": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type"],
378
+ "IconCapsule": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
365
379
  "InputSearch": ["Color Mode", "FormField States", "InputState", "Status"],
366
380
  "InstitutionBadge": ["Avatar Size", "Badge Size", "Context4"],
367
381
  "LinearMeter": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context3", "Emphasis", "LinearProgress Size", "Semantic Intent"],
@@ -369,31 +383,32 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
369
383
  "Link": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
370
384
  "ListGroup": ["Color Mode", "List Item Style", "Title Level"],
371
385
  "ListItem": ["AppearanceBrand", "Color Mode", "context 10", "Context2", "context5", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Selectable"],
372
- "LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
386
+ "LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
387
+ "LottiePlayer": ["Video / Output"],
373
388
  "MediaCard": ["Contrast Context"],
374
389
  "MerchantProfile": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
375
390
  "MessageField": ["Color Mode", "FormField States"],
376
- "MetricData": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Profile Card Appearance"],
391
+ "MetricData": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
377
392
  "MetricLegendItem": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
378
393
  "MoneyValue": ["Color Mode", "Context3"],
379
394
  "MonthlyStatusGrid": ["Appearance / DataViz", "Calendar Glyph State", "Color Mode", "Emphasis / DataViz"],
380
395
  "NavArrow": ["Color Mode", "context 10", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance"],
381
- "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
382
- "OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "FormField States", "Input/PINSlot States", "Profile Card Appearance", "Semantic Intent", "Status"],
383
- "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
384
- "PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
396
+ "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
397
+ "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"],
398
+ "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "PageHero Size", "Profile Card Appearance", "Semantic Intent", "Video / Output"],
399
+ "PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
385
400
  "PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context7", "Emphasis", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
386
401
  "PlanComparisonCard": ["Color Mode"],
387
402
  "Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap"],
388
403
  "PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context3", "Context4", "Profile Card Appearance"],
389
404
  "ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
390
- "ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
405
+ "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"],
391
406
  "ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
392
407
  "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"],
393
408
  "ProjectionMarker": ["Color Mode", "context 10", "Profile Card Appearance"],
394
409
  "Radio": ["Color Mode"],
395
410
  "RangeTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
396
- "Rating": ["Color Mode", "Rating Star State"],
411
+ "Rating": ["Color Mode", "Rating Star Size", "Rating Star State"],
397
412
  "RechargeCard": ["Avatar Size", "Badge Size", "Color Mode", "Context3", "Context4"],
398
413
  "SavingsGoalSummary": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Semantic Intent"],
399
414
  "Screen": ["Color Mode", "Page type"],
@@ -405,14 +420,14 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
405
420
  "Stack": ["Context", "Slot gap"],
406
421
  "StatGroup": ["Color Mode", "context 10", "Profile Card Appearance", "StatItem Label Position "],
407
422
  "StatItem": ["StatItem Label Position "],
408
- "StatusHero": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Context3", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
423
+ "StatusHero": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Context3", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
409
424
  "Step": ["Color Mode", "Step Status"],
410
425
  "StepLabel": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
411
426
  "SuggestiveSearch": ["Color Mode", "Dropdown Item State", "FormField States", "Status"],
412
427
  "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"],
413
428
  "SupportText": ["Color Mode", "FormField States", "Status"],
414
429
  "SupportTextIcon": ["Color Mode", "FormField States", "Status"],
415
- "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
430
+ "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
416
431
  "TabItem": ["Color Mode"],
417
432
  "TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
418
433
  "Text": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
@@ -424,7 +439,7 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
424
439
  "TransactionBubble": ["Color Mode", "context 10", "Context2", "Context3", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance", "Transaction Status"],
425
440
  "TransactionStatus": ["Transaction Status"],
426
441
  "UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance", "UPI Handle Image"],
427
- "ValueBackMetric": ["AppearanceBrand", "Badge Size", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
442
+ "ValueBackMetric": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
428
443
  "VStack": ["Context", "Padding", "Page type", "Slot gap"]
429
444
  };
430
445