jfs-components 0.1.49 → 0.1.51

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 (61) hide show
  1. package/.cursor/D2C-FLOW.md +94 -0
  2. package/.cursor/D2C-SCREEN.md +119 -0
  3. package/.cursor/commands/D2C.md +101 -0
  4. package/CHANGELOG.md +14 -0
  5. package/lib/commonjs/components/CardCTA/CardCTA.js +7 -4
  6. package/lib/commonjs/components/CardFeedback/CardFeedback.js +1 -1
  7. package/lib/commonjs/components/CategoryCard/CategoryCard.js +4 -4
  8. package/lib/commonjs/components/Checkbox/Checkbox.js +4 -6
  9. package/lib/commonjs/components/CircularProgressBarDoted/CircularProgressBarDoted.js +12 -9
  10. package/lib/commonjs/components/DonutChartSummary/DonutChartSummary.js +7 -2
  11. package/lib/commonjs/components/ProductMerchandisingCard/ProductMerchandisingCard.js +3 -1
  12. package/lib/commonjs/components/ProductOverview/ProductOverview.js +2 -2
  13. package/lib/commonjs/components/Radio/Radio.js +5 -3
  14. package/lib/commonjs/components/SavingsGoalSummary/SavingsGoalSummary.js +2 -2
  15. package/lib/commonjs/components/SegmentedControl/SegmentedControl.js +1 -1
  16. package/lib/commonjs/components/SegmentedTrack/SegmentedTrack.js +1 -1
  17. package/lib/commonjs/components/Slider/Slider.js +3 -2
  18. package/lib/commonjs/components/StatusHero/StatusHero.js +1 -1
  19. package/lib/commonjs/components/Tooltip/Tooltip.js +4 -2
  20. package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +1 -1
  21. package/lib/commonjs/design-tokens/figma-modes.generated.js +31 -28
  22. package/lib/commonjs/icons/registry.js +1 -1
  23. package/lib/module/components/CardCTA/CardCTA.js +7 -4
  24. package/lib/module/components/CardFeedback/CardFeedback.js +1 -1
  25. package/lib/module/components/CategoryCard/CategoryCard.js +4 -4
  26. package/lib/module/components/Checkbox/Checkbox.js +4 -6
  27. package/lib/module/components/CircularProgressBarDoted/CircularProgressBarDoted.js +12 -9
  28. package/lib/module/components/DonutChartSummary/DonutChartSummary.js +7 -2
  29. package/lib/module/components/ProductMerchandisingCard/ProductMerchandisingCard.js +3 -1
  30. package/lib/module/components/ProductOverview/ProductOverview.js +2 -2
  31. package/lib/module/components/Radio/Radio.js +5 -3
  32. package/lib/module/components/SavingsGoalSummary/SavingsGoalSummary.js +2 -2
  33. package/lib/module/components/SegmentedControl/SegmentedControl.js +1 -1
  34. package/lib/module/components/SegmentedTrack/SegmentedTrack.js +1 -1
  35. package/lib/module/components/Slider/Slider.js +3 -2
  36. package/lib/module/components/StatusHero/StatusHero.js +1 -1
  37. package/lib/module/components/Tooltip/Tooltip.js +4 -2
  38. package/lib/module/design-tokens/Coin Variables-variables-full.json +1 -1
  39. package/lib/module/design-tokens/figma-modes.generated.js +31 -28
  40. package/lib/module/icons/registry.js +1 -1
  41. package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +4 -1
  42. package/lib/typescript/src/icons/registry.d.ts +1 -1
  43. package/package.json +4 -2
  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/SegmentedControl/SegmentedControl.tsx +1 -1
  55. package/src/components/SegmentedTrack/SegmentedTrack.tsx +1 -2
  56. package/src/components/Slider/Slider.tsx +3 -2
  57. package/src/components/StatusHero/StatusHero.tsx +1 -1
  58. package/src/components/Tooltip/Tooltip.tsx +4 -2
  59. package/src/design-tokens/Coin Variables-variables-full.json +1 -1
  60. package/src/design-tokens/figma-modes.generated.ts +31 -28
  61. package/src/icons/registry.ts +1 -1
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,6 +66,8 @@ 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"],
@@ -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"],
@@ -323,36 +326,36 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
323
326
  "AvatarGroup": ["Avatar Size", "Badge Size", "Context4"],
324
327
  "Badge": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "Emphasis", "Semantic Intent"],
325
328
  "Balance": ["Color Mode", "Context3"],
326
- "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"],
327
330
  "BottomNav": ["Color Mode"],
328
331
  "BottomNavItem": ["BottomNavItem / State", "Color Mode"],
329
332
  "BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
330
333
  "BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
331
- "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
332
- "Card": ["AppearanceBrand", "AppearanceSystem", "Card Container", "Color Mode", "Gap", "Page type", "Semantic Intent"],
333
- "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"],
334
- "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"],
335
- "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"],
336
339
  "CardFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode"],
337
- "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"],
338
- "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"],
339
342
  "CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
340
343
  "Carousel": ["peekOffset"],
341
344
  "CarouselCardAccounts": ["peekOffset"],
342
345
  "CategoryCard": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Card Tab State", "Color Mode", "Emphasis", "Radius", "Semantic Intent"],
343
- "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"],
344
347
  "Checkbox": ["Color Mode"],
345
348
  "CheckboxGroup": ["Color Mode"],
346
349
  "CheckboxItem": ["Color Mode"],
347
350
  "ChipSelect": ["ChipSelect State", "Color Mode"],
348
351
  "CircularProgressBar": ["AppearanceBrand", "AppearanceSystem", "circularProgressBar Size", "Color Mode", "Emphasis", "Semantic Intent"],
349
- "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"],
350
353
  "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
351
354
  "CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type", "Radius"],
352
- "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
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"],
353
356
  "ContentSheet": ["Color Mode", "Page type"],
354
357
  "CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
355
- "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"],
356
359
  "DebitCard": ["DebitCard brand"],
357
360
  "Disclaimer": ["Color Mode", "context5"],
358
361
  "Divider": ["Color Mode", "context 10", "Profile Card Appearance"],
@@ -361,20 +364,20 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
361
364
  "Drawer": ["Color Mode", "Page type"],
362
365
  "Dropdown": ["Dropdown Item State"],
363
366
  "DropdownInput": ["AppearanceBrand", "Button / State", "Color Mode", "Dropdown Item State", "Emphasis", "FormField States", "Page type", "Status"],
364
- "EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Semantic Intent"],
365
- "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"],
366
369
  "FavoriteToggle": ["Color Mode", "Favorite Toggle Color", "Favorite Toggle Size"],
367
370
  "FilterBar": ["Color Mode", "InputState"],
368
371
  "FormField": ["Color Mode", "FormField States", "Status"],
369
372
  "FormUpload": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "FormField States", "Icon Capsule Size", "Page type", "Semantic Intent", "Status"],
370
- "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"],
371
374
  "Gauge": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "FormField States", "Semantic Intent", "Status"],
372
375
  "Grid": ["Background", "Color Mode", "Context", "Grid Gap", "Padding", "Page type", "Slot gap"],
373
- "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"],
374
377
  "HeroSection": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "context 9", "context7", "Emphasis", "FormField States", "InputState", "Page type", "Status"],
375
378
  "HoldingsCard": ["AppearanceBrand", "Color Mode"],
376
379
  "HStack": ["Context", "Padding", "Page type", "Slot gap", "Stack Context"],
377
- "Icon": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
380
+ "Icon": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
378
381
  "IconButton": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type"],
379
382
  "IconCapsule": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
380
383
  "InputSearch": ["Color Mode", "FormField States", "InputState", "Status"],
@@ -384,26 +387,26 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
384
387
  "Link": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
385
388
  "ListGroup": ["Color Mode", "List Item Style", "Title Level"],
386
389
  "ListItem": ["AppearanceBrand", "Color Mode", "context 10", "Context2", "context5", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Selectable"],
387
- "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"],
388
391
  "LottiePlayer": ["Video / Output"],
389
392
  "MediaCard": ["Contrast Context"],
390
393
  "MerchantProfile": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
391
394
  "MessageField": ["Color Mode", "FormField States"],
392
- "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"],
393
396
  "MetricLegendItem": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
394
397
  "MoneyValue": ["Color Mode", "Context3"],
395
398
  "MonthlyStatusGrid": ["Appearance / DataViz", "Calendar Glyph State", "Color Mode", "Emphasis / DataViz"],
396
399
  "NavArrow": ["Color Mode", "context 10", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance"],
397
- "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
398
- "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"],
399
- "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"],
400
403
  "PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
401
- "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"],
402
405
  "PlanComparisonCard": ["Color Mode"],
403
406
  "Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap", "Stack Context"],
404
407
  "PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context3", "Context4", "Profile Card Appearance"],
405
408
  "ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
406
- "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"],
407
410
  "ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
408
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"],
409
412
  "ProjectionMarker": ["Color Mode", "context 10", "Profile Card Appearance"],
@@ -425,10 +428,10 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
425
428
  "Step": ["Color Mode", "Step Status"],
426
429
  "StepLabel": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
427
430
  "SuggestiveSearch": ["Color Mode", "Dropdown Item State", "FormField States", "Status"],
428
- "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"],
429
432
  "SupportText": ["Color Mode", "FormField States", "Status"],
430
433
  "SupportTextIcon": ["Color Mode", "FormField States", "Status"],
431
- "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"],
432
435
  "TabItem": ["Color Mode"],
433
436
  "TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
434
437
  "Text": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
@@ -440,7 +443,7 @@ const FIGMA_COMPONENT_MODES = exports.FIGMA_COMPONENT_MODES = {
440
443
  "TransactionBubble": ["Color Mode", "context 10", "Context2", "Context3", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance", "Transaction Status"],
441
444
  "TransactionStatus": ["Transaction Status"],
442
445
  "UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance", "UPI Handle Image"],
443
- "ValueBackMetric": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
446
+ "ValueBackMetric": ["AppearanceBrand", "Badge Size", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
444
447
  "VStack": ["Context", "Padding", "Page type", "Slot gap", "Stack Context"]
445
448
  };
446
449