@navikt/ds-tokens 2.4.3 → 2.5.0

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 (9) hide show
  1. package/dist/tokens-cjs.js +10 -1
  2. package/dist/tokens.css +10 -1
  3. package/dist/tokens.d.ts +10 -1
  4. package/dist/tokens.js +10 -1
  5. package/dist/tokens.less +10 -1
  6. package/dist/tokens.scss +10 -1
  7. package/docs.json +43 -0
  8. package/package.json +1 -1
  9. package/src/index.js +11 -0
package/dist/tokens-cjs.js CHANGED
@@ -1,9 +1,18 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 01 Mar 2023 12:39:21 GMT
3
+ * Generated on Wed, 01 Mar 2023 17:09:07 GMT
4
4
  */
5
5
 
6
6
  module.exports = {
7
+ "ABreakpointXs": "0",
8
+ "ABreakpointSm": "480px",
9
+ "ABreakpointSmDown": "479px",
10
+ "ABreakpointMd": "768px",
11
+ "ABreakpointMdDown": "767px",
12
+ "ABreakpointLg": "1024px",
13
+ "ABreakpointLgDown": "1023px",
14
+ "ABreakpointXl": "1280px",
15
+ "ABreakpointXlDown": "1279px",
7
16
  "AFontFamily": "\"Source Sans Pro\", Arial, sans-serif",
8
17
  "AFontLineHeightHeading2xlarge": "3.25rem",
9
18
  "AFontLineHeightHeadingXlarge": "2.5rem",
package/dist/tokens.css CHANGED
@@ -1,6 +1,6 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 01 Mar 2023 12:39:21 GMT
3
+ * Generated on Wed, 01 Mar 2023 17:09:07 GMT
4
4
  */
5
5
 
6
6
  :root, :host {
@@ -163,6 +163,15 @@
163
163
  --a-font-line-height-heading-xlarge: 2.5rem;
164
164
  --a-font-line-height-heading-2xlarge: 3.25rem;
165
165
  --a-font-family: "Source Sans Pro", Arial, sans-serif;
166
+ --a-breakpoint-xl-down: 1279px;
167
+ --a-breakpoint-xl: 1280px;
168
+ --a-breakpoint-lg-down: 1023px;
169
+ --a-breakpoint-lg: 1024px;
170
+ --a-breakpoint-md-down: 767px;
171
+ --a-breakpoint-md: 768px;
172
+ --a-breakpoint-sm-down: 479px;
173
+ --a-breakpoint-sm: 480px;
174
+ --a-breakpoint-xs: 0;
166
175
  --a-icon-on-info: var(--a-gray-900);
167
176
  --a-icon-on-warning: var(--a-gray-900);
168
177
  --a-icon-on-danger: var(--a-white);
package/dist/tokens.d.ts CHANGED
@@ -1,8 +1,17 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 01 Mar 2023 12:39:21 GMT
3
+ * Generated on Wed, 01 Mar 2023 17:09:07 GMT
4
4
  */
5
5
 
6
+ export const ABreakpointXs : string;
7
+ export const ABreakpointSm : string;
8
+ export const ABreakpointSmDown : string;
9
+ export const ABreakpointMd : string;
10
+ export const ABreakpointMdDown : string;
11
+ export const ABreakpointLg : string;
12
+ export const ABreakpointLgDown : string;
13
+ export const ABreakpointXl : string;
14
+ export const ABreakpointXlDown : string;
6
15
  export const AFontFamily : string;
7
16
  export const AFontLineHeightHeading2xlarge : string;
8
17
  export const AFontLineHeightHeadingXlarge : string;
package/dist/tokens.js CHANGED
@@ -1,8 +1,17 @@
1
1
  /**
2
2
  * Do not edit directly
3
- * Generated on Wed, 01 Mar 2023 12:39:21 GMT
3
+ * Generated on Wed, 01 Mar 2023 17:09:07 GMT
4
4
  */
5
5
 
6
+ export const ABreakpointXs = "0";
7
+ export const ABreakpointSm = "480px";
8
+ export const ABreakpointSmDown = "479px";
9
+ export const ABreakpointMd = "768px";
10
+ export const ABreakpointMdDown = "767px";
11
+ export const ABreakpointLg = "1024px";
12
+ export const ABreakpointLgDown = "1023px";
13
+ export const ABreakpointXl = "1280px";
14
+ export const ABreakpointXlDown = "1279px";
6
15
  export const AFontFamily = "\"Source Sans Pro\", Arial, sans-serif";
7
16
  export const AFontLineHeightHeading2xlarge = "3.25rem";
8
17
  export const AFontLineHeightHeadingXlarge = "2.5rem";
package/dist/tokens.less CHANGED
@@ -1,7 +1,16 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 01 Mar 2023 12:39:21 GMT
3
+ // Generated on Wed, 01 Mar 2023 17:09:07 GMT
4
4
 
5
+ @a-breakpoint-xs: 0;
6
+ @a-breakpoint-sm: 480px;
7
+ @a-breakpoint-sm-down: 479px;
8
+ @a-breakpoint-md: 768px;
9
+ @a-breakpoint-md-down: 767px;
10
+ @a-breakpoint-lg: 1024px;
11
+ @a-breakpoint-lg-down: 1023px;
12
+ @a-breakpoint-xl: 1280px;
13
+ @a-breakpoint-xl-down: 1279px;
5
14
  @a-font-family: "Source Sans Pro", Arial, sans-serif;
6
15
  @a-font-line-height-heading-2xlarge: 3.25rem;
7
16
  @a-font-line-height-heading-xlarge: 2.5rem;
package/dist/tokens.scss CHANGED
@@ -1,7 +1,16 @@
1
1
 
2
2
  // Do not edit directly
3
- // Generated on Wed, 01 Mar 2023 12:39:21 GMT
3
+ // Generated on Wed, 01 Mar 2023 17:09:07 GMT
4
4
 
5
+ $a-breakpoint-xs: 0;
6
+ $a-breakpoint-sm: 480px;
7
+ $a-breakpoint-sm-down: 479px;
8
+ $a-breakpoint-md: 768px;
9
+ $a-breakpoint-md-down: 767px;
10
+ $a-breakpoint-lg: 1024px;
11
+ $a-breakpoint-lg-down: 1023px;
12
+ $a-breakpoint-xl: 1280px;
13
+ $a-breakpoint-xl-down: 1279px;
5
14
  $a-font-family: "Source Sans Pro", Arial, sans-serif;
6
15
  $a-font-line-height-heading-2xlarge: 3.25rem;
7
16
  $a-font-line-height-heading-xlarge: 2.5rem;
package/docs.json CHANGED
@@ -1,4 +1,47 @@
1
1
  {
2
+ "breakpoints": [
3
+ { "name": "--a-breakpoint-xs", "value": "0" },
4
+ {
5
+ "name": "--a-breakpoint-sm",
6
+ "value": "480px",
7
+ "description": "@media (min-width: 480px)"
8
+ },
9
+ {
10
+ "name": "--a-breakpoint-sm-down",
11
+ "value": "479px",
12
+ "description": "@media (max-width: 479px)"
13
+ },
14
+ {
15
+ "name": "--a-breakpoint-md",
16
+ "value": "768px",
17
+ "description": "@media (min-width: 768px)"
18
+ },
19
+ {
20
+ "name": "--a-breakpoint-md-down",
21
+ "value": "767px",
22
+ "description": "@media (max-width: 767px)"
23
+ },
24
+ {
25
+ "name": "--a-breakpoint-lg",
26
+ "value": "1024px",
27
+ "description": "@media (min-width: 1024px)"
28
+ },
29
+ {
30
+ "name": "--a-breakpoint-lg-down",
31
+ "value": "1023px",
32
+ "description": "@media (max-width: 1023px)"
33
+ },
34
+ {
35
+ "name": "--a-breakpoint-xl",
36
+ "value": "1280px",
37
+ "description": "@media (min-width: 1280px)"
38
+ },
39
+ {
40
+ "name": "--a-breakpoint-xl-down",
41
+ "value": "1279px",
42
+ "description": "@media (max-width: 1279px)"
43
+ }
44
+ ],
2
45
  "font": [
3
46
  {
4
47
  "name": "--a-font-family",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "2.4.3",
3
+ "version": "2.5.0",
4
4
  "description": "Design-tokens for NAV designsystem",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "keywords": [
package/src/index.js CHANGED
@@ -3,6 +3,17 @@ const getFontSize = (size) => `${size / baseFontSize}rem`;
3
3
 
4
4
  module.exports = {
5
5
  a: {
6
+ breakpoint: {
7
+ xs: { value: "0" },
8
+ sm: { value: "480px" },
9
+ "sm-down": { value: "479px" },
10
+ md: { value: "768px" },
11
+ "md-down": { value: "767px" },
12
+ lg: { value: "1024px" },
13
+ "lg-down": { value: "1023px" },
14
+ xl: { value: "1280px" },
15
+ "xl-down": { value: "1279px" },
16
+ },
6
17
  font: {
7
18
  family: { value: '"Source Sans Pro", Arial, sans-serif' },
8
19
  line: {