jfs-components 0.1.18 → 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.
- package/CHANGELOG.md +19 -0
- package/lib/commonjs/components/Card/Card.js +29 -12
- package/lib/commonjs/components/CardFeedback/CardFeedback.js +16 -2
- package/lib/commonjs/components/CardInsight/CardInsight.js +34 -13
- package/lib/commonjs/components/CardProviderInfo/CardProviderInfo.js +23 -3
- package/lib/commonjs/components/CheckboxItem/CheckboxItem.js +31 -8
- package/lib/commonjs/components/ContentSheet/ContentSheet.js +131 -0
- package/lib/commonjs/components/DebitCard/DebitCard.js +23 -3
- package/lib/commonjs/components/HeroSection/HeroSection.js +165 -0
- package/lib/commonjs/components/Image/Image.js +33 -7
- package/lib/commonjs/components/Link/Link.js +115 -0
- package/lib/commonjs/components/ListItem/ListItem.js +16 -1
- package/lib/commonjs/components/MediaCard/MediaCard.js +24 -7
- package/lib/commonjs/components/RechargeCard/RechargeCard.js +34 -13
- package/lib/commonjs/components/TestimonialsCard/TestimonialsCard.js +23 -5
- package/lib/commonjs/components/index.js +21 -0
- package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +1 -1
- package/lib/commonjs/design-tokens/figma-modes.generated.js +53 -43
- package/lib/commonjs/icons/registry.js +1 -1
- package/lib/module/components/Card/Card.js +31 -14
- package/lib/module/components/CardFeedback/CardFeedback.js +17 -3
- package/lib/module/components/CardInsight/CardInsight.js +36 -15
- package/lib/module/components/CardProviderInfo/CardProviderInfo.js +25 -5
- package/lib/module/components/CheckboxItem/CheckboxItem.js +31 -8
- package/lib/module/components/ContentSheet/ContentSheet.js +126 -0
- package/lib/module/components/DebitCard/DebitCard.js +25 -5
- package/lib/module/components/HeroSection/HeroSection.js +159 -0
- package/lib/module/components/Image/Image.js +34 -7
- package/lib/module/components/Link/Link.js +110 -0
- package/lib/module/components/ListItem/ListItem.js +16 -1
- package/lib/module/components/MediaCard/MediaCard.js +26 -9
- package/lib/module/components/RechargeCard/RechargeCard.js +36 -15
- package/lib/module/components/TestimonialsCard/TestimonialsCard.js +25 -7
- package/lib/module/components/index.js +3 -0
- package/lib/module/design-tokens/Coin Variables-variables-full.json +1 -1
- package/lib/module/design-tokens/figma-modes.generated.js +53 -43
- package/lib/module/icons/registry.js +1 -1
- package/lib/typescript/src/components/Card/Card.d.ts +10 -1
- package/lib/typescript/src/components/CardFeedback/CardFeedback.d.ts +10 -1
- package/lib/typescript/src/components/CardInsight/CardInsight.d.ts +10 -1
- package/lib/typescript/src/components/CardProviderInfo/CardProviderInfo.d.ts +10 -1
- package/lib/typescript/src/components/CheckboxItem/CheckboxItem.d.ts +26 -3
- package/lib/typescript/src/components/ContentSheet/ContentSheet.d.ts +71 -0
- package/lib/typescript/src/components/DebitCard/DebitCard.d.ts +10 -1
- package/lib/typescript/src/components/HeroSection/HeroSection.d.ts +80 -0
- package/lib/typescript/src/components/Image/Image.d.ts +27 -2
- package/lib/typescript/src/components/Link/Link.d.ts +73 -0
- package/lib/typescript/src/components/MediaCard/MediaCard.d.ts +10 -1
- package/lib/typescript/src/components/RechargeCard/RechargeCard.d.ts +10 -1
- package/lib/typescript/src/components/TestimonialsCard/TestimonialsCard.d.ts +8 -1
- package/lib/typescript/src/components/index.d.ts +3 -0
- package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +8 -0
- package/lib/typescript/src/icons/registry.d.ts +1 -1
- package/package.json +1 -1
- package/src/components/Card/Card.tsx +46 -15
- package/src/components/CardFeedback/CardFeedback.tsx +29 -4
- package/src/components/CardInsight/CardInsight.tsx +48 -17
- package/src/components/CardProviderInfo/CardProviderInfo.tsx +36 -3
- package/src/components/CheckboxItem/CheckboxItem.tsx +59 -14
- package/src/components/ContentSheet/ContentSheet.tsx +217 -0
- package/src/components/DebitCard/DebitCard.tsx +36 -3
- package/src/components/HeroSection/HeroSection.tsx +231 -0
- package/src/components/Image/Image.tsx +55 -3
- package/src/components/Link/Link.tsx +159 -0
- package/src/components/ListItem/ListItem.tsx +15 -0
- package/src/components/MediaCard/MediaCard.tsx +40 -9
- package/src/components/RechargeCard/RechargeCard.tsx +48 -13
- package/src/components/TestimonialsCard/TestimonialsCard.tsx +37 -6
- package/src/components/index.ts +3 -0
- package/src/design-tokens/Coin Variables-variables-full.json +1 -1
- package/src/design-tokens/figma-modes.generated.ts +53 -43
- package/src/icons/registry.ts +1 -1
|
@@ -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,117 @@ 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"],
|
|
348
358
|
"MetricLegendItem": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
349
359
|
"MoneyValue": ["Color Mode", "Context3"],
|
|
350
360
|
"MonthlyStatusGrid": ["Appearance / DataViz", "Calendar Glyph State", "Color Mode", "Emphasis / DataViz"],
|
|
351
361
|
"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"],
|
|
362
|
+
"Nudge": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Nudge padding", "Profile Card Appearance", "Semantic Intent", "Slot gap"],
|
|
363
|
+
"OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "FormField States", "Input/PINSlot States", "Profile Card Appearance", "Semantic Intent", "Status"],
|
|
364
|
+
"PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
355
365
|
"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"],
|
|
366
|
+
"PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "context7", "Emphasis", "Page type", "Profile Card Appearance", "Radius", "Semantic Intent"],
|
|
357
367
|
"PlanComparisonCard": ["Color Mode"],
|
|
358
368
|
"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"],
|
|
369
|
+
"PortfolioHero": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context3", "Context4", "Profile Card Appearance"],
|
|
370
|
+
"ProductLabel": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
371
|
+
"ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Context4", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
372
|
+
"ProductOverview": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
373
|
+
"ProjectionMarker": ["Color Mode", "context 10", "Profile Card Appearance"],
|
|
364
374
|
"Radio": ["Color Mode"],
|
|
365
375
|
"RangeTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
366
376
|
"RechargeCard": ["Avatar Size", "Badge Size", "Color Mode", "Context3", "Context4"],
|
|
367
377
|
"SavingsGoalSummary": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Semantic Intent"],
|
|
368
378
|
"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"],
|
|
379
|
+
"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
380
|
"SegmentedControl": ["SegmentedControl/Segment"],
|
|
371
381
|
"SegmentedTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
|
|
372
|
-
"Slider": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
382
|
+
"Slider": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
|
|
373
383
|
"Slot": ["Context", "Slot gap"],
|
|
374
384
|
"Stack": ["Context", "Slot gap"],
|
|
375
|
-
"StatGroup": ["Color Mode", "StatItem Label Position "],
|
|
385
|
+
"StatGroup": ["Color Mode", "context 10", "Profile Card Appearance", "StatItem Label Position "],
|
|
376
386
|
"StatItem": ["StatItem Label Position "],
|
|
377
387
|
"StatusHero": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Context3", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
|
|
378
388
|
"Step": ["Color Mode", "Step Status"],
|
|
379
389
|
"StepLabel": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
|
|
380
390
|
"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"],
|
|
391
|
+
"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
392
|
"SupportText": ["Color Mode", "FormField States", "Status"],
|
|
383
393
|
"SupportTextIcon": ["Color Mode", "FormField States", "Status"],
|
|
384
|
-
"SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
|
|
394
|
+
"SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context 10", "Emphasis", "Profile Card Appearance", "Semantic Intent"],
|
|
385
395
|
"TabItem": ["Color Mode"],
|
|
386
|
-
"TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "Context4"],
|
|
387
|
-
"Text": ["Color Mode", "Context", "Text Appearance", "Text Sizes", "Weight"],
|
|
396
|
+
"TestimonialsCard": ["Avatar Size", "Badge Size", "Color Mode", "context 10", "Context4", "Profile Card Appearance"],
|
|
397
|
+
"Text": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
|
|
388
398
|
"TextInput": ["Color Mode", "InputState"],
|
|
389
|
-
"TextSegment": ["Color Mode", "Context", "Text Appearance", "Text Sizes", "Weight"],
|
|
399
|
+
"TextSegment": ["Color Mode", "Context", "context 10", "Profile Card Appearance", "Text Appearance", "Text Sizes", "Weight"],
|
|
390
400
|
"Title": ["Color Mode", "context7", "Page type"],
|
|
391
401
|
"Toggle": ["Color Mode", "Toggle States"],
|
|
392
402
|
"Tooltip": ["Color Mode"],
|
|
393
403
|
"TransactionBubble": ["Color Mode", "Context2", "Context3", "context5", "NavArrow Direction", "Page type", "Transaction Status"],
|
|
394
404
|
"TransactionStatus": ["Transaction Status"],
|
|
395
|
-
"UpiHandle": ["Color Mode"],
|
|
405
|
+
"UpiHandle": ["Color Mode", "context 10", "Profile Card Appearance"],
|
|
396
406
|
"VStack": ["Context", "Padding", "Page type", "Slot gap"],
|
|
397
407
|
};
|
|
398
408
|
|
package/src/icons/registry.ts
CHANGED