tide-design-system 2.1.7 → 2.1.8
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 +7 -0
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +40 -22
- package/dist/tide-design-system.esm.js +787 -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 +7 -0
- package/src/components/TideCard.vue +3 -7
- 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
|
|
|
@@ -2386,21 +2387,38 @@ iconTrailing: Icon;
|
|
|
2386
2387
|
typography: "tide-typography-link-1" | "tide-typography-link-2" | "tide-typography-link-3";
|
|
2387
2388
|
}, {}>;
|
|
2388
2389
|
|
|
2389
|
-
export declare const TideModal: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_TypePropsToOption_28<Props_28>, {
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2390
|
+
export declare const TideModal: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_24<__VLS_TypePropsToOption_28<Props_28>, {
|
|
2391
|
+
isBackButton: boolean;
|
|
2392
|
+
isDismissible: boolean;
|
|
2393
|
+
title: undefined;
|
|
2394
|
+
width: undefined;
|
|
2395
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2396
|
+
close: () => void;
|
|
2397
|
+
back: () => void;
|
|
2398
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_28<Props_28>, {
|
|
2399
|
+
isBackButton: boolean;
|
|
2400
|
+
isDismissible: boolean;
|
|
2401
|
+
title: undefined;
|
|
2402
|
+
width: undefined;
|
|
2403
|
+
}>>> & {
|
|
2404
|
+
onClose?: (() => any) | undefined;
|
|
2405
|
+
onBack?: (() => any) | undefined;
|
|
2406
|
+
}, {
|
|
2407
|
+
title: string;
|
|
2408
|
+
width: string;
|
|
2409
|
+
isBackButton: boolean;
|
|
2410
|
+
isDismissible: boolean;
|
|
2411
|
+
}, {}>, {
|
|
2394
2412
|
default?(_: {}): any;
|
|
2395
2413
|
footer?(_: {}): any;
|
|
2396
2414
|
}>;
|
|
2397
2415
|
|
|
2398
|
-
export declare const TidePagination: DefineComponent<
|
|
2416
|
+
export declare const TidePagination: DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_29<Props_29>, {
|
|
2399
2417
|
pageCurrent: number;
|
|
2400
2418
|
pageTotal: number;
|
|
2401
2419
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2402
2420
|
change: (...args: any[]) => void;
|
|
2403
|
-
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<
|
|
2421
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_25<__VLS_TypePropsToOption_29<Props_29>, {
|
|
2404
2422
|
pageCurrent: number;
|
|
2405
2423
|
pageTotal: number;
|
|
2406
2424
|
}>>> & {
|
|
@@ -2410,20 +2428,20 @@ pageCurrent: number;
|
|
|
2410
2428
|
pageTotal: number;
|
|
2411
2429
|
}, {}>;
|
|
2412
2430
|
|
|
2413
|
-
export declare const TideSeoLinks: DefineComponent<
|
|
2431
|
+
export declare const TideSeoLinks: DefineComponent<__VLS_WithDefaults_26<__VLS_TypePropsToOption_30<Props_30>, {
|
|
2414
2432
|
heading: string;
|
|
2415
|
-
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<
|
|
2433
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_26<__VLS_TypePropsToOption_30<Props_30>, {
|
|
2416
2434
|
heading: string;
|
|
2417
2435
|
}>>>, {
|
|
2418
2436
|
heading: string;
|
|
2419
2437
|
}, {}>;
|
|
2420
2438
|
|
|
2421
|
-
export declare const TideSwitch: DefineComponent<
|
|
2439
|
+
export declare const TideSwitch: DefineComponent<__VLS_WithDefaults_27<__VLS_TypePropsToOption_31<Props_31>, {
|
|
2422
2440
|
disabled: boolean;
|
|
2423
2441
|
isActive: boolean;
|
|
2424
2442
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2425
2443
|
change: (...args: any[]) => void;
|
|
2426
|
-
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<
|
|
2444
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_27<__VLS_TypePropsToOption_31<Props_31>, {
|
|
2427
2445
|
disabled: boolean;
|
|
2428
2446
|
isActive: boolean;
|
|
2429
2447
|
}>>> & {
|