@oslokommune/punkt-react 14.1.0 → 14.2.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@oslokommune/punkt-react",
-  "version": "14.1.0",
+  "version": "14.2.0",
   "description": "React komponentbibliotek til Punkt, et designsystem laget av Oslo Origo",
   "homepage": "https://punkt.oslo.kommune.no",
   "author": "Team Designsystem, Oslo Origo",
@@ -39,15 +39,15 @@
   "dependencies": {
     "@lit-labs/ssr-dom-shim": "^1.2.1",
     "@lit/react": "^1.0.7",
-    "@oslokommune/punkt-elements": "^14.1.0",
+    "@oslokommune/punkt-elements": "^14.2.0",
     "classnames": "^2.5.1",
     "prettier": "^3.3.3",
     "react-hook-form": "^7.53.0"
   },
   "devDependencies": {
     "@babel/plugin-transform-private-property-in-object": "^7.25.9",
-    "@oslokommune/punkt-assets": "^14.0.4",
-    "@oslokommune/punkt-css": "^14.0.4",
+    "@oslokommune/punkt-assets": "^14.1.1",
+    "@oslokommune/punkt-css": "^14.1.1",
     "@testing-library/jest-dom": "^6.5.0",
     "@testing-library/react": "^16.0.1",
     "@testing-library/user-event": "^14.5.2",
@@ -103,5 +103,5 @@
     "url": "https://github.com/oslokommune/punkt/issues"
   },
   "license": "MIT",
-  "gitHead": "5ddba3690f0af28db85f92bd7698af5b54ae8e0b"
+  "gitHead": "47682b6620c3d10622e5121814954fa294996b9b"
 }

package/src/components/accordion/Accordion.tsx

@@ -1,8 +1,9 @@
 'use client'
 
 import { ReactNode, forwardRef, createContext, useContext } from 'react'
+import type { TAccordionSkin } from 'shared-types'
 
-export type TPktAccordionSkin = 'borderless' | 'outlined' | 'beige' | 'blue'
+export type TPktAccordionSkin = TAccordionSkin
 
 export interface IPktAccordion {
   compact?: boolean

package/src/components/accordion/AccordionItem.tsx

@@ -4,8 +4,9 @@ import { ReactNode, useState, useEffect, forwardRef } from 'react'
 import type { MouseEvent, SyntheticEvent } from 'react'
 import { PktIcon } from '../icon/Icon'
 import { useAccordionContext } from './Accordion'
+import type { TAccordionSkin } from 'shared-types'
 
-export type TPktAccordionSkin = 'borderless' | 'outlined' | 'beige' | 'blue'
+export type TPktAccordionSkin = TAccordionSkin
 
 export interface IPktAccordionItem {
   defaultOpen?: boolean

package/src/components/alert/Alert.tsx

@@ -4,10 +4,10 @@ import { ReactNode, useState } from 'react'
 import { FC, HTMLAttributes, ReactElement, useCallback } from 'react'
 import classNames from 'classnames'
 import { PktButton, PktIcon } from '..'
-import { TAlertRole, TAriaLive } from '@/types/aria'
+import type { TAlertRole, TAriaLive, TAlertSkin } from 'shared-types'
 
 export interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
-  skin?: 'error' | 'success' | 'warning' | 'info'
+  skin?: TAlertSkin
   closeAlert?: boolean
   title?: ReactNode
   date?: string
@@ -17,7 +17,7 @@ export interface IPktAlert extends Omit<HTMLAttributes<HTMLDivElement>, 'title'>
   onClose?: (e: CustomEvent) => void
 }
 
-export type TAlertSkin = 'error' | 'success' | 'warning' | 'info'
+export type { TAlertSkin }
 
 export const PktAlert: FC<IPktAlert> = ({
   children,

package/src/components/card/Card.tsx

@@ -5,9 +5,9 @@ import { createComponent } from '@lit/react'
 import { IPktHeading, PktCard as PktElCard } from '@oslokommune/punkt-elements'
 import type { PktElType, PktElConstructor } from '@/interfaces/IPktElements'
 import { IPktTag } from '../tag/Tag'
+import type { TCardSkin, TLayout } from 'shared-types'
 
-type TCardSkin = 'outlined' | 'outlined-beige' | 'gray' | 'beige' | 'green' | 'blue'
-type TLayout = 'vertical' | 'horizontal'
+export type { TCardSkin, TLayout }
 type TCardPadding = 'none' | 'default'
 type TCardImageShape = 'square' | 'round'
 type TCardTagPosition = 'top' | 'bottom'

package/src/components/icon/Icon.tsx

@@ -5,8 +5,7 @@ import React, { FC } from 'react'
 import { PktElConstructor, PktElType } from '@/interfaces/IPktElements'
 import { createComponent } from '@lit/react'
 import { PktIcon as PktEl } from '@oslokommune/punkt-elements'
-
-type Booleanish = boolean | 'true' | 'false'
+import type { Booleanish } from 'shared-types'
 
 interface IPktIcon extends PktElType {
   name?: string

package/src/components/messagebox/Messagebox.tsx

@@ -4,8 +4,9 @@ import classNames from 'classnames'
 import { createRef, FC, HTMLAttributes, ReactNode, useCallback, useState } from 'react'
 
 import { PktIcon } from '..'
+import type { TMessageboxSkin } from 'shared-types'
 
-export type TMessageboxSkin = 'beige' | 'blue' | 'red' | 'green'
+export type { TMessageboxSkin }
 
 export interface IPktMessagebox extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
   skin?: TMessageboxSkin