@redsift/design-system 7.5.0 → 7.5.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 (6) hide show
  1. package/index.d.ts +28 -3
  2. package/index.js +207 -178
  3. package/index.js.map +1 -1
  4. package/package.json +3 -3
  5. package/style/redsift-design-tokens.css +24 -1
  6. package/style/redsift.css +24 -1
package/package.json CHANGED
@@ -30,7 +30,7 @@
30
30
  "version": "version-changelog ../../CHANGELOG.md && changelog-verify ../../CHANGELOG.md && git add ../../CHANGELOG.md"
31
31
  },
32
32
  "types": "index.d.ts",
33
- "version": "7.5.0",
33
+ "version": "7.5.1",
34
34
  "dependencies": {
35
35
  "@react-aria/button": "^3.6.4",
36
36
  "@react-aria/focus": "^3.10.1",
@@ -38,7 +38,7 @@
38
38
  "@react-aria/ssr": "^3.4.1",
39
39
  "@react-types/button": "^3.7.0",
40
40
  "@react-types/shared": "^3.16.0",
41
- "@redsift/icons": "^7.5.0",
41
+ "@redsift/icons": "^7.5.1",
42
42
  "classnames": "^2.3.1"
43
43
  },
44
44
  "devDependencies": {
@@ -103,5 +103,5 @@
103
103
  "react-dom": "17 || 18",
104
104
  "styled-components": "^5.3.3"
105
105
  },
106
- "gitHead": "ff1044f74075e317dbc08ddbdd91bb8a8e79b0ce"
106
+ "gitHead": "bc01f6a68f156a9fefc1967ae483ea91abe11060"
107
107
  }
package/style/redsift-design-tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Tue, 21 Feb 2023 15:02:26 GMT
3
+ * Generated on Tue, 14 Mar 2023 15:14:37 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -10,76 +10,91 @@
10
10
  --redsift-color-default-active: #c4dcf1;
11
11
  --redsift-color-default-active-hover: #abcfef;
12
12
  --redsift-color-default-primary-active: #004a8a;
13
+ --redsift-color-default-primary-active-hover: #00427c;
13
14
  --redsift-color-website-primary: #0079e1;
14
15
  --redsift-color-website-secondary: #0063b9;
15
16
  --redsift-color-website-hover: #dce8f3;
16
17
  --redsift-color-website-active: #c4dcf1;
17
18
  --redsift-color-website-active-hover: #abcfef;
18
19
  --redsift-color-website-primary-active: #004a8a;
20
+ --redsift-color-website-primary-active-hover: #00427c;
19
21
  --redsift-color-ondmarc-primary: #02ac61;
20
22
  --redsift-color-ondmarc-secondary: #009252;
21
23
  --redsift-color-ondmarc-hover: #dcede6;
22
24
  --redsift-color-ondmarc-active: #c4e6d7;
23
25
  --redsift-color-ondmarc-active-hover: #acdfc8;
24
26
  --redsift-color-ondmarc-primary-active: #00512e;
27
+ --redsift-color-ondmarc-primary-active-hover: #004829;
25
28
  --redsift-color-oninbox-primary: #33b222;
26
29
  --redsift-color-oninbox-secondary: #268519;
27
30
  --redsift-color-oninbox-hover: #e1eedf;
28
31
  --redsift-color-oninbox-active: #cee8cb;
29
32
  --redsift-color-oninbox-active-hover: #bae0b5;
30
33
  --redsift-color-oninbox-primary-active: #164e0e;
34
+ --redsift-color-oninbox-primary-active-hover: #13460c;
31
35
  --redsift-color-ondomain-primary: #028062;
32
36
  --redsift-color-ondomain-secondary: #015944;
33
37
  --redsift-color-ondomain-hover: #dce9e6;
34
38
  --redsift-color-ondomain-active: #c4ded8;
35
39
  --redsift-color-ondomain-active-hover: #acd1c8;
36
40
  --redsift-color-ondomain-primary-active: #003f30;
41
+ --redsift-color-ondomain-primary-active-hover: #00382b;
37
42
  --redsift-color-hardenize-primary: #0f7ab3;
38
43
  --redsift-color-hardenize-secondary: #3498db;
39
44
  --redsift-color-hardenize-hover: #dee8ee;
40
45
  --redsift-color-hardenize-active: #c7dce8;
41
46
  --redsift-color-hardenize-active-hover: #b0d0e1;
42
47
  --redsift-color-hardenize-primary-active: #0a5379;
48
+ --redsift-color-hardenize-primary-active-hover: #094a6c;
43
49
  --redsift-color-tools-primary: #37bdfb;
44
50
  --redsift-color-tools-secondary: #02a2ef;
45
51
  --redsift-color-tools-hover: #e2eff5;
46
52
  --redsift-color-tools-active: #cfeaf6;
47
53
  --redsift-color-tools-active-hover: #bce4f6;
48
54
  --redsift-color-tools-primary-active: #237ea8;
55
+ --redsift-color-tools-primary-active-hover: #1f7197;
49
56
  --redsift-color-success-primary: #02ac61;
50
57
  --redsift-color-success-secondary: #009252;
51
58
  --redsift-color-success-hover: #dcede6;
52
59
  --redsift-color-success-active: #c4e6d7;
53
60
  --redsift-color-success-active-hover: #acdfc8;
54
61
  --redsift-color-success-primary-active: #00512e;
62
+ --redsift-color-success-primary-active-hover: #004829;
55
63
  --redsift-color-error-primary: #e11010;
56
64
  --redsift-color-error-secondary: #b41010;
57
65
  --redsift-color-error-hover: #f3dede;
58
66
  --redsift-color-error-active: #f1c7c7;
59
67
  --redsift-color-error-active-hover: #efb0b0;
60
68
  --redsift-color-error-primary-active: #770a0a;
69
+ --redsift-color-error-primary-active-hover: #6b0909;
61
70
  --redsift-color-warning-primary: #fcbb54;
62
71
  --redsift-color-warning-secondary: #c09300;
63
72
  --redsift-color-warning-hover: #f5efe4;
64
73
  --redsift-color-warning-active: #f6e9d5;
65
74
  --redsift-color-warning-active-hover: #f7e3c4;
66
75
  --redsift-color-warning-primary-active: #ae833f;
76
+ --redsift-color-warning-primary-active-hover: #9c7538;
67
77
  --redsift-color-info-primary: #0079e1;
68
78
  --redsift-color-info-secondary: #0063b9;
69
79
  --redsift-color-info-hover: #dce8f3;
70
80
  --redsift-color-info-active: #c4dcf1;
71
81
  --redsift-color-info-active-hover: #abcfef;
72
82
  --redsift-color-info-primary-active: #004a8a;
83
+ --redsift-color-info-primary-active-hover: #00427c;
73
84
  --redsift-color-question-primary: #666666;
74
85
  --redsift-color-question-secondary: #1c1c1c;
75
86
  --redsift-color-question-hover: #e6e6e6;
76
87
  --redsift-color-question-active: #d8d8d8;
77
88
  --redsift-color-question-active-hover: #cacaca;
89
+ --redsift-color-question-primary-active: #111111;
90
+ --redsift-color-question-primary-active-hover: #0f0f0f;
78
91
  --redsift-color-no-data-primary: #bdbdbd;
79
92
  --redsift-color-no-data-secondary: #666666;
80
93
  --redsift-color-no-data-hover: #efefef;
81
94
  --redsift-color-no-data-active: #eaeaea;
82
95
  --redsift-color-no-data-active-hover: #e4e4e4;
96
+ --redsift-color-no-data-primary-active: #3d3d3d;
97
+ --redsift-color-no-data-primary-active-hover: #363636;
83
98
  --redsift-color-neutral-black: #1c1c1c;
84
99
  --redsift-color-neutral-darkgrey: #666666;
85
100
  --redsift-color-neutral-midgrey: #bdbdbd;
@@ -151,6 +166,14 @@
151
166
  --redsift-side-navigation-color-menu-item-active: #02ac61;
152
167
  --redsift-side-navigation-color-scrollbar-resting: #4c4c64;
153
168
  --redsift-side-navigation-color-scrollbar-hover: #5d5d73;
169
+ --redsift-layout-z-index-footer: 1000;
170
+ --redsift-layout-z-index-header: 1010;
171
+ --redsift-layout-z-index-side-panel: 1050;
172
+ --redsift-layout-z-index-dropdown: 1100;
173
+ --redsift-layout-z-index-overlay: 1150;
174
+ --redsift-layout-z-index-dialog: 1200;
175
+ --redsift-layout-z-index-popover: 1250;
176
+ --redsift-layout-z-index-tooltip: 1300;
154
177
  --redsift-typography-font-family-raleway: 'Raleway', sans-serif;
155
178
  --redsift-typography-font-family-electrolize: 'electrolize', sans-serif;
156
179
  --redsift-typography-font-family-source-code-pro: 'Source Code Pro',
package/style/redsift.css CHANGED
@@ -183,7 +183,7 @@
183
183
  }
184
184
  /**
185
185
  * Do not edit directly
186
- * Generated on Tue, 21 Feb 2023 15:02:26 GMT
186
+ * Generated on Tue, 14 Mar 2023 15:14:37 GMT
187
187
  */
188
188
 
189
189
  :root {
@@ -193,76 +193,91 @@
193
193
  --redsift-color-default-active: #c4dcf1;
194
194
  --redsift-color-default-active-hover: #abcfef;
195
195
  --redsift-color-default-primary-active: #004a8a;
196
+ --redsift-color-default-primary-active-hover: #00427c;
196
197
  --redsift-color-website-primary: #0079e1;
197
198
  --redsift-color-website-secondary: #0063b9;
198
199
  --redsift-color-website-hover: #dce8f3;
199
200
  --redsift-color-website-active: #c4dcf1;
200
201
  --redsift-color-website-active-hover: #abcfef;
201
202
  --redsift-color-website-primary-active: #004a8a;
203
+ --redsift-color-website-primary-active-hover: #00427c;
202
204
  --redsift-color-ondmarc-primary: #02ac61;
203
205
  --redsift-color-ondmarc-secondary: #009252;
204
206
  --redsift-color-ondmarc-hover: #dcede6;
205
207
  --redsift-color-ondmarc-active: #c4e6d7;
206
208
  --redsift-color-ondmarc-active-hover: #acdfc8;
207
209
  --redsift-color-ondmarc-primary-active: #00512e;
210
+ --redsift-color-ondmarc-primary-active-hover: #004829;
208
211
  --redsift-color-oninbox-primary: #33b222;
209
212
  --redsift-color-oninbox-secondary: #268519;
210
213
  --redsift-color-oninbox-hover: #e1eedf;
211
214
  --redsift-color-oninbox-active: #cee8cb;
212
215
  --redsift-color-oninbox-active-hover: #bae0b5;
213
216
  --redsift-color-oninbox-primary-active: #164e0e;
217
+ --redsift-color-oninbox-primary-active-hover: #13460c;
214
218
  --redsift-color-ondomain-primary: #028062;
215
219
  --redsift-color-ondomain-secondary: #015944;
216
220
  --redsift-color-ondomain-hover: #dce9e6;
217
221
  --redsift-color-ondomain-active: #c4ded8;
218
222
  --redsift-color-ondomain-active-hover: #acd1c8;
219
223
  --redsift-color-ondomain-primary-active: #003f30;
224
+ --redsift-color-ondomain-primary-active-hover: #00382b;
220
225
  --redsift-color-hardenize-primary: #0f7ab3;
221
226
  --redsift-color-hardenize-secondary: #3498db;
222
227
  --redsift-color-hardenize-hover: #dee8ee;
223
228
  --redsift-color-hardenize-active: #c7dce8;
224
229
  --redsift-color-hardenize-active-hover: #b0d0e1;
225
230
  --redsift-color-hardenize-primary-active: #0a5379;
231
+ --redsift-color-hardenize-primary-active-hover: #094a6c;
226
232
  --redsift-color-tools-primary: #37bdfb;
227
233
  --redsift-color-tools-secondary: #02a2ef;
228
234
  --redsift-color-tools-hover: #e2eff5;
229
235
  --redsift-color-tools-active: #cfeaf6;
230
236
  --redsift-color-tools-active-hover: #bce4f6;
231
237
  --redsift-color-tools-primary-active: #237ea8;
238
+ --redsift-color-tools-primary-active-hover: #1f7197;
232
239
  --redsift-color-success-primary: #02ac61;
233
240
  --redsift-color-success-secondary: #009252;
234
241
  --redsift-color-success-hover: #dcede6;
235
242
  --redsift-color-success-active: #c4e6d7;
236
243
  --redsift-color-success-active-hover: #acdfc8;
237
244
  --redsift-color-success-primary-active: #00512e;
245
+ --redsift-color-success-primary-active-hover: #004829;
238
246
  --redsift-color-error-primary: #e11010;
239
247
  --redsift-color-error-secondary: #b41010;
240
248
  --redsift-color-error-hover: #f3dede;
241
249
  --redsift-color-error-active: #f1c7c7;
242
250
  --redsift-color-error-active-hover: #efb0b0;
243
251
  --redsift-color-error-primary-active: #770a0a;
252
+ --redsift-color-error-primary-active-hover: #6b0909;
244
253
  --redsift-color-warning-primary: #fcbb54;
245
254
  --redsift-color-warning-secondary: #c09300;
246
255
  --redsift-color-warning-hover: #f5efe4;
247
256
  --redsift-color-warning-active: #f6e9d5;
248
257
  --redsift-color-warning-active-hover: #f7e3c4;
249
258
  --redsift-color-warning-primary-active: #ae833f;
259
+ --redsift-color-warning-primary-active-hover: #9c7538;
250
260
  --redsift-color-info-primary: #0079e1;
251
261
  --redsift-color-info-secondary: #0063b9;
252
262
  --redsift-color-info-hover: #dce8f3;
253
263
  --redsift-color-info-active: #c4dcf1;
254
264
  --redsift-color-info-active-hover: #abcfef;
255
265
  --redsift-color-info-primary-active: #004a8a;
266
+ --redsift-color-info-primary-active-hover: #00427c;
256
267
  --redsift-color-question-primary: #666666;
257
268
  --redsift-color-question-secondary: #1c1c1c;
258
269
  --redsift-color-question-hover: #e6e6e6;
259
270
  --redsift-color-question-active: #d8d8d8;
260
271
  --redsift-color-question-active-hover: #cacaca;
272
+ --redsift-color-question-primary-active: #111111;
273
+ --redsift-color-question-primary-active-hover: #0f0f0f;
261
274
  --redsift-color-no-data-primary: #bdbdbd;
262
275
  --redsift-color-no-data-secondary: #666666;
263
276
  --redsift-color-no-data-hover: #efefef;
264
277
  --redsift-color-no-data-active: #eaeaea;
265
278
  --redsift-color-no-data-active-hover: #e4e4e4;
279
+ --redsift-color-no-data-primary-active: #3d3d3d;
280
+ --redsift-color-no-data-primary-active-hover: #363636;
266
281
  --redsift-color-neutral-black: #1c1c1c;
267
282
  --redsift-color-neutral-darkgrey: #666666;
268
283
  --redsift-color-neutral-midgrey: #bdbdbd;
@@ -334,6 +349,14 @@
334
349
  --redsift-side-navigation-color-menu-item-active: #02ac61;
335
350
  --redsift-side-navigation-color-scrollbar-resting: #4c4c64;
336
351
  --redsift-side-navigation-color-scrollbar-hover: #5d5d73;
352
+ --redsift-layout-z-index-footer: 1000;
353
+ --redsift-layout-z-index-header: 1010;
354
+ --redsift-layout-z-index-side-panel: 1050;
355
+ --redsift-layout-z-index-dropdown: 1100;
356
+ --redsift-layout-z-index-overlay: 1150;
357
+ --redsift-layout-z-index-dialog: 1200;
358
+ --redsift-layout-z-index-popover: 1250;
359
+ --redsift-layout-z-index-tooltip: 1300;
337
360
  --redsift-typography-font-family-raleway: 'Raleway', sans-serif;
338
361
  --redsift-typography-font-family-electrolize: 'electrolize', sans-serif;
339
362
  --redsift-typography-font-family-source-code-pro: 'Source Code Pro',