@razorpay/blade 6.0.0 → 6.0.2

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 (18) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/build/components/index.native.js +2 -2
  3. package/build/components/index.native.js.map +1 -1
  4. package/build/components/index.web.js +9 -5
  5. package/build/components/index.web.js.map +1 -1
  6. package/build/css/bankingThemeDarkDesktop.css +1 -1
  7. package/build/css/bankingThemeDarkMobile.css +1 -1
  8. package/build/css/bankingThemeLightDesktop.css +30 -30
  9. package/build/css/bankingThemeLightMobile.css +30 -30
  10. package/build/css/paymentThemeDarkDesktop.css +1 -1
  11. package/build/css/paymentThemeDarkMobile.css +1 -1
  12. package/build/css/paymentThemeLightDesktop.css +30 -30
  13. package/build/css/paymentThemeLightMobile.css +30 -30
  14. package/build/tokens/index.native.js +1 -1
  15. package/build/tokens/index.native.js.map +1 -1
  16. package/build/tokens/index.web.js +6 -6
  17. package/build/tokens/index.web.js.map +1 -1
  18. package/package.json +9 -1
package/build/css/bankingThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jan 2023 05:37:55 GMT
3
+ * Generated on Fri, 27 Jan 2023 11:07:33 GMT
4
4
  */
5
5
 
6
6
  :root {
package/build/css/bankingThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jan 2023 05:37:55 GMT
3
+ * Generated on Fri, 27 Jan 2023 11:07:33 GMT
4
4
  */
5
5
 
6
6
  :root {
package/build/css/bankingThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jan 2023 05:37:55 GMT
3
+ * Generated on Fri, 27 Jan 2023 11:07:33 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -25,10 +25,10 @@
25
25
  --colors-surface-background-level2-high-contrast: hsla(226, 44%, 23%, 1);
26
26
  --colors-surface-background-level3-low-contrast: hsla(230, 27%, 98%, 1);
27
27
  --colors-surface-background-level3-high-contrast: hsla(226, 33%, 29%, 1);
28
- --colors-surface-border-normal-low-contrast: hsla(226, 44%, 23%, 0.18);
29
- --colors-surface-border-normal-high-contrast: hsla(226, 44%, 23%, 0.18);
30
- --colors-surface-border-subtle-low-contrast: hsla(226, 44%, 23%, 0.09);
31
- --colors-surface-border-subtle-high-contrast: hsla(226, 44%, 23%, 0.09);
28
+ --colors-surface-border-normal-low-contrast: hsla(226, 15%, 54%, 0.18);
29
+ --colors-surface-border-normal-high-contrast: hsla(226, 15%, 54%, 0.18);
30
+ --colors-surface-border-subtle-low-contrast: hsla(226, 15%, 54%, 0.09);
31
+ --colors-surface-border-subtle-high-contrast: hsla(226, 15%, 54%, 0.09);
32
32
  --colors-surface-text-normal-low-contrast: hsla(228, 56%, 17%, 1);
33
33
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 100%, 1);
34
34
  --colors-surface-text-subtle-low-contrast: hsla(226, 27%, 36%, 1);
@@ -48,8 +48,8 @@
48
48
  --colors-surface-action-icon-active-low-contrast: hsla(227, 18%, 45%, 1);
49
49
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
50
50
  --colors-surface-action-icon-disabled-low-contrast: hsla(226, 19%, 89%, 1);
51
- --colors-surface-action-icon-disabled-high-contrast: hsla(226, 44%, 23%, 0.32);
52
- --colors-overlay-background: hsla(226, 44%, 23%, 0.32);
51
+ --colors-surface-action-icon-disabled-high-contrast: hsla(226, 15%, 54%, 0.32);
52
+ --colors-overlay-background: hsla(226, 15%, 54%, 0.32);
53
53
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
54
54
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.18);
55
55
  --colors-brand-primary-500: hsla(213, 89%, 56%, 1);
@@ -68,12 +68,12 @@
68
68
  --colors-brand-gray-600-high-contrast: hsla(225, 18%, 69%, 1);
69
69
  --colors-brand-gray-700-low-contrast: hsla(227, 18%, 45%, 1);
70
70
  --colors-brand-gray-700-high-contrast: hsla(230, 30%, 96%, 1);
71
- --colors-brand-gray-a50-low-contrast: hsla(226, 44%, 23%, 0.09);
71
+ --colors-brand-gray-a50-low-contrast: hsla(226, 15%, 54%, 0.09);
72
72
  --colors-brand-gray-a50-high-contrast: hsla(223, 21%, 94%, 0.09);
73
- --colors-brand-gray-a100-low-contrast: hsla(226, 44%, 23%, 0.18);
73
+ --colors-brand-gray-a100-low-contrast: hsla(226, 15%, 54%, 0.18);
74
74
  --colors-brand-gray-a100-high-contrast: hsla(223, 21%, 94%, 0.18);
75
75
  --colors-brand-secondary-500: hsla(36, 100%, 44%, 1);
76
- --colors-feedback-background-neutral-low-contrast: hsla(226, 44%, 23%, 0.09);
76
+ --colors-feedback-background-neutral-low-contrast: hsla(226, 15%, 54%, 0.09);
77
77
  --colors-feedback-background-neutral-high-contrast: hsla(226, 33%, 29%, 1);
78
78
  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.09);
79
79
  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
@@ -83,7 +83,7 @@
83
83
  --colors-feedback-background-notice-high-contrast: hsla(38, 97%, 38%, 1);
84
84
  --colors-feedback-background-information-low-contrast: hsla(193, 100%, 35%, 0.09);
85
85
  --colors-feedback-background-information-high-contrast: hsla(193, 100%, 35%, 1);
86
- --colors-feedback-border-neutral-low-contrast: hsla(226, 44%, 23%, 0.32);
86
+ --colors-feedback-border-neutral-low-contrast: hsla(226, 15%, 54%, 0.32);
87
87
  --colors-feedback-border-neutral-high-contrast: hsla(226, 33%, 29%, 1);
88
88
  --colors-feedback-border-positive-low-contrast: hsla(155, 100%, 31%, 0.32);
89
89
  --colors-feedback-border-positive-high-contrast: hsla(160, 100%, 26%, 1);
@@ -113,25 +113,25 @@
113
113
  --colors-feedback-icon-notice-high-contrast: hsla(0, 0%, 100%, 1);
114
114
  --colors-feedback-icon-information-low-contrast: hsla(193, 100%, 35%, 1);
115
115
  --colors-feedback-icon-information-high-contrast: hsla(0, 0%, 100%, 1);
116
- --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(226, 44%, 23%, 0.09);
116
+ --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(226, 15%, 54%, 0.09);
117
117
  --colors-feedback-neutral-action-background-primary-default-high-contrast: hsla(226, 33%, 29%, 1);
118
- --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(226, 44%, 23%, 0.18);
118
+ --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(226, 15%, 54%, 0.18);
119
119
  --colors-feedback-neutral-action-background-primary-hover-high-contrast: hsla(226, 44%, 23%, 1);
120
- --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(226, 44%, 23%, 0.32);
120
+ --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(226, 15%, 54%, 0.32);
121
121
  --colors-feedback-neutral-action-background-primary-focus-high-contrast: hsla(228, 56%, 17%, 1);
122
- --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(226, 44%, 23%, 0.32);
122
+ --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(226, 15%, 54%, 0.32);
123
123
  --colors-feedback-neutral-action-background-primary-active-high-contrast: hsla(228, 56%, 17%, 1);
124
- --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(226, 44%, 23%, 0.09);
124
+ --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.09);
125
125
  --colors-feedback-neutral-action-background-primary-disabled-high-contrast: hsla(226, 33%, 29%, 1);
126
- --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(226, 44%, 23%, 0.32);
126
+ --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(226, 15%, 54%, 0.32);
127
127
  --colors-feedback-neutral-action-border-primary-default-high-contrast: hsla(225, 18%, 69%, 1);
128
- --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(226, 44%, 23%, 0.32);
128
+ --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(226, 15%, 54%, 0.32);
129
129
  --colors-feedback-neutral-action-border-primary-hover-high-contrast: hsla(225, 18%, 69%, 1);
130
- --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(226, 44%, 23%, 0.32);
130
+ --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(226, 15%, 54%, 0.32);
131
131
  --colors-feedback-neutral-action-border-primary-focus-high-contrast: hsla(225, 18%, 69%, 1);
132
- --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(226, 44%, 23%, 0.32);
132
+ --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(226, 15%, 54%, 0.32);
133
133
  --colors-feedback-neutral-action-border-primary-active-high-contrast: hsla(225, 18%, 69%, 1);
134
- --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
134
+ --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
135
135
  --colors-feedback-neutral-action-border-primary-disabled-high-contrast: hsla(226, 15%, 54%, 1);
136
136
  --colors-feedback-neutral-action-text-primary-default-low-contrast: hsla(226, 27%, 36%, 1);
137
137
  --colors-feedback-neutral-action-text-primary-default-high-contrast: hsla(230, 27%, 98%, 1);
@@ -141,7 +141,7 @@
141
141
  --colors-feedback-neutral-action-text-primary-focus-high-contrast: hsla(230, 27%, 98%, 1);
142
142
  --colors-feedback-neutral-action-text-primary-active-low-contrast: hsla(226, 27%, 36%, 1);
143
143
  --colors-feedback-neutral-action-text-primary-active-high-contrast: hsla(230, 27%, 98%, 1);
144
- --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
144
+ --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
145
145
  --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(226, 15%, 54%, 1);
146
146
  --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(226, 27%, 36%, 1);
147
147
  --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(230, 27%, 98%, 1);
@@ -151,7 +151,7 @@
151
151
  --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(228, 19%, 81%, 1);
152
152
  --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(226, 33%, 29%, 1);
153
153
  --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(228, 19%, 81%, 1);
154
- --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
154
+ --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
155
155
  --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(226, 15%, 54%, 1);
156
156
  --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(226, 27%, 36%, 1);
157
157
  --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(230, 27%, 98%, 1);
@@ -161,7 +161,7 @@
161
161
  --colors-feedback-neutral-action-icon-primary-focus-high-contrast: hsla(230, 27%, 98%, 1);
162
162
  --colors-feedback-neutral-action-icon-primary-active-low-contrast: hsla(226, 27%, 36%, 1);
163
163
  --colors-feedback-neutral-action-icon-primary-active-high-contrast: hsla(230, 27%, 98%, 1);
164
- --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
164
+ --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
165
165
  --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(226, 15%, 54%, 1);
166
166
  --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(226, 27%, 36%, 1);
167
167
  --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(230, 27%, 98%, 1);
@@ -171,7 +171,7 @@
171
171
  --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(228, 19%, 81%, 1);
172
172
  --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(226, 33%, 29%, 1);
173
173
  --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(228, 19%, 81%, 1);
174
- --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
174
+ --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
175
175
  --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(226, 15%, 54%, 1);
176
176
  --colors-feedback-positive-action-background-primary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
177
177
  --colors-feedback-positive-action-background-primary-default-high-contrast: hsla(160, 100%, 26%, 1);
@@ -543,11 +543,11 @@
543
543
  --shadows-blur-radius-level-3: 12;
544
544
  --shadows-blur-radius-level-4: 18;
545
545
  --shadows-blur-radius-level-5: 28;
546
- --shadows-color-level-1: hsla(226, 44%, 23%, 0.18);
547
- --shadows-color-level-2: hsla(226, 44%, 23%, 0.18);
548
- --shadows-color-level-3: hsla(226, 44%, 23%, 0.18);
549
- --shadows-color-level-4: hsla(226, 44%, 23%, 0.18);
550
- --shadows-color-level-5: hsla(226, 44%, 23%, 0.18);
546
+ --shadows-color-level-1: hsla(226, 15%, 54%, 0.18);
547
+ --shadows-color-level-2: hsla(226, 15%, 54%, 0.18);
548
+ --shadows-color-level-3: hsla(226, 15%, 54%, 0.18);
549
+ --shadows-color-level-4: hsla(226, 15%, 54%, 0.18);
550
+ --shadows-color-level-5: hsla(226, 15%, 54%, 0.18);
551
551
  --shadows-android-elevation-level-1: 5;
552
552
  --shadows-android-elevation-level-2: 5;
553
553
  --shadows-android-elevation-level-3: 5;
package/build/css/bankingThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jan 2023 05:37:55 GMT
3
+ * Generated on Fri, 27 Jan 2023 11:07:33 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -25,10 +25,10 @@
25
25
  --colors-surface-background-level2-high-contrast: hsla(226, 44%, 23%, 1);
26
26
  --colors-surface-background-level3-low-contrast: hsla(230, 27%, 98%, 1);
27
27
  --colors-surface-background-level3-high-contrast: hsla(226, 33%, 29%, 1);
28
- --colors-surface-border-normal-low-contrast: hsla(226, 44%, 23%, 0.18);
29
- --colors-surface-border-normal-high-contrast: hsla(226, 44%, 23%, 0.18);
30
- --colors-surface-border-subtle-low-contrast: hsla(226, 44%, 23%, 0.09);
31
- --colors-surface-border-subtle-high-contrast: hsla(226, 44%, 23%, 0.09);
28
+ --colors-surface-border-normal-low-contrast: hsla(226, 15%, 54%, 0.18);
29
+ --colors-surface-border-normal-high-contrast: hsla(226, 15%, 54%, 0.18);
30
+ --colors-surface-border-subtle-low-contrast: hsla(226, 15%, 54%, 0.09);
31
+ --colors-surface-border-subtle-high-contrast: hsla(226, 15%, 54%, 0.09);
32
32
  --colors-surface-text-normal-low-contrast: hsla(228, 56%, 17%, 1);
33
33
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 100%, 1);
34
34
  --colors-surface-text-subtle-low-contrast: hsla(226, 27%, 36%, 1);
@@ -48,8 +48,8 @@
48
48
  --colors-surface-action-icon-active-low-contrast: hsla(227, 18%, 45%, 1);
49
49
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
50
50
  --colors-surface-action-icon-disabled-low-contrast: hsla(226, 19%, 89%, 1);
51
- --colors-surface-action-icon-disabled-high-contrast: hsla(226, 44%, 23%, 0.32);
52
- --colors-overlay-background: hsla(226, 44%, 23%, 0.32);
51
+ --colors-surface-action-icon-disabled-high-contrast: hsla(226, 15%, 54%, 0.32);
52
+ --colors-overlay-background: hsla(226, 15%, 54%, 0.32);
53
53
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
54
54
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.18);
55
55
  --colors-brand-primary-500: hsla(213, 89%, 56%, 1);
@@ -68,12 +68,12 @@
68
68
  --colors-brand-gray-600-high-contrast: hsla(225, 18%, 69%, 1);
69
69
  --colors-brand-gray-700-low-contrast: hsla(227, 18%, 45%, 1);
70
70
  --colors-brand-gray-700-high-contrast: hsla(230, 30%, 96%, 1);
71
- --colors-brand-gray-a50-low-contrast: hsla(226, 44%, 23%, 0.09);
71
+ --colors-brand-gray-a50-low-contrast: hsla(226, 15%, 54%, 0.09);
72
72
  --colors-brand-gray-a50-high-contrast: hsla(223, 21%, 94%, 0.09);
73
- --colors-brand-gray-a100-low-contrast: hsla(226, 44%, 23%, 0.18);
73
+ --colors-brand-gray-a100-low-contrast: hsla(226, 15%, 54%, 0.18);
74
74
  --colors-brand-gray-a100-high-contrast: hsla(223, 21%, 94%, 0.18);
75
75
  --colors-brand-secondary-500: hsla(36, 100%, 44%, 1);
76
- --colors-feedback-background-neutral-low-contrast: hsla(226, 44%, 23%, 0.09);
76
+ --colors-feedback-background-neutral-low-contrast: hsla(226, 15%, 54%, 0.09);
77
77
  --colors-feedback-background-neutral-high-contrast: hsla(226, 33%, 29%, 1);
78
78
  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.09);
79
79
  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
@@ -83,7 +83,7 @@
83
83
  --colors-feedback-background-notice-high-contrast: hsla(38, 97%, 38%, 1);
84
84
  --colors-feedback-background-information-low-contrast: hsla(193, 100%, 35%, 0.09);
85
85
  --colors-feedback-background-information-high-contrast: hsla(193, 100%, 35%, 1);
86
- --colors-feedback-border-neutral-low-contrast: hsla(226, 44%, 23%, 0.32);
86
+ --colors-feedback-border-neutral-low-contrast: hsla(226, 15%, 54%, 0.32);
87
87
  --colors-feedback-border-neutral-high-contrast: hsla(226, 33%, 29%, 1);
88
88
  --colors-feedback-border-positive-low-contrast: hsla(155, 100%, 31%, 0.32);
89
89
  --colors-feedback-border-positive-high-contrast: hsla(160, 100%, 26%, 1);
@@ -113,25 +113,25 @@
113
113
  --colors-feedback-icon-notice-high-contrast: hsla(0, 0%, 100%, 1);
114
114
  --colors-feedback-icon-information-low-contrast: hsla(193, 100%, 35%, 1);
115
115
  --colors-feedback-icon-information-high-contrast: hsla(0, 0%, 100%, 1);
116
- --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(226, 44%, 23%, 0.09);
116
+ --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(226, 15%, 54%, 0.09);
117
117
  --colors-feedback-neutral-action-background-primary-default-high-contrast: hsla(226, 33%, 29%, 1);
118
- --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(226, 44%, 23%, 0.18);
118
+ --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(226, 15%, 54%, 0.18);
119
119
  --colors-feedback-neutral-action-background-primary-hover-high-contrast: hsla(226, 44%, 23%, 1);
120
- --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(226, 44%, 23%, 0.32);
120
+ --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(226, 15%, 54%, 0.32);
121
121
  --colors-feedback-neutral-action-background-primary-focus-high-contrast: hsla(228, 56%, 17%, 1);
122
- --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(226, 44%, 23%, 0.32);
122
+ --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(226, 15%, 54%, 0.32);
123
123
  --colors-feedback-neutral-action-background-primary-active-high-contrast: hsla(228, 56%, 17%, 1);
124
- --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(226, 44%, 23%, 0.09);
124
+ --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.09);
125
125
  --colors-feedback-neutral-action-background-primary-disabled-high-contrast: hsla(226, 33%, 29%, 1);
126
- --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(226, 44%, 23%, 0.32);
126
+ --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(226, 15%, 54%, 0.32);
127
127
  --colors-feedback-neutral-action-border-primary-default-high-contrast: hsla(225, 18%, 69%, 1);
128
- --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(226, 44%, 23%, 0.32);
128
+ --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(226, 15%, 54%, 0.32);
129
129
  --colors-feedback-neutral-action-border-primary-hover-high-contrast: hsla(225, 18%, 69%, 1);
130
- --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(226, 44%, 23%, 0.32);
130
+ --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(226, 15%, 54%, 0.32);
131
131
  --colors-feedback-neutral-action-border-primary-focus-high-contrast: hsla(225, 18%, 69%, 1);
132
- --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(226, 44%, 23%, 0.32);
132
+ --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(226, 15%, 54%, 0.32);
133
133
  --colors-feedback-neutral-action-border-primary-active-high-contrast: hsla(225, 18%, 69%, 1);
134
- --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
134
+ --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
135
135
  --colors-feedback-neutral-action-border-primary-disabled-high-contrast: hsla(226, 15%, 54%, 1);
136
136
  --colors-feedback-neutral-action-text-primary-default-low-contrast: hsla(226, 27%, 36%, 1);
137
137
  --colors-feedback-neutral-action-text-primary-default-high-contrast: hsla(230, 27%, 98%, 1);
@@ -141,7 +141,7 @@
141
141
  --colors-feedback-neutral-action-text-primary-focus-high-contrast: hsla(230, 27%, 98%, 1);
142
142
  --colors-feedback-neutral-action-text-primary-active-low-contrast: hsla(226, 27%, 36%, 1);
143
143
  --colors-feedback-neutral-action-text-primary-active-high-contrast: hsla(230, 27%, 98%, 1);
144
- --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
144
+ --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
145
145
  --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(226, 15%, 54%, 1);
146
146
  --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(226, 27%, 36%, 1);
147
147
  --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(230, 27%, 98%, 1);
@@ -151,7 +151,7 @@
151
151
  --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(228, 19%, 81%, 1);
152
152
  --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(226, 33%, 29%, 1);
153
153
  --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(228, 19%, 81%, 1);
154
- --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
154
+ --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
155
155
  --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(226, 15%, 54%, 1);
156
156
  --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(226, 27%, 36%, 1);
157
157
  --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(230, 27%, 98%, 1);
@@ -161,7 +161,7 @@
161
161
  --colors-feedback-neutral-action-icon-primary-focus-high-contrast: hsla(230, 27%, 98%, 1);
162
162
  --colors-feedback-neutral-action-icon-primary-active-low-contrast: hsla(226, 27%, 36%, 1);
163
163
  --colors-feedback-neutral-action-icon-primary-active-high-contrast: hsla(230, 27%, 98%, 1);
164
- --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
164
+ --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
165
165
  --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(226, 15%, 54%, 1);
166
166
  --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(226, 27%, 36%, 1);
167
167
  --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(230, 27%, 98%, 1);
@@ -171,7 +171,7 @@
171
171
  --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(228, 19%, 81%, 1);
172
172
  --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(226, 33%, 29%, 1);
173
173
  --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(228, 19%, 81%, 1);
174
- --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(226, 44%, 23%, 0.32);
174
+ --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(226, 15%, 54%, 0.32);
175
175
  --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(226, 15%, 54%, 1);
176
176
  --colors-feedback-positive-action-background-primary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
177
177
  --colors-feedback-positive-action-background-primary-default-high-contrast: hsla(160, 100%, 26%, 1);
@@ -543,11 +543,11 @@
543
543
  --shadows-blur-radius-level-3: 12;
544
544
  --shadows-blur-radius-level-4: 18;
545
545
  --shadows-blur-radius-level-5: 28;
546
- --shadows-color-level-1: hsla(226, 44%, 23%, 0.18);
547
- --shadows-color-level-2: hsla(226, 44%, 23%, 0.18);
548
- --shadows-color-level-3: hsla(226, 44%, 23%, 0.18);
549
- --shadows-color-level-4: hsla(226, 44%, 23%, 0.18);
550
- --shadows-color-level-5: hsla(226, 44%, 23%, 0.18);
546
+ --shadows-color-level-1: hsla(226, 15%, 54%, 0.18);
547
+ --shadows-color-level-2: hsla(226, 15%, 54%, 0.18);
548
+ --shadows-color-level-3: hsla(226, 15%, 54%, 0.18);
549
+ --shadows-color-level-4: hsla(226, 15%, 54%, 0.18);
550
+ --shadows-color-level-5: hsla(226, 15%, 54%, 0.18);
551
551
  --shadows-android-elevation-level-1: 5;
552
552
  --shadows-android-elevation-level-2: 5;
553
553
  --shadows-android-elevation-level-3: 5;
package/build/css/paymentThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jan 2023 05:37:55 GMT
3
+ * Generated on Fri, 27 Jan 2023 11:07:33 GMT
4
4
  */
5
5
 
6
6
  :root {
package/build/css/paymentThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jan 2023 05:37:55 GMT
3
+ * Generated on Fri, 27 Jan 2023 11:07:33 GMT
4
4
  */
5
5
 
6
6
  :root {
package/build/css/paymentThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jan 2023 05:37:55 GMT
3
+ * Generated on Fri, 27 Jan 2023 11:07:33 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -25,10 +25,10 @@
25
25
  --colors-surface-background-level2-high-contrast: hsla(216, 44%, 23%, 1);
26
26
  --colors-surface-background-level3-low-contrast: hsla(220, 27%, 98%, 1);
27
27
  --colors-surface-background-level3-high-contrast: hsla(216, 33%, 29%, 1);
28
- --colors-surface-border-normal-low-contrast: hsla(216, 44%, 23%, 0.18);
29
- --colors-surface-border-normal-high-contrast: hsla(216, 44%, 23%, 0.18);
30
- --colors-surface-border-subtle-low-contrast: hsla(216, 44%, 23%, 0.09);
31
- --colors-surface-border-subtle-high-contrast: hsla(216, 44%, 23%, 0.09);
28
+ --colors-surface-border-normal-low-contrast: hsla(216, 15%, 54%, 0.18);
29
+ --colors-surface-border-normal-high-contrast: hsla(216, 15%, 54%, 0.18);
30
+ --colors-surface-border-subtle-low-contrast: hsla(216, 15%, 54%, 0.09);
31
+ --colors-surface-border-subtle-high-contrast: hsla(216, 15%, 54%, 0.09);
32
32
  --colors-surface-text-normal-low-contrast: hsla(217, 56%, 17%, 1);
33
33
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 100%, 1);
34
34
  --colors-surface-text-subtle-low-contrast: hsla(216, 27%, 36%, 1);
@@ -48,8 +48,8 @@
48
48
  --colors-surface-action-icon-active-low-contrast: hsla(217, 18%, 45%, 1);
49
49
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
50
50
  --colors-surface-action-icon-disabled-low-contrast: hsla(216, 19%, 89%, 1);
51
- --colors-surface-action-icon-disabled-high-contrast: hsla(216, 44%, 23%, 0.32);
52
- --colors-overlay-background: hsla(216, 44%, 23%, 0.32);
51
+ --colors-surface-action-icon-disabled-high-contrast: hsla(216, 15%, 54%, 0.32);
52
+ --colors-overlay-background: hsla(216, 15%, 54%, 0.32);
53
53
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
54
54
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.18);
55
55
  --colors-brand-primary-500: hsla(213, 89%, 56%, 1);
@@ -68,12 +68,12 @@
68
68
  --colors-brand-gray-600-high-contrast: hsla(214, 18%, 69%, 1);
69
69
  --colors-brand-gray-700-low-contrast: hsla(217, 18%, 45%, 1);
70
70
  --colors-brand-gray-700-high-contrast: hsla(220, 30%, 96%, 1);
71
- --colors-brand-gray-a50-low-contrast: hsla(216, 44%, 23%, 0.09);
71
+ --colors-brand-gray-a50-low-contrast: hsla(216, 15%, 54%, 0.09);
72
72
  --colors-brand-gray-a50-high-contrast: hsla(214, 21%, 94%, 0.09);
73
- --colors-brand-gray-a100-low-contrast: hsla(216, 44%, 23%, 0.18);
73
+ --colors-brand-gray-a100-low-contrast: hsla(216, 15%, 54%, 0.18);
74
74
  --colors-brand-gray-a100-high-contrast: hsla(214, 21%, 94%, 0.18);
75
75
  --colors-brand-secondary-500: hsla(149, 99%, 35%, 1);
76
- --colors-feedback-background-neutral-low-contrast: hsla(216, 44%, 23%, 0.09);
76
+ --colors-feedback-background-neutral-low-contrast: hsla(216, 15%, 54%, 0.09);
77
77
  --colors-feedback-background-neutral-high-contrast: hsla(216, 33%, 29%, 1);
78
78
  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.09);
79
79
  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
@@ -83,7 +83,7 @@
83
83
  --colors-feedback-background-notice-high-contrast: hsla(38, 97%, 38%, 1);
84
84
  --colors-feedback-background-information-low-contrast: hsla(193, 100%, 35%, 0.09);
85
85
  --colors-feedback-background-information-high-contrast: hsla(193, 100%, 35%, 1);
86
- --colors-feedback-border-neutral-low-contrast: hsla(216, 44%, 23%, 0.32);
86
+ --colors-feedback-border-neutral-low-contrast: hsla(216, 15%, 54%, 0.32);
87
87
  --colors-feedback-border-neutral-high-contrast: hsla(216, 33%, 29%, 1);
88
88
  --colors-feedback-border-positive-low-contrast: hsla(155, 100%, 31%, 0.32);
89
89
  --colors-feedback-border-positive-high-contrast: hsla(160, 100%, 26%, 1);
@@ -113,25 +113,25 @@
113
113
  --colors-feedback-icon-notice-high-contrast: hsla(0, 0%, 100%, 1);
114
114
  --colors-feedback-icon-information-low-contrast: hsla(193, 100%, 35%, 1);
115
115
  --colors-feedback-icon-information-high-contrast: hsla(0, 0%, 100%, 1);
116
- --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(216, 44%, 23%, 0.09);
116
+ --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(216, 15%, 54%, 0.09);
117
117
  --colors-feedback-neutral-action-background-primary-default-high-contrast: hsla(216, 33%, 29%, 1);
118
- --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(216, 44%, 23%, 0.18);
118
+ --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(216, 15%, 54%, 0.18);
119
119
  --colors-feedback-neutral-action-background-primary-hover-high-contrast: hsla(216, 44%, 23%, 1);
120
- --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(216, 44%, 23%, 0.32);
120
+ --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
121
121
  --colors-feedback-neutral-action-background-primary-focus-high-contrast: hsla(217, 56%, 17%, 1);
122
- --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(216, 44%, 23%, 0.32);
122
+ --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
123
123
  --colors-feedback-neutral-action-background-primary-active-high-contrast: hsla(217, 56%, 17%, 1);
124
- --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(216, 44%, 23%, 0.09);
124
+ --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.09);
125
125
  --colors-feedback-neutral-action-background-primary-disabled-high-contrast: hsla(216, 33%, 29%, 1);
126
- --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(216, 44%, 23%, 0.32);
126
+ --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(216, 15%, 54%, 0.32);
127
127
  --colors-feedback-neutral-action-border-primary-default-high-contrast: hsla(214, 18%, 69%, 1);
128
- --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(216, 44%, 23%, 0.32);
128
+ --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(216, 15%, 54%, 0.32);
129
129
  --colors-feedback-neutral-action-border-primary-hover-high-contrast: hsla(214, 18%, 69%, 1);
130
- --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(216, 44%, 23%, 0.32);
130
+ --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
131
131
  --colors-feedback-neutral-action-border-primary-focus-high-contrast: hsla(214, 18%, 69%, 1);
132
- --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(216, 44%, 23%, 0.32);
132
+ --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
133
133
  --colors-feedback-neutral-action-border-primary-active-high-contrast: hsla(214, 18%, 69%, 1);
134
- --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
134
+ --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
135
135
  --colors-feedback-neutral-action-border-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
136
136
  --colors-feedback-neutral-action-text-primary-default-low-contrast: hsla(216, 27%, 36%, 1);
137
137
  --colors-feedback-neutral-action-text-primary-default-high-contrast: hsla(220, 27%, 98%, 1);
@@ -141,7 +141,7 @@
141
141
  --colors-feedback-neutral-action-text-primary-focus-high-contrast: hsla(220, 27%, 98%, 1);
142
142
  --colors-feedback-neutral-action-text-primary-active-low-contrast: hsla(216, 27%, 36%, 1);
143
143
  --colors-feedback-neutral-action-text-primary-active-high-contrast: hsla(220, 27%, 98%, 1);
144
- --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
144
+ --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
145
145
  --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
146
146
  --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(216, 27%, 36%, 1);
147
147
  --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(220, 27%, 98%, 1);
@@ -151,7 +151,7 @@
151
151
  --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(218, 19%, 81%, 1);
152
152
  --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(216, 33%, 29%, 1);
153
153
  --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(218, 19%, 81%, 1);
154
- --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
154
+ --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
155
155
  --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(216, 15%, 54%, 1);
156
156
  --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(216, 27%, 36%, 1);
157
157
  --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(220, 27%, 98%, 1);
@@ -161,7 +161,7 @@
161
161
  --colors-feedback-neutral-action-icon-primary-focus-high-contrast: hsla(220, 27%, 98%, 1);
162
162
  --colors-feedback-neutral-action-icon-primary-active-low-contrast: hsla(216, 27%, 36%, 1);
163
163
  --colors-feedback-neutral-action-icon-primary-active-high-contrast: hsla(220, 27%, 98%, 1);
164
- --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
164
+ --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
165
165
  --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
166
166
  --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(216, 27%, 36%, 1);
167
167
  --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(220, 27%, 98%, 1);
@@ -171,7 +171,7 @@
171
171
  --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(218, 19%, 81%, 1);
172
172
  --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(216, 33%, 29%, 1);
173
173
  --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(218, 19%, 81%, 1);
174
- --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
174
+ --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
175
175
  --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(216, 15%, 54%, 1);
176
176
  --colors-feedback-positive-action-background-primary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
177
177
  --colors-feedback-positive-action-background-primary-default-high-contrast: hsla(160, 100%, 26%, 1);
@@ -543,11 +543,11 @@
543
543
  --shadows-blur-radius-level-3: 12;
544
544
  --shadows-blur-radius-level-4: 18;
545
545
  --shadows-blur-radius-level-5: 28;
546
- --shadows-color-level-1: hsla(216, 44%, 23%, 0.18);
547
- --shadows-color-level-2: hsla(216, 44%, 23%, 0.18);
548
- --shadows-color-level-3: hsla(216, 44%, 23%, 0.18);
549
- --shadows-color-level-4: hsla(216, 44%, 23%, 0.18);
550
- --shadows-color-level-5: hsla(216, 44%, 23%, 0.18);
546
+ --shadows-color-level-1: hsla(216, 15%, 54%, 0.18);
547
+ --shadows-color-level-2: hsla(216, 15%, 54%, 0.18);
548
+ --shadows-color-level-3: hsla(216, 15%, 54%, 0.18);
549
+ --shadows-color-level-4: hsla(216, 15%, 54%, 0.18);
550
+ --shadows-color-level-5: hsla(216, 15%, 54%, 0.18);
551
551
  --shadows-android-elevation-level-1: 5;
552
552
  --shadows-android-elevation-level-2: 5;
553
553
  --shadows-android-elevation-level-3: 5;
package/build/css/paymentThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 18 Jan 2023 05:37:55 GMT
3
+ * Generated on Fri, 27 Jan 2023 11:07:33 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -25,10 +25,10 @@
25
25
  --colors-surface-background-level2-high-contrast: hsla(216, 44%, 23%, 1);
26
26
  --colors-surface-background-level3-low-contrast: hsla(220, 27%, 98%, 1);
27
27
  --colors-surface-background-level3-high-contrast: hsla(216, 33%, 29%, 1);
28
- --colors-surface-border-normal-low-contrast: hsla(216, 44%, 23%, 0.18);
29
- --colors-surface-border-normal-high-contrast: hsla(216, 44%, 23%, 0.18);
30
- --colors-surface-border-subtle-low-contrast: hsla(216, 44%, 23%, 0.09);
31
- --colors-surface-border-subtle-high-contrast: hsla(216, 44%, 23%, 0.09);
28
+ --colors-surface-border-normal-low-contrast: hsla(216, 15%, 54%, 0.18);
29
+ --colors-surface-border-normal-high-contrast: hsla(216, 15%, 54%, 0.18);
30
+ --colors-surface-border-subtle-low-contrast: hsla(216, 15%, 54%, 0.09);
31
+ --colors-surface-border-subtle-high-contrast: hsla(216, 15%, 54%, 0.09);
32
32
  --colors-surface-text-normal-low-contrast: hsla(217, 56%, 17%, 1);
33
33
  --colors-surface-text-normal-high-contrast: hsla(0, 0%, 100%, 1);
34
34
  --colors-surface-text-subtle-low-contrast: hsla(216, 27%, 36%, 1);
@@ -48,8 +48,8 @@
48
48
  --colors-surface-action-icon-active-low-contrast: hsla(217, 18%, 45%, 1);
49
49
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 100%, 1);
50
50
  --colors-surface-action-icon-disabled-low-contrast: hsla(216, 19%, 89%, 1);
51
- --colors-surface-action-icon-disabled-high-contrast: hsla(216, 44%, 23%, 0.32);
52
- --colors-overlay-background: hsla(216, 44%, 23%, 0.32);
51
+ --colors-surface-action-icon-disabled-high-contrast: hsla(216, 15%, 54%, 0.32);
52
+ --colors-overlay-background: hsla(216, 15%, 54%, 0.32);
53
53
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.09);
54
54
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.18);
55
55
  --colors-brand-primary-500: hsla(213, 89%, 56%, 1);
@@ -68,12 +68,12 @@
68
68
  --colors-brand-gray-600-high-contrast: hsla(214, 18%, 69%, 1);
69
69
  --colors-brand-gray-700-low-contrast: hsla(217, 18%, 45%, 1);
70
70
  --colors-brand-gray-700-high-contrast: hsla(220, 30%, 96%, 1);
71
- --colors-brand-gray-a50-low-contrast: hsla(216, 44%, 23%, 0.09);
71
+ --colors-brand-gray-a50-low-contrast: hsla(216, 15%, 54%, 0.09);
72
72
  --colors-brand-gray-a50-high-contrast: hsla(214, 21%, 94%, 0.09);
73
- --colors-brand-gray-a100-low-contrast: hsla(216, 44%, 23%, 0.18);
73
+ --colors-brand-gray-a100-low-contrast: hsla(216, 15%, 54%, 0.18);
74
74
  --colors-brand-gray-a100-high-contrast: hsla(214, 21%, 94%, 0.18);
75
75
  --colors-brand-secondary-500: hsla(149, 99%, 35%, 1);
76
- --colors-feedback-background-neutral-low-contrast: hsla(216, 44%, 23%, 0.09);
76
+ --colors-feedback-background-neutral-low-contrast: hsla(216, 15%, 54%, 0.09);
77
77
  --colors-feedback-background-neutral-high-contrast: hsla(216, 33%, 29%, 1);
78
78
  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.09);
79
79
  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
@@ -83,7 +83,7 @@
83
83
  --colors-feedback-background-notice-high-contrast: hsla(38, 97%, 38%, 1);
84
84
  --colors-feedback-background-information-low-contrast: hsla(193, 100%, 35%, 0.09);
85
85
  --colors-feedback-background-information-high-contrast: hsla(193, 100%, 35%, 1);
86
- --colors-feedback-border-neutral-low-contrast: hsla(216, 44%, 23%, 0.32);
86
+ --colors-feedback-border-neutral-low-contrast: hsla(216, 15%, 54%, 0.32);
87
87
  --colors-feedback-border-neutral-high-contrast: hsla(216, 33%, 29%, 1);
88
88
  --colors-feedback-border-positive-low-contrast: hsla(155, 100%, 31%, 0.32);
89
89
  --colors-feedback-border-positive-high-contrast: hsla(160, 100%, 26%, 1);
@@ -113,25 +113,25 @@
113
113
  --colors-feedback-icon-notice-high-contrast: hsla(0, 0%, 100%, 1);
114
114
  --colors-feedback-icon-information-low-contrast: hsla(193, 100%, 35%, 1);
115
115
  --colors-feedback-icon-information-high-contrast: hsla(0, 0%, 100%, 1);
116
- --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(216, 44%, 23%, 0.09);
116
+ --colors-feedback-neutral-action-background-primary-default-low-contrast: hsla(216, 15%, 54%, 0.09);
117
117
  --colors-feedback-neutral-action-background-primary-default-high-contrast: hsla(216, 33%, 29%, 1);
118
- --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(216, 44%, 23%, 0.18);
118
+ --colors-feedback-neutral-action-background-primary-hover-low-contrast: hsla(216, 15%, 54%, 0.18);
119
119
  --colors-feedback-neutral-action-background-primary-hover-high-contrast: hsla(216, 44%, 23%, 1);
120
- --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(216, 44%, 23%, 0.32);
120
+ --colors-feedback-neutral-action-background-primary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
121
121
  --colors-feedback-neutral-action-background-primary-focus-high-contrast: hsla(217, 56%, 17%, 1);
122
- --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(216, 44%, 23%, 0.32);
122
+ --colors-feedback-neutral-action-background-primary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
123
123
  --colors-feedback-neutral-action-background-primary-active-high-contrast: hsla(217, 56%, 17%, 1);
124
- --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(216, 44%, 23%, 0.09);
124
+ --colors-feedback-neutral-action-background-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.09);
125
125
  --colors-feedback-neutral-action-background-primary-disabled-high-contrast: hsla(216, 33%, 29%, 1);
126
- --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(216, 44%, 23%, 0.32);
126
+ --colors-feedback-neutral-action-border-primary-default-low-contrast: hsla(216, 15%, 54%, 0.32);
127
127
  --colors-feedback-neutral-action-border-primary-default-high-contrast: hsla(214, 18%, 69%, 1);
128
- --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(216, 44%, 23%, 0.32);
128
+ --colors-feedback-neutral-action-border-primary-hover-low-contrast: hsla(216, 15%, 54%, 0.32);
129
129
  --colors-feedback-neutral-action-border-primary-hover-high-contrast: hsla(214, 18%, 69%, 1);
130
- --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(216, 44%, 23%, 0.32);
130
+ --colors-feedback-neutral-action-border-primary-focus-low-contrast: hsla(216, 15%, 54%, 0.32);
131
131
  --colors-feedback-neutral-action-border-primary-focus-high-contrast: hsla(214, 18%, 69%, 1);
132
- --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(216, 44%, 23%, 0.32);
132
+ --colors-feedback-neutral-action-border-primary-active-low-contrast: hsla(216, 15%, 54%, 0.32);
133
133
  --colors-feedback-neutral-action-border-primary-active-high-contrast: hsla(214, 18%, 69%, 1);
134
- --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
134
+ --colors-feedback-neutral-action-border-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
135
135
  --colors-feedback-neutral-action-border-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
136
136
  --colors-feedback-neutral-action-text-primary-default-low-contrast: hsla(216, 27%, 36%, 1);
137
137
  --colors-feedback-neutral-action-text-primary-default-high-contrast: hsla(220, 27%, 98%, 1);
@@ -141,7 +141,7 @@
141
141
  --colors-feedback-neutral-action-text-primary-focus-high-contrast: hsla(220, 27%, 98%, 1);
142
142
  --colors-feedback-neutral-action-text-primary-active-low-contrast: hsla(216, 27%, 36%, 1);
143
143
  --colors-feedback-neutral-action-text-primary-active-high-contrast: hsla(220, 27%, 98%, 1);
144
- --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
144
+ --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
145
145
  --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
146
146
  --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(216, 27%, 36%, 1);
147
147
  --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(220, 27%, 98%, 1);
@@ -151,7 +151,7 @@
151
151
  --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(218, 19%, 81%, 1);
152
152
  --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(216, 33%, 29%, 1);
153
153
  --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(218, 19%, 81%, 1);
154
- --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
154
+ --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
155
155
  --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(216, 15%, 54%, 1);
156
156
  --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(216, 27%, 36%, 1);
157
157
  --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(220, 27%, 98%, 1);
@@ -161,7 +161,7 @@
161
161
  --colors-feedback-neutral-action-icon-primary-focus-high-contrast: hsla(220, 27%, 98%, 1);
162
162
  --colors-feedback-neutral-action-icon-primary-active-low-contrast: hsla(216, 27%, 36%, 1);
163
163
  --colors-feedback-neutral-action-icon-primary-active-high-contrast: hsla(220, 27%, 98%, 1);
164
- --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
164
+ --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
165
165
  --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(216, 15%, 54%, 1);
166
166
  --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(216, 27%, 36%, 1);
167
167
  --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(220, 27%, 98%, 1);
@@ -171,7 +171,7 @@
171
171
  --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(218, 19%, 81%, 1);
172
172
  --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(216, 33%, 29%, 1);
173
173
  --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(218, 19%, 81%, 1);
174
- --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(216, 44%, 23%, 0.32);
174
+ --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(216, 15%, 54%, 0.32);
175
175
  --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(216, 15%, 54%, 1);
176
176
  --colors-feedback-positive-action-background-primary-default-low-contrast: hsla(155, 100%, 31%, 0.09);
177
177
  --colors-feedback-positive-action-background-primary-default-high-contrast: hsla(160, 100%, 26%, 1);
@@ -543,11 +543,11 @@
543
543
  --shadows-blur-radius-level-3: 12;
544
544
  --shadows-blur-radius-level-4: 18;
545
545
  --shadows-blur-radius-level-5: 28;
546
- --shadows-color-level-1: hsla(216, 44%, 23%, 0.18);
547
- --shadows-color-level-2: hsla(216, 44%, 23%, 0.18);
548
- --shadows-color-level-3: hsla(216, 44%, 23%, 0.18);
549
- --shadows-color-level-4: hsla(216, 44%, 23%, 0.18);
550
- --shadows-color-level-5: hsla(216, 44%, 23%, 0.18);
546
+ --shadows-color-level-1: hsla(216, 15%, 54%, 0.18);
547
+ --shadows-color-level-2: hsla(216, 15%, 54%, 0.18);
548
+ --shadows-color-level-3: hsla(216, 15%, 54%, 0.18);
549
+ --shadows-color-level-4: hsla(216, 15%, 54%, 0.18);
550
+ --shadows-color-level-5: hsla(216, 15%, 54%, 0.18);
551
551
  --shadows-android-elevation-level-1: 5;
552
552
  --shadows-android-elevation-level-2: 5;
553
553
  --shadows-android-elevation-level-3: 5;