@oslokommune/punkt-elements - npm Package Compare versions

Comparing version 12.12.4 to 12.13.0

dist/index.d.ts

@@ -18,2 +18,11 @@ import { LitElement } from 'lit';
 
+declare interface IPktLinkCard {
+    title?: string;
+    href?: string;
+    iconName?: string;
+    external?: boolean;
+    openInNewTab?: boolean;
+    skin?: LinkCardSkin;
+}
+
 declare interface IPktModal {
@@ -37,2 +46,4 @@ headingText?: string;
 
+declare type LinkCardSkin = 'normal' | 'blue' | 'beige' | 'green' | 'gray' | 'beige-outline' | 'gray-outline';
+
 declare type MessageboxSkin = 'beige' | 'blue' | 'red' | 'green';
@@ -387,2 +398,14 @@
 
+export declare class PktLinkCard extends PktElement implements IPktLinkCard {
+    defaultSlot: Ref<HTMLElement>;
+    title: string;
+    href: string;
+    iconName: string;
+    external: boolean;
+    openInNewTab: boolean;
+    skin: LinkCardSkin;
+    constructor();
+    render(): TemplateResult<1>;
+}
+
 export declare class PktMessagebox extends PktElement {
@@ -389,0 +412,0 @@ defaultSlot: Ref<HTMLElement>;

dist/pkt-index.js

 import { PktAlert as o } from "./pkt-alert.js";
 import { P as p } from "./index-DX_ADdmh.js";
 import { PktCard as k } from "./pkt-card.js";
-import { PktComponent as m } from "./pkt-component-template.js";
+import { PktComponent as a } from "./pkt-component-template.js";
 import { PktDatepicker as f } from "./pkt-datepicker.js";
 import { P as s } from "./helptext-CgkMKrJP.js";
-import { P as d } from "./index-CSOOyHCM.js";
-import { PktInputWrapper as c } from "./pkt-input-wrapper.js";
-import { PktLink as i } from "./pkt-link.js";
-import { PktMessagebox as M } from "./pkt-messagebox.js";
-import { P as u } from "./modal-BfM1Nbwy.js";
-import { PktTag as D } from "./pkt-tag.js";
+import { P as l } from "./index-CSOOyHCM.js";
+import { PktInputWrapper as i } from "./pkt-input-wrapper.js";
+import { PktLink as g } from "./pkt-link.js";
+import { P as L } from "./linkcard-BQh5exrq.js";
+import { PktMessagebox as b } from "./pkt-messagebox.js";
+import { P as A } from "./modal-BfM1Nbwy.js";
+import { PktTag as H } from "./pkt-tag.js";
 export {
@@ -17,11 +18,12 @@ o as PktAlert,
   k as PktCard,
-  m as PktComponent,
+  a as PktComponent,
   f as PktDatepicker,
   s as PktHelptext,
-  d as PktIcon,
-  c as PktInputWrapper,
-  i as PktLink,
-  M as PktMessagebox,
-  u as PktModal,
-  D as PktTag
+  l as PktIcon,
+  i as PktInputWrapper,
+  g as PktLink,
+  L as PktLinkCard,
+  b as PktMessagebox,
+  A as PktModal,
+  H as PktTag
 };

package.json

 {
   "name": "@oslokommune/punkt-elements",
-  "version": "12.12.4",
+  "version": "12.13.0",
   "description": "Komponentbiblioteket til Punkt, et designsystem laget av Oslo Origo",
@@ -32,3 +32,3 @@ "homepage": "https://punkt.oslo.kommune.no",
     "@oslokommune/punkt-assets": "^12.7.3",
-    "@oslokommune/punkt-css": "^12.12.4",
+    "@oslokommune/punkt-css": "^12.13.0",
     "sass": "^1.78.0",
@@ -60,3 +60,3 @@ "typescript": "^5.6.2",
   "license": "MIT",
-  "gitHead": "4bcea517f67a8684e49cc6d8a1c1e87231b933c0"
+  "gitHead": "fafdb670e002cbf94fd34acc45dd066344695816"
 }

src/components/index.ts

@@ -10,4 +10,5 @@ export { PktAlert } from './alert'
 export { PktLink } from './link'
+export { PktLinkCard } from './linkcard'
 export { PktMessagebox } from './messagebox'
 export { PktModal } from './modal'
 export { PktTag } from './tag'

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

Improved metrics

Total package byte prevSize

410656

1.76%

Number of package files

86

8.86%

Lines of code

9349

1.84%

Worsened metrics

Number of low quality alerts

17

6.25%

No dependency changes