@amboss/design-system 3.13.5 → 3.13.6-subtheme.0.3
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.
- package/build/cjs/components/Callout/Callout.js +1 -1
- package/build/cjs/components/NavigationTheme/NavigationTheme.d.ts +7 -0
- package/build/cjs/components/NavigationTheme/NavigationTheme.js +1 -0
- package/build/cjs/components/NavigationTheme/SubMenuContainer.d.ts +8 -0
- package/build/cjs/components/NavigationTheme/SubMenuContainer.js +1 -0
- package/build/cjs/components/NavigationTheme/SubNanivationTheme.d.ts +8 -0
- package/build/cjs/components/NavigationTheme/SubNanivationTheme.js +1 -0
- package/build/cjs/components/NavigationTheme/TabButton.d.ts +11 -0
- package/build/cjs/components/NavigationTheme/TabButton.js +5 -0
- package/build/cjs/components/Notification/Notification.d.ts +2 -2
- package/build/cjs/components/Notification/Notification.js +1 -1
- package/build/cjs/components/SubThemeProvider/SubThemeContext.d.ts +1 -1
- package/build/cjs/components/SubThemeProvider/SubThemeProvider.d.ts +27 -3
- package/build/cjs/components/SubThemeProvider/SubThemeProvider.js +1 -1
- package/build/cjs/index.d.ts +3 -0
- package/build/cjs/index.js +1 -1
- package/build/cjs/web-tokens/assets/icons.json +6 -0
- package/build/cjs/web-tokens/assets/icons16.json +6 -0
- package/build/cjs/web-tokens/navigationTheme.json +380 -0
- package/build/cjs/web-tokens/subNavigationTheme.json +86 -0
- package/build/cjs/web-tokens/visualConfig.d.ts +2 -2
- package/build/esm/components/Callout/Callout.js +1 -1
- package/build/esm/components/NavigationTheme/NavigationTheme.d.ts +7 -0
- package/build/esm/components/NavigationTheme/NavigationTheme.js +1 -0
- package/build/esm/components/NavigationTheme/SubMenuContainer.d.ts +8 -0
- package/build/esm/components/NavigationTheme/SubMenuContainer.js +1 -0
- package/build/esm/components/NavigationTheme/SubNanivationTheme.d.ts +8 -0
- package/build/esm/components/NavigationTheme/SubNanivationTheme.js +1 -0
- package/build/esm/components/NavigationTheme/TabButton.d.ts +11 -0
- package/build/esm/components/NavigationTheme/TabButton.js +5 -0
- package/build/esm/components/Notification/Notification.d.ts +2 -2
- package/build/esm/components/Notification/Notification.js +1 -1
- package/build/esm/components/SubThemeProvider/SubThemeContext.d.ts +1 -1
- package/build/esm/components/SubThemeProvider/SubThemeProvider.d.ts +27 -3
- package/build/esm/components/SubThemeProvider/SubThemeProvider.js +1 -1
- package/build/esm/index.d.ts +3 -0
- package/build/esm/index.js +1 -1
- package/build/esm/web-tokens/assets/icons.json +6 -0
- package/build/esm/web-tokens/assets/icons16.json +6 -0
- package/build/esm/web-tokens/navigationTheme.json +380 -0
- package/build/esm/web-tokens/subNavigationTheme.json +86 -0
- package/build/esm/web-tokens/visualConfig.d.ts +2 -2
- package/package.json +2 -1
|
@@ -0,0 +1,380 @@
|
|
|
1
|
+
{
|
|
2
|
+
"custom-sub-theme": {
|
|
3
|
+
"dark": {
|
|
4
|
+
"navigation-learn": {
|
|
5
|
+
"color": {
|
|
6
|
+
"text": {
|
|
7
|
+
"primary": {
|
|
8
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
9
|
+
},
|
|
10
|
+
"secondary": {
|
|
11
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
12
|
+
},
|
|
13
|
+
"tertiary": {
|
|
14
|
+
"default": "rgba(255, 255, 255, 0.6)"
|
|
15
|
+
},
|
|
16
|
+
"accent": {
|
|
17
|
+
"default": "#2db5c6"
|
|
18
|
+
},
|
|
19
|
+
"onAccent": {
|
|
20
|
+
"default": "#1a1c1c"
|
|
21
|
+
}
|
|
22
|
+
},
|
|
23
|
+
"background": {
|
|
24
|
+
"transparent": {
|
|
25
|
+
"default": "rgba(255, 255, 255, 0)"
|
|
26
|
+
},
|
|
27
|
+
"subtle": {
|
|
28
|
+
"accentSubtle": {
|
|
29
|
+
"default": "#223c44"
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
"primary": {
|
|
33
|
+
"default": "#1d6670"
|
|
34
|
+
}
|
|
35
|
+
},
|
|
36
|
+
"icon": {
|
|
37
|
+
"primary": {
|
|
38
|
+
"default": "#ced1d6"
|
|
39
|
+
},
|
|
40
|
+
"secondary": {
|
|
41
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
42
|
+
},
|
|
43
|
+
"tertiary": {
|
|
44
|
+
"default": "rgba(255, 255, 255, 0.6)"
|
|
45
|
+
},
|
|
46
|
+
"brand": {
|
|
47
|
+
"default": "#2db5c6"
|
|
48
|
+
},
|
|
49
|
+
"accent": {
|
|
50
|
+
"default": "#2db5c6"
|
|
51
|
+
},
|
|
52
|
+
"onAccent": {
|
|
53
|
+
"default": "#1a1c1c"
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
"searchInput": {
|
|
57
|
+
"background": {
|
|
58
|
+
"default": "#223c44"
|
|
59
|
+
}
|
|
60
|
+
},
|
|
61
|
+
"divider": {
|
|
62
|
+
"secondary": "rgba(255, 255, 255, 0.3)"
|
|
63
|
+
}
|
|
64
|
+
}
|
|
65
|
+
},
|
|
66
|
+
"navigation-practice": {
|
|
67
|
+
"color": {
|
|
68
|
+
"text": {
|
|
69
|
+
"primary": {
|
|
70
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
71
|
+
},
|
|
72
|
+
"secondary": {
|
|
73
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
74
|
+
},
|
|
75
|
+
"tertiary": {
|
|
76
|
+
"default": "rgba(255, 255, 255, 0.6)"
|
|
77
|
+
},
|
|
78
|
+
"accent": {
|
|
79
|
+
"default": "#2db5c6"
|
|
80
|
+
},
|
|
81
|
+
"onAccent": {
|
|
82
|
+
"default": "#1a1c1c"
|
|
83
|
+
}
|
|
84
|
+
},
|
|
85
|
+
"background": {
|
|
86
|
+
"transparent": {
|
|
87
|
+
"default": "rgba(255, 255, 255, 0)"
|
|
88
|
+
},
|
|
89
|
+
"subtle": {
|
|
90
|
+
"accentSubtle": {
|
|
91
|
+
"default": "#223c44"
|
|
92
|
+
}
|
|
93
|
+
},
|
|
94
|
+
"primary": {
|
|
95
|
+
"default": "#111111"
|
|
96
|
+
}
|
|
97
|
+
},
|
|
98
|
+
"icon": {
|
|
99
|
+
"primary": {
|
|
100
|
+
"default": "#ced1d6"
|
|
101
|
+
},
|
|
102
|
+
"secondary": {
|
|
103
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
104
|
+
},
|
|
105
|
+
"tertiary": {
|
|
106
|
+
"default": "rgba(255, 255, 255, 0.6)"
|
|
107
|
+
},
|
|
108
|
+
"brand": {
|
|
109
|
+
"default": "#2db5c6"
|
|
110
|
+
},
|
|
111
|
+
"accent": {
|
|
112
|
+
"default": "#2db5c6"
|
|
113
|
+
},
|
|
114
|
+
"onAccent": {
|
|
115
|
+
"default": "#1a1c1c"
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
"searchInput": {
|
|
119
|
+
"background": {
|
|
120
|
+
"default": "#32363e"
|
|
121
|
+
}
|
|
122
|
+
},
|
|
123
|
+
"divider": {
|
|
124
|
+
"secondary": "rgba(255, 255, 255, 0.3)"
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
},
|
|
128
|
+
"navigation-teach": {
|
|
129
|
+
"color": {
|
|
130
|
+
"text": {
|
|
131
|
+
"primary": {
|
|
132
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
133
|
+
},
|
|
134
|
+
"secondary": {
|
|
135
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
136
|
+
},
|
|
137
|
+
"tertiary": {
|
|
138
|
+
"default": "rgba(255, 255, 255, 0.6)"
|
|
139
|
+
},
|
|
140
|
+
"accent": {
|
|
141
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
142
|
+
},
|
|
143
|
+
"onAccent": {
|
|
144
|
+
"default": "#1a1c1c"
|
|
145
|
+
}
|
|
146
|
+
},
|
|
147
|
+
"background": {
|
|
148
|
+
"transparent": {
|
|
149
|
+
"default": "rgba(255, 255, 255, 0)"
|
|
150
|
+
},
|
|
151
|
+
"subtle": {
|
|
152
|
+
"accentSubtle": {
|
|
153
|
+
"default": "#40454f"
|
|
154
|
+
}
|
|
155
|
+
},
|
|
156
|
+
"primary": {
|
|
157
|
+
"default": "#282c34"
|
|
158
|
+
}
|
|
159
|
+
},
|
|
160
|
+
"icon": {
|
|
161
|
+
"primary": {
|
|
162
|
+
"default": "#ced1d6"
|
|
163
|
+
},
|
|
164
|
+
"secondary": {
|
|
165
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
166
|
+
},
|
|
167
|
+
"tertiary": {
|
|
168
|
+
"default": "rgba(255, 255, 255, 0.6)"
|
|
169
|
+
},
|
|
170
|
+
"brand": {
|
|
171
|
+
"default": "#2db5c6"
|
|
172
|
+
},
|
|
173
|
+
"accent": {
|
|
174
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
175
|
+
},
|
|
176
|
+
"onAccent": {
|
|
177
|
+
"default": "#1a1c1c"
|
|
178
|
+
}
|
|
179
|
+
},
|
|
180
|
+
"searchInput": {
|
|
181
|
+
"background": {
|
|
182
|
+
"default": "#111111"
|
|
183
|
+
}
|
|
184
|
+
},
|
|
185
|
+
"divider": {
|
|
186
|
+
"secondary": "rgba(255, 255, 255, 0.3)"
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
}
|
|
190
|
+
},
|
|
191
|
+
"light": {
|
|
192
|
+
"navigation-learn": {
|
|
193
|
+
"color": {
|
|
194
|
+
"text": {
|
|
195
|
+
"primary": {
|
|
196
|
+
"default": "#ffffff"
|
|
197
|
+
},
|
|
198
|
+
"secondary": {
|
|
199
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
200
|
+
},
|
|
201
|
+
"tertiary": {
|
|
202
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
203
|
+
},
|
|
204
|
+
"accent": {
|
|
205
|
+
"default": "#047a88"
|
|
206
|
+
},
|
|
207
|
+
"onAccent": {
|
|
208
|
+
"default": "#ffffff"
|
|
209
|
+
}
|
|
210
|
+
},
|
|
211
|
+
"background": {
|
|
212
|
+
"primary": {
|
|
213
|
+
"default": "#047a88"
|
|
214
|
+
},
|
|
215
|
+
"transparent": {
|
|
216
|
+
"default": "rgba(255, 255, 255, 0)"
|
|
217
|
+
},
|
|
218
|
+
"subtle": {
|
|
219
|
+
"accentSubtle": {
|
|
220
|
+
"default": "#e7f6f8"
|
|
221
|
+
}
|
|
222
|
+
}
|
|
223
|
+
},
|
|
224
|
+
"icon": {
|
|
225
|
+
"primary": {
|
|
226
|
+
"default": "#ffffff"
|
|
227
|
+
},
|
|
228
|
+
"secondary": {
|
|
229
|
+
"default": "#ffffff"
|
|
230
|
+
},
|
|
231
|
+
"tertiary": {
|
|
232
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
233
|
+
},
|
|
234
|
+
"brand": {
|
|
235
|
+
"default": "#ffffff"
|
|
236
|
+
},
|
|
237
|
+
"accent": {
|
|
238
|
+
"default": "#047a88"
|
|
239
|
+
},
|
|
240
|
+
"onAccent": {
|
|
241
|
+
"default": "#ffffff"
|
|
242
|
+
}
|
|
243
|
+
},
|
|
244
|
+
"searchInput": {
|
|
245
|
+
"background": {
|
|
246
|
+
"default": "#054f57"
|
|
247
|
+
}
|
|
248
|
+
},
|
|
249
|
+
"divider": {
|
|
250
|
+
"secondary": "rgba(255, 255, 255, 0.3)"
|
|
251
|
+
}
|
|
252
|
+
}
|
|
253
|
+
},
|
|
254
|
+
"navigation-practice": {
|
|
255
|
+
"color": {
|
|
256
|
+
"text": {
|
|
257
|
+
"primary": {
|
|
258
|
+
"default": "#40515e"
|
|
259
|
+
},
|
|
260
|
+
"secondary": {
|
|
261
|
+
"default": "#40515e"
|
|
262
|
+
},
|
|
263
|
+
"tertiary": {
|
|
264
|
+
"default": "#5a7183"
|
|
265
|
+
},
|
|
266
|
+
"accent": {
|
|
267
|
+
"default": "#047a88"
|
|
268
|
+
},
|
|
269
|
+
"onAccent": {
|
|
270
|
+
"default": "#ffffff"
|
|
271
|
+
}
|
|
272
|
+
},
|
|
273
|
+
"background": {
|
|
274
|
+
"primary": {
|
|
275
|
+
"default": "#ffffff"
|
|
276
|
+
},
|
|
277
|
+
"transparent": {
|
|
278
|
+
"default": "rgba(255, 255, 255, 0)"
|
|
279
|
+
},
|
|
280
|
+
"subtle": {
|
|
281
|
+
"accentSubtle": {
|
|
282
|
+
"default": "#e7f6f8"
|
|
283
|
+
}
|
|
284
|
+
}
|
|
285
|
+
},
|
|
286
|
+
"icon": {
|
|
287
|
+
"primary": {
|
|
288
|
+
"default": "#1a1c1c"
|
|
289
|
+
},
|
|
290
|
+
"secondary": {
|
|
291
|
+
"default": "#40515e"
|
|
292
|
+
},
|
|
293
|
+
"tertiary": {
|
|
294
|
+
"default": "#5a7183"
|
|
295
|
+
},
|
|
296
|
+
"brand": {
|
|
297
|
+
"default": "#0aa6b8"
|
|
298
|
+
},
|
|
299
|
+
"accent": {
|
|
300
|
+
"default": "#047a88"
|
|
301
|
+
},
|
|
302
|
+
"onAccent": {
|
|
303
|
+
"default": "#ffffff"
|
|
304
|
+
}
|
|
305
|
+
},
|
|
306
|
+
"searchInput": {
|
|
307
|
+
"background": {
|
|
308
|
+
"default": "#eef2f5"
|
|
309
|
+
}
|
|
310
|
+
},
|
|
311
|
+
"divider": {
|
|
312
|
+
"secondary": "rgba(163, 178, 189, 0.3)"
|
|
313
|
+
}
|
|
314
|
+
}
|
|
315
|
+
},
|
|
316
|
+
"navigation-teach": {
|
|
317
|
+
"color": {
|
|
318
|
+
"text": {
|
|
319
|
+
"primary": {
|
|
320
|
+
"default": "#ffffff"
|
|
321
|
+
},
|
|
322
|
+
"secondary": {
|
|
323
|
+
"default": "rgba(255, 255, 255, 0.6)"
|
|
324
|
+
},
|
|
325
|
+
"tertiary": {
|
|
326
|
+
"default": "#314554"
|
|
327
|
+
},
|
|
328
|
+
"accent": {
|
|
329
|
+
"default": "#314554"
|
|
330
|
+
},
|
|
331
|
+
"onAccent": {
|
|
332
|
+
"default": "#ffffff"
|
|
333
|
+
}
|
|
334
|
+
},
|
|
335
|
+
"background": {
|
|
336
|
+
"primary": {
|
|
337
|
+
"default": "#314554"
|
|
338
|
+
},
|
|
339
|
+
"transparent": {
|
|
340
|
+
"default": "rgba(255, 255, 255, 0)"
|
|
341
|
+
},
|
|
342
|
+
"subtle": {
|
|
343
|
+
"accentSubtle": {
|
|
344
|
+
"default": "#eef2f5"
|
|
345
|
+
}
|
|
346
|
+
}
|
|
347
|
+
},
|
|
348
|
+
"icon": {
|
|
349
|
+
"primary": {
|
|
350
|
+
"default": "#ffffff"
|
|
351
|
+
},
|
|
352
|
+
"secondary": {
|
|
353
|
+
"default": "#ffffff"
|
|
354
|
+
},
|
|
355
|
+
"tertiary": {
|
|
356
|
+
"default": "rgba(255, 255, 255, 0.8)"
|
|
357
|
+
},
|
|
358
|
+
"brand": {
|
|
359
|
+
"default": "#0aa6b8"
|
|
360
|
+
},
|
|
361
|
+
"accent": {
|
|
362
|
+
"default": "#314554"
|
|
363
|
+
},
|
|
364
|
+
"onAccent": {
|
|
365
|
+
"default": "#ffffff"
|
|
366
|
+
}
|
|
367
|
+
},
|
|
368
|
+
"searchInput": {
|
|
369
|
+
"background": {
|
|
370
|
+
"default": "rgba(0, 0, 0, 0.6)"
|
|
371
|
+
}
|
|
372
|
+
},
|
|
373
|
+
"divider": {
|
|
374
|
+
"secondary": "rgba(255, 255, 255, 0.3)"
|
|
375
|
+
}
|
|
376
|
+
}
|
|
377
|
+
}
|
|
378
|
+
}
|
|
379
|
+
}
|
|
380
|
+
}
|
|
@@ -0,0 +1,86 @@
|
|
|
1
|
+
{
|
|
2
|
+
"custom-sub-theme": {
|
|
3
|
+
"dark": {
|
|
4
|
+
"sub-navigation-learn": {
|
|
5
|
+
"color": {
|
|
6
|
+
"text": {
|
|
7
|
+
"primary": {
|
|
8
|
+
"default": "#5a7183"
|
|
9
|
+
},
|
|
10
|
+
"secondary": {
|
|
11
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
12
|
+
"active": "#2db5c6"
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
},
|
|
17
|
+
"sub-navigation-practice": {
|
|
18
|
+
"color": {
|
|
19
|
+
"text": {
|
|
20
|
+
"primary": {
|
|
21
|
+
"default": "#5a7183"
|
|
22
|
+
},
|
|
23
|
+
"secondary": {
|
|
24
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
25
|
+
"active": "#2db5c6"
|
|
26
|
+
}
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
},
|
|
30
|
+
"sub-navigation-teach": {
|
|
31
|
+
"color": {
|
|
32
|
+
"text": {
|
|
33
|
+
"primary": {
|
|
34
|
+
"default": "#5a7183"
|
|
35
|
+
},
|
|
36
|
+
"secondary": {
|
|
37
|
+
"default": "rgba(255, 255, 255, 0.6)",
|
|
38
|
+
"active": "rgba(255, 255, 255, 0.8)"
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
"light": {
|
|
45
|
+
"sub-navigation-learn": {
|
|
46
|
+
"color": {
|
|
47
|
+
"text": {
|
|
48
|
+
"primary": {
|
|
49
|
+
"default": "#5a7183"
|
|
50
|
+
},
|
|
51
|
+
"secondary": {
|
|
52
|
+
"default": "#5a7183",
|
|
53
|
+
"active": "#047a88"
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
},
|
|
58
|
+
"sub-navigation-practice": {
|
|
59
|
+
"color": {
|
|
60
|
+
"text": {
|
|
61
|
+
"primary": {
|
|
62
|
+
"default": "#5a7183"
|
|
63
|
+
},
|
|
64
|
+
"secondary": {
|
|
65
|
+
"default": "#5a7183",
|
|
66
|
+
"active": "#047a88"
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
"sub-navigation-teach": {
|
|
72
|
+
"color": {
|
|
73
|
+
"text": {
|
|
74
|
+
"primary": {
|
|
75
|
+
"default": "#5a7183"
|
|
76
|
+
},
|
|
77
|
+
"secondary": {
|
|
78
|
+
"default": "#5a7183",
|
|
79
|
+
"active": "#314554"
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
@@ -165,7 +165,7 @@ type Variables = {
|
|
|
165
165
|
"modal": number;
|
|
166
166
|
};
|
|
167
167
|
};
|
|
168
|
-
type AmbossTheme = {
|
|
168
|
+
export type AmbossTheme = {
|
|
169
169
|
"color": {
|
|
170
170
|
"badge": {
|
|
171
171
|
"background": {
|
|
@@ -1139,7 +1139,7 @@ type AmbossTheme = {
|
|
|
1139
1139
|
};
|
|
1140
1140
|
};
|
|
1141
1141
|
};
|
|
1142
|
-
type AmbossThemeName = "dark" | "light";
|
|
1142
|
+
export type AmbossThemeName = "dark" | "light";
|
|
1143
1143
|
export type VisualConfig = {
|
|
1144
1144
|
name: AmbossThemeName;
|
|
1145
1145
|
variables: Variables;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{Icon}from"../Icon/Icon";import{Box}from"../Box/Box";import{Inline}from"../Inline/Inline";import{Stack}from"../Stack/Stack";import{Text}from"../Typography/Text/Text";let DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",warning:"alert-circle",error:"alert-triangle",neutral:"info"},StyledContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"type"!==prop,target:"
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";import{Icon}from"../Icon/Icon";import{Box}from"../Box/Box";import{Inline}from"../Inline/Inline";import{Stack}from"../Stack/Stack";import{Text}from"../Typography/Text/Text";let DEFAULT_ICONS_BY_TYPE={info:"info",success:"check-circle",warning:"alert-circle",error:"alert-triangle",neutral:"info"},StyledContainer=styled("div",{shouldForwardProp:prop=>isPropValid(prop)&&"type"!==prop,target:"e18m8hee0",label:"StyledContainer"})(({theme,type})=>({display:"flex",border:`1px solid ${theme.values.color.border.secondary.default}`,borderRadius:theme.variables.size.borderRadius.xs,padding:theme.variables.size.spacing.m,lineHeight:theme.variables.size.lineHeight.xs,backgroundColor:"neutral"===type?theme.values.color.background.secondary.default:theme.values.color.background[`${type}Subtle`].default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvQ2FsbG91dC9DYWxsb3V0LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvQ2FsbG91dC9DYWxsb3V0LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdHlwZSB7IFJlYWN0RWxlbWVudCB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcbmltcG9ydCB0eXBlIHsgSWNvbk5hbWUgfSBmcm9tIFwiLi4vSWNvbi9JY29uXCI7XG5pbXBvcnQgeyBJY29uIH0gZnJvbSBcIi4uL0ljb24vSWNvblwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBTdGFjayB9IGZyb20gXCIuLi9TdGFjay9TdGFja1wiO1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gXCIuLi9UeXBvZ3JhcGh5L1RleHQvVGV4dFwiO1xuaW1wb3J0IHR5cGUgeyBDYWxsb3V0VmFyaWF0aW9ucyB9IGZyb20gXCIuLi8uLi90eXBlc1wiO1xuXG5jb25zdCBERUZBVUxUX0lDT05TX0JZX1RZUEU6IFJlY29yZDxDYWxsb3V0VmFyaWF0aW9ucywgSWNvbk5hbWU+ID0ge1xuICBpbmZvOiBcImluZm9cIixcbiAgc3VjY2VzczogXCJjaGVjay1jaXJjbGVcIixcbiAgd2FybmluZzogXCJhbGVydC1jaXJjbGVcIixcbiAgZXJyb3I6IFwiYWxlcnQtdHJpYW5nbGVcIixcbiAgbmV1dHJhbDogXCJpbmZvXCIsXG59O1xuXG5leHBvcnQgdHlwZSBDYWxsb3V0UHJvcHMgPSB7XG4gIHR5cGU/OiBDYWxsb3V0VmFyaWF0aW9ucztcbiAgaWNvbj86IEljb25OYW1lO1xuICBcImRhdGEtZTJlLXRlc3QtaWRcIj86IHN0cmluZztcbiAgdGV4dDogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbn07XG5cbmNvbnN0IFN0eWxlZENvbnRhaW5lciA9IHN0eWxlZChcImRpdlwiLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiAocHJvcCkgPT4gaXNQcm9wVmFsaWQocHJvcCkgJiYgcHJvcCAhPT0gXCJ0eXBlXCIsXG59KTxQYXJ0aWFsPENhbGxvdXRQcm9wcz4+KCh7IHRoZW1lLCB0eXBlIH0pID0+ICh7XG4gIGRpc3BsYXk6IFwiZmxleFwiLFxuICBib3JkZXI6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG4gIGJvcmRlclJhZGl1czogdGhlbWUudmFyaWFibGVzLnNpemUuYm9yZGVyUmFkaXVzLnhzLFxuICBwYWRkaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5zcGFjaW5nLm0sXG4gIGxpbmVIZWlnaHQ6IHRoZW1lLnZhcmlhYmxlcy5zaXplLmxpbmVIZWlnaHQueHMsIC8vIFRPRE86IGNvdWxkIGJlIGRlbGV0ZWQgb25jZSBsaW5lLWhlaWdodCBmcm9tIHVpLWFtYm9zcyBiYXNlIHN0eWxlcyBpcyByZW1vdmVkXG4gIGJhY2tncm91bmRDb2xvcjpcbiAgICB0eXBlID09PSBcIm5ldXRyYWxcIlxuICAgICAgPyB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5zZWNvbmRhcnkuZGVmYXVsdFxuICAgICAgOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZFtgJHt0eXBlfVN1YnRsZWBdLmRlZmF1bHQsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBDYWxsb3V0KHtcbiAgdGV4dCxcbiAgZGVzY3JpcHRpb24sXG4gIHR5cGUgPSBcImluZm9cIixcbiAgaWNvbiA9IERFRkFVTFRfSUNPTlNfQllfVFlQRVt0eXBlXSxcbiAgXCJkYXRhLWUyZS10ZXN0LWlkXCI6IGRhdGFFMmVUZXN0SWQsXG59OiBDYWxsb3V0UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB0aXRsZUZvbnRXZWlnaHQgPSBkZXNjcmlwdGlvbiA/IFwiYm9sZFwiIDogXCJub3JtYWxcIjtcbiAgY29uc3QgY29sb3IgPSB0eXBlID09PSBcIm5ldXRyYWxcIiA/IFwic2Vjb25kYXJ5XCIgOiB0eXBlO1xuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZENvbnRhaW5lclxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICAgIGRhdGEtZHMtaWQ9XCJDYWxsb3V0XCJcbiAgICAgIHR5cGU9e3R5cGV9XG4gICAgICBkYXRhLXR5cGU9e3R5cGV9XG4gICAgPlxuICAgICAgPElubGluZSB2QWxpZ25JdGVtcz1cInRvcFwiIHNwYWNlPVwieHNcIiBub1dyYXA+XG4gICAgICAgIDxCb3ggc3BhY2U9XCJ6ZXJvXCIgdFNwYWNlPVwieHh4c1wiPlxuICAgICAgICAgIDxJY29uXG4gICAgICAgICAgICBuYW1lPXtpY29ufVxuICAgICAgICAgICAgY29sb3I9e2NvbG9yfVxuICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgcm9sZT1cImltZ1wiXG4gICAgICAgICAgICBhcmlhLWxhYmVsPXt0eXBlfVxuICAgICAgICAgIC8+XG4gICAgICAgIDwvQm94PlxuICAgICAgICA8U3RhY2sgc3BhY2U9XCJ4eHNcIj5cbiAgICAgICAgICA8VGV4dCB3ZWlnaHQ9e3RpdGxlRm9udFdlaWdodH0gc2l6ZT1cInNcIiBjb2xvcj17Y29sb3J9PlxuICAgICAgICAgICAge3RleHR9XG4gICAgICAgICAgPC9UZXh0PlxuICAgICAgICAgIHtkZXNjcmlwdGlvbiAmJiAoXG4gICAgICAgICAgICA8VGV4dCBzaXplPVwic1wiIGNvbG9yPXtjb2xvcn0+XG4gICAgICAgICAgICAgIHtkZXNjcmlwdGlvbn1cbiAgICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgICApfVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9JbmxpbmU+XG4gICAgPC9TdHlsZWRDb250YWluZXI+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEJ3QiJ9 */");export function Callout({text,description,type="info",icon=DEFAULT_ICONS_BY_TYPE[type],"data-e2e-test-id":dataE2eTestId}){let titleFontWeight=description?"bold":"normal",color="neutral"===type?"secondary":type;return React.createElement(StyledContainer,{"data-e2e-test-id":dataE2eTestId,"data-ds-id":"Callout",type:type,"data-type":type},React.createElement(Inline,{vAlignItems:"top",space:"xs",noWrap:!0},React.createElement(Box,{space:"zero",tSpace:"xxxs"},React.createElement(Icon,{name:icon,color:color,size:"s",role:"img","aria-label":type})),React.createElement(Stack,{space:"xxs"},React.createElement(Text,{weight:titleFontWeight,size:"s",color:color},text),description&&React.createElement(Text,{size:"s",color:color},description))))}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type SubThemeProviderProps } from "../SubThemeProvider/SubThemeProvider";
|
|
3
|
+
export type NavigationThemeName = "unset" | "learn" | "practice" | "teach";
|
|
4
|
+
export type NavigationThemeProps = SubThemeProviderProps & {
|
|
5
|
+
name: NavigationThemeName;
|
|
6
|
+
};
|
|
7
|
+
export declare function NavigationTheme({ name, children, as, "data-e2e-test-id": dataE2eTestId, }: NavigationThemeProps): React.ReactElement;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import navBarTheme from"../../web-tokens/navigationTheme.json";export function NavigationTheme({name,children,as,"data-e2e-test-id":dataE2eTestId}){return React.createElement(SubThemeProvider,{name:`navigation-${name}`,customTheme:navBarTheme,"data-e2e-test-id":dataE2eTestId,as:as},children)}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import type { NavigationThemeName } from "./NavigationTheme";
|
|
3
|
+
type SubMenuContainerProps = {
|
|
4
|
+
name?: NavigationThemeName;
|
|
5
|
+
children: React.ReactNode;
|
|
6
|
+
};
|
|
7
|
+
export declare const SubMenuContainer: ({ children, name, }: SubMenuContainerProps) => React.ReactElement;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import styled from"@emotion/styled";import{SubNavigationTheme}from"./SubNanivationTheme";let StyledSubMenuContainer=styled("div",{target:"ery54q0",label:"StyledSubMenuContainer"})(({theme})=>({backgroundColor:theme.values.color.background.accentSubtle.default}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblRoZW1lL1N1Yk1lbnVDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9OYXZpZ2F0aW9uVGhlbWUvU3ViTWVudUNvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTdWJOYXZpZ2F0aW9uVGhlbWUgfSBmcm9tIFwiLi9TdWJOYW5pdmF0aW9uVGhlbWVcIjtcbmltcG9ydCB0eXBlIHsgTmF2aWdhdGlvblRoZW1lTmFtZSB9IGZyb20gXCIuL05hdmlnYXRpb25UaGVtZVwiO1xuXG5jb25zdCBTdHlsZWRTdWJNZW51Q29udGFpbmVyID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLmFjY2VudFN1YnRsZS5kZWZhdWx0LFxufSkpO1xuXG50eXBlIFN1Yk1lbnVDb250YWluZXJQcm9wcyA9IHtcbiAgbmFtZT86IE5hdmlnYXRpb25UaGVtZU5hbWU7XG4gIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGU7XG59O1xuXG5leHBvcnQgY29uc3QgU3ViTWVudUNvbnRhaW5lciA9ICh7XG4gIGNoaWxkcmVuLFxuICBuYW1lLFxufTogU3ViTWVudUNvbnRhaW5lclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50ID0+IChcbiAgPFN1Yk5hdmlnYXRpb25UaGVtZSBuYW1lPXtuYW1lfT5cbiAgICA8U3R5bGVkU3ViTWVudUNvbnRhaW5lcj57Y2hpbGRyZW59PC9TdHlsZWRTdWJNZW51Q29udGFpbmVyPlxuICA8L1N1Yk5hdmlnYXRpb25UaGVtZT5cbik7XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBSytCIn0= */");export const SubMenuContainer=({children,name})=>React.createElement(SubNavigationTheme,{name:name},React.createElement(StyledSubMenuContainer,null,children));
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { type SubThemeProviderProps } from "../SubThemeProvider/SubThemeProvider";
|
|
3
|
+
import type { NavigationThemeName } from "./NavigationTheme";
|
|
4
|
+
type SubNavigationThemeProps = SubThemeProviderProps & {
|
|
5
|
+
name: NavigationThemeName;
|
|
6
|
+
};
|
|
7
|
+
export declare const SubNavigationTheme: ({ children, name, as, "data-e2e-test-id": dataE2eTestId, }: SubNavigationThemeProps) => React.ReactElement;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import React from"react";import{SubThemeProvider}from"../SubThemeProvider/SubThemeProvider";import navBottomTheme from"../../web-tokens/subNavigationTheme.json";export const SubNavigationTheme=({children,name,as,"data-e2e-test-id":dataE2eTestId})=>React.createElement(SubThemeProvider,{name:`sub-navigation-${name}`,customTheme:navBottomTheme,"data-e2e-test-id":dataE2eTestId,as:as},children);
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { AriaAttributes } from "react";
|
|
2
|
+
import React from "react";
|
|
3
|
+
export type TabButtonProps = {
|
|
4
|
+
isActive?: boolean;
|
|
5
|
+
onClick?: (e: React.MouseEvent) => void;
|
|
6
|
+
onFocus?: (e: React.FocusEvent) => void;
|
|
7
|
+
onBlur?: (e: React.FocusEvent) => void;
|
|
8
|
+
ariaAttributes?: AriaAttributes;
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
};
|
|
11
|
+
export declare const TabButton: ({ ariaAttributes: theirAriaAttributes, children, isActive, onBlur, onClick, onFocus, ...rest }: TabButtonProps) => React.ReactNode;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React,{useCallback,useMemo}from"react";import styled from"@emotion/styled";import isPropValid from"@emotion/is-prop-valid";let StyledButton=styled("button",{shouldForwardProp:prop=>isPropValid(prop)&&"isActive"!==prop,target:"ea110oq0",label:"StyledButton"})(({theme,isActive})=>{let r=theme.variables.size.borderRadius.s;return{"&[type='button']":{appearance:"none",MozAppearance:"none",WebkitAppearance:"none"},display:"inline-block",border:0,textTransform:"none",textDecoration:"none",mask:`
|
|
2
|
+
radial-gradient(${r} at ${r} 0, #0000 100%, #000 100%)
|
|
3
|
+
calc(-1 * ${r}) 100% / 100% ${r} repeat-x,
|
|
4
|
+
conic-gradient(#000 0 0) padding-box
|
|
5
|
+
`,position:"relative",boxSizing:"border-box",borderRadius:`calc(1.5*${r}) calc(1.5*${r}) 0 0/${r}`,borderInline:`${r} solid ${theme.values.color.background.transparent.default}`,fontFamily:theme.variables.fontFamily.lato,fontSize:theme.variables.size.font.s,lineHeight:theme.variables.size.lineHeight.xs,fontWeight:theme.variables.weight.bold,cursor:"pointer",background:`${theme.values.color.background.primary.default} border-box`,padding:`${theme.variables.size.spacing.s} ${theme.variables.size.spacing.l}`,margin:`0 -${r}`,color:theme.values.color.text.secondary.default,backgroundColor:theme.values.color.background.transparent.default,letterSpacing:theme.variables.size.letterSpacing.s,zIndex:1,...!isActive&&{"&:hover":{backgroundColor:theme.values.color.background.transparent.hover,borderInline:`${r} solid ${theme.values.color.background.transparent.hover}`},"&:active":{color:theme.values.color.text.primary.default,backgroundColor:theme.values.color.background.transparent.active}},...isActive&&{cursor:"default",color:theme.values.color.text.accent.default,backgroundColor:theme.values.color.background.accentSubtle.default,borderInline:`${r} solid ${theme.values.color.background.accentSubtle.default}`,zIndex:2}}},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTmF2aWdhdGlvblRoZW1lL1RhYkJ1dHRvbi50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL05hdmlnYXRpb25UaGVtZS9UYWJCdXR0b24udHN4Il0sInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHJlYWN0L2pzeC1wcm9wcy1uby1zcHJlYWRpbmcgKi9cbmltcG9ydCB0eXBlIHsgQXJpYUF0dHJpYnV0ZXMgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBSZWFjdCwgeyB1c2VDYWxsYmFjaywgdXNlTWVtbyB9IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgaXNQcm9wVmFsaWQgZnJvbSBcIkBlbW90aW9uL2lzLXByb3AtdmFsaWRcIjtcblxuY29uc3QgU3R5bGVkQnV0dG9uID0gc3R5bGVkKFwiYnV0dG9uXCIsIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IChwcm9wKSA9PiBpc1Byb3BWYWxpZChwcm9wKSAmJiBwcm9wICE9PSBcImlzQWN0aXZlXCIsXG59KTxQYXJ0aWFsPFRhYkJ1dHRvblByb3BzPj4oKHsgdGhlbWUsIGlzQWN0aXZlIH0pID0+IHtcbiAgY29uc3QgciA9IHRoZW1lLnZhcmlhYmxlcy5zaXplLmJvcmRlclJhZGl1cy5zO1xuICByZXR1cm4ge1xuICAgIFwiJlt0eXBlPSdidXR0b24nXVwiOiB7XG4gICAgICBhcHBlYXJhbmNlOiBcIm5vbmVcIixcbiAgICAgIE1vekFwcGVhcmFuY2U6IFwibm9uZVwiLFxuICAgICAgV2Via2l0QXBwZWFyYW5jZTogXCJub25lXCIsXG4gICAgfSxcbiAgICBkaXNwbGF5OiBcImlubGluZS1ibG9ja1wiLFxuICAgIGJvcmRlcjogMCxcbiAgICB0ZXh0VHJhbnNmb3JtOiBcIm5vbmVcIixcbiAgICB0ZXh0RGVjb3JhdGlvbjogXCJub25lXCIsXG5cbiAgICAvLyAgIFdlYmtpdE1hc2s6IGBcbiAgICAvLyAgIHJhZGlhbC1ncmFkaWVudCgke3J9IGF0ICR7cn0gMCwgIzAwMDAgOTglLCAjMDAwIDEwMSUpXG4gICAgLy8gICAgIGNhbGMoLTEgKiAke3J9KSAxMDAlIC8gMTAwJSAke3J9IHJlcGVhdC14LFxuICAgIC8vICAgY29uaWMtZ3JhZGllbnQoIzAwMCAwIDApIHBhZGRpbmctYm94XG4gICAgLy8gYCxcbiAgICBtYXNrOiBgXG4gICAgcmFkaWFsLWdyYWRpZW50KCR7cn0gYXQgJHtyfSAwLCAjMDAwMCAxMDAlLCAjMDAwIDEwMCUpXG4gICAgICBjYWxjKC0xICogJHtyfSkgMTAwJSAvIDEwMCUgJHtyfSByZXBlYXQteCxcbiAgICBjb25pYy1ncmFkaWVudCgjMDAwIDAgMCkgcGFkZGluZy1ib3hcbiAgYCxcbiAgICBwb3NpdGlvbjogXCJyZWxhdGl2ZVwiLFxuXG4gICAgYm94U2l6aW5nOiBcImJvcmRlci1ib3hcIixcbiAgICBib3JkZXJSYWRpdXM6IGBjYWxjKDEuNSoke3J9KSBjYWxjKDEuNSoke3J9KSAwIDAvJHtyfWAsXG4gICAgYm9yZGVySW5saW5lOiBgJHtyfSBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmRlZmF1bHR9YCxcbiAgICBmb250RmFtaWx5OiB0aGVtZS52YXJpYWJsZXMuZm9udEZhbWlseS5sYXRvLFxuICAgIGZvbnRTaXplOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5mb250LnMsXG4gICAgbGluZUhlaWdodDogdGhlbWUudmFyaWFibGVzLnNpemUubGluZUhlaWdodC54cyxcbiAgICBmb250V2VpZ2h0OiB0aGVtZS52YXJpYWJsZXMud2VpZ2h0LmJvbGQsXG4gICAgY3Vyc29yOiBcInBvaW50ZXJcIixcbiAgICBiYWNrZ3JvdW5kOiBgJHt0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC5wcmltYXJ5LmRlZmF1bHR9IGJvcmRlci1ib3hgLFxuXG4gICAgcGFkZGluZzogYCR7dGhlbWUudmFyaWFibGVzLnNpemUuc3BhY2luZy5zfSAke3RoZW1lLnZhcmlhYmxlcy5zaXplLnNwYWNpbmcubH1gLFxuICAgIG1hcmdpbjogYDAgLSR7cn1gLFxuXG4gICAgY29sb3I6IHRoZW1lLnZhbHVlcy5jb2xvci50ZXh0LnNlY29uZGFyeS5kZWZhdWx0LFxuICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuZGVmYXVsdCxcbiAgICBsZXR0ZXJTcGFjaW5nOiB0aGVtZS52YXJpYWJsZXMuc2l6ZS5sZXR0ZXJTcGFjaW5nLnMsXG4gICAgekluZGV4OiAxLFxuICAgIC4uLighaXNBY3RpdmUgJiYge1xuICAgICAgXCImOmhvdmVyXCI6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IuYmFja2dyb3VuZC50cmFuc3BhcmVudC5ob3ZlcixcbiAgICAgICAgYm9yZGVySW5saW5lOiBgJHtyfSBzb2xpZCAke3RoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnRyYW5zcGFyZW50LmhvdmVyfWAsXG4gICAgICB9LFxuICAgICAgXCImOmFjdGl2ZVwiOiB7XG4gICAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5wcmltYXJ5LmRlZmF1bHQsXG4gICAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQudHJhbnNwYXJlbnQuYWN0aXZlLFxuICAgICAgfSxcbiAgICB9KSxcbiAgICAuLi4oaXNBY3RpdmUgJiYge1xuICAgICAgY3Vyc29yOiBcImRlZmF1bHRcIixcbiAgICAgIGNvbG9yOiB0aGVtZS52YWx1ZXMuY29sb3IudGV4dC5hY2NlbnQuZGVmYXVsdCxcbiAgICAgIGJhY2tncm91bmRDb2xvcjogdGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHQsXG4gICAgICBib3JkZXJJbmxpbmU6IGAke3J9IHNvbGlkICR7dGhlbWUudmFsdWVzLmNvbG9yLmJhY2tncm91bmQuYWNjZW50U3VidGxlLmRlZmF1bHR9YCxcbiAgICAgIHpJbmRleDogMixcbiAgICB9KSxcbiAgfTtcbn0pO1xuXG5leHBvcnQgdHlwZSBUYWJCdXR0b25Qcm9wcyA9IHtcbiAgaXNBY3RpdmU/OiBib29sZWFuO1xuICBvbkNsaWNrPzogKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHZvaWQ7XG4gIG9uRm9jdXM/OiAoZTogUmVhY3QuRm9jdXNFdmVudCkgPT4gdm9pZDtcbiAgb25CbHVyPzogKGU6IFJlYWN0LkZvY3VzRXZlbnQpID0+IHZvaWQ7XG4gIGFyaWFBdHRyaWJ1dGVzPzogQXJpYUF0dHJpYnV0ZXM7XG4gIGNoaWxkcmVuPzogUmVhY3QuUmVhY3ROb2RlO1xufTtcblxuZXhwb3J0IGNvbnN0IFRhYkJ1dHRvbiA9ICh7XG4gIGFyaWFBdHRyaWJ1dGVzOiB0aGVpckFyaWFBdHRyaWJ1dGVzLFxuICBjaGlsZHJlbixcbiAgaXNBY3RpdmUsXG4gIG9uQmx1cixcbiAgb25DbGljayxcbiAgb25Gb2N1cyxcbiAgLi4ucmVzdFxufTogVGFiQnV0dG9uUHJvcHMpOiBSZWFjdC5SZWFjdE5vZGUgPT4ge1xuICBjb25zdCBhcmlhQXR0cmlidXRlcyA9IHVzZU1lbW8oKCkgPT4ge1xuICAgIGNvbnN0IGJhc2VBdHRyaWJ1dGVzID0ge1xuICAgICAgLi4udGhlaXJBcmlhQXR0cmlidXRlcyxcbiAgICAgIHJvbGU6IFwidGFiXCIsXG4gICAgICBcImFyaWEtc2VsZWN0ZWRcIjogaXNBY3RpdmUsXG4gICAgICBcImFyaWEtZGlzYWJsZWRcIjogaXNBY3RpdmUsXG4gICAgICB0YWJJbmRleDogaXNBY3RpdmUgPyAtMSA6IDAsXG4gICAgfTtcblxuICAgIGlmIChpc0FjdGl2ZSkge1xuICAgICAgcmV0dXJuIHtcbiAgICAgICAgLi4uYmFzZUF0dHJpYnV0ZXMsXG4gICAgICAgIFwiYXJpYS1jdXJyZW50XCI6IFwicGFnZVwiIGFzIGNvbnN0LFxuICAgICAgICBcImFyaWEtcHJlc3NlZFwiOiB0cnVlLFxuICAgICAgfTtcbiAgICB9XG5cbiAgICByZXR1cm4gYmFzZUF0dHJpYnV0ZXM7XG4gIH0sIFtpc0FjdGl2ZSwgdGhlaXJBcmlhQXR0cmlidXRlc10pO1xuXG4gIGNvbnN0IGhhbmRsZUNsaWNrID0gdXNlQ2FsbGJhY2soXG4gICAgKGU6IFJlYWN0Lk1vdXNlRXZlbnQpID0+IHtcbiAgICAgIGlmICghaXNBY3RpdmUgJiYgb25DbGljaykge1xuICAgICAgICBvbkNsaWNrKGUpO1xuICAgICAgfVxuICAgIH0sXG4gICAgW29uQ2xpY2ssIGlzQWN0aXZlXVxuICApO1xuICByZXR1cm4gKFxuICAgIDxTdHlsZWRCdXR0b25cbiAgICAgIGRhdGEtZHMtaWQ9XCJUYWJCdXR0b25cIlxuICAgICAgaXNBY3RpdmU9e2lzQWN0aXZlfVxuICAgICAgb25DbGljaz17aGFuZGxlQ2xpY2t9XG4gICAgICBvbkZvY3VzPXtvbkZvY3VzfVxuICAgICAgb25CbHVyPXtvbkJsdXJ9XG4gICAgICB7Li4uYXJpYUF0dHJpYnV0ZXN9XG4gICAgICB7Li4ucmVzdH1cbiAgICA+XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWRCdXR0b24+XG4gICk7XG59O1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU1xQiJ9 */");export const TabButton=({ariaAttributes:theirAriaAttributes,children,isActive,onBlur,onClick,onFocus,...rest})=>{let ariaAttributes=useMemo(()=>{let baseAttributes={...theirAriaAttributes,role:"tab","aria-selected":isActive,"aria-disabled":isActive,tabIndex:isActive?-1:0};return isActive?{...baseAttributes,"aria-current":"page","aria-pressed":!0}:baseAttributes},[isActive,theirAriaAttributes]),handleClick=useCallback(e=>{!isActive&&onClick&&onClick(e)},[onClick,isActive]);return React.createElement(StyledButton,{"data-ds-id":"TabButton",isActive:isActive,onClick:handleClick,onFocus:onFocus,onBlur:onBlur,...ariaAttributes,...rest},children)};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import type { ReactElement } from "react";
|
|
3
3
|
import type { IconName } from "../Icon/Icon";
|
|
4
|
-
import type
|
|
4
|
+
import { type SubThemeName } from "../SubThemeProvider/SubThemeProvider";
|
|
5
5
|
export type NotificationProps = {
|
|
6
6
|
"data-e2e-test-id"?: string;
|
|
7
|
-
type?: Extract<
|
|
7
|
+
type?: Extract<SubThemeName, "info" | "success" | "error">;
|
|
8
8
|
text?: string | ReactElement;
|
|
9
9
|
icon?: IconName | null;
|
|
10
10
|
isDismissable?: boolean;
|