@companycam/slab-web 0.0.21 → 0.0.23-beta.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 (35) hide show
  1. package/README.md +7 -0
  2. package/index.esm.d.ts +1 -0
  3. package/index.esm.js +1 -0
  4. package/package.json +5 -59
  5. package/src/index.d.ts +1 -0
  6. package/src/lib/ScreenReaderContent.d.ts +6 -0
  7. package/dist/bundle.js +0 -1436
  8. package/shared/index.js +0 -13
  9. package/shared/legacyStyles.js +0 -78
  10. package/shared/package.json +0 -3
  11. package/shared/styles.js +0 -40
  12. package/shared/theming/CCThemeProvider.js +0 -22
  13. package/shared/theming/CCThemeProvider.native.js +0 -22
  14. package/shared/theming/themes/base.js +0 -42
  15. package/shared/theming/themes/dark_environment.js +0 -57
  16. package/shared/theming/themes/light_environment.js +0 -57
  17. package/shared/theming/useCCTheme.js +0 -16
  18. package/shared/theming/utils.js +0 -23
  19. package/shared/theming/withTheme.js +0 -29
  20. package/shared/tokens/build/css/base.css +0 -324
  21. package/shared/tokens/build/css/dark_environment.css +0 -334
  22. package/shared/tokens/build/css/light_environment.css +0 -334
  23. package/shared/tokens/build/docs/token_docs.js +0 -1015
  24. package/shared/tokens/build/js/tokens.js +0 -126
  25. package/shared/tokens/build/json/tokens.json +0 -123
  26. package/shared/tokens/build/scss/tokens.scss +0 -125
  27. package/shared/tokens/config.js +0 -231
  28. package/shared/tokens/properties/color.json +0 -344
  29. package/shared/tokens/properties/size.json +0 -113
  30. package/web/components/Icon/Icon.jsx +0 -92
  31. package/web/components/Icon/index.js +0 -3
  32. package/web/components/Icon/names.js +0 -3
  33. package/web/components/Icon/utils.js +0 -12
  34. package/web/components/index.js +0 -3
  35. package/web/index.js +0 -6
@@ -1,334 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Mon, 15 May 2023 16:50:51 GMT
4
- */
5
-
6
- :root, .light-environment {
7
- --cc_color_brand_add_on: #7949d1;
8
- --cc_color_brand_add_on_lighten_10: #865bd5;
9
- --cc_color_brand_add_on_lighten_15: #8d64d7;
10
- --cc_color_brand_add_on_lighten_85: #eae3f8;
11
- --cc_color_brand_add_on_lighten_90: #f1ecfa;
12
- --cc_color_brand_add_on_lighten_95: #f8f5fc;
13
- --cc_color_brand_add_on_darken_10: #6c41bc;
14
- --cc_color_brand_add_on_darken_15: #663eb1;
15
-
16
- --cc_color_brand_add_on_alpha_90: rgba(121,73,209,0.9);
17
- --cc_color_brand_add_on_alpha_80: rgba(121,73,209,0.8);
18
- --cc_color_brand_add_on_alpha_70: rgba(121,73,209,0.7);
19
- --cc_color_brand_add_on_alpha_60: rgba(121,73,209,0.6);
20
- --cc_color_brand_add_on_alpha_50: rgba(121,73,209,0.5);
21
- --cc_color_brand_add_on_alpha_40: rgba(121,73,209,0.4);
22
- --cc_color_brand_add_on_alpha_30: rgba(121,73,209,0.3);
23
- --cc_color_brand_add_on_alpha_20: rgba(121,73,209,0.2);
24
- --cc_color_brand_add_on_alpha_10: rgba(121,73,209,0.1);
25
-
26
- --cc_color_utility_destroy: #ef4e4e;
27
- --cc_color_utility_destroy_lighten_10: #f05f5f;
28
- --cc_color_utility_destroy_lighten_15: #f16868;
29
- --cc_color_utility_destroy_lighten_85: #fce4e4;
30
- --cc_color_utility_destroy_lighten_90: #fdeded;
31
- --cc_color_utility_destroy_lighten_95: #fef6f6;
32
- --cc_color_utility_destroy_darken_10: #d74646;
33
- --cc_color_utility_destroy_darken_15: #cb4242;
34
-
35
- --cc_color_utility_destroy_alpha_90: rgba(239,78,78,0.9);
36
- --cc_color_utility_destroy_alpha_80: rgba(239,78,78,0.8);
37
- --cc_color_utility_destroy_alpha_70: rgba(239,78,78,0.7);
38
- --cc_color_utility_destroy_alpha_60: rgba(239,78,78,0.6);
39
- --cc_color_utility_destroy_alpha_50: rgba(239,78,78,0.5);
40
- --cc_color_utility_destroy_alpha_40: rgba(239,78,78,0.4);
41
- --cc_color_utility_destroy_alpha_30: rgba(239,78,78,0.3);
42
- --cc_color_utility_destroy_alpha_20: rgba(239,78,78,0.2);
43
- --cc_color_utility_destroy_alpha_10: rgba(239,78,78,0.1);
44
-
45
- --cc_color_utility_success: #12a537;
46
- --cc_color_utility_success_lighten_10: #29ae4b;
47
- --cc_color_utility_success_lighten_15: #35b255;
48
- --cc_color_utility_success_lighten_85: #dbf1e1;
49
- --cc_color_utility_success_lighten_90: #e7f6eb;
50
- --cc_color_utility_success_lighten_95: #f3faf5;
51
- --cc_color_utility_success_darken_10: #109431;
52
- --cc_color_utility_success_darken_15: #0f8c2e;
53
-
54
- --cc_color_utility_success_alpha_90: rgba(18,165,55,0.9);
55
- --cc_color_utility_success_alpha_80: rgba(18,165,55,0.8);
56
- --cc_color_utility_success_alpha_70: rgba(18,165,55,0.7);
57
- --cc_color_utility_success_alpha_60: rgba(18,165,55,0.6);
58
- --cc_color_utility_success_alpha_50: rgba(18,165,55,0.5);
59
- --cc_color_utility_success_alpha_40: rgba(18,165,55,0.4);
60
- --cc_color_utility_success_alpha_30: rgba(18,165,55,0.3);
61
- --cc_color_utility_success_alpha_20: rgba(18,165,55,0.2);
62
- --cc_color_utility_success_alpha_10: rgba(18,165,55,0.1);
63
-
64
- --cc_color_background_1: #ffffff;
65
- --cc_color_background_1_lighten_10: #fff;
66
- --cc_color_background_1_lighten_15: #fff;
67
- --cc_color_background_1_lighten_85: #fff;
68
- --cc_color_background_1_lighten_90: #fff;
69
- --cc_color_background_1_lighten_95: #fff;
70
- --cc_color_background_1_darken_10: #e5e5e5;
71
- --cc_color_background_1_darken_15: #d8d8d8;
72
-
73
- --cc_color_background_1_alpha_90: rgba(255,255,255,0.9);
74
- --cc_color_background_1_alpha_80: rgba(255,255,255,0.8);
75
- --cc_color_background_1_alpha_70: rgba(255,255,255,0.7);
76
- --cc_color_background_1_alpha_60: rgba(255,255,255,0.6);
77
- --cc_color_background_1_alpha_50: rgba(255,255,255,0.5);
78
- --cc_color_background_1_alpha_40: rgba(255,255,255,0.4);
79
- --cc_color_background_1_alpha_30: rgba(255,255,255,0.3);
80
- --cc_color_background_1_alpha_20: rgba(255,255,255,0.2);
81
- --cc_color_background_1_alpha_10: rgba(255,255,255,0.1);
82
-
83
- --cc_color_background_2: #f5f7fa;
84
- --cc_color_background_2_lighten_10: #f6f7fa;
85
- --cc_color_background_2_lighten_15: #f6f8fa;
86
- --cc_color_background_2_lighten_85: #fdfdfe;
87
- --cc_color_background_2_lighten_90: #fefefe;
88
- --cc_color_background_2_lighten_95: #fefefe;
89
- --cc_color_background_2_darken_10: #dcdee1;
90
- --cc_color_background_2_darken_15: #d0d1d4;
91
-
92
- --cc_color_background_2_alpha_90: rgba(245,247,250,0.9);
93
- --cc_color_background_2_alpha_80: rgba(245,247,250,0.8);
94
- --cc_color_background_2_alpha_70: rgba(245,247,250,0.7);
95
- --cc_color_background_2_alpha_60: rgba(245,247,250,0.6);
96
- --cc_color_background_2_alpha_50: rgba(245,247,250,0.5);
97
- --cc_color_background_2_alpha_40: rgba(245,247,250,0.4);
98
- --cc_color_background_2_alpha_30: rgba(245,247,250,0.3);
99
- --cc_color_background_2_alpha_20: rgba(245,247,250,0.2);
100
- --cc_color_background_2_alpha_10: rgba(245,247,250,0.1);
101
-
102
- --cc_color_background_3: #ebeff5;
103
- --cc_color_background_3_lighten_10: #edf0f6;
104
- --cc_color_background_3_lighten_15: #eef1f6;
105
- --cc_color_background_3_lighten_85: #fcfcfd;
106
- --cc_color_background_3_lighten_90: #fdfdfe;
107
- --cc_color_background_3_lighten_95: #fefefe;
108
- --cc_color_background_3_darken_10: #d3d7dc;
109
- --cc_color_background_3_darken_15: #c7cbd0;
110
-
111
- --cc_color_background_3_alpha_90: rgba(235,239,245,0.9);
112
- --cc_color_background_3_alpha_80: rgba(235,239,245,0.8);
113
- --cc_color_background_3_alpha_70: rgba(235,239,245,0.7);
114
- --cc_color_background_3_alpha_60: rgba(235,239,245,0.6);
115
- --cc_color_background_3_alpha_50: rgba(235,239,245,0.5);
116
- --cc_color_background_3_alpha_40: rgba(235,239,245,0.4);
117
- --cc_color_background_3_alpha_30: rgba(235,239,245,0.3);
118
- --cc_color_background_3_alpha_20: rgba(235,239,245,0.2);
119
- --cc_color_background_3_alpha_10: rgba(235,239,245,0.1);
120
-
121
- --cc_color_text_default: #142334;
122
-
123
-
124
- --cc_color_text_subtle: #4d5a68;
125
-
126
-
127
- --cc_color_text_nonessential: #8191a2;
128
-
129
-
130
- --cc_color_button_background_primary: #0967d2;
131
- --cc_color_button_background_primary_lighten_10: #2176d6;
132
- --cc_color_button_background_primary_lighten_15: #2d7dd8;
133
- --cc_color_button_background_primary_lighten_85: #dae8f8;
134
- --cc_color_button_background_primary_lighten_90: #e6effa;
135
- --cc_color_button_background_primary_lighten_95: #f2f7fc;
136
- --cc_color_button_background_primary_darken_10: #085cbd;
137
- --cc_color_button_background_primary_darken_15: #0757b2;
138
-
139
- --cc_color_button_background_primary_alpha_90: rgba(9,103,210,0.9);
140
- --cc_color_button_background_primary_alpha_80: rgba(9,103,210,0.8);
141
- --cc_color_button_background_primary_alpha_70: rgba(9,103,210,0.7);
142
- --cc_color_button_background_primary_alpha_60: rgba(9,103,210,0.6);
143
- --cc_color_button_background_primary_alpha_50: rgba(9,103,210,0.5);
144
- --cc_color_button_background_primary_alpha_40: rgba(9,103,210,0.4);
145
- --cc_color_button_background_primary_alpha_30: rgba(9,103,210,0.3);
146
- --cc_color_button_background_primary_alpha_20: rgba(9,103,210,0.2);
147
- --cc_color_button_background_primary_alpha_10: rgba(9,103,210,0.1);
148
-
149
- --cc_color_button_background_secondary: #1f3751;
150
- --cc_color_button_background_secondary_lighten_10: #354b62;
151
- --cc_color_button_background_secondary_lighten_15: #40556b;
152
- --cc_color_button_background_secondary_lighten_85: #dde1e4;
153
- --cc_color_button_background_secondary_lighten_90: #e8ebed;
154
- --cc_color_button_background_secondary_lighten_95: #f3f5f6;
155
- --cc_color_button_background_secondary_darken_10: #1b3148;
156
- --cc_color_button_background_secondary_darken_15: #1a2e44;
157
-
158
- --cc_color_button_background_secondary_alpha_90: rgba(31,55,81,0.9);
159
- --cc_color_button_background_secondary_alpha_80: rgba(31,55,81,0.8);
160
- --cc_color_button_background_secondary_alpha_70: rgba(31,55,81,0.7);
161
- --cc_color_button_background_secondary_alpha_60: rgba(31,55,81,0.6);
162
- --cc_color_button_background_secondary_alpha_50: rgba(31,55,81,0.5);
163
- --cc_color_button_background_secondary_alpha_40: rgba(31,55,81,0.4);
164
- --cc_color_button_background_secondary_alpha_30: rgba(31,55,81,0.3);
165
- --cc_color_button_background_secondary_alpha_20: rgba(31,55,81,0.2);
166
- --cc_color_button_background_secondary_alpha_10: rgba(31,55,81,0.1);
167
-
168
- --cc_color_button_background_subtle: #ebeff5;
169
- --cc_color_button_background_subtle_lighten_10: #edf0f6;
170
- --cc_color_button_background_subtle_lighten_15: #eef1f6;
171
- --cc_color_button_background_subtle_lighten_85: #fcfcfd;
172
- --cc_color_button_background_subtle_lighten_90: #fdfdfe;
173
- --cc_color_button_background_subtle_lighten_95: #fefefe;
174
- --cc_color_button_background_subtle_darken_10: #d3d7dc;
175
- --cc_color_button_background_subtle_darken_15: #c7cbd0;
176
-
177
- --cc_color_button_background_subtle_alpha_90: rgba(235,239,245,0.9);
178
- --cc_color_button_background_subtle_alpha_80: rgba(235,239,245,0.8);
179
- --cc_color_button_background_subtle_alpha_70: rgba(235,239,245,0.7);
180
- --cc_color_button_background_subtle_alpha_60: rgba(235,239,245,0.6);
181
- --cc_color_button_background_subtle_alpha_50: rgba(235,239,245,0.5);
182
- --cc_color_button_background_subtle_alpha_40: rgba(235,239,245,0.4);
183
- --cc_color_button_background_subtle_alpha_30: rgba(235,239,245,0.3);
184
- --cc_color_button_background_subtle_alpha_20: rgba(235,239,245,0.2);
185
- --cc_color_button_background_subtle_alpha_10: rgba(235,239,245,0.1);
186
-
187
- --cc_color_button_background_destroy: #ef4e4e;
188
- --cc_color_button_background_destroy_lighten_10: #f05f5f;
189
- --cc_color_button_background_destroy_lighten_15: #f16868;
190
- --cc_color_button_background_destroy_lighten_85: #fce4e4;
191
- --cc_color_button_background_destroy_lighten_90: #fdeded;
192
- --cc_color_button_background_destroy_lighten_95: #fef6f6;
193
- --cc_color_button_background_destroy_darken_10: #d74646;
194
- --cc_color_button_background_destroy_darken_15: #cb4242;
195
-
196
- --cc_color_button_background_destroy_alpha_90: rgba(239,78,78,0.9);
197
- --cc_color_button_background_destroy_alpha_80: rgba(239,78,78,0.8);
198
- --cc_color_button_background_destroy_alpha_70: rgba(239,78,78,0.7);
199
- --cc_color_button_background_destroy_alpha_60: rgba(239,78,78,0.6);
200
- --cc_color_button_background_destroy_alpha_50: rgba(239,78,78,0.5);
201
- --cc_color_button_background_destroy_alpha_40: rgba(239,78,78,0.4);
202
- --cc_color_button_background_destroy_alpha_30: rgba(239,78,78,0.3);
203
- --cc_color_button_background_destroy_alpha_20: rgba(239,78,78,0.2);
204
- --cc_color_button_background_destroy_alpha_10: rgba(239,78,78,0.1);
205
-
206
- --cc_color_button_background_success: #12a537;
207
- --cc_color_button_background_success_lighten_10: #29ae4b;
208
- --cc_color_button_background_success_lighten_15: #35b255;
209
- --cc_color_button_background_success_lighten_85: #dbf1e1;
210
- --cc_color_button_background_success_lighten_90: #e7f6eb;
211
- --cc_color_button_background_success_lighten_95: #f3faf5;
212
- --cc_color_button_background_success_darken_10: #109431;
213
- --cc_color_button_background_success_darken_15: #0f8c2e;
214
-
215
- --cc_color_button_background_success_alpha_90: rgba(18,165,55,0.9);
216
- --cc_color_button_background_success_alpha_80: rgba(18,165,55,0.8);
217
- --cc_color_button_background_success_alpha_70: rgba(18,165,55,0.7);
218
- --cc_color_button_background_success_alpha_60: rgba(18,165,55,0.6);
219
- --cc_color_button_background_success_alpha_50: rgba(18,165,55,0.5);
220
- --cc_color_button_background_success_alpha_40: rgba(18,165,55,0.4);
221
- --cc_color_button_background_success_alpha_30: rgba(18,165,55,0.3);
222
- --cc_color_button_background_success_alpha_20: rgba(18,165,55,0.2);
223
- --cc_color_button_background_success_alpha_10: rgba(18,165,55,0.1);
224
-
225
- --cc_color_button_background_tint: #e5f1ff;
226
- --cc_color_button_background_tint_lighten_10: #e7f2ff;
227
- --cc_color_button_background_tint_lighten_15: #e8f3ff;
228
- --cc_color_button_background_tint_lighten_85: #fbfcff;
229
- --cc_color_button_background_tint_lighten_90: #fcfdff;
230
- --cc_color_button_background_tint_lighten_95: #fdfeff;
231
- --cc_color_button_background_tint_darken_10: #ced8e5;
232
- --cc_color_button_background_tint_darken_15: #c2ccd8;
233
-
234
- --cc_color_button_background_tint_alpha_90: rgba(229,241,255,0.9);
235
- --cc_color_button_background_tint_alpha_80: rgba(229,241,255,0.8);
236
- --cc_color_button_background_tint_alpha_70: rgba(229,241,255,0.7);
237
- --cc_color_button_background_tint_alpha_60: rgba(229,241,255,0.6);
238
- --cc_color_button_background_tint_alpha_50: rgba(229,241,255,0.5);
239
- --cc_color_button_background_tint_alpha_40: rgba(229,241,255,0.4);
240
- --cc_color_button_background_tint_alpha_30: rgba(229,241,255,0.3);
241
- --cc_color_button_background_tint_alpha_20: rgba(229,241,255,0.2);
242
- --cc_color_button_background_tint_alpha_10: rgba(229,241,255,0.1);
243
-
244
- --cc_color_button_text_primary: #ffffff;
245
-
246
-
247
- --cc_color_button_text_secondary: #ffffff;
248
-
249
-
250
- --cc_color_button_text_subtle: #4d5a68;
251
-
252
-
253
- --cc_color_button_text_destroy: #ffffff;
254
-
255
-
256
- --cc_color_button_text_success: #ffffff;
257
-
258
-
259
- --cc_color_link_primary: #0967d2;
260
- --cc_color_link_primary_lighten_10: #2176d6;
261
- --cc_color_link_primary_lighten_15: #2d7dd8;
262
- --cc_color_link_primary_lighten_85: #dae8f8;
263
- --cc_color_link_primary_lighten_90: #e6effa;
264
- --cc_color_link_primary_lighten_95: #f2f7fc;
265
- --cc_color_link_primary_darken_10: #085cbd;
266
- --cc_color_link_primary_darken_15: #0757b2;
267
-
268
- --cc_color_link_primary_alpha_90: rgba(9,103,210,0.9);
269
- --cc_color_link_primary_alpha_80: rgba(9,103,210,0.8);
270
- --cc_color_link_primary_alpha_70: rgba(9,103,210,0.7);
271
- --cc_color_link_primary_alpha_60: rgba(9,103,210,0.6);
272
- --cc_color_link_primary_alpha_50: rgba(9,103,210,0.5);
273
- --cc_color_link_primary_alpha_40: rgba(9,103,210,0.4);
274
- --cc_color_link_primary_alpha_30: rgba(9,103,210,0.3);
275
- --cc_color_link_primary_alpha_20: rgba(9,103,210,0.2);
276
- --cc_color_link_primary_alpha_10: rgba(9,103,210,0.1);
277
-
278
- --cc_color_link_secondary: #142334;
279
- --cc_color_link_secondary_lighten_10: #2b3848;
280
- --cc_color_link_secondary_lighten_15: #374452;
281
- --cc_color_link_secondary_lighten_85: #dbdee0;
282
- --cc_color_link_secondary_lighten_90: #e7e9ea;
283
- --cc_color_link_secondary_lighten_95: #f3f4f4;
284
- --cc_color_link_secondary_darken_10: #121f2e;
285
- --cc_color_link_secondary_darken_15: #111d2c;
286
-
287
- --cc_color_link_secondary_alpha_90: rgba(20,35,52,0.9);
288
- --cc_color_link_secondary_alpha_80: rgba(20,35,52,0.8);
289
- --cc_color_link_secondary_alpha_70: rgba(20,35,52,0.7);
290
- --cc_color_link_secondary_alpha_60: rgba(20,35,52,0.6);
291
- --cc_color_link_secondary_alpha_50: rgba(20,35,52,0.5);
292
- --cc_color_link_secondary_alpha_40: rgba(20,35,52,0.4);
293
- --cc_color_link_secondary_alpha_30: rgba(20,35,52,0.3);
294
- --cc_color_link_secondary_alpha_20: rgba(20,35,52,0.2);
295
- --cc_color_link_secondary_alpha_10: rgba(20,35,52,0.1);
296
-
297
- --cc_color_link_subtle: #4d5a68;
298
- --cc_color_link_subtle_lighten_10: #5e6a77;
299
- --cc_color_link_subtle_lighten_15: #67727e;
300
- --cc_color_link_subtle_lighten_85: #e4e6e8;
301
- --cc_color_link_subtle_lighten_90: #edeeef;
302
- --cc_color_link_subtle_lighten_95: #f6f6f7;
303
- --cc_color_link_subtle_darken_10: #45515d;
304
- --cc_color_link_subtle_darken_15: #414c58;
305
-
306
- --cc_color_link_subtle_alpha_90: rgba(77,90,104,0.9);
307
- --cc_color_link_subtle_alpha_80: rgba(77,90,104,0.8);
308
- --cc_color_link_subtle_alpha_70: rgba(77,90,104,0.7);
309
- --cc_color_link_subtle_alpha_60: rgba(77,90,104,0.6);
310
- --cc_color_link_subtle_alpha_50: rgba(77,90,104,0.5);
311
- --cc_color_link_subtle_alpha_40: rgba(77,90,104,0.4);
312
- --cc_color_link_subtle_alpha_30: rgba(77,90,104,0.3);
313
- --cc_color_link_subtle_alpha_20: rgba(77,90,104,0.2);
314
- --cc_color_link_subtle_alpha_10: rgba(77,90,104,0.1);
315
-
316
- --cc_color_border_default: rgba(20, 35, 52, 0.12);
317
-
318
-
319
- --cc_color_border_input_inactive: rgba(20, 35, 52, 0.2);
320
-
321
-
322
- --cc_color_border_input_active: #0967d2;
323
-
324
-
325
- --cc_color_depth_1: rgba(20, 35, 52, 0.13);
326
-
327
-
328
- --cc_color_depth_2: rgba(20, 35, 52, 0.13);
329
-
330
-
331
- --cc_color_depth_3: rgba(20, 35, 52, 0.2);
332
-
333
-
334
- }