@unsource/ui 2.7.9 → 2.7.11

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "unsource-ui",
   "configKey": "unsourceUi",
-  "version": "2.7.9",
+  "version": "2.7.11",
   "builder": {
     "@nuxt/module-builder": "1.0.2",
     "unbuild": "3.6.1"

package/dist/runtime/components/UnChips.d.vue.ts

@@ -1,3 +1,4 @@
+export type CardCustomClass = Partial<Record<'prepend' | 'append' | 'label' | 'image' | 'avatar' | 'nameDesc', string>>;
 type __VLS_Props = {
     label?: string;
     icon?: string;
@@ -5,10 +6,8 @@ type __VLS_Props = {
     prepend?: string;
     variant?: string;
     mini?: boolean;
+    customClass?: CardCustomClass;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    mini: boolean;
-    variant: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/UnChips.vue

@@ -3,53 +3,40 @@
     class="flex items-center px-2 py-1 gap-1 rounded-full cursor-pointer shrink-0"
     :class="classVariant"
   >
-    <div
-      class="flex items-center justify-center"
-      :class="[prepend ? mini ? 'w-4' : 'w-8' : 'w-0', mini ? 'h-4' : 'h-8']"
+    <UnNuxtIcon
+      v-if="prepend"
+      :name="prepend"
+      class="text-base"
+      :class="[prependClass, mini ? 'w-4 h-4' : 'w-8 h-8', customClass.prepend]"
+      @click="$emit('prependClick')"
+    />
+    <p
+      :class="customClass.label"
+      class="text-xs"
     >
-      <UnNuxtIcon
-        v-if="prepend"
-        :name="prepend"
-        class="text-base"
-        :class="prependClass"
-        @click="$emit('prependClick')"
-      />
-    </div>
-    <p class="text-xs">
       {{ label }}
     </p>
     <UnNuxtIcon
       v-if="icon"
       :name="icon"
       class="text-base"
+      :class="customClass.append"
       @click="$emit('iconClick')"
     />
   </div>
 </template>
 
 <script setup>
-import { computed } from "#imports";
-const props = defineProps({
+import { computed, variants } from "#imports";
+const { variant = "danger", mini = false, customClass = {} } = defineProps({
   label: { type: String, required: false },
   icon: { type: String, required: false },
   prependClass: { type: String, required: false },
   prepend: { type: String, required: false },
-  variant: { type: String, required: false, default: "danger" },
-  mini: { type: Boolean, required: false, default: false }
+  variant: { type: String, required: false },
+  mini: { type: Boolean, required: false },
+  customClass: { type: Object, required: false }
 });
 defineEmits(["prependClick", "iconClick"]);
-const variants = {
-  "success": "bg-success/10 text-success",
-  "success-fill": "bg-success text-white",
-  "danger": "bg-danger/10 text-danger",
-  "danger-fill": "bg-danger text-white",
-  "warning": "bg-warning/10 text-warning",
-  "warning-fill": "bg-warning text-white",
-  "primary": "bg-primary-500/10 text-primary-500",
-  "primary-fill": "bg-primary-500 text-white",
-  "primary-border": "bg-primary-500/10 text-primary-500 border-(1 solid primary-500)",
-  "secondary": "bg-gray-600/10 text-gray-600",
-  "secondary-fill": "bg-gray-600 text-white"
-};
-const classVariant = computed(() => variants?.[props.variant]);
+const classVariant = computed(() => variants?.[variant]);
 </script>

package/dist/runtime/components/UnChips.vue.d.ts

@@ -1,3 +1,4 @@
+export type CardCustomClass = Partial<Record<'prepend' | 'append' | 'label' | 'image' | 'avatar' | 'nameDesc', string>>;
 type __VLS_Props = {
     label?: string;
     icon?: string;
@@ -5,10 +6,8 @@ type __VLS_Props = {
     prepend?: string;
     variant?: string;
     mini?: boolean;
+    customClass?: CardCustomClass;
 };
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {
-    mini: boolean;
-    variant: string;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, any, string, import("vue").PublicProps, any, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/UnToggle.d.vue.ts

@@ -1,11 +1,20 @@
+export type CardCustomClass = Partial<Record<'label' | 'button' | 'buttonWrapper' | 'buttonLabel', string>>;
 type __VLS_Props = {
-    label: string;
-    disabled: boolean;
+    label?: string;
+    disabled?: boolean;
+    customClass?: CardCustomClass;
+    trueLabel?: string;
+    falseLabel?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/components/UnToggle.vue

@@ -1,26 +1,53 @@
 <template>
   <div
-    class="h-12 w-full flex flex-row gap-1 items-center cursor-pointer text-black-1 select-none"
-    @click="!disabled && changeValue()"
+    class="group h-12 w-full flex flex-row gap-1 items-center cursor-pointer text-black-1 select-none"
+    @click="changeValue"
   >
-    <div class="flex-grow truncate text-sm">
+    <div
+      v-if="label"
+      :class="customClass?.label"
+      class="flex-grow truncate text-sm"
+    >
       {{ label }}
     </div>
-    <UnToggleButton
-      :value="value"
-      :disabled="disabled"
-    />
+    <div
+      class="aspect-2/1 relative flex items-center rounded-full transition-bg duration-300 group/wrapper"
+      :class="[sizeClass[size], { 'opacity-50 disabled': disabled }, value ? 'true bg-primary' : 'false bg-border', customClass?.buttonWrapper]"
+    >
+      <div
+        class="group/button flex justify-center items-center absolute bg-white top-1/2 -translate-y-1/2 h-[calc(100%-4px)] aspect-square rounded-full shadow-toggle transform transition-all duration-200"
+        :class="[value ? 'end-[calc(100%-2px)] -translate-x-full' : 'end-0.5', customClass?.button]"
+      >
+        <small
+          v-if="value ? trueLabel : falseLabel"
+          :class="customClass?.buttonLabel"
+          class="px-1 text-inherit"
+        >
+          {{ value ? trueLabel : falseLabel }}
+        </small>
+      </div>
+    </div>
   </div>
 </template>
 
 <script setup>
-const emit = defineEmits(["input"]);
-defineProps({
-  label: { type: String, required: true },
-  disabled: { type: Boolean, required: true }
+const { size = "xl", disabled } = defineProps({
+  label: { type: String, required: false },
+  disabled: { type: Boolean, required: false },
+  customClass: { type: Object, required: false },
+  trueLabel: { type: String, required: false },
+  falseLabel: { type: String, required: false },
+  size: { type: String, required: false }
 });
 const value = defineModel();
 const changeValue = () => {
+  if (disabled) return;
   value.value = !value.value;
 };
+const sizeClass = {
+  sm: "w-8 children:(text-xs)",
+  md: "w-10 children:(text-sm)",
+  lg: "w-14 children:(text-md)",
+  xl: "w-18 children:(text-lg)"
+};
 </script>

package/dist/runtime/components/UnToggle.vue.d.ts

@@ -1,11 +1,20 @@
+export type CardCustomClass = Partial<Record<'label' | 'button' | 'buttonWrapper' | 'buttonLabel', string>>;
 type __VLS_Props = {
-    label: string;
-    disabled: boolean;
+    label?: string;
+    disabled?: boolean;
+    customClass?: CardCustomClass;
+    trueLabel?: string;
+    falseLabel?: string;
+    size?: 'sm' | 'md' | 'lg' | 'xl';
 };
 type __VLS_ModelProps = {
     modelValue?: any;
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
-declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: any) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: any) => any) | undefined;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/composables/global.d.ts

@@ -92,3 +92,21 @@ export declare const setOptions: (f: Form, ctx?: {}) => Promise<Form | {
     inputId: string;
 }>;
 export declare const merge: (v: string | Record<string, unknown>, s: string | Record<string, unknown>) => string | Record<string, unknown> | undefined;
+export declare const variants: {
+    success: string;
+    'success-fill': string;
+    'success-flat': string;
+    danger: string;
+    'danger-fill': string;
+    'danger-flat': string;
+    warning: string;
+    'warning-fill': string;
+    'warning-flat': string;
+    primary: string;
+    'primary-fill': string;
+    'primary-border': string;
+    'primary-flat': string;
+    secondary: string;
+    'secondary-fill': string;
+    'secondary-flat': string;
+};

package/dist/runtime/composables/global.js

@@ -379,3 +379,21 @@ export const merge = (v, s) => {
     return _mergeWith(s, v, merge);
   }
 };
+export const variants = {
+  "success": "bg-success/10 text-success",
+  "success-fill": "bg-success text-white",
+  "success-flat": "bg-white text-success",
+  "danger": "bg-danger/10 text-danger",
+  "danger-fill": "bg-danger text-white",
+  "danger-flat": "bg-white bg-danger",
+  "warning": "bg-warning/10 text-warning",
+  "warning-fill": "bg-warning text-white",
+  "warning-flat": "bg-white text-warning",
+  "primary": "bg-primary-500/10 text-primary-500",
+  "primary-fill": "bg-primary-500 text-white",
+  "primary-border": "bg-primary-500/10 text-primary-500 border-(1 solid primary-500)",
+  "primary-flat": "bg-white text-primary-500",
+  "secondary": "bg-gray-600/10 text-secondary-500",
+  "secondary-fill": "bg-secondary-500 text-white",
+  "secondary-flat": "bg-white text-secondary-500"
+};

package/dist/runtime/uno.config.js

@@ -9,18 +9,18 @@ import { presetScrollbar } from "unocss-preset-scrollbar";
 export default defineConfig({
   theme: {
     colors: {
-      border: "#cccdd5",
-      danger: "#e60c21",
-      warning: "#ffc600",
-      success: "#35d123",
-      secondary: {
-        500: "#fdf037"
-      },
-      primary: "#1270da",
-      text: {
+      "border": "#cccdd5",
+      "danger": "#e60c21",
+      "warning": "#ffc600",
+      "success": "#35d123",
+      "secondary": "#5e5e5e",
+      "secondary-500": "#fdf037",
+      "primary": "#1270da",
+      "primary-500": "#1270da",
+      "text": {
         head: "#4D4444"
       },
-      gray: {
+      "gray": {
         200: "#949494",
         500: "#696969",
         600: "#1e1e1e"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@unsource/ui",
-  "version": "2.7.9",
+  "version": "2.7.11",
   "private": false,
   "description": "nuxt ui kit for unsource env",
   "repository": "https://github.com/alisa2142/unsource-ui",

package/dist/runtime/components/UnToggleButton.d.vue.ts

@@ -1,11 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    value: number | boolean;
-    disabled: boolean;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly value: number | boolean;
-    readonly disabled: boolean;
-};

package/dist/runtime/components/UnToggleButton.vue

@@ -1,22 +0,0 @@
-<template>
-  <div
-      class="w-9 h-5 relative flex items-center rounded-full transition-bg duration-200"
-      :class="[value && !disabled ? 'bg-primary-500' : 'bg-border']">
-    <div
-        class="absolute bg-white h-4 w-4 rounded-1/2 shadow-toggle transform transition-all duration-200"
-        :class="[ value ? 'left-full -translate-x-18px ' : 'left-0 translate-x-0.5',]"/>
-  </div>
-</template>
-
-<script setup>
-defineProps({
-  value: {
-    type: [Boolean, Number],
-    default: false
-  },
-  disabled: {
-    type: Boolean,
-    default: false
-  }
-});
-</script>

package/dist/runtime/components/UnToggleButton.vue.d.ts

@@ -1,11 +0,0 @@
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: import("vue").DefineComponent<{}, {
-    $props: Partial<typeof __VLS_props>;
-    value: number | boolean;
-    disabled: boolean;
-}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
-declare const __VLS_props: {
-    readonly value: number | boolean;
-    readonly disabled: boolean;
-};