@oslokommune/punkt-vue2 - npm Package Compare versions

Comparing version 3.0.2 to 3.1.0

CHANGELOG.md

@@ -6,2 +6,7 @@ # Change Log
 
+## [3.1.0](https://github.com/oslokommune/punkt/compare/v3.0.2...v3.1.0) (2023-03-20)
+
+### Features
+* [#721](https://github.com/oslokommune/punkt/issues/721) Lag Messagebox i Vue2
+
 ## [3.0.2](https://github.com/oslokommune/punkt/compare/v3.0.1...v3.0.2) (2023-03-16)
@@ -8,0 +13,0 @@

dist/punkt-vue2-alert.js

@@ -1,6 +0,7 @@
-import { n, I as l, u as i, a as r } from "./plugins-1c268205.js";
+import { I as n } from "./Icon-669470e2.js";
+import { n as l, u as i, a as r } from "./plugins-364dfcf9.js";
 const o = {
   name: "PktAlert",
   components: {
-    PktIcon: l
+    PktIcon: n
   },
@@ -60,3 +61,3 @@ props: {
   }, click: t.close } }, [e("pkt-icon", { staticClass: "pkt-btn__icon", attrs: { name: "close" } })], 1)]) : t._e(), t.title ? e("div", { staticClass: "pkt-alert__title" }, [t._v(" " + t._s(t.title) + " ")]) : t._e(), e("div", { staticClass: "pkt-alert__text" }, [t._t("default")], 2), t.date ? e("div", { staticClass: "pkt-alert__date" }, [t._v("Sist oppdatert: " + t._s(t.date))]) : t._e()]);
-}, p = [], d = /* @__PURE__ */ n(
+}, p = [], d = /* @__PURE__ */ l(
   o,
@@ -63,0 +64,0 @@ c,

dist/punkt-vue2-backlink.js

@@ -1,6 +0,7 @@
-import { n, I as e, u as i, a as l } from "./plugins-1c268205.js";
+import { I as n } from "./Icon-669470e2.js";
+import { n as e, u as i, a as l } from "./plugins-364dfcf9.js";
 const k = {
   name: "PktBackLink",
   components: {
-    PktIcon: e
+    PktIcon: n
   },
@@ -28,3 +29,3 @@ props: {
   })], 2)])], 1)])]);
-}, r = [], o = /* @__PURE__ */ n(
+}, r = [], o = /* @__PURE__ */ e(
   k,
@@ -31,0 +32,0 @@ c,

dist/punkt-vue2-breadcrumbs.js

@@ -1,6 +0,7 @@
-import { n, I as c, u as l, a as d } from "./plugins-1c268205.js";
+import { I as n } from "./Icon-669470e2.js";
+import { n as c, u as l, a as d } from "./plugins-364dfcf9.js";
 const b = {
   name: "PktBreadcrumbs",
   components: {
-    PktIcon: c
+    PktIcon: n
   },
@@ -18,17 +19,17 @@ props: {
 };
-var u = function() {
-  var a = this, s = a._self._c;
-  return s("nav", { staticClass: "pkt-breadcrumbs", attrs: { "aria-label": "brødsmulemeny" } }, [s("ol", { staticClass: "pkt-breadcrumbs__list", class: {
+var p = function() {
+  var a = this, t = a._self._c;
+  return t("nav", { staticClass: "pkt-breadcrumbs", attrs: { "aria-label": "brødsmulemeny" } }, [t("ol", { staticClass: "pkt-breadcrumbs__list", class: {
     "pkt-button-col": a.expanded,
     "pkt-button-row": !a.expanded,
     expanded: a.expanded
-  } }, a._l(a.breadcrumbs, function(t, e) {
-    return s("li", { key: `breadcrumb-${e}`, staticClass: "pkt-breadcrumbs__item", attrs: { "aria-current": a.breadcrumbs.length === e + 1 } }, [e + 1 < a.breadcrumbs.length ? s("a", { staticClass: "pkt-breadcrumbs__label pkt-breadcrumbs__link pkt-no-underline", attrs: { href: t.href } }, [s("span", { staticClass: "pkt-breadcrumbs__icon" }, [s("pkt-icon", { staticClass: "pkt-breadcrumbs__icon-svg", attrs: { name: "chevron-left" } })], 1), s("span", { staticClass: "pkt-breadcrumbs__text" }, [a._v(a._s(t.text))])]) : s("span", { staticClass: "pkt-breadcrumbs__label", on: { click: function(m) {
+  } }, a._l(a.breadcrumbs, function(s, e) {
+    return t("li", { key: `breadcrumb-${e}`, staticClass: "pkt-breadcrumbs__item", attrs: { "aria-current": a.breadcrumbs.length === e + 1 } }, [e + 1 < a.breadcrumbs.length ? t("a", { staticClass: "pkt-breadcrumbs__label pkt-breadcrumbs__link pkt-no-underline", attrs: { href: s.href } }, [t("span", { staticClass: "pkt-breadcrumbs__icon" }, [t("pkt-icon", { staticClass: "pkt-breadcrumbs__icon-svg", attrs: { name: "chevron-left" } })], 1), t("span", { staticClass: "pkt-breadcrumbs__text" }, [a._v(a._s(s.text))])]) : t("span", { staticClass: "pkt-breadcrumbs__label", on: { click: function(i) {
       a.expanded = !a.expanded;
-    } } }, [s("span", { staticClass: "pkt-breadcrumbs__icon pkt-breadcrumbs__icon--current", class: { expanded: a.expanded } }, [s("pkt-icon", { staticClass: "pkt-breadcrumbs__icon-svg", attrs: { name: "chevron-left" } })], 1), s("span", { staticClass: "pkt-breadcrumbs__text" }, [a._v(a._s(t.text))])])]);
+    } } }, [t("span", { staticClass: "pkt-breadcrumbs__icon pkt-breadcrumbs__icon--current", class: { expanded: a.expanded } }, [t("pkt-icon", { staticClass: "pkt-breadcrumbs__icon-svg", attrs: { name: "chevron-left" } })], 1), t("span", { staticClass: "pkt-breadcrumbs__text" }, [a._v(a._s(s.text))])])]);
   }), 0)]);
-}, _ = [], p = /* @__PURE__ */ n(
+}, u = [], _ = /* @__PURE__ */ c(
   b,
+  p,
   u,
-  _,
   !1,
@@ -40,3 +41,3 @@ null,
 );
-const o = p.exports, i = {
+const o = _.exports, m = {
   install(r) {
@@ -46,6 +47,6 @@ d(r, o);
 };
-l(i);
+l(m);
 export {
   o as PktBreadcrumbs,
-  i as default
+  m as default
 };

dist/punkt-vue2-button.js

@@ -1,6 +0,7 @@
-import { n as a, I as s, u as i, a as r } from "./plugins-1c268205.js";
+import { I as a } from "./Icon-669470e2.js";
+import { n as s, u as i, a as r } from "./plugins-364dfcf9.js";
 const l = {
   name: "PktButton",
   components: {
-    PktIcon: s
+    PktIcon: a
   },
@@ -64,3 +65,3 @@ props: {
   })], 2), t.variant === "icons-right-and-left" ? e("pkt-icon", { staticClass: "pkt-btn__icon", attrs: { name: t.secondIconName } }) : t._e()], 1);
-}, c = [], u = /* @__PURE__ */ a(
+}, c = [], u = /* @__PURE__ */ s(
   l,
@@ -67,0 +68,0 @@ o,

dist/punkt-vue2-footer.js

@@ -1,6 +0,7 @@
-import { n as r, I as a, u as l, a as i } from "./plugins-1c268205.js";
+import { I as n } from "./Icon-669470e2.js";
+import { n as a, u as i, a as l } from "./plugins-364dfcf9.js";
 const _ = {
   name: "PktFooter",
   components: {
-    PktIcon: a
+    PktIcon: n
   },
@@ -17,6 +18,6 @@ props: {
   var s = this, t = s._self._c;
-  return t("footer", { staticClass: "pkt-footer", attrs: { "data-mode": "dark" } }, [t("div", { staticClass: "pkt-footer__container pkt-container" }, [t("ul", { staticClass: "pkt-footer__list" }, s._l(s.links, function(e, n) {
-    return t("li", { key: `links-${n}`, staticClass: "pkt-footer__list-item" }, [t("a", { staticClass: "pkt-footer__link", attrs: { href: e.href } }, [t("pkt-icon", { staticClass: "pkt-footer__link-icon", attrs: { name: "chevron-right" } }), s._v(" " + s._s(e.text) + " ")], 1)]);
+  return t("footer", { staticClass: "pkt-footer", attrs: { "data-mode": "dark" } }, [t("div", { staticClass: "pkt-footer__container pkt-container" }, [t("ul", { staticClass: "pkt-footer__list" }, s._l(s.links, function(r, e) {
+    return t("li", { key: `links-${e}`, staticClass: "pkt-footer__list-item" }, [t("a", { staticClass: "pkt-footer__link", attrs: { href: r.href } }, [t("pkt-icon", { staticClass: "pkt-footer__link-icon", attrs: { name: "chevron-right" } }), s._v(" " + s._s(r.text) + " ")], 1)]);
   }), 0)])]);
-}, f = [], k = /* @__PURE__ */ r(
+}, f = [], p = /* @__PURE__ */ a(
   _,
@@ -31,11 +32,11 @@ c,
 );
-const p = k.exports, u = {
+const k = p.exports, u = {
   install(o) {
-    i(o, p);
+    l(o, k);
   }
 };
-l(u);
+i(u);
 export {
-  p as PktFooter,
+  k as PktFooter,
   u as default
 };

dist/punkt-vue2-header.js

@@ -1,6 +0,7 @@
-import { n as s, I as i, u as o, a as r } from "./plugins-1c268205.js";
+import { I as s } from "./Icon-669470e2.js";
+import { n as i, u as o, a as r } from "./plugins-364dfcf9.js";
 const l = {
   name: "PktHeader",
   components: {
-    PktIcon: i
+    PktIcon: s
   },
@@ -44,3 +45,3 @@ props: {
   } } }, [e("pkt-icon", { staticClass: "pkt-btn__icon", attrs: { name: "user" } }), e("span", { staticClass: "pkt-btn__text" }, [t._v("Logg inn")])], 1) : t._e()])]);
-}, c = [], _ = /* @__PURE__ */ s(
+}, c = [], _ = /* @__PURE__ */ i(
   l,
@@ -47,0 +48,0 @@ p,

dist/punkt-vue2-icon.js

@@ -1,11 +0,12 @@
-import { u as a, a as o, I as t } from "./plugins-1c268205.js";
+import { I as s } from "./Icon-669470e2.js";
+import { u as t, a } from "./plugins-364dfcf9.js";
 const n = {
-  install(s) {
-    o(s, t);
+  install(o) {
+    a(o, s);
   }
 };
-a(n);
+t(n);
 export {
-  t as PktIcon,
+  s as PktIcon,
   n as default
 };

dist/punkt-vue2-index.js

@@ -8,10 +8,11 @@ import e from "./punkt-vue2-alert.js";
 import i from "./punkt-vue2-button.js";
-import { PktButton as O } from "./punkt-vue2-button.js";
+import { PktButton as M } from "./punkt-vue2-button.js";
 import a from "./punkt-vue2-footer.js";
-import { PktFooter as v } from "./punkt-vue2-footer.js";
+import { PktFooter as S } from "./punkt-vue2-footer.js";
 import s from "./punkt-vue2-header.js";
-import { PktHeader as K } from "./punkt-vue2-header.js";
-import u from "./punkt-vue2-icon.js";
-import { u as p, r as l } from "./plugins-1c268205.js";
-import { I as T } from "./plugins-1c268205.js";
+import { PktHeader as z } from "./punkt-vue2-header.js";
+import p from "./punkt-vue2-icon.js";
+import { u, r as f } from "./plugins-364dfcf9.js";
+import { PktMessagebox as T } from "./punkt-vue2-messagebox.js";
+import { I as q } from "./Icon-669470e2.js";
 const o = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
@@ -25,10 +26,10 @@ __proto__: null,
   Header: s,
-  Icon: u
-}, Symbol.toStringTag, { value: "Module" })), f = {
+  Icon: p
+}, Symbol.toStringTag, { value: "Module" })), l = {
   install(r, P = {}) {
     for (const t in o)
-      l(r, o[t]);
+      f(r, o[t]);
   }
 };
-p(f);
+u(l);
 export {
@@ -41,11 +42,12 @@ e as Alert,
   s as Header,
-  u as Icon,
+  p as Icon,
   y as PktAlert,
   F as PktBackLink,
   L as PktBreadcrumbs,
-  O as PktButton,
-  v as PktFooter,
-  K as PktHeader,
-  T as PktIcon,
-  f as default
+  M as PktButton,
+  S as PktFooter,
+  z as PktHeader,
+  q as PktIcon,
+  T as PktMessagebox,
+  l as default
 };

package.json

 {
   "name": "@oslokommune/punkt-vue2",
-  "version": "3.0.2",
+  "version": "3.1.0",
   "description": "Vue2 komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
@@ -30,3 +30,3 @@ "homepage": "https://punkt.oslo.kommune.no",
     "@oslokommune/punkt-assets": "^3.0.0",
-    "@oslokommune/punkt-css": "^3.0.2",
+    "@oslokommune/punkt-css": "^3.1.0",
     "@vitejs/plugin-vue2": "^2.2.0",
@@ -69,3 +69,3 @@ "edit-json-file": "^1.7.0",
   "license": "MIT",
-  "gitHead": "f524e3e0014929ad7f9034afdd9a3fda050673c6"
+  "gitHead": "e8a68839a8245533f54e85ccecf6f81ed489fd48"
 }

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

Improved metrics

Total package byte prevSize

59882

increased by6.09%

Number of package files

36

increased by16.13%

Lines of code

625

increased by11.41%

Worsened metrics

Number of low quality alerts

10

increased by25%

No dependency changes