@youcan/celeste 0.21.0 → 0.21.1

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/README.md CHANGED
@@ -1,6 +1,6 @@
1
1
  # Celeste agent indexes
2
2
 
3
- Generated from source for `@youcan/celeste@0.21.0`. Do not edit.
3
+ Generated from source for `@youcan/celeste@0.21.1`. Do not edit.
4
4
 
5
5
  - `component-registry.json` — every component's props, events, slots, story and usage example, and
6
6
  every exported helper such as `toast`
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "version": "0.21.0",
4
- "generatedAt": "2026-10-09T20:04:00.780Z",
3
+ "version": "0.21.1",
4
+ "generatedAt": "2026-10-13T22:26:38.580Z",
5
5
  "components": {
6
6
  "Alert": {
7
7
  "name": "Alert",
package/ai/icons.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "version": "0.21.0",
4
- "generatedAt": "2026-10-09T20:03:57.574Z",
3
+ "version": "0.21.1",
4
+ "generatedAt": "2026-10-13T22:26:33.824Z",
5
5
  "prefix": "celeste",
6
6
  "icons": [
7
7
  {
package/ai/tokens.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "schemaVersion": 1,
3
- "version": "0.21.0",
4
- "generatedAt": "2026-10-09T20:03:57.574Z",
3
+ "version": "0.21.1",
4
+ "generatedAt": "2026-10-13T22:26:33.824Z",
5
5
  "tokens": [
6
6
  {
7
7
  "name": "animation-extra-fast",
package/dist/celeste.css CHANGED
@@ -2410,7 +2410,7 @@ to {
2410
2410
  .celeste-text-input-button[inline=true][data-v-d9fba798]:hover {
2411
2411
  background-color: transparent !important;
2412
2412
  }/* stylelint-disable no-descending-specificity */
2413
- .celeste-text-input-wrapper[data-v-2139c861] {
2413
+ .celeste-text-input-wrapper[data-v-30491f95] {
2414
2414
  --celeste-text-input-border-color: var(--color-stroke-soft-200);
2415
2415
  --celeste-text-input-drop-shadow: var(--shadow-regular-xs);
2416
2416
  --celeste-text-input-icon-color: var(--color-text-sub-600);
@@ -2432,120 +2432,121 @@ to {
2432
2432
  font: var(--paragraph-sm);
2433
2433
  gap: var(--input-gap);
2434
2434
  }
2435
- .celeste-text-input-wrapper[size=xs][data-v-2139c861] {
2435
+ .celeste-text-input-wrapper[size=xs][data-v-30491f95] {
2436
2436
  --input-gap: var(--spacing-6);
2437
2437
  --input-height: 32px;
2438
2438
  --input-radius: var(--radius-8);
2439
2439
  --input-padding: var(--spacing-8);
2440
2440
  --input-affix-padding: var(--spacing-10);
2441
2441
  }
2442
- .celeste-text-input-wrapper[size=sm][data-v-2139c861] {
2442
+ .celeste-text-input-wrapper[size=sm][data-v-30491f95] {
2443
2443
  --input-gap: var(--spacing-8);
2444
2444
  --input-height: 36px;
2445
2445
  --input-radius: var(--radius-8);
2446
2446
  --input-padding: var(--spacing-10);
2447
2447
  --input-affix-padding: var(--spacing-10);
2448
2448
  }
2449
- .celeste-text-input-wrapper[size=md][data-v-2139c861] {
2449
+ .celeste-text-input-wrapper[size=md][data-v-30491f95] {
2450
2450
  --input-gap: var(--spacing-8);
2451
2451
  --input-height: 40px;
2452
2452
  --input-radius: var(--radius-10);
2453
2453
  --input-padding: var(--spacing-12);
2454
2454
  --input-affix-padding: var(--spacing-12);
2455
2455
  }
2456
- .celeste-text-input-wrapper[has-error=true][data-v-2139c861] {
2456
+ .celeste-text-input-wrapper[has-error=true][data-v-30491f95] {
2457
2457
  --celeste-text-input-border-color: var(--color-state-error-base);
2458
2458
  }
2459
- .celeste-text-input-wrapper .celeste-text-input[data-v-2139c861] {
2459
+ .celeste-text-input-wrapper .celeste-text-input[data-v-30491f95] {
2460
2460
  width: 100%;
2461
2461
  height: 100%;
2462
2462
  padding: 0;
2463
2463
  border: none;
2464
2464
  outline: none;
2465
2465
  background-color: transparent;
2466
+ box-shadow: none;
2466
2467
  color: inherit;
2467
2468
  font: inherit;
2468
2469
  }
2469
- .celeste-text-input-wrapper .celeste-text-input[data-v-2139c861]::-moz-placeholder {
2470
+ .celeste-text-input-wrapper .celeste-text-input[data-v-30491f95]::-moz-placeholder {
2470
2471
  -moz-transition: color var(--animation-fast) ease-out;
2471
2472
  transition: color var(--animation-fast) ease-out;
2472
2473
  color: var(--celeste-text-input-placeholder-color);
2473
2474
  }
2474
- .celeste-text-input-wrapper .celeste-text-input[data-v-2139c861]::placeholder {
2475
+ .celeste-text-input-wrapper .celeste-text-input[data-v-30491f95]::placeholder {
2475
2476
  transition: color var(--animation-fast) ease-out;
2476
2477
  color: var(--celeste-text-input-placeholder-color);
2477
2478
  }
2478
- .celeste-text-input-wrapper .celeste-text-input[type=tel][data-v-2139c861] {
2479
+ .celeste-text-input-wrapper .celeste-text-input[type=tel][data-v-30491f95] {
2479
2480
  direction: ltr;
2480
2481
  text-align: -webkit-match-parent;
2481
2482
  text-align: match-parent;
2482
2483
  }
2483
- .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-2139c861]::-webkit-search-cancel-button {
2484
+ .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-30491f95]::-webkit-search-cancel-button {
2484
2485
  display: none;
2485
2486
  -webkit-appearance: none;
2486
2487
  appearance: none;
2487
2488
  }
2488
- .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-2139c861]::-webkit-search-decoration {
2489
+ .celeste-text-input-wrapper .celeste-text-input[type=search][data-v-30491f95]::-webkit-search-decoration {
2489
2490
  display: none;
2490
2491
  -webkit-appearance: none;
2491
2492
  appearance: none;
2492
2493
  }
2493
- .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-2139c861]::-webkit-calendar-picker-indicator {
2494
+ .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-30491f95]::-webkit-calendar-picker-indicator {
2494
2495
  display: none;
2495
2496
  -webkit-appearance: none;
2496
2497
  appearance: none;
2497
2498
  }
2498
- .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-2139c861]::-webkit-clear-button, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-2139c861]::-webkit-inner-spin-button {
2499
+ .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-30491f95]::-webkit-clear-button, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-30491f95]::-webkit-inner-spin-button {
2499
2500
  display: none;
2500
2501
  -webkit-appearance: none;
2501
2502
  appearance: none;
2502
2503
  }
2503
- .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-2139c861]::-ms-clear, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-2139c861]::-ms-expand {
2504
+ .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-30491f95]::-ms-clear, .celeste-text-input-wrapper .celeste-text-input[type=date][data-v-30491f95]::-ms-expand {
2504
2505
  display: none;
2505
2506
  }
2506
- .celeste-text-input-wrapper[data-v-2139c861]:has(.celeste-text-input-leading-node) {
2507
+ .celeste-text-input-wrapper[data-v-30491f95]:has(.celeste-text-input-leading-node) {
2507
2508
  padding-inline-start: 0;
2508
2509
  }
2509
- .celeste-text-input-wrapper[data-v-2139c861]:has(.celeste-text-input-trailing-node) {
2510
+ .celeste-text-input-wrapper[data-v-30491f95]:has(.celeste-text-input-trailing-node) {
2510
2511
  padding-inline-end: 0;
2511
2512
  }
2512
- .celeste-text-input-wrapper[data-v-2139c861]:has(.celeste-text-input:-moz-placeholder) {
2513
+ .celeste-text-input-wrapper[data-v-30491f95]:has(.celeste-text-input:-moz-placeholder) {
2513
2514
  --celeste-text-input-icon-color: var(--color-text-soft-400);
2514
2515
  --celeste-text-input-affix-color: var(--color-text-soft-400);
2515
2516
  }
2516
- .celeste-text-input-wrapper[data-v-2139c861]:has(.celeste-text-input:placeholder-shown) {
2517
+ .celeste-text-input-wrapper[data-v-30491f95]:has(.celeste-text-input:placeholder-shown) {
2517
2518
  --celeste-text-input-icon-color: var(--color-text-soft-400);
2518
2519
  --celeste-text-input-affix-color: var(--color-text-soft-400);
2519
2520
  }
2520
- .celeste-text-input-wrapper[data-v-2139c861]:hover:not(:has(.celeste-text-input:focus)) {
2521
+ .celeste-text-input-wrapper[data-v-30491f95]:hover:not(:has(.celeste-text-input:focus)) {
2521
2522
  --celeste-text-input-drop-shadow: none;
2522
2523
  }
2523
- .celeste-text-input-wrapper[data-v-2139c861]:hover:not(:has(.celeste-text-input:focus)):not([has-error=true], :has(.celeste-text-input-node)) {
2524
+ .celeste-text-input-wrapper[data-v-30491f95]:hover:not(:has(.celeste-text-input:focus)):not([has-error=true], :has(.celeste-text-input-node)) {
2524
2525
  --celeste-text-input-border-color: transparent;
2525
2526
  }
2526
- .celeste-text-input-wrapper[data-v-2139c861]:hover:not(:has(.celeste-text-input:focus)):not(:has(.celeste-text-input-node:hover)) {
2527
+ .celeste-text-input-wrapper[data-v-30491f95]:hover:not(:has(.celeste-text-input:focus)):not(:has(.celeste-text-input-node:hover)) {
2527
2528
  --celeste-text-input-icon-color: var(--color-text-sub-600);
2528
2529
  --celeste-text-input-placeholder-color: var(--color-text-sub-600);
2529
2530
  background-color: var(--color-bg-weak-50);
2530
2531
  }
2531
- .celeste-text-input-wrapper[data-v-2139c861]:has(.celeste-text-input:focus) {
2532
+ .celeste-text-input-wrapper[data-v-30491f95]:has(.celeste-text-input:focus) {
2532
2533
  --celeste-text-input-border-color: var(--color-stroke-strong-950);
2533
2534
  --celeste-text-input-drop-shadow: var(--shadow-buttons-important-focus);
2534
2535
  --celeste-text-input-placeholder-color: var(--color-text-sub-600);
2535
2536
  --celeste-text-input-icon-color: var(--color-text-sub-600);
2536
2537
  --celeste-text-input-affix-color: var(--color-text-sub-600);
2537
2538
  }
2538
- .celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-2139c861] {
2539
+ .celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-30491f95] {
2539
2540
  --celeste-text-input-border-color: var(--color-state-error-base);
2540
2541
  --celeste-text-input-drop-shadow: var(--shadow-buttons-error-focus);
2541
2542
  }
2542
- .celeste-text-input-wrapper[data-v-2139c861] input:-webkit-autofill {
2543
+ .celeste-text-input-wrapper[data-v-30491f95] input:-webkit-autofill {
2543
2544
  -webkit-transition: background-color 5000s ease-in-out 0s;
2544
2545
  transition: background-color 5000s ease-in-out 0s;
2545
2546
  -webkit-background-clip: text;
2546
2547
  background-clip: text;
2547
2548
  }
2548
- .celeste-text-input-wrapper[data-v-2139c861]:has(.celeste-text-input:disabled) {
2549
+ .celeste-text-input-wrapper[data-v-30491f95]:has(.celeste-text-input:disabled) {
2549
2550
  --celeste-text-input-border-color: transparent;
2550
2551
  --celeste-text-input-drop-shadow: none;
2551
2552
  --celeste-text-input-affix-background-color: var(--color-bg-weak-50);
@@ -2557,24 +2558,24 @@ to {
2557
2558
  color: var(--color-text-disabled-300);
2558
2559
  pointer-events: none;
2559
2560
  }
2560
- .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-2139c861]::-moz-placeholder {
2561
+ .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-30491f95]::-moz-placeholder {
2561
2562
  color: currentcolor;
2562
2563
  }
2563
- .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-2139c861]::placeholder {
2564
+ .celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-30491f95]::placeholder {
2564
2565
  color: currentcolor;
2565
2566
  }
2566
- .celeste-text-input-wrapper .celeste-text-input-icon[data-v-2139c861] {
2567
+ .celeste-text-input-wrapper .celeste-text-input-icon[data-v-30491f95] {
2567
2568
  flex-shrink: 0;
2568
2569
  width: 20px;
2569
2570
  height: 20px;
2570
2571
  transition: all var(--animation-fast) ease-out;
2571
2572
  color: var(--celeste-text-input-icon-color);
2572
2573
  }
2573
- .celeste-text-input-wrapper[data-v-2139c861] .celeste-text-input-node.celeste-text-input-leading-node,
2574
- .celeste-text-input-wrapper[data-v-2139c861] .celeste-text-input-node.celeste-text-input-trailing-node {
2574
+ .celeste-text-input-wrapper[data-v-30491f95] .celeste-text-input-node.celeste-text-input-leading-node,
2575
+ .celeste-text-input-wrapper[data-v-30491f95] .celeste-text-input-node.celeste-text-input-trailing-node {
2575
2576
  height: calc(var(--input-height) - var(--spacing-2));
2576
2577
  }
2577
- .celeste-text-input-wrapper[data-v-2139c861] .celeste-text-input-node.celeste-text-input-leading-node {
2578
+ .celeste-text-input-wrapper[data-v-30491f95] .celeste-text-input-node.celeste-text-input-leading-node {
2578
2579
  margin-inline-end: calc(var(--input-padding) - var(--input-gap));
2579
2580
  border-inline-end: 1px solid var(--color-stroke-soft-200);
2580
2581
  border-start-start-radius: var(--input-radius);
@@ -2582,7 +2583,7 @@ to {
2582
2583
  border-end-end-radius: 0;
2583
2584
  border-end-start-radius: var(--input-radius);
2584
2585
  }
2585
- .celeste-text-input-wrapper[data-v-2139c861] .celeste-text-input-node.celeste-text-input-trailing-node {
2586
+ .celeste-text-input-wrapper[data-v-30491f95] .celeste-text-input-node.celeste-text-input-trailing-node {
2586
2587
  margin-inline-start: calc(var(--input-padding) - var(--input-gap));
2587
2588
  border-inline-start: 1px solid var(--color-stroke-soft-200);
2588
2589
  border-start-start-radius: 0;
@@ -3649,7 +3650,7 @@ to {
3649
3650
  text-transform: uppercase;
3650
3651
  }
3651
3652
 
3652
- .celeste-command-input[data-v-f97ce037] {
3653
+ .celeste-command-input[data-v-e7fad0da] {
3653
3654
  --icon-color: var(--color-icon-soft-400);
3654
3655
  --placeholder-color: var(--color-text-soft-400);
3655
3656
 
@@ -3662,33 +3663,34 @@ to {
3662
3663
  font: var(--paragraph-sm);
3663
3664
  gap: var(--spacing-8);
3664
3665
  }
3665
- .celeste-command-input[data-v-f97ce037]:hover {
3666
+ .celeste-command-input[data-v-e7fad0da]:hover {
3666
3667
  --icon-color: var(--color-icon-sub-600);
3667
3668
  --placeholder-color: var(--color-text-sub-600);
3668
3669
 
3669
3670
  background: var(--color-bg-weak-50);
3670
3671
  }
3671
- .celeste-command-input-primitive[data-v-f97ce037] {
3672
+ .celeste-command-input-primitive[data-v-e7fad0da] {
3672
3673
  width: 100%;
3673
3674
  transition: color var(--animation-normal) ease;
3674
3675
  border: none;
3675
3676
  outline: none;
3676
3677
  background: transparent;
3678
+ box-shadow: none;
3677
3679
  font: inherit;
3678
3680
  }
3679
- .celeste-command-input-icon[data-v-f97ce037] {
3681
+ .celeste-command-input-icon[data-v-e7fad0da] {
3680
3682
  flex-shrink: 0;
3681
3683
  width: 18px;
3682
3684
  height: 18px;
3683
3685
  transition: color var(--animation-normal) ease;
3684
3686
  color: var(--icon-color);
3685
3687
  }
3686
- .celeste-command-input-primitive[data-v-f97ce037]::-moz-placeholder {
3688
+ .celeste-command-input-primitive[data-v-e7fad0da]::-moz-placeholder {
3687
3689
  -moz-transition: color var(--animation-normal) ease;
3688
3690
  transition: color var(--animation-normal) ease;
3689
3691
  color: var(--placeholder-color);
3690
3692
  }
3691
- .celeste-command-input-primitive[data-v-f97ce037]::placeholder {
3693
+ .celeste-command-input-primitive[data-v-e7fad0da]::placeholder {
3692
3694
  transition: color var(--animation-normal) ease;
3693
3695
  color: var(--placeholder-color);
3694
3696
  }
@@ -3833,6 +3835,7 @@ to {
3833
3835
  border: none;
3834
3836
  outline: none;
3835
3837
  background-color: transparent;
3838
+ box-shadow: none;
3836
3839
  color: inherit;
3837
3840
  text-align: center;
3838
3841
  }
@@ -7083,7 +7086,7 @@ to {
7083
7086
  .celeste-tag[aria-disabled=true][data-v-1a6ff455] {
7084
7087
  background-color: var(--color-bg-weak-50);
7085
7088
  color: var(--color-text-disabled-300);
7086
- }.celeste-textarea-wrapper[data-v-0f93b4b8] {
7089
+ }.celeste-textarea-wrapper[data-v-be6ed21c] {
7087
7090
  transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
7088
7091
  transition-duration: var(--animation-fast);
7089
7092
  transition-timing-function: ease-out;
@@ -7101,18 +7104,18 @@ to {
7101
7104
  cursor: text;
7102
7105
  gap: var(--spacing-8);
7103
7106
  }
7104
- .celeste-textarea-wrapper[data-v-0f93b4b8]:hover:not(:focus-within) {
7107
+ .celeste-textarea-wrapper[data-v-be6ed21c]:hover:not(:focus-within) {
7105
7108
  border-color: var(--color-bg-weak-50);
7106
7109
  background: var(--color-bg-weak-50);
7107
7110
  box-shadow: none;
7108
7111
  color: var(--color-text-sub-600);
7109
7112
  }
7110
- .celeste-textarea-wrapper[data-v-0f93b4b8]:focus-within:not([aria-disabled=true]) {
7113
+ .celeste-textarea-wrapper[data-v-be6ed21c]:focus-within:not([aria-disabled=true]) {
7111
7114
  border: 1px solid var(--color-stroke-strong-950);
7112
7115
  outline: none;
7113
7116
  box-shadow: var(--shadow-buttons-important-focus);
7114
7117
  }
7115
- .celeste-textarea-wrapper .celeste-textarea-count[data-v-0f93b4b8] {
7118
+ .celeste-textarea-wrapper .celeste-textarea-count[data-v-be6ed21c] {
7116
7119
  --resize-handle-offset: 16px;
7117
7120
  display: flex;
7118
7121
  position: absolute;
@@ -7121,63 +7124,64 @@ to {
7121
7124
  inset-block-end: var(--spacing);
7122
7125
  inset-inline-end: calc(var(--spacing) + var(--resize-handle-offset));
7123
7126
  }
7124
- .celeste-textarea-wrapper[aria-disabled=true][data-v-0f93b4b8] {
7127
+ .celeste-textarea-wrapper[aria-disabled=true][data-v-be6ed21c] {
7125
7128
  border-color: transparent;
7126
7129
  background: var(--color-bg-weak-50);
7127
7130
  box-shadow: none;
7128
7131
  cursor: not-allowed;
7129
7132
  }
7130
- .celeste-textarea-wrapper[aria-disabled=true] .celeste-textarea-count[data-v-0f93b4b8] {
7133
+ .celeste-textarea-wrapper[aria-disabled=true] .celeste-textarea-count[data-v-be6ed21c] {
7131
7134
  color: var(--color-icon-disabled-300);
7132
7135
  }
7133
- .celeste-textarea-wrapper[error=true][data-v-0f93b4b8] {
7136
+ .celeste-textarea-wrapper[error=true][data-v-be6ed21c] {
7134
7137
  border: 1px solid var(--color-state-error-base);
7135
7138
  }
7136
- .celeste-textarea-wrapper[error=true] .celeste-textarea-count[data-v-0f93b4b8] {
7139
+ .celeste-textarea-wrapper[error=true] .celeste-textarea-count[data-v-be6ed21c] {
7137
7140
  color: var(--color-state-error-base);
7138
7141
  }
7139
- .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8] {
7142
+ .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c] {
7140
7143
  transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
7141
7144
  transition-duration: var(--animation-fast);
7142
7145
  transition-timing-function: ease-out;
7143
7146
  width: 100%;
7144
7147
  border: none;
7145
7148
  background: transparent;
7149
+ box-shadow: none;
7146
7150
  color: inherit;
7147
7151
  font-family: inherit;
7148
7152
  font-size: var(--font-size-2);
7149
7153
  resize: vertical;
7150
7154
  }
7151
- .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8]::-moz-placeholder {
7155
+ .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c]::-moz-placeholder {
7152
7156
  -moz-transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
7153
7157
  transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
7154
7158
  transition-duration: var(--animation-fast);
7155
7159
  transition-timing-function: ease-out;
7156
7160
  color: var(--color-text-soft-400);
7157
7161
  }
7158
- .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8]::placeholder {
7162
+ .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c]::placeholder {
7159
7163
  transition-property: background-color, border-color, box-shadow, text-decoration-color, color;
7160
7164
  transition-duration: var(--animation-fast);
7161
7165
  transition-timing-function: ease-out;
7162
7166
  color: var(--color-text-soft-400);
7163
7167
  }
7164
- .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8]:hover::-moz-placeholder {
7168
+ .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c]:hover::-moz-placeholder {
7165
7169
  color: var(--color-text-sub-600);
7166
7170
  }
7167
- .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8]:hover::placeholder {
7171
+ .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c]:hover::placeholder {
7168
7172
  color: var(--color-text-sub-600);
7169
7173
  }
7170
- .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8]:focus-visible, .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8]:focus {
7174
+ .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c]:focus-visible, .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c]:focus {
7171
7175
  outline: none;
7172
7176
  }
7173
- .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8]:disabled {
7177
+ .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c]:disabled {
7174
7178
  color: var(--color-text-disabled-300);
7175
7179
  pointer-events: none;
7176
7180
  }
7177
- .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8]:disabled::-moz-placeholder {
7181
+ .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c]:disabled::-moz-placeholder {
7178
7182
  color: var(--color-text-disabled-300);
7179
7183
  }
7180
- .celeste-textarea-wrapper .celeste-textarea[data-v-0f93b4b8]:disabled::placeholder {
7184
+ .celeste-textarea-wrapper .celeste-textarea[data-v-be6ed21c]:disabled::placeholder {
7181
7185
  color: var(--color-text-disabled-300);
7182
7186
  }
7183
7187
  .celeste-sidebar-separator {
@@ -110,7 +110,7 @@ var text_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, v
110
110
  });
111
111
  //#endregion
112
112
  //#region src/components/text-input/text-input.vue
113
- var text_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-2139c861"]]);
113
+ var text_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(text_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-30491f95"]]);
114
114
  //#endregion
115
115
  Object.defineProperty(exports, "text_input_default", {
116
116
  enumerable: true,
@@ -56,7 +56,7 @@ var textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue
56
56
  });
57
57
  //#endregion
58
58
  //#region src/components/textarea/textarea.vue
59
- var textarea_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(textarea_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-0f93b4b8"]]);
59
+ var textarea_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(textarea_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-be6ed21c"]]);
60
60
  //#endregion
61
61
  Object.defineProperty(exports, "textarea_default", {
62
62
  enumerable: true,
@@ -46,6 +46,6 @@ var command_input_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0
46
46
  });
47
47
  //#endregion
48
48
  //#region src/components/command/command-input.vue
49
- var command_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(command_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-f97ce037"]]);
49
+ var command_input_default = /*#__PURE__*/ require__plugin_vue_export_helper._plugin_vue_export_helper_default(command_input_vue_vue_type_script_setup_true_lang_default, [["__scopeId", "data-v-e7fad0da"]]);
50
50
  //#endregion
51
51
  module.exports = command_input_default;
@@ -109,6 +109,6 @@ var text_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
109
109
  ], 10, _hoisted_1);
110
110
  };
111
111
  }
112
- }), [["__scopeId", "data-v-2139c861"]]);
112
+ }), [["__scopeId", "data-v-30491f95"]]);
113
113
  //#endregion
114
114
  export { text_input_default as t };
@@ -55,6 +55,6 @@ var textarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
55
55
  }), null, 16, _hoisted_2), [[vModelText, modelValue.value]]), __props.showCount && Number(__props.maxLength) ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(`${modelValue.value?.length || 0}/${__props.maxLength}`), 1)) : createCommentVNode("", true)], 10, _hoisted_1);
56
56
  };
57
57
  }
58
- }), [["__scopeId", "data-v-0f93b4b8"]]);
58
+ }), [["__scopeId", "data-v-be6ed21c"]]);
59
59
  //#endregion
60
60
  export { textarea_default as t };
@@ -45,6 +45,6 @@ var command_input_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
45
45
  }), null, 16, ["class"])]);
46
46
  };
47
47
  }
48
- }), [["__scopeId", "data-v-f97ce037"]]);
48
+ }), [["__scopeId", "data-v-e7fad0da"]]);
49
49
  //#endregion
50
50
  export { command_input_default as default };
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@youcan/celeste",
3
3
  "type": "module",
4
- "version": "0.21.0",
4
+ "version": "0.21.1",
5
5
  "author": "YouCan <tech@youcan.shop>",
6
6
  "repository": {
7
7
  "type": "git",
@@ -52,8 +52,8 @@
52
52
  "reka-ui": "~2.10.5",
53
53
  "tinycolor2": "^1.6.0",
54
54
  "vue-sonner": "^2.0.9",
55
- "@youcan/celeste-icons": "0.21.0",
56
- "@youcan/celeste-tokens": "0.21.0"
55
+ "@youcan/celeste-icons": "0.21.1",
56
+ "@youcan/celeste-tokens": "0.21.1"
57
57
  },
58
58
  "devDependencies": {
59
59
  "@chromatic-com/storybook": "^5.3.0",
@@ -61,6 +61,7 @@ const forwardedProps = useForwardProps(delegatedProps);
61
61
  border: none;
62
62
  outline: none;
63
63
  background: transparent;
64
+ box-shadow: none;
64
65
  font: inherit;
65
66
  }
66
67
 
@@ -95,6 +95,7 @@ const forwarded = useForwardPropsEmits(delegatedProps, emits);
95
95
  border: none;
96
96
  outline: none;
97
97
  background-color: transparent;
98
+ box-shadow: none;
98
99
  color: inherit;
99
100
  text-align: center;
100
101
  }
@@ -153,6 +153,7 @@ function clearInput() {
153
153
  border: none;
154
154
  outline: none;
155
155
  background-color: transparent;
156
+ box-shadow: none;
156
157
  color: inherit;
157
158
  font: inherit;
158
159
 
@@ -118,6 +118,7 @@ const modelValue = defineModel<string>();
118
118
  width: 100%;
119
119
  border: none;
120
120
  background: transparent;
121
+ box-shadow: none;
121
122
  color: inherit;
122
123
  font-family: inherit;
123
124
  font-size: var(--font-size-2);