@norges-domstoler/dds-design-tokens 7.1.0 → 7.3.0

package/README.md

@@ -1,34 +1,23 @@
 # @norges-domstoler/dds-design-tokens
 
-[![Version](https://img.shields.io/npm/v/@norges-domstoler/dds-design-tokens)](https://www.npmjs.com/package/@norges-domstoler/dds-design-tokens)
+[![Version](https://img.shields.io/npm/v/@norges-domstoler/dds-design-tokens)](https://www.npmjs.com/package/@norges-domstoler/dds-design-tokens) ![License](https://img.shields.io/npm/l/@norges-domstoler/dds-design-tokens)
 
-Biblioteket inneholder design tokens brukt i [Elsa - domstolenes designsystem](https://design.domstol.no/): farger, typografi, avstander, grid, brekkpunker, størrelser, broder-radius og skygger. Design tokens kan brukes i domstolenes tjenester i bl.a. global styling og custom elementer. Ellers er det obligatorisk å bruke komponentbiblioteket [dds-components](https://www.npmjs.com/package/@norges-domstoler/dds-components).
+Biblioteket inneholder design tokens brukt i [Elsa - domstolenes designsystem](https://design.domstol.no/): farger, typografi, osv. Design tokens kan brukes i domstolenes tjenester i bl.a. global styling og custom elementer. Ellers er det obligatorisk å bruke komponentbiblioteket [dds-components](https://www.npmjs.com/package/@norges-domstoler/dds-components) i domstolenes applikasjoner.
 
 Design tokens kommer i to temaer: Core og Public. Valg av tema styres med `<ThemeProvider>` komponent som ligger i `dds-components`.
 
-Les mer om [design tokens i dokumentasjonen](https://design.domstol.no/987b33f71/p/50f2cd-design-tokens).
-
 ## 🔍 Oversikt
 
+> 💡 Se alle tokens i [Elsa Storybook](https://domstolene.github.io/designsystem/?path=/story/dds-design-tokens-tokens).
+
 Design tokens består av base-tokens og semantiske tokens.
 
 Base-tokens er variabler genererte fra Figma styles og tilsvarer identiteten til domstolene definert i designprofilen.
 
-Tanken med semantiske tokens er å innbake i navnet hva token brukes til og kunne benytte seg av temaer. Semantiske tokens bruker base-tokens til å definere logikk for hvordan base-tokens skal brukes videre i komponenter og andre elementer. F.eks., semantiske tokens kan spesifisere hva fokusfargen skal være, eller font og farger for knapper.
+Semantiske tokens har innbakt i navnet hva token brukes til, samt tillater bruk av temaer. De refererer til base-tokens og definerer logikk for deres bruk i komponenter og andre elementer. F.eks., semantiske tokens kan spesifisere fokusfargen, eller font og farger for knapper.
 
 Enkelte typer tokens er tilgjengelige kun i base-variant, da de brukes i ulike kontekster og ikke har snevret bruksområde. Dette inkluderer avstander, brekkpunkter og skygger.
 
-### 📃 Tilgjengelige tokens
-
-- border-radius
-- breakpoint
-- color
-- font
-- grid
-- icon-size
-- shadow
-- spacing
-
 ## 📦 Installasjon
 
 ```sh
@@ -89,7 +78,7 @@ const App = () => (
 
 ### SCSS
 
-SCSS-variabler refererer til CSS-variabler; theming skjer dermed utenfor SCSS og du kan importere .
+SCSS-variabler refererer til CSS-variabler; theming skjer dermed utenfor SCSS. Dermed trenger du å importere både `index.css` fra dds-components og `_ddsTokens.scss`.
 
 ```scss
 /* _styles.scss */
@@ -113,27 +102,3 @@ const App = () => (
   </ThemeProvider>
 );
 ```
-
-## ⌨️ For bidragsytere
-
-Bilioteket ligger under `packages/tokens`. Selve design tokens ligger i JSON-filer hentet fra Figma.
-
-### Installasjon
-
-Installer style-dictionary:
-
-```
-pnpm --filter "@norges-domstoler/dds-design-tokens" add -D style-dictionary
-```
-
-### Generere variabler fra design tokens
-
-Biblioteket bruker [Style-dictionary](https://amzn.github.io/style-dictionary) for å generere JS-konstanter, CSS-variabler og SCSS-variabler fra en eller flere JSON-filer. JSON-filen(e) ligger i `dds/properties`. For å generere variabler fra JSON kjør følgende kommando fra `/dds`:
-
-```
-node build.js
-```
-
-Genererte variabler ligger i `dds/build` organisert etter plattform.
-
-Vi bruker custom build, den ligger i `/dds/build.js`.

package/dist/cjs/dds/build/js/Core/ddsTokens.d.ts

@@ -22,24 +22,9 @@ export declare const ddsFontSizeX0875 = "0.875rem";
 export declare const ddsFontSizeX0875NumberRem = 0.875;
 export declare const ddsFontSizeX075 = "0.75rem";
 export declare const ddsFontSizeX075NumberRem = 0.75;
-export declare const ddsFontSizeXxlarge = "3rem";
-export declare const ddsFontSizeXxlargeNumberRem = 3;
-export declare const ddsFontSizeXlarge = "2rem";
-export declare const ddsFontSizeXlargeNumberRem = 2;
-export declare const ddsFontSizeLarge = "1.5rem";
-export declare const ddsFontSizeLargeNumberRem = 1.5;
-export declare const ddsFontSizeMedium = "1.25rem";
-export declare const ddsFontSizeMediumNumberRem = 1.25;
-export declare const ddsFontSizeSmall = "1.125rem";
-export declare const ddsFontSizeSmallNumberRem = 1.125;
-export declare const ddsFontSizeXsmall = "1rem";
-export declare const ddsFontSizeXsmallNumberRem = 1;
-export declare const ddsFontSizeXxsmall = "0.875rem";
-export declare const ddsFontSizeXxsmallNumberRem = 0.875;
-export declare const ddsFontSizeXxxsmall = "0.75rem";
-export declare const ddsFontSizeXxxsmallNumberRem = 0.75;
 export declare const ddsFontWeightLight = "300";
 export declare const ddsFontWeightNormal = "400";
+export declare const ddsFontWeightSemiBold = "500";
 export declare const ddsFontWeightBold = "600";
 export declare const ddsFontLineheightX1 = 1.5;
 export declare const ddsFontLineheightX2 = 1.35;
@@ -122,6 +107,16 @@ export declare const ddsBreakpointLg = "1280px";
 export declare const ddsBreakpointLgNumberPx = 1280;
 export declare const ddsBreakpointXl = "1920px";
 export declare const ddsBreakpointXlNumberPx = 1920;
+export declare const ddsZindexSkiptocontent = "250";
+export declare const ddsZindexModalBackdrop = "200";
+export declare const ddsZindexDrawer = "180";
+export declare const ddsZindexDrawerBackdrop = "180";
+export declare const ddsZindexOverflowmenu = "160";
+export declare const ddsZindexPopover = "140";
+export declare const ddsZindexTooltip = "120";
+export declare const ddsZindexDropdown = "100";
+export declare const ddsZindexSticky = "50";
+export declare const ddsZindexAbsoluteElement = "1";
 export declare const ddsColorBgDefault = "#ffffff";
 export declare const ddsColorBgSubtle = "#f8f9f9";
 export declare const ddsColorSurfaceDefault = "#ffffff";

package/dist/cjs/dds/build/js/Public/ddsTokens.d.ts

@@ -22,24 +22,9 @@ export declare const ddsFontSizeX0875 = "0.875rem";
 export declare const ddsFontSizeX0875NumberRem = 0.875;
 export declare const ddsFontSizeX075 = "0.75rem";
 export declare const ddsFontSizeX075NumberRem = 0.75;
-export declare const ddsFontSizeXxlarge = "4rem";
-export declare const ddsFontSizeXxlargeNumberRem = 4;
-export declare const ddsFontSizeXlarge = "3rem";
-export declare const ddsFontSizeXlargeNumberRem = 3;
-export declare const ddsFontSizeLarge = "2rem";
-export declare const ddsFontSizeLargeNumberRem = 2;
-export declare const ddsFontSizeMedium = "1.5rem";
-export declare const ddsFontSizeMediumNumberRem = 1.5;
-export declare const ddsFontSizeSmall = "1.25rem";
-export declare const ddsFontSizeSmallNumberRem = 1.25;
-export declare const ddsFontSizeXsmall = "1.125rem";
-export declare const ddsFontSizeXsmallNumberRem = 1.125;
-export declare const ddsFontSizeXxsmall = "1rem";
-export declare const ddsFontSizeXxsmallNumberRem = 1;
-export declare const ddsFontSizeXxxsmall = "0.875rem";
-export declare const ddsFontSizeXxxsmallNumberRem = 0.875;
 export declare const ddsFontWeightLight = "300";
 export declare const ddsFontWeightNormal = "400";
+export declare const ddsFontWeightSemiBold = "500";
 export declare const ddsFontWeightBold = "600";
 export declare const ddsFontLineheightX1 = 1.5;
 export declare const ddsFontLineheightX2 = 1.35;
@@ -122,6 +107,16 @@ export declare const ddsBreakpointLg = "1280px";
 export declare const ddsBreakpointLgNumberPx = 1280;
 export declare const ddsBreakpointXl = "1920px";
 export declare const ddsBreakpointXlNumberPx = 1920;
+export declare const ddsZindexSkiptocontent = "250";
+export declare const ddsZindexModalBackdrop = "200";
+export declare const ddsZindexDrawer = "180";
+export declare const ddsZindexDrawerBackdrop = "180";
+export declare const ddsZindexOverflowmenu = "160";
+export declare const ddsZindexPopover = "140";
+export declare const ddsZindexTooltip = "120";
+export declare const ddsZindexDropdown = "100";
+export declare const ddsZindexSticky = "50";
+export declare const ddsZindexAbsoluteElement = "1";
 export declare const ddsColorBgDefault = "#ffffff";
 export declare const ddsColorBgSubtle = "#f8f9f9";
 export declare const ddsColorSurfaceDefault = "#ffffff";
@@ -224,10 +219,10 @@ export declare const ddsFontBodyXsmall = "400 0.875rem/1.5 'IBM Plex Sans', Aria
 export declare const ddsFontBodySmall = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontBodyMedium = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontBodyLarge = "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-export declare const ddsFontHeadingXxsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-export declare const ddsFontHeadingXsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-export declare const ddsFontHeadingSmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-export declare const ddsFontHeadingMedium = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontHeadingLarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontHeadingXxlarge = "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";

package/dist/cjs/index.js

@@ -25,24 +25,9 @@ const ddsFontSizeX0875$1 = "0.875rem";
 const ddsFontSizeX0875NumberRem$1 = 0.875;
 const ddsFontSizeX075$1 = "0.75rem";
 const ddsFontSizeX075NumberRem$1 = 0.75;
-const ddsFontSizeXxlarge$1 = "3rem";
-const ddsFontSizeXxlargeNumberRem$1 = 3;
-const ddsFontSizeXlarge$1 = "2rem";
-const ddsFontSizeXlargeNumberRem$1 = 2;
-const ddsFontSizeLarge$1 = "1.5rem";
-const ddsFontSizeLargeNumberRem$1 = 1.5;
-const ddsFontSizeMedium$1 = "1.25rem";
-const ddsFontSizeMediumNumberRem$1 = 1.25;
-const ddsFontSizeSmall$1 = "1.125rem";
-const ddsFontSizeSmallNumberRem$1 = 1.125;
-const ddsFontSizeXsmall$1 = "1rem";
-const ddsFontSizeXsmallNumberRem$1 = 1;
-const ddsFontSizeXxsmall$1 = "0.875rem";
-const ddsFontSizeXxsmallNumberRem$1 = 0.875;
-const ddsFontSizeXxxsmall$1 = "0.75rem";
-const ddsFontSizeXxxsmallNumberRem$1 = 0.75;
 const ddsFontWeightLight$1 = "300";
 const ddsFontWeightNormal$1 = "400";
+const ddsFontWeightSemiBold$1 = "500";
 const ddsFontWeightBold$1 = "600";
 const ddsFontLineheightX1$1 = 1.5; // Brukes på str ×1_25 og mindre 
 const ddsFontLineheightX2$1 = 1.35; // Brukes på str x1.5, ×2 og ×3 
@@ -125,6 +110,16 @@ const ddsBreakpointLg$1 = "1280px";
 const ddsBreakpointLgNumberPx$1 = 1280;
 const ddsBreakpointXl$1 = "1920px";
 const ddsBreakpointXlNumberPx$1 = 1920;
+const ddsZindexSkiptocontent$1 = "250"; // Brukes for dds-skiptocontent
+const ddsZindexModalBackdrop$1 = "200"; // Brukes for dds-modal
+const ddsZindexDrawer$1 = "180"; // Brukes for dds-drawer
+const ddsZindexDrawerBackdrop$1 = "180"; // Brukes for dds-drawer
+const ddsZindexOverflowmenu$1 = "160"; // Brukes for dds-overflowmenu
+const ddsZindexPopover$1 = "140"; // Brukes for dds-popover og kalender i datepicker
+const ddsZindexTooltip$1 = "120"; // Brukes for dds-tooltip
+const ddsZindexDropdown$1 = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
+const ddsZindexSticky$1 = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
+const ddsZindexAbsoluteElement$1 = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
 const ddsColorBgDefault$1 = "#ffffff"; // UI shell base color
 const ddsColorBgSubtle$1 = "#f8f9f9"; // Alternative UI shell base color
 const ddsColorSurfaceDefault$1 = "#ffffff"; // Default bg
@@ -188,7 +183,7 @@ const ddsColorIconSubtle$1 = "#545c62"; // Often used with text.subtle
 const ddsColorIconOnInverse$1 = "#ffffff"; // On surface.inverse
 const ddsColorIconOnAction$1 = "#ffffff"; // On surface.action (primary and danger button)
 const ddsColorIconActionResting$1 = "#106ead"; // Often used with Text.action
-const ddsColorIconActionHover$1 = "#0d588a"; // hover on icon-action, used on secondary buttons etc
+const ddsColorIconActionHover$1 = "#0d588a"; // hover on icon-action
 const ddsColorIconOnSuccessDefault$1 = "#3d723d"; // On surface.success-default
 const ddsColorIconOnSuccessStrong$1 = "#0b0d0e"; // On surface-success-strong
 const ddsColorIconOnWarningDefault$1 = "#92862e"; // On surface.warning-default
@@ -461,12 +456,6 @@ var ddsTokensCore = /*#__PURE__*/Object.freeze({
   ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm$1,
   ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall$1,
   ddsFontParagraphSpacingSmallNumberEm: ddsFontParagraphSpacingSmallNumberEm$1,
-  ddsFontSizeLarge: ddsFontSizeLarge$1,
-  ddsFontSizeLargeNumberRem: ddsFontSizeLargeNumberRem$1,
-  ddsFontSizeMedium: ddsFontSizeMedium$1,
-  ddsFontSizeMediumNumberRem: ddsFontSizeMediumNumberRem$1,
-  ddsFontSizeSmall: ddsFontSizeSmall$1,
-  ddsFontSizeSmallNumberRem: ddsFontSizeSmallNumberRem$1,
   ddsFontSizeX075: ddsFontSizeX075$1,
   ddsFontSizeX075NumberRem: ddsFontSizeX075NumberRem$1,
   ddsFontSizeX0875: ddsFontSizeX0875$1,
@@ -489,22 +478,13 @@ var ddsTokensCore = /*#__PURE__*/Object.freeze({
   ddsFontSizeX4NumberRem: ddsFontSizeX4NumberRem$1,
   ddsFontSizeX5: ddsFontSizeX5$1,
   ddsFontSizeX5NumberRem: ddsFontSizeX5NumberRem$1,
-  ddsFontSizeXlarge: ddsFontSizeXlarge$1,
-  ddsFontSizeXlargeNumberRem: ddsFontSizeXlargeNumberRem$1,
-  ddsFontSizeXsmall: ddsFontSizeXsmall$1,
-  ddsFontSizeXsmallNumberRem: ddsFontSizeXsmallNumberRem$1,
-  ddsFontSizeXxlarge: ddsFontSizeXxlarge$1,
-  ddsFontSizeXxlargeNumberRem: ddsFontSizeXxlargeNumberRem$1,
-  ddsFontSizeXxsmall: ddsFontSizeXxsmall$1,
-  ddsFontSizeXxsmallNumberRem: ddsFontSizeXxsmallNumberRem$1,
-  ddsFontSizeXxxsmall: ddsFontSizeXxxsmall$1,
-  ddsFontSizeXxxsmallNumberRem: ddsFontSizeXxxsmallNumberRem$1,
   ddsFontStyleItalic: ddsFontStyleItalic$1,
   ddsFontStyleNormal: ddsFontStyleNormal$1,
   ddsFontStyleUnderline: ddsFontStyleUnderline$1,
   ddsFontWeightBold: ddsFontWeightBold$1,
   ddsFontWeightLight: ddsFontWeightLight$1,
   ddsFontWeightNormal: ddsFontWeightNormal$1,
+  ddsFontWeightSemiBold: ddsFontWeightSemiBold$1,
   ddsGridLgCount: ddsGridLgCount$1,
   ddsGridLgGutterSize: ddsGridLgGutterSize$1,
   ddsGridLgGutterSizeNumberPx: ddsGridLgGutterSizeNumberPx$1,
@@ -557,7 +537,17 @@ var ddsTokensCore = /*#__PURE__*/Object.freeze({
   ddsSpacingX4: ddsSpacingX4$1,
   ddsSpacingX4NumberRem: ddsSpacingX4NumberRem$1,
   ddsSpacingX6: ddsSpacingX6$1,
-  ddsSpacingX6NumberRem: ddsSpacingX6NumberRem$1
+  ddsSpacingX6NumberRem: ddsSpacingX6NumberRem$1,
+  ddsZindexAbsoluteElement: ddsZindexAbsoluteElement$1,
+  ddsZindexDrawer: ddsZindexDrawer$1,
+  ddsZindexDrawerBackdrop: ddsZindexDrawerBackdrop$1,
+  ddsZindexDropdown: ddsZindexDropdown$1,
+  ddsZindexModalBackdrop: ddsZindexModalBackdrop$1,
+  ddsZindexOverflowmenu: ddsZindexOverflowmenu$1,
+  ddsZindexPopover: ddsZindexPopover$1,
+  ddsZindexSkiptocontent: ddsZindexSkiptocontent$1,
+  ddsZindexSticky: ddsZindexSticky$1,
+  ddsZindexTooltip: ddsZindexTooltip$1
 });
 
 // Do not edit directly, this file was auto-generated.
@@ -585,24 +575,9 @@ const ddsFontSizeX0875 = "0.875rem";
 const ddsFontSizeX0875NumberRem = 0.875;
 const ddsFontSizeX075 = "0.75rem";
 const ddsFontSizeX075NumberRem = 0.75;
-const ddsFontSizeXxlarge = "4rem";
-const ddsFontSizeXxlargeNumberRem = 4;
-const ddsFontSizeXlarge = "3rem";
-const ddsFontSizeXlargeNumberRem = 3;
-const ddsFontSizeLarge = "2rem";
-const ddsFontSizeLargeNumberRem = 2;
-const ddsFontSizeMedium = "1.5rem";
-const ddsFontSizeMediumNumberRem = 1.5;
-const ddsFontSizeSmall = "1.25rem";
-const ddsFontSizeSmallNumberRem = 1.25;
-const ddsFontSizeXsmall = "1.125rem";
-const ddsFontSizeXsmallNumberRem = 1.125;
-const ddsFontSizeXxsmall = "1rem";
-const ddsFontSizeXxsmallNumberRem = 1;
-const ddsFontSizeXxxsmall = "0.875rem";
-const ddsFontSizeXxxsmallNumberRem = 0.875;
 const ddsFontWeightLight = "300";
 const ddsFontWeightNormal = "400";
+const ddsFontWeightSemiBold = "500";
 const ddsFontWeightBold = "600";
 const ddsFontLineheightX1 = 1.5; // Brukes på str ×1_25 og mindre 
 const ddsFontLineheightX2 = 1.35; // Brukes på str x1.5, ×2 og ×3 
@@ -685,6 +660,16 @@ const ddsBreakpointLg = "1280px";
 const ddsBreakpointLgNumberPx = 1280;
 const ddsBreakpointXl = "1920px";
 const ddsBreakpointXlNumberPx = 1920;
+const ddsZindexSkiptocontent = "250"; // Brukes for dds-skiptocontent
+const ddsZindexModalBackdrop = "200"; // Brukes for dds-modal
+const ddsZindexDrawer = "180"; // Brukes for dds-drawer
+const ddsZindexDrawerBackdrop = "180"; // Brukes for dds-drawer
+const ddsZindexOverflowmenu = "160"; // Brukes for dds-overflowmenu
+const ddsZindexPopover = "140"; // Brukes for dds-popover og kalender i datepicker
+const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
+const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
+const ddsZindexSticky = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
+const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
 const ddsColorBgDefault = "#ffffff"; // UI shell base color
 const ddsColorBgSubtle = "#f8f9f9"; // Alternative UI shell base color
 const ddsColorSurfaceDefault = "#ffffff"; // Default bg
@@ -787,10 +772,10 @@ const ddsFontBodyXsmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 const ddsFontBodySmall = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; //  used with small button and input fields
 const ddsFontBodyMedium = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // standard body text, used with medium button and input fields
 const ddsFontBodyLarge = "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Used for large button and large search
-const ddsFontHeadingXxsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h6
-const ddsFontHeadingXsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
-const ddsFontHeadingSmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
-const ddsFontHeadingMedium = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
+const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h6
+const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
+const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
+const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
 const ddsFontHeadingLarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
 const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
 const ddsFontHeadingXxlarge = "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif"; // Display or extra large page title (h1)
@@ -1021,12 +1006,6 @@ var ddsTokensPublic = /*#__PURE__*/Object.freeze({
   ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm,
   ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall,
   ddsFontParagraphSpacingSmallNumberEm: ddsFontParagraphSpacingSmallNumberEm,
-  ddsFontSizeLarge: ddsFontSizeLarge,
-  ddsFontSizeLargeNumberRem: ddsFontSizeLargeNumberRem,
-  ddsFontSizeMedium: ddsFontSizeMedium,
-  ddsFontSizeMediumNumberRem: ddsFontSizeMediumNumberRem,
-  ddsFontSizeSmall: ddsFontSizeSmall,
-  ddsFontSizeSmallNumberRem: ddsFontSizeSmallNumberRem,
   ddsFontSizeX075: ddsFontSizeX075,
   ddsFontSizeX075NumberRem: ddsFontSizeX075NumberRem,
   ddsFontSizeX0875: ddsFontSizeX0875,
@@ -1049,22 +1028,13 @@ var ddsTokensPublic = /*#__PURE__*/Object.freeze({
   ddsFontSizeX4NumberRem: ddsFontSizeX4NumberRem,
   ddsFontSizeX5: ddsFontSizeX5,
   ddsFontSizeX5NumberRem: ddsFontSizeX5NumberRem,
-  ddsFontSizeXlarge: ddsFontSizeXlarge,
-  ddsFontSizeXlargeNumberRem: ddsFontSizeXlargeNumberRem,
-  ddsFontSizeXsmall: ddsFontSizeXsmall,
-  ddsFontSizeXsmallNumberRem: ddsFontSizeXsmallNumberRem,
-  ddsFontSizeXxlarge: ddsFontSizeXxlarge,
-  ddsFontSizeXxlargeNumberRem: ddsFontSizeXxlargeNumberRem,
-  ddsFontSizeXxsmall: ddsFontSizeXxsmall,
-  ddsFontSizeXxsmallNumberRem: ddsFontSizeXxsmallNumberRem,
-  ddsFontSizeXxxsmall: ddsFontSizeXxxsmall,
-  ddsFontSizeXxxsmallNumberRem: ddsFontSizeXxxsmallNumberRem,
   ddsFontStyleItalic: ddsFontStyleItalic,
   ddsFontStyleNormal: ddsFontStyleNormal,
   ddsFontStyleUnderline: ddsFontStyleUnderline,
   ddsFontWeightBold: ddsFontWeightBold,
   ddsFontWeightLight: ddsFontWeightLight,
   ddsFontWeightNormal: ddsFontWeightNormal,
+  ddsFontWeightSemiBold: ddsFontWeightSemiBold,
   ddsGridLgCount: ddsGridLgCount,
   ddsGridLgGutterSize: ddsGridLgGutterSize,
   ddsGridLgGutterSizeNumberPx: ddsGridLgGutterSizeNumberPx,
@@ -1117,7 +1087,17 @@ var ddsTokensPublic = /*#__PURE__*/Object.freeze({
   ddsSpacingX4: ddsSpacingX4,
   ddsSpacingX4NumberRem: ddsSpacingX4NumberRem,
   ddsSpacingX6: ddsSpacingX6,
-  ddsSpacingX6NumberRem: ddsSpacingX6NumberRem
+  ddsSpacingX6NumberRem: ddsSpacingX6NumberRem,
+  ddsZindexAbsoluteElement: ddsZindexAbsoluteElement,
+  ddsZindexDrawer: ddsZindexDrawer,
+  ddsZindexDrawerBackdrop: ddsZindexDrawerBackdrop,
+  ddsZindexDropdown: ddsZindexDropdown,
+  ddsZindexModalBackdrop: ddsZindexModalBackdrop,
+  ddsZindexOverflowmenu: ddsZindexOverflowmenu,
+  ddsZindexPopover: ddsZindexPopover,
+  ddsZindexSkiptocontent: ddsZindexSkiptocontent,
+  ddsZindexSticky: ddsZindexSticky,
+  ddsZindexTooltip: ddsZindexTooltip
 });
 
 const ddsTokens = {

package/dist/cjs/src/index.d.ts

@@ -24,24 +24,9 @@ export declare const ddsTokens: {
         ddsFontSizeX0875NumberRem: 0.875;
         ddsFontSizeX075: "0.75rem";
         ddsFontSizeX075NumberRem: 0.75;
-        ddsFontSizeXxlarge: "3rem";
-        ddsFontSizeXxlargeNumberRem: 3;
-        ddsFontSizeXlarge: "2rem";
-        ddsFontSizeXlargeNumberRem: 2;
-        ddsFontSizeLarge: "1.5rem";
-        ddsFontSizeLargeNumberRem: 1.5;
-        ddsFontSizeMedium: "1.25rem";
-        ddsFontSizeMediumNumberRem: 1.25;
-        ddsFontSizeSmall: "1.125rem";
-        ddsFontSizeSmallNumberRem: 1.125;
-        ddsFontSizeXsmall: "1rem";
-        ddsFontSizeXsmallNumberRem: 1;
-        ddsFontSizeXxsmall: "0.875rem";
-        ddsFontSizeXxsmallNumberRem: 0.875;
-        ddsFontSizeXxxsmall: "0.75rem";
-        ddsFontSizeXxxsmallNumberRem: 0.75;
         ddsFontWeightLight: "300";
         ddsFontWeightNormal: "400";
+        ddsFontWeightSemiBold: "500";
         ddsFontWeightBold: "600";
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX2: 1.35;
@@ -124,6 +109,16 @@ export declare const ddsTokens: {
         ddsBreakpointLgNumberPx: 1280;
         ddsBreakpointXl: "1920px";
         ddsBreakpointXlNumberPx: 1920;
+        ddsZindexSkiptocontent: "250";
+        ddsZindexModalBackdrop: "200";
+        ddsZindexDrawer: "180";
+        ddsZindexDrawerBackdrop: "180";
+        ddsZindexOverflowmenu: "160";
+        ddsZindexPopover: "140";
+        ddsZindexTooltip: "120";
+        ddsZindexDropdown: "100";
+        ddsZindexSticky: "50";
+        ddsZindexAbsoluteElement: "1";
         ddsColorBgDefault: "#ffffff";
         ddsColorBgSubtle: "#f8f9f9";
         ddsColorSurfaceDefault: "#ffffff";
@@ -303,24 +298,9 @@ export declare const ddsTokens: {
         ddsFontSizeX0875NumberRem: 0.875;
         ddsFontSizeX075: "0.75rem";
         ddsFontSizeX075NumberRem: 0.75;
-        ddsFontSizeXxlarge: "4rem";
-        ddsFontSizeXxlargeNumberRem: 4;
-        ddsFontSizeXlarge: "3rem";
-        ddsFontSizeXlargeNumberRem: 3;
-        ddsFontSizeLarge: "2rem";
-        ddsFontSizeLargeNumberRem: 2;
-        ddsFontSizeMedium: "1.5rem";
-        ddsFontSizeMediumNumberRem: 1.5;
-        ddsFontSizeSmall: "1.25rem";
-        ddsFontSizeSmallNumberRem: 1.25;
-        ddsFontSizeXsmall: "1.125rem";
-        ddsFontSizeXsmallNumberRem: 1.125;
-        ddsFontSizeXxsmall: "1rem";
-        ddsFontSizeXxsmallNumberRem: 1;
-        ddsFontSizeXxxsmall: "0.875rem";
-        ddsFontSizeXxxsmallNumberRem: 0.875;
         ddsFontWeightLight: "300";
         ddsFontWeightNormal: "400";
+        ddsFontWeightSemiBold: "500";
         ddsFontWeightBold: "600";
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX2: 1.35;
@@ -403,6 +383,16 @@ export declare const ddsTokens: {
         ddsBreakpointLgNumberPx: 1280;
         ddsBreakpointXl: "1920px";
         ddsBreakpointXlNumberPx: 1920;
+        ddsZindexSkiptocontent: "250";
+        ddsZindexModalBackdrop: "200";
+        ddsZindexDrawer: "180";
+        ddsZindexDrawerBackdrop: "180";
+        ddsZindexOverflowmenu: "160";
+        ddsZindexPopover: "140";
+        ddsZindexTooltip: "120";
+        ddsZindexDropdown: "100";
+        ddsZindexSticky: "50";
+        ddsZindexAbsoluteElement: "1";
         ddsColorBgDefault: "#ffffff";
         ddsColorBgSubtle: "#f8f9f9";
         ddsColorSurfaceDefault: "#ffffff";
@@ -505,10 +495,10 @@ export declare const ddsTokens: {
         ddsFontBodySmall: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
         ddsFontBodyMedium: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
         ddsFontBodyLarge: "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXxsmall: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXsmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingSmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingMedium: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingXxsmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingXsmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingSmall: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingMedium: "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
         ddsFontHeadingLarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
         ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
         ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";

package/dist/css/ddsTokens-core.css

@@ -16,16 +16,9 @@
   --dds-font-size-x1: 1rem;
   --dds-font-size-x0-875: 0.875rem;
   --dds-font-size-x0-75: 0.75rem;
-  --dds-font-size-xxlarge: 3rem;
-  --dds-font-size-xlarge: 2rem;
-  --dds-font-size-large: 1.5rem;
-  --dds-font-size-medium: 1.25rem;
-  --dds-font-size-small: 1.125rem;
-  --dds-font-size-xsmall: 1rem;
-  --dds-font-size-xxsmall: 0.875rem;
-  --dds-font-size-xxxsmall: 0.75rem;
   --dds-font-weight-light: 300;
   --dds-font-weight-normal: 400;
+  --dds-font-weight-semi-bold: 500;
   --dds-font-weight-bold: 600;
   --dds-font-lineheight-x1: 1.5; /* Brukes på str ×1_25 og mindre  */
   --dds-font-lineheight-x2: 1.35; /* Brukes på str x1.5, ×2 og ×3  */
@@ -77,6 +70,16 @@
   --dds-breakpoint-md: 960px;
   --dds-breakpoint-lg: 1280px;
   --dds-breakpoint-xl: 1920px;
+  --dds-zindex-skiptocontent: 250; /* Brukes for dds-skiptocontent */
+  --dds-zindex-modal-backdrop: 200; /* Brukes for dds-modal */
+  --dds-zindex-drawer: 180; /* Brukes for dds-drawer */
+  --dds-zindex-drawer-backdrop: 180; /* Brukes for dds-drawer */
+  --dds-zindex-overflowmenu: 160; /* Brukes for dds-overflowmenu */
+  --dds-zindex-popover: 140; /* Brukes for dds-popover og kalender i datepicker */
+  --dds-zindex-tooltip: 120; /* Brukes for dds-tooltip */
+  --dds-zindex-dropdown: 100; /* Dropdown brukes for bl.a søkeforslag, dropdown i select */
+  --dds-zindex-sticky: 50; /* Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater */
+  --dds-zindex-absolute-element: 1; /* Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder */
   --dds-color-bg-default: #ffffff; /* UI shell base color */
   --dds-color-bg-subtle: #f8f9f9; /* Alternative UI shell base color */
   --dds-color-surface-default: #ffffff; /* Default bg */
@@ -140,7 +143,7 @@
   --dds-color-icon-on-inverse: #ffffff; /* On surface.inverse */
   --dds-color-icon-on-action: #ffffff; /* On surface.action (primary and danger button) */
   --dds-color-icon-action-resting: #106ead; /* Often used with Text.action */
-  --dds-color-icon-action-hover: #0d588a; /* hover on icon-action, used on secondary buttons etc */
+  --dds-color-icon-action-hover: #0d588a; /* hover on icon-action */
   --dds-color-icon-on-success-default: #3d723d; /* On surface.success-default */
   --dds-color-icon-on-success-strong: #0b0d0e; /* On surface-success-strong */
   --dds-color-icon-on-warning-default: #92862e; /* On surface.warning-default */

package/dist/css/ddsTokens-public.css

@@ -16,16 +16,9 @@
   --dds-font-size-x1: 1rem;
   --dds-font-size-x0-875: 0.875rem;
   --dds-font-size-x0-75: 0.75rem;
-  --dds-font-size-xxlarge: 4rem;
-  --dds-font-size-xlarge: 3rem;
-  --dds-font-size-large: 2rem;
-  --dds-font-size-medium: 1.5rem;
-  --dds-font-size-small: 1.25rem;
-  --dds-font-size-xsmall: 1.125rem;
-  --dds-font-size-xxsmall: 1rem;
-  --dds-font-size-xxxsmall: 0.875rem;
   --dds-font-weight-light: 300;
   --dds-font-weight-normal: 400;
+  --dds-font-weight-semi-bold: 500;
   --dds-font-weight-bold: 600;
   --dds-font-lineheight-x1: 1.5; /* Brukes på str ×1_25 og mindre  */
   --dds-font-lineheight-x2: 1.35; /* Brukes på str x1.5, ×2 og ×3  */
@@ -77,6 +70,16 @@
   --dds-breakpoint-md: 960px;
   --dds-breakpoint-lg: 1280px;
   --dds-breakpoint-xl: 1920px;
+  --dds-zindex-skiptocontent: 250; /* Brukes for dds-skiptocontent */
+  --dds-zindex-modal-backdrop: 200; /* Brukes for dds-modal */
+  --dds-zindex-drawer: 180; /* Brukes for dds-drawer */
+  --dds-zindex-drawer-backdrop: 180; /* Brukes for dds-drawer */
+  --dds-zindex-overflowmenu: 160; /* Brukes for dds-overflowmenu */
+  --dds-zindex-popover: 140; /* Brukes for dds-popover og kalender i datepicker */
+  --dds-zindex-tooltip: 120; /* Brukes for dds-tooltip */
+  --dds-zindex-dropdown: 100; /* Dropdown brukes for bl.a søkeforslag, dropdown i select */
+  --dds-zindex-sticky: 50; /* Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater */
+  --dds-zindex-absolute-element: 1; /* Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder */
   --dds-color-bg-default: #ffffff; /* UI shell base color */
   --dds-color-bg-subtle: #f8f9f9; /* Alternative UI shell base color */
   --dds-color-surface-default: #ffffff; /* Default bg */
@@ -174,10 +177,10 @@
   --dds-font-body-small: 400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif; /*  used with small button and input fields */
   --dds-font-body-medium: 400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* standard body text, used with medium button and input fields */
   --dds-font-body-large: 400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Used for large button and large search */
-  --dds-font-heading-xxsmall: 600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h6 */
-  --dds-font-heading-xsmall: 600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h5 */
-  --dds-font-heading-small: 600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h4 */
-  --dds-font-heading-medium: 600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h3 */
+  --dds-font-heading-xxsmall: 600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h6 */
+  --dds-font-heading-xsmall: 600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h5 */
+  --dds-font-heading-small: 600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h4 */
+  --dds-font-heading-medium: 500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif; /* Default h3 */
   --dds-font-heading-large: 400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif; /* Default h2 */
   --dds-font-heading-xlarge: 300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif; /* Default H1 */
   --dds-font-heading-xxlarge: 300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif; /* Display or extra large page title (h1) */

package/dist/dds/build/js/Core/ddsTokens.d.ts

@@ -22,24 +22,9 @@ export declare const ddsFontSizeX0875 = "0.875rem";
 export declare const ddsFontSizeX0875NumberRem = 0.875;
 export declare const ddsFontSizeX075 = "0.75rem";
 export declare const ddsFontSizeX075NumberRem = 0.75;
-export declare const ddsFontSizeXxlarge = "3rem";
-export declare const ddsFontSizeXxlargeNumberRem = 3;
-export declare const ddsFontSizeXlarge = "2rem";
-export declare const ddsFontSizeXlargeNumberRem = 2;
-export declare const ddsFontSizeLarge = "1.5rem";
-export declare const ddsFontSizeLargeNumberRem = 1.5;
-export declare const ddsFontSizeMedium = "1.25rem";
-export declare const ddsFontSizeMediumNumberRem = 1.25;
-export declare const ddsFontSizeSmall = "1.125rem";
-export declare const ddsFontSizeSmallNumberRem = 1.125;
-export declare const ddsFontSizeXsmall = "1rem";
-export declare const ddsFontSizeXsmallNumberRem = 1;
-export declare const ddsFontSizeXxsmall = "0.875rem";
-export declare const ddsFontSizeXxsmallNumberRem = 0.875;
-export declare const ddsFontSizeXxxsmall = "0.75rem";
-export declare const ddsFontSizeXxxsmallNumberRem = 0.75;
 export declare const ddsFontWeightLight = "300";
 export declare const ddsFontWeightNormal = "400";
+export declare const ddsFontWeightSemiBold = "500";
 export declare const ddsFontWeightBold = "600";
 export declare const ddsFontLineheightX1 = 1.5;
 export declare const ddsFontLineheightX2 = 1.35;
@@ -122,6 +107,16 @@ export declare const ddsBreakpointLg = "1280px";
 export declare const ddsBreakpointLgNumberPx = 1280;
 export declare const ddsBreakpointXl = "1920px";
 export declare const ddsBreakpointXlNumberPx = 1920;
+export declare const ddsZindexSkiptocontent = "250";
+export declare const ddsZindexModalBackdrop = "200";
+export declare const ddsZindexDrawer = "180";
+export declare const ddsZindexDrawerBackdrop = "180";
+export declare const ddsZindexOverflowmenu = "160";
+export declare const ddsZindexPopover = "140";
+export declare const ddsZindexTooltip = "120";
+export declare const ddsZindexDropdown = "100";
+export declare const ddsZindexSticky = "50";
+export declare const ddsZindexAbsoluteElement = "1";
 export declare const ddsColorBgDefault = "#ffffff";
 export declare const ddsColorBgSubtle = "#f8f9f9";
 export declare const ddsColorSurfaceDefault = "#ffffff";

package/dist/dds/build/js/Core/ddsTokens.js

@@ -23,24 +23,9 @@ const ddsFontSizeX0875 = "0.875rem";
 const ddsFontSizeX0875NumberRem = 0.875;
 const ddsFontSizeX075 = "0.75rem";
 const ddsFontSizeX075NumberRem = 0.75;
-const ddsFontSizeXxlarge = "3rem";
-const ddsFontSizeXxlargeNumberRem = 3;
-const ddsFontSizeXlarge = "2rem";
-const ddsFontSizeXlargeNumberRem = 2;
-const ddsFontSizeLarge = "1.5rem";
-const ddsFontSizeLargeNumberRem = 1.5;
-const ddsFontSizeMedium = "1.25rem";
-const ddsFontSizeMediumNumberRem = 1.25;
-const ddsFontSizeSmall = "1.125rem";
-const ddsFontSizeSmallNumberRem = 1.125;
-const ddsFontSizeXsmall = "1rem";
-const ddsFontSizeXsmallNumberRem = 1;
-const ddsFontSizeXxsmall = "0.875rem";
-const ddsFontSizeXxsmallNumberRem = 0.875;
-const ddsFontSizeXxxsmall = "0.75rem";
-const ddsFontSizeXxxsmallNumberRem = 0.75;
 const ddsFontWeightLight = "300";
 const ddsFontWeightNormal = "400";
+const ddsFontWeightSemiBold = "500";
 const ddsFontWeightBold = "600";
 const ddsFontLineheightX1 = 1.5; // Brukes på str ×1_25 og mindre 
 const ddsFontLineheightX2 = 1.35; // Brukes på str x1.5, ×2 og ×3 
@@ -123,6 +108,16 @@ const ddsBreakpointLg = "1280px";
 const ddsBreakpointLgNumberPx = 1280;
 const ddsBreakpointXl = "1920px";
 const ddsBreakpointXlNumberPx = 1920;
+const ddsZindexSkiptocontent = "250"; // Brukes for dds-skiptocontent
+const ddsZindexModalBackdrop = "200"; // Brukes for dds-modal
+const ddsZindexDrawer = "180"; // Brukes for dds-drawer
+const ddsZindexDrawerBackdrop = "180"; // Brukes for dds-drawer
+const ddsZindexOverflowmenu = "160"; // Brukes for dds-overflowmenu
+const ddsZindexPopover = "140"; // Brukes for dds-popover og kalender i datepicker
+const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
+const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
+const ddsZindexSticky = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
+const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
 const ddsColorBgDefault = "#ffffff"; // UI shell base color
 const ddsColorBgSubtle = "#f8f9f9"; // Alternative UI shell base color
 const ddsColorSurfaceDefault = "#ffffff"; // Default bg
@@ -186,7 +181,7 @@ const ddsColorIconSubtle = "#545c62"; // Often used with text.subtle
 const ddsColorIconOnInverse = "#ffffff"; // On surface.inverse
 const ddsColorIconOnAction = "#ffffff"; // On surface.action (primary and danger button)
 const ddsColorIconActionResting = "#106ead"; // Often used with Text.action
-const ddsColorIconActionHover = "#0d588a"; // hover on icon-action, used on secondary buttons etc
+const ddsColorIconActionHover = "#0d588a"; // hover on icon-action
 const ddsColorIconOnSuccessDefault = "#3d723d"; // On surface.success-default
 const ddsColorIconOnSuccessStrong = "#0b0d0e"; // On surface-success-strong
 const ddsColorIconOnWarningDefault = "#92862e"; // On surface.warning-default
@@ -277,4 +272,4 @@ const ddsFontLabelMediumLetterSpacing = "0.01em";
 const ddsFontLabelMediumParagraphSpacing = "1em";
 const ddsFontLabelMediumParagraphSpacingNumberEm = 1;
 
-export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm, ddsFontSizeLarge, ddsFontSizeLargeNumberRem, ddsFontSizeMedium, ddsFontSizeMediumNumberRem, ddsFontSizeSmall, ddsFontSizeSmallNumberRem, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontSizeXlarge, ddsFontSizeXlargeNumberRem, ddsFontSizeXsmall, ddsFontSizeXsmallNumberRem, ddsFontSizeXxlarge, ddsFontSizeXxlargeNumberRem, ddsFontSizeXxsmall, ddsFontSizeXxsmallNumberRem, ddsFontSizeXxxsmall, ddsFontSizeXxxsmallNumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, ddsGridLgCount, ddsGridLgGutterSize, ddsGridLgGutterSizeNumberPx, ddsGridMdCount, ddsGridMdGutterSize, ddsGridMdGutterSizeNumberPx, ddsGridSmCount, ddsGridSmGutterSize, ddsGridSmGutterSizeNumberPx, ddsGridXlCount, ddsGridXlGutterSize, ddsGridXlGutterSizeNumberPx, ddsGridXsCount, ddsGridXsGutterSize, ddsGridXsGutterSizeNumberPx, ddsIconSizeLarge, ddsIconSizeLargeNumberPx, ddsIconSizeMedium, ddsIconSizeMediumNumberPx, ddsIconSizeSmall, ddsIconSizeSmallNumberPx, ddsShadow1, ddsShadow2, ddsShadow3, ddsShadow4, ddsSpacingPaddingTopHeading, ddsSpacingPaddingTopHeadingNumberEm, ddsSpacingX0, ddsSpacingX0125, ddsSpacingX0125NumberRem, ddsSpacingX025, ddsSpacingX025NumberRem, ddsSpacingX05, ddsSpacingX05NumberRem, ddsSpacingX075, ddsSpacingX075NumberRem, ddsSpacingX0NumberRem, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberRem, ddsSpacingX15, ddsSpacingX15NumberRem, ddsSpacingX1NumberRem, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberRem, ddsSpacingX2NumberRem, ddsSpacingX3, ddsSpacingX3NumberRem, ddsSpacingX4, ddsSpacingX4NumberRem, ddsSpacingX6, ddsSpacingX6NumberRem };
+export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, ddsFontWeightSemiBold, ddsGridLgCount, ddsGridLgGutterSize, ddsGridLgGutterSizeNumberPx, ddsGridMdCount, ddsGridMdGutterSize, ddsGridMdGutterSizeNumberPx, ddsGridSmCount, ddsGridSmGutterSize, ddsGridSmGutterSizeNumberPx, ddsGridXlCount, ddsGridXlGutterSize, ddsGridXlGutterSizeNumberPx, ddsGridXsCount, ddsGridXsGutterSize, ddsGridXsGutterSizeNumberPx, ddsIconSizeLarge, ddsIconSizeLargeNumberPx, ddsIconSizeMedium, ddsIconSizeMediumNumberPx, ddsIconSizeSmall, ddsIconSizeSmallNumberPx, ddsShadow1, ddsShadow2, ddsShadow3, ddsShadow4, ddsSpacingPaddingTopHeading, ddsSpacingPaddingTopHeadingNumberEm, ddsSpacingX0, ddsSpacingX0125, ddsSpacingX0125NumberRem, ddsSpacingX025, ddsSpacingX025NumberRem, ddsSpacingX05, ddsSpacingX05NumberRem, ddsSpacingX075, ddsSpacingX075NumberRem, ddsSpacingX0NumberRem, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberRem, ddsSpacingX15, ddsSpacingX15NumberRem, ddsSpacingX1NumberRem, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberRem, ddsSpacingX2NumberRem, ddsSpacingX3, ddsSpacingX3NumberRem, ddsSpacingX4, ddsSpacingX4NumberRem, ddsSpacingX6, ddsSpacingX6NumberRem, ddsZindexAbsoluteElement, ddsZindexDrawer, ddsZindexDrawerBackdrop, ddsZindexDropdown, ddsZindexModalBackdrop, ddsZindexOverflowmenu, ddsZindexPopover, ddsZindexSkiptocontent, ddsZindexSticky, ddsZindexTooltip };

package/dist/dds/build/js/Public/ddsTokens.d.ts

@@ -22,24 +22,9 @@ export declare const ddsFontSizeX0875 = "0.875rem";
 export declare const ddsFontSizeX0875NumberRem = 0.875;
 export declare const ddsFontSizeX075 = "0.75rem";
 export declare const ddsFontSizeX075NumberRem = 0.75;
-export declare const ddsFontSizeXxlarge = "4rem";
-export declare const ddsFontSizeXxlargeNumberRem = 4;
-export declare const ddsFontSizeXlarge = "3rem";
-export declare const ddsFontSizeXlargeNumberRem = 3;
-export declare const ddsFontSizeLarge = "2rem";
-export declare const ddsFontSizeLargeNumberRem = 2;
-export declare const ddsFontSizeMedium = "1.5rem";
-export declare const ddsFontSizeMediumNumberRem = 1.5;
-export declare const ddsFontSizeSmall = "1.25rem";
-export declare const ddsFontSizeSmallNumberRem = 1.25;
-export declare const ddsFontSizeXsmall = "1.125rem";
-export declare const ddsFontSizeXsmallNumberRem = 1.125;
-export declare const ddsFontSizeXxsmall = "1rem";
-export declare const ddsFontSizeXxsmallNumberRem = 1;
-export declare const ddsFontSizeXxxsmall = "0.875rem";
-export declare const ddsFontSizeXxxsmallNumberRem = 0.875;
 export declare const ddsFontWeightLight = "300";
 export declare const ddsFontWeightNormal = "400";
+export declare const ddsFontWeightSemiBold = "500";
 export declare const ddsFontWeightBold = "600";
 export declare const ddsFontLineheightX1 = 1.5;
 export declare const ddsFontLineheightX2 = 1.35;
@@ -122,6 +107,16 @@ export declare const ddsBreakpointLg = "1280px";
 export declare const ddsBreakpointLgNumberPx = 1280;
 export declare const ddsBreakpointXl = "1920px";
 export declare const ddsBreakpointXlNumberPx = 1920;
+export declare const ddsZindexSkiptocontent = "250";
+export declare const ddsZindexModalBackdrop = "200";
+export declare const ddsZindexDrawer = "180";
+export declare const ddsZindexDrawerBackdrop = "180";
+export declare const ddsZindexOverflowmenu = "160";
+export declare const ddsZindexPopover = "140";
+export declare const ddsZindexTooltip = "120";
+export declare const ddsZindexDropdown = "100";
+export declare const ddsZindexSticky = "50";
+export declare const ddsZindexAbsoluteElement = "1";
 export declare const ddsColorBgDefault = "#ffffff";
 export declare const ddsColorBgSubtle = "#f8f9f9";
 export declare const ddsColorSurfaceDefault = "#ffffff";
@@ -224,10 +219,10 @@ export declare const ddsFontBodyXsmall = "400 0.875rem/1.5 'IBM Plex Sans', Aria
 export declare const ddsFontBodySmall = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontBodyMedium = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontBodyLarge = "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-export declare const ddsFontHeadingXxsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-export declare const ddsFontHeadingXsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-export declare const ddsFontHeadingSmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-export declare const ddsFontHeadingMedium = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+export declare const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontHeadingLarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
 export declare const ddsFontHeadingXxlarge = "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";

package/dist/dds/build/js/Public/ddsTokens.js

@@ -23,24 +23,9 @@ const ddsFontSizeX0875 = "0.875rem";
 const ddsFontSizeX0875NumberRem = 0.875;
 const ddsFontSizeX075 = "0.75rem";
 const ddsFontSizeX075NumberRem = 0.75;
-const ddsFontSizeXxlarge = "4rem";
-const ddsFontSizeXxlargeNumberRem = 4;
-const ddsFontSizeXlarge = "3rem";
-const ddsFontSizeXlargeNumberRem = 3;
-const ddsFontSizeLarge = "2rem";
-const ddsFontSizeLargeNumberRem = 2;
-const ddsFontSizeMedium = "1.5rem";
-const ddsFontSizeMediumNumberRem = 1.5;
-const ddsFontSizeSmall = "1.25rem";
-const ddsFontSizeSmallNumberRem = 1.25;
-const ddsFontSizeXsmall = "1.125rem";
-const ddsFontSizeXsmallNumberRem = 1.125;
-const ddsFontSizeXxsmall = "1rem";
-const ddsFontSizeXxsmallNumberRem = 1;
-const ddsFontSizeXxxsmall = "0.875rem";
-const ddsFontSizeXxxsmallNumberRem = 0.875;
 const ddsFontWeightLight = "300";
 const ddsFontWeightNormal = "400";
+const ddsFontWeightSemiBold = "500";
 const ddsFontWeightBold = "600";
 const ddsFontLineheightX1 = 1.5; // Brukes på str ×1_25 og mindre 
 const ddsFontLineheightX2 = 1.35; // Brukes på str x1.5, ×2 og ×3 
@@ -123,6 +108,16 @@ const ddsBreakpointLg = "1280px";
 const ddsBreakpointLgNumberPx = 1280;
 const ddsBreakpointXl = "1920px";
 const ddsBreakpointXlNumberPx = 1920;
+const ddsZindexSkiptocontent = "250"; // Brukes for dds-skiptocontent
+const ddsZindexModalBackdrop = "200"; // Brukes for dds-modal
+const ddsZindexDrawer = "180"; // Brukes for dds-drawer
+const ddsZindexDrawerBackdrop = "180"; // Brukes for dds-drawer
+const ddsZindexOverflowmenu = "160"; // Brukes for dds-overflowmenu
+const ddsZindexPopover = "140"; // Brukes for dds-popover og kalender i datepicker
+const ddsZindexTooltip = "120"; // Brukes for dds-tooltip
+const ddsZindexDropdown = "100"; // Dropdown brukes for bl.a søkeforslag, dropdown i select
+const ddsZindexSticky = "50"; // Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater
+const ddsZindexAbsoluteElement = "1"; // Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder
 const ddsColorBgDefault = "#ffffff"; // UI shell base color
 const ddsColorBgSubtle = "#f8f9f9"; // Alternative UI shell base color
 const ddsColorSurfaceDefault = "#ffffff"; // Default bg
@@ -225,10 +220,10 @@ const ddsFontBodyXsmall = "400 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
 const ddsFontBodySmall = "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; //  used with small button and input fields
 const ddsFontBodyMedium = "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // standard body text, used with medium button and input fields
 const ddsFontBodyLarge = "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Used for large button and large search
-const ddsFontHeadingXxsmall = "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h6
-const ddsFontHeadingXsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
-const ddsFontHeadingSmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
-const ddsFontHeadingMedium = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
+const ddsFontHeadingXxsmall = "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h6
+const ddsFontHeadingXsmall = "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h5
+const ddsFontHeadingSmall = "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h4
+const ddsFontHeadingMedium = "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif"; // Default h3
 const ddsFontHeadingLarge = "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default h2
 const ddsFontHeadingXlarge = "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif"; // Default H1
 const ddsFontHeadingXxlarge = "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif"; // Display or extra large page title (h1)
@@ -277,4 +272,4 @@ const ddsFontLabelMediumLetterSpacing = "0.01em";
 const ddsFontLabelMediumParagraphSpacing = "1em";
 const ddsFontLabelMediumParagraphSpacingNumberEm = 1;
 
-export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm, ddsFontSizeLarge, ddsFontSizeLargeNumberRem, ddsFontSizeMedium, ddsFontSizeMediumNumberRem, ddsFontSizeSmall, ddsFontSizeSmallNumberRem, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontSizeXlarge, ddsFontSizeXlargeNumberRem, ddsFontSizeXsmall, ddsFontSizeXsmallNumberRem, ddsFontSizeXxlarge, ddsFontSizeXxlargeNumberRem, ddsFontSizeXxsmall, ddsFontSizeXxsmallNumberRem, ddsFontSizeXxxsmall, ddsFontSizeXxxsmallNumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, ddsGridLgCount, ddsGridLgGutterSize, ddsGridLgGutterSizeNumberPx, ddsGridMdCount, ddsGridMdGutterSize, ddsGridMdGutterSizeNumberPx, ddsGridSmCount, ddsGridSmGutterSize, ddsGridSmGutterSizeNumberPx, ddsGridXlCount, ddsGridXlGutterSize, ddsGridXlGutterSizeNumberPx, ddsGridXsCount, ddsGridXsGutterSize, ddsGridXsGutterSizeNumberPx, ddsIconSizeLarge, ddsIconSizeLargeNumberPx, ddsIconSizeMedium, ddsIconSizeMediumNumberPx, ddsIconSizeSmall, ddsIconSizeSmallNumberPx, ddsShadow1, ddsShadow2, ddsShadow3, ddsShadow4, ddsSpacingPaddingTopHeading, ddsSpacingPaddingTopHeadingNumberEm, ddsSpacingX0, ddsSpacingX0125, ddsSpacingX0125NumberRem, ddsSpacingX025, ddsSpacingX025NumberRem, ddsSpacingX05, ddsSpacingX05NumberRem, ddsSpacingX075, ddsSpacingX075NumberRem, ddsSpacingX0NumberRem, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberRem, ddsSpacingX15, ddsSpacingX15NumberRem, ddsSpacingX1NumberRem, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberRem, ddsSpacingX2NumberRem, ddsSpacingX3, ddsSpacingX3NumberRem, ddsSpacingX4, ddsSpacingX4NumberRem, ddsSpacingX6, ddsSpacingX6NumberRem };
+export { ddsBorderRadiusButton, ddsBorderRadiusButtonNumberPx, ddsBorderRadiusChip, ddsBorderRadiusChipNumberPx, ddsBorderRadiusInput, ddsBorderRadiusInputNumberPx, ddsBorderRadiusRounded, ddsBorderRadiusRoundedNumberPx, ddsBorderRadiusSurface, ddsBorderRadiusSurfaceNumberPx, ddsBreakpointLg, ddsBreakpointLgNumberPx, ddsBreakpointMd, ddsBreakpointMdNumberPx, ddsBreakpointSm, ddsBreakpointSmNumberPx, ddsBreakpointXl, ddsBreakpointXlNumberPx, ddsBreakpointXs, ddsBreakpointXsNumberPx, ddsColorBgDefault, ddsColorBgSubtle, ddsColorBorderActionDefault, ddsColorBorderActionHover, ddsColorBorderDanger, ddsColorBorderDefault, ddsColorBorderInfo, ddsColorBorderInverse, ddsColorBorderOnAction, ddsColorBorderSubtle, ddsColorBorderSuccess, ddsColorBorderWarning, ddsColorBrandPrimaryDefault, ddsColorBrandPrimaryMedium, ddsColorBrandPrimaryStrong, ddsColorBrandPrimarySubtle, ddsColorBrandSecondaryDefault, ddsColorBrandSecondaryMedium, ddsColorBrandSecondaryStrong, ddsColorBrandSecondarySubtle, ddsColorBrandTertiaryDefault, ddsColorBrandTertiaryMedium, ddsColorBrandTertiaryStrong, ddsColorBrandTertiarySubtle, ddsColorFocusInside, ddsColorFocusOutside, ddsColorIconActionHover, ddsColorIconActionResting, ddsColorIconDanger, ddsColorIconDefault, ddsColorIconMedium, ddsColorIconOnAction, ddsColorIconOnDangerDefault, ddsColorIconOnDangerStrong, ddsColorIconOnInfoDefault, ddsColorIconOnInfoStrong, ddsColorIconOnInverse, ddsColorIconOnSuccessDefault, ddsColorIconOnSuccessStrong, ddsColorIconOnWarningDefault, ddsColorIconOnWarningStrong, ddsColorIconSubtle, ddsColorSurfaceActionDangerHover, ddsColorSurfaceActionDangerResting, ddsColorSurfaceActionHover, ddsColorSurfaceActionResting, ddsColorSurfaceActionSelected, ddsColorSurfaceActionSelectedDisabled, ddsColorSurfaceBackdropDefault, ddsColorSurfaceDangerDefault, ddsColorSurfaceDangerStrong, ddsColorSurfaceDefault, ddsColorSurfaceFieldDefault, ddsColorSurfaceFieldDisabled, ddsColorSurfaceHighlightedDefault, ddsColorSurfaceHoverDefault, ddsColorSurfaceHoverSubtle, ddsColorSurfaceInfoDefault, ddsColorSurfaceInfoStrong, ddsColorSurfaceInverseDefault, ddsColorSurfaceInverseHover, ddsColorSurfaceInverseSelected, ddsColorSurfaceMedium, ddsColorSurfaceNotification, ddsColorSurfacePaperDefault, ddsColorSurfaceScrollbar, ddsColorSurfaceSelectedDefault, ddsColorSurfaceSkeleton, ddsColorSurfaceSubtle, ddsColorSurfaceSuccessDefault, ddsColorSurfaceSuccessStrong, ddsColorSurfaceWarningDefault, ddsColorSurfaceWarningStrong, ddsColorTextActionHover, ddsColorTextActionResting, ddsColorTextActionVisited, ddsColorTextActionVisitedOnInverse, ddsColorTextDanger, ddsColorTextDefault, ddsColorTextMedium, ddsColorTextOnAction, ddsColorTextOnInverse, ddsColorTextOnNotification, ddsColorTextOnStatusDefault, ddsColorTextOnStatusStrong, ddsColorTextRequiredfield, ddsColorTextSubtle, ddsFontBodyLarge, ddsFontBodyLargeLetterSpacing, ddsFontBodyLargeParagraphSpacing, ddsFontBodyLargeParagraphSpacingNumberEm, ddsFontBodyMedium, ddsFontBodyMediumLetterSpacing, ddsFontBodyMediumParagraphSpacing, ddsFontBodyMediumParagraphSpacingNumberEm, ddsFontBodySmall, ddsFontBodySmallLetterSpacing, ddsFontBodySmallParagraphSpacing, ddsFontBodySmallParagraphSpacingNumberEm, ddsFontBodyXsmall, ddsFontBodyXsmallLetterSpacing, ddsFontBodyXsmallParagraphSpacing, ddsFontBodyXsmallParagraphSpacingNumberEm, ddsFontCodeMedium, ddsFontCodeMediumLetterSpacing, ddsFontCodeMediumParagraphSpacing, ddsFontCodeMediumParagraphSpacingNumberEm, ddsFontFamilyMonospace, ddsFontFamilySans, ddsFontHeadingLarge, ddsFontHeadingLargeLetterSpacing, ddsFontHeadingLargeParagraphSpacing, ddsFontHeadingLargeParagraphSpacingNumberEm, ddsFontHeadingMedium, ddsFontHeadingMediumLetterSpacing, ddsFontHeadingMediumParagraphSpacing, ddsFontHeadingMediumParagraphSpacingNumberEm, ddsFontHeadingSmall, ddsFontHeadingSmallLetterSpacing, ddsFontHeadingSmallParagraphSpacing, ddsFontHeadingSmallParagraphSpacingNumberEm, ddsFontHeadingXlarge, ddsFontHeadingXlargeLetterSpacing, ddsFontHeadingXlargeParagraphSpacing, ddsFontHeadingXlargeParagraphSpacingNumberEm, ddsFontHeadingXsmall, ddsFontHeadingXsmallLetterSpacing, ddsFontHeadingXsmallParagraphSpacing, ddsFontHeadingXsmallParagraphSpacingNumberEm, ddsFontHeadingXxlarge, ddsFontHeadingXxlargeLetterSpacing, ddsFontHeadingXxlargeParagraphSpacing, ddsFontHeadingXxlargeParagraphSpacingNumberEm, ddsFontHeadingXxsmall, ddsFontHeadingXxsmallLetterSpacing, ddsFontHeadingXxsmallParagraphSpacing, ddsFontHeadingXxsmallParagraphSpacingNumberEm, ddsFontLabelMedium, ddsFontLabelMediumLetterSpacing, ddsFontLabelMediumParagraphSpacing, ddsFontLabelMediumParagraphSpacingNumberEm, ddsFontLeadMedium, ddsFontLeadMediumLetterSpacing, ddsFontLeadMediumParagraphSpacing, ddsFontLeadMediumParagraphSpacingNumberEm, ddsFontLetterSpacingLoose, ddsFontLetterSpacingNormal, ddsFontLetterSpacingTight, ddsFontLineheightList, ddsFontLineheightX1, ddsFontLineheightX2, ddsFontLineheightX3, ddsFontParagraphSpacingHeading, ddsFontParagraphSpacingHeadingNumberEm, ddsFontParagraphSpacingLarge, ddsFontParagraphSpacingLargeNumberEm, ddsFontParagraphSpacingMedium, ddsFontParagraphSpacingMediumNumberEm, ddsFontParagraphSpacingSmall, ddsFontParagraphSpacingSmallNumberEm, ddsFontSizeX075, ddsFontSizeX075NumberRem, ddsFontSizeX0875, ddsFontSizeX0875NumberRem, ddsFontSizeX1, ddsFontSizeX1125, ddsFontSizeX1125NumberRem, ddsFontSizeX125, ddsFontSizeX125NumberRem, ddsFontSizeX15, ddsFontSizeX15NumberRem, ddsFontSizeX1NumberRem, ddsFontSizeX2, ddsFontSizeX25, ddsFontSizeX25NumberRem, ddsFontSizeX2NumberRem, ddsFontSizeX3, ddsFontSizeX3NumberRem, ddsFontSizeX4, ddsFontSizeX4NumberRem, ddsFontSizeX5, ddsFontSizeX5NumberRem, ddsFontStyleItalic, ddsFontStyleNormal, ddsFontStyleUnderline, ddsFontWeightBold, ddsFontWeightLight, ddsFontWeightNormal, ddsFontWeightSemiBold, ddsGridLgCount, ddsGridLgGutterSize, ddsGridLgGutterSizeNumberPx, ddsGridMdCount, ddsGridMdGutterSize, ddsGridMdGutterSizeNumberPx, ddsGridSmCount, ddsGridSmGutterSize, ddsGridSmGutterSizeNumberPx, ddsGridXlCount, ddsGridXlGutterSize, ddsGridXlGutterSizeNumberPx, ddsGridXsCount, ddsGridXsGutterSize, ddsGridXsGutterSizeNumberPx, ddsIconSizeLarge, ddsIconSizeLargeNumberPx, ddsIconSizeMedium, ddsIconSizeMediumNumberPx, ddsIconSizeSmall, ddsIconSizeSmallNumberPx, ddsShadow1, ddsShadow2, ddsShadow3, ddsShadow4, ddsSpacingPaddingTopHeading, ddsSpacingPaddingTopHeadingNumberEm, ddsSpacingX0, ddsSpacingX0125, ddsSpacingX0125NumberRem, ddsSpacingX025, ddsSpacingX025NumberRem, ddsSpacingX05, ddsSpacingX05NumberRem, ddsSpacingX075, ddsSpacingX075NumberRem, ddsSpacingX0NumberRem, ddsSpacingX1, ddsSpacingX10, ddsSpacingX10NumberRem, ddsSpacingX15, ddsSpacingX15NumberRem, ddsSpacingX1NumberRem, ddsSpacingX2, ddsSpacingX25, ddsSpacingX25NumberRem, ddsSpacingX2NumberRem, ddsSpacingX3, ddsSpacingX3NumberRem, ddsSpacingX4, ddsSpacingX4NumberRem, ddsSpacingX6, ddsSpacingX6NumberRem, ddsZindexAbsoluteElement, ddsZindexDrawer, ddsZindexDrawerBackdrop, ddsZindexDropdown, ddsZindexModalBackdrop, ddsZindexOverflowmenu, ddsZindexPopover, ddsZindexSkiptocontent, ddsZindexSticky, ddsZindexTooltip };

package/dist/scss/_ddsTokens.scss

@@ -14,16 +14,9 @@
   $dds-font-size-x1: var(--dds-font-size-x1);
   $dds-font-size-x0-875: var(--dds-font-size-x0-875);
   $dds-font-size-x0-75: var(--dds-font-size-x0-75);
-  $dds-font-size-xxlarge: var(--dds-font-size-xxlarge);
-  $dds-font-size-xlarge: var(--dds-font-size-xlarge);
-  $dds-font-size-large: var(--dds-font-size-large);
-  $dds-font-size-medium: var(--dds-font-size-medium);
-  $dds-font-size-small: var(--dds-font-size-small);
-  $dds-font-size-xsmall: var(--dds-font-size-xsmall);
-  $dds-font-size-xxsmall: var(--dds-font-size-xxsmall);
-  $dds-font-size-xxxsmall: var(--dds-font-size-xxxsmall);
   $dds-font-weight-light: var(--dds-font-weight-light);
   $dds-font-weight-normal: var(--dds-font-weight-normal);
+  $dds-font-weight-semi-bold: var(--dds-font-weight-semi-bold);
   $dds-font-weight-bold: var(--dds-font-weight-bold);
   $dds-font-lineheight-x1: var(--dds-font-lineheight-x1); /* Brukes på str ×1_25 og mindre  */
   $dds-font-lineheight-x2: var(--dds-font-lineheight-x2); /* Brukes på str x1.5, ×2 og ×3  */
@@ -75,6 +68,16 @@
   $dds-breakpoint-md: var(--dds-breakpoint-md);
   $dds-breakpoint-lg: var(--dds-breakpoint-lg);
   $dds-breakpoint-xl: var(--dds-breakpoint-xl);
+  $dds-zindex-skiptocontent: var(--dds-zindex-skiptocontent); /* Brukes for dds-skiptocontent */
+  $dds-zindex-modal-backdrop: var(--dds-zindex-modal-backdrop); /* Brukes for dds-modal */
+  $dds-zindex-drawer: var(--dds-zindex-drawer); /* Brukes for dds-drawer */
+  $dds-zindex-drawer-backdrop: var(--dds-zindex-drawer-backdrop); /* Brukes for dds-drawer */
+  $dds-zindex-overflowmenu: var(--dds-zindex-overflowmenu); /* Brukes for dds-overflowmenu */
+  $dds-zindex-popover: var(--dds-zindex-popover); /* Brukes for dds-popover og kalender i datepicker */
+  $dds-zindex-tooltip: var(--dds-zindex-tooltip); /* Brukes for dds-tooltip */
+  $dds-zindex-dropdown: var(--dds-zindex-dropdown); /* Dropdown brukes for bl.a søkeforslag, dropdown i select */
+  $dds-zindex-sticky: var(--dds-zindex-sticky); /* Sticky header skal dekke til flat innhold i gruppen (tabell o.l.). Den skal legge seg under elementer som stiller med egne flater */
+  $dds-zindex-absolute-element: var(--dds-zindex-absolute-element); /* Dekorative elementer med absolutt posisjon, som ellers hadde blitt skjult bak forelder */
   $dds-color-bg-default: var(--dds-color-bg-default); /* UI shell base color */
   $dds-color-bg-subtle: var(--dds-color-bg-subtle); /* Alternative UI shell base color */
   $dds-color-surface-default: var(--dds-color-surface-default); /* Default bg */

package/dist/src/index.d.ts

@@ -24,24 +24,9 @@ export declare const ddsTokens: {
         ddsFontSizeX0875NumberRem: 0.875;
         ddsFontSizeX075: "0.75rem";
         ddsFontSizeX075NumberRem: 0.75;
-        ddsFontSizeXxlarge: "3rem";
-        ddsFontSizeXxlargeNumberRem: 3;
-        ddsFontSizeXlarge: "2rem";
-        ddsFontSizeXlargeNumberRem: 2;
-        ddsFontSizeLarge: "1.5rem";
-        ddsFontSizeLargeNumberRem: 1.5;
-        ddsFontSizeMedium: "1.25rem";
-        ddsFontSizeMediumNumberRem: 1.25;
-        ddsFontSizeSmall: "1.125rem";
-        ddsFontSizeSmallNumberRem: 1.125;
-        ddsFontSizeXsmall: "1rem";
-        ddsFontSizeXsmallNumberRem: 1;
-        ddsFontSizeXxsmall: "0.875rem";
-        ddsFontSizeXxsmallNumberRem: 0.875;
-        ddsFontSizeXxxsmall: "0.75rem";
-        ddsFontSizeXxxsmallNumberRem: 0.75;
         ddsFontWeightLight: "300";
         ddsFontWeightNormal: "400";
+        ddsFontWeightSemiBold: "500";
         ddsFontWeightBold: "600";
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX2: 1.35;
@@ -124,6 +109,16 @@ export declare const ddsTokens: {
         ddsBreakpointLgNumberPx: 1280;
         ddsBreakpointXl: "1920px";
         ddsBreakpointXlNumberPx: 1920;
+        ddsZindexSkiptocontent: "250";
+        ddsZindexModalBackdrop: "200";
+        ddsZindexDrawer: "180";
+        ddsZindexDrawerBackdrop: "180";
+        ddsZindexOverflowmenu: "160";
+        ddsZindexPopover: "140";
+        ddsZindexTooltip: "120";
+        ddsZindexDropdown: "100";
+        ddsZindexSticky: "50";
+        ddsZindexAbsoluteElement: "1";
         ddsColorBgDefault: "#ffffff";
         ddsColorBgSubtle: "#f8f9f9";
         ddsColorSurfaceDefault: "#ffffff";
@@ -303,24 +298,9 @@ export declare const ddsTokens: {
         ddsFontSizeX0875NumberRem: 0.875;
         ddsFontSizeX075: "0.75rem";
         ddsFontSizeX075NumberRem: 0.75;
-        ddsFontSizeXxlarge: "4rem";
-        ddsFontSizeXxlargeNumberRem: 4;
-        ddsFontSizeXlarge: "3rem";
-        ddsFontSizeXlargeNumberRem: 3;
-        ddsFontSizeLarge: "2rem";
-        ddsFontSizeLargeNumberRem: 2;
-        ddsFontSizeMedium: "1.5rem";
-        ddsFontSizeMediumNumberRem: 1.5;
-        ddsFontSizeSmall: "1.25rem";
-        ddsFontSizeSmallNumberRem: 1.25;
-        ddsFontSizeXsmall: "1.125rem";
-        ddsFontSizeXsmallNumberRem: 1.125;
-        ddsFontSizeXxsmall: "1rem";
-        ddsFontSizeXxsmallNumberRem: 1;
-        ddsFontSizeXxxsmall: "0.875rem";
-        ddsFontSizeXxxsmallNumberRem: 0.875;
         ddsFontWeightLight: "300";
         ddsFontWeightNormal: "400";
+        ddsFontWeightSemiBold: "500";
         ddsFontWeightBold: "600";
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX2: 1.35;
@@ -403,6 +383,16 @@ export declare const ddsTokens: {
         ddsBreakpointLgNumberPx: 1280;
         ddsBreakpointXl: "1920px";
         ddsBreakpointXlNumberPx: 1920;
+        ddsZindexSkiptocontent: "250";
+        ddsZindexModalBackdrop: "200";
+        ddsZindexDrawer: "180";
+        ddsZindexDrawerBackdrop: "180";
+        ddsZindexOverflowmenu: "160";
+        ddsZindexPopover: "140";
+        ddsZindexTooltip: "120";
+        ddsZindexDropdown: "100";
+        ddsZindexSticky: "50";
+        ddsZindexAbsoluteElement: "1";
         ddsColorBgDefault: "#ffffff";
         ddsColorBgSubtle: "#f8f9f9";
         ddsColorSurfaceDefault: "#ffffff";
@@ -505,10 +495,10 @@ export declare const ddsTokens: {
         ddsFontBodySmall: "400 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
         ddsFontBodyMedium: "400 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
         ddsFontBodyLarge: "400 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXxsmall: "600 0.875rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingXsmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingSmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
-        ddsFontHeadingMedium: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingXxsmall: "600 1rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingXsmall: "600 1.125rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingSmall: "600 1.25rem/1.5 'IBM Plex Sans', Arial, sans-serif";
+        ddsFontHeadingMedium: "500 1.5rem/1.5 'IBM Plex Sans', Arial, sans-serif";
         ddsFontHeadingLarge: "400 clamp(1.5rem, 0.667rem + 2.222vw, 2rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
         ddsFontHeadingXlarge: "300 clamp(2.5rem, 1.667rem + 2.222vw, 3rem)/1.35 'IBM Plex Sans', Arial, sans-serif";
         ddsFontHeadingXxlarge: "300 clamp(3rem, 1.333rem + 4.444vw, 4rem)/1.2 'IBM Plex Sans', Arial, sans-serif";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@norges-domstoler/dds-design-tokens",
-  "version": "7.1.0",
+  "version": "7.3.0",
   "description": "Design tokens used in Domstolenes designsystem",
   "author": "DDS team",
   "license": "MIT",
@@ -38,7 +38,7 @@
   "devDependencies": {
     "@rollup/plugin-commonjs": "^28.0.2",
     "@rollup/plugin-node-resolve": "^16.0.0",
-    "@types/node": "^22.10.7",
+    "@types/node": "^22.13.1",
     "@tokens-studio/sd-transforms": "^1.2.9",
     "fork-ts-checker-webpack-plugin": "^9.0.2",
     "rollup": "^3.29.5",
@@ -46,7 +46,7 @@
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-sass": "^1.15.2",
     "rollup-plugin-typescript2": "^0.36.0",
-    "style-dictionary": "^4.3.0",
+    "style-dictionary": "^4.3.2",
     "typescript": "^5.7.3"
   },
   "publishConfig": {