@norges-domstoler/dds-design-tokens 9.1.0 → 9.3.0

package/README.md

@@ -4,7 +4,7 @@
 
 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`.
+Design tokens kommer i flere temaer. Valg av tema styres med `<DdsProvider>` komponent som ligger i `dds-components`.
 
 ## 🔍 Oversikt
 
@@ -26,7 +26,7 @@ pnpm add @norges-domstoler/dds-design-tokens
 
 ## 🔨 Bruk
 
-Design tokens er eksportert som JS-konstanter, CSS-variabler og SCSS-variabler. De brukes i kombinasjon med `<ThemeProvider>` komponent fra `@norges-domstoler/dds-components` biblioteket for å sette riktig tema. CSS-variabler brukes direkte fra `@norges-domstoler/dds-components` - se [README](https://github.com/domstolene/designsystem/blob/main/packages/components/README.md).
+Design tokens er eksportert som JS-konstanter, CSS-variabler og SCSS-variabler. De brukes i kombinasjon med `<DdsProvider>` komponent fra `@norges-domstoler/dds-components` biblioteket for å sette riktig tema. CSS-variabler brukes direkte fra `@norges-domstoler/dds-components` - se [README](https://github.com/domstolene/designsystem/blob/main/packages/components/README.md).
 
 ### CSS
 
@@ -42,16 +42,16 @@ Design tokens er eksportert som JS-konstanter, CSS-variabler og SCSS-variabler.
 }
 ```
 
-```js
-import { ThemeProvider } from '@norges-domstoler/dds-components';
+```jsx
+import { DdsProvider } from '@norges-domstoler/dds-components';
 import './styles.css';
 
 const Panel = <div className="panel"> tekst </div>;
 
 const App = () => (
-  <ThemeProvider>
+  <DdsProvider>
     <Panel />;
-  </ThemeProvider>
+  </DdsProvider>
 );
 ```
 
@@ -60,7 +60,7 @@ const App = () => (
 ```js
 import * as React from 'react';
 import { ddsTokens } from '@norges-domstoler/dds-design-tokens';
-import { ThemeProvider, useTheme } from '@norges-domstoler/dds-components';
+import { DdsProvider, useTheme } from '@norges-domstoler/dds-components';
 
 const { theme } = useTheme();
 
@@ -70,9 +70,9 @@ const style = {
 };
 
 const App = () => (
-  <ThemeProvider>
+  <DdsProvider>
     <div style={style}>Tekst</div>;
-  </ThemeProvider>
+  </DdsProvider>
 );
 ```
 
@@ -91,14 +91,14 @@ SCSS-variabler refererer til CSS-variabler; theming skjer dermed utenfor SCSS. D
 ```
 
 ```js
-import { ThemeProvider } from '@norges-domstoler/dds-components';
+import { DdsProvider } from '@norges-domstoler/dds-components';
 import './_styles.scss';
 
 const Panel = <div className="panel"> tekst </div>;
 
 const App = () => (
-  <ThemeProvider>
+  <DdsProvider>
     <Panel />;
-  </ThemeProvider>
+  </DdsProvider>
 );
 ```

package/dist/cjs/generated-tokens/js/core-dark/ddsTokens.d.ts

@@ -29,7 +29,6 @@ export declare const ddsFontWeightBold = "600";
 export declare const ddsFontLineheightX1 = 1.5;
 export declare const ddsFontLineheightX3 = 1.2;
 export declare const ddsFontLineheightX2 = 1.3;
-export declare const ddsFontLineheightList = 2;
 export declare const ddsFontLetterSpacingTight = "-0.01em";
 export declare const ddsFontLetterSpacingNormal = "0em";
 export declare const ddsFontLetterSpacingLoose = "0.01em";
@@ -39,6 +38,8 @@ export declare const ddsFontParagraphSpacingMedium = "0.66em";
 export declare const ddsFontParagraphSpacingMediumNumberEm = 0.66;
 export declare const ddsFontParagraphSpacingLarge = "0.5em";
 export declare const ddsFontParagraphSpacingLargeNumberEm = 0.5;
+export declare const ddsFontParagraphSpacingList = "0.5em";
+export declare const ddsFontParagraphSpacingListNumberEm = 0.5;
 export declare const ddsFontParagraphSpacingHeading = "0.4em";
 export declare const ddsFontParagraphSpacingHeadingNumberEm = 0.4;
 export declare const ddsFontStyleUnderline = "underline";
@@ -425,3 +426,11 @@ export declare const ddsFontBodyShortSmallParagraphSpacingNumberEm = 1;
 export declare const ddsFontBodyShortXsmallLetterSpacing = "0.01em";
 export declare const ddsFontBodyShortXsmallParagraphSpacing = "1em";
 export declare const ddsFontBodyShortXsmallParagraphSpacingNumberEm = 1;
+export declare const ddsSizeHeightInputLarge = "3.625rem";
+export declare const ddsSizeHeightInputLargeNumberRem = 3.625;
+export declare const ddsSizeHeightInputMedium = "3rem";
+export declare const ddsSizeHeightInputMediumNumberRem = 3;
+export declare const ddsSizeHeightInputSmall = "2.187rem";
+export declare const ddsSizeHeightInputSmallNumberRem = 2.187;
+export declare const ddsSizeHeightInputXsmall = "1.5625rem";
+export declare const ddsSizeHeightInputXsmallNumberRem = 1.5625;

package/dist/cjs/generated-tokens/js/core-light/ddsTokens.d.ts

@@ -29,7 +29,6 @@ export declare const ddsFontWeightBold = "600";
 export declare const ddsFontLineheightX1 = 1.5;
 export declare const ddsFontLineheightX3 = 1.2;
 export declare const ddsFontLineheightX2 = 1.3;
-export declare const ddsFontLineheightList = 2;
 export declare const ddsFontLetterSpacingTight = "-0.01em";
 export declare const ddsFontLetterSpacingNormal = "0em";
 export declare const ddsFontLetterSpacingLoose = "0.01em";
@@ -39,6 +38,8 @@ export declare const ddsFontParagraphSpacingMedium = "0.66em";
 export declare const ddsFontParagraphSpacingMediumNumberEm = 0.66;
 export declare const ddsFontParagraphSpacingLarge = "0.5em";
 export declare const ddsFontParagraphSpacingLargeNumberEm = 0.5;
+export declare const ddsFontParagraphSpacingList = "0.5em";
+export declare const ddsFontParagraphSpacingListNumberEm = 0.5;
 export declare const ddsFontParagraphSpacingHeading = "0.4em";
 export declare const ddsFontParagraphSpacingHeadingNumberEm = 0.4;
 export declare const ddsFontStyleUnderline = "underline";
@@ -425,3 +426,11 @@ export declare const ddsFontBodyShortSmallParagraphSpacingNumberEm = 1;
 export declare const ddsFontBodyShortXsmallLetterSpacing = "0.01em";
 export declare const ddsFontBodyShortXsmallParagraphSpacing = "1em";
 export declare const ddsFontBodyShortXsmallParagraphSpacingNumberEm = 1;
+export declare const ddsSizeHeightInputLarge = "3.625rem";
+export declare const ddsSizeHeightInputLargeNumberRem = 3.625;
+export declare const ddsSizeHeightInputMedium = "3rem";
+export declare const ddsSizeHeightInputMediumNumberRem = 3;
+export declare const ddsSizeHeightInputSmall = "2.187rem";
+export declare const ddsSizeHeightInputSmallNumberRem = 2.187;
+export declare const ddsSizeHeightInputXsmall = "1.5625rem";
+export declare const ddsSizeHeightInputXsmallNumberRem = 1.5625;

package/dist/cjs/generated-tokens/js/public-dark/ddsTokens.d.ts

@@ -29,7 +29,6 @@ export declare const ddsFontWeightBold = "600";
 export declare const ddsFontLineheightX1 = 1.5;
 export declare const ddsFontLineheightX3 = 1.2;
 export declare const ddsFontLineheightX2 = 1.3;
-export declare const ddsFontLineheightList = 2;
 export declare const ddsFontLetterSpacingTight = "-0.01em";
 export declare const ddsFontLetterSpacingNormal = "0em";
 export declare const ddsFontLetterSpacingLoose = "0.01em";
@@ -39,6 +38,8 @@ export declare const ddsFontParagraphSpacingMedium = "0.66em";
 export declare const ddsFontParagraphSpacingMediumNumberEm = 0.66;
 export declare const ddsFontParagraphSpacingLarge = "0.5em";
 export declare const ddsFontParagraphSpacingLargeNumberEm = 0.5;
+export declare const ddsFontParagraphSpacingList = "0.5em";
+export declare const ddsFontParagraphSpacingListNumberEm = 0.5;
 export declare const ddsFontParagraphSpacingHeading = "0.4em";
 export declare const ddsFontParagraphSpacingHeadingNumberEm = 0.4;
 export declare const ddsFontStyleUnderline = "underline";
@@ -425,3 +426,11 @@ export declare const ddsFontBodyShortSmallParagraphSpacingNumberEm = 1;
 export declare const ddsFontBodyShortXsmallLetterSpacing = "0.01em";
 export declare const ddsFontBodyShortXsmallParagraphSpacing = "1em";
 export declare const ddsFontBodyShortXsmallParagraphSpacingNumberEm = 1;
+export declare const ddsSizeHeightInputLarge = "3.8125rem";
+export declare const ddsSizeHeightInputLargeNumberRem = 3.8125;
+export declare const ddsSizeHeightInputMedium = "3.125rem";
+export declare const ddsSizeHeightInputMediumNumberRem = 3.125;
+export declare const ddsSizeHeightInputSmall = "2.5rem";
+export declare const ddsSizeHeightInputSmallNumberRem = 2.5;
+export declare const ddsSizeHeightInputXsmall = "1.8125rem";
+export declare const ddsSizeHeightInputXsmallNumberRem = 1.8125;

package/dist/cjs/generated-tokens/js/public-light/ddsTokens.d.ts

@@ -29,7 +29,6 @@ export declare const ddsFontWeightBold = "600";
 export declare const ddsFontLineheightX1 = 1.5;
 export declare const ddsFontLineheightX3 = 1.2;
 export declare const ddsFontLineheightX2 = 1.3;
-export declare const ddsFontLineheightList = 2;
 export declare const ddsFontLetterSpacingTight = "-0.01em";
 export declare const ddsFontLetterSpacingNormal = "0em";
 export declare const ddsFontLetterSpacingLoose = "0.01em";
@@ -39,6 +38,8 @@ export declare const ddsFontParagraphSpacingMedium = "0.66em";
 export declare const ddsFontParagraphSpacingMediumNumberEm = 0.66;
 export declare const ddsFontParagraphSpacingLarge = "0.5em";
 export declare const ddsFontParagraphSpacingLargeNumberEm = 0.5;
+export declare const ddsFontParagraphSpacingList = "0.5em";
+export declare const ddsFontParagraphSpacingListNumberEm = 0.5;
 export declare const ddsFontParagraphSpacingHeading = "0.4em";
 export declare const ddsFontParagraphSpacingHeadingNumberEm = 0.4;
 export declare const ddsFontStyleUnderline = "underline";
@@ -425,3 +426,11 @@ export declare const ddsFontBodyShortSmallParagraphSpacingNumberEm = 1;
 export declare const ddsFontBodyShortXsmallLetterSpacing = "0.01em";
 export declare const ddsFontBodyShortXsmallParagraphSpacing = "1em";
 export declare const ddsFontBodyShortXsmallParagraphSpacingNumberEm = 1;
+export declare const ddsSizeHeightInputLarge = "3.8125rem";
+export declare const ddsSizeHeightInputLargeNumberRem = 3.8125;
+export declare const ddsSizeHeightInputMedium = "3.125rem";
+export declare const ddsSizeHeightInputMediumNumberRem = 3.125;
+export declare const ddsSizeHeightInputSmall = "2.5rem";
+export declare const ddsSizeHeightInputSmallNumberRem = 2.5;
+export declare const ddsSizeHeightInputXsmall = "1.8125rem";
+export declare const ddsSizeHeightInputXsmallNumberRem = 1.8125;

package/dist/cjs/index.js

@@ -32,7 +32,6 @@ const ddsFontWeightBold$3 = "600";
 const ddsFontLineheightX1$3 = 1.5; // Brukes på mengetekst og artikler
 const ddsFontLineheightX3$3 = 1.2;
 const ddsFontLineheightX2$3 = 1.3; // Brukes i komponenter og overskrifter
-const ddsFontLineheightList$3 = 2; // Brukes på lister
 const ddsFontLetterSpacingTight$3 = "-0.01em"; // Brukes på str ×2.5 og større
 const ddsFontLetterSpacingNormal$3 = "0em"; // Brukes på str ×1 og opp til og med ×2
 const ddsFontLetterSpacingLoose$3 = "0.01em"; // Brukes på størrelser under ×1
@@ -42,6 +41,8 @@ const ddsFontParagraphSpacingMedium$3 = "0.66em";
 const ddsFontParagraphSpacingMediumNumberEm$3 = 0.66; // Brukes på str x1.5, ×2 og ×3 
 const ddsFontParagraphSpacingLarge$3 = "0.5em";
 const ddsFontParagraphSpacingLargeNumberEm$3 = 0.5; // Brukes på str ×3 og større
+const ddsFontParagraphSpacingList$3 = "0.5em";
+const ddsFontParagraphSpacingListNumberEm$3 = 0.5; // Brukes mellom kulepunkter i lister
 const ddsFontParagraphSpacingHeading$3 = "0.4em";
 const ddsFontParagraphSpacingHeadingNumberEm$3 = 0.4; // Brukes på på alle headere (bottom)
 const ddsFontStyleUnderline$3 = "underline";
@@ -428,6 +429,14 @@ const ddsFontBodyShortSmallParagraphSpacingNumberEm$3 = 1;
 const ddsFontBodyShortXsmallLetterSpacing$3 = "0.01em";
 const ddsFontBodyShortXsmallParagraphSpacing$3 = "1em";
 const ddsFontBodyShortXsmallParagraphSpacingNumberEm$3 = 1;
+const ddsSizeHeightInputLarge$3 = "3.625rem";
+const ddsSizeHeightInputLargeNumberRem$3 = 3.625; // Brukes i input og buttons
+const ddsSizeHeightInputMedium$3 = "3rem";
+const ddsSizeHeightInputMediumNumberRem$3 = 3; // Brukes i input og buttons
+const ddsSizeHeightInputSmall$3 = "2.187rem";
+const ddsSizeHeightInputSmallNumberRem$3 = 2.187; // Brukes i input og buttons
+const ddsSizeHeightInputXsmall$3 = "1.5625rem";
+const ddsSizeHeightInputXsmallNumberRem$3 = 1.5625; // Brukes i input og buttons
 
 var ddsTokensCoreLight = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -749,7 +758,6 @@ var ddsTokensCoreLight = /*#__PURE__*/Object.freeze({
   ddsFontLetterSpacingLoose: ddsFontLetterSpacingLoose$3,
   ddsFontLetterSpacingNormal: ddsFontLetterSpacingNormal$3,
   ddsFontLetterSpacingTight: ddsFontLetterSpacingTight$3,
-  ddsFontLineheightList: ddsFontLineheightList$3,
   ddsFontLineheightX1: ddsFontLineheightX1$3,
   ddsFontLineheightX2: ddsFontLineheightX2$3,
   ddsFontLineheightX3: ddsFontLineheightX3$3,
@@ -757,6 +765,8 @@ var ddsTokensCoreLight = /*#__PURE__*/Object.freeze({
   ddsFontParagraphSpacingHeadingNumberEm: ddsFontParagraphSpacingHeadingNumberEm$3,
   ddsFontParagraphSpacingLarge: ddsFontParagraphSpacingLarge$3,
   ddsFontParagraphSpacingLargeNumberEm: ddsFontParagraphSpacingLargeNumberEm$3,
+  ddsFontParagraphSpacingList: ddsFontParagraphSpacingList$3,
+  ddsFontParagraphSpacingListNumberEm: ddsFontParagraphSpacingListNumberEm$3,
   ddsFontParagraphSpacingMedium: ddsFontParagraphSpacingMedium$3,
   ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm$3,
   ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall$3,
@@ -812,6 +822,14 @@ var ddsTokensCoreLight = /*#__PURE__*/Object.freeze({
   ddsShadowLarge: ddsShadowLarge$3,
   ddsShadowMedium: ddsShadowMedium$3,
   ddsShadowSmall: ddsShadowSmall$3,
+  ddsSizeHeightInputLarge: ddsSizeHeightInputLarge$3,
+  ddsSizeHeightInputLargeNumberRem: ddsSizeHeightInputLargeNumberRem$3,
+  ddsSizeHeightInputMedium: ddsSizeHeightInputMedium$3,
+  ddsSizeHeightInputMediumNumberRem: ddsSizeHeightInputMediumNumberRem$3,
+  ddsSizeHeightInputSmall: ddsSizeHeightInputSmall$3,
+  ddsSizeHeightInputSmallNumberRem: ddsSizeHeightInputSmallNumberRem$3,
+  ddsSizeHeightInputXsmall: ddsSizeHeightInputXsmall$3,
+  ddsSizeHeightInputXsmallNumberRem: ddsSizeHeightInputXsmallNumberRem$3,
   ddsSizeIconComponent: ddsSizeIconComponent$3,
   ddsSizeIconComponentNumberEm: ddsSizeIconComponentNumberEm$3,
   ddsSizeIconLarge: ddsSizeIconLarge$3,
@@ -892,7 +910,6 @@ const ddsFontWeightBold$2 = "600";
 const ddsFontLineheightX1$2 = 1.5; // Brukes på mengetekst og artikler
 const ddsFontLineheightX3$2 = 1.2;
 const ddsFontLineheightX2$2 = 1.3; // Brukes i komponenter og overskrifter
-const ddsFontLineheightList$2 = 2; // Brukes på lister
 const ddsFontLetterSpacingTight$2 = "-0.01em"; // Brukes på str ×2.5 og større
 const ddsFontLetterSpacingNormal$2 = "0em"; // Brukes på str ×1 og opp til og med ×2
 const ddsFontLetterSpacingLoose$2 = "0.01em"; // Brukes på størrelser under ×1
@@ -902,6 +919,8 @@ const ddsFontParagraphSpacingMedium$2 = "0.66em";
 const ddsFontParagraphSpacingMediumNumberEm$2 = 0.66; // Brukes på str x1.5, ×2 og ×3 
 const ddsFontParagraphSpacingLarge$2 = "0.5em";
 const ddsFontParagraphSpacingLargeNumberEm$2 = 0.5; // Brukes på str ×3 og større
+const ddsFontParagraphSpacingList$2 = "0.5em";
+const ddsFontParagraphSpacingListNumberEm$2 = 0.5; // Brukes mellom kulepunkter i lister
 const ddsFontParagraphSpacingHeading$2 = "0.4em";
 const ddsFontParagraphSpacingHeadingNumberEm$2 = 0.4; // Brukes på på alle headere (bottom)
 const ddsFontStyleUnderline$2 = "underline";
@@ -1288,6 +1307,14 @@ const ddsFontBodyShortSmallParagraphSpacingNumberEm$2 = 1;
 const ddsFontBodyShortXsmallLetterSpacing$2 = "0.01em";
 const ddsFontBodyShortXsmallParagraphSpacing$2 = "1em";
 const ddsFontBodyShortXsmallParagraphSpacingNumberEm$2 = 1;
+const ddsSizeHeightInputLarge$2 = "3.625rem";
+const ddsSizeHeightInputLargeNumberRem$2 = 3.625; // Brukes i input og buttons
+const ddsSizeHeightInputMedium$2 = "3rem";
+const ddsSizeHeightInputMediumNumberRem$2 = 3; // Brukes i input og buttons
+const ddsSizeHeightInputSmall$2 = "2.187rem";
+const ddsSizeHeightInputSmallNumberRem$2 = 2.187; // Brukes i input og buttons
+const ddsSizeHeightInputXsmall$2 = "1.5625rem";
+const ddsSizeHeightInputXsmallNumberRem$2 = 1.5625; // Brukes i input og buttons
 
 var ddsTokensCoreDark = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -1609,7 +1636,6 @@ var ddsTokensCoreDark = /*#__PURE__*/Object.freeze({
   ddsFontLetterSpacingLoose: ddsFontLetterSpacingLoose$2,
   ddsFontLetterSpacingNormal: ddsFontLetterSpacingNormal$2,
   ddsFontLetterSpacingTight: ddsFontLetterSpacingTight$2,
-  ddsFontLineheightList: ddsFontLineheightList$2,
   ddsFontLineheightX1: ddsFontLineheightX1$2,
   ddsFontLineheightX2: ddsFontLineheightX2$2,
   ddsFontLineheightX3: ddsFontLineheightX3$2,
@@ -1617,6 +1643,8 @@ var ddsTokensCoreDark = /*#__PURE__*/Object.freeze({
   ddsFontParagraphSpacingHeadingNumberEm: ddsFontParagraphSpacingHeadingNumberEm$2,
   ddsFontParagraphSpacingLarge: ddsFontParagraphSpacingLarge$2,
   ddsFontParagraphSpacingLargeNumberEm: ddsFontParagraphSpacingLargeNumberEm$2,
+  ddsFontParagraphSpacingList: ddsFontParagraphSpacingList$2,
+  ddsFontParagraphSpacingListNumberEm: ddsFontParagraphSpacingListNumberEm$2,
   ddsFontParagraphSpacingMedium: ddsFontParagraphSpacingMedium$2,
   ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm$2,
   ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall$2,
@@ -1672,6 +1700,14 @@ var ddsTokensCoreDark = /*#__PURE__*/Object.freeze({
   ddsShadowLarge: ddsShadowLarge$2,
   ddsShadowMedium: ddsShadowMedium$2,
   ddsShadowSmall: ddsShadowSmall$2,
+  ddsSizeHeightInputLarge: ddsSizeHeightInputLarge$2,
+  ddsSizeHeightInputLargeNumberRem: ddsSizeHeightInputLargeNumberRem$2,
+  ddsSizeHeightInputMedium: ddsSizeHeightInputMedium$2,
+  ddsSizeHeightInputMediumNumberRem: ddsSizeHeightInputMediumNumberRem$2,
+  ddsSizeHeightInputSmall: ddsSizeHeightInputSmall$2,
+  ddsSizeHeightInputSmallNumberRem: ddsSizeHeightInputSmallNumberRem$2,
+  ddsSizeHeightInputXsmall: ddsSizeHeightInputXsmall$2,
+  ddsSizeHeightInputXsmallNumberRem: ddsSizeHeightInputXsmallNumberRem$2,
   ddsSizeIconComponent: ddsSizeIconComponent$2,
   ddsSizeIconComponentNumberEm: ddsSizeIconComponentNumberEm$2,
   ddsSizeIconLarge: ddsSizeIconLarge$2,
@@ -1752,7 +1788,6 @@ const ddsFontWeightBold$1 = "600";
 const ddsFontLineheightX1$1 = 1.5; // Brukes på mengetekst og artikler
 const ddsFontLineheightX3$1 = 1.2;
 const ddsFontLineheightX2$1 = 1.3; // Brukes i komponenter og overskrifter
-const ddsFontLineheightList$1 = 2; // Brukes på lister
 const ddsFontLetterSpacingTight$1 = "-0.01em"; // Brukes på str ×2.5 og større
 const ddsFontLetterSpacingNormal$1 = "0em"; // Brukes på str ×1 og opp til og med ×2
 const ddsFontLetterSpacingLoose$1 = "0.01em"; // Brukes på størrelser under ×1
@@ -1762,6 +1797,8 @@ const ddsFontParagraphSpacingMedium$1 = "0.66em";
 const ddsFontParagraphSpacingMediumNumberEm$1 = 0.66; // Brukes på str x1.5, ×2 og ×3 
 const ddsFontParagraphSpacingLarge$1 = "0.5em";
 const ddsFontParagraphSpacingLargeNumberEm$1 = 0.5; // Brukes på str ×3 og større
+const ddsFontParagraphSpacingList$1 = "0.5em";
+const ddsFontParagraphSpacingListNumberEm$1 = 0.5; // Brukes mellom kulepunkter i lister
 const ddsFontParagraphSpacingHeading$1 = "0.4em";
 const ddsFontParagraphSpacingHeadingNumberEm$1 = 0.4; // Brukes på på alle headere (bottom)
 const ddsFontStyleUnderline$1 = "underline";
@@ -2148,6 +2185,14 @@ const ddsFontBodyShortSmallParagraphSpacingNumberEm$1 = 1;
 const ddsFontBodyShortXsmallLetterSpacing$1 = "0.01em";
 const ddsFontBodyShortXsmallParagraphSpacing$1 = "1em";
 const ddsFontBodyShortXsmallParagraphSpacingNumberEm$1 = 1;
+const ddsSizeHeightInputLarge$1 = "3.8125rem";
+const ddsSizeHeightInputLargeNumberRem$1 = 3.8125; // Brukes i input og buttons
+const ddsSizeHeightInputMedium$1 = "3.125rem";
+const ddsSizeHeightInputMediumNumberRem$1 = 3.125; // Brukes i input og buttons
+const ddsSizeHeightInputSmall$1 = "2.5rem";
+const ddsSizeHeightInputSmallNumberRem$1 = 2.5; // Brukes i input og buttons
+const ddsSizeHeightInputXsmall$1 = "1.8125rem";
+const ddsSizeHeightInputXsmallNumberRem$1 = 1.8125; // Brukes i input og buttons
 
 var ddsTokensPublicLight = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -2469,7 +2514,6 @@ var ddsTokensPublicLight = /*#__PURE__*/Object.freeze({
   ddsFontLetterSpacingLoose: ddsFontLetterSpacingLoose$1,
   ddsFontLetterSpacingNormal: ddsFontLetterSpacingNormal$1,
   ddsFontLetterSpacingTight: ddsFontLetterSpacingTight$1,
-  ddsFontLineheightList: ddsFontLineheightList$1,
   ddsFontLineheightX1: ddsFontLineheightX1$1,
   ddsFontLineheightX2: ddsFontLineheightX2$1,
   ddsFontLineheightX3: ddsFontLineheightX3$1,
@@ -2477,6 +2521,8 @@ var ddsTokensPublicLight = /*#__PURE__*/Object.freeze({
   ddsFontParagraphSpacingHeadingNumberEm: ddsFontParagraphSpacingHeadingNumberEm$1,
   ddsFontParagraphSpacingLarge: ddsFontParagraphSpacingLarge$1,
   ddsFontParagraphSpacingLargeNumberEm: ddsFontParagraphSpacingLargeNumberEm$1,
+  ddsFontParagraphSpacingList: ddsFontParagraphSpacingList$1,
+  ddsFontParagraphSpacingListNumberEm: ddsFontParagraphSpacingListNumberEm$1,
   ddsFontParagraphSpacingMedium: ddsFontParagraphSpacingMedium$1,
   ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm$1,
   ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall$1,
@@ -2532,6 +2578,14 @@ var ddsTokensPublicLight = /*#__PURE__*/Object.freeze({
   ddsShadowLarge: ddsShadowLarge$1,
   ddsShadowMedium: ddsShadowMedium$1,
   ddsShadowSmall: ddsShadowSmall$1,
+  ddsSizeHeightInputLarge: ddsSizeHeightInputLarge$1,
+  ddsSizeHeightInputLargeNumberRem: ddsSizeHeightInputLargeNumberRem$1,
+  ddsSizeHeightInputMedium: ddsSizeHeightInputMedium$1,
+  ddsSizeHeightInputMediumNumberRem: ddsSizeHeightInputMediumNumberRem$1,
+  ddsSizeHeightInputSmall: ddsSizeHeightInputSmall$1,
+  ddsSizeHeightInputSmallNumberRem: ddsSizeHeightInputSmallNumberRem$1,
+  ddsSizeHeightInputXsmall: ddsSizeHeightInputXsmall$1,
+  ddsSizeHeightInputXsmallNumberRem: ddsSizeHeightInputXsmallNumberRem$1,
   ddsSizeIconComponent: ddsSizeIconComponent$1,
   ddsSizeIconComponentNumberEm: ddsSizeIconComponentNumberEm$1,
   ddsSizeIconLarge: ddsSizeIconLarge$1,
@@ -2612,7 +2666,6 @@ const ddsFontWeightBold = "600";
 const ddsFontLineheightX1 = 1.5; // Brukes på mengetekst og artikler
 const ddsFontLineheightX3 = 1.2;
 const ddsFontLineheightX2 = 1.3; // Brukes i komponenter og overskrifter
-const ddsFontLineheightList = 2; // Brukes på lister
 const ddsFontLetterSpacingTight = "-0.01em"; // Brukes på str ×2.5 og større
 const ddsFontLetterSpacingNormal = "0em"; // Brukes på str ×1 og opp til og med ×2
 const ddsFontLetterSpacingLoose = "0.01em"; // Brukes på størrelser under ×1
@@ -2622,6 +2675,8 @@ const ddsFontParagraphSpacingMedium = "0.66em";
 const ddsFontParagraphSpacingMediumNumberEm = 0.66; // Brukes på str x1.5, ×2 og ×3 
 const ddsFontParagraphSpacingLarge = "0.5em";
 const ddsFontParagraphSpacingLargeNumberEm = 0.5; // Brukes på str ×3 og større
+const ddsFontParagraphSpacingList = "0.5em";
+const ddsFontParagraphSpacingListNumberEm = 0.5; // Brukes mellom kulepunkter i lister
 const ddsFontParagraphSpacingHeading = "0.4em";
 const ddsFontParagraphSpacingHeadingNumberEm = 0.4; // Brukes på på alle headere (bottom)
 const ddsFontStyleUnderline = "underline";
@@ -3008,6 +3063,14 @@ const ddsFontBodyShortSmallParagraphSpacingNumberEm = 1;
 const ddsFontBodyShortXsmallLetterSpacing = "0.01em";
 const ddsFontBodyShortXsmallParagraphSpacing = "1em";
 const ddsFontBodyShortXsmallParagraphSpacingNumberEm = 1;
+const ddsSizeHeightInputLarge = "3.8125rem";
+const ddsSizeHeightInputLargeNumberRem = 3.8125; // Brukes i input og buttons
+const ddsSizeHeightInputMedium = "3.125rem";
+const ddsSizeHeightInputMediumNumberRem = 3.125; // Brukes i input og buttons
+const ddsSizeHeightInputSmall = "2.5rem";
+const ddsSizeHeightInputSmallNumberRem = 2.5; // Brukes i input og buttons
+const ddsSizeHeightInputXsmall = "1.8125rem";
+const ddsSizeHeightInputXsmallNumberRem = 1.8125; // Brukes i input og buttons
 
 var ddsTokensPublicDark = /*#__PURE__*/Object.freeze({
   __proto__: null,
@@ -3329,7 +3392,6 @@ var ddsTokensPublicDark = /*#__PURE__*/Object.freeze({
   ddsFontLetterSpacingLoose: ddsFontLetterSpacingLoose,
   ddsFontLetterSpacingNormal: ddsFontLetterSpacingNormal,
   ddsFontLetterSpacingTight: ddsFontLetterSpacingTight,
-  ddsFontLineheightList: ddsFontLineheightList,
   ddsFontLineheightX1: ddsFontLineheightX1,
   ddsFontLineheightX2: ddsFontLineheightX2,
   ddsFontLineheightX3: ddsFontLineheightX3,
@@ -3337,6 +3399,8 @@ var ddsTokensPublicDark = /*#__PURE__*/Object.freeze({
   ddsFontParagraphSpacingHeadingNumberEm: ddsFontParagraphSpacingHeadingNumberEm,
   ddsFontParagraphSpacingLarge: ddsFontParagraphSpacingLarge,
   ddsFontParagraphSpacingLargeNumberEm: ddsFontParagraphSpacingLargeNumberEm,
+  ddsFontParagraphSpacingList: ddsFontParagraphSpacingList,
+  ddsFontParagraphSpacingListNumberEm: ddsFontParagraphSpacingListNumberEm,
   ddsFontParagraphSpacingMedium: ddsFontParagraphSpacingMedium,
   ddsFontParagraphSpacingMediumNumberEm: ddsFontParagraphSpacingMediumNumberEm,
   ddsFontParagraphSpacingSmall: ddsFontParagraphSpacingSmall,
@@ -3392,6 +3456,14 @@ var ddsTokensPublicDark = /*#__PURE__*/Object.freeze({
   ddsShadowLarge: ddsShadowLarge,
   ddsShadowMedium: ddsShadowMedium,
   ddsShadowSmall: ddsShadowSmall,
+  ddsSizeHeightInputLarge: ddsSizeHeightInputLarge,
+  ddsSizeHeightInputLargeNumberRem: ddsSizeHeightInputLargeNumberRem,
+  ddsSizeHeightInputMedium: ddsSizeHeightInputMedium,
+  ddsSizeHeightInputMediumNumberRem: ddsSizeHeightInputMediumNumberRem,
+  ddsSizeHeightInputSmall: ddsSizeHeightInputSmall,
+  ddsSizeHeightInputSmallNumberRem: ddsSizeHeightInputSmallNumberRem,
+  ddsSizeHeightInputXsmall: ddsSizeHeightInputXsmall,
+  ddsSizeHeightInputXsmallNumberRem: ddsSizeHeightInputXsmallNumberRem,
   ddsSizeIconComponent: ddsSizeIconComponent,
   ddsSizeIconComponentNumberEm: ddsSizeIconComponentNumberEm,
   ddsSizeIconLarge: ddsSizeIconLarge,

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

@@ -31,7 +31,6 @@ export declare const ddsTokens: {
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX3: 1.2;
         ddsFontLineheightX2: 1.3;
-        ddsFontLineheightList: 2;
         ddsFontLetterSpacingTight: "-0.01em";
         ddsFontLetterSpacingNormal: "0em";
         ddsFontLetterSpacingLoose: "0.01em";
@@ -41,6 +40,8 @@ export declare const ddsTokens: {
         ddsFontParagraphSpacingMediumNumberEm: 0.66;
         ddsFontParagraphSpacingLarge: "0.5em";
         ddsFontParagraphSpacingLargeNumberEm: 0.5;
+        ddsFontParagraphSpacingList: "0.5em";
+        ddsFontParagraphSpacingListNumberEm: 0.5;
         ddsFontParagraphSpacingHeading: "0.4em";
         ddsFontParagraphSpacingHeadingNumberEm: 0.4;
         ddsFontStyleUnderline: "underline";
@@ -427,6 +428,14 @@ export declare const ddsTokens: {
         ddsFontBodyShortXsmallLetterSpacing: "0.01em";
         ddsFontBodyShortXsmallParagraphSpacing: "1em";
         ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1;
+        ddsSizeHeightInputLarge: "3.625rem";
+        ddsSizeHeightInputLargeNumberRem: 3.625;
+        ddsSizeHeightInputMedium: "3rem";
+        ddsSizeHeightInputMediumNumberRem: 3;
+        ddsSizeHeightInputSmall: "2.187rem";
+        ddsSizeHeightInputSmallNumberRem: 2.187;
+        ddsSizeHeightInputXsmall: "1.5625rem";
+        ddsSizeHeightInputXsmallNumberRem: 1.5625;
     };
     'core-dark': {
         ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
@@ -460,7 +469,6 @@ export declare const ddsTokens: {
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX3: 1.2;
         ddsFontLineheightX2: 1.3;
-        ddsFontLineheightList: 2;
         ddsFontLetterSpacingTight: "-0.01em";
         ddsFontLetterSpacingNormal: "0em";
         ddsFontLetterSpacingLoose: "0.01em";
@@ -470,6 +478,8 @@ export declare const ddsTokens: {
         ddsFontParagraphSpacingMediumNumberEm: 0.66;
         ddsFontParagraphSpacingLarge: "0.5em";
         ddsFontParagraphSpacingLargeNumberEm: 0.5;
+        ddsFontParagraphSpacingList: "0.5em";
+        ddsFontParagraphSpacingListNumberEm: 0.5;
         ddsFontParagraphSpacingHeading: "0.4em";
         ddsFontParagraphSpacingHeadingNumberEm: 0.4;
         ddsFontStyleUnderline: "underline";
@@ -856,6 +866,14 @@ export declare const ddsTokens: {
         ddsFontBodyShortXsmallLetterSpacing: "0.01em";
         ddsFontBodyShortXsmallParagraphSpacing: "1em";
         ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1;
+        ddsSizeHeightInputLarge: "3.625rem";
+        ddsSizeHeightInputLargeNumberRem: 3.625;
+        ddsSizeHeightInputMedium: "3rem";
+        ddsSizeHeightInputMediumNumberRem: 3;
+        ddsSizeHeightInputSmall: "2.187rem";
+        ddsSizeHeightInputSmallNumberRem: 2.187;
+        ddsSizeHeightInputXsmall: "1.5625rem";
+        ddsSizeHeightInputXsmallNumberRem: 1.5625;
     };
     'public-light': {
         ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
@@ -889,7 +907,6 @@ export declare const ddsTokens: {
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX3: 1.2;
         ddsFontLineheightX2: 1.3;
-        ddsFontLineheightList: 2;
         ddsFontLetterSpacingTight: "-0.01em";
         ddsFontLetterSpacingNormal: "0em";
         ddsFontLetterSpacingLoose: "0.01em";
@@ -899,6 +916,8 @@ export declare const ddsTokens: {
         ddsFontParagraphSpacingMediumNumberEm: 0.66;
         ddsFontParagraphSpacingLarge: "0.5em";
         ddsFontParagraphSpacingLargeNumberEm: 0.5;
+        ddsFontParagraphSpacingList: "0.5em";
+        ddsFontParagraphSpacingListNumberEm: 0.5;
         ddsFontParagraphSpacingHeading: "0.4em";
         ddsFontParagraphSpacingHeadingNumberEm: 0.4;
         ddsFontStyleUnderline: "underline";
@@ -1285,6 +1304,14 @@ export declare const ddsTokens: {
         ddsFontBodyShortXsmallLetterSpacing: "0.01em";
         ddsFontBodyShortXsmallParagraphSpacing: "1em";
         ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1;
+        ddsSizeHeightInputLarge: "3.8125rem";
+        ddsSizeHeightInputLargeNumberRem: 3.8125;
+        ddsSizeHeightInputMedium: "3.125rem";
+        ddsSizeHeightInputMediumNumberRem: 3.125;
+        ddsSizeHeightInputSmall: "2.5rem";
+        ddsSizeHeightInputSmallNumberRem: 2.5;
+        ddsSizeHeightInputXsmall: "1.8125rem";
+        ddsSizeHeightInputXsmallNumberRem: 1.8125;
     };
     'public-dark': {
         ddsFontFamilySans: "'IBM Plex Sans', Arial, sans-serif";
@@ -1318,7 +1345,6 @@ export declare const ddsTokens: {
         ddsFontLineheightX1: 1.5;
         ddsFontLineheightX3: 1.2;
         ddsFontLineheightX2: 1.3;
-        ddsFontLineheightList: 2;
         ddsFontLetterSpacingTight: "-0.01em";
         ddsFontLetterSpacingNormal: "0em";
         ddsFontLetterSpacingLoose: "0.01em";
@@ -1328,6 +1354,8 @@ export declare const ddsTokens: {
         ddsFontParagraphSpacingMediumNumberEm: 0.66;
         ddsFontParagraphSpacingLarge: "0.5em";
         ddsFontParagraphSpacingLargeNumberEm: 0.5;
+        ddsFontParagraphSpacingList: "0.5em";
+        ddsFontParagraphSpacingListNumberEm: 0.5;
         ddsFontParagraphSpacingHeading: "0.4em";
         ddsFontParagraphSpacingHeadingNumberEm: 0.4;
         ddsFontStyleUnderline: "underline";
@@ -1714,5 +1742,13 @@ export declare const ddsTokens: {
         ddsFontBodyShortXsmallLetterSpacing: "0.01em";
         ddsFontBodyShortXsmallParagraphSpacing: "1em";
         ddsFontBodyShortXsmallParagraphSpacingNumberEm: 1;
+        ddsSizeHeightInputLarge: "3.8125rem";
+        ddsSizeHeightInputLargeNumberRem: 3.8125;
+        ddsSizeHeightInputMedium: "3.125rem";
+        ddsSizeHeightInputMediumNumberRem: 3.125;
+        ddsSizeHeightInputSmall: "2.5rem";
+        ddsSizeHeightInputSmallNumberRem: 2.5;
+        ddsSizeHeightInputXsmall: "1.8125rem";
+        ddsSizeHeightInputXsmallNumberRem: 1.8125;
     };
 };

package/dist/css/ddsTokens-core-dark.css

@@ -23,13 +23,13 @@
   --dds-font-lineheight-x1: 1.5; /* Brukes på mengetekst og artikler */
   --dds-font-lineheight-x3: 1.2;
   --dds-font-lineheight-x2: 1.3; /* Brukes i komponenter og overskrifter */
-  --dds-font-lineheight-list: 2; /* Brukes på lister */
   --dds-font-letter-spacing-tight: -0.01em; /* Brukes på str ×2.5 og større */
   --dds-font-letter-spacing-normal: 0em; /* Brukes på str ×1 og opp til og med ×2 */
   --dds-font-letter-spacing-loose: 0.01em; /* Brukes på størrelser under ×1 */
   --dds-font-paragraph-spacing-small: 1em; /* Brukes på str ×1_25 og mindre  */
   --dds-font-paragraph-spacing-medium: 0.66em; /* Brukes på str x1.5, ×2 og ×3  */
   --dds-font-paragraph-spacing-large: 0.5em; /* Brukes på str ×3 og større */
+  --dds-font-paragraph-spacing-list: 0.5em; /* Brukes mellom kulepunkter i lister */
   --dds-font-paragraph-spacing-heading: 0.4em; /* Brukes på på alle headere (bottom) */
   --dds-font-style-underline: underline;
   --dds-font-style-normal: none;
@@ -364,4 +364,8 @@
   --dds-font-body-short-small-paragraph-spacing: 1em;
   --dds-font-body-short-xsmall-letter-spacing: 0.01em;
   --dds-font-body-short-xsmall-paragraph-spacing: 1em;
+  --dds-size-height-input-large: 3.625rem; /* Brukes i input og buttons */
+  --dds-size-height-input-medium: 3rem; /* Brukes i input og buttons */
+  --dds-size-height-input-small: 2.187rem; /* Brukes i input og buttons */
+  --dds-size-height-input-xsmall: 1.5625rem; /* Brukes i input og buttons */
 }

package/dist/css/ddsTokens-core-light.css

@@ -23,13 +23,13 @@
   --dds-font-lineheight-x1: 1.5; /* Brukes på mengetekst og artikler */
   --dds-font-lineheight-x3: 1.2;
   --dds-font-lineheight-x2: 1.3; /* Brukes i komponenter og overskrifter */
-  --dds-font-lineheight-list: 2; /* Brukes på lister */
   --dds-font-letter-spacing-tight: -0.01em; /* Brukes på str ×2.5 og større */
   --dds-font-letter-spacing-normal: 0em; /* Brukes på str ×1 og opp til og med ×2 */
   --dds-font-letter-spacing-loose: 0.01em; /* Brukes på størrelser under ×1 */
   --dds-font-paragraph-spacing-small: 1em; /* Brukes på str ×1_25 og mindre  */
   --dds-font-paragraph-spacing-medium: 0.66em; /* Brukes på str x1.5, ×2 og ×3  */
   --dds-font-paragraph-spacing-large: 0.5em; /* Brukes på str ×3 og større */
+  --dds-font-paragraph-spacing-list: 0.5em; /* Brukes mellom kulepunkter i lister */
   --dds-font-paragraph-spacing-heading: 0.4em; /* Brukes på på alle headere (bottom) */
   --dds-font-style-underline: underline;
   --dds-font-style-normal: none;
@@ -364,4 +364,8 @@
   --dds-font-body-short-small-paragraph-spacing: 1em;
   --dds-font-body-short-xsmall-letter-spacing: 0.01em;
   --dds-font-body-short-xsmall-paragraph-spacing: 1em;
+  --dds-size-height-input-large: 3.625rem; /* Brukes i input og buttons */
+  --dds-size-height-input-medium: 3rem; /* Brukes i input og buttons */
+  --dds-size-height-input-small: 2.187rem; /* Brukes i input og buttons */
+  --dds-size-height-input-xsmall: 1.5625rem; /* Brukes i input og buttons */
 }

package/dist/css/ddsTokens-public-dark.css

@@ -23,13 +23,13 @@
   --dds-font-lineheight-x1: 1.5; /* Brukes på mengetekst og artikler */
   --dds-font-lineheight-x3: 1.2;
   --dds-font-lineheight-x2: 1.3; /* Brukes i komponenter og overskrifter */
-  --dds-font-lineheight-list: 2; /* Brukes på lister */
   --dds-font-letter-spacing-tight: -0.01em; /* Brukes på str ×2.5 og større */
   --dds-font-letter-spacing-normal: 0em; /* Brukes på str ×1 og opp til og med ×2 */
   --dds-font-letter-spacing-loose: 0.01em; /* Brukes på størrelser under ×1 */
   --dds-font-paragraph-spacing-small: 1em; /* Brukes på str ×1_25 og mindre  */
   --dds-font-paragraph-spacing-medium: 0.66em; /* Brukes på str x1.5, ×2 og ×3  */
   --dds-font-paragraph-spacing-large: 0.5em; /* Brukes på str ×3 og større */
+  --dds-font-paragraph-spacing-list: 0.5em; /* Brukes mellom kulepunkter i lister */
   --dds-font-paragraph-spacing-heading: 0.4em; /* Brukes på på alle headere (bottom) */
   --dds-font-style-underline: underline;
   --dds-font-style-normal: none;
@@ -364,4 +364,8 @@
   --dds-font-body-short-small-paragraph-spacing: 1em;
   --dds-font-body-short-xsmall-letter-spacing: 0.01em;
   --dds-font-body-short-xsmall-paragraph-spacing: 1em;
+  --dds-size-height-input-large: 3.8125rem; /* Brukes i input og buttons */
+  --dds-size-height-input-medium: 3.125rem; /* Brukes i input og buttons */
+  --dds-size-height-input-small: 2.5rem; /* Brukes i input og buttons */
+  --dds-size-height-input-xsmall: 1.8125rem; /* Brukes i input og buttons */
 }