@youcan/celeste 0.7.1 → 0.7.3

package/dist/celeste.css

@@ -1834,7 +1834,7 @@ to {
 .celeste-text-input-button[inline=true][data-v-8b3cdb5f]:hover {
   background-color: transparent !important;
 }/* stylelint-disable no-descending-specificity */
-.celeste-text-input-wrapper[data-v-4aaec87f] {
+.celeste-text-input-wrapper[data-v-394fa109] {
   --celeste-text-input-border-color: var(--color-stroke-soft-200);
   --celeste-text-input-drop-shadow: var(--shadow-regular-xs);
   --celeste-text-input-icon-color: var(--color-text-soft-400);
@@ -1857,28 +1857,28 @@ to {
   font: var(--paragraph-sm);
   gap: var(--input-gap);
 }
-.celeste-text-input-wrapper[size=xs][data-v-4aaec87f] {
+.celeste-text-input-wrapper[size=xs][data-v-394fa109] {
   --input-gap: 8px;
   --input-height: 32px;
   --input-radius: var(--radius-8);
   --input-padding: calc(var(--spacing-8) - var(--spacing-2));
 }
-.celeste-text-input-wrapper[size=sm][data-v-4aaec87f] {
+.celeste-text-input-wrapper[size=sm][data-v-394fa109] {
   --input-gap: 6px;
   --input-height: 36px;
   --input-radius: var(--radius-8);
   --input-padding: var(--spacing-8);
 }
-.celeste-text-input-wrapper[size=md][data-v-4aaec87f] {
+.celeste-text-input-wrapper[size=md][data-v-394fa109] {
   --input-gap: 6px;
   --input-height: 40px;
   --input-radius: var(--radius-10);
   --input-padding: var(--spacing-10);
 }
-.celeste-text-input-wrapper[has-error=true][data-v-4aaec87f] {
+.celeste-text-input-wrapper[has-error=true][data-v-394fa109] {
   --celeste-text-input-border-color: var(--color-state-error-base);
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-4aaec87f] {
+.celeste-text-input-wrapper .celeste-text-input[data-v-394fa109] {
   width: 100%;
   height: 100%;
   padding: 0;
@@ -1888,49 +1888,49 @@ to {
   color: inherit;
   font: inherit;
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-4aaec87f]::-moz-placeholder {
+.celeste-text-input-wrapper .celeste-text-input[data-v-394fa109]::-moz-placeholder {
   -moz-transition: color var(--animation-fast) ease-out;
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-text-input-placeholder-color);
 }
-.celeste-text-input-wrapper .celeste-text-input[data-v-4aaec87f]::placeholder {
+.celeste-text-input-wrapper .celeste-text-input[data-v-394fa109]::placeholder {
   transition: color var(--animation-fast) ease-out;
   color: var(--celeste-text-input-placeholder-color);
 }
-.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-4aaec87f]::-webkit-search-cancel-button {
+.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-394fa109]::-webkit-search-cancel-button {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-4aaec87f]::-webkit-search-decoration {
+.celeste-text-input-wrapper .celeste-text-input[type=search][data-v-394fa109]::-webkit-search-decoration {
   display: none;
   -webkit-appearance: none;
           appearance: none;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input-leading-node) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input-leading-node) {
   padding-inline-start: 0;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input-trailing-node) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input-trailing-node) {
   padding-inline-end: 0;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input:focus) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:focus) {
   --celeste-text-input-border-color: var(--color-stroke-strong-950);
   --celeste-text-input-placeholder-color: var(--color-text-sub-600);
   --celeste-text-input-icon-color: var(--color-text-sub-600);
   --celeste-text-input-affix-color: var(--color-text-sub-600);
   outline-color: var(--color-stroke-soft-200);
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-4aaec87f] {
+.celeste-text-input-wrapper:has(.celeste-text-input:focus)[has-error=true][data-v-394fa109] {
   --celeste-text-input-border-color: var(--color-state-error-base);
   outline-color: var(--color-state-error-lighter);
 }
-.celeste-text-input-wrapper[data-v-4aaec87f] input:-webkit-autofill {
+.celeste-text-input-wrapper[data-v-394fa109] input:-webkit-autofill {
   -webkit-transition: background-color 5000s ease-in-out 0s;
   transition: background-color 5000s ease-in-out 0s;
   -webkit-background-clip: text;
           background-clip: text;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input:disabled) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:disabled) {
   --celeste-text-input-border-color: transparent;
   --celeste-text-input-drop-shadow: none;
   --celeste-text-input-affix-background-color: var(--color-bg-weak-50);
@@ -1942,56 +1942,56 @@ to {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-4aaec87f]::-moz-placeholder {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-394fa109]::-moz-placeholder {
   color: currentcolor;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-4aaec87f]::placeholder {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input[data-v-394fa109]::placeholder {
   color: currentcolor;
 }
-.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-4aaec87f] {
+.celeste-text-input-wrapper:has(.celeste-text-input:disabled) .celeste-text-input-clear-button[data-v-394fa109] {
   color: var(--color-text-disabled-300);
   pointer-events: none;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node)) {
   --celeste-text-input-border-color: transparent;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
+.celeste-text-input-wrapper[data-v-394fa109]:has(.celeste-text-input:hover:not(:focus, :disabled)):not(:has(.celeste-text-input-node:hover)) {
   --celeste-text-input-icon-color: var(--color-text-sub-600);
   --celeste-text-input-placeholder-color: var(--color-text-sub-600);
   background-color: var(--color-bg-weak-50);
 }
-.celeste-text-input-wrapper .celeste-text-input-icon[data-v-4aaec87f] {
+.celeste-text-input-wrapper .celeste-text-input-icon[data-v-394fa109] {
   flex-shrink: 0;
   width: 20px;
   height: 20px;
   transition: all var(--animation-fast) ease-out;
   color: var(--celeste-text-input-icon-color);
 }
-.celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-leading-node,
-.celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-trailing-node {
+.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node,
+.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
   height: calc(var(--input-height) - var(--spacing-2)) !important;
 }
-[dir=ltr] .celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-leading-node {
+[dir=ltr] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node {
   border-right: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
 }
-[dir=ltr] .celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-trailing-node {
+[dir=ltr] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
   border-left: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
 }
-[dir=rtl] .celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-leading-node {
+[dir=rtl] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node {
   border-left: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
 }
-[dir=rtl] .celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-trailing-node {
+[dir=rtl] .celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
   border-right: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-leading-node {
+.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-leading-node {
   border-right: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: var(--input-radius) 0 0 var(--input-radius) !important;
 }
-.celeste-text-input-wrapper[data-v-4aaec87f] .celeste-text-input-node.celeste-text-input-trailing-node {
+.celeste-text-input-wrapper[data-v-394fa109] .celeste-text-input-node.celeste-text-input-trailing-node {
   border-left: 1px solid var(--color-stroke-soft-200) !important;
   border-radius: 0 var(--input-radius) var(--input-radius) 0 !important;
 }.celeste-picker-trigger[data-v-94b97787] {

package/dist/cjs/chunks/text-input.cjs

@@ -109,7 +109,7 @@ var text_input_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ (0,
 });
 //#endregion
 //#region src/components/text-input/text-input.vue
-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-4aaec87f"]]);
+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-394fa109"]]);
 //#endregion
 Object.defineProperty(exports, "text_input_default", {
 	enumerable: true,

package/dist/{src/components → components}/text-input/text-input.d.ts

@@ -1,6 +1,6 @@
 import { InputHTMLAttributes } from 'vue';
 export interface TextInputProps extends /* @vue-ignore */ InputHTMLAttributes {
-    type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
+    type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'date';
     size?: 'xs' | 'sm' | 'md';
     hasError?: boolean;
 }
@@ -29,7 +29,7 @@ declare const __VLS_base: import('vue').DefineComponent<__VLS_PublicProps, {}, {
     "onUpdate:modelValue"?: ((value: string | number | undefined) => any) | undefined;
 }>, {
     size: "xs" | "sm" | "md";
-    type: "text" | "email" | "password" | "search" | "tel" | "url";
+    type: "text" | "email" | "password" | "search" | "tel" | "url" | "date";
     hasError: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;

package/dist/es/chunks/text-input.js

@@ -107,6 +107,6 @@ var text_input_default = /* @__PURE__ */ _plugin_vue_export_helper_default(/* @_
 			], 10, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-4aaec87f"]]);
+}), [["__scopeId", "data-v-394fa109"]]);
 //#endregion
 export { text_input_default as t };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@youcan/celeste",
   "type": "module",
-  "version": "0.7.1",
+  "version": "0.7.3",
   "author": "YouCan <tech@youcan.shop>",
   "repository": {
     "type": "git",
@@ -48,8 +48,8 @@
     "reka-ui": "^2.10.1",
     "tinycolor2": "^1.6.0",
     "vue-sonner": "^2.0.9",
-    "@youcan/celeste-icons": "0.7.1",
-    "@youcan/celeste-tokens": "0.7.1"
+    "@youcan/celeste-tokens": "0.7.3",
+    "@youcan/celeste-icons": "0.7.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",

package/src/components/text-input/text-input.vue

@@ -7,7 +7,8 @@ import { uid } from '@/utils/crypto';
 import TextInputButton from './text-input-button.vue';
 
 export interface TextInputProps extends /* @vue-ignore */ InputHTMLAttributes {
-  type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url';
+  // Remove type: 'date' when the DatePicker component is available
+  type?: 'text' | 'email' | 'password' | 'search' | 'tel' | 'url' | 'date';
   size?: 'xs' | 'sm' | 'md';
   hasError?: boolean;
 }