@razorpay/blade 3.6.2 → 3.7.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (20) hide show
  1. package/CHANGELOG.md +16 -0
  2. package/build/components/index.d.ts +38 -1
  3. package/build/components/index.native.d.ts +38 -1
  4. package/build/components/index.native.js +8 -6
  5. package/build/components/index.native.js.map +1 -1
  6. package/build/components/index.web.js +215 -133
  7. package/build/components/index.web.js.map +1 -1
  8. package/build/css/bankingThemeDarkDesktop.css +15 -15
  9. package/build/css/bankingThemeDarkMobile.css +15 -15
  10. package/build/css/bankingThemeLightDesktop.css +1 -1
  11. package/build/css/bankingThemeLightMobile.css +1 -1
  12. package/build/css/paymentThemeDarkDesktop.css +15 -15
  13. package/build/css/paymentThemeDarkMobile.css +15 -15
  14. package/build/css/paymentThemeLightDesktop.css +1 -1
  15. package/build/css/paymentThemeLightMobile.css +1 -1
  16. package/build/tokens/index.native.js +2 -2
  17. package/build/tokens/index.native.js.map +1 -1
  18. package/build/tokens/index.web.js +28 -28
  19. package/build/tokens/index.web.js.map +1 -1
  20. package/package.json +3 -3
package/build/css/bankingThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 13:49:41 GMT
3
+ * Generated on Thu, 17 Nov 2022 12:53:38 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
50
50
  --colors-surface-action-icon-disabled-low-contrast: hsla(230, 23%, 29%, 1);
51
51
  --colors-surface-action-icon-disabled-high-contrast: hsla(233, 11%, 84%, 0.32);
52
- --colors-overlay-background: hsla(230, 23%, 29%, 1);
52
+ --colors-overlay-background: hsla(231, 11%, 76%, 0.18);
53
53
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
54
54
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.32);
55
55
  --colors-brand-primary-500: hsla(213, 91%, 66%, 1);
@@ -74,7 +74,7 @@
74
74
  --colors-brand-gray-a100-high-contrast: hsla(231, 11%, 76%, 0.18);
75
75
  --colors-brand-secondary-500: hsla(36, 100%, 44%, 1);
76
76
  --colors-feedback-background-neutral-low-contrast: hsla(233, 11%, 84%, 0.18);
77
- --colors-feedback-background-neutral-high-contrast: hsla(228, 12%, 92%, 1);
77
+ --colors-feedback-background-neutral-high-contrast: hsla(233, 11%, 84%, 0.18);
78
78
  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.18);
79
79
  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
80
80
  --colors-feedback-background-negative-low-contrast: hsla(9, 91%, 56%, 0.18);
@@ -94,7 +94,7 @@
94
94
  --colors-feedback-border-information-low-contrast: hsla(193, 100%, 35%, 0.32);
95
95
  --colors-feedback-border-information-high-contrast: hsla(193, 100%, 35%, 1);
96
96
  --colors-feedback-text-neutral-low-contrast: hsla(233, 11%, 84%, 1);
97
- --colors-feedback-text-neutral-high-contrast: hsla(231, 41%, 19%, 1);
97
+ --colors-feedback-text-neutral-high-contrast: hsla(228, 12%, 92%, 1);
98
98
  --colors-feedback-text-positive-low-contrast: hsla(149, 99%, 35%, 1);
99
99
  --colors-feedback-text-positive-high-contrast: hsla(0, 0%, 99%, 1);
100
100
  --colors-feedback-text-negative-low-contrast: hsla(6, 100%, 75%, 1);
@@ -104,7 +104,7 @@
104
104
  --colors-feedback-text-information-low-contrast: hsla(187, 68%, 52%, 1);
105
105
  --colors-feedback-text-information-high-contrast: hsla(0, 0%, 99%, 1);
106
106
  --colors-feedback-icon-neutral-low-contrast: hsla(233, 11%, 84%, 1);
107
- --colors-feedback-icon-neutral-high-contrast: hsla(231, 41%, 19%, 1);
107
+ --colors-feedback-icon-neutral-high-contrast: hsla(228, 12%, 92%, 1);
108
108
  --colors-feedback-icon-positive-low-contrast: hsla(149, 99%, 35%, 1);
109
109
  --colors-feedback-icon-positive-high-contrast: hsla(0, 0%, 99%, 1);
110
110
  --colors-feedback-icon-negative-low-contrast: hsla(9, 91%, 56%, 1);
@@ -144,15 +144,15 @@
144
144
  --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(229, 12%, 45%, 1);
145
145
  --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(229, 10%, 60%, 1);
146
146
  --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(233, 11%, 84%, 1);
147
- --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(231, 35%, 22%, 1);
147
+ --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(233, 11%, 84%, 1);
148
148
  --colors-feedback-neutral-action-text-link-hover-low-contrast: hsla(231, 11%, 76%, 1);
149
- --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(230, 16%, 37%, 1);
149
+ --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(231, 11%, 76%, 1);
150
150
  --colors-feedback-neutral-action-text-link-focus-low-contrast: hsla(229, 10%, 60%, 1);
151
- --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(229, 12%, 45%, 1);
151
+ --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(229, 10%, 60%, 1);
152
152
  --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(229, 10%, 60%, 1);
153
- --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(229, 12%, 45%, 1);
153
+ --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(229, 10%, 60%, 1);
154
154
  --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(229, 12%, 45%, 1);
155
- --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(229, 10%, 60%, 1);
155
+ --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(229, 12%, 45%, 1);
156
156
  --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(233, 11%, 84%, 1);
157
157
  --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(231, 35%, 22%, 1);
158
158
  --colors-feedback-neutral-action-icon-primary-hover-low-contrast: hsla(233, 11%, 84%, 1);
@@ -164,15 +164,15 @@
164
164
  --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(229, 12%, 45%, 1);
165
165
  --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(229, 10%, 60%, 1);
166
166
  --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(233, 11%, 84%, 1);
167
- --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(231, 35%, 22%, 1);
167
+ --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(233, 11%, 84%, 1);
168
168
  --colors-feedback-neutral-action-icon-link-hover-low-contrast: hsla(231, 11%, 76%, 1);
169
- --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(230, 16%, 37%, 1);
169
+ --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(231, 11%, 76%, 1);
170
170
  --colors-feedback-neutral-action-icon-link-focus-low-contrast: hsla(229, 10%, 60%, 1);
171
- --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(229, 12%, 45%, 1);
171
+ --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(229, 10%, 60%, 1);
172
172
  --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(229, 10%, 60%, 1);
173
- --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(229, 12%, 45%, 1);
173
+ --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(229, 10%, 60%, 1);
174
174
  --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(229, 12%, 45%, 1);
175
- --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(229, 10%, 60%, 1);
175
+ --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(229, 12%, 45%, 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);
178
178
  --colors-feedback-positive-action-background-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
package/build/css/bankingThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 13:49:41 GMT
3
+ * Generated on Thu, 17 Nov 2022 12:53:38 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
50
50
  --colors-surface-action-icon-disabled-low-contrast: hsla(230, 23%, 29%, 1);
51
51
  --colors-surface-action-icon-disabled-high-contrast: hsla(233, 11%, 84%, 0.32);
52
- --colors-overlay-background: hsla(230, 23%, 29%, 1);
52
+ --colors-overlay-background: hsla(231, 11%, 76%, 0.18);
53
53
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
54
54
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.32);
55
55
  --colors-brand-primary-500: hsla(213, 91%, 66%, 1);
@@ -74,7 +74,7 @@
74
74
  --colors-brand-gray-a100-high-contrast: hsla(231, 11%, 76%, 0.18);
75
75
  --colors-brand-secondary-500: hsla(36, 100%, 44%, 1);
76
76
  --colors-feedback-background-neutral-low-contrast: hsla(233, 11%, 84%, 0.18);
77
- --colors-feedback-background-neutral-high-contrast: hsla(228, 12%, 92%, 1);
77
+ --colors-feedback-background-neutral-high-contrast: hsla(233, 11%, 84%, 0.18);
78
78
  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.18);
79
79
  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
80
80
  --colors-feedback-background-negative-low-contrast: hsla(9, 91%, 56%, 0.18);
@@ -94,7 +94,7 @@
94
94
  --colors-feedback-border-information-low-contrast: hsla(193, 100%, 35%, 0.32);
95
95
  --colors-feedback-border-information-high-contrast: hsla(193, 100%, 35%, 1);
96
96
  --colors-feedback-text-neutral-low-contrast: hsla(233, 11%, 84%, 1);
97
- --colors-feedback-text-neutral-high-contrast: hsla(231, 41%, 19%, 1);
97
+ --colors-feedback-text-neutral-high-contrast: hsla(228, 12%, 92%, 1);
98
98
  --colors-feedback-text-positive-low-contrast: hsla(149, 99%, 35%, 1);
99
99
  --colors-feedback-text-positive-high-contrast: hsla(0, 0%, 99%, 1);
100
100
  --colors-feedback-text-negative-low-contrast: hsla(6, 100%, 75%, 1);
@@ -104,7 +104,7 @@
104
104
  --colors-feedback-text-information-low-contrast: hsla(187, 68%, 52%, 1);
105
105
  --colors-feedback-text-information-high-contrast: hsla(0, 0%, 99%, 1);
106
106
  --colors-feedback-icon-neutral-low-contrast: hsla(233, 11%, 84%, 1);
107
- --colors-feedback-icon-neutral-high-contrast: hsla(231, 41%, 19%, 1);
107
+ --colors-feedback-icon-neutral-high-contrast: hsla(228, 12%, 92%, 1);
108
108
  --colors-feedback-icon-positive-low-contrast: hsla(149, 99%, 35%, 1);
109
109
  --colors-feedback-icon-positive-high-contrast: hsla(0, 0%, 99%, 1);
110
110
  --colors-feedback-icon-negative-low-contrast: hsla(9, 91%, 56%, 1);
@@ -144,15 +144,15 @@
144
144
  --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(229, 12%, 45%, 1);
145
145
  --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(229, 10%, 60%, 1);
146
146
  --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(233, 11%, 84%, 1);
147
- --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(231, 35%, 22%, 1);
147
+ --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(233, 11%, 84%, 1);
148
148
  --colors-feedback-neutral-action-text-link-hover-low-contrast: hsla(231, 11%, 76%, 1);
149
- --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(230, 16%, 37%, 1);
149
+ --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(231, 11%, 76%, 1);
150
150
  --colors-feedback-neutral-action-text-link-focus-low-contrast: hsla(229, 10%, 60%, 1);
151
- --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(229, 12%, 45%, 1);
151
+ --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(229, 10%, 60%, 1);
152
152
  --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(229, 10%, 60%, 1);
153
- --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(229, 12%, 45%, 1);
153
+ --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(229, 10%, 60%, 1);
154
154
  --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(229, 12%, 45%, 1);
155
- --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(229, 10%, 60%, 1);
155
+ --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(229, 12%, 45%, 1);
156
156
  --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(233, 11%, 84%, 1);
157
157
  --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(231, 35%, 22%, 1);
158
158
  --colors-feedback-neutral-action-icon-primary-hover-low-contrast: hsla(233, 11%, 84%, 1);
@@ -164,15 +164,15 @@
164
164
  --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(229, 12%, 45%, 1);
165
165
  --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(229, 10%, 60%, 1);
166
166
  --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(233, 11%, 84%, 1);
167
- --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(231, 35%, 22%, 1);
167
+ --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(233, 11%, 84%, 1);
168
168
  --colors-feedback-neutral-action-icon-link-hover-low-contrast: hsla(231, 11%, 76%, 1);
169
- --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(230, 16%, 37%, 1);
169
+ --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(231, 11%, 76%, 1);
170
170
  --colors-feedback-neutral-action-icon-link-focus-low-contrast: hsla(229, 10%, 60%, 1);
171
- --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(229, 12%, 45%, 1);
171
+ --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(229, 10%, 60%, 1);
172
172
  --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(229, 10%, 60%, 1);
173
- --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(229, 12%, 45%, 1);
173
+ --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(229, 10%, 60%, 1);
174
174
  --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(229, 12%, 45%, 1);
175
- --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(229, 10%, 60%, 1);
175
+ --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(229, 12%, 45%, 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);
178
178
  --colors-feedback-positive-action-background-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
package/build/css/bankingThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 13:49:40 GMT
3
+ * Generated on Thu, 17 Nov 2022 12:53:38 GMT
4
4
  */
5
5
 
6
6
  :root {
package/build/css/bankingThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 13:49:41 GMT
3
+ * Generated on Thu, 17 Nov 2022 12:53:38 GMT
4
4
  */
5
5
 
6
6
  :root {
package/build/css/paymentThemeDarkDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 13:49:40 GMT
3
+ * Generated on Thu, 17 Nov 2022 12:53:38 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
50
50
  --colors-surface-action-icon-disabled-low-contrast: hsla(220, 23%, 29%, 1);
51
51
  --colors-surface-action-icon-disabled-high-contrast: hsla(220, 11%, 84%, 0.32);
52
- --colors-overlay-background: hsla(220, 23%, 29%, 1);
52
+ --colors-overlay-background: hsla(217, 11%, 76%, 0.18);
53
53
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
54
54
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.32);
55
55
  --colors-brand-primary-500: hsla(213, 91%, 66%, 1);
@@ -74,7 +74,7 @@
74
74
  --colors-brand-gray-a100-high-contrast: hsla(217, 11%, 76%, 0.18);
75
75
  --colors-brand-secondary-500: hsla(149, 99%, 35%, 1);
76
76
  --colors-feedback-background-neutral-low-contrast: hsla(220, 11%, 84%, 0.18);
77
- --colors-feedback-background-neutral-high-contrast: hsla(215, 12%, 92%, 1);
77
+ --colors-feedback-background-neutral-high-contrast: hsla(220, 11%, 84%, 0.18);
78
78
  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.18);
79
79
  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
80
80
  --colors-feedback-background-negative-low-contrast: hsla(9, 91%, 56%, 0.18);
@@ -94,7 +94,7 @@
94
94
  --colors-feedback-border-information-low-contrast: hsla(193, 100%, 35%, 0.32);
95
95
  --colors-feedback-border-information-high-contrast: hsla(193, 100%, 35%, 1);
96
96
  --colors-feedback-text-neutral-low-contrast: hsla(218, 11%, 84%, 1);
97
- --colors-feedback-text-neutral-high-contrast: hsla(219, 41%, 19%, 1);
97
+ --colors-feedback-text-neutral-high-contrast: hsla(215, 12%, 92%, 1);
98
98
  --colors-feedback-text-positive-low-contrast: hsla(149, 99%, 35%, 1);
99
99
  --colors-feedback-text-positive-high-contrast: hsla(0, 0%, 99%, 1);
100
100
  --colors-feedback-text-negative-low-contrast: hsla(6, 100%, 75%, 1);
@@ -104,7 +104,7 @@
104
104
  --colors-feedback-text-information-low-contrast: hsla(187, 68%, 52%, 1);
105
105
  --colors-feedback-text-information-high-contrast: hsla(0, 0%, 99%, 1);
106
106
  --colors-feedback-icon-neutral-low-contrast: hsla(218, 11%, 84%, 1);
107
- --colors-feedback-icon-neutral-high-contrast: hsla(219, 41%, 19%, 1);
107
+ --colors-feedback-icon-neutral-high-contrast: hsla(215, 12%, 92%, 1);
108
108
  --colors-feedback-icon-positive-low-contrast: hsla(149, 99%, 35%, 1);
109
109
  --colors-feedback-icon-positive-high-contrast: hsla(0, 0%, 99%, 1);
110
110
  --colors-feedback-icon-negative-low-contrast: hsla(6, 100%, 75%, 1);
@@ -144,15 +144,15 @@
144
144
  --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(219, 12%, 45%, 1);
145
145
  --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(219, 10%, 60%, 1);
146
146
  --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(218, 11%, 84%, 1);
147
- --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(220, 35%, 22%, 1);
147
+ --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(218, 11%, 84%, 1);
148
148
  --colors-feedback-neutral-action-text-link-hover-low-contrast: hsla(218, 11%, 76%, 1);
149
- --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(220, 16%, 37%, 1);
149
+ --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(218, 11%, 76%, 1);
150
150
  --colors-feedback-neutral-action-text-link-focus-low-contrast: hsla(219, 10%, 60%, 1);
151
- --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(219, 12%, 45%, 1);
151
+ --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(219, 10%, 60%, 1);
152
152
  --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(219, 10%, 60%, 1);
153
- --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(219, 12%, 45%, 1);
153
+ --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(219, 10%, 60%, 1);
154
154
  --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(219, 12%, 45%, 1);
155
- --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(219, 10%, 60%, 1);
155
+ --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(219, 12%, 45%, 1);
156
156
  --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(218, 11%, 84%, 1);
157
157
  --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(220, 35%, 22%, 1);
158
158
  --colors-feedback-neutral-action-icon-primary-hover-low-contrast: hsla(218, 11%, 84%, 1);
@@ -164,15 +164,15 @@
164
164
  --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(219, 12%, 45%, 1);
165
165
  --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(219, 10%, 60%, 1);
166
166
  --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(218, 11%, 84%, 1);
167
- --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(220, 35%, 22%, 1);
167
+ --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(218, 11%, 84%, 1);
168
168
  --colors-feedback-neutral-action-icon-link-hover-low-contrast: hsla(218, 11%, 76%, 1);
169
- --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(220, 16%, 37%, 1);
169
+ --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(218, 11%, 76%, 1);
170
170
  --colors-feedback-neutral-action-icon-link-focus-low-contrast: hsla(219, 10%, 60%, 1);
171
- --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(219, 12%, 45%, 1);
171
+ --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(219, 10%, 60%, 1);
172
172
  --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(219, 10%, 60%, 1);
173
- --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(219, 12%, 45%, 1);
173
+ --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(219, 10%, 60%, 1);
174
174
  --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(219, 12%, 45%, 1);
175
- --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(219, 10%, 60%, 1);
175
+ --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(219, 12%, 45%, 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);
178
178
  --colors-feedback-positive-action-background-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
package/build/css/paymentThemeDarkMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 13:49:40 GMT
3
+ * Generated on Thu, 17 Nov 2022 12:53:38 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -49,7 +49,7 @@
49
49
  --colors-surface-action-icon-active-high-contrast: hsla(0, 0%, 99%, 1);
50
50
  --colors-surface-action-icon-disabled-low-contrast: hsla(220, 23%, 29%, 1);
51
51
  --colors-surface-action-icon-disabled-high-contrast: hsla(220, 11%, 84%, 0.32);
52
- --colors-overlay-background: hsla(220, 23%, 29%, 1);
52
+ --colors-overlay-background: hsla(217, 11%, 76%, 0.18);
53
53
  --colors-brand-primary-300: hsla(218, 89%, 51%, 0.18);
54
54
  --colors-brand-primary-400: hsla(218, 89%, 51%, 0.32);
55
55
  --colors-brand-primary-500: hsla(213, 91%, 66%, 1);
@@ -74,7 +74,7 @@
74
74
  --colors-brand-gray-a100-high-contrast: hsla(217, 11%, 76%, 0.18);
75
75
  --colors-brand-secondary-500: hsla(149, 99%, 35%, 1);
76
76
  --colors-feedback-background-neutral-low-contrast: hsla(220, 11%, 84%, 0.18);
77
- --colors-feedback-background-neutral-high-contrast: hsla(215, 12%, 92%, 1);
77
+ --colors-feedback-background-neutral-high-contrast: hsla(220, 11%, 84%, 0.18);
78
78
  --colors-feedback-background-positive-low-contrast: hsla(155, 100%, 31%, 0.18);
79
79
  --colors-feedback-background-positive-high-contrast: hsla(160, 100%, 26%, 1);
80
80
  --colors-feedback-background-negative-low-contrast: hsla(9, 91%, 56%, 0.18);
@@ -94,7 +94,7 @@
94
94
  --colors-feedback-border-information-low-contrast: hsla(193, 100%, 35%, 0.32);
95
95
  --colors-feedback-border-information-high-contrast: hsla(193, 100%, 35%, 1);
96
96
  --colors-feedback-text-neutral-low-contrast: hsla(218, 11%, 84%, 1);
97
- --colors-feedback-text-neutral-high-contrast: hsla(219, 41%, 19%, 1);
97
+ --colors-feedback-text-neutral-high-contrast: hsla(215, 12%, 92%, 1);
98
98
  --colors-feedback-text-positive-low-contrast: hsla(149, 99%, 35%, 1);
99
99
  --colors-feedback-text-positive-high-contrast: hsla(0, 0%, 99%, 1);
100
100
  --colors-feedback-text-negative-low-contrast: hsla(6, 100%, 75%, 1);
@@ -104,7 +104,7 @@
104
104
  --colors-feedback-text-information-low-contrast: hsla(187, 68%, 52%, 1);
105
105
  --colors-feedback-text-information-high-contrast: hsla(0, 0%, 99%, 1);
106
106
  --colors-feedback-icon-neutral-low-contrast: hsla(218, 11%, 84%, 1);
107
- --colors-feedback-icon-neutral-high-contrast: hsla(219, 41%, 19%, 1);
107
+ --colors-feedback-icon-neutral-high-contrast: hsla(215, 12%, 92%, 1);
108
108
  --colors-feedback-icon-positive-low-contrast: hsla(149, 99%, 35%, 1);
109
109
  --colors-feedback-icon-positive-high-contrast: hsla(0, 0%, 99%, 1);
110
110
  --colors-feedback-icon-negative-low-contrast: hsla(6, 100%, 75%, 1);
@@ -144,15 +144,15 @@
144
144
  --colors-feedback-neutral-action-text-primary-disabled-low-contrast: hsla(219, 12%, 45%, 1);
145
145
  --colors-feedback-neutral-action-text-primary-disabled-high-contrast: hsla(219, 10%, 60%, 1);
146
146
  --colors-feedback-neutral-action-text-link-default-low-contrast: hsla(218, 11%, 84%, 1);
147
- --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(220, 35%, 22%, 1);
147
+ --colors-feedback-neutral-action-text-link-default-high-contrast: hsla(218, 11%, 84%, 1);
148
148
  --colors-feedback-neutral-action-text-link-hover-low-contrast: hsla(218, 11%, 76%, 1);
149
- --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(220, 16%, 37%, 1);
149
+ --colors-feedback-neutral-action-text-link-hover-high-contrast: hsla(218, 11%, 76%, 1);
150
150
  --colors-feedback-neutral-action-text-link-focus-low-contrast: hsla(219, 10%, 60%, 1);
151
- --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(219, 12%, 45%, 1);
151
+ --colors-feedback-neutral-action-text-link-focus-high-contrast: hsla(219, 10%, 60%, 1);
152
152
  --colors-feedback-neutral-action-text-link-active-low-contrast: hsla(219, 10%, 60%, 1);
153
- --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(219, 12%, 45%, 1);
153
+ --colors-feedback-neutral-action-text-link-active-high-contrast: hsla(219, 10%, 60%, 1);
154
154
  --colors-feedback-neutral-action-text-link-disabled-low-contrast: hsla(219, 12%, 45%, 1);
155
- --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(219, 10%, 60%, 1);
155
+ --colors-feedback-neutral-action-text-link-disabled-high-contrast: hsla(219, 12%, 45%, 1);
156
156
  --colors-feedback-neutral-action-icon-primary-default-low-contrast: hsla(218, 11%, 84%, 1);
157
157
  --colors-feedback-neutral-action-icon-primary-default-high-contrast: hsla(220, 35%, 22%, 1);
158
158
  --colors-feedback-neutral-action-icon-primary-hover-low-contrast: hsla(218, 11%, 84%, 1);
@@ -164,15 +164,15 @@
164
164
  --colors-feedback-neutral-action-icon-primary-disabled-low-contrast: hsla(219, 12%, 45%, 1);
165
165
  --colors-feedback-neutral-action-icon-primary-disabled-high-contrast: hsla(219, 10%, 60%, 1);
166
166
  --colors-feedback-neutral-action-icon-link-default-low-contrast: hsla(218, 11%, 84%, 1);
167
- --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(220, 35%, 22%, 1);
167
+ --colors-feedback-neutral-action-icon-link-default-high-contrast: hsla(218, 11%, 84%, 1);
168
168
  --colors-feedback-neutral-action-icon-link-hover-low-contrast: hsla(218, 11%, 76%, 1);
169
- --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(220, 16%, 37%, 1);
169
+ --colors-feedback-neutral-action-icon-link-hover-high-contrast: hsla(218, 11%, 76%, 1);
170
170
  --colors-feedback-neutral-action-icon-link-focus-low-contrast: hsla(219, 10%, 60%, 1);
171
- --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(219, 12%, 45%, 1);
171
+ --colors-feedback-neutral-action-icon-link-focus-high-contrast: hsla(219, 10%, 60%, 1);
172
172
  --colors-feedback-neutral-action-icon-link-active-low-contrast: hsla(219, 10%, 60%, 1);
173
- --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(219, 12%, 45%, 1);
173
+ --colors-feedback-neutral-action-icon-link-active-high-contrast: hsla(219, 10%, 60%, 1);
174
174
  --colors-feedback-neutral-action-icon-link-disabled-low-contrast: hsla(219, 12%, 45%, 1);
175
- --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(219, 10%, 60%, 1);
175
+ --colors-feedback-neutral-action-icon-link-disabled-high-contrast: hsla(219, 12%, 45%, 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);
178
178
  --colors-feedback-positive-action-background-primary-hover-low-contrast: hsla(155, 100%, 31%, 0.18);
package/build/css/paymentThemeLightDesktop.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 13:49:40 GMT
3
+ * Generated on Thu, 17 Nov 2022 12:53:38 GMT
4
4
  */
5
5
 
6
6
  :root {
package/build/css/paymentThemeLightMobile.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 09 Nov 2022 13:49:40 GMT
3
+ * Generated on Thu, 17 Nov 2022 12:53:38 GMT
4
4
  */
5
5
 
6
6
  :root {