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.
Files changed (37) hide show
  1. package/.storybook/main.ts +1 -0
  2. package/dist/css/realm/aero.css +3 -3
  3. package/dist/css/realm/boatmart.css +1 -1
  4. package/dist/css/realm/cycle.css +1 -1
  5. package/dist/css/realm/equipment.css +1 -1
  6. package/dist/css/realm/pwc.css +1 -1
  7. package/dist/css/reset.css +7 -0
  8. package/dist/style.css +1 -1
  9. package/dist/tide-design-system.cjs +2 -2
  10. package/dist/tide-design-system.esm.d.ts +40 -22
  11. package/dist/tide-design-system.esm.js +787 -785
  12. package/dist/utilities/event.ts +4 -0
  13. package/dist/utilities/storybook.ts +4 -0
  14. package/dist/utilities/viewport.ts +44 -0
  15. package/index.ts +2 -4
  16. package/package.json +4 -1
  17. package/src/assets/css/realm/aero.css +3 -3
  18. package/src/assets/css/realm/boatmart.css +1 -1
  19. package/src/assets/css/realm/cycle.css +1 -1
  20. package/src/assets/css/realm/equipment.css +1 -1
  21. package/src/assets/css/realm/pwc.css +1 -1
  22. package/src/assets/css/reset.css +7 -0
  23. package/src/components/TideCard.vue +3 -7
  24. package/src/components/TideModal.vue +164 -132
  25. package/src/components/TidePopover.vue +167 -0
  26. package/src/stories/TideAccordionItem.stories.ts +1 -0
  27. package/src/stories/TideButtonSegmented.stories.ts +1 -0
  28. package/src/stories/TideCard.stories.ts +1 -11
  29. package/src/stories/TideCarousel.stories.ts +1 -0
  30. package/src/stories/TideModal.stories.ts +68 -6
  31. package/src/stories/TidePagination.stories.ts +1 -0
  32. package/src/stories/TidePopover.stories.ts +98 -0
  33. package/src/stories/TideSwitch.stories.ts +1 -0
  34. package/src/types/Card.ts +0 -7
  35. package/src/utilities/event.ts +4 -0
  36. package/src/utilities/storybook.ts +4 -0
  37. 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>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
2390
- close: (...args: any[]) => void;
2391
- }, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToOption_28<Props_28>>> & {
2392
- onClose?: ((...args: any[]) => any) | undefined;
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<__VLS_WithDefaults_24<__VLS_TypePropsToOption_29<Props_29>, {
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<__VLS_WithDefaults_24<__VLS_TypePropsToOption_29<Props_29>, {
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<__VLS_WithDefaults_25<__VLS_TypePropsToOption_30<Props_30>, {
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<__VLS_WithDefaults_25<__VLS_TypePropsToOption_30<Props_30>, {
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<__VLS_WithDefaults_26<__VLS_TypePropsToOption_31<Props_31>, {
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<__VLS_WithDefaults_26<__VLS_TypePropsToOption_31<Props_31>, {
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
  }>>> & {