@wpmoo/ui 1.0.0-rc.9 → 1.0.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 (93) hide show
  1. package/ASSET_LICENSE.md +1 -1
  2. package/LICENSE +28 -0
  3. package/README.md +31 -3
  4. package/certification.json +2 -1
  5. package/dist/assets/css/moo-ui.css +381 -22
  6. package/dist/assets/css/moo-ui.min.css +10 -31
  7. package/dist/assets/css/moo.css +373 -21
  8. package/dist/assets/css/moo.min.css +10 -32
  9. package/dist/js/chart.js +23 -21
  10. package/dist/js/chart.min.js +5 -5
  11. package/dist/js/combobox.js +18 -65
  12. package/dist/js/context-menu.js +16 -68
  13. package/dist/js/datatable.js +38 -21
  14. package/dist/js/datepicker.js +3 -2
  15. package/dist/js/datepicker.min.js +4 -3
  16. package/dist/js/moo-ui.js +158 -15400
  17. package/dist/js/moo-ui.min.js +3 -23
  18. package/dist/js/sheet.js +46 -0
  19. package/dist/js/sidebar.js +3 -2
  20. package/dist/js/slider.js +12 -47
  21. package/dist/js/state.js +15 -41
  22. package/dist/release-manifest.json +4 -4
  23. package/package.json +3 -1
  24. package/scss/_components.scss +2 -2
  25. package/scss/_config.scss +15 -21
  26. package/scss/_settings.scss +0 -3
  27. package/scss/components/_accordion.scss +1 -12
  28. package/scss/components/_alert.scss +1 -12
  29. package/scss/components/_avatar.scss +1 -16
  30. package/scss/components/_badge.scss +1 -0
  31. package/scss/components/_breadcrumb.scss +1 -12
  32. package/scss/components/_button.scss +1 -29
  33. package/scss/components/_button_group.scss +1 -25
  34. package/scss/components/_card.scss +1 -29
  35. package/scss/components/_checkbox.scss +1 -38
  36. package/scss/components/_close_button.scss +1 -9
  37. package/scss/components/_collapsible.scss +1 -0
  38. package/scss/components/_combobox.scss +1 -6
  39. package/scss/components/_context-menu.scss +1 -11
  40. package/scss/components/_datatable.scss +46 -85
  41. package/scss/components/_datepicker.scss +1 -0
  42. package/scss/components/_dialog.scss +1 -14
  43. package/scss/components/_dropdown.scss +5 -51
  44. package/scss/components/_field.scss +1 -40
  45. package/scss/components/_input.scss +1 -5
  46. package/scss/components/_input_group.scss +1 -51
  47. package/scss/components/_kbd.scss +1 -0
  48. package/scss/components/_menubar.scss +1 -0
  49. package/scss/components/_navigation.scss +76 -6
  50. package/scss/components/_pagination.scss +1 -13
  51. package/scss/components/_popover.scss +1 -22
  52. package/scss/components/_progress.scss +1 -3
  53. package/scss/components/_radio_group.scss +105 -6
  54. package/scss/components/_search_trigger.scss +1 -2
  55. package/scss/components/_select.scss +1 -0
  56. package/scss/components/_separator.scss +1 -6
  57. package/scss/components/_sheet.scss +1 -17
  58. package/scss/components/_sidebar.scss +1 -2
  59. package/scss/components/_skeleton.scss +1 -8
  60. package/scss/components/_slider.scss +1 -2
  61. package/scss/components/_spinner.scss +1 -7
  62. package/scss/components/_switch.scss +1 -4
  63. package/scss/components/_table.scss +1 -2
  64. package/scss/components/_tabs.scss +1 -24
  65. package/scss/components/_textarea.scss +1 -0
  66. package/scss/components/_toast.scss +1 -4
  67. package/scss/components/_toggle_group.scss +1 -3
  68. package/scss/components/_tooltip.scss +1 -20
  69. package/scss/components/sidebar/_base.scss +0 -7
  70. package/scss/components/sidebar/_collapsed.scss +0 -6
  71. package/scss/components/sidebar/_identity.scss +0 -1
  72. package/scss/components/sidebar/_menus.scss +0 -17
  73. package/scss/foundations/_backdrop.scss +0 -26
  74. package/scss/foundations/_focus.scss +0 -56
  75. package/scss/foundations/_scope.scss +14 -0
  76. package/scss/layouts/_app.scss +0 -6
  77. package/scss/layouts/_page_grid.scss +0 -3
  78. package/scss/layouts/app/sidebar/_base.scss +0 -33
  79. package/scss/layouts/app/sidebar/_default.scss +0 -6
  80. package/scss/layouts/app/sidebar/_floating.scss +0 -11
  81. package/scss/layouts/app/sidebar/_inset.scss +0 -2
  82. package/scss/mixins/_banner.scss +9 -3
  83. package/scss/moo-core.scss +3 -6
  84. package/scss/moo-ui.scss +9 -5
  85. package/scss/settings/_bootstrap_overrides.scss +0 -8
  86. package/scss/settings/_component_variables.scss +4 -266
  87. package/scss/settings/_forms.scss +0 -37
  88. package/scss/settings/_palette.scss +0 -42
  89. package/scss/themes/_root.scss +3 -0
  90. package/scss/themes/_standalone.scss +0 -2
  91. package/scss/themes/_theme.scss +3 -2
  92. package/scss/utilities/_background_color.scss +18 -0
  93. package/scss/utilities/_border.scss +4 -0
package/scss/themes/_root.scss CHANGED
@@ -2,6 +2,9 @@
2
2
  @include moo-core-scales;
3
3
  @include moo-core-shared;
4
4
  font-family: var(--bs-body-font-family);
5
+ font-size: var(--bs-body-font-size);
6
+ font-weight: var(--bs-body-font-weight);
7
+ line-height: var(--bs-body-line-height);
5
8
  }
6
9
 
7
10
  .moo-ui[data-bs-theme="light"] {
package/scss/themes/_standalone.scss CHANGED
@@ -1,5 +1,3 @@
1
- // A complete document's resolved owner supplies the viewport-sized surface.
2
- // Direct-body overlay hosts share its theme but are infrastructure, not roots.
3
1
  body > .moo-ui[data-bs-theme]:not([data-moo-overlay-host]) {
4
2
  min-block-size: 100dvh;
5
3
  }
package/scss/themes/_theme.scss CHANGED
@@ -91,9 +91,10 @@ $moo-theme-colors-border-subtle-dark: (
91
91
  --moo-chart-3: #{$moo-chart-3};
92
92
  --moo-chart-4: #{$moo-chart-4};
93
93
  --moo-chart-5: #{$moo-chart-5};
94
- // Resolved owners reset this token so nested Moo owners never inherit a
95
- // parent owner's heading-font choice.
96
94
  --moo-heading-font-family: var(--#{$prefix}body-font-family);
95
+ --moo-small-font-size: #{$moo-small-font-size};
96
+ --moo-paragraph-margin-top: #{$moo-paragraph-margin-top};
97
+ --moo-paragraph-margin-bottom: #{$paragraph-margin-bottom};
97
98
  }
98
99
 
99
100
  @mixin moo-core-light {
package/scss/utilities/_background_color.scss ADDED
@@ -0,0 +1,18 @@
1
+ $moo-bg-color-utility: map-get($utilities, "background-color");
2
+ $moo-bg-color-values: map-get($moo-bg-color-utility, values);
3
+ $utilities: map-merge(
4
+ $utilities,
5
+ (
6
+ "background-color": map-merge(
7
+ $moo-bg-color-utility,
8
+ (
9
+ values: map-merge(
10
+ $moo-bg-color-values,
11
+ (
12
+ "body-secondary": unquote("rgb(from var(--#{$prefix}secondary-bg) r g b / var(--#{$prefix}bg-opacity))"),
13
+ )
14
+ ),
15
+ )
16
+ ),
17
+ )
18
+ );
package/scss/utilities/_border.scss ADDED
@@ -0,0 +1,4 @@
1
+ /* Border utilities */
2
+ .border-dashed {
3
+ border-style: dashed !important;
4
+ }