@navikt/ds-tokens 0.9.7 → 1.0.0-rc.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (8) hide show
  1. package/README.md +41 -0
  2. package/dist/tokens-cjs.js +2 -2
  3. package/dist/tokens.css +2 -2
  4. package/dist/tokens.js +2 -2
  5. package/dist/tokens.less +2 -2
  6. package/dist/tokens.scss +2 -2
  7. package/package.json +2 -2
  8. package/src/shadow.json +1 -1
package/README.md ADDED
@@ -0,0 +1,41 @@
1
+ # NAV tokens
2
+
3
+ Design-tokens used when implementing @navikt/ds-css. This package is consumed by @navikt/ds-css at buildtime, so not needed separately for regular use of css-variables.
4
+
5
+ Formats
6
+
7
+ - CSS-variables <- @navikt/ds-css uses this
8
+ - Commonjs
9
+ - ESM
10
+ - Less
11
+ - Scss
12
+
13
+ ## Installation
14
+
15
+ Install `@navikt/ds-tokens` with yarn
16
+
17
+ ```bash
18
+ yarn add @navikt/ds-tokens
19
+ ```
20
+
21
+ Install `@navikt/ds-tokens` with npm
22
+
23
+ ```bash
24
+ npm install @navikt/ds-tokens
25
+ ```
26
+
27
+ ## Usage
28
+
29
+ ```css
30
+ color: var(--navds-global-color-gray-900);
31
+ backgroundcolor: var(--navds-global-color-gray-50);
32
+ ```
33
+
34
+ ## Learn more
35
+
36
+ - [Designsystem documentation](https://aksel.nav.no/designsystem)
37
+ - [Storybook](https://master--5f801fb2aea7820022de2936.chromatic.com/)
38
+
39
+ ## License
40
+
41
+ [MIT](https://github.com/navikt/Designsystemet/blob/master/LICENCE)
package/dist/tokens-cjs.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 29 Jun 2022 09:43:28 GMT
3
+ * Generated on Wed, 20 Jul 2022 11:14:44 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
@@ -166,7 +166,7 @@ module.exports = {
166
166
  "NavdsSemanticColorTextMuted": "rgba(112, 112, 112, 1)",
167
167
  "NavdsSemanticColorText": "rgba(38, 38, 38, 1)",
168
168
  "NavdsShadowXsmall": "0 1px 2px 0 rgba(0, 0, 0, 0.12)",
169
- "NavdsShadowSmall": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10)",
169
+ "NavdsShadowSmall": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1)",
170
170
  "NavdsShadowMedium": "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)",
171
171
  "NavdsShadowLarge": "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)",
172
172
  "NavdsShadowXlarge": "0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)",
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 29 Jun 2022 09:43:28 GMT
3
+ * Generated on Wed, 20 Jul 2022 11:14:44 GMT
4
4
  */
5
5
 
6
6
  :root {
@@ -25,7 +25,7 @@
25
25
  --navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
26
26
  --navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
27
27
  --navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
28
- --navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
28
+ --navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
29
29
  --navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
30
30
  --navds-global-color-white: rgba(255, 255, 255, 1);
31
31
  --navds-global-color-transparent: rgba(255, 255, 255, 0);
package/dist/tokens.js CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 29 Jun 2022 09:43:28 GMT
3
+ * Generated on Wed, 20 Jul 2022 11:14:44 GMT
4
4
  */
5
5
 
6
6
  export const NavdsFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
@@ -165,7 +165,7 @@ export const NavdsSemanticColorTextInverted = "rgba(255, 255, 255, 1)";
165
165
  export const NavdsSemanticColorTextMuted = "rgba(112, 112, 112, 1)";
166
166
  export const NavdsSemanticColorText = "rgba(38, 38, 38, 1)";
167
167
  export const NavdsShadowXsmall = "0 1px 2px 0 rgba(0, 0, 0, 0.12)";
168
- export const NavdsShadowSmall = "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10)";
168
+ export const NavdsShadowSmall = "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1)";
169
169
  export const NavdsShadowMedium = "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)";
170
170
  export const NavdsShadowLarge = "0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1)";
171
171
  export const NavdsShadowXlarge = "0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1)";
package/dist/tokens.less CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 29 Jun 2022 09:43:28 GMT
3
+ // Generated on Wed, 20 Jul 2022 11:14:44 GMT
4
4
 
5
5
  @navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  @navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -164,7 +164,7 @@
164
164
  @navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
165
165
  @navds-semantic-color-text: rgba(38, 38, 38, 1);
166
166
  @navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
167
- @navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
167
+ @navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
168
168
  @navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
169
169
  @navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
170
170
  @navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
package/dist/tokens.scss CHANGED
@@ -1,6 +1,6 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 29 Jun 2022 09:43:28 GMT
3
+ // Generated on Wed, 20 Jul 2022 11:14:44 GMT
4
4
 
5
5
  $navds-font-family: "Source Sans Pro", Arial, sans-serif;
6
6
  $navds-font-line-height-heading-2xlarge: 3.25rem;
@@ -164,7 +164,7 @@ $navds-semantic-color-text-inverted: rgba(255, 255, 255, 1);
164
164
  $navds-semantic-color-text-muted: rgba(112, 112, 112, 1);
165
165
  $navds-semantic-color-text: rgba(38, 38, 38, 1);
166
166
  $navds-shadow-xsmall: 0 1px 2px 0 rgba(0, 0, 0, 0.12);
167
- $navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10);
167
+ $navds-shadow-small: 0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1);
168
168
  $navds-shadow-medium: 0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1);
169
169
  $navds-shadow-large: 0 4px 6px -4px rgba(0, 0, 0, 0.1), 0 10px 15px -3px rgba(0, 0, 0, 0.1);
170
170
  $navds-shadow-xlarge: 0 8px 10px -6px rgba(0, 0, 0, 0.1), 0 25px 50px -5px rgba(0, 0, 0, 0.1);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "0.9.7",
3
+ "version": "1.0.0-rc.3",
4
4
  "description": "Auto-generated design-tokens for NAV design-systems framework",
5
5
  "author": "NAV Designsystem team",
6
6
  "keywords": [
@@ -43,5 +43,5 @@
43
43
  "ts-node": "^10.3.0",
44
44
  "typescript": "^4.7.2"
45
45
  },
46
- "gitHead": "7596f3f5dc4c6d9faf919a06e7aa1408a6c98524"
46
+ "gitHead": "5f1ca61501702ef012555e1eeb765a64eb40d175"
47
47
  }
package/src/shadow.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "value": "0 1px 2px 0 rgba(0, 0, 0, 0.12)"
6
6
  },
7
7
  "small": {
8
- "value": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.10)"
8
+ "value": "0 1px 2px -1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.1)"
9
9
  },
10
10
  "medium": {
11
11
  "value": "0 2px 4px -2px rgba(0, 0, 0, 0.1), 0 4px 6px -1px rgba(0, 0, 0, 0.1)"