tide-design-system 2.2.3 → 2.2.5
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 +3 -1
- package/.storybook/preview.ts +4 -3
- package/README.md +35 -5
- package/dist/css/grid-layout.css +10 -49
- package/dist/css/utilities-lg.css +4 -11
- package/dist/css/utilities-md.css +4 -12
- package/dist/css/utilities-sm.css +4 -11
- package/dist/css/utilities-xl.css +4 -11
- package/dist/css/utilities.css +4 -11
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +31 -36
- package/dist/tide-design-system.esm.js +1397 -1407
- package/dist/utilities/storybook.ts +12 -0
- package/package.json +1 -1
- package/src/assets/css/grid-layout.css +10 -49
- package/src/assets/css/utilities-lg.css +4 -11
- package/src/assets/css/utilities-md.css +4 -12
- package/src/assets/css/utilities-sm.css +4 -11
- package/src/assets/css/utilities-xl.css +4 -11
- package/src/assets/css/utilities.css +4 -11
- package/src/components/TideAlert.vue +27 -33
- package/src/components/TideBadge.vue +4 -1
- package/src/components/TideBadgeTrustedPartner.vue +8 -2
- package/src/components/TideBadgeVerifiedVehicle.vue +7 -2
- package/src/components/TideButton.vue +1 -1
- package/src/components/TideButtonIcon.vue +1 -1
- package/src/components/TideButtonPagination.vue +1 -1
- package/src/components/TideCarousel.vue +90 -55
- package/src/components/TideChipAction.vue +1 -1
- package/src/components/TideLink.vue +10 -1
- package/src/components/TideModal.vue +1 -1
- package/src/components/TideSeoLinks.vue +1 -1
- package/src/docs/development.md +125 -18
- package/src/docs/figma.md +43 -0
- package/src/docs/integration-full.md +80 -0
- package/src/docs/integration-partial.md +42 -0
- package/src/docs/migration.md +65 -0
- package/src/docs/storybook.md +29 -24
- package/src/docs/style-guide.md +22 -0
- package/src/docs/workflows.md +20 -0
- package/src/stories/FoundationsBorder.stories.ts +1 -1
- package/src/stories/FoundationsColor.stories.ts +1 -1
- package/src/stories/FoundationsGap.stories.ts +1 -1
- package/src/stories/FoundationsGrid.stories.ts +2 -185
- package/src/stories/FoundationsMargin.stories.ts +1 -1
- package/src/stories/FoundationsPadding.stories.ts +1 -1
- package/src/stories/FoundationsShadow.stories.ts +1 -1
- package/src/stories/FoundationsTransparency.stories.ts +1 -1
- package/src/stories/FoundationsTypography.stories.ts +1 -1
- package/src/stories/TideAccordionItem.stories.ts +1 -1
- package/src/stories/TideAlert.stories.ts +47 -3
- package/src/stories/TideBadge.stories.ts +1 -1
- package/src/stories/TideBadgeTrustedPartner.stories.ts +1 -1
- package/src/stories/TideBadgeVerifiedVehicle.stories.ts +1 -1
- package/src/stories/TideBreadCrumbs.stories.ts +1 -1
- package/src/stories/TideButton.stories.ts +1 -1
- package/src/stories/TideButtonIcon.stories.ts +1 -1
- package/src/stories/TideButtonPagination.stories.ts +1 -1
- package/src/stories/TideButtonSegmented.stories.ts +1 -1
- package/src/stories/TideCard.stories.ts +1 -1
- package/src/stories/TideCarousel.stories.ts +52 -10
- package/src/stories/TideChipAction.stories.ts +1 -1
- package/src/stories/TideChipFilter.stories.ts +1 -1
- package/src/stories/TideChipInput.stories.ts +1 -1
- package/src/stories/TideColumns.stories.ts +1 -1
- package/src/stories/TideDivider.stories.ts +1 -1
- package/src/stories/TideIcon.stories.ts +1 -1
- package/src/stories/TideImage.stories.ts +1 -1
- package/src/stories/TideImageBackground.stories.ts +1 -1
- package/src/stories/TideIndicator.stories.ts +1 -1
- package/src/stories/TideInputCheckbox.stories.ts +1 -1
- package/src/stories/TideInputRadio.stories.ts +1 -1
- package/src/stories/TideInputSelect.stories.ts +1 -1
- package/src/stories/TideInputText.stories.ts +1 -1
- package/src/stories/TideInputTextarea.stories.ts +1 -1
- package/src/stories/TideLink.stories.ts +8 -2
- package/src/stories/TideModal.stories.ts +1 -1
- package/src/stories/TidePagination.stories.ts +1 -1
- package/src/stories/TidePopover.stories.ts +1 -1
- package/src/stories/TideSeoLinks.stories.ts +1 -1
- package/src/stories/TideSwitch.stories.ts +1 -1
- package/src/types/Storybook.ts +0 -32
- package/src/types/Styles.ts +8 -232
- package/src/utilities/storybook.ts +12 -0
- package/src/docs/integration.md +0 -79
|
@@ -967,39 +967,9 @@ declare const CSS_2: {
|
|
|
967
967
|
readonly FOUR: "tide-gap-4";
|
|
968
968
|
};
|
|
969
969
|
readonly GRID: {
|
|
970
|
-
readonly END: {
|
|
971
|
-
readonly ONE: "tide-end-1";
|
|
972
|
-
readonly TWO: "tide-end-2";
|
|
973
|
-
readonly THREE: "tide-end-3";
|
|
974
|
-
readonly FOUR: "tide-end-4";
|
|
975
|
-
readonly FIVE: "tide-end-5";
|
|
976
|
-
readonly SIX: "tide-end-6";
|
|
977
|
-
readonly SEVEN: "tide-end-7";
|
|
978
|
-
readonly EIGHT: "tide-end-8";
|
|
979
|
-
readonly NINE: "tide-end-9";
|
|
980
|
-
readonly TEN: "tide-end-10";
|
|
981
|
-
readonly ELEVEN: "tide-end-11";
|
|
982
|
-
readonly TWELVE: "tide-end-12";
|
|
983
|
-
readonly THIRTEEN: "tide-end-13";
|
|
984
|
-
};
|
|
985
970
|
readonly FLUID: "tide-fluid";
|
|
986
971
|
readonly ITEM: "tide-grid-item";
|
|
987
972
|
readonly LAYOUT: "tide-grid-layout";
|
|
988
|
-
readonly START: {
|
|
989
|
-
readonly ZERO: "tide-start-0";
|
|
990
|
-
readonly ONE: "tide-start-1";
|
|
991
|
-
readonly TWO: "tide-start-2";
|
|
992
|
-
readonly THREE: "tide-start-3";
|
|
993
|
-
readonly FOUR: "tide-start-4";
|
|
994
|
-
readonly FIVE: "tide-start-5";
|
|
995
|
-
readonly SIX: "tide-start-6";
|
|
996
|
-
readonly SEVEN: "tide-start-7";
|
|
997
|
-
readonly EIGHT: "tide-start-8";
|
|
998
|
-
readonly NINE: "tide-start-9";
|
|
999
|
-
readonly TEN: "tide-start-10";
|
|
1000
|
-
readonly ELEVEN: "tide-start-11";
|
|
1001
|
-
readonly TWELVE: "tide-start-12";
|
|
1002
|
-
};
|
|
1003
973
|
readonly XL: "tide-grid-xl";
|
|
1004
974
|
};
|
|
1005
975
|
readonly HEIGHT: {
|
|
@@ -1203,9 +1173,14 @@ declare const CSS_2: {
|
|
|
1203
1173
|
readonly UPPER: "tide-text-transform-upper";
|
|
1204
1174
|
};
|
|
1205
1175
|
readonly UNDERLINE: {
|
|
1206
|
-
readonly HOVER:
|
|
1207
|
-
|
|
1208
|
-
|
|
1176
|
+
readonly HOVER: {
|
|
1177
|
+
readonly ON: "tide-underline-hover";
|
|
1178
|
+
readonly OFF: "tide-underline-hover-none";
|
|
1179
|
+
};
|
|
1180
|
+
readonly REST: {
|
|
1181
|
+
readonly ON: "tide-underline";
|
|
1182
|
+
readonly OFF: "tide-underline-none";
|
|
1183
|
+
};
|
|
1209
1184
|
};
|
|
1210
1185
|
readonly VISIBILITY: {
|
|
1211
1186
|
readonly OFF: "tide-visible-none";
|
|
@@ -1552,7 +1527,9 @@ declare type Props_10 = {
|
|
|
1552
1527
|
};
|
|
1553
1528
|
|
|
1554
1529
|
declare type Props_11 = {
|
|
1530
|
+
bleed?: number;
|
|
1555
1531
|
isFloating?: boolean;
|
|
1532
|
+
isHeadline1?: boolean;
|
|
1556
1533
|
isHideawayButtons?: boolean;
|
|
1557
1534
|
isTouchscreen?: boolean;
|
|
1558
1535
|
subtitle?: string;
|
|
@@ -1605,6 +1582,7 @@ declare type Props_19 = {
|
|
|
1605
1582
|
|
|
1606
1583
|
declare type Props_2 = {
|
|
1607
1584
|
heading?: string;
|
|
1585
|
+
isDismissible?: boolean;
|
|
1608
1586
|
isToast?: boolean;
|
|
1609
1587
|
type?: Alert;
|
|
1610
1588
|
};
|
|
@@ -1681,6 +1659,7 @@ declare type Props_26 = {
|
|
|
1681
1659
|
iconTrailing?: Icon;
|
|
1682
1660
|
isNewTab?: boolean;
|
|
1683
1661
|
label: string;
|
|
1662
|
+
subtle?: boolean;
|
|
1684
1663
|
};
|
|
1685
1664
|
|
|
1686
1665
|
declare type Props_27 = {
|
|
@@ -1945,15 +1924,22 @@ isOptional: boolean;
|
|
|
1945
1924
|
|
|
1946
1925
|
export declare const TideAlert: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<Props_2>, {
|
|
1947
1926
|
heading: undefined;
|
|
1927
|
+
isDismissible: boolean;
|
|
1948
1928
|
isToast: boolean;
|
|
1949
1929
|
type: "info";
|
|
1950
|
-
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1930
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
1931
|
+
close: () => void;
|
|
1932
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<Props_2>, {
|
|
1951
1933
|
heading: undefined;
|
|
1934
|
+
isDismissible: boolean;
|
|
1952
1935
|
isToast: boolean;
|
|
1953
1936
|
type: "info";
|
|
1954
|
-
}
|
|
1937
|
+
}>>> & {
|
|
1938
|
+
onClose?: (() => any) | undefined;
|
|
1939
|
+
}, {
|
|
1955
1940
|
type: Alert;
|
|
1956
1941
|
heading: string;
|
|
1942
|
+
isDismissible: boolean;
|
|
1957
1943
|
isToast: boolean;
|
|
1958
1944
|
}, {}>, {
|
|
1959
1945
|
default?(_: {}): any;
|
|
@@ -2091,7 +2077,9 @@ selected: boolean;
|
|
|
2091
2077
|
}, {}>;
|
|
2092
2078
|
|
|
2093
2079
|
export declare const TideCarousel: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_11<__VLS_TypePropsToOption_11<Props_11>, {
|
|
2080
|
+
bleed: undefined;
|
|
2094
2081
|
isFloating: boolean;
|
|
2082
|
+
isHeadline1: boolean;
|
|
2095
2083
|
isHideawayButtons: boolean;
|
|
2096
2084
|
isTouchscreen: undefined;
|
|
2097
2085
|
subtitle: undefined;
|
|
@@ -2099,7 +2087,9 @@ title: undefined;
|
|
|
2099
2087
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
2100
2088
|
change: (...args: any[]) => void;
|
|
2101
2089
|
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_11<__VLS_TypePropsToOption_11<Props_11>, {
|
|
2090
|
+
bleed: undefined;
|
|
2102
2091
|
isFloating: boolean;
|
|
2092
|
+
isHeadline1: boolean;
|
|
2103
2093
|
isHideawayButtons: boolean;
|
|
2104
2094
|
isTouchscreen: undefined;
|
|
2105
2095
|
subtitle: undefined;
|
|
@@ -2109,6 +2099,8 @@ onChange?: ((...args: any[]) => any) | undefined;
|
|
|
2109
2099
|
}, {
|
|
2110
2100
|
title: string;
|
|
2111
2101
|
isFloating: boolean;
|
|
2102
|
+
bleed: number;
|
|
2103
|
+
isHeadline1: boolean;
|
|
2112
2104
|
isHideawayButtons: boolean;
|
|
2113
2105
|
isTouchscreen: boolean;
|
|
2114
2106
|
subtitle: string;
|
|
@@ -2401,6 +2393,7 @@ iconLeading: undefined;
|
|
|
2401
2393
|
iconTrailing: undefined;
|
|
2402
2394
|
isNewTab: boolean;
|
|
2403
2395
|
label: undefined;
|
|
2396
|
+
subtle: boolean;
|
|
2404
2397
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_26<Props_26>, {
|
|
2405
2398
|
element: "a";
|
|
2406
2399
|
href: undefined;
|
|
@@ -2408,6 +2401,7 @@ iconLeading: undefined;
|
|
|
2408
2401
|
iconTrailing: undefined;
|
|
2409
2402
|
isNewTab: boolean;
|
|
2410
2403
|
label: undefined;
|
|
2404
|
+
subtle: boolean;
|
|
2411
2405
|
}>>>, {
|
|
2412
2406
|
label: string;
|
|
2413
2407
|
element: Element_2;
|
|
@@ -2415,6 +2409,7 @@ href: string;
|
|
|
2415
2409
|
isNewTab: boolean;
|
|
2416
2410
|
iconLeading: Icon;
|
|
2417
2411
|
iconTrailing: Icon;
|
|
2412
|
+
subtle: boolean;
|
|
2418
2413
|
}, {}>;
|
|
2419
2414
|
|
|
2420
2415
|
export declare const TideModal: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_27<Props_27>, {
|
|
@@ -2436,8 +2431,8 @@ onBack?: (() => any) | undefined;
|
|
|
2436
2431
|
}, {
|
|
2437
2432
|
title: string;
|
|
2438
2433
|
width: string;
|
|
2439
|
-
isBackButton: boolean;
|
|
2440
2434
|
isDismissible: boolean;
|
|
2435
|
+
isBackButton: boolean;
|
|
2441
2436
|
}, {}>, {
|
|
2442
2437
|
default?(_: {}): any;
|
|
2443
2438
|
footer?(_: {}): any;
|