jfs-components 0.1.19 → 0.1.23

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