@oslokommune/punkt-vue - npm Package Compare versions

Comparing version 11.2.2 to 11.3.0

CHANGELOG.md

@@ -8,2 +8,31 @@ # Changelog
 
+## [11.3.0](https://github.com/oslokommune/punkt/compare/11.2.2...11.3.0) (2024-01-26)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+* new variant "compact" of Alert and Messagebox (#1438). * feat(css,docs): compact/slim alert
+  
+  - Oppdaterer local dev eksempel med slim/kompakt
+  - Justerer css for 'lukk'-knapp i slim versjon av alert
+  - Legg til slim alert i kode dokumentasjonen
+  
+  * feat(docs,css):  slim->compact, messagebox
+  
+  - Lagt inn MessageBox slim kode i css
+  - Lagt inn eksempel i dev pure css & html
+  - Endre fra slim til compact (da det er denne betegnelsen vi bruker i docs og høres litt finere ut)
+  - Legg til compact props i react, vue og vue2 komponenten og oppdater dev eksempel
+
+
+### Bug Fixes
+Ingen
+
+### Chores
+Ingen
+
+---
+
+
 ## [11.2.0](https://github.com/oslokommune/punkt/compare/11.1.1...11.2.0) (2024-01-25)
@@ -10,0 +39,0 @@

dist/punkt-vue-alert.js

@@ -1,2 +0,2 @@
-import { P as o } from "./Alert-eoZOqLMh.js";
+import { P as o } from "./Alert-vdgjfN8U.js";
 import { u as r, a as s } from "./plugins-IeJb3XDX.js";
@@ -3,0 +3,0 @@ import "./Icon-s3ZNrtl-.js";

dist/punkt-vue-index.js

@@ -33,6 +33,6 @@ import e from "./punkt-vue-alert.js";
 import { u as T, r as B } from "./plugins-IeJb3XDX.js";
-import { P as $o } from "./Alert-eoZOqLMh.js";
+import { P as $o } from "./Alert-vdgjfN8U.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 { P as Lo } from "./InputWrapper-0bqUciYi.js";
 import { T as Mo } from "./Tag-Tuksu2Zp.js";
@@ -39,0 +39,0 @@ import "vue";

dist/punkt-vue-inputwrapper.js

@@ -1,4 +0,4 @@
-import { P as r } from "./InputWrapper--d9sdKAg.js";
+import { P as r } from "./InputWrapper-0bqUciYi.js";
 import { u as o, a as p } from "./plugins-IeJb3XDX.js";
-import "./Alert-eoZOqLMh.js";
+import "./Alert-vdgjfN8U.js";
 import "./Icon-s3ZNrtl-.js";
@@ -5,0 +5,0 @@ import "vue";

dist/punkt-vue-messagebox.js

@@ -1,4 +0,4 @@
-import { openBlock as o, createElementBlock as n, normalizeClass as r, createElementVNode as s, toDisplayString as i, renderSlot as l } from "vue";
-import { _ as c, u as d, a as p } from "./plugins-IeJb3XDX.js";
-const _ = {
+import { openBlock as o, createElementBlock as n, normalizeClass as r, createElementVNode as s, toDisplayString as l, renderSlot as i } from "vue";
+import { _ as c, u as p, a as d } from "./plugins-IeJb3XDX.js";
+const m = {
   name: "PktMessagebox",
@@ -16,2 +16,6 @@ props: {
       default: ""
+    },
+    compact: {
+      type: Boolean,
+      default: !1
     }
@@ -24,22 +28,22 @@ },
   }
-}, g = { class: "pkt-messagebox__title" }, m = { class: "pkt-messagebox__text" };
-function u(e, f, t, x, h, a) {
+}, u = { class: "pkt-messagebox__title" }, g = { class: "pkt-messagebox__text" };
+function _(e, b, t, x, h, a) {
   return o(), n("div", {
-    class: r(["pkt-messagebox", a.skinClass])
+    class: r({ "pkt-messagebox": !0, [a.skinClass]: !0, "pkt-messagebox--compact": t.compact })
   }, [
-    s("div", g, i(t.title), 1),
-    s("div", m, [
-      l(e.$slots, "default")
+    s("div", u, l(t.title), 1),
+    s("div", g, [
+      i(e.$slots, "default")
     ])
   ], 2);
 }
-const k = /* @__PURE__ */ c(_, [["render", u]]), b = {
+const k = /* @__PURE__ */ c(m, [["render", _]]), f = {
   install(e) {
-    p(e, k);
+    d(e, k);
   }
 };
-d(b);
+p(f);
 export {
   k as PktMessagebox,
-  b as default
+  f as default
 };

dist/punkt-vue-select.js

 import { P as d } from "./Icon-s3ZNrtl-.js";
-import { P as o } from "./Alert-eoZOqLMh.js";
+import { P as o } from "./Alert-vdgjfN8U.js";
 import { P as n } from "./Button-oFCw2kbo.js";
-import { P as u } from "./InputWrapper--d9sdKAg.js";
+import { P as u } from "./InputWrapper-0bqUciYi.js";
 import { resolveComponent as s, openBlock as p, createBlock as f, withCtx as g, createElementVNode as m, mergeProps as b, renderSlot as y } from "vue";
@@ -6,0 +6,0 @@ import { _ as q, u as h, a as x } from "./plugins-IeJb3XDX.js";

dist/punkt-vue-textarea.js

 import { P as m } from "./Icon-s3ZNrtl-.js";
-import { P as p } from "./Alert-eoZOqLMh.js";
+import { P as p } from "./Alert-vdgjfN8U.js";
 import { P as y } from "./Button-oFCw2kbo.js";
-import { P as c } from "./InputWrapper--d9sdKAg.js";
+import { P as c } from "./InputWrapper-0bqUciYi.js";
 import { resolveComponent as h, openBlock as l, createBlock as x, withCtx as b, createElementVNode as q, mergeProps as T, createElementBlock as n, createTextVNode as o, toDisplayString as d, Fragment as k, createCommentVNode as u } from "vue";
@@ -6,0 +6,0 @@ import { _ as B, u as w, a as P } from "./plugins-IeJb3XDX.js";

dist/punkt-vue-textinput.js

 import { P as m } from "./Icon-s3ZNrtl-.js";
-import { P as g } from "./Alert-eoZOqLMh.js";
-import { P as h } from "./InputWrapper--d9sdKAg.js";
+import { P as g } from "./Alert-vdgjfN8U.js";
+import { P as h } from "./InputWrapper-0bqUciYi.js";
 import { resolveComponent as u, openBlock as t, createBlock as r, withCtx as y, createElementVNode as s, createElementBlock as f, toDisplayString as p, createCommentVNode as o, mergeProps as x, createTextVNode as b } from "vue";
@@ -5,0 +5,0 @@ import { _ as q, u as k, a as S } from "./plugins-IeJb3XDX.js";

package.json

 {
   "name": "@oslokommune/punkt-vue",
-  "version": "11.2.2",
+  "version": "11.3.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.2.2",
+    "@oslokommune/punkt-css": "^11.3.0",
     "@vitejs/plugin-vue": "^4.5.2",
@@ -69,3 +69,3 @@ "edit-json-file": "^1.7.0",
   "license": "MIT",
-  "gitHead": "774e405fe043821677feddd5ad6bdeeefd2d6cdb"
+  "gitHead": "14f97a3b27054b3ef5b50b800e49c039e2b2be23"
 }

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 1 instance 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

243008

increased by0.47%

Lines of code

3050

increased by0.13%

No dependency changes