tide-design-system 2.4.4 → 2.4.6
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/dist/css/reset.css +1 -1
- package/dist/css/utilities-responsive.css +0 -546
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +42 -11
- package/dist/tide-design-system.esm.js +1536 -1454
- package/dist/utilities/storybook.ts +6 -2
- package/dist/utilities/validation.ts +1 -1
- package/index.ts +6 -4
- package/package.json +1 -1
- package/src/assets/css/reset.css +1 -1
- package/src/assets/css/utilities-responsive.css +0 -546
- package/src/components/TideAlert.vue +46 -3
- package/src/components/TideButton.vue +14 -4
- package/src/components/TideButtonIcon.vue +12 -2
- package/src/components/TideButtonPagination.vue +11 -16
- package/src/components/TideButtonSegmented.vue +1 -0
- package/src/components/TideCard.vue +11 -2
- package/src/components/TideCarousel.vue +9 -4
- package/src/components/TideChipAction.vue +1 -0
- package/src/components/TideChipFilter.vue +1 -0
- package/src/components/TideChipInput.vue +1 -0
- package/src/components/TideIcon.vue +1 -1
- package/src/components/TideImage.vue +9 -9
- package/src/components/TideInputText.vue +2 -0
- package/src/components/TideInputTextDeprecated.vue +2 -0
- package/src/components/TideInputTextarea.vue +2 -2
- package/src/components/TideLink.vue +2 -1
- package/src/components/TideModal.vue +91 -85
- package/src/components/TideSwitch.vue +1 -0
- package/src/stories/TideAlert.stories.ts +37 -1
- package/src/stories/TideButtonPagination.stories.ts +6 -6
- package/src/stories/TideCarousel.stories.ts +0 -1
- package/src/stories/TideInputCheckbox.stories.ts +58 -23
- package/src/stories/TideInputRadio.stories.ts +39 -30
- package/src/stories/TideInputSelect.stories.ts +51 -27
- package/src/stories/TideInputText.stories.ts +83 -23
- package/src/stories/TideInputTextarea.stories.ts +66 -17
- package/src/stories/TideLink.stories.ts +1 -14
- package/src/stories/TidePagination.stories.ts +2 -2
- package/src/stories/TidePopover.stories.ts +1 -1
- package/src/types/Badge.ts +4 -0
- package/src/types/Element.ts +2 -2
- package/src/types/Storybook.ts +4 -6
- package/src/types/Type.ts +6 -0
- package/src/utilities/storybook.ts +6 -2
- package/src/utilities/validation.ts +1 -1
|
@@ -40,6 +40,12 @@ declare type __VLS_WithTemplateSlots<T, S> = T & {
|
|
|
40
40
|
};
|
|
41
41
|
};
|
|
42
42
|
|
|
43
|
+
declare type __VLS_WithTemplateSlots_10<T, S> = T & {
|
|
44
|
+
new (): {
|
|
45
|
+
$slots: S;
|
|
46
|
+
};
|
|
47
|
+
};
|
|
48
|
+
|
|
43
49
|
declare type __VLS_WithTemplateSlots_2<T, S> = T & {
|
|
44
50
|
new (): {
|
|
45
51
|
$slots: S;
|
|
@@ -118,6 +124,10 @@ export declare const BADGE_COLOR_DETAILS: Record<BadgeColor, {
|
|
|
118
124
|
export declare const BADGE_TRUSTED: {
|
|
119
125
|
readonly YEARS_10: "10";
|
|
120
126
|
readonly YEARS_15: "15";
|
|
127
|
+
readonly YEARS_20: "20";
|
|
128
|
+
readonly YEARS_25: "25";
|
|
129
|
+
readonly YEARS_30: "30";
|
|
130
|
+
readonly YEARS_35: "35";
|
|
121
131
|
readonly YEARS_5: "5";
|
|
122
132
|
};
|
|
123
133
|
|
|
@@ -140,6 +150,13 @@ export declare const BREAKPOINT: {
|
|
|
140
150
|
|
|
141
151
|
export declare type Breakpoint = (typeof BREAKPOINT)[keyof typeof BREAKPOINT];
|
|
142
152
|
|
|
153
|
+
declare const BUTTON_TYPE: {
|
|
154
|
+
readonly BUTTON: "button";
|
|
155
|
+
readonly SUBMIT: "submit";
|
|
156
|
+
};
|
|
157
|
+
|
|
158
|
+
declare type ButtonType = (typeof BUTTON_TYPE)[keyof typeof BUTTON_TYPE];
|
|
159
|
+
|
|
143
160
|
export declare type CardType = (typeof TYPE_CARD)[keyof typeof TYPE_CARD];
|
|
144
161
|
|
|
145
162
|
declare const CSS_2: {
|
|
@@ -666,13 +683,13 @@ export declare const ELEMENT: {
|
|
|
666
683
|
declare type Element_2 = (typeof ELEMENT)[keyof typeof ELEMENT];
|
|
667
684
|
export { Element_2 as Element }
|
|
668
685
|
|
|
669
|
-
export declare const
|
|
686
|
+
export declare const ELEMENT_BROAD: {
|
|
670
687
|
readonly BUTTON: "button";
|
|
671
688
|
readonly DIV: "div";
|
|
672
689
|
readonly LINK: "a";
|
|
673
690
|
};
|
|
674
691
|
|
|
675
|
-
export declare type
|
|
692
|
+
export declare type ElementBroad = (typeof ELEMENT_BROAD)[keyof typeof ELEMENT_BROAD];
|
|
676
693
|
|
|
677
694
|
declare const ERROR_DISPLAY: {
|
|
678
695
|
readonly EAGER: "eager";
|
|
@@ -977,7 +994,6 @@ declare type Props_11 = {
|
|
|
977
994
|
isHeadline1?: boolean;
|
|
978
995
|
isHideawayButtons?: boolean;
|
|
979
996
|
isScrollByPage?: boolean;
|
|
980
|
-
isTouchscreen?: boolean;
|
|
981
997
|
maxDots?: number;
|
|
982
998
|
subtitle?: string;
|
|
983
999
|
title?: string;
|
|
@@ -1031,6 +1047,7 @@ declare type Props_19 = {
|
|
|
1031
1047
|
|
|
1032
1048
|
declare type Props_2 = {
|
|
1033
1049
|
heading?: string;
|
|
1050
|
+
ctaLabel?: string;
|
|
1034
1051
|
isDismissible?: boolean;
|
|
1035
1052
|
isToast?: boolean;
|
|
1036
1053
|
type?: Alert;
|
|
@@ -1181,6 +1198,7 @@ declare type Props_6 = {
|
|
|
1181
1198
|
label: string;
|
|
1182
1199
|
priority?: Priority;
|
|
1183
1200
|
size?: SizeButton;
|
|
1201
|
+
type?: ButtonType;
|
|
1184
1202
|
};
|
|
1185
1203
|
|
|
1186
1204
|
declare type Props_7 = {
|
|
@@ -1190,11 +1208,12 @@ declare type Props_7 = {
|
|
|
1190
1208
|
icon: Icon;
|
|
1191
1209
|
isNewTab?: boolean;
|
|
1192
1210
|
priority?: Priority;
|
|
1211
|
+
type?: ButtonType;
|
|
1193
1212
|
};
|
|
1194
1213
|
|
|
1195
1214
|
declare type Props_8 = {
|
|
1196
1215
|
disabled?: boolean;
|
|
1197
|
-
element?:
|
|
1216
|
+
element?: ElementBroad;
|
|
1198
1217
|
href?: string;
|
|
1199
1218
|
label: string | number;
|
|
1200
1219
|
};
|
|
@@ -1335,11 +1354,14 @@ isOptional: boolean;
|
|
|
1335
1354
|
|
|
1336
1355
|
export declare const TideAlert: __VLS_WithTemplateSlots_2<DefineComponent<Props_2, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
1337
1356
|
close: () => any;
|
|
1357
|
+
ctaClick: () => any;
|
|
1338
1358
|
}, string, PublicProps, Readonly<Props_2> & Readonly<{
|
|
1339
1359
|
onClose?: (() => any) | undefined;
|
|
1360
|
+
onCtaClick?: (() => any) | undefined;
|
|
1340
1361
|
}>, {
|
|
1341
1362
|
type: Alert;
|
|
1342
1363
|
heading: string;
|
|
1364
|
+
ctaLabel: string;
|
|
1343
1365
|
isDismissible: boolean;
|
|
1344
1366
|
isToast: boolean;
|
|
1345
1367
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
@@ -1347,8 +1369,8 @@ isToast: boolean;
|
|
|
1347
1369
|
}>;
|
|
1348
1370
|
|
|
1349
1371
|
export declare const TideBadge: DefineComponent<Props_3, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_3> & Readonly<{}>, {
|
|
1350
|
-
color: BadgeColor;
|
|
1351
1372
|
iconLeading: Icon;
|
|
1373
|
+
color: BadgeColor;
|
|
1352
1374
|
isFloating: boolean;
|
|
1353
1375
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1354
1376
|
|
|
@@ -1363,6 +1385,7 @@ breadCrumbs: BreadCrumb[];
|
|
|
1363
1385
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1364
1386
|
|
|
1365
1387
|
export declare const TideButton: DefineComponent<Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_6> & Readonly<{}>, {
|
|
1388
|
+
type: ButtonType;
|
|
1366
1389
|
label: string;
|
|
1367
1390
|
size: SizeButton;
|
|
1368
1391
|
disabled: boolean;
|
|
@@ -1375,6 +1398,7 @@ iconTrailing: Icon;
|
|
|
1375
1398
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1376
1399
|
|
|
1377
1400
|
export declare const TideButtonIcon: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
|
|
1401
|
+
type: ButtonType;
|
|
1378
1402
|
icon: Icon;
|
|
1379
1403
|
disabled: boolean;
|
|
1380
1404
|
element: Element_2;
|
|
@@ -1386,7 +1410,7 @@ priority: Priority;
|
|
|
1386
1410
|
export declare const TideButtonPagination: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_8> & Readonly<{}>, {
|
|
1387
1411
|
label: string | number;
|
|
1388
1412
|
disabled: boolean;
|
|
1389
|
-
element:
|
|
1413
|
+
element: ElementBroad;
|
|
1390
1414
|
href: string;
|
|
1391
1415
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1392
1416
|
|
|
@@ -1417,7 +1441,6 @@ hasDots: boolean;
|
|
|
1417
1441
|
isHeadline1: boolean;
|
|
1418
1442
|
isHideawayButtons: boolean;
|
|
1419
1443
|
isScrollByPage: boolean;
|
|
1420
|
-
isTouchscreen: boolean;
|
|
1421
1444
|
maxDots: number;
|
|
1422
1445
|
subtitle: string;
|
|
1423
1446
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
@@ -1450,6 +1473,14 @@ export declare const TideDivider: DefineComponent<Props_16, {}, {}, {}, {}, Comp
|
|
|
1450
1473
|
orientation: Orientation;
|
|
1451
1474
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1452
1475
|
|
|
1476
|
+
export declare const TideForm: __VLS_WithTemplateSlots_6<DefineComponent< {}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
1477
|
+
submit: (e: SubmitEvent) => any;
|
|
1478
|
+
}, string, PublicProps, Readonly<{}> & Readonly<{
|
|
1479
|
+
onSubmit?: ((e: SubmitEvent) => any) | undefined;
|
|
1480
|
+
}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>, {
|
|
1481
|
+
default?(_: {}): any;
|
|
1482
|
+
}>;
|
|
1483
|
+
|
|
1453
1484
|
export declare const TideIcon: DefineComponent<Props_17, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_17> & Readonly<{}>, {
|
|
1454
1485
|
size: Size;
|
|
1455
1486
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
@@ -1464,7 +1495,7 @@ sources: Source[];
|
|
|
1464
1495
|
src: string;
|
|
1465
1496
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1466
1497
|
|
|
1467
|
-
export declare const TideImageBackground:
|
|
1498
|
+
export declare const TideImageBackground: __VLS_WithTemplateSlots_7<DefineComponent<Props_19, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_19> & Readonly<{}>, {
|
|
1468
1499
|
alt: string;
|
|
1469
1500
|
isLazy: boolean;
|
|
1470
1501
|
sources: Source[];
|
|
@@ -1765,7 +1796,7 @@ iconTrailing: Icon;
|
|
|
1765
1796
|
subtle: boolean;
|
|
1766
1797
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1767
1798
|
|
|
1768
|
-
export declare const TideModal:
|
|
1799
|
+
export declare const TideModal: __VLS_WithTemplateSlots_8<DefineComponent<Props_28, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
1769
1800
|
close: () => any;
|
|
1770
1801
|
back: () => any;
|
|
1771
1802
|
}, string, PublicProps, Readonly<Props_28> & Readonly<{
|
|
@@ -1790,7 +1821,7 @@ pageCurrent: number;
|
|
|
1790
1821
|
pageTotal: number;
|
|
1791
1822
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1792
1823
|
|
|
1793
|
-
export declare const TidePopover:
|
|
1824
|
+
export declare const TidePopover: __VLS_WithTemplateSlots_9<DefineComponent<Props_30, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_30> & Readonly<{}>, {
|
|
1794
1825
|
offset: number;
|
|
1795
1826
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|
|
1796
1827
|
default?(_: {}): any;
|
|
@@ -1800,7 +1831,7 @@ export declare const TideSeoLinks: DefineComponent<Props_31, {}, {}, {}, {}, Com
|
|
|
1800
1831
|
heading: string;
|
|
1801
1832
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1802
1833
|
|
|
1803
|
-
export declare const TideSheet:
|
|
1834
|
+
export declare const TideSheet: __VLS_WithTemplateSlots_10<DefineComponent<Props_32, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
|
|
1804
1835
|
close: () => any;
|
|
1805
1836
|
back: () => any;
|
|
1806
1837
|
}, string, PublicProps, Readonly<Props_32> & Readonly<{
|