@oslokommune/punkt-vue - npm Package Compare versions

Comparing version 12.8.2 to 12.9.0

CHANGELOG.md

@@ -8,2 +8,19 @@ # Changelog
 
+## [12.9.0](https://github.com/oslokommune/punkt/compare/12.8.2...12.9.0) (2024-11-21)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [12.8.2](https://github.com/oslokommune/punkt/compare/12.8.1...12.8.2) (2024-11-21)
@@ -10,0 +27,0 @@

dist/Button-BlX9N6dr.js

@@ -123,3 +123,3 @@ import { P as d } from "./Icon-DdXdUxP2.js";
       name: "spinner-blue",
-      path: "https://punkt-cdn.oslo.kommune.no/12.8/animations/"
+      path: "https://punkt-cdn.oslo.kommune.no/12.9/animations/"
     })) : l("", !0),
@@ -126,0 +126,0 @@ e.variant !== "label-only" ? (s(), a(i, {

dist/punkt-vue-header.js

@@ -162,3 +162,3 @@ import { P as S } from "./Icon-DdXdUxP2.js";
           "aria-hidden": "true",
-          path: "https://punkt-cdn.oslo.kommune.no/12.8/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/12.9/logos/"
         })
@@ -175,3 +175,3 @@ ], 8, F)) : (t(), o("button", {
           "aria-hidden": "true",
-          path: "https://punkt-cdn.oslo.kommune.no/12.8/logos/"
+          path: "https://punkt-cdn.oslo.kommune.no/12.9/logos/"
         })
@@ -178,0 +178,0 @@ ])),

dist/punkt-vue-loader.js

@@ -51,3 +51,3 @@ import { toRefs as u, ref as m, openBlock as t, createElementBlock as l, normalizeClass as n, Fragment as c, unref as p, createVNode as g, toDisplayString as f, createCommentVNode as r, renderSlot as k } from "vue";
             "aria-label": "loading",
-            path: "https://punkt-cdn.oslo.kommune.no/12.8/animations/",
+            path: "https://punkt-cdn.oslo.kommune.no/12.9/animations/",
             class: n(`pkt-loader__svg pkt-loader__${e.variant}`)
@@ -54,0 +54,0 @@ }, null, 8, ["name", "class"]),

dist/punkt-vue-stepper.js

@@ -1,4 +0,4 @@
-import { u as m, a as c } from "./plugins-DQVoaMd9.js";
-import { defineComponent as d, ref as v, computed as i, provide as k, openBlock as u, createElementBlock as _, normalizeClass as h, renderSlot as f, inject as g, createElementVNode as e, toDisplayString as S } from "vue";
-const w = /* @__PURE__ */ d({
+import { u as g, a as c } from "./plugins-DQVoaMd9.js";
+import { defineComponent as h, ref as w, computed as i, provide as d, openBlock as _, createElementBlock as f, normalizeClass as v, renderSlot as m, inject as u, createElementVNode as e, toDisplayString as C } from "vue";
+const N = /* @__PURE__ */ h({
   __name: "Stepper",
@@ -8,6 +8,7 @@ props: {
     hideNonActiveStepsContent: { type: Boolean, default: !0 },
+    hideNonActiveSteps: { type: Boolean, default: !1 },
     orientation: { default: "vertical" }
   },
   setup(s) {
-    const t = s, l = v(null), p = i(() => [
+    const t = s, l = w(null), p = i(() => [
       t.className,
@@ -17,11 +18,11 @@ "pkt-stepper",
     ].filter(Boolean).join(" "));
-    return k("hideNonActiveStepsContent", t.hideNonActiveStepsContent), (o, r) => (u(), _("ol", {
-      class: h(p.value),
+    return d("hideNonActiveStepsContent", t.hideNonActiveStepsContent), d("hideNonActiveSteps", t.hideNonActiveSteps), (o, r) => (_(), f("ol", {
+      class: v(p.value),
       ref_key: "stepperRef",
       ref: l
     }, [
-      f(o.$slots, "default")
+      m(o.$slots, "default")
     ], 2));
   }
-}), C = ["innerHTML"], y = { class: "pkt-step__wrapper" }, N = { class: "pkt-step__title" }, A = { class: "pkt-step__content" }, x = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="7" style="fill: var(--pkt-color-grays-grey-200, #CCC);" /></svg>', L = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle opacity=".15" cx="12" cy="12" r="12" fill="#2A2859" /><circle cx="12" cy="12" r="6" fill="#2A2859" /></svg>', z = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#2A2859" d="M3 3h18v18H3z" /><path d="m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z" fill="#F1FDFF" /></svg>', B = /* @__PURE__ */ d({
+}), A = ["innerHTML"], y = { class: "pkt-step__wrapper" }, x = { class: "pkt-step__title" }, B = { class: "pkt-step__content" }, H = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle cx="12" cy="12" r="7" style="fill: var(--pkt-color-grays-grey-200, #CCC);" /></svg>', L = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><circle opacity=".15" cx="12" cy="12" r="12" fill="#2A2859" /><circle cx="12" cy="12" r="6" fill="#2A2859" /></svg>', z = '<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none"><path fill="#2A2859" d="M3 3h18v18H3z" /><path d="m10.34 16-1.11-1.14L7 12.58l1.11-1.15 2.23 2.28L15.88 8 17 9.15l-5.55 5.71L10.34 16Z" fill="#F1FDFF" /></svg>', F = /* @__PURE__ */ h({
   __name: "Step",
@@ -34,8 +35,9 @@ props: {
   setup(s) {
-    const t = s, l = g("hideNonActiveStepsContent"), p = () => !!(l && t.status !== "current"), o = i(() => [
+    const t = s, l = u("hideNonActiveStepsContent"), p = () => !!(l && t.status !== "current"), o = u("hideNonActiveSteps"), r = () => !!(o && t.status !== "current"), S = i(() => [
       "pkt-step",
       t.className,
       `pkt-step--${t.status}`,
-      { "pkt-step--hidden": p() }
-    ]), r = i(() => {
+      { "pkt-step--hideContent": p() },
+      { "pkt-step--hideStep": r() }
+    ]), k = i(() => {
       switch (t.status) {
@@ -47,7 +49,7 @@ case "current":
         default:
-          return x;
+          return H;
       }
     });
-    return (a, n) => (u(), _("li", {
-      class: h(o.value),
+    return (a, n) => (_(), f("li", {
+      class: v(S.value),
       "data-testid": "pkt-step"
@@ -65,4 +67,4 @@ }, [
         class: "pkt-step__indicator",
-        innerHTML: r.value
-      }, null, 8, C),
+        innerHTML: k.value
+      }, null, 8, A),
       n[2] || (n[2] = e("span", {
@@ -73,5 +75,5 @@ class: "pkt-step__line pkt-step__line--3",
       e("div", y, [
-        e("div", N, S(a.title), 1),
-        e("div", A, [
-          f(a.$slots, "default")
+        e("div", x, C(a.title), 1),
+        e("div", B, [
+          m(a.$slots, "default")
         ])
@@ -81,12 +83,12 @@ ])
   }
-}), F = {
+}), G = {
   install(s) {
-    c(s, w), c(s, B);
+    c(s, N), c(s, F);
   }
 };
-m(F);
+g(G);
 export {
-  B as PktStep,
-  w as PktStepper,
-  F as default
+  F as PktStep,
+  N as PktStepper,
+  G as default
 };

package.json

 {
   "name": "@oslokommune/punkt-vue",
-  "version": "12.8.2",
+  "version": "12.9.0",
   "description": "Vue komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
@@ -30,4 +30,4 @@ "homepage": "https://punkt.oslo.kommune.no",
     "@oslokommune/punkt-assets": "^12.7.3",
-    "@oslokommune/punkt-css": "^12.8.1",
-    "@oslokommune/punkt-elements": "^12.8.1",
+    "@oslokommune/punkt-css": "^12.9.0",
+    "@oslokommune/punkt-elements": "^12.9.0",
     "@vitejs/plugin-vue": "^5.1.3",
@@ -71,3 +71,3 @@ "edit-json-file": "^1.8.0",
   "license": "MIT",
-  "gitHead": "84aeea8233478f53afa3eb4b2a326410bc42eb43"
+  "gitHead": "285ab0b5f51f8dd6d8b4cda6d5902e0bdc52f855"
 }

No alert changes

Improved metrics

Total package byte prevSize

308166

increased by0.31%

Lines of code

3693

increased by0.05%

No dependency changes