@dialpad/dialtone-css 8.45.3 → 8.46.2

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 (38) hide show
  1. package/lib/build/less/components/avatar.less +61 -3
  2. package/lib/build/less/components/collapsible.less +6 -0
  3. package/lib/build/less/components/combobox.less +9 -0
  4. package/lib/build/less/components/datepicker.less +3 -8
  5. package/lib/build/less/components/description-list.less +30 -0
  6. package/lib/build/less/components/dropdown.less +14 -0
  7. package/lib/build/less/components/emoji-picker.less +4 -0
  8. package/lib/build/less/components/empty-state.less +0 -4
  9. package/lib/build/less/components/input.less +9 -0
  10. package/lib/build/less/components/item-layout.less +20 -20
  11. package/lib/build/less/components/list-item.less +38 -0
  12. package/lib/build/less/components/rich-text-editor.less +57 -0
  13. package/lib/build/less/components/scroller.less +49 -0
  14. package/lib/build/less/components/skeleton.less +11 -7
  15. package/lib/build/less/components/tooltip.less +20 -0
  16. package/lib/build/less/dialtone-reset.less +7 -6
  17. package/lib/build/less/dialtone.less +5 -0
  18. package/lib/build/less/utilities/borders.less +38 -8
  19. package/lib/build/less/utilities/colors.less +10 -3
  20. package/lib/build/less/utilities/effects.less +3 -4
  21. package/lib/build/less/utilities/interactivity.less +14 -3
  22. package/lib/build/less/utilities/layout.less +4 -4
  23. package/lib/build/less/utilities/spacing.less +27 -7
  24. package/lib/build/less/utilities/typography.less +3 -2
  25. package/lib/dist/dialtone-default-theme.css +344 -66
  26. package/lib/dist/dialtone-default-theme.min.css +1 -1
  27. package/lib/dist/dialtone.css +336 -58
  28. package/lib/dist/dialtone.min.css +1 -1
  29. package/lib/dist/tokens/tokens-base-dark.css +1 -1
  30. package/lib/dist/tokens/tokens-base-light.css +8 -8
  31. package/lib/dist/tokens/tokens-debug-base.css +777 -0
  32. package/lib/dist/tokens/tokens-debug-dp.css +2131 -0
  33. package/lib/dist/tokens/tokens-dp-dark.css +7 -7
  34. package/lib/dist/tokens/tokens-expressive-dark.css +7 -7
  35. package/lib/dist/tokens/tokens-expressive-sm-dark.css +7 -7
  36. package/lib/dist/tokens/tokens-tmo-dark.css +7 -7
  37. package/package.json +3 -5
  38. package/lib/build/less/utilities/lint-staged.config.cjs +0 -5
package/lib/dist/tokens/tokens-base-dark.css CHANGED
@@ -977,7 +977,7 @@
977
977
  --dt-shadow-medium: var(--dt-shadow-medium-1-offset-x) var(--dt-shadow-medium-1-offset-y) var(--dt-shadow-medium-1-blur) var(--dt-shadow-medium-1-spread) var(--dt-shadow-medium-1-color), var(--dt-shadow-medium-2-offset-x) var(--dt-shadow-medium-2-offset-y) var(--dt-shadow-medium-2-blur) var(--dt-shadow-medium-2-spread) var(--dt-shadow-medium-2-color), var(--dt-shadow-medium-3-offset-x) var(--dt-shadow-medium-3-offset-y) var(--dt-shadow-medium-3-blur) var(--dt-shadow-medium-3-spread) var(--dt-shadow-medium-3-color), var(--dt-shadow-medium-4-offset-x) var(--dt-shadow-medium-4-offset-y) var(--dt-shadow-medium-4-blur) var(--dt-shadow-medium-4-spread) var(--dt-shadow-medium-4-color), var(--dt-shadow-medium-5-offset-x) var(--dt-shadow-medium-5-offset-y) var(--dt-shadow-medium-5-blur) var(--dt-shadow-medium-5-spread) var(--dt-shadow-medium-5-color);
978
978
  --dt-shadow-small: var(--dt-shadow-small-1-offset-x) var(--dt-shadow-small-1-offset-y) var(--dt-shadow-small-1-blur) var(--dt-shadow-small-1-spread) var(--dt-shadow-small-1-color), var(--dt-shadow-small-2-offset-x) var(--dt-shadow-small-2-offset-y) var(--dt-shadow-small-2-blur) var(--dt-shadow-small-2-spread) var(--dt-shadow-small-2-color), var(--dt-shadow-small-3-offset-x) var(--dt-shadow-small-3-offset-y) var(--dt-shadow-small-3-blur) var(--dt-shadow-small-3-spread) var(--dt-shadow-small-3-color), var(--dt-shadow-small-4-offset-x) var(--dt-shadow-small-4-offset-y) var(--dt-shadow-small-4-blur) var(--dt-shadow-small-4-spread) var(--dt-shadow-small-4-color), var(--dt-shadow-small-5-offset-x) var(--dt-shadow-small-5-offset-y) var(--dt-shadow-small-5-blur) var(--dt-shadow-small-5-spread) var(--dt-shadow-small-5-color);
979
979
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
980
- --dt-size-base: calc(var(--dt-font-size-root) * .8);
980
+ --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
981
981
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
982
982
  --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
983
983
  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */
package/lib/dist/tokens/tokens-base-light.css CHANGED
@@ -40,6 +40,13 @@
40
40
  --dt-shadow-extra-large-color-hsla: hsl(var(--dt-shadow-extra-large-color-h) var(--dt-shadow-extra-large-color-s) var(--dt-shadow-extra-large-color-l) / var(--alpha, 30%));
41
41
  --dt-shadow-extra-large-color: #0000004d;
42
42
  --dt-shadow-large-type: dropShadow;
43
+ --dt-shadow-large-color-h: 0;
44
+ --dt-shadow-large-color-s: 0%;
45
+ --dt-shadow-large-color-l: 0%;
46
+ --dt-shadow-large-color-a: 30%;
47
+ --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
48
+ --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
49
+ --dt-shadow-large-color: #0000004d;
43
50
  --dt-shadow-medium-type: dropShadow;
44
51
  --dt-shadow-medium-color-h: 0;
45
52
  --dt-shadow-medium-color-s: 0%;
@@ -712,13 +719,6 @@
712
719
  --dt-shadow-extra-large-blur: var(--dt-size-600);
713
720
  --dt-shadow-large-offset-y: var(--dt-size-200);
714
721
  --dt-shadow-large-offset-x: var(--dt-size-0);
715
- --dt-shadow-large-color-h: 0;
716
- --dt-shadow-large-color-s: 0%;
717
- --dt-shadow-large-color-l: 0%;
718
- --dt-shadow-large-color-a: 30%;
719
- --dt-shadow-large-color-hsl: var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l);
720
- --dt-shadow-large-color-hsla: hsl(var(--dt-shadow-large-color-h) var(--dt-shadow-large-color-s) var(--dt-shadow-large-color-l) / var(--alpha, 30%));
721
- --dt-shadow-large-color: rgba(0, 0, 0, 0.3);
722
722
  --dt-shadow-large-spread: var(--dt-size-0);
723
723
  --dt-shadow-large-blur: var(--dt-size-500);
724
724
  --dt-shadow-medium-offset-y: var(--dt-size-200);
@@ -737,7 +737,7 @@
737
737
  --dt-shadow-medium: var(--dt-shadow-medium-offset-x) var(--dt-shadow-medium-offset-y) var(--dt-shadow-medium-blur) var(--dt-shadow-medium-spread) var(--dt-shadow-medium-color);
738
738
  --dt-shadow-small: var(--dt-shadow-small-offset-x) var(--dt-shadow-small-offset-y) var(--dt-shadow-small-blur) var(--dt-shadow-small-spread) var(--dt-shadow-small-color);
739
739
  --dt-color-gradient-magenta-purple: linear-gradient(135deg, var(--dt-color-brand-magenta) 10%, var(--dt-color-brand-purple) 90%); /* Gradient for Ai-oriented treatments. */
740
- --dt-size-base: calc(var(--dt-font-size-root) * .8);
740
+ --dt-size-base: calc(var(--dt-font-size-root) * 0.8);
741
741
  --dt-font-family-expressive: Archivo, var(--dt-font-family-body);
742
742
  --dt-font-size-500: calc(var(--dt-font-size-root) * 3.8); /* extra large / xxl */
743
743
  --dt-font-size-400: calc(var(--dt-font-size-root) * 2.7); /* extra large / xl */