@amboss/design-system 3.13.6-subtheme.0.4 → 3.13.7
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/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 +3 -27
- package/build/cjs/components/SubThemeProvider/SubThemeProvider.js +1 -1
- package/build/cjs/index.d.ts +0 -3
- package/build/cjs/index.js +1 -1
- package/build/cjs/web-tokens/visualConfig.d.ts +2 -2
- 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 +3 -27
- package/build/esm/components/SubThemeProvider/SubThemeProvider.js +1 -1
- package/build/esm/index.d.ts +0 -3
- package/build/esm/index.js +1 -1
- package/build/esm/web-tokens/visualConfig.d.ts +2 -2
- package/package.json +1 -2
- package/build/cjs/components/NavigationTheme/NavigationTheme.d.ts +0 -7
- package/build/cjs/components/NavigationTheme/NavigationTheme.js +0 -1
- package/build/cjs/components/NavigationTheme/SubMenuContainer.d.ts +0 -8
- package/build/cjs/components/NavigationTheme/SubMenuContainer.js +0 -1
- package/build/cjs/components/NavigationTheme/SubNanivationTheme.d.ts +0 -8
- package/build/cjs/components/NavigationTheme/SubNanivationTheme.js +0 -1
- package/build/cjs/components/NavigationTheme/TabButton.d.ts +0 -11
- package/build/cjs/components/NavigationTheme/TabButton.js +0 -5
- package/build/cjs/web-tokens/navigationTheme.json +0 -380
- package/build/cjs/web-tokens/subNavigationTheme.json +0 -86
- package/build/esm/components/NavigationTheme/NavigationTheme.d.ts +0 -7
- package/build/esm/components/NavigationTheme/NavigationTheme.js +0 -1
- package/build/esm/components/NavigationTheme/SubMenuContainer.d.ts +0 -8
- package/build/esm/components/NavigationTheme/SubMenuContainer.js +0 -1
- package/build/esm/components/NavigationTheme/SubNanivationTheme.d.ts +0 -8
- package/build/esm/components/NavigationTheme/SubNanivationTheme.js +0 -1
- package/build/esm/components/NavigationTheme/TabButton.d.ts +0 -11
- package/build/esm/components/NavigationTheme/TabButton.js +0 -5
- package/build/esm/web-tokens/navigationTheme.json +0 -380
- package/build/esm/web-tokens/subNavigationTheme.json +0 -86
|
@@ -1,380 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,86 +0,0 @@
|
|
|
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
|
-
}
|
|
@@ -1,7 +0,0 @@
|
|
|
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;
|
|
@@ -1 +0,0 @@
|
|
|
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)}
|
|
@@ -1,8 +0,0 @@
|
|
|
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 {};
|
|
@@ -1 +0,0 @@
|
|
|
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));
|
|
@@ -1,8 +0,0 @@
|
|
|
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 {};
|
|
@@ -1 +0,0 @@
|
|
|
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);
|
|
@@ -1,11 +0,0 @@
|
|
|
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;
|
|
@@ -1,5 +0,0 @@
|
|
|
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)};
|