@wwtdev/bsds-css 2.33.0 → 2.33.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 (11) hide show
  1. package/dist/components/_vertical-navigation.scss +12 -12
  2. package/dist/components/vertical-navigation.css +12 -12
  3. package/dist/wwt-bsds.css +11 -11
  4. package/dist/wwt-bsds.min.css +1 -1
  5. package/package.json +5 -1
  6. package/dist/wwt-bsds-components.css +0 -6314
  7. package/dist/wwt-bsds-components.min.css +0 -1
  8. package/dist/wwt-bsds-tokens.css +0 -783
  9. package/dist/wwt-bsds-tokens.min.css +0 -1
  10. package/dist/wwt-bsds-utilities.css +0 -1266
  11. package/dist/wwt-bsds-utilities.min.css +0 -1
package/dist/components/_vertical-navigation.scss CHANGED
@@ -20,7 +20,13 @@
20
20
  --top-offset: 48px;
21
21
  }
22
22
 
23
- .bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"]) {
23
+ .dark :where(.bs-vertical-nav-wrapper) {
24
+ --bg-color: var(--bs-bg-base);
25
+ --border-color: var(--bs-border-medium);
26
+ }
27
+
28
+ .bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"]),
29
+ .dark :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
24
30
  --active-color: var(--bs-blue-10);
25
31
  --bg-color: var(--bs-bg-base);
26
32
  --border-color: var(--bs-border-medium);
@@ -32,17 +38,6 @@
32
38
  --toggle-color: var(--bs-ink-medium);
33
39
  }
34
40
 
35
- .dark :where(.bs-vertical-nav-wrapper),
36
- .dark :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
37
- --active-color: rgba(255, 255, 255, 0.25);
38
- --bg-color: var(--bs-bg-base);
39
- --border-color: var(--bs-border-medium);
40
- --text-color: var(--bs-white);
41
- --link-color: var(--bs-white);
42
- --link-hover-color: var(--bs-white);
43
- --link-active-color: var(--bs-white);
44
- }
45
-
46
41
  .bs-vertical-nav {
47
42
  -ms-overflow-style: none; /* Internet Explorer 10+ */
48
43
  background-color: var(--bg-color);
@@ -88,6 +83,11 @@
88
83
  visibility: visible;
89
84
  pointer-events: auto;
90
85
  width: var(--bs-vertical-nav-width);
86
+ position: fixed;
87
+ }
88
+
89
+ .bs-vertical-nav:where([data-sticky="true"]) {
90
+ position: sticky;
91
91
  }
92
92
 
93
93
  .bs-vertical-nav:where([data-narrow="true"]) {
package/dist/components/vertical-navigation.css CHANGED
@@ -19,7 +19,13 @@
19
19
  --top-offset: 48px;
20
20
  }
21
21
 
22
- .bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"]) {
22
+ .dark :where(.bs-vertical-nav-wrapper) {
23
+ --bg-color: var(--bs-bg-base);
24
+ --border-color: var(--bs-border-medium);
25
+ }
26
+
27
+ .bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"]),
28
+ .dark :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
23
29
  --active-color: var(--bs-blue-10);
24
30
  --bg-color: var(--bs-bg-base);
25
31
  --border-color: var(--bs-border-medium);
@@ -31,17 +37,6 @@
31
37
  --toggle-color: var(--bs-ink-medium);
32
38
  }
33
39
 
34
- .dark :where(.bs-vertical-nav-wrapper),
35
- .dark :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
36
- --active-color: rgba(255, 255, 255, 0.25);
37
- --bg-color: var(--bs-bg-base);
38
- --border-color: var(--bs-border-medium);
39
- --text-color: var(--bs-white);
40
- --link-color: var(--bs-white);
41
- --link-hover-color: var(--bs-white);
42
- --link-active-color: var(--bs-white);
43
- }
44
-
45
40
  .bs-vertical-nav {
46
41
  -ms-overflow-style: none; /* Internet Explorer 10+ */
47
42
  background-color: var(--bg-color);
@@ -87,6 +82,11 @@
87
82
  visibility: visible;
88
83
  pointer-events: auto;
89
84
  width: var(--bs-vertical-nav-width);
85
+ position: fixed;
86
+ }
87
+
88
+ .bs-vertical-nav:where([data-sticky="true"]) {
89
+ position: sticky;
90
90
  }
91
91
 
92
92
  .bs-vertical-nav:where([data-narrow="true"]) {
package/dist/wwt-bsds.css CHANGED
@@ -6069,7 +6069,12 @@ This must go last to properly override the other classes
6069
6069
  --toggle-color: var(--bs-white);
6070
6070
  --top-offset: 48px;
6071
6071
  }
6072
- .bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"]) {
6072
+ .dark :where(.bs-vertical-nav-wrapper) {
6073
+ --bg-color: var(--bs-bg-base);
6074
+ --border-color: var(--bs-border-medium);
6075
+ }
6076
+ .bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"]),
6077
+ .dark :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
6073
6078
  --active-color: var(--bs-blue-10);
6074
6079
  --bg-color: var(--bs-bg-base);
6075
6080
  --border-color: var(--bs-border-medium);
@@ -6080,16 +6085,6 @@ This must go last to properly override the other classes
6080
6085
  --toggle-bg-color: var(--bs-bg-base);
6081
6086
  --toggle-color: var(--bs-ink-medium);
6082
6087
  }
6083
- .dark :where(.bs-vertical-nav-wrapper),
6084
- .dark :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
6085
- --active-color: rgba(255, 255, 255, 0.25);
6086
- --bg-color: var(--bs-bg-base);
6087
- --border-color: var(--bs-border-medium);
6088
- --text-color: var(--bs-white);
6089
- --link-color: var(--bs-white);
6090
- --link-hover-color: var(--bs-white);
6091
- --link-active-color: var(--bs-white);
6092
- }
6093
6088
  .bs-vertical-nav {
6094
6089
  -ms-overflow-style: none; /* Internet Explorer 10+ */
6095
6090
  background-color: var(--bg-color);
@@ -6132,6 +6127,11 @@ This must go last to properly override the other classes
6132
6127
  visibility: visible;
6133
6128
  pointer-events: auto;
6134
6129
  width: var(--bs-vertical-nav-width);
6130
+ position: fixed;
6131
+ }
6132
+
6133
+ .bs-vertical-nav:where([data-sticky="true"]) {
6134
+ position: sticky;
6135
6135
  }
6136
6136
 
6137
6137
  .bs-vertical-nav:where([data-narrow="true"]) {