jfs-components 0.1.48 → 0.1.50

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 (63) hide show
  1. package/CHANGELOG.md +8 -1
  2. package/lib/commonjs/components/CardCTA/CardCTA.js +7 -4
  3. package/lib/commonjs/components/CardFeedback/CardFeedback.js +1 -1
  4. package/lib/commonjs/components/CategoryCard/CategoryCard.js +4 -4
  5. package/lib/commonjs/components/Checkbox/Checkbox.js +4 -6
  6. package/lib/commonjs/components/CircularProgressBarDoted/CircularProgressBarDoted.js +12 -9
  7. package/lib/commonjs/components/DonutChartSummary/DonutChartSummary.js +7 -2
  8. package/lib/commonjs/components/ProductMerchandisingCard/ProductMerchandisingCard.js +3 -1
  9. package/lib/commonjs/components/ProductOverview/ProductOverview.js +2 -2
  10. package/lib/commonjs/components/Radio/Radio.js +5 -3
  11. package/lib/commonjs/components/SavingsGoalSummary/SavingsGoalSummary.js +2 -2
  12. package/lib/commonjs/components/Section/Section.js +3 -1
  13. package/lib/commonjs/components/SegmentedControl/SegmentedControl.js +1 -1
  14. package/lib/commonjs/components/SegmentedTrack/SegmentedTrack.js +1 -1
  15. package/lib/commonjs/components/Slider/Slider.js +3 -2
  16. package/lib/commonjs/components/StatusHero/StatusHero.js +1 -1
  17. package/lib/commonjs/components/Tooltip/Tooltip.js +4 -2
  18. package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +1 -1
  19. package/lib/commonjs/design-tokens/figma-modes.generated.js +38 -34
  20. package/lib/commonjs/icons/registry.js +1 -1
  21. package/lib/module/components/CardCTA/CardCTA.js +7 -4
  22. package/lib/module/components/CardFeedback/CardFeedback.js +1 -1
  23. package/lib/module/components/CategoryCard/CategoryCard.js +4 -4
  24. package/lib/module/components/Checkbox/Checkbox.js +4 -6
  25. package/lib/module/components/CircularProgressBarDoted/CircularProgressBarDoted.js +12 -9
  26. package/lib/module/components/DonutChartSummary/DonutChartSummary.js +7 -2
  27. package/lib/module/components/ProductMerchandisingCard/ProductMerchandisingCard.js +3 -1
  28. package/lib/module/components/ProductOverview/ProductOverview.js +2 -2
  29. package/lib/module/components/Radio/Radio.js +5 -3
  30. package/lib/module/components/SavingsGoalSummary/SavingsGoalSummary.js +2 -2
  31. package/lib/module/components/Section/Section.js +3 -1
  32. package/lib/module/components/SegmentedControl/SegmentedControl.js +1 -1
  33. package/lib/module/components/SegmentedTrack/SegmentedTrack.js +1 -1
  34. package/lib/module/components/Slider/Slider.js +3 -2
  35. package/lib/module/components/StatusHero/StatusHero.js +1 -1
  36. package/lib/module/components/Tooltip/Tooltip.js +4 -2
  37. package/lib/module/design-tokens/Coin Variables-variables-full.json +1 -1
  38. package/lib/module/design-tokens/figma-modes.generated.js +38 -34
  39. package/lib/module/icons/registry.js +1 -1
  40. package/lib/typescript/src/components/Section/Section.d.ts +2 -1
  41. package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +6 -2
  42. package/lib/typescript/src/icons/registry.d.ts +1 -1
  43. package/package.json +1 -1
  44. package/src/components/CardCTA/CardCTA.tsx +7 -4
  45. package/src/components/CardFeedback/CardFeedback.tsx +1 -1
  46. package/src/components/CategoryCard/CategoryCard.tsx +4 -4
  47. package/src/components/Checkbox/Checkbox.tsx +4 -6
  48. package/src/components/CircularProgressBarDoted/CircularProgressBarDoted.tsx +12 -9
  49. package/src/components/DonutChartSummary/DonutChartSummary.tsx +6 -6
  50. package/src/components/ProductMerchandisingCard/ProductMerchandisingCard.tsx +3 -1
  51. package/src/components/ProductOverview/ProductOverview.tsx +2 -2
  52. package/src/components/Radio/Radio.tsx +8 -3
  53. package/src/components/SavingsGoalSummary/SavingsGoalSummary.tsx +3 -3
  54. package/src/components/Section/Section.tsx +121 -156
  55. package/src/components/SegmentedControl/SegmentedControl.tsx +1 -1
  56. package/src/components/SegmentedTrack/SegmentedTrack.tsx +1 -2
  57. package/src/components/Slider/Slider.tsx +3 -2
  58. package/src/components/StatusHero/StatusHero.tsx +1 -1
  59. package/src/components/Tooltip/Tooltip.tsx +4 -2
  60. package/src/design-tokens/Coin Variables-variables-full.json +1 -1
  61. package/src/design-tokens/figma-modes.generated.ts +38 -34
  62. package/src/icons/registry.ts +1 -1
  63. package/D2C.md +0 -113
package/lib/commonjs/design-tokens/figma-modes.generated.js CHANGED
@@ -32,6 +32,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
32
32
  "AccordionGroup / Output": ["Default"],
33
33
  "AccountCard / Output": ["Default"],
34
34
  "Action": ["True", "False"],
35
+ "Action Footer Radius": ["False", "True"],
35
36
  "ActionFooter / Output": ["Default"],
36
37
  "ActionNumpad / Output": ["Default"],
37
38
  "ActionTile / Output": ["Default"],
@@ -65,11 +66,13 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
65
66
  "Button / Output": ["Default"],
66
67
  "Button / Size": ["M", "S", "XS"],
67
68
  "Button / State": ["Idle", "Hover", "Pressed", "Disabled"],
69
+ "Button Glass State": ["Idle", "Hover", "Pressed", "Disabled"],
70
+ "Button type": ["default", "glass"],
68
71
  "ButtonGroup / Output": ["Default"],
69
72
  "Calendar Glyph / Output": ["Default"],
70
73
  "Calendar Glyph State": ["Idle", "notSaved", "saved"],
71
74
  "Card / Output": ["Default"],
72
- "Card Apperance": ["Default", "Plain"],
75
+ "Card Container": ["Default", "Plain"],
73
76
  "Card Feedback / Output": ["Default"],
74
77
  "Card Tab / output": ["Default"],
75
78
  "Card Tab State": ["Default", "Active"],
@@ -113,7 +116,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
113
116
  "Context2": ["Default", "AppBar"],
114
117
  "Context3": ["Default", "Transaction Bubble", "Balance & Cards", "Amount Input"],
115
118
  "Context4": ["Default", "Chip", "Button", "Badge", "Badge/glass"],
116
- "context5": ["Default", "Fullscreen Modal"],
119
+ "context5": ["Default", "Fullscreen Modal", "Mode 1"],
117
120
  "context7": ["Default", "Card", "Page Hero"],
118
121
  "Contrast Context": ["on dark", "on light"],
119
122
  "Control Toggle ": ["Default"],
@@ -254,6 +257,7 @@ const FIGMA_MODES = exports.FIGMA_MODES = {
254
257
  "Slot gap": ["S", "M", "L", "XL", "XS"],
255
258
  "special button": ["Default"],
256
259
  "Spinner / Output": ["Default"],
260
+ "Stack Context": ["Root", "Nested"],
257
261
  "statGroup / Output": ["Default"],
258
262
  "StatItem / Output": ["Default"],
259
263
  "StatItem Label Position ": ["Top", "Bottom"],
@@ -310,7 +314,7 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
310
314
  "Accordion": ["Accordion States"],
311
315
  "AccordionCheckbox": ["Color Mode", "context 10", "Profile Card Appearance"],
312
316
  "AccountCard": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type"],
313
- "ActionFooter": ["Color Mode", "context5"],
317
+ "ActionFooter": ["Color Mode", "Context", "context5", "Slot gap"],
314
318
  "ActionTile": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
315
319
  "Additem": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
316
320
  "AllocationComparisonChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
@@ -322,36 +326,36 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
322
326
  "AvatarGroup": ["Avatar Size", "Badge Size", "Context4"],
323
327
  "Badge": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "Emphasis", "Semantic Intent"],
324
328
  "Balance": ["Color Mode", "Context3"],
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"],
329
+ "BenefitCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap", "Text Appearance", "Text Sizes", "Weight"],
326
330
  "BottomNav": ["Color Mode"],
327
331
  "BottomNavItem": ["BottomNavItem / State", "Color Mode"],
328
332
  "BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
329
333
  "BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
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"],
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"],
334
+ "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
335
+ "Card": ["AppearanceBrand", "AppearanceSystem", "Card Container", "Color Mode", "context 8", "Gap", "Page type", "Semantic Intent"],
336
+ "CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
337
+ "CardBankAccount": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Context4", "context5", "Emphasis", "List Item Style", "Page type", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
338
+ "CardCTA": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "context 8", "Context4", "Emphasis", "Icon Capsule Size", "MediaBlock", "Page type", "Profile Card Appearance", "Semantic Intent"],
335
339
  "CardFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode"],
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"],
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"],
340
+ "CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
341
+ "CardInsight": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Badge Size", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "context 8", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
338
342
  "CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
339
343
  "Carousel": ["peekOffset"],
340
344
  "CarouselCardAccounts": ["peekOffset"],
341
345
  "CategoryCard": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Card Tab State", "Color Mode", "Emphasis", "Radius", "Semantic Intent"],
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"],
346
+ "CcCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Button Glass State", "Button type", "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"],
343
347
  "Checkbox": ["Color Mode"],
344
348
  "CheckboxGroup": ["Color Mode"],
345
349
  "CheckboxItem": ["Color Mode"],
346
350
  "ChipSelect": ["ChipSelect State", "Color Mode"],
347
351
  "CircularProgressBar": ["AppearanceBrand", "AppearanceSystem", "circularProgressBar Size", "Color Mode", "Emphasis", "Semantic Intent"],
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"],
352
+ "CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
349
353
  "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
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"],
354
+ "CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type", "Radius"],
355
+ "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
352
356
  "ContentSheet": ["Color Mode", "Page type"],
353
357
  "CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
354
- "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
358
+ "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
355
359
  "DebitCard": ["DebitCard brand"],
356
360
  "Disclaimer": ["Color Mode", "context5"],
357
361
  "Divider": ["Color Mode", "context 10", "Profile Card Appearance"],
@@ -360,20 +364,20 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
360
364
  "Drawer": ["Color Mode", "Page type"],
361
365
  "Dropdown": ["Dropdown Item State"],
362
366
  "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"],
367
+ "EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Semantic Intent"],
368
+ "ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
365
369
  "FavoriteToggle": ["Color Mode", "Favorite Toggle Color", "Favorite Toggle Size"],
366
370
  "FilterBar": ["Color Mode", "InputState"],
367
371
  "FormField": ["Color Mode", "FormField States", "Status"],
368
372
  "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"],
373
+ "FullscreenModal": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "context5", "Emphasis", "Page type", "PageHero Size", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
370
374
  "Gauge": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "FormField States", "Semantic Intent", "Status"],
371
375
  "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"],
376
+ "HelloJioInput": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Context2", "Emphasis", "Hello Jio Input Size", "Hello Jio Input State", "Page type"],
373
377
  "HeroSection": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "context 9", "context7", "Emphasis", "FormField States", "InputState", "Page type", "Status"],
374
378
  "HoldingsCard": ["AppearanceBrand", "Color Mode"],
375
- "HStack": ["Context", "Padding", "Page type", "Slot gap"],
376
- "Icon": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
379
+ "HStack": ["Context", "Padding", "Page type", "Slot gap", "Stack Context"],
380
+ "Icon": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
377
381
  "IconButton": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type"],
378
382
  "IconCapsule": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
379
383
  "InputSearch": ["Color Mode", "FormField States", "InputState", "Status"],
@@ -383,26 +387,26 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
383
387
  "Link": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
384
388
  "ListGroup": ["Color Mode", "List Item Style", "Title Level"],
385
389
  "ListItem": ["AppearanceBrand", "Color Mode", "context 10", "Context2", "context5", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Selectable"],
386
- "LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
390
+ "LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
387
391
  "LottiePlayer": ["Video / Output"],
388
392
  "MediaCard": ["Contrast Context"],
389
393
  "MerchantProfile": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
390
394
  "MessageField": ["Color Mode", "FormField States"],
391
- "MetricData": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
395
+ "MetricData": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
392
396
  "MetricLegendItem": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
393
397
  "MoneyValue": ["Color Mode", "Context3"],
394
398
  "MonthlyStatusGrid": ["Appearance / DataViz", "Calendar Glyph State", "Color Mode", "Emphasis / DataViz"],
395
399
  "NavArrow": ["Color Mode", "context 10", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance"],
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"],
400
+ "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
401
+ "OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "FormField States", "Input/PINSlot States", "Page type", "Profile Card Appearance", "Semantic Intent", "Status"],
402
+ "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "PageHero Size", "Profile Card Appearance", "Semantic Intent", "Video / Output"],
399
403
  "PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
400
- "PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context7", "Emphasis", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
404
+ "PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "context7", "Emphasis", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
401
405
  "PlanComparisonCard": ["Color Mode"],
402
- "Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap"],
406
+ "Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap", "Stack Context"],
403
407
  "PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context3", "Context4", "Profile Card Appearance"],
404
408
  "ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
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"],
409
+ "ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
406
410
  "ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
407
411
  "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"],
408
412
  "ProjectionMarker": ["Color Mode", "context 10", "Profile Card Appearance"],
@@ -424,10 +428,10 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
424
428
  "Step": ["Color Mode", "Step Status"],
425
429
  "StepLabel": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
426
430
  "SuggestiveSearch": ["Color Mode", "Dropdown Item State", "FormField States", "Status"],
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"],
431
+ "SummaryTile": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Context2", "context5", "Emphasis", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance", "Semantic Intent"],
428
432
  "SupportText": ["Color Mode", "FormField States", "Status"],
429
433
  "SupportTextIcon": ["Color Mode", "FormField States", "Status"],
430
- "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
434
+ "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Button Glass State", "Button type", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
431
435
  "TabItem": ["Color Mode"],
432
436
  "TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
433
437
  "Text": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
@@ -439,8 +443,8 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
439
443
  "TransactionBubble": ["Color Mode", "context 10", "Context2", "Context3", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance", "Transaction Status"],
440
444
  "TransactionStatus": ["Transaction Status"],
441
445
  "UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance", "UPI Handle Image"],
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"],
443
- "VStack": ["Context", "Padding", "Page type", "Slot gap"]
446
+ "ValueBackMetric": ["AppearanceBrand", "Badge Size", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
447
+ "VStack": ["Context", "Padding", "Page type", "Slot gap", "Stack Context"]
444
448
  };
445
449
 
446
450
  /**