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/src/design-tokens/figma-modes.generated.ts CHANGED
@@ -95,6 +95,7 @@ export const FIGMA_MODES = {
95
95
  "contentInset/Right": ["Default", "S", "M", "L"],
96
96
  "ContentSheet / Output": ["Default"],
97
97
  "Context": ["Default", "Nudge&Alert", "CTACard", "ListItem"],
98
+ "context 10": ["Default", "Profile card"],
98
99
  "context 8": ["Default", "Section"],
99
100
  "context 9": ["Default", "Stack"],
100
101
  "Context2": ["Default", "AppBar"],
@@ -133,6 +134,7 @@ export const FIGMA_MODES = {
133
134
  "FullScreenModal": ["Default"],
134
135
  "Gap": ["S", "M", "L", "None"],
135
136
  "Gauge / Output": ["Default"],
137
+ "Grid / Output": ["Default"],
136
138
  "Handle Boolean": ["False", "True"],
137
139
  "Heading / Output": ["Default"],
138
140
  "Heading text": ["Default", "Slot"],
@@ -156,6 +158,7 @@ export const FIGMA_MODES = {
156
158
  "LinearProgress / Output": ["Default"],
157
159
  "LinearProgress Size": ["M", "L"],
158
160
  "Link / Output": ["Default"],
161
+ "Link Apperances": ["Neutral", "Primary", "Secondary", "Tertiary"],
159
162
  "List Item / Output": ["Default"],
160
163
  "List Item Style": ["Default", "Boxed", "Minimal"],
161
164
  "listGroup / Output": ["Default"],
@@ -174,6 +177,7 @@ export const FIGMA_MODES = {
174
177
  "NavArrow": ["Default"],
175
178
  "NavArrow / Output": ["Default"],
176
179
  "NavArrow Direction": ["Left&Right", "Top&Bottom"],
180
+ "New Collection": ["Default"],
177
181
  "NoteInput / Output": ["Default"],
178
182
  "Nudge / Output": ["Default"],
179
183
  "Nudge padding": ["Default", "None"],
@@ -195,12 +199,16 @@ export const FIGMA_MODES = {
195
199
  "Product Merchandising card": ["Default"],
196
200
  "ProductLabel / Output": ["Default"],
197
201
  "ProductOverview / Output": ["Default"],
202
+ "Profile Card Appearance": ["Default", "Premium"],
198
203
  "ProgressBadge / Output": ["Default"],
199
204
  "ProjectionMarker": ["Default"],
200
205
  "QR code / Output": ["Idle"],
201
206
  "Radio / Output": ["Default"],
202
207
  "Radius": ["S", "M", "L", "None"],
203
208
  "RangeTrack / Output": ["Default"],
209
+ "Rating / Output": ["Default"],
210
+ "Rating Star / Output": ["Default"],
211
+ "Rating Star State": ["idle", "selected"],
204
212
  "RechargeCard / Output": ["Default"],
205
213
  "rotfl": ["Default"],
206
214
  "SavingsGoalSummary / Output": ["Default"],
@@ -275,7 +283,7 @@ export const FIGMA_MODES = {
275
283
  */
276
284
  export const FIGMA_COMPONENT_MODES: Record<string, readonly string[]> = {
277
285
  "Accordion": ["Accordion States"],
278
- "AccordionCheckbox": ["Color Mode"],
286
+ "AccordionCheckbox": ["Color Mode", "context 10", "Profile Card Appearance"],
279
287
  "AccountCard": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
280
288
  "ActionFooter": ["Color Mode", "context5"],
281
289
  "ActionTile": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
@@ -284,115 +292,119 @@ export const FIGMA_COMPONENT_MODES: Record<string, readonly string[]> = {
284
292
  "AppBar": ["Color Mode", "Context2", "context5", "NavArrow Direction", "Page type"],
285
293
  "AreaLineChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
286
294
  "Attached": ["Color Mode"],
287
- "Avatar": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
295
+ "Avatar": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
288
296
  "AvatarGroup": ["Avatar Size", "Badge Size", "Context4"],
289
297
  "Badge": ["AppearanceBrand", "Badge Size", "Color Mode", "Emphasis"],
290
298
  "Balance": ["Color Mode", "Context3"],
291
- "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"],
299
+ "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"],
292
300
  "BottomNav": ["Color Mode"],
293
301
  "BottomNavItem": ["BottomNavItem / State", "Color Mode"],
294
- "BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
295
- "BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "Emphasis / DataViz", "Text Appearance"],
296
- "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
302
+ "BrandChip": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
303
+ "BubbleChart": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
304
+ "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
297
305
  "Card": ["Color Mode", "context 8", "Gap", "Page type"],
298
- "CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
299
- "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"],
300
- "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"],
306
+ "CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
307
+ "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"],
308
+ "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"],
301
309
  "CardFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode"],
302
- "CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
303
- "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"],
304
- "CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Badge Size", "Color Mode", "Context4"],
310
+ "CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
311
+ "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"],
312
+ "CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
305
313
  "Carousel": ["peekOffset"],
306
314
  "CarouselCardAccounts": ["peekOffset"],
307
- "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"],
315
+ "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"],
308
316
  "Checkbox": ["Color Mode"],
309
317
  "CheckboxGroup": ["Color Mode"],
310
318
  "CheckboxItem": ["Color Mode"],
311
319
  "ChipSelect": ["ChipSelect State", "Color Mode"],
312
320
  "CircularProgressBar": ["AppearanceBrand", "AppearanceSystem", "circularProgressBar Size", "Color Mode", "Emphasis", "Semantic Intent"],
313
- "CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
314
- "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "Emphasis / DataViz", "Text Appearance"],
321
+ "CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
322
+ "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Context", "context 10", "Emphasis / DataViz", "Profile Card Appearance", "Text Appearance"],
315
323
  "CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Radius", "Selection Card Radius"],
316
- "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Radius", "Semantic Intent"],
324
+ "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Profile Card Appearance", "Radius", "Semantic Intent"],
317
325
  "CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
318
- "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
326
+ "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
319
327
  "DebitCard": ["DebitCard brand"],
320
328
  "Disclaimer": ["Color Mode", "context5"],
321
- "Divider": ["Color Mode"],
329
+ "Divider": ["Color Mode", "context 10", "Profile Card Appearance"],
322
330
  "DonutChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
323
331
  "DonutChartSummary": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
324
332
  "Drawer": ["Color Mode", "Page type"],
325
333
  "Dropdown": ["Dropdown Item State"],
326
334
  "DropdownInput": ["AppearanceBrand", "Button / State", "Color Mode", "Dropdown Item State", "Emphasis", "FormField States", "Status"],
327
- "EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
328
- "ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
335
+ "EmptyState": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Icon Capsule Size", "Profile Card Appearance", "Semantic Intent"],
336
+ "ExpandableCheckbox": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
329
337
  "FilterBar": ["Color Mode", "InputState"],
330
338
  "FormField": ["Color Mode", "FormField States", "Status"],
331
- "FullscreenModal": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context5", "Emphasis", "Semantic Intent", "Slot gap"],
339
+ "FullscreenModal": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context5", "Emphasis", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
332
340
  "Gauge": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "FormField States", "Semantic Intent", "Status"],
341
+ "HeroSection": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "context 9", "context7", "Emphasis", "FormField States", "InputState", "Page type", "Status"],
333
342
  "HoldingsCard": ["AppearanceBrand", "Color Mode"],
334
343
  "HStack": ["Context", "Padding", "Page type", "Slot gap"],
335
- "Icon": ["AppearanceBrand", "Badge Size", "Color Mode", "Context4", "Emphasis"],
344
+ "Icon": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Profile Card Appearance"],
336
345
  "IconButton": ["AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis"],
337
346
  "IconCapsule": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
338
347
  "InputSearch": ["Color Mode", "FormField States", "InputState", "Status"],
339
348
  "InstitutionBadge": ["Avatar Size", "Badge Size", "Context4"],
340
349
  "LinearMeter": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context3", "Emphasis", "LinearProgress Size", "Semantic Intent"],
341
350
  "LinearProgress": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "LinearProgress Size", "Semantic Intent"],
351
+ "Link": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
342
352
  "ListGroup": ["Color Mode", "List Item Style", "Title Level"],
343
- "ListItem": ["AppearanceBrand", "Color Mode", "Context2", "context5", "List Item Style", "NavArrow Direction", "Page type"],
344
- "LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
353
+ "ListItem": ["AppearanceBrand", "Color Mode", "context 10", "Context2", "context5", "List Item Style", "ListItem State", "NavArrow Direction", "Page type", "Profile Card Appearance", "Selectable"],
354
+ "LottieIntroBlock": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
345
355
  "MediaCard": ["Contrast Context"],
346
- "MerchantProfile": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
356
+ "MerchantProfile": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
347
357
  "MessageField": ["Color Mode", "FormField States"],
358
+ "MetricData": ["AppearanceBrand", "Badge Size", "Color Mode", "context 10", "Context4", "Emphasis", "Profile Card Appearance"],
348
359
  "MetricLegendItem": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
349
360
  "MoneyValue": ["Color Mode", "Context3"],
350
361
  "MonthlyStatusGrid": ["Appearance / DataViz", "Calendar Glyph State", "Color Mode", "Emphasis / DataViz"],
351
362
  "NavArrow": ["Color Mode", "Context2", "context5", "NavArrow Direction", "Page type"],
352
- "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
353
- "OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "FormField States", "Input/PINSlot States", "Semantic Intent", "Status"],
354
- "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
363
+ "Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
364
+ "OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "FormField States", "Input/PINSlot States", "Profile Card Appearance", "Semantic Intent", "Status"],
365
+ "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
355
366
  "PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
356
- "PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context7", "Emphasis", "Page type", "Radius", "Semantic Intent"],
367
+ "PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context7", "Emphasis", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
357
368
  "PlanComparisonCard": ["Color Mode"],
358
369
  "Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap"],
359
- "PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "Context3", "Context4"],
360
- "ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
361
- "ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context4", "Emphasis", "Semantic Intent"],
362
- "ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
363
- "ProjectionMarker": ["Color Mode"],
370
+ "PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context3", "Context4", "Profile Card Appearance"],
371
+ "ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
372
+ "ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
373
+ "ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
374
+ "ProjectionMarker": ["Color Mode", "context 10", "Profile Card Appearance"],
364
375
  "Radio": ["Color Mode"],
365
376
  "RangeTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
377
+ "Rating": ["Color Mode", "Rating Star State"],
366
378
  "RechargeCard": ["Avatar Size", "Badge Size", "Color Mode", "Context3", "Context4"],
367
379
  "SavingsGoalSummary": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Semantic Intent"],
368
380
  "Screen": ["Color Mode", "Page type"],
369
- "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"],
381
+ "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"],
370
382
  "SegmentedControl": ["SegmentedControl/Segment"],
371
383
  "SegmentedTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
372
- "Slider": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
384
+ "Slider": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
373
385
  "Slot": ["Context", "Slot gap"],
374
386
  "Stack": ["Context", "Slot gap"],
375
- "StatGroup": ["Color Mode", "StatItem Label Position "],
387
+ "StatGroup": ["Color Mode", "context 10", "Profile Card Appearance", "StatItem Label Position "],
376
388
  "StatItem": ["StatItem Label Position "],
377
389
  "StatusHero": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Context3", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
378
390
  "Step": ["Color Mode", "Step Status"],
379
391
  "StepLabel": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
380
392
  "SuggestiveSearch": ["Color Mode", "Dropdown Item State", "FormField States", "Status"],
381
- "SummaryTile": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Context2", "context5", "Emphasis", "NavArrow Direction", "Page type", "Semantic Intent"],
393
+ "SummaryTile": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context2", "context5", "Emphasis", "NavArrow Direction", "Page type", "Profile Card Appearance", "Semantic Intent"],
382
394
  "SupportText": ["Color Mode", "FormField States", "Status"],
383
395
  "SupportTextIcon": ["Color Mode", "FormField States", "Status"],
384
- "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
396
+ "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
385
397
  "TabItem": ["Color Mode"],
386
- "TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
387
- "Text": ["Color Mode", "Context", "Text Appearance", "Text Sizes", "Weight"],
398
+ "TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
399
+ "Text": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
388
400
  "TextInput": ["Color Mode", "InputState"],
389
- "TextSegment": ["Color Mode", "Context", "Text Appearance", "Text Sizes", "Weight"],
401
+ "TextSegment": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
390
402
  "Title": ["Color Mode", "context7", "Page type"],
391
403
  "Toggle": ["Color Mode", "Toggle States"],
392
404
  "Tooltip": ["Color Mode"],
393
405
  "TransactionBubble": ["Color Mode", "Context2", "Context3", "context5", "NavArrow Direction", "Page type", "Transaction Status"],
394
406
  "TransactionStatus": ["Transaction Status"],
395
- "UpiHandle": ["Color Mode"],
407
+ "UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance"],
396
408
  "VStack": ["Context", "Padding", "Page type", "Slot gap"],
397
409
  };
398
410
 
package/src/icons/registry.ts CHANGED
@@ -4,7 +4,7 @@
4
4
  * Auto-generated from SVG files in src/icons/
5
5
  * DO NOT EDIT MANUALLY - Run "npm run icons:generate" to regenerate
6
6
  *
7
- * Generated: 2026-06-29T11:40:01.320Z
7
+ * Generated: 2026-07-03T01:43:10.333Z
8
8
  */
9
9
 
10
10
  // Icon name to SVG data mapping