@fremtind/jokul 0.58.0 → 0.58.1

package/build/cjs/components/chip/Chip.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),i=require("react"),s=require("../icon/icons/CheckIcon.cjs"),r=require("../icon/icons/CloseIcon.cjs"),l=i.forwardRef((function({className:i,variant:l,onClick:a,children:n,selected:t,size:o="small",...j},u){return e.jsxs("button",{ref:u,className:c.clsx("jkl-chip",`jkl-chip--${o}`,`jkl-chip--${l}`,i),onClick:a,"aria-pressed":t,...j,children:[n,"filter"===l&&t&&e.jsx(s.CheckIcon,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-check-icon"}),"input"===l&&e.jsx(r.CloseIcon,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-close-icon"})]})}));exports.Chip=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("../../../clsx-E3yX_9sL.cjs"),i=require("react"),s=require("../icon/icons/CheckIcon.cjs"),r=require("../icon/icons/CloseIcon.cjs"),l=i.forwardRef((function({className:i,variant:l,onClick:t,children:n,selected:a,size:o="small",...j},u){return e.jsxs("button",{type:"button",ref:u,className:c.clsx("jkl-chip",`jkl-chip--${o}`,`jkl-chip--${l}`,i),onClick:t,"aria-pressed":a,...j,children:[n,"filter"===l&&a&&e.jsx(s.CheckIcon,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-check-icon"}),"input"===l&&e.jsx(r.CloseIcon,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-close-icon"})]})}));exports.Chip=l;
 //# sourceMappingURL=Chip.cjs.map

package/build/cjs/components/chip/Chip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.cjs","sources":["../../../../src/components/chip/Chip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { ChipProps } from \"./types.js\";\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n    {\n        className,\n        variant,\n        onClick,\n        children,\n        selected,\n        size = \"small\",\n        ...rest\n    },\n    ref,\n) {\n    return (\n        <button\n            ref={ref}\n            className={clsx(\n                \"jkl-chip\",\n                `jkl-chip--${size}`,\n                `jkl-chip--${variant}`,\n                className,\n            )}\n            onClick={onClick}\n            aria-pressed={selected}\n            {...rest}\n        >\n            {children}\n            {variant === \"filter\" && selected && (\n                <CheckIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-check-icon\"\n                />\n            )}\n            {variant === \"input\" && (\n                <CloseIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-close-icon\"\n                />\n            )}\n        </button>\n    );\n});\n"],"names":["Chip","forwardRef","className","variant","onClick","children","selected","size","rest","ref","jsxs","clsx","jsx","CheckIcon","CloseIcon"],"mappings":"kQAMaA,EAAOC,EAAAA,YAAyC,UAErDC,UAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EAAO,WACJC,GAEPC,GAGI,OAAAC,EAAAA,KAAC,SAAA,CACGD,IAAAA,EACAP,UAAWS,EAAAA,KACP,WACA,aAAaJ,IACb,aAAaJ,IACbD,GAEJE,QAAAA,EACA,eAAcE,KACVE,EAEHH,SAAA,CAAAA,EACY,WAAZF,GAAwBG,GACrBM,EAAAA,IAACC,EAAAA,UAAA,CACGX,UAAU,iBACVC,QAAQ,QACR,cAAY,mBAGP,UAAZA,GACGS,EAAAA,IAACE,EAAAA,UAAA,CACGZ,UAAU,iBACVC,QAAQ,QACR,cAAY,qBAKhC"}
+{"version":3,"file":"Chip.cjs","sources":["../../../../src/components/chip/Chip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { ChipProps } from \"./types.js\";\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n    {\n        className,\n        variant,\n        onClick,\n        children,\n        selected,\n        size = \"small\",\n        ...rest\n    },\n    ref,\n) {\n    return (\n        <button\n            type=\"button\"\n            ref={ref}\n            className={clsx(\n                \"jkl-chip\",\n                `jkl-chip--${size}`,\n                `jkl-chip--${variant}`,\n                className,\n            )}\n            onClick={onClick}\n            aria-pressed={selected}\n            {...rest}\n        >\n            {children}\n            {variant === \"filter\" && selected && (\n                <CheckIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-check-icon\"\n                />\n            )}\n            {variant === \"input\" && (\n                <CloseIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-close-icon\"\n                />\n            )}\n        </button>\n    );\n});\n"],"names":["Chip","forwardRef","className","variant","onClick","children","selected","size","rest","ref","jsxs","type","clsx","jsx","CheckIcon","CloseIcon"],"mappings":"kQAMaA,EAAOC,EAAAA,YAAyC,UAErDC,UAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EAAO,WACJC,GAEPC,GAGI,OAAAC,EAAAA,KAAC,SAAA,CACGC,KAAK,SACLF,IAAAA,EACAP,UAAWU,EAAAA,KACP,WACA,aAAaL,IACb,aAAaJ,IACbD,GAEJE,QAAAA,EACA,eAAcE,KACVE,EAEHH,SAAA,CAAAA,EACY,WAAZF,GAAwBG,GACrBO,EAAAA,IAACC,EAAAA,UAAA,CACGZ,UAAU,iBACVC,QAAQ,QACR,cAAY,mBAGP,UAAZA,GACGU,EAAAA,IAACE,EAAAA,UAAA,CACGb,UAAU,iBACVC,QAAQ,QACR,cAAY,qBAKhC"}

package/build/cjs/components/chip/types.d.cts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 type Size = "small" | "large";
 export type ChipVariant = {
     variant: "input";
@@ -9,5 +9,5 @@ export type ChipVariant = {
     selected?: boolean;
     size?: Size;
 };
-export type ChipProps = ChipVariant & HTMLAttributes<HTMLButtonElement>;
+export type ChipProps = ChipVariant & ButtonHTMLAttributes<HTMLButtonElement>;
 export {};

package/build/es/components/chip/Chip.js

@@ -1,2 +1,2 @@
-import{jsxs as s,jsx as c}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import{forwardRef as a}from"react";import{CheckIcon as o}from"../icon/icons/CheckIcon.js";import{CloseIcon as e}from"../icon/icons/CloseIcon.js";const l=a((function({className:a,variant:l,onClick:r,children:n,selected:t,size:m="small",...p},j){return s("button",{ref:j,className:i("jkl-chip",`jkl-chip--${m}`,`jkl-chip--${l}`,a),onClick:r,"aria-pressed":t,...p,children:[n,"filter"===l&&t&&c(o,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-check-icon"}),"input"===l&&c(e,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-close-icon"})]})}));export{l as Chip};
+import{jsxs as s,jsx as c}from"react/jsx-runtime";import{c as i}from"../../../clsx-BeLtu-UY.js";import{forwardRef as a}from"react";import{CheckIcon as o}from"../icon/icons/CheckIcon.js";import{CloseIcon as e}from"../icon/icons/CloseIcon.js";const t=a((function({className:a,variant:t,onClick:l,children:n,selected:r,size:m="small",...p},j){return s("button",{type:"button",ref:j,className:i("jkl-chip",`jkl-chip--${m}`,`jkl-chip--${t}`,a),onClick:l,"aria-pressed":r,...p,children:[n,"filter"===t&&r&&c(o,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-check-icon"}),"input"===t&&c(e,{className:"jkl-chip__icon",variant:"small","data-testid":"jkl-close-icon"})]})}));export{t as Chip};
 //# sourceMappingURL=Chip.js.map

package/build/es/components/chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/chip/Chip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { ChipProps } from \"./types.js\";\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n    {\n        className,\n        variant,\n        onClick,\n        children,\n        selected,\n        size = \"small\",\n        ...rest\n    },\n    ref,\n) {\n    return (\n        <button\n            ref={ref}\n            className={clsx(\n                \"jkl-chip\",\n                `jkl-chip--${size}`,\n                `jkl-chip--${variant}`,\n                className,\n            )}\n            onClick={onClick}\n            aria-pressed={selected}\n            {...rest}\n        >\n            {children}\n            {variant === \"filter\" && selected && (\n                <CheckIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-check-icon\"\n                />\n            )}\n            {variant === \"input\" && (\n                <CloseIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-close-icon\"\n                />\n            )}\n        </button>\n    );\n});\n"],"names":["Chip","forwardRef","className","variant","onClick","children","selected","size","rest","ref","jsxs","clsx","jsx","CheckIcon","CloseIcon"],"mappings":"iPAMa,MAAAA,EAAOC,GAAyC,UAErDC,UAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EAAO,WACJC,GAEPC,GAGI,OAAAC,EAAC,SAAA,CACGD,IAAAA,EACAP,UAAWS,EACP,WACA,aAAaJ,IACb,aAAaJ,IACbD,GAEJE,QAAAA,EACA,eAAcE,KACVE,EAEHH,SAAA,CAAAA,EACY,WAAZF,GAAwBG,GACrBM,EAACC,EAAA,CACGX,UAAU,iBACVC,QAAQ,QACR,cAAY,mBAGP,UAAZA,GACGS,EAACE,EAAA,CACGZ,UAAU,iBACVC,QAAQ,QACR,cAAY,qBAKhC"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/chip/Chip.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { CheckIcon } from \"../icon/icons/CheckIcon.js\";\nimport { CloseIcon } from \"../icon/icons/CloseIcon.js\";\nimport { ChipProps } from \"./types.js\";\n\nexport const Chip = forwardRef<HTMLButtonElement, ChipProps>(function Chip(\n    {\n        className,\n        variant,\n        onClick,\n        children,\n        selected,\n        size = \"small\",\n        ...rest\n    },\n    ref,\n) {\n    return (\n        <button\n            type=\"button\"\n            ref={ref}\n            className={clsx(\n                \"jkl-chip\",\n                `jkl-chip--${size}`,\n                `jkl-chip--${variant}`,\n                className,\n            )}\n            onClick={onClick}\n            aria-pressed={selected}\n            {...rest}\n        >\n            {children}\n            {variant === \"filter\" && selected && (\n                <CheckIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-check-icon\"\n                />\n            )}\n            {variant === \"input\" && (\n                <CloseIcon\n                    className=\"jkl-chip__icon\"\n                    variant=\"small\"\n                    data-testid=\"jkl-close-icon\"\n                />\n            )}\n        </button>\n    );\n});\n"],"names":["Chip","forwardRef","className","variant","onClick","children","selected","size","rest","ref","jsxs","type","clsx","jsx","CheckIcon","CloseIcon"],"mappings":"iPAMa,MAAAA,EAAOC,GAAyC,UAErDC,UAAAA,EACAC,QAAAA,EACAC,QAAAA,EACAC,SAAAA,EACAC,SAAAA,EACAC,KAAAA,EAAO,WACJC,GAEPC,GAGI,OAAAC,EAAC,SAAA,CACGC,KAAK,SACLF,IAAAA,EACAP,UAAWU,EACP,WACA,aAAaL,IACb,aAAaJ,IACbD,GAEJE,QAAAA,EACA,eAAcE,KACVE,EAEHH,SAAA,CAAAA,EACY,WAAZF,GAAwBG,GACrBO,EAACC,EAAA,CACGZ,UAAU,iBACVC,QAAQ,QACR,cAAY,mBAGP,UAAZA,GACGU,EAACE,EAAA,CACGb,UAAU,iBACVC,QAAQ,QACR,cAAY,qBAKhC"}

package/build/es/components/chip/types.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes } from 'react';
+import { ButtonHTMLAttributes } from 'react';
 type Size = "small" | "large";
 export type ChipVariant = {
     variant: "input";
@@ -9,5 +9,5 @@ export type ChipVariant = {
     selected?: boolean;
     size?: Size;
 };
-export type ChipProps = ChipVariant & HTMLAttributes<HTMLButtonElement>;
+export type ChipProps = ChipVariant & ButtonHTMLAttributes<HTMLButtonElement>;
 export {};