jfs-components 0.1.49 → 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 (58) hide show
  1. package/CHANGELOG.md +7 -0
  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/SegmentedControl/SegmentedControl.js +1 -1
  13. package/lib/commonjs/components/SegmentedTrack/SegmentedTrack.js +1 -1
  14. package/lib/commonjs/components/Slider/Slider.js +3 -2
  15. package/lib/commonjs/components/StatusHero/StatusHero.js +1 -1
  16. package/lib/commonjs/components/Tooltip/Tooltip.js +4 -2
  17. package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +1 -1
  18. package/lib/commonjs/design-tokens/figma-modes.generated.js +31 -28
  19. package/lib/commonjs/icons/registry.js +1 -1
  20. package/lib/module/components/CardCTA/CardCTA.js +7 -4
  21. package/lib/module/components/CardFeedback/CardFeedback.js +1 -1
  22. package/lib/module/components/CategoryCard/CategoryCard.js +4 -4
  23. package/lib/module/components/Checkbox/Checkbox.js +4 -6
  24. package/lib/module/components/CircularProgressBarDoted/CircularProgressBarDoted.js +12 -9
  25. package/lib/module/components/DonutChartSummary/DonutChartSummary.js +7 -2
  26. package/lib/module/components/ProductMerchandisingCard/ProductMerchandisingCard.js +3 -1
  27. package/lib/module/components/ProductOverview/ProductOverview.js +2 -2
  28. package/lib/module/components/Radio/Radio.js +5 -3
  29. package/lib/module/components/SavingsGoalSummary/SavingsGoalSummary.js +2 -2
  30. package/lib/module/components/SegmentedControl/SegmentedControl.js +1 -1
  31. package/lib/module/components/SegmentedTrack/SegmentedTrack.js +1 -1
  32. package/lib/module/components/Slider/Slider.js +3 -2
  33. package/lib/module/components/StatusHero/StatusHero.js +1 -1
  34. package/lib/module/components/Tooltip/Tooltip.js +4 -2
  35. package/lib/module/design-tokens/Coin Variables-variables-full.json +1 -1
  36. package/lib/module/design-tokens/figma-modes.generated.js +31 -28
  37. package/lib/module/icons/registry.js +1 -1
  38. package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +4 -1
  39. package/lib/typescript/src/icons/registry.d.ts +1 -1
  40. package/package.json +1 -1
  41. package/src/components/CardCTA/CardCTA.tsx +7 -4
  42. package/src/components/CardFeedback/CardFeedback.tsx +1 -1
  43. package/src/components/CategoryCard/CategoryCard.tsx +4 -4
  44. package/src/components/Checkbox/Checkbox.tsx +4 -6
  45. package/src/components/CircularProgressBarDoted/CircularProgressBarDoted.tsx +12 -9
  46. package/src/components/DonutChartSummary/DonutChartSummary.tsx +6 -6
  47. package/src/components/ProductMerchandisingCard/ProductMerchandisingCard.tsx +3 -1
  48. package/src/components/ProductOverview/ProductOverview.tsx +2 -2
  49. package/src/components/Radio/Radio.tsx +8 -3
  50. package/src/components/SavingsGoalSummary/SavingsGoalSummary.tsx +3 -3
  51. package/src/components/SegmentedControl/SegmentedControl.tsx +1 -1
  52. package/src/components/SegmentedTrack/SegmentedTrack.tsx +1 -2
  53. package/src/components/Slider/Slider.tsx +3 -2
  54. package/src/components/StatusHero/StatusHero.tsx +1 -1
  55. package/src/components/Tooltip/Tooltip.tsx +4 -2
  56. package/src/design-tokens/Coin Variables-variables-full.json +1 -1
  57. package/src/design-tokens/figma-modes.generated.ts +31 -28
  58. package/src/icons/registry.ts +1 -1
package/lib/module/design-tokens/figma-modes.generated.js CHANGED
@@ -28,6 +28,7 @@ export const FIGMA_MODES = {
28
28
  "AccordionGroup / Output": ["Default"],
29
29
  "AccountCard / Output": ["Default"],
30
30
  "Action": ["True", "False"],
31
+ "Action Footer Radius": ["False", "True"],
31
32
  "ActionFooter / Output": ["Default"],
32
33
  "ActionNumpad / Output": ["Default"],
33
34
  "ActionTile / Output": ["Default"],
@@ -61,6 +62,8 @@ export const FIGMA_MODES = {
61
62
  "Button / Output": ["Default"],
62
63
  "Button / Size": ["M", "S", "XS"],
63
64
  "Button / State": ["Idle", "Hover", "Pressed", "Disabled"],
65
+ "Button Glass State": ["Idle", "Hover", "Pressed", "Disabled"],
66
+ "Button type": ["default", "glass"],
64
67
  "ButtonGroup / Output": ["Default"],
65
68
  "Calendar Glyph / Output": ["Default"],
66
69
  "Calendar Glyph State": ["Idle", "notSaved", "saved"],
@@ -109,7 +112,7 @@ export const FIGMA_MODES = {
109
112
  "Context2": ["Default", "AppBar"],
110
113
  "Context3": ["Default", "Transaction Bubble", "Balance & Cards", "Amount Input"],
111
114
  "Context4": ["Default", "Chip", "Button", "Badge", "Badge/glass"],
112
- "context5": ["Default", "Fullscreen Modal"],
115
+ "context5": ["Default", "Fullscreen Modal", "Mode 1"],
113
116
  "context7": ["Default", "Card", "Page Hero"],
114
117
  "Contrast Context": ["on dark", "on light"],
115
118
  "Control Toggle ": ["Default"],
@@ -319,36 +322,36 @@ export const FIGMA_COMPONENT_MODES = {
319
322
  "AvatarGroup": ["Avatar Size", "Badge Size", "Context4"],
320
323
  "Badge": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "Emphasis", "Semantic Intent"],
321
324
  "Balance": ["Color Mode", "Context3"],
322
- "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"],
325
+ "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"],
323
326
  "BottomNav": ["Color Mode"],
324
327
  "BottomNavItem": ["BottomNavItem / State", "Color Mode"],
325
328
  "BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
326
329
  "BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
327
- "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
328
- "Card": ["AppearanceBrand", "AppearanceSystem", "Card Container", "Color Mode", "Gap", "Page type", "Semantic Intent"],
329
- "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"],
330
- "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"],
331
- "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"],
330
+ "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"],
331
+ "Card": ["AppearanceBrand", "AppearanceSystem", "Card Container", "Color Mode", "context 8", "Gap", "Page type", "Semantic Intent"],
332
+ "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"],
333
+ "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"],
334
+ "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"],
332
335
  "CardFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode"],
333
- "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"],
334
- "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"],
336
+ "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"],
337
+ "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"],
335
338
  "CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
336
339
  "Carousel": ["peekOffset"],
337
340
  "CarouselCardAccounts": ["peekOffset"],
338
341
  "CategoryCard": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Card Tab State", "Color Mode", "Emphasis", "Radius", "Semantic Intent"],
339
- "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"],
342
+ "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"],
340
343
  "Checkbox": ["Color Mode"],
341
344
  "CheckboxGroup": ["Color Mode"],
342
345
  "CheckboxItem": ["Color Mode"],
343
346
  "ChipSelect": ["ChipSelect State", "Color Mode"],
344
347
  "CircularProgressBar": ["AppearanceBrand", "AppearanceSystem", "circularProgressBar Size", "Color Mode", "Emphasis", "Semantic Intent"],
345
- "CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
348
+ "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"],
346
349
  "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
347
350
  "CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type", "Radius"],
348
- "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
351
+ "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"],
349
352
  "ContentSheet": ["Color Mode", "Page type"],
350
353
  "CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
351
- "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
354
+ "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"],
352
355
  "DebitCard": ["DebitCard brand"],
353
356
  "Disclaimer": ["Color Mode", "context5"],
354
357
  "Divider": ["Color Mode", "context 10", "Profile Card Appearance"],
@@ -357,20 +360,20 @@ export const FIGMA_COMPONENT_MODES = {
357
360
  "Drawer": ["Color Mode", "Page type"],
358
361
  "Dropdown": ["Dropdown Item State"],
359
362
  "DropdownInput": ["AppearanceBrand", "Button / State", "Color Mode", "Dropdown Item State", "Emphasis", "FormField States", "Page type", "Status"],
360
- "EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Page type", "Profile Card Appearance", "Semantic Intent"],
361
- "ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
363
+ "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"],
364
+ "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"],
362
365
  "FavoriteToggle": ["Color Mode", "Favorite Toggle Color", "Favorite Toggle Size"],
363
366
  "FilterBar": ["Color Mode", "InputState"],
364
367
  "FormField": ["Color Mode", "FormField States", "Status"],
365
368
  "FormUpload": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "FormField States", "Icon Capsule Size", "Page type", "Semantic Intent", "Status"],
366
- "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"],
369
+ "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"],
367
370
  "Gauge": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "FormField States", "Semantic Intent", "Status"],
368
371
  "Grid": ["Background", "Color Mode", "Context", "Grid Gap", "Padding", "Page type", "Slot gap"],
369
- "HelloJioInput": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Hello Jio Input Size", "Hello Jio Input State", "Page type"],
372
+ "HelloJioInput": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Context2", "Emphasis", "Hello Jio Input Size", "Hello Jio Input State", "Page type"],
370
373
  "HeroSection": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "context 9", "context7", "Emphasis", "FormField States", "InputState", "Page type", "Status"],
371
374
  "HoldingsCard": ["AppearanceBrand", "Color Mode"],
372
375
  "HStack": ["Context", "Padding", "Page type", "Slot gap", "Stack Context"],
373
- "Icon": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
376
+ "Icon": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
374
377
  "IconButton": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Page type"],
375
378
  "IconCapsule": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
376
379
  "InputSearch": ["Color Mode", "FormField States", "InputState", "Status"],
@@ -380,26 +383,26 @@ export const FIGMA_COMPONENT_MODES = {
380
383
  "Link": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
381
384
  "ListGroup": ["Color Mode", "List Item Style", "Title Level"],
382
385
  "ListItem": ["AppearanceBrand", "Color Mode", "context 10", "Context2", "context5", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Selectable"],
383
- "LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
386
+ "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"],
384
387
  "LottiePlayer": ["Video / Output"],
385
388
  "MediaCard": ["Contrast Context"],
386
389
  "MerchantProfile": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
387
390
  "MessageField": ["Color Mode", "FormField States"],
388
- "MetricData": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
391
+ "MetricData": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
389
392
  "MetricLegendItem": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
390
393
  "MoneyValue": ["Color Mode", "Context3"],
391
394
  "MonthlyStatusGrid": ["Appearance / DataViz", "Calendar Glyph State", "Color Mode", "Emphasis / DataViz"],
392
395
  "NavArrow": ["Color Mode", "context 10", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance"],
393
- "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Page type", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
394
- "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"],
395
- "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "PageHero Size", "Profile Card Appearance", "Semantic Intent", "Video / Output"],
396
+ "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"],
397
+ "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"],
398
+ "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"],
396
399
  "PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Page type", "Semantic Intent"],
397
- "PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context7", "Emphasis", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
400
+ "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"],
398
401
  "PlanComparisonCard": ["Color Mode"],
399
402
  "Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap", "Stack Context"],
400
403
  "PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context3", "Context4", "Profile Card Appearance"],
401
404
  "ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
402
- "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"],
405
+ "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"],
403
406
  "ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
404
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"],
405
408
  "ProjectionMarker": ["Color Mode", "context 10", "Profile Card Appearance"],
@@ -421,10 +424,10 @@ export const FIGMA_COMPONENT_MODES = {
421
424
  "Step": ["Color Mode", "Step Status"],
422
425
  "StepLabel": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
423
426
  "SuggestiveSearch": ["Color Mode", "Dropdown Item State", "FormField States", "Status"],
424
- "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"],
427
+ "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"],
425
428
  "SupportText": ["Color Mode", "FormField States", "Status"],
426
429
  "SupportTextIcon": ["Color Mode", "FormField States", "Status"],
427
- "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent"],
430
+ "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"],
428
431
  "TabItem": ["Color Mode"],
429
432
  "TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
430
433
  "Text": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
@@ -436,7 +439,7 @@ export const FIGMA_COMPONENT_MODES = {
436
439
  "TransactionBubble": ["Color Mode", "context 10", "Context2", "Context3", "context5", "List Item Style", "NavArrow Direction", "Page type", "Profile Card Appearance", "Transaction Status"],
437
440
  "TransactionStatus": ["Transaction Status"],
438
441
  "UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance", "UPI Handle Image"],
439
- "ValueBackMetric": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
442
+ "ValueBackMetric": ["AppearanceBrand", "Badge Size", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Page type", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
440
443
  "VStack": ["Context", "Padding", "Page type", "Slot gap", "Stack Context"]
441
444
  };
442
445