@wpmoo/ui 1.0.0-rc.10 → 1.0.0-rc.11
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 +2 -2
- package/certification.json +1 -1
- package/dist/assets/css/moo-ui.css +64 -2
- package/dist/assets/css/moo-ui.min.css +2 -2
- package/dist/assets/css/moo.css +64 -2
- package/dist/assets/css/moo.min.css +2 -2
- 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 +1 -1
- package/dist/js/datepicker.js +1 -1
- package/dist/js/datepicker.min.js +1 -1
- package/dist/js/moo-ui.js +1 -1
- package/dist/js/moo-ui.min.js +1 -1
- package/dist/js/sheet.js +1 -1
- package/dist/js/sidebar.js +1 -1
- package/dist/js/slider.js +1 -1
- package/dist/js/state.js +1 -1
- package/dist/release-manifest.json +4 -4
- package/package.json +1 -1
- package/scss/components/_navigation.scss +75 -0
- package/scss/foundations/_scope.scss +2 -1
- package/scss/mixins/_banner.scss +1 -1
- package/scss/utilities/_border.scss +4 -0
package/dist/assets/css/moo.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/*!
|
|
2
|
-
* Moo UI v1.0.0-rc.
|
|
2
|
+
* Moo UI v1.0.0-rc.11 (https://wpmoo.org/)
|
|
3
3
|
* Copyright 2026 WPMoo Authors
|
|
4
4
|
* Licensed under MIT (https://github.com/wpmoo-org/ui/blob/main/LICENSE)
|
|
5
5
|
*
|
|
@@ -4743,6 +4743,13 @@ label.btn {
|
|
|
4743
4743
|
--bs-nav-link-color: var(--moo-foreground);
|
|
4744
4744
|
--bs-nav-link-hover-color: var(--moo-foreground);
|
|
4745
4745
|
--bs-nav-link-disabled-color: var(--moo-disabled-foreground);
|
|
4746
|
+
--bs-nav-link-description-color: color-mix(in srgb, var(--moo-muted-foreground) 95%, var(--moo-foreground));
|
|
4747
|
+
}
|
|
4748
|
+
.nav-link-description {
|
|
4749
|
+
color: var(--bs-nav-link-description-color);
|
|
4750
|
+
}
|
|
4751
|
+
.nav-link.disabled .nav-link-description {
|
|
4752
|
+
color: var(--bs-nav-link-disabled-color);
|
|
4746
4753
|
}
|
|
4747
4754
|
.nav-pills {
|
|
4748
4755
|
--bs-nav-pills-border-radius: var(--bs-border-radius);
|
|
@@ -4768,6 +4775,56 @@ label.btn {
|
|
|
4768
4775
|
height: 1rem;
|
|
4769
4776
|
flex: 0 0 auto;
|
|
4770
4777
|
}
|
|
4778
|
+
.nav-link-icon {
|
|
4779
|
+
display: inline-flex;
|
|
4780
|
+
align-items: center;
|
|
4781
|
+
flex: 0 0 auto;
|
|
4782
|
+
}
|
|
4783
|
+
.nav-steps {
|
|
4784
|
+
--bs-nav-step-icon-size: 2rem;
|
|
4785
|
+
--bs-nav-step-gap: 0.25rem;
|
|
4786
|
+
gap: var(--bs-nav-step-gap);
|
|
4787
|
+
}
|
|
4788
|
+
.nav-steps .nav-item {
|
|
4789
|
+
position: relative;
|
|
4790
|
+
}
|
|
4791
|
+
.nav-steps .nav-item:not(:only-child)::before {
|
|
4792
|
+
position: absolute;
|
|
4793
|
+
z-index: 1;
|
|
4794
|
+
inset-inline-start: calc(var(--bs-nav-link-padding-x) + var(--bs-nav-step-icon-size) / 2);
|
|
4795
|
+
inset-block: calc(var(--bs-nav-step-gap) / -2);
|
|
4796
|
+
border-inline-start: var(--bs-border-width) solid var(--bs-border-color);
|
|
4797
|
+
content: "";
|
|
4798
|
+
pointer-events: none;
|
|
4799
|
+
}
|
|
4800
|
+
.nav-steps .nav-item:first-child::before {
|
|
4801
|
+
inset-block-start: 50%;
|
|
4802
|
+
}
|
|
4803
|
+
.nav-steps .nav-item:last-child::before {
|
|
4804
|
+
inset-block-end: 50%;
|
|
4805
|
+
}
|
|
4806
|
+
.nav-steps .nav-link-icon {
|
|
4807
|
+
position: relative;
|
|
4808
|
+
z-index: 2;
|
|
4809
|
+
display: inline-flex;
|
|
4810
|
+
align-items: center;
|
|
4811
|
+
justify-content: center;
|
|
4812
|
+
flex: 0 0 var(--bs-nav-step-icon-size);
|
|
4813
|
+
inline-size: var(--bs-nav-step-icon-size);
|
|
4814
|
+
block-size: var(--bs-nav-step-icon-size);
|
|
4815
|
+
color: var(--moo-foreground);
|
|
4816
|
+
background-color: var(--moo-muted-surface);
|
|
4817
|
+
border: var(--bs-border-width) solid var(--bs-border-color);
|
|
4818
|
+
border-radius: var(--bs-border-radius);
|
|
4819
|
+
}
|
|
4820
|
+
.nav-steps .nav-link.disabled .nav-link-icon {
|
|
4821
|
+
color: var(--moo-disabled-foreground);
|
|
4822
|
+
}
|
|
4823
|
+
.nav-steps .nav-item[data-nav-completed="true"] .nav-link-icon {
|
|
4824
|
+
color: var(--moo-primary-foreground);
|
|
4825
|
+
background-color: var(--moo-primary);
|
|
4826
|
+
border-color: var(--moo-primary);
|
|
4827
|
+
}
|
|
4771
4828
|
|
|
4772
4829
|
/* Skeleton */
|
|
4773
4830
|
.skeleton {
|
|
@@ -7793,7 +7850,12 @@ label.btn {
|
|
|
7793
7850
|
box-shadow: none;
|
|
7794
7851
|
}
|
|
7795
7852
|
|
|
7796
|
-
/*
|
|
7853
|
+
/* Utilities */
|
|
7854
|
+
|
|
7855
|
+
/* Border utilities */
|
|
7856
|
+
.border-dashed {
|
|
7857
|
+
border-style: dashed !important;
|
|
7858
|
+
}
|
|
7797
7859
|
:where( .scroll-fade, .scroll-fade-y, .scroll-fade-x, .scroll-fade-t, .scroll-fade-b, .scroll-fade-l, .scroll-fade-r, .scroll-fade-s, .scroll-fade-e ) {
|
|
7798
7860
|
--scroll-fade-size: min(12%, 2.5rem);
|
|
7799
7861
|
--scroll-fade-reveal: 6rem;
|