tide-design-system 2.1.7 → 2.1.9
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/.storybook/main.ts +1 -0
- package/dist/css/realm/aero.css +3 -3
- package/dist/css/realm/boatmart.css +1 -1
- package/dist/css/realm/cycle.css +1 -1
- package/dist/css/realm/equipment.css +1 -1
- package/dist/css/realm/pwc.css +1 -1
- package/dist/css/reset.css +9 -1
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +42 -22
- package/dist/tide-design-system.esm.js +796 -785
- package/dist/utilities/event.ts +4 -0
- package/dist/utilities/storybook.ts +4 -0
- package/dist/utilities/viewport.ts +44 -0
- package/index.ts +2 -4
- package/package.json +4 -1
- package/src/assets/css/realm/aero.css +3 -3
- package/src/assets/css/realm/boatmart.css +1 -1
- package/src/assets/css/realm/cycle.css +1 -1
- package/src/assets/css/realm/equipment.css +1 -1
- package/src/assets/css/realm/pwc.css +1 -1
- package/src/assets/css/reset.css +9 -1
- package/src/components/TideCard.vue +3 -7
- package/src/components/TideInputText.vue +6 -1
- package/src/components/TideInputTextarea.vue +5 -1
- package/src/components/TideModal.vue +164 -132
- package/src/components/TidePopover.vue +167 -0
- package/src/stories/TideAccordionItem.stories.ts +1 -0
- package/src/stories/TideButtonSegmented.stories.ts +1 -0
- package/src/stories/TideCard.stories.ts +1 -11
- package/src/stories/TideCarousel.stories.ts +1 -0
- package/src/stories/TideModal.stories.ts +68 -6
- package/src/stories/TidePagination.stories.ts +1 -0
- package/src/stories/TidePopover.stories.ts +98 -0
- package/src/stories/TideSwitch.stories.ts +1 -0
- package/src/types/Card.ts +0 -7
- package/src/utilities/event.ts +4 -0
- package/src/utilities/storybook.ts +4 -0
- package/src/utilities/viewport.ts +44 -0
|
@@ -145,6 +145,10 @@ declare type __VLS_PrettifyLocal_26<T> = {
|
|
|
145
145
|
[K in keyof T]: T[K];
|
|
146
146
|
} & {};
|
|
147
147
|
|
|
148
|
+
declare type __VLS_PrettifyLocal_27<T> = {
|
|
149
|
+
[K in keyof T]: T[K];
|
|
150
|
+
} & {};
|
|
151
|
+
|
|
148
152
|
declare type __VLS_PrettifyLocal_3<T> = {
|
|
149
153
|
[K in keyof T]: T[K];
|
|
150
154
|
} & {};
|
|
@@ -566,6 +570,12 @@ declare type __VLS_WithDefaults_26<P, D> = {
|
|
|
566
570
|
}> : P[K];
|
|
567
571
|
};
|
|
568
572
|
|
|
573
|
+
declare type __VLS_WithDefaults_27<P, D> = {
|
|
574
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_27<P[K] & {
|
|
575
|
+
default: D[K];
|
|
576
|
+
}> : P[K];
|
|
577
|
+
};
|
|
578
|
+
|
|
569
579
|
declare type __VLS_WithDefaults_3<P, D> = {
|
|
570
580
|
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal_3<P[K] & {
|
|
571
581
|
default: D[K];
|
|
@@ -710,8 +720,6 @@ export declare const BREAKPOINT: {
|
|
|
710
720
|
|
|
711
721
|
export declare type Breakpoint = (typeof BREAKPOINT)[keyof typeof BREAKPOINT];
|
|
712
722
|
|
|
713
|
-
export declare type CardIconPosition = (typeof POSITION_CARD_ICON)[keyof typeof POSITION_CARD_ICON];
|
|
714
|
-
|
|
715
723
|
export declare type CardType = (typeof TYPE_CARD)[keyof typeof TYPE_CARD];
|
|
716
724
|
|
|
717
725
|
export declare interface CheckboxField extends GenericInput, BooleanValue {
|
|
@@ -1494,11 +1502,6 @@ export declare const ORIENTATION: {
|
|
|
1494
1502
|
|
|
1495
1503
|
export declare type Orientation = (typeof ORIENTATION)[keyof typeof ORIENTATION];
|
|
1496
1504
|
|
|
1497
|
-
export declare const POSITION_CARD_ICON: {
|
|
1498
|
-
readonly LEFT: "left";
|
|
1499
|
-
readonly TOP: "top";
|
|
1500
|
-
};
|
|
1501
|
-
|
|
1502
1505
|
export declare const PRIORITY: {
|
|
1503
1506
|
readonly PRIMARY: "primary";
|
|
1504
1507
|
readonly SECONDARY: "secondary";
|
|
@@ -1533,7 +1536,6 @@ declare type Props_12 = {
|
|
|
1533
1536
|
description?: string;
|
|
1534
1537
|
heading: string;
|
|
1535
1538
|
icon?: Icon;
|
|
1536
|
-
iconPosition: CardIconPosition;
|
|
1537
1539
|
selected?: boolean;
|
|
1538
1540
|
type: CardType;
|
|
1539
1541
|
href?: string;
|
|
@@ -1666,6 +1668,8 @@ declare type Props_27 = {
|
|
|
1666
1668
|
};
|
|
1667
1669
|
|
|
1668
1670
|
declare type Props_28 = {
|
|
1671
|
+
isBackButton?: boolean;
|
|
1672
|
+
isDismissible?: boolean;
|
|
1669
1673
|
isOpen: boolean;
|
|
1670
1674
|
title?: string;
|
|
1671
1675
|
width?: string;
|
|
@@ -2058,14 +2062,12 @@ export declare const TideCard: DefineComponent<__VLS_WithDefaults_10<__VLS_TypeP
|
|
|
2058
2062
|
description: undefined;
|
|
2059
2063
|
href: undefined;
|
|
2060
2064
|
icon: undefined;
|
|
2061
|
-
iconPosition: "left";
|
|
2062
2065
|
selected: undefined;
|
|
2063
2066
|
type: "informational";
|
|
2064
2067
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_10<__VLS_TypePropsToOption_12<Props_12>, {
|
|
2065
2068
|
description: undefined;
|
|
2066
2069
|
href: undefined;
|
|
2067
2070
|
icon: undefined;
|
|
2068
|
-
iconPosition: "left";
|
|
2069
2071
|
selected: undefined;
|
|
2070
2072
|
type: "informational";
|
|
2071
2073
|
}>>>, {
|
|
@@ -2073,7 +2075,6 @@ type: CardType;
|
|
|
2073
2075
|
icon: Icon;
|
|
2074
2076
|
href: string;
|
|
2075
2077
|
description: string;
|
|
2076
|
-
iconPosition: CardIconPosition;
|
|
2077
2078
|
selected: boolean;
|
|
2078
2079
|
}, {}>;
|
|
2079
2080
|
|
|
@@ -2277,6 +2278,7 @@ validators: undefined;
|
|
|
2277
2278
|
value: undefined;
|
|
2278
2279
|
}>, {
|
|
2279
2280
|
error: Ref<ValidationError>;
|
|
2281
|
+
required: boolean;
|
|
2280
2282
|
updateValue: (newValue: string) => void;
|
|
2281
2283
|
value: Ref<string | undefined>;
|
|
2282
2284
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToOption_25<Props_25>, {
|
|
@@ -2333,6 +2335,7 @@ supportingText: undefined;
|
|
|
2333
2335
|
value: undefined;
|
|
2334
2336
|
}>, {
|
|
2335
2337
|
error: Ref<ValidationError>;
|
|
2338
|
+
required: boolean;
|
|
2336
2339
|
value: Ref<string | undefined>;
|
|
2337
2340
|
}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_22<__VLS_TypePropsToOption_26<Props_26>, {
|
|
2338
2341
|
dataTrack: string;
|
|
@@ -2386,21 +2389,38 @@ iconTrailing: Icon;
|
|
|
2386
2389
|
typography: "tide-typography-link-1" | "tide-typography-link-2" | "tide-typography-link-3";
|
|
2387
2390
|
}, {}>;
|
|
2388
2391
|
|
|
2389
|
-
export declare const TideModal: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_TypePropsToOption_28<Props_28>, {
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2392
|
+
export declare const TideModal: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToOption_28<Props_28>, {
|
|
2393
|
+
isBackButton: boolean;
|
|
2394
|
+
isDismissible: boolean;
|
|
2395
|
+
title: undefined;
|
|
2396
|
+
width: undefined;
|
|
2397
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2398
|
+
close: () => void;
|
|
2399
|
+
back: () => void;
|
|
2400
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_28<Props_28>, {
|
|
2401
|
+
isBackButton: boolean;
|
|
2402
|
+
isDismissible: boolean;
|
|
2403
|
+
title: undefined;
|
|
2404
|
+
width: undefined;
|
|
2405
|
+
}>>> & {
|
|
2406
|
+
onClose?: (() => any) | undefined;
|
|
2407
|
+
onBack?: (() => any) | undefined;
|
|
2408
|
+
}, {
|
|
2409
|
+
title: string;
|
|
2410
|
+
width: string;
|
|
2411
|
+
isBackButton: boolean;
|
|
2412
|
+
isDismissible: boolean;
|
|
2413
|
+
}, {}>, {
|
|
2394
2414
|
default?(_: {}): any;
|
|
2395
2415
|
footer?(_: {}): any;
|
|
2396
2416
|
}>;
|
|
2397
2417
|
|
|
2398
|
-
export declare const TidePagination: DefineComponent<
|
|
2418
|
+
export declare const TidePagination: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_29<Props_29>, {
|
|
2399
2419
|
pageCurrent: number;
|
|
2400
2420
|
pageTotal: number;
|
|
2401
2421
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2402
2422
|
change: (...args: any[]) => void;
|
|
2403
|
-
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<
|
|
2423
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToOption_29<Props_29>, {
|
|
2404
2424
|
pageCurrent: number;
|
|
2405
2425
|
pageTotal: number;
|
|
2406
2426
|
}>>> & {
|
|
@@ -2410,20 +2430,20 @@ pageCurrent: number;
|
|
|
2410
2430
|
pageTotal: number;
|
|
2411
2431
|
}, {}>;
|
|
2412
2432
|
|
|
2413
|
-
export declare const TideSeoLinks: DefineComponent<
|
|
2433
|
+
export declare const TideSeoLinks: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_30<Props_30>, {
|
|
2414
2434
|
heading: string;
|
|
2415
|
-
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<
|
|
2435
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToOption_30<Props_30>, {
|
|
2416
2436
|
heading: string;
|
|
2417
2437
|
}>>>, {
|
|
2418
2438
|
heading: string;
|
|
2419
2439
|
}, {}>;
|
|
2420
2440
|
|
|
2421
|
-
export declare const TideSwitch: DefineComponent<
|
|
2441
|
+
export declare const TideSwitch: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToOption_31<Props_31>, {
|
|
2422
2442
|
disabled: boolean;
|
|
2423
2443
|
isActive: boolean;
|
|
2424
2444
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2425
2445
|
change: (...args: any[]) => void;
|
|
2426
|
-
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<
|
|
2446
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToOption_31<Props_31>, {
|
|
2427
2447
|
disabled: boolean;
|
|
2428
2448
|
isActive: boolean;
|
|
2429
2449
|
}>>> & {
|