@wwtdev/bsds-css 1.15.11 → 1.15.12

package/dist/components/_accordions.scss

@@ -103,7 +103,7 @@
 }
 
 /* Accordion Group */
-:where(.bs-accordion[data-stacked]) + .bs-accordion:where([data-stacked]) {
+:where(.bs-accordion[data-stacked]:not([data-stacked="false"])) + .bs-accordion:where([data-stacked]:not([data-stacked="false"])) {
   border-block-start-color: transparent;
 }
 

package/dist/components/_banner.scss

@@ -10,7 +10,7 @@
   padding-top: 1rem;
 }
 
-.bs-banner:where([data-dismissed]) {
+.bs-banner:where([data-dismissed]:not([data-dismissed="false"])) {
   display: none;
 }
 

package/dist/components/_buttons.scss

@@ -66,21 +66,21 @@
 }
 
 /* Ghost Buttons */
-.bs-button:where([data-ghost]) {
+.bs-button:where([data-ghost]:not([data-ghost="false"])) {
   --btn-light: var(--bs-blue-10);
   --btn-secondary: var(--bs-blue-10);
   background-color: transparent;
   box-shadow: inset 0 0 0 1px var(--btn-main);
   color: var(--btn-main);
 }
-.bs-button:where([data-ghost])::before {
+.bs-button:where([data-ghost]:not([data-ghost="false"]))::before {
   border-radius: 0.4375rem;
 }
-.bs-button:where([data-ghost]):hover,
-.bs-button:where([data-ghost]):focus {
+.bs-button:where([data-ghost]:not([data-ghost="false"])):hover,
+.bs-button:where([data-ghost]:not([data-ghost="false"])):focus {
   background-color: var(--btn-light);
 }
-.bs-button:where([data-ghost]):active {
+.bs-button:where([data-ghost]:not([data-ghost="false"])):active {
   box-shadow:
     inset 0 0 0 1px var(--btn-main),
     inset 0px 0px 4px 1px var(--btn-highlight);
@@ -119,7 +119,7 @@
 }
 
 /* Text Button */
-.bs-button:where([data-text]) {
+.bs-button:where([data-text]:not([data-text="false"])) {
   --btn-padding: 0 0;
   --btn-focus-pseudo-width: calc(100% + 1.25rem); /* text btns don't have side padding, but we do want focus outline to look padded */
   background-color: transparent;
@@ -129,15 +129,15 @@
   font-weight: 400;
   line-height: 150%;
 }
-.bs-button:where([data-text]):hover {
+.bs-button:where([data-text]:not([data-text="false"])):hover {
   color: var(--bs-blue-base);
   background-color: transparent;
   text-decoration: underline;
 }
-.bs-button:where([data-text]):has(svg):hover {
+.bs-button:where([data-text]:not([data-text="false"])):has(svg):hover {
   text-decoration: none;
 }
-.bs-button:where([data-text]):active {
+.bs-button:where([data-text]:not([data-text="false"])):active {
   box-shadow: none;
 }
 
@@ -145,29 +145,29 @@
 .bs-button:where([data-size^='sm']) {
   font-size: var(--bs-text-sm);
 }
-.bs-button:where([data-text][data-size^='sm']) {
+.bs-button:where([data-size^='sm']):where([data-text]:not([data-text="false"])) {
   font-size: var(--bs-text-base);
 }
 
 /* Disabled Styling */
 :where(button:disabled),
 .bs-button:where(:disabled),
-.bs-button:where([aria-disabled='true']) /* for links as buttons */ {
+.bs-button:where([aria-disabled="true"]) /* for links as buttons */ {
   pointer-events: none;
 }
 .bs-button:where(:disabled),
-.bs-button:where([aria-disabled='true']) {
+.bs-button:where([aria-disabled="true"]) {
   color: var(--bs-gray-400);
   background-color: var(--bs-gray-200);
 }
 
-.bs-button:where([data-ghost]):disabled,
-.bs-button:where([data-ghost])[aria-disabled='true'] {
+.bs-button:where([data-ghost]:not([data-ghost="false"])):disabled,
+.bs-button:where([data-ghost]:not([data-ghost="false"]))[aria-disabled="true"] {
   box-shadow: inset 0 0 0 1px var(--bs-gray-400);
 }
 
-.bs-button:where([data-text]):disabled,
-.bs-button:where([data-text][aria-disabled='true']) {
+.bs-button:where([data-text]:where([data-text])):disabled,
+.bs-button:where([data-text]:where([data-text]))[aria-disabled="true"] {
   background-color: transparent;
 }
 

package/dist/components/_circle-buttons.scss

@@ -72,7 +72,7 @@ a.bs-circle-button {
 }
 
 /* Icon Buttons with Text */
-.bs-circle-button:where([data-text]) {
+.bs-circle-button:where([data-text]:not([data-text="false"])) {
   --btn-border-radius: 0.5rem;
 }
 

package/dist/components/_dropdown.scss

@@ -53,12 +53,12 @@
   margin-left: -0.75rem;
   width: calc(100% + 1.5rem);
 }
-.bs-dropdown:where([data-search]) :where(.bs-dropdown-options) {
+.bs-dropdown:where([data-search]:not([data-search="false"])) :where(.bs-dropdown-options) {
   --options-height-max: 11.5rem;
 }
 
 /* data-shown */
-.bs-dropdown:where([data-shown]) {
+.bs-dropdown:where([data-shown]:not([data-shown="false"])) {
   opacity: 1;
   transform: translateY(0);
   z-index: 999;
@@ -103,18 +103,18 @@
   }
 
   /* data-shown */
-  .bs-dropdown:where([data-shown]) {
+  .bs-dropdown:where([data-shown]:not([data-shown="false"])) {
     opacity: 1;
   }
 
   /* data-top */
-  .bs-dropdown:where([data-top]) {
+  .bs-dropdown:where([data-top]:not([data-top="false"])) {
     --dropdown-wscreen-bottom: calc(100% + 0.5rem);
     --dropdown-wscreen-top: auto;
   }
 
   /* data-justify="center" */
-  .bs-dropdown-parent:where([data-center]) :where(.bs-dropdown) {
+  .bs-dropdown-parent:where([data-center]:not([data-center="false"])) :where(.bs-dropdown) {
     --dropdown-wscreen-left: 50%;
     transform: translateX(-50%);
   }
@@ -122,7 +122,7 @@
   .bs-dropdown :where(.bs-dropdown-options) {
     --options-height-max: 20rem;
   }
-  .bs-dropdown:where([data-search]) :where(.bs-dropdown-options) {
+  .bs-dropdown:where([data-search]:not([data-search="false"])) :where(.bs-dropdown-options) {
     --options-height-max: 17.25rem;
   }
 }

package/dist/components/_form-booleans.scss

@@ -177,7 +177,7 @@ input:where([type='radio']):checked:disabled::before {
 
 /* Error state */
 
-input:where([type='checkbox'], [type='radio'])[data-error] {
+input:where([type='checkbox'], [type='radio'])[data-error]:where(:not([data-error="false"])) {
   --box-shadow: var(--bs-red-base);
   --outline-color: var(--bs-red-base);
 }

package/dist/components/_form-elements.scss

@@ -1,11 +1,11 @@
 @mixin form-elements() {
   /* Generally applicable (all input types) */
-:where([data-required]) {
+:where([data-required]:not([data-required="false"])) {
   color: var(--bs-ink-red);
   font-weight: var(--bs-font-bold, 600);
 }
 
-:where([data-disabled], [data-disabled] [data-required]) {
+:where([data-disabled]:not([data-disabled="false"]), [data-disabled]:not([data-disabled="false"]) [data-required]:not([data-required="false"])) {
   color: var(--bs-gray-400);
 }
 
@@ -17,7 +17,7 @@
 }
 
 /* Errors and Messages */
-:is(input, select, textarea):where([data-error]) {
+:is(input, select, textarea):where([data-error]:not([data-error="false"])) {
   --input-border: var(--bs-ink-red);
 }
 

package/dist/components/_form-hints.scss

@@ -10,7 +10,7 @@
   overflow-wrap: break-word;
 }
 
-.bs-hint:where([data-error]) {
+.bs-hint:where([data-error]:not([data-error="false"])) {
   --hint-color: var(--bs-ink-red);
 }
 

package/dist/components/_form-input-composite.scss

@@ -132,8 +132,9 @@ and issues with box-sizing
 }
 
 .bs-input-addon:where(:not([data-multifocus]):focus-within),
-.bs-input-addon:where([data-multifocus]) :where(input, select):where(:focus, :focus-within, :focus-visible),
-.bs-input-addon:where([data-multifocus]) :is(bs-input, bs-select) :where(input, select):where(:focus, :focus-within, :focus-visible) {
+.bs-input-addon:where([data-multifocus="false"]:focus-within),
+.bs-input-addon:where([data-multifocus]:not([data-multifocus="false"])) :where(input, select):where(:focus, :focus-within, :focus-visible),
+.bs-input-addon:where([data-multifocus]:not([data-multifocus="false"])) :is(bs-input, bs-select) :where(input, select):where(:focus, :focus-within, :focus-visible) {
   --input-border: var(--focus-border);
   position: relative;
   z-index: 1;
@@ -148,14 +149,15 @@ and issues with box-sizing
   z-index: 1;
 }
 
-.bs-input-addon:where([data-multifocus]) > :where(:not(.bs-input-addon)) > :where(input:focus, select:focus),
-.bs-input-addon:where([data-multifocus]) > :is(bs-input, bs-select) :where(input:focus, select:focus),
-.bs-input-addon:where([data-multifocus]) > :where(input:focus, select:focus) {
+.bs-input-addon:where([data-multifocus]:not([data-multifocus="false"])) > :where(:not(.bs-input-addon)) > :where(input:focus, select:focus),
+.bs-input-addon:where([data-multifocus]:not([data-multifocus="false"])) > :is(bs-input, bs-select) :where(input:focus, select:focus),
+.bs-input-addon:where([data-multifocus]:not([data-multifocus="false"])) > :where(input:focus, select:focus) {
   border-radius: .25rem;
   box-shadow: var(--focus-border) 0px 0px 0px 1px inset;
 }
 
-.bs-input-addon:where(:not([data-multifocus]):focus-within)::after {
+.bs-input-addon:where(:not([data-multifocus]):focus-within)::after,
+.bs-input-addon:where([data-multifocus="false"]:focus-within)::after {
   border-width: 1px;
   border-radius: .25rem;
 }
@@ -166,7 +168,7 @@ and issues with box-sizing
 }
 
 /* Straight-lined ::before border to fill the gap below the rounded ::after border */
-.bs-input-addon:where([data-multifocus]) :where(:focus-within)::before {
+.bs-input-addon:where([data-multifocus]:not([data-multifocus="false"])) :where(:focus-within)::before {
   border-bottom-width: 1px;
   border-color: var(--bs-violet-300);
   border-radius: 0;
@@ -186,14 +188,14 @@ and issues with box-sizing
 }
 
 /* -------- Error styles -------- */
-.bs-input-addon:where([data-error]),
-.bs-input-addon:where([data-error]) :where(.bs-input-addon) {
+.bs-input-addon:where([data-error]:not([data-error="false"])),
+.bs-input-addon:where([data-error]:not([data-error="false"])) :where(.bs-input-addon) {
   --focus-border: var(--bs-red-400);
   --input-border: var(--bs-red-400);
 }
 
-.bs-input-addon:where([data-error],[data-disabled]) > *::before,
-.bs-input-addon:where(.bs-input-addon[data-error] .bs-input-addon, .bs-input-addon[data-disabled] .bs-input-addon) > *::before {
+.bs-input-addon:where([data-error]:not([data-error="false"]),[data-disabled]:not([data-disabled="false"])) > *::before,
+.bs-input-addon:where(.bs-input-addon[data-error]:not([data-error="false"]) .bs-input-addon, .bs-input-addon[data-disabled]:not([data-disabled="false"]) .bs-input-addon) > *::before {
   border-color: var(--input-border);
 }
 

package/dist/components/_form-labels.scss

@@ -10,11 +10,19 @@
   width: 100%;
 }
 
-:where([data-required]) {
+:where([data-required]:not([data-required="false"])) {
   color: var(--bs-ink-red);
 }
 
-:where(label[data-disabled], [data-disabled] [data-required], [data-disabled] label) {
+:where(label[data-disabled]:not([data-disabled="false"])) {
+  --label-color: var(--bs-ink-disabled);
+}
+
+:where([data-disabled]:not([data-disabled="false"]) [data-required]:not([data-required="false"])) {
+  --label-color: var(--bs-ink-disabled);
+}
+
+:where([data-disabled]:not([data-disabled="false"])) label {
   --label-color: var(--bs-ink-disabled);
 }
 

package/dist/components/_form-switches.scss

@@ -141,7 +141,7 @@
 
 /* Disabled state */
 
-.bs-switch:where([data-disabled]) {
+.bs-switch:where([data-disabled]:not([data-disabled="false"])) {
   --ball-background: var(--bs-ink-disabled);
   --switch-background: var(--bs-bg-disabled);
 }

package/dist/components/_form-text-fields.scss

@@ -56,7 +56,7 @@ textarea {
 }
 
 /* Errors and Messages */
-:is(input, select, textarea):where([data-error]) {
+:is(input, select, textarea):where([data-error]:not([data-error="false"])) {
   --input-border: var(--bs-ink-red);
 }
 

package/dist/components/_modal.scss

@@ -18,7 +18,7 @@
   z-index: 9999;
 }
 
-.bs-modal:where([data-shown]) {
+.bs-modal:where([data-shown]:not([data-shown="false"])) {
   opacity: 1;
 }
 

package/dist/components/_overlay.scss

@@ -14,7 +14,7 @@
   z-index: 9998;
 }
 
-.bs-overlay:where([data-shown]) {
+.bs-overlay:where([data-shown]:not([data-shown="false"])) {
   opacity: 1;
 }
 

package/dist/components/_pagination.scss

@@ -39,12 +39,12 @@
   color: var(--bs-ink-disabled);
 }
 
-.bs-pagination button:where([data-selected]) {
+.bs-pagination button:where([data-selected]:not([data-selected="false"])) {
   background-color: var(--bs-blue-base);
   color: var(--bs-gray-50);
 }
 
-.bs-pagination:where([data-fixed]) {
+.bs-pagination:where([data-fixed]:not([data-fixed="false"])) {
   background-color: var(--bs-bg-base-elevated);
   bottom: 0;
   left: 0;

package/dist/components/_pills.scss

@@ -41,7 +41,7 @@
 }
 
 /* ------------------------------ Background Colors ------------------------------ */
-:where(.box, [class*="bg-"]:not([class~="bg-white"])) .bs-pill:where(:not([data-variant^="live"], [data-active])) {
+:where(.box, [class*="bg-"]:not([class~="bg-white"])) .bs-pill:where(:not([data-variant^="live"], [data-active]:not([data-active="false"]))) {
   --pill-background: var(--bs-bg-base);
 }
 :where(.box[data-invert]) .bs-pill {
@@ -133,24 +133,24 @@
 }
 
 /* ----- Filter Active Styles ----- */
-.bs-pill:where([data-variant^="filter"][data-active]) {
+.bs-pill:where([data-variant^="filter"][data-active]:not([data-active="false"])) {
   --pill-background: var(--bs-blue-base);
   --pill-border: transparent;
   --pill-text: var(--bs-white);
 }
-.bs-pill:where([data-variant^="filter"][data-active]):is(:hover, :focus)  {
+.bs-pill:where([data-variant^="filter"][data-active]:not([data-active="false"])):is(:hover, :focus)  {
   --pill-border: transparent;
 }
-:is(a, button).bs-pill:where([data-variant^="filter"][data-active]):is(:hover, :focus)  {
+:is(a, button).bs-pill:where([data-variant^="filter"][data-active]:not([data-active="false"])):is(:hover, :focus)  {
   --pill-background: var(--bs-blue-500);
   --pill-border: transparent;
 }
 /* White X */
-.bs-pill:where([data-variant^="filter"][data-active])::after {
+.bs-pill:where([data-variant^="filter"][data-active]:not([data-active="false"]))::after {
   content: url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%23fff'/%3E%3C/svg%3E");
 }
 /* Black X */
-.bs-pill:where([data-variant^="filter"][data-active]):where(:disabled, [aria-disabled="true"])::after {
+.bs-pill:where([data-variant^="filter"][data-active]:not([data-active="false"])):where(:disabled, [aria-disabled="true"])::after {
   content: url("data:image/svg+xml,%3Csvg width='8' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 .703 7.297 0 4 3.297.703 0 0 .703 3.297 4 0 7.297.703 8 4 4.703 7.297 8 8 7.297 4.703 4 8 .703Z' fill='%230A0B19'/%3E%3C/svg%3E%0A");
 }
 
@@ -180,7 +180,8 @@
   background-color: var(--bs-bg-disabled);
 }
 
-.bs-pill:where([data-variant^="filter"]):not([data-active]):is(:disabled, [aria-disabled="true"]) {
+.bs-pill:where([data-variant^="filter"]):not([data-active]):is(:disabled, [aria-disabled="true"]),
+.bs-pill:where([data-variant^="filter"])[data-active="false"]:is(:disabled, [aria-disabled="true"]) {
   --pill-border: var(--bs-gray-400);
 }
 

package/dist/components/_profile-img.scss

@@ -17,7 +17,7 @@
   object-fit: cover;
   width: 100%;
 }
-.bs-profile-img:where([data-no-img]) img {
+.bs-profile-img:where([data-no-img]:not([data-no-img="false"])) img {
   display: none;
 }
 
@@ -35,11 +35,11 @@
   box-shadow: var(--bs-shadow-profilePhoto);
   content: '';
 }
-.bs-profile-img:where([data-no-img])::before {
+.bs-profile-img:where([data-no-img]:not([data-no-img="false"]))::before {
   display: none;
 }
 /* Initials */
-.bs-profile-img:where([data-no-img])::after {
+.bs-profile-img:where([data-no-img]:not([data-no-img="false"]))::after {
   border: 1px solid currentColor;
   color: var(--bs-blue-500);
   content: attr(data-initials);

package/dist/components/_toast.scss

@@ -20,7 +20,7 @@
     z-index: 999;
 }
 
-.bs-toast:where([data-stacked]) {
+.bs-toast:where([data-stacked]:not([data-stacked="false"])) {
     bottom: auto;
     left: auto;
     position: static;
@@ -29,7 +29,7 @@
 }
 
 /* Mobile - Toast comes up from bottom */
-.bs-toast:where([data-shown]) {
+.bs-toast:where([data-shown]:not([data-shown="false"])) {
     opacity: 1;
     transform: translate(0, 0);
 }
@@ -70,7 +70,7 @@
     padding-top: 0.5rem;
 }
 
-.bs-toast-actions:where([data-stacked]) {
+.bs-toast-actions:where([data-stacked]:not([data-stacked="false"])) {
     flex-direction: column-reverse;
 }
 
@@ -119,12 +119,12 @@
         transform: translate(calc(100% + 1.5rem), 0);
     }
 
-    .bs-toast:where([data-shown]) {
+    .bs-toast:where([data-shown]:not([data-shown="false"])) {
         opacity: 1;
         transform: translate(0, 0);
     }
 
-    .bs-toast-actions:where([data-stacked]) {
+    .bs-toast-actions:where([data-stacked]:not([data-stacked="false"])) {
         flex-direction: row;
     }
 }

package/dist/components/_tooltip.scss

@@ -135,10 +135,10 @@
 :where(.bs-tooltip[data-position="top-right"]):focus-within :where(.bs-tooltip-text),
 :where(.bs-tooltip[data-position="bottom-left"]):focus-within :where(.bs-tooltip-text),
 :where(.bs-tooltip[data-position="bottom-right"]):focus-within :where(.bs-tooltip-text),
-:where(.bs-tooltip[data-position="top-left"])[data-shown] :where(.bs-tooltip-text),
-:where(.bs-tooltip[data-position="top-right"])[data-shown] :where(.bs-tooltip-text),
-:where(.bs-tooltip[data-position="bottom-left"])[data-shown] :where(.bs-tooltip-text),
-:where(.bs-tooltip[data-position="bottom-right"])[data-shown] :where(.bs-tooltip-text) {
+:where(.bs-tooltip[data-position="top-left"]:not([data-shown="false"]))[data-shown] :where(.bs-tooltip-text),
+:where(.bs-tooltip[data-position="top-right"]:not([data-shown="false"]))[data-shown] :where(.bs-tooltip-text),
+:where(.bs-tooltip[data-position="bottom-left"]:not([data-shown="false"]))[data-shown] :where(.bs-tooltip-text),
+:where(.bs-tooltip[data-position="bottom-right"]:not([data-shown="false"]))[data-shown] :where(.bs-tooltip-text) {
   opacity: 1;
   transform: scale(1);
 }
@@ -148,8 +148,13 @@
 Don't display unless data-shown is present
 This must go last to properly override the other classes
 */
-:where(.bs-tooltip[data-disabled]:not([data-shown])):hover :where(.bs-tooltip-text),
-:where(.bs-tooltip[data-disabled]:not([data-shown])):focus-within :where(.bs-tooltip-text) {
+:where(.bs-tooltip[data-disabled]:not([data-disabled="false"]):not([data-shown])):hover :where(.bs-tooltip-text),
+:where(.bs-tooltip[data-disabled]:not([data-disabled="false"]):not([data-shown])):focus-within :where(.bs-tooltip-text) {
+  opacity: 0;
+  transform: scale(0);
+}
+:where(.bs-tooltip[data-shown="false"][data-disabled]:not([data-disabled="false"])):hover :where(.bs-tooltip-text),
+:where(.bs-tooltip[data-shown="false"][data-disabled]:not([data-disabled="false"])):focus-within :where(.bs-tooltip-text) {
   opacity: 0;
   transform: scale(0);
 }

package/dist/components/accordions.css

@@ -102,6 +102,6 @@
 }
 
 /* Accordion Group */
-:where(.bs-accordion[data-stacked]) + .bs-accordion:where([data-stacked]) {
+:where(.bs-accordion[data-stacked]:not([data-stacked="false"])) + .bs-accordion:where([data-stacked]:not([data-stacked="false"])) {
   border-block-start-color: transparent;
 }

package/dist/components/banner.css

@@ -9,7 +9,7 @@
   padding-top: 1rem;
 }
 
-.bs-banner:where([data-dismissed]) {
+.bs-banner:where([data-dismissed]:not([data-dismissed="false"])) {
   display: none;
 }
 

package/dist/components/buttons.css

@@ -65,21 +65,21 @@
 }
 
 /* Ghost Buttons */
-.bs-button:where([data-ghost]) {
+.bs-button:where([data-ghost]:not([data-ghost="false"])) {
   --btn-light: var(--bs-blue-10);
   --btn-secondary: var(--bs-blue-10);
   background-color: transparent;
   box-shadow: inset 0 0 0 1px var(--btn-main);
   color: var(--btn-main);
 }
-.bs-button:where([data-ghost])::before {
+.bs-button:where([data-ghost]:not([data-ghost="false"]))::before {
   border-radius: 0.4375rem;
 }
-.bs-button:where([data-ghost]):hover,
-.bs-button:where([data-ghost]):focus {
+.bs-button:where([data-ghost]:not([data-ghost="false"])):hover,
+.bs-button:where([data-ghost]:not([data-ghost="false"])):focus {
   background-color: var(--btn-light);
 }
-.bs-button:where([data-ghost]):active {
+.bs-button:where([data-ghost]:not([data-ghost="false"])):active {
   box-shadow:
     inset 0 0 0 1px var(--btn-main),
     inset 0px 0px 4px 1px var(--btn-highlight);
@@ -118,7 +118,7 @@
 }
 
 /* Text Button */
-.bs-button:where([data-text]) {
+.bs-button:where([data-text]:not([data-text="false"])) {
   --btn-padding: 0 0;
   --btn-focus-pseudo-width: calc(100% + 1.25rem); /* text btns don't have side padding, but we do want focus outline to look padded */
   background-color: transparent;
@@ -128,15 +128,15 @@
   font-weight: 400;
   line-height: 150%;
 }
-.bs-button:where([data-text]):hover {
+.bs-button:where([data-text]:not([data-text="false"])):hover {
   color: var(--bs-blue-base);
   background-color: transparent;
   text-decoration: underline;
 }
-.bs-button:where([data-text]):has(svg):hover {
+.bs-button:where([data-text]:not([data-text="false"])):has(svg):hover {
   text-decoration: none;
 }
-.bs-button:where([data-text]):active {
+.bs-button:where([data-text]:not([data-text="false"])):active {
   box-shadow: none;
 }
 
@@ -144,29 +144,29 @@
 .bs-button:where([data-size^='sm']) {
   font-size: var(--bs-text-sm);
 }
-.bs-button:where([data-text][data-size^='sm']) {
+.bs-button:where([data-size^='sm']):where([data-text]:not([data-text="false"])) {
   font-size: var(--bs-text-base);
 }
 
 /* Disabled Styling */
 :where(button:disabled),
 .bs-button:where(:disabled),
-.bs-button:where([aria-disabled='true']) /* for links as buttons */ {
+.bs-button:where([aria-disabled="true"]) /* for links as buttons */ {
   pointer-events: none;
 }
 .bs-button:where(:disabled),
-.bs-button:where([aria-disabled='true']) {
+.bs-button:where([aria-disabled="true"]) {
   color: var(--bs-gray-400);
   background-color: var(--bs-gray-200);
 }
 
-.bs-button:where([data-ghost]):disabled,
-.bs-button:where([data-ghost])[aria-disabled='true'] {
+.bs-button:where([data-ghost]:not([data-ghost="false"])):disabled,
+.bs-button:where([data-ghost]:not([data-ghost="false"]))[aria-disabled="true"] {
   box-shadow: inset 0 0 0 1px var(--bs-gray-400);
 }
 
-.bs-button:where([data-text]):disabled,
-.bs-button:where([data-text][aria-disabled='true']) {
+.bs-button:where([data-text]:where([data-text])):disabled,
+.bs-button:where([data-text]:where([data-text]))[aria-disabled="true"] {
   background-color: transparent;
 }
 

package/dist/components/circle-buttons.css

@@ -71,7 +71,7 @@ a.bs-circle-button {
 }
 
 /* Icon Buttons with Text */
-.bs-circle-button:where([data-text]) {
+.bs-circle-button:where([data-text]:not([data-text="false"])) {
   --btn-border-radius: 0.5rem;
 }