jfs-components 0.1.19 → 0.1.25

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 (55) hide show
  1. package/CHANGELOG.md +13 -0
  2. package/lib/commonjs/components/CardCTA/CardCTA.js +32 -25
  3. package/lib/commonjs/components/CheckboxItem/CheckboxItem.js +31 -8
  4. package/lib/commonjs/components/ChipSelect/ChipSelect.js +2 -1
  5. package/lib/commonjs/components/ContentSheet/ContentSheet.js +131 -0
  6. package/lib/commonjs/components/HeroSection/HeroSection.js +165 -0
  7. package/lib/commonjs/components/Image/Image.js +33 -7
  8. package/lib/commonjs/components/Link/Link.js +115 -0
  9. package/lib/commonjs/components/ListItem/ListItem.js +27 -5
  10. package/lib/commonjs/components/MetricData/MetricData.js +132 -0
  11. package/lib/commonjs/components/Rating/Rating.js +137 -0
  12. package/lib/commonjs/components/index.js +21 -0
  13. package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +1 -1
  14. package/lib/commonjs/design-tokens/figma-modes.generated.js +55 -43
  15. package/lib/commonjs/icons/registry.js +1 -1
  16. package/lib/module/components/CardCTA/CardCTA.js +32 -25
  17. package/lib/module/components/CheckboxItem/CheckboxItem.js +31 -8
  18. package/lib/module/components/ChipSelect/ChipSelect.js +2 -1
  19. package/lib/module/components/ContentSheet/ContentSheet.js +126 -0
  20. package/lib/module/components/HeroSection/HeroSection.js +159 -0
  21. package/lib/module/components/Image/Image.js +34 -7
  22. package/lib/module/components/Link/Link.js +110 -0
  23. package/lib/module/components/ListItem/ListItem.js +27 -5
  24. package/lib/module/components/MetricData/MetricData.js +127 -0
  25. package/lib/module/components/Rating/Rating.js +132 -0
  26. package/lib/module/components/index.js +3 -0
  27. package/lib/module/design-tokens/Coin Variables-variables-full.json +1 -1
  28. package/lib/module/design-tokens/figma-modes.generated.js +55 -43
  29. package/lib/module/icons/registry.js +1 -1
  30. package/lib/typescript/src/components/CheckboxItem/CheckboxItem.d.ts +26 -3
  31. package/lib/typescript/src/components/ChipSelect/ChipSelect.d.ts +6 -1
  32. package/lib/typescript/src/components/ContentSheet/ContentSheet.d.ts +71 -0
  33. package/lib/typescript/src/components/HeroSection/HeroSection.d.ts +80 -0
  34. package/lib/typescript/src/components/Image/Image.d.ts +27 -2
  35. package/lib/typescript/src/components/Link/Link.d.ts +73 -0
  36. package/lib/typescript/src/components/MetricData/MetricData.d.ts +53 -0
  37. package/lib/typescript/src/components/Rating/Rating.d.ts +30 -0
  38. package/lib/typescript/src/components/index.d.ts +3 -0
  39. package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +8 -0
  40. package/lib/typescript/src/icons/registry.d.ts +1 -1
  41. package/package.json +1 -1
  42. package/src/components/CardCTA/CardCTA.tsx +30 -15
  43. package/src/components/CheckboxItem/CheckboxItem.tsx +59 -14
  44. package/src/components/ChipSelect/ChipSelect.tsx +7 -1
  45. package/src/components/ContentSheet/ContentSheet.tsx +217 -0
  46. package/src/components/HeroSection/HeroSection.tsx +231 -0
  47. package/src/components/Image/Image.tsx +55 -3
  48. package/src/components/Link/Link.tsx +159 -0
  49. package/src/components/ListItem/ListItem.tsx +26 -4
  50. package/src/components/MetricData/MetricData.tsx +185 -0
  51. package/src/components/Rating/Rating.tsx +174 -0
  52. package/src/components/index.ts +3 -0
  53. package/src/design-tokens/Coin Variables-variables-full.json +1 -1
  54. package/src/design-tokens/figma-modes.generated.ts +55 -43
  55. package/src/icons/registry.ts +1 -1
package/lib/module/design-tokens/figma-modes.generated.js CHANGED
@@ -97,6 +97,7 @@ export const FIGMA_MODES = {
97
97
  "contentInset/Right": ["Default", "S", "M", "L"],
98
98
  "ContentSheet / Output": ["Default"],
99
99
  "Context": ["Default", "Nudge&Alert", "CTACard", "ListItem"],
100
+ "context 10": ["Default", "Profile card"],
100
101
  "context 8": ["Default", "Section"],
101
102
  "context 9": ["Default", "Stack"],
102
103
  "Context2": ["Default", "AppBar"],
@@ -135,6 +136,7 @@ export const FIGMA_MODES = {
135
136
  "FullScreenModal": ["Default"],
136
137
  "Gap": ["S", "M", "L", "None"],
137
138
  "Gauge / Output": ["Default"],
139
+ "Grid / Output": ["Default"],
138
140
  "Handle Boolean": ["False", "True"],
139
141
  "Heading / Output": ["Default"],
140
142
  "Heading text": ["Default", "Slot"],
@@ -158,6 +160,7 @@ export const FIGMA_MODES = {
158
160
  "LinearProgress / Output": ["Default"],
159
161
  "LinearProgress Size": ["M", "L"],
160
162
  "Link / Output": ["Default"],
163
+ "Link Apperances": ["Neutral", "Primary", "Secondary", "Tertiary"],
161
164
  "List Item / Output": ["Default"],
162
165
  "List Item Style": ["Default", "Boxed", "Minimal"],
163
166
  "listGroup / Output": ["Default"],
@@ -176,6 +179,7 @@ export const FIGMA_MODES = {
176
179
  "NavArrow": ["Default"],
177
180
  "NavArrow / Output": ["Default"],
178
181
  "NavArrow Direction": ["Left&Right", "Top&Bottom"],
182
+ "New Collection": ["Default"],
179
183
  "NoteInput / Output": ["Default"],
180
184
  "Nudge / Output": ["Default"],
181
185
  "Nudge padding": ["Default", "None"],
@@ -197,12 +201,16 @@ export const FIGMA_MODES = {
197
201
  "Product Merchandising card": ["Default"],
198
202
  "ProductLabel / Output": ["Default"],
199
203
  "ProductOverview / Output": ["Default"],
204
+ "Profile Card Appearance": ["Default", "Premium"],
200
205
  "ProgressBadge / Output": ["Default"],
201
206
  "ProjectionMarker": ["Default"],
202
207
  "QR code / Output": ["Idle"],
203
208
  "Radio / Output": ["Default"],
204
209
  "Radius": ["S", "M", "L", "None"],
205
210
  "RangeTrack / Output": ["Default"],
211
+ "Rating / Output": ["Default"],
212
+ "Rating Star / Output": ["Default"],
213
+ "Rating Star State": ["idle", "selected"],
206
214
  "RechargeCard / Output": ["Default"],
207
215
  "rotfl": ["Default"],
208
216
  "SavingsGoalSummary / Output": ["Default"],
@@ -277,7 +285,7 @@ export const FIGMA_MODES = {
277
285
  */
278
286
  export const FIGMA_COMPONENT_MODES = {
279
287
  "Accordion": ["Accordion States"],
280
- "AccordionCheckbox": ["Color Mode"],
288
+ "AccordionCheckbox": ["Color Mode", "context 10", "Profile Card Appearance"],
281
289
  "AccountCard": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
282
290
  "ActionFooter": ["Color Mode", "context5"],
283
291
  "ActionTile": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
@@ -286,115 +294,119 @@ export const FIGMA_COMPONENT_MODES = {
286
294
  "AppBar": ["Color Mode", "Context2", "context5", "NavArrow Direction", "Page type"],
287
295
  "AreaLineChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
288
296
  "Attached": ["Color Mode"],
289
- "Avatar": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
297
+ "Avatar": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
290
298
  "AvatarGroup": ["Avatar Size", "Badge Size", "Context4"],
291
299
  "Badge": ["AppearanceBrand", "Badge Size", "Color Mode", "Emphasis"],
292
300
  "Balance": ["Color Mode", "Context3"],
293
- "BenefitCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context4", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap", "Text Appearance", "Text Sizes", "Weight"],
301
+ "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"],
294
302
  "BottomNav": ["Color Mode"],
295
303
  "BottomNavItem": ["BottomNavItem / State", "Color Mode"],
296
- "BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
297
- "BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "Emphasis / DataViz", "Text Appearance"],
298
- "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
304
+ "BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
305
+ "BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
306
+ "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
299
307
  "Card": ["Color Mode", "context 8", "Gap", "Page type"],
300
- "CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
301
- "CardBankAccount": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context4", "context5", "Emphasis", "List Item Style", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
302
- "CardCTA": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 8", "Context4", "Emphasis", "Icon Capsule Size", "MediaBlock", "Page type", "Semantic Intent"],
308
+ "CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
309
+ "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"],
310
+ "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"],
303
311
  "CardFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode"],
304
- "CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
305
- "CardInsight": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 8", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Nudge padding", "Page type", "Semantic Intent", "Slot gap"],
306
- "CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Badge Size", "Color Mode", "Context4"],
312
+ "CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
313
+ "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"],
314
+ "CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
307
315
  "Carousel": ["peekOffset"],
308
316
  "CarouselCardAccounts": ["peekOffset"],
309
- "CcCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 8", "Context2", "Context4", "context5", "context7", "Emphasis", "List Item Style", "NavArrow Direction", "Page type", "Radius", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
317
+ "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"],
310
318
  "Checkbox": ["Color Mode"],
311
319
  "CheckboxGroup": ["Color Mode"],
312
320
  "CheckboxItem": ["Color Mode"],
313
321
  "ChipSelect": ["ChipSelect State", "Color Mode"],
314
322
  "CircularProgressBar": ["AppearanceBrand", "AppearanceSystem", "circularProgressBar Size", "Color Mode", "Emphasis", "Semantic Intent"],
315
- "CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
316
- "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "Emphasis / DataViz", "Text Appearance"],
323
+ "CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
324
+ "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
317
325
  "CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Radius", "Selection Card Radius"],
318
- "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Radius", "Semantic Intent"],
326
+ "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Profile Card Appearance", "Radius", "Semantic Intent"],
319
327
  "CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
320
- "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
328
+ "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
321
329
  "DebitCard": ["DebitCard brand"],
322
330
  "Disclaimer": ["Color Mode", "context5"],
323
- "Divider": ["Color Mode"],
331
+ "Divider": ["Color Mode", "context 10", "Profile Card Appearance"],
324
332
  "DonutChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
325
333
  "DonutChartSummary": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
326
334
  "Drawer": ["Color Mode", "Page type"],
327
335
  "Dropdown": ["Dropdown Item State"],
328
336
  "DropdownInput": ["AppearanceBrand", "Button / State", "Color Mode", "Dropdown Item State", "Emphasis", "FormField States", "Status"],
329
- "EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
330
- "ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
337
+ "EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Profile Card Appearance", "Semantic Intent"],
338
+ "ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
331
339
  "FilterBar": ["Color Mode", "InputState"],
332
340
  "FormField": ["Color Mode", "FormField States", "Status"],
333
- "FullscreenModal": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context5", "Emphasis", "Semantic Intent", "Slot gap"],
341
+ "FullscreenModal": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context5", "Emphasis", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
334
342
  "Gauge": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "FormField States", "Semantic Intent", "Status"],
343
+ "HeroSection": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "context 9", "context7", "Emphasis", "FormField States", "InputState", "Page type", "Status"],
335
344
  "HoldingsCard": ["AppearanceBrand", "Color Mode"],
336
345
  "HStack": ["Context", "Padding", "Page type", "Slot gap"],
337
- "Icon": ["AppearanceBrand", "Badge Size", "Color Mode", "Context4", "Emphasis"],
346
+ "Icon": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Profile Card Appearance"],
338
347
  "IconButton": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
339
348
  "IconCapsule": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
340
349
  "InputSearch": ["Color Mode", "FormField States", "InputState", "Status"],
341
350
  "InstitutionBadge": ["Avatar Size", "Badge Size", "Context4"],
342
351
  "LinearMeter": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context3", "Emphasis", "LinearProgress Size", "Semantic Intent"],
343
352
  "LinearProgress": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "LinearProgress Size", "Semantic Intent"],
353
+ "Link": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
344
354
  "ListGroup": ["Color Mode", "List Item Style", "Title Level"],
345
- "ListItem": ["AppearanceBrand", "Color Mode", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type"],
346
- "LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
355
+ "ListItem": ["AppearanceBrand", "Color Mode", "context 10", "Context2", "context5", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Selectable"],
356
+ "LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
347
357
  "MediaCard": ["Contrast Context"],
348
- "MerchantProfile": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
358
+ "MerchantProfile": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
349
359
  "MessageField": ["Color Mode", "FormField States"],
360
+ "MetricData": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Profile Card Appearance"],
350
361
  "MetricLegendItem": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
351
362
  "MoneyValue": ["Color Mode", "Context3"],
352
363
  "MonthlyStatusGrid": ["Appearance / DataViz", "Calendar Glyph State", "Color Mode", "Emphasis / DataViz"],
353
364
  "NavArrow": ["Color Mode", "Context2", "context5", "NavArrow Direction", "Page type"],
354
- "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
355
- "OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "FormField States", "Input/PINSlot States", "Semantic Intent", "Status"],
356
- "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
365
+ "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
366
+ "OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "FormField States", "Input/PINSlot States", "Profile Card Appearance", "Semantic Intent", "Status"],
367
+ "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
357
368
  "PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
358
- "PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context7", "Emphasis", "Page type", "Radius", "Semantic Intent"],
369
+ "PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context7", "Emphasis", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
359
370
  "PlanComparisonCard": ["Color Mode"],
360
371
  "Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap"],
361
- "PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "Context3", "Context4"],
362
- "ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
363
- "ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context4", "Emphasis", "Semantic Intent"],
364
- "ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
365
- "ProjectionMarker": ["Color Mode"],
372
+ "PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context3", "Context4", "Profile Card Appearance"],
373
+ "ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
374
+ "ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
375
+ "ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
376
+ "ProjectionMarker": ["Color Mode", "context 10", "Profile Card Appearance"],
366
377
  "Radio": ["Color Mode"],
367
378
  "RangeTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
379
+ "Rating": ["Color Mode", "Rating Star State"],
368
380
  "RechargeCard": ["Avatar Size", "Badge Size", "Color Mode", "Context3", "Context4"],
369
381
  "SavingsGoalSummary": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Semantic Intent"],
370
382
  "Screen": ["Color Mode", "Page type"],
371
- "Section": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "context 9", "Context2", "context5", "Emphasis", "Icon Capsule Size", "List Item Style", "NavArrow Direction", "Padding", "Page type", "Semantic Intent", "Slot gap"],
383
+ "Section": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "context 10", "context 9", "Context2", "context5", "Emphasis", "Icon Capsule Size", "List Item Style", "ListItem State", "NavArrow Direction", "Padding", "Page type", "Profile Card Appearance", "Selectable", "Semantic Intent", "Slot gap"],
372
384
  "SegmentedControl": ["SegmentedControl/Segment"],
373
385
  "SegmentedTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
374
- "Slider": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
386
+ "Slider": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
375
387
  "Slot": ["Context", "Slot gap"],
376
388
  "Stack": ["Context", "Slot gap"],
377
- "StatGroup": ["Color Mode", "StatItem Label Position "],
389
+ "StatGroup": ["Color Mode", "context 10", "Profile Card Appearance", "StatItem Label Position "],
378
390
  "StatItem": ["StatItem Label Position "],
379
391
  "StatusHero": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Context3", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
380
392
  "Step": ["Color Mode", "Step Status"],
381
393
  "StepLabel": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
382
394
  "SuggestiveSearch": ["Color Mode", "Dropdown Item State", "FormField States", "Status"],
383
- "SummaryTile": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Context2", "context5", "Emphasis", "NavArrow Direction", "Page type", "Semantic Intent"],
395
+ "SummaryTile": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context2", "context5", "Emphasis", "NavArrow Direction", "Page type", "Profile Card Appearance", "Semantic Intent"],
384
396
  "SupportText": ["Color Mode", "FormField States", "Status"],
385
397
  "SupportTextIcon": ["Color Mode", "FormField States", "Status"],
386
- "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
398
+ "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
387
399
  "TabItem": ["Color Mode"],
388
- "TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
389
- "Text": ["Color Mode", "Context", "Text Appearance", "Text Sizes", "Weight"],
400
+ "TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
401
+ "Text": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
390
402
  "TextInput": ["Color Mode", "InputState"],
391
- "TextSegment": ["Color Mode", "Context", "Text Appearance", "Text Sizes", "Weight"],
403
+ "TextSegment": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
392
404
  "Title": ["Color Mode", "context7", "Page type"],
393
405
  "Toggle": ["Color Mode", "Toggle States"],
394
406
  "Tooltip": ["Color Mode"],
395
407
  "TransactionBubble": ["Color Mode", "Context2", "Context3", "context5", "NavArrow Direction", "Page type", "Transaction Status"],
396
408
  "TransactionStatus": ["Transaction Status"],
397
- "UpiHandle": ["Color Mode"],
409
+ "UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance"],
398
410
  "VStack": ["Context", "Padding", "Page type", "Slot gap"]
399
411
  };
400
412