tide-design-system 2.0.37 → 2.0.39
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/dist/css/main.css +1 -0
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +25 -6
- package/dist/tide-design-system.esm.js +279 -259
- package/index.html +14 -0
- package/index.ts +6 -2
- package/package.json +1 -1
- package/src/assets/css/main.css +1 -0
- package/src/components/TideBackgroundImage.vue +18 -7
- package/src/components/TideImage.vue +32 -13
- package/src/contexts/sandbox/AppSandbox.vue +5 -0
- package/src/contexts/sandbox/app-sandbox.ts +10 -0
- package/src/stories/TideBackgroundImage.stories.ts +67 -6
- package/src/stories/TideImage.stories.ts +59 -2
- package/src/types/Breakpoint.ts +18 -0
- package/src/types/Source.ts +6 -0
- package/src/types/Styles.ts +2 -9
|
@@ -650,8 +650,8 @@ declare const CSS_2: {
|
|
|
650
650
|
readonly RIGHT: "tide-text-right";
|
|
651
651
|
};
|
|
652
652
|
readonly Y: {
|
|
653
|
-
readonly MIDDLE: "tide-align-middle";
|
|
654
653
|
readonly INITIAL: "tide-align-initial";
|
|
654
|
+
readonly MIDDLE: "tide-align-middle";
|
|
655
655
|
};
|
|
656
656
|
};
|
|
657
657
|
readonly AXIS1: {
|
|
@@ -1278,6 +1278,15 @@ export declare type Link = {
|
|
|
1278
1278
|
|
|
1279
1279
|
export declare type ListingMedia = ImageSlide | VideoSlide | VrSlide;
|
|
1280
1280
|
|
|
1281
|
+
export declare const MEDIA: {
|
|
1282
|
+
SM: number;
|
|
1283
|
+
MD: number;
|
|
1284
|
+
LG: number;
|
|
1285
|
+
XL: number;
|
|
1286
|
+
};
|
|
1287
|
+
|
|
1288
|
+
export declare type Media = (typeof MEDIA)[keyof typeof MEDIA];
|
|
1289
|
+
|
|
1281
1290
|
/**
|
|
1282
1291
|
* These slides are used in both the inline detail page photo slider
|
|
1283
1292
|
* and the fullscreen media gallery.
|
|
@@ -1345,9 +1354,10 @@ declare type Props_15 = {
|
|
|
1345
1354
|
};
|
|
1346
1355
|
|
|
1347
1356
|
declare type Props_16 = {
|
|
1348
|
-
alt
|
|
1357
|
+
alt: string;
|
|
1349
1358
|
isLazy?: boolean;
|
|
1350
|
-
|
|
1359
|
+
sources?: Source[];
|
|
1360
|
+
src: string;
|
|
1351
1361
|
};
|
|
1352
1362
|
|
|
1353
1363
|
declare type Props_17 = {
|
|
@@ -1377,6 +1387,7 @@ declare type Props_19 = {
|
|
|
1377
1387
|
declare type Props_2 = {
|
|
1378
1388
|
alt: string;
|
|
1379
1389
|
isLazy: boolean;
|
|
1390
|
+
sources?: Source[];
|
|
1380
1391
|
src: string;
|
|
1381
1392
|
};
|
|
1382
1393
|
|
|
@@ -1561,6 +1572,11 @@ export declare const SIZE: {
|
|
|
1561
1572
|
|
|
1562
1573
|
export declare type Size = (typeof SIZE)[keyof typeof SIZE];
|
|
1563
1574
|
|
|
1575
|
+
declare type Source = {
|
|
1576
|
+
media: Media;
|
|
1577
|
+
srcset: string;
|
|
1578
|
+
};
|
|
1579
|
+
|
|
1564
1580
|
export declare type StringField = SelectField | TextField | TextareaField;
|
|
1565
1581
|
|
|
1566
1582
|
export declare type StringInput = SelectInput | TextInput | TextareaInput;
|
|
@@ -1726,12 +1742,15 @@ isToast: boolean;
|
|
|
1726
1742
|
export declare const TideBackgroundImage: __VLS_WithTemplateSlots_3<DefineComponent<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<Props_2>, {
|
|
1727
1743
|
alt: string;
|
|
1728
1744
|
isLazy: boolean;
|
|
1745
|
+
sources: () => never[];
|
|
1729
1746
|
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_2<__VLS_TypePropsToOption_2<Props_2>, {
|
|
1730
1747
|
alt: string;
|
|
1731
1748
|
isLazy: boolean;
|
|
1749
|
+
sources: () => never[];
|
|
1732
1750
|
}>>>, {
|
|
1733
1751
|
alt: string;
|
|
1734
1752
|
isLazy: boolean;
|
|
1753
|
+
sources: Source[];
|
|
1735
1754
|
}, {}>, {
|
|
1736
1755
|
default?(_: {}): any;
|
|
1737
1756
|
}>;
|
|
@@ -1897,15 +1916,15 @@ size: Size;
|
|
|
1897
1916
|
export declare const TideImage: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToOption_16<Props_16>, {
|
|
1898
1917
|
alt: string;
|
|
1899
1918
|
isLazy: boolean;
|
|
1900
|
-
|
|
1919
|
+
sources: () => never[];
|
|
1901
1920
|
}>, any, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToOption_16<Props_16>, {
|
|
1902
1921
|
alt: string;
|
|
1903
1922
|
isLazy: boolean;
|
|
1904
|
-
|
|
1923
|
+
sources: () => never[];
|
|
1905
1924
|
}>>>, {
|
|
1906
1925
|
alt: string;
|
|
1907
1926
|
isLazy: boolean;
|
|
1908
|
-
|
|
1927
|
+
sources: Source[];
|
|
1909
1928
|
}, {}>;
|
|
1910
1929
|
|
|
1911
1930
|
export declare const TideIndicator: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToOption_17<Props_17>, {
|