tide-design-system 2.2.4 → 2.2.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/.storybook/main.ts +3 -1
- package/.storybook/preview.ts +4 -3
- package/README.md +35 -5
- package/dist/css/realm/rv.css +2 -2
- package/dist/css/utilities-lg.css +4 -11
- package/dist/css/utilities-md.css +4 -11
- package/dist/css/utilities-sm.css +4 -11
- package/dist/css/utilities-xl.css +300 -307
- 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 +23 -6
- package/dist/tide-design-system.esm.js +1591 -1592
- package/dist/utilities/storybook.ts +12 -0
- package/dist/utilities/viewport.ts +2 -1
- package/package.json +1 -1
- package/src/assets/css/realm/rv.css +2 -2
- package/src/assets/css/utilities-lg.css +4 -11
- package/src/assets/css/utilities-md.css +4 -11
- package/src/assets/css/utilities-sm.css +4 -11
- package/src/assets/css/utilities-xl.css +300 -307
- package/src/assets/css/utilities.css +4 -11
- package/src/components/TideAlert.vue +27 -33
- package/src/components/TideButton.vue +1 -1
- package/src/components/TideButtonIcon.vue +1 -1
- package/src/components/TideButtonPagination.vue +1 -1
- 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 +1 -1
- 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 +1 -1
- 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/Styles.ts +8 -202
- package/src/utilities/storybook.ts +12 -0
- package/src/utilities/viewport.ts +2 -1
- package/src/docs/integration.md +0 -79
|
@@ -1173,9 +1173,14 @@ declare const CSS_2: {
|
|
|
1173
1173
|
readonly UPPER: "tide-text-transform-upper";
|
|
1174
1174
|
};
|
|
1175
1175
|
readonly UNDERLINE: {
|
|
1176
|
-
readonly HOVER:
|
|
1177
|
-
|
|
1178
|
-
|
|
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
|
+
};
|
|
1179
1184
|
};
|
|
1180
1185
|
readonly VISIBILITY: {
|
|
1181
1186
|
readonly OFF: "tide-visible-none";
|
|
@@ -1577,6 +1582,7 @@ declare type Props_19 = {
|
|
|
1577
1582
|
|
|
1578
1583
|
declare type Props_2 = {
|
|
1579
1584
|
heading?: string;
|
|
1585
|
+
isDismissible?: boolean;
|
|
1580
1586
|
isToast?: boolean;
|
|
1581
1587
|
type?: Alert;
|
|
1582
1588
|
};
|
|
@@ -1653,6 +1659,7 @@ declare type Props_26 = {
|
|
|
1653
1659
|
iconTrailing?: Icon;
|
|
1654
1660
|
isNewTab?: boolean;
|
|
1655
1661
|
label: string;
|
|
1662
|
+
subtle?: boolean;
|
|
1656
1663
|
};
|
|
1657
1664
|
|
|
1658
1665
|
declare type Props_27 = {
|
|
@@ -1917,15 +1924,22 @@ isOptional: boolean;
|
|
|
1917
1924
|
|
|
1918
1925
|
export declare const TideAlert: __VLS_WithTemplateSlots_2<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<Props_2>, {
|
|
1919
1926
|
heading: undefined;
|
|
1927
|
+
isDismissible: boolean;
|
|
1920
1928
|
isToast: boolean;
|
|
1921
1929
|
type: "info";
|
|
1922
|
-
}>, {}, 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>, {
|
|
1923
1933
|
heading: undefined;
|
|
1934
|
+
isDismissible: boolean;
|
|
1924
1935
|
isToast: boolean;
|
|
1925
1936
|
type: "info";
|
|
1926
|
-
}
|
|
1937
|
+
}>>> & {
|
|
1938
|
+
onClose?: (() => any) | undefined;
|
|
1939
|
+
}, {
|
|
1927
1940
|
type: Alert;
|
|
1928
1941
|
heading: string;
|
|
1942
|
+
isDismissible: boolean;
|
|
1929
1943
|
isToast: boolean;
|
|
1930
1944
|
}, {}>, {
|
|
1931
1945
|
default?(_: {}): any;
|
|
@@ -2379,6 +2393,7 @@ iconLeading: undefined;
|
|
|
2379
2393
|
iconTrailing: undefined;
|
|
2380
2394
|
isNewTab: boolean;
|
|
2381
2395
|
label: undefined;
|
|
2396
|
+
subtle: boolean;
|
|
2382
2397
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_24<__VLS_TypePropsToOption_26<Props_26>, {
|
|
2383
2398
|
element: "a";
|
|
2384
2399
|
href: undefined;
|
|
@@ -2386,6 +2401,7 @@ iconLeading: undefined;
|
|
|
2386
2401
|
iconTrailing: undefined;
|
|
2387
2402
|
isNewTab: boolean;
|
|
2388
2403
|
label: undefined;
|
|
2404
|
+
subtle: boolean;
|
|
2389
2405
|
}>>>, {
|
|
2390
2406
|
label: string;
|
|
2391
2407
|
element: Element_2;
|
|
@@ -2393,6 +2409,7 @@ href: string;
|
|
|
2393
2409
|
isNewTab: boolean;
|
|
2394
2410
|
iconLeading: Icon;
|
|
2395
2411
|
iconTrailing: Icon;
|
|
2412
|
+
subtle: boolean;
|
|
2396
2413
|
}, {}>;
|
|
2397
2414
|
|
|
2398
2415
|
export declare const TideModal: __VLS_WithTemplateSlots_7<DefineComponent<__VLS_WithDefaults_25<__VLS_TypePropsToOption_27<Props_27>, {
|
|
@@ -2414,8 +2431,8 @@ onBack?: (() => any) | undefined;
|
|
|
2414
2431
|
}, {
|
|
2415
2432
|
title: string;
|
|
2416
2433
|
width: string;
|
|
2417
|
-
isBackButton: boolean;
|
|
2418
2434
|
isDismissible: boolean;
|
|
2435
|
+
isBackButton: boolean;
|
|
2419
2436
|
}, {}>, {
|
|
2420
2437
|
default?(_: {}): any;
|
|
2421
2438
|
footer?(_: {}): any;
|