@norges-domstoler/dds-design-tokens 3.0.3 → 4.0.1

package/README.md

@@ -37,26 +37,26 @@ Design tokens er eksportert som JS-konstanter, CSS-variabler og SCSS-variabler.
 ### JS
 
 ```js
-import * as React from "react";
-import { render } from "react-dom";
-import { ddsBaseTokens } from "@norges-domstoler/dds-design-tokens";
+import * as React from 'react';
+import { render } from 'react-dom';
+import { ddsBaseTokens } from '@norges-domstoler/dds-design-tokens';
 
 const { colors: Colors, spacing: Spacing } = ddsBaseTokens;
 
 const style = {
   backgroundColor: Colors.DdsColorPrimaryBase,
-  padding: Spacing.SizesDdsSpacingLocalX075,
+  padding: Spacing.SizesDdsSpacingX075,
 };
 
 const App = () => <div style={style}>Tekst</div>;
 
-render(<App />, document.getElementById("root"));
+render(<App />, document.getElementById('root'));
 ```
 
 ### CSS
 
 ```css
-@import "@norges-domstoler/dds-design-tokens/dist/css/colors.css";
+@import '@norges-domstoler/dds-design-tokens/dist/css/colors.css';
 
 body {
   background-color: var(--dds-color-primary-base);
@@ -66,7 +66,7 @@ body {
 ### SCSS
 
 ```scss
-@use "@norges-domstoler/dds-design-tokens/dist/scss/colors" as colors;
+@use '@norges-domstoler/dds-design-tokens/dist/scss/colors' as colors;
 
 body {
   background-color: colors.$dds-color-primary-base;

package/dist/cjs/dds/build/js/border.d.ts

@@ -1,7 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Thu, 22 Sep 2022 09:11:12 GMT
- */
 export declare const BordersDdsBorderFocusBaseStrokeAlign = "inside";
 export declare const BordersDdsBorderFocusBaseStrokeMiterLimit = 4;
 export declare const BordersDdsBorderFocusBaseStrokeWeight = "1px";
@@ -16,7 +12,7 @@ export declare const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
 export declare const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
 export declare const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
 export declare const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
-export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(46, 120, 170, 1)";
+export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
 export declare const BordersDdsBorderFocusCardStrokeAlign = "outside";
 export declare const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
 export declare const BordersDdsBorderFocusCardStrokeWeight = "2px";

package/dist/cjs/dds/build/js/borderRadius.d.ts

@@ -1,7 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Thu, 22 Sep 2022 09:11:12 GMT
- */
 export declare const RadiiDdsBorderRadius1Radius = "2px";
 export declare const RadiiDdsBorderRadius1RadiusNumberPx = 2;
 export declare const RadiiDdsBorderRadius1RadiiTopLeft = "2px";

package/dist/cjs/dds/build/js/breakpoints.d.ts

@@ -1,7 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Thu, 22 Sep 2022 09:11:12 GMT
- */
 export declare const DdsBreakpointXs = "1px";
 export declare const DdsBreakpointXsNumberPx = 1;
 export declare const DdsBreakpointSm = "600px";

package/dist/cjs/dds/build/js/colors.d.ts

@@ -1,6 +1,6 @@
 /**
  * Do not edit directly
- * Generated on Thu, 22 Sep 2022 09:11:12 GMT
+ * Generated on Mon, 22 Jan 2024 11:05:28 GMT
  */
 export declare const DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
 export declare const DdsColorPrimaryLighter = "rgba(172, 187, 198, 1)";
@@ -19,13 +19,13 @@ export declare const DdsColorNeutralsGray6 = "rgba(84, 92, 98, 1)";
 export declare const DdsColorNeutralsGray7 = "rgba(58, 65, 70, 1)";
 export declare const DdsColorNeutralsGray8 = "rgba(34, 39, 42, 1)";
 export declare const DdsColorNeutralsGray9 = "rgba(11, 13, 14, 1)";
-export declare const DdsColorInteractiveLightest = "rgba(234, 242, 247, 1)";
-export declare const DdsColorInteractiveLighter = "rgba(171, 201, 221, 1)";
-export declare const DdsColorInteractiveLight = "rgba(109, 161, 196, 1)";
-export declare const DdsColorInteractiveBase = "rgba(46, 120, 170, 1)";
-export declare const DdsColorInteractiveDark = "rgba(37, 96, 136, 1)";
-export declare const DdsColorInteractiveDarker = "rgba(28, 72, 102, 1)";
-export declare const DdsColorInteractiveDarkest = "rgba(18, 48, 68, 1)";
+export declare const DdsColorInteractiveLightest = "rgba(231, 241, 247, 1)";
+export declare const DdsColorInteractiveLighter = "rgba(159, 197, 222, 1)";
+export declare const DdsColorInteractiveLight = "rgba(88, 154, 198, 1)";
+export declare const DdsColorInteractiveBase = "rgba(16, 110, 173, 1)";
+export declare const DdsColorInteractiveDark = "rgba(13, 88, 138, 1)";
+export declare const DdsColorInteractiveDarker = "rgba(10, 66, 104, 1)";
+export declare const DdsColorInteractiveDarkest = "rgba(6, 44, 69, 1)";
 export declare const DdsColorSecondaryLightest = "rgba(230, 237, 237, 1)";
 export declare const DdsColorSecondaryLighter = "rgba(205, 219, 219, 1)";
 export declare const DdsColorSecondaryLight = "rgba(184, 205, 205, 1)";

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

@@ -1,7 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Thu, 22 Sep 2022 09:11:12 GMT
- */
 export declare const DdsBreakpointXs = "1px";
 export declare const DdsBreakpointXsNumberPx = 1;
 export declare const DdsBreakpointSm = "600px";
@@ -29,13 +25,13 @@ export declare const DdsColorNeutralsGray6 = "rgba(84, 92, 98, 1)";
 export declare const DdsColorNeutralsGray7 = "rgba(58, 65, 70, 1)";
 export declare const DdsColorNeutralsGray8 = "rgba(34, 39, 42, 1)";
 export declare const DdsColorNeutralsGray9 = "rgba(11, 13, 14, 1)";
-export declare const DdsColorInteractiveLightest = "rgba(234, 242, 247, 1)";
-export declare const DdsColorInteractiveLighter = "rgba(171, 201, 221, 1)";
-export declare const DdsColorInteractiveLight = "rgba(109, 161, 196, 1)";
-export declare const DdsColorInteractiveBase = "rgba(46, 120, 170, 1)";
-export declare const DdsColorInteractiveDark = "rgba(37, 96, 136, 1)";
-export declare const DdsColorInteractiveDarker = "rgba(28, 72, 102, 1)";
-export declare const DdsColorInteractiveDarkest = "rgba(18, 48, 68, 1)";
+export declare const DdsColorInteractiveLightest = "rgba(231, 241, 247, 1)";
+export declare const DdsColorInteractiveLighter = "rgba(159, 197, 222, 1)";
+export declare const DdsColorInteractiveLight = "rgba(88, 154, 198, 1)";
+export declare const DdsColorInteractiveBase = "rgba(16, 110, 173, 1)";
+export declare const DdsColorInteractiveDark = "rgba(13, 88, 138, 1)";
+export declare const DdsColorInteractiveDarker = "rgba(10, 66, 104, 1)";
+export declare const DdsColorInteractiveDarkest = "rgba(6, 44, 69, 1)";
 export declare const DdsColorSecondaryLightest = "rgba(230, 237, 237, 1)";
 export declare const DdsColorSecondaryLighter = "rgba(205, 219, 219, 1)";
 export declare const DdsColorSecondaryLight = "rgba(184, 205, 205, 1)";
@@ -442,7 +438,7 @@ export declare const BordersDdsBorderFocusInputfieldStrokeAlign = "inside";
 export declare const BordersDdsBorderFocusInputfieldStrokeMiterLimit = 4;
 export declare const BordersDdsBorderFocusInputfieldStrokeWeight = "2px";
 export declare const BordersDdsBorderFocusInputfieldStrokeWeightNumberPx = 2;
-export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(46, 120, 170, 1)";
+export declare const BordersDdsBorderFocusInputfieldStroke = "rgba(16, 110, 173, 1)";
 export declare const BordersDdsBorderFocusCardStrokeAlign = "outside";
 export declare const BordersDdsBorderFocusCardStrokeMiterLimit = 4;
 export declare const BordersDdsBorderFocusCardStrokeWeight = "2px";
@@ -541,35 +537,27 @@ export declare const DdsIconsizeLarge = "40px";
 export declare const DdsIconsizeLargeNumberPx = 40;
 export declare const DdsIconsizeSmall = "16px";
 export declare const DdsIconsizeSmallNumberPx = 16;
-export declare const SizesDdsSpacingLocalX3 = "48px";
-export declare const SizesDdsSpacingLocalX3NumberPx = 48;
-export declare const SizesDdsSpacingLocalX25 = "40px";
-export declare const SizesDdsSpacingLocalX25NumberPx = 40;
-export declare const SizesDdsSpacingLocalX2 = "32px";
-export declare const SizesDdsSpacingLocalX2NumberPx = 32;
-export declare const SizesDdsSpacingLocalX15 = "24px";
-export declare const SizesDdsSpacingLocalX15NumberPx = 24;
-export declare const SizesDdsSpacingLocalX1 = "16px";
-export declare const SizesDdsSpacingLocalX1NumberPx = 16;
-export declare const SizesDdsSpacingLocalX075 = "12px";
-export declare const SizesDdsSpacingLocalX075NumberPx = 12;
-export declare const SizesDdsSpacingLocalX05 = "8px";
-export declare const SizesDdsSpacingLocalX05NumberPx = 8;
-export declare const SizesDdsSpacingLocalX025 = "4px";
-export declare const SizesDdsSpacingLocalX025NumberPx = 4;
-export declare const SizesDdsSpacingLocalX0125 = "2px";
-export declare const SizesDdsSpacingLocalX0125NumberPx = 2;
-export declare const SizesDdsSpacingLayoutX10 = "160px";
-export declare const SizesDdsSpacingLayoutX10NumberPx = 160;
-export declare const SizesDdsSpacingLayoutX6 = "96px";
-export declare const SizesDdsSpacingLayoutX6NumberPx = 96;
-export declare const SizesDdsSpacingLayoutX4 = "64px";
-export declare const SizesDdsSpacingLayoutX4NumberPx = 64;
-export declare const SizesDdsSpacingLayoutX3 = "48px";
-export declare const SizesDdsSpacingLayoutX3NumberPx = 48;
-export declare const SizesDdsSpacingLayoutX2 = "32px";
-export declare const SizesDdsSpacingLayoutX2NumberPx = 32;
-export declare const SizesDdsSpacingLayoutX15 = "24px";
-export declare const SizesDdsSpacingLayoutX15NumberPx = 24;
-export declare const SizesDdsSpacingLayoutX1 = "16px";
-export declare const SizesDdsSpacingLayoutX1NumberPx = 16;
+export declare const SizesDdsSpacingX3 = "48px";
+export declare const SizesDdsSpacingX3NumberPx = 48;
+export declare const SizesDdsSpacingX25 = "40px";
+export declare const SizesDdsSpacingX25NumberPx = 40;
+export declare const SizesDdsSpacingX2 = "32px";
+export declare const SizesDdsSpacingX2NumberPx = 32;
+export declare const SizesDdsSpacingX10 = "160px";
+export declare const SizesDdsSpacingX10NumberPx = 160;
+export declare const SizesDdsSpacingX15 = "24px";
+export declare const SizesDdsSpacingX15NumberPx = 24;
+export declare const SizesDdsSpacingX6 = "96px";
+export declare const SizesDdsSpacingX6NumberPx = 96;
+export declare const SizesDdsSpacingX1 = "16px";
+export declare const SizesDdsSpacingX1NumberPx = 16;
+export declare const SizesDdsSpacingX4 = "64px";
+export declare const SizesDdsSpacingX4NumberPx = 64;
+export declare const SizesDdsSpacingX075 = "12px";
+export declare const SizesDdsSpacingX075NumberPx = 12;
+export declare const SizesDdsSpacingX05 = "8px";
+export declare const SizesDdsSpacingX05NumberPx = 8;
+export declare const SizesDdsSpacingX025 = "4px";
+export declare const SizesDdsSpacingX025NumberPx = 4;
+export declare const SizesDdsSpacingX0125 = "2px";
+export declare const SizesDdsSpacingX0125NumberPx = 2;

package/dist/cjs/dds/build/js/font.d.ts

@@ -1,7 +1,3 @@
-/**
- * Do not edit directly
- * Generated on Thu, 22 Sep 2022 09:11:12 GMT
- */
 export declare const DdsFontHeadingSans01FontSize = "16px";
 export declare const DdsFontHeadingSans01FontSizeNumberPx = 16;
 export declare const DdsFontHeadingSans01TextDecoration = "none";