@navikt/ds-tokens 7.9.2 → 7.11.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 (20) hide show
  1. package/dist/darkside/dark-tokens.css +393 -402
  2. package/dist/darkside/light-tokens.css +393 -402
  3. package/dist/darkside/root-tokens.css +59 -59
  4. package/dist/darkside/static/tokens-cjs.js +16 -25
  5. package/dist/darkside/static/tokens.d.ts +16 -25
  6. package/dist/darkside/static/tokens.js +16 -25
  7. package/dist/darkside/static/tokens.less +16 -25
  8. package/dist/darkside/static/tokens.scss +16 -25
  9. package/dist/darkside/tokens-cjs.js +81 -90
  10. package/dist/darkside/tokens.css +850 -868
  11. package/dist/darkside/tokens.d.ts +81 -90
  12. package/dist/darkside/tokens.js +81 -90
  13. package/dist/darkside/tokens.less +11 -20
  14. package/dist/darkside/tokens.scss +11 -20
  15. package/dist/tokens-cjs.js +331 -326
  16. package/dist/tokens.css +324 -324
  17. package/dist/tokens.d.ts +326 -326
  18. package/dist/tokens.js +12 -6
  19. package/package.json +1 -1
  20. package/types.ts +4 -4
package/dist/darkside/tokens.less CHANGED
@@ -11,6 +11,7 @@
11
11
  */
12
12
  @ax-opacity-disabled: var(--ax-opacity-disabled);
13
13
  @ax-bg-accent-soft: var(--ax-bg-accent-soft);
14
+ @ax-bg-accent-softA: var(--ax-bg-accent-softA);
14
15
  @ax-bg-accent-hover: var(--ax-bg-accent-hover);
15
16
  @ax-bg-accent-hoverA: var(--ax-bg-accent-hoverA);
16
17
  @ax-bg-accent-moderate: var(--ax-bg-accent-moderate);
@@ -22,9 +23,8 @@
22
23
  @ax-bg-accent-strong: var(--ax-bg-accent-strong);
23
24
  @ax-bg-accent-strong-hover: var(--ax-bg-accent-strong-hover);
24
25
  @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
26
  @ax-bg-success-soft: var(--ax-bg-success-soft);
27
+ @ax-bg-success-softA: var(--ax-bg-success-softA);
28
28
  @ax-bg-success-hover: var(--ax-bg-success-hover);
29
29
  @ax-bg-success-hoverA: var(--ax-bg-success-hoverA);
30
30
  @ax-bg-success-moderate: var(--ax-bg-success-moderate);
@@ -36,9 +36,8 @@
36
36
  @ax-bg-success-strong: var(--ax-bg-success-strong);
37
37
  @ax-bg-success-strong-hover: var(--ax-bg-success-strong-hover);
38
38
  @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
39
  @ax-bg-warning-soft: var(--ax-bg-warning-soft);
40
+ @ax-bg-warning-softA: var(--ax-bg-warning-softA);
42
41
  @ax-bg-warning-hover: var(--ax-bg-warning-hover);
43
42
  @ax-bg-warning-hoverA: var(--ax-bg-warning-hoverA);
44
43
  @ax-bg-warning-moderate: var(--ax-bg-warning-moderate);
@@ -50,9 +49,8 @@
50
49
  @ax-bg-warning-strong: var(--ax-bg-warning-strong);
51
50
  @ax-bg-warning-strong-hover: var(--ax-bg-warning-strong-hover);
52
51
  @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
52
  @ax-bg-danger-soft: var(--ax-bg-danger-soft);
53
+ @ax-bg-danger-softA: var(--ax-bg-danger-softA);
56
54
  @ax-bg-danger-hover: var(--ax-bg-danger-hover);
57
55
  @ax-bg-danger-hoverA: var(--ax-bg-danger-hoverA);
58
56
  @ax-bg-danger-moderate: var(--ax-bg-danger-moderate);
@@ -64,9 +62,8 @@
64
62
  @ax-bg-danger-strong: var(--ax-bg-danger-strong);
65
63
  @ax-bg-danger-strong-hover: var(--ax-bg-danger-strong-hover);
66
64
  @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
65
  @ax-bg-info-soft: var(--ax-bg-info-soft);
66
+ @ax-bg-info-softA: var(--ax-bg-info-softA);
70
67
  @ax-bg-info-hover: var(--ax-bg-info-hover);
71
68
  @ax-bg-info-hoverA: var(--ax-bg-info-hoverA);
72
69
  @ax-bg-info-moderate: var(--ax-bg-info-moderate);
@@ -78,9 +75,8 @@
78
75
  @ax-bg-info-strong: var(--ax-bg-info-strong);
79
76
  @ax-bg-info-strong-hover: var(--ax-bg-info-strong-hover);
80
77
  @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
78
  @ax-bg-brand-1-soft: var(--ax-bg-brand-1-soft);
79
+ @ax-bg-brand-1-softA: var(--ax-bg-brand-1-softA);
84
80
  @ax-bg-brand-1-hover: var(--ax-bg-brand-1-hover);
85
81
  @ax-bg-brand-1-hoverA: var(--ax-bg-brand-1-hoverA);
86
82
  @ax-bg-brand-1-moderate: var(--ax-bg-brand-1-moderate);
@@ -92,9 +88,8 @@
92
88
  @ax-bg-brand-1-strong: var(--ax-bg-brand-1-strong);
93
89
  @ax-bg-brand-1-strong-hover: var(--ax-bg-brand-1-strong-hover);
94
90
  @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
91
  @ax-bg-brand-2-soft: var(--ax-bg-brand-2-soft);
92
+ @ax-bg-brand-2-softA: var(--ax-bg-brand-2-softA);
98
93
  @ax-bg-brand-2-hover: var(--ax-bg-brand-2-hover);
99
94
  @ax-bg-brand-2-hoverA: var(--ax-bg-brand-2-hoverA);
100
95
  @ax-bg-brand-2-moderate: var(--ax-bg-brand-2-moderate);
@@ -106,9 +101,8 @@
106
101
  @ax-bg-brand-2-strong: var(--ax-bg-brand-2-strong);
107
102
  @ax-bg-brand-2-strong-hover: var(--ax-bg-brand-2-strong-hover);
108
103
  @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
104
  @ax-bg-brand-3-soft: var(--ax-bg-brand-3-soft);
105
+ @ax-bg-brand-3-softA: var(--ax-bg-brand-3-softA);
112
106
  @ax-bg-brand-3-hover: var(--ax-bg-brand-3-hover);
113
107
  @ax-bg-brand-3-hoverA: var(--ax-bg-brand-3-hoverA);
114
108
  @ax-bg-brand-3-moderate: var(--ax-bg-brand-3-moderate);
@@ -120,9 +114,8 @@
120
114
  @ax-bg-brand-3-strong: var(--ax-bg-brand-3-strong);
121
115
  @ax-bg-brand-3-strong-hover: var(--ax-bg-brand-3-strong-hover);
122
116
  @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
117
  @ax-bg-meta-1-soft: var(--ax-bg-meta-1-soft);
118
+ @ax-bg-meta-1-softA: var(--ax-bg-meta-1-softA);
126
119
  @ax-bg-meta-1-hover: var(--ax-bg-meta-1-hover);
127
120
  @ax-bg-meta-1-hoverA: var(--ax-bg-meta-1-hoverA);
128
121
  @ax-bg-meta-1-moderate: var(--ax-bg-meta-1-moderate);
@@ -134,9 +127,8 @@
134
127
  @ax-bg-meta-1-strong: var(--ax-bg-meta-1-strong);
135
128
  @ax-bg-meta-1-strong-hover: var(--ax-bg-meta-1-strong-hover);
136
129
  @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
130
  @ax-bg-meta-2-soft: var(--ax-bg-meta-2-soft);
131
+ @ax-bg-meta-2-softA: var(--ax-bg-meta-2-softA);
140
132
  @ax-bg-meta-2-hover: var(--ax-bg-meta-2-hover);
141
133
  @ax-bg-meta-2-hoverA: var(--ax-bg-meta-2-hoverA);
142
134
  @ax-bg-meta-2-moderate: var(--ax-bg-meta-2-moderate);
@@ -148,14 +140,13 @@
148
140
  @ax-bg-meta-2-strong: var(--ax-bg-meta-2-strong);
149
141
  @ax-bg-meta-2-strong-hover: var(--ax-bg-meta-2-strong-hover);
150
142
  @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
143
  @ax-bg-default: var(--ax-bg-default);
154
144
  @ax-bg-input: var(--ax-bg-input);
155
145
  @ax-bg-raised: var(--ax-bg-raised);
156
146
  @ax-bg-sunken: var(--ax-bg-sunken);
157
147
  @ax-bg-overlay: var(--ax-bg-overlay);
158
148
  @ax-bg-soft: var(--ax-bg-soft);
149
+ @ax-bg-softA: var(--ax-bg-softA);
159
150
  @ax-bg-hover: var(--ax-bg-hover);
160
151
  @ax-bg-hoverA: var(--ax-bg-hoverA);
161
152
  @ax-bg-moderate: var(--ax-bg-moderate);
package/dist/darkside/tokens.scss CHANGED
@@ -11,6 +11,7 @@
11
11
  */
12
12
  $ax-opacity-disabled: var(--ax-opacity-disabled);
13
13
  $ax-bg-accent-soft: var(--ax-bg-accent-soft);
14
+ $ax-bg-accent-softA: var(--ax-bg-accent-softA);
14
15
  $ax-bg-accent-hover: var(--ax-bg-accent-hover);
15
16
  $ax-bg-accent-hoverA: var(--ax-bg-accent-hoverA);
16
17
  $ax-bg-accent-moderate: var(--ax-bg-accent-moderate);
@@ -22,9 +23,8 @@
22
23
  $ax-bg-accent-strong: var(--ax-bg-accent-strong);
23
24
  $ax-bg-accent-strong-hover: var(--ax-bg-accent-strong-hover);
24
25
  $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
26
  $ax-bg-success-soft: var(--ax-bg-success-soft);
27
+ $ax-bg-success-softA: var(--ax-bg-success-softA);
28
28
  $ax-bg-success-hover: var(--ax-bg-success-hover);
29
29
  $ax-bg-success-hoverA: var(--ax-bg-success-hoverA);
30
30
  $ax-bg-success-moderate: var(--ax-bg-success-moderate);
@@ -36,9 +36,8 @@
36
36
  $ax-bg-success-strong: var(--ax-bg-success-strong);
37
37
  $ax-bg-success-strong-hover: var(--ax-bg-success-strong-hover);
38
38
  $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
39
  $ax-bg-warning-soft: var(--ax-bg-warning-soft);
40
+ $ax-bg-warning-softA: var(--ax-bg-warning-softA);
42
41
  $ax-bg-warning-hover: var(--ax-bg-warning-hover);
43
42
  $ax-bg-warning-hoverA: var(--ax-bg-warning-hoverA);
44
43
  $ax-bg-warning-moderate: var(--ax-bg-warning-moderate);
@@ -50,9 +49,8 @@
50
49
  $ax-bg-warning-strong: var(--ax-bg-warning-strong);
51
50
  $ax-bg-warning-strong-hover: var(--ax-bg-warning-strong-hover);
52
51
  $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
52
  $ax-bg-danger-soft: var(--ax-bg-danger-soft);
53
+ $ax-bg-danger-softA: var(--ax-bg-danger-softA);
56
54
  $ax-bg-danger-hover: var(--ax-bg-danger-hover);
57
55
  $ax-bg-danger-hoverA: var(--ax-bg-danger-hoverA);
58
56
  $ax-bg-danger-moderate: var(--ax-bg-danger-moderate);
@@ -64,9 +62,8 @@
64
62
  $ax-bg-danger-strong: var(--ax-bg-danger-strong);
65
63
  $ax-bg-danger-strong-hover: var(--ax-bg-danger-strong-hover);
66
64
  $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
65
  $ax-bg-info-soft: var(--ax-bg-info-soft);
66
+ $ax-bg-info-softA: var(--ax-bg-info-softA);
70
67
  $ax-bg-info-hover: var(--ax-bg-info-hover);
71
68
  $ax-bg-info-hoverA: var(--ax-bg-info-hoverA);
72
69
  $ax-bg-info-moderate: var(--ax-bg-info-moderate);
@@ -78,9 +75,8 @@
78
75
  $ax-bg-info-strong: var(--ax-bg-info-strong);
79
76
  $ax-bg-info-strong-hover: var(--ax-bg-info-strong-hover);
80
77
  $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
78
  $ax-bg-brand-1-soft: var(--ax-bg-brand-1-soft);
79
+ $ax-bg-brand-1-softA: var(--ax-bg-brand-1-softA);
84
80
  $ax-bg-brand-1-hover: var(--ax-bg-brand-1-hover);
85
81
  $ax-bg-brand-1-hoverA: var(--ax-bg-brand-1-hoverA);
86
82
  $ax-bg-brand-1-moderate: var(--ax-bg-brand-1-moderate);
@@ -92,9 +88,8 @@
92
88
  $ax-bg-brand-1-strong: var(--ax-bg-brand-1-strong);
93
89
  $ax-bg-brand-1-strong-hover: var(--ax-bg-brand-1-strong-hover);
94
90
  $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
91
  $ax-bg-brand-2-soft: var(--ax-bg-brand-2-soft);
92
+ $ax-bg-brand-2-softA: var(--ax-bg-brand-2-softA);
98
93
  $ax-bg-brand-2-hover: var(--ax-bg-brand-2-hover);
99
94
  $ax-bg-brand-2-hoverA: var(--ax-bg-brand-2-hoverA);
100
95
  $ax-bg-brand-2-moderate: var(--ax-bg-brand-2-moderate);
@@ -106,9 +101,8 @@
106
101
  $ax-bg-brand-2-strong: var(--ax-bg-brand-2-strong);
107
102
  $ax-bg-brand-2-strong-hover: var(--ax-bg-brand-2-strong-hover);
108
103
  $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
104
  $ax-bg-brand-3-soft: var(--ax-bg-brand-3-soft);
105
+ $ax-bg-brand-3-softA: var(--ax-bg-brand-3-softA);
112
106
  $ax-bg-brand-3-hover: var(--ax-bg-brand-3-hover);
113
107
  $ax-bg-brand-3-hoverA: var(--ax-bg-brand-3-hoverA);
114
108
  $ax-bg-brand-3-moderate: var(--ax-bg-brand-3-moderate);
@@ -120,9 +114,8 @@
120
114
  $ax-bg-brand-3-strong: var(--ax-bg-brand-3-strong);
121
115
  $ax-bg-brand-3-strong-hover: var(--ax-bg-brand-3-strong-hover);
122
116
  $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
117
  $ax-bg-meta-1-soft: var(--ax-bg-meta-1-soft);
118
+ $ax-bg-meta-1-softA: var(--ax-bg-meta-1-softA);
126
119
  $ax-bg-meta-1-hover: var(--ax-bg-meta-1-hover);
127
120
  $ax-bg-meta-1-hoverA: var(--ax-bg-meta-1-hoverA);
128
121
  $ax-bg-meta-1-moderate: var(--ax-bg-meta-1-moderate);
@@ -134,9 +127,8 @@
134
127
  $ax-bg-meta-1-strong: var(--ax-bg-meta-1-strong);
135
128
  $ax-bg-meta-1-strong-hover: var(--ax-bg-meta-1-strong-hover);
136
129
  $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
130
  $ax-bg-meta-2-soft: var(--ax-bg-meta-2-soft);
131
+ $ax-bg-meta-2-softA: var(--ax-bg-meta-2-softA);
140
132
  $ax-bg-meta-2-hover: var(--ax-bg-meta-2-hover);
141
133
  $ax-bg-meta-2-hoverA: var(--ax-bg-meta-2-hoverA);
142
134
  $ax-bg-meta-2-moderate: var(--ax-bg-meta-2-moderate);
@@ -148,14 +140,13 @@
148
140
  $ax-bg-meta-2-strong: var(--ax-bg-meta-2-strong);
149
141
  $ax-bg-meta-2-strong-hover: var(--ax-bg-meta-2-strong-hover);
150
142
  $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
143
  $ax-bg-default: var(--ax-bg-default);
154
144
  $ax-bg-input: var(--ax-bg-input);
155
145
  $ax-bg-raised: var(--ax-bg-raised);
156
146
  $ax-bg-sunken: var(--ax-bg-sunken);
157
147
  $ax-bg-overlay: var(--ax-bg-overlay);
158
148
  $ax-bg-soft: var(--ax-bg-soft);
149
+ $ax-bg-softA: var(--ax-bg-softA);
159
150
  $ax-bg-hover: var(--ax-bg-hover);
160
151
  $ax-bg-hoverA: var(--ax-bg-hoverA);
161
152
  $ax-bg-moderate: var(--ax-bg-moderate);