@youcan/celeste 0.12.0 → 0.13.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/ai/component-registry.json +2 -2
- package/ai/component-registry.md +1 -1
- package/ai/icons.md +1 -1
- package/ai/tokens.md +1 -1
- package/dist/celeste.css +148 -158
- package/dist/cjs/chunks/ConfigProvider.cjs +58 -1
- package/dist/cjs/chunks/calendar.cjs +73 -67
- package/dist/cjs/chunks/combobox-root.cjs +12 -5
- package/dist/cjs/chunks/digit-input.cjs +13 -7
- package/dist/cjs/chunks/dropdown-menu.cjs +10 -4
- package/dist/cjs/chunks/radio-group.cjs +9 -3
- package/dist/cjs/chunks/range-calendar.cjs +73 -67
- package/dist/cjs/chunks/scroll-area.cjs +18 -12
- package/dist/cjs/chunks/scroll-bar.cjs +1 -0
- package/dist/cjs/chunks/segmented-control.cjs +23 -17
- package/dist/cjs/chunks/select.cjs +9 -3
- package/dist/cjs/chunks/slider.cjs +16 -10
- package/dist/cjs/chunks/tab-menu-list.cjs +3 -3
- package/dist/cjs/chunks/tab-menu.cjs +12 -5
- package/dist/cjs/chunks/text-input.cjs +1 -1
- package/dist/cjs/command-root.cjs +9 -3
- package/dist/cjs/index.cjs +2 -0
- package/dist/cjs/use-direction.cjs +31 -0
- package/dist/cjs/use-tab-observer.cjs +1 -1
- package/dist/components/combobox/combobox-root.d.ts +2 -2
- package/dist/components/dropdown-menu/dropdown-menu.d.ts +2 -2
- package/dist/components/radio-group/radio-group.d.ts +2 -2
- package/dist/components/scroll-area/scroll-area.d.ts +2 -2
- package/dist/components/segmented-control/segmented-control.d.ts +2 -2
- package/dist/components/select/select.d.ts +2 -2
- package/dist/components/tab-menu/tab-menu.d.ts +2 -2
- package/dist/composables/index.d.ts +1 -0
- package/dist/composables/use-direction.d.ts +3 -0
- package/dist/es/chunks/ConfigProvider.js +53 -2
- package/dist/es/chunks/FocusScope.js +1 -1
- package/dist/es/chunks/Teleport.js +1 -1
- package/dist/es/chunks/calendar.js +73 -67
- package/dist/es/chunks/combobox-root.js +13 -6
- package/dist/es/chunks/digit-input.js +14 -8
- package/dist/es/chunks/dropdown-menu.js +11 -5
- package/dist/es/chunks/radio-group.js +10 -4
- package/dist/es/chunks/range-calendar.js +73 -67
- package/dist/es/chunks/scroll-area.js +18 -12
- package/dist/es/chunks/scroll-bar.js +1 -0
- package/dist/es/chunks/segmented-control.js +24 -18
- package/dist/es/chunks/select.js +10 -4
- package/dist/es/chunks/slider.js +16 -10
- package/dist/es/chunks/tab-menu-list.js +3 -3
- package/dist/es/chunks/tab-menu.js +13 -6
- package/dist/es/chunks/text-input.js +1 -1
- package/dist/es/chunks/useDirection.js +1 -1
- package/dist/es/chunks/useId.js +1 -1
- package/dist/es/chunks/useLocale.js +1 -1
- package/dist/es/chunks/useNonce.js +1 -1
- package/dist/es/command-root.js +10 -4
- package/dist/es/index.js +2 -1
- package/dist/es/use-direction.js +30 -0
- package/dist/es/use-tab-observer.js +1 -1
- package/package.json +3 -3
- package/src/components/calendar/calendar.vue +66 -60
- package/src/components/combobox/combobox-root.vue +9 -4
- package/src/components/command/command-root.vue +13 -8
- package/src/components/digit-input/digit-input.vue +13 -8
- package/src/components/dropdown-menu/dropdown-menu.vue +12 -7
- package/src/components/radio-group/radio-group.vue +12 -7
- package/src/components/range-calendar/range-calendar.vue +67 -61
- package/src/components/scroll-area/scroll-area.vue +17 -18
- package/src/components/segmented-control/segmented-control.vue +28 -23
- package/src/components/select/select.vue +12 -7
- package/src/components/slider/slider.vue +19 -14
- package/src/components/tab-menu/tab-menu-list.vue +8 -8
- package/src/components/tab-menu/tab-menu.vue +12 -4
- package/src/components/text-input/text-input.vue +11 -29
- package/src/composables/index.ts +1 -0
- package/src/composables/use-direction.ts +40 -0
- package/src/composables/use-tab-observer.ts +1 -2
package/dist/celeste.css
CHANGED
|
@@ -1214,14 +1214,14 @@ to {
|
|
|
1214
1214
|
.celeste-button-intent-error:not(:disabled).celeste-button-variant-ghost[data-v-d9a3a958]:not(:disabled):focus:not(:disabled) {
|
|
1215
1215
|
outline: none;
|
|
1216
1216
|
box-shadow: var(--shadow-buttons-error-focus);
|
|
1217
|
-
}.celeste-calendar[data-v-
|
|
1217
|
+
}.celeste-calendar[data-v-f067ca68] {
|
|
1218
1218
|
display: flex;
|
|
1219
1219
|
box-sizing: border-box;
|
|
1220
1220
|
flex-direction: column;
|
|
1221
1221
|
color: var(--color-text-sub-600);
|
|
1222
1222
|
gap: var(--spacing-8);
|
|
1223
1223
|
}
|
|
1224
|
-
.celeste-calendar-header[data-v-
|
|
1224
|
+
.celeste-calendar-header[data-v-f067ca68] {
|
|
1225
1225
|
display: flex;
|
|
1226
1226
|
align-items: center;
|
|
1227
1227
|
justify-content: center;
|
|
@@ -1230,13 +1230,13 @@ to {
|
|
|
1230
1230
|
border-radius: var(--radius-8);
|
|
1231
1231
|
background-color: var(--color-bg-weak-50);
|
|
1232
1232
|
}
|
|
1233
|
-
.celeste-calendar-heading[data-v-
|
|
1233
|
+
.celeste-calendar-heading[data-v-f067ca68] {
|
|
1234
1234
|
flex: 1;
|
|
1235
1235
|
color: var(--color-text-sub-600);
|
|
1236
1236
|
font: var(--label-sm);
|
|
1237
1237
|
text-align: center;
|
|
1238
1238
|
}
|
|
1239
|
-
.celeste-calendar-nav[data-v-
|
|
1239
|
+
.celeste-calendar-nav[data-v-f067ca68] {
|
|
1240
1240
|
display: inline-flex;
|
|
1241
1241
|
box-sizing: border-box;
|
|
1242
1242
|
align-items: center;
|
|
@@ -1254,49 +1254,49 @@ to {
|
|
|
1254
1254
|
color: var(--color-icon-sub-600);
|
|
1255
1255
|
cursor: pointer;
|
|
1256
1256
|
}
|
|
1257
|
-
.celeste-calendar-nav i[data-v-
|
|
1257
|
+
.celeste-calendar-nav i[data-v-f067ca68] {
|
|
1258
1258
|
width: 20px;
|
|
1259
1259
|
height: 20px;
|
|
1260
1260
|
}
|
|
1261
|
-
.celeste-calendar-nav:dir(rtl) i[data-v-
|
|
1261
|
+
.celeste-calendar-nav:dir(rtl) i[data-v-f067ca68] {
|
|
1262
1262
|
transform: scaleX(-1);
|
|
1263
1263
|
}
|
|
1264
|
-
.celeste-calendar-nav[data-v-
|
|
1264
|
+
.celeste-calendar-nav[data-v-f067ca68]:hover {
|
|
1265
1265
|
color: var(--color-icon-strong-950);
|
|
1266
1266
|
}
|
|
1267
|
-
.celeste-calendar-nav[data-v-
|
|
1267
|
+
.celeste-calendar-nav[data-v-f067ca68]:focus-visible {
|
|
1268
1268
|
outline: none;
|
|
1269
1269
|
box-shadow: var(--shadow-buttons-important-focus);
|
|
1270
1270
|
}
|
|
1271
|
-
.celeste-calendar-nav[data-disabled][data-v-
|
|
1271
|
+
.celeste-calendar-nav[data-disabled][data-v-f067ca68] {
|
|
1272
1272
|
background-color: transparent;
|
|
1273
1273
|
box-shadow: none;
|
|
1274
1274
|
color: var(--color-icon-disabled-300);
|
|
1275
1275
|
cursor: default;
|
|
1276
1276
|
pointer-events: none;
|
|
1277
1277
|
}
|
|
1278
|
-
.celeste-calendar-months[data-v-
|
|
1278
|
+
.celeste-calendar-months[data-v-f067ca68] {
|
|
1279
1279
|
display: flex;
|
|
1280
1280
|
gap: var(--spacing-16);
|
|
1281
1281
|
}
|
|
1282
|
-
.celeste-calendar-grid[data-v-
|
|
1282
|
+
.celeste-calendar-grid[data-v-f067ca68] {
|
|
1283
1283
|
display: flex;
|
|
1284
1284
|
flex-direction: column;
|
|
1285
1285
|
gap: var(--spacing-8);
|
|
1286
1286
|
width: 100%;
|
|
1287
1287
|
border-collapse: collapse;
|
|
1288
1288
|
}
|
|
1289
|
-
.celeste-calendar-body[data-v-
|
|
1289
|
+
.celeste-calendar-body[data-v-f067ca68] {
|
|
1290
1290
|
display: flex;
|
|
1291
1291
|
flex-direction: column;
|
|
1292
1292
|
gap: var(--spacing-8);
|
|
1293
1293
|
}
|
|
1294
|
-
.celeste-calendar-week[data-v-
|
|
1294
|
+
.celeste-calendar-week[data-v-f067ca68] {
|
|
1295
1295
|
display: flex;
|
|
1296
1296
|
align-items: center;
|
|
1297
1297
|
gap: var(--spacing-8);
|
|
1298
1298
|
}
|
|
1299
|
-
.celeste-calendar-weekday[data-v-
|
|
1299
|
+
.celeste-calendar-weekday[data-v-f067ca68] {
|
|
1300
1300
|
flex: 1;
|
|
1301
1301
|
padding-block: var(--spacing-10);
|
|
1302
1302
|
color: var(--color-text-soft-400);
|
|
@@ -1304,12 +1304,12 @@ to {
|
|
|
1304
1304
|
text-align: center;
|
|
1305
1305
|
text-transform: uppercase;
|
|
1306
1306
|
}
|
|
1307
|
-
.celeste-calendar-cell[data-v-
|
|
1307
|
+
.celeste-calendar-cell[data-v-f067ca68] {
|
|
1308
1308
|
position: relative;
|
|
1309
1309
|
flex: 1;
|
|
1310
1310
|
min-width: 0;
|
|
1311
1311
|
}
|
|
1312
|
-
.celeste-calendar-day[data-v-
|
|
1312
|
+
.celeste-calendar-day[data-v-f067ca68] {
|
|
1313
1313
|
display: flex;
|
|
1314
1314
|
position: relative;
|
|
1315
1315
|
box-sizing: border-box;
|
|
@@ -1329,44 +1329,44 @@ to {
|
|
|
1329
1329
|
-moz-user-select: none;
|
|
1330
1330
|
user-select: none;
|
|
1331
1331
|
}
|
|
1332
|
-
.celeste-calendar-day[data-v-
|
|
1332
|
+
.celeste-calendar-day[data-v-f067ca68]:hover {
|
|
1333
1333
|
background-color: var(--color-bg-weak-50);
|
|
1334
1334
|
color: var(--color-text-strong-950);
|
|
1335
1335
|
}
|
|
1336
|
-
.celeste-calendar-day[data-v-
|
|
1336
|
+
.celeste-calendar-day[data-v-f067ca68]:focus-visible {
|
|
1337
1337
|
outline: none;
|
|
1338
1338
|
box-shadow: var(--shadow-buttons-important-focus);
|
|
1339
1339
|
}
|
|
1340
|
-
.celeste-calendar-day[data-outside-view][data-v-
|
|
1340
|
+
.celeste-calendar-day[data-outside-view][data-v-f067ca68], .celeste-calendar-day[data-outside-visible-view][data-v-f067ca68] {
|
|
1341
1341
|
color: var(--color-text-disabled-300);
|
|
1342
1342
|
}
|
|
1343
|
-
.celeste-calendar-day[data-outside-view][data-v-
|
|
1343
|
+
.celeste-calendar-day[data-outside-view][data-v-f067ca68]:hover, .celeste-calendar-day[data-outside-visible-view][data-v-f067ca68]:hover {
|
|
1344
1344
|
background-color: var(--color-bg-white-0);
|
|
1345
1345
|
color: var(--color-text-disabled-300);
|
|
1346
1346
|
}
|
|
1347
|
-
.celeste-calendar-day[data-disabled][data-v-
|
|
1347
|
+
.celeste-calendar-day[data-disabled][data-v-f067ca68] {
|
|
1348
1348
|
color: var(--color-text-disabled-300);
|
|
1349
1349
|
cursor: default;
|
|
1350
1350
|
pointer-events: none;
|
|
1351
1351
|
}
|
|
1352
|
-
.celeste-calendar-day[data-unavailable][data-v-
|
|
1352
|
+
.celeste-calendar-day[data-unavailable][data-v-f067ca68] {
|
|
1353
1353
|
color: var(--color-text-disabled-300);
|
|
1354
1354
|
text-decoration: line-through;
|
|
1355
1355
|
pointer-events: none;
|
|
1356
1356
|
}
|
|
1357
|
-
.celeste-calendar-day[data-selected][data-v-
|
|
1357
|
+
.celeste-calendar-day[data-selected][data-v-f067ca68] {
|
|
1358
1358
|
background-color: var(--color-primary-base);
|
|
1359
1359
|
color: var(--color-text-white-0);
|
|
1360
1360
|
}
|
|
1361
|
-
.celeste-calendar-day[data-selected][data-v-
|
|
1361
|
+
.celeste-calendar-day[data-selected][data-v-f067ca68]:hover {
|
|
1362
1362
|
background-color: var(--color-primary-base);
|
|
1363
1363
|
color: var(--color-text-white-0);
|
|
1364
1364
|
}
|
|
1365
|
-
.celeste-calendar-day-number[data-v-
|
|
1365
|
+
.celeste-calendar-day-number[data-v-f067ca68] {
|
|
1366
1366
|
position: relative;
|
|
1367
1367
|
}
|
|
1368
|
-
.celeste-calendar-day[data-today][data-v-
|
|
1369
|
-
.celeste-calendar-day[data-marked][data-v-
|
|
1368
|
+
.celeste-calendar-day[data-today][data-v-f067ca68]::after,
|
|
1369
|
+
.celeste-calendar-day[data-marked][data-v-f067ca68]::after {
|
|
1370
1370
|
content: "";
|
|
1371
1371
|
position: absolute;
|
|
1372
1372
|
bottom: 6px;
|
|
@@ -1377,8 +1377,8 @@ to {
|
|
|
1377
1377
|
border-radius: var(--radius-full);
|
|
1378
1378
|
background-color: var(--color-primary-base);
|
|
1379
1379
|
}
|
|
1380
|
-
.celeste-calendar-day[data-selected][data-today][data-v-
|
|
1381
|
-
.celeste-calendar-day[data-selected][data-marked][data-v-
|
|
1380
|
+
.celeste-calendar-day[data-selected][data-today][data-v-f067ca68]::after,
|
|
1381
|
+
.celeste-calendar-day[data-selected][data-marked][data-v-f067ca68]::after {
|
|
1382
1382
|
background-color: var(--color-text-white-0);
|
|
1383
1383
|
}.celeste-chart-card[data-v-e3917b02] {
|
|
1384
1384
|
display: flex;
|
|
@@ -2413,7 +2413,7 @@ to {
|
|
|
2413
2413
|
.celeste-text-input-button[inline=true][data-v-8b3cdb5f]:hover {
|
|
2414
2414
|
background-color: transparent !important;
|
|
2415
2415
|
}/* stylelint-disable no-descending-specificity */
|
|
2416
|
-
.celeste-text-input-wrapper[data-v-
|
|
2416
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2] {
|
|
2417
2417
|
--celeste-text-input-border-color: var(--color-stroke-soft-200);
|
|
2418
2418
|
--celeste-text-input-drop-shadow: var(--shadow-regular-xs);
|
|
2419
2419
|
--celeste-text-input-icon-color: var(--color-text-soft-400);
|
|
@@ -2436,28 +2436,28 @@ to {
|
|
|
2436
2436
|
font: var(--paragraph-sm);
|
|
2437
2437
|
gap: var(--input-gap);
|
|
2438
2438
|
}
|
|
2439
|
-
.celeste-text-input-wrapper[size=xs][data-v-
|
|
2439
|
+
.celeste-text-input-wrapper[size=xs][data-v-d61fa3e2] {
|
|
2440
2440
|
--input-gap: 8px;
|
|
2441
2441
|
--input-height: 32px;
|
|
2442
2442
|
--input-radius: var(--radius-8);
|
|
2443
2443
|
--input-padding: calc(var(--spacing-8) - var(--spacing-2));
|
|
2444
2444
|
}
|
|
2445
|
-
.celeste-text-input-wrapper[size=sm][data-v-
|
|
2445
|
+
.celeste-text-input-wrapper[size=sm][data-v-d61fa3e2] {
|
|
2446
2446
|
--input-gap: 6px;
|
|
2447
2447
|
--input-height: 36px;
|
|
2448
2448
|
--input-radius: var(--radius-8);
|
|
2449
2449
|
--input-padding: var(--spacing-8);
|
|
2450
2450
|
}
|
|
2451
|
-
.celeste-text-input-wrapper[size=md][data-v-
|
|
2451
|
+
.celeste-text-input-wrapper[size=md][data-v-d61fa3e2] {
|
|
2452
2452
|
--input-gap: 6px;
|
|
2453
2453
|
--input-height: 40px;
|
|
2454
2454
|
--input-radius: var(--radius-10);
|
|
2455
2455
|
--input-padding: var(--spacing-10);
|
|
2456
2456
|
}
|
|
2457
|
-
.celeste-text-input-wrapper[has-error=true][data-v-
|
|
2457
|
+
.celeste-text-input-wrapper[has-error=true][data-v-d61fa3e2] {
|
|
2458
2458
|
--celeste-text-input-border-color: var(--color-state-error-base);
|
|
2459
2459
|
}
|
|
2460
|
-
.celeste-text-input-wrapper .celeste-text-input[data-v-
|
|
2460
|
+
.celeste-text-input-wrapper .celeste-text-input[data-v-d61fa3e2] {
|
|
2461
2461
|
width: 100%;
|
|
2462
2462
|
height: 100%;
|
|
2463
2463
|
padding: 0;
|
|
@@ -2467,62 +2467,62 @@ to {
|
|
|
2467
2467
|
color: inherit;
|
|
2468
2468
|
font: inherit;
|
|
2469
2469
|
}
|
|
2470
|
-
.celeste-text-input-wrapper .celeste-text-input[data-v-
|
|
2470
|
+
.celeste-text-input-wrapper .celeste-text-input[data-v-d61fa3e2]::-moz-placeholder {
|
|
2471
2471
|
-moz-transition: color var(--animation-fast) ease-out;
|
|
2472
2472
|
transition: color var(--animation-fast) ease-out;
|
|
2473
2473
|
color: var(--celeste-text-input-placeholder-color);
|
|
2474
2474
|
}
|
|
2475
|
-
.celeste-text-input-wrapper .celeste-text-input[data-v-
|
|
2475
|
+
.celeste-text-input-wrapper .celeste-text-input[data-v-d61fa3e2]::placeholder {
|
|
2476
2476
|
transition: color var(--animation-fast) ease-out;
|
|
2477
2477
|
color: var(--celeste-text-input-placeholder-color);
|
|
2478
2478
|
}
|
|
2479
|
-
.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-
|
|
2479
|
+
.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d61fa3e2]::-webkit-search-cancel-button {
|
|
2480
2480
|
display: none;
|
|
2481
2481
|
-webkit-appearance: none;
|
|
2482
2482
|
appearance: none;
|
|
2483
2483
|
}
|
|
2484
|
-
.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-
|
|
2484
|
+
.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-d61fa3e2]::-webkit-search-decoration {
|
|
2485
2485
|
display: none;
|
|
2486
2486
|
-webkit-appearance: none;
|
|
2487
2487
|
appearance: none;
|
|
2488
2488
|
}
|
|
2489
|
-
.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-
|
|
2489
|
+
.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-webkit-calendar-picker-indicator {
|
|
2490
2490
|
display: none;
|
|
2491
2491
|
-webkit-appearance: none;
|
|
2492
2492
|
appearance: none;
|
|
2493
2493
|
}
|
|
2494
|
-
.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-
|
|
2494
|
+
.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-webkit-clear-button, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-webkit-inner-spin-button {
|
|
2495
2495
|
display: none;
|
|
2496
2496
|
-webkit-appearance: none;
|
|
2497
2497
|
appearance: none;
|
|
2498
2498
|
}
|
|
2499
|
-
.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-
|
|
2499
|
+
.celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-ms-clear, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-d61fa3e2]::-ms-expand {
|
|
2500
2500
|
display: none;
|
|
2501
2501
|
}
|
|
2502
|
-
.celeste-text-input-wrapper[data-v-
|
|
2502
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input-leading-node) {
|
|
2503
2503
|
padding-inline-start: 0;
|
|
2504
2504
|
}
|
|
2505
|
-
.celeste-text-input-wrapper[data-v-
|
|
2505
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input-trailing-node) {
|
|
2506
2506
|
padding-inline-end: 0;
|
|
2507
2507
|
}
|
|
2508
|
-
.celeste-text-input-wrapper[data-v-
|
|
2508
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:focus) {
|
|
2509
2509
|
--celeste-text-input-border-color: var(--color-stroke-strong-950);
|
|
2510
2510
|
--celeste-text-input-placeholder-color: var(--color-text-sub-600);
|
|
2511
2511
|
--celeste-text-input-icon-color: var(--color-text-sub-600);
|
|
2512
2512
|
--celeste-text-input-affix-color: var(--color-text-sub-600);
|
|
2513
2513
|
outline-color: var(--color-stroke-soft-200);
|
|
2514
2514
|
}
|
|
2515
|
-
.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-
|
|
2515
|
+
.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-d61fa3e2] {
|
|
2516
2516
|
--celeste-text-input-border-color: var(--color-state-error-base);
|
|
2517
2517
|
outline-color: var(--color-state-error-lighter);
|
|
2518
2518
|
}
|
|
2519
|
-
.celeste-text-input-wrapper[data-v-
|
|
2519
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2] input:-webkit-autofill {
|
|
2520
2520
|
-webkit-transition: background-color 5000s ease-in-out 0s;
|
|
2521
2521
|
transition: background-color 5000s ease-in-out 0s;
|
|
2522
2522
|
-webkit-background-clip: text;
|
|
2523
2523
|
background-clip: text;
|
|
2524
2524
|
}
|
|
2525
|
-
.celeste-text-input-wrapper[data-v-
|
|
2525
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:disabled) {
|
|
2526
2526
|
--celeste-text-input-border-color: transparent;
|
|
2527
2527
|
--celeste-text-input-drop-shadow: none;
|
|
2528
2528
|
--celeste-text-input-affix-background-color: var(--color-bg-weak-50);
|
|
@@ -2534,58 +2534,48 @@ to {
|
|
|
2534
2534
|
color: var(--color-text-disabled-300);
|
|
2535
2535
|
pointer-events: none;
|
|
2536
2536
|
}
|
|
2537
|
-
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-
|
|
2537
|
+
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d61fa3e2]::-moz-placeholder {
|
|
2538
2538
|
color: currentcolor;
|
|
2539
2539
|
}
|
|
2540
|
-
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-
|
|
2540
|
+
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-d61fa3e2]::placeholder {
|
|
2541
2541
|
color: currentcolor;
|
|
2542
2542
|
}
|
|
2543
|
-
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-
|
|
2543
|
+
.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-d61fa3e2] {
|
|
2544
2544
|
color: var(--color-text-disabled-300);
|
|
2545
2545
|
pointer-events: none;
|
|
2546
2546
|
}
|
|
2547
|
-
.celeste-text-input-wrapper[data-v-
|
|
2547
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
|
|
2548
2548
|
--celeste-text-input-border-color: transparent;
|
|
2549
2549
|
}
|
|
2550
|
-
.celeste-text-input-wrapper[data-v-
|
|
2550
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
|
|
2551
2551
|
--celeste-text-input-icon-color: var(--color-text-sub-600);
|
|
2552
2552
|
--celeste-text-input-placeholder-color: var(--color-text-sub-600);
|
|
2553
2553
|
background-color: var(--color-bg-weak-50);
|
|
2554
2554
|
}
|
|
2555
|
-
.celeste-text-input-wrapper .celeste-text-input-icon[data-v-
|
|
2555
|
+
.celeste-text-input-wrapper .celeste-text-input-icon[data-v-d61fa3e2] {
|
|
2556
2556
|
flex-shrink: 0;
|
|
2557
2557
|
width: 20px;
|
|
2558
2558
|
height: 20px;
|
|
2559
2559
|
transition: all var(--animation-fast) ease-out;
|
|
2560
2560
|
color: var(--celeste-text-input-icon-color);
|
|
2561
2561
|
}
|
|
2562
|
-
.celeste-text-input-wrapper[data-v-
|
|
2563
|
-
.celeste-text-input-wrapper[data-v-
|
|
2564
|
-
height: calc(var(--input-height) - var(--spacing-2))
|
|
2562
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-leading-node,
|
|
2563
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-trailing-node {
|
|
2564
|
+
height: calc(var(--input-height) - var(--spacing-2));
|
|
2565
2565
|
}
|
|
2566
|
-
|
|
2567
|
-
border-
|
|
2568
|
-
border-radius: var(--input-radius)
|
|
2569
|
-
|
|
2570
|
-
|
|
2571
|
-
border-
|
|
2572
|
-
border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
|
|
2573
|
-
}
|
|
2574
|
-
[dir=rtl] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node {
|
|
2575
|
-
border-left: 1px solid var(--color-stroke-soft-200) !important;
|
|
2576
|
-
border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
|
|
2577
|
-
}
|
|
2578
|
-
[dir=rtl] .celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-trailing-node {
|
|
2579
|
-
border-right: 1px solid var(--color-stroke-soft-200) !important;
|
|
2580
|
-
border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
|
|
2581
|
-
}
|
|
2582
|
-
.celeste-text-input-wrapper[data-v-74d9ab66] .celeste-text-input-node.celeste-text-input-leading-node {
|
|
2583
|
-
border-right: 1px solid var(--color-stroke-soft-200) !important;
|
|
2584
|
-
border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
|
|
2566
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-leading-node {
|
|
2567
|
+
border-inline-end: 1px solid var(--color-stroke-soft-200);
|
|
2568
|
+
border-start-start-radius: var(--input-radius);
|
|
2569
|
+
border-start-end-radius: 0;
|
|
2570
|
+
border-end-end-radius: 0;
|
|
2571
|
+
border-end-start-radius: var(--input-radius);
|
|
2585
2572
|
}
|
|
2586
|
-
.celeste-text-input-wrapper[data-v-
|
|
2587
|
-
border-
|
|
2588
|
-
border-
|
|
2573
|
+
.celeste-text-input-wrapper[data-v-d61fa3e2] .celeste-text-input-node.celeste-text-input-trailing-node {
|
|
2574
|
+
border-inline-start: 1px solid var(--color-stroke-soft-200);
|
|
2575
|
+
border-start-start-radius: 0;
|
|
2576
|
+
border-start-end-radius: var(--input-radius);
|
|
2577
|
+
border-end-end-radius: var(--input-radius);
|
|
2578
|
+
border-end-start-radius: 0;
|
|
2589
2579
|
}.celeste-color-swatch[data-v-c0ab1e9e] {
|
|
2590
2580
|
display: flex;
|
|
2591
2581
|
flex-direction: column;
|
|
@@ -2887,7 +2877,7 @@ to {
|
|
|
2887
2877
|
transform: translateY(10px);
|
|
2888
2878
|
opacity: 0;
|
|
2889
2879
|
}
|
|
2890
|
-
}.celeste-combobox-root[data-v-
|
|
2880
|
+
}.celeste-combobox-root[data-v-7e1e8d15] {
|
|
2891
2881
|
flex-shrink: 0;
|
|
2892
2882
|
}.celeste-dropdown-separator[data-v-bf73b588] {
|
|
2893
2883
|
width: 100%;
|
|
@@ -3435,7 +3425,7 @@ to {
|
|
|
3435
3425
|
--celeste-digit-input-border-color: transparent;
|
|
3436
3426
|
--celeste-digit-input-placeholder-color: var(--color-text-sub-600);
|
|
3437
3427
|
background-color: var(--color-bg-weak-50);
|
|
3438
|
-
}.celeste-digit-input[data-v-
|
|
3428
|
+
}.celeste-digit-input[data-v-20a3fbb5] {
|
|
3439
3429
|
display: flex;
|
|
3440
3430
|
align-items: center;
|
|
3441
3431
|
max-width: 100%;
|
|
@@ -3656,7 +3646,7 @@ to {
|
|
|
3656
3646
|
}
|
|
3657
3647
|
.celeste-dropdown-menu-trigger[data-disabled][data-v-182db80e] i {
|
|
3658
3648
|
color: var(--color-icon-disabled-300);
|
|
3659
|
-
}[data-v-
|
|
3649
|
+
}[data-v-fa4c1e84] {
|
|
3660
3650
|
box-sizing: border-box;
|
|
3661
3651
|
}[data-v-cf42d877] .celeste-tooltip-content {
|
|
3662
3652
|
display: flex;
|
|
@@ -4041,16 +4031,16 @@ to {
|
|
|
4041
4031
|
}
|
|
4042
4032
|
.celeste-slider .celeste-slider-thumb:active {
|
|
4043
4033
|
cursor: grabbing;
|
|
4044
|
-
}.celeste-range-calendar[data-v-
|
|
4034
|
+
}.celeste-range-calendar[data-v-87d63238] {
|
|
4045
4035
|
display: flex;
|
|
4046
4036
|
box-sizing: border-box;
|
|
4047
4037
|
color: var(--color-text-sub-600);
|
|
4048
4038
|
}
|
|
4049
|
-
.celeste-range-calendar-months[data-v-
|
|
4039
|
+
.celeste-range-calendar-months[data-v-87d63238] {
|
|
4050
4040
|
display: flex;
|
|
4051
4041
|
align-items: stretch;
|
|
4052
4042
|
}
|
|
4053
|
-
.celeste-range-calendar-month[data-v-
|
|
4043
|
+
.celeste-range-calendar-month[data-v-87d63238] {
|
|
4054
4044
|
display: flex;
|
|
4055
4045
|
flex: 1;
|
|
4056
4046
|
flex-direction: column;
|
|
@@ -4058,10 +4048,10 @@ to {
|
|
|
4058
4048
|
min-width: 0;
|
|
4059
4049
|
padding: 20px;
|
|
4060
4050
|
}
|
|
4061
|
-
.celeste-range-calendar-month[data-v-
|
|
4051
|
+
.celeste-range-calendar-month[data-v-87d63238]:not(:last-child) {
|
|
4062
4052
|
border-inline-end: 1px solid var(--color-stroke-soft-200);
|
|
4063
4053
|
}
|
|
4064
|
-
.celeste-range-calendar-header[data-v-
|
|
4054
|
+
.celeste-range-calendar-header[data-v-87d63238] {
|
|
4065
4055
|
display: flex;
|
|
4066
4056
|
align-items: center;
|
|
4067
4057
|
justify-content: center;
|
|
@@ -4070,13 +4060,13 @@ to {
|
|
|
4070
4060
|
border-radius: var(--radius-8);
|
|
4071
4061
|
background-color: var(--color-bg-weak-50);
|
|
4072
4062
|
}
|
|
4073
|
-
.celeste-range-calendar-heading[data-v-
|
|
4063
|
+
.celeste-range-calendar-heading[data-v-87d63238] {
|
|
4074
4064
|
flex: 1;
|
|
4075
4065
|
color: var(--color-text-sub-600);
|
|
4076
4066
|
font: var(--label-sm);
|
|
4077
4067
|
text-align: center;
|
|
4078
4068
|
}
|
|
4079
|
-
.celeste-range-calendar-nav[data-v-
|
|
4069
|
+
.celeste-range-calendar-nav[data-v-87d63238] {
|
|
4080
4070
|
display: inline-flex;
|
|
4081
4071
|
box-sizing: border-box;
|
|
4082
4072
|
align-items: center;
|
|
@@ -4094,74 +4084,74 @@ to {
|
|
|
4094
4084
|
color: var(--color-icon-sub-600);
|
|
4095
4085
|
cursor: pointer;
|
|
4096
4086
|
}
|
|
4097
|
-
.celeste-range-calendar-nav i[data-v-
|
|
4087
|
+
.celeste-range-calendar-nav i[data-v-87d63238] {
|
|
4098
4088
|
width: 20px;
|
|
4099
4089
|
height: 20px;
|
|
4100
4090
|
}
|
|
4101
|
-
.celeste-range-calendar-nav:dir(rtl) i[data-v-
|
|
4091
|
+
.celeste-range-calendar-nav:dir(rtl) i[data-v-87d63238] {
|
|
4102
4092
|
transform: scaleX(-1);
|
|
4103
4093
|
}
|
|
4104
|
-
.celeste-range-calendar-nav[data-v-
|
|
4094
|
+
.celeste-range-calendar-nav[data-v-87d63238]:hover {
|
|
4105
4095
|
color: var(--color-icon-strong-950);
|
|
4106
4096
|
}
|
|
4107
|
-
.celeste-range-calendar-nav[data-v-
|
|
4097
|
+
.celeste-range-calendar-nav[data-v-87d63238]:focus-visible {
|
|
4108
4098
|
outline: none;
|
|
4109
4099
|
box-shadow: var(--shadow-buttons-important-focus);
|
|
4110
4100
|
}
|
|
4111
|
-
.celeste-range-calendar-nav[data-disabled][data-v-
|
|
4101
|
+
.celeste-range-calendar-nav[data-disabled][data-v-87d63238] {
|
|
4112
4102
|
background-color: transparent;
|
|
4113
4103
|
box-shadow: none;
|
|
4114
4104
|
color: var(--color-icon-disabled-300);
|
|
4115
4105
|
cursor: default;
|
|
4116
4106
|
pointer-events: none;
|
|
4117
4107
|
}
|
|
4118
|
-
.celeste-range-calendar-grid[data-v-
|
|
4108
|
+
.celeste-range-calendar-grid[data-v-87d63238] {
|
|
4119
4109
|
display: flex;
|
|
4120
4110
|
flex-direction: column;
|
|
4121
4111
|
gap: var(--spacing-8);
|
|
4122
4112
|
width: 100%;
|
|
4123
4113
|
border-collapse: collapse;
|
|
4124
4114
|
}
|
|
4125
|
-
.celeste-range-calendar-body[data-v-
|
|
4115
|
+
.celeste-range-calendar-body[data-v-87d63238] {
|
|
4126
4116
|
display: flex;
|
|
4127
4117
|
flex-direction: column;
|
|
4128
4118
|
gap: var(--spacing-8);
|
|
4129
4119
|
}
|
|
4130
|
-
.celeste-range-calendar-week[data-v-
|
|
4120
|
+
.celeste-range-calendar-week[data-v-87d63238] {
|
|
4131
4121
|
display: grid;
|
|
4132
4122
|
grid-template-columns: repeat(7, minmax(0, 1fr));
|
|
4133
4123
|
align-items: center;
|
|
4134
4124
|
}
|
|
4135
|
-
.celeste-range-calendar-weekday[data-v-
|
|
4125
|
+
.celeste-range-calendar-weekday[data-v-87d63238] {
|
|
4136
4126
|
padding-block: var(--spacing-10);
|
|
4137
4127
|
color: var(--color-text-soft-400);
|
|
4138
4128
|
font: var(--label-sm);
|
|
4139
4129
|
text-align: center;
|
|
4140
4130
|
text-transform: uppercase;
|
|
4141
4131
|
}
|
|
4142
|
-
.celeste-range-calendar-cell[data-v-
|
|
4132
|
+
.celeste-range-calendar-cell[data-v-87d63238] {
|
|
4143
4133
|
position: relative;
|
|
4144
4134
|
min-width: 0;
|
|
4145
4135
|
}
|
|
4146
|
-
.celeste-range-calendar-cell[data-v-
|
|
4147
|
-
.celeste-range-calendar-cell[data-v-
|
|
4136
|
+
.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selected]),
|
|
4137
|
+
.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted]) {
|
|
4148
4138
|
background-color: var(--color-primary-alpha-10);
|
|
4149
4139
|
}
|
|
4150
|
-
.celeste-range-calendar-cell[data-v-
|
|
4151
|
-
.celeste-range-calendar-cell[data-v-
|
|
4152
|
-
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-
|
|
4153
|
-
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-
|
|
4140
|
+
.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selection-start]),
|
|
4141
|
+
.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted-start]),
|
|
4142
|
+
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:first-child:has(.celeste-range-calendar-day[data-selected]),
|
|
4143
|
+
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:first-child:has(.celeste-range-calendar-day[data-highlighted]) {
|
|
4154
4144
|
border-start-start-radius: var(--radius-8);
|
|
4155
4145
|
border-end-start-radius: var(--radius-8);
|
|
4156
4146
|
}
|
|
4157
|
-
.celeste-range-calendar-cell[data-v-
|
|
4158
|
-
.celeste-range-calendar-cell[data-v-
|
|
4159
|
-
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-
|
|
4160
|
-
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-
|
|
4147
|
+
.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-selection-end]),
|
|
4148
|
+
.celeste-range-calendar-cell[data-v-87d63238]:has(.celeste-range-calendar-day[data-highlighted-end]),
|
|
4149
|
+
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:last-child:has(.celeste-range-calendar-day[data-selected]),
|
|
4150
|
+
.celeste-range-calendar-week > .celeste-range-calendar-cell[data-v-87d63238]:last-child:has(.celeste-range-calendar-day[data-highlighted]) {
|
|
4161
4151
|
border-start-end-radius: var(--radius-8);
|
|
4162
4152
|
border-end-end-radius: var(--radius-8);
|
|
4163
4153
|
}
|
|
4164
|
-
.celeste-range-calendar-day[data-v-
|
|
4154
|
+
.celeste-range-calendar-day[data-v-87d63238] {
|
|
4165
4155
|
display: flex;
|
|
4166
4156
|
position: relative;
|
|
4167
4157
|
box-sizing: border-box;
|
|
@@ -4183,51 +4173,51 @@ to {
|
|
|
4183
4173
|
-moz-user-select: none;
|
|
4184
4174
|
user-select: none;
|
|
4185
4175
|
}
|
|
4186
|
-
.celeste-range-calendar-day[data-v-
|
|
4176
|
+
.celeste-range-calendar-day[data-v-87d63238]:hover {
|
|
4187
4177
|
background-color: var(--color-bg-weak-50);
|
|
4188
4178
|
color: var(--color-text-strong-950);
|
|
4189
4179
|
}
|
|
4190
|
-
.celeste-range-calendar-day[data-v-
|
|
4180
|
+
.celeste-range-calendar-day[data-v-87d63238]:focus-visible {
|
|
4191
4181
|
outline: none;
|
|
4192
4182
|
box-shadow: var(--shadow-buttons-important-focus);
|
|
4193
4183
|
}
|
|
4194
|
-
.celeste-range-calendar-day[data-outside-view][data-v-
|
|
4184
|
+
.celeste-range-calendar-day[data-outside-view][data-v-87d63238], .celeste-range-calendar-day[data-outside-visible-view][data-v-87d63238] {
|
|
4195
4185
|
color: var(--color-text-disabled-300);
|
|
4196
4186
|
}
|
|
4197
|
-
.celeste-range-calendar-day[data-outside-view][data-v-
|
|
4187
|
+
.celeste-range-calendar-day[data-outside-view][data-v-87d63238]:hover, .celeste-range-calendar-day[data-outside-visible-view][data-v-87d63238]:hover {
|
|
4198
4188
|
background-color: transparent;
|
|
4199
4189
|
color: var(--color-text-disabled-300);
|
|
4200
4190
|
}
|
|
4201
|
-
.celeste-range-calendar-day[data-disabled][data-v-
|
|
4191
|
+
.celeste-range-calendar-day[data-disabled][data-v-87d63238] {
|
|
4202
4192
|
color: var(--color-text-disabled-300);
|
|
4203
4193
|
cursor: default;
|
|
4204
4194
|
pointer-events: none;
|
|
4205
4195
|
}
|
|
4206
|
-
.celeste-range-calendar-day[data-unavailable][data-v-
|
|
4196
|
+
.celeste-range-calendar-day[data-unavailable][data-v-87d63238] {
|
|
4207
4197
|
color: var(--color-text-disabled-300);
|
|
4208
4198
|
text-decoration: line-through;
|
|
4209
4199
|
pointer-events: none;
|
|
4210
4200
|
}
|
|
4211
|
-
.celeste-range-calendar-day[data-selected][data-v-
|
|
4201
|
+
.celeste-range-calendar-day[data-selected][data-v-87d63238], .celeste-range-calendar-day[data-highlighted][data-v-87d63238] {
|
|
4212
4202
|
color: var(--color-primary-base);
|
|
4213
4203
|
}
|
|
4214
|
-
.celeste-range-calendar-day[data-selected][data-v-
|
|
4204
|
+
.celeste-range-calendar-day[data-selected][data-v-87d63238]:hover, .celeste-range-calendar-day[data-highlighted][data-v-87d63238]:hover {
|
|
4215
4205
|
background-color: transparent;
|
|
4216
4206
|
color: var(--color-primary-base);
|
|
4217
4207
|
}
|
|
4218
|
-
.celeste-range-calendar-day[data-selection-start][data-v-
|
|
4208
|
+
.celeste-range-calendar-day[data-selection-start][data-v-87d63238], .celeste-range-calendar-day[data-selection-end][data-v-87d63238] {
|
|
4219
4209
|
background-color: var(--color-primary-base);
|
|
4220
4210
|
color: var(--color-text-white-0);
|
|
4221
4211
|
}
|
|
4222
|
-
.celeste-range-calendar-day[data-selection-start][data-v-
|
|
4212
|
+
.celeste-range-calendar-day[data-selection-start][data-v-87d63238]:hover, .celeste-range-calendar-day[data-selection-end][data-v-87d63238]:hover {
|
|
4223
4213
|
background-color: var(--color-primary-base);
|
|
4224
4214
|
color: var(--color-text-white-0);
|
|
4225
4215
|
}
|
|
4226
|
-
.celeste-range-calendar-day-number[data-v-
|
|
4216
|
+
.celeste-range-calendar-day-number[data-v-87d63238] {
|
|
4227
4217
|
position: relative;
|
|
4228
4218
|
}
|
|
4229
|
-
.celeste-range-calendar-day[data-today][data-v-
|
|
4230
|
-
.celeste-range-calendar-day[data-marked][data-v-
|
|
4219
|
+
.celeste-range-calendar-day[data-today][data-v-87d63238]::after,
|
|
4220
|
+
.celeste-range-calendar-day[data-marked][data-v-87d63238]::after {
|
|
4231
4221
|
content: "";
|
|
4232
4222
|
position: absolute;
|
|
4233
4223
|
bottom: 6px;
|
|
@@ -4238,10 +4228,10 @@ to {
|
|
|
4238
4228
|
border-radius: var(--radius-full);
|
|
4239
4229
|
background-color: var(--color-primary-base);
|
|
4240
4230
|
}
|
|
4241
|
-
.celeste-range-calendar-day[data-selection-start][data-today][data-v-
|
|
4242
|
-
.celeste-range-calendar-day[data-selection-end][data-today][data-v-
|
|
4243
|
-
.celeste-range-calendar-day[data-selection-start][data-marked][data-v-
|
|
4244
|
-
.celeste-range-calendar-day[data-selection-end][data-marked][data-v-
|
|
4231
|
+
.celeste-range-calendar-day[data-selection-start][data-today][data-v-87d63238]::after,
|
|
4232
|
+
.celeste-range-calendar-day[data-selection-end][data-today][data-v-87d63238]::after,
|
|
4233
|
+
.celeste-range-calendar-day[data-selection-start][data-marked][data-v-87d63238]::after,
|
|
4234
|
+
.celeste-range-calendar-day[data-selection-end][data-marked][data-v-87d63238]::after {
|
|
4245
4235
|
background-color: var(--color-text-white-0);
|
|
4246
4236
|
}.celeste-pagination-ellipsis[data-v-5fcf13e0] {
|
|
4247
4237
|
-webkit-user-select: none;
|
|
@@ -4337,11 +4327,11 @@ to {
|
|
|
4337
4327
|
flex: 1;
|
|
4338
4328
|
border-radius: calc(infinity * 1px);
|
|
4339
4329
|
background-color: var(--color-bg-sub-300);
|
|
4340
|
-
}.celeste-scroll-area[data-v-
|
|
4330
|
+
}.celeste-scroll-area[data-v-1bb37e0a] {
|
|
4341
4331
|
position: relative;
|
|
4342
4332
|
overflow: hidden;
|
|
4343
4333
|
}
|
|
4344
|
-
[data-v-
|
|
4334
|
+
[data-v-1bb37e0a] .celeste-scroll-area-viewport {
|
|
4345
4335
|
width: 100%;
|
|
4346
4336
|
height: 100%;
|
|
4347
4337
|
border-radius: inherit;
|
|
@@ -4423,7 +4413,7 @@ to {
|
|
|
4423
4413
|
flex: 1;
|
|
4424
4414
|
}
|
|
4425
4415
|
|
|
4426
|
-
.celeste-tab-menu-list[data-v-
|
|
4416
|
+
.celeste-tab-menu-list[data-v-baf19a75] {
|
|
4427
4417
|
display: flex;
|
|
4428
4418
|
align-items: center;
|
|
4429
4419
|
justify-content: flex-start;
|
|
@@ -4431,57 +4421,57 @@ to {
|
|
|
4431
4421
|
padding: var(--spacing-10);
|
|
4432
4422
|
gap: var(--spacing-8);
|
|
4433
4423
|
}
|
|
4434
|
-
.celeste-tab-menu-list[data-orientation='horizontal'][data-v-
|
|
4424
|
+
.celeste-tab-menu-list[data-orientation='horizontal'][data-v-baf19a75] {
|
|
4435
4425
|
position: relative;
|
|
4436
4426
|
flex-direction: row;
|
|
4437
4427
|
padding: var(--spacing-0);
|
|
4438
4428
|
gap: 24px;
|
|
4439
4429
|
}
|
|
4440
|
-
.celeste-tab-menu-list[data-orientation='horizontal'][data-bordered='true'][data-v-
|
|
4430
|
+
.celeste-tab-menu-list[data-orientation='horizontal'][data-bordered='true'][data-v-baf19a75] {
|
|
4441
4431
|
border-block: 1px solid var(--color-stroke-soft-200);
|
|
4442
4432
|
}
|
|
4443
|
-
.celeste-tab-menu-list[data-orientation='vertical'][data-v-
|
|
4433
|
+
.celeste-tab-menu-list[data-orientation='vertical'][data-v-baf19a75] {
|
|
4444
4434
|
flex-direction: column;
|
|
4445
4435
|
}
|
|
4446
|
-
.celeste-tab-menu-list[data-scrollable='true'][data-v-
|
|
4436
|
+
.celeste-tab-menu-list[data-scrollable='true'][data-v-baf19a75] {
|
|
4447
4437
|
overflow-x: auto;
|
|
4448
4438
|
scrollbar-width: none;
|
|
4449
4439
|
}
|
|
4450
|
-
.celeste-tab-menu-list[data-scrollable='true'][data-v-
|
|
4440
|
+
.celeste-tab-menu-list[data-scrollable='true'][data-v-baf19a75]::-webkit-scrollbar {
|
|
4451
4441
|
display: none;
|
|
4452
4442
|
}
|
|
4453
|
-
.celeste-tab-menu-list[data-fill='true'][data-v-
|
|
4443
|
+
.celeste-tab-menu-list[data-fill='true'][data-v-baf19a75] .celeste-tab-menu-item {
|
|
4454
4444
|
flex: 1 1 0;
|
|
4455
4445
|
width: auto;
|
|
4456
4446
|
}
|
|
4457
|
-
.celeste-tab-menu-list[data-align='center'][data-v-
|
|
4447
|
+
.celeste-tab-menu-list[data-align='center'][data-v-baf19a75] .celeste-tab-menu-item {
|
|
4458
4448
|
justify-content: center;
|
|
4459
4449
|
}
|
|
4460
|
-
.celeste-tab-menu-list[data-align='center'][data-v-
|
|
4450
|
+
.celeste-tab-menu-list[data-align='center'][data-v-baf19a75] .celeste-tab-menu-item-label {
|
|
4461
4451
|
flex: 0 1 auto;
|
|
4462
4452
|
}
|
|
4463
|
-
.celeste-tab-menu-indicator[data-v-
|
|
4453
|
+
.celeste-tab-menu-indicator[data-v-baf19a75] {
|
|
4464
4454
|
position: absolute;
|
|
4465
4455
|
bottom: -1px;
|
|
4466
4456
|
left: 0;
|
|
4467
4457
|
height: 2px;
|
|
4468
4458
|
transition-property: transform, width;
|
|
4469
|
-
transition-duration:
|
|
4459
|
+
transition-duration: var(--animation-normal);
|
|
4470
4460
|
transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
|
|
4471
|
-
opacity: 0;
|
|
4472
4461
|
background-color: var(--color-primary-base);
|
|
4473
4462
|
pointer-events: none;
|
|
4474
4463
|
}
|
|
4475
|
-
.celeste-tab-menu-list[data-scrollable='true'] > .celeste-tab-menu-indicator[data-v-
|
|
4464
|
+
.celeste-tab-menu-list[data-scrollable='true'] > .celeste-tab-menu-indicator[data-v-baf19a75] {
|
|
4476
4465
|
bottom: 0;
|
|
4477
4466
|
}
|
|
4478
|
-
.celeste-tab-menu-
|
|
4479
|
-
transition-duration: var(--animation-normal);
|
|
4480
|
-
opacity: 1;
|
|
4481
|
-
}
|
|
4482
|
-
.celeste-tab-menu-list[data-orientation='vertical'] > .celeste-tab-menu-indicator[data-v-bf1363bf] {
|
|
4467
|
+
.celeste-tab-menu-list[data-orientation='vertical'] > .celeste-tab-menu-indicator[data-v-baf19a75] {
|
|
4483
4468
|
display: none;
|
|
4484
4469
|
}
|
|
4470
|
+
@media (prefers-reduced-motion: reduce) {
|
|
4471
|
+
.celeste-tab-menu-indicator[data-v-baf19a75] {
|
|
4472
|
+
transition-duration: 0s;
|
|
4473
|
+
}
|
|
4474
|
+
}
|
|
4485
4475
|
|
|
4486
4476
|
.celeste-tab-menu-item[data-v-512ad887] {
|
|
4487
4477
|
--animation-function: cubic-bezier(0, 0, 0.2, 1);
|
|
@@ -5374,7 +5364,7 @@ to {
|
|
|
5374
5364
|
.celeste-select-item[data-state=checked][data-v-3fe18f57] .i-celeste-check-line {
|
|
5375
5365
|
display: none;
|
|
5376
5366
|
}
|
|
5377
|
-
.celeste-segmented-control[data-v-
|
|
5367
|
+
.celeste-segmented-control[data-v-1b4b28d6] {
|
|
5378
5368
|
display: flex;
|
|
5379
5369
|
position: relative;
|
|
5380
5370
|
gap: var(--spacing-4);
|
|
@@ -5385,26 +5375,26 @@ to {
|
|
|
5385
5375
|
border-radius: var(--radius-10);
|
|
5386
5376
|
background-color: var(--color-bg-weak-50);
|
|
5387
5377
|
}
|
|
5388
|
-
.celeste-segmented-control[data-orientation='vertical'][data-v-
|
|
5378
|
+
.celeste-segmented-control[data-orientation='vertical'][data-v-1b4b28d6] {
|
|
5389
5379
|
flex-direction: column;
|
|
5390
5380
|
}
|
|
5391
|
-
.celeste-segmented-control-indicator[data-v-
|
|
5381
|
+
.celeste-segmented-control-indicator[data-v-1b4b28d6] {
|
|
5392
5382
|
position: absolute;
|
|
5393
5383
|
z-index: -1;
|
|
5394
5384
|
top: 0;
|
|
5395
5385
|
left: 0;
|
|
5396
5386
|
transition-property: transform, width, height;
|
|
5397
|
-
transition-duration:
|
|
5387
|
+
transition-duration: var(--animation-normal);
|
|
5398
5388
|
transition-timing-function: cubic-bezier(0.65, 0, 0.35, 1);
|
|
5399
5389
|
border-radius: var(--radius-6);
|
|
5400
|
-
opacity: 0;
|
|
5401
5390
|
background-color: var(--color-bg-white-0);
|
|
5402
5391
|
box-shadow: var(--shadow-toggle-switch);
|
|
5403
5392
|
pointer-events: none;
|
|
5404
5393
|
}
|
|
5405
|
-
|
|
5406
|
-
|
|
5407
|
-
|
|
5394
|
+
@media (prefers-reduced-motion: reduce) {
|
|
5395
|
+
.celeste-segmented-control-indicator[data-v-1b4b28d6] {
|
|
5396
|
+
transition-duration: 0s;
|
|
5397
|
+
}
|
|
5408
5398
|
}
|
|
5409
5399
|
|
|
5410
5400
|
.celeste-sheet-close[data-v-a922d9c4] {
|
|
@@ -6051,13 +6041,13 @@ to {
|
|
|
6051
6041
|
white-space: nowrap;
|
|
6052
6042
|
}
|
|
6053
6043
|
|
|
6054
|
-
.celeste-tab-menu-root[data-v-
|
|
6044
|
+
.celeste-tab-menu-root[data-v-d5a36238] {
|
|
6055
6045
|
display: flex;
|
|
6056
6046
|
}
|
|
6057
|
-
.celeste-tab-menu-root[data-orientation='vertical'][data-v-
|
|
6047
|
+
.celeste-tab-menu-root[data-orientation='vertical'][data-v-d5a36238] {
|
|
6058
6048
|
flex-direction: row;
|
|
6059
6049
|
}
|
|
6060
|
-
.celeste-tab-menu-root[data-orientation='horizontal'][data-v-
|
|
6050
|
+
.celeste-tab-menu-root[data-orientation='horizontal'][data-v-d5a36238] {
|
|
6061
6051
|
flex-direction: column;
|
|
6062
6052
|
}
|
|
6063
6053
|
|