jfs-components 0.1.34 → 0.1.35

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