@v1nt1248/3nclient-lib 0.1.11 → 0.1.12

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.1.11",
+  "version": "0.1.12",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [
@@ -37,6 +37,7 @@
     "build:plugins": "LIB_NAME=plugins vite build",
     "build:utils": "LIB_NAME=utils vite build",
     "build": "pnpm run clean:dist && pnpm run build:components && pnpm run build:plugins && pnpm run build:utils && pnpm run copy:css",
+    "pack": "pnpm run build && npm pack && cp *.tgz ./dist && rm *.tgz",
     "preview": "vite preview",
     "stylelint": "stylelint --config .stylelint.config.cjs 'src/**/*.{vue,scss}'",
     "stylelint:fix": "stylelint --config .stylelint.config.cjs --fix 'src/**/*.{vue,scss}'",

package/src/components/ui3n-icon/ui3n-icon.vue

@@ -1,5 +1,5 @@
 <script lang="ts" setup>
-/* eslint-disable @typescript-eslint/no-explicit-any */
+import { computed } from 'vue';
 import { Icon } from '@iconify/vue';
 import type { Ui3nIconEmits, Ui3nIconProps } from './types';
 
@@ -15,20 +15,23 @@ const props = withDefaults(
 );
 const emits = defineEmits<Ui3nIconEmits>();
 
-const onLoad = (value: any) => {
+const iconName = computed(() => `ic:${props.icon}`);
+
+function onLoad(value: unknown) {
   if (props.onLoad) {
     props.onLoad(value);
   }
-};
-const onClick = (ev: Event) => {
+}
+
+function onClick(ev: Event) {
   emits('click', ev);
-};
+}
 </script>
 
 <template>
   <icon
     :class="$style.icon"
-    :icon="icon"
+    :icon="iconName"
     :title="title"
     :inline="inline"
     :width="width"

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

@@ -149,7 +149,7 @@ const validate = (text: string) => {
 
     <ui3n-icon
       v-if="displayStateMode === 'success' && displayStateWithIcon && !isFocused"
-      icon="check-circle-outline"
+      icon="sharp-check-circle-outline"
       :width="16"
       :height="16"
       color="var(--success-content-default)"

package/src/components/ui3n-notification/ui3n-notification.vue

@@ -19,25 +19,25 @@ const props = withDefaults(
 const stylesByTypes = {
   success: {
     color: 'var(--success-content-default)',
-    icon: 'warning',
+    icon: 'round-warning',
     iconColor: 'var(--success-fill-default)',
     iconRotate: 0,
   },
   warning: {
     color: 'var(--warning-content-default)',
-    icon: 'warning',
+    icon: 'round-warning',
     iconColor: 'var(--warning-fill-default)',
     iconRotate: 0,
   },
   info: {
     color: 'var(--info-content-default)',
-    icon: 'info',
+    icon: 'round-info',
     iconColor: 'var(--info-fill-default)',
     iconRotate: 90,
   },
   error: {
     color: 'var(--error-content-default)',
-    icon: 'info',
+    icon: 'round-info',
     iconColor: 'var(--error-fill-default)',
     iconRotate: 90,
   },

package/src/components/ui3n-table/ui3n-table-sort-icon.vue

@@ -12,8 +12,8 @@
 <template>
   <transition mode="out-in" name="fade">
     <ui3n-icon
-      :key="value === 'asc' ? 'arrow-downward' : 'arrow-upward'"
-      :icon="value === 'asc' ? 'arrow-downward' : 'arrow-upward'"
+      :key="value === 'asc' ? 'baseline-arrow-downward' : 'baseline-arrow-upward'"
+      :icon="value === 'asc' ? 'baseline-arrow-downward' : 'baseline-arrow-upward'"
       :width="iconSize"
       :height="iconSize"
       :color="iconColor"

package/dist/plugins/icons/icons.d.ts

@@ -1,2 +0,0 @@
-import { Plugin } from 'vue';
-export declare const useIcons: Plugin;