@wwtdev/bsds-css 3.0.2 → 3.0.4
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/dist/wwt-bsds-components.css +24 -15
- package/dist/wwt-bsds-components.min.css +1 -1
- package/dist/wwt-bsds-preset.js +6 -27
- package/dist/wwt-bsds-tokens.css +4 -1
- package/dist/wwt-bsds-tokens.min.css +1 -1
- package/dist/wwt-bsds-utilities.css +7 -0
- package/dist/wwt-bsds-utilities.min.css +1 -1
- package/dist/wwt-bsds.css +37 -17
- package/dist/wwt-bsds.min.css +1 -1
- package/package.json +4 -5
|
@@ -767,7 +767,7 @@ Custom properties:
|
|
|
767
767
|
.bs-toast-deprecated {
|
|
768
768
|
--toast-transform: translate(0, calc(100% + 1.5rem));
|
|
769
769
|
|
|
770
|
-
background-color: var(--bs-bg-base-
|
|
770
|
+
background-color: var(--bs-bg-base-to-light);
|
|
771
771
|
border-top: 4px solid var(--bs-primary-base);
|
|
772
772
|
bottom: 1.5rem;
|
|
773
773
|
box-shadow: var(--bs-shadow-contentMedium);
|
|
@@ -5183,27 +5183,22 @@ a.bs-text-button {
|
|
|
5183
5183
|
--toggle-color: var(--bs-white);
|
|
5184
5184
|
--top-offset: 48px;
|
|
5185
5185
|
}
|
|
5186
|
-
.bs-vertical-nav-wrapper
|
|
5186
|
+
.dark :where(.bs-vertical-nav-wrapper) {
|
|
5187
|
+
--bg-color: var(--bs-bg-base);
|
|
5188
|
+
--border-color: var(--bs-border-medium);
|
|
5189
|
+
}
|
|
5190
|
+
.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"]),
|
|
5191
|
+
.dark :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
|
|
5187
5192
|
--active-color: var(--bs-blue-10);
|
|
5188
5193
|
--bg-color: var(--bs-bg-base);
|
|
5189
5194
|
--border-color: var(--bs-border-medium);
|
|
5190
5195
|
--text-color: var(--bs-ink-medium);
|
|
5191
5196
|
--link-color: var(--bs-ink-medium);
|
|
5192
|
-
--link-hover-color: var(--bs-ink-
|
|
5193
|
-
--link-active-color: var(--bs-ink-
|
|
5197
|
+
--link-hover-color: var(--bs-ink-primary);
|
|
5198
|
+
--link-active-color: var(--bs-ink-primary);
|
|
5194
5199
|
--toggle-bg-color: var(--bs-bg-base);
|
|
5195
5200
|
--toggle-color: var(--bs-ink-medium);
|
|
5196
5201
|
}
|
|
5197
|
-
.dark :where(.bs-vertical-nav-wrapper),
|
|
5198
|
-
.dark :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
|
|
5199
|
-
--active-color: rgba(255, 255, 255, 0.25);
|
|
5200
|
-
--bg-color: var(--bs-bg-base);
|
|
5201
|
-
--border-color: var(--bs-border-medium);
|
|
5202
|
-
--text-color: var(--bs-white);
|
|
5203
|
-
--link-color: var(--bs-white);
|
|
5204
|
-
--link-hover-color: var(--bs-white);
|
|
5205
|
-
--link-active-color: var(--bs-white);
|
|
5206
|
-
}
|
|
5207
5202
|
.bs-vertical-nav {
|
|
5208
5203
|
-ms-overflow-style: none; /* Internet Explorer 10+ */
|
|
5209
5204
|
background-color: var(--bg-color);
|
|
@@ -5473,7 +5468,7 @@ a.bs-text-button {
|
|
|
5473
5468
|
font-weight: 600;
|
|
5474
5469
|
}
|
|
5475
5470
|
.bs-vertical-nav-section:where([data-app-links="true"]) :where(ul li a:hover) {
|
|
5476
|
-
color: var(--bs-ink-
|
|
5471
|
+
color: var(--bs-ink-primary);
|
|
5477
5472
|
}
|
|
5478
5473
|
.bs-vertical-nav :where(ul li a[data-active="true"]) {
|
|
5479
5474
|
background-color: var(--active-color);
|
|
@@ -6064,6 +6059,20 @@ a.bs-text-button {
|
|
|
6064
6059
|
height: var(--bs-space-4);
|
|
6065
6060
|
width: var(--bs-space-4);
|
|
6066
6061
|
}
|
|
6062
|
+
/* turn off auto-added icon if consumer adds their own BsIcon to the html */
|
|
6063
|
+
.bs-toast :where(.bs-pop-header:has(.bs-icon), .bs-pop-title:has(.bs-icon)) {
|
|
6064
|
+
|
|
6065
|
+
&::before {
|
|
6066
|
+
display: none;
|
|
6067
|
+
}
|
|
6068
|
+
|
|
6069
|
+
:where(.bs-icon) {
|
|
6070
|
+
color: var(--toast-icon-color);
|
|
6071
|
+
flex-shrink: 0;
|
|
6072
|
+
height: var(--bs-space-4);
|
|
6073
|
+
width: var(--bs-space-4);
|
|
6074
|
+
}
|
|
6075
|
+
}
|
|
6067
6076
|
/* Toast Body */
|
|
6068
6077
|
.bs-toast :where(.bs-pop-body) {
|
|
6069
6078
|
color: var(--bs-ink-light);
|