yuyeon 0.0.23 → 0.0.25

package/lib/styles/base.scss

@@ -1,115 +1,119 @@
-@use 'sass:list';
-@use 'settings/provided';
-@use 'settings/variables';
-@use 'palette';
-
-@use 'elevation';
-
-:root {
-  box-sizing: border-box;
-}
-
-:root {
-  --default-shadow: 0, 0, 0;
-  --y-elevation-color: var(--y-theme-shadow, var(--default-shadow));
-
-  @include elevation.styles();
-}
-
-.y-root {
-  background: var(--y-theme-background);
-  color: var(--y-theme-on-background);
-}
-
-.fade-enter-active,
-.fade-leave-cative {
-  transition: opacity 240ms cubic-bezier(0.2, 0.28, 0.21, 1);
-}
-
-.fade-enter-from,
-.fade-leave-to {
-  opacity: 0;
-}
-
-.slide-fade-enter-active,
-.slide-fade-leave-active {
-  transition: transform 240ms variables.$basic-transition-timing-function,
-    opacity 240ms linear;
-}
-
-.slide-fade-enter-from,
-.slide-fade-leave-to {
-  transform: translateY(-20px) rotate3d(1, 0, 0, 10deg);
-  opacity: 0;
-}
-
-.expand-v-transition {
-  &-enter-active {
-    transition-duration: 240ms;
-    transition-timing-function: variables.$basic-transition-timing-function;
-    transition-property: height;
-  }
-  &-leave-active {
-    transition-duration: 240ms;
-    transition-timing-function: variables.$basic-transition-timing-function;
-    transition-property: height;
-  }
-}
-
-.expand-h-transition {
-  &-enter-active {
-    transition-duration: 240ms;
-    transition-timing-function: variables.$basic-transition-timing-function;
-    transition-property: width;
-  }
-  &-leave-active {
-    transition-duration: 240ms;
-    transition-timing-function: variables.$basic-transition-timing-function;
-    transition-property: width;
-  }
-}
-
-.title {
-  font-size: 20px;
-  font-weight: bold;
-}
-
-.contain-paint {
-  contain: paint;
-}
-
-@each $space-type-prefix, $space-type in provided.$space-types {
-  @each $side-prefix, $sides-properties in provided.$box-side-combinations {
-    @each $space-index, $space-size in variables.$space-list {
-      .#{$space-type-prefix}#{$side-prefix}-#{$space-index} {
-        @if (list.length($sides-properties) == 0) {
-          #{$space-type}: #{$space-size};
-        } @else {
-          @each $prop in $sides-properties {
-            #{$space-type}: {
-              #{$prop}: #{$space-size};
-            }
-          }
-        }
-      }
-    }
-  }
-}
-
-@each $align in provided.$text-aligns {
-  .text-#{$align} {
-    text-align: #{$align};
-  }
-}
-
-@each $weight in provided.$font-weights {
-  .font-weight-#{$weight} {
-    font-weight: $weight;
-  }
-}
-
-@keyframes rotate {
-  to {
-    transform: rotate(360deg);
-  }
-}
+@use 'sass:list';
+@use 'settings/provided';
+@use 'settings/variables';
+@use 'palette';
+
+@use 'elevation';
+
+:root {
+  box-sizing: border-box;
+}
+
+:root {
+  --default-shadow: 0, 0, 0;
+  --y-elevation-color: var(--y-theme-shadow, var(--default-shadow));
+
+  @include elevation.styles();
+}
+
+.y-root {
+  background: var(--y-theme-background);
+  color: var(--y-theme-on-background);
+}
+
+.fade-enter-active,
+.fade-leave-cative {
+  transition: opacity 240ms cubic-bezier(0.2, 0.28, 0.21, 1);
+}
+
+.fade-enter-from,
+.fade-leave-to {
+  opacity: 0;
+}
+
+.slide-fade-enter-active,
+.slide-fade-leave-active {
+  transition: transform 240ms variables.$basic-transition-timing-function,
+    opacity 240ms linear;
+}
+
+.slide-fade-enter-from,
+.slide-fade-leave-to {
+  transform: translateY(-20px) rotate3d(1, 0, 0, 10deg);
+  opacity: 0;
+}
+
+.expand-v-transition {
+  &-enter-active {
+    transition-duration: 240ms;
+    transition-timing-function: variables.$basic-transition-timing-function;
+    transition-property: height;
+  }
+  &-leave-active {
+    transition-duration: 240ms;
+    transition-timing-function: variables.$basic-transition-timing-function;
+    transition-property: height;
+  }
+}
+
+.expand-h-transition {
+  &-enter-active {
+    transition-duration: 240ms;
+    transition-timing-function: variables.$basic-transition-timing-function;
+    transition-property: width;
+  }
+  &-leave-active {
+    transition-duration: 240ms;
+    transition-timing-function: variables.$basic-transition-timing-function;
+    transition-property: width;
+  }
+}
+
+.title {
+  font-size: 20px;
+  font-weight: bold;
+}
+
+.contain-paint {
+  contain: paint;
+}
+
+@each $space-type-prefix, $space-type in provided.$space-types {
+  @each $side-prefix, $sides-properties in provided.$box-side-combinations {
+    @each $space-index, $space-size in variables.$space-list {
+      .#{$space-type-prefix}#{$side-prefix}-#{$space-index} {
+        @if (list.length($sides-properties) == 0) {
+          #{$space-type}: #{$space-size};
+        } @else {
+          @each $prop in $sides-properties {
+            #{$space-type}: {
+              #{$prop}: #{$space-size};
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+@each $align in provided.$text-aligns {
+  .text-#{$align} {
+    text-align: #{$align};
+  }
+}
+
+@each $weight in provided.$font-weights {
+  .font-weight-#{$weight} {
+    font-weight: $weight;
+  }
+}
+
+@keyframes rotate {
+  to {
+    transform: rotate(360deg);
+  }
+}
+
+.text-color--error {
+  color: var(--y-theme-error);
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yuyeon",
-  "version": "0.0.23",
+  "version": "0.0.25",
   "keywords": [
     "UI Library",
     "Vue"

package/types/components/field-input/YFieldInput.d.ts

@@ -9,8 +9,10 @@ export declare const pressYFieldInputPropsOptions: <Defaults extends {
     label?: unknown;
     modelValue?: unknown;
     autoSelect?: unknown;
+    floating?: unknown;
     floated?: unknown;
     placeholder?: unknown;
+    required?: unknown;
     loading?: unknown;
     variation?: unknown;
     outlined?: unknown;
@@ -83,6 +85,16 @@ export declare const pressYFieldInputPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"]>;
         default: unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"];
     };
+    floating: unknown extends Defaults["floating"] ? {
+        type: PropType<boolean>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<boolean>;
+        default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"]>;
+        default: unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"];
+    };
     floated: unknown extends Defaults["floated"] ? {
         type: PropType<boolean>;
         default: () => false;
@@ -97,6 +109,10 @@ export declare const pressYFieldInputPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults ? "placeholder" : "placeholder" | Defaults>;
         default: unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"];
     };
+    required: unknown extends Defaults["required"] ? PropType<boolean> : {
+        type: PropType<unknown extends Defaults ? "required" : "required" | Defaults>;
+        default: unknown extends Defaults["required"] ? boolean : boolean | Defaults["required"];
+    };
     loading: unknown extends Defaults["loading"] ? PropType<boolean> : {
         type: PropType<unknown extends Defaults ? "loading" : "loading" | Defaults>;
         default: unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"];
@@ -214,11 +230,16 @@ export declare const YFieldInput: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    floating: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     floated: {
         type: PropType<boolean>;
         default: () => false;
     };
     placeholder: PropType<string>;
+    required: PropType<boolean>;
     loading: PropType<boolean>;
     variation: {
         type: PropType<"variation" | {
@@ -270,11 +291,16 @@ export declare const YFieldInput: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    floating: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     floated: {
         type: PropType<boolean>;
         default: () => false;
     };
     placeholder: PropType<string>;
+    required: PropType<boolean>;
     loading: PropType<boolean>;
     variation: {
         type: PropType<"variation" | {
@@ -324,6 +350,7 @@ export declare const YFieldInput: import("vue").DefineComponent<{
     };
     displayTag: string;
     autoSelect: boolean;
+    floating: boolean;
     floated: boolean;
     focused: boolean;
     tabindex: string;

package/types/components/input/YInput.d.ts

@@ -1,4 +1,4 @@
-import { PropType, VNode } from "vue";
+import { PropType, VNode } from 'vue';
 export declare const pressYInputPropsOptions: <Defaults extends {
     focused?: unknown;
     'onUpdate:focused'?: unknown;
@@ -9,8 +9,10 @@ export declare const pressYInputPropsOptions: <Defaults extends {
     label?: unknown;
     modelValue?: unknown;
     autoSelect?: unknown;
+    floating?: unknown;
     floated?: unknown;
     placeholder?: unknown;
+    required?: unknown;
     loading?: unknown;
     variation?: unknown;
     outlined?: unknown;
@@ -77,6 +79,16 @@ export declare const pressYInputPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"]>;
         default: unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"];
     };
+    floating: unknown extends Defaults["floating"] ? {
+        type: PropType<boolean>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<boolean>;
+        default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"]>;
+        default: unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"];
+    };
     floated: unknown extends Defaults["floated"] ? {
         type: PropType<boolean>;
         default: () => false;
@@ -91,6 +103,10 @@ export declare const pressYInputPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults ? "placeholder" : "placeholder" | Defaults>;
         default: unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"];
     };
+    required: unknown extends Defaults["required"] ? PropType<boolean> : {
+        type: PropType<unknown extends Defaults ? "required" : "required" | Defaults>;
+        default: unknown extends Defaults["required"] ? boolean : boolean | Defaults["required"];
+    };
     loading: unknown extends Defaults["loading"] ? PropType<boolean> : {
         type: PropType<unknown extends Defaults ? "loading" : "loading" | Defaults>;
         default: unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"];
@@ -154,11 +170,16 @@ export declare const YInput: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    floating: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     floated: {
         type: PropType<boolean>;
         default: () => false;
     };
     placeholder: PropType<string>;
+    required: PropType<boolean>;
     loading: PropType<boolean>;
     variation: PropType<string>;
     outlined: PropType<boolean>;
@@ -199,7 +220,7 @@ export declare const YInput: import("vue").DefineComponent<{
 }, {
     createPrepend(): VNode | undefined;
     createAppend(): VNode | undefined;
-    createLabelSlot(): (VNode | string | VNode[])[];
+    createLabelSlot(): (VNode | string | VNode[] | undefined)[];
     createLabel(): VNode | undefined;
     createDefaultChildren(): (VNode | undefined | VNode[] | string)[];
     createDefault(): VNode[] | VNode;
@@ -208,7 +229,7 @@ export declare const YInput: import("vue").DefineComponent<{
     getDisplayHeight(): string | number | undefined;
     createDisplay(): VNode;
     createHelperText(): VNode;
-    createStackChildren(): VNode[];
+    createStackChildren(): (VNode | undefined)[];
     createStack(): VNode;
     createContent(): (VNode | undefined)[];
     onClick(event: MouseEvent): void;
@@ -241,11 +262,16 @@ export declare const YInput: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    floating: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     floated: {
         type: PropType<boolean>;
         default: () => false;
     };
     placeholder: PropType<string>;
+    required: PropType<boolean>;
     loading: PropType<boolean>;
     variation: PropType<string>;
     outlined: PropType<boolean>;
@@ -274,6 +300,7 @@ export declare const YInput: import("vue").DefineComponent<{
 }, {
     displayTag: string;
     autoSelect: boolean;
+    floating: boolean;
     floated: boolean;
     focused: boolean;
 }, {}>;

package/types/components/select/YSelect.d.ts

@@ -108,8 +108,10 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
     label?: unknown;
     modelValue?: unknown;
     autoSelect?: unknown;
+    floating?: unknown;
     floated?: unknown;
     placeholder?: unknown;
+    required?: unknown;
     loading?: unknown;
     variation?: unknown;
     outlined?: unknown;
@@ -246,6 +248,16 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"]>;
         default: unknown extends Defaults["autoSelect"] ? boolean : boolean | Defaults["autoSelect"];
     };
+    floating: unknown extends Defaults["floating"] ? {
+        type: PropType<boolean>;
+        default: boolean;
+    } : Omit<{
+        type: PropType<boolean>;
+        default: boolean;
+    }, "default" | "type"> & {
+        type: PropType<unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"]>;
+        default: unknown extends Defaults["floating"] ? boolean : boolean | Defaults["floating"];
+    };
     floated: unknown extends Defaults["floated"] ? {
         type: PropType<boolean>;
         default: () => false;
@@ -260,6 +272,10 @@ export declare const pressYSelectPropsOptions: <Defaults extends {
         type: PropType<unknown extends Defaults ? "placeholder" : "placeholder" | Defaults>;
         default: unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"];
     };
+    required: unknown extends Defaults["required"] ? PropType<boolean> : {
+        type: PropType<unknown extends Defaults ? "required" : "required" | Defaults>;
+        default: unknown extends Defaults["required"] ? boolean : boolean | Defaults["required"];
+    };
     loading: unknown extends Defaults["loading"] ? PropType<boolean> : {
         type: PropType<unknown extends Defaults ? "loading" : "loading" | Defaults>;
         default: unknown extends Defaults["loading"] ? boolean : boolean | Defaults["loading"];
@@ -487,11 +503,16 @@ export declare const YSelect: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    floating: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     floated: {
         type: PropType<boolean>;
         default: () => false;
     };
     placeholder: PropType<string>;
+    required: PropType<boolean>;
     loading: PropType<boolean>;
     variation: {
         type: PropType<"variation" | {
@@ -604,11 +625,16 @@ export declare const YSelect: import("vue").DefineComponent<{
         type: PropType<boolean>;
         default: boolean;
     };
+    floating: {
+        type: PropType<boolean>;
+        default: boolean;
+    };
     floated: {
         type: PropType<boolean>;
         default: () => false;
     };
     placeholder: PropType<string>;
+    required: PropType<boolean>;
     loading: PropType<boolean>;
     variation: {
         type: PropType<"variation" | {
@@ -682,6 +708,7 @@ export declare const YSelect: import("vue").DefineComponent<{
     };
     displayTag: string;
     autoSelect: boolean;
+    floating: boolean;
     floated: boolean;
     focused: boolean;
     tabindex: string;

package/types/composables/timing.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-export declare function useLazy(eager: boolean, updated: Ref<any>): {
+export declare function useLazy(eager: Ref<boolean | undefined>, updated: Ref<any>): {
     entered: Ref<boolean>;
     lazyValue: import("vue").ComputedRef<any>;
     onAfterUpdate: () => void;