@navikt/ds-tokens 7.11.0 → 7.12.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 +371 -393
- package/dist/darkside/light-tokens.css +371 -393
- package/dist/darkside/root-tokens.css +59 -59
- package/dist/darkside/tokens-cjs.js +189 -211
- package/dist/darkside/tokens.css +802 -846
- package/dist/darkside/tokens.d.ts +189 -211
- package/dist/darkside/tokens.js +189 -211
- package/dist/darkside/tokens.less +189 -211
- package/dist/darkside/tokens.scss +189 -211
- package/dist/tokens-cjs.js +326 -331
- package/dist/tokens.css +324 -324
- package/dist/tokens.d.ts +326 -326
- package/dist/tokens.js +6 -12
- package/package.json +2 -9
- package/types.ts +10 -37
- package/dist/darkside/static/tokens-cjs.js +0 -467
- package/dist/darkside/static/tokens.d.ts +0 -465
- package/dist/darkside/static/tokens.js +0 -465
- package/dist/darkside/static/tokens.less +0 -458
- package/dist/darkside/static/tokens.scss +0 -458
package/dist/tokens.js
CHANGED
|
@@ -14,8 +14,7 @@ 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 =
|
|
18
|
-
"'Source Sans 3', 'Source Sans Pro', Arial, sans-serif";
|
|
17
|
+
export const AFontFamily = "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif";
|
|
19
18
|
export const AFontLineHeightHeading2xlarge = "3.25rem";
|
|
20
19
|
export const AFontLineHeightHeadingXlarge = "2.5rem";
|
|
21
20
|
export const AFontLineHeightHeadingLarge = "2.25rem";
|
|
@@ -303,16 +302,11 @@ export const APurple800 = "rgba(48, 31, 70, 1)";
|
|
|
303
302
|
export const APurple900 = "rgba(31, 20, 47, 1)";
|
|
304
303
|
export const AShadowFocus = "0 0 0 3px rgba(0, 52, 125, 1)";
|
|
305
304
|
export const AShadowFocusInverted = "0 0 0 3px rgba(153, 195, 255, 1)";
|
|
306
|
-
export const AShadowXsmall =
|
|
307
|
-
|
|
308
|
-
export const
|
|
309
|
-
|
|
310
|
-
export const
|
|
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)";
|
|
305
|
+
export const AShadowXsmall = "0px 1px 3px 0px rgba(0, 0, 0, 0.15), 0px 0px 1px 0px rgba(0, 0, 0, 0.20)";
|
|
306
|
+
export const AShadowSmall = "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)";
|
|
307
|
+
export const AShadowMedium = "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)";
|
|
308
|
+
export const AShadowLarge = "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)";
|
|
309
|
+
export const AShadowXlarge = "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)";
|
|
316
310
|
export const ASpacing0 = "0";
|
|
317
311
|
export const ASpacing1 = "0.25rem";
|
|
318
312
|
export const ASpacing2 = "0.5rem";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@navikt/ds-tokens",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.12.0",
|
|
4
4
|
"description": "Design-tokens for Nav designsystem",
|
|
5
5
|
"author": "Aksel | Nav designsystem team",
|
|
6
6
|
"keywords": [
|
|
@@ -62,13 +62,6 @@
|
|
|
62
62
|
"require": "./dist/darkside/tokens-cjs.js"
|
|
63
63
|
},
|
|
64
64
|
"./darkside-scss": "./dist/darkside/tokens.scss",
|
|
65
|
-
"./darkside-less": "./dist/darkside/tokens.less"
|
|
66
|
-
"./darkside-js-static": {
|
|
67
|
-
"types": "./dist/darkside/static/tokens.d.ts",
|
|
68
|
-
"import": "./dist/darkside/static/tokens.js",
|
|
69
|
-
"require": "./dist/darkside/static/tokens-cjs.js"
|
|
70
|
-
},
|
|
71
|
-
"./darkside-scss-static": "./dist/darkside/static/tokens.scss",
|
|
72
|
-
"./darkside-less-static": "./dist/darkside/static/tokens.less"
|
|
65
|
+
"./darkside-less": "./dist/darkside/tokens.less"
|
|
73
66
|
}
|
|
74
67
|
}
|
package/types.ts
CHANGED
|
@@ -7,15 +7,15 @@ export const ColorRolesList = [
|
|
|
7
7
|
"warning",
|
|
8
8
|
"danger",
|
|
9
9
|
"info",
|
|
10
|
-
"brand-
|
|
11
|
-
"brand-
|
|
12
|
-
"brand-
|
|
13
|
-
"meta-
|
|
14
|
-
"meta-
|
|
10
|
+
"brand-magenta",
|
|
11
|
+
"brand-beige",
|
|
12
|
+
"brand-blue",
|
|
13
|
+
"meta-purple",
|
|
14
|
+
"meta-lime",
|
|
15
15
|
] as const;
|
|
16
16
|
|
|
17
17
|
export type GlobalColorRoles = (typeof ColorRolesList)[number];
|
|
18
|
-
export type SemanticColorRoles =
|
|
18
|
+
export type SemanticColorRoles = GlobalColorRoles;
|
|
19
19
|
|
|
20
20
|
export type GlobalColorScale =
|
|
21
21
|
| "100"
|
|
@@ -48,22 +48,7 @@ export type StaticDefaultBgKeys =
|
|
|
48
48
|
| "input"
|
|
49
49
|
| "raised"
|
|
50
50
|
| "sunken"
|
|
51
|
-
| "overlay"
|
|
52
|
-
| "soft"
|
|
53
|
-
| "softA"
|
|
54
|
-
| "moderate"
|
|
55
|
-
| "moderateA"
|
|
56
|
-
| "strong";
|
|
57
|
-
|
|
58
|
-
export type StatefulDefaultBgKeys =
|
|
59
|
-
| "hover"
|
|
60
|
-
| "hoverA"
|
|
61
|
-
| "moderate-hover"
|
|
62
|
-
| "moderate-hoverA"
|
|
63
|
-
| "moderate-pressed"
|
|
64
|
-
| "moderate-pressedA"
|
|
65
|
-
| "strong-hover"
|
|
66
|
-
| "strong-pressed";
|
|
51
|
+
| "overlay";
|
|
67
52
|
|
|
68
53
|
export type StaticBgKeys =
|
|
69
54
|
| `${SemanticColorRoles}-soft`
|
|
@@ -73,8 +58,6 @@ export type StaticBgKeys =
|
|
|
73
58
|
| `${SemanticColorRoles}-strong`;
|
|
74
59
|
|
|
75
60
|
export type StatefulBgKeys =
|
|
76
|
-
| `${SemanticColorRoles}-hover`
|
|
77
|
-
| `${SemanticColorRoles}-hoverA`
|
|
78
61
|
| `${SemanticColorRoles}-moderate-hover`
|
|
79
62
|
| `${SemanticColorRoles}-moderate-hoverA`
|
|
80
63
|
| `${SemanticColorRoles}-moderate-pressed`
|
|
@@ -82,25 +65,15 @@ export type StatefulBgKeys =
|
|
|
82
65
|
| `${SemanticColorRoles}-strong-hover`
|
|
83
66
|
| `${SemanticColorRoles}-strong-pressed`;
|
|
84
67
|
|
|
85
|
-
export type DefaultTextColorKeys =
|
|
86
|
-
| "default"
|
|
87
|
-
| "subtle"
|
|
88
|
-
| "icon"
|
|
89
|
-
| "logo"
|
|
90
|
-
| "contrast";
|
|
68
|
+
export type DefaultTextColorKeys = "logo";
|
|
91
69
|
|
|
92
70
|
export type TextColorKeys =
|
|
93
71
|
| SemanticColorRoles
|
|
94
|
-
| `${SemanticColorRoles}-
|
|
72
|
+
| `${SemanticColorRoles}-subtle`
|
|
95
73
|
| `${SemanticColorRoles}-icon`
|
|
96
74
|
| `${SemanticColorRoles}-contrast`;
|
|
97
75
|
|
|
98
|
-
export type BorderColorKeys =
|
|
99
|
-
| "default"
|
|
100
|
-
| "subtle"
|
|
101
|
-
| "subtleA"
|
|
102
|
-
| "strong"
|
|
103
|
-
| "focus";
|
|
76
|
+
export type BorderColorKeys = "focus";
|
|
104
77
|
|
|
105
78
|
export type BorderColorWithRoleKeys =
|
|
106
79
|
| SemanticColorRoles
|
|
@@ -1,467 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
module.exports = {
|
|
6
|
-
/**
|
|
7
|
-
* Used for dialog elements like modals and popovers.
|
|
8
|
-
*/
|
|
9
|
-
"ShadowDialog": "0px 0px 1px 0px rgba(7 9 13 / 0.02), 0px 2px 5px 0px rgba(7 9 13 / 0.10), 0px 5px 12px 0px rgba(7 9 13 / 0.12)",
|
|
10
|
-
/**
|
|
11
|
-
* Used for setting opacity on disabled elements.
|
|
12
|
-
*/
|
|
13
|
-
"OpacityDisabled": "0.3",
|
|
14
|
-
"BgAccentSoft": "#f1f7ff",
|
|
15
|
-
"BgAccentSoftA": "#006eff0e",
|
|
16
|
-
"BgAccentHover": "#e4eeff",
|
|
17
|
-
"BgAccentHoverA": "#005fff1b",
|
|
18
|
-
"BgAccentModerate": "#e4eeff",
|
|
19
|
-
"BgAccentModerateA": "#005fff1b",
|
|
20
|
-
"BgAccentModerateHover": "#d4e5fd",
|
|
21
|
-
"BgAccentModerateHoverA": "#0165f42b",
|
|
22
|
-
"BgAccentModeratePressed": "#bad5fb",
|
|
23
|
-
"BgAccentModeratePressedA": "#0064f145",
|
|
24
|
-
"BgAccentStrong": "#2277d5",
|
|
25
|
-
"BgAccentStrongHover": "#0063c1",
|
|
26
|
-
"BgAccentStrongPressed": "#005bb6",
|
|
27
|
-
"BgSuccessSoft": "#e2fde8",
|
|
28
|
-
"BgSuccessSoftA": "#00ee351d",
|
|
29
|
-
"BgSuccessHover": "#d5f6db",
|
|
30
|
-
"BgSuccessHoverA": "#00c9252a",
|
|
31
|
-
"BgSuccessModerate": "#d5f6db",
|
|
32
|
-
"BgSuccessModerateA": "#00c9252a",
|
|
33
|
-
"BgSuccessModerateHover": "#c4edcd",
|
|
34
|
-
"BgSuccessModerateHoverA": "#01b2273b",
|
|
35
|
-
"BgSuccessModeratePressed": "#a8dfb4",
|
|
36
|
-
"BgSuccessModeratePressedA": "#00a22457",
|
|
37
|
-
"BgSuccessStrong": "#00893c",
|
|
38
|
-
"BgSuccessStrongHover": "#007629",
|
|
39
|
-
"BgSuccessStrongPressed": "#006c1f",
|
|
40
|
-
"BgWarningSoft": "#fff5e4",
|
|
41
|
-
"BgWarningSoftA": "#ffa1001b",
|
|
42
|
-
"BgWarningHover": "#ffebc7",
|
|
43
|
-
"BgWarningHoverA": "#ffa40038",
|
|
44
|
-
"BgWarningModerate": "#ffebc7",
|
|
45
|
-
"BgWarningModerateA": "#ffa40038",
|
|
46
|
-
"BgWarningModerateHover": "#ffdea5",
|
|
47
|
-
"BgWarningModerateHoverA": "#ffa2015a",
|
|
48
|
-
"BgWarningModeratePressed": "#ffcb6f",
|
|
49
|
-
"BgWarningModeratePressedA": "#ffa30090",
|
|
50
|
-
"BgWarningStrong": "#c95100",
|
|
51
|
-
"BgWarningStrongHover": "#ac4400",
|
|
52
|
-
"BgWarningStrongPressed": "#a03e00",
|
|
53
|
-
"BgDangerSoft": "#fff2f7",
|
|
54
|
-
"BgDangerSoftA": "#ff00630d",
|
|
55
|
-
"BgDangerHover": "#ffe8f0",
|
|
56
|
-
"BgDangerHoverA": "#ff005917",
|
|
57
|
-
"BgDangerModerate": "#ffe8f0",
|
|
58
|
-
"BgDangerModerateA": "#ff005917",
|
|
59
|
-
"BgDangerModerateHover": "#ffd9e6",
|
|
60
|
-
"BgDangerModerateHoverA": "#ff005826",
|
|
61
|
-
"BgDangerModeratePressed": "#ffc2d7",
|
|
62
|
-
"BgDangerModeratePressedA": "#ff00583d",
|
|
63
|
-
"BgDangerStrong": "#e22a49",
|
|
64
|
-
"BgDangerStrongHover": "#cb0035",
|
|
65
|
-
"BgDangerStrongPressed": "#bc002a",
|
|
66
|
-
"BgInfoSoft": "#eef6fc",
|
|
67
|
-
"BgInfoSoftA": "#0078d211",
|
|
68
|
-
"BgInfoHover": "#e3eff7",
|
|
69
|
-
"BgInfoHoverA": "#006eb71c",
|
|
70
|
-
"BgInfoModerate": "#e3eff7",
|
|
71
|
-
"BgInfoModerateA": "#006eb71c",
|
|
72
|
-
"BgInfoModerateHover": "#d7e6f0",
|
|
73
|
-
"BgInfoModerateHoverA": "#0060a028",
|
|
74
|
-
"BgInfoModeratePressed": "#c0d6e4",
|
|
75
|
-
"BgInfoModeratePressedA": "#005a923f",
|
|
76
|
-
"BgInfoStrong": "#417da0",
|
|
77
|
-
"BgInfoStrongHover": "#246b91",
|
|
78
|
-
"BgInfoStrongPressed": "#156389",
|
|
79
|
-
"BgBrand1Soft": "#fbf3f6",
|
|
80
|
-
"BgBrand1SoftA": "#aa00400c",
|
|
81
|
-
"BgBrand1Hover": "#f8eaef",
|
|
82
|
-
"BgBrand1HoverA": "#aa003d15",
|
|
83
|
-
"BgBrand1Moderate": "#f8eaef",
|
|
84
|
-
"BgBrand1ModerateA": "#aa003d15",
|
|
85
|
-
"BgBrand1ModerateHover": "#f3dde5",
|
|
86
|
-
"BgBrand1ModerateHoverA": "#a5003c22",
|
|
87
|
-
"BgBrand1ModeratePressed": "#eccad6",
|
|
88
|
-
"BgBrand1ModeratePressedA": "#a4003a35",
|
|
89
|
-
"BgBrand1Strong": "#b65781",
|
|
90
|
-
"BgBrand1StrongHover": "#a93d70",
|
|
91
|
-
"BgBrand1StrongPressed": "#a33069",
|
|
92
|
-
"BgBrand2Soft": "#fff4ee",
|
|
93
|
-
"BgBrand2SoftA": "#ff5a0011",
|
|
94
|
-
"BgBrand2Hover": "#fdebe0",
|
|
95
|
-
"BgBrand2HoverA": "#ef5b001f",
|
|
96
|
-
"BgBrand2Moderate": "#fdebe0",
|
|
97
|
-
"BgBrand2ModerateA": "#ef5b001f",
|
|
98
|
-
"BgBrand2ModerateHover": "#fcddcd",
|
|
99
|
-
"BgBrand2ModerateHoverA": "#f0520032",
|
|
100
|
-
"BgBrand2ModeratePressed": "#f8c8b1",
|
|
101
|
-
"BgBrand2ModeratePressedA": "#e94c004e",
|
|
102
|
-
"BgBrand2Strong": "#a9654e",
|
|
103
|
-
"BgBrand2StrongHover": "#915541",
|
|
104
|
-
"BgBrand2StrongPressed": "#874e3b",
|
|
105
|
-
"BgBrand3Soft": "#eef6fc",
|
|
106
|
-
"BgBrand3SoftA": "#0078d211",
|
|
107
|
-
"BgBrand3Hover": "#e3eff7",
|
|
108
|
-
"BgBrand3HoverA": "#006eb71c",
|
|
109
|
-
"BgBrand3Moderate": "#e3eff7",
|
|
110
|
-
"BgBrand3ModerateA": "#006eb71c",
|
|
111
|
-
"BgBrand3ModerateHover": "#d7e6f0",
|
|
112
|
-
"BgBrand3ModerateHoverA": "#0060a028",
|
|
113
|
-
"BgBrand3ModeratePressed": "#c0d6e4",
|
|
114
|
-
"BgBrand3ModeratePressedA": "#005a923f",
|
|
115
|
-
"BgBrand3Strong": "#417da0",
|
|
116
|
-
"BgBrand3StrongHover": "#246b91",
|
|
117
|
-
"BgBrand3StrongPressed": "#156389",
|
|
118
|
-
"BgMeta1Soft": "#f7f5f9",
|
|
119
|
-
"BgMeta1SoftA": "#3300660a",
|
|
120
|
-
"BgMeta1Hover": "#f0edf4",
|
|
121
|
-
"BgMeta1HoverA": "#2b006412",
|
|
122
|
-
"BgMeta1Moderate": "#f0edf4",
|
|
123
|
-
"BgMeta1ModerateA": "#2b006412",
|
|
124
|
-
"BgMeta1ModerateHover": "#e6e1ed",
|
|
125
|
-
"BgMeta1ModerateHoverA": "#2b00661e",
|
|
126
|
-
"BgMeta1ModeratePressed": "#d7cfe3",
|
|
127
|
-
"BgMeta1ModeratePressedA": "#2b006b30",
|
|
128
|
-
"BgMeta1Strong": "#846ca4",
|
|
129
|
-
"BgMeta1StrongHover": "#725a91",
|
|
130
|
-
"BgMeta1StrongPressed": "#6a5289",
|
|
131
|
-
"BgMeta2Soft": "#f4f9d1",
|
|
132
|
-
"BgMeta2SoftA": "#c3de002e",
|
|
133
|
-
"BgMeta2Hover": "#ebf4a9",
|
|
134
|
-
"BgMeta2HoverA": "#c4df0056",
|
|
135
|
-
"BgMeta2Moderate": "#ebf4a9",
|
|
136
|
-
"BgMeta2ModerateA": "#c4df0056",
|
|
137
|
-
"BgMeta2ModerateHover": "#e0ec6b",
|
|
138
|
-
"BgMeta2ModerateHoverA": "#cadf0094",
|
|
139
|
-
"BgMeta2ModeratePressed": "#d0dc00",
|
|
140
|
-
"BgMeta2ModeratePressedA": "#d0dc00",
|
|
141
|
-
"BgMeta2Strong": "#757c00",
|
|
142
|
-
"BgMeta2StrongHover": "#646900",
|
|
143
|
-
"BgMeta2StrongPressed": "#5c6100",
|
|
144
|
-
"BgDefault": "#ffffff",
|
|
145
|
-
"BgInput": "#ffffff",
|
|
146
|
-
"BgRaised": "white",
|
|
147
|
-
"BgSunken": "#ecedef",
|
|
148
|
-
"BgOverlay": "#021431",
|
|
149
|
-
"BgSoft": "#f5f6f7",
|
|
150
|
-
"BgSoftA": "#001a330a",
|
|
151
|
-
"BgHover": "#ecedef",
|
|
152
|
-
"BgHoverA": "#000e2913",
|
|
153
|
-
"BgModerate": "#ecedef",
|
|
154
|
-
"BgModerateA": "#000e2913",
|
|
155
|
-
"BgModerateHover": "#e1e3e7",
|
|
156
|
-
"BgModerateHoverA": "#0011331e",
|
|
157
|
-
"BgModeratePressed": "#cfd3d8",
|
|
158
|
-
"BgModeratePressedA": "#00163030",
|
|
159
|
-
"BgStrong": "#5d6573",
|
|
160
|
-
"BgStrongHover": "#555d6a",
|
|
161
|
-
"BgStrongPressed": "#49515e",
|
|
162
|
-
"TextAccent": "#005bb6",
|
|
163
|
-
"TextAccentStrong": "#002459",
|
|
164
|
-
"TextAccentIcon": "#2277d5",
|
|
165
|
-
"TextSuccess": "#006c1f",
|
|
166
|
-
"TextSuccessStrong": "#002e00",
|
|
167
|
-
"TextSuccessIcon": "#00893c",
|
|
168
|
-
"TextWarning": "#a03e00",
|
|
169
|
-
"TextWarningStrong": "#481700",
|
|
170
|
-
"TextWarningIcon": "#c95100",
|
|
171
|
-
"TextDanger": "#bc002a",
|
|
172
|
-
"TextDangerStrong": "#560000",
|
|
173
|
-
"TextDangerIcon": "#e22a49",
|
|
174
|
-
"TextInfo": "#156389",
|
|
175
|
-
"TextInfoStrong": "#002942",
|
|
176
|
-
"TextInfoIcon": "#417da0",
|
|
177
|
-
"TextBrand1": "#a33069",
|
|
178
|
-
"TextBrand1Strong": "#52002b",
|
|
179
|
-
"TextBrand1Icon": "#b65781",
|
|
180
|
-
"TextBrand2": "#874e3b",
|
|
181
|
-
"TextBrand2Strong": "#3c1f15",
|
|
182
|
-
"TextBrand2Icon": "#a9654e",
|
|
183
|
-
"TextBrand3": "#156389",
|
|
184
|
-
"TextBrand3Strong": "#002942",
|
|
185
|
-
"TextBrand3Icon": "#417da0",
|
|
186
|
-
"TextMeta1": "#6a5289",
|
|
187
|
-
"TextMeta1Strong": "#331a4d",
|
|
188
|
-
"TextMeta1Icon": "#846ca4",
|
|
189
|
-
"TextMeta2": "#5c6100",
|
|
190
|
-
"TextMeta2Strong": "#2a2800",
|
|
191
|
-
"TextMeta2Icon": "#757c00",
|
|
192
|
-
"TextAccentContrast": "white",
|
|
193
|
-
"TextDangerContrast": "white",
|
|
194
|
-
"TextInfoContrast": "white",
|
|
195
|
-
"TextSuccessContrast": "white",
|
|
196
|
-
"TextWarningContrast": "white",
|
|
197
|
-
"TextBrand1Contrast": "white",
|
|
198
|
-
"TextBrand2Contrast": "white",
|
|
199
|
-
"TextBrand3Contrast": "white",
|
|
200
|
-
"TextMeta1Contrast": "white",
|
|
201
|
-
"TextMeta2Contrast": "white",
|
|
202
|
-
"TextDefault": "#202733",
|
|
203
|
-
"TextSubtle": "#49515e",
|
|
204
|
-
"TextIcon": "#6f7785",
|
|
205
|
-
"TextLogo": "#c30000",
|
|
206
|
-
"TextContrast": "white",
|
|
207
|
-
"BorderAccent": "#2277d5",
|
|
208
|
-
"BorderAccentSubtle": "#bad5fb",
|
|
209
|
-
"BorderAccentSubtleA": "#0064f145",
|
|
210
|
-
"BorderAccentStrong": "#0063c1",
|
|
211
|
-
"BorderSuccess": "#00893c",
|
|
212
|
-
"BorderSuccessSubtle": "#a8dfb4",
|
|
213
|
-
"BorderSuccessSubtleA": "#00a22457",
|
|
214
|
-
"BorderSuccessStrong": "#007629",
|
|
215
|
-
"BorderWarning": "#c95100",
|
|
216
|
-
"BorderWarningSubtle": "#ffcb6f",
|
|
217
|
-
"BorderWarningSubtleA": "#ffa30090",
|
|
218
|
-
"BorderWarningStrong": "#ac4400",
|
|
219
|
-
"BorderDanger": "#e22a49",
|
|
220
|
-
"BorderDangerSubtle": "#ffc2d7",
|
|
221
|
-
"BorderDangerSubtleA": "#ff00583d",
|
|
222
|
-
"BorderDangerStrong": "#cb0035",
|
|
223
|
-
"BorderInfo": "#417da0",
|
|
224
|
-
"BorderInfoSubtle": "#c0d6e4",
|
|
225
|
-
"BorderInfoSubtleA": "#005a923f",
|
|
226
|
-
"BorderInfoStrong": "#246b91",
|
|
227
|
-
"BorderBrand1": "#b65781",
|
|
228
|
-
"BorderBrand1Subtle": "#eccad6",
|
|
229
|
-
"BorderBrand1SubtleA": "#a4003a35",
|
|
230
|
-
"BorderBrand1Strong": "#a93d70",
|
|
231
|
-
"BorderBrand2": "#a9654e",
|
|
232
|
-
"BorderBrand2Subtle": "#f8c8b1",
|
|
233
|
-
"BorderBrand2SubtleA": "#e94c004e",
|
|
234
|
-
"BorderBrand2Strong": "#915541",
|
|
235
|
-
"BorderBrand3": "#417da0",
|
|
236
|
-
"BorderBrand3Subtle": "#c0d6e4",
|
|
237
|
-
"BorderBrand3SubtleA": "#005a923f",
|
|
238
|
-
"BorderBrand3Strong": "#246b91",
|
|
239
|
-
"BorderMeta1": "#846ca4",
|
|
240
|
-
"BorderMeta1Subtle": "#d7cfe3",
|
|
241
|
-
"BorderMeta1SubtleA": "#2b006b30",
|
|
242
|
-
"BorderMeta1Strong": "#725a91",
|
|
243
|
-
"BorderMeta2": "#757c00",
|
|
244
|
-
"BorderMeta2Subtle": "#d0dc00",
|
|
245
|
-
"BorderMeta2SubtleA": "#d0dc00",
|
|
246
|
-
"BorderMeta2Strong": "#646900",
|
|
247
|
-
"BorderDefault": "#6f7785",
|
|
248
|
-
"BorderSubtle": "#cfd3d8",
|
|
249
|
-
"BorderSubtleA": "#00163030",
|
|
250
|
-
"BorderStrong": "#6f7785",
|
|
251
|
-
"BorderFocus": "#202733",
|
|
252
|
-
"Neutral100": "#f5f6f7",
|
|
253
|
-
"Neutral200": "#ecedef",
|
|
254
|
-
"Neutral300": "#e1e3e7",
|
|
255
|
-
"Neutral400": "#cfd3d8",
|
|
256
|
-
"Neutral500": "#818997",
|
|
257
|
-
"Neutral600": "#6f7785",
|
|
258
|
-
"Neutral700": "#5d6573",
|
|
259
|
-
"Neutral800": "#555d6a",
|
|
260
|
-
"Neutral900": "#49515e",
|
|
261
|
-
"Neutral1000": "#202733",
|
|
262
|
-
"Neutral000": "white",
|
|
263
|
-
"Neutral100A": "#001a330a",
|
|
264
|
-
"Neutral200A": "#000e2913",
|
|
265
|
-
"Neutral300A": "#0011331e",
|
|
266
|
-
"Neutral400A": "#00163030",
|
|
267
|
-
"Accent100": "#f1f7ff",
|
|
268
|
-
"Accent200": "#e4eeff",
|
|
269
|
-
"Accent300": "#d4e5fd",
|
|
270
|
-
"Accent400": "#bad5fb",
|
|
271
|
-
"Accent500": "#428ae3",
|
|
272
|
-
"Accent600": "#2277d5",
|
|
273
|
-
"Accent700": "#0063c1",
|
|
274
|
-
"Accent800": "#005bb6",
|
|
275
|
-
"Accent900": "#004ea3",
|
|
276
|
-
"Accent1000": "#002459",
|
|
277
|
-
"Accent100A": "#006eff0e",
|
|
278
|
-
"Accent200A": "#005fff1b",
|
|
279
|
-
"Accent300A": "#0165f42b",
|
|
280
|
-
"Accent400A": "#0064f145",
|
|
281
|
-
"Success100": "#e2fde8",
|
|
282
|
-
"Success200": "#d5f6db",
|
|
283
|
-
"Success300": "#c4edcd",
|
|
284
|
-
"Success400": "#a8dfb4",
|
|
285
|
-
"Success500": "#199d4f",
|
|
286
|
-
"Success600": "#00893c",
|
|
287
|
-
"Success700": "#007629",
|
|
288
|
-
"Success800": "#006c1f",
|
|
289
|
-
"Success900": "#005e0f",
|
|
290
|
-
"Success1000": "#002e00",
|
|
291
|
-
"Success100A": "#00ee351d",
|
|
292
|
-
"Success200A": "#00c9252a",
|
|
293
|
-
"Success300A": "#01b2273b",
|
|
294
|
-
"Success400A": "#00a22457",
|
|
295
|
-
"Warning100": "#fff5e4",
|
|
296
|
-
"Warning200": "#ffebc7",
|
|
297
|
-
"Warning300": "#ffdea5",
|
|
298
|
-
"Warning400": "#ffcb6f",
|
|
299
|
-
"Warning500": "#e75e01",
|
|
300
|
-
"Warning600": "#c95100",
|
|
301
|
-
"Warning700": "#ac4400",
|
|
302
|
-
"Warning800": "#a03e00",
|
|
303
|
-
"Warning900": "#8c3500",
|
|
304
|
-
"Warning1000": "#481700",
|
|
305
|
-
"Warning100A": "#ffa1001b",
|
|
306
|
-
"Warning200A": "#ffa40038",
|
|
307
|
-
"Warning300A": "#ffa2015a",
|
|
308
|
-
"Warning400A": "#ffa30090",
|
|
309
|
-
"Danger100": "#fff2f7",
|
|
310
|
-
"Danger200": "#ffe8f0",
|
|
311
|
-
"Danger300": "#ffd9e6",
|
|
312
|
-
"Danger400": "#ffc2d7",
|
|
313
|
-
"Danger500": "#ec526e",
|
|
314
|
-
"Danger600": "#e22a49",
|
|
315
|
-
"Danger700": "#cb0035",
|
|
316
|
-
"Danger800": "#bc002a",
|
|
317
|
-
"Danger900": "#a60017",
|
|
318
|
-
"Danger1000": "#560000",
|
|
319
|
-
"Danger100A": "#ff00630d",
|
|
320
|
-
"Danger200A": "#ff005917",
|
|
321
|
-
"Danger300A": "#ff005826",
|
|
322
|
-
"Danger400A": "#ff00583d",
|
|
323
|
-
"Info100": "#eef6fc",
|
|
324
|
-
"Info200": "#e3eff7",
|
|
325
|
-
"Info300": "#d7e6f0",
|
|
326
|
-
"Info400": "#c0d6e4",
|
|
327
|
-
"Info500": "#5a8fae",
|
|
328
|
-
"Info600": "#417da0",
|
|
329
|
-
"Info700": "#246b91",
|
|
330
|
-
"Info800": "#156389",
|
|
331
|
-
"Info900": "#00557d",
|
|
332
|
-
"Info1000": "#002942",
|
|
333
|
-
"Info100A": "#0078d211",
|
|
334
|
-
"Info200A": "#006eb71c",
|
|
335
|
-
"Info300A": "#0060a028",
|
|
336
|
-
"Info400A": "#005a923f",
|
|
337
|
-
"Brand1100": "#fbf3f6",
|
|
338
|
-
"Brand1200": "#f8eaef",
|
|
339
|
-
"Brand1300": "#f3dde5",
|
|
340
|
-
"Brand1400": "#eccad6",
|
|
341
|
-
"Brand1500": "#c26f92",
|
|
342
|
-
"Brand1600": "#b65781",
|
|
343
|
-
"Brand1700": "#a93d70",
|
|
344
|
-
"Brand1800": "#a33069",
|
|
345
|
-
"Brand1900": "#98185d",
|
|
346
|
-
"Brand11000": "#52002b",
|
|
347
|
-
"Brand1100A": "#aa00400c",
|
|
348
|
-
"Brand1200A": "#aa003d15",
|
|
349
|
-
"Brand1300A": "#a5003c22",
|
|
350
|
-
"Brand1400A": "#a4003a35",
|
|
351
|
-
"Brand2100": "#fff4ee",
|
|
352
|
-
"Brand2200": "#fdebe0",
|
|
353
|
-
"Brand2300": "#fcddcd",
|
|
354
|
-
"Brand2400": "#f8c8b1",
|
|
355
|
-
"Brand2500": "#c0765d",
|
|
356
|
-
"Brand2600": "#a9654e",
|
|
357
|
-
"Brand2700": "#915541",
|
|
358
|
-
"Brand2800": "#874e3b",
|
|
359
|
-
"Brand2900": "#764332",
|
|
360
|
-
"Brand21000": "#3c1f15",
|
|
361
|
-
"Brand2100A": "#ff5a0011",
|
|
362
|
-
"Brand2200A": "#ef5b001f",
|
|
363
|
-
"Brand2300A": "#f0520032",
|
|
364
|
-
"Brand2400A": "#e94c004e",
|
|
365
|
-
"Brand3100": "#eef6fc",
|
|
366
|
-
"Brand3200": "#e3eff7",
|
|
367
|
-
"Brand3300": "#d7e6f0",
|
|
368
|
-
"Brand3400": "#c0d6e4",
|
|
369
|
-
"Brand3500": "#5a8fae",
|
|
370
|
-
"Brand3600": "#417da0",
|
|
371
|
-
"Brand3700": "#246b91",
|
|
372
|
-
"Brand3800": "#156389",
|
|
373
|
-
"Brand3900": "#00557d",
|
|
374
|
-
"Brand31000": "#002942",
|
|
375
|
-
"Brand3100A": "#0078d211",
|
|
376
|
-
"Brand3200A": "#006eb71c",
|
|
377
|
-
"Brand3300A": "#0060a028",
|
|
378
|
-
"Brand3400A": "#005a923f",
|
|
379
|
-
"Meta1100": "#f7f5f9",
|
|
380
|
-
"Meta1200": "#f0edf4",
|
|
381
|
-
"Meta1300": "#e6e1ed",
|
|
382
|
-
"Meta1400": "#d7cfe3",
|
|
383
|
-
"Meta1500": "#9580b1",
|
|
384
|
-
"Meta1600": "#846ca4",
|
|
385
|
-
"Meta1700": "#725a91",
|
|
386
|
-
"Meta1800": "#6a5289",
|
|
387
|
-
"Meta1900": "#5e467c",
|
|
388
|
-
"Meta11000": "#331a4d",
|
|
389
|
-
"Meta1100A": "#3300660a",
|
|
390
|
-
"Meta1200A": "#2b006412",
|
|
391
|
-
"Meta1300A": "#2b00661e",
|
|
392
|
-
"Meta1400A": "#2b006b30",
|
|
393
|
-
"Meta2100": "#f4f9d1",
|
|
394
|
-
"Meta2200": "#ebf4a9",
|
|
395
|
-
"Meta2300": "#e0ec6b",
|
|
396
|
-
"Meta2400": "#d0dc00",
|
|
397
|
-
"Meta2500": "#878f00",
|
|
398
|
-
"Meta2600": "#757c00",
|
|
399
|
-
"Meta2700": "#646900",
|
|
400
|
-
"Meta2800": "#5c6100",
|
|
401
|
-
"Meta2900": "#515400",
|
|
402
|
-
"Meta21000": "#2a2800",
|
|
403
|
-
"Meta2100A": "#c3de002e",
|
|
404
|
-
"Meta2200A": "#c4df0056",
|
|
405
|
-
"Meta2300A": "#cadf0094",
|
|
406
|
-
"Meta2400A": "#d0dc00",
|
|
407
|
-
"Space0": "0rem",
|
|
408
|
-
"Space1": "0.0625rem",
|
|
409
|
-
"Space2": "0.125rem",
|
|
410
|
-
"Space4": "0.25rem",
|
|
411
|
-
"Space6": "0.375rem",
|
|
412
|
-
"Space8": "0.5rem",
|
|
413
|
-
"Space12": "0.75rem",
|
|
414
|
-
"Space16": "1rem",
|
|
415
|
-
"Space20": "1.25rem",
|
|
416
|
-
"Space24": "1.5rem",
|
|
417
|
-
"Space28": "1.75rem",
|
|
418
|
-
"Space32": "2rem",
|
|
419
|
-
"Space36": "2.25rem",
|
|
420
|
-
"Space40": "2.5rem",
|
|
421
|
-
"Space44": "2.75rem",
|
|
422
|
-
"Space48": "3rem",
|
|
423
|
-
"Space56": "3.5rem",
|
|
424
|
-
"Space64": "4rem",
|
|
425
|
-
"Space72": "4.5rem",
|
|
426
|
-
"Space80": "5rem",
|
|
427
|
-
"Space96": "6rem",
|
|
428
|
-
"Space128": "8rem",
|
|
429
|
-
"BorderRadiusSmall": "2px",
|
|
430
|
-
"BorderRadiusMedium": "4px",
|
|
431
|
-
"BorderRadiusLarge": "8px",
|
|
432
|
-
"BorderRadiusXlarge": "12px",
|
|
433
|
-
"BorderRadiusFull": "9999px",
|
|
434
|
-
"BreakpointXs": "0",
|
|
435
|
-
"BreakpointSm": "480px",
|
|
436
|
-
"BreakpointSmDown": "479px",
|
|
437
|
-
"BreakpointMd": "768px",
|
|
438
|
-
"BreakpointMdDown": "767px",
|
|
439
|
-
"BreakpointLg": "1024px",
|
|
440
|
-
"BreakpointLgDown": "1023px",
|
|
441
|
-
"BreakpointXl": "1280px",
|
|
442
|
-
"BreakpointXlDown": "1279px",
|
|
443
|
-
"Breakpoint2xl": "1440px",
|
|
444
|
-
"Breakpoint2xlDown": "1439px",
|
|
445
|
-
"FontFamily": "'Source Sans 3', 'Source Sans Pro', Arial, sans-serif",
|
|
446
|
-
"FontLineHeightHeading2xlarge": "3.25rem",
|
|
447
|
-
"FontLineHeightHeadingXlarge": "2.5rem",
|
|
448
|
-
"FontLineHeightHeadingLarge": "2.25rem",
|
|
449
|
-
"FontLineHeightHeadingMedium": "2rem",
|
|
450
|
-
"FontLineHeightHeadingSmall": "1.75rem",
|
|
451
|
-
"FontLineHeightHeadingXsmall": "1.5rem",
|
|
452
|
-
"FontLineHeightXlarge": "1.75rem",
|
|
453
|
-
"FontLineHeightLarge": "1.5rem",
|
|
454
|
-
"FontLineHeightMedium": "1.25rem",
|
|
455
|
-
"FontSizeHeading2xlarge": "2.5rem",
|
|
456
|
-
"FontSizeHeadingXlarge": "2rem",
|
|
457
|
-
"FontSizeHeadingLarge": "1.75rem",
|
|
458
|
-
"FontSizeHeadingMedium": "1.5rem",
|
|
459
|
-
"FontSizeHeadingSmall": "1.25rem",
|
|
460
|
-
"FontSizeHeadingXsmall": "1.125rem",
|
|
461
|
-
"FontSizeXlarge": "1.25rem",
|
|
462
|
-
"FontSizeLarge": "1.125rem",
|
|
463
|
-
"FontSizeMedium": "1rem",
|
|
464
|
-
"FontSizeSmall": "0.875rem",
|
|
465
|
-
"FontWeightBold": "600",
|
|
466
|
-
"FontWeightRegular": "400"
|
|
467
|
-
};
|