@fremtind/jokul 5.0.0-next.7 → 5.0.0-next.8

package/build/cjs/components/card/Card.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("../../../clsx-E3yX_9sL.cjs"),a=require("react"),t=require("../../utilities/polymorphism/SlotComponent.cjs"),i=a.forwardRef(function(a,i){const{className:s,clickable:l=!1,padding:c="s",variant:d="filled",asChild:o,as:n="div",...u}=a,p=o?t.SlotComponent:n;return e.jsx(p,{"data-testid":"jkl-card","data-clickable":l,"data-padding":c,className:r.clsx("jkl-card",`jkl-card--${d}`,s),...u,ref:i})});exports.Card=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs"),r=require("react"),a=require("../../utilities/polymorphism/SlotComponent.cjs"),i=r.forwardRef(function(r,i){const{className:s,clickable:l=!1,padding:c="s",outlined:o=!1,asChild:d,as:n="div",...u}=r,p=d?a.SlotComponent:n;return e.jsx(p,{"data-testid":"jkl-card","data-clickable":l,"data-padding":c,className:t.clsx("jkl-card",o&&"jkl-card--outlined",s),...u,ref:i})});exports.Card=i;
 //# sourceMappingURL=Card.cjs.map

package/build/cjs/components/card/Card.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { CardProps } from \"./types.js\";\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n    ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"filled\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","Component","SlotComponent","jsx","clsx"],"mappings":"4OAiBaA,EAAOC,EAAMC,WAAW,SAEnCC,EAA+BC,GAC7B,MACIC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,SACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAAA,cAAgBH,EAE5C,OACII,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,EAAAA,KAAK,WAAY,aAAaP,IAAWH,MAChDM,EACJP,IAAAA,GAGZ"}
+{"version":3,"file":"Card.cjs","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { CardProps } from \"./types.js\";\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n    ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        outlined = false,\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\n                \"jkl-card\",\n                outlined && \"jkl-card--outlined\",\n                className,\n            )}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","outlined","asChild","as","componentProps","Component","SlotComponent","jsx","clsx"],"mappings":"4OAiBaA,EAAOC,EAAMC,WAAW,SAEnCC,EAA+BC,GAC7B,MACIC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,SAAAA,GAAW,EACXC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAEES,EAAYH,EAAUI,EAAAA,cAAgBH,EAE5C,OACII,EAAAA,IAACF,EAAA,CACG,cAAY,WACZ,iBAAgBN,EAChB,eAAcC,EACdF,UAAWU,EAAAA,KACP,WACAP,GAAY,qBACZH,MAEAM,EACJP,IAAAA,GAGZ"}

package/build/cjs/components/card/index.d.cts

@@ -1,3 +1,3 @@
 export { Card } from './Card.cjs';
 export { CardImage, type CardImageProps } from './CardImage.cjs';
-export type { CardProps, CardPadding, CardVariant, } from './types.cjs';
+export type { CardProps, CardPadding, } from './types.cjs';

package/build/cjs/components/card/types.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.CARD_PADDINGS=["s","m","l","xl"],exports.CARD_VARIANTS=["outlined","filled"];
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});exports.CARD_PADDINGS=["s","m","l","xl"];
 //# sourceMappingURL=types.cjs.map

package/build/cjs/components/card/types.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"types.cjs","sources":["../../../../src/components/card/types.ts"],"sourcesContent":["import type { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"filled\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\ntype Props = {\n    className?: string;\n    /**\n     * Setter padding på kortet. Tilsvarer samme property i Figma.\n     * @default \"s\"\n     */\n    padding?: CardPadding;\n    /**\n     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n     * @default \"filled\"\n     */\n    variant?: CardVariant;\n    /**\n     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n     * skal lese alt innholdet i kortet.\n     */\n    clickable?: boolean;\n};\n\nexport type CardProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<ElementType, Props> & Props;\n"],"names":[],"mappings":"sGAE6B,CAAC,IAAK,IAAK,IAAK,4BAEhB,CAAC,WAAY"}
+{"version":3,"file":"types.cjs","sources":["../../../../src/components/card/types.ts"],"sourcesContent":["import type { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\n\ntype Props = {\n    className?: string;\n    /**\n     * Setter padding på kortet. Tilsvarer samme property i Figma.\n     * @default \"s\"\n     */\n    padding?: CardPadding;\n    /**\n     * Legger på kantlinje rundt kortet.\n     * @default false\n     */\n    outlined?: boolean;\n    /**\n     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n     * skal lese alt innholdet i kortet.\n     */\n    clickable?: boolean;\n};\n\nexport type CardProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<ElementType, Props> & Props;\n"],"names":[],"mappings":"sGAE6B,CAAC,IAAK,IAAK,IAAK"}

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

@@ -1,8 +1,6 @@
 import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.cjs';
 export declare const CARD_PADDINGS: readonly ["s", "m", "l", "xl"];
 export type CardPadding = (typeof CARD_PADDINGS)[number];
-export declare const CARD_VARIANTS: readonly ["outlined", "filled"];
-export type CardVariant = (typeof CARD_VARIANTS)[number];
 type Props = {
     className?: string;
     /**
@@ -11,11 +9,10 @@ type Props = {
      */
     padding?: CardPadding;
     /**
-     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast
-     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.
-     * @default "filled"
+     * Legger på kantlinje rundt kortet.
+     * @default false
      */
-    variant?: CardVariant;
+    outlined?: boolean;
     /**
      * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre
      * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra

package/build/cjs/tokens.cjs

@@ -1,2 +1,2 @@
-"use strict";module.exports={color:{neutral:{background:{page:"var(--jkl-color-neutral-background-page)",container:"var(--jkl-color-neutral-background-container)",action:"var(--jkl-color-neutral-background-action)"},text:{default:"var(--jkl-color-neutral-text-default)",subdued:"var(--jkl-color-neutral-text-subdued)","on-action":"var(--jkl-color-neutral-text-on-action)"},border:{strong:"var(--jkl-color-neutral-border-strong)",default:"var(--jkl-color-neutral-border-default)",subdued:"var(--jkl-color-neutral-border-subdued)"}},accent:{background:{page:"var(--jkl-color-accent-background-page)",container:"var(--jkl-color-accent-background-container)",action:"var(--jkl-color-accent-background-action)"},text:{default:"var(--jkl-color-accent-text-default)",subdued:"var(--jkl-color-accent-text-subdued)","on-action":"var(--jkl-color-accent-text-on-action)"},border:{strong:"var(--jkl-color-accent-border-strong)",default:"var(--jkl-color-accent-border-default)",subdued:"var(--jkl-color-accent-border-subdued)"}},warning:{background:{page:"var(--jkl-color-warning-background-page)",container:"var(--jkl-color-warning-background-container)",action:"var(--jkl-color-warning-background-action)"},text:{default:"var(--jkl-color-warning-text-default)",subdued:"var(--jkl-color-warning-text-subdued)","on-action":"var(--jkl-color-warning-text-on-action)"},border:{strong:"var(--jkl-color-warning-border-strong)",default:"var(--jkl-color-warning-border-default)",subdued:"var(--jkl-color-warning-border-subdued)"}},success:{background:{page:"var(--jkl-color-success-background-page)",container:"var(--jkl-color-success-background-container)",action:"var(--jkl-color-success-background-action)"},text:{default:"var(--jkl-color-success-text-default)",subdued:"var(--jkl-color-success-text-subdued)","on-action":"var(--jkl-color-success-text-on-action)"},border:{strong:"var(--jkl-color-success-border-strong)",default:"var(--jkl-color-success-border-default)",subdued:"var(--jkl-color-success-border-subdued)"}},info:{background:{page:"var(--jkl-color-info-background-page)",container:"var(--jkl-color-info-background-container)",action:"var(--jkl-color-info-background-action)"},text:{default:"var(--jkl-color-info-text-default)",subdued:"var(--jkl-color-info-text-subdued)","on-action":"var(--jkl-color-info-text-on-action)"},border:{strong:"var(--jkl-color-info-border-strong)",default:"var(--jkl-color-info-border-default)",subdued:"var(--jkl-color-info-border-subdued)"}},error:{background:{page:"var(--jkl-color-error-background-page)",container:"var(--jkl-color-error-background-container)",action:"var(--jkl-color-error-background-action)"},text:{default:"var(--jkl-color-error-text-default)",subdued:"var(--jkl-color-error-text-subdued)","on-action":"var(--jkl-color-error-text-on-action)"},border:{strong:"var(--jkl-color-error-border-strong)",default:"var(--jkl-color-error-border-default)",subdued:"var(--jkl-color-error-border-subdued)"}}},unit:{0:"var(--jkl-unit-0)",10:"var(--jkl-unit-10)",15:"var(--jkl-unit-15)",20:"var(--jkl-unit-20)",25:"var(--jkl-unit-25)",30:"var(--jkl-unit-30)",35:"var(--jkl-unit-35)",40:"var(--jkl-unit-40)",50:"var(--jkl-unit-50)",60:"var(--jkl-unit-60)",70:"var(--jkl-unit-70)",80:"var(--jkl-unit-80)",90:"var(--jkl-unit-90)",100:"var(--jkl-unit-100)",130:"var(--jkl-unit-130)",210:"var(--jkl-unit-210)",base:"var(--jkl-unit-base)","02":"var(--jkl-unit-02)","05":"var(--jkl-unit-05)"},spacing:{0:"var(--jkl-spacing-0)",2:"var(--jkl-spacing-2)",4:"var(--jkl-spacing-4)",8:"var(--jkl-spacing-8)",12:"var(--jkl-spacing-12)",16:"var(--jkl-spacing-16)",24:"var(--jkl-spacing-24)",32:"var(--jkl-spacing-32)",40:"var(--jkl-spacing-40)",64:"var(--jkl-spacing-64)",104:"var(--jkl-spacing-104)",168:"var(--jkl-spacing-168)",none:"var(--jkl-spacing-none)","2xs":"var(--jkl-spacing-2xs)",xs:"var(--jkl-spacing-xs)",s:"var(--jkl-spacing-s)",m:"var(--jkl-spacing-m)",l:"var(--jkl-spacing-l)",xl:"var(--jkl-spacing-xl)","2xl":"var(--jkl-spacing-2xl)"},border:{width:{1:"var(--jkl-border-width-1)",2:"var(--jkl-border-width-2)",3:"var(--jkl-border-width-3)"},radius:{none:"var(--jkl-border-radius-none)",xs:"var(--jkl-border-radius-xs)",s:"var(--jkl-border-radius-s)",m:"var(--jkl-border-radius-m)",l:"var(--jkl-border-radius-l)",full:"var(--jkl-border-radius-full)"}},breakpoint:{small:"var(--jkl-breakpoint-small)",medium:"var(--jkl-breakpoint-medium)",large:"var(--jkl-breakpoint-large)",xl:"var(--jkl-breakpoint-xl)"},motion:{timing:{energetic:"var(--jkl-motion-timing-energetic)",snappy:"var(--jkl-motion-timing-snappy)",productive:"var(--jkl-motion-timing-productive)",polite:"var(--jkl-motion-timing-polite)",expressive:"var(--jkl-motion-timing-expressive)",lazy:"var(--jkl-motion-timing-lazy)"},easing:{standard:"var(--jkl-motion-easing-standard)",entrance:"var(--jkl-motion-easing-entrance)",exit:"var(--jkl-motion-easing-exit)",easeInBounceOut:"var(--jkl-motion-easing-ease-in-bounce-out)",focus:"var(--jkl-motion-easing-focus)"}},font:{size:{1:"var(--jkl-font-size-1)",2:"var(--jkl-font-size-2)",3:"var(--jkl-font-size-3)",4:"var(--jkl-font-size-4)",5:"var(--jkl-font-size-5)",6:"var(--jkl-font-size-6)",7:"var(--jkl-font-size-7)",8:"var(--jkl-font-size-8)",9:"var(--jkl-font-size-9)",10:"var(--jkl-font-size-10)"},weight:{normal:"var(--jkl-font-weight-normal)",bold:"var(--jkl-font-weight-bold)"},family:{regular:"var(--jkl-font-family-regular)",display:"var(--jkl-font-family-display)",mono:"var(--jkl-font-family-mono)"}},lineHeight:{flush:"var(--jkl-line-height-flush)",tight:"var(--jkl-line-height-tight)",relaxed:"var(--jkl-line-height-relaxed)"},textStyle:{title:"var(--jkl-text-style-title)","title-small":"var(--jkl-text-style-title-small)","heading-1":"var(--jkl-text-style-heading-1)","heading-2":"var(--jkl-text-style-heading-2)","heading-3":"var(--jkl-text-style-heading-3)","heading-4":"var(--jkl-text-style-heading-4)","heading-5":"var(--jkl-text-style-heading-5)","paragraph-large":"var(--jkl-text-style-paragraph-large)","paragraph-medium":"var(--jkl-text-style-paragraph-medium)","paragraph-small":"var(--jkl-text-style-paragraph-small)","text-large":"var(--jkl-text-style-text-large)","text-medium":"var(--jkl-text-style-text-medium)","text-small":"var(--jkl-text-style-text-small)","text-micro":"var(--jkl-text-style-text-micro)"}};
+"use strict";module.exports={color:{"@":{background:{page:"var(--jkl-color-background-page)",container:"var(--jkl-color-background-container)","container-accent":"var(--jkl-color-background-container-accent)",contrast:"var(--jkl-color-background-contrast)"},text:{default:"var(--jkl-color-text-default)",subdued:"var(--jkl-color-text-subdued)",accent:"var(--jkl-color-text-accent)","on-contrast":"var(--jkl-color-text-on-contrast)"},border:{default:"var(--jkl-color-border-default)",subdued:"var(--jkl-color-border-subdued)",strong:"var(--jkl-color-border-strong)"}},warning:{background:{page:"var(--jkl-color-warning-background-page)",container:"var(--jkl-color-warning-background-container)","container-accent":"var(--jkl-color-warning-background-container-accent)",contrast:"var(--jkl-color-warning-background-contrast)"},text:{default:"var(--jkl-color-warning-text-default)",subdued:"var(--jkl-color-warning-text-subdued)",accent:"var(--jkl-color-warning-text-accent)","on-contrast":"var(--jkl-color-warning-text-on-contrast)"},border:{default:"var(--jkl-color-warning-border-default)",subdued:"var(--jkl-color-warning-border-subdued)",strong:"var(--jkl-color-warning-border-strong)"}},success:{background:{page:"var(--jkl-color-success-background-page)",container:"var(--jkl-color-success-background-container)","container-accent":"var(--jkl-color-success-background-container-accent)",contrast:"var(--jkl-color-success-background-contrast)"},text:{default:"var(--jkl-color-success-text-default)",subdued:"var(--jkl-color-success-text-subdued)",accent:"var(--jkl-color-success-text-accent)","on-contrast":"var(--jkl-color-success-text-on-contrast)"},border:{default:"var(--jkl-color-success-border-default)",subdued:"var(--jkl-color-success-border-subdued)",strong:"var(--jkl-color-success-border-strong)"}},info:{background:{page:"var(--jkl-color-info-background-page)",container:"var(--jkl-color-info-background-container)","container-accent":"var(--jkl-color-info-background-container-accent)",contrast:"var(--jkl-color-info-background-contrast)"},text:{default:"var(--jkl-color-info-text-default)",subdued:"var(--jkl-color-info-text-subdued)",accent:"var(--jkl-color-info-text-accent)","on-contrast":"var(--jkl-color-info-text-on-contrast)"},border:{default:"var(--jkl-color-info-border-default)",subdued:"var(--jkl-color-info-border-subdued)",strong:"var(--jkl-color-info-border-strong)"}},error:{background:{page:"var(--jkl-color-error-background-page)",container:"var(--jkl-color-error-background-container)","container-accent":"var(--jkl-color-error-background-container-accent)",contrast:"var(--jkl-color-error-background-contrast)"},text:{default:"var(--jkl-color-error-text-default)",subdued:"var(--jkl-color-error-text-subdued)",accent:"var(--jkl-color-error-text-accent)","on-contrast":"var(--jkl-color-error-text-on-contrast)"},border:{default:"var(--jkl-color-error-border-default)",subdued:"var(--jkl-color-error-border-subdued)",strong:"var(--jkl-color-error-border-strong)"}}},unit:{0:"var(--jkl-unit0)",10:"var(--jkl-unit10)",15:"var(--jkl-unit15)",20:"var(--jkl-unit20)",25:"var(--jkl-unit25)",30:"var(--jkl-unit30)",35:"var(--jkl-unit35)",40:"var(--jkl-unit40)",50:"var(--jkl-unit50)",60:"var(--jkl-unit60)",70:"var(--jkl-unit70)",80:"var(--jkl-unit80)",90:"var(--jkl-unit90)",100:"var(--jkl-unit100)",130:"var(--jkl-unit130)",210:"var(--jkl-unit210)",base:"var(--jkl-unit-base)","02":"var(--jkl-unit02)","05":"var(--jkl-unit05)"},spacing:{0:"var(--jkl-spacing0)",2:"var(--jkl-spacing2)",4:"var(--jkl-spacing4)",8:"var(--jkl-spacing8)",12:"var(--jkl-spacing12)",16:"var(--jkl-spacing16)",24:"var(--jkl-spacing24)",32:"var(--jkl-spacing32)",40:"var(--jkl-spacing40)",64:"var(--jkl-spacing64)",104:"var(--jkl-spacing104)",168:"var(--jkl-spacing168)",none:"var(--jkl-spacing-none)","2xs":"var(--jkl-spacing2xs)",xs:"var(--jkl-spacing-xs)",s:"var(--jkl-spacing-s)",m:"var(--jkl-spacing-m)",l:"var(--jkl-spacing-l)",xl:"var(--jkl-spacing-xl)","2xl":"var(--jkl-spacing2xl)"},border:{width:{1:"var(--jkl-border-width1)",2:"var(--jkl-border-width2)",3:"var(--jkl-border-width3)"},radius:{none:"var(--jkl-border-radius-none)",xs:"var(--jkl-border-radius-xs)",s:"var(--jkl-border-radius-s)",m:"var(--jkl-border-radius-m)",l:"var(--jkl-border-radius-l)",full:"var(--jkl-border-radius-full)"}},breakpoint:{small:"var(--jkl-breakpoint-small)",medium:"var(--jkl-breakpoint-medium)",large:"var(--jkl-breakpoint-large)",xl:"var(--jkl-breakpoint-xl)"},motion:{timing:{energetic:"var(--jkl-motion-timing-energetic)",snappy:"var(--jkl-motion-timing-snappy)",productive:"var(--jkl-motion-timing-productive)",polite:"var(--jkl-motion-timing-polite)",expressive:"var(--jkl-motion-timing-expressive)",lazy:"var(--jkl-motion-timing-lazy)"},easing:{standard:"var(--jkl-motion-easing-standard)",entrance:"var(--jkl-motion-easing-entrance)",exit:"var(--jkl-motion-easing-exit)",easeInBounceOut:"var(--jkl-motion-easing-ease-in-bounce-out)",focus:"var(--jkl-motion-easing-focus)"}},font:{size:{1:"var(--jkl-font-size1)",2:"var(--jkl-font-size2)",3:"var(--jkl-font-size3)",4:"var(--jkl-font-size4)",5:"var(--jkl-font-size5)",6:"var(--jkl-font-size6)",7:"var(--jkl-font-size7)",8:"var(--jkl-font-size8)",9:"var(--jkl-font-size9)",10:"var(--jkl-font-size10)"},weight:{normal:"var(--jkl-font-weight-normal)",bold:"var(--jkl-font-weight-bold)"},family:{regular:"var(--jkl-font-family-regular)",display:"var(--jkl-font-family-display)",mono:"var(--jkl-font-family-mono)"}},lineHeight:{flush:"var(--jkl-line-height-flush)",tight:"var(--jkl-line-height-tight)",relaxed:"var(--jkl-line-height-relaxed)"},textStyle:{title:"var(--jkl-text-style-title)","title-small":"var(--jkl-text-style-title-small)","heading-1":"var(--jkl-text-style-heading1)","heading-2":"var(--jkl-text-style-heading2)","heading-3":"var(--jkl-text-style-heading3)","heading-4":"var(--jkl-text-style-heading4)","heading-5":"var(--jkl-text-style-heading5)","paragraph-large":"var(--jkl-text-style-paragraph-large)","paragraph-medium":"var(--jkl-text-style-paragraph-medium)","paragraph-small":"var(--jkl-text-style-paragraph-small)","text-large":"var(--jkl-text-style-text-large)","text-medium":"var(--jkl-text-style-text-medium)","text-small":"var(--jkl-text-style-text-small)","text-micro":"var(--jkl-text-style-text-micro)"}};
 //# sourceMappingURL=tokens.cjs.map

package/build/cjs/tokens.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"tokens.cjs","sources":["../../src/tokens.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport default {\n  color: {\n    neutral: {\n      background: {\n        page: \"var(--jkl-color-neutral-background-page)\",\n        container: \"var(--jkl-color-neutral-background-container)\",\n        action: \"var(--jkl-color-neutral-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-neutral-text-default)\",\n        subdued: \"var(--jkl-color-neutral-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-neutral-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-neutral-border-strong)\",\n        default: \"var(--jkl-color-neutral-border-default)\",\n        subdued: \"var(--jkl-color-neutral-border-subdued)\",\n      },\n    },\n    accent: {\n      background: {\n        page: \"var(--jkl-color-accent-background-page)\",\n        container: \"var(--jkl-color-accent-background-container)\",\n        action: \"var(--jkl-color-accent-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-accent-text-default)\",\n        subdued: \"var(--jkl-color-accent-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-accent-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-accent-border-strong)\",\n        default: \"var(--jkl-color-accent-border-default)\",\n        subdued: \"var(--jkl-color-accent-border-subdued)\",\n      },\n    },\n    warning: {\n      background: {\n        page: \"var(--jkl-color-warning-background-page)\",\n        container: \"var(--jkl-color-warning-background-container)\",\n        action: \"var(--jkl-color-warning-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-warning-text-default)\",\n        subdued: \"var(--jkl-color-warning-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-warning-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-warning-border-strong)\",\n        default: \"var(--jkl-color-warning-border-default)\",\n        subdued: \"var(--jkl-color-warning-border-subdued)\",\n      },\n    },\n    success: {\n      background: {\n        page: \"var(--jkl-color-success-background-page)\",\n        container: \"var(--jkl-color-success-background-container)\",\n        action: \"var(--jkl-color-success-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-success-text-default)\",\n        subdued: \"var(--jkl-color-success-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-success-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-success-border-strong)\",\n        default: \"var(--jkl-color-success-border-default)\",\n        subdued: \"var(--jkl-color-success-border-subdued)\",\n      },\n    },\n    info: {\n      background: {\n        page: \"var(--jkl-color-info-background-page)\",\n        container: \"var(--jkl-color-info-background-container)\",\n        action: \"var(--jkl-color-info-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-info-text-default)\",\n        subdued: \"var(--jkl-color-info-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-info-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-info-border-strong)\",\n        default: \"var(--jkl-color-info-border-default)\",\n        subdued: \"var(--jkl-color-info-border-subdued)\",\n      },\n    },\n    error: {\n      background: {\n        page: \"var(--jkl-color-error-background-page)\",\n        container: \"var(--jkl-color-error-background-container)\",\n        action: \"var(--jkl-color-error-background-action)\",\n      },\n      text: {\n        default: \"var(--jkl-color-error-text-default)\",\n        subdued: \"var(--jkl-color-error-text-subdued)\",\n        \"on-action\": \"var(--jkl-color-error-text-on-action)\",\n      },\n      border: {\n        strong: \"var(--jkl-color-error-border-strong)\",\n        default: \"var(--jkl-color-error-border-default)\",\n        subdued: \"var(--jkl-color-error-border-subdued)\",\n      },\n    },\n  },\n  unit: {\n    0: \"var(--jkl-unit-0)\",\n    10: \"var(--jkl-unit-10)\",\n    15: \"var(--jkl-unit-15)\",\n    20: \"var(--jkl-unit-20)\",\n    25: \"var(--jkl-unit-25)\",\n    30: \"var(--jkl-unit-30)\",\n    35: \"var(--jkl-unit-35)\",\n    40: \"var(--jkl-unit-40)\",\n    50: \"var(--jkl-unit-50)\",\n    60: \"var(--jkl-unit-60)\",\n    70: \"var(--jkl-unit-70)\",\n    80: \"var(--jkl-unit-80)\",\n    90: \"var(--jkl-unit-90)\",\n    100: \"var(--jkl-unit-100)\",\n    130: \"var(--jkl-unit-130)\",\n    210: \"var(--jkl-unit-210)\",\n    base: \"var(--jkl-unit-base)\",\n    \"02\": \"var(--jkl-unit-02)\",\n    \"05\": \"var(--jkl-unit-05)\",\n  },\n  spacing: {\n    0: \"var(--jkl-spacing-0)\",\n    2: \"var(--jkl-spacing-2)\",\n    4: \"var(--jkl-spacing-4)\",\n    8: \"var(--jkl-spacing-8)\",\n    12: \"var(--jkl-spacing-12)\",\n    16: \"var(--jkl-spacing-16)\",\n    24: \"var(--jkl-spacing-24)\",\n    32: \"var(--jkl-spacing-32)\",\n    40: \"var(--jkl-spacing-40)\",\n    64: \"var(--jkl-spacing-64)\",\n    104: \"var(--jkl-spacing-104)\",\n    168: \"var(--jkl-spacing-168)\",\n    none: \"var(--jkl-spacing-none)\",\n    \"2xs\": \"var(--jkl-spacing-2xs)\",\n    xs: \"var(--jkl-spacing-xs)\",\n    s: \"var(--jkl-spacing-s)\",\n    m: \"var(--jkl-spacing-m)\",\n    l: \"var(--jkl-spacing-l)\",\n    xl: \"var(--jkl-spacing-xl)\",\n    \"2xl\": \"var(--jkl-spacing-2xl)\",\n  },\n  border: {\n    width: {\n      1: \"var(--jkl-border-width-1)\",\n      2: \"var(--jkl-border-width-2)\",\n      3: \"var(--jkl-border-width-3)\",\n    },\n    radius: {\n      none: \"var(--jkl-border-radius-none)\",\n      xs: \"var(--jkl-border-radius-xs)\",\n      s: \"var(--jkl-border-radius-s)\",\n      m: \"var(--jkl-border-radius-m)\",\n      l: \"var(--jkl-border-radius-l)\",\n      full: \"var(--jkl-border-radius-full)\",\n    },\n  },\n  breakpoint: {\n    small: \"var(--jkl-breakpoint-small)\",\n    medium: \"var(--jkl-breakpoint-medium)\",\n    large: \"var(--jkl-breakpoint-large)\",\n    xl: \"var(--jkl-breakpoint-xl)\",\n  },\n  motion: {\n    timing: {\n      energetic: \"var(--jkl-motion-timing-energetic)\",\n      snappy: \"var(--jkl-motion-timing-snappy)\",\n      productive: \"var(--jkl-motion-timing-productive)\",\n      polite: \"var(--jkl-motion-timing-polite)\",\n      expressive: \"var(--jkl-motion-timing-expressive)\",\n      lazy: \"var(--jkl-motion-timing-lazy)\",\n    },\n    easing: {\n      standard: \"var(--jkl-motion-easing-standard)\",\n      entrance: \"var(--jkl-motion-easing-entrance)\",\n      exit: \"var(--jkl-motion-easing-exit)\",\n      easeInBounceOut: \"var(--jkl-motion-easing-ease-in-bounce-out)\",\n      focus: \"var(--jkl-motion-easing-focus)\",\n    },\n  },\n  font: {\n    size: {\n      1: \"var(--jkl-font-size-1)\",\n      2: \"var(--jkl-font-size-2)\",\n      3: \"var(--jkl-font-size-3)\",\n      4: \"var(--jkl-font-size-4)\",\n      5: \"var(--jkl-font-size-5)\",\n      6: \"var(--jkl-font-size-6)\",\n      7: \"var(--jkl-font-size-7)\",\n      8: \"var(--jkl-font-size-8)\",\n      9: \"var(--jkl-font-size-9)\",\n      10: \"var(--jkl-font-size-10)\",\n    },\n    weight: {\n      normal: \"var(--jkl-font-weight-normal)\",\n      bold: \"var(--jkl-font-weight-bold)\",\n    },\n    family: {\n      regular: \"var(--jkl-font-family-regular)\",\n      display: \"var(--jkl-font-family-display)\",\n      mono: \"var(--jkl-font-family-mono)\",\n    },\n  },\n  lineHeight: {\n    flush: \"var(--jkl-line-height-flush)\",\n    tight: \"var(--jkl-line-height-tight)\",\n    relaxed: \"var(--jkl-line-height-relaxed)\",\n  },\n  textStyle: {\n    title: \"var(--jkl-text-style-title)\",\n    \"title-small\": \"var(--jkl-text-style-title-small)\",\n    \"heading-1\": \"var(--jkl-text-style-heading-1)\",\n    \"heading-2\": \"var(--jkl-text-style-heading-2)\",\n    \"heading-3\": \"var(--jkl-text-style-heading-3)\",\n    \"heading-4\": \"var(--jkl-text-style-heading-4)\",\n    \"heading-5\": \"var(--jkl-text-style-heading-5)\",\n    \"paragraph-large\": \"var(--jkl-text-style-paragraph-large)\",\n    \"paragraph-medium\": \"var(--jkl-text-style-paragraph-medium)\",\n    \"paragraph-small\": \"var(--jkl-text-style-paragraph-small)\",\n    \"text-large\": \"var(--jkl-text-style-text-large)\",\n    \"text-medium\": \"var(--jkl-text-style-text-medium)\",\n    \"text-small\": \"var(--jkl-text-style-text-small)\",\n    \"text-micro\": \"var(--jkl-text-style-text-micro)\",\n  },\n};\n"],"names":["color","neutral","background","page","container","action","text","default","subdued","border","strong","accent","warning","success","info","error","unit","base","spacing","none","xs","s","m","l","xl","width","radius","full","breakpoint","small","medium","large","motion","timing","energetic","snappy","productive","polite","expressive","lazy","easing","standard","entrance","exit","easeInBounceOut","focus","font","size","weight","normal","bold","family","regular","display","mono","lineHeight","flush","tight","relaxed","textStyle","title"],"mappings":"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"}
+{"version":3,"file":"tokens.cjs","sources":["../../src/tokens.ts"],"sourcesContent":["/**\n * Do not edit directly, this file was auto-generated.\n */\n\nexport default {\n  color: {\n    \"@\": {\n      background: {\n        page: \"var(--jkl-color-background-page)\",\n        container: \"var(--jkl-color-background-container)\",\n        \"container-accent\": \"var(--jkl-color-background-container-accent)\",\n        contrast: \"var(--jkl-color-background-contrast)\",\n      },\n      text: {\n        default: \"var(--jkl-color-text-default)\",\n        subdued: \"var(--jkl-color-text-subdued)\",\n        accent: \"var(--jkl-color-text-accent)\",\n        \"on-contrast\": \"var(--jkl-color-text-on-contrast)\",\n      },\n      border: {\n        default: \"var(--jkl-color-border-default)\",\n        subdued: \"var(--jkl-color-border-subdued)\",\n        strong: \"var(--jkl-color-border-strong)\",\n      },\n    },\n    warning: {\n      background: {\n        page: \"var(--jkl-color-warning-background-page)\",\n        container: \"var(--jkl-color-warning-background-container)\",\n        \"container-accent\":\n          \"var(--jkl-color-warning-background-container-accent)\",\n        contrast: \"var(--jkl-color-warning-background-contrast)\",\n      },\n      text: {\n        default: \"var(--jkl-color-warning-text-default)\",\n        subdued: \"var(--jkl-color-warning-text-subdued)\",\n        accent: \"var(--jkl-color-warning-text-accent)\",\n        \"on-contrast\": \"var(--jkl-color-warning-text-on-contrast)\",\n      },\n      border: {\n        default: \"var(--jkl-color-warning-border-default)\",\n        subdued: \"var(--jkl-color-warning-border-subdued)\",\n        strong: \"var(--jkl-color-warning-border-strong)\",\n      },\n    },\n    success: {\n      background: {\n        page: \"var(--jkl-color-success-background-page)\",\n        container: \"var(--jkl-color-success-background-container)\",\n        \"container-accent\":\n          \"var(--jkl-color-success-background-container-accent)\",\n        contrast: \"var(--jkl-color-success-background-contrast)\",\n      },\n      text: {\n        default: \"var(--jkl-color-success-text-default)\",\n        subdued: \"var(--jkl-color-success-text-subdued)\",\n        accent: \"var(--jkl-color-success-text-accent)\",\n        \"on-contrast\": \"var(--jkl-color-success-text-on-contrast)\",\n      },\n      border: {\n        default: \"var(--jkl-color-success-border-default)\",\n        subdued: \"var(--jkl-color-success-border-subdued)\",\n        strong: \"var(--jkl-color-success-border-strong)\",\n      },\n    },\n    info: {\n      background: {\n        page: \"var(--jkl-color-info-background-page)\",\n        container: \"var(--jkl-color-info-background-container)\",\n        \"container-accent\": \"var(--jkl-color-info-background-container-accent)\",\n        contrast: \"var(--jkl-color-info-background-contrast)\",\n      },\n      text: {\n        default: \"var(--jkl-color-info-text-default)\",\n        subdued: \"var(--jkl-color-info-text-subdued)\",\n        accent: \"var(--jkl-color-info-text-accent)\",\n        \"on-contrast\": \"var(--jkl-color-info-text-on-contrast)\",\n      },\n      border: {\n        default: \"var(--jkl-color-info-border-default)\",\n        subdued: \"var(--jkl-color-info-border-subdued)\",\n        strong: \"var(--jkl-color-info-border-strong)\",\n      },\n    },\n    error: {\n      background: {\n        page: \"var(--jkl-color-error-background-page)\",\n        container: \"var(--jkl-color-error-background-container)\",\n        \"container-accent\":\n          \"var(--jkl-color-error-background-container-accent)\",\n        contrast: \"var(--jkl-color-error-background-contrast)\",\n      },\n      text: {\n        default: \"var(--jkl-color-error-text-default)\",\n        subdued: \"var(--jkl-color-error-text-subdued)\",\n        accent: \"var(--jkl-color-error-text-accent)\",\n        \"on-contrast\": \"var(--jkl-color-error-text-on-contrast)\",\n      },\n      border: {\n        default: \"var(--jkl-color-error-border-default)\",\n        subdued: \"var(--jkl-color-error-border-subdued)\",\n        strong: \"var(--jkl-color-error-border-strong)\",\n      },\n    },\n  },\n  unit: {\n    0: \"var(--jkl-unit0)\",\n    10: \"var(--jkl-unit10)\",\n    15: \"var(--jkl-unit15)\",\n    20: \"var(--jkl-unit20)\",\n    25: \"var(--jkl-unit25)\",\n    30: \"var(--jkl-unit30)\",\n    35: \"var(--jkl-unit35)\",\n    40: \"var(--jkl-unit40)\",\n    50: \"var(--jkl-unit50)\",\n    60: \"var(--jkl-unit60)\",\n    70: \"var(--jkl-unit70)\",\n    80: \"var(--jkl-unit80)\",\n    90: \"var(--jkl-unit90)\",\n    100: \"var(--jkl-unit100)\",\n    130: \"var(--jkl-unit130)\",\n    210: \"var(--jkl-unit210)\",\n    base: \"var(--jkl-unit-base)\",\n    \"02\": \"var(--jkl-unit02)\",\n    \"05\": \"var(--jkl-unit05)\",\n  },\n  spacing: {\n    0: \"var(--jkl-spacing0)\",\n    2: \"var(--jkl-spacing2)\",\n    4: \"var(--jkl-spacing4)\",\n    8: \"var(--jkl-spacing8)\",\n    12: \"var(--jkl-spacing12)\",\n    16: \"var(--jkl-spacing16)\",\n    24: \"var(--jkl-spacing24)\",\n    32: \"var(--jkl-spacing32)\",\n    40: \"var(--jkl-spacing40)\",\n    64: \"var(--jkl-spacing64)\",\n    104: \"var(--jkl-spacing104)\",\n    168: \"var(--jkl-spacing168)\",\n    none: \"var(--jkl-spacing-none)\",\n    \"2xs\": \"var(--jkl-spacing2xs)\",\n    xs: \"var(--jkl-spacing-xs)\",\n    s: \"var(--jkl-spacing-s)\",\n    m: \"var(--jkl-spacing-m)\",\n    l: \"var(--jkl-spacing-l)\",\n    xl: \"var(--jkl-spacing-xl)\",\n    \"2xl\": \"var(--jkl-spacing2xl)\",\n  },\n  border: {\n    width: {\n      1: \"var(--jkl-border-width1)\",\n      2: \"var(--jkl-border-width2)\",\n      3: \"var(--jkl-border-width3)\",\n    },\n    radius: {\n      none: \"var(--jkl-border-radius-none)\",\n      xs: \"var(--jkl-border-radius-xs)\",\n      s: \"var(--jkl-border-radius-s)\",\n      m: \"var(--jkl-border-radius-m)\",\n      l: \"var(--jkl-border-radius-l)\",\n      full: \"var(--jkl-border-radius-full)\",\n    },\n  },\n  breakpoint: {\n    small: \"var(--jkl-breakpoint-small)\",\n    medium: \"var(--jkl-breakpoint-medium)\",\n    large: \"var(--jkl-breakpoint-large)\",\n    xl: \"var(--jkl-breakpoint-xl)\",\n  },\n  motion: {\n    timing: {\n      energetic: \"var(--jkl-motion-timing-energetic)\",\n      snappy: \"var(--jkl-motion-timing-snappy)\",\n      productive: \"var(--jkl-motion-timing-productive)\",\n      polite: \"var(--jkl-motion-timing-polite)\",\n      expressive: \"var(--jkl-motion-timing-expressive)\",\n      lazy: \"var(--jkl-motion-timing-lazy)\",\n    },\n    easing: {\n      standard: \"var(--jkl-motion-easing-standard)\",\n      entrance: \"var(--jkl-motion-easing-entrance)\",\n      exit: \"var(--jkl-motion-easing-exit)\",\n      easeInBounceOut: \"var(--jkl-motion-easing-ease-in-bounce-out)\",\n      focus: \"var(--jkl-motion-easing-focus)\",\n    },\n  },\n  font: {\n    size: {\n      1: \"var(--jkl-font-size1)\",\n      2: \"var(--jkl-font-size2)\",\n      3: \"var(--jkl-font-size3)\",\n      4: \"var(--jkl-font-size4)\",\n      5: \"var(--jkl-font-size5)\",\n      6: \"var(--jkl-font-size6)\",\n      7: \"var(--jkl-font-size7)\",\n      8: \"var(--jkl-font-size8)\",\n      9: \"var(--jkl-font-size9)\",\n      10: \"var(--jkl-font-size10)\",\n    },\n    weight: {\n      normal: \"var(--jkl-font-weight-normal)\",\n      bold: \"var(--jkl-font-weight-bold)\",\n    },\n    family: {\n      regular: \"var(--jkl-font-family-regular)\",\n      display: \"var(--jkl-font-family-display)\",\n      mono: \"var(--jkl-font-family-mono)\",\n    },\n  },\n  lineHeight: {\n    flush: \"var(--jkl-line-height-flush)\",\n    tight: \"var(--jkl-line-height-tight)\",\n    relaxed: \"var(--jkl-line-height-relaxed)\",\n  },\n  textStyle: {\n    title: \"var(--jkl-text-style-title)\",\n    \"title-small\": \"var(--jkl-text-style-title-small)\",\n    \"heading-1\": \"var(--jkl-text-style-heading1)\",\n    \"heading-2\": \"var(--jkl-text-style-heading2)\",\n    \"heading-3\": \"var(--jkl-text-style-heading3)\",\n    \"heading-4\": \"var(--jkl-text-style-heading4)\",\n    \"heading-5\": \"var(--jkl-text-style-heading5)\",\n    \"paragraph-large\": \"var(--jkl-text-style-paragraph-large)\",\n    \"paragraph-medium\": \"var(--jkl-text-style-paragraph-medium)\",\n    \"paragraph-small\": \"var(--jkl-text-style-paragraph-small)\",\n    \"text-large\": \"var(--jkl-text-style-text-large)\",\n    \"text-medium\": \"var(--jkl-text-style-text-medium)\",\n    \"text-small\": \"var(--jkl-text-style-text-small)\",\n    \"text-micro\": \"var(--jkl-text-style-text-micro)\",\n  },\n};\n"],"names":["color","background","page","container","contrast","text","default","subdued","accent","border","strong","warning","success","info","error","unit","base","spacing","none","xs","s","m","l","xl","width","radius","full","breakpoint","small","medium","large","motion","timing","energetic","snappy","productive","polite","expressive","lazy","easing","standard","entrance","exit","easeInBounceOut","focus","font","size","weight","normal","bold","family","regular","display","mono","lineHeight","flush","tight","relaxed","textStyle","title"],"mappings":"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"}

package/build/cjs/tokens.d.cts

@@ -3,106 +3,99 @@
  */
 declare const _default: {
     color: {
-        neutral: {
+        "@": {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
-            };
-        };
-        accent: {
-            background: {
-                page: string;
-                container: string;
-                action: string;
-            };
-            text: {
-                default: string;
-                subdued: string;
-                "on-action": string;
-            };
-            border: {
                 strong: string;
-                default: string;
-                subdued: string;
             };
         };
         warning: {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
+                strong: string;
             };
         };
         success: {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
+                strong: string;
             };
         };
         info: {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
+                strong: string;
             };
         };
         error: {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
+                strong: string;
             };
         };
     };

package/build/es/components/card/Card.js

@@ -1,2 +1,2 @@
-import{jsx as a}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import r from"react";import{SlotComponent as o}from"../../utilities/polymorphism/SlotComponent.js";const s=r.forwardRef(function(r,s){const{className:i,clickable:l=!1,padding:c="s",variant:d="filled",asChild:e,as:m="div",...n}=r;return a(e?o:m,{"data-testid":"jkl-card","data-clickable":l,"data-padding":c,className:t("jkl-card",`jkl-card--${d}`,i),...n,ref:s})});export{s as Card};
+import{jsx as a}from"react/jsx-runtime";import{c as t}from"../../../clsx-BeLtu-UY.js";import o from"react";import{SlotComponent as r}from"../../utilities/polymorphism/SlotComponent.js";const s=o.forwardRef(function(o,s){const{className:i,clickable:d=!1,padding:e="s",outlined:l=!1,asChild:c,as:m="div",...n}=o;return a(c?r:m,{"data-testid":"jkl-card","data-clickable":d,"data-padding":e,className:t("jkl-card",l&&"jkl-card--outlined",i),...n,ref:s})});export{s as Card};
 //# sourceMappingURL=Card.js.map

package/build/es/components/card/Card.js.map

@@ -1 +1 @@
-{"version":3,"file":"Card.js","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { CardProps } from \"./types.js\";\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n    ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        variant = \"filled\",\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\"jkl-card\", `jkl-card--${variant}`, className)}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","variant","asChild","as","componentProps","jsx","SlotComponent","clsx"],"mappings":"yLAiBO,MAAMA,EAAOC,EAAMC,WAAW,SAEnCC,EAA+BC,GAC7B,MACIC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,QAAAA,EAAU,SACVC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAIJ,OACIS,EAHcH,EAAUI,EAAgBH,EAGvC,CACG,cAAY,WACZ,iBAAgBJ,EAChB,eAAcC,EACdF,UAAWS,EAAK,WAAY,aAAaN,IAAWH,MAChDM,EACJP,IAAAA,GAGZ"}
+{"version":3,"file":"Card.js","sources":["../../../../src/components/card/Card.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { SlotComponent } from \"../../utilities/polymorphism/SlotComponent.js\";\nimport type { AsChildProps } from \"../../utilities/polymorphism/as-child.js\";\nimport type { PolymorphicRef } from \"../../utilities/polymorphism/polymorphism.js\";\nimport type { CardProps } from \"./types.js\";\n\ntype CardComponent = <ElementType extends React.ElementType = \"div\">(\n    props: CardProps<ElementType> & AsChildProps,\n) => React.ReactElement | null;\n\n/**\n * En allsidig kortkomponent som brukes for å gruppere innhold på en side.\n * Komponenten rendres til vanlig som en `<div>`, men du kan velge å rendre\n * den som andre elementer eller komponenter der du trenger annen semantikk\n * eller funksjonalitet.\n */\nexport const Card = React.forwardRef(function Card<\n    ElementType extends React.ElementType = \"div\",\n>(props: CardProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        className,\n        clickable = false,\n        padding = \"s\",\n        outlined = false,\n        asChild,\n        as = \"div\",\n        ...componentProps\n    } = props;\n\n    const Component = asChild ? SlotComponent : as;\n\n    return (\n        <Component\n            data-testid=\"jkl-card\"\n            data-clickable={clickable}\n            data-padding={padding}\n            className={clsx(\n                \"jkl-card\",\n                outlined && \"jkl-card--outlined\",\n                className,\n            )}\n            {...componentProps}\n            ref={ref}\n        />\n    );\n}) as CardComponent;\n"],"names":["Card","React","forwardRef","props","ref","className","clickable","padding","outlined","asChild","as","componentProps","jsx","SlotComponent","clsx"],"mappings":"yLAiBO,MAAMA,EAAOC,EAAMC,WAAW,SAEnCC,EAA+BC,GAC7B,MACIC,UAAAA,EACAC,UAAAA,GAAY,EACZC,QAAAA,EAAU,IACVC,SAAAA,GAAW,EACXC,QAAAA,EACAC,GAAAA,EAAK,SACFC,GACHR,EAIJ,OACIS,EAHcH,EAAUI,EAAgBH,EAGvC,CACG,cAAY,WACZ,iBAAgBJ,EAChB,eAAcC,EACdF,UAAWS,EACP,WACAN,GAAY,qBACZH,MAEAM,EACJP,IAAAA,GAGZ"}

package/build/es/components/card/index.d.ts

@@ -1,3 +1,3 @@
 export { Card } from './Card.js';
 export { CardImage, type CardImageProps } from './CardImage.js';
-export type { CardProps, CardPadding, CardVariant, } from './types.js';
+export type { CardProps, CardPadding, } from './types.js';

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

@@ -1,8 +1,6 @@
 import { PolymorphicPropsWithRef } from '../../utilities/polymorphism/polymorphism.js';
 export declare const CARD_PADDINGS: readonly ["s", "m", "l", "xl"];
 export type CardPadding = (typeof CARD_PADDINGS)[number];
-export declare const CARD_VARIANTS: readonly ["outlined", "filled"];
-export type CardVariant = (typeof CARD_VARIANTS)[number];
 type Props = {
     className?: string;
     /**
@@ -11,11 +9,10 @@ type Props = {
      */
     padding?: CardPadding;
     /**
-     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast
-     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.
-     * @default "filled"
+     * Legger på kantlinje rundt kortet.
+     * @default false
      */
-    variant?: CardVariant;
+    outlined?: boolean;
     /**
      * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre
      * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra

package/build/es/components/card/types.js

@@ -1,2 +1,2 @@
-const l=["s","m","l","xl"],A=["outlined","filled"];export{l as CARD_PADDINGS,A as CARD_VARIANTS};
+const s=["s","m","l","xl"];export{s as CARD_PADDINGS};
 //# sourceMappingURL=types.js.map

package/build/es/components/card/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../../src/components/card/types.ts"],"sourcesContent":["import type { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\nexport const CARD_VARIANTS = [\"outlined\", \"filled\"] as const;\nexport type CardVariant = (typeof CARD_VARIANTS)[number];\n\ntype Props = {\n    className?: string;\n    /**\n     * Setter padding på kortet. Tilsvarer samme property i Figma.\n     * @default \"s\"\n     */\n    padding?: CardPadding;\n    /**\n     * Angir hvilken kortvariant du vil bruke. Velg en variant som gir god kontrast\n     * til bakgrunnen på siden, slik at det er enkelt å skille innholdet fra hverandre.\n     * @default \"filled\"\n     */\n    variant?: CardVariant;\n    /**\n     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n     * skal lese alt innholdet i kortet.\n     */\n    clickable?: boolean;\n};\n\nexport type CardProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<ElementType, Props> & Props;\n"],"names":["CARD_PADDINGS","CARD_VARIANTS"],"mappings":"AAEO,MAAMA,EAAgB,CAAC,IAAK,IAAK,IAAK,MAEhCC,EAAgB,CAAC,WAAY"}
+{"version":3,"file":"types.js","sources":["../../../../src/components/card/types.ts"],"sourcesContent":["import type { PolymorphicPropsWithRef } from \"../../utilities/polymorphism/polymorphism.js\";\n\nexport const CARD_PADDINGS = [\"s\", \"m\", \"l\", \"xl\"] as const;\nexport type CardPadding = (typeof CARD_PADDINGS)[number];\n\ntype Props = {\n    className?: string;\n    /**\n     * Setter padding på kortet. Tilsvarer samme property i Figma.\n     * @default \"s\"\n     */\n    padding?: CardPadding;\n    /**\n     * Legger på kantlinje rundt kortet.\n     * @default false\n     */\n    outlined?: boolean;\n    /**\n     * Angir om kortet visuelt skal fremstå som klikkbart. Du må selv rendre\n     * kortet som et klikkbart element (f.eks. `<a>` eller en `<Link>` fra\n     * et ruting-bibliotek) og gi det en `href` eller `onClick`-handler.\n     * HUSK: Sett aria-label for at støtteverktøy, som skjermlesere, ikke\n     * skal lese alt innholdet i kortet.\n     */\n    clickable?: boolean;\n};\n\nexport type CardProps<ElementType extends React.ElementType> =\n    PolymorphicPropsWithRef<ElementType, Props> & Props;\n"],"names":["CARD_PADDINGS"],"mappings":"AAEO,MAAMA,EAAgB,CAAC,IAAK,IAAK,IAAK"}

package/build/es/tokens.d.ts

@@ -3,106 +3,99 @@
  */
 declare const _default: {
     color: {
-        neutral: {
+        "@": {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
-            };
-        };
-        accent: {
-            background: {
-                page: string;
-                container: string;
-                action: string;
-            };
-            text: {
-                default: string;
-                subdued: string;
-                "on-action": string;
-            };
-            border: {
                 strong: string;
-                default: string;
-                subdued: string;
             };
         };
         warning: {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
+                strong: string;
             };
         };
         success: {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
+                strong: string;
             };
         };
         info: {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
+                strong: string;
             };
         };
         error: {
             background: {
                 page: string;
                 container: string;
-                action: string;
+                "container-accent": string;
+                contrast: string;
             };
             text: {
                 default: string;
                 subdued: string;
-                "on-action": string;
+                accent: string;
+                "on-contrast": string;
             };
             border: {
-                strong: string;
                 default: string;
                 subdued: string;
+                strong: string;
             };
         };
     };

package/build/es/tokens.js

@@ -1,2 +1,2 @@
-const r={color:{neutral:{background:{page:"var(--jkl-color-neutral-background-page)",container:"var(--jkl-color-neutral-background-container)",action:"var(--jkl-color-neutral-background-action)"},text:{default:"var(--jkl-color-neutral-text-default)",subdued:"var(--jkl-color-neutral-text-subdued)","on-action":"var(--jkl-color-neutral-text-on-action)"},border:{strong:"var(--jkl-color-neutral-border-strong)",default:"var(--jkl-color-neutral-border-default)",subdued:"var(--jkl-color-neutral-border-subdued)"}},accent:{background:{page:"var(--jkl-color-accent-background-page)",container:"var(--jkl-color-accent-background-container)",action:"var(--jkl-color-accent-background-action)"},text:{default:"var(--jkl-color-accent-text-default)",subdued:"var(--jkl-color-accent-text-subdued)","on-action":"var(--jkl-color-accent-text-on-action)"},border:{strong:"var(--jkl-color-accent-border-strong)",default:"var(--jkl-color-accent-border-default)",subdued:"var(--jkl-color-accent-border-subdued)"}},warning:{background:{page:"var(--jkl-color-warning-background-page)",container:"var(--jkl-color-warning-background-container)",action:"var(--jkl-color-warning-background-action)"},text:{default:"var(--jkl-color-warning-text-default)",subdued:"var(--jkl-color-warning-text-subdued)","on-action":"var(--jkl-color-warning-text-on-action)"},border:{strong:"var(--jkl-color-warning-border-strong)",default:"var(--jkl-color-warning-border-default)",subdued:"var(--jkl-color-warning-border-subdued)"}},success:{background:{page:"var(--jkl-color-success-background-page)",container:"var(--jkl-color-success-background-container)",action:"var(--jkl-color-success-background-action)"},text:{default:"var(--jkl-color-success-text-default)",subdued:"var(--jkl-color-success-text-subdued)","on-action":"var(--jkl-color-success-text-on-action)"},border:{strong:"var(--jkl-color-success-border-strong)",default:"var(--jkl-color-success-border-default)",subdued:"var(--jkl-color-success-border-subdued)"}},info:{background:{page:"var(--jkl-color-info-background-page)",container:"var(--jkl-color-info-background-container)",action:"var(--jkl-color-info-background-action)"},text:{default:"var(--jkl-color-info-text-default)",subdued:"var(--jkl-color-info-text-subdued)","on-action":"var(--jkl-color-info-text-on-action)"},border:{strong:"var(--jkl-color-info-border-strong)",default:"var(--jkl-color-info-border-default)",subdued:"var(--jkl-color-info-border-subdued)"}},error:{background:{page:"var(--jkl-color-error-background-page)",container:"var(--jkl-color-error-background-container)",action:"var(--jkl-color-error-background-action)"},text:{default:"var(--jkl-color-error-text-default)",subdued:"var(--jkl-color-error-text-subdued)","on-action":"var(--jkl-color-error-text-on-action)"},border:{strong:"var(--jkl-color-error-border-strong)",default:"var(--jkl-color-error-border-default)",subdued:"var(--jkl-color-error-border-subdued)"}}},unit:{0:"var(--jkl-unit-0)",10:"var(--jkl-unit-10)",15:"var(--jkl-unit-15)",20:"var(--jkl-unit-20)",25:"var(--jkl-unit-25)",30:"var(--jkl-unit-30)",35:"var(--jkl-unit-35)",40:"var(--jkl-unit-40)",50:"var(--jkl-unit-50)",60:"var(--jkl-unit-60)",70:"var(--jkl-unit-70)",80:"var(--jkl-unit-80)",90:"var(--jkl-unit-90)",100:"var(--jkl-unit-100)",130:"var(--jkl-unit-130)",210:"var(--jkl-unit-210)",base:"var(--jkl-unit-base)","02":"var(--jkl-unit-02)","05":"var(--jkl-unit-05)"},spacing:{0:"var(--jkl-spacing-0)",2:"var(--jkl-spacing-2)",4:"var(--jkl-spacing-4)",8:"var(--jkl-spacing-8)",12:"var(--jkl-spacing-12)",16:"var(--jkl-spacing-16)",24:"var(--jkl-spacing-24)",32:"var(--jkl-spacing-32)",40:"var(--jkl-spacing-40)",64:"var(--jkl-spacing-64)",104:"var(--jkl-spacing-104)",168:"var(--jkl-spacing-168)",none:"var(--jkl-spacing-none)","2xs":"var(--jkl-spacing-2xs)",xs:"var(--jkl-spacing-xs)",s:"var(--jkl-spacing-s)",m:"var(--jkl-spacing-m)",l:"var(--jkl-spacing-l)",xl:"var(--jkl-spacing-xl)","2xl":"var(--jkl-spacing-2xl)"},border:{width:{1:"var(--jkl-border-width-1)",2:"var(--jkl-border-width-2)",3:"var(--jkl-border-width-3)"},radius:{none:"var(--jkl-border-radius-none)",xs:"var(--jkl-border-radius-xs)",s:"var(--jkl-border-radius-s)",m:"var(--jkl-border-radius-m)",l:"var(--jkl-border-radius-l)",full:"var(--jkl-border-radius-full)"}},breakpoint:{small:"var(--jkl-breakpoint-small)",medium:"var(--jkl-breakpoint-medium)",large:"var(--jkl-breakpoint-large)",xl:"var(--jkl-breakpoint-xl)"},motion:{timing:{energetic:"var(--jkl-motion-timing-energetic)",snappy:"var(--jkl-motion-timing-snappy)",productive:"var(--jkl-motion-timing-productive)",polite:"var(--jkl-motion-timing-polite)",expressive:"var(--jkl-motion-timing-expressive)",lazy:"var(--jkl-motion-timing-lazy)"},easing:{standard:"var(--jkl-motion-easing-standard)",entrance:"var(--jkl-motion-easing-entrance)",exit:"var(--jkl-motion-easing-exit)",easeInBounceOut:"var(--jkl-motion-easing-ease-in-bounce-out)",focus:"var(--jkl-motion-easing-focus)"}},font:{size:{1:"var(--jkl-font-size-1)",2:"var(--jkl-font-size-2)",3:"var(--jkl-font-size-3)",4:"var(--jkl-font-size-4)",5:"var(--jkl-font-size-5)",6:"var(--jkl-font-size-6)",7:"var(--jkl-font-size-7)",8:"var(--jkl-font-size-8)",9:"var(--jkl-font-size-9)",10:"var(--jkl-font-size-10)"},weight:{normal:"var(--jkl-font-weight-normal)",bold:"var(--jkl-font-weight-bold)"},family:{regular:"var(--jkl-font-family-regular)",display:"var(--jkl-font-family-display)",mono:"var(--jkl-font-family-mono)"}},lineHeight:{flush:"var(--jkl-line-height-flush)",tight:"var(--jkl-line-height-tight)",relaxed:"var(--jkl-line-height-relaxed)"},textStyle:{title:"var(--jkl-text-style-title)","title-small":"var(--jkl-text-style-title-small)","heading-1":"var(--jkl-text-style-heading-1)","heading-2":"var(--jkl-text-style-heading-2)","heading-3":"var(--jkl-text-style-heading-3)","heading-4":"var(--jkl-text-style-heading-4)","heading-5":"var(--jkl-text-style-heading-5)","paragraph-large":"var(--jkl-text-style-paragraph-large)","paragraph-medium":"var(--jkl-text-style-paragraph-medium)","paragraph-small":"var(--jkl-text-style-paragraph-small)","text-large":"var(--jkl-text-style-text-large)","text-medium":"var(--jkl-text-style-text-medium)","text-small":"var(--jkl-text-style-text-small)","text-micro":"var(--jkl-text-style-text-micro)"}};export{r as default};
+const r={color:{"@":{background:{page:"var(--jkl-color-background-page)",container:"var(--jkl-color-background-container)","container-accent":"var(--jkl-color-background-container-accent)",contrast:"var(--jkl-color-background-contrast)"},text:{default:"var(--jkl-color-text-default)",subdued:"var(--jkl-color-text-subdued)",accent:"var(--jkl-color-text-accent)","on-contrast":"var(--jkl-color-text-on-contrast)"},border:{default:"var(--jkl-color-border-default)",subdued:"var(--jkl-color-border-subdued)",strong:"var(--jkl-color-border-strong)"}},warning:{background:{page:"var(--jkl-color-warning-background-page)",container:"var(--jkl-color-warning-background-container)","container-accent":"var(--jkl-color-warning-background-container-accent)",contrast:"var(--jkl-color-warning-background-contrast)"},text:{default:"var(--jkl-color-warning-text-default)",subdued:"var(--jkl-color-warning-text-subdued)",accent:"var(--jkl-color-warning-text-accent)","on-contrast":"var(--jkl-color-warning-text-on-contrast)"},border:{default:"var(--jkl-color-warning-border-default)",subdued:"var(--jkl-color-warning-border-subdued)",strong:"var(--jkl-color-warning-border-strong)"}},success:{background:{page:"var(--jkl-color-success-background-page)",container:"var(--jkl-color-success-background-container)","container-accent":"var(--jkl-color-success-background-container-accent)",contrast:"var(--jkl-color-success-background-contrast)"},text:{default:"var(--jkl-color-success-text-default)",subdued:"var(--jkl-color-success-text-subdued)",accent:"var(--jkl-color-success-text-accent)","on-contrast":"var(--jkl-color-success-text-on-contrast)"},border:{default:"var(--jkl-color-success-border-default)",subdued:"var(--jkl-color-success-border-subdued)",strong:"var(--jkl-color-success-border-strong)"}},info:{background:{page:"var(--jkl-color-info-background-page)",container:"var(--jkl-color-info-background-container)","container-accent":"var(--jkl-color-info-background-container-accent)",contrast:"var(--jkl-color-info-background-contrast)"},text:{default:"var(--jkl-color-info-text-default)",subdued:"var(--jkl-color-info-text-subdued)",accent:"var(--jkl-color-info-text-accent)","on-contrast":"var(--jkl-color-info-text-on-contrast)"},border:{default:"var(--jkl-color-info-border-default)",subdued:"var(--jkl-color-info-border-subdued)",strong:"var(--jkl-color-info-border-strong)"}},error:{background:{page:"var(--jkl-color-error-background-page)",container:"var(--jkl-color-error-background-container)","container-accent":"var(--jkl-color-error-background-container-accent)",contrast:"var(--jkl-color-error-background-contrast)"},text:{default:"var(--jkl-color-error-text-default)",subdued:"var(--jkl-color-error-text-subdued)",accent:"var(--jkl-color-error-text-accent)","on-contrast":"var(--jkl-color-error-text-on-contrast)"},border:{default:"var(--jkl-color-error-border-default)",subdued:"var(--jkl-color-error-border-subdued)",strong:"var(--jkl-color-error-border-strong)"}}},unit:{0:"var(--jkl-unit0)",10:"var(--jkl-unit10)",15:"var(--jkl-unit15)",20:"var(--jkl-unit20)",25:"var(--jkl-unit25)",30:"var(--jkl-unit30)",35:"var(--jkl-unit35)",40:"var(--jkl-unit40)",50:"var(--jkl-unit50)",60:"var(--jkl-unit60)",70:"var(--jkl-unit70)",80:"var(--jkl-unit80)",90:"var(--jkl-unit90)",100:"var(--jkl-unit100)",130:"var(--jkl-unit130)",210:"var(--jkl-unit210)",base:"var(--jkl-unit-base)","02":"var(--jkl-unit02)","05":"var(--jkl-unit05)"},spacing:{0:"var(--jkl-spacing0)",2:"var(--jkl-spacing2)",4:"var(--jkl-spacing4)",8:"var(--jkl-spacing8)",12:"var(--jkl-spacing12)",16:"var(--jkl-spacing16)",24:"var(--jkl-spacing24)",32:"var(--jkl-spacing32)",40:"var(--jkl-spacing40)",64:"var(--jkl-spacing64)",104:"var(--jkl-spacing104)",168:"var(--jkl-spacing168)",none:"var(--jkl-spacing-none)","2xs":"var(--jkl-spacing2xs)",xs:"var(--jkl-spacing-xs)",s:"var(--jkl-spacing-s)",m:"var(--jkl-spacing-m)",l:"var(--jkl-spacing-l)",xl:"var(--jkl-spacing-xl)","2xl":"var(--jkl-spacing2xl)"},border:{width:{1:"var(--jkl-border-width1)",2:"var(--jkl-border-width2)",3:"var(--jkl-border-width3)"},radius:{none:"var(--jkl-border-radius-none)",xs:"var(--jkl-border-radius-xs)",s:"var(--jkl-border-radius-s)",m:"var(--jkl-border-radius-m)",l:"var(--jkl-border-radius-l)",full:"var(--jkl-border-radius-full)"}},breakpoint:{small:"var(--jkl-breakpoint-small)",medium:"var(--jkl-breakpoint-medium)",large:"var(--jkl-breakpoint-large)",xl:"var(--jkl-breakpoint-xl)"},motion:{timing:{energetic:"var(--jkl-motion-timing-energetic)",snappy:"var(--jkl-motion-timing-snappy)",productive:"var(--jkl-motion-timing-productive)",polite:"var(--jkl-motion-timing-polite)",expressive:"var(--jkl-motion-timing-expressive)",lazy:"var(--jkl-motion-timing-lazy)"},easing:{standard:"var(--jkl-motion-easing-standard)",entrance:"var(--jkl-motion-easing-entrance)",exit:"var(--jkl-motion-easing-exit)",easeInBounceOut:"var(--jkl-motion-easing-ease-in-bounce-out)",focus:"var(--jkl-motion-easing-focus)"}},font:{size:{1:"var(--jkl-font-size1)",2:"var(--jkl-font-size2)",3:"var(--jkl-font-size3)",4:"var(--jkl-font-size4)",5:"var(--jkl-font-size5)",6:"var(--jkl-font-size6)",7:"var(--jkl-font-size7)",8:"var(--jkl-font-size8)",9:"var(--jkl-font-size9)",10:"var(--jkl-font-size10)"},weight:{normal:"var(--jkl-font-weight-normal)",bold:"var(--jkl-font-weight-bold)"},family:{regular:"var(--jkl-font-family-regular)",display:"var(--jkl-font-family-display)",mono:"var(--jkl-font-family-mono)"}},lineHeight:{flush:"var(--jkl-line-height-flush)",tight:"var(--jkl-line-height-tight)",relaxed:"var(--jkl-line-height-relaxed)"},textStyle:{title:"var(--jkl-text-style-title)","title-small":"var(--jkl-text-style-title-small)","heading-1":"var(--jkl-text-style-heading1)","heading-2":"var(--jkl-text-style-heading2)","heading-3":"var(--jkl-text-style-heading3)","heading-4":"var(--jkl-text-style-heading4)","heading-5":"var(--jkl-text-style-heading5)","paragraph-large":"var(--jkl-text-style-paragraph-large)","paragraph-medium":"var(--jkl-text-style-paragraph-medium)","paragraph-small":"var(--jkl-text-style-paragraph-small)","text-large":"var(--jkl-text-style-text-large)","text-medium":"var(--jkl-text-style-text-medium)","text-small":"var(--jkl-text-style-text-small)","text-micro":"var(--jkl-text-style-text-micro)"}};export{r as default};
 //# sourceMappingURL=tokens.js.map