@norges-domstoler/dds-design-tokens 3.0.2 → 4.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2022 Norges domstoler
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -27,7 +27,7 @@ Referanse-tokens (OBS! under arbeid) bruker base-tokens til å definere logikk f
 ## 📦 Installasjon
 
 ```sh
-npm install @norges-domstoler/dds-design-tokens
+pnpm add @norges-domstoler/dds-design-tokens
 ```
 
 ## 🔨 Bruk
@@ -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;
@@ -83,7 +83,7 @@ Klon repoet og installer style-dictionary i `/tokens/dds`:
 
 ```
 cd tokens/dds
-npm install -D style-dictionary
+pnpm add -D style-dictionary
 ```
 
 ### Generere design tokens i kode
@@ -91,11 +91,11 @@ npm install -D style-dictionary
 Biblioteket bruker [Style-dictionary](https://amzn.github.io/style-dictionary) for å generere design tokens som 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`:
 
 ```
-npm run build-tokens
+pnpm build-tokens
 ```
 
 Genererte variabler ligger i `/dds/build` organisert etter plattform.
 
 ### Build
 
-Det brukes custom build for generering av variabler, den ligger i `/dds/build.js`. I tillegg spesifiserer `/dds/config.json` hva output skal være og mappestruktur for den etter `npm run build-tokens` kjøres.
+Det brukes custom build for generering av variabler, den ligger i `/dds/build.js`. I tillegg spesifiserer `/dds/config.json` hva output skal være og mappestruktur for den etter `pnpm build-tokens` kjøres.

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";

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 Wed, 10 Jan 2024 13:04:31 GMT
  */
 export declare const DdsColorPrimaryLightest = "rgba(234, 239, 244, 1)";
 export declare const DdsColorPrimaryLighter = "rgba(172, 187, 198, 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";
@@ -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";