@bestow-ui/react 1.3.0 → 1.5.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
@@ -1172,7 +1172,7 @@
1172
1172
  display: inline-flex;
1173
1173
  align-items: center;
1174
1174
  gap: var(--bestow-space-2);
1175
- border: 1px solid var(--bestow-color-border-default);
1175
+ border: 1px solid var(--bestow-color-border-input, var(--bestow-color-border-default));
1176
1176
  border-radius: var(--bestow-radius-md);
1177
1177
  background-color: var(--bestow-color-bg-default);
1178
1178
  color: var(--bestow-color-fg-default);
@@ -1180,7 +1180,7 @@
1180
1180
  cursor: text;
1181
1181
  }
1182
1182
  ._19p5zvh0:hover:not([data-disabled]) {
1183
- border-color: var(--bestow-color-border-strong);
1183
+ border-color: var(--bestow-color-border-input-hover, var(--bestow-color-border-strong));
1184
1184
  }
1185
1185
  ._19p5zvh0:focus-within {
1186
1186
  border-color: var(--bestow-color-border-focus);
@@ -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;
@@ -2215,6 +2215,53 @@
2215
2215
  }
2216
2216
  }
2217
2217
 
2218
+ /* src/components/DateRangePicker/DateRangePicker.css.ts */
2219
+ ._17277dh0 {
2220
+ display: flex;
2221
+ flex-direction: column;
2222
+ gap: var(--bestow-space-2);
2223
+ min-width: 0;
2224
+ margin: 0;
2225
+ padding: 0;
2226
+ border: none;
2227
+ font-family: var(--bestow-font-family-sans);
2228
+ }
2229
+ ._17277dh1 {
2230
+ padding: 0;
2231
+ margin-bottom: var(--bestow-space-1);
2232
+ font-size: var(--bestow-font-size-sm);
2233
+ font-weight: var(--bestow-font-weight-medium);
2234
+ color: var(--bestow-color-fg-default);
2235
+ }
2236
+ ._17277dh2 {
2237
+ display: flex;
2238
+ flex-wrap: wrap;
2239
+ align-items: flex-start;
2240
+ gap: var(--bestow-space-2);
2241
+ }
2242
+ ._17277dh3 {
2243
+ flex: 1 1 10rem;
2244
+ min-width: 0;
2245
+ }
2246
+ ._17277dh4 {
2247
+ align-self: center;
2248
+ padding-top: var(--bestow-space-6);
2249
+ color: var(--bestow-color-fg-subtle);
2250
+ }
2251
+ ._17277dh5 {
2252
+ display: flex;
2253
+ flex-wrap: wrap;
2254
+ gap: var(--bestow-space-1);
2255
+ }
2256
+ @media screen and (max-width: 30rem) {
2257
+ ._17277dh3 {
2258
+ flex-basis: 100%;
2259
+ }
2260
+ ._17277dh4 {
2261
+ display: none;
2262
+ }
2263
+ }
2264
+
2218
2265
  /* src/components/Drawer/Drawer.css.ts */
2219
2266
  @keyframes nmobyv1 {
2220
2267
  from {
@@ -2802,7 +2849,7 @@
2802
2849
  margin-top: calc((1.5em - var(--_1w9iwjm6)) / 2);
2803
2850
  width: var(--_1w9iwjm6);
2804
2851
  height: var(--_1w9iwjm6);
2805
- border: 1.5px solid var(--bestow-color-border-strong);
2852
+ border: 1.5px solid var(--bestow-color-border-control, var(--bestow-color-border-strong));
2806
2853
  border-radius: var(--bestow-radius-full);
2807
2854
  background-color: var(--bestow-color-bg-default);
2808
2855
  cursor: pointer;
@@ -3102,7 +3149,7 @@
3102
3149
  content: "";
3103
3150
  position: absolute;
3104
3151
  border-radius: var(--bestow-radius-full);
3105
- background-color: var(--bestow-color-border-strong);
3152
+ background-color: var(--bestow-color-border-control, var(--bestow-color-border-strong));
3106
3153
  }
3107
3154
  .kervhm3[data-status=complete]::after {
3108
3155
  background-color: var(--bestow-color-primary-text);
@@ -3156,7 +3203,7 @@
3156
3203
  color: var(--bestow-color-primary-text);
3157
3204
  }
3158
3205
  .kervhm9 {
3159
- border: 1.5px solid var(--bestow-color-border-strong);
3206
+ border: 1.5px solid var(--bestow-color-border-control, var(--bestow-color-border-strong));
3160
3207
  background-color: var(--bestow-color-bg-default);
3161
3208
  color: var(--bestow-color-fg-muted);
3162
3209
  }
@@ -3231,7 +3278,7 @@
3231
3278
  padding: 2px;
3232
3279
  border: none;
3233
3280
  border-radius: var(--bestow-radius-full);
3234
- background-color: var(--bestow-color-border-strong);
3281
+ background-color: var(--bestow-color-border-control, var(--bestow-color-border-strong));
3235
3282
  cursor: pointer;
3236
3283
  transition: background-color var(--bestow-duration-fast);
3237
3284
  }
@@ -3575,7 +3622,7 @@
3575
3622
  width: 100%;
3576
3623
  min-height: 64px;
3577
3624
  margin: 0;
3578
- border: 1px solid var(--bestow-color-border-default);
3625
+ border: 1px solid var(--bestow-color-border-input, var(--bestow-color-border-default));
3579
3626
  border-radius: var(--bestow-radius-md);
3580
3627
  background-color: var(--bestow-color-bg-default);
3581
3628
  color: var(--bestow-color-fg-default);
@@ -3588,7 +3635,7 @@
3588
3635
  color: var(--bestow-color-fg-subtle);
3589
3636
  }
3590
3637
  ._1koawa0:hover:not(:disabled) {
3591
- border-color: var(--bestow-color-border-strong);
3638
+ border-color: var(--bestow-color-border-input-hover, var(--bestow-color-border-strong));
3592
3639
  }
3593
3640
  ._1koawa0:focus {
3594
3641
  border-color: var(--bestow-color-border-focus);
@@ -3830,7 +3877,7 @@
3830
3877
  flex-shrink: 1;
3831
3878
  min-width: 32px;
3832
3879
  min-height: 52px;
3833
- border: 1px solid var(--bestow-color-border-default);
3880
+ border: 1px solid var(--bestow-color-border-input, var(--bestow-color-border-default));
3834
3881
  border-radius: var(--bestow-radius-md);
3835
3882
  background-color: var(--bestow-color-bg-default);
3836
3883
  color: var(--bestow-color-fg-default);