@razorpay/blade 6.7.0 → 7.0.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 (27) hide show
  1. package/CHANGELOG.md +83 -0
  2. package/build/components/index.d.ts +52 -32
  3. package/build/components/index.native.d.ts +52 -32
  4. package/build/components/index.native.js +17 -17
  5. package/build/components/index.native.js.map +1 -1
  6. package/build/components/index.web.js +142 -77
  7. package/build/components/index.web.js.map +1 -1
  8. package/build/css/bankingThemeDarkDesktop.css +29 -26
  9. package/build/css/bankingThemeDarkMobile.css +38 -35
  10. package/build/css/bankingThemeLightDesktop.css +16 -13
  11. package/build/css/bankingThemeLightMobile.css +25 -22
  12. package/build/css/paymentThemeDarkDesktop.css +28 -25
  13. package/build/css/paymentThemeDarkMobile.css +37 -34
  14. package/build/css/paymentThemeLightDesktop.css +16 -13
  15. package/build/css/paymentThemeLightMobile.css +25 -22
  16. package/build/tokens/index.d.ts +82 -52
  17. package/build/tokens/index.native.d.ts +82 -52
  18. package/build/tokens/index.native.js +3 -3
  19. package/build/tokens/index.native.js.map +1 -1
  20. package/build/tokens/index.web.js +68 -62
  21. package/build/tokens/index.web.js.map +1 -1
  22. package/build/utils/index.native.js +1 -1
  23. package/build/utils/index.native.js.map +1 -1
  24. package/build/utils/index.web.js +35 -29
  25. package/build/utils/index.web.js.map +1 -1
  26. package/codemods/migrate-typography/transformers/migrate-typography.ts +33 -0
  27. package/package.json +9 -2
package/build/css/bankingThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 31 Mar 2023 08:00:38 GMT
3
+ * Generated on Tue, 11 Apr 2023 07:35:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -41,7 +41,7 @@
41
41
  --colors-surface-text-placeholder-low-contrast: hsla(229, 10%, 60%, 1);
42
42
  --colors-surface-text-placeholder-high-contrast: hsla(229, 10%, 60%, 1);
43
43
  --colors-surface-action-icon-default-low-contrast: hsla(229, 12%, 45%, 1);
44
- --colors-surface-action-icon-default-high-contrast: hsla(233, 11%, 84%, 1);
44
+ --colors-surface-action-icon-default-high-contrast: hsla(233, 11%, 84%, 0.32);
45
45
  --colors-surface-action-icon-hover-low-contrast: hsla(231, 11%, 76%, 1);
46
46
  --colors-surface-action-icon-hover-high-contrast: hsla(0, 0%, 99%, 1);
47
47
  --colors-surface-action-icon-focus-low-contrast: hsla(231, 11%, 76%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-low-contrast: hsla(231, 11%, 76%, 1);
50
50
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
51
51
  --colors-surface-action-icon-disabled-low-contrast: hsla(230, 23%, 29%, 1);
52
- --colors-surface-action-icon-disabled-high-contrast: hsla(233, 11%, 84%, 0.32);
52
+ --colors-surface-action-icon-disabled-high-contrast: hsla(233, 11%, 84%, 0.18);
53
53
  --colors-overlay-background: hsla(231, 11%, 76%, 0.18);
54
54
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
55
55
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.32);
@@ -108,7 +108,7 @@
108
108
  --colors-feedback-icon-neutral-high-contrast: hsla(228, 12%, 92%, 1);
109
109
  --colors-feedback-icon-positive-low-contrast: hsla(149, 99%, 35%, 1);
110
110
  --colors-feedback-icon-positive-high-contrast: hsla(0, 0%, 99%, 1);
111
- --colors-feedback-icon-negative-low-contrast: hsla(9, 91%, 56%, 1);
111
+ --colors-feedback-icon-negative-low-contrast: hsla(6, 100%, 75%, 1);
112
112
  --colors-feedback-icon-negative-high-contrast: hsla(0, 0%, 99%, 1);
113
113
  --colors-feedback-icon-notice-low-contrast: hsla(34, 93%, 65%, 1);
114
114
  --colors-feedback-icon-notice-high-contrast: hsla(0, 0%, 99%, 1);
@@ -244,23 +244,23 @@
244
244
  --colors-feedback-negative-action-background-primary-active-high-contrast: hsla(5, 69%, 32%, 1);
245
245
  --colors-feedback-negative-action-background-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
246
246
  --colors-feedback-negative-action-background-primary-disabled-high-contrast: hsla(8, 73%, 47%, 1);
247
- --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
247
+ --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
248
248
  --colors-feedback-negative-action-border-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
249
- --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
249
+ --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
250
250
  --colors-feedback-negative-action-border-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
251
- --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
251
+ --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
252
252
  --colors-feedback-negative-action-border-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
253
- --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
253
+ --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
254
254
  --colors-feedback-negative-action-border-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
255
255
  --colors-feedback-negative-action-border-primary-disabled-low-contrast: hsla(5, 69%, 32%, 1);
256
256
  --colors-feedback-negative-action-border-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
257
- --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
257
+ --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
258
258
  --colors-feedback-negative-action-text-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
259
- --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
259
+ --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
260
260
  --colors-feedback-negative-action-text-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
261
- --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
261
+ --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
262
262
  --colors-feedback-negative-action-text-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
263
- --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
263
+ --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
264
264
  --colors-feedback-negative-action-text-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
265
265
  --colors-feedback-negative-action-text-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
266
266
  --colors-feedback-negative-action-text-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
@@ -274,13 +274,13 @@
274
274
  --colors-feedback-negative-action-text-link-active-high-contrast: hsla(0, 100%, 92%, 1);
275
275
  --colors-feedback-negative-action-text-link-disabled-low-contrast: hsla(5, 69%, 32%, 1);
276
276
  --colors-feedback-negative-action-text-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
277
- --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
277
+ --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
278
278
  --colors-feedback-negative-action-icon-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
279
- --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
279
+ --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
280
280
  --colors-feedback-negative-action-icon-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
281
- --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
281
+ --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
282
282
  --colors-feedback-negative-action-icon-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
283
- --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
283
+ --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
284
284
  --colors-feedback-negative-action-icon-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
285
285
  --colors-feedback-negative-action-icon-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
286
286
  --colors-feedback-negative-action-icon-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
@@ -565,20 +565,23 @@
565
565
  --typography-fonts-size-300: 1.125rem;
566
566
  --typography-fonts-size-400: 1.25rem;
567
567
  --typography-fonts-size-500: 1.375rem;
568
- --typography-fonts-size-600: 1.5625rem;
568
+ --typography-fonts-size-600: 1.5rem;
569
569
  --typography-fonts-size-700: 1.75rem;
570
570
  --typography-fonts-size-800: 2rem;
571
571
  --typography-fonts-size-900: 2.25rem;
572
572
  --typography-fonts-size-1000: 2.5rem;
573
573
  --typography-fonts-weight-regular: 400;
574
574
  --typography-fonts-weight-bold: 700;
575
- --typography-line-heights-s: 1rem;
576
- --typography-line-heights-m: 1rem;
577
- --typography-line-heights-l: 1.25rem;
578
- --typography-line-heights-xl: 1.5rem;
579
- --typography-line-heights-2xl: 1.5rem;
580
- --typography-line-heights-3xl: 1.75rem;
581
- --typography-line-heights-4xl: 2.5rem;
582
- --typography-line-heights-5xl: 2.625rem;
583
- --typography-line-heights-6xl: 3.75rem;
575
+ --typography-line-heights-0: 0rem;
576
+ --typography-line-heights-25: 0.875rem;
577
+ --typography-line-heights-50: 1rem;
578
+ --typography-line-heights-75: 1.125rem;
579
+ --typography-line-heights-100: 1.25rem;
580
+ --typography-line-heights-200: 1.5rem;
581
+ --typography-line-heights-300: 1.5rem;
582
+ --typography-line-heights-400: 1.75rem;
583
+ --typography-line-heights-500: 2rem;
584
+ --typography-line-heights-600: 2.5rem;
585
+ --typography-line-heights-700: 2.5rem;
586
+ --typography-line-heights-800: 3rem;
584
587
  }
package/build/css/bankingThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 31 Mar 2023 08:00:38 GMT
3
+ * Generated on Tue, 11 Apr 2023 07:35:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -41,7 +41,7 @@
41
41
  --colors-surface-text-placeholder-low-contrast: hsla(229, 10%, 60%, 1);
42
42
  --colors-surface-text-placeholder-high-contrast: hsla(229, 10%, 60%, 1);
43
43
  --colors-surface-action-icon-default-low-contrast: hsla(229, 12%, 45%, 1);
44
- --colors-surface-action-icon-default-high-contrast: hsla(233, 11%, 84%, 1);
44
+ --colors-surface-action-icon-default-high-contrast: hsla(233, 11%, 84%, 0.32);
45
45
  --colors-surface-action-icon-hover-low-contrast: hsla(231, 11%, 76%, 1);
46
46
  --colors-surface-action-icon-hover-high-contrast: hsla(0, 0%, 99%, 1);
47
47
  --colors-surface-action-icon-focus-low-contrast: hsla(231, 11%, 76%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-low-contrast: hsla(231, 11%, 76%, 1);
50
50
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
51
51
  --colors-surface-action-icon-disabled-low-contrast: hsla(230, 23%, 29%, 1);
52
- --colors-surface-action-icon-disabled-high-contrast: hsla(233, 11%, 84%, 0.32);
52
+ --colors-surface-action-icon-disabled-high-contrast: hsla(233, 11%, 84%, 0.18);
53
53
  --colors-overlay-background: hsla(231, 11%, 76%, 0.18);
54
54
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
55
55
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.32);
@@ -108,7 +108,7 @@
108
108
  --colors-feedback-icon-neutral-high-contrast: hsla(228, 12%, 92%, 1);
109
109
  --colors-feedback-icon-positive-low-contrast: hsla(149, 99%, 35%, 1);
110
110
  --colors-feedback-icon-positive-high-contrast: hsla(0, 0%, 99%, 1);
111
- --colors-feedback-icon-negative-low-contrast: hsla(9, 91%, 56%, 1);
111
+ --colors-feedback-icon-negative-low-contrast: hsla(6, 100%, 75%, 1);
112
112
  --colors-feedback-icon-negative-high-contrast: hsla(0, 0%, 99%, 1);
113
113
  --colors-feedback-icon-notice-low-contrast: hsla(34, 93%, 65%, 1);
114
114
  --colors-feedback-icon-notice-high-contrast: hsla(0, 0%, 99%, 1);
@@ -244,23 +244,23 @@
244
244
  --colors-feedback-negative-action-background-primary-active-high-contrast: hsla(5, 69%, 32%, 1);
245
245
  --colors-feedback-negative-action-background-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
246
246
  --colors-feedback-negative-action-background-primary-disabled-high-contrast: hsla(8, 73%, 47%, 1);
247
- --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
247
+ --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
248
248
  --colors-feedback-negative-action-border-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
249
- --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
249
+ --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
250
250
  --colors-feedback-negative-action-border-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
251
- --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
251
+ --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
252
252
  --colors-feedback-negative-action-border-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
253
- --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
253
+ --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
254
254
  --colors-feedback-negative-action-border-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
255
255
  --colors-feedback-negative-action-border-primary-disabled-low-contrast: hsla(5, 69%, 32%, 1);
256
256
  --colors-feedback-negative-action-border-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
257
- --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
257
+ --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
258
258
  --colors-feedback-negative-action-text-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
259
- --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
259
+ --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
260
260
  --colors-feedback-negative-action-text-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
261
- --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
261
+ --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
262
262
  --colors-feedback-negative-action-text-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
263
- --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
263
+ --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
264
264
  --colors-feedback-negative-action-text-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
265
265
  --colors-feedback-negative-action-text-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
266
266
  --colors-feedback-negative-action-text-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
@@ -274,13 +274,13 @@
274
274
  --colors-feedback-negative-action-text-link-active-high-contrast: hsla(0, 100%, 92%, 1);
275
275
  --colors-feedback-negative-action-text-link-disabled-low-contrast: hsla(5, 69%, 32%, 1);
276
276
  --colors-feedback-negative-action-text-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
277
- --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
277
+ --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
278
278
  --colors-feedback-negative-action-icon-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
279
- --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
279
+ --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
280
280
  --colors-feedback-negative-action-icon-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
281
- --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
281
+ --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
282
282
  --colors-feedback-negative-action-icon-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
283
- --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
283
+ --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
284
284
  --colors-feedback-negative-action-icon-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
285
285
  --colors-feedback-negative-action-icon-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
286
286
  --colors-feedback-negative-action-icon-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
@@ -556,29 +556,32 @@
556
556
  --shadows-android-elevation-level-5: 5;
557
557
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
558
  --typography-fonts-family-code: monospace;
559
- --typography-fonts-size-10: 0.625rem;
560
- --typography-fonts-size-25: 0.6875rem;
559
+ --typography-fonts-size-10: 0.5625rem;
560
+ --typography-fonts-size-25: 0.625rem;
561
561
  --typography-fonts-size-50: 0.6875rem;
562
562
  --typography-fonts-size-75: 0.75rem;
563
- --typography-fonts-size-100: 0.9375rem;
564
- --typography-fonts-size-200: 1.0625rem;
565
- --typography-fonts-size-300: 1.125rem;
566
- --typography-fonts-size-400: 1.25rem;
567
- --typography-fonts-size-500: 1.375rem;
568
- --typography-fonts-size-600: 1.375rem;
563
+ --typography-fonts-size-100: 0.875rem;
564
+ --typography-fonts-size-200: 1rem;
565
+ --typography-fonts-size-300: 1rem;
566
+ --typography-fonts-size-400: 1.125rem;
567
+ --typography-fonts-size-500: 1.25rem;
568
+ --typography-fonts-size-600: 1.25rem;
569
569
  --typography-fonts-size-700: 1.5rem;
570
570
  --typography-fonts-size-800: 1.75rem;
571
- --typography-fonts-size-900: 1.8125rem;
572
- --typography-fonts-size-1000: 1.8125rem;
571
+ --typography-fonts-size-900: 2rem;
572
+ --typography-fonts-size-1000: 2rem;
573
573
  --typography-fonts-weight-regular: 400;
574
574
  --typography-fonts-weight-bold: 700;
575
- --typography-line-heights-s: 1rem;
576
- --typography-line-heights-m: 1.125rem;
577
- --typography-line-heights-l: 1.5rem;
578
- --typography-line-heights-xl: 1.75rem;
579
- --typography-line-heights-2xl: 1.5rem;
580
- --typography-line-heights-3xl: 1.75rem;
581
- --typography-line-heights-4xl: 2rem;
582
- --typography-line-heights-5xl: 1.875rem;
583
- --typography-line-heights-6xl: 2.5rem;
575
+ --typography-line-heights-0: 0rem;
576
+ --typography-line-heights-25: 0.875rem;
577
+ --typography-line-heights-50: 1rem;
578
+ --typography-line-heights-75: 1.125rem;
579
+ --typography-line-heights-100: 1.25rem;
580
+ --typography-line-heights-200: 1.25rem;
581
+ --typography-line-heights-300: 1.5rem;
582
+ --typography-line-heights-400: 1.5rem;
583
+ --typography-line-heights-500: 1.75rem;
584
+ --typography-line-heights-600: 2rem;
585
+ --typography-line-heights-700: 2.5rem;
586
+ --typography-line-heights-800: 2.5rem;
584
587
  }
package/build/css/bankingThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 31 Mar 2023 08:00:38 GMT
3
+ * Generated on Tue, 11 Apr 2023 07:35:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -41,7 +41,7 @@
41
41
  --colors-surface-text-placeholder-low-contrast: hsla(225, 18%, 69%, 1);
42
42
  --colors-surface-text-placeholder-high-contrast: hsla(226, 15%, 54%, 1);
43
43
  --colors-surface-action-icon-default-low-contrast: hsla(225, 18%, 69%, 1);
44
- --colors-surface-action-icon-default-high-contrast: hsla(226, 19%, 89%, 1);
44
+ --colors-surface-action-icon-default-high-contrast: hsla(223, 21%, 94%, 0.32);
45
45
  --colors-surface-action-icon-hover-low-contrast: hsla(227, 18%, 45%, 1);
46
46
  --colors-surface-action-icon-hover-high-contrast: hsla(0, 0%, 100%, 1);
47
47
  --colors-surface-action-icon-focus-low-contrast: hsla(227, 18%, 45%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-low-contrast: hsla(227, 18%, 45%, 1);
50
50
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
51
51
  --colors-surface-action-icon-disabled-low-contrast: hsla(226, 19%, 89%, 1);
52
- --colors-surface-action-icon-disabled-high-contrast: hsla(226, 15%, 54%, 0.32);
52
+ --colors-surface-action-icon-disabled-high-contrast: hsla(226, 15%, 54%, 0.18);
53
53
  --colors-overlay-background: hsla(226, 15%, 54%, 0.32);
54
54
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
55
55
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.18);
@@ -565,20 +565,23 @@
565
565
  --typography-fonts-size-300: 1.125rem;
566
566
  --typography-fonts-size-400: 1.25rem;
567
567
  --typography-fonts-size-500: 1.375rem;
568
- --typography-fonts-size-600: 1.5625rem;
568
+ --typography-fonts-size-600: 1.5rem;
569
569
  --typography-fonts-size-700: 1.75rem;
570
570
  --typography-fonts-size-800: 2rem;
571
571
  --typography-fonts-size-900: 2.25rem;
572
572
  --typography-fonts-size-1000: 2.5rem;
573
573
  --typography-fonts-weight-regular: 400;
574
574
  --typography-fonts-weight-bold: 700;
575
- --typography-line-heights-s: 1rem;
576
- --typography-line-heights-m: 1rem;
577
- --typography-line-heights-l: 1.25rem;
578
- --typography-line-heights-xl: 1.5rem;
579
- --typography-line-heights-2xl: 1.5rem;
580
- --typography-line-heights-3xl: 1.75rem;
581
- --typography-line-heights-4xl: 2.5rem;
582
- --typography-line-heights-5xl: 2.625rem;
583
- --typography-line-heights-6xl: 3.75rem;
575
+ --typography-line-heights-0: 0rem;
576
+ --typography-line-heights-25: 0.875rem;
577
+ --typography-line-heights-50: 1rem;
578
+ --typography-line-heights-75: 1.125rem;
579
+ --typography-line-heights-100: 1.25rem;
580
+ --typography-line-heights-200: 1.5rem;
581
+ --typography-line-heights-300: 1.5rem;
582
+ --typography-line-heights-400: 1.75rem;
583
+ --typography-line-heights-500: 2rem;
584
+ --typography-line-heights-600: 2.5rem;
585
+ --typography-line-heights-700: 2.5rem;
586
+ --typography-line-heights-800: 3rem;
584
587
  }
package/build/css/bankingThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 31 Mar 2023 08:00:38 GMT
3
+ * Generated on Tue, 11 Apr 2023 07:35:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -41,7 +41,7 @@
41
41
  --colors-surface-text-placeholder-low-contrast: hsla(225, 18%, 69%, 1);
42
42
  --colors-surface-text-placeholder-high-contrast: hsla(226, 15%, 54%, 1);
43
43
  --colors-surface-action-icon-default-low-contrast: hsla(225, 18%, 69%, 1);
44
- --colors-surface-action-icon-default-high-contrast: hsla(226, 19%, 89%, 1);
44
+ --colors-surface-action-icon-default-high-contrast: hsla(223, 21%, 94%, 0.32);
45
45
  --colors-surface-action-icon-hover-low-contrast: hsla(227, 18%, 45%, 1);
46
46
  --colors-surface-action-icon-hover-high-contrast: hsla(0, 0%, 100%, 1);
47
47
  --colors-surface-action-icon-focus-low-contrast: hsla(227, 18%, 45%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-low-contrast: hsla(227, 18%, 45%, 1);
50
50
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
51
51
  --colors-surface-action-icon-disabled-low-contrast: hsla(226, 19%, 89%, 1);
52
- --colors-surface-action-icon-disabled-high-contrast: hsla(226, 15%, 54%, 0.32);
52
+ --colors-surface-action-icon-disabled-high-contrast: hsla(226, 15%, 54%, 0.18);
53
53
  --colors-overlay-background: hsla(226, 15%, 54%, 0.32);
54
54
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
55
55
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.18);
@@ -556,29 +556,32 @@
556
556
  --shadows-android-elevation-level-5: 5;
557
557
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
558
  --typography-fonts-family-code: monospace;
559
- --typography-fonts-size-10: 0.625rem;
560
- --typography-fonts-size-25: 0.6875rem;
559
+ --typography-fonts-size-10: 0.5625rem;
560
+ --typography-fonts-size-25: 0.625rem;
561
561
  --typography-fonts-size-50: 0.6875rem;
562
562
  --typography-fonts-size-75: 0.75rem;
563
- --typography-fonts-size-100: 0.9375rem;
564
- --typography-fonts-size-200: 1.0625rem;
565
- --typography-fonts-size-300: 1.125rem;
566
- --typography-fonts-size-400: 1.25rem;
567
- --typography-fonts-size-500: 1.375rem;
568
- --typography-fonts-size-600: 1.375rem;
563
+ --typography-fonts-size-100: 0.875rem;
564
+ --typography-fonts-size-200: 1rem;
565
+ --typography-fonts-size-300: 1rem;
566
+ --typography-fonts-size-400: 1.125rem;
567
+ --typography-fonts-size-500: 1.25rem;
568
+ --typography-fonts-size-600: 1.25rem;
569
569
  --typography-fonts-size-700: 1.5rem;
570
570
  --typography-fonts-size-800: 1.75rem;
571
- --typography-fonts-size-900: 1.8125rem;
572
- --typography-fonts-size-1000: 1.8125rem;
571
+ --typography-fonts-size-900: 2rem;
572
+ --typography-fonts-size-1000: 2rem;
573
573
  --typography-fonts-weight-regular: 400;
574
574
  --typography-fonts-weight-bold: 700;
575
- --typography-line-heights-s: 1rem;
576
- --typography-line-heights-m: 1.125rem;
577
- --typography-line-heights-l: 1.5rem;
578
- --typography-line-heights-xl: 1.75rem;
579
- --typography-line-heights-2xl: 1.5rem;
580
- --typography-line-heights-3xl: 1.75rem;
581
- --typography-line-heights-4xl: 2rem;
582
- --typography-line-heights-5xl: 1.875rem;
583
- --typography-line-heights-6xl: 2.5rem;
575
+ --typography-line-heights-0: 0rem;
576
+ --typography-line-heights-25: 0.875rem;
577
+ --typography-line-heights-50: 1rem;
578
+ --typography-line-heights-75: 1.125rem;
579
+ --typography-line-heights-100: 1.25rem;
580
+ --typography-line-heights-200: 1.25rem;
581
+ --typography-line-heights-300: 1.5rem;
582
+ --typography-line-heights-400: 1.5rem;
583
+ --typography-line-heights-500: 1.75rem;
584
+ --typography-line-heights-600: 2rem;
585
+ --typography-line-heights-700: 2.5rem;
586
+ --typography-line-heights-800: 2.5rem;
584
587
  }
package/build/css/paymentThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 31 Mar 2023 08:00:38 GMT
3
+ * Generated on Tue, 11 Apr 2023 07:35:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -41,7 +41,7 @@
41
41
  --colors-surface-text-placeholder-low-contrast: hsla(219, 10%, 60%, 1);
42
42
  --colors-surface-text-placeholder-high-contrast: hsla(219, 10%, 60%, 1);
43
43
  --colors-surface-action-icon-default-low-contrast: hsla(219, 12%, 45%, 1);
44
- --colors-surface-action-icon-default-high-contrast: hsla(218, 11%, 84%, 1);
44
+ --colors-surface-action-icon-default-high-contrast: hsla(220, 11%, 84%, 0.32);
45
45
  --colors-surface-action-icon-hover-low-contrast: hsla(218, 11%, 76%, 1);
46
46
  --colors-surface-action-icon-hover-high-contrast: hsla(0, 0%, 99%, 1);
47
47
  --colors-surface-action-icon-focus-low-contrast: hsla(218, 11%, 76%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-low-contrast: hsla(218, 11%, 76%, 1);
50
50
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
51
51
  --colors-surface-action-icon-disabled-low-contrast: hsla(220, 23%, 29%, 1);
52
- --colors-surface-action-icon-disabled-high-contrast: hsla(220, 11%, 84%, 0.32);
52
+ --colors-surface-action-icon-disabled-high-contrast: hsla(220, 11%, 84%, 0.18);
53
53
  --colors-overlay-background: hsla(217, 11%, 76%, 0.18);
54
54
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
55
55
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.32);
@@ -244,23 +244,23 @@
244
244
  --colors-feedback-negative-action-background-primary-active-high-contrast: hsla(5, 69%, 32%, 1);
245
245
  --colors-feedback-negative-action-background-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
246
246
  --colors-feedback-negative-action-background-primary-disabled-high-contrast: hsla(8, 73%, 47%, 1);
247
- --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
247
+ --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
248
248
  --colors-feedback-negative-action-border-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
249
- --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
249
+ --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
250
250
  --colors-feedback-negative-action-border-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
251
- --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
251
+ --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
252
252
  --colors-feedback-negative-action-border-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
253
- --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
253
+ --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
254
254
  --colors-feedback-negative-action-border-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
255
255
  --colors-feedback-negative-action-border-primary-disabled-low-contrast: hsla(5, 69%, 32%, 1);
256
256
  --colors-feedback-negative-action-border-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
257
- --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
257
+ --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
258
258
  --colors-feedback-negative-action-text-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
259
- --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
259
+ --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
260
260
  --colors-feedback-negative-action-text-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
261
- --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
261
+ --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
262
262
  --colors-feedback-negative-action-text-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
263
- --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
263
+ --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
264
264
  --colors-feedback-negative-action-text-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
265
265
  --colors-feedback-negative-action-text-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
266
266
  --colors-feedback-negative-action-text-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
@@ -274,13 +274,13 @@
274
274
  --colors-feedback-negative-action-text-link-active-high-contrast: hsla(0, 100%, 92%, 1);
275
275
  --colors-feedback-negative-action-text-link-disabled-low-contrast: hsla(5, 69%, 32%, 1);
276
276
  --colors-feedback-negative-action-text-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
277
- --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
277
+ --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
278
278
  --colors-feedback-negative-action-icon-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
279
- --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
279
+ --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
280
280
  --colors-feedback-negative-action-icon-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
281
- --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
281
+ --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
282
282
  --colors-feedback-negative-action-icon-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
283
- --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
283
+ --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
284
284
  --colors-feedback-negative-action-icon-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
285
285
  --colors-feedback-negative-action-icon-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
286
286
  --colors-feedback-negative-action-icon-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
@@ -565,20 +565,23 @@
565
565
  --typography-fonts-size-300: 1.125rem;
566
566
  --typography-fonts-size-400: 1.25rem;
567
567
  --typography-fonts-size-500: 1.375rem;
568
- --typography-fonts-size-600: 1.5625rem;
568
+ --typography-fonts-size-600: 1.5rem;
569
569
  --typography-fonts-size-700: 1.75rem;
570
570
  --typography-fonts-size-800: 2rem;
571
571
  --typography-fonts-size-900: 2.25rem;
572
572
  --typography-fonts-size-1000: 2.5rem;
573
573
  --typography-fonts-weight-regular: 400;
574
574
  --typography-fonts-weight-bold: 700;
575
- --typography-line-heights-s: 1rem;
576
- --typography-line-heights-m: 1rem;
577
- --typography-line-heights-l: 1.25rem;
578
- --typography-line-heights-xl: 1.5rem;
579
- --typography-line-heights-2xl: 1.5rem;
580
- --typography-line-heights-3xl: 1.75rem;
581
- --typography-line-heights-4xl: 2.5rem;
582
- --typography-line-heights-5xl: 2.625rem;
583
- --typography-line-heights-6xl: 3.75rem;
575
+ --typography-line-heights-0: 0rem;
576
+ --typography-line-heights-25: 0.875rem;
577
+ --typography-line-heights-50: 1rem;
578
+ --typography-line-heights-75: 1.125rem;
579
+ --typography-line-heights-100: 1.25rem;
580
+ --typography-line-heights-200: 1.5rem;
581
+ --typography-line-heights-300: 1.5rem;
582
+ --typography-line-heights-400: 1.75rem;
583
+ --typography-line-heights-500: 2rem;
584
+ --typography-line-heights-600: 2.5rem;
585
+ --typography-line-heights-700: 2.5rem;
586
+ --typography-line-heights-800: 3rem;
584
587
  }
package/build/css/paymentThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Fri, 31 Mar 2023 08:00:38 GMT
3
+ * Generated on Tue, 11 Apr 2023 07:35:16 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -41,7 +41,7 @@
41
41
  --colors-surface-text-placeholder-low-contrast: hsla(219, 10%, 60%, 1);
42
42
  --colors-surface-text-placeholder-high-contrast: hsla(219, 10%, 60%, 1);
43
43
  --colors-surface-action-icon-default-low-contrast: hsla(219, 12%, 45%, 1);
44
- --colors-surface-action-icon-default-high-contrast: hsla(218, 11%, 84%, 1);
44
+ --colors-surface-action-icon-default-high-contrast: hsla(220, 11%, 84%, 0.32);
45
45
  --colors-surface-action-icon-hover-low-contrast: hsla(218, 11%, 76%, 1);
46
46
  --colors-surface-action-icon-hover-high-contrast: hsla(0, 0%, 99%, 1);
47
47
  --colors-surface-action-icon-focus-low-contrast: hsla(218, 11%, 76%, 1);
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-low-contrast: hsla(218, 11%, 76%, 1);
50
50
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
51
51
  --colors-surface-action-icon-disabled-low-contrast: hsla(220, 23%, 29%, 1);
52
- --colors-surface-action-icon-disabled-high-contrast: hsla(220, 11%, 84%, 0.32);
52
+ --colors-surface-action-icon-disabled-high-contrast: hsla(220, 11%, 84%, 0.18);
53
53
  --colors-overlay-background: hsla(217, 11%, 76%, 0.18);
54
54
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
55
55
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.32);
@@ -244,23 +244,23 @@
244
244
  --colors-feedback-negative-action-background-primary-active-high-contrast: hsla(5, 69%, 32%, 1);
245
245
  --colors-feedback-negative-action-background-primary-disabled-low-contrast: hsla(9, 91%, 56%, 0.09);
246
246
  --colors-feedback-negative-action-background-primary-disabled-high-contrast: hsla(8, 73%, 47%, 1);
247
- --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(8, 73%, 47%, 1);
247
+ --colors-feedback-negative-action-border-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
248
248
  --colors-feedback-negative-action-border-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
249
- --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(8, 73%, 47%, 1);
249
+ --colors-feedback-negative-action-border-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
250
250
  --colors-feedback-negative-action-border-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
251
- --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(8, 73%, 47%, 1);
251
+ --colors-feedback-negative-action-border-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
252
252
  --colors-feedback-negative-action-border-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
253
- --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(8, 73%, 47%, 1);
253
+ --colors-feedback-negative-action-border-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
254
254
  --colors-feedback-negative-action-border-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
255
255
  --colors-feedback-negative-action-border-primary-disabled-low-contrast: hsla(5, 69%, 32%, 1);
256
256
  --colors-feedback-negative-action-border-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
257
- --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
257
+ --colors-feedback-negative-action-text-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
258
258
  --colors-feedback-negative-action-text-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
259
- --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
259
+ --colors-feedback-negative-action-text-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
260
260
  --colors-feedback-negative-action-text-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
261
- --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
261
+ --colors-feedback-negative-action-text-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
262
262
  --colors-feedback-negative-action-text-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
263
- --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
263
+ --colors-feedback-negative-action-text-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
264
264
  --colors-feedback-negative-action-text-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
265
265
  --colors-feedback-negative-action-text-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
266
266
  --colors-feedback-negative-action-text-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
@@ -274,13 +274,13 @@
274
274
  --colors-feedback-negative-action-text-link-active-high-contrast: hsla(0, 100%, 92%, 1);
275
275
  --colors-feedback-negative-action-text-link-disabled-low-contrast: hsla(5, 69%, 32%, 1);
276
276
  --colors-feedback-negative-action-text-link-disabled-high-contrast: hsla(8, 99%, 65%, 1);
277
- --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(8, 99%, 65%, 1);
277
+ --colors-feedback-negative-action-icon-primary-default-low-contrast: hsla(6, 100%, 75%, 1);
278
278
  --colors-feedback-negative-action-icon-primary-default-high-contrast: hsla(0, 100%, 97%, 1);
279
- --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(8, 99%, 65%, 1);
279
+ --colors-feedback-negative-action-icon-primary-hover-low-contrast: hsla(6, 100%, 75%, 1);
280
280
  --colors-feedback-negative-action-icon-primary-hover-high-contrast: hsla(0, 100%, 97%, 1);
281
- --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(8, 99%, 65%, 1);
281
+ --colors-feedback-negative-action-icon-primary-focus-low-contrast: hsla(6, 100%, 75%, 1);
282
282
  --colors-feedback-negative-action-icon-primary-focus-high-contrast: hsla(0, 100%, 97%, 1);
283
- --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(8, 99%, 65%, 1);
283
+ --colors-feedback-negative-action-icon-primary-active-low-contrast: hsla(6, 100%, 75%, 1);
284
284
  --colors-feedback-negative-action-icon-primary-active-high-contrast: hsla(0, 100%, 97%, 1);
285
285
  --colors-feedback-negative-action-icon-primary-disabled-low-contrast: hsla(7, 72%, 40%, 1);
286
286
  --colors-feedback-negative-action-icon-primary-disabled-high-contrast: hsla(8, 99%, 65%, 1);
@@ -556,29 +556,32 @@
556
556
  --shadows-android-elevation-level-5: 5;
557
557
  --typography-fonts-family-text: Lato, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
558
558
  --typography-fonts-family-code: monospace;
559
- --typography-fonts-size-10: 0.625rem;
560
- --typography-fonts-size-25: 0.6875rem;
559
+ --typography-fonts-size-10: 0.5625rem;
560
+ --typography-fonts-size-25: 0.625rem;
561
561
  --typography-fonts-size-50: 0.6875rem;
562
562
  --typography-fonts-size-75: 0.75rem;
563
- --typography-fonts-size-100: 0.9375rem;
564
- --typography-fonts-size-200: 1.0625rem;
565
- --typography-fonts-size-300: 1.125rem;
566
- --typography-fonts-size-400: 1.25rem;
567
- --typography-fonts-size-500: 1.375rem;
568
- --typography-fonts-size-600: 1.375rem;
563
+ --typography-fonts-size-100: 0.875rem;
564
+ --typography-fonts-size-200: 1rem;
565
+ --typography-fonts-size-300: 1rem;
566
+ --typography-fonts-size-400: 1.125rem;
567
+ --typography-fonts-size-500: 1.25rem;
568
+ --typography-fonts-size-600: 1.25rem;
569
569
  --typography-fonts-size-700: 1.5rem;
570
570
  --typography-fonts-size-800: 1.75rem;
571
- --typography-fonts-size-900: 1.8125rem;
572
- --typography-fonts-size-1000: 1.8125rem;
571
+ --typography-fonts-size-900: 2rem;
572
+ --typography-fonts-size-1000: 2rem;
573
573
  --typography-fonts-weight-regular: 400;
574
574
  --typography-fonts-weight-bold: 700;
575
- --typography-line-heights-s: 1rem;
576
- --typography-line-heights-m: 1.125rem;
577
- --typography-line-heights-l: 1.5rem;
578
- --typography-line-heights-xl: 1.75rem;
579
- --typography-line-heights-2xl: 1.5rem;
580
- --typography-line-heights-3xl: 1.75rem;
581
- --typography-line-heights-4xl: 2rem;
582
- --typography-line-heights-5xl: 1.875rem;
583
- --typography-line-heights-6xl: 2.5rem;
575
+ --typography-line-heights-0: 0rem;
576
+ --typography-line-heights-25: 0.875rem;
577
+ --typography-line-heights-50: 1rem;
578
+ --typography-line-heights-75: 1.125rem;
579
+ --typography-line-heights-100: 1.25rem;
580
+ --typography-line-heights-200: 1.25rem;
581
+ --typography-line-heights-300: 1.5rem;
582
+ --typography-line-heights-400: 1.5rem;
583
+ --typography-line-heights-500: 1.75rem;
584
+ --typography-line-heights-600: 2rem;
585
+ --typography-line-heights-700: 2.5rem;
586
+ --typography-line-heights-800: 2.5rem;
584
587
  }