carbon-react 110.7.0 → 110.9.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.
- package/esm/components/heading/heading.style.js +7 -5
- package/esm/components/link/link.component.d.ts +2 -7
- package/esm/components/link/link.component.js +8 -3
- package/esm/components/link/link.config.d.ts +1 -0
- package/esm/components/link/link.config.js +2 -1
- package/esm/components/link/link.style.d.ts +15 -3
- package/esm/components/link/link.style.js +151 -61
- package/esm/components/menu/menu-item/menu-item.style.js +43 -39
- package/esm/components/select/filterable-select/filterable-select.component.js +5 -0
- package/esm/components/select/filterable-select/filterable-select.d.ts +2 -0
- package/esm/components/select/multi-select/multi-select.component.js +5 -0
- package/esm/components/select/multi-select/multi-select.d.ts +2 -0
- package/esm/components/select/select-list/select-list-container.style.js +1 -3
- package/esm/components/select/select-list/select-list.component.js +6 -2
- package/esm/components/select/select-list/select-list.style.js +1 -1
- package/esm/components/select/simple-select/simple-select.component.js +5 -0
- package/esm/components/select/simple-select/simple-select.d.ts +2 -0
- package/esm/style/design-tokens/debug-theme.util.d.ts +107 -102
- package/esm/style/themes/sage/index.d.ts +107 -102
- package/lib/components/heading/heading.style.js +7 -5
- package/lib/components/link/link.component.d.ts +2 -7
- package/lib/components/link/link.component.js +8 -3
- package/lib/components/link/link.config.d.ts +1 -0
- package/lib/components/link/link.config.js +4 -2
- package/lib/components/link/link.style.d.ts +15 -3
- package/lib/components/link/link.style.js +151 -61
- package/lib/components/menu/menu-item/menu-item.style.js +43 -39
- package/lib/components/select/filterable-select/filterable-select.component.js +5 -0
- package/lib/components/select/filterable-select/filterable-select.d.ts +2 -0
- package/lib/components/select/multi-select/multi-select.component.js +5 -0
- package/lib/components/select/multi-select/multi-select.d.ts +2 -0
- package/lib/components/select/select-list/select-list-container.style.js +1 -3
- package/lib/components/select/select-list/select-list.component.js +6 -2
- package/lib/components/select/select-list/select-list.style.js +1 -1
- package/lib/components/select/simple-select/simple-select.component.js +5 -0
- package/lib/components/select/simple-select/simple-select.d.ts +2 -0
- package/lib/style/design-tokens/debug-theme.util.d.ts +107 -102
- package/lib/style/themes/sage/index.d.ts +107 -102
- package/package.json +3 -3
|
@@ -2,108 +2,12 @@ declare const _default: {
|
|
|
2
2
|
compatibility: {
|
|
3
3
|
metaName: string;
|
|
4
4
|
metaPublic: string;
|
|
5
|
-
colorsLogo: string;
|
|
6
|
-
colorsTransparent: string;
|
|
7
|
-
colorsYin030: string;
|
|
8
|
-
colorsYin055: string;
|
|
9
|
-
colorsYin065: string;
|
|
10
|
-
colorsYin075: string;
|
|
11
|
-
colorsYin090: string;
|
|
12
|
-
colorsYang100: string;
|
|
13
|
-
colorsYang030: string;
|
|
14
|
-
colorsYang080: string;
|
|
15
|
-
colorsGray600: string;
|
|
16
|
-
colorsGray700: string;
|
|
17
|
-
colorsGray750: string;
|
|
18
|
-
colorsGray850: string;
|
|
19
|
-
colorsGray900: string;
|
|
20
|
-
colorsGray1000: string;
|
|
21
|
-
colorsGray000: string;
|
|
22
|
-
colorsDisabled400: string;
|
|
23
|
-
colorsDisabled500: string;
|
|
24
|
-
colorsDisabled600: string;
|
|
25
|
-
colorsReadOnly400: string;
|
|
26
|
-
colorsReadOnly500: string;
|
|
27
|
-
colorsReadOnly600: string;
|
|
28
|
-
colorsComponentsMenuSpringStandard500: string;
|
|
29
|
-
colorsComponentsMenuSpringStandard600: string;
|
|
30
|
-
colorsComponentsMenuSpringStandard700: string;
|
|
31
|
-
colorsComponentsMenuSpringParent500: string;
|
|
32
|
-
colorsComponentsMenuSpringParent600: string;
|
|
33
|
-
colorsComponentsMenuSpringParent700: string;
|
|
34
|
-
colorsComponentsMenuSpringChild400: string;
|
|
35
|
-
colorsComponentsMenuSpringChild500: string;
|
|
36
|
-
colorsComponentsMenuSpringChild600: string;
|
|
37
|
-
colorsComponentsMenuSpringChildAlt400: string;
|
|
38
|
-
colorsComponentsMenuSpringChildAlt500: string;
|
|
39
|
-
colorsComponentsMenuSpringChildAlt600: string;
|
|
40
|
-
colorsComponentsMenuSummerStandard400: string;
|
|
41
|
-
colorsComponentsMenuSummerStandard500: string;
|
|
42
|
-
colorsComponentsMenuSummerStandard600: string;
|
|
43
|
-
colorsComponentsMenuSummerStandard700: string;
|
|
44
|
-
colorsComponentsMenuSummerStandard800: string;
|
|
45
|
-
colorsComponentsMenuSummerParent400: string;
|
|
46
|
-
colorsComponentsMenuSummerParent500: string;
|
|
47
|
-
colorsComponentsMenuSummerParent600: string;
|
|
48
|
-
colorsComponentsMenuSummerParent700: string;
|
|
49
|
-
colorsComponentsMenuSummerParent800: string;
|
|
50
|
-
colorsComponentsMenuSummerChild300: string;
|
|
51
|
-
colorsComponentsMenuSummerChild400: string;
|
|
52
|
-
colorsComponentsMenuSummerChild500: string;
|
|
53
|
-
colorsComponentsMenuSummerChild600: string;
|
|
54
|
-
colorsComponentsMenuSummerChild700: string;
|
|
55
|
-
colorsComponentsMenuSummerChild800: string;
|
|
56
|
-
colorsComponentsMenuSummerChildAlt300: string;
|
|
57
|
-
colorsComponentsMenuSummerChildAlt400: string;
|
|
58
|
-
colorsComponentsMenuSummerChildAlt500: string;
|
|
59
|
-
colorsComponentsMenuSummerChildAlt600: string;
|
|
60
|
-
colorsComponentsMenuSummerChildAlt700: string;
|
|
61
|
-
colorsComponentsMenuSummerChildAlt800: string;
|
|
62
|
-
colorsComponentsMenuAutumnStandard500: string;
|
|
63
|
-
colorsComponentsMenuAutumnStandard600: string;
|
|
64
|
-
colorsComponentsMenuAutumnStandard700: string;
|
|
65
|
-
colorsComponentsMenuAutumnParent500: string;
|
|
66
|
-
colorsComponentsMenuAutumnParent600: string;
|
|
67
|
-
colorsComponentsMenuAutumnParent700: string;
|
|
68
|
-
colorsComponentsMenuAutumnChild400: string;
|
|
69
|
-
colorsComponentsMenuAutumnChild500: string;
|
|
70
|
-
colorsComponentsMenuAutumnChild600: string;
|
|
71
|
-
colorsComponentsMenuAutumnChildAlt400: string;
|
|
72
|
-
colorsComponentsMenuAutumnChildAlt500: string;
|
|
73
|
-
colorsComponentsMenuAutumnChildAlt600: string;
|
|
74
|
-
colorsComponentsMenuWinterStandard400: string;
|
|
75
|
-
colorsComponentsMenuWinterStandard500: string;
|
|
76
|
-
colorsComponentsMenuWinterStandard600: string;
|
|
77
|
-
colorsComponentsMenuWinterStandard700: string;
|
|
78
|
-
colorsComponentsMenuWinterStandard800: string;
|
|
79
|
-
colorsComponentsMenuWinterParent400: string;
|
|
80
|
-
colorsComponentsMenuWinterParent500: string;
|
|
81
|
-
colorsComponentsMenuWinterParent600: string;
|
|
82
|
-
colorsComponentsMenuWinterParent700: string;
|
|
83
|
-
colorsComponentsMenuWinterParent800: string;
|
|
84
|
-
colorsComponentsMenuWinterChild300: string;
|
|
85
|
-
colorsComponentsMenuWinterChild400: string;
|
|
86
|
-
colorsComponentsMenuWinterChild500: string;
|
|
87
|
-
colorsComponentsMenuWinterChild600: string;
|
|
88
|
-
colorsComponentsMenuWinterChild700: string;
|
|
89
|
-
colorsComponentsMenuWinterChild800: string;
|
|
90
|
-
colorsComponentsMenuWinterChildAlt300: string;
|
|
91
|
-
colorsComponentsMenuWinterChildAlt400: string;
|
|
92
|
-
colorsComponentsMenuWinterChildAlt500: string;
|
|
93
|
-
colorsComponentsMenuWinterChildAlt600: string;
|
|
94
|
-
colorsComponentsMenuWinterChildAlt700: string;
|
|
95
|
-
colorsComponentsMenuWinterChildAlt800: string;
|
|
96
|
-
colorsComponentsMenuYin100: string;
|
|
97
|
-
colorsComponentsMenuYin065: string;
|
|
98
|
-
colorsComponentsMenuYin090: string;
|
|
99
|
-
colorsComponentsMenuYang100: string;
|
|
100
|
-
colorsComponentsMenuYang080: string;
|
|
101
|
-
colorsComponentsMenuTransparent: string;
|
|
102
5
|
colorsUtilityMajor100: string;
|
|
103
6
|
colorsUtilityMajor150: string;
|
|
104
7
|
colorsUtilityMajor200: string;
|
|
105
8
|
colorsUtilityMajor300: string;
|
|
106
9
|
colorsUtilityMajor400: string;
|
|
10
|
+
colorsUtilityMajor450: string;
|
|
107
11
|
colorsUtilityMajor500: string;
|
|
108
12
|
colorsUtilityMajor800: string;
|
|
109
13
|
colorsUtilityMajor025: string;
|
|
@@ -182,6 +86,8 @@ declare const _default: {
|
|
|
182
86
|
colorsSemanticPositiveYin065: string;
|
|
183
87
|
colorsSemanticPositiveYin090: string;
|
|
184
88
|
colorsSemanticPositiveYang100: string;
|
|
89
|
+
colorsSemanticNegative350: string;
|
|
90
|
+
colorsSemanticNegative450: string;
|
|
185
91
|
colorsSemanticNegative500: string;
|
|
186
92
|
colorsSemanticNegative600: string;
|
|
187
93
|
colorsSemanticNegativeTransparent: string;
|
|
@@ -209,6 +115,103 @@ declare const _default: {
|
|
|
209
115
|
colorsSemanticInfoYin065: string;
|
|
210
116
|
colorsSemanticInfoYin090: string;
|
|
211
117
|
colorsSemanticInfoYang100: string;
|
|
118
|
+
colorsLogo: string;
|
|
119
|
+
colorsTransparent: string;
|
|
120
|
+
colorsYin030: string;
|
|
121
|
+
colorsYin055: string;
|
|
122
|
+
colorsYin065: string;
|
|
123
|
+
colorsYin075: string;
|
|
124
|
+
colorsYin090: string;
|
|
125
|
+
colorsYang100: string;
|
|
126
|
+
colorsYang030: string;
|
|
127
|
+
colorsYang080: string;
|
|
128
|
+
colorsGray600: string;
|
|
129
|
+
colorsGray700: string;
|
|
130
|
+
colorsGray750: string;
|
|
131
|
+
colorsGray850: string;
|
|
132
|
+
colorsGray900: string;
|
|
133
|
+
colorsGray1000: string;
|
|
134
|
+
colorsGray000: string;
|
|
135
|
+
colorsDisabled400: string;
|
|
136
|
+
colorsDisabled500: string;
|
|
137
|
+
colorsDisabled600: string;
|
|
138
|
+
colorsReadOnly400: string;
|
|
139
|
+
colorsReadOnly500: string;
|
|
140
|
+
colorsReadOnly600: string;
|
|
141
|
+
colorsComponentsMenuSpringStandard500: string;
|
|
142
|
+
colorsComponentsMenuSpringStandard600: string;
|
|
143
|
+
colorsComponentsMenuSpringStandard700: string;
|
|
144
|
+
colorsComponentsMenuSpringParent500: string;
|
|
145
|
+
colorsComponentsMenuSpringParent600: string;
|
|
146
|
+
colorsComponentsMenuSpringParent700: string;
|
|
147
|
+
colorsComponentsMenuSpringChild400: string;
|
|
148
|
+
colorsComponentsMenuSpringChild500: string;
|
|
149
|
+
colorsComponentsMenuSpringChild600: string;
|
|
150
|
+
colorsComponentsMenuSpringChildAlt400: string;
|
|
151
|
+
colorsComponentsMenuSpringChildAlt500: string;
|
|
152
|
+
colorsComponentsMenuSpringChildAlt600: string;
|
|
153
|
+
colorsComponentsMenuSummerStandard400: string;
|
|
154
|
+
colorsComponentsMenuSummerStandard500: string;
|
|
155
|
+
colorsComponentsMenuSummerStandard600: string;
|
|
156
|
+
colorsComponentsMenuSummerStandard700: string;
|
|
157
|
+
colorsComponentsMenuSummerStandard800: string;
|
|
158
|
+
colorsComponentsMenuSummerParent400: string;
|
|
159
|
+
colorsComponentsMenuSummerParent500: string;
|
|
160
|
+
colorsComponentsMenuSummerParent600: string;
|
|
161
|
+
colorsComponentsMenuSummerParent700: string;
|
|
162
|
+
colorsComponentsMenuSummerParent800: string;
|
|
163
|
+
colorsComponentsMenuSummerChild300: string;
|
|
164
|
+
colorsComponentsMenuSummerChild400: string;
|
|
165
|
+
colorsComponentsMenuSummerChild500: string;
|
|
166
|
+
colorsComponentsMenuSummerChild600: string;
|
|
167
|
+
colorsComponentsMenuSummerChild700: string;
|
|
168
|
+
colorsComponentsMenuSummerChild800: string;
|
|
169
|
+
colorsComponentsMenuSummerChildAlt300: string;
|
|
170
|
+
colorsComponentsMenuSummerChildAlt400: string;
|
|
171
|
+
colorsComponentsMenuSummerChildAlt500: string;
|
|
172
|
+
colorsComponentsMenuSummerChildAlt600: string;
|
|
173
|
+
colorsComponentsMenuSummerChildAlt700: string;
|
|
174
|
+
colorsComponentsMenuSummerChildAlt800: string;
|
|
175
|
+
colorsComponentsMenuAutumnStandard500: string;
|
|
176
|
+
colorsComponentsMenuAutumnStandard600: string;
|
|
177
|
+
colorsComponentsMenuAutumnStandard700: string;
|
|
178
|
+
colorsComponentsMenuAutumnParent500: string;
|
|
179
|
+
colorsComponentsMenuAutumnParent600: string;
|
|
180
|
+
colorsComponentsMenuAutumnParent700: string;
|
|
181
|
+
colorsComponentsMenuAutumnChild400: string;
|
|
182
|
+
colorsComponentsMenuAutumnChild500: string;
|
|
183
|
+
colorsComponentsMenuAutumnChild600: string;
|
|
184
|
+
colorsComponentsMenuAutumnChildAlt400: string;
|
|
185
|
+
colorsComponentsMenuAutumnChildAlt500: string;
|
|
186
|
+
colorsComponentsMenuAutumnChildAlt600: string;
|
|
187
|
+
colorsComponentsMenuWinterStandard400: string;
|
|
188
|
+
colorsComponentsMenuWinterStandard500: string;
|
|
189
|
+
colorsComponentsMenuWinterStandard600: string;
|
|
190
|
+
colorsComponentsMenuWinterStandard700: string;
|
|
191
|
+
colorsComponentsMenuWinterStandard800: string;
|
|
192
|
+
colorsComponentsMenuWinterParent400: string;
|
|
193
|
+
colorsComponentsMenuWinterParent500: string;
|
|
194
|
+
colorsComponentsMenuWinterParent600: string;
|
|
195
|
+
colorsComponentsMenuWinterParent700: string;
|
|
196
|
+
colorsComponentsMenuWinterParent800: string;
|
|
197
|
+
colorsComponentsMenuWinterChild300: string;
|
|
198
|
+
colorsComponentsMenuWinterChild400: string;
|
|
199
|
+
colorsComponentsMenuWinterChild500: string;
|
|
200
|
+
colorsComponentsMenuWinterChild600: string;
|
|
201
|
+
colorsComponentsMenuWinterChild700: string;
|
|
202
|
+
colorsComponentsMenuWinterChild800: string;
|
|
203
|
+
colorsComponentsMenuWinterChildAlt300: string;
|
|
204
|
+
colorsComponentsMenuWinterChildAlt400: string;
|
|
205
|
+
colorsComponentsMenuWinterChildAlt500: string;
|
|
206
|
+
colorsComponentsMenuWinterChildAlt600: string;
|
|
207
|
+
colorsComponentsMenuWinterChildAlt700: string;
|
|
208
|
+
colorsComponentsMenuWinterChildAlt800: string;
|
|
209
|
+
colorsComponentsMenuYin100: string;
|
|
210
|
+
colorsComponentsMenuYin065: string;
|
|
211
|
+
colorsComponentsMenuYin090: string;
|
|
212
|
+
colorsComponentsMenuYang100: string;
|
|
213
|
+
colorsComponentsMenuYang080: string;
|
|
214
|
+
colorsComponentsMenuTransparent: string;
|
|
212
215
|
sizing100: string;
|
|
213
216
|
sizing125: string;
|
|
214
217
|
sizing150: string;
|
|
@@ -228,6 +231,7 @@ declare const _default: {
|
|
|
228
231
|
sizing800: string;
|
|
229
232
|
sizing900: string;
|
|
230
233
|
sizing1000: string;
|
|
234
|
+
sizing1200: string;
|
|
231
235
|
sizing1300: string;
|
|
232
236
|
sizing1600: string;
|
|
233
237
|
sizing010: string;
|
|
@@ -255,6 +259,10 @@ declare const _default: {
|
|
|
255
259
|
spacing050: string;
|
|
256
260
|
spacing060: string;
|
|
257
261
|
spacing075: string;
|
|
262
|
+
spacingNeg010: string;
|
|
263
|
+
spacingNeg025: string;
|
|
264
|
+
spacingNeg050: string;
|
|
265
|
+
spacingNeg075: string;
|
|
258
266
|
borderWidth100: string;
|
|
259
267
|
borderWidth200: string;
|
|
260
268
|
borderWidth300: string;
|
|
@@ -307,6 +315,7 @@ declare const _default: {
|
|
|
307
315
|
typographyCardSelectTitleM: string;
|
|
308
316
|
typographyCardSelectSubtitleM: string;
|
|
309
317
|
typographyCardSelectParagraphM: string;
|
|
318
|
+
typographyCardSelectFooterM: string;
|
|
310
319
|
typographyDatePickerCalendarDateM: string;
|
|
311
320
|
typographyDatePickerCalendarDayM: string;
|
|
312
321
|
typographyDatePickerCalendarMonthM: string;
|
|
@@ -318,6 +327,7 @@ declare const _default: {
|
|
|
318
327
|
typographyDialogTitleL: string;
|
|
319
328
|
typographyDialogTitleXl: string;
|
|
320
329
|
typographyDialogTitleXxl: string;
|
|
330
|
+
typographyDialogSubtitle: string;
|
|
321
331
|
typographyDialogParagraphXs: string;
|
|
322
332
|
typographyDialogParagraphS: string;
|
|
323
333
|
typographyDialogParagraphMs: string;
|
|
@@ -377,28 +387,24 @@ declare const _default: {
|
|
|
377
387
|
typographyPillLabelM: string;
|
|
378
388
|
typographyPillLabelL: string;
|
|
379
389
|
typographyPillLabelXl: string;
|
|
380
|
-
typographyProfileEmailTextXs: string;
|
|
381
390
|
typographyProfileEmailTextS: string;
|
|
382
391
|
typographyProfileEmailTextM: string;
|
|
383
392
|
typographyProfileEmailTextMl: string;
|
|
384
393
|
typographyProfileEmailTextL: string;
|
|
385
394
|
typographyProfileEmailTextXl: string;
|
|
386
395
|
typographyProfileEmailTextXxl: string;
|
|
387
|
-
typographyProfileEmailLinkXs: string;
|
|
388
396
|
typographyProfileEmailLinkS: string;
|
|
389
397
|
typographyProfileEmailLinkM: string;
|
|
390
398
|
typographyProfileEmailLinkMl: string;
|
|
391
399
|
typographyProfileEmailLinkL: string;
|
|
392
400
|
typographyProfileEmailLinkXl: string;
|
|
393
401
|
typographyProfileEmailLinkXxl: string;
|
|
394
|
-
typographyProfileInitialsXs: string;
|
|
395
402
|
typographyProfileInitialsS: string;
|
|
396
403
|
typographyProfileInitialsM: string;
|
|
397
404
|
typographyProfileInitialsMl: string;
|
|
398
405
|
typographyProfileInitialsL: string;
|
|
399
406
|
typographyProfileInitialsXl: string;
|
|
400
407
|
typographyProfileInitialsXxl: string;
|
|
401
|
-
typographyProfileNameXs: string;
|
|
402
408
|
typographyProfileNameS: string;
|
|
403
409
|
typographyProfileNameM: string;
|
|
404
410
|
typographyProfileNameMl: string;
|
|
@@ -408,7 +414,6 @@ declare const _default: {
|
|
|
408
414
|
typographyProgressTrackerValueLabelS: string;
|
|
409
415
|
typographyProgressTrackerValueLabelM: string;
|
|
410
416
|
typographyProgressTrackerValueLabelL: string;
|
|
411
|
-
typographySearchLabelM: string;
|
|
412
417
|
typographySidebarTitleXs: string;
|
|
413
418
|
typographySidebarTitleS: string;
|
|
414
419
|
typographySidebarTitleMs: string;
|
|
@@ -2,108 +2,12 @@ declare var _default: {
|
|
|
2
2
|
compatibility: {
|
|
3
3
|
metaName: string;
|
|
4
4
|
metaPublic: string;
|
|
5
|
-
colorsLogo: string;
|
|
6
|
-
colorsTransparent: string;
|
|
7
|
-
colorsYin030: string;
|
|
8
|
-
colorsYin055: string;
|
|
9
|
-
colorsYin065: string;
|
|
10
|
-
colorsYin075: string;
|
|
11
|
-
colorsYin090: string;
|
|
12
|
-
colorsYang100: string;
|
|
13
|
-
colorsYang030: string;
|
|
14
|
-
colorsYang080: string;
|
|
15
|
-
colorsGray600: string;
|
|
16
|
-
colorsGray700: string;
|
|
17
|
-
colorsGray750: string;
|
|
18
|
-
colorsGray850: string;
|
|
19
|
-
colorsGray900: string;
|
|
20
|
-
colorsGray1000: string;
|
|
21
|
-
colorsGray000: string;
|
|
22
|
-
colorsDisabled400: string;
|
|
23
|
-
colorsDisabled500: string;
|
|
24
|
-
colorsDisabled600: string;
|
|
25
|
-
colorsReadOnly400: string;
|
|
26
|
-
colorsReadOnly500: string;
|
|
27
|
-
colorsReadOnly600: string;
|
|
28
|
-
colorsComponentsMenuSpringStandard500: string;
|
|
29
|
-
colorsComponentsMenuSpringStandard600: string;
|
|
30
|
-
colorsComponentsMenuSpringStandard700: string;
|
|
31
|
-
colorsComponentsMenuSpringParent500: string;
|
|
32
|
-
colorsComponentsMenuSpringParent600: string;
|
|
33
|
-
colorsComponentsMenuSpringParent700: string;
|
|
34
|
-
colorsComponentsMenuSpringChild400: string;
|
|
35
|
-
colorsComponentsMenuSpringChild500: string;
|
|
36
|
-
colorsComponentsMenuSpringChild600: string;
|
|
37
|
-
colorsComponentsMenuSpringChildAlt400: string;
|
|
38
|
-
colorsComponentsMenuSpringChildAlt500: string;
|
|
39
|
-
colorsComponentsMenuSpringChildAlt600: string;
|
|
40
|
-
colorsComponentsMenuSummerStandard400: string;
|
|
41
|
-
colorsComponentsMenuSummerStandard500: string;
|
|
42
|
-
colorsComponentsMenuSummerStandard600: string;
|
|
43
|
-
colorsComponentsMenuSummerStandard700: string;
|
|
44
|
-
colorsComponentsMenuSummerStandard800: string;
|
|
45
|
-
colorsComponentsMenuSummerParent400: string;
|
|
46
|
-
colorsComponentsMenuSummerParent500: string;
|
|
47
|
-
colorsComponentsMenuSummerParent600: string;
|
|
48
|
-
colorsComponentsMenuSummerParent700: string;
|
|
49
|
-
colorsComponentsMenuSummerParent800: string;
|
|
50
|
-
colorsComponentsMenuSummerChild300: string;
|
|
51
|
-
colorsComponentsMenuSummerChild400: string;
|
|
52
|
-
colorsComponentsMenuSummerChild500: string;
|
|
53
|
-
colorsComponentsMenuSummerChild600: string;
|
|
54
|
-
colorsComponentsMenuSummerChild700: string;
|
|
55
|
-
colorsComponentsMenuSummerChild800: string;
|
|
56
|
-
colorsComponentsMenuSummerChildAlt300: string;
|
|
57
|
-
colorsComponentsMenuSummerChildAlt400: string;
|
|
58
|
-
colorsComponentsMenuSummerChildAlt500: string;
|
|
59
|
-
colorsComponentsMenuSummerChildAlt600: string;
|
|
60
|
-
colorsComponentsMenuSummerChildAlt700: string;
|
|
61
|
-
colorsComponentsMenuSummerChildAlt800: string;
|
|
62
|
-
colorsComponentsMenuAutumnStandard500: string;
|
|
63
|
-
colorsComponentsMenuAutumnStandard600: string;
|
|
64
|
-
colorsComponentsMenuAutumnStandard700: string;
|
|
65
|
-
colorsComponentsMenuAutumnParent500: string;
|
|
66
|
-
colorsComponentsMenuAutumnParent600: string;
|
|
67
|
-
colorsComponentsMenuAutumnParent700: string;
|
|
68
|
-
colorsComponentsMenuAutumnChild400: string;
|
|
69
|
-
colorsComponentsMenuAutumnChild500: string;
|
|
70
|
-
colorsComponentsMenuAutumnChild600: string;
|
|
71
|
-
colorsComponentsMenuAutumnChildAlt400: string;
|
|
72
|
-
colorsComponentsMenuAutumnChildAlt500: string;
|
|
73
|
-
colorsComponentsMenuAutumnChildAlt600: string;
|
|
74
|
-
colorsComponentsMenuWinterStandard400: string;
|
|
75
|
-
colorsComponentsMenuWinterStandard500: string;
|
|
76
|
-
colorsComponentsMenuWinterStandard600: string;
|
|
77
|
-
colorsComponentsMenuWinterStandard700: string;
|
|
78
|
-
colorsComponentsMenuWinterStandard800: string;
|
|
79
|
-
colorsComponentsMenuWinterParent400: string;
|
|
80
|
-
colorsComponentsMenuWinterParent500: string;
|
|
81
|
-
colorsComponentsMenuWinterParent600: string;
|
|
82
|
-
colorsComponentsMenuWinterParent700: string;
|
|
83
|
-
colorsComponentsMenuWinterParent800: string;
|
|
84
|
-
colorsComponentsMenuWinterChild300: string;
|
|
85
|
-
colorsComponentsMenuWinterChild400: string;
|
|
86
|
-
colorsComponentsMenuWinterChild500: string;
|
|
87
|
-
colorsComponentsMenuWinterChild600: string;
|
|
88
|
-
colorsComponentsMenuWinterChild700: string;
|
|
89
|
-
colorsComponentsMenuWinterChild800: string;
|
|
90
|
-
colorsComponentsMenuWinterChildAlt300: string;
|
|
91
|
-
colorsComponentsMenuWinterChildAlt400: string;
|
|
92
|
-
colorsComponentsMenuWinterChildAlt500: string;
|
|
93
|
-
colorsComponentsMenuWinterChildAlt600: string;
|
|
94
|
-
colorsComponentsMenuWinterChildAlt700: string;
|
|
95
|
-
colorsComponentsMenuWinterChildAlt800: string;
|
|
96
|
-
colorsComponentsMenuYin100: string;
|
|
97
|
-
colorsComponentsMenuYin065: string;
|
|
98
|
-
colorsComponentsMenuYin090: string;
|
|
99
|
-
colorsComponentsMenuYang100: string;
|
|
100
|
-
colorsComponentsMenuYang080: string;
|
|
101
|
-
colorsComponentsMenuTransparent: string;
|
|
102
5
|
colorsUtilityMajor100: string;
|
|
103
6
|
colorsUtilityMajor150: string;
|
|
104
7
|
colorsUtilityMajor200: string;
|
|
105
8
|
colorsUtilityMajor300: string;
|
|
106
9
|
colorsUtilityMajor400: string;
|
|
10
|
+
colorsUtilityMajor450: string;
|
|
107
11
|
colorsUtilityMajor500: string;
|
|
108
12
|
colorsUtilityMajor800: string;
|
|
109
13
|
colorsUtilityMajor025: string;
|
|
@@ -182,6 +86,8 @@ declare var _default: {
|
|
|
182
86
|
colorsSemanticPositiveYin065: string;
|
|
183
87
|
colorsSemanticPositiveYin090: string;
|
|
184
88
|
colorsSemanticPositiveYang100: string;
|
|
89
|
+
colorsSemanticNegative350: string;
|
|
90
|
+
colorsSemanticNegative450: string;
|
|
185
91
|
colorsSemanticNegative500: string;
|
|
186
92
|
colorsSemanticNegative600: string;
|
|
187
93
|
colorsSemanticNegativeTransparent: string;
|
|
@@ -209,6 +115,103 @@ declare var _default: {
|
|
|
209
115
|
colorsSemanticInfoYin065: string;
|
|
210
116
|
colorsSemanticInfoYin090: string;
|
|
211
117
|
colorsSemanticInfoYang100: string;
|
|
118
|
+
colorsLogo: string;
|
|
119
|
+
colorsTransparent: string;
|
|
120
|
+
colorsYin030: string;
|
|
121
|
+
colorsYin055: string;
|
|
122
|
+
colorsYin065: string;
|
|
123
|
+
colorsYin075: string;
|
|
124
|
+
colorsYin090: string;
|
|
125
|
+
colorsYang100: string;
|
|
126
|
+
colorsYang030: string;
|
|
127
|
+
colorsYang080: string;
|
|
128
|
+
colorsGray600: string;
|
|
129
|
+
colorsGray700: string;
|
|
130
|
+
colorsGray750: string;
|
|
131
|
+
colorsGray850: string;
|
|
132
|
+
colorsGray900: string;
|
|
133
|
+
colorsGray1000: string;
|
|
134
|
+
colorsGray000: string;
|
|
135
|
+
colorsDisabled400: string;
|
|
136
|
+
colorsDisabled500: string;
|
|
137
|
+
colorsDisabled600: string;
|
|
138
|
+
colorsReadOnly400: string;
|
|
139
|
+
colorsReadOnly500: string;
|
|
140
|
+
colorsReadOnly600: string;
|
|
141
|
+
colorsComponentsMenuSpringStandard500: string;
|
|
142
|
+
colorsComponentsMenuSpringStandard600: string;
|
|
143
|
+
colorsComponentsMenuSpringStandard700: string;
|
|
144
|
+
colorsComponentsMenuSpringParent500: string;
|
|
145
|
+
colorsComponentsMenuSpringParent600: string;
|
|
146
|
+
colorsComponentsMenuSpringParent700: string;
|
|
147
|
+
colorsComponentsMenuSpringChild400: string;
|
|
148
|
+
colorsComponentsMenuSpringChild500: string;
|
|
149
|
+
colorsComponentsMenuSpringChild600: string;
|
|
150
|
+
colorsComponentsMenuSpringChildAlt400: string;
|
|
151
|
+
colorsComponentsMenuSpringChildAlt500: string;
|
|
152
|
+
colorsComponentsMenuSpringChildAlt600: string;
|
|
153
|
+
colorsComponentsMenuSummerStandard400: string;
|
|
154
|
+
colorsComponentsMenuSummerStandard500: string;
|
|
155
|
+
colorsComponentsMenuSummerStandard600: string;
|
|
156
|
+
colorsComponentsMenuSummerStandard700: string;
|
|
157
|
+
colorsComponentsMenuSummerStandard800: string;
|
|
158
|
+
colorsComponentsMenuSummerParent400: string;
|
|
159
|
+
colorsComponentsMenuSummerParent500: string;
|
|
160
|
+
colorsComponentsMenuSummerParent600: string;
|
|
161
|
+
colorsComponentsMenuSummerParent700: string;
|
|
162
|
+
colorsComponentsMenuSummerParent800: string;
|
|
163
|
+
colorsComponentsMenuSummerChild300: string;
|
|
164
|
+
colorsComponentsMenuSummerChild400: string;
|
|
165
|
+
colorsComponentsMenuSummerChild500: string;
|
|
166
|
+
colorsComponentsMenuSummerChild600: string;
|
|
167
|
+
colorsComponentsMenuSummerChild700: string;
|
|
168
|
+
colorsComponentsMenuSummerChild800: string;
|
|
169
|
+
colorsComponentsMenuSummerChildAlt300: string;
|
|
170
|
+
colorsComponentsMenuSummerChildAlt400: string;
|
|
171
|
+
colorsComponentsMenuSummerChildAlt500: string;
|
|
172
|
+
colorsComponentsMenuSummerChildAlt600: string;
|
|
173
|
+
colorsComponentsMenuSummerChildAlt700: string;
|
|
174
|
+
colorsComponentsMenuSummerChildAlt800: string;
|
|
175
|
+
colorsComponentsMenuAutumnStandard500: string;
|
|
176
|
+
colorsComponentsMenuAutumnStandard600: string;
|
|
177
|
+
colorsComponentsMenuAutumnStandard700: string;
|
|
178
|
+
colorsComponentsMenuAutumnParent500: string;
|
|
179
|
+
colorsComponentsMenuAutumnParent600: string;
|
|
180
|
+
colorsComponentsMenuAutumnParent700: string;
|
|
181
|
+
colorsComponentsMenuAutumnChild400: string;
|
|
182
|
+
colorsComponentsMenuAutumnChild500: string;
|
|
183
|
+
colorsComponentsMenuAutumnChild600: string;
|
|
184
|
+
colorsComponentsMenuAutumnChildAlt400: string;
|
|
185
|
+
colorsComponentsMenuAutumnChildAlt500: string;
|
|
186
|
+
colorsComponentsMenuAutumnChildAlt600: string;
|
|
187
|
+
colorsComponentsMenuWinterStandard400: string;
|
|
188
|
+
colorsComponentsMenuWinterStandard500: string;
|
|
189
|
+
colorsComponentsMenuWinterStandard600: string;
|
|
190
|
+
colorsComponentsMenuWinterStandard700: string;
|
|
191
|
+
colorsComponentsMenuWinterStandard800: string;
|
|
192
|
+
colorsComponentsMenuWinterParent400: string;
|
|
193
|
+
colorsComponentsMenuWinterParent500: string;
|
|
194
|
+
colorsComponentsMenuWinterParent600: string;
|
|
195
|
+
colorsComponentsMenuWinterParent700: string;
|
|
196
|
+
colorsComponentsMenuWinterParent800: string;
|
|
197
|
+
colorsComponentsMenuWinterChild300: string;
|
|
198
|
+
colorsComponentsMenuWinterChild400: string;
|
|
199
|
+
colorsComponentsMenuWinterChild500: string;
|
|
200
|
+
colorsComponentsMenuWinterChild600: string;
|
|
201
|
+
colorsComponentsMenuWinterChild700: string;
|
|
202
|
+
colorsComponentsMenuWinterChild800: string;
|
|
203
|
+
colorsComponentsMenuWinterChildAlt300: string;
|
|
204
|
+
colorsComponentsMenuWinterChildAlt400: string;
|
|
205
|
+
colorsComponentsMenuWinterChildAlt500: string;
|
|
206
|
+
colorsComponentsMenuWinterChildAlt600: string;
|
|
207
|
+
colorsComponentsMenuWinterChildAlt700: string;
|
|
208
|
+
colorsComponentsMenuWinterChildAlt800: string;
|
|
209
|
+
colorsComponentsMenuYin100: string;
|
|
210
|
+
colorsComponentsMenuYin065: string;
|
|
211
|
+
colorsComponentsMenuYin090: string;
|
|
212
|
+
colorsComponentsMenuYang100: string;
|
|
213
|
+
colorsComponentsMenuYang080: string;
|
|
214
|
+
colorsComponentsMenuTransparent: string;
|
|
212
215
|
sizing100: string;
|
|
213
216
|
sizing125: string;
|
|
214
217
|
sizing150: string;
|
|
@@ -228,6 +231,7 @@ declare var _default: {
|
|
|
228
231
|
sizing800: string;
|
|
229
232
|
sizing900: string;
|
|
230
233
|
sizing1000: string;
|
|
234
|
+
sizing1200: string;
|
|
231
235
|
sizing1300: string;
|
|
232
236
|
sizing1600: string;
|
|
233
237
|
sizing010: string;
|
|
@@ -255,6 +259,10 @@ declare var _default: {
|
|
|
255
259
|
spacing050: string;
|
|
256
260
|
spacing060: string;
|
|
257
261
|
spacing075: string;
|
|
262
|
+
spacingNeg010: string;
|
|
263
|
+
spacingNeg025: string;
|
|
264
|
+
spacingNeg050: string;
|
|
265
|
+
spacingNeg075: string;
|
|
258
266
|
borderWidth100: string;
|
|
259
267
|
borderWidth200: string;
|
|
260
268
|
borderWidth300: string;
|
|
@@ -307,6 +315,7 @@ declare var _default: {
|
|
|
307
315
|
typographyCardSelectTitleM: string;
|
|
308
316
|
typographyCardSelectSubtitleM: string;
|
|
309
317
|
typographyCardSelectParagraphM: string;
|
|
318
|
+
typographyCardSelectFooterM: string;
|
|
310
319
|
typographyDatePickerCalendarDateM: string;
|
|
311
320
|
typographyDatePickerCalendarDayM: string;
|
|
312
321
|
typographyDatePickerCalendarMonthM: string;
|
|
@@ -318,6 +327,7 @@ declare var _default: {
|
|
|
318
327
|
typographyDialogTitleL: string;
|
|
319
328
|
typographyDialogTitleXl: string;
|
|
320
329
|
typographyDialogTitleXxl: string;
|
|
330
|
+
typographyDialogSubtitle: string;
|
|
321
331
|
typographyDialogParagraphXs: string;
|
|
322
332
|
typographyDialogParagraphS: string;
|
|
323
333
|
typographyDialogParagraphMs: string;
|
|
@@ -377,28 +387,24 @@ declare var _default: {
|
|
|
377
387
|
typographyPillLabelM: string;
|
|
378
388
|
typographyPillLabelL: string;
|
|
379
389
|
typographyPillLabelXl: string;
|
|
380
|
-
typographyProfileEmailTextXs: string;
|
|
381
390
|
typographyProfileEmailTextS: string;
|
|
382
391
|
typographyProfileEmailTextM: string;
|
|
383
392
|
typographyProfileEmailTextMl: string;
|
|
384
393
|
typographyProfileEmailTextL: string;
|
|
385
394
|
typographyProfileEmailTextXl: string;
|
|
386
395
|
typographyProfileEmailTextXxl: string;
|
|
387
|
-
typographyProfileEmailLinkXs: string;
|
|
388
396
|
typographyProfileEmailLinkS: string;
|
|
389
397
|
typographyProfileEmailLinkM: string;
|
|
390
398
|
typographyProfileEmailLinkMl: string;
|
|
391
399
|
typographyProfileEmailLinkL: string;
|
|
392
400
|
typographyProfileEmailLinkXl: string;
|
|
393
401
|
typographyProfileEmailLinkXxl: string;
|
|
394
|
-
typographyProfileInitialsXs: string;
|
|
395
402
|
typographyProfileInitialsS: string;
|
|
396
403
|
typographyProfileInitialsM: string;
|
|
397
404
|
typographyProfileInitialsMl: string;
|
|
398
405
|
typographyProfileInitialsL: string;
|
|
399
406
|
typographyProfileInitialsXl: string;
|
|
400
407
|
typographyProfileInitialsXxl: string;
|
|
401
|
-
typographyProfileNameXs: string;
|
|
402
408
|
typographyProfileNameS: string;
|
|
403
409
|
typographyProfileNameM: string;
|
|
404
410
|
typographyProfileNameMl: string;
|
|
@@ -408,7 +414,6 @@ declare var _default: {
|
|
|
408
414
|
typographyProgressTrackerValueLabelS: string;
|
|
409
415
|
typographyProgressTrackerValueLabelM: string;
|
|
410
416
|
typographyProgressTrackerValueLabelL: string;
|
|
411
|
-
typographySearchLabelM: string;
|
|
412
417
|
typographySidebarTitleXs: string;
|
|
413
418
|
typographySidebarTitleS: string;
|
|
414
419
|
typographySidebarTitleMs: string;
|
|
@@ -81,9 +81,16 @@ const StyledHeadingBackButton = (0, _styledComponents.default)(_link.default)`
|
|
|
81
81
|
outline: 3px solid var(--colorsSemanticFocus500);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
+
&:hover {
|
|
85
|
+
${_icon2.default} {
|
|
86
|
+
color: var(--colorsActionMinor600);
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
|
|
84
90
|
${_icon2.default} {
|
|
85
91
|
margin-right: 0;
|
|
86
92
|
display: inline-flex;
|
|
93
|
+
color: var(--colorsActionMinor500);
|
|
87
94
|
}
|
|
88
95
|
}
|
|
89
96
|
`;
|
|
@@ -122,17 +129,12 @@ const StyledSubHeader = _styledComponents.default.div`
|
|
|
122
129
|
`;
|
|
123
130
|
exports.StyledSubHeader = StyledSubHeader;
|
|
124
131
|
const StyledHeadingIcon = (0, _styledComponents.default)(_icon.default)`
|
|
125
|
-
color: var(--colorsActionMinor500);
|
|
126
132
|
height: 30px;
|
|
127
133
|
|
|
128
134
|
&:before,
|
|
129
135
|
&${_icon2.default}:before {
|
|
130
136
|
font-size: 24px;
|
|
131
137
|
}
|
|
132
|
-
|
|
133
|
-
&:hover {
|
|
134
|
-
color: var(--colorsActionMinor600);
|
|
135
|
-
}
|
|
136
138
|
`;
|
|
137
139
|
exports.StyledHeadingIcon = StyledHeadingIcon;
|
|
138
140
|
const StyledSeparator = _styledComponents.default.hr`
|
|
@@ -1,14 +1,11 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { IconType } from "components/icon/icon-type";
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
disabled?: boolean;
|
|
3
|
+
import { StyledLinkProps } from "./link.style";
|
|
4
|
+
export interface LinkProps extends StyledLinkProps, React.AriaAttributes {
|
|
6
5
|
/** An href for an anchor tag. */
|
|
7
6
|
href?: string;
|
|
8
7
|
/** An icon to display next to the link. */
|
|
9
8
|
icon?: IconType;
|
|
10
|
-
/** Which side of the link to the render the link. */
|
|
11
|
-
iconAlign?: "left" | "right";
|
|
12
9
|
/** Function called when the mouse is clicked. */
|
|
13
10
|
onClick?: (ev: React.MouseEvent<HTMLAnchorElement> | React.MouseEvent<HTMLButtonElement> | React.KeyboardEvent<HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement>) => void;
|
|
14
11
|
/** Function called when a key is pressed. */
|
|
@@ -27,8 +24,6 @@ export interface LinkProps extends React.AriaAttributes {
|
|
|
27
24
|
target?: string;
|
|
28
25
|
/** Aria label for accessibility purposes */
|
|
29
26
|
ariaLabel?: string;
|
|
30
|
-
/** Allows to create skip link */
|
|
31
|
-
isSkipLink?: boolean;
|
|
32
27
|
/** allows to set rel property in <a> tag */
|
|
33
28
|
rel?: string;
|
|
34
29
|
}
|