jfs-components 0.1.2 → 0.1.8

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 (107) hide show
  1. package/CHANGELOG.md +29 -0
  2. package/lib/commonjs/components/AmountInput/AmountInput.js +8 -5
  3. package/lib/commonjs/components/BenefitCard/BenefitCard.js +231 -0
  4. package/lib/commonjs/components/CcCard/CcCard.js +470 -0
  5. package/lib/commonjs/components/Checkbox/Checkbox.js +4 -3
  6. package/lib/commonjs/components/CheckboxItem/CheckboxItem.js +4 -3
  7. package/lib/commonjs/components/CompareTable/CompareTable.js +372 -0
  8. package/lib/commonjs/components/ComparisonBar/ComparisonBar.js +266 -0
  9. package/lib/commonjs/components/DropdownInput/DropdownInput.js +35 -3
  10. package/lib/commonjs/components/FormField/FormField.js +4 -3
  11. package/lib/commonjs/components/InputSearch/InputSearch.js +6 -4
  12. package/lib/commonjs/components/NoteInput/NoteInput.js +6 -5
  13. package/lib/commonjs/components/PdpCcCard/PdpCcCard.js +273 -0
  14. package/lib/commonjs/components/ProductMerchandisingCard/GlassFill.js +263 -0
  15. package/lib/commonjs/components/ProductMerchandisingCard/GlassFill.web.js +116 -0
  16. package/lib/commonjs/components/ProductMerchandisingCard/ProductMerchandisingCard.js +353 -0
  17. package/lib/commonjs/components/ProjectionMarker/ProjectionMarker.js +161 -0
  18. package/lib/commonjs/components/Radio/Radio.js +5 -5
  19. package/lib/commonjs/components/Slider/Slider.js +473 -0
  20. package/lib/commonjs/components/TextInput/TextInput.js +13 -8
  21. package/lib/commonjs/components/TextSegment/TextSegment.js +118 -0
  22. package/lib/commonjs/components/index.js +63 -0
  23. package/lib/commonjs/design-tokens/Coin Variables-variables-full.json +1 -1
  24. package/lib/commonjs/design-tokens/figma-modes.generated.js +38 -9
  25. package/lib/commonjs/icons/registry.js +1 -1
  26. package/lib/commonjs/utils/react-utils.js +22 -0
  27. package/lib/module/components/AmountInput/AmountInput.js +6 -4
  28. package/lib/module/components/BenefitCard/BenefitCard.js +225 -0
  29. package/lib/module/components/CcCard/CcCard.js +464 -0
  30. package/lib/module/components/Checkbox/Checkbox.js +5 -4
  31. package/lib/module/components/CheckboxItem/CheckboxItem.js +5 -4
  32. package/lib/module/components/CompareTable/CompareTable.js +367 -0
  33. package/lib/module/components/ComparisonBar/ComparisonBar.js +260 -0
  34. package/lib/module/components/DropdownInput/DropdownInput.js +36 -4
  35. package/lib/module/components/FormField/FormField.js +5 -4
  36. package/lib/module/components/InputSearch/InputSearch.js +6 -4
  37. package/lib/module/components/NoteInput/NoteInput.js +7 -6
  38. package/lib/module/components/PdpCcCard/PdpCcCard.js +267 -0
  39. package/lib/module/components/ProductMerchandisingCard/GlassFill.js +257 -0
  40. package/lib/module/components/ProductMerchandisingCard/GlassFill.web.js +111 -0
  41. package/lib/module/components/ProductMerchandisingCard/ProductMerchandisingCard.js +347 -0
  42. package/lib/module/components/ProjectionMarker/ProjectionMarker.js +156 -0
  43. package/lib/module/components/Radio/Radio.js +5 -4
  44. package/lib/module/components/Slider/Slider.js +468 -0
  45. package/lib/module/components/TextInput/TextInput.js +15 -10
  46. package/lib/module/components/TextSegment/TextSegment.js +113 -0
  47. package/lib/module/components/index.js +9 -0
  48. package/lib/module/design-tokens/Coin Variables-variables-full.json +1 -1
  49. package/lib/module/design-tokens/figma-modes.generated.js +38 -9
  50. package/lib/module/icons/registry.js +1 -1
  51. package/lib/module/utils/react-utils.js +21 -0
  52. package/lib/typescript/src/components/AmountInput/AmountInput.d.ts +3 -2
  53. package/lib/typescript/src/components/BenefitCard/BenefitCard.d.ts +93 -0
  54. package/lib/typescript/src/components/CcCard/CcCard.d.ts +137 -0
  55. package/lib/typescript/src/components/Checkbox/Checkbox.d.ts +3 -2
  56. package/lib/typescript/src/components/CheckboxItem/CheckboxItem.d.ts +2 -2
  57. package/lib/typescript/src/components/CompareTable/CompareTable.d.ts +88 -0
  58. package/lib/typescript/src/components/ComparisonBar/ComparisonBar.d.ts +118 -0
  59. package/lib/typescript/src/components/DropdownInput/DropdownInput.d.ts +20 -1
  60. package/lib/typescript/src/components/FormField/FormField.d.ts +2 -2
  61. package/lib/typescript/src/components/InputSearch/InputSearch.d.ts +23 -2
  62. package/lib/typescript/src/components/NoteInput/NoteInput.d.ts +19 -2
  63. package/lib/typescript/src/components/PdpCcCard/PdpCcCard.d.ts +84 -0
  64. package/lib/typescript/src/components/ProductMerchandisingCard/GlassFill.d.ts +56 -0
  65. package/lib/typescript/src/components/ProductMerchandisingCard/GlassFill.web.d.ts +27 -0
  66. package/lib/typescript/src/components/ProductMerchandisingCard/ProductMerchandisingCard.d.ts +81 -0
  67. package/lib/typescript/src/components/ProjectionMarker/ProjectionMarker.d.ts +82 -0
  68. package/lib/typescript/src/components/Radio/Radio.d.ts +3 -2
  69. package/lib/typescript/src/components/RadioButton/RadioButton.d.ts +2 -2
  70. package/lib/typescript/src/components/Slider/Slider.d.ts +99 -0
  71. package/lib/typescript/src/components/TextInput/TextInput.d.ts +9 -29
  72. package/lib/typescript/src/components/TextSegment/TextSegment.d.ts +100 -0
  73. package/lib/typescript/src/components/index.d.ts +10 -1
  74. package/lib/typescript/src/design-tokens/figma-modes.generated.d.ts +22 -2
  75. package/lib/typescript/src/icons/registry.d.ts +1 -1
  76. package/lib/typescript/src/utils/react-utils.d.ts +10 -0
  77. package/package.json +2 -1
  78. package/src/components/AmountInput/AmountInput.tsx +7 -5
  79. package/src/components/BenefitCard/BenefitCard.tsx +309 -0
  80. package/src/components/CcCard/CcCard.tsx +598 -0
  81. package/src/components/Checkbox/Checkbox.tsx +5 -4
  82. package/src/components/CheckboxItem/CheckboxItem.tsx +5 -4
  83. package/src/components/CompareTable/CompareTable.tsx +477 -0
  84. package/src/components/ComparisonBar/ComparisonBar.tsx +356 -0
  85. package/src/components/DropdownInput/DropdownInput.tsx +55 -3
  86. package/src/components/FormField/FormField.tsx +5 -4
  87. package/src/components/InputSearch/InputSearch.tsx +8 -5
  88. package/src/components/NoteInput/NoteInput.tsx +8 -6
  89. package/src/components/PdpCcCard/PdpCcCard.tsx +356 -0
  90. package/src/components/ProductMerchandisingCard/GlassFill.tsx +276 -0
  91. package/src/components/ProductMerchandisingCard/GlassFill.web.tsx +127 -0
  92. package/src/components/ProductMerchandisingCard/ProductMerchandisingCard.tsx +423 -0
  93. package/src/components/ProjectionMarker/ProjectionMarker.tsx +277 -0
  94. package/src/components/Radio/Radio.tsx +5 -4
  95. package/src/components/Slider/Slider.tsx +628 -0
  96. package/src/components/TextInput/TextInput.tsx +15 -11
  97. package/src/components/TextSegment/TextSegment.tsx +166 -0
  98. package/src/components/index.ts +10 -1
  99. package/src/design-tokens/Coin Variables-variables-full.json +1 -1
  100. package/src/design-tokens/figma-modes.generated.ts +38 -9
  101. package/src/icons/registry.ts +1 -1
  102. package/src/utils/react-utils.ts +23 -0
  103. package/lib/typescript/scripts/extract-component-tokens.d.ts +0 -9
  104. package/lib/typescript/scripts/generate-component-docs.d.ts +0 -9
  105. package/lib/typescript/scripts/generate-icon-registry.d.ts +0 -3
  106. package/lib/typescript/scripts/generate-mode-types.d.ts +0 -2
  107. package/lib/typescript/scripts/retype-modes.d.cts +0 -2
@@ -41,11 +41,12 @@ export const FIGMA_MODES = {
41
41
  "Attached / Output": ["Default"],
42
42
  "Avatar / Output": ["Default"],
43
43
  "Avatar Group / Output": ["Default"],
44
- "Avatar Size": ["L", "M", "S"],
44
+ "Avatar Size": ["L", "M", "S", "XS"],
45
45
  "Avatar Type": ["Avatar", "Icon", "Text"],
46
46
  "Axis / Output": ["Default"],
47
47
  "Background": ["False", "True"],
48
48
  "Badge / Output": ["Default"],
49
+ "Badge Size": ["Medium", "Small"],
49
50
  "Balance / Output": ["Default"],
50
51
  "BankAccountCard / Output": ["Default"],
51
52
  "Benefit Card": ["Default"],
@@ -71,6 +72,7 @@ export const FIGMA_MODES = {
71
72
  "cardsShared": ["Default"],
72
73
  "Carousel / Output": ["Default"],
73
74
  "CarouselCardAccounts / Output": ["Default"],
75
+ "ccCard / Output": ["Default"],
74
76
  "checkbox / Output": ["Default"],
75
77
  "Checkbox / Output": ["Default"],
76
78
  "Checkbox states": ["Idle", "Hover", "Focus", "Focus Selected", "Selected Hover", "Disabled/Active", "Disabled", "Selected"],
@@ -86,7 +88,12 @@ export const FIGMA_MODES = {
86
88
  "circularProgressBar / Output": ["Default"],
87
89
  "circularProgressBar Size": ["S", "M"],
88
90
  "clusterBubble / Output": ["Default"],
91
+ "coincard": ["Mode 1"],
89
92
  "Color Mode": ["Light", "Dark"],
93
+ "comparetablecell": ["Mode 1"],
94
+ "comparetableheader": ["Mode 1"],
95
+ "Comparison Floating card": ["Default"],
96
+ "ComparisonCardItem": ["Default"],
90
97
  "Confidence": ["High", "Medium", "Low", "None"],
91
98
  "ContentSheet / Output": ["Default"],
92
99
  "Context": ["Default", "Nudge&Alert", "CTACard", "ListItem"],
@@ -97,6 +104,7 @@ export const FIGMA_MODES = {
97
104
  "context7": ["Default", "Card"],
98
105
  "Contrast Context": ["on dark", "on light"],
99
106
  "Conversation Feed / Output": ["Default"],
107
+ "Counter Badge / Output": ["Mode 1"],
100
108
  "Coverage Bar Comparison / Output": ["Default"],
101
109
  "CoverageRing / Output": ["Mode 1"],
102
110
  "CTACard / Output": ["Default"],
@@ -125,6 +133,7 @@ export const FIGMA_MODES = {
125
133
  "FullScreenModal": ["Default"],
126
134
  "Gap": ["S", "M", "L", "None"],
127
135
  "Gauge / Output": ["Default"],
136
+ "Handle Boolean": ["False", "True"],
128
137
  "Heading / Output": ["Default"],
129
138
  "Heading text": ["Default", "Slot"],
130
139
  "Holdings card / Output": ["Default"],
@@ -132,7 +141,7 @@ export const FIGMA_MODES = {
132
141
  "Icon / Output": ["Default"],
133
142
  "Icon Button / Output": ["Default"],
134
143
  "Icon Capsule / Output": ["Default"],
135
- "Icon Capsule Size": ["M", "L", "S"],
144
+ "Icon Capsule Size": ["M", "L", "S", "XS"],
136
145
  "Image / Output": ["Default"],
137
146
  "Input / Output": ["Default"],
138
147
  "Input/PINSlot States": ["Idle", "Active", "Error"],
@@ -157,6 +166,7 @@ export const FIGMA_MODES = {
157
166
  "Message Direction": ["Incoming (Left)", "Outgoing (Right)"],
158
167
  "Message Row / Output": ["Default"],
159
168
  "MessageField / Output": ["Default"],
169
+ "metricdata": ["Mode 1"],
160
170
  "MetricLegendItem / Output": ["Default"],
161
171
  "Money Value / Output": ["Default"],
162
172
  "MonthlyStatusGrid / Output": ["Default"],
@@ -174,15 +184,18 @@ export const FIGMA_MODES = {
174
184
  "Page type": ["MainPage", "SubPage", "JioPlus"],
175
185
  "PageHero / Output": ["Default"],
176
186
  "PaymnetFeedback / Output": ["Default"],
187
+ "PDP cc card": ["Mode 1"],
177
188
  "peekOffset": ["Medium", "Small", "Large", "None"],
178
189
  "Placement": ["Prefix", "Suffix"],
179
190
  "PlanComparisonCard / Output": ["Default"],
180
191
  "Popup / Output": ["Default"],
181
192
  "PortfolioHero / Output": ["Default"],
182
193
  "PoweredByLabel": ["Default"],
194
+ "Product Merchandising card": ["Mode 1"],
183
195
  "ProductLabel / Output": ["Default"],
184
196
  "ProductOverview / Output": ["Default"],
185
197
  "ProgressBadge / Output": ["Default"],
198
+ "ProjectionMarker": ["Mode 1"],
186
199
  "QR code / Output": ["Idle"],
187
200
  "Radio / Output": ["Default"],
188
201
  "Radius": ["S", "M", "L", "None"],
@@ -200,8 +213,10 @@ export const FIGMA_MODES = {
200
213
  "SegmentedControl/Segment / Output": ["Default"],
201
214
  "SegmentedTrack / Output": ["Default"],
202
215
  "Selectable": ["False", "True"],
216
+ "selectioncard": ["Mode 1"],
203
217
  "Semantic Intent": ["Brand", "System"],
204
218
  "Skeleton": ["Mode 1"],
219
+ "Slider / Output": ["Default"],
205
220
  "Slot gap": ["S", "M", "L", "XL"],
206
221
  "special button": ["Default"],
207
222
  "Spinner / Output": ["Default"],
@@ -222,14 +237,19 @@ export const FIGMA_MODES = {
222
237
  "SwappableAmount / Output": ["Default"],
223
238
  "tabItem / Output": ["Default"],
224
239
  "Tabs / Output": ["Default"],
240
+ "TestimonialsCard": ["Default"],
225
241
  "Text / Output": ["Default"],
242
+ "Text Appearance": ["Neutral", "Primary", "Secondary", "Tertiary"],
243
+ "Text Sizes": ["Medium", "Small"],
226
244
  "textInput / Output": ["Default"],
245
+ "TextSegment / Output": ["Default"],
227
246
  "Thread Hero / Output": ["Default"],
228
247
  "Title / Output": ["Default"],
229
248
  "Title Level": ["Default", "Bold"],
230
249
  "Toggle / Output": ["Default"],
231
250
  "Toggle States": ["Off", "On", "Disabled Off", "Disabled On"],
232
251
  "ToggleIconButton / Output": ["Default"],
252
+ "Tooltip": ["True", "False"],
233
253
  "tooltip / Output": ["Default"],
234
254
  "Tost Output": ["Default"],
235
255
  "Transaction Status": ["Request", "Paid", "Declined", "Expired"],
@@ -260,29 +280,33 @@ export const FIGMA_COMPONENT_MODES = {
260
280
  "Attached": ["Color Mode"],
261
281
  "Avatar": ["Avatar Size", "Color Mode", "Context4"],
262
282
  "AvatarGroup": ["Avatar Size", "Context4"],
263
- "Badge": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent"],
283
+ "Badge": ["AppearanceBrand", "Badge Size", "Color Mode", "Emphasis"],
264
284
  "Balance": ["Color Mode", "Context3"],
285
+ "BenefitCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Context2", "context5", "Emphasis", "List Item Style", "NavArrow Direction", "Page type", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
265
286
  "BottomNav": ["Color Mode"],
266
287
  "BottomNavItem": ["BottomNavItem / State", "Color Mode"],
267
288
  "BrandChip": ["Avatar Size", "Color Mode", "Context4"],
268
- "BubbleChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
289
+ "BubbleChart": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz", "Text Appearance"],
269
290
  "Button": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
270
291
  "Card": ["Color Mode", "Gap", "Page type"],
271
292
  "CardAdvisory": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
272
- "CardBankAccount": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context4", "context5", "Emphasis", "List Item Style", "Semantic Intent", "Weight"],
273
- "CardCTA": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "MediaBlock", "Semantic Intent"],
293
+ "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"],
294
+ "CardCTA": ["AppearanceBrand", "AppearanceSystem", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "MediaBlock", "Semantic Intent"],
274
295
  "CardFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode"],
275
296
  "CardFinancialCondition": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
276
- "CardInsight": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context7", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Nudge padding", "Page type", "Semantic Intent", "Slot gap"],
297
+ "CardInsight": ["Appearance / DataViz", "AppearanceBrand", "AppearanceSystem", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "context7", "Emphasis", "Emphasis / DataViz", "LinearProgress Size", "Nudge padding", "Page type", "Semantic Intent", "Slot gap"],
277
298
  "CardProviderInfo": ["AppearanceBrand", "Avatar Size", "Color Mode", "Context4"],
278
299
  "Carousel": ["peekOffset"],
300
+ "CcCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context2", "Context4", "context5", "context7", "Emphasis", "List Item Style", "NavArrow Direction", "Page type", "Radius", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
279
301
  "Checkbox": ["Color Mode"],
280
302
  "CheckboxGroup": ["Color Mode"],
281
303
  "CheckboxItem": ["Color Mode"],
282
304
  "ChipSelect": ["ChipSelect State", "Color Mode"],
283
305
  "CircularProgressBar": ["AppearanceBrand", "AppearanceSystem", "circularProgressBar Size", "Color Mode", "Emphasis", "Semantic Intent"],
284
306
  "CircularRating": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Nudge padding", "Semantic Intent", "Slot gap"],
285
- "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
307
+ "ClusterBubble": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz", "Text Appearance"],
308
+ "CompareTable": ["Accordion States", "AppearanceBrand", "Button / Size", "Button / State", "Color Mode", "Emphasis", "Radius"],
309
+ "ComparisonBar": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Radius", "Semantic Intent"],
286
310
  "CoverageBarComparison": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
287
311
  "CoverageRing": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "circularProgressBar Size", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
288
312
  "DebitCard": ["DebitCard brand"],
@@ -323,11 +347,14 @@ export const FIGMA_COMPONENT_MODES = {
323
347
  "OTP": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "FormField States", "Input/PINSlot States", "Semantic Intent", "Status"],
324
348
  "PageHero": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Media / Output", "Semantic Intent"],
325
349
  "PaymentFeedback": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Emphasis", "Icon Capsule Size", "Semantic Intent"],
350
+ "PdpCcCard": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "context7", "Emphasis", "Page type", "Radius", "Semantic Intent"],
326
351
  "PlanComparisonCard": ["Color Mode"],
327
352
  "Popup": ["Color Mode", "Context", "Padding", "Page type", "Slot gap"],
328
353
  "PortfolioHero": ["Avatar Size", "Color Mode", "Context3", "Context4"],
329
354
  "ProductLabel": ["Avatar Size", "Color Mode", "Context4"],
355
+ "ProductMerchandisingCard": ["AppearanceBrand", "AppearanceSystem", "Avatar Size", "Badge Size", "Button / Size", "Button / State", "Color Mode", "Context", "Context4", "Emphasis", "Semantic Intent"],
330
356
  "ProductOverview": ["Avatar Size", "Color Mode", "Context4"],
357
+ "ProjectionMarker": ["Color Mode"],
331
358
  "Radio": ["Color Mode"],
332
359
  "RangeTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
333
360
  "RechargeCard": ["Avatar Size", "Color Mode", "Context3", "Context4"],
@@ -336,6 +363,7 @@ export const FIGMA_COMPONENT_MODES = {
336
363
  "Section": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Context", "Context2", "context5", "Emphasis", "Icon Capsule Size", "List Item Style", "NavArrow Direction", "Padding", "Page type", "Semantic Intent", "Slot gap"],
337
364
  "SegmentedControl": ["SegmentedControl/Segment"],
338
365
  "SegmentedTrack": ["Appearance / DataViz", "Color Mode", "Emphasis / DataViz"],
366
+ "Slider": ["AppearanceBrand", "AppearanceSystem", "Color Mode", "Emphasis", "Semantic Intent", "Text Appearance", "Text Sizes", "Weight"],
339
367
  "Slot": ["Context", "Slot gap"],
340
368
  "StatGroup": ["Color Mode", "StatItem Label Position "],
341
369
  "StatItem": ["StatItem Label Position "],
@@ -349,8 +377,9 @@ export const FIGMA_COMPONENT_MODES = {
349
377
  "SwappableAmount": ["AppearanceBrand", "AppearanceSystem", "Button / Size", "Button / State", "Color Mode", "Context", "Emphasis", "Semantic Intent"],
350
378
  "TabItem": ["Color Mode"],
351
379
  "TestimonialsCard": ["Avatar Size", "Color Mode", "Context4"],
352
- "Text": ["Weight"],
380
+ "Text": ["Color Mode", "Text Appearance", "Text Sizes", "Weight"],
353
381
  "TextInput": ["Color Mode", "InputState"],
382
+ "TextSegment": ["Color Mode", "Text Appearance", "Text Sizes", "Weight"],
354
383
  "Title": ["Color Mode", "context7", "Page type"],
355
384
  "Toggle": ["Color Mode", "Toggle States"],
356
385
  "Tooltip": ["Color Mode"],