tide-design-system 2.1.4 → 2.1.5

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.
Files changed (31) hide show
  1. package/dist/css/dynamic-utilities.css +0 -10
  2. package/dist/css/fonts.css +36 -0
  3. package/dist/css/main.css +1 -0
  4. package/dist/css/utilities.css +28 -6
  5. package/dist/css/variables.css +13 -23
  6. package/dist/style.css +1 -1
  7. package/dist/tide-design-system.cjs +2 -2
  8. package/dist/tide-design-system.esm.d.ts +29 -11
  9. package/dist/tide-design-system.esm.js +479 -453
  10. package/dist/utilities/storybook.ts +25 -0
  11. package/dist/utilities/validation.ts +3 -3
  12. package/package.json +3 -3
  13. package/src/assets/css/dynamic-utilities.css +0 -10
  14. package/src/assets/css/fonts.css +36 -0
  15. package/src/assets/css/main.css +1 -0
  16. package/src/assets/css/utilities.css +28 -6
  17. package/src/assets/css/variables.css +13 -23
  18. package/src/components/TideAlert.vue +8 -8
  19. package/src/components/TideImage.vue +11 -8
  20. package/src/components/TideInputSelect.vue +2 -1
  21. package/src/components/TideInputText.vue +13 -5
  22. package/src/components/TideInputTextarea.vue +2 -1
  23. package/src/stories/FoundationsColor.stories.ts +156 -0
  24. package/src/stories/TideInputSelect.stories.ts +8 -0
  25. package/src/types/Styles.ts +26 -8
  26. package/src/utilities/storybook.ts +25 -0
  27. package/src/utilities/validation.ts +3 -3
  28. package/tests/utilities-format.spec.ts +2 -2
  29. package/tests/utilities-storybook.spec.ts +99 -0
  30. package/dist/css/animation.css +0 -14
  31. package/src/assets/css/animation.css +0 -14
package/dist/tide-design-system.esm.d.ts CHANGED
@@ -750,24 +750,31 @@ declare const CSS_2: {
750
750
  readonly START: "tide-axis2-start";
751
751
  };
752
752
  readonly BG: {
753
+ readonly GLOBAL: {
754
+ readonly PRIMARY: {
755
+ readonly ERROR: "tide-bg-primary-error";
756
+ readonly INFO: "tide-bg-primary-info";
757
+ readonly SUCCESS: "tide-bg-primary-success";
758
+ readonly WARNING: "tide-bg-primary-warning";
759
+ };
760
+ readonly SURFACE: {
761
+ readonly ERROR: "tide-bg-surface-error";
762
+ readonly INFO: "tide-bg-surface-info";
763
+ readonly SUCCESS: "tide-bg-surface-success";
764
+ readonly WARNING: "tide-bg-surface-warning";
765
+ };
766
+ };
753
767
  readonly INITIAL: "tide-bg-initial";
754
768
  readonly BLUR: "tide-bg-blur";
755
- readonly ERROR: "tide-bg-error";
756
- readonly INFO: "tide-bg-info";
757
769
  readonly PRIMARY: "tide-bg-primary";
758
770
  readonly SECONDARY: "tide-bg-secondary";
759
- readonly SUCCESS: "tide-bg-success";
760
771
  readonly SURFACE: {
761
772
  readonly ACCENT: "tide-bg-surface-accent";
762
773
  readonly BRAND: "tide-bg-surface-brand";
763
774
  readonly DEFAULT: "tide-bg-surface";
764
- readonly ERROR: "tide-bg-surface-error";
765
775
  readonly FLOATING: "tide-bg-surface-floating";
766
776
  readonly GRADIENT: "tide-bg-surface-gradient";
767
- readonly INFO: "tide-bg-surface-info";
768
- readonly SUCCESS: "tide-bg-surface-success";
769
777
  readonly VARIANT: "tide-bg-surface-variant";
770
- readonly WARNING: "tide-bg-surface-warning";
771
778
  };
772
779
  readonly TRANSPARENT: {
773
780
  readonly ONE_HUNDRED: "tide-transparent-100";
@@ -775,10 +782,15 @@ declare const CSS_2: {
775
782
  readonly THREE_HUNDRED: "tide-transparent-300";
776
783
  readonly FOUR_HUNDRED: "tide-transparent-400";
777
784
  };
778
- readonly WARNING: "tide-bg-warning";
779
785
  };
780
786
  readonly BORDER: {
781
787
  readonly COLOR: {
788
+ readonly GLOBAL: {
789
+ readonly ERROR: "tide-border-error";
790
+ readonly INFO: "tide-border-info";
791
+ readonly SUCCESS: "tide-border-success";
792
+ readonly WARNING: "tide-border-warning";
793
+ };
782
794
  readonly INITIAL: "tide-border-color-initial";
783
795
  readonly DEFAULT: "tide-border";
784
796
  readonly FLOATING: "tide-border-floating";
@@ -873,6 +885,12 @@ declare const CSS_2: {
873
885
  };
874
886
  readonly FONT: {
875
887
  readonly COLOR: {
888
+ readonly GLOBAL: {
889
+ readonly ERROR: "tide-font-error";
890
+ readonly INFO: "tide-font-info";
891
+ readonly SUCCESS: "tide-font-success";
892
+ readonly WARNING: "tide-font-warning";
893
+ };
876
894
  readonly PRIMARY: "tide-font-on-primary";
877
895
  readonly SECONDARY: "tide-font-on-secondary";
878
896
  readonly SURFACE: {
@@ -2208,11 +2226,11 @@ supportingText: undefined;
2208
2226
  transformValue: undefined;
2209
2227
  type: "text";
2210
2228
  validators: undefined;
2211
- value: string;
2229
+ value: undefined;
2212
2230
  }>, {
2213
2231
  error: Ref<ValidationError>;
2214
2232
  updateValue: (newValue: string) => void;
2215
- value: Ref<string>;
2233
+ value: Ref<string | undefined>;
2216
2234
  }, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults_21<__VLS_TypePropsToOption_25<Props_25>, {
2217
2235
  autocomplete: boolean;
2218
2236
  dataTrack: string;
@@ -2231,7 +2249,7 @@ supportingText: undefined;
2231
2249
  transformValue: undefined;
2232
2250
  type: "text";
2233
2251
  validators: undefined;
2234
- value: string;
2252
+ value: undefined;
2235
2253
  }>>>, {
2236
2254
  type: TextInputType;
2237
2255
  label: string;