@oslokommune/punkt-vue2
Advanced tools
Comparing version 9.5.4 to 11.0.0
@@ -8,2 +8,24 @@ # Changelog | ||
## [11.0.0](https://github.com/oslokommune/punkt/compare/10.0.0...11.0.0) (2023-12-20) | ||
### ⚠ BREAKING CHANGES | ||
Ingen | ||
### Features | ||
Ingen | ||
### Bug Fixes | ||
* Oppdater node- og vite-versjoner, samt litt feilretting (#1376). | ||
* Tving publisering etter feilet bygg. | ||
### Chores | ||
* Legg til vue i allowedScopes (#1373). * Legg til vue i allowedScopes | ||
* Prøver igjen å tvinge bygget (#1372). | ||
* Tving publisering etter feilet bygg (#1370). | ||
--- | ||
## [9.5.0](https://github.com/oslokommune/punkt/compare/9.4.1...9.5.0) (2023-11-29) | ||
@@ -10,0 +32,0 @@ |
@@ -9,3 +9,3 @@ ## Hvordan bidra - Vue2 ⭐ | ||
- nodejs 16.15 | ||
- nodejs 18.19 | ||
- Kunnskap om [Sass (SCSS)](https://sass-lang.com/) og [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS). | ||
@@ -12,0 +12,0 @@ - Forståelse av [BEM-navnekonvensjoner](http://getbem.com/) som designsystemet følger. |
@@ -10,3 +10,3 @@ import { n as o } from "./plugins-364dfcf9.js"; | ||
return { | ||
defaultSvgPath: "https://punkt-cdn.oslo.kommune.no/9.5/icons/", | ||
defaultSvgPath: "https://punkt-cdn.oslo.kommune.no/11.0/icons/", | ||
innerHtml: "" | ||
@@ -13,0 +13,0 @@ }; |
@@ -120,3 +120,3 @@ import { P as k } from "./Icon-3bd5196b.js"; | ||
"pkt-header--hidden": t.hidden | ||
}, attrs: { id: "pkt-header", "aria-label": "Topp" } }, [e("div", { staticClass: "pkt-header__logo" }, [typeof t.logoLink == "string" ? [e("a", { staticClass: "pkt-header__logo-link", attrs: { "aria-label": "Tilbake til forside", href: t.logoLink } }, [e("PktIcon", { staticClass: "pkt-header__logo-svg", attrs: { name: "oslologo", "aria-hidden": "true", path: "https://punkt-cdn.oslo.kommune.no/9.5/logos/" } })], 1)] : [e("button", { staticClass: "pkt-link-button pkt-link pkt-header__logo-link", attrs: { "aria-label": "Tilbake til forside" }, on: { click: t.logoLink } }, [e("PktIcon", { staticClass: "pkt-header__logo-svg", attrs: { name: "oslologo", "aria-hidden": "true", path: "https://punkt-cdn.oslo.kommune.no/9.5/logos/" } })], 1)], t.serviceName ? e("span", { staticClass: "pkt-header__logo-service" }, [t._v(t._s(t.serviceName))]) : t._e()], 2), e("nav", { staticClass: "pkt-header__actions" }, [e("ul", { staticClass: "pkt-header__actions-row" }, [t.showMenuButton ? e("li", [e("PktButton", { staticClass: "pkt-header__menu-btn", attrs: { skin: "secondary", variant: "icon-right", iconName: "menu" }, on: { onClick: function(s) { | ||
}, attrs: { id: "pkt-header", "aria-label": "Topp" } }, [e("div", { staticClass: "pkt-header__logo" }, [typeof t.logoLink == "string" ? [e("a", { staticClass: "pkt-header__logo-link", attrs: { "aria-label": "Tilbake til forside", href: t.logoLink } }, [e("PktIcon", { staticClass: "pkt-header__logo-svg", attrs: { name: "oslologo", "aria-hidden": "true", path: "https://punkt-cdn.oslo.kommune.no/11.0/logos/" } })], 1)] : [e("button", { staticClass: "pkt-link-button pkt-link pkt-header__logo-link", attrs: { "aria-label": "Tilbake til forside" }, on: { click: t.logoLink } }, [e("PktIcon", { staticClass: "pkt-header__logo-svg", attrs: { name: "oslologo", "aria-hidden": "true", path: "https://punkt-cdn.oslo.kommune.no/11.0/logos/" } })], 1)], t.serviceName ? e("span", { staticClass: "pkt-header__logo-service" }, [t._v(t._s(t.serviceName))]) : t._e()], 2), e("nav", { staticClass: "pkt-header__actions" }, [e("ul", { staticClass: "pkt-header__actions-row" }, [t.showMenuButton ? e("li", [e("PktButton", { staticClass: "pkt-header__menu-btn", attrs: { skin: "secondary", variant: "icon-right", iconName: "menu" }, on: { onClick: function(s) { | ||
return t.$emit("openMenu"); | ||
@@ -123,0 +123,0 @@ } } }, [t._v("Meny")])], 1) : t._e(), t.user || t.representing ? e("li", { ref: "userMenu", staticClass: "pkt-header--has-dropdown", class: { "pkt-header--open-dropdown": t.userMenuOpen } }, [e("button", { staticClass: "pkt-header__user-btn pkt-btn pkt-btn--secondary pkt-btn--icons-right-and-left", attrs: { type: "button", "aria-controls": "pktUserDropdown", "aria-expanded": t.userMenuOpen }, on: { click: t.openUserMenu } }, [e("PktIcon", { staticClass: "pkt-btn__icon", attrs: { name: "user" } }), (r = t.representing) != null && r.name || (o = t.user) != null && o.name ? e("span", { staticClass: "pkt-header__user-fullname pkt-btn__text" }, [t._v(t._s(((i = t.representing) == null ? void 0 : i.name) || ((l = t.user) == null ? void 0 : l.name)))]) : t._e(), (u = t.representing) != null && u.shortname || (c = t.user) != null && c.shortname ? e("span", { staticClass: "pkt-header__user-shortname pkt-btn__text" }, [t._v(t._s(((p = t.representing) == null ? void 0 : p.shortname) || ((_ = t.user) == null ? void 0 : _.shortname)))]) : t._e(), e("PktIcon", { staticClass: "pkt-btn--closed", attrs: { name: "chevron-thin-down" } }), e("PktIcon", { staticClass: "pkt-btn--open", attrs: { name: "chevron-thin-up" } })], 1), e("ul", { staticClass: "pkt-header__dropdown pkt-user-menu", attrs: { id: "pktUserDropdown" } }, [t.user ? e("li", [e("div", { staticClass: "pkt-user-menu__label" }, [t._v("Pålogget som")]), e("div", { staticClass: "pkt-user-menu__name" }, [t._v(t._s(t.user.name))]), t.user.lastLoggedIn ? e("div", { staticClass: "pkt-user-menu__last-logged-in" }, [t._v(" Sist pålogget: "), e("time", [t._v(t._s(t.lastLoggedIn))])]) : t._e()]) : t._e(), t.userMenu ? e("li", [e("ul", { staticClass: "pkt-list" }, t._l(t.userMenu, function(s, a) { |
{ | ||
"name": "@oslokommune/punkt-vue2", | ||
"version": "9.5.4", | ||
"version": "11.0.0", | ||
"description": "Vue2 komponentbibliotek til Punkt, et designsystem laget av Oslo Origo", | ||
@@ -29,8 +29,8 @@ "homepage": "https://punkt.oslo.kommune.no", | ||
"devDependencies": { | ||
"@oslokommune/punkt-assets": "^9.5.3", | ||
"@oslokommune/punkt-css": "^9.5.4", | ||
"@oslokommune/punkt-assets": "^11.0.0", | ||
"@oslokommune/punkt-css": "^11.0.0", | ||
"@vitejs/plugin-vue2": "^2.2.0", | ||
"edit-json-file": "^1.7.0", | ||
"sass": "^1.63.6", | ||
"vite": "^4.4.3", | ||
"vite": "^4.4.12", | ||
"vue": "^2.7.14", | ||
@@ -69,3 +69,3 @@ "vue-router": "^3.5.4" | ||
"license": "MIT", | ||
"gitHead": "cca44afdb59aedce5385dba04f9bf27eec8f05e0" | ||
"gitHead": "bbfa8ce736348b9729d8a8e7269221e3fc2d4c8c" | ||
} |
@@ -5,10 +5,11 @@ ## Bruk av punkt-vue2 | ||
Dette repoet inneholder Punkt sine UI-komponenter for Vue 2.6+. Vue 3 støttes ikke på dette | ||
tidspunktet. Komponentene er laget for å fungere sammen med `@oslokommune/punkt-assets` og `@oslokommune/punkt-css`. | ||
Dette repoet inneholder Punkt sine UI-komponenter for Vue 2.6+. Vue 3 finner du i pakken som heter "punkt-vue". Komponentene er laget for å fungere sammen med `@oslokommune/punkt-assets` og `@oslokommune/punkt-css`. | ||
Se punkt-vue2 i bruk i en [Vite-app med vue2-plugin](https://stackblitz.com/edit/vitejs-vite-cvnmev?file=src/main.js) | ||
## 📝 Forutsetninger | ||
Peer dependencies: | ||
- nodejs `16.15` | ||
Peer dependencies: | ||
- nodejs `18.19` | ||
- vue `>= 2.6.12 < 3.0.0` | ||
@@ -32,15 +33,14 @@ - @oslokommune/punkt-assets `>= 1.0` | ||
Velg å installere hele bundlen */ | ||
import Vue from 'vue'; | ||
import PktVue from '@oslokommune/punkt-vue2'; | ||
import Vue from 'vue' | ||
import PktVue from '@oslokommune/punkt-vue2' | ||
Vue.use(PktVue); | ||
Vue.use(PktVue) | ||
/* eller kun individuelle komponenter (med ikoner)*/ | ||
import Vue from 'vue'; | ||
import { PktHeader, PktFooter, PktIcon } from '@oslokommune/punkt-vue2'; | ||
import Vue from 'vue' | ||
import { PktHeader, PktFooter, PktIcon } from '@oslokommune/punkt-vue2' | ||
Vue.component("pkt-header", PktHeader); | ||
Vue.component("pkt-footer", PktFooter); | ||
Vue.component("pkt-icon", PktIcon); | ||
Vue.component('pkt-header', PktHeader) | ||
Vue.component('pkt-footer', PktFooter) | ||
Vue.component('pkt-icon', PktIcon) | ||
``` | ||
@@ -57,12 +57,14 @@ | ||
## 🧩 Komponentbiblioteket | ||
## 🧩 Komponentbiblioteket | ||
For beskrivelse av hvordan ta i bruk hver enkelt komponent se [om komponenter](/komponenter/om-komponenter). | ||
## 🔢 Versjonering | ||
Punkt bruker [Semantic Versioning 2.0.0](https://semver.org/spec/v2.0.0.html) for versjonering av pakkene. | ||
## 👮 Lisens | ||
`Punkt` er distribuert under [MIT-lisens](https://github.com/oslokommune/punkt/blob/main/packages/vue2/LICENSE) for åpen kildekode. | ||
![NPM License](https://img.shields.io/npm/l/@oslokommune/punkt-vue2?style=for-the-badge) |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
208907
68