@oslokommune/punkt-vue2 - npm Package Compare versions

Comparing version 4.2.0 to 4.2.1

CHANGELOG.md

@@ -8,2 +8,21 @@ # Changelog
 
+## [4.3.0](https://github.com/oslokommune/punkt/compare/4.2.0...4.3.0) (2023-05-23)
+
+### ⚠ BREAKING CHANGES
+Ingen
+
+### Features
+Ingen
+
+### Bug Fixes
+* Legg til type i PktButton slik at skjema ikke sendes inn … (#875). * fix(vue2,react): Legg til type i PktButton slik at skjema ikke sendes inn av en vanlig knapp
+  * fix(vue2,react): type="button" på lukkeknappen i PktAlert
+
+
+### Chores
+Ingen
+
+---
+
+
 ## [4.2.0](https://github.com/oslokommune/punkt/compare/4.1.0...4.2.0) (2023-05-16)
@@ -10,0 +29,0 @@

dist/punkt-vue2-alert.js

@@ -58,6 +58,6 @@ import { P as n } from "./Icon-f8e48d58.js";
   var t = this, e = t._self._c;
-  return e("div", { directives: [{ name: "show", rawName: "v-show", value: t.open, expression: "open" }], staticClass: "pkt-alert", class: t.skinClass, attrs: { "aria-live": t.ariaLive } }, [e("div", { staticClass: "pkt-alert__icon" }, [e("pkt-icon", { attrs: { name: t.iconName } })], 1), t.closeAlert ? e("div", { staticClass: "pkt-alert__close" }, [e("button", { staticClass: "pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only", attrs: { role: "button", tabindex: "0", "aria-label": "close" }, on: { keyup: function(a) {
+  return e("div", { directives: [{ name: "show", rawName: "v-show", value: t.open, expression: "open" }], staticClass: "pkt-alert", class: t.skinClass, attrs: { "aria-live": t.ariaLive } }, [e("div", { staticClass: "pkt-alert__icon" }, [e("pkt-icon", { attrs: { name: t.iconName } })], 1), t.closeAlert ? e("div", { staticClass: "pkt-alert__close" }, [e("button", { staticClass: "pkt-btn pkt-btn--tertiary pkt-btn--small pkt-btn--icon-only", attrs: { type: "button", role: "button", tabindex: "0", "aria-label": "close" }, on: { keyup: function(a) {
     return !a.type.indexOf("key") && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.close.apply(null, arguments);
   }, 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__ */ l(
+}, p = [], u = /* @__PURE__ */ l(
   o,
@@ -72,5 +72,5 @@ c,
 );
-const u = d.exports, _ = {
+const d = u.exports, _ = {
   install(s) {
-    r(s, u);
+    r(s, d);
   }
@@ -80,4 +80,4 @@ };
 export {
-  u as PktAlert,
+  d as PktAlert,
   _ as default
 };

dist/punkt-vue2-button.js

@@ -1,7 +0,7 @@
-import { P as a } from "./Icon-f8e48d58.js";
-import { n as s, u as i, a as r } from "./plugins-364dfcf9.js";
-const l = {
+import { P as s } from "./Icon-f8e48d58.js";
+import { n as i, u as r, a as l } from "./plugins-364dfcf9.js";
+const o = {
   name: "PktButton",
   components: {
-    PktIcon: a
+    PktIcon: s
   },
@@ -27,3 +27,3 @@ props: {
       default: "medium",
-      validator: (n) => ["small", "medium", "large"].includes(n)
+      validator: (e) => ["small", "medium", "large"].includes(e)
     },
@@ -33,3 +33,3 @@ skin: {
       default: "primary",
-      validator: (n) => ["primary", "secondary", "tertiary"].includes(n)
+      validator: (e) => ["primary", "secondary", "tertiary"].includes(e)
     },
@@ -45,3 +45,8 @@ // Text will get overwritten by "slot" if we have any DOM children in the button element
       default: "label-only",
-      validator: (n) => ["label-only", "icon-left", "icon-right", "icon-only", "icons-right-and-left"].includes(n)
+      validator: (e) => ["label-only", "icon-left", "icon-right", "icon-only", "icons-right-and-left"].includes(e)
+    },
+    type: {
+      type: String,
+      default: "button",
+      validator: (e) => ["button", "submit", "reset"].includes(e)
     }
@@ -61,12 +66,14 @@ },
 };
-var o = function() {
-  var t = this, e = t._self._c;
-  return e("button", { staticClass: "pkt-btn", class: [t.skinClass, t.sizeClass, t.variantClass], attrs: { disabled: t.disabled }, on: { click: function(m) {
+var u = function() {
+  var t = this, n = t._self._c;
+  return n("button", { staticClass: "pkt-btn", class: [t.skinClass, t.sizeClass, t.variantClass], attrs: { type: t.type, disabled: t.disabled }, on: { click: function(a) {
     return t.$emit("onClick");
-  } } }, [e("pkt-icon", { staticClass: "pkt-btn__icon", attrs: { name: t.iconName } }), e("span", { staticClass: "pkt-btn__text" }, [t._t("default", function() {
+  }, keyup: function(a) {
+    return !a.type.indexOf("key") && t._k(a.keyCode, "enter", 13, a.key, "Enter") ? null : t.$emit("onClick");
+  } } }, [n("pkt-icon", { staticClass: "pkt-btn__icon", attrs: { name: t.iconName } }), n("span", { staticClass: "pkt-btn__text" }, [t._t("default", function() {
     return [t._v(t._s(t.text))];
-  })], 2), t.variant === "icons-right-and-left" ? e("pkt-icon", { staticClass: "pkt-btn__icon", attrs: { name: t.secondIconName } }) : t._e()], 1);
-}, c = [], u = /* @__PURE__ */ s(
-  l,
+  })], 2), t.variant === "icons-right-and-left" ? n("pkt-icon", { staticClass: "pkt-btn__icon", attrs: { name: t.secondIconName } }) : t._e()], 1);
+}, c = [], d = /* @__PURE__ */ i(
   o,
+  u,
   c,
@@ -79,11 +86,11 @@ !1,
 );
-const d = u.exports, p = {
-  install(n) {
-    r(n, d);
+const p = d.exports, m = {
+  install(e) {
+    l(e, p);
   }
 };
-i(p);
+r(m);
 export {
-  d as PktButton,
-  p as default
+  p as PktButton,
+  m as default
 };

package.json

 {
   "name": "@oslokommune/punkt-vue2",
-  "version": "4.2.0",
+  "version": "4.2.1",
   "description": "Vue2 komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
@@ -68,3 +68,3 @@ "homepage": "https://punkt.oslo.kommune.no",
   "license": "MIT",
-  "gitHead": "b67d6eaf9f87d90d13820dd1dffb534996995265"
+  "gitHead": "8e4ba5f90021ff42fbe941c4726ecb58563fed27"
 }

No alert changes

Improved metrics

Total package byte prevSize

86449

increased by1.37%

Lines of code

797

increased by1.01%

No dependency changes