@porsche-design-system/components-vue 3.0.0-rc.0 → 3.0.0-rc.2
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/CHANGELOG.md +87 -25
- package/PorscheDesignSystemProvider.vue.d.ts +11 -3
- package/lib/components/AccordionWrapper.vue.d.ts +24 -41
- package/lib/components/BannerWrapper.vue.d.ts +25 -50
- package/lib/components/ButtonGroupWrapper.vue.d.ts +17 -13
- package/lib/components/ButtonPureWrapper.vue.d.ts +35 -80
- package/lib/components/ButtonTileWrapper.vue.d.ts +34 -82
- package/lib/components/ButtonWrapper.vue.d.ts +29 -57
- package/lib/components/CarouselWrapper.vue.d.ts +32 -74
- package/lib/components/CheckboxWrapperWrapper.vue.d.ts +29 -34
- package/lib/components/CheckboxWrapperWrapper.vue.js +6 -5
- package/lib/components/ContentWrapperWrapper.vue.d.ts +22 -28
- package/lib/components/CrestWrapper.vue.d.ts +15 -23
- package/lib/components/DisplayWrapper.vue.d.ts +26 -42
- package/lib/components/DividerWrapper.vue.d.ts +18 -30
- package/lib/components/FieldsetWrapper.vue.d.ts +24 -40
- package/lib/components/FieldsetWrapperWrapper.vue.d.ts +25 -41
- package/lib/components/FlexItemWrapper.vue.d.ts +28 -44
- package/lib/components/FlexWrapper.vue.d.ts +28 -44
- package/lib/components/GridItemWrapper.vue.d.ts +20 -20
- package/lib/components/GridWrapper.vue.d.ts +22 -27
- package/lib/components/HeadingWrapper.vue.d.ts +26 -42
- package/lib/components/HeadlineWrapper.vue.d.ts +26 -42
- package/lib/components/IconWrapper.vue.d.ts +22 -50
- package/lib/components/IconWrapper.vue.js +8 -8
- package/lib/components/InlineNotificationWrapper.vue.d.ts +27 -56
- package/lib/components/LinkPureWrapper.vue.d.ts +37 -90
- package/lib/components/LinkSocialWrapper.vue.d.ts +25 -45
- package/lib/components/LinkTileModelSignatureWrapper.vue.d.ts +26 -46
- package/lib/components/LinkTileWrapper.vue.d.ts +31 -75
- package/lib/components/LinkWrapper.vue.d.ts +30 -62
- package/lib/components/MarqueWrapper.vue.d.ts +19 -35
- package/lib/components/ModalWrapper.vue.d.ts +22 -43
- package/lib/components/ModelSignatureWrapper.vue.d.ts +18 -30
- package/lib/components/PaginationWrapper.vue.d.ts +22 -59
- package/lib/components/PopoverWrapper.vue.d.ts +22 -30
- package/lib/components/RadioButtonWrapperWrapper.vue.d.ts +22 -34
- package/lib/components/ScrollerWrapper.vue.d.ts +33 -49
- package/lib/components/ScrollerWrapper.vue.js +4 -3
- package/lib/components/SegmentedControlItemWrapper.vue.d.ts +20 -31
- package/lib/components/SegmentedControlWrapper.vue.d.ts +20 -25
- package/lib/components/SelectWrapperWrapper.vue.d.ts +27 -55
- package/lib/components/SpinnerWrapper.vue.d.ts +16 -24
- package/lib/components/StepperHorizontalItemWrapper.vue.d.ts +18 -17
- package/lib/components/StepperHorizontalWrapper.vue.d.ts +19 -17
- package/lib/components/SwitchWrapper.vue.d.ts +24 -45
- package/lib/components/TableBodyWrapper.vue.d.ts +6 -1
- package/lib/components/TableCellWrapper.vue.d.ts +16 -12
- package/lib/components/TableHeadCellWrapper.vue.d.ts +18 -22
- package/lib/components/TableHeadRowWrapper.vue.d.ts +6 -1
- package/lib/components/TableHeadWrapper.vue.d.ts +6 -1
- package/lib/components/TableRowWrapper.vue.d.ts +6 -1
- package/lib/components/TableWrapper.vue.d.ts +18 -19
- package/lib/components/TabsBarWrapper.vue.d.ts +25 -42
- package/lib/components/TabsItemWrapper.vue.d.ts +9 -8
- package/lib/components/TabsWrapper.vue.d.ts +26 -43
- package/lib/components/TagDismissibleWrapper.vue.d.ts +22 -30
- package/lib/components/TagWrapper.vue.d.ts +22 -30
- package/lib/components/TextFieldWrapperWrapper.vue.d.ts +31 -71
- package/lib/components/TextListItemWrapper.vue.d.ts +6 -1
- package/lib/components/TextListWrapper.vue.d.ts +22 -30
- package/lib/components/TextWrapper.vue.d.ts +28 -48
- package/lib/components/TextareaWrapperWrapper.vue.d.ts +25 -49
- package/lib/components/ToastWrapper.vue.d.ts +12 -12
- package/lib/components/WordmarkWrapper.vue.d.ts +19 -35
- package/lib/types.d.ts +219 -191
- package/package.json +2 -2
package/lib/types.d.ts
CHANGED
|
@@ -79,6 +79,7 @@ declare const ICON_NAMES: readonly [
|
|
|
79
79
|
"locate",
|
|
80
80
|
"lock",
|
|
81
81
|
"lock-open",
|
|
82
|
+
"logo-apple-podcast",
|
|
82
83
|
"logo-baidu",
|
|
83
84
|
"logo-delicious",
|
|
84
85
|
"logo-digg",
|
|
@@ -98,6 +99,7 @@ declare const ICON_NAMES: readonly [
|
|
|
98
99
|
"logo-reddit",
|
|
99
100
|
"logo-skyrock",
|
|
100
101
|
"logo-sohu",
|
|
102
|
+
"logo-spotify",
|
|
101
103
|
"logo-tecent",
|
|
102
104
|
"logo-telegram",
|
|
103
105
|
"logo-tiktok",
|
|
@@ -126,12 +128,16 @@ declare const ICON_NAMES: readonly [
|
|
|
126
128
|
"pause",
|
|
127
129
|
"phone",
|
|
128
130
|
"pin",
|
|
131
|
+
"pin-filled",
|
|
129
132
|
"play",
|
|
130
133
|
"plug",
|
|
131
134
|
"plus",
|
|
132
135
|
"preheating",
|
|
133
136
|
"printer",
|
|
134
137
|
"purchase",
|
|
138
|
+
"push-pin",
|
|
139
|
+
"push-pin-off",
|
|
140
|
+
"qr",
|
|
135
141
|
"question",
|
|
136
142
|
"racing-flag",
|
|
137
143
|
"refresh",
|
|
@@ -145,7 +151,9 @@ declare const ICON_NAMES: readonly [
|
|
|
145
151
|
"send",
|
|
146
152
|
"share",
|
|
147
153
|
"shopping-bag",
|
|
154
|
+
"shopping-bag-filled",
|
|
148
155
|
"shopping-cart",
|
|
156
|
+
"shopping-cart-filled",
|
|
149
157
|
"sidelights",
|
|
150
158
|
"snowflake",
|
|
151
159
|
"sort",
|
|
@@ -163,6 +171,7 @@ declare const ICON_NAMES: readonly [
|
|
|
163
171
|
"truck",
|
|
164
172
|
"upload",
|
|
165
173
|
"user",
|
|
174
|
+
"user-filled",
|
|
166
175
|
"user-group",
|
|
167
176
|
"user-manual",
|
|
168
177
|
"video",
|
|
@@ -186,14 +195,14 @@ declare const FORM_STATES: readonly [
|
|
|
186
195
|
"error",
|
|
187
196
|
"success"
|
|
188
197
|
];
|
|
189
|
-
export
|
|
198
|
+
export type FormState = typeof FORM_STATES[number];
|
|
190
199
|
declare const BUTTON_ARIA_ATTRIBUTES: readonly [
|
|
191
200
|
"aria-label",
|
|
192
201
|
"aria-expanded",
|
|
193
202
|
"aria-pressed",
|
|
194
203
|
"aria-haspopup"
|
|
195
204
|
];
|
|
196
|
-
export
|
|
205
|
+
export type ButtonAriaAttribute = typeof BUTTON_ARIA_ATTRIBUTES[number];
|
|
197
206
|
declare const breakpoints: readonly [
|
|
198
207
|
"base",
|
|
199
208
|
"xs",
|
|
@@ -204,12 +213,12 @@ declare const breakpoints: readonly [
|
|
|
204
213
|
"xxl"
|
|
205
214
|
];
|
|
206
215
|
export type Breakpoint = (typeof breakpoints)[number];
|
|
207
|
-
export
|
|
216
|
+
export type BreakpointValues<T> = {
|
|
208
217
|
[key in Breakpoint]?: T;
|
|
209
218
|
} & {
|
|
210
219
|
base: T;
|
|
211
220
|
};
|
|
212
|
-
export
|
|
221
|
+
export type BreakpointCustomizable<T> = T | BreakpointValues<T> | string;
|
|
213
222
|
declare const TILE_ASPECT_RATIOS: readonly [
|
|
214
223
|
"1:1",
|
|
215
224
|
"4:3",
|
|
@@ -217,34 +226,38 @@ declare const TILE_ASPECT_RATIOS: readonly [
|
|
|
217
226
|
"16:9",
|
|
218
227
|
"9:16"
|
|
219
228
|
];
|
|
220
|
-
export
|
|
229
|
+
export type TileAspectRatio = (typeof TILE_ASPECT_RATIOS)[number];
|
|
221
230
|
declare const TILE_SIZES: readonly [
|
|
222
231
|
"default",
|
|
223
232
|
"inherit"
|
|
224
233
|
];
|
|
225
|
-
export
|
|
234
|
+
export type TileSize = (typeof TILE_SIZES)[number];
|
|
226
235
|
declare const TILE_WEIGHTS: readonly [
|
|
227
236
|
"regular",
|
|
228
237
|
"semi-bold"
|
|
229
238
|
];
|
|
230
|
-
export
|
|
239
|
+
export type TileWeight = (typeof TILE_WEIGHTS)[number];
|
|
231
240
|
declare const TILE_ALIGNS: readonly [
|
|
232
241
|
"top",
|
|
233
242
|
"bottom"
|
|
234
243
|
];
|
|
235
|
-
export
|
|
244
|
+
export type TileAlign = (typeof TILE_ALIGNS)[number];
|
|
245
|
+
declare const SCROLLER_ARIA_ATTRIBUTES: readonly [
|
|
246
|
+
"role"
|
|
247
|
+
];
|
|
248
|
+
export type ScrollerAriaAttribute = (typeof SCROLLER_ARIA_ATTRIBUTES)[number];
|
|
236
249
|
declare const GRADIENT_COLOR_SCHEMES: readonly [
|
|
237
250
|
"default",
|
|
238
251
|
"surface"
|
|
239
252
|
];
|
|
240
253
|
/** @deprecated */
|
|
241
|
-
export
|
|
254
|
+
export type ScrollerGradientColorScheme = (typeof GRADIENT_COLOR_SCHEMES)[number];
|
|
242
255
|
declare const GRADIENT_COLORS: readonly [
|
|
243
256
|
"background-base",
|
|
244
257
|
"background-surface"
|
|
245
258
|
];
|
|
246
|
-
export
|
|
247
|
-
export
|
|
259
|
+
export type ScrollerGradientColor = (typeof GRADIENT_COLORS)[number];
|
|
260
|
+
export type ScrollerScrollToPosition = {
|
|
248
261
|
scrollPosition: number;
|
|
249
262
|
isSmooth?: boolean;
|
|
250
263
|
} | string;
|
|
@@ -253,24 +266,24 @@ declare const SCROLL_INDICATOR_POSITIONS: readonly [
|
|
|
253
266
|
"center"
|
|
254
267
|
];
|
|
255
268
|
/** @deprecated */
|
|
256
|
-
export
|
|
257
|
-
export
|
|
269
|
+
export type ScrollerScrollIndicatorPosition = (typeof SCROLL_INDICATOR_POSITIONS)[number];
|
|
270
|
+
export type ScrollerAlignScrollIndicator = ScrollerScrollIndicatorPosition;
|
|
258
271
|
declare const THEMES: readonly [
|
|
259
272
|
"light",
|
|
260
273
|
"dark"
|
|
261
274
|
];
|
|
262
|
-
export
|
|
275
|
+
export type Theme = typeof THEMES[number];
|
|
263
276
|
declare const ALIGN_LABELS: readonly [
|
|
264
277
|
"left",
|
|
265
278
|
"right"
|
|
266
279
|
];
|
|
267
|
-
export
|
|
280
|
+
export type AlignLabel = typeof ALIGN_LABELS[number];
|
|
268
281
|
declare const BUTTON_TYPES: readonly [
|
|
269
282
|
"button",
|
|
270
283
|
"submit",
|
|
271
284
|
"reset"
|
|
272
285
|
];
|
|
273
|
-
export
|
|
286
|
+
export type ButtonType = typeof BUTTON_TYPES[number];
|
|
274
287
|
declare const HEADING_TAGS: readonly [
|
|
275
288
|
"h1",
|
|
276
289
|
"h2",
|
|
@@ -279,19 +292,19 @@ declare const HEADING_TAGS: readonly [
|
|
|
279
292
|
"h5",
|
|
280
293
|
"h6"
|
|
281
294
|
];
|
|
282
|
-
export
|
|
295
|
+
export type HeadingTag = typeof HEADING_TAGS[number];
|
|
283
296
|
declare const LINK_BUTTON_VARIANTS: readonly [
|
|
284
297
|
"primary",
|
|
285
298
|
"secondary",
|
|
286
299
|
"tertiary"
|
|
287
300
|
];
|
|
288
|
-
export
|
|
301
|
+
export type LinkButtonVariant = typeof LINK_BUTTON_VARIANTS[number];
|
|
289
302
|
declare const TEXT_ALIGNS: readonly [
|
|
290
303
|
"left",
|
|
291
304
|
"center",
|
|
292
305
|
"right"
|
|
293
306
|
];
|
|
294
|
-
export
|
|
307
|
+
export type TextAlign = typeof TEXT_ALIGNS[number];
|
|
295
308
|
declare const TEXT_COLORS: readonly [
|
|
296
309
|
"primary",
|
|
297
310
|
"contrast-low",
|
|
@@ -309,7 +322,7 @@ declare const TEXT_COLORS: readonly [
|
|
|
309
322
|
"neutral-contrast-high",
|
|
310
323
|
"notification-neutral"
|
|
311
324
|
];
|
|
312
|
-
export
|
|
325
|
+
export type TextColor = typeof TEXT_COLORS[number];
|
|
313
326
|
declare const TEXT_SIZES: readonly [
|
|
314
327
|
"xx-small",
|
|
315
328
|
"x-small",
|
|
@@ -319,7 +332,7 @@ declare const TEXT_SIZES: readonly [
|
|
|
319
332
|
"x-large",
|
|
320
333
|
"inherit"
|
|
321
334
|
];
|
|
322
|
-
export
|
|
335
|
+
export type TextSize = typeof TEXT_SIZES[number];
|
|
323
336
|
declare const TEXT_WEIGHTS: readonly [
|
|
324
337
|
"regular",
|
|
325
338
|
"semi-bold",
|
|
@@ -327,16 +340,16 @@ declare const TEXT_WEIGHTS: readonly [
|
|
|
327
340
|
"thin",
|
|
328
341
|
"semibold"
|
|
329
342
|
];
|
|
330
|
-
export
|
|
343
|
+
export type TextWeight = typeof TEXT_WEIGHTS[number];
|
|
331
344
|
declare const LINK_TARGETS: readonly [
|
|
332
345
|
"_self",
|
|
333
346
|
"_blank",
|
|
334
347
|
"_parent",
|
|
335
348
|
"_top"
|
|
336
349
|
];
|
|
337
|
-
export
|
|
338
|
-
export
|
|
339
|
-
export
|
|
350
|
+
export type LinkTarget = typeof LINK_TARGETS[number] | string;
|
|
351
|
+
export type Booleanish = boolean | "true" | "false";
|
|
352
|
+
export type AriaAttributes = {
|
|
340
353
|
/** Identifies the currently active element when DOM focus is on a composite widget, textbox, group, or application. */
|
|
341
354
|
"aria-activedescendant"?: string | undefined;
|
|
342
355
|
/** Indicates whether assistive technologies will present all, or only parts of, the changed region based on the change notifications defined by the aria-relevant attribute. */
|
|
@@ -521,7 +534,10 @@ export declare type AriaAttributes = {
|
|
|
521
534
|
"aria-valuenow"?: number | undefined;
|
|
522
535
|
/** Defines the human readable text alternative of aria-valuenow for a range widget. */
|
|
523
536
|
"aria-valuetext"?: string | undefined;
|
|
537
|
+
/** All the WAI-ARIA 1.1 role attribute values from https://www.w3.org/TR/wai-aria-1.1/#role_definitions */
|
|
538
|
+
role?: AriaRole;
|
|
524
539
|
};
|
|
540
|
+
export type AriaRole = "alert" | "alertdialog" | "application" | "article" | "banner" | "button" | "cell" | "checkbox" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "dialog" | "directory" | "document" | "feed" | "figure" | "form" | "grid" | "gridcell" | "group" | "heading" | "img" | "link" | "list" | "listbox" | "listitem" | "log" | "main" | "marquee" | "math" | "menu" | "menubar" | "menuitem" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "none" | "note" | "option" | "presentation" | "progressbar" | "radio" | "radiogroup" | "region" | "row" | "rowgroup" | "rowheader" | "scrollbar" | "search" | "searchbox" | "separator" | "slider" | "spinbutton" | "status" | "switch" | "tab" | "table" | "tablist" | "tabpanel" | "term" | "textbox" | "timer" | "toolbar" | "tooltip" | "tree" | "treegrid" | "treeitem";
|
|
525
541
|
export type LinkButtonIconName = IconName | "none";
|
|
526
542
|
export type ButtonVariant = LinkButtonVariant;
|
|
527
543
|
export type LinkVariant = LinkButtonVariant;
|
|
@@ -530,66 +546,66 @@ declare const ACCORDION_SIZES: readonly [
|
|
|
530
546
|
"small",
|
|
531
547
|
"medium"
|
|
532
548
|
];
|
|
533
|
-
export
|
|
534
|
-
export
|
|
549
|
+
export type AccordionSize = (typeof ACCORDION_SIZES)[number];
|
|
550
|
+
export type AccordionUpdateEvent = {
|
|
535
551
|
open: boolean;
|
|
536
552
|
};
|
|
537
|
-
export
|
|
553
|
+
export type AccordionTag = HeadingTag;
|
|
538
554
|
declare const BANNER_STATES: readonly [
|
|
539
555
|
"info",
|
|
540
556
|
"warning",
|
|
541
557
|
"error",
|
|
542
558
|
"neutral"
|
|
543
559
|
];
|
|
544
|
-
export
|
|
560
|
+
export type BannerState = typeof BANNER_STATES[number];
|
|
545
561
|
declare const BANNER_WIDTHS: readonly [
|
|
546
562
|
"extended",
|
|
547
563
|
"basic",
|
|
548
564
|
"fluid"
|
|
549
565
|
];
|
|
550
566
|
/** @deprecated */
|
|
551
|
-
export
|
|
552
|
-
export
|
|
567
|
+
export type BannerWidth = typeof BANNER_WIDTHS[number];
|
|
568
|
+
export type ButtonIcon = LinkButtonIconName;
|
|
553
569
|
declare const GROUP_DIRECTIONS: readonly [
|
|
554
570
|
"row",
|
|
555
571
|
"column"
|
|
556
572
|
];
|
|
557
|
-
export
|
|
558
|
-
export
|
|
559
|
-
export
|
|
560
|
-
export
|
|
561
|
-
export
|
|
562
|
-
export
|
|
563
|
-
export
|
|
564
|
-
export
|
|
565
|
-
export
|
|
566
|
-
export
|
|
567
|
-
export
|
|
568
|
-
export
|
|
569
|
-
export
|
|
570
|
-
export
|
|
571
|
-
export
|
|
573
|
+
export type GroupDirection = (typeof GROUP_DIRECTIONS)[number];
|
|
574
|
+
export type ButtonGroupDirection = GroupDirection;
|
|
575
|
+
export type ButtonPureType = ButtonType;
|
|
576
|
+
export type ButtonPureIcon = LinkButtonIconName;
|
|
577
|
+
export type ButtonPureAriaAttribute = ButtonAriaAttribute;
|
|
578
|
+
export type ButtonPureAlignLabel = AlignLabel;
|
|
579
|
+
export type ButtonPureWeight = TextWeight;
|
|
580
|
+
export type ButtonPureSize = TextSize;
|
|
581
|
+
export type ButtonTileAriaAttribute = ButtonAriaAttribute;
|
|
582
|
+
export type ButtonTileIcon = LinkButtonIconName;
|
|
583
|
+
export type ButtonTileType = ButtonType;
|
|
584
|
+
export type ButtonTileAspectRatio = TileAspectRatio;
|
|
585
|
+
export type ButtonTileSize = TileSize;
|
|
586
|
+
export type ButtonTileWeight = TileWeight;
|
|
587
|
+
export type ButtonTileAlign = TileAlign;
|
|
572
588
|
declare const CAROUSEL_WIDTHS: readonly [
|
|
573
589
|
"basic",
|
|
574
590
|
"extended"
|
|
575
591
|
];
|
|
576
|
-
export
|
|
592
|
+
export type CarouselWidth = (typeof CAROUSEL_WIDTHS)[number];
|
|
577
593
|
declare const CAROUSEL_ALIGN_HEADERS: readonly [
|
|
578
594
|
"left",
|
|
579
595
|
"center"
|
|
580
596
|
];
|
|
581
|
-
export
|
|
582
|
-
export
|
|
583
|
-
export
|
|
597
|
+
export type CarouselAlignHeader = (typeof CAROUSEL_ALIGN_HEADERS)[number];
|
|
598
|
+
export type CarouselInternationalization = Partial<Record<"prev" | "next" | "first" | "last" | "slideLabel" | "slide", string>> | string;
|
|
599
|
+
export type CarouselUpdateEvent = {
|
|
584
600
|
activeIndex: number;
|
|
585
601
|
previousIndex: number;
|
|
586
602
|
};
|
|
587
|
-
export
|
|
603
|
+
export type CheckboxWrapperState = FormState;
|
|
588
604
|
declare const CONTENT_WRAPPER_BACKGROUND_COLORS: readonly [
|
|
589
605
|
"transparent",
|
|
590
606
|
"default"
|
|
591
607
|
];
|
|
592
|
-
export
|
|
608
|
+
export type ContentWrapperBackgroundColor = typeof CONTENT_WRAPPER_BACKGROUND_COLORS[number];
|
|
593
609
|
declare const CONTENT_WRAPPER_WIDTHS: readonly [
|
|
594
610
|
"narrow",
|
|
595
611
|
"basic",
|
|
@@ -597,12 +613,12 @@ declare const CONTENT_WRAPPER_WIDTHS: readonly [
|
|
|
597
613
|
"fluid",
|
|
598
614
|
"full"
|
|
599
615
|
];
|
|
600
|
-
export
|
|
601
|
-
export
|
|
616
|
+
export type ContentWrapperWidth = typeof CONTENT_WRAPPER_WIDTHS[number];
|
|
617
|
+
export type CrestTarget = LinkTarget;
|
|
602
618
|
declare const CREST_ARIA_ATTRIBUTES: readonly [
|
|
603
619
|
"aria-label"
|
|
604
620
|
];
|
|
605
|
-
export
|
|
621
|
+
export type CrestAriaAttribute = (typeof CREST_ARIA_ATTRIBUTES)[number];
|
|
606
622
|
declare const DISPLAY_TAGS: readonly [
|
|
607
623
|
"h1",
|
|
608
624
|
"h2",
|
|
@@ -611,20 +627,20 @@ declare const DISPLAY_TAGS: readonly [
|
|
|
611
627
|
"h5",
|
|
612
628
|
"h6"
|
|
613
629
|
];
|
|
614
|
-
export
|
|
630
|
+
export type DisplayTag = typeof DISPLAY_TAGS[number];
|
|
615
631
|
declare const DISPLAY_SIZES: readonly [
|
|
616
632
|
"small",
|
|
617
633
|
"medium",
|
|
618
634
|
"large",
|
|
619
635
|
"inherit"
|
|
620
636
|
];
|
|
621
|
-
export
|
|
637
|
+
export type DisplaySize = typeof DISPLAY_SIZES[number];
|
|
622
638
|
declare const DISPLAY_COLORS: readonly [
|
|
623
639
|
"primary",
|
|
624
640
|
"inherit"
|
|
625
641
|
];
|
|
626
|
-
export
|
|
627
|
-
export
|
|
642
|
+
export type DisplayColor = typeof DISPLAY_COLORS[number];
|
|
643
|
+
export type DisplayAlign = TextAlign;
|
|
628
644
|
declare const DIVIDER_COLORS: readonly [
|
|
629
645
|
"contrast-low",
|
|
630
646
|
"contrast-medium",
|
|
@@ -633,35 +649,35 @@ declare const DIVIDER_COLORS: readonly [
|
|
|
633
649
|
"neutral-contrast-medium",
|
|
634
650
|
"neutral-contrast-low"
|
|
635
651
|
];
|
|
636
|
-
export
|
|
652
|
+
export type DividerColor = typeof DIVIDER_COLORS[number];
|
|
637
653
|
declare const DIVIDER_DIRECTIONS: readonly [
|
|
638
654
|
"vertical",
|
|
639
655
|
"horizontal"
|
|
640
656
|
];
|
|
641
|
-
export
|
|
642
|
-
export
|
|
657
|
+
export type DividerDirection = typeof DIVIDER_DIRECTIONS[number];
|
|
658
|
+
export type DividerOrientation = DividerDirection;
|
|
643
659
|
declare const FIELDSET_LABEL_SIZES: readonly [
|
|
644
660
|
"small",
|
|
645
661
|
"medium"
|
|
646
662
|
];
|
|
647
|
-
export
|
|
648
|
-
export
|
|
649
|
-
export
|
|
650
|
-
export
|
|
651
|
-
export
|
|
663
|
+
export type FieldsetLabelSize = typeof FIELDSET_LABEL_SIZES[number];
|
|
664
|
+
export type FieldsetState = FormState;
|
|
665
|
+
export type FieldsetWrapperLabelSize = FieldsetLabelSize;
|
|
666
|
+
export type FieldsetWrapperState = FieldsetState;
|
|
667
|
+
export type FlexInline = boolean;
|
|
652
668
|
declare const FLEX_WRAPS: readonly [
|
|
653
669
|
"nowrap",
|
|
654
670
|
"wrap",
|
|
655
671
|
"wrap-reverse"
|
|
656
672
|
];
|
|
657
|
-
export
|
|
673
|
+
export type FlexWrap = typeof FLEX_WRAPS[number];
|
|
658
674
|
declare const FLEX_DIRECTIONS: readonly [
|
|
659
675
|
"row",
|
|
660
676
|
"row-reverse",
|
|
661
677
|
"column",
|
|
662
678
|
"column-reverse"
|
|
663
679
|
];
|
|
664
|
-
export
|
|
680
|
+
export type FlexDirection = typeof FLEX_DIRECTIONS[number];
|
|
665
681
|
declare const FLEX_JUSTIFY_CONTENTS: readonly [
|
|
666
682
|
"flex-start",
|
|
667
683
|
"flex-end",
|
|
@@ -670,7 +686,7 @@ declare const FLEX_JUSTIFY_CONTENTS: readonly [
|
|
|
670
686
|
"space-around",
|
|
671
687
|
"space-evenly"
|
|
672
688
|
];
|
|
673
|
-
export
|
|
689
|
+
export type FlexJustifyContent = typeof FLEX_JUSTIFY_CONTENTS[number];
|
|
674
690
|
declare const FLEX_ALIGN_ITEMS: readonly [
|
|
675
691
|
"stretch",
|
|
676
692
|
"flex-start",
|
|
@@ -678,7 +694,7 @@ declare const FLEX_ALIGN_ITEMS: readonly [
|
|
|
678
694
|
"center",
|
|
679
695
|
"baseline"
|
|
680
696
|
];
|
|
681
|
-
export
|
|
697
|
+
export type FlexAlignItems = typeof FLEX_ALIGN_ITEMS[number];
|
|
682
698
|
declare const FLEX_ALIGN_CONTENTS: readonly [
|
|
683
699
|
"stretch",
|
|
684
700
|
"flex-start",
|
|
@@ -688,7 +704,7 @@ declare const FLEX_ALIGN_CONTENTS: readonly [
|
|
|
688
704
|
"space-around",
|
|
689
705
|
"space-evenly"
|
|
690
706
|
];
|
|
691
|
-
export
|
|
707
|
+
export type FlexAlignContent = typeof FLEX_ALIGN_CONTENTS[number];
|
|
692
708
|
declare const FLEX_ITEM_WIDTHS: readonly [
|
|
693
709
|
"auto",
|
|
694
710
|
"one-quarter",
|
|
@@ -698,7 +714,7 @@ declare const FLEX_ITEM_WIDTHS: readonly [
|
|
|
698
714
|
"three-quarters",
|
|
699
715
|
"full"
|
|
700
716
|
];
|
|
701
|
-
export
|
|
717
|
+
export type FlexItemWidth = typeof FLEX_ITEM_WIDTHS[number];
|
|
702
718
|
declare const FLEX_ITEM_OFFSETS: readonly [
|
|
703
719
|
"none",
|
|
704
720
|
"one-quarter",
|
|
@@ -707,7 +723,7 @@ declare const FLEX_ITEM_OFFSETS: readonly [
|
|
|
707
723
|
"two-thirds",
|
|
708
724
|
"three-quarters"
|
|
709
725
|
];
|
|
710
|
-
export
|
|
726
|
+
export type FlexItemOffset = typeof FLEX_ITEM_OFFSETS[number];
|
|
711
727
|
declare const FLEX_ITEM_ALIGN_SELFS: readonly [
|
|
712
728
|
"auto",
|
|
713
729
|
"flex-start",
|
|
@@ -716,42 +732,42 @@ declare const FLEX_ITEM_ALIGN_SELFS: readonly [
|
|
|
716
732
|
"baseline",
|
|
717
733
|
"stretch"
|
|
718
734
|
];
|
|
719
|
-
export
|
|
735
|
+
export type FlexItemAlignSelf = typeof FLEX_ITEM_ALIGN_SELFS[number];
|
|
720
736
|
declare const FLEX_ITEM_GROWS: readonly [
|
|
721
737
|
0,
|
|
722
738
|
1
|
|
723
739
|
];
|
|
724
|
-
export
|
|
740
|
+
export type FlexItemGrow = typeof FLEX_ITEM_GROWS[number];
|
|
725
741
|
declare const FLEX_ITEM_SHRINKS: readonly [
|
|
726
742
|
0,
|
|
727
743
|
1
|
|
728
744
|
];
|
|
729
|
-
export
|
|
745
|
+
export type FlexItemShrink = typeof FLEX_ITEM_SHRINKS[number];
|
|
730
746
|
declare const FLEX_ITEM_FLEXS: readonly [
|
|
731
747
|
"initial",
|
|
732
748
|
"auto",
|
|
733
749
|
"none",
|
|
734
750
|
"equal"
|
|
735
751
|
];
|
|
736
|
-
export
|
|
752
|
+
export type FlexItemFlex = typeof FLEX_ITEM_FLEXS[number];
|
|
737
753
|
declare const GRID_DIRECTIONS: readonly [
|
|
738
754
|
"row",
|
|
739
755
|
"row-reverse",
|
|
740
756
|
"column",
|
|
741
757
|
"column-reverse"
|
|
742
758
|
];
|
|
743
|
-
export
|
|
759
|
+
export type GridDirection = typeof GRID_DIRECTIONS[number];
|
|
744
760
|
declare const GRID_WRAPS: readonly [
|
|
745
761
|
"nowrap",
|
|
746
762
|
"wrap"
|
|
747
763
|
];
|
|
748
|
-
export
|
|
764
|
+
export type GridWrap = typeof GRID_WRAPS[number];
|
|
749
765
|
declare const GRID_GUTTERS: readonly [
|
|
750
766
|
16,
|
|
751
767
|
24,
|
|
752
768
|
36
|
|
753
769
|
];
|
|
754
|
-
export
|
|
770
|
+
export type GridGutter = typeof GRID_GUTTERS[number];
|
|
755
771
|
declare const GRID_ITEM_SIZES: readonly [
|
|
756
772
|
1,
|
|
757
773
|
2,
|
|
@@ -766,7 +782,7 @@ declare const GRID_ITEM_SIZES: readonly [
|
|
|
766
782
|
11,
|
|
767
783
|
12
|
|
768
784
|
];
|
|
769
|
-
export
|
|
785
|
+
export type GridItemSize = typeof GRID_ITEM_SIZES[number];
|
|
770
786
|
declare const GRID_ITEM_OFFSETS: readonly [
|
|
771
787
|
0,
|
|
772
788
|
1,
|
|
@@ -781,7 +797,7 @@ declare const GRID_ITEM_OFFSETS: readonly [
|
|
|
781
797
|
10,
|
|
782
798
|
11
|
|
783
799
|
];
|
|
784
|
-
export
|
|
800
|
+
export type GridItemOffset = typeof GRID_ITEM_OFFSETS[number];
|
|
785
801
|
declare const HEADING_SIZES: readonly [
|
|
786
802
|
"small",
|
|
787
803
|
"medium",
|
|
@@ -790,13 +806,13 @@ declare const HEADING_SIZES: readonly [
|
|
|
790
806
|
"xx-large",
|
|
791
807
|
"inherit"
|
|
792
808
|
];
|
|
793
|
-
export
|
|
809
|
+
export type HeadingSize = typeof HEADING_SIZES[number];
|
|
794
810
|
declare const HEADING_COLORS: readonly [
|
|
795
811
|
"primary",
|
|
796
812
|
"inherit"
|
|
797
813
|
];
|
|
798
|
-
export
|
|
799
|
-
export
|
|
814
|
+
export type HeadingColor = typeof HEADING_COLORS[number];
|
|
815
|
+
export type HeadingAlign = TextAlign;
|
|
800
816
|
declare const HEADLINE_VARIANTS: readonly [
|
|
801
817
|
"large-title",
|
|
802
818
|
"headline-1",
|
|
@@ -805,9 +821,9 @@ declare const HEADLINE_VARIANTS: readonly [
|
|
|
805
821
|
"headline-4",
|
|
806
822
|
"headline-5"
|
|
807
823
|
];
|
|
808
|
-
export
|
|
809
|
-
export
|
|
810
|
-
export
|
|
824
|
+
export type HeadlineVariantType = typeof HEADLINE_VARIANTS[number];
|
|
825
|
+
export type HeadlineVariantCustom = Exclude<BreakpointCustomizable<TextSize>, TextSize>;
|
|
826
|
+
export type HeadlineVariant = HeadlineVariantType | HeadlineVariantCustom | Extract<TextSize, "inherit">;
|
|
811
827
|
declare const HEADLINE_TAGS: readonly [
|
|
812
828
|
"h1",
|
|
813
829
|
"h2",
|
|
@@ -816,19 +832,19 @@ declare const HEADLINE_TAGS: readonly [
|
|
|
816
832
|
"h5",
|
|
817
833
|
"h6"
|
|
818
834
|
];
|
|
819
|
-
export
|
|
835
|
+
export type HeadlineTag = typeof HEADLINE_TAGS[number];
|
|
820
836
|
declare const HEADLINE_COLORS: readonly [
|
|
821
837
|
"primary",
|
|
822
838
|
"default",
|
|
823
839
|
"inherit"
|
|
824
840
|
];
|
|
825
|
-
export
|
|
826
|
-
export
|
|
841
|
+
export type HeadlineColor = typeof HEADLINE_COLORS[number];
|
|
842
|
+
export type HeadlineAlign = TextAlign;
|
|
827
843
|
declare const ICON_ARIA_ATTRIBUTES: readonly [
|
|
828
844
|
"aria-label"
|
|
829
845
|
];
|
|
830
|
-
export
|
|
831
|
-
export
|
|
846
|
+
export type IconAriaAttribute = typeof ICON_ARIA_ATTRIBUTES[number];
|
|
847
|
+
export type IconSize = TextSize;
|
|
832
848
|
declare const ICON_COLORS: readonly [
|
|
833
849
|
"primary",
|
|
834
850
|
"contrast-low",
|
|
@@ -847,7 +863,7 @@ declare const ICON_COLORS: readonly [
|
|
|
847
863
|
"notification-neutral",
|
|
848
864
|
"state-disabled"
|
|
849
865
|
];
|
|
850
|
-
export
|
|
866
|
+
export type IconColor = typeof ICON_COLORS[number];
|
|
851
867
|
declare const INLINE_NOTIFICATION_STATES: readonly [
|
|
852
868
|
"success",
|
|
853
869
|
"info",
|
|
@@ -855,32 +871,71 @@ declare const INLINE_NOTIFICATION_STATES: readonly [
|
|
|
855
871
|
"error",
|
|
856
872
|
"neutral"
|
|
857
873
|
];
|
|
858
|
-
export
|
|
859
|
-
export
|
|
874
|
+
export type InlineNotificationState = typeof INLINE_NOTIFICATION_STATES[number];
|
|
875
|
+
export type InlineNotificationActionIcon = IconName;
|
|
860
876
|
declare const LINK_ARIA_ATTRIBUTES: readonly [
|
|
861
877
|
"aria-label"
|
|
862
878
|
];
|
|
863
|
-
export
|
|
864
|
-
export
|
|
865
|
-
export
|
|
866
|
-
export
|
|
867
|
-
export
|
|
868
|
-
export
|
|
869
|
-
export
|
|
870
|
-
export
|
|
871
|
-
export
|
|
872
|
-
export
|
|
873
|
-
export
|
|
874
|
-
export
|
|
875
|
-
export
|
|
876
|
-
export
|
|
877
|
-
export
|
|
879
|
+
export type LinkAriaAttribute = typeof LINK_ARIA_ATTRIBUTES[number];
|
|
880
|
+
export type LinkIcon = LinkButtonIconName;
|
|
881
|
+
export type LinkPureIcon = LinkButtonIconName;
|
|
882
|
+
export type LinkPureAriaAttribute = LinkAriaAttribute;
|
|
883
|
+
export type LinkPureAlignLabel = AlignLabel;
|
|
884
|
+
export type LinkPureWeight = TextWeight;
|
|
885
|
+
export type LinkPureSize = TextSize;
|
|
886
|
+
export type LinkPureTarget = LinkTarget;
|
|
887
|
+
export type LinkSocialIcon = Extract<IconName, "logo-facebook" | "logo-google" | "logo-instagram" | "logo-linkedin" | "logo-pinterest" | "logo-twitter" | "logo-wechat" | "logo-whatsapp" | "logo-xing" | "logo-youtube" | "logo-baidu" | "logo-delicious" | "logo-digg" | "logo-foursquare" | "logo-gmail" | "logo-hatena" | "logo-kaixin" | "logo-kakaotalk" | "logo-naver" | "logo-qq-share" | "logo-qq" | "logo-reddit" | "logo-skyrock" | "logo-sohu" | "logo-tecent" | "logo-telegram" | "logo-tiktok" | "logo-tumblr" | "logo-viber" | "logo-vk" | "logo-weibo" | "logo-yahoo" | "logo-youku">;
|
|
888
|
+
export type LinkSocialTarget = LinkTarget;
|
|
889
|
+
export type LinkTileTarget = LinkTarget;
|
|
890
|
+
export type LinkTileAriaAttribute = LinkAriaAttribute;
|
|
891
|
+
export type LinkTileAspectRatio = TileAspectRatio;
|
|
892
|
+
export type LinkTileSize = TileSize;
|
|
893
|
+
export type LinkTileAlign = TileAlign;
|
|
878
894
|
declare const LINK_TILE_WEIGHTS: readonly [
|
|
879
895
|
"regular",
|
|
880
896
|
"semi-bold",
|
|
881
897
|
"semibold"
|
|
882
898
|
];
|
|
883
|
-
export
|
|
899
|
+
export type LinkTileWeight = (typeof LINK_TILE_WEIGHTS)[number];
|
|
900
|
+
declare const LINK_TILE_MODEL_SIGNATURE_MODELS: readonly [
|
|
901
|
+
"718",
|
|
902
|
+
"911",
|
|
903
|
+
"boxster",
|
|
904
|
+
"cayenne",
|
|
905
|
+
"cayman",
|
|
906
|
+
"macan",
|
|
907
|
+
"panamera",
|
|
908
|
+
"taycan",
|
|
909
|
+
"turbo-s",
|
|
910
|
+
"turbo"
|
|
911
|
+
];
|
|
912
|
+
export type LinkTileModelSignatureModel = (typeof LINK_TILE_MODEL_SIGNATURE_MODELS)[number];
|
|
913
|
+
declare const LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS: readonly [
|
|
914
|
+
"h2",
|
|
915
|
+
"h3",
|
|
916
|
+
"h4",
|
|
917
|
+
"h5",
|
|
918
|
+
"h6"
|
|
919
|
+
];
|
|
920
|
+
export type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS)[number];
|
|
921
|
+
export type LinkTileModelSignatureWeight = TileWeight;
|
|
922
|
+
export type LinkTileModelSignatureAspectRatio = TileAspectRatio;
|
|
923
|
+
export type LinkTileModelSignatureLinkDirection = GroupDirection;
|
|
924
|
+
declare const MARQUE_SIZES: readonly [
|
|
925
|
+
"responsive",
|
|
926
|
+
"small",
|
|
927
|
+
"medium"
|
|
928
|
+
];
|
|
929
|
+
export type MarqueSize = typeof MARQUE_SIZES[number];
|
|
930
|
+
export type MarqueTarget = LinkTarget;
|
|
931
|
+
declare const MARQUE_ARIA_ATTRIBUTES: readonly [
|
|
932
|
+
"aria-label"
|
|
933
|
+
];
|
|
934
|
+
export type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
|
|
935
|
+
declare const MODAL_ARIA_ATTRIBUTES: readonly [
|
|
936
|
+
"aria-label"
|
|
937
|
+
];
|
|
938
|
+
export type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
|
|
884
939
|
declare const MODEL_SIGNATURES_MANIFEST: {
|
|
885
940
|
"718": string;
|
|
886
941
|
"911": string;
|
|
@@ -897,8 +952,8 @@ declare const MODEL_SIGNATURE_SIZES: readonly [
|
|
|
897
952
|
"small",
|
|
898
953
|
"inherit"
|
|
899
954
|
];
|
|
900
|
-
export
|
|
901
|
-
export
|
|
955
|
+
export type ModelSignatureSize = (typeof MODEL_SIGNATURE_SIZES)[number];
|
|
956
|
+
export type ModelSignatureModel = keyof typeof MODEL_SIGNATURES_MANIFEST;
|
|
902
957
|
declare const MODEL_SIGNATURE_COLORS: readonly [
|
|
903
958
|
"primary",
|
|
904
959
|
"contrast-low",
|
|
@@ -906,89 +961,62 @@ declare const MODEL_SIGNATURE_COLORS: readonly [
|
|
|
906
961
|
"contrast-high",
|
|
907
962
|
"inherit"
|
|
908
963
|
];
|
|
909
|
-
export
|
|
910
|
-
export declare type LinkTileModelSignatureModel = ModelSignatureModel;
|
|
911
|
-
declare const LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS: readonly [
|
|
912
|
-
"h2",
|
|
913
|
-
"h3",
|
|
914
|
-
"h4",
|
|
915
|
-
"h5",
|
|
916
|
-
"h6"
|
|
917
|
-
];
|
|
918
|
-
export declare type LinkTileModelSignatureHeadingTag = (typeof LINK_TILE_MODEL_SIGNATURE_HEADING_TAGS)[number];
|
|
919
|
-
export declare type LinkTileModelSignatureWeight = TileWeight;
|
|
920
|
-
export declare type LinkTileModelSignatureAspectRatio = TileAspectRatio;
|
|
921
|
-
export declare type LinkTileModelSignatureLinkDirection = GroupDirection;
|
|
922
|
-
declare const MARQUE_SIZES: readonly [
|
|
923
|
-
"responsive",
|
|
924
|
-
"small",
|
|
925
|
-
"medium"
|
|
926
|
-
];
|
|
927
|
-
export declare type MarqueSize = typeof MARQUE_SIZES[number];
|
|
928
|
-
export declare type MarqueTarget = LinkTarget;
|
|
929
|
-
declare const MARQUE_ARIA_ATTRIBUTES: readonly [
|
|
930
|
-
"aria-label"
|
|
931
|
-
];
|
|
932
|
-
export declare type MarqueAriaAttribute = typeof MARQUE_ARIA_ATTRIBUTES[number];
|
|
933
|
-
declare const MODAL_ARIA_ATTRIBUTES: readonly [
|
|
934
|
-
"aria-label"
|
|
935
|
-
];
|
|
936
|
-
export declare type ModalAriaAttribute = (typeof MODAL_ARIA_ATTRIBUTES)[number];
|
|
964
|
+
export type ModelSignatureColor = (typeof MODEL_SIGNATURE_COLORS)[number];
|
|
937
965
|
declare const PAGINATION_NUMBER_OF_PAGE_LINKS: readonly [
|
|
938
966
|
5,
|
|
939
967
|
7
|
|
940
968
|
];
|
|
941
|
-
export
|
|
942
|
-
export
|
|
969
|
+
export type PaginationMaxNumberOfPageLinks = (typeof PAGINATION_NUMBER_OF_PAGE_LINKS)[number];
|
|
970
|
+
export type PaginationUpdateEvent = {
|
|
943
971
|
page: number;
|
|
944
972
|
previousPage: number;
|
|
945
973
|
};
|
|
946
|
-
export
|
|
974
|
+
export type PaginationInternationalization = Partial<Record<"root" | "prev" | "next" | "page", string>> | string;
|
|
947
975
|
declare const POPOVER_DIRECTIONS: readonly [
|
|
948
976
|
"top",
|
|
949
977
|
"right",
|
|
950
978
|
"bottom",
|
|
951
979
|
"left"
|
|
952
980
|
];
|
|
953
|
-
export
|
|
981
|
+
export type PopoverDirection = typeof POPOVER_DIRECTIONS[number];
|
|
954
982
|
declare const POPOVER_ARIA_ATTRIBUTES: readonly [
|
|
955
983
|
"aria-label"
|
|
956
984
|
];
|
|
957
|
-
export
|
|
958
|
-
export
|
|
985
|
+
export type PopoverAriaAttribute = typeof POPOVER_ARIA_ATTRIBUTES[number];
|
|
986
|
+
export type RadioButtonWrapperState = FormState;
|
|
959
987
|
declare const SEGMENTED_CONTROL_BACKGROUND_COLORS: readonly [
|
|
960
988
|
"background-surface",
|
|
961
989
|
"background-default"
|
|
962
990
|
];
|
|
963
|
-
export
|
|
964
|
-
export
|
|
991
|
+
export type SegmentedControlBackgroundColor = (typeof SEGMENTED_CONTROL_BACKGROUND_COLORS)[number];
|
|
992
|
+
export type SegmentedControlUpdateEvent = {
|
|
965
993
|
value: string | number;
|
|
966
994
|
};
|
|
967
|
-
export
|
|
995
|
+
export type SegmentedControlItemIcon = LinkButtonIconName;
|
|
968
996
|
declare const DROPDOWN_DIRECTIONS: readonly [
|
|
969
997
|
"down",
|
|
970
998
|
"up",
|
|
971
999
|
"auto"
|
|
972
1000
|
];
|
|
973
|
-
export
|
|
974
|
-
export
|
|
1001
|
+
export type SelectWrapperDropdownDirection = typeof DROPDOWN_DIRECTIONS[number];
|
|
1002
|
+
export type SelectWrapperState = FormState;
|
|
975
1003
|
declare const SPINNER_SIZES: readonly [
|
|
976
1004
|
"small",
|
|
977
1005
|
"medium",
|
|
978
1006
|
"large",
|
|
979
1007
|
"inherit"
|
|
980
1008
|
];
|
|
981
|
-
export
|
|
1009
|
+
export type SpinnerSize = typeof SPINNER_SIZES[number];
|
|
982
1010
|
declare const SPINNER_ARIA_ATTRIBUTES: readonly [
|
|
983
1011
|
"aria-label"
|
|
984
1012
|
];
|
|
985
|
-
export
|
|
1013
|
+
export type SpinnerAriaAttribute = typeof SPINNER_ARIA_ATTRIBUTES[number];
|
|
986
1014
|
declare const STEPPER_HORIZONTAL_SIZES: readonly [
|
|
987
1015
|
"small",
|
|
988
1016
|
"medium"
|
|
989
1017
|
];
|
|
990
|
-
export
|
|
991
|
-
export
|
|
1018
|
+
export type StepperHorizontalSize = (typeof STEPPER_HORIZONTAL_SIZES)[number];
|
|
1019
|
+
export type StepperHorizontalUpdateEvent = {
|
|
992
1020
|
activeStepIndex: number;
|
|
993
1021
|
};
|
|
994
1022
|
declare const STEPPER_ITEM_STATES: readonly [
|
|
@@ -996,52 +1024,52 @@ declare const STEPPER_ITEM_STATES: readonly [
|
|
|
996
1024
|
"complete",
|
|
997
1025
|
"warning"
|
|
998
1026
|
];
|
|
999
|
-
export
|
|
1000
|
-
export
|
|
1001
|
-
export
|
|
1027
|
+
export type StepperHorizontalItemState = typeof STEPPER_ITEM_STATES[number];
|
|
1028
|
+
export type SwitchAlignLabel = AlignLabel;
|
|
1029
|
+
export type SwitchUpdateEvent = {
|
|
1002
1030
|
checked: boolean;
|
|
1003
1031
|
};
|
|
1004
|
-
export
|
|
1005
|
-
export
|
|
1032
|
+
export type Direction = "asc" | "desc";
|
|
1033
|
+
export type TableHeadCellSort = {
|
|
1006
1034
|
id: string;
|
|
1007
1035
|
active?: boolean;
|
|
1008
1036
|
direction?: Direction;
|
|
1009
1037
|
};
|
|
1010
|
-
export
|
|
1038
|
+
export type TableUpdateEvent = TableHeadCellSort;
|
|
1011
1039
|
declare const TABS_BAR_SIZES: readonly [
|
|
1012
1040
|
"small",
|
|
1013
1041
|
"medium"
|
|
1014
1042
|
];
|
|
1015
|
-
export
|
|
1043
|
+
export type TabsBarSize = (typeof TABS_BAR_SIZES)[number];
|
|
1016
1044
|
declare const TABS_BAR_WEIGHTS: readonly [
|
|
1017
1045
|
"regular",
|
|
1018
1046
|
"semi-bold",
|
|
1019
1047
|
"semibold"
|
|
1020
1048
|
];
|
|
1021
|
-
export
|
|
1022
|
-
export
|
|
1049
|
+
export type TabsBarWeight = (typeof TABS_BAR_WEIGHTS)[number];
|
|
1050
|
+
export type TabsBarUpdateEvent = {
|
|
1023
1051
|
activeTabIndex: number;
|
|
1024
1052
|
};
|
|
1025
1053
|
/** @deprecated */
|
|
1026
|
-
export
|
|
1027
|
-
export
|
|
1028
|
-
export
|
|
1029
|
-
export
|
|
1054
|
+
export type TabsBarGradientColorScheme = ScrollerGradientColorScheme;
|
|
1055
|
+
export type TabsBarGradientColor = ScrollerGradientColor;
|
|
1056
|
+
export type TabsSize = TabsBarSize;
|
|
1057
|
+
export type TabsWeight = TabsBarWeight;
|
|
1030
1058
|
/** @deprecated */
|
|
1031
|
-
export
|
|
1032
|
-
export
|
|
1033
|
-
export
|
|
1059
|
+
export type TabsGradientColorScheme = TabsBarGradientColorScheme;
|
|
1060
|
+
export type TabsGradientColor = TabsBarGradientColor;
|
|
1061
|
+
export type TabsUpdateEvent = TabsBarUpdateEvent;
|
|
1034
1062
|
declare const TAG_DISMISSIBLE_COLORS: readonly [
|
|
1035
1063
|
"background-base",
|
|
1036
1064
|
"background-surface",
|
|
1037
1065
|
"background-default"
|
|
1038
1066
|
];
|
|
1039
|
-
export
|
|
1067
|
+
export type TagDismissibleColor = typeof TAG_DISMISSIBLE_COLORS[number];
|
|
1040
1068
|
declare const TAG_DISMISSIBLE_ARIA_ATTRIBUTES: readonly [
|
|
1041
1069
|
"aria-label"
|
|
1042
1070
|
];
|
|
1043
|
-
export
|
|
1044
|
-
export
|
|
1071
|
+
export type TagDismissibleAriaAttribute = typeof TAG_DISMISSIBLE_ARIA_ATTRIBUTES[number];
|
|
1072
|
+
export type TagIcon = IconName;
|
|
1045
1073
|
declare const TAG_COLORS: readonly [
|
|
1046
1074
|
"background-base",
|
|
1047
1075
|
"background-surface",
|
|
@@ -1057,7 +1085,7 @@ declare const TAG_COLORS: readonly [
|
|
|
1057
1085
|
"notification-success",
|
|
1058
1086
|
"notification-error"
|
|
1059
1087
|
];
|
|
1060
|
-
export
|
|
1088
|
+
export type TagColor = typeof TAG_COLORS[number];
|
|
1061
1089
|
declare const TEXT_TAGS: readonly [
|
|
1062
1090
|
"p",
|
|
1063
1091
|
"span",
|
|
@@ -1069,40 +1097,40 @@ declare const TEXT_TAGS: readonly [
|
|
|
1069
1097
|
"time",
|
|
1070
1098
|
"legend"
|
|
1071
1099
|
];
|
|
1072
|
-
export
|
|
1100
|
+
export type TextTag = typeof TEXT_TAGS[number];
|
|
1073
1101
|
declare const UNIT_POSITIONS: readonly [
|
|
1074
1102
|
"prefix",
|
|
1075
1103
|
"suffix"
|
|
1076
1104
|
];
|
|
1077
|
-
export
|
|
1078
|
-
export
|
|
1079
|
-
export
|
|
1105
|
+
export type TextFieldWrapperUnitPosition = typeof UNIT_POSITIONS[number];
|
|
1106
|
+
export type TextFieldWrapperActionIcon = Extract<IconName, "locate">;
|
|
1107
|
+
export type TextFieldWrapperState = FormState;
|
|
1080
1108
|
declare const LIST_TYPES: readonly [
|
|
1081
1109
|
"unordered",
|
|
1082
1110
|
"ordered"
|
|
1083
1111
|
];
|
|
1084
1112
|
/** @deprecated */
|
|
1085
|
-
export
|
|
1113
|
+
export type TextListListType = typeof LIST_TYPES[number];
|
|
1086
1114
|
declare const ORDER_TYPES: readonly [
|
|
1087
1115
|
"numbered",
|
|
1088
1116
|
"alphabetically"
|
|
1089
1117
|
];
|
|
1090
1118
|
/** @deprecated */
|
|
1091
|
-
export
|
|
1119
|
+
export type TextListOrderType = typeof ORDER_TYPES[number];
|
|
1092
1120
|
declare const TEXT_LIST_TYPES: readonly [
|
|
1093
1121
|
"unordered",
|
|
1094
1122
|
"numbered",
|
|
1095
1123
|
"alphabetically"
|
|
1096
1124
|
];
|
|
1097
|
-
export
|
|
1098
|
-
export
|
|
1125
|
+
export type TextListType = typeof TEXT_LIST_TYPES[number];
|
|
1126
|
+
export type TextareaWrapperState = FormState;
|
|
1099
1127
|
declare const TOAST_STATES: readonly [
|
|
1100
1128
|
"info",
|
|
1101
1129
|
"success",
|
|
1102
1130
|
"neutral"
|
|
1103
1131
|
];
|
|
1104
|
-
export
|
|
1105
|
-
export
|
|
1132
|
+
export type ToastState = typeof TOAST_STATES[number];
|
|
1133
|
+
export type ToastMessage = {
|
|
1106
1134
|
text: string;
|
|
1107
1135
|
state?: ToastState;
|
|
1108
1136
|
};
|
|
@@ -1110,10 +1138,10 @@ declare const WORDMARK_SIZES: readonly [
|
|
|
1110
1138
|
"small",
|
|
1111
1139
|
"inherit"
|
|
1112
1140
|
];
|
|
1113
|
-
export
|
|
1114
|
-
export
|
|
1141
|
+
export type WordmarkSize = (typeof WORDMARK_SIZES)[number];
|
|
1142
|
+
export type WordmarkTarget = LinkTarget;
|
|
1115
1143
|
declare const WORDMARK_ARIA_ATTRIBUTES: readonly [
|
|
1116
1144
|
"aria-label"
|
|
1117
1145
|
];
|
|
1118
|
-
export
|
|
1146
|
+
export type WordmarkAriaAttribute = (typeof WORDMARK_ARIA_ATTRIBUTES)[number];
|
|
1119
1147
|
export {};
|