@eui/eds-styles 22.0.0-alpha.43 → 22.0.0-alpha.45

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 (16) hide show
  1. package/dist/base/01-base/mixins.scss +9 -8
  2. package/dist/base/02-tokens/colors-semantic-dark-theme.scss +69 -304
  3. package/dist/base/02-tokens/colors-semantic.scss +74 -313
  4. package/dist/base/02-tokens/ecl/primitives/_color.scss +1 -1
  5. package/dist/base/02-tokens/ecl/semantic/_color-dark.scss +56 -90
  6. package/dist/base/02-tokens/ecl/semantic/_color.scss +19 -59
  7. package/dist/base/02-tokens/ecl/semantic/_shadow-dark.scss +43 -0
  8. package/dist/base/02-tokens/ecl/semantic/_spacing.scss +1 -3
  9. package/dist/eds-showcase-exports.css +1 -1
  10. package/dist/eds-utilities.css +1 -1
  11. package/dist/eds-utilities.css.map +1 -1
  12. package/dist/eds-vars.css +1 -1
  13. package/dist/eds-vars.css.map +1 -1
  14. package/dist/eds.css +1 -1
  15. package/dist/eds.css.map +1 -1
  16. package/package.json +1 -1
package/dist/base/02-tokens/ecl/semantic/_color-dark.scss CHANGED
@@ -13,10 +13,10 @@
13
13
  $color-dark: map.merge(
14
14
  (
15
15
  // Surfaces — elevation
16
- surface-accent: map.get(primitive.$color, 'graphite-900'),
17
- surface-selected: map.get(primitive.$color, 'graphite-800'),
18
- surface-skeleton: map.get(primitive.$color, 'graphite-800'),
19
- surface-invisible: map.get(primitive.$color, 'alpha-graphite-0-0'),
16
+ surface-accent: map.get(primitive.$color, 'silver-fog-900'),
17
+ surface-selected: map.get(primitive.$color, 'silver-fog-800'),
18
+ surface-skeleton: map.get(primitive.$color, 'graphite-600'),
19
+ surface-invisible: map.get(primitive.$color, 'alpha-graphite-950-0'),
20
20
  surface-elevation-sunken: map.get(primitive.$color, 'graphite-1000'),
21
21
  surface-elevation-inset: map.get(primitive.$color, 'graphite-950'),
22
22
  surface-elevation: map.get(primitive.$color, 'graphite-900'),
@@ -25,124 +25,84 @@ $color-dark: map.merge(
25
25
  surface-elevation-overlay: map.get(primitive.$color, 'graphite-600'),
26
26
  //
27
27
  // Surfaces — brand
28
- surface-brand: map.get(primitive.$color, 'graphite-900'),
28
+ surface-brand: map.get(primitive.$color, 'silver-fog-900'),
29
29
  on-surface-brand: map.get(primitive.$color, 'graphite-0'),
30
- surface-brand--hover: map.get(primitive.$color, 'graphite-950'),
31
- on-surface-brand--hover: map.get(primitive.$color, 'graphite-0'),
32
30
  //
33
31
  // Surfaces — disabled
34
- surface-disabled: map.get(primitive.$color, 'graphite-700'),
32
+ surface-disabled: map.get(primitive.$color, 'graphite-500'),
35
33
  on-surface-disabled: map.get(primitive.$color, 'graphite-400'),
36
- surface-disabled-subtle: map.get(primitive.$color, 'graphite-800'),
34
+ surface-disabled-subtle: map.get(primitive.$color, 'graphite-700'),
37
35
  on-surface-disabled-subtle: map.get(primitive.$color, 'graphite-400'),
38
36
  //
39
37
  // Surfaces — primary
40
38
  surface-primary: map.get(primitive.$color, 'european-blue-600'),
41
39
  on-surface-primary: map.get(primitive.$color, 'graphite-0'),
42
40
  surface-primary--hover: map.get(primitive.$color, 'european-blue-700'),
43
- on-surface-primary--hover: map.get(primitive.$color, 'graphite-0'),
44
- surface-primary--pressed: map.get(primitive.$color, 'european-blue-800'),
45
- on-surface-primary--pressed: map.get(primitive.$color, 'graphite-0'),
46
- surface-primary-subtle: map.get(primitive.$color, 'european-blue-50'),
47
- on-surface-primary-subtle: map.get(primitive.$color, 'european-blue-800'),
41
+ surface-primary--pressed: map.get(primitive.$color, 'european-blue-700'),
42
+ surface-primary-subtle: map.get(primitive.$color, 'european-blue-800'),
43
+ on-surface-primary-subtle: map.get(primitive.$color, 'european-blue-50'),
48
44
  surface-primary-subtler: map.get(primitive.$color, 'european-blue-950'),
49
- on-surface-primary-subtler: map.get(primitive.$color, 'european-blue-200'),
45
+ on-surface-primary-subtler: map.get(primitive.$color, 'european-blue-50'),
50
46
  //
51
47
  // Surfaces — highlight
52
48
  surface-highlight: map.get(primitive.$color, 'sunrise-orange-300'),
53
- on-surface-highlight: map.get(primitive.$color, 'sunrise-orange-950'),
49
+ on-surface-highlight: map.get(primitive.$color, 'graphite-950'),
54
50
  surface-highlight--hover: map.get(primitive.$color, 'sunrise-orange-400'),
55
- on-surface-highlight--hover: map.get(primitive.$color, 'sunrise-orange-950'),
56
51
  surface-highlight--pressed: map.get(primitive.$color, 'sunrise-orange-500'),
57
- on-surface-highlight--pressed: map.get(
58
- primitive.$color,
59
- 'sunrise-orange-950'
60
- ),
61
- surface-highlight-subtler: map.get(primitive.$color, 'sunrise-orange-50'),
52
+ surface-highlight-subtler: map.get(primitive.$color, 'sunrise-orange-950'),
62
53
  on-surface-highlight-subtler: map.get(
63
54
  primitive.$color,
64
- 'sunrise-orange-900'
55
+ 'sunrise-orange-500'
65
56
  ),
66
57
  //
67
58
  // Surfaces — inverted
68
59
  surface-inverted: map.get(primitive.$color, 'graphite-50'),
69
60
  on-surface-inverted: map.get(primitive.$color, 'graphite-950'),
70
- surface-inverted-subtle: map.get(primitive.$color, 'graphite-50'),
71
- on-surface-inverted-subtle: map.get(primitive.$color, 'graphite-800'),
72
- surface-inverted-disabled: map.get(primitive.$color, 'graphite-50'),
73
- on-surface-inverted-disabled: map.get(primitive.$color, 'graphite-100'),
61
+ on-surface-inverted-subtle: map.get(primitive.$color, 'graphite-500'),
62
+ on-surface-inverted-disabled: map.get(primitive.$color, 'graphite-200'),
63
+ on-surface-inverted-placeholder: map.get(primitive.$color, 'graphite-500'),
74
64
  //
75
65
  // Surfaces — neutral
76
66
  surface-neutral: map.get(primitive.$color, 'graphite-300'),
77
67
  on-surface-neutral: map.get(primitive.$color, 'graphite-0'),
78
68
  surface-neutral--hover: map.get(primitive.$color, 'graphite-400'),
79
- on-surface-neutral--hover: map.get(primitive.$color, 'graphite-0'),
80
69
  surface-neutral--pressed: map.get(primitive.$color, 'graphite-500'),
81
- on-surface-neutral--pressed: map.get(primitive.$color, 'graphite-0'),
82
- surface-neutral-subtle: map.get(primitive.$color, 'graphite-800'),
83
- on-surface-neutral-subtle: map.get(primitive.$color, 'graphite-0'),
84
- surface-neutral-subtle--hover: map.get(primitive.$color, 'graphite-900'),
85
- on-surface-neutral-subtle--hover: map.get(primitive.$color, 'graphite-0'),
86
- surface-neutral-subtler: map.get(primitive.$color, 'graphite-700'),
70
+ surface-neutral-subtler: map.get(primitive.$color, 'graphite-800'),
87
71
  on-surface-neutral-subtler: map.get(primitive.$color, 'graphite-0'),
88
- surface-neutral-subtler--hover: map.get(primitive.$color, 'graphite-600'),
89
- on-surface-neutral-subtler--hover: map.get(primitive.$color, 'graphite-0'),
90
72
  //
91
73
  // Surfaces — critical
92
74
  surface-critical: map.get(primitive.$color, 'red-600'),
93
75
  on-surface-critical: map.get(primitive.$color, 'graphite-0'),
94
76
  surface-critical--hover: map.get(primitive.$color, 'red-700'),
95
- on-surface-critical--hover: map.get(primitive.$color, 'graphite-0'),
96
77
  surface-critical--pressed: map.get(primitive.$color, 'red-800'),
97
- on-surface-critical--pressed: map.get(primitive.$color, 'graphite-0'),
98
- surface-critical-subtle: map.get(primitive.$color, 'red-200'),
99
- on-surface-critical-subtle: map.get(primitive.$color, 'red-900'),
100
- surface-critical-subtler: map.get(primitive.$color, 'red-50'),
101
- on-surface-critical-subtler: map.get(primitive.$color, 'red-700'),
102
- surface-critical-subtler--hover: map.get(primitive.$color, 'red-100'),
103
- on-surface-critical-subtler--hover: map.get(primitive.$color, 'red-900'),
78
+ surface-critical-subtle: map.get(primitive.$color, 'red-800'),
79
+ on-surface-critical-subtle: map.get(primitive.$color, 'red-50'),
80
+ surface-critical-subtler: map.get(primitive.$color, 'red-950'),
81
+ on-surface-critical-subtler: map.get(primitive.$color, 'red-75'),
104
82
  //
105
83
  // Surfaces — info
106
84
  surface-info: map.get(primitive.$color, 'blue-600'),
107
85
  on-surface-info: map.get(primitive.$color, 'graphite-0'),
108
- surface-info--hover: map.get(primitive.$color, 'blue-700'),
109
- on-surface-info--hover: map.get(primitive.$color, 'graphite-0'),
110
- surface-info--pressed: map.get(primitive.$color, 'blue-800'),
111
- on-surface-info--pressed: map.get(primitive.$color, 'graphite-0'),
112
- surface-info-subtle: map.get(primitive.$color, 'blue-200'),
113
- on-surface-info-subtle: map.get(primitive.$color, 'blue-900'),
114
- surface-info-subtler: map.get(primitive.$color, 'blue-50'),
115
- on-surface-info-subtler: map.get(primitive.$color, 'blue-800'),
116
- surface-info-subtler--hover: map.get(primitive.$color, 'blue-100'),
117
- on-surface-info-subtler--hover: map.get(primitive.$color, 'blue-900'),
86
+ surface-info-subtle: map.get(primitive.$color, 'blue-800'),
87
+ on-surface-info-subtle: map.get(primitive.$color, 'blue-100'),
88
+ surface-info-subtler: map.get(primitive.$color, 'blue-950'),
89
+ on-surface-info-subtler: map.get(primitive.$color, 'blue-100'),
118
90
  //
119
91
  // Surfaces — success
120
- surface-success: map.get(primitive.$color, 'green-800'),
121
- on-surface-success: map.get(primitive.$color, 'graphite-0'),
122
- surface-success--hover: map.get(primitive.$color, 'green-900'),
123
- on-surface-success--hover: map.get(primitive.$color, 'graphite-0'),
124
- surface-success--pressed: map.get(primitive.$color, 'green-950'),
125
- on-surface-success--pressed: map.get(primitive.$color, 'graphite-0'),
126
- surface-success-subtle: map.get(primitive.$color, 'green-200'),
127
- on-surface-success-subtle: map.get(primitive.$color, 'green-900'),
128
- surface-success-subtler: map.get(primitive.$color, 'green-50'),
129
- on-surface-success-subtler: map.get(primitive.$color, 'green-800'),
130
- surface-success-subtler--hover: map.get(primitive.$color, 'green-200'),
131
- on-surface-success-subtler--hover: map.get(primitive.$color, 'green-900'),
92
+ surface-success: map.get(primitive.$color, 'green-500'),
93
+ on-surface-success: map.get(primitive.$color, 'green-950'),
94
+ surface-success-subtle: map.get(primitive.$color, 'green-800'),
95
+ on-surface-success-subtle: map.get(primitive.$color, 'green-50'),
96
+ surface-success-subtler: map.get(primitive.$color, 'green-950'),
97
+ on-surface-success-subtler: map.get(primitive.$color, 'green-100'),
132
98
  //
133
99
  // Surfaces — warning
134
100
  surface-warning: map.get(primitive.$color, 'orange-500'),
135
101
  on-surface-warning: map.get(primitive.$color, 'orange-950'),
136
- surface-warning--hover: map.get(primitive.$color, 'orange-600'),
137
- on-surface-warning--hover: map.get(primitive.$color, 'orange-950'),
138
- surface-warning--pressed: map.get(primitive.$color, 'orange-700'),
139
- on-surface-warning--pressed: map.get(primitive.$color, 'orange-950'),
140
- surface-warning-subtle: map.get(primitive.$color, 'orange-200'),
141
- on-surface-warning-subtle: map.get(primitive.$color, 'orange-900'),
142
- surface-warning-subtler: map.get(primitive.$color, 'orange-50'),
143
- on-surface-warning-subtler: map.get(primitive.$color, 'orange-800'),
144
- surface-warning-subtler--hover: map.get(primitive.$color, 'orange-100'),
145
- on-surface-warning-subtler--hover: map.get(primitive.$color, 'orange-900'),
102
+ surface-warning-subtle: map.get(primitive.$color, 'orange-700'),
103
+ on-surface-warning-subtle: map.get(primitive.$color, 'orange-50'),
104
+ surface-warning-subtler: map.get(primitive.$color, 'orange-950'),
105
+ on-surface-warning-subtler: map.get(primitive.$color, 'orange-50'),
146
106
  //
147
107
  // Foreground / text
148
108
  foreground: map.get(primitive.$color, 'graphite-25'),
@@ -150,18 +110,24 @@ $color-dark: map.merge(
150
110
  foreground-subtler: map.get(primitive.$color, 'graphite-100'),
151
111
  foreground-placeholder: map.get(primitive.$color, 'graphite-200'),
152
112
  foreground-disabled: map.get(primitive.$color, 'graphite-400'),
153
- foreground-primary: map.get(primitive.$color, 'european-blue-500'),
113
+ foreground-primary: map.get(primitive.$color, 'european-blue-400'),
114
+ foreground-primary--hover: map.get(primitive.$color, 'european-blue-500'),
115
+ foreground-primary--pressed: map.get(primitive.$color, 'european-blue-600'),
154
116
  foreground-success: map.get(primitive.$color, 'green-500'),
155
- foreground-info: map.get(primitive.$color, 'blue-500'),
117
+ foreground-info: map.get(primitive.$color, 'blue-400'),
156
118
  foreground-warning: map.get(primitive.$color, 'orange-500'),
157
119
  foreground-critical: map.get(primitive.$color, 'red-400'),
158
120
  foreground-highlight: map.get(primitive.$color, 'sunrise-orange-600'),
159
- foreground-inverted: map.get(primitive.$color, 'graphite-950'),
121
+ foreground-highlight--hover: map.get(primitive.$color, 'sunrise-orange-700'),
122
+ foreground-highlight--pressed: map.get(
123
+ primitive.$color,
124
+ 'sunrise-orange-800'
125
+ ),
160
126
  //
161
127
  // Borders
162
- border: map.get(primitive.$color, 'silver-fog-50'),
128
+ border-brand: map.get(primitive.$color, 'silver-fog-50'),
163
129
  border-divider: map.get(primitive.$color, 'graphite-500'),
164
- border-disabled: map.get(primitive.$color, 'graphite-700'),
130
+ border-disabled: map.get(primitive.$color, 'graphite-600'),
165
131
  border-primary: map.get(primitive.$color, 'european-blue-600'),
166
132
  border-primary--hover: map.get(primitive.$color, 'european-blue-700'),
167
133
  border-primary--pressed: map.get(primitive.$color, 'european-blue-800'),
@@ -176,20 +142,21 @@ $color-dark: map.merge(
176
142
  border-critical: map.get(primitive.$color, 'red-600'),
177
143
  border-critical-subtle: map.get(primitive.$color, 'red-900'),
178
144
  border-highlight: map.get(primitive.$color, 'sunrise-orange-400'),
179
- border-highlight-subtle: map.get(primitive.$color, 'sunrise-orange-700'),
145
+ border-highlight--hover: map.get(primitive.$color, 'sunrise-orange-500'),
146
+ border-highlight--pressed: map.get(primitive.$color, 'sunrise-orange-600'),
180
147
  border-inverted: map.get(primitive.$color, 'graphite-900'),
181
- border-inverted-disabled: map.get(primitive.$color, 'graphite-800'),
182
- border-neutral: map.get(primitive.$color, 'graphite-500'),
183
- border-neutral--hover: map.get(primitive.$color, 'graphite-600'),
184
- border-neutral-subtle: map.get(primitive.$color, 'graphite-700'),
185
- border-neutral-subtle--hover: map.get(primitive.$color, 'graphite-600'),
148
+ border-inverted-disabled: map.get(primitive.$color, 'graphite-700'),
149
+ border-neutral: map.get(primitive.$color, 'graphite-400'),
150
+ border-neutral--hover: map.get(primitive.$color, 'graphite-500'),
151
+ border-neutral-strong: map.get(primitive.$color, 'graphite-100'),
152
+ border-neutral-strong--hover: map.get(primitive.$color, 'graphite-200'),
186
153
  //
187
154
  // Links
188
155
  link: map.get(primitive.$color, 'european-blue-400'),
189
156
  link--focused: map.get(primitive.$color, 'european-blue-400'),
190
157
  link--hover: map.get(primitive.$color, 'european-blue-500'),
191
- link--pressed: map.get(primitive.$color, 'european-blue-200'),
192
- link--visited: map.get(primitive.$color, 'european-blue-300'),
158
+ link--pressed: map.get(primitive.$color, 'european-blue-600'),
159
+ link--visited: map.get(primitive.$color, 'european-blue-500'),
193
160
  link-inverted: map.get(primitive.$color, 'european-blue-600'),
194
161
  link-inverted--focused: map.get(primitive.$color, 'european-blue-600'),
195
162
  link-inverted--hover: map.get(primitive.$color, 'european-blue-700'),
@@ -205,7 +172,6 @@ $color-dark: map.merge(
205
172
  focus: map.get(primitive.$color, 'european-blue-600'),
206
173
  focus-inverted: map.get(primitive.$color, 'european-blue-800'),
207
174
  focus-critical: map.get(primitive.$color, 'red-600'),
208
- border-focus: map.get(primitive.$color, 'european-blue-600'),
209
175
  //
210
176
  // Alpha / backdrop
211
177
  alpha-backdrop-strong: map.get(primitive.$color, 'alpha-graphite-0-14'),
package/dist/base/02-tokens/ecl/semantic/_color.scss CHANGED
@@ -27,8 +27,6 @@ $color: map.merge(
27
27
  // Surfaces — brand
28
28
  surface-brand: map.get(primitive.$color, 'silver-fog-950'),
29
29
  on-surface-brand: map.get(primitive.$color, 'silver-fog-0'),
30
- surface-brand--hover: map.get(primitive.$color, 'silver-fog-800'),
31
- on-surface-brand--hover: map.get(primitive.$color, 'silver-fog-0'),
32
30
  //
33
31
  // Surfaces — disabled
34
32
  surface-disabled: map.get(primitive.$color, 'silver-fog-100'),
@@ -40,9 +38,7 @@ $color: map.merge(
40
38
  surface-primary: map.get(primitive.$color, 'european-blue-600'),
41
39
  on-surface-primary: map.get(primitive.$color, 'silver-fog-0'),
42
40
  surface-primary--hover: map.get(primitive.$color, 'european-blue-700'),
43
- on-surface-primary--hover: map.get(primitive.$color, 'silver-fog-0'),
44
41
  surface-primary--pressed: map.get(primitive.$color, 'european-blue-800'),
45
- on-surface-primary--pressed: map.get(primitive.$color, 'silver-fog-0'),
46
42
  surface-primary-subtle: map.get(primitive.$color, 'european-blue-200'),
47
43
  on-surface-primary-subtle: map.get(primitive.$color, 'european-blue-800'),
48
44
  surface-primary-subtler: map.get(primitive.$color, 'european-blue-50'),
@@ -50,14 +46,9 @@ $color: map.merge(
50
46
  //
51
47
  // Surfaces — highlight
52
48
  surface-highlight: map.get(primitive.$color, 'sunrise-orange-300'),
53
- on-surface-highlight: map.get(primitive.$color, 'sunrise-orange-950'),
49
+ on-surface-highlight: map.get(primitive.$color, 'silver-fog-950'),
54
50
  surface-highlight--hover: map.get(primitive.$color, 'sunrise-orange-400'),
55
- on-surface-highlight--hover: map.get(primitive.$color, 'sunrise-orange-950'),
56
51
  surface-highlight--pressed: map.get(primitive.$color, 'sunrise-orange-500'),
57
- on-surface-highlight--pressed: map.get(
58
- primitive.$color,
59
- 'sunrise-orange-950'
60
- ),
61
52
  surface-highlight-subtler: map.get(primitive.$color, 'sunrise-orange-50'),
62
53
  on-surface-highlight-subtler: map.get(
63
54
  primitive.$color,
@@ -67,105 +58,74 @@ $color: map.merge(
67
58
  // Surfaces — inverted
68
59
  surface-inverted: map.get(primitive.$color, 'silver-fog-950'),
69
60
  on-surface-inverted: map.get(primitive.$color, 'silver-fog-0'),
70
- surface-inverted-subtle: map.get(primitive.$color, 'silver-fog-950'),
71
61
  on-surface-inverted-subtle: map.get(primitive.$color, 'silver-fog-300'),
72
- surface-inverted-disabled: map.get(primitive.$color, 'silver-fog-950'),
73
62
  on-surface-inverted-disabled: map.get(primitive.$color, 'silver-fog-600'),
63
+ on-surface-inverted-placeholder: map.get(primitive.$color, 'silver-fog-500'),
74
64
  //
75
65
  // Surfaces — neutral
76
66
  surface-neutral: map.get(primitive.$color, 'silver-fog-600'),
77
67
  on-surface-neutral: map.get(primitive.$color, 'silver-fog-0'),
78
68
  surface-neutral--hover: map.get(primitive.$color, 'silver-fog-700'),
79
- on-surface-neutral--hover: map.get(primitive.$color, 'silver-fog-0'),
80
69
  surface-neutral--pressed: map.get(primitive.$color, 'silver-fog-800'),
81
- on-surface-neutral--pressed: map.get(primitive.$color, 'silver-fog-0'),
82
- surface-neutral-subtle: map.get(primitive.$color, 'silver-fog-100'),
83
- on-surface-neutral-subtle: map.get(primitive.$color, 'silver-fog-900'),
84
- surface-neutral-subtle--hover: map.get(primitive.$color, 'silver-fog-200'),
85
- on-surface-neutral-subtle--hover: map.get(
86
- primitive.$color,
87
- 'silver-fog-900'
88
- ),
89
- surface-neutral-subtler: map.get(primitive.$color, 'silver-fog-50'),
70
+ surface-neutral-subtler: map.get(primitive.$color, 'silver-fog-100'),
90
71
  on-surface-neutral-subtler: map.get(primitive.$color, 'silver-fog-900'),
91
- surface-neutral-subtler--hover: map.get(primitive.$color, 'silver-fog-75'),
92
- on-surface-neutral-subtler--hover: map.get(
93
- primitive.$color,
94
- 'silver-fog-900'
95
- ),
96
72
  //
97
73
  // Surfaces — critical
98
74
  surface-critical: map.get(primitive.$color, 'red-600'),
99
75
  on-surface-critical: map.get(primitive.$color, 'silver-fog-0'),
100
76
  surface-critical--hover: map.get(primitive.$color, 'red-700'),
101
- on-surface-critical--hover: map.get(primitive.$color, 'silver-fog-0'),
102
77
  surface-critical--pressed: map.get(primitive.$color, 'red-800'),
103
- on-surface-critical--pressed: map.get(primitive.$color, 'silver-fog-0'),
104
78
  surface-critical-subtle: map.get(primitive.$color, 'red-200'),
105
79
  on-surface-critical-subtle: map.get(primitive.$color, 'red-900'),
106
80
  surface-critical-subtler: map.get(primitive.$color, 'red-50'),
107
81
  on-surface-critical-subtler: map.get(primitive.$color, 'red-700'),
108
- surface-critical-subtler--hover: map.get(primitive.$color, 'red-100'),
109
- on-surface-critical-subtler--hover: map.get(primitive.$color, 'red-900'),
110
82
  //
111
83
  // Surfaces — info
112
84
  surface-info: map.get(primitive.$color, 'blue-600'),
113
85
  on-surface-info: map.get(primitive.$color, 'silver-fog-0'),
114
- surface-info--hover: map.get(primitive.$color, 'blue-700'),
115
- on-surface-info--hover: map.get(primitive.$color, 'silver-fog-0'),
116
- surface-info--pressed: map.get(primitive.$color, 'blue-800'),
117
- on-surface-info--pressed: map.get(primitive.$color, 'silver-fog-0'),
118
86
  surface-info-subtle: map.get(primitive.$color, 'blue-200'),
119
87
  on-surface-info-subtle: map.get(primitive.$color, 'blue-900'),
120
88
  surface-info-subtler: map.get(primitive.$color, 'blue-75'),
121
89
  on-surface-info-subtler: map.get(primitive.$color, 'blue-800'),
122
- surface-info-subtler--hover: map.get(primitive.$color, 'blue-100'),
123
- on-surface-info-subtler--hover: map.get(primitive.$color, 'blue-900'),
124
90
  //
125
91
  // Surfaces — success
126
92
  surface-success: map.get(primitive.$color, 'green-800'),
127
93
  on-surface-success: map.get(primitive.$color, 'silver-fog-0'),
128
- surface-success--hover: map.get(primitive.$color, 'green-900'),
129
- on-surface-success--hover: map.get(primitive.$color, 'silver-fog-0'),
130
- surface-success--pressed: map.get(primitive.$color, 'green-950'),
131
- on-surface-success--pressed: map.get(primitive.$color, 'silver-fog-0'),
132
94
  surface-success-subtle: map.get(primitive.$color, 'green-200'),
133
95
  on-surface-success-subtle: map.get(primitive.$color, 'green-900'),
134
96
  surface-success-subtler: map.get(primitive.$color, 'green-50'),
135
97
  on-surface-success-subtler: map.get(primitive.$color, 'green-800'),
136
- surface-success-subtler--hover: map.get(primitive.$color, 'green-200'),
137
- on-surface-success-subtler--hover: map.get(primitive.$color, 'green-900'),
138
98
  //
139
99
  // Surfaces — warning
140
100
  surface-warning: map.get(primitive.$color, 'orange-500'),
141
101
  on-surface-warning: map.get(primitive.$color, 'orange-950'),
142
- surface-warning--hover: map.get(primitive.$color, 'orange-600'),
143
- on-surface-warning--hover: map.get(primitive.$color, 'orange-950'),
144
- surface-warning--pressed: map.get(primitive.$color, 'orange-700'),
145
- on-surface-warning--pressed: map.get(primitive.$color, 'orange-950'),
146
102
  surface-warning-subtle: map.get(primitive.$color, 'orange-200'),
147
103
  on-surface-warning-subtle: map.get(primitive.$color, 'orange-900'),
148
104
  surface-warning-subtler: map.get(primitive.$color, 'orange-50'),
149
105
  on-surface-warning-subtler: map.get(primitive.$color, 'orange-800'),
150
- surface-warning-subtler--hover: map.get(primitive.$color, 'orange-100'),
151
- on-surface-warning-subtler--hover: map.get(primitive.$color, 'orange-900'),
152
106
  //
153
107
  // Foreground / text
154
108
  foreground: map.get(primitive.$color, 'silver-fog-950'),
155
109
  foreground-subtle: map.get(primitive.$color, 'silver-fog-800'),
156
110
  foreground-subtler: map.get(primitive.$color, 'silver-fog-700'),
157
- foreground-placeholder: map.get(primitive.$color, 'silver-fog-500'),
111
+ foreground-placeholder: map.get(primitive.$color, 'silver-fog-600'),
158
112
  foreground-disabled: map.get(primitive.$color, 'silver-fog-500'),
159
113
  foreground-primary: map.get(primitive.$color, 'european-blue-600'),
114
+ foreground-primary--hover: map.get(primitive.$color, 'european-blue-700'),
115
+ foreground-primary--pressed: map.get(primitive.$color, 'european-blue-800'),
160
116
  foreground-success: map.get(primitive.$color, 'green-800'),
161
117
  foreground-info: map.get(primitive.$color, 'blue-900'),
162
118
  foreground-warning: map.get(primitive.$color, 'orange-800'),
163
119
  foreground-critical: map.get(primitive.$color, 'red-600'),
164
120
  foreground-highlight: map.get(primitive.$color, 'sunrise-orange-900'),
165
- foreground-inverted: map.get(primitive.$color, 'silver-fog-25'),
121
+ foreground-highlight--hover: map.get(primitive.$color, 'sunrise-orange-900'),
122
+ foreground-highlight--pressed: map.get(
123
+ primitive.$color,
124
+ 'sunrise-orange-950'
125
+ ),
166
126
  //
167
127
  // Borders
168
- border: map.get(primitive.$color, 'silver-fog-950'),
128
+ border-brand: map.get(primitive.$color, 'silver-fog-950'),
169
129
  border-divider: map.get(primitive.$color, 'silver-fog-200'),
170
130
  border-disabled: map.get(primitive.$color, 'silver-fog-100'),
171
131
  border-primary: map.get(primitive.$color, 'european-blue-600'),
@@ -173,7 +133,7 @@ $color: map.merge(
173
133
  border-primary--pressed: map.get(primitive.$color, 'european-blue-400'),
174
134
  border-primary-subtle: map.get(primitive.$color, 'european-blue-400'),
175
135
  border-primary-subtler: map.get(primitive.$color, 'european-blue-100'),
176
- border-info: map.get(primitive.$color, 'blue-700'),
136
+ border-info: map.get(primitive.$color, 'blue-900'),
177
137
  border-info-subtle: map.get(primitive.$color, 'blue-300'),
178
138
  border-success: map.get(primitive.$color, 'green-700'),
179
139
  border-success-subtle: map.get(primitive.$color, 'green-300'),
@@ -182,13 +142,14 @@ $color: map.merge(
182
142
  border-critical: map.get(primitive.$color, 'red-600'),
183
143
  border-critical-subtle: map.get(primitive.$color, 'red-300'),
184
144
  border-highlight: map.get(primitive.$color, 'sunrise-orange-400'),
185
- border-highlight-subtle: map.get(primitive.$color, 'sunrise-orange-300'),
145
+ border-highlight--hover: map.get(primitive.$color, 'sunrise-orange-300'),
146
+ border-highlight--pressed: map.get(primitive.$color, 'sunrise-orange-200'),
186
147
  border-inverted: map.get(primitive.$color, 'silver-fog-25'),
187
- border-inverted-disabled: map.get(primitive.$color, 'silver-fog-500'),
148
+ border-inverted-disabled: map.get(primitive.$color, 'silver-fog-800'),
188
149
  border-neutral: map.get(primitive.$color, 'silver-fog-500'),
189
150
  border-neutral--hover: map.get(primitive.$color, 'silver-fog-600'),
190
- border-neutral-subtle: map.get(primitive.$color, 'silver-fog-300'),
191
- border-neutral-subtle--hover: map.get(primitive.$color, 'silver-fog-400'),
151
+ border-neutral-strong: map.get(primitive.$color, 'silver-fog-700'),
152
+ border-neutral-strong--hover: map.get(primitive.$color, 'silver-fog-900'),
192
153
  //
193
154
  // Links
194
155
  link: map.get(primitive.$color, 'european-blue-600'),
@@ -203,7 +164,7 @@ $color: map.merge(
203
164
  link-inverted--visited: map.get(primitive.$color, 'silver-fog-25'),
204
165
  link-contrast: map.get(primitive.$color, 'silver-fog-950'),
205
166
  link-contrast--focused: map.get(primitive.$color, 'silver-fog-950'),
206
- link-contrast--hover: map.get(primitive.$color, 'silver-fog-950'),
167
+ link-contrast--hover: map.get(primitive.$color, 'silver-fog-900'),
207
168
  link-contrast--pressed: map.get(primitive.$color, 'silver-fog-800'),
208
169
  link-contrast--visited: map.get(primitive.$color, 'silver-fog-900'),
209
170
  //
@@ -211,7 +172,6 @@ $color: map.merge(
211
172
  focus: map.get(primitive.$color, 'european-blue-600'),
212
173
  focus-inverted: map.get(primitive.$color, 'european-blue-300'),
213
174
  focus-critical: map.get(primitive.$color, 'red-400'),
214
- border-focus: map.get(primitive.$color, 'european-blue-600'),
215
175
  //
216
176
  // Alpha / backdrop
217
177
  alpha-backdrop-strong: map.get(primitive.$color, 'alpha-silver-fog-950-60'),
package/dist/base/02-tokens/ecl/semantic/_shadow-dark.scss ADDED
@@ -0,0 +1,43 @@
1
+ // ============================================================================
2
+ // GENERATED FILE — DO NOT EDIT.
3
+ //
4
+ // Imported verbatim from ecl-eds-foundations/semantic/_shadow-dark.scss
5
+ // by tools/ecl-import.mjs. Edit the upstream source and re-run:
6
+ // node packages/eui/packages/eds-styles/tools/ecl-import.mjs
7
+ // ============================================================================
8
+
9
+ @use 'sass:map';
10
+ @use '../primitives/color' as primitive;
11
+
12
+ // Same offsets/blur as ./shadow.scss - only the color differs (graphite,
13
+ // not silver-fog, per the Dark.tokens.json Figma export).
14
+ $shadow-dark: (
15
+ 1: (
16
+ offset-x: 0px,
17
+ offset-y: 6px,
18
+ blur: 12px,
19
+ spread: 0px,
20
+ color: map.get(primitive.$color, 'alpha-graphite-950-8'),
21
+ ),
22
+ 2: (
23
+ offset-x: 0px,
24
+ offset-y: 10px,
25
+ blur: 22px,
26
+ spread: 0px,
27
+ color: map.get(primitive.$color, 'alpha-graphite-950-10'),
28
+ ),
29
+ 3: (
30
+ offset-x: 0px,
31
+ offset-y: 12px,
32
+ blur: 32px,
33
+ spread: 0px,
34
+ color: map.get(primitive.$color, 'alpha-graphite-950-12'),
35
+ ),
36
+ 4: (
37
+ offset-x: 0px,
38
+ offset-y: 14px,
39
+ blur: 42px,
40
+ spread: 0px,
41
+ color: map.get(primitive.$color, 'alpha-graphite-950-14'),
42
+ ),
43
+ );
package/dist/base/02-tokens/ecl/semantic/_spacing.scss CHANGED
@@ -11,7 +11,6 @@
11
11
 
12
12
  $spacing: (
13
13
  none: map.get(primitive.$dimension, none),
14
- 5xs: map.get(primitive.$dimension, 1),
15
14
  4xs: map.get(primitive.$dimension, 2),
16
15
  3xs: map.get(primitive.$dimension, 4),
17
16
  2xs: map.get(primitive.$dimension, 6),
@@ -50,6 +49,7 @@ $sizing: (
50
49
  9xl: map.get(primitive.$dimension, 64),
51
50
  );
52
51
  $icon-sizing: (
52
+ 3xs: map.get(primitive.$dimension, 8),
53
53
  2xs: map.get(primitive.$dimension, 12),
54
54
  xs: map.get(primitive.$dimension, 16),
55
55
  s: map.get(primitive.$dimension, 20),
@@ -57,6 +57,4 @@ $icon-sizing: (
57
57
  l: map.get(primitive.$dimension, 32),
58
58
  xl: map.get(primitive.$dimension, 40),
59
59
  2xl: map.get(primitive.$dimension, 48),
60
- 3xl: map.get(primitive.$dimension, 56),
61
- 4xl: map.get(primitive.$dimension, 64),
62
60
  );