@wwtdev/bsds-css 3.5.0-rc.0 → 3.5.1

package/dist/wwt-bsds-components.css

@@ -1509,7 +1509,7 @@ This must go last to properly override the other classes
   opacity: 0;
 }
 .bs-badge {
-  --badge-bg: var(--bs-accent-6-base);
+  --badge-bg: var(--bs-negative-base);
   --badge-text: var(--bs-white);
   display: inline-block;
 }
@@ -1576,7 +1576,7 @@ This must go last to properly override the other classes
 /* Badge COLORS */
 
 .bs-badge:where([data-badge-color^='blue']) {
-  --badge-bg: var(--bs-primary-base);
+  --badge-bg: var(--bs-primary-base-fixed);
 }
 .bs-badge:where([data-badge-color^='white']) {
   --badge-bg: var(--bs-white);
@@ -1661,7 +1661,7 @@ This must go last to properly override the other classes
 }
 
 .bs-banner:where([data-variant="negative"]) {
-  --banner-bg: var(--bs-accent-6-medium);
+  --banner-bg: var(--bs-negative-base);
 }
 
 @media (min-width: 752px) {
@@ -1677,7 +1677,7 @@ This must go last to properly override the other classes
   --btn-ghost-ink: var(--bs-ink-primary);
   --btn-highlight: var(--bs-primary-lightest);
   --btn-ink: var(--bs-white);
-  --btn-main: var(--bs-primary-base);
+  --btn-main: var(--bs-primary-base-fixed);
   --btn-padding: .25rem .75rem;
   --btn-secondary: var(--bs-primary-medium);
   --btn-text-size: var(--bs-text-md);
@@ -2399,7 +2399,7 @@ a.bs-circle-button {
   align-items: center;
   background-color: var(--btn-icon-bg-color);
   border: none;
-  border-radius: var(--bs-rounded-half);
+  border-radius: var(--bs-rounded-full);
   color: var(--btn-icon-stroke-color);
   display: inline-flex;
   justify-content: center;
@@ -2411,7 +2411,7 @@ a.bs-circle-button {
 
 .bs-circle-button :where(.bs-circle-button-icon)::before {
   border-color: var(--btn-border-color);
-  border-radius: var(--bs-rounded-half);
+  border-radius: var(--bs-rounded-full);
   border-style: solid;
   border-width: 0.125rem;
   content: '';
@@ -3860,7 +3860,7 @@ data-autosize-icons="true" - see above
 
 .bs-boolean :where([type='radio']),
 .bs-radio {
-  border-radius: var(--bs-rounded-half);
+  border-radius: var(--bs-rounded-full);
 }
 
 /* Checkbox's checkbox, checkmark.  Checkmark is hidden unless checked/indeterminate. */
@@ -3902,7 +3902,7 @@ data-autosize-icons="true" - see above
 .bs-radio::before {
   --radio-filled-size: var(--filled-size, 1rem);
   background-color: var(--fill-bg-color, var(--bs-primary-base));
-  border-radius: var(--bs-rounded-half);
+  border-radius: var(--bs-rounded-full);
   box-sizing: content-box;
   content: '';
   height: var(--radio-filled-size);
@@ -3913,7 +3913,7 @@ data-autosize-icons="true" - see above
 .bs-boolean :where([type="radio"])::after,
 .bs-radio::after {
   background-color: var(--bs-bg-base);
-  border-radius: var(--bs-rounded-half);
+  border-radius: var(--bs-rounded-full);
   box-sizing: content-box;
   content: '';
   height: var(--inner-dot-size, 0.375rem);
@@ -4436,7 +4436,7 @@ label:where(.bs-label) {
 /* ----- loader dots ----- */
 .bs-loader > :where(*:not(.bs-visually-hidden)) {
   background-color: var(--loader-dot-bg);
-  border-radius: var(--bs-rounded-half);
+  border-radius: var(--bs-rounded-full);
   display: block;
   height: var(--loader-dot-size);
   position: absolute;
@@ -5075,7 +5075,7 @@ label:where(.bs-label) {
   --profile-text: 0.8125rem;
 
   aspect-ratio: 1/1;
-  border-radius: var(--bs-rounded-half);
+  border-radius: var(--bs-rounded-full);
   color: var(--bs-ink-primary);
   height: var(--profile-size);
   overflow: hidden;
@@ -5095,7 +5095,7 @@ label:where(.bs-label) {
 
 .bs-profile-img::before,
 .bs-profile-img::after {
-  border-radius: var(--bs-rounded-half);
+  border-radius: var(--bs-rounded-full);
   border-collapse: collapse;
   height: 100%;
   inset: 0;
@@ -5315,7 +5315,7 @@ a.bs-profile:where([data-layout]):hover {
 }
 
 .bs-spinner:where([data-variant="gradient"]) :where(linearGradient stop) {
-  stop-color: var(--bs-secondary-base-fixed);
+  stop-color: var(--bs-secondary-base);
 }
 .bs-spinner:where([data-variant="gradient"]) :where(linearGradient stop:first-child) {
   stop-color: var(--bs-primary-base-fixed);
@@ -5422,7 +5422,7 @@ a.bs-profile:where([data-layout]):hover {
 /* Toggle "ball" */
 .bs-switch :where(span)::before {
   background-color: var(--ball-background);
-  border-radius: var(--bs-rounded-half);
+  border-radius: var(--bs-rounded-full);
   box-sizing: border-box;
   content: '';
   height: var(--ball-diameter);
@@ -6367,7 +6367,7 @@ a.bs-text-button {
 
 .bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"]),
 :is(.dark, [data-theme="wwt-dark"], [data-theme="softchoice-dark"]) :where(.bs-vertical-nav-wrapper:where([data-bg-variant="bg-base"])) {
-  --active-color: var(--bs-blue-10);
+  --active-color: var(--bs-primary-highlight);
   --bg-color: var(--bs-bg-base);
   --border-color: var(--bs-border-medium);
   --text-color: var(--bs-ink-medium);