@fremtind/jokul 6.1.0-next.1 → 6.1.1

package/build/cjs/components/card/development/examples/FakturainfoExample.d.cts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ExampleComponentProps, ExampleKnobsProps } from 'utils/dev-example/index.cjs';
+export declare const FakturainfoExample: ({ boolValues, choiceValues, }: ExampleComponentProps) => React.JSX.Element;
+export declare const fakturainfoExampleProps: ExampleKnobsProps;

package/build/cjs/components/card/development/examples/StatuskortExample.d.cts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ExampleComponentProps, ExampleKnobsProps } from 'utils/dev-example/index.cjs';
+export declare const StatuskortExample: ({ boolValues, choiceValues, }: ExampleComponentProps) => React.JSX.Element;
+export declare const statuskortExampleProps: ExampleKnobsProps;

package/build/cjs/components/icon/development/internal/AnimatedIcon.d.cts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface AnimatedIconProps {
+    renderIcon: (arg0: boolean) => React.ReactNode;
+    iconName?: string;
+}
+export declare const AnimatedIcon: React.FC<AnimatedIconProps>;
+export {};

package/build/cjs/components/icon/development/internal/IconExample.d.cts

@@ -0,0 +1,7 @@
+import { default as React, ReactNode } from 'react';
+interface Props extends React.HTMLAttributes<HTMLDivElement> {
+    name?: string;
+    renderIcon: () => ReactNode;
+}
+export declare const IconExample: React.FC<Props>;
+export {};

package/build/cjs/components/icon/development/internal/IconsExampleGrid.d.cts

@@ -0,0 +1,8 @@
+import { default as React, CSSProperties } from 'react';
+import { WithChildren } from '../../../../utilities/types.cjs';
+interface IconsExampleGridProps extends WithChildren {
+    columns: "two" | "four";
+    style?: CSSProperties;
+}
+export declare const IconsExampleGrid: React.FC<IconsExampleGridProps>;
+export {};

package/build/cjs/components/image/development/internal/props.d.cts

@@ -0,0 +1,5 @@
+export declare const choiceProps: {
+    name: string;
+    values: string[];
+    defaultValue: number;
+}[];

package/build/cjs/components/table/stories/assets/table-data.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r={columns:["Forfallsdato","Type","Beløp","Status","Produkt","Kontonummer","KID","Betalingstype"],rows:[[new Date(2025,10,15),"Skade",612.32,"Faktura",["Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,9,15),"Person",402.67,"Påminnelse",["Hundeforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,8,15),"Person",2412.67,"Inkassovarsel",["Bilforsikring","Katteforsikring","Båtforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,7,15),"Person",719.17,"Faktura",["Båtforsikring","Hundeforsikring","Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,6,15),"Skade",992.01,"Faktura",["Bilforsikring","Hundeforsikring","Elsparkesykkel"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,5,15),"Person",772.79,"Faktura",["Bilforsikring","Hus","Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,4,15),"Person",772.79,"Faktura",["Bilforsikring","Hundeforsikring","Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,3,15),"Person",772.79,"Faktura",["Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,2,15),"Person",772.79,"Faktura",["Bil","Hus","Innbo"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,1,15),"Person",772.79,"Faktura",["Bilforsikring","Hundeforsikring","Katteforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,0,15),"Person",772.79,"Faktura",["Hundeforsikring","Barneforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2024,11,15),"Person",772.79,"Faktura",["Elsparkesykkel"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2024,10,15),"Person",772.79,"Faktura",["Hundeforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2024,9,15),"Person",772.79,"Faktura",["Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2024,8,15),"Person",772.79,"Faktura",["Bilforsikring","Hundeforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"]]};exports.faktura=r,exports.skadesaker={columns:["Dato","Saksnummer","Kundenummer","Kundenavn","Milepæl","Følger saken"],rows:[["24.02.2025","20-1234567","010203 99887","Ola Nordmann","Opprettet","Siri Saksbehandler"],["13.04.2019","20-8382811","010203 99887","Kari Nordkvinne","Opprettet","Siri Saksbehandler"],["31.07.2017","20-1111","010203 99887","Kari Nordkvinne","Opprettet","Per Persen"]]};
+//# sourceMappingURL=table-data.cjs.map

package/build/cjs/components/table/stories/assets/table-data.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-data.cjs","sources":["../../../../../../src/components/table/stories/assets/table-data.ts"],"sourcesContent":["export const skadesaker = {\n    columns: [\n        \"Dato\",\n        \"Saksnummer\",\n        \"Kundenummer\",\n        \"Kundenavn\",\n        \"Milepæl\",\n        \"Følger saken\",\n    ],\n    rows: [\n        [\n            \"24.02.2025\",\n            \"20-1234567\",\n            \"010203 99887\",\n            \"Ola Nordmann\",\n            \"Opprettet\",\n            \"Siri Saksbehandler\",\n        ],\n        [\n            \"13.04.2019\",\n            \"20-8382811\",\n            \"010203 99887\",\n            \"Kari Nordkvinne\",\n            \"Opprettet\",\n            \"Siri Saksbehandler\",\n        ],\n        [\n            \"31.07.2017\",\n            \"20-1111\",\n            \"010203 99887\",\n            \"Kari Nordkvinne\",\n            \"Opprettet\",\n            \"Per Persen\",\n        ],\n    ],\n};\n\nexport const faktura = {\n    columns: [\n        \"Forfallsdato\",\n        \"Type\",\n        \"Beløp\",\n        \"Status\",\n        \"Produkt\",\n        \"Kontonummer\",\n        \"KID\",\n        \"Betalingstype\",\n    ],\n    rows: [\n        [\n            new Date(2025, 10, 15),\n            \"Skade\",\n            612.32,\n            \"Faktura\",\n            [\"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 9, 15),\n            \"Person\",\n            402.67,\n            \"Påminnelse\",\n            [\"Hundeforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 8, 15),\n            \"Person\",\n            2412.67,\n            \"Inkassovarsel\",\n            [\"Bilforsikring\", \"Katteforsikring\", \"Båtforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 7, 15),\n            \"Person\",\n            719.17,\n            \"Faktura\",\n            [\"Båtforsikring\", \"Hundeforsikring\", \"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 6, 15),\n            \"Skade\",\n            992.01,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hundeforsikring\", \"Elsparkesykkel\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 5, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hus\", \"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 4, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hundeforsikring\", \"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 3, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 2, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bil\", \"Hus\", \"Innbo\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 1, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hundeforsikring\", \"Katteforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 0, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Hundeforsikring\", \"Barneforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2024, 11, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Elsparkesykkel\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2024, 10, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Hundeforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2024, 9, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2024, 8, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hundeforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n    ],\n};\n"],"names":["faktura","columns","rows","Date"],"mappings":"gFAAO,MAqCMA,EAAU,CACnBC,QAAS,CACL,eACA,OACA,QACA,SACA,UACA,cACA,MACA,iBAEJC,KAAM,CACF,CACI,IAAIC,KAAK,KAAM,GAAI,IACnB,QACA,OACA,UACA,CAAC,iBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,aACA,CAAC,mBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,QACA,gBACA,CAAC,gBAAiB,kBAAmB,iBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,kBAAmB,iBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,QACA,OACA,UACA,CAAC,gBAAiB,kBAAmB,kBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,MAAO,iBACzB,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,kBAAmB,iBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,iBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,MAAO,MAAO,SACf,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,kBAAmB,mBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,kBAAmB,mBACpB,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,GAAI,IACnB,SACA,OACA,UACA,CAAC,kBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,GAAI,IACnB,SACA,OACA,UACA,CAAC,mBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,iBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,mBAClB,gBACA,iBACA,mDArMc,CACtBF,QAAS,CACL,OACA,aACA,cACA,YACA,UACA,gBAEJC,KAAM,CACF,CACI,aACA,aACA,eACA,eACA,YACA,sBAEJ,CACI,aACA,aACA,eACA,kBACA,YACA,sBAEJ,CACI,aACA,UACA,eACA,kBACA,YACA"}

package/build/cjs/components/table/stories/assets/table-data.d.cts

@@ -0,0 +1,8 @@
+export declare const skadesaker: {
+    columns: string[];
+    rows: string[][];
+};
+export declare const faktura: {
+    columns: string[];
+    rows: (string | number | string[] | Date)[][];
+};

package/build/cjs/hooks/stories/content.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime");require("react");const t=[e.jsx(e.Fragment,{children:e.jsx("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."})}),e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."}),e.jsx("p",{className:"jkl-body",children:"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."})]}),e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."}),e.jsx("p",{className:"jkl-body",children:"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."}),e.jsx("p",{className:"jkl-body",children:"It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]}),e.jsxs(e.Fragment,{children:[e.jsx("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."}),e.jsx("p",{className:"jkl-body",children:"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."}),e.jsx("p",{className:"jkl-body",children:"It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e.jsx("p",{className:"jkl-body",children:"Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old."})]})];exports.randomContentBlock=function e(s){let n=t[Math.floor(Math.random()*t.length)];return n===s&&(n=e(s)),n};
+//# sourceMappingURL=content.cjs.map

package/build/cjs/hooks/stories/content.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.cjs","sources":["../../../../src/hooks/stories/content.tsx"],"sourcesContent":["import React from \"react\";\n\nconst content1 = (\n    <>\n        <p className=\"jkl-body\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting\n            industry. Lorem Ipsum has been the industrys standard dummy text\n            ever since the 1500s, when an unknown printer took a galley of type\n            and scrambled it to make a type specimen book.\n        </p>\n    </>\n);\n\nconst content2 = (\n    <>\n        <p className=\"jkl-body\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting\n            industry. Lorem Ipsum has been the industrys standard dummy text\n            ever since the 1500s, when an unknown printer took a galley of type\n            and scrambled it to make a type specimen book.\n        </p>\n        <p className=\"jkl-body\">\n            It has survived not only five centuries, but also the leap into\n            electronic typesetting, remaining essentially unchanged.\n        </p>\n    </>\n);\n\nconst content3 = (\n    <>\n        <p className=\"jkl-body\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting\n            industry. Lorem Ipsum has been the industrys standard dummy text\n            ever since the 1500s, when an unknown printer took a galley of type\n            and scrambled it to make a type specimen book.\n        </p>\n        <p className=\"jkl-body\">\n            It has survived not only five centuries, but also the leap into\n            electronic typesetting, remaining essentially unchanged.\n        </p>\n        <p className=\"jkl-body\">\n            It was popularised in the 1960s with the release of Letraset sheets\n            containing Lorem Ipsum passages, and more recently with desktop\n            publishing software like Aldus PageMaker including versions of Lorem\n            Ipsum.\n        </p>\n    </>\n);\n\nconst content4 = (\n    <>\n        <p className=\"jkl-body\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting\n            industry. Lorem Ipsum has been the industrys standard dummy text\n            ever since the 1500s, when an unknown printer took a galley of type\n            and scrambled it to make a type specimen book.\n        </p>\n        <p className=\"jkl-body\">\n            It has survived not only five centuries, but also the leap into\n            electronic typesetting, remaining essentially unchanged.\n        </p>\n        <p className=\"jkl-body\">\n            It was popularised in the 1960s with the release of Letraset sheets\n            containing Lorem Ipsum passages, and more recently with desktop\n            publishing software like Aldus PageMaker including versions of Lorem\n            Ipsum.\n        </p>\n        <p className=\"jkl-body\">\n            Contrary to popular belief, Lorem Ipsum is not simply random text.\n            It has roots in a piece of classical Latin literature from 45 BC,\n            making it over 2000 years old.\n        </p>\n    </>\n);\n\nconst contentBlocks = [content1, content2, content3, content4];\n\nexport function randomContentBlock(except?: JSX.Element): JSX.Element {\n    let content =\n        contentBlocks[Math.floor(Math.random() * contentBlocks.length)];\n    if (content === except) {\n        content = randomContentBlock(except);\n    }\n    return content;\n}\n"],"names":["contentBlocks","jsx","Fragment","children","className","jsxs","randomContentBlock","except","content","Math","floor","random","length"],"mappings":"sIAEA,MAyEMA,EAAgB,CAxElBC,EAAAA,IAAAC,EAAAA,SAAA,CACIC,SAAAF,EAAAA,IAAC,KAAEG,UAAU,WAAWD,oQAU5BE,EAAAA,KAAAH,WAAA,CACIC,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,yPAMxBF,EAAAA,IAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,gIAQ5BE,EAAAA,KAAAH,WAAA,CACIC,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,yPAMxBF,EAAAA,IAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,6HAIxBF,EAAAA,IAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,uNAU5BE,EAAAA,KAAAH,WAAA,CACIC,SAAA,CAAAF,EAAAA,IAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,yPAMxBF,EAAAA,IAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,6HAIxBF,EAAAA,IAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,oNAMxBF,EAAAA,IAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,uMAUzB,SAASG,EAAmBC,GAC/B,IAAIC,EACAR,EAAcS,KAAKC,MAAMD,KAAKE,SAAWX,EAAcY,SAC3D,OAAIJ,IAAYD,IACZC,EAAUF,EAAmBC,IAE1BC,CACX"}

package/build/cjs/hooks/stories/content.d.cts

@@ -0,0 +1 @@
+export declare function randomContentBlock(except?: JSX.Element): JSX.Element;

package/build/es/components/card/development/examples/FakturainfoExample.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ExampleComponentProps, ExampleKnobsProps } from 'utils/dev-example/index.js';
+export declare const FakturainfoExample: ({ boolValues, choiceValues, }: ExampleComponentProps) => React.JSX.Element;
+export declare const fakturainfoExampleProps: ExampleKnobsProps;

package/build/es/components/card/development/examples/StatuskortExample.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { ExampleComponentProps, ExampleKnobsProps } from 'utils/dev-example/index.js';
+export declare const StatuskortExample: ({ boolValues, choiceValues, }: ExampleComponentProps) => React.JSX.Element;
+export declare const statuskortExampleProps: ExampleKnobsProps;

package/build/es/components/icon/development/internal/AnimatedIcon.d.ts

@@ -0,0 +1,7 @@
+import { default as React } from 'react';
+interface AnimatedIconProps {
+    renderIcon: (arg0: boolean) => React.ReactNode;
+    iconName?: string;
+}
+export declare const AnimatedIcon: React.FC<AnimatedIconProps>;
+export {};

package/build/es/components/icon/development/internal/IconExample.d.ts

@@ -0,0 +1,7 @@
+import { default as React, ReactNode } from 'react';
+interface Props extends React.HTMLAttributes<HTMLDivElement> {
+    name?: string;
+    renderIcon: () => ReactNode;
+}
+export declare const IconExample: React.FC<Props>;
+export {};

package/build/es/components/icon/development/internal/IconsExampleGrid.d.ts

@@ -0,0 +1,8 @@
+import { default as React, CSSProperties } from 'react';
+import { WithChildren } from '../../../../utilities/types.js';
+interface IconsExampleGridProps extends WithChildren {
+    columns: "two" | "four";
+    style?: CSSProperties;
+}
+export declare const IconsExampleGrid: React.FC<IconsExampleGridProps>;
+export {};

package/build/es/components/image/development/internal/props.d.ts

@@ -0,0 +1,5 @@
+export declare const choiceProps: {
+    name: string;
+    values: string[];
+    defaultValue: number;
+}[];

package/build/es/components/table/stories/assets/table-data.d.ts

@@ -0,0 +1,8 @@
+export declare const skadesaker: {
+    columns: string[];
+    rows: string[][];
+};
+export declare const faktura: {
+    columns: string[];
+    rows: (string | number | string[] | Date)[][];
+};

package/build/es/components/table/stories/assets/table-data.js

@@ -0,0 +1,2 @@
+const r={columns:["Dato","Saksnummer","Kundenummer","Kundenavn","Milepæl","Følger saken"],rows:[["24.02.2025","20-1234567","010203 99887","Ola Nordmann","Opprettet","Siri Saksbehandler"],["13.04.2019","20-8382811","010203 99887","Kari Nordkvinne","Opprettet","Siri Saksbehandler"],["31.07.2017","20-1111","010203 99887","Kari Nordkvinne","Opprettet","Per Persen"]]},e={columns:["Forfallsdato","Type","Beløp","Status","Produkt","Kontonummer","KID","Betalingstype"],rows:[[new Date(2025,10,15),"Skade",612.32,"Faktura",["Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,9,15),"Person",402.67,"Påminnelse",["Hundeforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,8,15),"Person",2412.67,"Inkassovarsel",["Bilforsikring","Katteforsikring","Båtforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,7,15),"Person",719.17,"Faktura",["Båtforsikring","Hundeforsikring","Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,6,15),"Skade",992.01,"Faktura",["Bilforsikring","Hundeforsikring","Elsparkesykkel"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,5,15),"Person",772.79,"Faktura",["Bilforsikring","Hus","Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,4,15),"Person",772.79,"Faktura",["Bilforsikring","Hundeforsikring","Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,3,15),"Person",772.79,"Faktura",["Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,2,15),"Person",772.79,"Faktura",["Bil","Hus","Innbo"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,1,15),"Person",772.79,"Faktura",["Bilforsikring","Hundeforsikring","Katteforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2025,0,15),"Person",772.79,"Faktura",["Hundeforsikring","Barneforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2024,11,15),"Person",772.79,"Faktura",["Elsparkesykkel"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2024,10,15),"Person",772.79,"Faktura",["Hundeforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2024,9,15),"Person",772.79,"Faktura",["Bilforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"],[new Date(2024,8,15),"Person",772.79,"Faktura",["Bilforsikring","Hundeforsikring"],"9001.17.00771","1631 4283 2245","eFaktura"]]};export{e as faktura,r as skadesaker};
+//# sourceMappingURL=table-data.js.map

package/build/es/components/table/stories/assets/table-data.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-data.js","sources":["../../../../../../src/components/table/stories/assets/table-data.ts"],"sourcesContent":["export const skadesaker = {\n    columns: [\n        \"Dato\",\n        \"Saksnummer\",\n        \"Kundenummer\",\n        \"Kundenavn\",\n        \"Milepæl\",\n        \"Følger saken\",\n    ],\n    rows: [\n        [\n            \"24.02.2025\",\n            \"20-1234567\",\n            \"010203 99887\",\n            \"Ola Nordmann\",\n            \"Opprettet\",\n            \"Siri Saksbehandler\",\n        ],\n        [\n            \"13.04.2019\",\n            \"20-8382811\",\n            \"010203 99887\",\n            \"Kari Nordkvinne\",\n            \"Opprettet\",\n            \"Siri Saksbehandler\",\n        ],\n        [\n            \"31.07.2017\",\n            \"20-1111\",\n            \"010203 99887\",\n            \"Kari Nordkvinne\",\n            \"Opprettet\",\n            \"Per Persen\",\n        ],\n    ],\n};\n\nexport const faktura = {\n    columns: [\n        \"Forfallsdato\",\n        \"Type\",\n        \"Beløp\",\n        \"Status\",\n        \"Produkt\",\n        \"Kontonummer\",\n        \"KID\",\n        \"Betalingstype\",\n    ],\n    rows: [\n        [\n            new Date(2025, 10, 15),\n            \"Skade\",\n            612.32,\n            \"Faktura\",\n            [\"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 9, 15),\n            \"Person\",\n            402.67,\n            \"Påminnelse\",\n            [\"Hundeforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 8, 15),\n            \"Person\",\n            2412.67,\n            \"Inkassovarsel\",\n            [\"Bilforsikring\", \"Katteforsikring\", \"Båtforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 7, 15),\n            \"Person\",\n            719.17,\n            \"Faktura\",\n            [\"Båtforsikring\", \"Hundeforsikring\", \"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 6, 15),\n            \"Skade\",\n            992.01,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hundeforsikring\", \"Elsparkesykkel\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 5, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hus\", \"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 4, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hundeforsikring\", \"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 3, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 2, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bil\", \"Hus\", \"Innbo\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 1, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hundeforsikring\", \"Katteforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2025, 0, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Hundeforsikring\", \"Barneforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2024, 11, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Elsparkesykkel\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2024, 10, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Hundeforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2024, 9, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n        [\n            new Date(2024, 8, 15),\n            \"Person\",\n            772.79,\n            \"Faktura\",\n            [\"Bilforsikring\", \"Hundeforsikring\"],\n            \"9001.17.00771\",\n            \"1631 4283 2245\",\n            \"eFaktura\",\n        ],\n    ],\n};\n"],"names":["skadesaker","columns","rows","faktura","Date"],"mappings":"AAAO,MAAMA,EAAa,CACtBC,QAAS,CACL,OACA,aACA,cACA,YACA,UACA,gBAEJC,KAAM,CACF,CACI,aACA,aACA,eACA,eACA,YACA,sBAEJ,CACI,aACA,aACA,eACA,kBACA,YACA,sBAEJ,CACI,aACA,UACA,eACA,kBACA,YACA,gBAKCC,EAAU,CACnBF,QAAS,CACL,eACA,OACA,QACA,SACA,UACA,cACA,MACA,iBAEJC,KAAM,CACF,CACI,IAAIE,KAAK,KAAM,GAAI,IACnB,QACA,OACA,UACA,CAAC,iBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,aACA,CAAC,mBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,QACA,gBACA,CAAC,gBAAiB,kBAAmB,iBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,kBAAmB,iBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,QACA,OACA,UACA,CAAC,gBAAiB,kBAAmB,kBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,MAAO,iBACzB,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,kBAAmB,iBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,iBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,MAAO,MAAO,SACf,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,kBAAmB,mBACrC,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,kBAAmB,mBACpB,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,GAAI,IACnB,SACA,OACA,UACA,CAAC,kBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,GAAI,IACnB,SACA,OACA,UACA,CAAC,mBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,iBACD,gBACA,iBACA,YAEJ,CACI,IAAIA,KAAK,KAAM,EAAG,IAClB,SACA,OACA,UACA,CAAC,gBAAiB,mBAClB,gBACA,iBACA"}

package/build/es/hooks/stories/content.d.ts

@@ -0,0 +1 @@
+export declare function randomContentBlock(except?: JSX.Element): JSX.Element;

package/build/es/hooks/stories/content.js

@@ -0,0 +1,2 @@
+import{jsx as e,Fragment as t,jsxs as n}from"react/jsx-runtime";import"react";const s=[e(t,{children:e("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."})}),n(t,{children:[e("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."}),e("p",{className:"jkl-body",children:"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."})]}),n(t,{children:[e("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."}),e("p",{className:"jkl-body",children:"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."}),e("p",{className:"jkl-body",children:"It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."})]}),n(t,{children:[e("p",{className:"jkl-body",children:"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industrys standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book."}),e("p",{className:"jkl-body",children:"It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged."}),e("p",{className:"jkl-body",children:"It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum."}),e("p",{className:"jkl-body",children:"Contrary to popular belief, Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from 45 BC, making it over 2000 years old."})]})];function a(e){let t=s[Math.floor(Math.random()*s.length)];return t===e&&(t=a(e)),t}export{a as randomContentBlock};
+//# sourceMappingURL=content.js.map

package/build/es/hooks/stories/content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content.js","sources":["../../../../src/hooks/stories/content.tsx"],"sourcesContent":["import React from \"react\";\n\nconst content1 = (\n    <>\n        <p className=\"jkl-body\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting\n            industry. Lorem Ipsum has been the industrys standard dummy text\n            ever since the 1500s, when an unknown printer took a galley of type\n            and scrambled it to make a type specimen book.\n        </p>\n    </>\n);\n\nconst content2 = (\n    <>\n        <p className=\"jkl-body\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting\n            industry. Lorem Ipsum has been the industrys standard dummy text\n            ever since the 1500s, when an unknown printer took a galley of type\n            and scrambled it to make a type specimen book.\n        </p>\n        <p className=\"jkl-body\">\n            It has survived not only five centuries, but also the leap into\n            electronic typesetting, remaining essentially unchanged.\n        </p>\n    </>\n);\n\nconst content3 = (\n    <>\n        <p className=\"jkl-body\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting\n            industry. Lorem Ipsum has been the industrys standard dummy text\n            ever since the 1500s, when an unknown printer took a galley of type\n            and scrambled it to make a type specimen book.\n        </p>\n        <p className=\"jkl-body\">\n            It has survived not only five centuries, but also the leap into\n            electronic typesetting, remaining essentially unchanged.\n        </p>\n        <p className=\"jkl-body\">\n            It was popularised in the 1960s with the release of Letraset sheets\n            containing Lorem Ipsum passages, and more recently with desktop\n            publishing software like Aldus PageMaker including versions of Lorem\n            Ipsum.\n        </p>\n    </>\n);\n\nconst content4 = (\n    <>\n        <p className=\"jkl-body\">\n            Lorem Ipsum is simply dummy text of the printing and typesetting\n            industry. Lorem Ipsum has been the industrys standard dummy text\n            ever since the 1500s, when an unknown printer took a galley of type\n            and scrambled it to make a type specimen book.\n        </p>\n        <p className=\"jkl-body\">\n            It has survived not only five centuries, but also the leap into\n            electronic typesetting, remaining essentially unchanged.\n        </p>\n        <p className=\"jkl-body\">\n            It was popularised in the 1960s with the release of Letraset sheets\n            containing Lorem Ipsum passages, and more recently with desktop\n            publishing software like Aldus PageMaker including versions of Lorem\n            Ipsum.\n        </p>\n        <p className=\"jkl-body\">\n            Contrary to popular belief, Lorem Ipsum is not simply random text.\n            It has roots in a piece of classical Latin literature from 45 BC,\n            making it over 2000 years old.\n        </p>\n    </>\n);\n\nconst contentBlocks = [content1, content2, content3, content4];\n\nexport function randomContentBlock(except?: JSX.Element): JSX.Element {\n    let content =\n        contentBlocks[Math.floor(Math.random() * contentBlocks.length)];\n    if (content === except) {\n        content = randomContentBlock(except);\n    }\n    return content;\n}\n"],"names":["contentBlocks","jsx","Fragment","children","className","jsxs","randomContentBlock","except","content","Math","floor","random","length"],"mappings":"8EAEA,MAyEMA,EAAgB,CAxElBC,EAAAC,EAAA,CACIC,SAAAF,EAAC,KAAEG,UAAU,WAAWD,oQAU5BE,EAAAH,EAAA,CACIC,SAAA,CAAAF,EAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,yPAMxBF,EAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,gIAQ5BE,EAAAH,EAAA,CACIC,SAAA,CAAAF,EAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,yPAMxBF,EAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,6HAIxBF,EAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,uNAU5BE,EAAAH,EAAA,CACIC,SAAA,CAAAF,EAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,yPAMxBF,EAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,6HAIxBF,EAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,oNAMxBF,EAAC,IAAA,CAAEG,UAAU,WAAWD,SAAA,4KAUzB,SAASG,EAAmBC,GAC/B,IAAIC,EACAR,EAAcS,KAAKC,MAAMD,KAAKE,SAAWX,EAAcY,SAC3D,OAAIJ,IAAYD,IACZC,EAAUF,EAAmBC,IAE1BC,CACX"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fremtind/jokul",
-  "version": "6.1.0-next.1",
+  "version": "6.1.1",
   "type": "module",
   "engines": {
     "node": "^22.22.2 || ^24.15.0 || ^26.0.0"

package/styles/components/countdown/countdown.css

@@ -26,10 +26,10 @@
     }
   }
   .jkl-countdown__tracker {
-    animation: jkl-downcount-uu8hlg6 var(--duration) linear forwards;
+    animation: jkl-downcount-uvspua2 var(--duration) linear forwards;
     animation-play-state: var(--play-state, running);
   }
-  @keyframes jkl-downcount-uu8hlg6 {
+  @keyframes jkl-downcount-uvspua2 {
     from {
       width: 100%;
     }

package/styles/components/countdown/countdown.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-subdued);--bar-color:var(--jkl-color-border-strong);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);width:100%;overflow:hidden}.jkl-countdown__tracker{display:block;height:var(--bar-height);background-color:var(--bar-color)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-uu8hlg6 var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-uu8hlg6{0%{width:100%}to{width:0}}}
+@layer jokul.components{.jkl-countdown{--track-color:var(--jkl-color-border-subdued);--bar-color:var(--jkl-color-border-strong);--bar-height:0.25rem;background-color:var(--track-color);border-radius:6.25rem;height:var(--bar-height);width:100%;overflow:hidden}.jkl-countdown__tracker{display:block;height:var(--bar-height);background-color:var(--bar-color)}@media screen and (forced-colors:active){.jkl-countdown{background-color:Canvas}.jkl-countdown__tracker{background-color:CanvasText}}.jkl-countdown__tracker{animation:jkl-downcount-uvspua2 var(--duration) linear forwards;animation-play-state:var(--play-state,running)}@keyframes jkl-downcount-uvspua2{0%{width:100%}to{width:0}}}

package/styles/components/feedback/feedback.css

@@ -20,12 +20,12 @@
     font: var(--jkl-text-style-paragraph-small);
   }
   .jkl-feedback__fade-in {
-    animation: jkl-show-u3eveq2 0.25s ease-out;
+    animation: jkl-show-u95lntg 0.25s ease-out;
   }
   .jkl-feedback__buttons {
     display: flex;
   }
-  @keyframes jkl-show-u3eveq2 {
+  @keyframes jkl-show-u95lntg {
     from {
       transform: translate3d(0, 0.5rem, 0);
       opacity: 0;

package/styles/components/feedback/feedback.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{width:100%;transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-expressive)}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);margin-bottom:var(--jkl-unit-20);font:var(--jkl-text-style-paragraph-small)}.jkl-feedback__fade-in{animation:jkl-show-u3eveq2 .25s ease-out}.jkl-feedback__buttons{display:flex}@keyframes jkl-show-u3eveq2{0%{transform:translate3d(0,.5rem,0);opacity:0}}.jkl-feedback-smileys{margin-top:var(--jkl-unit-10);display:flex;justify-content:space-between;width:100%;max-width:22.5rem;flex-wrap:nowrap;gap:var(--jkl-spacing-12)}.jkl-feedback-smiley-option{display:inline-block;position:relative;cursor:pointer;height:2.5rem;width:2.5rem;color:var(--jkl-color-text-subdued);transform:translateZ(0);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:transform,color}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{content:"";position:absolute;border-radius:50%;opacity:0;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:opacity}.jkl-feedback-smiley-option:before{inset:0;box-shadow:0 .125rem 1.875rem #0000001a}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}input:focus-visible+.jkl-feedback-smiley-option{border-radius:var(--jkl-border-radius-full);outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}
+@layer jokul.components{.jkl-feedback{max-width:34.375rem}.jkl-feedback__submit-wrapper{width:100%;transition-property:height;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-expressive)}.jkl-feedback__submit-wrapper--hidden{display:none}.jkl-feedback__step-counter{color:var(--jkl-color-text-subdued);margin-bottom:var(--jkl-unit-20);font:var(--jkl-text-style-paragraph-small)}.jkl-feedback__fade-in{animation:jkl-show-u95lntg .25s ease-out}.jkl-feedback__buttons{display:flex}@keyframes jkl-show-u95lntg{0%{transform:translate3d(0,.5rem,0);opacity:0}}.jkl-feedback-smileys{margin-top:var(--jkl-unit-10);display:flex;justify-content:space-between;width:100%;max-width:22.5rem;flex-wrap:nowrap;gap:var(--jkl-spacing-12)}.jkl-feedback-smiley-option{display:inline-block;position:relative;cursor:pointer;height:2.5rem;width:2.5rem;color:var(--jkl-color-text-subdued);transform:translateZ(0);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:transform,color}@media screen and (forced-colors:active){.jkl-feedback-smiley-option,.jkl-feedback-smiley-option path,.jkl-feedback-smiley-option svg{stroke:ButtonFace;fill:ButtonText}}.jkl-feedback-smiley-option:after,.jkl-feedback-smiley-option:before{content:"";position:absolute;border-radius:50%;opacity:0;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:opacity}.jkl-feedback-smiley-option:before{inset:0;box-shadow:0 .125rem 1.875rem #0000001a}.jkl-feedback-smiley-option:hover{color:var(--jkl-color-text-default)}input:checked+.jkl-feedback-smiley-option{color:var(--jkl-color-text-default);transform:translate3d(0,-20%,0)}input:checked+.jkl-feedback-smiley-option:before{opacity:1}input:focus-visible+.jkl-feedback-smiley-option{border-radius:var(--jkl-border-radius-full);outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}

package/styles/components/file-input/file-input.css

@@ -340,22 +340,22 @@
     animation: 2500ms linear infinite;
   }
   .jkl-loader__dot--left {
-    animation-name: jkl-loader-left-spin-uk0q2js;
+    animation-name: jkl-loader-left-spin-udiizun;
     margin-right: calc(var(--jkl-loader-spacing) * 0.9);
   }
   .jkl-loader__dot--middle {
-    animation-name: jkl-loader-middle-spin-uk0q2jy;
+    animation-name: jkl-loader-middle-spin-udiizvl;
     margin-right: var(--jkl-loader-spacing);
   }
   .jkl-loader__dot--right {
-    animation-name: jkl-loader-right-spin-uk0q2kj;
+    animation-name: jkl-loader-right-spin-udiizvq;
   }
   @media screen and (forced-colors: active) {
     .jkl-loader__dot {
       background-color: CanvasText;
     }
   }
-  @keyframes jkl-loader-left-spin-uk0q2js {
+  @keyframes jkl-loader-left-spin-udiizun {
     0% {
       transform: rotate(0) scale(0);
     }
@@ -369,7 +369,7 @@
       transform: rotate(180deg) scale(0);
     }
   }
-  @keyframes jkl-loader-middle-spin-uk0q2jy {
+  @keyframes jkl-loader-middle-spin-udiizvl {
     0% {
       transform: rotate(20deg) scale(0);
     }
@@ -386,7 +386,7 @@
       transform: rotate(200deg) scale(0);
     }
   }
-  @keyframes jkl-loader-right-spin-uk0q2kj {
+  @keyframes jkl-loader-right-spin-udiizvq {
     0% {
       transform: rotate(40deg) scale(0);
     }
@@ -426,7 +426,7 @@
   @media screen and (forced-colors: active) {
     .jkl-skeleton-element {
       border: 1px solid CanvasText;
-      animation: 2s ease infinite jkl-blink-uk0q2lc;
+      animation: 2s ease infinite jkl-blink-udiizvv;
     }
   }
   .jkl-skeleton-input {
@@ -474,10 +474,10 @@
   }
   @media screen and (forced-colors: active) {
     .jkl-skeleton-table {
-      animation: 2s ease-in-out infinite jkl-blink-uk0q2lc;
+      animation: 2s ease-in-out infinite jkl-blink-udiizvv;
     }
   }
-  @keyframes jkl-blink-uk0q2lc {
+  @keyframes jkl-blink-udiizvv {
     0% {
       opacity: 1;
     }

package/styles/components/file-input/file-input.min.css

@@ -1 +1 @@
-@charset "UTF-8";@layer jokul.components{.jkl-file{--jkl-file-padding:var(--jkl-unit-10);--jkl-file-thumbnail-max-height:var(--jkl-unit-210);--jkl-file-thumbnail-width:var(--jkl-unit-60);--jkl-file-thumbnail-aspect-ratio:1;--jkl-file-gap:var(--jkl-unit-10);--jkl-file-button-width:var(--jkl-unit-50);--text-color:var(--jkl-color-text-default);--border:1px solid var(--jkl-color-border-subdued);--border-radius:var(--jkl-border-radius-s);--bg:#0000;--transition-time:var(--jkl-motion-timing-expressive)}.jkl-file__thumbnail{flex-shrink:0;aspect-ratio:var(--jkl-file-thumbnail-aspect-ratio);width:var(--jkl-file-thumbnail-width);height:auto;max-height:var(--jkl-file-thumbnail-max-height);position:relative;display:flex;align-items:center;justify-content:center;background:var(--jkl-color-background-page);border-radius:var(--jkl-border-radius-xs);overflow:hidden;anchor-name:--thumb;anchor-scope:all;outline:1px solid color-mix(in srgb,currentColor 3%,#0000)}.jkl-file__thumbnail:after{position:absolute;z-index:1;content:""/"Laster opp";position-anchor:--thumb;position-area:center;height:25%;border-radius:1px;aspect-ratio:1;scale:0;background:var(--text-color);animation:spin 5s linear infinite forwards;transition:display var(--transition-time) allow-discrete ease-in,scale var(--transition-time) ease-in}@starting-style{.jkl-file__thumbnail:after{scale:0}}.jkl-file__thumbnail img{opacity:1;transition:opacity var(--transition-time) ease-in-out}.jkl-file__thumbnail img[src]{min-width:100%;min-height:100%;object-fit:cover;object-position:center}.jkl-file__content{transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-snappy);transition-property:background-color,border-color,color;color:var(--text-color);padding:var(--jkl-file-padding);border:var(--border);border-radius:var(--border-radius);background:var(--bg);height:-webkit-fit-content;height:fit-content}.jkl-file__content:not(:has(.jkl-file__thumbnail)):has(.jkl-file__button){--jkl-file-padding:0 var(--jkl-unit-10)}.jkl-file__info{flex-grow:999}.jkl-file__name{word-break:break-word}.jkl-file__size{word-break:keep-all}.jkl-file__button{aspect-ratio:1;flex-shrink:0}.jkl-file[class*=card]{--jkl-file-thumbnail-width:100%;--jkl-file-thumbnail-aspect-ratio:16/10}.jkl-file:not([data-state*=loading]) .jkl-file__thumbnail:not(:has(img[src])):before{font:var(--jkl-text-style-paragraph-small);position:absolute;z-index:1;content:attr(data-filetype)}.jkl-file[data-state=loading]:not(:has(.jkl-file__support-label)) .jkl-file__thumbnail img{opacity:0}.jkl-file[data-state=loading]:not(:has(.jkl-file__support-label)) .jkl-file__thumbnail:after{display:block;scale:1}.jkl-file[data-state=error],.jkl-file[data-state=error] a,.jkl-file[data-state=error] a:hover,.jkl-file[data-state=error] button,.jkl-file[data-state=error] span{--text-color:var(--jkl-color-error-text-default)}.jkl-file[data-state=error] .jkl-file__content{border-color:var(--jkl-color-error-border-default)}@keyframes spin{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}}@layer jokul.components{.jkl-link{--link-color:var(--jkl-color-text-accent);color:var(--link-color);outline:none;text-decoration:none;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-energetic);transition-property:color}.jkl-link__content{text-decoration:underline;text-underline-offset:.08lh;text-decoration-thickness:.05em;-webkit-text-decoration-color:rgb(from currentColor r g b/70%);text-decoration-color:rgb(from currentColor r g b/70%)}.jkl-link:after{--jkl-icon-fill:0;--jkl-icon-size:1em;-webkit-margin-before:-.1em;margin-block-start:-.1em;-webkit-padding-start:.2em;padding-inline-start:.2em;vertical-align:middle;font-family:var(--jkl-font-family-icons);font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-weight:400;line-height:1;display:inline-block;flex-shrink:0;-webkit-font-smoothing:antialiased;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;display:inline}.jkl-link--external:after,.jkl-link[target=_blank]:after{content:"\e89e"/"(Åpnes i ny fane)"}.jkl-link[download]:after{content:"\f090"/"(Last ned fil)"}.jkl-link:hover:not(:focus){--link-color:var(--jkl-color-text-subdued)}.jkl-link:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:0}@media screen and (forced-colors:active){.jkl-link:hover:not(:focus){--link-color:HighLight}}button.jkl-link{-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;background:none;font:inherit;text-align:inherit}.jkl-button{--jkl-button-font-size:var(--jkl-typography-body-base-font-size);--jkl-button-line-height:var(--jkl-typography-body-base-line-height);--jkl-button-padding-block:var(--jkl-unit-10);--jkl-button-padding-text:var(--jkl-unit-30);--jkl-button-padding-icon:var(--jkl-unit-20);--jkl-button-padding-icon-button:var(--jkl-unit-10);--jkl-button-tertiary-padding-icon:var(--jkl-unit-05);--jkl-button-text-ink-offset:0.1em;--button-min-width:9ch;--jkl-icon-weight:var(--jkl-icon-weight-bold);--text-color:var(--jkl-color-text-default);--background-color:#0000;--border-radius:0;--border-width:0.0625rem;display:inline-block;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);-webkit-user-select:none;user-select:none;background:var(--background-color);color:var(--text-color);border:unset;text-decoration:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);padding-inline:var(--jkl-button-padding-text);padding-block:var(--jkl-button-padding-block);position:relative;overflow:hidden;max-width:100%;animation:a .3s linear;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color}}@layer jokul.components{.jkl-button:has(.jkl-button__text){min-width:var(--button-min-width)}.jkl-button:has(.jkl-button__text):has(.jkl-icon){min-width:auto}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-expressive);transition-property:translate;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--jkl-unit-02);pointer-events:none}.jkl-button__loader{transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-expressive);transition-property:opacity,translate;position:absolute;top:50%;left:50%;translate:-50% 350%;opacity:0;pointer-events:none}.jkl-button__text{display:block;min-width:0;max-width:100%;-webkit-padding-before:var(--jkl-button-text-ink-offset);padding-block-start:var(--jkl-button-text-ink-offset);-webkit-margin-before:calc(var(--jkl-button-text-ink-offset)*-1);margin-block-start:calc(var(--jkl-button-text-ink-offset)*-1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jkl-button[data-loading=true] .jkl-button__label{--button-loading-offset:calc(-100% - var(--jkl-button-padding-block)*2 - var(--jkl-button-text-ink-offset));translate:0 var(--button-loading-offset)}.jkl-button[data-loading=true] .jkl-button__loader{translate:-50% -50%;opacity:1}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-contrast);--text-color:var(--jkl-color-text-on-contrast)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-tertiary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-tertiary-padding-icon) calc(var(--jkl-button-tertiary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-tertiary-padding-icon)*2) var(--jkl-button-tertiary-padding-icon)}}@layer jokul.components{.jkl-loader{--jkl-loader-dot-size:var(--jkl-unit-10);--jkl-loader-spacing:var(--jkl-unit-20);display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{display:block;transform-origin:center;background-color:currentColor;height:var(--jkl-loader-dot-size);width:var(--jkl-loader-dot-size);animation:2.5s linear infinite}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-uk0q2js;margin-right:calc(var(--jkl-loader-spacing)*.9)}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-uk0q2jy;margin-right:var(--jkl-loader-spacing)}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-uk0q2kj}@media screen and (forced-colors:active){.jkl-loader__dot{background-color:CanvasText}}@keyframes jkl-loader-left-spin-uk0q2js{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-uk0q2jy{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-uk0q2kj{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}}@layer jokul.components{@property --jkl-skeleton-sweeper-position{syntax:"<percentage>";initial-value:0%;inherits:true}.jkl-skeleton-animation{--jkl-skeleton-element-color:var(--jkl-color-background-page);--jkl-skeleton-sweep-duration:4500ms;--jkl-skeleton-sweeper-width:40%;-webkit-mask-image:linear-gradient(to right,#000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)),#0000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)/2),#000 var(--jkl-skeleton-sweeper-position));mask-image:linear-gradient(to right,#000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)),#0000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)/2),#000 var(--jkl-skeleton-sweeper-position));-webkit-mask-size:100dvi 100dvb;mask-size:100dvi 100dvb;-webkit-mask-position:center;mask-position:center;animation:var(--jkl-skeleton-sweep-duration) ease-in-out infinite --jkl-skeleton-sweep}.jkl-skeleton-element{border-radius:.125rem;background-color:var(--jkl-skeleton-element-color)}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors:active){.jkl-skeleton-element{border:1px solid CanvasText;animation:jkl-blink-uk0q2lc 2s ease infinite}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:var(--jkl-spacing-12)}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--jkl-spacing-8)}@media (width >= 0) and (max-width:679px){.jkl-skeleton-input{gap:var(--jkl-spacing-8)}}.jkl-skeleton-input--compact:after{gap:var(--jkl-spacing-8)}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--jkl-skeleton-element-color)}.jkl-skeleton-table__header,.jkl-skeleton-table__row{padding:var(--jkl-unit-20) var(--jkl-unit-10)}@media (width >= 0) and (max-width:679px){.jkl-skeleton-table__header{padding:var(--jkl-unit-10) var(--jkl-unit-05)}.jkl-skeleton-table__row{padding:var(--jkl-unit-20) var(--jkl-unit-05)}}@media screen and (forced-colors:active){.jkl-skeleton-table{animation:jkl-blink-uk0q2lc 2s ease-in-out infinite}}@keyframes jkl-blink-uk0q2lc{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}@keyframes --jkl-skeleton-sweep{0%,67%{--jkl-skeleton-sweeper-position:0%}to{--jkl-skeleton-sweeper-position:calc(100% + var(--jkl-skeleton-sweeper-width))}}}@layer jokul.components{.jkl-file-input{--jkl-file-input-dropzone-padding:var(--jkl-unit-30);--jkl-file-input-dropzone-gap:var(--jkl-unit-30);--jkl-file-cta-gap:var(--jkl-unit-30);--jkl-file-cta-with-files-gap:var(--jkl-unit-15);--jkl-file-list-gap:var(--jkl-unit-10)}.jkl-file-input__dropzone{--border-color:var(--jkl-color-border-default);--background-color:#0000;border:1px dashed var(--border-color);border-radius:.25rem;padding:var(--jkl-file-input-dropzone-padding);display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:var(--jkl-file-input-dropzone-gap);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;background-color:var(--background-color)}.jkl-file-input__dropzone--enter{--border-color:var(--jkl-color-border-strong);--background-color:var(--jkl-color-background-container);border-style:solid}.jkl-file-input__dropzone__drag-text{font:var(--jkl-text-style-paragraph-small)}@media (width >= 0) and (max-width:679px){.jkl-file-input__dropzone__drag-text{display:none}}.jkl-file-input__call-to-action{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}.jkl-file-input__call-to-action:has(:focus-visible) .jkl-button{transform:scale(1.05);outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-file-input__call-to-action:has(:focus-visible) .jkl-button:active{transform:scale(1)}.jkl-file-input__dropzone-hint{margin-top:var(--jkl-unit-30)}.jkl-file-input--has-files .jkl-file-input__dropzone-hint{display:none}.jkl-file-input__max-size-text{font:var(--jkl-text-style-text-small);color:var(--jkl-color-text-subdued);margin-top:var(--jkl-unit-30)}.jkl-file-input__files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--jkl-file-list-gap)}.jkl-file-input--small .jkl-file-input__dropzone-hint{margin:0;display:block}.jkl-file-input--small .jkl-file-input__dropzone{padding:var(--jkl-unit-20);gap:var(--jkl-unit-20);margin-bottom:var(--jkl-unit-20);justify-content:flex-start;flex-direction:row;max-width:-webkit-fit-content;max-width:fit-content}.jkl-file-input--small .jkl-file-input__call-to-action{font:var(--jkl-text-style-text-small);gap:var(--jkl-unit-15);flex-direction:row;justify-content:flex-start}.jkl-file-input--small .jkl-file-input__max-size-text{margin-top:calc(var(--jkl-unit-15)*-1);margin-bottom:var(--jkl-unit-20)}}
+@charset "UTF-8";@layer jokul.components{.jkl-file{--jkl-file-padding:var(--jkl-unit-10);--jkl-file-thumbnail-max-height:var(--jkl-unit-210);--jkl-file-thumbnail-width:var(--jkl-unit-60);--jkl-file-thumbnail-aspect-ratio:1;--jkl-file-gap:var(--jkl-unit-10);--jkl-file-button-width:var(--jkl-unit-50);--text-color:var(--jkl-color-text-default);--border:1px solid var(--jkl-color-border-subdued);--border-radius:var(--jkl-border-radius-s);--bg:#0000;--transition-time:var(--jkl-motion-timing-expressive)}.jkl-file__thumbnail{flex-shrink:0;aspect-ratio:var(--jkl-file-thumbnail-aspect-ratio);width:var(--jkl-file-thumbnail-width);height:auto;max-height:var(--jkl-file-thumbnail-max-height);position:relative;display:flex;align-items:center;justify-content:center;background:var(--jkl-color-background-page);border-radius:var(--jkl-border-radius-xs);overflow:hidden;anchor-name:--thumb;anchor-scope:all;outline:1px solid color-mix(in srgb,currentColor 3%,#0000)}.jkl-file__thumbnail:after{position:absolute;z-index:1;content:""/"Laster opp";position-anchor:--thumb;position-area:center;height:25%;border-radius:1px;aspect-ratio:1;scale:0;background:var(--text-color);animation:spin 5s linear infinite forwards;transition:display var(--transition-time) allow-discrete ease-in,scale var(--transition-time) ease-in}@starting-style{.jkl-file__thumbnail:after{scale:0}}.jkl-file__thumbnail img{opacity:1;transition:opacity var(--transition-time) ease-in-out}.jkl-file__thumbnail img[src]{min-width:100%;min-height:100%;object-fit:cover;object-position:center}.jkl-file__content{transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-snappy);transition-property:background-color,border-color,color;color:var(--text-color);padding:var(--jkl-file-padding);border:var(--border);border-radius:var(--border-radius);background:var(--bg);height:-webkit-fit-content;height:fit-content}.jkl-file__content:not(:has(.jkl-file__thumbnail)):has(.jkl-file__button){--jkl-file-padding:0 var(--jkl-unit-10)}.jkl-file__info{flex-grow:999}.jkl-file__name{word-break:break-word}.jkl-file__size{word-break:keep-all}.jkl-file__button{aspect-ratio:1;flex-shrink:0}.jkl-file[class*=card]{--jkl-file-thumbnail-width:100%;--jkl-file-thumbnail-aspect-ratio:16/10}.jkl-file:not([data-state*=loading]) .jkl-file__thumbnail:not(:has(img[src])):before{font:var(--jkl-text-style-paragraph-small);position:absolute;z-index:1;content:attr(data-filetype)}.jkl-file[data-state=loading]:not(:has(.jkl-file__support-label)) .jkl-file__thumbnail img{opacity:0}.jkl-file[data-state=loading]:not(:has(.jkl-file__support-label)) .jkl-file__thumbnail:after{display:block;scale:1}.jkl-file[data-state=error],.jkl-file[data-state=error] a,.jkl-file[data-state=error] a:hover,.jkl-file[data-state=error] button,.jkl-file[data-state=error] span{--text-color:var(--jkl-color-error-text-default)}.jkl-file[data-state=error] .jkl-file__content{border-color:var(--jkl-color-error-border-default)}@keyframes spin{0%{transform:rotate(0turn)}to{transform:rotate(1turn)}}}@layer jokul.components{.jkl-link{--link-color:var(--jkl-color-text-accent);color:var(--link-color);outline:none;text-decoration:none;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-energetic);transition-property:color}.jkl-link__content{text-decoration:underline;text-underline-offset:.08lh;text-decoration-thickness:.05em;-webkit-text-decoration-color:rgb(from currentColor r g b/70%);text-decoration-color:rgb(from currentColor r g b/70%)}.jkl-link:after{--jkl-icon-fill:0;--jkl-icon-size:1em;-webkit-margin-before:-.1em;margin-block-start:-.1em;-webkit-padding-start:.2em;padding-inline-start:.2em;vertical-align:middle;font-family:var(--jkl-font-family-icons);font-variation-settings:"FILL" var(--jkl-icon-fill,0);font-feature-settings:"liga";-webkit-font-feature-settings:"liga";font-size:1.3em;font-weight:400;line-height:1;display:inline-block;flex-shrink:0;-webkit-font-smoothing:antialiased;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-energetic);transition-property:font-variation-settings,transform;display:inline}.jkl-link--external:after,.jkl-link[target=_blank]:after{content:"\e89e"/"(Åpnes i ny fane)"}.jkl-link[download]:after{content:"\f090"/"(Last ned fil)"}.jkl-link:hover:not(:focus){--link-color:var(--jkl-color-text-subdued)}.jkl-link:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:0}@media screen and (forced-colors:active){.jkl-link:hover:not(:focus){--link-color:HighLight}}button.jkl-link{-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;background:none;font:inherit;text-align:inherit}.jkl-button{--jkl-button-font-size:var(--jkl-typography-body-base-font-size);--jkl-button-line-height:var(--jkl-typography-body-base-line-height);--jkl-button-padding-block:var(--jkl-unit-10);--jkl-button-padding-text:var(--jkl-unit-30);--jkl-button-padding-icon:var(--jkl-unit-20);--jkl-button-padding-icon-button:var(--jkl-unit-10);--jkl-button-tertiary-padding-icon:var(--jkl-unit-05);--jkl-button-text-ink-offset:0.1em;--button-min-width:9ch;--jkl-icon-weight:var(--jkl-icon-weight-bold);--text-color:var(--jkl-color-text-default);--background-color:#0000;--border-radius:0;--border-width:0.0625rem;display:inline-block;font:var(--jkl-text-style-text-medium);font-weight:var(--jkl-font-weight-bold);-webkit-user-select:none;user-select:none;background:var(--background-color);color:var(--text-color);border:unset;text-decoration:none;-webkit-tap-highlight-color:transparent;border-radius:var(--border-radius);padding-inline:var(--jkl-button-padding-text);padding-block:var(--jkl-button-padding-block);position:relative;overflow:hidden;max-width:100%;animation:a .3s linear;transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color}}@layer jokul.components{.jkl-button:has(.jkl-button__text){min-width:var(--button-min-width)}.jkl-button:has(.jkl-button__text):has(.jkl-icon){min-width:auto}.jkl-button:has(.jkl-icon:first-child){-webkit-padding-start:var(--jkl-button-padding-icon);padding-inline-start:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:last-child){-webkit-padding-end:var(--jkl-button-padding-icon);padding-inline-end:var(--jkl-button-padding-icon)}.jkl-button:has(.jkl-icon:first-child):has(.jkl-icon:last-child){padding-inline:var(--jkl-button-padding-icon-button)}.jkl-button__label{transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-expressive);transition-property:translate;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:var(--jkl-unit-02);pointer-events:none}.jkl-button__loader{transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-expressive);transition-property:opacity,translate;position:absolute;top:50%;left:50%;translate:-50% 350%;opacity:0;pointer-events:none}.jkl-button__text{display:block;min-width:0;max-width:100%;-webkit-padding-before:var(--jkl-button-text-ink-offset);padding-block-start:var(--jkl-button-text-ink-offset);-webkit-margin-before:calc(var(--jkl-button-text-ink-offset)*-1);margin-block-start:calc(var(--jkl-button-text-ink-offset)*-1);overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.jkl-button[data-loading=true] .jkl-button__label{--button-loading-offset:calc(-100% - var(--jkl-button-padding-block)*2 - var(--jkl-button-text-ink-offset));translate:0 var(--button-loading-offset)}.jkl-button[data-loading=true] .jkl-button__loader{translate:-50% -50%;opacity:1}.jkl-button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-button:hover{background-color:color-mix(in srgb,var(--background-color),var(--text-color) 15%)}@media (forced-colors:active){.jkl-button:hover{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}}.jkl-button--ghost,.jkl-button--primary,.jkl-button--secondary{--border-radius:999px}.jkl-button--primary{--background-color:var(--jkl-color-background-contrast);--text-color:var(--jkl-color-text-on-contrast)}@media (forced-colors:active){.jkl-button--primary{border:calc(var(--border-width)*2) solid Highlight}}.jkl-button--secondary{border:var(--border-width) solid var(--text-color)}.jkl-button--tertiary{border-bottom:var(--border-width) solid var(--text-color);padding-inline:var(--jkl-button-tertiary-padding-icon)}.jkl-button--tertiary:has(.jkl-icon:first-child){padding-inline:var(--jkl-button-tertiary-padding-icon) calc(var(--jkl-button-tertiary-padding-icon)*2)}.jkl-button--tertiary:has(.jkl-icon:last-child){padding-inline:calc(var(--jkl-button-tertiary-padding-icon)*2) var(--jkl-button-tertiary-padding-icon)}}@layer jokul.components{.jkl-loader{--jkl-loader-dot-size:var(--jkl-unit-10);--jkl-loader-spacing:var(--jkl-unit-20);display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{display:block;transform-origin:center;background-color:currentColor;height:var(--jkl-loader-dot-size);width:var(--jkl-loader-dot-size);animation:2.5s linear infinite}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-udiizun;margin-right:calc(var(--jkl-loader-spacing)*.9)}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-udiizvl;margin-right:var(--jkl-loader-spacing)}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-udiizvq}@media screen and (forced-colors:active){.jkl-loader__dot{background-color:CanvasText}}@keyframes jkl-loader-left-spin-udiizun{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-udiizvl{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-udiizvq{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}}@layer jokul.components{@property --jkl-skeleton-sweeper-position{syntax:"<percentage>";initial-value:0%;inherits:true}.jkl-skeleton-animation{--jkl-skeleton-element-color:var(--jkl-color-background-page);--jkl-skeleton-sweep-duration:4500ms;--jkl-skeleton-sweeper-width:40%;-webkit-mask-image:linear-gradient(to right,#000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)),#0000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)/2),#000 var(--jkl-skeleton-sweeper-position));mask-image:linear-gradient(to right,#000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)),#0000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)/2),#000 var(--jkl-skeleton-sweeper-position));-webkit-mask-size:100dvi 100dvb;mask-size:100dvi 100dvb;-webkit-mask-position:center;mask-position:center;animation:var(--jkl-skeleton-sweep-duration) ease-in-out infinite --jkl-skeleton-sweep}.jkl-skeleton-element{border-radius:.125rem;background-color:var(--jkl-skeleton-element-color)}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors:active){.jkl-skeleton-element{border:1px solid CanvasText;animation:jkl-blink-udiizvv 2s ease infinite}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:var(--jkl-spacing-12)}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--jkl-spacing-8)}@media (width >= 0) and (max-width:679px){.jkl-skeleton-input{gap:var(--jkl-spacing-8)}}.jkl-skeleton-input--compact:after{gap:var(--jkl-spacing-8)}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--jkl-skeleton-element-color)}.jkl-skeleton-table__header,.jkl-skeleton-table__row{padding:var(--jkl-unit-20) var(--jkl-unit-10)}@media (width >= 0) and (max-width:679px){.jkl-skeleton-table__header{padding:var(--jkl-unit-10) var(--jkl-unit-05)}.jkl-skeleton-table__row{padding:var(--jkl-unit-20) var(--jkl-unit-05)}}@media screen and (forced-colors:active){.jkl-skeleton-table{animation:jkl-blink-udiizvv 2s ease-in-out infinite}}@keyframes jkl-blink-udiizvv{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}@keyframes --jkl-skeleton-sweep{0%,67%{--jkl-skeleton-sweeper-position:0%}to{--jkl-skeleton-sweeper-position:calc(100% + var(--jkl-skeleton-sweeper-width))}}}@layer jokul.components{.jkl-file-input{--jkl-file-input-dropzone-padding:var(--jkl-unit-30);--jkl-file-input-dropzone-gap:var(--jkl-unit-30);--jkl-file-cta-gap:var(--jkl-unit-30);--jkl-file-cta-with-files-gap:var(--jkl-unit-15);--jkl-file-list-gap:var(--jkl-unit-10)}.jkl-file-input__dropzone{--border-color:var(--jkl-color-border-default);--background-color:#0000;border:1px dashed var(--border-color);border-radius:.25rem;padding:var(--jkl-file-input-dropzone-padding);display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap;gap:var(--jkl-file-input-dropzone-gap);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-productive);transition-property:background-color;background-color:var(--background-color)}.jkl-file-input__dropzone--enter{--border-color:var(--jkl-color-border-strong);--background-color:var(--jkl-color-background-container);border-style:solid}.jkl-file-input__dropzone__drag-text{font:var(--jkl-text-style-paragraph-small)}@media (width >= 0) and (max-width:679px){.jkl-file-input__dropzone__drag-text{display:none}}.jkl-file-input__call-to-action{display:flex;justify-content:center;align-items:center;flex-direction:column;flex-wrap:nowrap}.jkl-file-input__call-to-action:has(:focus-visible) .jkl-button{transform:scale(1.05);outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-file-input__call-to-action:has(:focus-visible) .jkl-button:active{transform:scale(1)}.jkl-file-input__dropzone-hint{margin-top:var(--jkl-unit-30)}.jkl-file-input--has-files .jkl-file-input__dropzone-hint{display:none}.jkl-file-input__max-size-text{font:var(--jkl-text-style-text-small);color:var(--jkl-color-text-subdued);margin-top:var(--jkl-unit-30)}.jkl-file-input__files{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--jkl-file-list-gap)}.jkl-file-input--small .jkl-file-input__dropzone-hint{margin:0;display:block}.jkl-file-input--small .jkl-file-input__dropzone{padding:var(--jkl-unit-20);gap:var(--jkl-unit-20);margin-bottom:var(--jkl-unit-20);justify-content:flex-start;flex-direction:row;max-width:-webkit-fit-content;max-width:fit-content}.jkl-file-input--small .jkl-file-input__call-to-action{font:var(--jkl-text-style-text-small);gap:var(--jkl-unit-15);flex-direction:row;justify-content:flex-start}.jkl-file-input--small .jkl-file-input__max-size-text{margin-top:calc(var(--jkl-unit-15)*-1);margin-bottom:var(--jkl-unit-20)}}

package/styles/components/input-group/input-group.css

@@ -74,7 +74,7 @@
     display: inline-flex;
   }
   .jkl-form-support-label--error .jkl-form-support-label__icon, .jkl-form-support-label--warning .jkl-form-support-label__icon, .jkl-form-support-label--success .jkl-form-support-label__icon {
-    animation: var(--jkl-motion-timing-lazy) cubic-bezier(0, 0, 0.3, 1) var(--jkl-motion-timing-expressive) jkl-support-icon-entrance-u32qonv forwards;
+    animation: var(--jkl-motion-timing-lazy) cubic-bezier(0, 0, 0.3, 1) var(--jkl-motion-timing-expressive) jkl-support-icon-entrance-ukqjpvy forwards;
   }
   .jkl-form-support-label--sr-only {
     border: 0 !important;
@@ -128,7 +128,7 @@
   .jkl-label:has(+ .jkl-input-group-description) {
     margin-block-end: var(--jkl-spacing-4);
   }
-  @keyframes jkl-support-icon-entrance-u32qonv {
+  @keyframes jkl-support-icon-entrance-ukqjpvy {
     0% {
       margin-right: 0;
       opacity: 0;

package/styles/components/input-group/input-group.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-field-group{border-style:none}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-field-group{border-style:revert}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:revert;outline-style:revert}}}@layer jokul.components{.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}.jkl-form-support-label{--jkl-form-support-label-margin:var(--jkl-unit-10) 0 0;--jkl-form-support-label-icon-size:1.25rem;--jkl-form-support-label-icon-margin:0 -1.25rem -0.375rem 0;--color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-text-small);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-lazy);display:flex;margin:var(--jkl-form-support-label-margin);color:var(--color);transition-property:color;transition-delay:var(--jkl-motion-timing-productive)}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{opacity:0;height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin)}@media screen and (forced-colors:active){.jkl-form-support-label__icon,.jkl-form-support-label__icon path,.jkl-form-support-label__icon svg,.jkl-form-support-label__icon.jkl-icon,.jkl-form-support-label__icon.jkl-icon path,.jkl-form-support-label__icon.jkl-icon svg{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error{background-color:var(--jkl-color-error-background-container);padding-block:var(--jkl-unit-05);padding-inline:var(--jkl-unit-05) var(--jkl-unit-10);border-radius:var(--jkl-border-radius-xs);color:var(--jkl-color-error-text-default)}.jkl-form-support-label--error .jkl-form-support-label__icon{color:var(--jkl-color-error-background-contrast)}.jkl-form-support-label--error,.jkl-form-support-label--success,.jkl-form-support-label--warning{--color:var(--jkl-color-text-default);display:inline-flex}.jkl-form-support-label--error .jkl-form-support-label__icon,.jkl-form-support-label--success .jkl-form-support-label__icon,.jkl-form-support-label--warning .jkl-form-support-label__icon{animation:var(--jkl-motion-timing-lazy) cubic-bezier(0,0,.3,1) var(--jkl-motion-timing-expressive) jkl-support-icon-entrance-u32qonv forwards}.jkl-form-support-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.jkl-label{display:block;margin:0 0 var(--jkl-spacing-8) 0;color:var(--jkl-color-text-default)}.jkl-label--medium,.jkl-label--small{font:var(--jkl-text-style-text-medium)}.jkl-label--large{font:var(--jkl-text-style-text-large)}.jkl-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.jkl-label .jkl-help{position:relative;top:-.1ex}.jkl-input-group-description{font:var(--jkl-text-style-text-small);color:var(--jkl-color-text-subdued);-webkit-margin-after:var(--jkl-spacing-8);margin-block-end:var(--jkl-spacing-8);max-inline-size:50ch;text-wrap:pretty}.jkl-label:has(+.jkl-input-group-description){-webkit-margin-after:var(--jkl-spacing-4);margin-block-end:var(--jkl-spacing-4)}@keyframes jkl-support-icon-entrance-u32qonv{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:var(--jkl-spacing-8)}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{transform:scale(1);opacity:1;margin-right:var(--jkl-spacing-8)}}}@layer jokul.components{@media screen and (forced-colors:active){.jkl-text-input-action-button,.jkl-text-input-action-button path,.jkl-text-input-action-button svg{stroke:ButtonText;fill:ButtonFace}}}
+@layer jokul.components{.jkl-field-group{border-style:none}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-field-group{border-style:revert}.jkl-field-group,.jkl-field-group:active,.jkl-field-group:focus,.jkl-field-group:hover{outline:revert;outline-style:revert}}}@layer jokul.components{.jkl-dormant-form-support-label{display:none;opacity:0;pointer-events:none}.jkl-form-support-label{--jkl-form-support-label-margin:var(--jkl-unit-10) 0 0;--jkl-form-support-label-icon-size:1.25rem;--jkl-form-support-label-icon-margin:0 -1.25rem -0.375rem 0;--color:var(--jkl-color-text-subdued);font:var(--jkl-text-style-text-small);transition-timing-function:var(--jkl-motion-easing-standard);transition-duration:var(--jkl-motion-timing-lazy);display:flex;margin:var(--jkl-form-support-label-margin);color:var(--color);transition-property:color;transition-delay:var(--jkl-motion-timing-productive)}.jkl-form-support-label__icon,.jkl-form-support-label__icon.jkl-icon{opacity:0;height:var(--jkl-form-support-label-icon-size);margin:var(--jkl-form-support-label-icon-margin)}@media screen and (forced-colors:active){.jkl-form-support-label__icon,.jkl-form-support-label__icon path,.jkl-form-support-label__icon svg,.jkl-form-support-label__icon.jkl-icon,.jkl-form-support-label__icon.jkl-icon path,.jkl-form-support-label__icon.jkl-icon svg{stroke:CanvasText;fill:Canvas}}.jkl-form-support-label--error{background-color:var(--jkl-color-error-background-container);padding-block:var(--jkl-unit-05);padding-inline:var(--jkl-unit-05) var(--jkl-unit-10);border-radius:var(--jkl-border-radius-xs);color:var(--jkl-color-error-text-default)}.jkl-form-support-label--error .jkl-form-support-label__icon{color:var(--jkl-color-error-background-contrast)}.jkl-form-support-label--error,.jkl-form-support-label--success,.jkl-form-support-label--warning{--color:var(--jkl-color-text-default);display:inline-flex}.jkl-form-support-label--error .jkl-form-support-label__icon,.jkl-form-support-label--success .jkl-form-support-label__icon,.jkl-form-support-label--warning .jkl-form-support-label__icon{animation:var(--jkl-motion-timing-lazy) cubic-bezier(0,0,.3,1) var(--jkl-motion-timing-expressive) jkl-support-icon-entrance-ukqjpvy forwards}.jkl-form-support-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.jkl-label{display:block;margin:0 0 var(--jkl-spacing-8) 0;color:var(--jkl-color-text-default)}.jkl-label--medium,.jkl-label--small{font:var(--jkl-text-style-text-medium)}.jkl-label--large{font:var(--jkl-text-style-text-large)}.jkl-label--sr-only{border:0!important;clip:rect(1px,1px,1px,1px)!important;-webkit-clip-path:inset(50%)!important;clip-path:inset(50%)!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;width:1px!important;white-space:nowrap!important}.jkl-label .jkl-help{position:relative;top:-.1ex}.jkl-input-group-description{font:var(--jkl-text-style-text-small);color:var(--jkl-color-text-subdued);-webkit-margin-after:var(--jkl-spacing-8);margin-block-end:var(--jkl-spacing-8);max-inline-size:50ch;text-wrap:pretty}.jkl-label:has(+.jkl-input-group-description){-webkit-margin-after:var(--jkl-spacing-4);margin-block-end:var(--jkl-spacing-4)}@keyframes jkl-support-icon-entrance-ukqjpvy{0%{margin-right:0;opacity:0;transform:scale(1)}30%{margin-right:var(--jkl-spacing-8)}50%{opacity:1}70%{transform:scale(1.1)}85%{transform:scale(.9)}to{transform:scale(1);opacity:1;margin-right:var(--jkl-spacing-8)}}}@layer jokul.components{@media screen and (forced-colors:active){.jkl-text-input-action-button,.jkl-text-input-action-button path,.jkl-text-input-action-button svg{stroke:ButtonText;fill:ButtonFace}}}

package/styles/components/loader/loader.css

@@ -19,22 +19,22 @@
     animation: 2500ms linear infinite;
   }
   .jkl-loader__dot--left {
-    animation-name: jkl-loader-left-spin-u0mau6b;
+    animation-name: jkl-loader-left-spin-upp2rfi;
     margin-right: calc(var(--jkl-loader-spacing) * 0.9);
   }
   .jkl-loader__dot--middle {
-    animation-name: jkl-loader-middle-spin-u0mau6m;
+    animation-name: jkl-loader-middle-spin-upp2rg0;
     margin-right: var(--jkl-loader-spacing);
   }
   .jkl-loader__dot--right {
-    animation-name: jkl-loader-right-spin-u0mau79;
+    animation-name: jkl-loader-right-spin-upp2rg9;
   }
   @media screen and (forced-colors: active) {
     .jkl-loader__dot {
       background-color: CanvasText;
     }
   }
-  @keyframes jkl-loader-left-spin-u0mau6b {
+  @keyframes jkl-loader-left-spin-upp2rfi {
     0% {
       transform: rotate(0) scale(0);
     }
@@ -48,7 +48,7 @@
       transform: rotate(180deg) scale(0);
     }
   }
-  @keyframes jkl-loader-middle-spin-u0mau6m {
+  @keyframes jkl-loader-middle-spin-upp2rg0 {
     0% {
       transform: rotate(20deg) scale(0);
     }
@@ -65,7 +65,7 @@
       transform: rotate(200deg) scale(0);
     }
   }
-  @keyframes jkl-loader-right-spin-u0mau79 {
+  @keyframes jkl-loader-right-spin-upp2rg9 {
     0% {
       transform: rotate(40deg) scale(0);
     }

package/styles/components/loader/loader.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-loader{--jkl-loader-dot-size:var(--jkl-unit-10);--jkl-loader-spacing:var(--jkl-unit-20);display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{display:block;transform-origin:center;background-color:currentColor;height:var(--jkl-loader-dot-size);width:var(--jkl-loader-dot-size);animation:2.5s linear infinite}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-u0mau6b;margin-right:calc(var(--jkl-loader-spacing)*.9)}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-u0mau6m;margin-right:var(--jkl-loader-spacing)}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-u0mau79}@media screen and (forced-colors:active){.jkl-loader__dot{background-color:CanvasText}}@keyframes jkl-loader-left-spin-u0mau6b{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-u0mau6m{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-u0mau79{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}}
+@layer jokul.components{.jkl-loader{--jkl-loader-dot-size:var(--jkl-unit-10);--jkl-loader-spacing:var(--jkl-unit-20);display:flex}.jkl-loader--inline{display:inline-flex}.jkl-loader__dot{display:block;transform-origin:center;background-color:currentColor;height:var(--jkl-loader-dot-size);width:var(--jkl-loader-dot-size);animation:2.5s linear infinite}.jkl-loader__dot--left{animation-name:jkl-loader-left-spin-upp2rfi;margin-right:calc(var(--jkl-loader-spacing)*.9)}.jkl-loader__dot--middle{animation-name:jkl-loader-middle-spin-upp2rg0;margin-right:var(--jkl-loader-spacing)}.jkl-loader__dot--right{animation-name:jkl-loader-right-spin-upp2rg9}@media screen and (forced-colors:active){.jkl-loader__dot{background-color:CanvasText}}@keyframes jkl-loader-left-spin-upp2rfi{0%{transform:rotate(0) scale(0)}30%{transform:rotate(90deg) scale(1)}70%{transform:rotate(180deg) scale(0)}to{transform:rotate(180deg) scale(0)}}@keyframes jkl-loader-middle-spin-upp2rg0{0%{transform:rotate(20deg) scale(0)}10%{transform:rotate(20deg) scale(0)}40%{transform:rotate(110deg) scale(1.4)}85%{transform:rotate(200deg) scale(0)}to{transform:rotate(200deg) scale(0)}}@keyframes jkl-loader-right-spin-upp2rg9{0%{transform:rotate(40deg) scale(0)}20%{transform:rotate(40deg) scale(0)}50%{transform:rotate(130deg) scale(1)}to{transform:rotate(220deg) scale(0)}}}

package/styles/components/loader/skeleton-loader.css

@@ -26,7 +26,7 @@
   @media screen and (forced-colors: active) {
     .jkl-skeleton-element {
       border: 1px solid CanvasText;
-      animation: 2s ease infinite jkl-blink-uuz7t0o;
+      animation: 2s ease infinite jkl-blink-utythcq;
     }
   }
   .jkl-skeleton-input {
@@ -74,10 +74,10 @@
   }
   @media screen and (forced-colors: active) {
     .jkl-skeleton-table {
-      animation: 2s ease-in-out infinite jkl-blink-uuz7t0o;
+      animation: 2s ease-in-out infinite jkl-blink-utythcq;
     }
   }
-  @keyframes jkl-blink-uuz7t0o {
+  @keyframes jkl-blink-utythcq {
     0% {
       opacity: 1;
     }

package/styles/components/loader/skeleton-loader.min.css

@@ -1 +1 @@
-@layer jokul.components{@property --jkl-skeleton-sweeper-position{syntax:"<percentage>";initial-value:0%;inherits:true}.jkl-skeleton-animation{--jkl-skeleton-element-color:var(--jkl-color-background-page);--jkl-skeleton-sweep-duration:4500ms;--jkl-skeleton-sweeper-width:40%;-webkit-mask-image:linear-gradient(to right,#000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)),#0000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)/2),#000 var(--jkl-skeleton-sweeper-position));mask-image:linear-gradient(to right,#000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)),#0000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)/2),#000 var(--jkl-skeleton-sweeper-position));-webkit-mask-size:100dvi 100dvb;mask-size:100dvi 100dvb;-webkit-mask-position:center;mask-position:center;animation:var(--jkl-skeleton-sweep-duration) ease-in-out infinite --jkl-skeleton-sweep}.jkl-skeleton-element{border-radius:.125rem;background-color:var(--jkl-skeleton-element-color)}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors:active){.jkl-skeleton-element{border:1px solid CanvasText;animation:jkl-blink-uuz7t0o 2s ease infinite}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:var(--jkl-spacing-12)}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--jkl-spacing-8)}@media (width >= 0) and (max-width:679px){.jkl-skeleton-input{gap:var(--jkl-spacing-8)}}.jkl-skeleton-input--compact:after{gap:var(--jkl-spacing-8)}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--jkl-skeleton-element-color)}.jkl-skeleton-table__header,.jkl-skeleton-table__row{padding:var(--jkl-unit-20) var(--jkl-unit-10)}@media (width >= 0) and (max-width:679px){.jkl-skeleton-table__header{padding:var(--jkl-unit-10) var(--jkl-unit-05)}.jkl-skeleton-table__row{padding:var(--jkl-unit-20) var(--jkl-unit-05)}}@media screen and (forced-colors:active){.jkl-skeleton-table{animation:jkl-blink-uuz7t0o 2s ease-in-out infinite}}@keyframes jkl-blink-uuz7t0o{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}@keyframes --jkl-skeleton-sweep{0%,67%{--jkl-skeleton-sweeper-position:0%}to{--jkl-skeleton-sweeper-position:calc(100% + var(--jkl-skeleton-sweeper-width))}}}
+@layer jokul.components{@property --jkl-skeleton-sweeper-position{syntax:"<percentage>";initial-value:0%;inherits:true}.jkl-skeleton-animation{--jkl-skeleton-element-color:var(--jkl-color-background-page);--jkl-skeleton-sweep-duration:4500ms;--jkl-skeleton-sweeper-width:40%;-webkit-mask-image:linear-gradient(to right,#000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)),#0000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)/2),#000 var(--jkl-skeleton-sweeper-position));mask-image:linear-gradient(to right,#000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)),#0000 calc(var(--jkl-skeleton-sweeper-position) - var(--jkl-skeleton-sweeper-width)/2),#000 var(--jkl-skeleton-sweeper-position));-webkit-mask-size:100dvi 100dvb;mask-size:100dvi 100dvb;-webkit-mask-position:center;mask-position:center;animation:var(--jkl-skeleton-sweep-duration) ease-in-out infinite --jkl-skeleton-sweep}.jkl-skeleton-element{border-radius:.125rem;background-color:var(--jkl-skeleton-element-color)}.jkl-skeleton-element--circle{border-radius:50%}@media screen and (forced-colors:active){.jkl-skeleton-element{border:1px solid CanvasText;animation:jkl-blink-utythcq 2s ease infinite}}.jkl-skeleton-input{display:flex;flex-direction:column;gap:var(--jkl-spacing-12)}.jkl-skeleton-input__checkbox{display:flex;flex-direction:row;flex-wrap:nowrap;gap:var(--jkl-spacing-8)}@media (width >= 0) and (max-width:679px){.jkl-skeleton-input{gap:var(--jkl-spacing-8)}}.jkl-skeleton-input--compact:after{gap:var(--jkl-spacing-8)}.jkl-skeleton-table{display:flex;flex-direction:column}.jkl-skeleton-table__header,.jkl-skeleton-table__row{display:flex;flex-direction:row;justify-content:space-between;border-bottom:1px solid var(--jkl-skeleton-element-color)}.jkl-skeleton-table__header,.jkl-skeleton-table__row{padding:var(--jkl-unit-20) var(--jkl-unit-10)}@media (width >= 0) and (max-width:679px){.jkl-skeleton-table__header{padding:var(--jkl-unit-10) var(--jkl-unit-05)}.jkl-skeleton-table__row{padding:var(--jkl-unit-20) var(--jkl-unit-05)}}@media screen and (forced-colors:active){.jkl-skeleton-table{animation:jkl-blink-utythcq 2s ease-in-out infinite}}@keyframes jkl-blink-utythcq{0%{opacity:1}40%,50%{opacity:.3}70%,to{opacity:1}}@keyframes --jkl-skeleton-sweep{0%,67%{--jkl-skeleton-sweeper-position:0%}to{--jkl-skeleton-sweeper-position:calc(100% + var(--jkl-skeleton-sweeper-width))}}}

package/styles/components/message/message.css

@@ -147,7 +147,7 @@
     --icon-color: var(--jkl-color-success-background-contrast);
   }
   .jkl-message--dismissed {
-    animation: jkl-dismiss-uul5rfj var(--jkl-motion-timing-lazy) ease-in-out forwards;
+    animation: jkl-dismiss-u3i93kd var(--jkl-motion-timing-lazy) ease-in-out forwards;
     transition: visibility 0ms var(--jkl-motion-timing-lazy);
     visibility: hidden;
   }
@@ -169,7 +169,7 @@
   .jkl-form-error-message {
     padding-bottom: var(--jkl-unit-50);
   }
-  @keyframes jkl-dismiss-uul5rfj {
+  @keyframes jkl-dismiss-u3i93kd {
     from {
       opacity: 1;
       transform: translate3d(0, 0, 0);

package/styles/components/message/message.min.css

@@ -1 +1 @@
-@layer jokul.components{.jkl-message{--jkl-message-icon-left:var(--jkl-unit-20);--jkl-message-icon-top:var(--jkl-unit-30);--jkl-message-title-margin:0 0 var(--jkl-unit-05) 0;--jkl-message-dismiss-button-size:var(--jkl-unit-50);--jkl-message-gap:var(--jkl-unit-20);--jkl-message-padding:var(--jkl-unit-25) var(--jkl-unit-15);--icon-color:var(--jkl-color-background-contrast);--background-color:var(--jkl-color-background-container);--text-color:var(--jkl-color-text-default);width:100%;max-width:35rem;padding:var(--jkl-message-padding);background-color:var(--background-color);color:var(--text-color);border-radius:var(--jkl-border-radius-s);box-sizing:border-box;display:grid;align-items:start;grid-template-areas:"icon content dismiss";grid-template-columns:auto 1fr auto;font:var(--jkl-text-style-paragraph-medium)}.jkl-message:has(.jkl-message__title){font:var(--jkl-text-style-heading-5)}.jkl-message__icon{grid-area:icon;margin-right:var(--jkl-message-gap);color:var(--icon-color)}@media screen and (forced-colors:active){.jkl-message__icon,.jkl-message__icon path,.jkl-message__icon svg{stroke:CanvasText}}.jkl-message__content{grid-area:content}.jkl-message__message{font:var(--jkl-text-style-paragraph-medium);margin-top:-.125rem}.jkl-message__title{font:var(--jkl-text-style-heading-5);margin:var(--jkl-message-title-margin)}.jkl-message__title~.jkl-message__message{margin-top:0}.jkl-message__dismiss-button{grid-area:dismiss;justify-self:end;position:relative;background-color:initial;padding:0;color:inherit;display:grid;place-content:center;outline:0;border-style:none;outline-style:none}.jkl-message__dismiss-button:active,.jkl-message__dismiss-button:focus,.jkl-message__dismiss-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-message__dismiss-button{border-style:revert}.jkl-message__dismiss-button,.jkl-message__dismiss-button:active,.jkl-message__dismiss-button:focus,.jkl-message__dismiss-button:hover{outline:revert;outline-style:revert}.jkl-message__dismiss-button,.jkl-message__dismiss-button path,.jkl-message__dismiss-button svg{stroke:ButtonText}.jkl-message__dismiss-button{background-color:ButtonFace}}.jkl-message__dismiss-button:after{content:"";position:absolute;display:block;width:var(--jkl-message-dismiss-button-size);height:var(--jkl-message-dismiss-button-size);top:50%;left:50%;transform:translate(-50%,-50%)}.jkl-message__dismiss-button:hover{color:var(--jkl-color-text-subdued)}@media screen and (forced-colors:active){.jkl-message__dismiss-button:hover,.jkl-message__dismiss-button:hover path,.jkl-message__dismiss-button:hover svg{stroke:ButtonText}}.jkl-message__dismiss-button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-message--full{max-width:100%}.jkl-message--info{--background-color:var(--jkl-color-info-background-container);--text-color:var(--jkl-color-info-text-default);--icon-color:var(--jkl-color-info-background-contrast)}.jkl-message--warning{--background-color:var(--jkl-color-warning-background-container);--text-color:var(--jkl-color-warning-text-default);--icon-color:var(--jkl-color-warning-background-contrast)}.jkl-message--error{--background-color:var(--jkl-color-error-background-container);--text-color:var(--jkl-color-error-text-default);--icon-color:var(--jkl-color-error-background-contrast)}.jkl-message--success{--background-color:var(--jkl-color-success-background-container);--text-color:var(--jkl-color-success-text-default);--icon-color:var(--jkl-color-success-background-contrast)}.jkl-message--dismissed{animation:jkl-dismiss-uul5rfj var(--jkl-motion-timing-lazy) ease-in-out forwards;transition:visibility 0s var(--jkl-motion-timing-lazy);visibility:hidden}@media screen and (forced-colors:active){.jkl-message{border:2px solid CanvasText}.jkl-message--info{border-style:dotted}.jkl-message--warning{border-style:dashed}.jkl-message--error{border-style:double;border-width:4px}}.jkl-form-error-message{padding-bottom:var(--jkl-unit-50)}@keyframes jkl-dismiss-uul5rfj{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}}
+@layer jokul.components{.jkl-message{--jkl-message-icon-left:var(--jkl-unit-20);--jkl-message-icon-top:var(--jkl-unit-30);--jkl-message-title-margin:0 0 var(--jkl-unit-05) 0;--jkl-message-dismiss-button-size:var(--jkl-unit-50);--jkl-message-gap:var(--jkl-unit-20);--jkl-message-padding:var(--jkl-unit-25) var(--jkl-unit-15);--icon-color:var(--jkl-color-background-contrast);--background-color:var(--jkl-color-background-container);--text-color:var(--jkl-color-text-default);width:100%;max-width:35rem;padding:var(--jkl-message-padding);background-color:var(--background-color);color:var(--text-color);border-radius:var(--jkl-border-radius-s);box-sizing:border-box;display:grid;align-items:start;grid-template-areas:"icon content dismiss";grid-template-columns:auto 1fr auto;font:var(--jkl-text-style-paragraph-medium)}.jkl-message:has(.jkl-message__title){font:var(--jkl-text-style-heading-5)}.jkl-message__icon{grid-area:icon;margin-right:var(--jkl-message-gap);color:var(--icon-color)}@media screen and (forced-colors:active){.jkl-message__icon,.jkl-message__icon path,.jkl-message__icon svg{stroke:CanvasText}}.jkl-message__content{grid-area:content}.jkl-message__message{font:var(--jkl-text-style-paragraph-medium);margin-top:-.125rem}.jkl-message__title{font:var(--jkl-text-style-heading-5);margin:var(--jkl-message-title-margin)}.jkl-message__title~.jkl-message__message{margin-top:0}.jkl-message__dismiss-button{grid-area:dismiss;justify-self:end;position:relative;background-color:initial;padding:0;color:inherit;display:grid;place-content:center;outline:0;border-style:none;outline-style:none}.jkl-message__dismiss-button:active,.jkl-message__dismiss-button:focus,.jkl-message__dismiss-button:hover{outline:0;outline-style:none}@media screen and (forced-colors:active){.jkl-message__dismiss-button{border-style:revert}.jkl-message__dismiss-button,.jkl-message__dismiss-button:active,.jkl-message__dismiss-button:focus,.jkl-message__dismiss-button:hover{outline:revert;outline-style:revert}.jkl-message__dismiss-button,.jkl-message__dismiss-button path,.jkl-message__dismiss-button svg{stroke:ButtonText}.jkl-message__dismiss-button{background-color:ButtonFace}}.jkl-message__dismiss-button:after{content:"";position:absolute;display:block;width:var(--jkl-message-dismiss-button-size);height:var(--jkl-message-dismiss-button-size);top:50%;left:50%;transform:translate(-50%,-50%)}.jkl-message__dismiss-button:hover{color:var(--jkl-color-text-subdued)}@media screen and (forced-colors:active){.jkl-message__dismiss-button:hover,.jkl-message__dismiss-button:hover path,.jkl-message__dismiss-button:hover svg{stroke:ButtonText}}.jkl-message__dismiss-button:focus-visible{outline:3px solid var(--jkl-color-border-strong);outline-offset:3px}.jkl-message--full{max-width:100%}.jkl-message--info{--background-color:var(--jkl-color-info-background-container);--text-color:var(--jkl-color-info-text-default);--icon-color:var(--jkl-color-info-background-contrast)}.jkl-message--warning{--background-color:var(--jkl-color-warning-background-container);--text-color:var(--jkl-color-warning-text-default);--icon-color:var(--jkl-color-warning-background-contrast)}.jkl-message--error{--background-color:var(--jkl-color-error-background-container);--text-color:var(--jkl-color-error-text-default);--icon-color:var(--jkl-color-error-background-contrast)}.jkl-message--success{--background-color:var(--jkl-color-success-background-container);--text-color:var(--jkl-color-success-text-default);--icon-color:var(--jkl-color-success-background-contrast)}.jkl-message--dismissed{animation:jkl-dismiss-u3i93kd var(--jkl-motion-timing-lazy) ease-in-out forwards;transition:visibility 0s var(--jkl-motion-timing-lazy);visibility:hidden}@media screen and (forced-colors:active){.jkl-message{border:2px solid CanvasText}.jkl-message--info{border-style:dotted}.jkl-message--warning{border-style:dashed}.jkl-message--error{border-style:double;border-width:4px}}.jkl-form-error-message{padding-bottom:var(--jkl-unit-50)}@keyframes jkl-dismiss-u3i93kd{0%{opacity:1;transform:translateZ(0)}to{opacity:0;transform:translate3d(0,-50%,0)}}}