@v1nt1248/3nclient-lib 0.1.83 → 0.1.85

package/dist/variables.css

@@ -210,7 +210,7 @@
   --s-accent-fill-default: var(--white-100);
   --s-accent-fill-hover: var(--blue-10);
   --s-accent-fill-focused: var(--white-100);
-  --s-accent-fill-pressed: var(--blue-70);
+  --s-accent-fill-pressed: var(--blue-20);
   --s-accent-fill-disabled: var(--blue-0);
   --s-accent-content-default: var(--blue-50);
   --s-accent-content-hover: var(--blue-50);

package/package.json

@@ -2,7 +2,7 @@
   "name": "@v1nt1248/3nclient-lib",
   "license": "AGPL-3.0-or-later",
   "author": "v1nt1248",
-  "version": "0.1.83",
+  "version": "0.1.85",
   "description": "Library for 3NWeb clients",
   "type": "module",
   "files": [

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

@@ -24,14 +24,24 @@ const slots = useSlots();
 const $css = useCssModule();
 
 const height = computed(() => `${props.height}px`);
-const iconHeight = computed(() => props.height ? Number(props.height) - 2 : Number(props.height));
-const padding = computed(() => `${Math.round(Number(props.height) / 3)}px`);
+const iconHeight = computed(() => Number(props.height) - 4);
+
 const maxWidth = computed(() => `${props.maxWidth}px`);
 const bgColor = computed(() => props.color);
 const textSize = computed(() => `${props.textSize}px`);
 const textColor = computed(() => props.textColor);
 const hasLeftSlot = computed(() => !!slots.left);
 
+const padding = computed(() => {
+  const padValue = Math.round(Number(props.height) / 3);
+
+  if (hasLeftSlot.value) {
+    return `0 ${padValue}px 0 4px`;
+  }
+
+  return `0 ${padValue}px`;
+});
+
 const mainCssClasses = computed(() => {
   const val = [$css.ui3nChip];
 
@@ -76,7 +86,7 @@ function onClick() {
   position: relative;
   display: flex;
   height: v-bind('height');
-  padding: 0 v-bind('padding');
+  padding: v-bind('padding');
   width: max-content;
   max-width: v-bind('maxWidth');
   background-color: v-bind('bgColor');