@redsift/design-system 7.5.0 → 7.6.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 (7) hide show
  1. package/CONTRIBUTING.md +1 -1
  2. package/index.d.ts +243 -7
  3. package/index.js +1503 -767
  4. package/index.js.map +1 -1
  5. package/package.json +4 -5
  6. package/style/redsift-design-tokens.css +24 -1
  7. 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.6.0",
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.6.0",
42
42
  "classnames": "^2.3.1"
43
43
  },
44
44
  "devDependencies": {
@@ -94,14 +94,13 @@
94
94
  "rollup-plugin-typescript-paths": "^1.3.1",
95
95
  "storybook-addon-styled-component-theme": "^2.0.0",
96
96
  "style-dictionary": "^3.7.0",
97
- "styled-components": "^5.3.5",
98
97
  "ts-jest": "^28.0.3",
99
98
  "version-changelog": "^3.1.1"
100
99
  },
101
100
  "peerDependencies": {
102
101
  "react": "17 || 18",
103
102
  "react-dom": "17 || 18",
104
- "styled-components": "^5.3.3"
103
+ "styled-components": "^5.3.5"
105
104
  },
106
- "gitHead": "ff1044f74075e317dbc08ddbdd91bb8a8e79b0ce"
105
+ "gitHead": "2916bb0d5caa50c6db448183473328fb40927cd5"
107
106
  }
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',