@bestow-ui/react 1.7.0 → 1.8.0

package/dist/index.css

@@ -791,7 +791,7 @@
   transition: border-color var(--bestow-duration-fast), box-shadow var(--bestow-duration-fast);
   cursor: text;
 }
-._19p5zvh0:hover:not([data-disabled]) {
+._19p5zvh0:hover:not([data-disabled], fieldset:disabled *) {
   border-color: var(--bestow-color-border-input-hover, var(--bestow-color-border-strong));
 }
 ._19p5zvh0:focus-within {
@@ -804,7 +804,8 @@
 ._19p5zvh0[data-invalid]:focus-within {
   box-shadow: 0 0 0 1px var(--bestow-color-danger-solid);
 }
-._19p5zvh0[data-disabled] {
+._19p5zvh0[data-disabled],
+fieldset:disabled ._19p5zvh0 {
   background-color: var(--bestow-color-bg-muted);
   cursor: not-allowed;
   opacity: 0.6;
@@ -1588,6 +1589,8 @@
   font-family: var(--bestow-font-family-sans);
   font-weight: var(--bestow-font-weight-semibold);
   line-height: var(--bestow-font-line-height-tight);
+  box-sizing: border-box;
+  text-decoration: none;
   white-space: nowrap;
   cursor: pointer;
   user-select: none;
@@ -1600,7 +1603,8 @@
   outline: 2px solid var(--bestow-color-border-focus);
   outline-offset: 2px;
 }
-.xcekda6:disabled {
+.xcekda6:disabled,
+.xcekda6[data-disabled] {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -1611,14 +1615,14 @@
   background-color: var(--xcekda0);
   color: var(--xcekda2);
 }
-.xcekda7:hover:not(:disabled) {
+.xcekda7:hover:not(:disabled, [data-disabled]) {
   background-color: var(--xcekda1);
 }
 .xcekda8 {
   background-color: var(--xcekda3);
   color: var(--xcekda5);
 }
-.xcekda8:hover:not(:disabled) {
+.xcekda8:hover:not(:disabled, [data-disabled]) {
   background-color: var(--xcekda4);
 }
 .xcekda9 {
@@ -1626,14 +1630,14 @@
   border-color: var(--xcekda0);
   color: var(--xcekda5);
 }
-.xcekda9:hover:not(:disabled) {
+.xcekda9:hover:not(:disabled, [data-disabled]) {
   background-color: var(--xcekda3);
 }
 .xcekdaa {
   background-color: transparent;
   color: var(--xcekda5);
 }
-.xcekdaa:hover:not(:disabled) {
+.xcekdaa:hover:not(:disabled, [data-disabled]) {
   background-color: var(--xcekda3);
 }
 .xcekdab {
@@ -1852,7 +1856,8 @@
   cursor: pointer;
   user-select: none;
 }
-._1y7mzsn0[data-disabled] {
+._1y7mzsn0[data-disabled],
+fieldset:disabled ._1y7mzsn0 {
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -3345,7 +3350,8 @@
   cursor: pointer;
   user-select: none;
 }
-[data-disabled] ._1w9iwjmb {
+[data-disabled] ._1w9iwjmb,
+fieldset:disabled ._1w9iwjmb {
   cursor: not-allowed;
   opacity: 0.5;
 }
@@ -3422,7 +3428,7 @@
     background-color var(--bestow-duration-fast),
     box-shadow var(--bestow-duration-fast);
 }
-._1h65mmo2:hover:not([data-disabled]) {
+._1h65mmo2:hover:not([data-disabled], :disabled) {
   color: var(--bestow-color-fg-default);
 }
 ._1h65mmo2[data-state=checked] {
@@ -3434,7 +3440,8 @@
   outline: 2px solid var(--bestow-color-border-focus);
   outline-offset: -2px;
 }
-._1h65mmo2[data-disabled] {
+._1h65mmo2[data-disabled],
+._1h65mmo2:disabled {
   opacity: 0.5;
   cursor: not-allowed;
 }
@@ -3545,13 +3552,13 @@
   font-weight: var(--bestow-font-weight-semibold);
   line-height: var(--bestow-font-line-height-normal);
   text-decoration: none;
-  box-shadow: var(--bestow-shadow-md);
   transform: translateY(calc(-100% - var(--bestow-space-4)));
   transition: transform var(--bestow-duration-fast) ease-out;
 }
 ._1t9jaar0:focus,
 ._1t9jaar0:focus-visible {
   transform: translateY(0);
+  box-shadow: var(--bestow-shadow-md);
   outline: 2px solid var(--bestow-color-border-focus);
   outline-offset: 2px;
 }
@@ -3761,20 +3768,24 @@
   padding-top: calc((28px - var(--bestow-font-size-sm) * 1.5) / 2);
 }
 .kervhmd {
-  font-size: var(--bestow-font-size-sm);
+  box-sizing: border-box;
+  min-height: calc(calc((28px - var(--bestow-font-size-sm) * 1.5) / 2) + var(--bestow-font-size-sm) * var(--bestow-font-line-height-normal) + 2px + var(--bestow-font-size-xs) * var(--bestow-font-line-height-normal));
 }
 .kervhme {
+  font-size: var(--bestow-font-size-sm);
+}
+.kervhmf {
   color: var(--bestow-color-fg-default);
   font-weight: var(--bestow-font-weight-medium);
 }
-.kervhmf {
+.kervhmg {
   color: var(--bestow-color-fg-default);
   font-weight: var(--bestow-font-weight-semibold);
 }
-.kervhmg {
+.kervhmh {
   color: var(--bestow-color-fg-muted);
 }
-.kervhmh {
+.kervhmi {
   font-size: var(--bestow-font-size-xs);
   color: var(--bestow-color-fg-muted);
 }
@@ -3801,7 +3812,8 @@
   gap: var(--bestow-space-2);
   color: var(--bestow-color-fg-default);
 }
-.o33ul20[data-disabled] {
+.o33ul20[data-disabled],
+fieldset:disabled .o33ul20 {
   opacity: 0.5;
 }
 .o33ul21 {
@@ -3888,7 +3900,8 @@
   cursor: pointer;
   user-select: none;
 }
-[data-disabled] > .o33ul2c {
+[data-disabled] > .o33ul2c,
+fieldset:disabled .o33ul2c {
   cursor: not-allowed;
 }
 @media (prefers-reduced-motion: reduce) {
@@ -4454,7 +4467,8 @@
 [data-invalid] .ea01813 {
   border-color: var(--bestow-color-danger-solid);
 }
-[data-disabled] .ea01813 {
+[data-disabled] .ea01813,
+fieldset:disabled .ea01813 {
   background-color: var(--bestow-color-bg-muted);
   opacity: 0.6;
 }