@pagopa/io-app-design-system 1.29.0 → 1.30.0

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 (20) hide show
  1. package/lib/commonjs/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +24 -12
  2. package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +92 -18
  3. package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +96 -48
  4. package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +148 -64
  5. package/lib/commonjs/components/textInput/TextInputBase.js +4 -2
  6. package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
  7. package/lib/module/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +24 -12
  8. package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +92 -18
  9. package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +96 -48
  10. package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +148 -64
  11. package/lib/module/components/textInput/TextInputBase.js +4 -2
  12. package/lib/module/components/textInput/TextInputBase.js.map +1 -1
  13. package/lib/typescript/components/textInput/TextInputBase.d.ts +2 -1
  14. package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
  15. package/package.json +2 -2
  16. package/src/components/Advice/__test__/__snapshots__/advice.test.tsx.snap +24 -12
  17. package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +92 -18
  18. package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +96 -48
  19. package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +148 -64
  20. package/src/components/textInput/TextInputBase.tsx +4 -1
@@ -22,7 +22,6 @@ exports[`Test Advice Components - Experimental Enabled Advice Snapshot 1`] = `
22
22
  align="xMidYMid"
23
23
  bbHeight={20}
24
24
  bbWidth={20}
25
- color={4278219750}
26
25
  focusable={false}
27
26
  height={20}
28
27
  importantForAccessibility="no-hide-descendants"
@@ -45,19 +44,26 @@ exports[`Test Advice Components - Experimental Enabled Advice Snapshot 1`] = `
45
44
  },
46
45
  ]
47
46
  }
48
- tintColor={4278219750}
47
+ tintColor="#0073E6"
49
48
  vbHeight={24}
50
49
  vbWidth={24}
51
50
  width={20}
52
51
  >
53
- <RNSVGGroup>
52
+ <RNSVGGroup
53
+ fill={
54
+ {
55
+ "payload": 4278190080,
56
+ "type": 0,
57
+ }
58
+ }
59
+ >
54
60
  <RNSVGPath
55
61
  clipRule={0}
56
62
  d="M0 12C0 5.3726 5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12S0 18.6274 0 12Zm2 0C2 6.47717 6.47717 2 12 2c5.5228 0 10 4.47717 10 10 0 5.5228-4.4772 10-10 10-5.52283 0-10-4.4772-10-10Zm10.0281 7.5c.8439 0 1.5281-.6842 1.5281-1.5281s-.6842-1.5281-1.5281-1.5281c-.844 0-1.5281.6842-1.5281 1.5281S11.1841 19.5 12.0281 19.5Zm0-15.05618h.0005c.5678 0 1.0281.46029 1.0281 1.02808v8.0046c0 .5678-.4603 1.028-1.0281 1.028h-.0005c-.5678 0-1.0281-.4602-1.0281-1.028V5.4719c0-.56779.4603-1.02808 1.0281-1.02808Z"
57
63
  fill={
58
- [
59
- 2,
60
- ]
64
+ {
65
+ "type": 2,
66
+ }
61
67
  }
62
68
  fillRule={0}
63
69
  propList={
@@ -132,7 +138,6 @@ exports[`Test Advice Components Advice Snapshot 1`] = `
132
138
  align="xMidYMid"
133
139
  bbHeight={20}
134
140
  bbWidth={20}
135
- color={4278219750}
136
141
  focusable={false}
137
142
  height={20}
138
143
  importantForAccessibility="no-hide-descendants"
@@ -155,19 +160,26 @@ exports[`Test Advice Components Advice Snapshot 1`] = `
155
160
  },
156
161
  ]
157
162
  }
158
- tintColor={4278219750}
163
+ tintColor="#0073E6"
159
164
  vbHeight={24}
160
165
  vbWidth={24}
161
166
  width={20}
162
167
  >
163
- <RNSVGGroup>
168
+ <RNSVGGroup
169
+ fill={
170
+ {
171
+ "payload": 4278190080,
172
+ "type": 0,
173
+ }
174
+ }
175
+ >
164
176
  <RNSVGPath
165
177
  clipRule={0}
166
178
  d="M0 12C0 5.3726 5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12S0 18.6274 0 12Zm2 0C2 6.47717 6.47717 2 12 2c5.5228 0 10 4.47717 10 10 0 5.5228-4.4772 10-10 10-5.52283 0-10-4.4772-10-10Zm10.0281 7.5c.8439 0 1.5281-.6842 1.5281-1.5281s-.6842-1.5281-1.5281-1.5281c-.844 0-1.5281.6842-1.5281 1.5281S11.1841 19.5 12.0281 19.5Zm0-15.05618h.0005c.5678 0 1.0281.46029 1.0281 1.02808v8.0046c0 .5678-.4603 1.028-1.0281 1.028h-.0005c-.5678 0-1.0281-.4602-1.0281-1.028V5.4719c0-.56779.4603-1.02808 1.0281-1.02808Z"
167
179
  fill={
168
- [
169
- 2,
170
- ]
180
+ {
181
+ "type": 2,
182
+ }
171
183
  }
172
184
  fillRule={0}
173
185
  propList={
@@ -233,7 +233,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
233
233
  align="xMidYMid"
234
234
  bbHeight={80}
235
235
  bbWidth={80}
236
- color={4278240714}
236
+ color="#00C5CA"
237
237
  focusable={false}
238
238
  height={80}
239
239
  meetOrSlice={0}
@@ -252,15 +252,27 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
252
252
  },
253
253
  ]
254
254
  }
255
- tintColor={4278240714}
255
+ tintColor="#00C5CA"
256
256
  vbHeight={240}
257
257
  vbWidth={240}
258
258
  width={80}
259
259
  >
260
- <RNSVGGroup>
260
+ <RNSVGGroup
261
+ fill={
262
+ {
263
+ "payload": 4278190080,
264
+ "type": 0,
265
+ }
266
+ }
267
+ >
261
268
  <RNSVGPath
262
269
  d="M133.46 173.8c-2.88 0-5.61-1.57-7.03-4.28-1.01-1.92-1.2-4.11-.53-6.18.66-2.04 2.07-3.69 3.98-4.64 6.87-3.44 17.93-6.91 24.11-8.73-2.58-2.4-4.34-6.01-4.32-9.54 0-2.68 1.14-9.19 11.43-11.65 16.11-3.86 78.12 18.71 80.75 19.67l-1.37 3.76c-.16-.06-16.14-5.89-33.81-11.18-29.21-8.75-40.4-9.37-44.64-8.36-5.38 1.29-8.35 4.05-8.36 7.77-.01 3.88 3.08 7.55 5.86 8.23.88.22 1.51 1.01 1.52 1.92 0 .91-.6 1.71-1.48 1.95-.18.05-18.53 5.04-27.9 9.73-.94.47-1.64 1.28-1.96 2.29-.33 1.03-.24 2.13.27 3.09.96 1.83 3.13 2.61 5.04 1.82 9.17-3.8 21.12-8.32 26.15-8.25l-.06 4h-.08c-3.38 0-12.29 2.89-24.47 7.94-1.01.42-2.05.62-3.08.62l-.02.02Z"
263
- fill={4278927075}
270
+ fill={
271
+ {
272
+ "payload": 4278927075,
273
+ "type": 0,
274
+ }
275
+ }
264
276
  propList={
265
277
  [
266
278
  "fill",
@@ -269,7 +281,12 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
269
281
  />
270
282
  <RNSVGPath
271
283
  d="M137.37 190.23c-3.78 0-7.45-2.01-9.39-5.54-2.16-3.92-1.62-8.82 1.33-12.19l1.47-1.68 3.01 2.63-1.47 1.68c-1.84 2.11-2.18 5.17-.83 7.63 1.76 3.21 5.81 4.41 9.02 2.67 12.01-6.5 20.08-9.56 23.94-9.11l-.47 3.97c-2.88-.34-10.93 2.9-21.57 8.66-1.6.87-3.33 1.28-5.04 1.28Z"
272
- fill={4278927075}
284
+ fill={
285
+ {
286
+ "payload": 4278927075,
287
+ "type": 0,
288
+ }
289
+ }
273
290
  propList={
274
291
  [
275
292
  "fill",
@@ -278,7 +295,12 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
278
295
  />
279
296
  <RNSVGPath
280
297
  d="M240.29 213.7c-39.81-19.17-81.44-13.87-92.88-10.51-2.82.83-5.84.2-8.1-1.68-2.34-1.95-3.52-5.04-3.07-8.05l.77-5.2 3.96.59-.77 5.2c-.25 1.64.4 3.33 1.67 4.39 1.23 1.03 2.88 1.37 4.41.92 11.83-3.48 54.81-8.97 95.75 10.74l-1.73 3.6h-.01ZM169.508 150.199l-.698 3.939 10.348 1.834.698-3.939-10.348-1.834Z"
281
- fill={4278927075}
298
+ fill={
299
+ {
300
+ "payload": 4278927075,
301
+ "type": 0,
302
+ }
303
+ }
282
304
  propList={
283
305
  [
284
306
  "fill",
@@ -287,7 +309,12 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
287
309
  />
288
310
  <RNSVGPath
289
311
  d="M191.07 170.8c-10.44-5.97-15.77-22.75-15.99-23.46l3.82-1.19c.05.16 5.09 15.99 14.16 21.18l-1.99 3.47ZM163.258 156.644l-3.982.38 2.844 29.854 3.982-.379-2.844-29.855Z"
290
- fill={4278927075}
312
+ fill={
313
+ {
314
+ "payload": 4278927075,
315
+ "type": 0,
316
+ }
317
+ }
291
318
  propList={
292
319
  [
293
320
  "fill",
@@ -296,7 +323,12 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
296
323
  />
297
324
  <RNSVGPath
298
325
  d="M133.75 39.82c-4.15-4.68-9.41-8.27-15.31-10.44-5.9-2.18-12.26-2.88-18.5099-2.03-3.78.51-7.45 1.58-10.89 3.15-4.49 2.05-7.86 5.81-10.65 9.88l-3.1 4.53c-3.74-2.62-7.92-4.57-12.35-5.72-4.86-1.26-9.92-1.56-14.89-.88-4.97.68-9.77 2.33-14.1 4.86-4.33 2.52-8.13 5.87-11.16 9.85-3.04 3.98-5.25 8.52-6.53 13.35-1.28 4.83-1.59 9.87-.91 14.81.68 4.95 2.34 9.71 4.87 14.02 2.53 4.31 5.9 8.08 9.89 11.09L103.6 145.21l26.72-45.64 10.54-20.04c1.85-4.42 3.76-12.92 1.34-23.34-1.41-6.07-4.32-11.7-8.47-16.38l.02.01Z"
299
- fill={4289392367}
326
+ fill={
327
+ {
328
+ "payload": 4289392367,
329
+ "type": 0,
330
+ }
331
+ }
300
332
  propList={
301
333
  [
302
334
  "fill",
@@ -305,7 +337,12 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
305
337
  />
306
338
  <RNSVGPath
307
339
  d="M25.2295 81.79c-.79 0-1.45-.62-1.5-1.42-1.37-25.26 18.17-33.75 28.7-34.71.83-.08 1.55.53 1.63 1.36.08.83-.53 1.55-1.35 1.63-1.12.11-27.54 2.92-25.98 31.56.04.83-.59 1.53-1.42 1.58h-.08Z"
308
- fill={4278240714}
340
+ fill={
341
+ {
342
+ "payload": 4278240714,
343
+ "type": 0,
344
+ }
345
+ }
309
346
  propList={
310
347
  [
311
348
  "fill",
@@ -552,7 +589,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
552
589
  align="xMidYMid"
553
590
  bbHeight={80}
554
591
  bbWidth={80}
555
- color={4278240714}
592
+ color="#00C5CA"
556
593
  focusable={false}
557
594
  height={80}
558
595
  meetOrSlice={0}
@@ -571,15 +608,27 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
571
608
  },
572
609
  ]
573
610
  }
574
- tintColor={4278240714}
611
+ tintColor="#00C5CA"
575
612
  vbHeight={240}
576
613
  vbWidth={240}
577
614
  width={80}
578
615
  >
579
- <RNSVGGroup>
616
+ <RNSVGGroup
617
+ fill={
618
+ {
619
+ "payload": 4278190080,
620
+ "type": 0,
621
+ }
622
+ }
623
+ >
580
624
  <RNSVGPath
581
625
  d="M133.46 173.8c-2.88 0-5.61-1.57-7.03-4.28-1.01-1.92-1.2-4.11-.53-6.18.66-2.04 2.07-3.69 3.98-4.64 6.87-3.44 17.93-6.91 24.11-8.73-2.58-2.4-4.34-6.01-4.32-9.54 0-2.68 1.14-9.19 11.43-11.65 16.11-3.86 78.12 18.71 80.75 19.67l-1.37 3.76c-.16-.06-16.14-5.89-33.81-11.18-29.21-8.75-40.4-9.37-44.64-8.36-5.38 1.29-8.35 4.05-8.36 7.77-.01 3.88 3.08 7.55 5.86 8.23.88.22 1.51 1.01 1.52 1.92 0 .91-.6 1.71-1.48 1.95-.18.05-18.53 5.04-27.9 9.73-.94.47-1.64 1.28-1.96 2.29-.33 1.03-.24 2.13.27 3.09.96 1.83 3.13 2.61 5.04 1.82 9.17-3.8 21.12-8.32 26.15-8.25l-.06 4h-.08c-3.38 0-12.29 2.89-24.47 7.94-1.01.42-2.05.62-3.08.62l-.02.02Z"
582
- fill={4278927075}
626
+ fill={
627
+ {
628
+ "payload": 4278927075,
629
+ "type": 0,
630
+ }
631
+ }
583
632
  propList={
584
633
  [
585
634
  "fill",
@@ -588,7 +637,12 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
588
637
  />
589
638
  <RNSVGPath
590
639
  d="M137.37 190.23c-3.78 0-7.45-2.01-9.39-5.54-2.16-3.92-1.62-8.82 1.33-12.19l1.47-1.68 3.01 2.63-1.47 1.68c-1.84 2.11-2.18 5.17-.83 7.63 1.76 3.21 5.81 4.41 9.02 2.67 12.01-6.5 20.08-9.56 23.94-9.11l-.47 3.97c-2.88-.34-10.93 2.9-21.57 8.66-1.6.87-3.33 1.28-5.04 1.28Z"
591
- fill={4278927075}
640
+ fill={
641
+ {
642
+ "payload": 4278927075,
643
+ "type": 0,
644
+ }
645
+ }
592
646
  propList={
593
647
  [
594
648
  "fill",
@@ -597,7 +651,12 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
597
651
  />
598
652
  <RNSVGPath
599
653
  d="M240.29 213.7c-39.81-19.17-81.44-13.87-92.88-10.51-2.82.83-5.84.2-8.1-1.68-2.34-1.95-3.52-5.04-3.07-8.05l.77-5.2 3.96.59-.77 5.2c-.25 1.64.4 3.33 1.67 4.39 1.23 1.03 2.88 1.37 4.41.92 11.83-3.48 54.81-8.97 95.75 10.74l-1.73 3.6h-.01ZM169.508 150.199l-.698 3.939 10.348 1.834.698-3.939-10.348-1.834Z"
600
- fill={4278927075}
654
+ fill={
655
+ {
656
+ "payload": 4278927075,
657
+ "type": 0,
658
+ }
659
+ }
601
660
  propList={
602
661
  [
603
662
  "fill",
@@ -606,7 +665,12 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
606
665
  />
607
666
  <RNSVGPath
608
667
  d="M191.07 170.8c-10.44-5.97-15.77-22.75-15.99-23.46l3.82-1.19c.05.16 5.09 15.99 14.16 21.18l-1.99 3.47ZM163.258 156.644l-3.982.38 2.844 29.854 3.982-.379-2.844-29.855Z"
609
- fill={4278927075}
668
+ fill={
669
+ {
670
+ "payload": 4278927075,
671
+ "type": 0,
672
+ }
673
+ }
610
674
  propList={
611
675
  [
612
676
  "fill",
@@ -615,7 +679,12 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
615
679
  />
616
680
  <RNSVGPath
617
681
  d="M133.75 39.82c-4.15-4.68-9.41-8.27-15.31-10.44-5.9-2.18-12.26-2.88-18.5099-2.03-3.78.51-7.45 1.58-10.89 3.15-4.49 2.05-7.86 5.81-10.65 9.88l-3.1 4.53c-3.74-2.62-7.92-4.57-12.35-5.72-4.86-1.26-9.92-1.56-14.89-.88-4.97.68-9.77 2.33-14.1 4.86-4.33 2.52-8.13 5.87-11.16 9.85-3.04 3.98-5.25 8.52-6.53 13.35-1.28 4.83-1.59 9.87-.91 14.81.68 4.95 2.34 9.71 4.87 14.02 2.53 4.31 5.9 8.08 9.89 11.09L103.6 145.21l26.72-45.64 10.54-20.04c1.85-4.42 3.76-12.92 1.34-23.34-1.41-6.07-4.32-11.7-8.47-16.38l.02.01Z"
618
- fill={4289392367}
682
+ fill={
683
+ {
684
+ "payload": 4289392367,
685
+ "type": 0,
686
+ }
687
+ }
619
688
  propList={
620
689
  [
621
690
  "fill",
@@ -624,7 +693,12 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
624
693
  />
625
694
  <RNSVGPath
626
695
  d="M25.2295 81.79c-.79 0-1.45-.62-1.5-1.42-1.37-25.26 18.17-33.75 28.7-34.71.83-.08 1.55.53 1.63 1.36.08.83-.53 1.55-1.35 1.63-1.12.11-27.54 2.92-25.98 31.56.04.83-.59 1.53-1.42 1.58h-.08Z"
627
- fill={4278240714}
696
+ fill={
697
+ {
698
+ "payload": 4278240714,
699
+ "type": 0,
700
+ }
701
+ }
628
702
  propList={
629
703
  [
630
704
  "fill",
@@ -112,7 +112,6 @@ exports[`Test Buttons Components - Experimental Enabled ButtonExtendedOutline Sn
112
112
  align="xMidYMid"
113
113
  bbHeight={24}
114
114
  bbWidth={24}
115
- color={4278219750}
116
115
  focusable={false}
117
116
  height={24}
118
117
  importantForAccessibility="no-hide-descendants"
@@ -135,19 +134,26 @@ exports[`Test Buttons Components - Experimental Enabled ButtonExtendedOutline Sn
135
134
  },
136
135
  ]
137
136
  }
138
- tintColor={4278219750}
137
+ tintColor="#0073E6"
139
138
  vbHeight={24}
140
139
  vbWidth={24}
141
140
  width={24}
142
141
  >
143
- <RNSVGGroup>
142
+ <RNSVGGroup
143
+ fill={
144
+ {
145
+ "payload": 4278190080,
146
+ "type": 0,
147
+ }
148
+ }
149
+ >
144
150
  <RNSVGPath
145
151
  clipRule={0}
146
152
  d="M0 12C0 5.3726 5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12S0 18.6274 0 12Zm2 0C2 6.47717 6.47717 2 12 2c5.5228 0 10 4.47717 10 10 0 5.5228-4.4772 10-10 10-5.52283 0-10-4.4772-10-10Zm10.0281-4.50455c.8439 0 1.5281-.68415 1.5281-1.52809 0-.84394-.6842-1.52809-1.5281-1.52809-.844 0-1.5281.68415-1.5281 1.52809 0 .84394.6841 1.52809 1.5281 1.52809Zm0 1.94382h.0005c.5678 0 1.0281.46029 1.0281 1.02813v8.0045c0 .5678-.4603 1.0281-1.0281 1.0281h-.0005C11.4603 19.5 11 19.0397 11 18.4719v-8.0045c0-.56784.4603-1.02813 1.0281-1.02813Z"
147
153
  fill={
148
- [
149
- 2,
150
- ]
154
+ {
155
+ "type": 2,
156
+ }
151
157
  }
152
158
  fillRule={0}
153
159
  propList={
@@ -572,7 +578,6 @@ exports[`Test Buttons Components - Experimental Enabled IconButton Snapshot 1`]
572
578
  }
573
579
  bbHeight={24}
574
580
  bbWidth={24}
575
- color={4278927075}
576
581
  focusable={false}
577
582
  height={24}
578
583
  importantForAccessibility="no-hide-descendants"
@@ -595,19 +600,26 @@ exports[`Test Buttons Components - Experimental Enabled IconButton Snapshot 1`]
595
600
  },
596
601
  ]
597
602
  }
598
- tintColor={4278927075}
603
+ tintColor="#0B3EE3"
599
604
  vbHeight={24}
600
605
  vbWidth={24}
601
606
  width={24}
602
607
  >
603
- <RNSVGGroup>
608
+ <RNSVGGroup
609
+ fill={
610
+ {
611
+ "payload": 4278190080,
612
+ "type": 0,
613
+ }
614
+ }
615
+ >
604
616
  <RNSVGPath
605
617
  clipRule={0}
606
618
  d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
607
619
  fill={
608
- [
609
- 2,
610
- ]
620
+ {
621
+ "type": 2,
622
+ }
611
623
  }
612
624
  fillRule={0}
613
625
  propList={
@@ -698,7 +710,6 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
698
710
  }
699
711
  bbHeight={24}
700
712
  bbWidth={24}
701
- color={4278927075}
702
713
  focusable={false}
703
714
  height={24}
704
715
  importantForAccessibility="no-hide-descendants"
@@ -721,19 +732,26 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonContained Snap
721
732
  },
722
733
  ]
723
734
  }
724
- tintColor={4278927075}
735
+ tintColor="#0B3EE3"
725
736
  vbHeight={24}
726
737
  vbWidth={24}
727
738
  width={24}
728
739
  >
729
- <RNSVGGroup>
740
+ <RNSVGGroup
741
+ fill={
742
+ {
743
+ "payload": 4278190080,
744
+ "type": 0,
745
+ }
746
+ }
747
+ >
730
748
  <RNSVGPath
731
749
  clipRule={0}
732
750
  d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
733
751
  fill={
734
- [
735
- 2,
736
- ]
752
+ {
753
+ "type": 2,
754
+ }
737
755
  }
738
756
  fillRule={0}
739
757
  propList={
@@ -822,7 +840,6 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonSolid Snapshot
822
840
  align="xMidYMid"
823
841
  bbHeight={24}
824
842
  bbWidth={24}
825
- color={4294967295}
826
843
  focusable={false}
827
844
  height={24}
828
845
  importantForAccessibility="no-hide-descendants"
@@ -845,19 +862,26 @@ exports[`Test Buttons Components - Experimental Enabled IconButtonSolid Snapshot
845
862
  },
846
863
  ]
847
864
  }
848
- tintColor={4294967295}
865
+ tintColor="#FFFFFF"
849
866
  vbHeight={24}
850
867
  vbWidth={24}
851
868
  width={24}
852
869
  >
853
- <RNSVGGroup>
870
+ <RNSVGGroup
871
+ fill={
872
+ {
873
+ "payload": 4278190080,
874
+ "type": 0,
875
+ }
876
+ }
877
+ >
854
878
  <RNSVGPath
855
879
  clipRule={0}
856
880
  d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
857
881
  fill={
858
- [
859
- 2,
860
- ]
882
+ {
883
+ "type": 2,
884
+ }
861
885
  }
862
886
  fillRule={0}
863
887
  propList={
@@ -985,7 +1009,6 @@ exports[`Test Buttons Components ButtonExtendedOutline Snapshot 1`] = `
985
1009
  align="xMidYMid"
986
1010
  bbHeight={24}
987
1011
  bbWidth={24}
988
- color={4278219750}
989
1012
  focusable={false}
990
1013
  height={24}
991
1014
  importantForAccessibility="no-hide-descendants"
@@ -1008,19 +1031,26 @@ exports[`Test Buttons Components ButtonExtendedOutline Snapshot 1`] = `
1008
1031
  },
1009
1032
  ]
1010
1033
  }
1011
- tintColor={4278219750}
1034
+ tintColor="#0073E6"
1012
1035
  vbHeight={24}
1013
1036
  vbWidth={24}
1014
1037
  width={24}
1015
1038
  >
1016
- <RNSVGGroup>
1039
+ <RNSVGGroup
1040
+ fill={
1041
+ {
1042
+ "payload": 4278190080,
1043
+ "type": 0,
1044
+ }
1045
+ }
1046
+ >
1017
1047
  <RNSVGPath
1018
1048
  clipRule={0}
1019
1049
  d="M0 12C0 5.3726 5.3726 0 12 0s12 5.3726 12 12-5.3726 12-12 12S0 18.6274 0 12Zm2 0C2 6.47717 6.47717 2 12 2c5.5228 0 10 4.47717 10 10 0 5.5228-4.4772 10-10 10-5.52283 0-10-4.4772-10-10Zm10.0281-4.50455c.8439 0 1.5281-.68415 1.5281-1.52809 0-.84394-.6842-1.52809-1.5281-1.52809-.844 0-1.5281.68415-1.5281 1.52809 0 .84394.6841 1.52809 1.5281 1.52809Zm0 1.94382h.0005c.5678 0 1.0281.46029 1.0281 1.02813v8.0045c0 .5678-.4603 1.0281-1.0281 1.0281h-.0005C11.4603 19.5 11 19.0397 11 18.4719v-8.0045c0-.56784.4603-1.02813 1.0281-1.02813Z"
1020
1050
  fill={
1021
- [
1022
- 2,
1023
- ]
1051
+ {
1052
+ "type": 2,
1053
+ }
1024
1054
  }
1025
1055
  fillRule={0}
1026
1056
  propList={
@@ -1442,7 +1472,6 @@ exports[`Test Buttons Components IconButton Snapshot 1`] = `
1442
1472
  }
1443
1473
  bbHeight={24}
1444
1474
  bbWidth={24}
1445
- color={4278219750}
1446
1475
  focusable={false}
1447
1476
  height={24}
1448
1477
  importantForAccessibility="no-hide-descendants"
@@ -1465,19 +1494,26 @@ exports[`Test Buttons Components IconButton Snapshot 1`] = `
1465
1494
  },
1466
1495
  ]
1467
1496
  }
1468
- tintColor={4278219750}
1497
+ tintColor="#0073E6"
1469
1498
  vbHeight={24}
1470
1499
  vbWidth={24}
1471
1500
  width={24}
1472
1501
  >
1473
- <RNSVGGroup>
1502
+ <RNSVGGroup
1503
+ fill={
1504
+ {
1505
+ "payload": 4278190080,
1506
+ "type": 0,
1507
+ }
1508
+ }
1509
+ >
1474
1510
  <RNSVGPath
1475
1511
  clipRule={0}
1476
1512
  d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
1477
1513
  fill={
1478
- [
1479
- 2,
1480
- ]
1514
+ {
1515
+ "type": 2,
1516
+ }
1481
1517
  }
1482
1518
  fillRule={0}
1483
1519
  propList={
@@ -1568,7 +1604,6 @@ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
1568
1604
  }
1569
1605
  bbHeight={24}
1570
1606
  bbWidth={24}
1571
- color={4278219750}
1572
1607
  focusable={false}
1573
1608
  height={24}
1574
1609
  importantForAccessibility="no-hide-descendants"
@@ -1591,19 +1626,26 @@ exports[`Test Buttons Components IconButtonContained Snapshot 1`] = `
1591
1626
  },
1592
1627
  ]
1593
1628
  }
1594
- tintColor={4278219750}
1629
+ tintColor="#0073E6"
1595
1630
  vbHeight={24}
1596
1631
  vbWidth={24}
1597
1632
  width={24}
1598
1633
  >
1599
- <RNSVGGroup>
1634
+ <RNSVGGroup
1635
+ fill={
1636
+ {
1637
+ "payload": 4278190080,
1638
+ "type": 0,
1639
+ }
1640
+ }
1641
+ >
1600
1642
  <RNSVGPath
1601
1643
  clipRule={0}
1602
1644
  d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
1603
1645
  fill={
1604
- [
1605
- 2,
1606
- ]
1646
+ {
1647
+ "type": 2,
1648
+ }
1607
1649
  }
1608
1650
  fillRule={0}
1609
1651
  propList={
@@ -1692,7 +1734,6 @@ exports[`Test Buttons Components IconButtonSolid Snapshot 1`] = `
1692
1734
  align="xMidYMid"
1693
1735
  bbHeight={24}
1694
1736
  bbWidth={24}
1695
- color={4294967295}
1696
1737
  focusable={false}
1697
1738
  height={24}
1698
1739
  importantForAccessibility="no-hide-descendants"
@@ -1715,19 +1756,26 @@ exports[`Test Buttons Components IconButtonSolid Snapshot 1`] = `
1715
1756
  },
1716
1757
  ]
1717
1758
  }
1718
- tintColor={4294967295}
1759
+ tintColor="#FFFFFF"
1719
1760
  vbHeight={24}
1720
1761
  vbWidth={24}
1721
1762
  width={24}
1722
1763
  >
1723
- <RNSVGGroup>
1764
+ <RNSVGGroup
1765
+ fill={
1766
+ {
1767
+ "payload": 4278190080,
1768
+ "type": 0,
1769
+ }
1770
+ }
1771
+ >
1724
1772
  <RNSVGPath
1725
1773
  clipRule={0}
1726
1774
  d="M12 24c6.629 0 12-5.371 12-12S18.629 0 12 0C5.375 0 0 5.371 0 12s5.375 12 12 12Zm.033-10.97c-.997 0-1.818-.336-2.463-1.014-.646-.674-.968-1.51-.968-2.507 0-1.001.322-1.83.964-2.492.64-.662 1.458-.992 2.458-.992.997 0 1.81.334 2.435 1.017.625.678.94 1.51.94 2.511 0 .993-.315 1.822-.94 2.484-.625.657-1.43.992-2.426.992Zm-3.431 4.905c0-1.001.322-1.83.96-2.492.64-.662 1.458-.992 2.467-.992.996 0 1.809.335 2.43 1.017.625.682.94 1.515.94 2.512l-6.797-.045Z"
1727
1775
  fill={
1728
- [
1729
- 2,
1730
- ]
1776
+ {
1777
+ "type": 2,
1778
+ }
1731
1779
  }
1732
1780
  fillRule={0}
1733
1781
  propList={