tide-design-system 2.4.5 → 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 +19 -6
- package/dist/tide-design-system.esm.js +1201 -1170
- package/dist/utilities/storybook.ts +6 -2
- package/dist/utilities/validation.ts +1 -1
- package/index.ts +4 -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/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/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
|
@@ -124,6 +124,10 @@ export declare const BADGE_COLOR_DETAILS: Record<BadgeColor, {
|
|
|
124
124
|
export declare const BADGE_TRUSTED: {
|
|
125
125
|
readonly YEARS_10: "10";
|
|
126
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";
|
|
127
131
|
readonly YEARS_5: "5";
|
|
128
132
|
};
|
|
129
133
|
|
|
@@ -146,6 +150,13 @@ export declare const BREAKPOINT: {
|
|
|
146
150
|
|
|
147
151
|
export declare type Breakpoint = (typeof BREAKPOINT)[keyof typeof BREAKPOINT];
|
|
148
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
|
+
|
|
149
160
|
export declare type CardType = (typeof TYPE_CARD)[keyof typeof TYPE_CARD];
|
|
150
161
|
|
|
151
162
|
declare const CSS_2: {
|
|
@@ -672,13 +683,13 @@ export declare const ELEMENT: {
|
|
|
672
683
|
declare type Element_2 = (typeof ELEMENT)[keyof typeof ELEMENT];
|
|
673
684
|
export { Element_2 as Element }
|
|
674
685
|
|
|
675
|
-
export declare const
|
|
686
|
+
export declare const ELEMENT_BROAD: {
|
|
676
687
|
readonly BUTTON: "button";
|
|
677
688
|
readonly DIV: "div";
|
|
678
689
|
readonly LINK: "a";
|
|
679
690
|
};
|
|
680
691
|
|
|
681
|
-
export declare type
|
|
692
|
+
export declare type ElementBroad = (typeof ELEMENT_BROAD)[keyof typeof ELEMENT_BROAD];
|
|
682
693
|
|
|
683
694
|
declare const ERROR_DISPLAY: {
|
|
684
695
|
readonly EAGER: "eager";
|
|
@@ -983,7 +994,6 @@ declare type Props_11 = {
|
|
|
983
994
|
isHeadline1?: boolean;
|
|
984
995
|
isHideawayButtons?: boolean;
|
|
985
996
|
isScrollByPage?: boolean;
|
|
986
|
-
isTouchscreen?: boolean;
|
|
987
997
|
maxDots?: number;
|
|
988
998
|
subtitle?: string;
|
|
989
999
|
title?: string;
|
|
@@ -1188,6 +1198,7 @@ declare type Props_6 = {
|
|
|
1188
1198
|
label: string;
|
|
1189
1199
|
priority?: Priority;
|
|
1190
1200
|
size?: SizeButton;
|
|
1201
|
+
type?: ButtonType;
|
|
1191
1202
|
};
|
|
1192
1203
|
|
|
1193
1204
|
declare type Props_7 = {
|
|
@@ -1197,11 +1208,12 @@ declare type Props_7 = {
|
|
|
1197
1208
|
icon: Icon;
|
|
1198
1209
|
isNewTab?: boolean;
|
|
1199
1210
|
priority?: Priority;
|
|
1211
|
+
type?: ButtonType;
|
|
1200
1212
|
};
|
|
1201
1213
|
|
|
1202
1214
|
declare type Props_8 = {
|
|
1203
1215
|
disabled?: boolean;
|
|
1204
|
-
element?:
|
|
1216
|
+
element?: ElementBroad;
|
|
1205
1217
|
href?: string;
|
|
1206
1218
|
label: string | number;
|
|
1207
1219
|
};
|
|
@@ -1373,6 +1385,7 @@ breadCrumbs: BreadCrumb[];
|
|
|
1373
1385
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1374
1386
|
|
|
1375
1387
|
export declare const TideButton: DefineComponent<Props_6, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_6> & Readonly<{}>, {
|
|
1388
|
+
type: ButtonType;
|
|
1376
1389
|
label: string;
|
|
1377
1390
|
size: SizeButton;
|
|
1378
1391
|
disabled: boolean;
|
|
@@ -1385,6 +1398,7 @@ iconTrailing: Icon;
|
|
|
1385
1398
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1386
1399
|
|
|
1387
1400
|
export declare const TideButtonIcon: DefineComponent<Props_7, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_7> & Readonly<{}>, {
|
|
1401
|
+
type: ButtonType;
|
|
1388
1402
|
icon: Icon;
|
|
1389
1403
|
disabled: boolean;
|
|
1390
1404
|
element: Element_2;
|
|
@@ -1396,7 +1410,7 @@ priority: Priority;
|
|
|
1396
1410
|
export declare const TideButtonPagination: DefineComponent<Props_8, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<Props_8> & Readonly<{}>, {
|
|
1397
1411
|
label: string | number;
|
|
1398
1412
|
disabled: boolean;
|
|
1399
|
-
element:
|
|
1413
|
+
element: ElementBroad;
|
|
1400
1414
|
href: string;
|
|
1401
1415
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
|
|
1402
1416
|
|
|
@@ -1427,7 +1441,6 @@ hasDots: boolean;
|
|
|
1427
1441
|
isHeadline1: boolean;
|
|
1428
1442
|
isHideawayButtons: boolean;
|
|
1429
1443
|
isScrollByPage: boolean;
|
|
1430
|
-
isTouchscreen: boolean;
|
|
1431
1444
|
maxDots: number;
|
|
1432
1445
|
subtitle: string;
|
|
1433
1446
|
}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>, {
|