tide-design-system 2.0.34 → 2.0.36
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 +1 -1
- package/.storybook/preview.ts +2 -0
- package/dist/css/grid-layout.css +12 -10
- package/dist/css/reset.css +2 -2
- package/dist/css/utilities.css +100 -0
- package/dist/css/variables.css +9 -14
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +24 -11
- package/dist/tide-design-system.esm.js +197 -177
- package/dist/utilities/storybook.ts +11 -1
- package/package.json +3 -1
- package/src/assets/css/grid-layout.css +12 -10
- package/src/assets/css/reset.css +2 -2
- package/src/assets/css/utilities.css +100 -0
- package/src/assets/css/variables.css +9 -14
- package/src/components/TideBackgroundImage.vue +1 -0
- package/src/components/TideImage.vue +2 -6
- package/src/stories/FoundationsGrid.stories.ts +309 -0
- package/src/stories/FoundationsTypography.stories.ts +39 -23
- package/src/stories/TideImage.stories.ts +38 -0
- package/src/types/Storybook.ts +55 -20
- package/src/types/Styles.ts +24 -3
- package/src/utilities/storybook.ts +11 -1
|
@@ -796,6 +796,26 @@ declare const CSS_2: {
|
|
|
796
796
|
readonly VARIANT_INVERSE: "tide-font-on-surface-variant-inverse";
|
|
797
797
|
};
|
|
798
798
|
};
|
|
799
|
+
readonly ROLE: {
|
|
800
|
+
readonly DISPLAY_1: "tide-typography-display-1";
|
|
801
|
+
readonly HEADLINE_1: "tide-typography-headline-1";
|
|
802
|
+
readonly HEADLINE_2: "tide-typography-headline-2";
|
|
803
|
+
readonly HEADLINE_3: "tide-typography-headline-3";
|
|
804
|
+
readonly TITLE_1: "tide-typography-title-1";
|
|
805
|
+
readonly TITLE_2: "tide-typography-title-2";
|
|
806
|
+
readonly BODY_1: "tide-typography-body-1";
|
|
807
|
+
readonly BODY_2: "tide-typography-body-2";
|
|
808
|
+
readonly LABEL_1: "tide-typography-label-1";
|
|
809
|
+
readonly LABEL_1_SEMIBOLD: "tide-typography-label-1-semibold";
|
|
810
|
+
readonly LABEL_2: "tide-typography-label-2";
|
|
811
|
+
readonly LABEL_2_SEMIBOLD: "tide-typography-label-2-semibold";
|
|
812
|
+
readonly LABEL_3: "tide-typography-label-3";
|
|
813
|
+
readonly LINK_1: "tide-typography-link-1";
|
|
814
|
+
readonly LINK_2: "tide-typography-link-2";
|
|
815
|
+
readonly LINK_3: "tide-typography-link-3";
|
|
816
|
+
readonly BUTTON_1: "tide-typography-button-1";
|
|
817
|
+
readonly BUTTON_2: "tide-typography-button-2";
|
|
818
|
+
};
|
|
799
819
|
readonly SIZE: {
|
|
800
820
|
readonly TWELVE: "tide-font-12";
|
|
801
821
|
readonly FOURTEEN: "tide-font-14";
|
|
@@ -836,6 +856,7 @@ declare const CSS_2: {
|
|
|
836
856
|
readonly THIRTEEN: "tide-end-13";
|
|
837
857
|
};
|
|
838
858
|
readonly FLUID: "tide-fluid";
|
|
859
|
+
readonly ITEM: "tide-grid-item";
|
|
839
860
|
readonly LAYOUT: "tide-grid-layout";
|
|
840
861
|
readonly START: {
|
|
841
862
|
readonly ZERO: "tide-start-0";
|
|
@@ -1017,8 +1038,8 @@ declare const CSS_2: {
|
|
|
1017
1038
|
readonly ABSOLUTE: "tide-position-absolute";
|
|
1018
1039
|
readonly FIXED: "tide-position-fixed";
|
|
1019
1040
|
readonly RELATIVE: "tide-position-relative";
|
|
1020
|
-
readonly STATIC: "tide-static";
|
|
1021
|
-
readonly STICKY: "tide-sticky";
|
|
1041
|
+
readonly STATIC: "tide-position-static";
|
|
1042
|
+
readonly STICKY: "tide-position-sticky";
|
|
1022
1043
|
};
|
|
1023
1044
|
readonly POSITIONING: {
|
|
1024
1045
|
readonly BOTTOM: "tide-bottom-0";
|
|
@@ -1035,7 +1056,7 @@ declare const CSS_2: {
|
|
|
1035
1056
|
readonly TOP: "tide-shadow-top";
|
|
1036
1057
|
};
|
|
1037
1058
|
readonly SNAP: {
|
|
1038
|
-
readonly ON: "tide-snap";
|
|
1059
|
+
readonly ON: "tide-scroll-snap";
|
|
1039
1060
|
};
|
|
1040
1061
|
readonly SNAP_ALIGN: {
|
|
1041
1062
|
readonly START: "tide-snap-start";
|
|
@@ -1325,9 +1346,7 @@ declare type Props_15 = {
|
|
|
1325
1346
|
|
|
1326
1347
|
declare type Props_16 = {
|
|
1327
1348
|
alt?: string;
|
|
1328
|
-
cdn?: string;
|
|
1329
1349
|
isLazy?: boolean;
|
|
1330
|
-
offset?: number;
|
|
1331
1350
|
src?: string;
|
|
1332
1351
|
};
|
|
1333
1352
|
|
|
@@ -1877,22 +1896,16 @@ size: Size;
|
|
|
1877
1896
|
|
|
1878
1897
|
export declare const TideImage: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToOption_16<Props_16>, {
|
|
1879
1898
|
alt: string;
|
|
1880
|
-
cdn: undefined;
|
|
1881
1899
|
isLazy: boolean;
|
|
1882
|
-
offset: number;
|
|
1883
1900
|
src: undefined;
|
|
1884
1901
|
}>, any, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToOption_16<Props_16>, {
|
|
1885
1902
|
alt: string;
|
|
1886
|
-
cdn: undefined;
|
|
1887
1903
|
isLazy: boolean;
|
|
1888
|
-
offset: number;
|
|
1889
1904
|
src: undefined;
|
|
1890
1905
|
}>>>, {
|
|
1891
1906
|
alt: string;
|
|
1892
1907
|
isLazy: boolean;
|
|
1893
1908
|
src: string;
|
|
1894
|
-
cdn: string;
|
|
1895
|
-
offset: number;
|
|
1896
1909
|
}, {}>;
|
|
1897
1910
|
|
|
1898
1911
|
export declare const TideIndicator: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToOption_17<Props_17>, {
|