tide-design-system 2.0.33 → 2.0.35
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 +277 -72
- 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 +56 -11
- package/dist/tide-design-system.esm.js +291 -240
- package/dist/utilities/storybook.ts +11 -1
- package/package.json +4 -2
- package/src/assets/css/grid-layout.css +12 -10
- package/src/assets/css/reset.css +2 -2
- package/src/assets/css/utilities.css +277 -72
- package/src/assets/css/variables.css +9 -14
- 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 +70 -3
- package/src/utilities/storybook.ts +11 -1
- /package/dist/css/realm/{equip.css → equipment.css} +0 -0
- /package/src/assets/css/realm/{equip.css → equipment.css} +0 -0
|
@@ -651,6 +651,7 @@ declare const CSS_2: {
|
|
|
651
651
|
};
|
|
652
652
|
readonly Y: {
|
|
653
653
|
readonly MIDDLE: "tide-align-middle";
|
|
654
|
+
readonly INITIAL: "tide-align-initial";
|
|
654
655
|
};
|
|
655
656
|
};
|
|
656
657
|
readonly AXIS1: {
|
|
@@ -667,6 +668,7 @@ declare const CSS_2: {
|
|
|
667
668
|
readonly START: "tide-axis2-start";
|
|
668
669
|
};
|
|
669
670
|
readonly BG: {
|
|
671
|
+
readonly INITIAL: "tide-bg-initial";
|
|
670
672
|
readonly BLUR: "tide-bg-blur";
|
|
671
673
|
readonly ERROR: "tide-bg-error";
|
|
672
674
|
readonly INFO: "tide-bg-info";
|
|
@@ -690,6 +692,7 @@ declare const CSS_2: {
|
|
|
690
692
|
};
|
|
691
693
|
readonly BORDER: {
|
|
692
694
|
readonly COLOR: {
|
|
695
|
+
readonly INITIAL: "tide-border-color-initial";
|
|
693
696
|
readonly DEFAULT: "tide-border";
|
|
694
697
|
readonly FLOATING: "tide-border-floating";
|
|
695
698
|
readonly HIGH: "tide-border-high";
|
|
@@ -697,28 +700,34 @@ declare const CSS_2: {
|
|
|
697
700
|
readonly PRIMARY: "tide-border-primary";
|
|
698
701
|
};
|
|
699
702
|
readonly RADIUS: {
|
|
703
|
+
readonly ZERO: "tide-radius-0";
|
|
700
704
|
readonly QUARTER: "tide-radius-1/4";
|
|
701
705
|
readonly HALF: "tide-radius-1/2";
|
|
702
706
|
readonly ONE: "tide-radius-1";
|
|
703
707
|
readonly FULL: "tide-radius-full";
|
|
704
708
|
};
|
|
705
709
|
readonly BOTTOM: {
|
|
710
|
+
readonly ZERO: "tide-border-bottom-0";
|
|
706
711
|
readonly ONE: "tide-border-bottom-1";
|
|
707
712
|
readonly TWO: "tide-border-bottom-2";
|
|
708
713
|
};
|
|
709
714
|
readonly FULL: {
|
|
715
|
+
readonly ZERO: "tide-border-0";
|
|
710
716
|
readonly ONE: "tide-border-1";
|
|
711
717
|
readonly TWO: "tide-border-2";
|
|
712
718
|
};
|
|
713
719
|
readonly LEFT: {
|
|
720
|
+
readonly ZERO: "tide-border-left-0";
|
|
714
721
|
readonly ONE: "tide-border-left-1";
|
|
715
722
|
readonly TWO: "tide-border-left-2";
|
|
716
723
|
};
|
|
717
724
|
readonly RIGHT: {
|
|
725
|
+
readonly ZERO: "tide-border-right-0";
|
|
718
726
|
readonly ONE: "tide-border-right-1";
|
|
719
727
|
readonly TWO: "tide-border-right-2";
|
|
720
728
|
};
|
|
721
729
|
readonly TOP: {
|
|
730
|
+
readonly ZERO: "tide-border-top-0";
|
|
722
731
|
readonly ONE: "tide-border-top-1";
|
|
723
732
|
readonly TWO: "tide-border-top-2";
|
|
724
733
|
};
|
|
@@ -728,9 +737,11 @@ declare const CSS_2: {
|
|
|
728
737
|
readonly CONTENT_BOX: "tide-box-content";
|
|
729
738
|
};
|
|
730
739
|
readonly BREAK_WORD: {
|
|
740
|
+
readonly OFF: "tide-break-initial";
|
|
731
741
|
readonly ON: "tide-break-word";
|
|
732
742
|
};
|
|
733
743
|
readonly COLUMNS: {
|
|
744
|
+
readonly INITIAL: "tide-columns-initial";
|
|
734
745
|
readonly ONE: "tide-columns-1";
|
|
735
746
|
readonly TWO: "tide-columns-2";
|
|
736
747
|
readonly THREE: "tide-columns-3";
|
|
@@ -754,6 +765,7 @@ declare const CSS_2: {
|
|
|
754
765
|
};
|
|
755
766
|
readonly FLEX: {
|
|
756
767
|
readonly BASIS: {
|
|
768
|
+
readonly AUTO: "tide-flex-basis-auto";
|
|
757
769
|
readonly ZERO: "tide-flex-basis-0";
|
|
758
770
|
};
|
|
759
771
|
readonly DIRECTION: {
|
|
@@ -784,6 +796,26 @@ declare const CSS_2: {
|
|
|
784
796
|
readonly VARIANT_INVERSE: "tide-font-on-surface-variant-inverse";
|
|
785
797
|
};
|
|
786
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
|
+
};
|
|
787
819
|
readonly SIZE: {
|
|
788
820
|
readonly TWELVE: "tide-font-12";
|
|
789
821
|
readonly FOURTEEN: "tide-font-14";
|
|
@@ -800,6 +832,7 @@ declare const CSS_2: {
|
|
|
800
832
|
};
|
|
801
833
|
};
|
|
802
834
|
readonly GAP: {
|
|
835
|
+
readonly ZERO: "tide-gap-0";
|
|
803
836
|
readonly QUARTER: "tide-gap-1/4";
|
|
804
837
|
readonly HALF: "tide-gap-1/2";
|
|
805
838
|
readonly ONE: "tide-gap-1";
|
|
@@ -823,6 +856,7 @@ declare const CSS_2: {
|
|
|
823
856
|
readonly THIRTEEN: "tide-end-13";
|
|
824
857
|
};
|
|
825
858
|
readonly FLUID: "tide-fluid";
|
|
859
|
+
readonly ITEM: "tide-grid-item";
|
|
826
860
|
readonly LAYOUT: "tide-grid-layout";
|
|
827
861
|
readonly START: {
|
|
828
862
|
readonly ZERO: "tide-start-0";
|
|
@@ -842,7 +876,8 @@ declare const CSS_2: {
|
|
|
842
876
|
readonly XL: "tide-grid-xl";
|
|
843
877
|
};
|
|
844
878
|
readonly HEIGHT: {
|
|
845
|
-
readonly
|
|
879
|
+
readonly AUTO: "tide-height-auto";
|
|
880
|
+
readonly ZERO: "tide-height-0";
|
|
846
881
|
readonly FULL: "tide-height-full";
|
|
847
882
|
};
|
|
848
883
|
readonly ISOLATION: {
|
|
@@ -853,6 +888,7 @@ declare const CSS_2: {
|
|
|
853
888
|
};
|
|
854
889
|
readonly MARGIN: {
|
|
855
890
|
readonly BOTTOM: {
|
|
891
|
+
readonly ZERO: "tide-margin-bottom-0";
|
|
856
892
|
readonly QUARTER: "tide-margin-bottom-1/4";
|
|
857
893
|
readonly HALF: "tide-margin-bottom-1/2";
|
|
858
894
|
readonly ONE: "tide-margin-bottom-1";
|
|
@@ -860,6 +896,7 @@ declare const CSS_2: {
|
|
|
860
896
|
readonly FOUR: "tide-margin-bottom-4";
|
|
861
897
|
};
|
|
862
898
|
readonly FULL: {
|
|
899
|
+
readonly ZERO: "tide-margin-0";
|
|
863
900
|
readonly QUARTER: "tide-margin-1/4";
|
|
864
901
|
readonly HALF: "tide-margin-1/2";
|
|
865
902
|
readonly ONE: "tide-margin-1";
|
|
@@ -868,6 +905,7 @@ declare const CSS_2: {
|
|
|
868
905
|
};
|
|
869
906
|
readonly LEFT: {
|
|
870
907
|
readonly AUTO: "tide-margin-left-auto";
|
|
908
|
+
readonly ZERO: "tide-margin-left-0";
|
|
871
909
|
readonly QUARTER: "tide-margin-left-1/4";
|
|
872
910
|
readonly HALF: "tide-margin-left-1/2";
|
|
873
911
|
readonly ONE: "tide-margin-left-1";
|
|
@@ -876,6 +914,7 @@ declare const CSS_2: {
|
|
|
876
914
|
};
|
|
877
915
|
readonly RIGHT: {
|
|
878
916
|
readonly AUTO: "tide-margin-right-auto";
|
|
917
|
+
readonly ZERO: "tide-margin-right-0";
|
|
879
918
|
readonly QUARTER: "tide-margin-right-1/4";
|
|
880
919
|
readonly HALF: "tide-margin-right-1/2";
|
|
881
920
|
readonly ONE: "tide-margin-right-1";
|
|
@@ -883,6 +922,7 @@ declare const CSS_2: {
|
|
|
883
922
|
readonly FOUR: "tide-margin-right-4";
|
|
884
923
|
};
|
|
885
924
|
readonly TOP: {
|
|
925
|
+
readonly ZERO: "tide-margin-top-0";
|
|
886
926
|
readonly QUARTER: "tide-margin-top-1/4";
|
|
887
927
|
readonly HALF: "tide-margin-top-1/2";
|
|
888
928
|
readonly ONE: "tide-margin-top-1";
|
|
@@ -891,6 +931,7 @@ declare const CSS_2: {
|
|
|
891
931
|
};
|
|
892
932
|
readonly X: {
|
|
893
933
|
readonly AUTO: "tide-margin-x-auto";
|
|
934
|
+
readonly ZERO: "tide-margin-x-0";
|
|
894
935
|
readonly QUARTER: "tide-margin-x-1/4";
|
|
895
936
|
readonly HALF: "tide-margin-x-1/2";
|
|
896
937
|
readonly ONE: "tide-margin-x-1";
|
|
@@ -898,6 +939,7 @@ declare const CSS_2: {
|
|
|
898
939
|
readonly FOUR: "tide-margin-x-4";
|
|
899
940
|
};
|
|
900
941
|
readonly Y: {
|
|
942
|
+
readonly ZERO: "tide-margin-y-0";
|
|
901
943
|
readonly QUARTER: "tide-margin-y-1/4";
|
|
902
944
|
readonly HALF: "tide-margin-y-1/2";
|
|
903
945
|
readonly ONE: "tide-margin-y-1";
|
|
@@ -932,6 +974,7 @@ declare const CSS_2: {
|
|
|
932
974
|
};
|
|
933
975
|
readonly PADDING: {
|
|
934
976
|
readonly BOTTOM: {
|
|
977
|
+
readonly ZERO: "tide-padding-bottom-0";
|
|
935
978
|
readonly QUARTER: "tide-padding-bottom-1/4";
|
|
936
979
|
readonly HALF: "tide-padding-bottom-1/2";
|
|
937
980
|
readonly ONE: "tide-padding-bottom-1";
|
|
@@ -939,6 +982,7 @@ declare const CSS_2: {
|
|
|
939
982
|
readonly FOUR: "tide-padding-bottom-4";
|
|
940
983
|
};
|
|
941
984
|
readonly FULL: {
|
|
985
|
+
readonly ZERO: "tide-padding-0";
|
|
942
986
|
readonly QUARTER: "tide-padding-1/4";
|
|
943
987
|
readonly HALF: "tide-padding-1/2";
|
|
944
988
|
readonly ONE: "tide-padding-1";
|
|
@@ -946,6 +990,7 @@ declare const CSS_2: {
|
|
|
946
990
|
readonly FOUR: "tide-padding-4";
|
|
947
991
|
};
|
|
948
992
|
readonly LEFT: {
|
|
993
|
+
readonly ZERO: "tide-padding-left-0";
|
|
949
994
|
readonly QUARTER: "tide-padding-left-1/4";
|
|
950
995
|
readonly HALF: "tide-padding-left-1/2";
|
|
951
996
|
readonly ONE: "tide-padding-left-1";
|
|
@@ -953,6 +998,7 @@ declare const CSS_2: {
|
|
|
953
998
|
readonly FOUR: "tide-padding-left-4";
|
|
954
999
|
};
|
|
955
1000
|
readonly RIGHT: {
|
|
1001
|
+
readonly ZERO: "tide-padding-right-0";
|
|
956
1002
|
readonly QUARTER: "tide-padding-right-1/4";
|
|
957
1003
|
readonly HALF: "tide-padding-right-1/2";
|
|
958
1004
|
readonly ONE: "tide-padding-right-1";
|
|
@@ -960,6 +1006,7 @@ declare const CSS_2: {
|
|
|
960
1006
|
readonly FOUR: "tide-padding-right-4";
|
|
961
1007
|
};
|
|
962
1008
|
readonly TOP: {
|
|
1009
|
+
readonly ZERO: "tide-padding-top-0";
|
|
963
1010
|
readonly QUARTER: "tide-padding-top-1/4";
|
|
964
1011
|
readonly HALF: "tide-padding-top-1/2";
|
|
965
1012
|
readonly ONE: "tide-padding-top-1";
|
|
@@ -967,6 +1014,7 @@ declare const CSS_2: {
|
|
|
967
1014
|
readonly FOUR: "tide-padding-top-4";
|
|
968
1015
|
};
|
|
969
1016
|
readonly X: {
|
|
1017
|
+
readonly ZERO: "tide-padding-x-0";
|
|
970
1018
|
readonly QUARTER: "tide-padding-x-1/4";
|
|
971
1019
|
readonly HALF: "tide-padding-x-1/2";
|
|
972
1020
|
readonly ONE: "tide-padding-x-1";
|
|
@@ -974,6 +1022,7 @@ declare const CSS_2: {
|
|
|
974
1022
|
readonly FOUR: "tide-padding-x-4";
|
|
975
1023
|
};
|
|
976
1024
|
readonly Y: {
|
|
1025
|
+
readonly ZERO: "tide-padding-y-0";
|
|
977
1026
|
readonly QUARTER: "tide-padding-y-1/4";
|
|
978
1027
|
readonly HALF: "tide-padding-y-1/2";
|
|
979
1028
|
readonly ONE: "tide-padding-y-1";
|
|
@@ -989,7 +1038,8 @@ declare const CSS_2: {
|
|
|
989
1038
|
readonly ABSOLUTE: "tide-position-absolute";
|
|
990
1039
|
readonly FIXED: "tide-position-fixed";
|
|
991
1040
|
readonly RELATIVE: "tide-position-relative";
|
|
992
|
-
readonly
|
|
1041
|
+
readonly STATIC: "tide-position-static";
|
|
1042
|
+
readonly STICKY: "tide-position-sticky";
|
|
993
1043
|
};
|
|
994
1044
|
readonly POSITIONING: {
|
|
995
1045
|
readonly BOTTOM: "tide-bottom-0";
|
|
@@ -1001,11 +1051,12 @@ declare const CSS_2: {
|
|
|
1001
1051
|
readonly OFF: "tide-scrollbar-none";
|
|
1002
1052
|
};
|
|
1003
1053
|
readonly SHADOW: {
|
|
1054
|
+
readonly INITIAL: "tide-shadow-initial";
|
|
1004
1055
|
readonly BOTTOM: "tide-shadow-bottom";
|
|
1005
1056
|
readonly TOP: "tide-shadow-top";
|
|
1006
1057
|
};
|
|
1007
1058
|
readonly SNAP: {
|
|
1008
|
-
readonly ON: "tide-snap";
|
|
1059
|
+
readonly ON: "tide-scroll-snap";
|
|
1009
1060
|
};
|
|
1010
1061
|
readonly SNAP_ALIGN: {
|
|
1011
1062
|
readonly START: "tide-snap-start";
|
|
@@ -1028,11 +1079,13 @@ declare const CSS_2: {
|
|
|
1028
1079
|
readonly OFF: "tide-whitespace-nowrap";
|
|
1029
1080
|
};
|
|
1030
1081
|
readonly WIDTH: {
|
|
1082
|
+
readonly AUTO: "tide-width-auto";
|
|
1031
1083
|
readonly ZERO: "tide-width-0";
|
|
1032
1084
|
readonly FULL: "tide-width-full";
|
|
1033
1085
|
readonly MAX_FULL: "tide-max-width-full";
|
|
1034
1086
|
};
|
|
1035
1087
|
readonly Z_INDEX: {
|
|
1088
|
+
readonly INITIAL: "tide-z-index-initial";
|
|
1036
1089
|
readonly ONE: "tide-z-index-1";
|
|
1037
1090
|
};
|
|
1038
1091
|
};
|
|
@@ -1293,9 +1346,7 @@ declare type Props_15 = {
|
|
|
1293
1346
|
|
|
1294
1347
|
declare type Props_16 = {
|
|
1295
1348
|
alt?: string;
|
|
1296
|
-
cdn?: string;
|
|
1297
1349
|
isLazy?: boolean;
|
|
1298
|
-
offset?: number;
|
|
1299
1350
|
src?: string;
|
|
1300
1351
|
};
|
|
1301
1352
|
|
|
@@ -1845,22 +1896,16 @@ size: Size;
|
|
|
1845
1896
|
|
|
1846
1897
|
export declare const TideImage: DefineComponent<__VLS_WithDefaults_12<__VLS_TypePropsToOption_16<Props_16>, {
|
|
1847
1898
|
alt: string;
|
|
1848
|
-
cdn: undefined;
|
|
1849
1899
|
isLazy: boolean;
|
|
1850
|
-
offset: number;
|
|
1851
1900
|
src: undefined;
|
|
1852
1901
|
}>, any, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_12<__VLS_TypePropsToOption_16<Props_16>, {
|
|
1853
1902
|
alt: string;
|
|
1854
|
-
cdn: undefined;
|
|
1855
1903
|
isLazy: boolean;
|
|
1856
|
-
offset: number;
|
|
1857
1904
|
src: undefined;
|
|
1858
1905
|
}>>>, {
|
|
1859
1906
|
alt: string;
|
|
1860
1907
|
isLazy: boolean;
|
|
1861
1908
|
src: string;
|
|
1862
|
-
cdn: string;
|
|
1863
|
-
offset: number;
|
|
1864
1909
|
}, {}>;
|
|
1865
1910
|
|
|
1866
1911
|
export declare const TideIndicator: DefineComponent<__VLS_WithDefaults_13<__VLS_TypePropsToOption_17<Props_17>, {
|