@navikt/ds-tokens 7.10.0 → 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.
- package/dist/darkside/dark-tokens.css +393 -382
- package/dist/darkside/light-tokens.css +393 -382
- package/dist/darkside/root-tokens.css +59 -59
- package/dist/darkside/static/tokens-cjs.js +12 -1
- package/dist/darkside/static/tokens.d.ts +12 -1
- package/dist/darkside/static/tokens.js +12 -1
- package/dist/darkside/static/tokens.less +12 -1
- package/dist/darkside/static/tokens.scss +12 -1
- package/dist/darkside/tokens-cjs.js +81 -70
- package/dist/darkside/tokens.css +850 -828
- package/dist/darkside/tokens.d.ts +81 -70
- package/dist/darkside/tokens.js +81 -70
- package/dist/darkside/tokens.less +11 -0
- package/dist/darkside/tokens.scss +11 -0
- package/dist/tokens-cjs.js +331 -326
- package/dist/tokens.css +324 -324
- package/dist/tokens.d.ts +326 -326
- package/dist/tokens.js +12 -6
- package/package.json +1 -1
- package/types.ts +2 -0
package/dist/tokens.js
CHANGED
|
@@ -14,7 +14,8 @@ export const ABreakpointXlDown = "1279px";
|
|
|
14
14
|
export const ABreakpoint2xl = "1440px";
|
|
15
15
|
export const ABreakpoint2xlDown = "1439px";
|
|
16
16
|
export const ATextWidthMax = "576px";
|
|
17
|
-
export const AFontFamily =
|
|
17
|
+
export const AFontFamily =
|
|
18
|
+
"'Source Sans 3', 'Source Sans Pro', Arial, sans-serif";
|
|
18
19
|
export const AFontLineHeightHeading2xlarge = "3.25rem";
|
|
19
20
|
export const AFontLineHeightHeadingXlarge = "2.5rem";
|
|
20
21
|
export const AFontLineHeightHeadingLarge = "2.25rem";
|
|
@@ -302,11 +303,16 @@ export const APurple800 = "rgba(48, 31, 70, 1)";
|
|
|
302
303
|
export const APurple900 = "rgba(31, 20, 47, 1)";
|
|
303
304
|
export const AShadowFocus = "0 0 0 3px rgba(0, 52, 125, 1)";
|
|
304
305
|
export const AShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)";
|
|
305
|
-
export const AShadowXsmall =
|
|
306
|
-
|
|
307
|
-
export const
|
|
308
|
-
|
|
309
|
-
export const
|
|
306
|
+
export const AShadowXsmall =
|
|
307
|
+
"0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)";
|
|
308
|
+
export const AShadowSmall =
|
|
309
|
+
"0px 3px 8px 0px rgba(0, 0, 0, 0.10), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.18)";
|
|
310
|
+
export const AShadowMedium =
|
|
311
|
+
"0px 5px 12px 0px rgba(0, 0, 0, 0.13), 0px 1px 3px 0px rgba(0, 0, 0, 0.10), 0px 0px 1px 0px rgba(0, 0, 0, 0.15)";
|
|
312
|
+
export const AShadowLarge =
|
|
313
|
+
"0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 16px 0px rgba(0, 0, 0, 0.12), 0px 0px 1px 0px rgba(0, 0, 0, 0.12)";
|
|
314
|
+
export const AShadowXlarge =
|
|
315
|
+
"0px 2px 5px 0px rgba(0, 0, 0, 0.15), 0px 10px 24px 0px rgba(0, 0, 0, 0.18), 0px 0px 1px 0px rgba(0, 0, 0, 0.08)";
|
|
310
316
|
export const ASpacing0 = "0";
|
|
311
317
|
export const ASpacing1 = "0.25rem";
|
|
312
318
|
export const ASpacing2 = "0.5rem";
|
package/package.json
CHANGED
package/types.ts
CHANGED
|
@@ -50,6 +50,7 @@ export type StaticDefaultBgKeys =
|
|
|
50
50
|
| "sunken"
|
|
51
51
|
| "overlay"
|
|
52
52
|
| "soft"
|
|
53
|
+
| "softA"
|
|
53
54
|
| "moderate"
|
|
54
55
|
| "moderateA"
|
|
55
56
|
| "strong";
|
|
@@ -66,6 +67,7 @@ export type StatefulDefaultBgKeys =
|
|
|
66
67
|
|
|
67
68
|
export type StaticBgKeys =
|
|
68
69
|
| `${SemanticColorRoles}-soft`
|
|
70
|
+
| `${SemanticColorRoles}-softA`
|
|
69
71
|
| `${SemanticColorRoles}-moderate`
|
|
70
72
|
| `${SemanticColorRoles}-moderateA`
|
|
71
73
|
| `${SemanticColorRoles}-strong`;
|