@navikt/ds-tailwind 2.1.7 → 2.2.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 (2) hide show
  1. package/package.json +2 -2
  2. package/tailwind.config.js +27 -24
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@navikt/ds-tailwind",
3
- "version": "2.1.7",
3
+ "version": "2.2.0",
4
4
  "description": "Tailwind config based on @navikt/ds-tokens",
5
5
  "author": "Aksel | NAV designsystem team",
6
6
  "keywords": [
@@ -22,7 +22,7 @@
22
22
  "directory": "@navikt/core/tailwind"
23
23
  },
24
24
  "devDependencies": {
25
- "@navikt/ds-tokens": "^2.1.7",
25
+ "@navikt/ds-tokens": "^2.2.0",
26
26
  "@types/jest": "^29.0.0",
27
27
  "color": "4.2.3",
28
28
  "jest": "^29.0.0",
package/tailwind.config.js CHANGED
@@ -2,7 +2,7 @@ module.exports = {
2
2
  "theme": {
3
3
  "colors": {
4
4
  "border-default": "rgba(0, 0, 0, 0.44)",
5
- "border-strong": "rgba(0, 0, 0, 0.56)",
5
+ "border-strong": "rgba(0, 0, 0, 0.65)",
6
6
  "border-divider": "rgba(0, 0, 0, 0.19)",
7
7
  "border-subtle-hover": "rgba(0, 0, 0, 0.19)",
8
8
  "border-subtle": "rgba(0, 0, 0, 0.1)",
@@ -11,14 +11,14 @@ module.exports = {
11
11
  "border-selected": "rgba(0, 103, 197, 1)",
12
12
  "border-success": "rgba(6, 137, 58, 1)",
13
13
  "border-danger": "rgba(195, 0, 0, 1)",
14
- "border-warning": "rgba(212, 123, 0, 1)",
14
+ "border-warning": "rgba(199, 115, 0, 1)",
15
15
  "border-info": "rgba(54, 141, 168, 1)",
16
16
  "border-focus-on-inverted": "rgba(153, 195, 255, 1)",
17
17
  "border-focus": "rgba(0, 52, 125, 1)",
18
18
  "border-on-inverted": "rgba(229, 229, 229, 1)",
19
19
  "border-on-inverted-subtle": "rgba(89, 89, 89, 1)",
20
20
  "border-alt-1": "rgba(130, 105, 162, 1)",
21
- "border-alt-2": "rgba(193, 203, 51, 1)",
21
+ "border-alt-2": "rgba(127, 137, 0, 1)",
22
22
  "border-alt-3": "rgba(0, 91, 130, 1)",
23
23
  "transparent": "rgba(255, 255, 255, 0)",
24
24
  "white": "rgba(255, 255, 255, 1)",
@@ -54,7 +54,7 @@ module.exports = {
54
54
  "blue-800": "rgba(0, 52, 125, 1)",
55
55
  "blue-900": "rgba(0, 34, 82, 1)",
56
56
  "red-50": "rgba(255, 230, 230, 1)",
57
- "red-100": "rgba(255, 184, 184, 1)",
57
+ "red-100": "rgba(255, 194, 194, 1)",
58
58
  "red-200": "rgba(246, 130, 130, 1)",
59
59
  "red-300": "rgba(242, 92, 92, 1)",
60
60
  "red-400": "rgba(222, 46, 46, 1)",
@@ -109,7 +109,7 @@ module.exports = {
109
109
  "orange-300": "rgba(255, 193, 102, 1)",
110
110
  "orange-400": "rgba(255, 170, 51, 1)",
111
111
  "orange-500": "rgba(255, 145, 0, 1)",
112
- "orange-600": "rgba(212, 123, 0, 1)",
112
+ "orange-600": "rgba(199, 115, 0, 1)",
113
113
  "orange-700": "rgba(168, 100, 0, 1)",
114
114
  "orange-800": "rgba(125, 76, 0, 1)",
115
115
  "orange-900": "rgba(82, 51, 0, 1)",
@@ -143,8 +143,8 @@ module.exports = {
143
143
  "bg-default": "rgba(255, 255, 255, 1)",
144
144
  "bg-subtle": "rgba(241, 241, 241, 1)",
145
145
  "surface-default": "rgba(255, 255, 255, 1)",
146
- "surface-hover": "rgba(0, 0, 0, 0.03)",
147
- "surface-active": "rgba(0, 0, 0, 0.05)",
146
+ "surface-hover": "rgba(0, 0, 0, 0.05)",
147
+ "surface-active": "rgba(0, 0, 0, 0.1)",
148
148
  "surface-selected": "rgba(230, 240, 255, 1)",
149
149
  "surface-subtle": "rgba(247, 247, 247, 1)",
150
150
  "surface-transparent": "rgba(255, 255, 255, 0)",
@@ -161,29 +161,30 @@ module.exports = {
161
161
  "surface-action": "rgba(0, 103, 197, 1)",
162
162
  "surface-neutral-subtle-hover": "rgba(0, 0, 0, 0.1)",
163
163
  "surface-neutral-subtle": "rgba(0, 0, 0, 0.05)",
164
- "surface-neutral-hover": "rgba(89, 89, 89, 1)",
165
- "surface-neutral-selected": "rgba(89, 89, 89, 1)",
166
- "surface-neutral": "rgba(112, 112, 112, 1)",
167
- "surface-success-subtle-hover": "rgba(204, 241, 214, 1)",
168
- "surface-success-subtle": "rgba(243, 252, 245, 1)",
164
+ "surface-neutral-hover": "rgba(64, 64, 64, 1)",
165
+ "surface-neutral-selected": "rgba(38, 38, 38, 1)",
166
+ "surface-neutral-active": "rgba(38, 38, 38, 1)",
167
+ "surface-neutral": "rgba(89, 89, 89, 1)",
168
+ "surface-success-subtle-hover": "rgba(153, 222, 173, 1)",
169
+ "surface-success-subtle": "rgba(204, 241, 214, 1)",
169
170
  "surface-success": "rgba(6, 137, 58, 1)",
170
171
  "surface-success-hover": "rgba(0, 124, 46, 1)",
171
- "surface-danger-subtle-hover": "rgba(255, 184, 184, 1)",
172
- "surface-danger-subtle": "rgba(255, 230, 230, 1)",
172
+ "surface-danger-subtle-hover": "rgba(246, 130, 130, 1)",
173
+ "surface-danger-subtle": "rgba(255, 194, 194, 1)",
173
174
  "surface-danger-hover": "rgba(173, 0, 0, 1)",
174
175
  "surface-danger-active": "rgba(140, 0, 0, 1)",
175
176
  "surface-danger": "rgba(195, 0, 0, 1)",
176
- "surface-warning-subtle-hover": "rgba(255, 236, 204, 1)",
177
- "surface-warning-subtle": "rgba(255, 249, 240, 1)",
177
+ "surface-warning-subtle-hover": "rgba(255, 215, 153, 1)",
178
+ "surface-warning-subtle": "rgba(255, 236, 204, 1)",
178
179
  "surface-warning": "rgba(255, 145, 0, 1)",
179
- "surface-info-subtle-hover": "rgba(216, 249, 255, 1)",
180
- "surface-info-subtle": "rgba(235, 252, 255, 1)",
180
+ "surface-info-subtle-hover": "rgba(181, 241, 255, 1)",
181
+ "surface-info-subtle": "rgba(216, 249, 255, 1)",
181
182
  "surface-info": "rgba(102, 203, 236, 1)",
182
- "surface-alt-1-subtle": "rgba(239, 236, 244, 1)",
183
+ "surface-alt-1-subtle": "rgba(224, 216, 233, 1)",
183
184
  "surface-alt-1": "rgba(130, 105, 162, 1)",
184
- "surface-alt-2-subtle": "rgba(253, 255, 230, 1)",
185
+ "surface-alt-2-subtle": "rgba(249, 252, 204, 1)",
185
186
  "surface-alt-2": "rgba(193, 203, 51, 1)",
186
- "surface-alt-3-subtle": "rgba(230, 241, 248, 1)",
187
+ "surface-alt-3-subtle": "rgba(204, 226, 240, 1)",
187
188
  "surface-alt-3-strong": "rgba(0, 52, 83, 1)",
188
189
  "surface-alt-3": "rgba(0, 91, 130, 1)",
189
190
  "icon-default": "rgba(38, 38, 38, 1)",
@@ -193,9 +194,11 @@ module.exports = {
193
194
  "icon-action": "rgba(0, 103, 197, 1)",
194
195
  "icon-success": "rgba(6, 137, 58, 1)",
195
196
  "icon-danger": "rgba(195, 0, 0, 1)",
196
- "icon-warning": "rgba(212, 123, 0, 1)",
197
- "icon-info": "rgba(54, 141, 168, 1)",
198
- "icon-alt-1": "rgba(130, 105, 162, 1)",
197
+ "icon-warning": "rgba(199, 115, 0, 1)",
198
+ "icon-info": "rgba(35, 107, 125, 1)",
199
+ "icon-alt-1": "rgba(99, 70, 137, 1)",
200
+ "icon-alt-2": "rgba(127, 137, 0, 1)",
201
+ "icon-alt-3": "rgba(51, 128, 165, 1)",
199
202
  "icon-on-neutral": "rgba(255, 255, 255, 1)",
200
203
  "icon-on-inverted": "rgba(255, 255, 255, 1)",
201
204
  "icon-on-action": "rgba(255, 255, 255, 1)",