@wpmoo/ui 1.0.0-rc.4 → 1.0.0-rc.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.
- package/ASSET_LICENSE.md +1 -1
- package/README.md +8 -4
- package/certification.json +1 -1
- package/dist/assets/css/moo-ui.css +136 -109
- package/dist/assets/css/moo-ui.min.css +3 -3
- package/dist/assets/css/moo.css +25 -4
- package/dist/assets/css/moo.min.css +3 -3
- package/dist/js/chart.js +1 -1
- package/dist/js/chart.min.js +1 -1
- package/dist/js/combobox.js +1 -1
- package/dist/js/context-menu.js +1 -1
- package/dist/js/datatable.js +135 -25
- package/dist/js/datepicker.js +1 -1
- package/dist/js/datepicker.min.js +1 -1
- package/dist/js/moo-ui.js +120 -23
- package/dist/js/moo-ui.min.js +3 -3
- package/dist/js/sidebar.js +1 -1
- package/dist/js/slider.js +1 -1
- package/package.json +7 -3
- package/scss/components/_accordion.scss +6 -0
- package/scss/components/_button_group.scss +30 -0
- package/scss/components/_card.scss +1 -1
- package/scss/components/_input_group.scss +1 -1
- package/scss/moo-ui.scss +1 -1
- package/scss/settings/_component_variables.scss +7 -6
- package/scss/themes/_standalone_root.scss +2 -0
package/dist/assets/css/moo.css
CHANGED
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
--bs-focus-ring-opacity: 0.25;
|
|
138
138
|
--bs-focus-ring-color: var(--moo-ring);
|
|
139
139
|
--moo-overlay-backdrop-opacity: 1;
|
|
140
|
-
--moo-overlay-backdrop-bg: color-mix(in srgb,
|
|
140
|
+
--moo-overlay-backdrop-bg: color-mix(in srgb, #0a0a0a 10%, transparent);
|
|
141
141
|
--moo-overlay-backdrop-filter: blur(8px);
|
|
142
142
|
--moo-input-group-border-radius: var(--bs-border-radius-lg);
|
|
143
143
|
--moo-disabled-control-opacity: 0.5;
|
|
@@ -4195,7 +4195,7 @@
|
|
|
4195
4195
|
border-radius: var(--moo-input-group-border-radius);
|
|
4196
4196
|
background-color: var(--moo-muted-surface);
|
|
4197
4197
|
opacity: 0;
|
|
4198
|
-
transition: opacity
|
|
4198
|
+
transition: opacity 0.15s linear;
|
|
4199
4199
|
}
|
|
4200
4200
|
.input-group > .btn-ghost:hover::before,
|
|
4201
4201
|
.input-group > .btn-ghost:is(.show, [aria-expanded="true"])::before {
|
|
@@ -4491,6 +4491,24 @@ label.btn {
|
|
|
4491
4491
|
[dir="rtl"] .btn-toolbar > .btn {
|
|
4492
4492
|
unicode-bidi: plaintext;
|
|
4493
4493
|
}
|
|
4494
|
+
.btn-group > .btn:hover:not(:focus-visible):not(.active),
|
|
4495
|
+
.btn-group > .btn:focus:not(:focus-visible):not(.active),
|
|
4496
|
+
.btn-group > .btn:active:not(:focus-visible):not(.active),
|
|
4497
|
+
.btn-group-vertical > .btn:hover:not(:focus-visible):not(.active),
|
|
4498
|
+
.btn-group-vertical > .btn:focus:not(:focus-visible):not(.active),
|
|
4499
|
+
.btn-group-vertical > .btn:active:not(:focus-visible):not(.active) {
|
|
4500
|
+
z-index: auto;
|
|
4501
|
+
}
|
|
4502
|
+
.btn-group > .btn-check:checked + .btn:hover,
|
|
4503
|
+
.btn-group > .btn-check:focus + .btn:hover,
|
|
4504
|
+
.btn-group-vertical > .btn-check:checked + .btn:hover,
|
|
4505
|
+
.btn-group-vertical > .btn-check:focus + .btn:hover {
|
|
4506
|
+
z-index: 1;
|
|
4507
|
+
}
|
|
4508
|
+
.btn-group > .btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active,
|
|
4509
|
+
.btn-group-vertical > .btn:not(:disabled):not(.disabled):not([aria-disabled="true"]):active {
|
|
4510
|
+
transform: none;
|
|
4511
|
+
}
|
|
4494
4512
|
.btn-group > .btn-icon,
|
|
4495
4513
|
.btn-group > .btn-icon-xs,
|
|
4496
4514
|
.btn-group > .btn-icon-sm,
|
|
@@ -4531,7 +4549,7 @@ label.btn {
|
|
|
4531
4549
|
.card {
|
|
4532
4550
|
--bs-card-bg: color-mix(in srgb, var(--bs-secondary-bg) 5%, var(--bs-body-bg));
|
|
4533
4551
|
--bs-card-color: var(--moo-foreground);
|
|
4534
|
-
--bs-card-border-color:
|
|
4552
|
+
--bs-card-border-color: var(--moo-border);
|
|
4535
4553
|
--bs-card-border-radius: var(--bs-border-radius-xl);
|
|
4536
4554
|
--bs-card-inner-border-radius: calc(var(--bs-card-border-radius) - var(--bs-card-border-width));
|
|
4537
4555
|
--bs-card-box-shadow: var(--bs-box-shadow-sm);
|
|
@@ -6069,6 +6087,9 @@ label.btn {
|
|
|
6069
6087
|
.accordion-flush .accordion-button {
|
|
6070
6088
|
font-weight: 500;
|
|
6071
6089
|
}
|
|
6090
|
+
.card .accordion {
|
|
6091
|
+
--bs-accordion-bg: transparent;
|
|
6092
|
+
}
|
|
6072
6093
|
.tabs-list {
|
|
6073
6094
|
display: inline-flex;
|
|
6074
6095
|
gap: 0.125rem;
|
|
@@ -7814,7 +7835,7 @@ label.btn {
|
|
|
7814
7835
|
.modal-backdrop,
|
|
7815
7836
|
.offcanvas-backdrop {
|
|
7816
7837
|
--bs-backdrop-opacity: var(--moo-overlay-backdrop-opacity, 1);
|
|
7817
|
-
background-color: var(--moo-overlay-backdrop-bg, color-mix(in srgb,
|
|
7838
|
+
background-color: var(--moo-overlay-backdrop-bg, color-mix(in srgb, #0a0a0a 10%, transparent));
|
|
7818
7839
|
-webkit-backdrop-filter: var(--moo-overlay-backdrop-filter, blur(8px));
|
|
7819
7840
|
backdrop-filter: var(--moo-overlay-backdrop-filter, blur(8px));
|
|
7820
7841
|
}
|