@oslokommune/punkt-vue - npm Package Compare versions

Comparing version 11.1.1 to 11.2.0

CHANGELOG.md

@@ -8,2 +8,20 @@ # Changelog
 
+## [11.2.0](https://github.com/oslokommune/punkt/compare/11.1.1...11.2.0) (2024-01-25)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* Tabs (#1435). 
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [11.0.0](https://github.com/oslokommune/punkt/compare/10.0.0...11.0.0) (2023-12-20)
@@ -10,0 +28,0 @@

dist/punkt-vue-index.js

 import e from "./punkt-vue-alert.js";
 import m from "./punkt-vue-backlink.js";
-import { PktBackLink as G } from "./punkt-vue-backlink.js";
+import { PktBackLink as N } from "./punkt-vue-backlink.js";
 import a from "./punkt-vue-breadcrumbs.js";
-import { PktBreadcrumbs as N } from "./punkt-vue-breadcrumbs.js";
+import { PktBreadcrumbs as U } from "./punkt-vue-breadcrumbs.js";
 import i from "./punkt-vue-button.js";
 import p from "./punkt-vue-checkbox.js";
-import { PktCheckbox as U } from "./punkt-vue-checkbox.js";
+import { PktCheckbox as X } from "./punkt-vue-checkbox.js";
 import n from "./punkt-vue-footer.js";
-import { PktFooter as X } from "./punkt-vue-footer.js";
+import { PktFooter as Z } from "./punkt-vue-footer.js";
 import s from "./punkt-vue-footersimple.js";
-import { PktFooterSimple as Z } from "./punkt-vue-footersimple.js";
-import u from "./punkt-vue-header.js";
-import { PktHeader as ro } from "./punkt-vue-header.js";
-import P from "./punkt-vue-icon.js";
-import f from "./punkt-vue-inputwrapper.js";
+import { PktFooterSimple as ro } from "./punkt-vue-footersimple.js";
+import P from "./punkt-vue-header.js";
+import { PktHeader as eo } from "./punkt-vue-header.js";
+import f from "./punkt-vue-icon.js";
+import u from "./punkt-vue-inputwrapper.js";
 import l from "./punkt-vue-messagebox.js";
-import { PktMessagebox as eo } from "./punkt-vue-messagebox.js";
+import { PktMessagebox as ao } from "./punkt-vue-messagebox.js";
 import k from "./punkt-vue-linkcard.js";
-import { PktLinkcard as ao } from "./punkt-vue-linkcard.js";
+import { PktLinkcard as po } from "./punkt-vue-linkcard.js";
 import x from "./punkt-vue-radiobutton.js";
-import { PktRadiobutton as po } from "./punkt-vue-radiobutton.js";
+import { PktRadiobutton as so } from "./punkt-vue-radiobutton.js";
 import g from "./punkt-vue-select.js";
-import { PktSelect as so } from "./punkt-vue-select.js";
-import c from "./punkt-vue-tag.js";
-import { PktTag as Po } from "./punkt-vue-tag.js";
-import b from "./punkt-vue-textarea.js";
-import { PktTextarea as lo } from "./punkt-vue-textarea.js";
+import { PktSelect as fo } from "./punkt-vue-select.js";
+import c from "./punkt-vue-tabs.js";
+import { PktTabs as lo } from "./punkt-vue-tabs.js";
+import b from "./punkt-vue-tag.js";
+import $ from "./punkt-vue-textarea.js";
+import { PktTextarea as xo } from "./punkt-vue-textarea.js";
 import d from "./punkt-vue-textinput.js";
-import { PktTextinput as xo } from "./punkt-vue-textinput.js";
-import { u as $, r as T } from "./plugins-IeJb3XDX.js";
-import { P as co } from "./Alert-eoZOqLMh.js";
-import { P as $o } from "./Button-oFCw2kbo.js";
-import { P as Bo } from "./Icon-s3ZNrtl-.js";
-import { P as Fo } from "./InputWrapper--d9sdKAg.js";
+import { PktTextinput as co } from "./punkt-vue-textinput.js";
+import { u as T, r as B } from "./plugins-IeJb3XDX.js";
+import { P as $o } from "./Alert-eoZOqLMh.js";
+import { P as Bo } from "./Button-oFCw2kbo.js";
+import { P as Fo } from "./Icon-s3ZNrtl-.js";
+import { P as Lo } from "./InputWrapper--d9sdKAg.js";
+import { T as Mo } from "./Tag-Tuksu2Zp.js";
 import "vue";
@@ -46,5 +48,5 @@ const o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   FooterSimple: s,
-  Header: u,
-  Icon: P,
-  InputWrapper: f,
+  Header: P,
+  Icon: f,
+  InputWrapper: u,
   Linkcard: k,
@@ -54,12 +56,13 @@ Messagebox: l,
   Select: g,
-  Tag: c,
-  Textarea: b,
+  Tabs: c,
+  Tag: b,
+  Textarea: $,
   Textinput: d
-}, Symbol.toStringTag, { value: "Module" })), B = {
-  install(r, S = {}) {
+}, Symbol.toStringTag, { value: "Module" })), S = {
+  install(r, F = {}) {
     for (const t in o)
-      T(r, o[t]);
+      B(r, o[t]);
   }
 };
-$(B);
+T(S);
 export {
@@ -73,30 +76,32 @@ e as Alert,
   s as FooterSimple,
-  u as Header,
-  P as Icon,
-  f as InputWrapper,
+  P as Header,
+  f as Icon,
+  u as InputWrapper,
   k as Linkcard,
   l as Messagebox,
-  co as PktAlert,
-  G as PktBackLink,
-  N as PktBreadcrumbs,
-  $o as PktButton,
-  U as PktCheckbox,
-  X as PktFooter,
-  Z as PktFooterSimple,
-  ro as PktHeader,
-  Bo as PktIcon,
-  Fo as PktInputWrapper,
-  ao as PktLinkcard,
-  eo as PktMessagebox,
-  po as PktRadiobutton,
-  so as PktSelect,
-  Po as PktTag,
-  lo as PktTextarea,
-  xo as PktTextinput,
+  $o as PktAlert,
+  N as PktBackLink,
+  U as PktBreadcrumbs,
+  Bo as PktButton,
+  X as PktCheckbox,
+  Z as PktFooter,
+  ro as PktFooterSimple,
+  eo as PktHeader,
+  Fo as PktIcon,
+  Lo as PktInputWrapper,
+  po as PktLinkcard,
+  ao as PktMessagebox,
+  so as PktRadiobutton,
+  fo as PktSelect,
+  lo as PktTabs,
+  Mo as PktTag,
+  xo as PktTextarea,
+  co as PktTextinput,
   x as Radiobutton,
   g as Select,
-  c as Tag,
-  b as Textarea,
+  c as Tabs,
+  b as Tag,
+  $ as Textarea,
   d as Textinput,
-  B as default
+  S as default
 };

dist/punkt-vue-tag.js

@@ -1,146 +0,14 @@
-import { P as g } from "./Icon-s3ZNrtl-.js";
-import { resolveComponent as y, openBlock as n, createElementBlock as r, withDirectives as d, normalizeClass as c, withKeys as m, createVNode as u, renderSlot as o, vShow as k } from "vue";
-import { _ as b, u as C, a as f } from "./plugins-IeJb3XDX.js";
-const S = {
-  name: "PktTag",
-  components: { PktIcon: g },
-  props: {
-    skin: {
-      type: String,
-      default: "blue",
-      validator(t) {
-        return ["blue", "green", "red", "beige", "yellow", "grey", "blue-light"].includes(t);
-      }
-    },
-    textStyle: {
-      type: String,
-      default: "normal-text",
-      validator(t) {
-        return ["thin-text", "normal-text"].includes(t);
-      }
-    },
-    size: {
-      type: String,
-      default: "medium",
-      validator(t) {
-        return ["small", "medium", "large"].includes(t);
-      }
-    },
-    closeTag: {
-      type: Boolean,
-      default: !1
-    },
-    iconName: {
-      type: String,
-      default: ""
-    },
-    type: {
-      type: String,
-      default: "button",
-      validator: (t) => ["button", "submit", "reset"].includes(t)
-    },
-    ariaLabel: {
-      type: String,
-      default: "close"
-    }
-  },
-  data: () => ({
-    closed: !1
-  }),
-  methods: {
-    close() {
-      this.closed = !0, this.$emit("on-close", this.closed);
-    }
-  },
-  computed: {
-    skinClass() {
-      return [`pkt-tag--${this.skin}`];
-    },
-    sizeClass() {
-      return [`pkt-tag--${this.size}`];
-    },
-    textStyleClass() {
-      return [`pkt-tag--${this.textStyle}`];
-    },
-    buttonClass() {
-      return [
-        "pkt-tag",
-        "pkt-btn",
-        "pkt-btn--tertiary",
-        {
-          "pkt-btn--icons-right-and-left": this.iconName && this.closeTag,
-          "pkt-btn--icon-right": this.closeTag && !this.iconName
-        }
-      ];
-    },
-    open() {
-      return !this.closed;
-    }
-  }
-}, h = ["type", "aria-label"], _ = ["type", "aria-label"];
-function p(t, a, l, N, T, e) {
-  const i = y("pkt-icon");
-  return n(), r("span", null, [
-    l.closeTag && l.iconName ? d((n(), r("button", {
-      key: 0,
-      class: c([e.buttonClass, e.skinClass, e.sizeClass, e.textStyleClass]),
-      type: l.type,
-      role: "button",
-      "aria-label": l.ariaLabel,
-      onKeyup: a[0] || (a[0] = m((...s) => e.close && e.close(...s), ["enter"])),
-      onClick: a[1] || (a[1] = (...s) => e.close && e.close(...s))
-    }, [
-      u(i, {
-        class: "pkt-tag__icon",
-        name: l.iconName
-      }, null, 8, ["name"]),
-      o(t.$slots, "default"),
-      u(i, {
-        class: "pkt-tag__close-btn",
-        name: "close"
-      })
-    ], 42, h)), [
-      [k, e.open]
-    ]) : l.closeTag ? d((n(), r("button", {
-      key: 1,
-      class: c([e.buttonClass, e.skinClass, e.sizeClass, e.textStyleClass]),
-      type: l.type,
-      role: "button",
-      "aria-label": l.ariaLabel,
-      onKeyup: a[2] || (a[2] = m((...s) => e.close && e.close(...s), ["enter"])),
-      onClick: a[3] || (a[3] = (...s) => e.close && e.close(...s))
-    }, [
-      u(i, {
-        class: "pkt-tag__close-btn",
-        name: "close"
-      }),
-      o(t.$slots, "default")
-    ], 42, _)), [
-      [k, e.open]
-    ]) : l.iconName ? (n(), r("span", {
-      key: 2,
-      class: c(["pkt-tag", [e.skinClass, e.sizeClass, e.textStyleClass]])
-    }, [
-      u(i, {
-        class: "pkt-tag__icon",
-        name: l.iconName
-      }, null, 8, ["name"]),
-      o(t.$slots, "default")
-    ], 2)) : (n(), r("span", {
-      key: 3,
-      class: c(["pkt-tag", [e.skinClass, e.sizeClass, e.textStyleClass]])
-    }, [
-      o(t.$slots, "default")
-    ], 2))
-  ]);
-}
-const x = /* @__PURE__ */ b(S, [["render", p]]), z = {
+import { T as a } from "./Tag-Tuksu2Zp.js";
+import { u as o, a as r } from "./plugins-IeJb3XDX.js";
+import "./Icon-s3ZNrtl-.js";
+import "vue";
+const s = {
   install(t) {
-    f(t, x);
+    r(t, a);
   }
 };
-C(z);
+o(s);
 export {
-  x as PktTag,
-  z as default
+  a as PktTag,
+  s as default
 };

package.json

 {
   "name": "@oslokommune/punkt-vue",
-  "version": "11.1.1",
+  "version": "11.2.0",
   "description": "Vue komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
@@ -30,3 +30,3 @@ "homepage": "https://punkt.oslo.kommune.no",
     "@oslokommune/punkt-assets": "^11.0.0",
-    "@oslokommune/punkt-css": "^11.1.1",
+    "@oslokommune/punkt-css": "^11.2.0",
     "@vitejs/plugin-vue": "^4.5.2",
@@ -69,3 +69,3 @@ "edit-json-file": "^1.7.0",
   "license": "MIT",
-  "gitHead": "02d537df3e46bb6087e79b4f5a7c966157abbd9d"
+  "gitHead": "fec4dbecc80967363e57146603fd5618b107c879"
 }

New alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 2 instances in 1 package

Fixed alerts

Minified code

Quality

This package contains minified code. This may be harmless in some cases where minified code is included in packaged libraries, however packages on npm should not minify code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

241877

increased by4.89%

Number of package files

77

increased by6.94%

Lines of code

3046

increased by5.4%

Worsened metrics

Number of low quality alerts

26

increased by8.33%

No dependency changes