@navikt/ds-tokens 7.21.1 → 7.22.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.
- package/dist/darkside/tokens-cjs.js +1125 -277
- package/dist/darkside/tokens.css +29 -24
- package/dist/darkside/tokens.d.ts +865 -17
- package/dist/darkside/tokens.js +865 -17
- package/dist/darkside/tokens.less +865 -17
- package/dist/darkside/tokens.scss +865 -17
- package/dist/tokens-cjs.js +5 -0
- package/dist/tokens.css +6 -1
- package/dist/tokens.d.ts +5 -0
- package/dist/tokens.js +5 -0
- package/dist/tokens.less +5 -0
- package/dist/tokens.scss +5 -0
- package/docs.json +6 -1
- package/package.json +3 -4
- package/src/future-border.json +11 -0
- package/token_docs.js +282 -433
- package/types.ts +9 -2
package/dist/tokens-cjs.js
CHANGED
|
@@ -176,6 +176,11 @@ module.exports = {
|
|
|
176
176
|
"ADataBorder4": "rgba(54, 141, 168, 1)",
|
|
177
177
|
"ADataBorder5": "rgba(42, 167, 88, 1)",
|
|
178
178
|
"ADataBorder6": "rgba(130, 105, 162, 1)",
|
|
179
|
+
"ARadius2": "2px",
|
|
180
|
+
"ARadius4": "4px",
|
|
181
|
+
"ARadius8": "8px",
|
|
182
|
+
"ARadius12": "12px",
|
|
183
|
+
"ARadiusFull": "9999px",
|
|
179
184
|
"ASpace128": "8rem",
|
|
180
185
|
"ASpace96": "6rem",
|
|
181
186
|
"ASpace80": "5rem",
|
package/dist/tokens.css
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
:root, :host {
|
|
6
|
-
--ax-version: "7.
|
|
6
|
+
--ax-version: "7.22.0";
|
|
7
7
|
--a-spacing-1-alt: 0.375rem;
|
|
8
8
|
--a-spacing-05: 0.125rem;
|
|
9
9
|
--a-spacing-32: 8rem;
|
|
@@ -155,6 +155,11 @@
|
|
|
155
155
|
--a-space-80: 5rem;
|
|
156
156
|
--a-space-96: 6rem;
|
|
157
157
|
--a-space-128: 8rem;
|
|
158
|
+
--a-radius-full: 9999px;
|
|
159
|
+
--a-radius-12: 12px;
|
|
160
|
+
--a-radius-8: 8px;
|
|
161
|
+
--a-radius-4: 4px;
|
|
162
|
+
--a-radius-2: 2px;
|
|
158
163
|
--a-border-radius-full: 9999px;
|
|
159
164
|
--a-border-radius-xlarge: 12px;
|
|
160
165
|
--a-border-radius-large: 8px;
|
package/dist/tokens.d.ts
CHANGED
|
@@ -175,6 +175,11 @@ export const ADataBorder3 : "rgba(199, 115, 0, 1)";
|
|
|
175
175
|
export const ADataBorder4 : "rgba(54, 141, 168, 1)";
|
|
176
176
|
export const ADataBorder5 : "rgba(42, 167, 88, 1)";
|
|
177
177
|
export const ADataBorder6 : "rgba(130, 105, 162, 1)";
|
|
178
|
+
export const ARadius2 : "2px";
|
|
179
|
+
export const ARadius4 : "4px";
|
|
180
|
+
export const ARadius8 : "8px";
|
|
181
|
+
export const ARadius12 : "12px";
|
|
182
|
+
export const ARadiusFull : "9999px";
|
|
178
183
|
export const ASpace128 : "8rem";
|
|
179
184
|
export const ASpace96 : "6rem";
|
|
180
185
|
export const ASpace80 : "5rem";
|
package/dist/tokens.js
CHANGED
|
@@ -175,6 +175,11 @@ export const ADataBorder3 = "rgba(199, 115, 0, 1)";
|
|
|
175
175
|
export const ADataBorder4 = "rgba(54, 141, 168, 1)";
|
|
176
176
|
export const ADataBorder5 = "rgba(42, 167, 88, 1)";
|
|
177
177
|
export const ADataBorder6 = "rgba(130, 105, 162, 1)";
|
|
178
|
+
export const ARadius2 = "2px";
|
|
179
|
+
export const ARadius4 = "4px";
|
|
180
|
+
export const ARadius8 = "8px";
|
|
181
|
+
export const ARadius12 = "12px";
|
|
182
|
+
export const ARadiusFull = "9999px";
|
|
178
183
|
export const ASpace128 = "8rem";
|
|
179
184
|
export const ASpace96 = "6rem";
|
|
180
185
|
export const ASpace80 = "5rem";
|
package/dist/tokens.less
CHANGED
|
@@ -174,6 +174,11 @@
|
|
|
174
174
|
@a-data-border-4: rgba(54, 141, 168, 1);
|
|
175
175
|
@a-data-border-5: rgba(42, 167, 88, 1);
|
|
176
176
|
@a-data-border-6: rgba(130, 105, 162, 1);
|
|
177
|
+
@a-radius-2: 2px;
|
|
178
|
+
@a-radius-4: 4px;
|
|
179
|
+
@a-radius-8: 8px;
|
|
180
|
+
@a-radius-12: 12px;
|
|
181
|
+
@a-radius-full: 9999px;
|
|
177
182
|
@a-space-128: 8rem;
|
|
178
183
|
@a-space-96: 6rem;
|
|
179
184
|
@a-space-80: 5rem;
|
package/dist/tokens.scss
CHANGED
|
@@ -174,6 +174,11 @@ $a-data-border-3: rgba(199, 115, 0, 1);
|
|
|
174
174
|
$a-data-border-4: rgba(54, 141, 168, 1);
|
|
175
175
|
$a-data-border-5: rgba(42, 167, 88, 1);
|
|
176
176
|
$a-data-border-6: rgba(130, 105, 162, 1);
|
|
177
|
+
$a-radius-2: 2px;
|
|
178
|
+
$a-radius-4: 4px;
|
|
179
|
+
$a-radius-8: 8px;
|
|
180
|
+
$a-radius-12: 12px;
|
|
181
|
+
$a-radius-full: 9999px;
|
|
177
182
|
$a-space-128: 8rem;
|
|
178
183
|
$a-space-96: 6rem;
|
|
179
184
|
$a-space-80: 5rem;
|
package/docs.json
CHANGED
|
@@ -488,7 +488,12 @@
|
|
|
488
488
|
{ "name": "--a-border-radius-medium", "value": "4px" },
|
|
489
489
|
{ "name": "--a-border-radius-large", "value": "8px" },
|
|
490
490
|
{ "name": "--a-border-radius-xlarge", "value": "12px" },
|
|
491
|
-
{ "name": "--a-border-radius-full", "value": "9999px" }
|
|
491
|
+
{ "name": "--a-border-radius-full", "value": "9999px" },
|
|
492
|
+
{ "name": "--a-radius-2", "value": "2px" },
|
|
493
|
+
{ "name": "--a-radius-4", "value": "4px" },
|
|
494
|
+
{ "name": "--a-radius-8", "value": "8px" },
|
|
495
|
+
{ "name": "--a-radius-12", "value": "12px" },
|
|
496
|
+
{ "name": "--a-radius-full", "value": "9999px" }
|
|
492
497
|
],
|
|
493
498
|
"shadow": [
|
|
494
499
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-tokens",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.22.0",
|
|
4
4
|
"description": "Design-tokens for Nav designsystem",
|
|
5
5
|
"author": "Aksel | Nav designsystem team",
|
|
6
6
|
"keywords": [
|
|
@@ -35,14 +35,13 @@
|
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@figma/plugin-typings": "^1.100.2",
|
|
38
|
-
"color": "4.2.3",
|
|
39
38
|
"colorjs.io": "^0.5.2",
|
|
40
|
-
"esbuild": "^0.25.
|
|
39
|
+
"esbuild": "^0.25.4",
|
|
41
40
|
"lightningcss": "^1.29.3",
|
|
42
41
|
"lodash": "^4.17.21",
|
|
43
42
|
"style-dictionary": "^4.1.1",
|
|
44
43
|
"tsx": "^4.19.1",
|
|
45
|
-
"typescript": "5.
|
|
44
|
+
"typescript": "5.8.3",
|
|
46
45
|
"vitest": "^2.1.9"
|
|
47
46
|
},
|
|
48
47
|
"publishConfig": {
|