@wwtdev/bsds-css 3.0.9 → 3.0.10

package/dist/wwt-bsds-components.css

@@ -1576,14 +1576,8 @@ See: https://github.wwt.com/custom-apps/wwt-blue-steel/pull/917
   --btn-main: var(--bs-negative-base);
   --btn-secondary: var(--bs-negative-medium);
 }
-.bs-button:where([data-variant^='accent-1']) {
-  --btn-ghost-ink: var(--bs-ink-accent-1);
-  --btn-highlight: var(--bs-accent-1-base);
-  --btn-light: var(--bs-accent-1-highlight);
-  --btn-main: var(--bs-accent-1-base);
-  --btn-secondary: var(--bs-accent-1-medium);
-}
 /* DEPRECATED - royal blue variant (use accent-1 instead) */
+.bs-button:where([data-variant^='accent-1']),
 .bs-button:where([data-variant^='royal']) {
   --btn-ghost-ink: var(--bs-ink-accent-1);
   --btn-highlight: var(--bs-accent-1-base);
@@ -1591,21 +1585,8 @@ See: https://github.wwt.com/custom-apps/wwt-blue-steel/pull/917
   --btn-main: var(--bs-accent-1-base);
   --btn-secondary: var(--bs-accent-1-medium);
 }
-.bs-button:where([data-variant^='accent-2']) {
-  --btn-ghost-ink: var(--bs-ink-accent-2);
-  --btn-highlight: var(--bs-accent-2-base);
-  --btn-light: var(--bs-accent-2-highlight);
-  --btn-main: var(--bs-accent-2-base);
-  --btn-secondary: var(--bs-accent-2-medium);
-}
-.bs-button:where([data-variant^='accent-3']) {
-  --btn-ghost-ink: var(--bs-ink-accent-3);
-  --btn-highlight: var(--bs-accent-3-base);
-  --btn-light: var(--bs-accent-3-highlight);
-  --btn-main: var(--bs-accent-3-base);
-  --btn-secondary: var(--bs-accent-3-medium);
-}
 /* DEPRECATED - pink variant (use accent-3 instead) */
+.bs-button:where([data-variant^='accent-3']),
 .bs-button:where([data-variant^='pink']) {
   --btn-ghost-ink: var(--bs-ink-accent-3);
   --btn-highlight: var(--bs-accent-3-base);
@@ -1613,6 +1594,13 @@ See: https://github.wwt.com/custom-apps/wwt-blue-steel/pull/917
   --btn-main: var(--bs-accent-3-base);
   --btn-secondary: var(--bs-accent-3-medium);
 }
+.bs-button:where([data-variant^='accent-4']) {
+  --btn-ghost-ink: var(--bs-ink-accent-4);
+  --btn-highlight: var(--bs-accent-4-base);
+  --btn-light: var(--bs-accent-4-highlight);
+  --btn-main: var(--bs-accent-4-base);
+  --btn-secondary: var(--bs-accent-4-medium);
+}
 /* white variant - for dark backgrounds + ghost btn or text btn only */
 .bs-button:where([data-variant^='white'][data-ghost]:not([data-ghost="false"])) {
   --btn-ghost-ink: var(--bs-ink-white);
@@ -2064,11 +2052,7 @@ a.bs-circle-button {
   --btn-secondary: transparent;
   --btn-shadow-color-active: transparent;
 }
-.bs-circle-button:where([data-variant="color-primary"]) {
-  --btn-border-color-focused: var(--bs-ink-primary);
-  --btn-text-color: var(--bs-ink-primary);
-  --btn-text-color-hovered: var(--bs-primary-base);
-}
+.bs-circle-button:where([data-variant="color-primary"]),
 /* DEPRECATED - blue variant (use primary instead) */
 .bs-circle-button:where([data-variant="color-blue"]) {
   --btn-border-color-focused: var(--bs-ink-primary);
@@ -2080,56 +2064,41 @@ a.bs-circle-button {
   --btn-text-color: var(--bs-ink-positive);
   --btn-text-color-hovered: var(--bs-positive-medium);
 }
-/* DEPRECATED - purple variant (use positive instead) */
-.bs-circle-button:where([data-variant="color-purple"]) {
-  --btn-border-color-focused: var(--bs-positive-base);
-  --btn-text-color: var(--bs-ink-positive);
-  --btn-text-color-hovered: var(--bs-positive-medium);
-}
-.bs-circle-button:where([data-variant="color-warning"]) {
-  --btn-border-color-focused: var(--bs-ink-warning);
-  --btn-text-color: var(--bs-ink-warning);
-  --btn-text-color-hovered: var(--bs-warning-base);
-}
+.bs-circle-button:where([data-variant="color-warning"]),
 /* DEPRECATED - orange variant (use warning instead) */
 .bs-circle-button:where([data-variant="color-orange"]) {
   --btn-border-color-focused: var(--bs-ink-warning);
   --btn-text-color: var(--bs-ink-warning);
   --btn-text-color-hovered: var(--bs-warning-base);
 }
-.bs-circle-button:where([data-variant="color-negative"]) {
-  --btn-border-color-focused: var(--bs-ink-negative);
-  --btn-text-color: var(--bs-ink-negative);
-  --btn-text-color-hovered: var(--bs-negative-base);
-}
+.bs-circle-button:where([data-variant="color-negative"]),
 /* DEPRECATED - red variant (use negative instead) */
 .bs-circle-button:where([data-variant="color-red"]) {
-  --btn-border-color-focused: var(--bs-ink-regative);
+  --btn-border-color-focused: var(--bs-ink-negative);
   --btn-text-color: var(--bs-ink-negative);
   --btn-text-color-hovered: var(--bs-negative-base);
 }
-.bs-circle-button:where([data-variant="color-accent-1"]) {
-  --btn-border-color-focused: var(--bs-ink-accent-1);
-  --btn-text-color: var(--bs-ink-accent-1);
-  --btn-text-color-hovered: var(--bs-accent-1-medium);
-}
+.bs-circle-button:where([data-variant="color-accent-1"]),
 /* DEPRECATED - royal blue variant (use accent-1 instead) */
 .bs-circle-button:where([data-variant="color-royal"]) {
   --btn-border-color-focused: var(--bs-ink-accent-1);
   --btn-text-color: var(--bs-ink-accent-1);
   --btn-text-color-hovered: var(--bs-accent-1-medium);
 }
-.bs-circle-button:where([data-variant="color-accent-3"]) {
-  --btn-border-color-focused: var(--bs-accent-3-base);
-  --btn-text-color: var(--bs-ink-accent-3);
-  --btn-text-color-hovered: var(--bs-accent-3-medium);
-}
+.bs-circle-button:where([data-variant="color-accent-3"]),
 /* DEPRECATED - pink variant (use accent-3 instead) */
 .bs-circle-button:where([data-variant="color-pink"]) {
   --btn-border-color-focused: var(--bs-accent-3-base);
   --btn-text-color: var(--bs-ink-accent-3);
   --btn-text-color-hovered: var(--bs-accent-3-medium);
 }
+.bs-circle-button:where([data-variant="color-accent-4"]),
+/* DEPRECATED - purple variant (use accent-4 instead) */
+.bs-circle-button:where([data-variant="color-purple"]) {
+  --btn-border-color-focused: var(--bs-accent-4-base);
+  --btn-text-color: var(--bs-ink-accent-4);
+  --btn-text-color-hovered: var(--bs-accent-4-medium);
+}
 .bs-circle-button:where([data-variant="color-white"]) {
   --btn-border-color-focused: var(--bs-ink-white);
   --btn-text-color: var(--bs-ink-white);