@unsource/ui 2.7.9 → 2.7.10

package/dist/module.json

@@ -1,7 +1,7 @@
 {
   "name": "unsource-ui",
   "configKey": "unsourceUi",
-  "version": "2.7.9",
+  "version": "2.7.10",
   "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/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,17 @@ 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",
+      "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.10",
   "private": false,
   "description": "nuxt ui kit for unsource env",
   "repository": "https://github.com/alisa2142/unsource-ui",