@bestow-ui/react 1.8.0 → 2.0.0

package/dist/index.css

@@ -1,3 +1,5 @@
+@layer base, bestow;
+@layer bestow {
 /* src/theme/contract.css.ts */
 :root {
   --bestow-space-0: 0;
@@ -50,6 +52,7 @@
   --bestow-duration-fast: 120ms;
   --bestow-duration-normal: 200ms;
   --bestow-duration-slow: 320ms;
+  --bestow-opacity-disabled: 0.5;
   --bestow-z-index-overlay: 1300;
   --bestow-z-index-modal: 1310;
   --bestow-z-index-dropdown: 1320;
@@ -67,6 +70,9 @@
   --bestow-color-border-default: #dee2e6;
   --bestow-color-border-strong: #adb5bd;
   --bestow-color-border-focus: #3b6ff6;
+  --bestow-color-border-input: #666e76;
+  --bestow-color-border-input-hover: #495057;
+  --bestow-color-border-control: #666e76;
   --bestow-color-primary-solid: #2554eb;
   --bestow-color-primary-solid-hover: #1d42d8;
   --bestow-color-primary-contrast: #ffffff;
@@ -158,6 +164,7 @@
   --bestow-duration-fast: 120ms;
   --bestow-duration-normal: 200ms;
   --bestow-duration-slow: 320ms;
+  --bestow-opacity-disabled: 0.5;
   --bestow-z-index-overlay: 1300;
   --bestow-z-index-modal: 1310;
   --bestow-z-index-dropdown: 1320;
@@ -175,6 +182,9 @@
   --bestow-color-border-default: #dee2e6;
   --bestow-color-border-strong: #adb5bd;
   --bestow-color-border-focus: #3b6ff6;
+  --bestow-color-border-input: #666e76;
+  --bestow-color-border-input-hover: #495057;
+  --bestow-color-border-control: #666e76;
   --bestow-color-primary-solid: #2554eb;
   --bestow-color-primary-solid-hover: #1d42d8;
   --bestow-color-primary-contrast: #ffffff;
@@ -266,6 +276,7 @@
   --bestow-duration-fast: 120ms;
   --bestow-duration-normal: 200ms;
   --bestow-duration-slow: 320ms;
+  --bestow-opacity-disabled: 0.5;
   --bestow-z-index-overlay: 1300;
   --bestow-z-index-modal: 1310;
   --bestow-z-index-dropdown: 1320;
@@ -283,6 +294,9 @@
   --bestow-color-border-default: #495057;
   --bestow-color-border-strong: #adb5bd;
   --bestow-color-border-focus: #6090fa;
+  --bestow-color-border-input: #adb5bd;
+  --bestow-color-border-input-hover: #dee2e6;
+  --bestow-color-border-control: #adb5bd;
   --bestow-color-primary-solid: #2554eb;
   --bestow-color-primary-solid-hover: #1d42d8;
   --bestow-color-primary-contrast: #ffffff;
@@ -374,6 +388,7 @@
   --bestow-duration-fast: 120ms;
   --bestow-duration-normal: 200ms;
   --bestow-duration-slow: 320ms;
+  --bestow-opacity-disabled: 0.5;
   --bestow-z-index-overlay: 1300;
   --bestow-z-index-modal: 1310;
   --bestow-z-index-dropdown: 1320;
@@ -391,6 +406,9 @@
   --bestow-color-border-default: #dee2e6;
   --bestow-color-border-strong: #adb5bd;
   --bestow-color-border-focus: #3b6ff6;
+  --bestow-color-border-input: #666e76;
+  --bestow-color-border-input-hover: #495057;
+  --bestow-color-border-control: #666e76;
   --bestow-color-primary-solid: #2554eb;
   --bestow-color-primary-solid-hover: #1d42d8;
   --bestow-color-primary-contrast: #ffffff;
@@ -483,6 +501,7 @@
     --bestow-duration-fast: 120ms;
     --bestow-duration-normal: 200ms;
     --bestow-duration-slow: 320ms;
+    --bestow-opacity-disabled: 0.5;
     --bestow-z-index-overlay: 1300;
     --bestow-z-index-modal: 1310;
     --bestow-z-index-dropdown: 1320;
@@ -500,6 +519,9 @@
     --bestow-color-border-default: #495057;
     --bestow-color-border-strong: #adb5bd;
     --bestow-color-border-focus: #6090fa;
+    --bestow-color-border-input: #adb5bd;
+    --bestow-color-border-input-hover: #dee2e6;
+    --bestow-color-border-control: #adb5bd;
     --bestow-color-primary-solid: #2554eb;
     --bestow-color-primary-solid-hover: #1d42d8;
     --bestow-color-primary-contrast: #ffffff;
@@ -784,7 +806,7 @@
   display: inline-flex;
   align-items: center;
   gap: var(--bestow-space-2);
-  border: 1px solid var(--bestow-color-border-input, var(--bestow-color-border-default));
+  border: 1px solid var(--bestow-color-border-input);
   border-radius: var(--bestow-radius-md);
   background-color: var(--bestow-color-bg-default);
   color: var(--bestow-color-fg-default);
@@ -792,7 +814,7 @@
   cursor: text;
 }
 ._19p5zvh0:hover:not([data-disabled], fieldset:disabled *) {
-  border-color: var(--bestow-color-border-input-hover, var(--bestow-color-border-strong));
+  border-color: var(--bestow-color-border-input-hover);
 }
 ._19p5zvh0:focus-within {
   border-color: var(--bestow-color-border-focus);
@@ -808,7 +830,7 @@
 fieldset:disabled ._19p5zvh0 {
   background-color: var(--bestow-color-bg-muted);
   cursor: not-allowed;
-  opacity: 0.6;
+  opacity: var(--bestow-opacity-disabled);
 }
 ._19p5zvh1 {
   height: 32px;
@@ -1506,7 +1528,7 @@ fieldset:disabled ._19p5zvh0 {
   border-radius: var(--bestow-radius-sm);
 }
 .v58j0l3[data-disabled] {
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
   cursor: not-allowed;
 }
 .v58j0l4 {
@@ -1605,7 +1627,7 @@ fieldset:disabled ._19p5zvh0 {
 }
 .xcekda6:disabled,
 .xcekda6[data-disabled] {
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
   cursor: not-allowed;
 }
 .xcekda6[aria-busy=true] {
@@ -1859,7 +1881,7 @@ fieldset:disabled ._19p5zvh0 {
 ._1y7mzsn0[data-disabled],
 fieldset:disabled ._1y7mzsn0 {
   cursor: not-allowed;
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
 }
 ._1y7mzsn1 {
   font-size: var(--bestow-font-size-sm);
@@ -1885,7 +1907,7 @@ fieldset:disabled ._1y7mzsn0 {
   margin: 0;
   width: 100%;
   height: 100%;
-  border: 1.5px solid var(--bestow-color-border-control, var(--bestow-color-border-strong));
+  border: 1.5px solid var(--bestow-color-border-control);
   border-radius: var(--bestow-radius-sm);
   background-color: var(--bestow-color-bg-default);
   cursor: inherit;
@@ -2411,7 +2433,7 @@ fieldset:disabled ._1y7mzsn0 {
   background-color: var(--bestow-color-primary-solid-hover);
 }
 ._1qyq67b6[aria-disabled=true] {
-  opacity: 0.4;
+  opacity: var(--bestow-opacity-disabled);
   cursor: not-allowed;
   text-decoration: line-through;
 }
@@ -2528,7 +2550,7 @@ fieldset:disabled ._1y7mzsn0 {
   color: var(--bestow-color-primary-text);
 }
 ._1kx81e85[data-disabled] {
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
   cursor: not-allowed;
 }
 ._1kx81e86 {
@@ -3099,7 +3121,7 @@ fieldset:disabled ._1y7mzsn0 {
   background-color: var(--bestow-color-neutral-subtle);
 }
 ._1d7ahux1[data-disabled] {
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
   cursor: not-allowed;
 }
 ._1d7ahux2 {
@@ -3243,7 +3265,7 @@ fieldset:disabled ._1y7mzsn0 {
   outline-offset: 2px;
 }
 ._1iraoak1:disabled {
-  opacity: 0.4;
+  opacity: var(--bestow-opacity-disabled);
   cursor: not-allowed;
 }
 ._1iraoak1[aria-current=page] {
@@ -3309,7 +3331,7 @@ fieldset:disabled ._1y7mzsn0 {
   margin-top: calc((1.5em - var(--_1w9iwjm6)) / 2);
   width: var(--_1w9iwjm6);
   height: var(--_1w9iwjm6);
-  border: 1.5px solid var(--bestow-color-border-control, var(--bestow-color-border-strong));
+  border: 1.5px solid var(--bestow-color-border-control);
   border-radius: var(--bestow-radius-full);
   background-color: var(--bestow-color-bg-default);
   cursor: pointer;
@@ -3329,7 +3351,7 @@ fieldset:disabled ._1y7mzsn0 {
 }
 ._1w9iwjm7:disabled {
   cursor: not-allowed;
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
 }
 [aria-invalid=true] ._1w9iwjm7:not(:checked) {
   border-color: var(--bestow-color-danger-solid);
@@ -3353,7 +3375,7 @@ fieldset:disabled ._1y7mzsn0 {
 [data-disabled] ._1w9iwjmb,
 fieldset:disabled ._1w9iwjmb {
   cursor: not-allowed;
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
 }
 ._1w9iwjmc {
   font-size: var(--bestow-font-size-sm);
@@ -3442,7 +3464,7 @@ fieldset:disabled ._1w9iwjmb {
 }
 ._1h65mmo2[data-disabled],
 ._1h65mmo2:disabled {
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
   cursor: not-allowed;
 }
 ._1h65mmo3 {
@@ -3606,7 +3628,7 @@ fieldset:disabled ._1w9iwjmb {
   user-select: none;
 }
 ._126mzjm5[data-disabled] {
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
   cursor: not-allowed;
 }
 ._126mzjm6 {
@@ -3695,7 +3717,7 @@ fieldset:disabled ._1w9iwjmb {
   content: "";
   position: absolute;
   border-radius: var(--bestow-radius-full);
-  background-color: var(--bestow-color-border-control, var(--bestow-color-border-strong));
+  background-color: var(--bestow-color-border-control);
 }
 .kervhm3[data-status=complete]::after {
   background-color: var(--bestow-color-primary-text);
@@ -3749,7 +3771,7 @@ fieldset:disabled ._1w9iwjmb {
   color: var(--bestow-color-primary-text);
 }
 .kervhm9 {
-  border: 1.5px solid var(--bestow-color-border-control, var(--bestow-color-border-strong));
+  border: 1.5px solid var(--bestow-color-border-control);
   background-color: var(--bestow-color-bg-default);
   color: var(--bestow-color-fg-muted);
 }
@@ -3814,7 +3836,7 @@ fieldset:disabled ._1w9iwjmb {
 }
 .o33ul20[data-disabled],
 fieldset:disabled .o33ul20 {
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
 }
 .o33ul21 {
   font-size: var(--bestow-font-size-sm);
@@ -3830,7 +3852,7 @@ fieldset:disabled .o33ul20 {
   padding: 2px;
   border: none;
   border-radius: var(--bestow-radius-full);
-  background-color: var(--bestow-color-border-control, var(--bestow-color-border-strong));
+  background-color: var(--bestow-color-border-control);
   cursor: pointer;
   transition: background-color var(--bestow-duration-fast);
 }
@@ -4113,7 +4135,7 @@ fieldset:disabled .o33ul2c {
   outline-offset: -2px;
 }
 .fvhbtd4[data-disabled] {
-  opacity: 0.5;
+  opacity: var(--bestow-opacity-disabled);
   cursor: not-allowed;
 }
 .fvhbtd4[data-orientation=vertical] {
@@ -4192,7 +4214,7 @@ fieldset:disabled .o33ul2c {
   width: 100%;
   min-height: 64px;
   margin: 0;
-  border: 1px solid var(--bestow-color-border-input, var(--bestow-color-border-default));
+  border: 1px solid var(--bestow-color-border-input);
   border-radius: var(--bestow-radius-md);
   background-color: var(--bestow-color-bg-default);
   color: var(--bestow-color-fg-default);
@@ -4205,7 +4227,7 @@ fieldset:disabled .o33ul2c {
   color: var(--bestow-color-fg-subtle);
 }
 ._1koawa0:hover:not(:disabled) {
-  border-color: var(--bestow-color-border-input-hover, var(--bestow-color-border-strong));
+  border-color: var(--bestow-color-border-input-hover);
 }
 ._1koawa0:focus {
   border-color: var(--bestow-color-border-focus);
@@ -4220,7 +4242,7 @@ fieldset:disabled .o33ul2c {
 ._1koawa0:disabled {
   background-color: var(--bestow-color-bg-muted);
   cursor: not-allowed;
-  opacity: 0.6;
+  opacity: var(--bestow-opacity-disabled);
 }
 ._1koawa1 {
   padding: var(--bestow-space-1) var(--bestow-space-2);
@@ -4450,7 +4472,7 @@ fieldset:disabled .o33ul2c {
   flex-shrink: 1;
   min-width: 32px;
   min-height: 52px;
-  border: 1px solid var(--bestow-color-border-input, var(--bestow-color-border-default));
+  border: 1px solid var(--bestow-color-border-input);
   border-radius: var(--bestow-radius-md);
   background-color: var(--bestow-color-bg-default);
   color: var(--bestow-color-fg-default);
@@ -4470,7 +4492,7 @@ fieldset:disabled .o33ul2c {
 [data-disabled] .ea01813,
 fieldset:disabled .ea01813 {
   background-color: var(--bestow-color-bg-muted);
-  opacity: 0.6;
+  opacity: var(--bestow-opacity-disabled);
 }
 .ea01814 {
   font-size: var(--bestow-font-size-sm);
@@ -4478,4 +4500,5 @@ fieldset:disabled .ea01813 {
   font-variant-numeric: tabular-nums;
   color: var(--bestow-color-danger-text);
 }
-/*# sourceMappingURL=index.css.map */
+}
+/*# sourceMappingURL=index.css.map */