tide-design-system 2.2.16 → 2.3.1
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/README.md +1 -0
- package/dist/css/main.css +0 -6
- package/dist/css/utilities-base.css +541 -0
- package/dist/css/utilities-responsive.css +2717 -0
- package/dist/css/utilities.css +2 -446
- package/dist/css/variables.css +1 -1
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +0 -81
- package/dist/tide-design-system.esm.js +397 -389
- package/dist/utilities/validation.ts +5 -1
- package/index.ts +0 -17
- package/package.json +1 -1
- package/src/assets/css/main.css +0 -6
- package/src/assets/css/utilities-base.css +541 -0
- package/src/assets/css/utilities-responsive.css +2717 -0
- package/src/assets/css/utilities.css +2 -446
- package/src/assets/css/variables.css +1 -1
- package/src/components/TideAlert.vue +2 -4
- package/src/components/TideInputCheckbox.vue +2 -2
- package/src/components/TideInputRadio.vue +4 -4
- package/src/components/TideModal.vue +18 -6
- package/src/components/TideSheet.vue +11 -1
- package/src/docs/integration-partial.md +0 -7
- package/src/docs/upgrading.md +29 -0
- package/src/stories/Template.stories.ts +4 -2
- package/src/stories/TideAccordionItem.stories.ts +7 -1
- package/src/stories/TideAlert.stories.ts +5 -1
- package/src/stories/TideBadge.stories.ts +3 -1
- package/src/stories/TideBadgeTrustedPartner.stories.ts +3 -1
- package/src/stories/TideBadgeVerifiedVehicle.stories.ts +3 -1
- package/src/stories/TideButton.stories.ts +5 -1
- package/src/stories/TideButtonIcon.stories.ts +5 -1
- package/src/stories/TideButtonPagination.stories.ts +5 -1
- package/src/stories/TideButtonSegmented.stories.ts +7 -2
- package/src/stories/TideCard.stories.ts +5 -1
- package/src/stories/TideCarousel.stories.ts +8 -2
- package/src/stories/TideChipAction.stories.ts +3 -1
- package/src/stories/TideChipFilter.stories.ts +8 -2
- package/src/stories/TideChipInput.stories.ts +5 -1
- package/src/stories/TideDivider.stories.ts +6 -2
- package/src/stories/TideImageBackground.stories.ts +3 -1
- package/src/stories/TideIndicator.stories.ts +3 -1
- package/src/stories/TideInputCheckbox.stories.ts +8 -2
- package/src/stories/TideInputRadio.stories.ts +8 -2
- package/src/stories/TideInputSelect.stories.ts +7 -2
- package/src/stories/TideInputText.stories.ts +6 -2
- package/src/stories/TideInputTextarea.stories.ts +6 -2
- package/src/stories/TideLink.stories.ts +7 -3
- package/src/stories/TideModal.stories.ts +85 -44
- package/src/stories/TidePagination.stories.ts +8 -2
- package/src/stories/TidePopover.stories.ts +6 -1
- package/src/stories/TideSeoLinks.stories.ts +3 -1
- package/src/stories/TideSheet.stories.ts +9 -3
- package/src/stories/TideSwitch.stories.ts +7 -1
- package/src/utilities/validation.ts +5 -1
- package/dist/css/dynamic-buttons.css +0 -346
- package/dist/css/dynamic-utilities.css +0 -152
- package/dist/css/utilities-lg.css +0 -448
- package/dist/css/utilities-md.css +0 -448
- package/dist/css/utilities-sm.css +0 -448
- package/dist/css/utilities-xl.css +0 -448
- package/src/assets/css/dynamic-buttons.css +0 -346
- package/src/assets/css/dynamic-utilities.css +0 -152
- package/src/assets/css/utilities-lg.css +0 -448
- package/src/assets/css/utilities-md.css +0 -448
- package/src/assets/css/utilities-sm.css +0 -448
- package/src/assets/css/utilities-xl.css +0 -448
- package/src/types/Detail.ts +0 -4
- package/src/types/FacetRange.ts +0 -84
- package/src/types/ListingMedia.ts +0 -43
- package/src/types/Raw.ts +0 -5
- package/src/types/RealmConfig.ts +0 -14
|
@@ -1289,11 +1289,6 @@ declare const CSS_2: {
|
|
|
1289
1289
|
};
|
|
1290
1290
|
export { CSS_2 as CSS }
|
|
1291
1291
|
|
|
1292
|
-
export declare type Detail = {
|
|
1293
|
-
label: string;
|
|
1294
|
-
value: string;
|
|
1295
|
-
};
|
|
1296
|
-
|
|
1297
1292
|
export declare const ELEMENT: {
|
|
1298
1293
|
readonly BUTTON: "button";
|
|
1299
1294
|
readonly LINK: "a";
|
|
@@ -1310,18 +1305,6 @@ export declare const ELEMENT_TEXT_AS_ICON: {
|
|
|
1310
1305
|
|
|
1311
1306
|
export declare type ElementTextAsIcon = (typeof ELEMENT_TEXT_AS_ICON)[keyof typeof ELEMENT_TEXT_AS_ICON];
|
|
1312
1307
|
|
|
1313
|
-
declare const FACET_COMPONENT_ID_RANGE: {
|
|
1314
|
-
readonly GROSS_WEIGHT: "grossWeight";
|
|
1315
|
-
readonly LENGTH: "vehicleLength";
|
|
1316
|
-
readonly MILEAGE: "mileage";
|
|
1317
|
-
readonly PRICE: "price";
|
|
1318
|
-
readonly SLEEPING_CAPACITY: "sleepingCapacity";
|
|
1319
|
-
readonly SLIDEOUTS: "slideouts";
|
|
1320
|
-
readonly YEAR: "vehicleYear";
|
|
1321
|
-
};
|
|
1322
|
-
|
|
1323
|
-
export declare type FacetComponentIdRange = (typeof FACET_COMPONENT_ID_RANGE)[keyof typeof FACET_COMPONENT_ID_RANGE];
|
|
1324
|
-
|
|
1325
1308
|
export declare type Field = SelectField | TextField | TextareaField | CheckboxField;
|
|
1326
1309
|
|
|
1327
1310
|
export declare const FORMAT: {
|
|
@@ -1536,13 +1519,6 @@ export declare const ICON_REALM: {
|
|
|
1536
1519
|
};
|
|
1537
1520
|
};
|
|
1538
1521
|
|
|
1539
|
-
declare type ImageSlide = {
|
|
1540
|
-
imageUrl: string;
|
|
1541
|
-
type: ImageSlideType;
|
|
1542
|
-
};
|
|
1543
|
-
|
|
1544
|
-
export declare type ImageSlideType = (typeof MEDIA_SLIDE_TYPES.IMAGE)[keyof typeof MEDIA_SLIDE_TYPES.IMAGE];
|
|
1545
|
-
|
|
1546
1522
|
export declare type Input = SelectInput | TextInput | TextareaInput | CheckboxInput;
|
|
1547
1523
|
|
|
1548
1524
|
export declare type Link = {
|
|
@@ -1551,8 +1527,6 @@ export declare type Link = {
|
|
|
1551
1527
|
isNewTab?: boolean;
|
|
1552
1528
|
};
|
|
1553
1529
|
|
|
1554
|
-
export declare type ListingMedia = ImageSlide | VideoSlide | VrSlide;
|
|
1555
|
-
|
|
1556
1530
|
export declare const MEDIA: {
|
|
1557
1531
|
SM: number;
|
|
1558
1532
|
MD: number;
|
|
@@ -1562,21 +1536,6 @@ export declare const MEDIA: {
|
|
|
1562
1536
|
|
|
1563
1537
|
export declare type Media = (typeof MEDIA)[keyof typeof MEDIA];
|
|
1564
1538
|
|
|
1565
|
-
/**
|
|
1566
|
-
* These slides are used in both the inline detail page photo slider
|
|
1567
|
-
* and the fullscreen media gallery.
|
|
1568
|
-
*/
|
|
1569
|
-
export declare const MEDIA_SLIDE_TYPES: {
|
|
1570
|
-
readonly IMAGE: {
|
|
1571
|
-
readonly FLOORPLAN: "floorplan";
|
|
1572
|
-
readonly IMAGE: "image";
|
|
1573
|
-
};
|
|
1574
|
-
readonly VIDEO: "video";
|
|
1575
|
-
readonly VR: "vr";
|
|
1576
|
-
};
|
|
1577
|
-
|
|
1578
|
-
export declare type MediaSlideType = (typeof MEDIA_SLIDE_TYPES.IMAGE)[keyof typeof MEDIA_SLIDE_TYPES.IMAGE] | typeof MEDIA_SLIDE_TYPES.VIDEO | typeof MEDIA_SLIDE_TYPES.VR;
|
|
1579
|
-
|
|
1580
1539
|
export declare const OBJECT_FIT: {
|
|
1581
1540
|
readonly CONTAIN: "contain";
|
|
1582
1541
|
readonly COVER: "cover";
|
|
@@ -1835,17 +1794,6 @@ declare type Props_9 = {
|
|
|
1835
1794
|
tabs: Tab[];
|
|
1836
1795
|
};
|
|
1837
1796
|
|
|
1838
|
-
export declare type RangeData = {
|
|
1839
|
-
min: number | null;
|
|
1840
|
-
max: number | null;
|
|
1841
|
-
};
|
|
1842
|
-
|
|
1843
|
-
export declare type Raw = {
|
|
1844
|
-
[key: string]: {
|
|
1845
|
-
raw: number | string | string[];
|
|
1846
|
-
};
|
|
1847
|
-
};
|
|
1848
|
-
|
|
1849
1797
|
export declare const REALM: {
|
|
1850
1798
|
readonly AERO: "aero";
|
|
1851
1799
|
readonly ATV: "atv";
|
|
@@ -1860,19 +1808,6 @@ export declare const REALM: {
|
|
|
1860
1808
|
|
|
1861
1809
|
export declare type Realm = (typeof REALM)[RealmKey];
|
|
1862
1810
|
|
|
1863
|
-
export declare type RealmConfig = {
|
|
1864
|
-
cdn: {
|
|
1865
|
-
domain: string;
|
|
1866
|
-
version: string;
|
|
1867
|
-
};
|
|
1868
|
-
id: Realm;
|
|
1869
|
-
label: {
|
|
1870
|
-
plural: string;
|
|
1871
|
-
singular: string;
|
|
1872
|
-
singularWithArticle: string;
|
|
1873
|
-
};
|
|
1874
|
-
};
|
|
1875
|
-
|
|
1876
1811
|
declare type RealmIcon = {
|
|
1877
1812
|
[RealmKey in RealmKeysWithIcons]: (typeof ICON_REALM)[RealmKey][keyof (typeof ICON_REALM)[RealmKey]];
|
|
1878
1813
|
}[RealmKeysWithIcons];
|
|
@@ -2633,20 +2568,4 @@ export declare const VALIDATOR: {
|
|
|
2633
2568
|
|
|
2634
2569
|
export declare type Validator = (value: string) => ValidationResult;
|
|
2635
2570
|
|
|
2636
|
-
declare type VideoSlide = {
|
|
2637
|
-
imageUrl: string;
|
|
2638
|
-
type: VideoSlideType;
|
|
2639
|
-
videoUrl: string;
|
|
2640
|
-
};
|
|
2641
|
-
|
|
2642
|
-
export declare type VideoSlideType = typeof MEDIA_SLIDE_TYPES.VIDEO;
|
|
2643
|
-
|
|
2644
|
-
declare type VrSlide = {
|
|
2645
|
-
imageUrl: string;
|
|
2646
|
-
type: VrSlideType;
|
|
2647
|
-
vrUrl: string;
|
|
2648
|
-
};
|
|
2649
|
-
|
|
2650
|
-
export declare type VrSlideType = typeof MEDIA_SLIDE_TYPES.VR;
|
|
2651
|
-
|
|
2652
2571
|
export { }
|