draft-components 0.60.0 → 0.62.0

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 (69) hide show
  1. package/components/date-preset-picker-popover/date-preset-picker-popover.d.ts +1 -1
  2. package/components/date-preset-picker-popover/date-preset-picker-popover.js +4 -4
  3. package/components/date-range-picker/date-range-picker.js +2 -2
  4. package/components/datetime-input/date-components.js +7 -12
  5. package/components/datetime-input/datetime-input.js +1 -1
  6. package/components/dialog/dialog.js +2 -1
  7. package/components/inline-message/inline-message.js +2 -1
  8. package/components/number-input/number-input.js +2 -1
  9. package/components/popover/popover.d.ts +1 -1
  10. package/components/popover/popover.js +10 -8
  11. package/components/slider/slider.d.ts +6 -5
  12. package/components/slider/slider.js +26 -8
  13. package/components/table/table-sort-button.js +2 -1
  14. package/components/tabs/tabs-state.js +2 -1
  15. package/components/toaster/toaster.js +1 -1
  16. package/css/draft-components.css +2 -2
  17. package/hooks/use-capture-focus.js +6 -4
  18. package/hooks/use-close-on-click-outside.js +3 -2
  19. package/hooks/use-close-on-esc-press.js +2 -1
  20. package/lib/plain-date-range.js +6 -8
  21. package/lib/plain-date.js +7 -8
  22. package/lib/stack.js +0 -1
  23. package/lib/util.js +1 -1
  24. package/package.json +1 -1
  25. package/scss/components/_actions-group.scss +5 -3
  26. package/scss/components/_alert.scss +34 -32
  27. package/scss/components/_avatar.scss +20 -18
  28. package/scss/components/_box.scss +49 -47
  29. package/scss/components/_breadcrumbs.scss +6 -4
  30. package/scss/components/_button.scss +20 -18
  31. package/scss/components/_calendar.scss +13 -11
  32. package/scss/components/_checkbox.scss +4 -2
  33. package/scss/components/_date-picker.scss +4 -2
  34. package/scss/components/_date-preset-picker-popover.scss +11 -9
  35. package/scss/components/_datetime-input.scss +11 -9
  36. package/scss/components/_dialog.scss +9 -7
  37. package/scss/components/_form-field.scss +4 -2
  38. package/scss/components/_formatted-content.scss +23 -21
  39. package/scss/components/_inline-message.scss +3 -1
  40. package/scss/components/_input.scss +11 -9
  41. package/scss/components/_label.scss +5 -2
  42. package/scss/components/_loading-view.scss +20 -18
  43. package/scss/components/_non-ideal-state-view.scss +27 -25
  44. package/scss/components/_number-input.scss +4 -2
  45. package/scss/components/_radio-button.scss +4 -2
  46. package/scss/components/_radio-group.scss +17 -14
  47. package/scss/components/_scope-buttons.scss +4 -2
  48. package/scss/components/_secret.scss +4 -2
  49. package/scss/components/_segmented-control.scss +7 -5
  50. package/scss/components/_select.scss +9 -7
  51. package/scss/components/_selection-control.scss +11 -9
  52. package/scss/components/_slider.scss +88 -98
  53. package/scss/components/_switch.scss +5 -3
  54. package/scss/components/_table.scss +17 -15
  55. package/scss/components/_tabs.scss +13 -12
  56. package/scss/components/_tag.scss +37 -35
  57. package/scss/components/_text-input.scss +3 -1
  58. package/scss/components/_toast.scss +25 -23
  59. package/scss/components/_toaster.scss +8 -6
  60. package/scss/components/_tooltip.scss +6 -4
  61. package/scss/components/_vertical-navigation.scss +16 -14
  62. package/scss/draft-components-utils.scss +0 -1
  63. package/scss/draft-components.scss +0 -1
  64. package/scss/themes/_default-theme.scss +162 -156
  65. package/scss/utils/_borders.scss +14 -12
  66. package/scss/utils/_gap.scss +14 -12
  67. package/scss/utils/_margin.scss +14 -12
  68. package/scss/utils/_padding.scss +14 -12
  69. package/scss/.DS_Store +0 -0
package/scss/utils/_gap.scss CHANGED
@@ -1,17 +1,19 @@
1
+ @use '../abstracts' as dc;
2
+
1
3
  $gap-scale: (
2
4
  0: 0,
3
- 1: $gap-1x,
4
- 2: $gap-2x,
5
- 3: $gap-3x,
6
- 4: $gap-4x,
7
- 5: $gap-5x,
8
- 6: $gap-6x,
9
- 8: $gap-8x,
10
- 10: $gap-10x,
11
- 12: $gap-12x,
12
- 16: $gap-16x,
13
- 20: $gap-20x,
14
- 24: $gap-24x,
5
+ 1: dc.$gap-1x,
6
+ 2: dc.$gap-2x,
7
+ 3: dc.$gap-3x,
8
+ 4: dc.$gap-4x,
9
+ 5: dc.$gap-5x,
10
+ 6: dc.$gap-6x,
11
+ 8: dc.$gap-8x,
12
+ 10: dc.$gap-10x,
13
+ 12: dc.$gap-12x,
14
+ 16: dc.$gap-16x,
15
+ 20: dc.$gap-20x,
16
+ 24: dc.$gap-24x,
15
17
  );
16
18
 
17
19
  @each $scale, $gap in $gap-scale {
package/scss/utils/_margin.scss CHANGED
@@ -1,17 +1,19 @@
1
+ @use '../abstracts' as dc;
2
+
1
3
  $margin-scale: (
2
4
  0: 0,
3
- 1: $gap-1x,
4
- 2: $gap-2x,
5
- 3: $gap-3x,
6
- 4: $gap-4x,
7
- 5: $gap-5x,
8
- 6: $gap-6x,
9
- 8: $gap-8x,
10
- 10: $gap-10x,
11
- 12: $gap-12x,
12
- 16: $gap-16x,
13
- 20: $gap-20x,
14
- 24: $gap-24x,
5
+ 1: dc.$gap-1x,
6
+ 2: dc.$gap-2x,
7
+ 3: dc.$gap-3x,
8
+ 4: dc.$gap-4x,
9
+ 5: dc.$gap-5x,
10
+ 6: dc.$gap-6x,
11
+ 8: dc.$gap-8x,
12
+ 10: dc.$gap-10x,
13
+ 12: dc.$gap-12x,
14
+ 16: dc.$gap-16x,
15
+ 20: dc.$gap-20x,
16
+ 24: dc.$gap-24x,
15
17
  );
16
18
 
17
19
  @each $scale, $margin in $margin-scale {
package/scss/utils/_padding.scss CHANGED
@@ -1,17 +1,19 @@
1
+ @use '../abstracts' as dc;
2
+
1
3
  $padding-scale: (
2
4
  0: 0,
3
- 1: $gap-1x,
4
- 2: $gap-2x,
5
- 3: $gap-3x,
6
- 4: $gap-4x,
7
- 5: $gap-5x,
8
- 6: $gap-6x,
9
- 8: $gap-8x,
10
- 10: $gap-10x,
11
- 12: $gap-12x,
12
- 16: $gap-16x,
13
- 20: $gap-20x,
14
- 24: $gap-24x,
5
+ 1: dc.$gap-1x,
6
+ 2: dc.$gap-2x,
7
+ 3: dc.$gap-3x,
8
+ 4: dc.$gap-4x,
9
+ 5: dc.$gap-5x,
10
+ 6: dc.$gap-6x,
11
+ 8: dc.$gap-8x,
12
+ 10: dc.$gap-10x,
13
+ 12: dc.$gap-12x,
14
+ 16: dc.$gap-16x,
15
+ 20: dc.$gap-20x,
16
+ 24: dc.$gap-24x,
15
17
  );
16
18
 
17
19
  @each $scale, $padding in $padding-scale {
package/scss/.DS_Store DELETED
Binary file