@bestow-ui/react 1.4.0 → 1.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.css CHANGED
@@ -1464,7 +1464,7 @@
1464
1464
  margin: 0;
1465
1465
  width: 100%;
1466
1466
  height: 100%;
1467
- border: 1.5px solid var(--bestow-color-border-strong);
1467
+ border: 1.5px solid var(--bestow-color-border-control, var(--bestow-color-border-strong));
1468
1468
  border-radius: var(--bestow-radius-sm);
1469
1469
  background-color: var(--bestow-color-bg-default);
1470
1470
  cursor: inherit;
@@ -2849,7 +2849,7 @@
2849
2849
  margin-top: calc((1.5em - var(--_1w9iwjm6)) / 2);
2850
2850
  width: var(--_1w9iwjm6);
2851
2851
  height: var(--_1w9iwjm6);
2852
- border: 1.5px solid var(--bestow-color-border-strong);
2852
+ border: 1.5px solid var(--bestow-color-border-control, var(--bestow-color-border-strong));
2853
2853
  border-radius: var(--bestow-radius-full);
2854
2854
  background-color: var(--bestow-color-bg-default);
2855
2855
  cursor: pointer;
@@ -2991,6 +2991,64 @@
2991
2991
  }
2992
2992
  }
2993
2993
 
2994
+ /* src/components/NativeSelect/NativeSelect.css.ts */
2995
+ ._5silym0 {
2996
+ position: relative;
2997
+ padding-inline: 0;
2998
+ cursor: pointer;
2999
+ }
3000
+ ._5silym1 {
3001
+ appearance: none;
3002
+ flex: 1;
3003
+ min-width: 0;
3004
+ height: 100%;
3005
+ margin: 0;
3006
+ border: none;
3007
+ outline: none;
3008
+ background: transparent;
3009
+ color: inherit;
3010
+ font: inherit;
3011
+ cursor: inherit;
3012
+ text-overflow: ellipsis;
3013
+ }
3014
+ ._5silym1:has(option[value=""]:checked) {
3015
+ color: var(--bestow-color-fg-subtle);
3016
+ }
3017
+ ._5silym1:disabled {
3018
+ cursor: not-allowed;
3019
+ }
3020
+ [data-theme=dark] ._5silym1 {
3021
+ color-scheme: dark;
3022
+ }
3023
+ [data-theme=dark] [data-theme=light] ._5silym1 {
3024
+ color-scheme: light;
3025
+ }
3026
+ ._5silym2 {
3027
+ padding-inline: var(--bestow-space-2) var(--bestow-space-8);
3028
+ }
3029
+ ._5silym3 {
3030
+ padding-inline: var(--bestow-space-3) var(--bestow-space-8);
3031
+ }
3032
+ ._5silym4 {
3033
+ padding-inline: var(--bestow-space-4) var(--bestow-space-10);
3034
+ }
3035
+ ._5silym5 {
3036
+ position: absolute;
3037
+ top: 50%;
3038
+ transform: translateY(-50%);
3039
+ color: var(--bestow-color-fg-subtle);
3040
+ pointer-events: none;
3041
+ }
3042
+ ._5silym6 {
3043
+ right: var(--bestow-space-2);
3044
+ }
3045
+ ._5silym7 {
3046
+ right: var(--bestow-space-3);
3047
+ }
3048
+ ._5silym8 {
3049
+ right: var(--bestow-space-4);
3050
+ }
3051
+
2994
3052
  /* src/components/SkipLink/SkipLink.css.ts */
2995
3053
  ._1t9jaar0 {
2996
3054
  position: fixed;
@@ -3149,7 +3207,7 @@
3149
3207
  content: "";
3150
3208
  position: absolute;
3151
3209
  border-radius: var(--bestow-radius-full);
3152
- background-color: var(--bestow-color-border-strong);
3210
+ background-color: var(--bestow-color-border-control, var(--bestow-color-border-strong));
3153
3211
  }
3154
3212
  .kervhm3[data-status=complete]::after {
3155
3213
  background-color: var(--bestow-color-primary-text);
@@ -3203,7 +3261,7 @@
3203
3261
  color: var(--bestow-color-primary-text);
3204
3262
  }
3205
3263
  .kervhm9 {
3206
- border: 1.5px solid var(--bestow-color-border-strong);
3264
+ border: 1.5px solid var(--bestow-color-border-control, var(--bestow-color-border-strong));
3207
3265
  background-color: var(--bestow-color-bg-default);
3208
3266
  color: var(--bestow-color-fg-muted);
3209
3267
  }
@@ -3256,6 +3314,7 @@
3256
3314
 
3257
3315
  /* src/components/Switch/Switch.css.ts */
3258
3316
  .o33ul20 {
3317
+ position: relative;
3259
3318
  display: inline-flex;
3260
3319
  align-items: center;
3261
3320
  gap: var(--bestow-space-2);
@@ -3278,7 +3337,7 @@
3278
3337
  padding: 2px;
3279
3338
  border: none;
3280
3339
  border-radius: var(--bestow-radius-full);
3281
- background-color: var(--bestow-color-border-strong);
3340
+ background-color: var(--bestow-color-border-control, var(--bestow-color-border-strong));
3282
3341
  cursor: pointer;
3283
3342
  transition: background-color var(--bestow-duration-fast);
3284
3343
  }
@@ -3328,10 +3387,27 @@
3328
3387
  transform: translateX(16px);
3329
3388
  }
3330
3389
  .o33ul29 {
3390
+ position: absolute;
3391
+ top: 50%;
3392
+ left: 0;
3393
+ margin: 0;
3394
+ opacity: 0;
3395
+ pointer-events: none;
3396
+ transform: translateY(-50%);
3397
+ }
3398
+ .o33ul2a {
3399
+ width: 28px;
3400
+ height: 16px;
3401
+ }
3402
+ .o33ul2b {
3403
+ width: 36px;
3404
+ height: 20px;
3405
+ }
3406
+ .o33ul2c {
3331
3407
  cursor: pointer;
3332
3408
  user-select: none;
3333
3409
  }
3334
- [data-disabled] > .o33ul29 {
3410
+ [data-disabled] > .o33ul2c {
3335
3411
  cursor: not-allowed;
3336
3412
  }
3337
3413
  @media (prefers-reduced-motion: reduce) {