@shtabapp/ui-kit 1.58.0 → 1.59.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@shtabapp/ui-kit",
-  "version": "1.58.0",
+  "version": "1.59.0",
   "description": "Vue 3 component library by Shtab — 30+ typed components, design tokens, light/dark themes",
   "keywords": [
     "shtab",
@@ -264,7 +264,7 @@
   "dependencies": {
     "chart.js": "^4.5.0",
     "vue-i18n": "^9.14.5",
-    "@shtabapp/ui-kit-primitives": "^1.25.0",
+    "@shtabapp/ui-kit-primitives": "^1.26.0",
     "@shtabapp/ui-kit-tokens": "^1.19.0"
   },
   "devDependencies": {

package/dist/SChip-DRz5BA4Z.cjs

@@ -1 +0,0 @@
-let e=require("vue");var t=function(e){return e.BLUE=`blue`,e.RED=`red`,e.WHITE=`white`,e.BILLING=`billing`,e}({}),n=function(e){return e.SIZE_20=`20`,e.SIZE_24=`24`,e.SIZE_32=`32`,e}({}),r=[`tabindex`,`aria-disabled`,`inert`],i={class:`s-ui-chip__content`},a={key:0,class:`s-ui-chip__icon`},o={key:1,class:`s-ui-chip__prefix`},s={key:0,class:`s-ui-chip__actions`},c=(0,e.defineComponent)({__name:`SChip`,props:{color:{default:()=>t.BLUE},disabled:{type:Boolean,default:!1},size:{default:()=>n.SIZE_32}},setup(c){let l=(0,e.useSlots)(),u=(0,e.computed)(()=>c.color===t.BILLING),d=(0,e.computed)(()=>c.disabled?!1:u.value),f=(0,e.computed)(()=>c.disabled?-1:0),p=(0,e.computed)(()=>[`s-ui-chip--color-${c.color}`,`s-ui-chip--size-${c.size}`,{"s-ui-chip--disabled":c.disabled}]),m=(0,e.computed)(()=>c.size===n.SIZE_20?`s-ui-typography-label-12-medium`:`s-ui-typography-label-14-medium`),h={[n.SIZE_20]:16,[n.SIZE_24]:20,[n.SIZE_32]:20},g=(0,e.computed)(()=>h[c.size]);return(t,n)=>((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{class:(0,e.normalizeClass)([`s-ui-chip`,p.value]),tabindex:f.value,role:`group`,"aria-disabled":c.disabled?!0:void 0,inert:c.disabled?!0:void 0},[(0,e.createElementVNode)(`span`,i,[(0,e.unref)(l).icon?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,a,[(0,e.renderSlot)(t.$slots,`icon`,{billing:d.value,disabled:c.disabled,size:g.value})])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(l).prefix?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,o,[(0,e.renderSlot)(t.$slots,`prefix`,{disabled:c.disabled,size:c.size})])):(0,e.createCommentVNode)(``,!0),(0,e.unref)(l).default?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,{key:2,class:(0,e.normalizeClass)([`s-ui-chip__label`,m.value])},[(0,e.renderSlot)(t.$slots,`default`)],2)):(0,e.createCommentVNode)(``,!0)]),(0,e.unref)(l).actions?((0,e.openBlock)(),(0,e.createElementBlock)(`span`,s,[(0,e.renderSlot)(t.$slots,`actions`,{billing:u.value,disabled:c.disabled})])):(0,e.createCommentVNode)(``,!0)],10,r))}});Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return t}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return n}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return c}});

package/dist/SChip-DvPazz7Y.js

@@ -1,67 +0,0 @@
-import { computed as e, createCommentVNode as t, createElementBlock as n, createElementVNode as r, defineComponent as i, normalizeClass as a, openBlock as o, renderSlot as s, unref as c, useSlots as l } from "vue";
-//#region src/components/SChip/SChip.types.ts
-var u = /* @__PURE__ */ function(e) {
-	return e.BLUE = "blue", e.RED = "red", e.WHITE = "white", e.BILLING = "billing", e;
-}({}), d = /* @__PURE__ */ function(e) {
-	return e.SIZE_20 = "20", e.SIZE_24 = "24", e.SIZE_32 = "32", e;
-}({}), f = [
-	"tabindex",
-	"aria-disabled",
-	"inert"
-], p = { class: "s-ui-chip__content" }, m = {
-	key: 0,
-	class: "s-ui-chip__icon"
-}, h = {
-	key: 1,
-	class: "s-ui-chip__prefix"
-}, g = {
-	key: 0,
-	class: "s-ui-chip__actions"
-}, _ = /* @__PURE__ */ i({
-	__name: "SChip",
-	props: {
-		color: { default: () => u.BLUE },
-		disabled: {
-			type: Boolean,
-			default: !1
-		},
-		size: { default: () => d.SIZE_32 }
-	},
-	setup(i) {
-		let _ = l(), v = e(() => i.color === u.BILLING), y = e(() => i.disabled ? !1 : v.value), b = e(() => i.disabled ? -1 : 0), x = e(() => [
-			`s-ui-chip--color-${i.color}`,
-			`s-ui-chip--size-${i.size}`,
-			{ "s-ui-chip--disabled": i.disabled }
-		]), S = e(() => i.size === d.SIZE_20 ? "s-ui-typography-label-12-medium" : "s-ui-typography-label-14-medium"), C = {
-			[d.SIZE_20]: 16,
-			[d.SIZE_24]: 20,
-			[d.SIZE_32]: 20
-		}, w = e(() => C[i.size]);
-		return (e, l) => (o(), n("span", {
-			class: a(["s-ui-chip", x.value]),
-			tabindex: b.value,
-			role: "group",
-			"aria-disabled": i.disabled ? !0 : void 0,
-			inert: i.disabled ? !0 : void 0
-		}, [r("span", p, [
-			c(_).icon ? (o(), n("span", m, [s(e.$slots, "icon", {
-				billing: y.value,
-				disabled: i.disabled,
-				size: w.value
-			})])) : t("", !0),
-			c(_).prefix ? (o(), n("span", h, [s(e.$slots, "prefix", {
-				disabled: i.disabled,
-				size: i.size
-			})])) : t("", !0),
-			c(_).default ? (o(), n("span", {
-				key: 2,
-				class: a(["s-ui-chip__label", S.value])
-			}, [s(e.$slots, "default")], 2)) : t("", !0)
-		]), c(_).actions ? (o(), n("span", g, [s(e.$slots, "actions", {
-			billing: v.value,
-			disabled: i.disabled
-		})])) : t("", !0)], 10, f));
-	}
-});
-//#endregion
-export { u as n, d as r, _ as t };