@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/root-tokens.css CHANGED
@@ -3,64 +3,64 @@
3
3
  */
4
4
 
5
5
  :root, :host {
6
- --ax-font-weight-regular: 400;
7
- --ax-font-weight-bold: 600;
8
- --ax-font-size-small: 0.875rem;
9
- --ax-font-size-medium: 1rem;
10
- --ax-font-size-large: 1.125rem;
11
- --ax-font-size-xlarge: 1.25rem;
12
- --ax-font-size-heading-xsmall: 1.125rem;
13
- --ax-font-size-heading-small: 1.25rem;
14
- --ax-font-size-heading-medium: 1.5rem;
15
- --ax-font-size-heading-large: 1.75rem;
16
- --ax-font-size-heading-xlarge: 2rem;
17
- --ax-font-size-heading-2xlarge: 2.5rem;
18
- --ax-font-line-height-medium: 1.25rem;
19
- --ax-font-line-height-large: 1.5rem;
20
- --ax-font-line-height-xlarge: 1.75rem;
21
- --ax-font-line-height-heading-xsmall: 1.5rem;
22
- --ax-font-line-height-heading-small: 1.75rem;
23
- --ax-font-line-height-heading-medium: 2rem;
24
- --ax-font-line-height-heading-large: 2.25rem;
25
- --ax-font-line-height-heading-xlarge: 2.5rem;
26
- --ax-font-line-height-heading-2xlarge: 3.25rem;
27
- --ax-font-family: 'Source Sans 3', 'Source Sans Pro', Arial, sans-serif;
28
- --ax-breakpoint-2xl-down: 1439px;
29
- --ax-breakpoint-2xl: 1440px;
30
- --ax-breakpoint-xl-down: 1279px;
31
- --ax-breakpoint-xl: 1280px;
32
- --ax-breakpoint-lg-down: 1023px;
33
- --ax-breakpoint-lg: 1024px;
34
- --ax-breakpoint-md-down: 767px;
35
- --ax-breakpoint-md: 768px;
36
- --ax-breakpoint-sm-down: 479px;
37
- --ax-breakpoint-sm: 480px;
38
- --ax-breakpoint-xs: 0;
39
- --ax-border-radius-full: 9999px;
40
- --ax-border-radius-xlarge: 12px;
41
- --ax-border-radius-large: 8px;
42
- --ax-border-radius-medium: 4px;
43
- --ax-border-radius-small: 2px;
44
- --ax-space-128: 8rem;
45
- --ax-space-96: 6rem;
46
- --ax-space-80: 5rem;
47
- --ax-space-72: 4.5rem;
48
- --ax-space-64: 4rem;
49
- --ax-space-56: 3.5rem;
50
- --ax-space-48: 3rem;
51
- --ax-space-44: 2.75rem;
52
- --ax-space-40: 2.5rem;
53
- --ax-space-36: 2.25rem;
54
- --ax-space-32: 2rem;
55
- --ax-space-28: 1.75rem;
56
- --ax-space-24: 1.5rem;
57
- --ax-space-20: 1.25rem;
58
- --ax-space-16: 1rem;
59
- --ax-space-12: 0.75rem;
60
- --ax-space-8: 0.5rem;
61
- --ax-space-6: 0.375rem;
62
- --ax-space-4: 0.25rem;
63
- --ax-space-2: 0.125rem;
64
- --ax-space-1: 0.0625rem;
65
6
  --ax-space-0: 0rem;
7
+ --ax-space-1: 0.0625rem;
8
+ --ax-space-2: 0.125rem;
9
+ --ax-space-4: 0.25rem;
10
+ --ax-space-6: 0.375rem;
11
+ --ax-space-8: 0.5rem;
12
+ --ax-space-12: 0.75rem;
13
+ --ax-space-16: 1rem;
14
+ --ax-space-20: 1.25rem;
15
+ --ax-space-24: 1.5rem;
16
+ --ax-space-28: 1.75rem;
17
+ --ax-space-32: 2rem;
18
+ --ax-space-36: 2.25rem;
19
+ --ax-space-40: 2.5rem;
20
+ --ax-space-44: 2.75rem;
21
+ --ax-space-48: 3rem;
22
+ --ax-space-56: 3.5rem;
23
+ --ax-space-64: 4rem;
24
+ --ax-space-72: 4.5rem;
25
+ --ax-space-80: 5rem;
26
+ --ax-space-96: 6rem;
27
+ --ax-space-128: 8rem;
28
+ --ax-border-radius-small: 2px;
29
+ --ax-border-radius-medium: 4px;
30
+ --ax-border-radius-large: 8px;
31
+ --ax-border-radius-xlarge: 12px;
32
+ --ax-border-radius-full: 9999px;
33
+ --ax-breakpoint-xs: 0;
34
+ --ax-breakpoint-sm: 480px;
35
+ --ax-breakpoint-sm-down: 479px;
36
+ --ax-breakpoint-md: 768px;
37
+ --ax-breakpoint-md-down: 767px;
38
+ --ax-breakpoint-lg: 1024px;
39
+ --ax-breakpoint-lg-down: 1023px;
40
+ --ax-breakpoint-xl: 1280px;
41
+ --ax-breakpoint-xl-down: 1279px;
42
+ --ax-breakpoint-2xl: 1440px;
43
+ --ax-breakpoint-2xl-down: 1439px;
44
+ --ax-font-family: 'Source Sans 3', 'Source Sans Pro', Arial, sans-serif;
45
+ --ax-font-line-height-heading-2xlarge: 3.25rem;
46
+ --ax-font-line-height-heading-xlarge: 2.5rem;
47
+ --ax-font-line-height-heading-large: 2.25rem;
48
+ --ax-font-line-height-heading-medium: 2rem;
49
+ --ax-font-line-height-heading-small: 1.75rem;
50
+ --ax-font-line-height-heading-xsmall: 1.5rem;
51
+ --ax-font-line-height-xlarge: 1.75rem;
52
+ --ax-font-line-height-large: 1.5rem;
53
+ --ax-font-line-height-medium: 1.25rem;
54
+ --ax-font-size-heading-2xlarge: 2.5rem;
55
+ --ax-font-size-heading-xlarge: 2rem;
56
+ --ax-font-size-heading-large: 1.75rem;
57
+ --ax-font-size-heading-medium: 1.5rem;
58
+ --ax-font-size-heading-small: 1.25rem;
59
+ --ax-font-size-heading-xsmall: 1.125rem;
60
+ --ax-font-size-xlarge: 1.25rem;
61
+ --ax-font-size-large: 1.125rem;
62
+ --ax-font-size-medium: 1rem;
63
+ --ax-font-size-small: 0.875rem;
64
+ --ax-font-weight-bold: 600;
65
+ --ax-font-weight-regular: 400;
66
66
  }
package/dist/darkside/static/tokens-cjs.js CHANGED
@@ -12,6 +12,7 @@ module.exports = {
12
12
  */
13
13
  "OpacityDisabled": "0.3",
14
14
  "BgAccentSoft": "#f1f7ff",
15
+ "BgAccentSoftA": "#006eff0e",
15
16
  "BgAccentHover": "#e4eeff",
16
17
  "BgAccentHoverA": "#005fff1b",
17
18
  "BgAccentModerate": "#e4eeff",
@@ -23,9 +24,8 @@ module.exports = {
23
24
  "BgAccentStrong": "#2277d5",
24
25
  "BgAccentStrongHover": "#0063c1",
25
26
  "BgAccentStrongPressed": "#005bb6",
26
- "BgAccentRaised": "#f1f7ff",
27
- "BgAccentRaisedHover": "#e4eeff",
28
27
  "BgSuccessSoft": "#e2fde8",
28
+ "BgSuccessSoftA": "#00ee351d",
29
29
  "BgSuccessHover": "#d5f6db",
30
30
  "BgSuccessHoverA": "#00c9252a",
31
31
  "BgSuccessModerate": "#d5f6db",
@@ -37,9 +37,8 @@ module.exports = {
37
37
  "BgSuccessStrong": "#00893c",
38
38
  "BgSuccessStrongHover": "#007629",
39
39
  "BgSuccessStrongPressed": "#006c1f",
40
- "BgSuccessRaised": "#e2fde8",
41
- "BgSuccessRaisedHover": "#d5f6db",
42
40
  "BgWarningSoft": "#fff5e4",
41
+ "BgWarningSoftA": "#ffa1001b",
43
42
  "BgWarningHover": "#ffebc7",
44
43
  "BgWarningHoverA": "#ffa40038",
45
44
  "BgWarningModerate": "#ffebc7",
@@ -51,9 +50,8 @@ module.exports = {
51
50
  "BgWarningStrong": "#c95100",
52
51
  "BgWarningStrongHover": "#ac4400",
53
52
  "BgWarningStrongPressed": "#a03e00",
54
- "BgWarningRaised": "#fff5e4",
55
- "BgWarningRaisedHover": "#ffebc7",
56
53
  "BgDangerSoft": "#fff2f7",
54
+ "BgDangerSoftA": "#ff00630d",
57
55
  "BgDangerHover": "#ffe8f0",
58
56
  "BgDangerHoverA": "#ff005917",
59
57
  "BgDangerModerate": "#ffe8f0",
@@ -65,9 +63,8 @@ module.exports = {
65
63
  "BgDangerStrong": "#e22a49",
66
64
  "BgDangerStrongHover": "#cb0035",
67
65
  "BgDangerStrongPressed": "#bc002a",
68
- "BgDangerRaised": "#fff2f7",
69
- "BgDangerRaisedHover": "#ffe8f0",
70
66
  "BgInfoSoft": "#eef6fc",
67
+ "BgInfoSoftA": "#0078d211",
71
68
  "BgInfoHover": "#e3eff7",
72
69
  "BgInfoHoverA": "#006eb71c",
73
70
  "BgInfoModerate": "#e3eff7",
@@ -79,9 +76,8 @@ module.exports = {
79
76
  "BgInfoStrong": "#417da0",
80
77
  "BgInfoStrongHover": "#246b91",
81
78
  "BgInfoStrongPressed": "#156389",
82
- "BgInfoRaised": "#eef6fc",
83
- "BgInfoRaisedHover": "#e3eff7",
84
79
  "BgBrand1Soft": "#fbf3f6",
80
+ "BgBrand1SoftA": "#aa00400c",
85
81
  "BgBrand1Hover": "#f8eaef",
86
82
  "BgBrand1HoverA": "#aa003d15",
87
83
  "BgBrand1Moderate": "#f8eaef",
@@ -93,9 +89,8 @@ module.exports = {
93
89
  "BgBrand1Strong": "#b65781",
94
90
  "BgBrand1StrongHover": "#a93d70",
95
91
  "BgBrand1StrongPressed": "#a33069",
96
- "BgBrand1Raised": "#fbf3f6",
97
- "BgBrand1RaisedHover": "#f8eaef",
98
92
  "BgBrand2Soft": "#fff4ee",
93
+ "BgBrand2SoftA": "#ff5a0011",
99
94
  "BgBrand2Hover": "#fdebe0",
100
95
  "BgBrand2HoverA": "#ef5b001f",
101
96
  "BgBrand2Moderate": "#fdebe0",
@@ -107,9 +102,8 @@ module.exports = {
107
102
  "BgBrand2Strong": "#a9654e",
108
103
  "BgBrand2StrongHover": "#915541",
109
104
  "BgBrand2StrongPressed": "#874e3b",
110
- "BgBrand2Raised": "#fff4ee",
111
- "BgBrand2RaisedHover": "#fdebe0",
112
105
  "BgBrand3Soft": "#eef6fc",
106
+ "BgBrand3SoftA": "#0078d211",
113
107
  "BgBrand3Hover": "#e3eff7",
114
108
  "BgBrand3HoverA": "#006eb71c",
115
109
  "BgBrand3Moderate": "#e3eff7",
@@ -121,9 +115,8 @@ module.exports = {
121
115
  "BgBrand3Strong": "#417da0",
122
116
  "BgBrand3StrongHover": "#246b91",
123
117
  "BgBrand3StrongPressed": "#156389",
124
- "BgBrand3Raised": "#eef6fc",
125
- "BgBrand3RaisedHover": "#e3eff7",
126
118
  "BgMeta1Soft": "#f7f5f9",
119
+ "BgMeta1SoftA": "#3300660a",
127
120
  "BgMeta1Hover": "#f0edf4",
128
121
  "BgMeta1HoverA": "#2b006412",
129
122
  "BgMeta1Moderate": "#f0edf4",
@@ -135,9 +128,8 @@ module.exports = {
135
128
  "BgMeta1Strong": "#846ca4",
136
129
  "BgMeta1StrongHover": "#725a91",
137
130
  "BgMeta1StrongPressed": "#6a5289",
138
- "BgMeta1Raised": "#f7f5f9",
139
- "BgMeta1RaisedHover": "#f0edf4",
140
131
  "BgMeta2Soft": "#f4f9d1",
132
+ "BgMeta2SoftA": "#c3de002e",
141
133
  "BgMeta2Hover": "#ebf4a9",
142
134
  "BgMeta2HoverA": "#c4df0056",
143
135
  "BgMeta2Moderate": "#ebf4a9",
@@ -149,14 +141,13 @@ module.exports = {
149
141
  "BgMeta2Strong": "#757c00",
150
142
  "BgMeta2StrongHover": "#646900",
151
143
  "BgMeta2StrongPressed": "#5c6100",
152
- "BgMeta2Raised": "#f4f9d1",
153
- "BgMeta2RaisedHover": "#ebf4a9",
154
144
  "BgDefault": "#ffffff",
155
145
  "BgInput": "#ffffff",
156
146
  "BgRaised": "white",
157
147
  "BgSunken": "#ecedef",
158
148
  "BgOverlay": "#021431",
159
149
  "BgSoft": "#f5f6f7",
150
+ "BgSoftA": "#001a330a",
160
151
  "BgHover": "#ecedef",
161
152
  "BgHoverA": "#000e2913",
162
153
  "BgModerate": "#ecedef",
@@ -165,9 +156,9 @@ module.exports = {
165
156
  "BgModerateHoverA": "#0011331e",
166
157
  "BgModeratePressed": "#cfd3d8",
167
158
  "BgModeratePressedA": "#00163030",
168
- "BgStrong": "#6f7785",
169
- "BgStrongHover": "#5d6573",
170
- "BgStrongPressed": "#555d6a",
159
+ "BgStrong": "#5d6573",
160
+ "BgStrongHover": "#555d6a",
161
+ "BgStrongPressed": "#49515e",
171
162
  "TextAccent": "#005bb6",
172
163
  "TextAccentStrong": "#002459",
173
164
  "TextAccentIcon": "#2277d5",
@@ -253,11 +244,11 @@ module.exports = {
253
244
  "BorderMeta2Subtle": "#d0dc00",
254
245
  "BorderMeta2SubtleA": "#d0dc00",
255
246
  "BorderMeta2Strong": "#646900",
256
- "BorderDefault": "#818997",
247
+ "BorderDefault": "#6f7785",
257
248
  "BorderSubtle": "#cfd3d8",
258
249
  "BorderSubtleA": "#00163030",
259
250
  "BorderStrong": "#6f7785",
260
- "BorderFocus": "#0063c1",
251
+ "BorderFocus": "#202733",
261
252
  "Neutral100": "#f5f6f7",
262
253
  "Neutral200": "#ecedef",
263
254
  "Neutral300": "#e1e3e7",
package/dist/darkside/static/tokens.d.ts CHANGED
@@ -11,6 +11,7 @@ export const ShadowDialog = "0px 0px 1px 0px rgba(7 9 13 / 0.02), 0px 2px 5px 0p
11
11
  */
12
12
  export const OpacityDisabled = "0.3";
13
13
  export const BgAccentSoft = "#f1f7ff";
14
+ export const BgAccentSoftA = "#006eff0e";
14
15
  export const BgAccentHover = "#e4eeff";
15
16
  export const BgAccentHoverA = "#005fff1b";
16
17
  export const BgAccentModerate = "#e4eeff";
@@ -22,9 +23,8 @@ export const BgAccentModeratePressedA = "#0064f145";
22
23
  export const BgAccentStrong = "#2277d5";
23
24
  export const BgAccentStrongHover = "#0063c1";
24
25
  export const BgAccentStrongPressed = "#005bb6";
25
- export const BgAccentRaised = "#f1f7ff";
26
- export const BgAccentRaisedHover = "#e4eeff";
27
26
  export const BgSuccessSoft = "#e2fde8";
27
+ export const BgSuccessSoftA = "#00ee351d";
28
28
  export const BgSuccessHover = "#d5f6db";
29
29
  export const BgSuccessHoverA = "#00c9252a";
30
30
  export const BgSuccessModerate = "#d5f6db";
@@ -36,9 +36,8 @@ export const BgSuccessModeratePressedA = "#00a22457";
36
36
  export const BgSuccessStrong = "#00893c";
37
37
  export const BgSuccessStrongHover = "#007629";
38
38
  export const BgSuccessStrongPressed = "#006c1f";
39
- export const BgSuccessRaised = "#e2fde8";
40
- export const BgSuccessRaisedHover = "#d5f6db";
41
39
  export const BgWarningSoft = "#fff5e4";
40
+ export const BgWarningSoftA = "#ffa1001b";
42
41
  export const BgWarningHover = "#ffebc7";
43
42
  export const BgWarningHoverA = "#ffa40038";
44
43
  export const BgWarningModerate = "#ffebc7";
@@ -50,9 +49,8 @@ export const BgWarningModeratePressedA = "#ffa30090";
50
49
  export const BgWarningStrong = "#c95100";
51
50
  export const BgWarningStrongHover = "#ac4400";
52
51
  export const BgWarningStrongPressed = "#a03e00";
53
- export const BgWarningRaised = "#fff5e4";
54
- export const BgWarningRaisedHover = "#ffebc7";
55
52
  export const BgDangerSoft = "#fff2f7";
53
+ export const BgDangerSoftA = "#ff00630d";
56
54
  export const BgDangerHover = "#ffe8f0";
57
55
  export const BgDangerHoverA = "#ff005917";
58
56
  export const BgDangerModerate = "#ffe8f0";
@@ -64,9 +62,8 @@ export const BgDangerModeratePressedA = "#ff00583d";
64
62
  export const BgDangerStrong = "#e22a49";
65
63
  export const BgDangerStrongHover = "#cb0035";
66
64
  export const BgDangerStrongPressed = "#bc002a";
67
- export const BgDangerRaised = "#fff2f7";
68
- export const BgDangerRaisedHover = "#ffe8f0";
69
65
  export const BgInfoSoft = "#eef6fc";
66
+ export const BgInfoSoftA = "#0078d211";
70
67
  export const BgInfoHover = "#e3eff7";
71
68
  export const BgInfoHoverA = "#006eb71c";
72
69
  export const BgInfoModerate = "#e3eff7";
@@ -78,9 +75,8 @@ export const BgInfoModeratePressedA = "#005a923f";
78
75
  export const BgInfoStrong = "#417da0";
79
76
  export const BgInfoStrongHover = "#246b91";
80
77
  export const BgInfoStrongPressed = "#156389";
81
- export const BgInfoRaised = "#eef6fc";
82
- export const BgInfoRaisedHover = "#e3eff7";
83
78
  export const BgBrand1Soft = "#fbf3f6";
79
+ export const BgBrand1SoftA = "#aa00400c";
84
80
  export const BgBrand1Hover = "#f8eaef";
85
81
  export const BgBrand1HoverA = "#aa003d15";
86
82
  export const BgBrand1Moderate = "#f8eaef";
@@ -92,9 +88,8 @@ export const BgBrand1ModeratePressedA = "#a4003a35";
92
88
  export const BgBrand1Strong = "#b65781";
93
89
  export const BgBrand1StrongHover = "#a93d70";
94
90
  export const BgBrand1StrongPressed = "#a33069";
95
- export const BgBrand1Raised = "#fbf3f6";
96
- export const BgBrand1RaisedHover = "#f8eaef";
97
91
  export const BgBrand2Soft = "#fff4ee";
92
+ export const BgBrand2SoftA = "#ff5a0011";
98
93
  export const BgBrand2Hover = "#fdebe0";
99
94
  export const BgBrand2HoverA = "#ef5b001f";
100
95
  export const BgBrand2Moderate = "#fdebe0";
@@ -106,9 +101,8 @@ export const BgBrand2ModeratePressedA = "#e94c004e";
106
101
  export const BgBrand2Strong = "#a9654e";
107
102
  export const BgBrand2StrongHover = "#915541";
108
103
  export const BgBrand2StrongPressed = "#874e3b";
109
- export const BgBrand2Raised = "#fff4ee";
110
- export const BgBrand2RaisedHover = "#fdebe0";
111
104
  export const BgBrand3Soft = "#eef6fc";
105
+ export const BgBrand3SoftA = "#0078d211";
112
106
  export const BgBrand3Hover = "#e3eff7";
113
107
  export const BgBrand3HoverA = "#006eb71c";
114
108
  export const BgBrand3Moderate = "#e3eff7";
@@ -120,9 +114,8 @@ export const BgBrand3ModeratePressedA = "#005a923f";
120
114
  export const BgBrand3Strong = "#417da0";
121
115
  export const BgBrand3StrongHover = "#246b91";
122
116
  export const BgBrand3StrongPressed = "#156389";
123
- export const BgBrand3Raised = "#eef6fc";
124
- export const BgBrand3RaisedHover = "#e3eff7";
125
117
  export const BgMeta1Soft = "#f7f5f9";
118
+ export const BgMeta1SoftA = "#3300660a";
126
119
  export const BgMeta1Hover = "#f0edf4";
127
120
  export const BgMeta1HoverA = "#2b006412";
128
121
  export const BgMeta1Moderate = "#f0edf4";
@@ -134,9 +127,8 @@ export const BgMeta1ModeratePressedA = "#2b006b30";
134
127
  export const BgMeta1Strong = "#846ca4";
135
128
  export const BgMeta1StrongHover = "#725a91";
136
129
  export const BgMeta1StrongPressed = "#6a5289";
137
- export const BgMeta1Raised = "#f7f5f9";
138
- export const BgMeta1RaisedHover = "#f0edf4";
139
130
  export const BgMeta2Soft = "#f4f9d1";
131
+ export const BgMeta2SoftA = "#c3de002e";
140
132
  export const BgMeta2Hover = "#ebf4a9";
141
133
  export const BgMeta2HoverA = "#c4df0056";
142
134
  export const BgMeta2Moderate = "#ebf4a9";
@@ -148,14 +140,13 @@ export const BgMeta2ModeratePressedA = "#d0dc00";
148
140
  export const BgMeta2Strong = "#757c00";
149
141
  export const BgMeta2StrongHover = "#646900";
150
142
  export const BgMeta2StrongPressed = "#5c6100";
151
- export const BgMeta2Raised = "#f4f9d1";
152
- export const BgMeta2RaisedHover = "#ebf4a9";
153
143
  export const BgDefault = "#ffffff";
154
144
  export const BgInput = "#ffffff";
155
145
  export const BgRaised = "white";
156
146
  export const BgSunken = "#ecedef";
157
147
  export const BgOverlay = "#021431";
158
148
  export const BgSoft = "#f5f6f7";
149
+ export const BgSoftA = "#001a330a";
159
150
  export const BgHover = "#ecedef";
160
151
  export const BgHoverA = "#000e2913";
161
152
  export const BgModerate = "#ecedef";
@@ -164,9 +155,9 @@ export const BgModerateHover = "#e1e3e7";
164
155
  export const BgModerateHoverA = "#0011331e";
165
156
  export const BgModeratePressed = "#cfd3d8";
166
157
  export const BgModeratePressedA = "#00163030";
167
- export const BgStrong = "#6f7785";
168
- export const BgStrongHover = "#5d6573";
169
- export const BgStrongPressed = "#555d6a";
158
+ export const BgStrong = "#5d6573";
159
+ export const BgStrongHover = "#555d6a";
160
+ export const BgStrongPressed = "#49515e";
170
161
  export const TextAccent = "#005bb6";
171
162
  export const TextAccentStrong = "#002459";
172
163
  export const TextAccentIcon = "#2277d5";
@@ -252,11 +243,11 @@ export const BorderMeta2 = "#757c00";
252
243
  export const BorderMeta2Subtle = "#d0dc00";
253
244
  export const BorderMeta2SubtleA = "#d0dc00";
254
245
  export const BorderMeta2Strong = "#646900";
255
- export const BorderDefault = "#818997";
246
+ export const BorderDefault = "#6f7785";
256
247
  export const BorderSubtle = "#cfd3d8";
257
248
  export const BorderSubtleA = "#00163030";
258
249
  export const BorderStrong = "#6f7785";
259
- export const BorderFocus = "#0063c1";
250
+ export const BorderFocus = "#202733";
260
251
  export const Neutral100 = "#f5f6f7";
261
252
  export const Neutral200 = "#ecedef";
262
253
  export const Neutral300 = "#e1e3e7";
package/dist/darkside/static/tokens.js CHANGED
@@ -11,6 +11,7 @@ export const ShadowDialog = "0px 0px 1px 0px rgba(7 9 13 / 0.02), 0px 2px 5px 0p
11
11
  */
12
12
  export const OpacityDisabled = "0.3";
13
13
  export const BgAccentSoft = "#f1f7ff";
14
+ export const BgAccentSoftA = "#006eff0e";
14
15
  export const BgAccentHover = "#e4eeff";
15
16
  export const BgAccentHoverA = "#005fff1b";
16
17
  export const BgAccentModerate = "#e4eeff";
@@ -22,9 +23,8 @@ export const BgAccentModeratePressedA = "#0064f145";
22
23
  export const BgAccentStrong = "#2277d5";
23
24
  export const BgAccentStrongHover = "#0063c1";
24
25
  export const BgAccentStrongPressed = "#005bb6";
25
- export const BgAccentRaised = "#f1f7ff";
26
- export const BgAccentRaisedHover = "#e4eeff";
27
26
  export const BgSuccessSoft = "#e2fde8";
27
+ export const BgSuccessSoftA = "#00ee351d";
28
28
  export const BgSuccessHover = "#d5f6db";
29
29
  export const BgSuccessHoverA = "#00c9252a";
30
30
  export const BgSuccessModerate = "#d5f6db";
@@ -36,9 +36,8 @@ export const BgSuccessModeratePressedA = "#00a22457";
36
36
  export const BgSuccessStrong = "#00893c";
37
37
  export const BgSuccessStrongHover = "#007629";
38
38
  export const BgSuccessStrongPressed = "#006c1f";
39
- export const BgSuccessRaised = "#e2fde8";
40
- export const BgSuccessRaisedHover = "#d5f6db";
41
39
  export const BgWarningSoft = "#fff5e4";
40
+ export const BgWarningSoftA = "#ffa1001b";
42
41
  export const BgWarningHover = "#ffebc7";
43
42
  export const BgWarningHoverA = "#ffa40038";
44
43
  export const BgWarningModerate = "#ffebc7";
@@ -50,9 +49,8 @@ export const BgWarningModeratePressedA = "#ffa30090";
50
49
  export const BgWarningStrong = "#c95100";
51
50
  export const BgWarningStrongHover = "#ac4400";
52
51
  export const BgWarningStrongPressed = "#a03e00";
53
- export const BgWarningRaised = "#fff5e4";
54
- export const BgWarningRaisedHover = "#ffebc7";
55
52
  export const BgDangerSoft = "#fff2f7";
53
+ export const BgDangerSoftA = "#ff00630d";
56
54
  export const BgDangerHover = "#ffe8f0";
57
55
  export const BgDangerHoverA = "#ff005917";
58
56
  export const BgDangerModerate = "#ffe8f0";
@@ -64,9 +62,8 @@ export const BgDangerModeratePressedA = "#ff00583d";
64
62
  export const BgDangerStrong = "#e22a49";
65
63
  export const BgDangerStrongHover = "#cb0035";
66
64
  export const BgDangerStrongPressed = "#bc002a";
67
- export const BgDangerRaised = "#fff2f7";
68
- export const BgDangerRaisedHover = "#ffe8f0";
69
65
  export const BgInfoSoft = "#eef6fc";
66
+ export const BgInfoSoftA = "#0078d211";
70
67
  export const BgInfoHover = "#e3eff7";
71
68
  export const BgInfoHoverA = "#006eb71c";
72
69
  export const BgInfoModerate = "#e3eff7";
@@ -78,9 +75,8 @@ export const BgInfoModeratePressedA = "#005a923f";
78
75
  export const BgInfoStrong = "#417da0";
79
76
  export const BgInfoStrongHover = "#246b91";
80
77
  export const BgInfoStrongPressed = "#156389";
81
- export const BgInfoRaised = "#eef6fc";
82
- export const BgInfoRaisedHover = "#e3eff7";
83
78
  export const BgBrand1Soft = "#fbf3f6";
79
+ export const BgBrand1SoftA = "#aa00400c";
84
80
  export const BgBrand1Hover = "#f8eaef";
85
81
  export const BgBrand1HoverA = "#aa003d15";
86
82
  export const BgBrand1Moderate = "#f8eaef";
@@ -92,9 +88,8 @@ export const BgBrand1ModeratePressedA = "#a4003a35";
92
88
  export const BgBrand1Strong = "#b65781";
93
89
  export const BgBrand1StrongHover = "#a93d70";
94
90
  export const BgBrand1StrongPressed = "#a33069";
95
- export const BgBrand1Raised = "#fbf3f6";
96
- export const BgBrand1RaisedHover = "#f8eaef";
97
91
  export const BgBrand2Soft = "#fff4ee";
92
+ export const BgBrand2SoftA = "#ff5a0011";
98
93
  export const BgBrand2Hover = "#fdebe0";
99
94
  export const BgBrand2HoverA = "#ef5b001f";
100
95
  export const BgBrand2Moderate = "#fdebe0";
@@ -106,9 +101,8 @@ export const BgBrand2ModeratePressedA = "#e94c004e";
106
101
  export const BgBrand2Strong = "#a9654e";
107
102
  export const BgBrand2StrongHover = "#915541";
108
103
  export const BgBrand2StrongPressed = "#874e3b";
109
- export const BgBrand2Raised = "#fff4ee";
110
- export const BgBrand2RaisedHover = "#fdebe0";
111
104
  export const BgBrand3Soft = "#eef6fc";
105
+ export const BgBrand3SoftA = "#0078d211";
112
106
  export const BgBrand3Hover = "#e3eff7";
113
107
  export const BgBrand3HoverA = "#006eb71c";
114
108
  export const BgBrand3Moderate = "#e3eff7";
@@ -120,9 +114,8 @@ export const BgBrand3ModeratePressedA = "#005a923f";
120
114
  export const BgBrand3Strong = "#417da0";
121
115
  export const BgBrand3StrongHover = "#246b91";
122
116
  export const BgBrand3StrongPressed = "#156389";
123
- export const BgBrand3Raised = "#eef6fc";
124
- export const BgBrand3RaisedHover = "#e3eff7";
125
117
  export const BgMeta1Soft = "#f7f5f9";
118
+ export const BgMeta1SoftA = "#3300660a";
126
119
  export const BgMeta1Hover = "#f0edf4";
127
120
  export const BgMeta1HoverA = "#2b006412";
128
121
  export const BgMeta1Moderate = "#f0edf4";
@@ -134,9 +127,8 @@ export const BgMeta1ModeratePressedA = "#2b006b30";
134
127
  export const BgMeta1Strong = "#846ca4";
135
128
  export const BgMeta1StrongHover = "#725a91";
136
129
  export const BgMeta1StrongPressed = "#6a5289";
137
- export const BgMeta1Raised = "#f7f5f9";
138
- export const BgMeta1RaisedHover = "#f0edf4";
139
130
  export const BgMeta2Soft = "#f4f9d1";
131
+ export const BgMeta2SoftA = "#c3de002e";
140
132
  export const BgMeta2Hover = "#ebf4a9";
141
133
  export const BgMeta2HoverA = "#c4df0056";
142
134
  export const BgMeta2Moderate = "#ebf4a9";
@@ -148,14 +140,13 @@ export const BgMeta2ModeratePressedA = "#d0dc00";
148
140
  export const BgMeta2Strong = "#757c00";
149
141
  export const BgMeta2StrongHover = "#646900";
150
142
  export const BgMeta2StrongPressed = "#5c6100";
151
- export const BgMeta2Raised = "#f4f9d1";
152
- export const BgMeta2RaisedHover = "#ebf4a9";
153
143
  export const BgDefault = "#ffffff";
154
144
  export const BgInput = "#ffffff";
155
145
  export const BgRaised = "white";
156
146
  export const BgSunken = "#ecedef";
157
147
  export const BgOverlay = "#021431";
158
148
  export const BgSoft = "#f5f6f7";
149
+ export const BgSoftA = "#001a330a";
159
150
  export const BgHover = "#ecedef";
160
151
  export const BgHoverA = "#000e2913";
161
152
  export const BgModerate = "#ecedef";
@@ -164,9 +155,9 @@ export const BgModerateHover = "#e1e3e7";
164
155
  export const BgModerateHoverA = "#0011331e";
165
156
  export const BgModeratePressed = "#cfd3d8";
166
157
  export const BgModeratePressedA = "#00163030";
167
- export const BgStrong = "#6f7785";
168
- export const BgStrongHover = "#5d6573";
169
- export const BgStrongPressed = "#555d6a";
158
+ export const BgStrong = "#5d6573";
159
+ export const BgStrongHover = "#555d6a";
160
+ export const BgStrongPressed = "#49515e";
170
161
  export const TextAccent = "#005bb6";
171
162
  export const TextAccentStrong = "#002459";
172
163
  export const TextAccentIcon = "#2277d5";
@@ -252,11 +243,11 @@ export const BorderMeta2 = "#757c00";
252
243
  export const BorderMeta2Subtle = "#d0dc00";
253
244
  export const BorderMeta2SubtleA = "#d0dc00";
254
245
  export const BorderMeta2Strong = "#646900";
255
- export const BorderDefault = "#818997";
246
+ export const BorderDefault = "#6f7785";
256
247
  export const BorderSubtle = "#cfd3d8";
257
248
  export const BorderSubtleA = "#00163030";
258
249
  export const BorderStrong = "#6f7785";
259
- export const BorderFocus = "#0063c1";
250
+ export const BorderFocus = "#202733";
260
251
  export const Neutral100 = "#f5f6f7";
261
252
  export const Neutral200 = "#ecedef";
262
253
  export const Neutral300 = "#e1e3e7";