@navikt/ds-tokens 7.9.2 → 7.10.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 (16) hide show
  1. package/dist/darkside/dark-tokens.css +4 -24
  2. package/dist/darkside/light-tokens.css +4 -24
  3. package/dist/darkside/static/tokens-cjs.js +4 -24
  4. package/dist/darkside/static/tokens.d.ts +4 -24
  5. package/dist/darkside/static/tokens.js +4 -24
  6. package/dist/darkside/static/tokens.less +4 -24
  7. package/dist/darkside/static/tokens.scss +4 -24
  8. package/dist/darkside/tokens-cjs.js +0 -20
  9. package/dist/darkside/tokens.css +9 -49
  10. package/dist/darkside/tokens.d.ts +0 -20
  11. package/dist/darkside/tokens.js +0 -20
  12. package/dist/darkside/tokens.less +0 -20
  13. package/dist/darkside/tokens.scss +0 -20
  14. package/dist/tokens.css +1 -1
  15. package/package.json +1 -1
  16. package/types.ts +2 -4
package/dist/darkside/tokens.less CHANGED
@@ -22,8 +22,6 @@
22
22
  @ax-bg-accent-strong: var(--ax-bg-accent-strong);
23
23
  @ax-bg-accent-strong-hover: var(--ax-bg-accent-strong-hover);
24
24
  @ax-bg-accent-strong-pressed: var(--ax-bg-accent-strong-pressed);
25
- @ax-bg-accent-raised: var(--ax-bg-accent-raised);
26
- @ax-bg-accent-raised-hover: var(--ax-bg-accent-raised-hover);
27
25
  @ax-bg-success-soft: var(--ax-bg-success-soft);
28
26
  @ax-bg-success-hover: var(--ax-bg-success-hover);
29
27
  @ax-bg-success-hoverA: var(--ax-bg-success-hoverA);
@@ -36,8 +34,6 @@
36
34
  @ax-bg-success-strong: var(--ax-bg-success-strong);
37
35
  @ax-bg-success-strong-hover: var(--ax-bg-success-strong-hover);
38
36
  @ax-bg-success-strong-pressed: var(--ax-bg-success-strong-pressed);
39
- @ax-bg-success-raised: var(--ax-bg-success-raised);
40
- @ax-bg-success-raised-hover: var(--ax-bg-success-raised-hover);
41
37
  @ax-bg-warning-soft: var(--ax-bg-warning-soft);
42
38
  @ax-bg-warning-hover: var(--ax-bg-warning-hover);
43
39
  @ax-bg-warning-hoverA: var(--ax-bg-warning-hoverA);
@@ -50,8 +46,6 @@
50
46
  @ax-bg-warning-strong: var(--ax-bg-warning-strong);
51
47
  @ax-bg-warning-strong-hover: var(--ax-bg-warning-strong-hover);
52
48
  @ax-bg-warning-strong-pressed: var(--ax-bg-warning-strong-pressed);
53
- @ax-bg-warning-raised: var(--ax-bg-warning-raised);
54
- @ax-bg-warning-raised-hover: var(--ax-bg-warning-raised-hover);
55
49
  @ax-bg-danger-soft: var(--ax-bg-danger-soft);
56
50
  @ax-bg-danger-hover: var(--ax-bg-danger-hover);
57
51
  @ax-bg-danger-hoverA: var(--ax-bg-danger-hoverA);
@@ -64,8 +58,6 @@
64
58
  @ax-bg-danger-strong: var(--ax-bg-danger-strong);
65
59
  @ax-bg-danger-strong-hover: var(--ax-bg-danger-strong-hover);
66
60
  @ax-bg-danger-strong-pressed: var(--ax-bg-danger-strong-pressed);
67
- @ax-bg-danger-raised: var(--ax-bg-danger-raised);
68
- @ax-bg-danger-raised-hover: var(--ax-bg-danger-raised-hover);
69
61
  @ax-bg-info-soft: var(--ax-bg-info-soft);
70
62
  @ax-bg-info-hover: var(--ax-bg-info-hover);
71
63
  @ax-bg-info-hoverA: var(--ax-bg-info-hoverA);
@@ -78,8 +70,6 @@
78
70
  @ax-bg-info-strong: var(--ax-bg-info-strong);
79
71
  @ax-bg-info-strong-hover: var(--ax-bg-info-strong-hover);
80
72
  @ax-bg-info-strong-pressed: var(--ax-bg-info-strong-pressed);
81
- @ax-bg-info-raised: var(--ax-bg-info-raised);
82
- @ax-bg-info-raised-hover: var(--ax-bg-info-raised-hover);
83
73
  @ax-bg-brand-1-soft: var(--ax-bg-brand-1-soft);
84
74
  @ax-bg-brand-1-hover: var(--ax-bg-brand-1-hover);
85
75
  @ax-bg-brand-1-hoverA: var(--ax-bg-brand-1-hoverA);
@@ -92,8 +82,6 @@
92
82
  @ax-bg-brand-1-strong: var(--ax-bg-brand-1-strong);
93
83
  @ax-bg-brand-1-strong-hover: var(--ax-bg-brand-1-strong-hover);
94
84
  @ax-bg-brand-1-strong-pressed: var(--ax-bg-brand-1-strong-pressed);
95
- @ax-bg-brand-1-raised: var(--ax-bg-brand-1-raised);
96
- @ax-bg-brand-1-raised-hover: var(--ax-bg-brand-1-raised-hover);
97
85
  @ax-bg-brand-2-soft: var(--ax-bg-brand-2-soft);
98
86
  @ax-bg-brand-2-hover: var(--ax-bg-brand-2-hover);
99
87
  @ax-bg-brand-2-hoverA: var(--ax-bg-brand-2-hoverA);
@@ -106,8 +94,6 @@
106
94
  @ax-bg-brand-2-strong: var(--ax-bg-brand-2-strong);
107
95
  @ax-bg-brand-2-strong-hover: var(--ax-bg-brand-2-strong-hover);
108
96
  @ax-bg-brand-2-strong-pressed: var(--ax-bg-brand-2-strong-pressed);
109
- @ax-bg-brand-2-raised: var(--ax-bg-brand-2-raised);
110
- @ax-bg-brand-2-raised-hover: var(--ax-bg-brand-2-raised-hover);
111
97
  @ax-bg-brand-3-soft: var(--ax-bg-brand-3-soft);
112
98
  @ax-bg-brand-3-hover: var(--ax-bg-brand-3-hover);
113
99
  @ax-bg-brand-3-hoverA: var(--ax-bg-brand-3-hoverA);
@@ -120,8 +106,6 @@
120
106
  @ax-bg-brand-3-strong: var(--ax-bg-brand-3-strong);
121
107
  @ax-bg-brand-3-strong-hover: var(--ax-bg-brand-3-strong-hover);
122
108
  @ax-bg-brand-3-strong-pressed: var(--ax-bg-brand-3-strong-pressed);
123
- @ax-bg-brand-3-raised: var(--ax-bg-brand-3-raised);
124
- @ax-bg-brand-3-raised-hover: var(--ax-bg-brand-3-raised-hover);
125
109
  @ax-bg-meta-1-soft: var(--ax-bg-meta-1-soft);
126
110
  @ax-bg-meta-1-hover: var(--ax-bg-meta-1-hover);
127
111
  @ax-bg-meta-1-hoverA: var(--ax-bg-meta-1-hoverA);
@@ -134,8 +118,6 @@
134
118
  @ax-bg-meta-1-strong: var(--ax-bg-meta-1-strong);
135
119
  @ax-bg-meta-1-strong-hover: var(--ax-bg-meta-1-strong-hover);
136
120
  @ax-bg-meta-1-strong-pressed: var(--ax-bg-meta-1-strong-pressed);
137
- @ax-bg-meta-1-raised: var(--ax-bg-meta-1-raised);
138
- @ax-bg-meta-1-raised-hover: var(--ax-bg-meta-1-raised-hover);
139
121
  @ax-bg-meta-2-soft: var(--ax-bg-meta-2-soft);
140
122
  @ax-bg-meta-2-hover: var(--ax-bg-meta-2-hover);
141
123
  @ax-bg-meta-2-hoverA: var(--ax-bg-meta-2-hoverA);
@@ -148,8 +130,6 @@
148
130
  @ax-bg-meta-2-strong: var(--ax-bg-meta-2-strong);
149
131
  @ax-bg-meta-2-strong-hover: var(--ax-bg-meta-2-strong-hover);
150
132
  @ax-bg-meta-2-strong-pressed: var(--ax-bg-meta-2-strong-pressed);
151
- @ax-bg-meta-2-raised: var(--ax-bg-meta-2-raised);
152
- @ax-bg-meta-2-raised-hover: var(--ax-bg-meta-2-raised-hover);
153
133
  @ax-bg-default: var(--ax-bg-default);
154
134
  @ax-bg-input: var(--ax-bg-input);
155
135
  @ax-bg-raised: var(--ax-bg-raised);
package/dist/darkside/tokens.scss CHANGED
@@ -22,8 +22,6 @@
22
22
  $ax-bg-accent-strong: var(--ax-bg-accent-strong);
23
23
  $ax-bg-accent-strong-hover: var(--ax-bg-accent-strong-hover);
24
24
  $ax-bg-accent-strong-pressed: var(--ax-bg-accent-strong-pressed);
25
- $ax-bg-accent-raised: var(--ax-bg-accent-raised);
26
- $ax-bg-accent-raised-hover: var(--ax-bg-accent-raised-hover);
27
25
  $ax-bg-success-soft: var(--ax-bg-success-soft);
28
26
  $ax-bg-success-hover: var(--ax-bg-success-hover);
29
27
  $ax-bg-success-hoverA: var(--ax-bg-success-hoverA);
@@ -36,8 +34,6 @@
36
34
  $ax-bg-success-strong: var(--ax-bg-success-strong);
37
35
  $ax-bg-success-strong-hover: var(--ax-bg-success-strong-hover);
38
36
  $ax-bg-success-strong-pressed: var(--ax-bg-success-strong-pressed);
39
- $ax-bg-success-raised: var(--ax-bg-success-raised);
40
- $ax-bg-success-raised-hover: var(--ax-bg-success-raised-hover);
41
37
  $ax-bg-warning-soft: var(--ax-bg-warning-soft);
42
38
  $ax-bg-warning-hover: var(--ax-bg-warning-hover);
43
39
  $ax-bg-warning-hoverA: var(--ax-bg-warning-hoverA);
@@ -50,8 +46,6 @@
50
46
  $ax-bg-warning-strong: var(--ax-bg-warning-strong);
51
47
  $ax-bg-warning-strong-hover: var(--ax-bg-warning-strong-hover);
52
48
  $ax-bg-warning-strong-pressed: var(--ax-bg-warning-strong-pressed);
53
- $ax-bg-warning-raised: var(--ax-bg-warning-raised);
54
- $ax-bg-warning-raised-hover: var(--ax-bg-warning-raised-hover);
55
49
  $ax-bg-danger-soft: var(--ax-bg-danger-soft);
56
50
  $ax-bg-danger-hover: var(--ax-bg-danger-hover);
57
51
  $ax-bg-danger-hoverA: var(--ax-bg-danger-hoverA);
@@ -64,8 +58,6 @@
64
58
  $ax-bg-danger-strong: var(--ax-bg-danger-strong);
65
59
  $ax-bg-danger-strong-hover: var(--ax-bg-danger-strong-hover);
66
60
  $ax-bg-danger-strong-pressed: var(--ax-bg-danger-strong-pressed);
67
- $ax-bg-danger-raised: var(--ax-bg-danger-raised);
68
- $ax-bg-danger-raised-hover: var(--ax-bg-danger-raised-hover);
69
61
  $ax-bg-info-soft: var(--ax-bg-info-soft);
70
62
  $ax-bg-info-hover: var(--ax-bg-info-hover);
71
63
  $ax-bg-info-hoverA: var(--ax-bg-info-hoverA);
@@ -78,8 +70,6 @@
78
70
  $ax-bg-info-strong: var(--ax-bg-info-strong);
79
71
  $ax-bg-info-strong-hover: var(--ax-bg-info-strong-hover);
80
72
  $ax-bg-info-strong-pressed: var(--ax-bg-info-strong-pressed);
81
- $ax-bg-info-raised: var(--ax-bg-info-raised);
82
- $ax-bg-info-raised-hover: var(--ax-bg-info-raised-hover);
83
73
  $ax-bg-brand-1-soft: var(--ax-bg-brand-1-soft);
84
74
  $ax-bg-brand-1-hover: var(--ax-bg-brand-1-hover);
85
75
  $ax-bg-brand-1-hoverA: var(--ax-bg-brand-1-hoverA);
@@ -92,8 +82,6 @@
92
82
  $ax-bg-brand-1-strong: var(--ax-bg-brand-1-strong);
93
83
  $ax-bg-brand-1-strong-hover: var(--ax-bg-brand-1-strong-hover);
94
84
  $ax-bg-brand-1-strong-pressed: var(--ax-bg-brand-1-strong-pressed);
95
- $ax-bg-brand-1-raised: var(--ax-bg-brand-1-raised);
96
- $ax-bg-brand-1-raised-hover: var(--ax-bg-brand-1-raised-hover);
97
85
  $ax-bg-brand-2-soft: var(--ax-bg-brand-2-soft);
98
86
  $ax-bg-brand-2-hover: var(--ax-bg-brand-2-hover);
99
87
  $ax-bg-brand-2-hoverA: var(--ax-bg-brand-2-hoverA);
@@ -106,8 +94,6 @@
106
94
  $ax-bg-brand-2-strong: var(--ax-bg-brand-2-strong);
107
95
  $ax-bg-brand-2-strong-hover: var(--ax-bg-brand-2-strong-hover);
108
96
  $ax-bg-brand-2-strong-pressed: var(--ax-bg-brand-2-strong-pressed);
109
- $ax-bg-brand-2-raised: var(--ax-bg-brand-2-raised);
110
- $ax-bg-brand-2-raised-hover: var(--ax-bg-brand-2-raised-hover);
111
97
  $ax-bg-brand-3-soft: var(--ax-bg-brand-3-soft);
112
98
  $ax-bg-brand-3-hover: var(--ax-bg-brand-3-hover);
113
99
  $ax-bg-brand-3-hoverA: var(--ax-bg-brand-3-hoverA);
@@ -120,8 +106,6 @@
120
106
  $ax-bg-brand-3-strong: var(--ax-bg-brand-3-strong);
121
107
  $ax-bg-brand-3-strong-hover: var(--ax-bg-brand-3-strong-hover);
122
108
  $ax-bg-brand-3-strong-pressed: var(--ax-bg-brand-3-strong-pressed);
123
- $ax-bg-brand-3-raised: var(--ax-bg-brand-3-raised);
124
- $ax-bg-brand-3-raised-hover: var(--ax-bg-brand-3-raised-hover);
125
109
  $ax-bg-meta-1-soft: var(--ax-bg-meta-1-soft);
126
110
  $ax-bg-meta-1-hover: var(--ax-bg-meta-1-hover);
127
111
  $ax-bg-meta-1-hoverA: var(--ax-bg-meta-1-hoverA);
@@ -134,8 +118,6 @@
134
118
  $ax-bg-meta-1-strong: var(--ax-bg-meta-1-strong);
135
119
  $ax-bg-meta-1-strong-hover: var(--ax-bg-meta-1-strong-hover);
136
120
  $ax-bg-meta-1-strong-pressed: var(--ax-bg-meta-1-strong-pressed);
137
- $ax-bg-meta-1-raised: var(--ax-bg-meta-1-raised);
138
- $ax-bg-meta-1-raised-hover: var(--ax-bg-meta-1-raised-hover);
139
121
  $ax-bg-meta-2-soft: var(--ax-bg-meta-2-soft);
140
122
  $ax-bg-meta-2-hover: var(--ax-bg-meta-2-hover);
141
123
  $ax-bg-meta-2-hoverA: var(--ax-bg-meta-2-hoverA);
@@ -148,8 +130,6 @@
148
130
  $ax-bg-meta-2-strong: var(--ax-bg-meta-2-strong);
149
131
  $ax-bg-meta-2-strong-hover: var(--ax-bg-meta-2-strong-hover);
150
132
  $ax-bg-meta-2-strong-pressed: var(--ax-bg-meta-2-strong-pressed);
151
- $ax-bg-meta-2-raised: var(--ax-bg-meta-2-raised);
152
- $ax-bg-meta-2-raised-hover: var(--ax-bg-meta-2-raised-hover);
153
133
  $ax-bg-default: var(--ax-bg-default);
154
134
  $ax-bg-input: var(--ax-bg-input);
155
135
  $ax-bg-raised: var(--ax-bg-raised);
package/dist/tokens.css CHANGED
@@ -3,7 +3,7 @@
3
3
  */
4
4
 
5
5
  :root, :host {
6
- --ax-version: "7.9.2";
6
+ --ax-version: "7.10.0";
7
7
  --a-spacing-1-alt: 0.375rem;
8
8
  --a-spacing-05: 0.125rem;
9
9
  --a-spacing-32: 8rem;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tokens",
3
- "version": "7.9.2",
3
+ "version": "7.10.0",
4
4
  "description": "Design-tokens for Nav designsystem",
5
5
  "author": "Aksel | Nav designsystem team",
6
6
  "keywords": [
package/types.ts CHANGED
@@ -68,8 +68,7 @@ export type StaticBgKeys =
68
68
  | `${SemanticColorRoles}-soft`
69
69
  | `${SemanticColorRoles}-moderate`
70
70
  | `${SemanticColorRoles}-moderateA`
71
- | `${SemanticColorRoles}-strong`
72
- | `${SemanticColorRoles}-raised`;
71
+ | `${SemanticColorRoles}-strong`;
73
72
 
74
73
  export type StatefulBgKeys =
75
74
  | `${SemanticColorRoles}-hover`
@@ -79,8 +78,7 @@ export type StatefulBgKeys =
79
78
  | `${SemanticColorRoles}-moderate-pressed`
80
79
  | `${SemanticColorRoles}-moderate-pressedA`
81
80
  | `${SemanticColorRoles}-strong-hover`
82
- | `${SemanticColorRoles}-strong-pressed`
83
- | `${SemanticColorRoles}-raised-hover`;
81
+ | `${SemanticColorRoles}-strong-pressed`;
84
82
 
85
83
  export type DefaultTextColorKeys =
86
84
  | "default"