@fremtind/jokul 5.0.0-next.0 → 5.0.0-next.2

package/styles/theme/_tokens.scss

@@ -0,0 +1,94 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+
+@layer jokul.theme {
+    :root,
+    [data-size],
+    [data-theme] {
+        --jkl-unit-0: 0;
+        --jkl-spacing-0: 0rem;
+        --jkl-spacing-2: 0.125rem;
+        --jkl-spacing-4: 0.25rem;
+        --jkl-spacing-8: 0.5rem;
+        --jkl-spacing-12: 0.75rem;
+        --jkl-spacing-16: 1rem;
+        --jkl-spacing-24: 1.5rem;
+        --jkl-spacing-32: 2rem;
+        --jkl-spacing-40: 2.5rem;
+        --jkl-spacing-64: 4rem;
+        --jkl-spacing-104: 6.5rem;
+        --jkl-spacing-168: 10.5rem;
+        --jkl-spacing-none: 0;
+        --jkl-border-width-1: 0.0625rem;
+        --jkl-border-width-2: 0.125rem;
+        --jkl-border-width-3: 0.1875rem;
+        --jkl-border-radius-none: 0;
+        --jkl-border-radius-xs: 0.25rem;
+        --jkl-border-radius-s: 0.5rem;
+        --jkl-border-radius-m: 0.75rem;
+        --jkl-border-radius-l: 1rem;
+        --jkl-border-radius-full: 9999px;
+        --jkl-breakpoint-small: 0;
+        --jkl-breakpoint-medium: 680px;
+        --jkl-breakpoint-large: 1200px;
+        --jkl-breakpoint-xl: 1600px;
+        --jkl-motion-timing-energetic: 75ms;
+        --jkl-motion-timing-snappy: 100ms;
+        --jkl-motion-timing-productive: 150ms;
+        --jkl-motion-timing-polite: 200ms;
+        --jkl-motion-timing-expressive: 250ms;
+        --jkl-motion-timing-lazy: 400ms;
+        --jkl-motion-easing-standard: ease;
+        --jkl-motion-easing-entrance: ease-out;
+        --jkl-motion-easing-exit: ease-in;
+        --jkl-motion-easing-ease-in-bounce-out: cubic-bezier(0, 0, 0.375, 1.17);
+        --jkl-motion-easing-focus: cubic-bezier(0.6, 0.2, 0.35, 1);
+        --jkl-font-weight-normal: 400;
+        --jkl-font-weight-bold: 700;
+        --jkl-font-family-regular: 'Fremtind Grotesk', 'Adjusted Arial Fallback', Arial, sans-serif;
+        --jkl-font-family-display: 'Fremtind Grotesk Display', 'Adjusted Arial Display Fallback', Arial, sans-serif;
+        --jkl-font-family-mono: 'Fremtind Grotesk Mono', 'Adjusted Courier New Fallback', -apple-system, BlinkMacSystemFont, monospace;
+        --jkl-line-height-flush: 1;
+        --jkl-line-height-tight: 1.3;
+        --jkl-line-height-relaxed: 1.6;
+        --jkl-unit-15: calc(var(--jkl-unit-base) * 1.5);
+        --jkl-unit-20: calc(var(--jkl-unit-base) * 2);
+        --jkl-unit-25: calc(var(--jkl-unit-base) * 2.5);
+        --jkl-unit-30: calc(var(--jkl-unit-base) * 3);
+        --jkl-unit-35: calc(var(--jkl-unit-base) * 3.5);
+        --jkl-unit-40: calc(var(--jkl-unit-base) * 4);
+        --jkl-unit-50: calc(var(--jkl-unit-base) * 5);
+        --jkl-unit-60: calc(var(--jkl-unit-base) * 6);
+        --jkl-unit-70: calc(var(--jkl-unit-base) * 7);
+        --jkl-unit-80: calc(var(--jkl-unit-base) * 8);
+        --jkl-unit-90: calc(var(--jkl-unit-base) * 9);
+        --jkl-unit-100: calc(var(--jkl-unit-base) * 10);
+        --jkl-unit-130: calc(var(--jkl-unit-base) * 13);
+        --jkl-unit-210: calc(var(--jkl-unit-base) * 21);
+        --jkl-unit-02: calc(var(--jkl-unit-base) * 0.25);
+        --jkl-unit-05: calc(var(--jkl-unit-base) * 0.5);
+        --jkl-spacing-2xs: var(--jkl-spacing-4);
+        --jkl-spacing-xs: var(--jkl-spacing-8);
+        --jkl-spacing-s: var(--jkl-spacing-16);
+        --jkl-spacing-m: var(--jkl-spacing-24);
+        --jkl-spacing-l: var(--jkl-spacing-40);
+        --jkl-spacing-xl: var(--jkl-spacing-64);
+        --jkl-spacing-2xl: var(--jkl-spacing-104);
+        --jkl-text-style-title: var(--jkl-font-weight-normal) var(--jkl-font-size-10)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-title-small: var(--jkl-font-weight-normal) var(--jkl-font-size-9)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-heading-1: var(--jkl-font-weight-normal) var(--jkl-font-size-8)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-heading-2: var(--jkl-font-weight-normal) var(--jkl-font-size-7)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-heading-3: var(--jkl-font-weight-bold) var(--jkl-font-size-6)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-heading-4: var(--jkl-font-weight-bold) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-heading-5: var(--jkl-font-weight-bold) var(--jkl-font-size-4)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-paragraph-large: var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);
+        --jkl-text-style-paragraph-medium: var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);
+        --jkl-text-style-paragraph-small: var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-relaxed) var(--jkl-font-family-regular);
+        --jkl-text-style-text-large: var(--jkl-font-weight-normal) var(--jkl-font-size-5)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-text-medium: var(--jkl-font-weight-normal) var(--jkl-font-size-3)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-text-small: var(--jkl-font-weight-normal) var(--jkl-font-size-2)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+        --jkl-text-style-text-micro: var(--jkl-font-weight-normal) var(--jkl-font-size-1)/var(--jkl-line-height-tight) var(--jkl-font-family-regular);
+    }
+}

package/styles/theme/brands/dnb/_color-scheme.scss

@@ -0,0 +1,119 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+
+@layer jokul.theme {
+    [data-brand="dnb"] {
+        /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
+        --jkl-color-neutral-background-page: #F8F8F8;
+        --jkl-color-neutral-background-page: light-dark(#F8F8F8, #000000);
+        --jkl-color-neutral-background-container: #FFFFFF;
+        --jkl-color-neutral-background-container: light-dark(#FFFFFF, #333333);
+        --jkl-color-neutral-background-action: #000000;
+        --jkl-color-neutral-background-action: light-dark(#000000, #FFFFFF);
+        --jkl-color-neutral-text-default: #000000;
+        --jkl-color-neutral-text-default: light-dark(#000000, #FFFFFF);
+        --jkl-color-neutral-text-subdued: #737373;
+        --jkl-color-neutral-text-subdued: light-dark(#737373, #CCCCCC);
+        --jkl-color-neutral-text-on-action: #FFFFFF;
+        --jkl-color-neutral-text-on-action: light-dark(#FFFFFF, #000000);
+        --jkl-color-neutral-border-strong: #000000;
+        --jkl-color-neutral-border-strong: light-dark(#000000, #FFFFFF);
+        --jkl-color-neutral-border-default: #737373;
+        --jkl-color-neutral-border-default: light-dark(#737373, #CCCCCC);
+        --jkl-color-neutral-border-subdued: #CCCCCC;
+        --jkl-color-neutral-border-subdued: light-dark(#CCCCCC, #737373);
+        --jkl-color-accent-background-page: #F4F2EF;
+        --jkl-color-accent-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-accent-background-container: #F9F9F9;
+        --jkl-color-accent-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-accent-background-action: #007272;
+        --jkl-color-accent-background-action: light-dark(#007272, #A5E1D2);
+        --jkl-color-accent-text-default: #40342C;
+        --jkl-color-accent-text-default: light-dark(#40342C, #F3E9E0);
+        --jkl-color-accent-text-subdued: #6B5B4F;
+        --jkl-color-accent-text-subdued: light-dark(#6B5B4F, #D2BDAE);
+        --jkl-color-accent-text-on-action: #F9F9F9;
+        --jkl-color-accent-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-accent-border-strong: #007272;
+        --jkl-color-accent-border-strong: light-dark(#007272, #A5E1D2);
+        --jkl-color-accent-border-default: #007272;
+        --jkl-color-accent-border-default: light-dark(#007272, #A5E1D2);
+        --jkl-color-accent-border-subdued: #B3D5D5;
+        --jkl-color-accent-border-subdued: light-dark(#B3D5D5, #D2F0E9);
+        --jkl-color-warning-background-page: #FCF7E8;
+        --jkl-color-warning-background-page: light-dark(#FCF7E8, #392B10);
+        --jkl-color-warning-background-container: #F7EBC2;
+        --jkl-color-warning-background-container: light-dark(#F7EBC2, #5A4519);
+        --jkl-color-warning-background-action: #B98900;
+        --jkl-color-warning-background-action: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-text-default: #5B4200;
+        --jkl-color-warning-text-default: light-dark(#5B4200, #FFF5D9);
+        --jkl-color-warning-text-subdued: #8B6B22;
+        --jkl-color-warning-text-subdued: light-dark(#8B6B22, #EEDFAE);
+        --jkl-color-warning-text-on-action: #1B1917;
+        --jkl-color-warning-text-on-action: light-dark(#1B1917, #1B1917);
+        --jkl-color-warning-border-strong: #B98900;
+        --jkl-color-warning-border-strong: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-default: #B98900;
+        --jkl-color-warning-border-default: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-subdued: #DECC8D;
+        --jkl-color-warning-border-subdued: light-dark(#DECC8D, #8B6B22);
+        --jkl-color-success-background-page: #EEF7F0;
+        --jkl-color-success-background-page: light-dark(#EEF7F0, #173122);
+        --jkl-color-success-background-container: #D7EADB;
+        --jkl-color-success-background-container: light-dark(#D7EADB, #234530);
+        --jkl-color-success-background-action: #2E8C4A;
+        --jkl-color-success-background-action: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-text-default: #1E5D31;
+        --jkl-color-success-text-default: light-dark(#1E5D31, #F1FBF3);
+        --jkl-color-success-text-subdued: #507A5B;
+        --jkl-color-success-text-subdued: light-dark(#507A5B, #C9DDCE);
+        --jkl-color-success-text-on-action: #F9F9F9;
+        --jkl-color-success-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-success-border-strong: #2E8C4A;
+        --jkl-color-success-border-strong: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-default: #2E8C4A;
+        --jkl-color-success-border-default: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-subdued: #94B79B;
+        --jkl-color-success-border-subdued: light-dark(#94B79B, #507A5B);
+        --jkl-color-info-background-page: #EEF5FE;
+        --jkl-color-info-background-page: light-dark(#EEF5FE, #162A40);
+        --jkl-color-info-background-container: #DDEBFB;
+        --jkl-color-info-background-container: light-dark(#DDEBFB, #264261);
+        --jkl-color-info-background-action: #4AA3F0;
+        --jkl-color-info-background-action: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-text-default: #1B3B60;
+        --jkl-color-info-text-default: light-dark(#1B3B60, #F5FAFF);
+        --jkl-color-info-text-subdued: #4E6C8E;
+        --jkl-color-info-text-subdued: light-dark(#4E6C8E, #D7E9F8);
+        --jkl-color-info-text-on-action: #F9F9F9;
+        --jkl-color-info-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-info-border-strong: #4AA3F0;
+        --jkl-color-info-border-strong: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-default: #4AA3F0;
+        --jkl-color-info-border-default: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-subdued: #A9A9CA;
+        --jkl-color-info-border-subdued: light-dark(#A9A9CA, #4E6C8E);
+        --jkl-color-error-background-page: #FDEEEE;
+        --jkl-color-error-background-page: light-dark(#FDEEEE, #3A1C1C);
+        --jkl-color-error-background-container: #F8D1D1;
+        --jkl-color-error-background-container: light-dark(#F8D1D1, #5B2828);
+        --jkl-color-error-background-action: #E84B3C;
+        --jkl-color-error-background-action: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-text-default: #7B1F18;
+        --jkl-color-error-text-default: light-dark(#7B1F18, #FFF1EF);
+        --jkl-color-error-text-subdued: #A14E46;
+        --jkl-color-error-text-subdued: light-dark(#A14E46, #F1C8C4);
+        --jkl-color-error-text-on-action: #F9F9F9;
+        --jkl-color-error-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-error-border-strong: #E84B3C;
+        --jkl-color-error-border-strong: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-default: #E84B3C;
+        --jkl-color-error-border-default: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-subdued: #DE9E9E;
+        --jkl-color-error-border-subdued: light-dark(#DE9E9E, #A14E46);
+        /* stylelint-enable declaration-block-no-duplicate-custom-properties */
+    }
+}

package/styles/theme/brands/eika/_color-scheme.scss

@@ -0,0 +1,119 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+
+@layer jokul.theme {
+    [data-brand="eika"] {
+        /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
+        --jkl-color-neutral-background-page: #F4F2EF;
+        --jkl-color-neutral-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-neutral-background-container: #F9F9F9;
+        --jkl-color-neutral-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-neutral-background-action: #1B1917;
+        --jkl-color-neutral-background-action: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-default: #1B1917;
+        --jkl-color-neutral-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-subdued: #636060;
+        --jkl-color-neutral-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-text-on-action: #F9F9F9;
+        --jkl-color-neutral-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-neutral-border-strong: #1B1917;
+        --jkl-color-neutral-border-strong: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-border-default: #636060;
+        --jkl-color-neutral-border-default: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-border-subdued: #C8C5C3;
+        --jkl-color-neutral-border-subdued: light-dark(#C8C5C3, #636060);
+        --jkl-color-accent-background-page: #F4F2EF;
+        --jkl-color-accent-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-accent-background-container: #F9F9F9;
+        --jkl-color-accent-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-accent-background-action: #90D000;
+        --jkl-color-accent-background-action: light-dark(#90D000, #D3EC99);
+        --jkl-color-accent-text-default: #1B1917;
+        --jkl-color-accent-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-accent-text-subdued: #636060;
+        --jkl-color-accent-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-accent-text-on-action: #00383D;
+        --jkl-color-accent-text-on-action: light-dark(#00383D, #00383D);
+        --jkl-color-accent-border-strong: #90D000;
+        --jkl-color-accent-border-strong: light-dark(#90D000, #D3EC99);
+        --jkl-color-accent-border-default: #90D000;
+        --jkl-color-accent-border-default: light-dark(#90D000, #D3EC99);
+        --jkl-color-accent-border-subdued: #D3EC99;
+        --jkl-color-accent-border-subdued: light-dark(#D3EC99, #F4FAE6);
+        --jkl-color-warning-background-page: #FCF7E8;
+        --jkl-color-warning-background-page: light-dark(#FCF7E8, #392B10);
+        --jkl-color-warning-background-container: #F7EBC2;
+        --jkl-color-warning-background-container: light-dark(#F7EBC2, #5A4519);
+        --jkl-color-warning-background-action: #B98900;
+        --jkl-color-warning-background-action: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-text-default: #5B4200;
+        --jkl-color-warning-text-default: light-dark(#5B4200, #FFF5D9);
+        --jkl-color-warning-text-subdued: #8B6B22;
+        --jkl-color-warning-text-subdued: light-dark(#8B6B22, #EEDFAE);
+        --jkl-color-warning-text-on-action: #1B1917;
+        --jkl-color-warning-text-on-action: light-dark(#1B1917, #1B1917);
+        --jkl-color-warning-border-strong: #B98900;
+        --jkl-color-warning-border-strong: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-default: #B98900;
+        --jkl-color-warning-border-default: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-subdued: #DECC8D;
+        --jkl-color-warning-border-subdued: light-dark(#DECC8D, #8B6B22);
+        --jkl-color-success-background-page: #EEF7F0;
+        --jkl-color-success-background-page: light-dark(#EEF7F0, #173122);
+        --jkl-color-success-background-container: #D7EADB;
+        --jkl-color-success-background-container: light-dark(#D7EADB, #234530);
+        --jkl-color-success-background-action: #2E8C4A;
+        --jkl-color-success-background-action: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-text-default: #1E5D31;
+        --jkl-color-success-text-default: light-dark(#1E5D31, #F1FBF3);
+        --jkl-color-success-text-subdued: #507A5B;
+        --jkl-color-success-text-subdued: light-dark(#507A5B, #C9DDCE);
+        --jkl-color-success-text-on-action: #F9F9F9;
+        --jkl-color-success-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-success-border-strong: #2E8C4A;
+        --jkl-color-success-border-strong: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-default: #2E8C4A;
+        --jkl-color-success-border-default: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-subdued: #94B79B;
+        --jkl-color-success-border-subdued: light-dark(#94B79B, #507A5B);
+        --jkl-color-info-background-page: #EEF5FE;
+        --jkl-color-info-background-page: light-dark(#EEF5FE, #162A40);
+        --jkl-color-info-background-container: #DDEBFB;
+        --jkl-color-info-background-container: light-dark(#DDEBFB, #264261);
+        --jkl-color-info-background-action: #4AA3F0;
+        --jkl-color-info-background-action: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-text-default: #1B3B60;
+        --jkl-color-info-text-default: light-dark(#1B3B60, #F5FAFF);
+        --jkl-color-info-text-subdued: #4E6C8E;
+        --jkl-color-info-text-subdued: light-dark(#4E6C8E, #D7E9F8);
+        --jkl-color-info-text-on-action: #F9F9F9;
+        --jkl-color-info-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-info-border-strong: #4AA3F0;
+        --jkl-color-info-border-strong: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-default: #4AA3F0;
+        --jkl-color-info-border-default: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-subdued: #A9A9CA;
+        --jkl-color-info-border-subdued: light-dark(#A9A9CA, #4E6C8E);
+        --jkl-color-error-background-page: #FDEEEE;
+        --jkl-color-error-background-page: light-dark(#FDEEEE, #3A1C1C);
+        --jkl-color-error-background-container: #F8D1D1;
+        --jkl-color-error-background-container: light-dark(#F8D1D1, #5B2828);
+        --jkl-color-error-background-action: #E84B3C;
+        --jkl-color-error-background-action: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-text-default: #7B1F18;
+        --jkl-color-error-text-default: light-dark(#7B1F18, #FFF1EF);
+        --jkl-color-error-text-subdued: #A14E46;
+        --jkl-color-error-text-subdued: light-dark(#A14E46, #F1C8C4);
+        --jkl-color-error-text-on-action: #F9F9F9;
+        --jkl-color-error-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-error-border-strong: #E84B3C;
+        --jkl-color-error-border-strong: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-default: #E84B3C;
+        --jkl-color-error-border-default: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-subdued: #DE9E9E;
+        --jkl-color-error-border-subdued: light-dark(#DE9E9E, #A14E46);
+        /* stylelint-enable declaration-block-no-duplicate-custom-properties */
+    }
+}

package/styles/theme/brands/sparebank1/_color-scheme.scss

@@ -0,0 +1,119 @@
+/**
+ * Do not edit directly, this file was auto-generated.
+ */
+
+
+@layer jokul.theme {
+    [data-brand="sparebank1"] {
+        /* stylelint-disable declaration-block-no-duplicate-custom-properties -- fallback and light-dark() declarations are intentionally paired. */
+        --jkl-color-neutral-background-page: #F4F2EF;
+        --jkl-color-neutral-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-neutral-background-container: #F9F9F9;
+        --jkl-color-neutral-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-neutral-background-action: #1B1917;
+        --jkl-color-neutral-background-action: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-default: #1B1917;
+        --jkl-color-neutral-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-text-subdued: #636060;
+        --jkl-color-neutral-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-text-on-action: #F9F9F9;
+        --jkl-color-neutral-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-neutral-border-strong: #1B1917;
+        --jkl-color-neutral-border-strong: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-neutral-border-default: #636060;
+        --jkl-color-neutral-border-default: light-dark(#636060, #C8C5C3);
+        --jkl-color-neutral-border-subdued: #C8C5C3;
+        --jkl-color-neutral-border-subdued: light-dark(#C8C5C3, #636060);
+        --jkl-color-accent-background-page: #F4F2EF;
+        --jkl-color-accent-background-page: light-dark(#F4F2EF, #1B1917);
+        --jkl-color-accent-background-container: #F9F9F9;
+        --jkl-color-accent-background-container: light-dark(#F9F9F9, #313030);
+        --jkl-color-accent-background-action: #005AA4;
+        --jkl-color-accent-background-action: light-dark(#005AA4, #9EC2E5);
+        --jkl-color-accent-text-default: #1B1917;
+        --jkl-color-accent-text-default: light-dark(#1B1917, #F9F9F9);
+        --jkl-color-accent-text-subdued: #636060;
+        --jkl-color-accent-text-subdued: light-dark(#636060, #C8C5C3);
+        --jkl-color-accent-text-on-action: #F9F9F9;
+        --jkl-color-accent-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-accent-border-strong: #005AA4;
+        --jkl-color-accent-border-strong: light-dark(#005AA4, #9EC2E5);
+        --jkl-color-accent-border-default: #005AA4;
+        --jkl-color-accent-border-default: light-dark(#005AA4, #9EC2E5);
+        --jkl-color-accent-border-subdued: #C3D9EF;
+        --jkl-color-accent-border-subdued: light-dark(#C3D9EF, #D7E7F4);
+        --jkl-color-warning-background-page: #FCF7E8;
+        --jkl-color-warning-background-page: light-dark(#FCF7E8, #392B10);
+        --jkl-color-warning-background-container: #F7EBC2;
+        --jkl-color-warning-background-container: light-dark(#F7EBC2, #5A4519);
+        --jkl-color-warning-background-action: #B98900;
+        --jkl-color-warning-background-action: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-text-default: #5B4200;
+        --jkl-color-warning-text-default: light-dark(#5B4200, #FFF5D9);
+        --jkl-color-warning-text-subdued: #8B6B22;
+        --jkl-color-warning-text-subdued: light-dark(#8B6B22, #EEDFAE);
+        --jkl-color-warning-text-on-action: #1B1917;
+        --jkl-color-warning-text-on-action: light-dark(#1B1917, #1B1917);
+        --jkl-color-warning-border-strong: #B98900;
+        --jkl-color-warning-border-strong: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-default: #B98900;
+        --jkl-color-warning-border-default: light-dark(#B98900, #E4B63A);
+        --jkl-color-warning-border-subdued: #DECC8D;
+        --jkl-color-warning-border-subdued: light-dark(#DECC8D, #8B6B22);
+        --jkl-color-success-background-page: #EEF7F0;
+        --jkl-color-success-background-page: light-dark(#EEF7F0, #173122);
+        --jkl-color-success-background-container: #D7EADB;
+        --jkl-color-success-background-container: light-dark(#D7EADB, #234530);
+        --jkl-color-success-background-action: #2E8C4A;
+        --jkl-color-success-background-action: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-text-default: #1E5D31;
+        --jkl-color-success-text-default: light-dark(#1E5D31, #F1FBF3);
+        --jkl-color-success-text-subdued: #507A5B;
+        --jkl-color-success-text-subdued: light-dark(#507A5B, #C9DDCE);
+        --jkl-color-success-text-on-action: #F9F9F9;
+        --jkl-color-success-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-success-border-strong: #2E8C4A;
+        --jkl-color-success-border-strong: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-default: #2E8C4A;
+        --jkl-color-success-border-default: light-dark(#2E8C4A, #67B479);
+        --jkl-color-success-border-subdued: #94B79B;
+        --jkl-color-success-border-subdued: light-dark(#94B79B, #507A5B);
+        --jkl-color-info-background-page: #EEF5FE;
+        --jkl-color-info-background-page: light-dark(#EEF5FE, #162A40);
+        --jkl-color-info-background-container: #DDEBFB;
+        --jkl-color-info-background-container: light-dark(#DDEBFB, #264261);
+        --jkl-color-info-background-action: #4AA3F0;
+        --jkl-color-info-background-action: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-text-default: #1B3B60;
+        --jkl-color-info-text-default: light-dark(#1B3B60, #F5FAFF);
+        --jkl-color-info-text-subdued: #4E6C8E;
+        --jkl-color-info-text-subdued: light-dark(#4E6C8E, #D7E9F8);
+        --jkl-color-info-text-on-action: #F9F9F9;
+        --jkl-color-info-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-info-border-strong: #4AA3F0;
+        --jkl-color-info-border-strong: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-default: #4AA3F0;
+        --jkl-color-info-border-default: light-dark(#4AA3F0, #7EBEF4);
+        --jkl-color-info-border-subdued: #A9A9CA;
+        --jkl-color-info-border-subdued: light-dark(#A9A9CA, #4E6C8E);
+        --jkl-color-error-background-page: #FDEEEE;
+        --jkl-color-error-background-page: light-dark(#FDEEEE, #3A1C1C);
+        --jkl-color-error-background-container: #F8D1D1;
+        --jkl-color-error-background-container: light-dark(#F8D1D1, #5B2828);
+        --jkl-color-error-background-action: #E84B3C;
+        --jkl-color-error-background-action: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-text-default: #7B1F18;
+        --jkl-color-error-text-default: light-dark(#7B1F18, #FFF1EF);
+        --jkl-color-error-text-subdued: #A14E46;
+        --jkl-color-error-text-subdued: light-dark(#A14E46, #F1C8C4);
+        --jkl-color-error-text-on-action: #F9F9F9;
+        --jkl-color-error-text-on-action: light-dark(#F9F9F9, #1B1917);
+        --jkl-color-error-border-strong: #E84B3C;
+        --jkl-color-error-border-strong: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-default: #E84B3C;
+        --jkl-color-error-border-default: light-dark(#E84B3C, #F27B70);
+        --jkl-color-error-border-subdued: #DE9E9E;
+        --jkl-color-error-border-subdued: light-dark(#DE9E9E, #A14E46);
+        /* stylelint-enable declaration-block-no-duplicate-custom-properties */
+    }
+}

package/styles/{core/utility → utility}/_headings.scss

@@ -1,4 +1,4 @@
-@use "../jkl";
+@use "jkl";
 
 @layer jokul.utility {
     .jkl-title {

package/styles/utility/_paragraphs.scss

@@ -0,0 +1,24 @@
+@use "sass:map";
+@use "jkl";
+@use "jkl/typography";
+
+@layer jokul.utility {
+    .jkl-body {
+        font: var(--jkl-text-style-paragraph-medium);
+    }
+
+    .jkl-bold {
+        font: var(--jkl-text-style-paragraph-medium);
+        font-weight: jkl.$font-weight-bold;
+    }
+
+    .jkl-small {
+        font: var(--jkl-text-style-paragraph-small);
+    }
+
+    @each $style, $value in map.get(jkl.$tokens, "textStyle") {
+        .jkl-#{$style} {
+            font: $value;
+        }
+    }
+}

package/styles/{core/utility → utility}/_screen-reader.scss

@@ -1,4 +1,4 @@
-@use "../jkl";
+@use "jkl";
 
 @layer jokul.utility {
     .jkl-sr-only {

package/styles/{core/utility → utility}/_spacing.scss

@@ -1,7 +1,8 @@
 @use "sass:list";
 @use "sass:map";
 @use "sass:string";
-@use "../jkl/spacing";
+@use "jkl";
+@use "jkl/spacing";
 
 @function get-class-name($spacing-combination) {
     $class-name: "jkl-spacing";
@@ -31,7 +32,7 @@
     }
 
     // Lag nytteklasser for de gamle spacingene for å sikre bakoverkompatibilitet
-    @each $spacing, $value in spacing.$spacing {
+    @each $spacing, $value in map.get(jkl.$tokens, "spacing") {
         @if not list.index(spacing.$combinations, $spacing) {
             .jkl-spacing-#{$spacing} {
                 &--all {
@@ -46,4 +47,4 @@
             }
         }
     }
-}
+}

package/build/cjs/components-beta/description-list/DescriptionList.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("../../../clsx-E3yX_9sL.cjs");require("react");const r=require("./DescriptionListItem.cjs"),s=({className:r,alignment:s="horizontal",showSeparators:i=!1,children:a,...c})=>e.jsx("dl",{...c,className:t.clsx("jkl-description-list--beta",r),"data-alignment":s,"data-separators":i,children:a});s.Item=r.DescriptionListItem,exports.DescriptionList=s;
-//# sourceMappingURL=DescriptionList.cjs.map

package/build/cjs/components-beta/description-list/DescriptionList.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DescriptionList.cjs","sources":["../../../../src/components-beta/description-list/DescriptionList.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React from \"react\";\nimport { DescriptionListItem } from \"./DescriptionListItem.js\";\nimport type { DescriptionListProps } from \"./types.js\";\n\n/**\n * @deprecated Bruk heller den stabile komponenten. All funksjonalitet fra Beta-komponenten er tilgjengelige der.\n */\nexport const DescriptionList = ({\n    className,\n    alignment = \"horizontal\",\n    showSeparators = false,\n    children,\n    ...rest\n}: DescriptionListProps): React.JSX.Element => {\n    return (\n        <dl\n            {...rest}\n            className={clsx(\"jkl-description-list--beta\", className)}\n            data-alignment={alignment}\n            data-separators={showSeparators}\n        >\n            {children}\n        </dl>\n    );\n};\n\nDescriptionList.Item = DescriptionListItem;\n"],"names":["DescriptionList","className","alignment","showSeparators","children","rest","jsx","clsx","Item","DescriptionListItem"],"mappings":"2NAQaA,EAAkB,EAC3BC,UAAAA,EACAC,UAAAA,EAAY,aACZC,eAAAA,GAAiB,EACjBC,SAAAA,KACGC,KAGCC,EAAAA,IAAC,KAAA,IACOD,EACJJ,UAAWM,EAAAA,KAAK,6BAA8BN,GAC9C,iBAAgBC,EAChB,kBAAiBC,EAEhBC,SAAAA,IAKbJ,EAAgBQ,KAAOC,EAAAA"}

package/build/cjs/components-beta/description-list/DescriptionListItem.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("../../../clsx-E3yX_9sL.cjs");require("react");exports.DescriptionListItem=({title:t,value:r,supportText:i,className:l,...c})=>e.jsxs("div",{...c,className:s.clsx("jkl-description-list-item--beta",l),children:[e.jsx("dt",{className:"title",children:t}),e.jsx("dd",{className:"value",children:r}),i&&e.jsx("dd",{className:"support-text",children:i})]});
-//# sourceMappingURL=DescriptionListItem.cjs.map

package/build/cjs/components-beta/description-list/DescriptionListItem.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"DescriptionListItem.cjs","sources":["../../../../src/components-beta/description-list/DescriptionListItem.tsx"],"sourcesContent":["import { clsx } from \"clsx\";\nimport React, { type FC } from \"react\";\nimport type { DescriptionListItemProps } from \"./types.js\";\n\n/**\n * @deprecated Bruk heller den stabile komponenten for DescriptionList sammen med Terms og Details. All funksjonalitet fra Beta-komponenten er tilgjengelige der.\n */\nexport const DescriptionListItem: FC<DescriptionListItemProps> = ({\n    title,\n    value,\n    supportText,\n    className,\n    ...rest\n}) => {\n    return (\n        <div\n            {...rest}\n            className={clsx(\"jkl-description-list-item--beta\", className)}\n        >\n            <dt className=\"title\">{title}</dt>\n            <dd className=\"value\">{value}</dd>\n            {supportText && <dd className=\"support-text\">{supportText}</dd>}\n        </div>\n    );\n};\n"],"names":["title","value","supportText","className","rest","jsxs","clsx","children","jsx"],"mappings":"0MAOiE,EAC7DA,MAAAA,EACAC,MAAAA,EACAC,YAAAA,EACAC,UAAAA,KACGC,KAGCC,EAAAA,KAAC,MAAA,IACOD,EACJD,UAAWG,EAAAA,KAAK,kCAAmCH,GAEnDI,SAAA,CAAAC,EAAAA,IAAC,KAAA,CAAGL,UAAU,QAASI,SAAAP,IACvBQ,EAAAA,IAAC,KAAA,CAAGL,UAAU,QAASI,SAAAN,IACtBC,GAAeM,EAAAA,IAAC,KAAA,CAAGL,UAAU,eAAgBI,SAAAL"}

package/build/cjs/components-beta/nav-link/NavLink.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("../../../clsx-E3yX_9sL.cjs"),r=require("react"),s=r.forwardRef(function(s,t){const{title:a,description:c,className:l,children:n,as:d="a",...o}=s,u=d,p=r.useId();return e.jsxs(u,{...o,ref:t,"aria-labelledby":`${p}-title`,"aria-describedby":`${p}-description`,className:i.clsx("jkl-navlink--beta",l),children:[e.jsx("p",{className:"title",id:`${p}-title`,children:a}),c&&e.jsx("p",{className:"description",id:`${p}-description`,children:c})]})});exports.NavLink=s;
-//# sourceMappingURL=NavLink.cjs.map

package/build/cjs/components-beta/nav-link/NavLink.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavLink.cjs","sources":["../../../../src/components-beta/nav-link/NavLink.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { useId } from \"react\";\nimport type { PolymorphicRef } from \"../../utilities/index.js\";\nimport type { NavLinkProps } from \"./types.js\";\n\ntype NavLinkComponent = <ElementType extends React.ElementType = \"a\">(\n    props: NavLinkProps<ElementType>,\n) => React.ReactElement | null;\n\nexport const NavLink = React.forwardRef(function NavLink<\n    ElementType extends React.ElementType = \"a\",\n>(props: NavLinkProps<ElementType>, ref?: PolymorphicRef<ElementType>) {\n    const {\n        title,\n        description,\n        className,\n        children,\n        as = \"a\",\n        ...rest\n    } = props;\n    const Component = as;\n    const id = useId();\n\n    return (\n        <Component\n            {...rest}\n            ref={ref}\n            aria-labelledby={`${id}-title`}\n            aria-describedby={`${id}-description`}\n            className={clsx(\"jkl-navlink--beta\", className)}\n        >\n            <p className=\"title\" id={`${id}-title`}>\n                {title}\n            </p>\n            {description && (\n                <p className=\"description\" id={`${id}-description`}>\n                    {description}\n                </p>\n            )}\n        </Component>\n    );\n}) as NavLinkComponent;\n"],"names":["NavLink","React","forwardRef","props","ref","title","description","className","children","as","rest","Component","id","useId","jsxs","clsx","jsx"],"mappings":"gLASaA,EAAUC,EAAMC,WAAW,SAEtCC,EAAkCC,GAChC,MACIC,MAAAA,EACAC,YAAAA,EACAC,UAAAA,EACAC,SAAAA,EACAC,GAAAA,EAAK,OACFC,GACHP,EACEQ,EAAYF,EACZG,EAAKC,EAAAA,QAEX,OACIC,EAAAA,KAACH,EAAA,IACOD,EACJN,IAAAA,EACA,kBAAiB,GAAGQ,UACpB,mBAAkB,GAAGA,gBACrBL,UAAWQ,EAAAA,KAAK,oBAAqBR,GAErCC,SAAA,CAAAQ,EAAAA,IAAC,KAAET,UAAU,QAAQK,GAAI,GAAGA,UACvBJ,SAAAH,IAEJC,SACI,IAAA,CAAEC,UAAU,cAAcK,GAAI,GAAGA,gBAC7BJ,SAAAF,MAKrB"}

package/build/cjs/components-beta/nav-link/index.d.cts

@@ -1 +0,0 @@
-export { NavLink as BETA_NavLink } from './NavLink.cjs';

package/build/cjs/components-beta/select/Select.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("../../../clsx-E3yX_9sL.cjs"),e=require("react");require("../../components/icon/Icon.cjs"),require("../../components/icon/icons/animated/ArrowVerticalAnimated.cjs"),require("../../components/icon/icons/animated/ArrowHorizontalAnimated.cjs"),require("../../components/icon/icons/animated/PlusRemoveAnimated.cjs");const c=require("../../components/icon/icons/ArrowDownIcon.cjs");require("../../components/icon/icons/ArrowLeftIcon.cjs"),require("../../components/icon/icons/ArrowNorthEastIcon.cjs"),require("../../components/icon/icons/ArrowRightIcon.cjs"),require("../../components/icon/icons/ArrowUpIcon.cjs"),require("../../components/icon/icons/CalendarIcon.cjs"),require("../../components/icon/icons/CheckIcon.cjs"),require("../../components/icon/icons/ChevronDownIcon.cjs"),require("../../components/icon/icons/ChevronLeftIcon.cjs"),require("../../components/icon/icons/ChevronRightIcon.cjs"),require("../../components/icon/icons/ChevronUpIcon.cjs"),require("../../components/icon/icons/CloseIcon.cjs"),require("../../components/icon/icons/CopyIcon.cjs"),require("../../components/icon/icons/DotsIcon.cjs"),require("../../components/icon/icons/DragIcon.cjs"),require("../../components/icon/icons/ErrorIcon.cjs"),require("../../components/icon/icons/GreenCheckIcon.cjs"),require("../../components/icon/icons/HamburgerIcon.cjs"),require("../../components/icon/icons/InfoIcon.cjs"),require("../../components/icon/icons/LinkIcon.cjs"),require("../../components/icon/icons/MinusIcon.cjs"),require("../../components/icon/icons/OpenInNewIcon.cjs"),require("../../components/icon/icons/PenIcon.cjs"),require("../../components/icon/icons/PlusIcon.cjs"),require("../../components/icon/icons/QuestionIcon.cjs"),require("../../components/icon/icons/RedCrossIcon.cjs"),require("../../components/icon/icons/SearchIcon.cjs"),require("../../components/icon/icons/SuccessIcon.cjs"),require("../../components/icon/icons/ThumbDownIcon.cjs"),require("../../components/icon/icons/ThumbUpIcon.cjs"),require("../../components/icon/icons/TrashCanIcon.cjs"),require("../../components/icon/icons/WarningIcon.cjs");const s=require("../../components/input-group/InputGroup.cjs"),r=e.forwardRef((e,r)=>{const{label:i,className:t,errorLabel:p,helpLabel:u,labelProps:a,placeholder:l="Velg",supportLabelProps:m,tooltip:j,value:q,description:I,...d}=e,h={label:i,errorLabel:p,helpLabel:u,labelProps:a,supportLabelProps:m,tooltip:j,description:I};return o.jsx(s.InputGroup,{...h,"data-testid":"jkl-select--beta",className:n.clsx("jkl-select--beta",t),render:n=>o.jsxs("div",{className:"jkl-select--beta-wrapper",children:[o.jsxs("select",{ref:r,defaultValue:q?void 0:"",value:q,...n,...d,children:[l&&o.jsx("option",{disabled:!0,selected:!0,value:"",children:l}),e.children]}),o.jsx(c.ArrowDownIcon,{})]})})});exports.Select=r;
-//# sourceMappingURL=Select.cjs.map

package/build/cjs/components-beta/select/Select.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Select.cjs","sources":["../../../../src/components-beta/select/Select.tsx"],"sourcesContent":["import clsx from \"clsx\";\nimport React, { forwardRef } from \"react\";\nimport { ArrowDownIcon } from \"../../components/icon/index.js\";\nimport { InputGroup } from \"../../components/input-group/InputGroup.js\";\nimport type { SelectProps } from \"./types.js\";\n\nexport const Select = forwardRef<HTMLSelectElement, SelectProps>(\n    (props, ref) => {\n        const {\n            label,\n            className,\n            errorLabel,\n            helpLabel,\n            labelProps,\n            placeholder = \"Velg\",\n            supportLabelProps,\n            tooltip,\n            value,\n            description,\n            ...rest\n        } = props;\n\n        const inputGroupProps = {\n            label,\n            errorLabel,\n            helpLabel,\n            labelProps,\n            supportLabelProps,\n            tooltip,\n            description,\n        };\n\n        return (\n            <InputGroup\n                {...inputGroupProps}\n                data-testid=\"jkl-select--beta\"\n                className={clsx(\"jkl-select--beta\", className)}\n                render={(inputProps) => (\n                    <div className=\"jkl-select--beta-wrapper\">\n                        <select\n                            ref={ref}\n                            defaultValue={value ? undefined : \"\"}\n                            value={value}\n                            {...inputProps}\n                            {...rest}\n                        >\n                            {placeholder && (\n                                <option disabled selected value=\"\">\n                                    {placeholder}\n                                </option>\n                            )}\n                            {props.children}\n                        </select>\n                        <ArrowDownIcon />\n                    </div>\n                )}\n            />\n        );\n    },\n);\n"],"names":["Select","forwardRef","props","ref","label","className","errorLabel","helpLabel","labelProps","placeholder","supportLabelProps","tooltip","value","description","rest","inputGroupProps","jsx","InputGroup","clsx","render","inputProps","jsxs","children","defaultValue","disabled","selected","ArrowDownIcon"],"mappings":"yuEAMaA,EAASC,EAAAA,WAClB,CAACC,EAAOC,KACJ,MACIC,MAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,YAAAA,EAAc,OACdC,kBAAAA,EACAC,QAAAA,EACAC,MAAAA,EACAC,YAAAA,KACGC,GACHZ,EAEEa,EAAkB,CACpBX,MAAAA,EACAE,WAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAE,kBAAAA,EACAC,QAAAA,EACAE,YAAAA,GAGJ,OACIG,EAAAA,IAACC,EAAAA,WAAA,IACOF,EACJ,cAAY,mBACZV,UAAWa,EAAAA,KAAK,mBAAoBb,GACpCc,OAASC,GACLC,EAAAA,KAAC,MAAA,CAAIhB,UAAU,2BACXiB,SAAA,CAAAD,EAAAA,KAAC,SAAA,CACGlB,IAAAA,EACAoB,aAAcX,OAAQ,EAAY,GAClCA,MAAAA,KACIQ,KACAN,EAEHQ,SAAA,CAAAb,GACGO,EAAAA,IAAC,UAAOQ,UAAQ,EAACC,UAAQ,EAACb,MAAM,GAC3BU,SAAAb,IAGRP,EAAMoB,kBAEVI,EAAAA,cAAA,CAAA"}

package/build/cjs/components-beta/select/index.d.cts

@@ -1,2 +0,0 @@
-export { Select as BETA_Select } from './Select.cjs';
-export type { SelectProps } from './types.cjs';

package/build/cjs/core/index.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./tokens.cjs");exports.tokens=e;
-//# sourceMappingURL=index.cjs.map

package/build/cjs/core/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/build/cjs/core/index.d.cts

@@ -1,2 +0,0 @@
-export type { ColorScheme, Easing, Timing, DataTestAutoId, WithChildren, WithOptionalChildren, } from './types.cjs';
-export { default as tokens } from './tokens.cjs';

package/build/cjs/core/tokens/build-tailwind-4.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("node:fs"),n=require("node:fs/promises"),i=require("node:path"),t=require("../../../index-Ck94bTpt.cjs"),r=e=>Object.freeze(Object.defineProperty({__proto__:null,default:e},Symbol.toStringTag,{value:"Module"}));exports.buildTailwind4Theme=async()=>{const{default:a}=await Promise.resolve().then(()=>r(require("../../tailwind/colors.cjs"))),{default:s}=await Promise.resolve().then(()=>r(require("../tokens.cjs"))),o=Object.entries(a).map(([e,n])=>`    --color-${e}: ${n};`),l=Object.entries(s.spacing).map(([e,n])=>`    --spacing-${t.kebabCase(e)}: ${n};`),b=Object.entries(s.typography.font.weight).map(([e,n])=>`    --font-weight-${e}: ${n};`),d=Object.entries(s.breakpoint).map(([e,n])=>`    --breakpoint-${t.kebabCase(e)}: ${n};`),c=Object.entries(s.border.radius).map(([e,n])=>`    --radius-${e}: ${n};`),p=Object.entries(s.border.width).map(([e,n])=>`    --border-width-${e}: ${n};`),$=Object.entries(s.typography.style).map(([e,n])=>[`@utility ${t.kebabCase(e)} {`,...Object.entries(n.small).map(([e,n])=>`    ${t.kebabCase(e)}: ${n};`),"",`    @media (min-width: ${s.breakpoint.medium}) {`,...Object.entries(n.base).map(([e,n])=>`        ${t.kebabCase(e)}: ${n};`),"    }","}"].join("\n")),j=`\n/**\n * Do not edit directly, this file was auto-generated.\n */\n/* stylelint-disable */\n\n@theme {\n    --*: initial;\n\n${o.join("\n")}\n\n${l.join("\n")}\n\n${b.join("\n")}\n\n${d.join("\n")}\n\n${c.join("\n")}\n${p.join("\n")}\n}\n\n${$.join("\n\n")}\n`;e.existsSync("src/tailwind/v4")||e.mkdirSync("src/tailwind/v4",{recursive:!0}),await n.writeFile(i.resolve("src/tailwind/v4/jokul-tailwind.css"),j)};
-//# sourceMappingURL=build-tailwind-4.cjs.map

package/build/cjs/core/tokens/build-tailwind-4.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"build-tailwind-4.cjs","sources":["../../../../src/core/tokens/build-tailwind-4.ts"],"sourcesContent":["import { existsSync, mkdirSync } from \"node:fs\";\nimport { writeFile } from \"node:fs/promises\";\nimport path from \"node:path\";\nimport { kebabCase } from \"change-case\";\n\nexport const buildTailwind4Theme = async () => {\n    const { default: colors } = await import(\"../../tailwind/colors.js\");\n    const { default: tokens } = await import(\"../tokens.js\");\n\n    const colorVariables = Object.entries(colors).map(\n        ([name, value]) => `    --color-${name}: ${value};`,\n    );\n\n    const spacingVariables = Object.entries(tokens.spacing).map(\n        ([step, value]) => `    --spacing-${kebabCase(step)}: ${value};`,\n    );\n\n    const fontWeights = Object.entries(tokens.typography.font.weight).map(\n        ([weight, value]) => `    --font-weight-${weight}: ${value};`,\n    );\n\n    const breakpoints = Object.entries(tokens.breakpoint).map(\n        ([step, value]) => `    --breakpoint-${kebabCase(step)}: ${value};`,\n    );\n\n    const borderRadii = Object.entries(tokens.border.radius).map(\n        ([step, value]) => `    --radius-${step}: ${value};`,\n    );\n\n    const borderWidths = Object.entries(tokens.border.width).map(\n        ([step, value]) => `    --border-width-${step}: ${value};`,\n    );\n\n    const textUtilities = Object.entries(tokens.typography.style).map(\n        ([name, value]) =>\n            [\n                `@utility ${kebabCase(name)} {`,\n                ...Object.entries(value.small).map(\n                    ([property, value]) =>\n                        `    ${kebabCase(property)}: ${value};`,\n                ),\n                \"\",\n                `    @media (min-width: ${tokens.breakpoint.medium}) {`,\n                ...Object.entries(value.base).map(\n                    ([property, value]) =>\n                        `        ${kebabCase(property)}: ${value};`,\n                ),\n                \"    }\",\n                \"}\",\n            ].join(\"\\n\"),\n    );\n\n    const tailwindTheme = `\n/**\n * Do not edit directly, this file was auto-generated.\n */\n/* stylelint-disable */\n\n@theme {\n    --*: initial;\n\n${colorVariables.join(\"\\n\")}\n\n${spacingVariables.join(\"\\n\")}\n\n${fontWeights.join(\"\\n\")}\n\n${breakpoints.join(\"\\n\")}\n\n${borderRadii.join(\"\\n\")}\n${borderWidths.join(\"\\n\")}\n}\n\n${textUtilities.join(\"\\n\\n\")}\n`;\n\n    if (!existsSync(\"src/tailwind/v4\")) {\n        mkdirSync(\"src/tailwind/v4\", { recursive: true });\n    }\n\n    await writeFile(\n        path.resolve(\"src/tailwind/v4/jokul-tailwind.css\"),\n        tailwindTheme,\n    );\n};\n"],"names":["async","default","colors","Promise","resolve","then","_interopNamespaceDefaultOnly","require","tokens","colorVariables","Object","entries","map","name","value","spacingVariables","spacing","step","kebabCase","fontWeights","typography","font","weight","breakpoints","breakpoint","borderRadii","border","radius","borderWidths","width","textUtilities","style","small","property","medium","base","join","tailwindTheme","existsSync","mkdirSync","recursive","writeFile","path"],"mappings":"+UAKmCA,UAC/B,MAAQC,QAASC,SAAiBC,QAAAC,UAAAC,KAAA,IAAAC,EAAAC,QAAO,gCACjCN,QAASO,SAAiBL,QAAAC,UAAAC,KAAA,IAAAC,EAAAC,QAAO,mBAEnCE,EAAiBC,OAAOC,QAAQT,GAAQU,IAC1C,EAAEC,EAAMC,KAAW,eAAeD,MAASC,MAGzCC,EAAmBL,OAAOC,QAAQH,EAAOQ,SAASJ,IACpD,EAAEK,EAAMH,KAAW,iBAAiBI,EAAAA,UAAUD,OAAUH,MAGtDK,EAAcT,OAAOC,QAAQH,EAAOY,WAAWC,KAAKC,QAAQV,IAC9D,EAAEU,EAAQR,KAAW,qBAAqBQ,MAAWR,MAGnDS,EAAcb,OAAOC,QAAQH,EAAOgB,YAAYZ,IAClD,EAAEK,EAAMH,KAAW,oBAAoBI,EAAAA,UAAUD,OAAUH,MAGzDW,EAAcf,OAAOC,QAAQH,EAAOkB,OAAOC,QAAQf,IACrD,EAAEK,EAAMH,KAAW,gBAAgBG,MAASH,MAG1Cc,EAAelB,OAAOC,QAAQH,EAAOkB,OAAOG,OAAOjB,IACrD,EAAEK,EAAMH,KAAW,sBAAsBG,MAASH,MAGhDgB,EAAgBpB,OAAOC,QAAQH,EAAOY,WAAWW,OAAOnB,IAC1D,EAAEC,EAAMC,KACJ,CACI,YAAYI,EAAAA,UAAUL,UACnBH,OAAOC,QAAQG,EAAMkB,OAAOpB,IAC3B,EAAEqB,EAAUnB,KACR,OAAOI,EAAAA,UAAUe,OAAcnB,MAEvC,GACA,0BAA0BN,EAAOgB,WAAWU,eACzCxB,OAAOC,QAAQG,EAAMqB,MAAMvB,IAC1B,EAAEqB,EAAUnB,KACR,WAAWI,EAAAA,UAAUe,OAAcnB,MAE3C,QACA,KACFsB,KAAK,OAGTC,EAAgB,iIASxB5B,EAAe2B,KAAK,YAEpBrB,EAAiBqB,KAAK,YAEtBjB,EAAYiB,KAAK,YAEjBb,EAAYa,KAAK,YAEjBX,EAAYW,KAAK,UACjBR,EAAaQ,KAAK,eAGlBN,EAAcM,KAAK,YAGZE,EAAAA,WAAW,oBACZC,EAAAA,UAAU,kBAAmB,CAAEC,WAAW,UAGxCC,EAAAA,UACFC,EAAKtC,QAAQ,sCACbiC"}

package/build/cjs/core/tokens/build-tailwind-4.d.cts

@@ -1 +0,0 @@
-export declare const buildTailwind4Theme: () => Promise<void>;

package/build/cjs/core/tokens/style-dictionary/build.cjs

@@ -1,2 +0,0 @@
-"use strict";const e=require("style-dictionary"),i=require("./config.cjs");require("./register.cjs");const n=require("../build-tailwind-4.cjs");!async function(){console.log("Starting design token build...\n"),console.log("⚙️ Building legacy tokens"),await(await new e(i.legacyDesignTokensConfig)).buildAllPlatforms(),console.log("⚙️ Building modern tokens"),await(await new e(i.designTokensConfig)).buildAllPlatforms(),console.log("⚙️ Generating Tailwind v4 theme"),await n.buildTailwind4Theme(),console.log("\nBuild complete.")}();
-//# sourceMappingURL=build.cjs.map

package/build/cjs/core/tokens/style-dictionary/build.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"build.cjs","sources":["../../../../../src/core/tokens/style-dictionary/build.ts"],"sourcesContent":["import StyleDictionary from \"style-dictionary\";\nimport { designTokensConfig, legacyDesignTokensConfig } from \"./config.js\";\nimport \"./register.js\";\nimport { buildTailwind4Theme } from \"../build-tailwind-4.js\";\n\nasync function build() {\n    console.log(\"Starting design token build...\\n\");\n\n    console.log(\"⚙️ Building legacy tokens\");\n    const legacySd = await new StyleDictionary(legacyDesignTokensConfig);\n    await legacySd.buildAllPlatforms();\n\n    console.log(\"⚙️ Building modern tokens\");\n    const modernSd = await new StyleDictionary(designTokensConfig);\n    await modernSd.buildAllPlatforms();\n\n    console.log(\"⚙️ Generating Tailwind v4 theme\");\n    await buildTailwind4Theme();\n\n    console.log(\"\\nBuild complete.\");\n}\n\nbuild();\n"],"names":["async","console","log","StyleDictionary","legacyDesignTokensConfig","buildAllPlatforms","designTokensConfig","buildTailwind4Theme","build"],"mappings":"iJAKAA,iBACIC,QAAQC,IAAI,oCAEZD,QAAQC,IAAI,yCACW,IAAIC,EAAgBC,6BAC5BC,oBAEfJ,QAAQC,IAAI,yCACW,IAAIC,EAAgBG,uBAC5BD,oBAEfJ,QAAQC,IAAI,yCACNK,wBAENN,QAAQC,IAAI,oBAChB,CAEAM"}