@eui/eds-styles 22.0.0-alpha.1 → 22.0.0-alpha.11

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 (24) hide show
  1. package/dist/assets/images/estat-logo-horizontal.svg +27 -0
  2. package/dist/assets/images/eui-logo.svg +12 -0
  3. package/dist/assets/images/europa-flag-image.jpg +0 -0
  4. package/dist/assets/images/placeholder.svg +1 -0
  5. package/dist/base/01-base/index.scss +0 -1
  6. package/dist/base/02-tokens/colors-primitive.scss +2 -2
  7. package/dist/base/02-tokens/colors-semantic-dark-theme.scss +175 -89
  8. package/dist/base/02-tokens/colors-semantic.scss +137 -51
  9. package/dist/base/04-elements/table.scss +2 -2
  10. package/dist/base/06-shared/index.scss +1 -0
  11. package/dist/base/99-utilities/index.scss +1 -0
  12. package/dist/base/99-utilities/others.scss +11 -0
  13. package/dist/eds-grid.css +1 -1
  14. package/dist/eds-grid.css.map +1 -1
  15. package/dist/eds-showcase-exports.css +1 -1
  16. package/dist/eds-showcase-exports.css.map +1 -1
  17. package/dist/eds-utilities.css +1 -1
  18. package/dist/eds-utilities.css.map +1 -1
  19. package/dist/eds-vars.css +1 -1
  20. package/dist/eds-vars.css.map +1 -1
  21. package/dist/eds.css +1 -1
  22. package/dist/eds.css.map +1 -1
  23. package/package.json +1 -1
  24. /package/dist/base/{01-base → 06-shared}/animations.scss +0 -0
package/dist/base/02-tokens/colors-semantic.scss CHANGED
@@ -4,28 +4,45 @@
4
4
  @use './colors-primitive' as primitive;
5
5
 
6
6
  $color-semantic-map: (
7
+
8
+ // =============================================
9
+ // SURFACES — Elevation
10
+ // =============================================
11
+
7
12
  surface-accent: map.get(primitive.$color-map, 'european-blue-50'),
8
13
  surface-selected: map.get(primitive.$color-map, 'european-blue-100'),
9
14
  surface-skeleton: map.get(primitive.$color-map, 'silver-fog-100'),
10
15
  surface-invisible: map.get(primitive.$color-map, 'alpha-silver-fog-0-0'),
11
-
12
- surface-brand: map.get(primitive.$color-map, 'silver-fog-950'),
13
- on-surface-brand: map.get(primitive.$color-map, 'silver-fog-0'),
14
- surface-brand--hover: map.get(primitive.$color-map, 'silver-fog-800'),
15
- on-surface-brand--hover: map.get(primitive.$color-map, 'silver-fog-0'),
16
16
 
17
- surface-elevation-sunken: map.get(primitive.$color-map, 'silver-fog-50'),
17
+ surface-elevation-sunken: map.get(primitive.$color-map, 'silver-fog-75'),
18
18
  surface-elevation-inset: map.get(primitive.$color-map, 'silver-fog-25'),
19
19
  surface-elevation: map.get(primitive.$color-map, 'silver-fog-0'),
20
20
  surface-elevation-raised: map.get(primitive.$color-map, 'silver-fog-0'),
21
21
  surface-elevation-elevated: map.get(primitive.$color-map, 'silver-fog-0'),
22
22
  surface-elevation-overlay: map.get(primitive.$color-map, 'silver-fog-0'),
23
23
 
24
+ // =============================================
25
+ // SURFACES — Brand
26
+ // =============================================
27
+
28
+ surface-brand: map.get(primitive.$color-map, 'silver-fog-950'),
29
+ on-surface-brand: map.get(primitive.$color-map, 'silver-fog-0'),
30
+ surface-brand--hover: map.get(primitive.$color-map, 'silver-fog-800'),
31
+ on-surface-brand--hover: map.get(primitive.$color-map, 'silver-fog-0'),
32
+
33
+ // =============================================
34
+ // SURFACES — Disabled
35
+ // =============================================
36
+
24
37
  surface-disabled: map.get(primitive.$color-map, 'silver-fog-100'),
25
38
  on-surface-disabled: map.get(primitive.$color-map, 'silver-fog-400'),
26
39
  surface-disabled-subtle: map.get(primitive.$color-map, 'silver-fog-50'),
27
40
  on-surface-disabled-subtle: map.get(primitive.$color-map, 'silver-fog-400'),
28
41
 
42
+ // =============================================
43
+ // SURFACES — Primary
44
+ // =============================================
45
+
29
46
  surface-primary: map.get(primitive.$color-map, 'european-blue-600'),
30
47
  on-surface-primary: map.get(primitive.$color-map, 'silver-fog-0'),
31
48
  surface-primary--hover: map.get(primitive.$color-map, 'european-blue-700'),
@@ -34,6 +51,12 @@ $color-semantic-map: (
34
51
  on-surface-primary--pressed: map.get(primitive.$color-map, 'silver-fog-0'),
35
52
  surface-primary-subtle: map.get(primitive.$color-map, 'european-blue-200'),
36
53
  on-surface-primary-subtle: map.get(primitive.$color-map, 'european-blue-800'),
54
+ surface-primary-subtler: map.get(primitive.$color-map, 'european-blue-50'),
55
+ on-surface-primary-subtler: map.get(primitive.$color-map, 'european-blue-800'),
56
+
57
+ // =============================================
58
+ // SURFACES — Highlight
59
+ // =============================================
37
60
 
38
61
  surface-highlight: map.get(primitive.$color-map, 'sunrise-orange-300'),
39
62
  on-surface-highlight: map.get(primitive.$color-map, 'sunrise-orange-950'),
@@ -42,14 +65,22 @@ $color-semantic-map: (
42
65
  surface-highlight--pressed: map.get(primitive.$color-map, 'sunrise-orange-500'),
43
66
  on-surface-highlight--pressed: map.get(primitive.$color-map, 'sunrise-orange-950'),
44
67
  surface-highlight-subtler: map.get(primitive.$color-map, 'sunrise-orange-50'),
45
- on-surface-highlight-subtler: map.get(primitive.$color-map, 'sunrise-orange-900'),
68
+ on-surface-highlight-subtler: map.get(primitive.$color-map, 'sunrise-orange-900'),
69
+
70
+ // =============================================
71
+ // SURFACES — Inverted
72
+ // =============================================
46
73
 
47
- surface-inverted: map.get(primitive.$color-map, 'silver-fog-950'),
48
- on-surface-inverted: map.get(primitive.$color-map, 'silver-fog-0'),
49
- surface-inverted-subtle: map.get(primitive.$color-map, 'silver-fog-950'),
50
- on-surface-inverted-subtle: map.get(primitive.$color-map, 'silver-fog-300'),
51
- surface-inverted-disabled: map.get(primitive.$color-map, 'silver-fog-950'),
52
- on-surface-inverted-disabled: map.get(primitive.$color-map, 'silver-fog-600'),
74
+ surface-inverted: map.get(primitive.$color-map, 'silver-fog-950'),
75
+ on-surface-inverted: map.get(primitive.$color-map, 'silver-fog-0'),
76
+ surface-inverted-subtle: map.get(primitive.$color-map, 'silver-fog-950'),
77
+ on-surface-inverted-subtle: map.get(primitive.$color-map, 'silver-fog-300'),
78
+ surface-inverted-disabled: map.get(primitive.$color-map, 'silver-fog-950'),
79
+ on-surface-inverted-disabled: map.get(primitive.$color-map, 'silver-fog-600'),
80
+
81
+ // =============================================
82
+ // SURFACES — Neutral
83
+ // =============================================
53
84
 
54
85
  surface-neutral: map.get(primitive.$color-map, 'silver-fog-600'),
55
86
  on-surface-neutral: map.get(primitive.$color-map, 'silver-fog-0'),
@@ -58,11 +89,17 @@ $color-semantic-map: (
58
89
  surface-neutral--pressed: map.get(primitive.$color-map, 'silver-fog-800'),
59
90
  on-surface-neutral--pressed: map.get(primitive.$color-map, 'silver-fog-0'),
60
91
  surface-neutral-subtle: map.get(primitive.$color-map, 'silver-fog-100'),
61
- on-surface-neutral-subtle: map.get(primitive.$color-map, 'silver-fog-900'),
92
+ on-surface-neutral-subtle: map.get(primitive.$color-map, 'silver-fog-900'),
62
93
  surface-neutral-subtle--hover: map.get(primitive.$color-map, 'silver-fog-200'),
63
- on-surface-neutral-subtle--hover: map.get(primitive.$color-map, 'silver-fog-900'),
64
- surface-neutral-subtler: map.get(primitive.$color-map, 'silver-fog-75'),
65
- on-surface-neutral-subtler: map.get(primitive.$color-map, 'silver-fog-900'),
94
+ on-surface-neutral-subtle--hover: map.get(primitive.$color-map, 'silver-fog-900'),
95
+ surface-neutral-subtler: map.get(primitive.$color-map, 'silver-fog-50'),
96
+ on-surface-neutral-subtler: map.get(primitive.$color-map, 'silver-fog-900'),
97
+ surface-neutral-subtler--hover: map.get(primitive.$color-map, 'silver-fog-75'),
98
+ on-surface-neutral-subtler--hover: map.get(primitive.$color-map, 'silver-fog-900'),
99
+
100
+ // =============================================
101
+ // SURFACES — Critical
102
+ // =============================================
66
103
 
67
104
  surface-critical: map.get(primitive.$color-map, 'red-600'),
68
105
  on-surface-critical: map.get(primitive.$color-map, 'silver-fog-0'),
@@ -71,98 +108,130 @@ $color-semantic-map: (
71
108
  surface-critical--pressed: map.get(primitive.$color-map, 'red-800'),
72
109
  on-surface-critical--pressed: map.get(primitive.$color-map, 'silver-fog-0'),
73
110
  surface-critical-subtle: map.get(primitive.$color-map, 'red-200'),
74
- on-surface-critical-subtle: map.get(primitive.$color-map, 'red-900'),
111
+ on-surface-critical-subtle: map.get(primitive.$color-map, 'red-900'),
75
112
  surface-critical-subtler: map.get(primitive.$color-map, 'red-50'),
76
- on-surface-critical-subtler: map.get(primitive.$color-map, 'red-700'),
113
+ on-surface-critical-subtler: map.get(primitive.$color-map, 'red-700'),
77
114
  surface-critical-subtler--hover: map.get(primitive.$color-map, 'red-100'),
78
- on-surface-critical-subtler--hover: map.get(primitive.$color-map, 'red-900'),
79
-
115
+ on-surface-critical-subtler--hover: map.get(primitive.$color-map, 'red-900'),
116
+
117
+ // =============================================
118
+ // SURFACES — Info
119
+ // =============================================
120
+
80
121
  surface-info: map.get(primitive.$color-map, 'blue-600'),
81
- on-surface-info: map.get(primitive.$color-map, 'silver-fog-0'),
122
+ on-surface-info: map.get(primitive.$color-map, 'silver-fog-0'),
123
+ surface-info--hover: map.get(primitive.$color-map, 'blue-700'),
124
+ on-surface-info--hover: map.get(primitive.$color-map, 'silver-fog-0'),
125
+ surface-info--pressed: map.get(primitive.$color-map, 'blue-800'),
126
+ on-surface-info--pressed: map.get(primitive.$color-map, 'silver-fog-0'),
82
127
  surface-info-subtle: map.get(primitive.$color-map, 'blue-200'),
83
- on-surface-info-subtle: map.get(primitive.$color-map, 'blue-900'),
128
+ on-surface-info-subtle: map.get(primitive.$color-map, 'blue-900'),
84
129
  surface-info-subtler: map.get(primitive.$color-map, 'blue-75'),
85
- on-surface-info-subtler: map.get(primitive.$color-map, 'blue-800'),
130
+ on-surface-info-subtler: map.get(primitive.$color-map, 'blue-800'),
86
131
  surface-info-subtler--hover: map.get(primitive.$color-map, 'blue-100'),
87
- on-surface-info-subtler--hover: map.get(primitive.$color-map, 'blue-900'),
132
+ on-surface-info-subtler--hover: map.get(primitive.$color-map, 'blue-900'),
133
+
134
+ // =============================================
135
+ // SURFACES — Success
136
+ // =============================================
88
137
 
89
138
  surface-success: map.get(primitive.$color-map, 'green-800'),
90
- on-surface-success: map.get(primitive.$color-map, 'silver-fog-0'),
139
+ on-surface-success: map.get(primitive.$color-map, 'silver-fog-0'),
140
+ surface-success--hover: map.get(primitive.$color-map, 'green-900'),
141
+ on-surface-success--hover: map.get(primitive.$color-map, 'silver-fog-0'),
142
+ surface-success--pressed: map.get(primitive.$color-map, 'green-950'),
143
+ on-surface-success--pressed: map.get(primitive.$color-map, 'silver-fog-0'),
91
144
  surface-success-subtle: map.get(primitive.$color-map, 'green-200'),
92
- on-surface-success-subtle: map.get(primitive.$color-map, 'green-900'),
145
+ on-surface-success-subtle: map.get(primitive.$color-map, 'green-900'),
93
146
  surface-success-subtler: map.get(primitive.$color-map, 'green-50'),
94
- on-surface-success-subtler: map.get(primitive.$color-map, 'green-800'),
147
+ on-surface-success-subtler: map.get(primitive.$color-map, 'green-800'),
95
148
  surface-success-subtler--hover: map.get(primitive.$color-map, 'green-200'),
96
149
  on-surface-success-subtler--hover: map.get(primitive.$color-map, 'green-900'),
97
150
 
151
+ // =============================================
152
+ // SURFACES — Warning
153
+ // =============================================
154
+
98
155
  surface-warning: map.get(primitive.$color-map, 'orange-500'),
99
- on-surface-warning: map.get(primitive.$color-map, 'orange-950'),
156
+ on-surface-warning: map.get(primitive.$color-map, 'orange-950'),
157
+ surface-warning--hover: map.get(primitive.$color-map, 'orange-600'),
158
+ on-surface-warning--hover: map.get(primitive.$color-map, 'orange-950'),
159
+ surface-warning--pressed: map.get(primitive.$color-map, 'orange-700'),
160
+ on-surface-warning--pressed: map.get(primitive.$color-map, 'orange-950'),
100
161
  surface-warning-subtle: map.get(primitive.$color-map, 'orange-200'),
101
- on-surface-warning-subtle: map.get(primitive.$color-map, 'orange-900'),
162
+ on-surface-warning-subtle: map.get(primitive.$color-map, 'orange-900'),
102
163
  surface-warning-subtler: map.get(primitive.$color-map, 'orange-50'),
103
164
  on-surface-warning-subtler: map.get(primitive.$color-map, 'orange-800'),
104
165
  surface-warning-subtler--hover: map.get(primitive.$color-map, 'orange-100'),
105
- on-surface-warning-subtler--hover: map.get(primitive.$color-map, 'orange-900'),
166
+ on-surface-warning-subtler--hover: map.get(primitive.$color-map, 'orange-900'),
167
+
168
+ // =============================================
169
+ // SURFACES — Color Modes (cm-*)
170
+ // =============================================
106
171
 
107
172
  surface-cm-purple-violet-subtler: map.get(primitive.$color-map, 'cm-purple-violet-50'),
108
173
  on-surface-cm-purple-violet-subtler: map.get(primitive.$color-map, 'cm-purple-violet-800'),
109
- border-cm-purple-violet-subtle: map.get(primitive.$color-map, 'cm-purple-violet-300'),
174
+ border-cm-purple-violet-subtle: map.get(primitive.$color-map, 'cm-purple-violet-300'),
110
175
 
111
176
  surface-cm-purple-subtler: map.get(primitive.$color-map, 'cm-purple-50'),
112
177
  on-surface-cm-purple-subtler: map.get(primitive.$color-map, 'cm-purple-800'),
113
- border-cm-purple-subtle: map.get(primitive.$color-map, 'cm-purple-300'),
178
+ border-cm-purple-subtle: map.get(primitive.$color-map, 'cm-purple-300'),
114
179
 
115
180
  surface-cm-blue-navy-subtler: map.get(primitive.$color-map, 'cm-blue-navy-100'),
116
181
  on-surface-cm-blue-navy-subtler: map.get(primitive.$color-map, 'cm-blue-navy-800'),
117
- border-cm-blue-navy-subtle: map.get(primitive.$color-map, 'cm-blue-navy-300'),
182
+ border-cm-blue-navy-subtle: map.get(primitive.$color-map, 'cm-blue-navy-300'),
118
183
 
119
184
  surface-cm-blue-electric-subtler: map.get(primitive.$color-map, 'cm-blue-electric-100'),
120
185
  on-surface-cm-blue-electric-subtler: map.get(primitive.$color-map, 'cm-blue-electric-800'),
121
- border-cm-blue-electric-subtle: map.get(primitive.$color-map, 'cm-blue-electric-300'),
186
+ border-cm-blue-electric-subtle: map.get(primitive.$color-map, 'cm-blue-electric-300'),
122
187
 
123
188
  surface-cm-green-dark-subtler: map.get(primitive.$color-map, 'cm-green-dark-50'),
124
189
  on-surface-cm-green-dark-subtler: map.get(primitive.$color-map, 'cm-green-dark-800'),
125
- border-cm-green-dark-subtle: map.get(primitive.$color-map, 'cm-green-dark-300'),
190
+ border-cm-green-dark-subtle: map.get(primitive.$color-map, 'cm-green-dark-300'),
126
191
 
127
192
  surface-cm-green-pine-subtler: map.get(primitive.$color-map, 'cm-green-pine-50'),
128
193
  on-surface-cm-green-pine-subtler: map.get(primitive.$color-map, 'cm-green-pine-800'),
129
- border-cm-green-pine-subtle: map.get(primitive.$color-map, 'cm-green-pine-300'),
194
+ border-cm-green-pine-subtle: map.get(primitive.$color-map, 'cm-green-pine-300'),
130
195
 
131
196
  surface-cm-green-subtler: map.get(primitive.$color-map, 'cm-green-50'),
132
197
  on-surface-cm-green-subtler: map.get(primitive.$color-map, 'cm-green-950'),
133
- border-cm-green-subtle: map.get(primitive.$color-map, 'cm-green-300'),
198
+ border-cm-green-subtle: map.get(primitive.$color-map, 'cm-green-300'),
134
199
 
135
200
  surface-cm-blue-ocean-subtler: map.get(primitive.$color-map, 'cm-blue-ocean-50'),
136
201
  on-surface-cm-blue-ocean-subtler: map.get(primitive.$color-map, 'cm-blue-ocean-950'),
137
- border-cm-blue-ocean-subtle: map.get(primitive.$color-map, 'cm-blue-ocean-300'),
202
+ border-cm-blue-ocean-subtle: map.get(primitive.$color-map, 'cm-blue-ocean-300'),
138
203
 
139
204
  surface-cm-green-lemon-subtler: map.get(primitive.$color-map, 'cm-green-lemon-50'),
140
205
  on-surface-cm-green-lemon-subtler: map.get(primitive.$color-map, 'cm-green-lemon-950'),
141
- border-cm-green-lemon-subtle: map.get(primitive.$color-map, 'cm-green-lemon-500'),
206
+ border-cm-green-lemon-subtle: map.get(primitive.$color-map, 'cm-green-lemon-500'),
142
207
 
143
208
  surface-cm-yellow-gold-subtler: map.get(primitive.$color-map, 'cm-yellow-gold-50'),
144
209
  on-surface-cm-yellow-gold-subtler: map.get(primitive.$color-map, 'cm-yellow-gold-950'),
145
- border-cm-yellow-gold-subtle: map.get(primitive.$color-map, 'cm-yellow-gold-300'),
210
+ border-cm-yellow-gold-subtle: map.get(primitive.$color-map, 'cm-yellow-gold-300'),
146
211
 
147
212
  surface-cm-orange-abricot-subtler: map.get(primitive.$color-map, 'cm-orange-abricot-50'),
148
213
  on-surface-cm-orange-abricot-subtler: map.get(primitive.$color-map, 'cm-orange-abricot-950'),
149
- border-cm-orange-abricot-subtle: map.get(primitive.$color-map, 'cm-orange-abricot-300'),
214
+ border-cm-orange-abricot-subtle: map.get(primitive.$color-map, 'cm-orange-abricot-300'),
150
215
 
151
216
  surface-cm-orange-subtler: map.get(primitive.$color-map, 'cm-orange-50'),
152
217
  on-surface-cm-orange-subtler: map.get(primitive.$color-map, 'cm-orange-900'),
153
- border-cm-orange-subtle: map.get(primitive.$color-map, 'cm-orange-300'),
218
+ border-cm-orange-subtle: map.get(primitive.$color-map, 'cm-orange-300'),
154
219
 
155
220
  surface-cm-red-tomato-subtler: map.get(primitive.$color-map, 'cm-red-tomato-50'),
156
221
  on-surface-cm-red-tomato-subtler: map.get(primitive.$color-map, 'cm-red-tomato-950'),
157
- border-cm-red-tomato-subtle: map.get(primitive.$color-map, 'cm-red-tomato-300'),
222
+ border-cm-red-tomato-subtle: map.get(primitive.$color-map, 'cm-red-tomato-300'),
158
223
 
159
224
  surface-cm-red-crayola-subtler: map.get(primitive.$color-map, 'cm-red-crayola-50'),
160
225
  on-surface-cm-red-crayola-subtler: map.get(primitive.$color-map, 'cm-red-crayola-950'),
161
- border-cm-red-crayola-subtle: map.get(primitive.$color-map, 'cm-red-crayola-300'),
226
+ border-cm-red-crayola-subtle: map.get(primitive.$color-map, 'cm-red-crayola-300'),
162
227
 
163
228
  surface-cm-warm-grey-subtler: map.get(primitive.$color-map, 'cm-warm-grey-50'),
164
229
  on-surface-cm-warm-grey-subtler: map.get(primitive.$color-map, 'cm-warm-grey-950'),
165
- border-cm-warm-grey-subtle: map.get(primitive.$color-map, 'cm-warm-grey-300'),
230
+ border-cm-warm-grey-subtle: map.get(primitive.$color-map, 'cm-warm-grey-300'),
231
+
232
+ // =============================================
233
+ // FOREGROUND / Text
234
+ // =============================================
166
235
 
167
236
  foreground: map.get(primitive.$color-map, 'silver-fog-950'),
168
237
  foreground-subtle: map.get(primitive.$color-map, 'silver-fog-800'),
@@ -177,16 +246,20 @@ $color-semantic-map: (
177
246
  foreground-highlight: map.get(primitive.$color-map, 'sunrise-orange-900'),
178
247
  foreground-inverted: map.get(primitive.$color-map, 'silver-fog-25'),
179
248
 
249
+ // =============================================
250
+ // BORDERS
251
+ // =============================================
252
+
180
253
  border-brand: map.get(primitive.$color-map, 'silver-fog-950'),
181
254
  border-divider: map.get(primitive.$color-map, 'silver-fog-200'),
182
255
  border-disabled: map.get(primitive.$color-map, 'silver-fog-100'),
183
-
256
+
184
257
  border-primary: map.get(primitive.$color-map, 'european-blue-600'),
185
258
  border-primary--hover: map.get(primitive.$color-map, 'european-blue-500'),
186
259
  border-primary--pressed: map.get(primitive.$color-map, 'european-blue-400'),
187
260
  border-primary-subtle: map.get(primitive.$color-map, 'european-blue-400'),
188
261
  border-primary-subtler: map.get(primitive.$color-map, 'european-blue-100'),
189
-
262
+
190
263
  border-info: map.get(primitive.$color-map, 'blue-700'),
191
264
  border-info-subtle: map.get(primitive.$color-map, 'blue-300'),
192
265
 
@@ -210,27 +283,40 @@ $color-semantic-map: (
210
283
  border-neutral-subtle: map.get(primitive.$color-map, 'silver-fog-300'),
211
284
  border-neutral-subtle--hover: map.get(primitive.$color-map, 'silver-fog-400'),
212
285
 
286
+ // =============================================
287
+ // LINKS
288
+ // =============================================
289
+
213
290
  link: map.get(primitive.$color-map, 'european-blue-600'),
214
291
  link--focused: map.get(primitive.$color-map, 'european-blue-600'),
215
292
  link--hover: map.get(primitive.$color-map, 'european-blue-700'),
216
293
  link--pressed: map.get(primitive.$color-map, 'european-blue-800'),
217
294
  link--visited: map.get(primitive.$color-map, 'european-blue-700'),
218
-
295
+
219
296
  link-inverted: map.get(primitive.$color-map, 'silver-fog-0'),
220
297
  link-inverted--focused: map.get(primitive.$color-map, 'silver-fog-0'),
221
298
  link-inverted--hover: map.get(primitive.$color-map, 'silver-fog-50'),
222
299
  link-inverted--pressed: map.get(primitive.$color-map, 'silver-fog-100'),
223
- link-inverted--visited: map.get(primitive.$color-map, 'silver-fog-25'),
300
+ link-inverted--visited: map.get(primitive.$color-map, 'silver-fog-25'),
224
301
 
225
302
  link-contrast: map.get(primitive.$color-map, 'silver-fog-950'),
226
303
  link-contrast--focused: map.get(primitive.$color-map, 'silver-fog-950'),
227
304
  link-contrast--hover: map.get(primitive.$color-map, 'silver-fog-950'),
228
305
  link-contrast--pressed: map.get(primitive.$color-map, 'silver-fog-800'),
229
- link-contrast--visited: map.get(primitive.$color-map, 'silver-fog-900'),
306
+ link-contrast--visited: map.get(primitive.$color-map, 'silver-fog-900'),
307
+
308
+ // =============================================
309
+ // FOCUS
310
+ // =============================================
230
311
 
231
312
  focus: map.get(primitive.$color-map, 'european-blue-600'),
232
313
  focus-inverted: map.get(primitive.$color-map, 'european-blue-300'),
233
314
  focus-critical: map.get(primitive.$color-map, 'red-400'),
315
+ border-focus: map.get(primitive.$color-map, 'european-blue-600'),
316
+
317
+ // =============================================
318
+ // ALPHA / Backdrop
319
+ // =============================================
234
320
 
235
321
  alpha-backdrop-strong: map.get(primitive.$color-map, 'alpha-silver-fog-950-60'),
236
322
  alpha-backdrop: map.get(primitive.$color-map, 'alpha-silver-fog-950-30'),
package/dist/base/04-elements/table.scss CHANGED
@@ -41,7 +41,7 @@
41
41
  }
42
42
 
43
43
  tr {
44
- border-bottom: var(--eds-bw-s) solid var(--eds-c-border-divider);
44
+ border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
45
45
  border-top: 0;
46
46
  background: var(--eds-c-surface-elevation);
47
47
  }
@@ -73,7 +73,7 @@
73
73
  }
74
74
 
75
75
  tr {
76
- border-bottom: var(--eds-bw-s) solid var(--eds-c-border-divider);
76
+ border-bottom: var(--eds-bw-xs) solid var(--eds-c-border-divider);
77
77
  display: table-row;
78
78
  }
79
79
 
package/dist/base/06-shared/index.scss ADDED
@@ -0,0 +1 @@
1
+ @forward 'animations';
package/dist/base/99-utilities/index.scss CHANGED
@@ -10,3 +10,4 @@
10
10
  @forward 'spacings';
11
11
  @forward 'typography';
12
12
  @forward 'width';
13
+ @forward 'others';
package/dist/base/99-utilities/others.scss ADDED
@@ -0,0 +1,11 @@
1
+ .eds-u-p-relative {
2
+ position: relative !important;
3
+ }
4
+
5
+ .eds-u-p-fixed {
6
+ position: fixed !important;
7
+ }
8
+
9
+ .eds-u-p-absolute {
10
+ position: absolute !important;
11
+ }
package/dist/eds-grid.css CHANGED
@@ -1 +1 @@
1
- @keyframes eds-spin{0%{transform:translateY(-50%) rotate(0deg)}to{transform:translateY(-50%) rotate(1turn)}}.eds-container{box-sizing:border-box;margin-inline:auto;padding-inline:var(--eds-sp-m);width:100%}@media screen and (min-width:768px){.eds-container{max-width:768px}}@media screen and (min-width:996px){.eds-container{max-width:996px}}@media screen and (min-width:1140px){.eds-container{max-width:1140px}}@media screen and (min-width:1440px){.eds-container{max-width:1440px}}.eds-container{max-width:1600px}.eds-container-fluid{box-sizing:border-box;margin-inline:auto;padding-inline:var(--eds-sp-m);width:100%}.eds-row{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-inline:calc(var(--eds-sp-m)*-.5)}.eds-row-no-gutters{margin-inline:0}.eds-row-no-gutters>.eds-col,.eds-row-no-gutters>[class*=eds-col-]{padding-inline:0}.eds-col,[class*=eds-col-]{box-sizing:border-box;min-height:1px;padding-inline:calc(var(--eds-sp-m)*.5);position:relative;width:100%}.eds-col{flex:1 0 0%;max-width:100%}.eds-col-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-3{flex:0 0 25%;max-width:25%}.eds-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-6{flex:0 0 50%;max-width:50%}.eds-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-9{flex:0 0 75%;max-width:75%}.eds-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-12{flex:0 0 100%;max-width:100%}.eds-offset-1{margin-inline-start:8.3333333333%}.eds-offset-2{margin-inline-start:16.6666666667%}.eds-offset-3{margin-inline-start:25%}.eds-offset-4{margin-inline-start:33.3333333333%}.eds-offset-5{margin-inline-start:41.6666666667%}.eds-offset-6{margin-inline-start:50%}.eds-offset-7{margin-inline-start:58.3333333333%}.eds-offset-8{margin-inline-start:66.6666666667%}.eds-offset-9{margin-inline-start:75%}.eds-offset-10{margin-inline-start:83.3333333333%}.eds-offset-11{margin-inline-start:91.6666666667%}.eds-order-first{order:-1}.eds-order-last{order:13}.eds-order-0{order:0}.eds-order-1{order:1}.eds-order-2{order:2}.eds-order-3{order:3}.eds-order-4{order:4}.eds-order-5{order:5}.eds-order-6{order:6}.eds-order-7{order:7}.eds-order-8{order:8}.eds-order-9{order:9}.eds-order-10{order:10}.eds-order-11{order:11}.eds-order-12{order:12}@media screen and (min-width:480px){.eds-col-xs-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-xs-3{flex:0 0 25%;max-width:25%}.eds-col-xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-xs-6{flex:0 0 50%;max-width:50%}.eds-col-xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-xs-9{flex:0 0 75%;max-width:75%}.eds-col-xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-xs-12{flex:0 0 100%;max-width:100%}.eds-offset-xs-0{margin-inline-start:0}.eds-offset-xs-1{margin-inline-start:8.3333333333%}.eds-offset-xs-2{margin-inline-start:16.6666666667%}.eds-offset-xs-3{margin-inline-start:25%}.eds-offset-xs-4{margin-inline-start:33.3333333333%}.eds-offset-xs-5{margin-inline-start:41.6666666667%}.eds-offset-xs-6{margin-inline-start:50%}.eds-offset-xs-7{margin-inline-start:58.3333333333%}.eds-offset-xs-8{margin-inline-start:66.6666666667%}.eds-offset-xs-9{margin-inline-start:75%}.eds-offset-xs-10{margin-inline-start:83.3333333333%}.eds-offset-xs-11{margin-inline-start:91.6666666667%}.eds-order-xs-first{order:-1}.eds-order-xs-last{order:13}.eds-order-xs-0{order:0}.eds-order-xs-1{order:1}.eds-order-xs-2{order:2}.eds-order-xs-3{order:3}.eds-order-xs-4{order:4}.eds-order-xs-5{order:5}.eds-order-xs-6{order:6}.eds-order-xs-7{order:7}.eds-order-xs-8{order:8}.eds-order-xs-9{order:9}.eds-order-xs-10{order:10}.eds-order-xs-11{order:11}.eds-order-xs-12{order:12}}@media screen and (min-width:768px){.eds-col-s-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-s-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-s-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-s-3{flex:0 0 25%;max-width:25%}.eds-col-s-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-s-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-s-6{flex:0 0 50%;max-width:50%}.eds-col-s-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-s-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-s-9{flex:0 0 75%;max-width:75%}.eds-col-s-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-s-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-s-12{flex:0 0 100%;max-width:100%}.eds-offset-s-0{margin-inline-start:0}.eds-offset-s-1{margin-inline-start:8.3333333333%}.eds-offset-s-2{margin-inline-start:16.6666666667%}.eds-offset-s-3{margin-inline-start:25%}.eds-offset-s-4{margin-inline-start:33.3333333333%}.eds-offset-s-5{margin-inline-start:41.6666666667%}.eds-offset-s-6{margin-inline-start:50%}.eds-offset-s-7{margin-inline-start:58.3333333333%}.eds-offset-s-8{margin-inline-start:66.6666666667%}.eds-offset-s-9{margin-inline-start:75%}.eds-offset-s-10{margin-inline-start:83.3333333333%}.eds-offset-s-11{margin-inline-start:91.6666666667%}.eds-order-s-first{order:-1}.eds-order-s-last{order:13}.eds-order-s-0{order:0}.eds-order-s-1{order:1}.eds-order-s-2{order:2}.eds-order-s-3{order:3}.eds-order-s-4{order:4}.eds-order-s-5{order:5}.eds-order-s-6{order:6}.eds-order-s-7{order:7}.eds-order-s-8{order:8}.eds-order-s-9{order:9}.eds-order-s-10{order:10}.eds-order-s-11{order:11}.eds-order-s-12{order:12}}@media screen and (min-width:996px){.eds-col-m-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-m-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-m-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-m-3{flex:0 0 25%;max-width:25%}.eds-col-m-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-m-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-m-6{flex:0 0 50%;max-width:50%}.eds-col-m-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-m-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-m-9{flex:0 0 75%;max-width:75%}.eds-col-m-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-m-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-m-12{flex:0 0 100%;max-width:100%}.eds-offset-m-0{margin-inline-start:0}.eds-offset-m-1{margin-inline-start:8.3333333333%}.eds-offset-m-2{margin-inline-start:16.6666666667%}.eds-offset-m-3{margin-inline-start:25%}.eds-offset-m-4{margin-inline-start:33.3333333333%}.eds-offset-m-5{margin-inline-start:41.6666666667%}.eds-offset-m-6{margin-inline-start:50%}.eds-offset-m-7{margin-inline-start:58.3333333333%}.eds-offset-m-8{margin-inline-start:66.6666666667%}.eds-offset-m-9{margin-inline-start:75%}.eds-offset-m-10{margin-inline-start:83.3333333333%}.eds-offset-m-11{margin-inline-start:91.6666666667%}.eds-order-m-first{order:-1}.eds-order-m-last{order:13}.eds-order-m-0{order:0}.eds-order-m-1{order:1}.eds-order-m-2{order:2}.eds-order-m-3{order:3}.eds-order-m-4{order:4}.eds-order-m-5{order:5}.eds-order-m-6{order:6}.eds-order-m-7{order:7}.eds-order-m-8{order:8}.eds-order-m-9{order:9}.eds-order-m-10{order:10}.eds-order-m-11{order:11}.eds-order-m-12{order:12}}@media screen and (min-width:1140px){.eds-col-l-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-l-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-l-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-l-3{flex:0 0 25%;max-width:25%}.eds-col-l-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-l-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-l-6{flex:0 0 50%;max-width:50%}.eds-col-l-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-l-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-l-9{flex:0 0 75%;max-width:75%}.eds-col-l-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-l-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-l-12{flex:0 0 100%;max-width:100%}.eds-offset-l-0{margin-inline-start:0}.eds-offset-l-1{margin-inline-start:8.3333333333%}.eds-offset-l-2{margin-inline-start:16.6666666667%}.eds-offset-l-3{margin-inline-start:25%}.eds-offset-l-4{margin-inline-start:33.3333333333%}.eds-offset-l-5{margin-inline-start:41.6666666667%}.eds-offset-l-6{margin-inline-start:50%}.eds-offset-l-7{margin-inline-start:58.3333333333%}.eds-offset-l-8{margin-inline-start:66.6666666667%}.eds-offset-l-9{margin-inline-start:75%}.eds-offset-l-10{margin-inline-start:83.3333333333%}.eds-offset-l-11{margin-inline-start:91.6666666667%}.eds-order-l-first{order:-1}.eds-order-l-last{order:13}.eds-order-l-0{order:0}.eds-order-l-1{order:1}.eds-order-l-2{order:2}.eds-order-l-3{order:3}.eds-order-l-4{order:4}.eds-order-l-5{order:5}.eds-order-l-6{order:6}.eds-order-l-7{order:7}.eds-order-l-8{order:8}.eds-order-l-9{order:9}.eds-order-l-10{order:10}.eds-order-l-11{order:11}.eds-order-l-12{order:12}}@media screen and (min-width:1440px){.eds-col-xl-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-xl-3{flex:0 0 25%;max-width:25%}.eds-col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-xl-6{flex:0 0 50%;max-width:50%}.eds-col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-xl-9{flex:0 0 75%;max-width:75%}.eds-col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-xl-12{flex:0 0 100%;max-width:100%}.eds-offset-xl-0{margin-inline-start:0}.eds-offset-xl-1{margin-inline-start:8.3333333333%}.eds-offset-xl-2{margin-inline-start:16.6666666667%}.eds-offset-xl-3{margin-inline-start:25%}.eds-offset-xl-4{margin-inline-start:33.3333333333%}.eds-offset-xl-5{margin-inline-start:41.6666666667%}.eds-offset-xl-6{margin-inline-start:50%}.eds-offset-xl-7{margin-inline-start:58.3333333333%}.eds-offset-xl-8{margin-inline-start:66.6666666667%}.eds-offset-xl-9{margin-inline-start:75%}.eds-offset-xl-10{margin-inline-start:83.3333333333%}.eds-offset-xl-11{margin-inline-start:91.6666666667%}.eds-order-xl-first{order:-1}.eds-order-xl-last{order:13}.eds-order-xl-0{order:0}.eds-order-xl-1{order:1}.eds-order-xl-2{order:2}.eds-order-xl-3{order:3}.eds-order-xl-4{order:4}.eds-order-xl-5{order:5}.eds-order-xl-6{order:6}.eds-order-xl-7{order:7}.eds-order-xl-8{order:8}.eds-order-xl-9{order:9}.eds-order-xl-10{order:10}.eds-order-xl-11{order:11}.eds-order-xl-12{order:12}}@media screen and (min-width:1600px){.eds-col-2xl-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-2xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-2xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-2xl-3{flex:0 0 25%;max-width:25%}.eds-col-2xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-2xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-2xl-6{flex:0 0 50%;max-width:50%}.eds-col-2xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-2xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-2xl-9{flex:0 0 75%;max-width:75%}.eds-col-2xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-2xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-2xl-12{flex:0 0 100%;max-width:100%}.eds-offset-2xl-0{margin-inline-start:0}.eds-offset-2xl-1{margin-inline-start:8.3333333333%}.eds-offset-2xl-2{margin-inline-start:16.6666666667%}.eds-offset-2xl-3{margin-inline-start:25%}.eds-offset-2xl-4{margin-inline-start:33.3333333333%}.eds-offset-2xl-5{margin-inline-start:41.6666666667%}.eds-offset-2xl-6{margin-inline-start:50%}.eds-offset-2xl-7{margin-inline-start:58.3333333333%}.eds-offset-2xl-8{margin-inline-start:66.6666666667%}.eds-offset-2xl-9{margin-inline-start:75%}.eds-offset-2xl-10{margin-inline-start:83.3333333333%}.eds-offset-2xl-11{margin-inline-start:91.6666666667%}.eds-order-2xl-first{order:-1}.eds-order-2xl-last{order:13}.eds-order-2xl-0{order:0}.eds-order-2xl-1{order:1}.eds-order-2xl-2{order:2}.eds-order-2xl-3{order:3}.eds-order-2xl-4{order:4}.eds-order-2xl-5{order:5}.eds-order-2xl-6{order:6}.eds-order-2xl-7{order:7}.eds-order-2xl-8{order:8}.eds-order-2xl-9{order:9}.eds-order-2xl-10{order:10}.eds-order-2xl-11{order:11}.eds-order-2xl-12{order:12}}.eds-row-align-start{align-items:flex-start}.eds-row-align-center{align-items:center}.eds-row-align-end{align-items:flex-end}.eds-row-align-stretch{align-items:stretch}.eds-row-justify-start{justify-content:flex-start}.eds-row-justify-center{justify-content:center}.eds-row-justify-end{justify-content:flex-end}.eds-row-justify-between{justify-content:space-between}.eds-row-justify-around{justify-content:space-around}.eds-row-justify-evenly{justify-content:space-evenly}.eds-col-align-start{align-self:flex-start}.eds-col-align-center{align-self:center}.eds-col-align-end{align-self:flex-end}.eds-col-align-stretch{align-self:stretch}
1
+ .eds-container{box-sizing:border-box;margin-inline:auto;padding-inline:var(--eds-sp-m);width:100%}@media screen and (min-width:768px){.eds-container{max-width:768px}}@media screen and (min-width:996px){.eds-container{max-width:996px}}@media screen and (min-width:1140px){.eds-container{max-width:1140px}}@media screen and (min-width:1440px){.eds-container{max-width:1440px}}.eds-container{max-width:1600px}.eds-container-fluid{box-sizing:border-box;margin-inline:auto;padding-inline:var(--eds-sp-m);width:100%}.eds-row{box-sizing:border-box;display:flex;flex-wrap:wrap;margin-inline:calc(var(--eds-sp-m)*-.5)}.eds-row-no-gutters{margin-inline:0}.eds-row-no-gutters>.eds-col,.eds-row-no-gutters>[class*=eds-col-]{padding-inline:0}.eds-col,[class*=eds-col-]{box-sizing:border-box;min-height:1px;padding-inline:calc(var(--eds-sp-m)*.5);position:relative;width:100%}.eds-col{flex:1 0 0%;max-width:100%}.eds-col-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-3{flex:0 0 25%;max-width:25%}.eds-col-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-6{flex:0 0 50%;max-width:50%}.eds-col-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-9{flex:0 0 75%;max-width:75%}.eds-col-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-12{flex:0 0 100%;max-width:100%}.eds-offset-1{margin-inline-start:8.3333333333%}.eds-offset-2{margin-inline-start:16.6666666667%}.eds-offset-3{margin-inline-start:25%}.eds-offset-4{margin-inline-start:33.3333333333%}.eds-offset-5{margin-inline-start:41.6666666667%}.eds-offset-6{margin-inline-start:50%}.eds-offset-7{margin-inline-start:58.3333333333%}.eds-offset-8{margin-inline-start:66.6666666667%}.eds-offset-9{margin-inline-start:75%}.eds-offset-10{margin-inline-start:83.3333333333%}.eds-offset-11{margin-inline-start:91.6666666667%}.eds-order-first{order:-1}.eds-order-last{order:13}.eds-order-0{order:0}.eds-order-1{order:1}.eds-order-2{order:2}.eds-order-3{order:3}.eds-order-4{order:4}.eds-order-5{order:5}.eds-order-6{order:6}.eds-order-7{order:7}.eds-order-8{order:8}.eds-order-9{order:9}.eds-order-10{order:10}.eds-order-11{order:11}.eds-order-12{order:12}@media screen and (min-width:480px){.eds-col-xs-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-xs-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-xs-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-xs-3{flex:0 0 25%;max-width:25%}.eds-col-xs-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-xs-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-xs-6{flex:0 0 50%;max-width:50%}.eds-col-xs-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-xs-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-xs-9{flex:0 0 75%;max-width:75%}.eds-col-xs-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-xs-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-xs-12{flex:0 0 100%;max-width:100%}.eds-offset-xs-0{margin-inline-start:0}.eds-offset-xs-1{margin-inline-start:8.3333333333%}.eds-offset-xs-2{margin-inline-start:16.6666666667%}.eds-offset-xs-3{margin-inline-start:25%}.eds-offset-xs-4{margin-inline-start:33.3333333333%}.eds-offset-xs-5{margin-inline-start:41.6666666667%}.eds-offset-xs-6{margin-inline-start:50%}.eds-offset-xs-7{margin-inline-start:58.3333333333%}.eds-offset-xs-8{margin-inline-start:66.6666666667%}.eds-offset-xs-9{margin-inline-start:75%}.eds-offset-xs-10{margin-inline-start:83.3333333333%}.eds-offset-xs-11{margin-inline-start:91.6666666667%}.eds-order-xs-first{order:-1}.eds-order-xs-last{order:13}.eds-order-xs-0{order:0}.eds-order-xs-1{order:1}.eds-order-xs-2{order:2}.eds-order-xs-3{order:3}.eds-order-xs-4{order:4}.eds-order-xs-5{order:5}.eds-order-xs-6{order:6}.eds-order-xs-7{order:7}.eds-order-xs-8{order:8}.eds-order-xs-9{order:9}.eds-order-xs-10{order:10}.eds-order-xs-11{order:11}.eds-order-xs-12{order:12}}@media screen and (min-width:768px){.eds-col-s-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-s-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-s-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-s-3{flex:0 0 25%;max-width:25%}.eds-col-s-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-s-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-s-6{flex:0 0 50%;max-width:50%}.eds-col-s-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-s-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-s-9{flex:0 0 75%;max-width:75%}.eds-col-s-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-s-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-s-12{flex:0 0 100%;max-width:100%}.eds-offset-s-0{margin-inline-start:0}.eds-offset-s-1{margin-inline-start:8.3333333333%}.eds-offset-s-2{margin-inline-start:16.6666666667%}.eds-offset-s-3{margin-inline-start:25%}.eds-offset-s-4{margin-inline-start:33.3333333333%}.eds-offset-s-5{margin-inline-start:41.6666666667%}.eds-offset-s-6{margin-inline-start:50%}.eds-offset-s-7{margin-inline-start:58.3333333333%}.eds-offset-s-8{margin-inline-start:66.6666666667%}.eds-offset-s-9{margin-inline-start:75%}.eds-offset-s-10{margin-inline-start:83.3333333333%}.eds-offset-s-11{margin-inline-start:91.6666666667%}.eds-order-s-first{order:-1}.eds-order-s-last{order:13}.eds-order-s-0{order:0}.eds-order-s-1{order:1}.eds-order-s-2{order:2}.eds-order-s-3{order:3}.eds-order-s-4{order:4}.eds-order-s-5{order:5}.eds-order-s-6{order:6}.eds-order-s-7{order:7}.eds-order-s-8{order:8}.eds-order-s-9{order:9}.eds-order-s-10{order:10}.eds-order-s-11{order:11}.eds-order-s-12{order:12}}@media screen and (min-width:996px){.eds-col-m-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-m-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-m-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-m-3{flex:0 0 25%;max-width:25%}.eds-col-m-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-m-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-m-6{flex:0 0 50%;max-width:50%}.eds-col-m-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-m-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-m-9{flex:0 0 75%;max-width:75%}.eds-col-m-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-m-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-m-12{flex:0 0 100%;max-width:100%}.eds-offset-m-0{margin-inline-start:0}.eds-offset-m-1{margin-inline-start:8.3333333333%}.eds-offset-m-2{margin-inline-start:16.6666666667%}.eds-offset-m-3{margin-inline-start:25%}.eds-offset-m-4{margin-inline-start:33.3333333333%}.eds-offset-m-5{margin-inline-start:41.6666666667%}.eds-offset-m-6{margin-inline-start:50%}.eds-offset-m-7{margin-inline-start:58.3333333333%}.eds-offset-m-8{margin-inline-start:66.6666666667%}.eds-offset-m-9{margin-inline-start:75%}.eds-offset-m-10{margin-inline-start:83.3333333333%}.eds-offset-m-11{margin-inline-start:91.6666666667%}.eds-order-m-first{order:-1}.eds-order-m-last{order:13}.eds-order-m-0{order:0}.eds-order-m-1{order:1}.eds-order-m-2{order:2}.eds-order-m-3{order:3}.eds-order-m-4{order:4}.eds-order-m-5{order:5}.eds-order-m-6{order:6}.eds-order-m-7{order:7}.eds-order-m-8{order:8}.eds-order-m-9{order:9}.eds-order-m-10{order:10}.eds-order-m-11{order:11}.eds-order-m-12{order:12}}@media screen and (min-width:1140px){.eds-col-l-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-l-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-l-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-l-3{flex:0 0 25%;max-width:25%}.eds-col-l-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-l-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-l-6{flex:0 0 50%;max-width:50%}.eds-col-l-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-l-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-l-9{flex:0 0 75%;max-width:75%}.eds-col-l-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-l-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-l-12{flex:0 0 100%;max-width:100%}.eds-offset-l-0{margin-inline-start:0}.eds-offset-l-1{margin-inline-start:8.3333333333%}.eds-offset-l-2{margin-inline-start:16.6666666667%}.eds-offset-l-3{margin-inline-start:25%}.eds-offset-l-4{margin-inline-start:33.3333333333%}.eds-offset-l-5{margin-inline-start:41.6666666667%}.eds-offset-l-6{margin-inline-start:50%}.eds-offset-l-7{margin-inline-start:58.3333333333%}.eds-offset-l-8{margin-inline-start:66.6666666667%}.eds-offset-l-9{margin-inline-start:75%}.eds-offset-l-10{margin-inline-start:83.3333333333%}.eds-offset-l-11{margin-inline-start:91.6666666667%}.eds-order-l-first{order:-1}.eds-order-l-last{order:13}.eds-order-l-0{order:0}.eds-order-l-1{order:1}.eds-order-l-2{order:2}.eds-order-l-3{order:3}.eds-order-l-4{order:4}.eds-order-l-5{order:5}.eds-order-l-6{order:6}.eds-order-l-7{order:7}.eds-order-l-8{order:8}.eds-order-l-9{order:9}.eds-order-l-10{order:10}.eds-order-l-11{order:11}.eds-order-l-12{order:12}}@media screen and (min-width:1440px){.eds-col-xl-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-xl-3{flex:0 0 25%;max-width:25%}.eds-col-xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-xl-6{flex:0 0 50%;max-width:50%}.eds-col-xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-xl-9{flex:0 0 75%;max-width:75%}.eds-col-xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-xl-12{flex:0 0 100%;max-width:100%}.eds-offset-xl-0{margin-inline-start:0}.eds-offset-xl-1{margin-inline-start:8.3333333333%}.eds-offset-xl-2{margin-inline-start:16.6666666667%}.eds-offset-xl-3{margin-inline-start:25%}.eds-offset-xl-4{margin-inline-start:33.3333333333%}.eds-offset-xl-5{margin-inline-start:41.6666666667%}.eds-offset-xl-6{margin-inline-start:50%}.eds-offset-xl-7{margin-inline-start:58.3333333333%}.eds-offset-xl-8{margin-inline-start:66.6666666667%}.eds-offset-xl-9{margin-inline-start:75%}.eds-offset-xl-10{margin-inline-start:83.3333333333%}.eds-offset-xl-11{margin-inline-start:91.6666666667%}.eds-order-xl-first{order:-1}.eds-order-xl-last{order:13}.eds-order-xl-0{order:0}.eds-order-xl-1{order:1}.eds-order-xl-2{order:2}.eds-order-xl-3{order:3}.eds-order-xl-4{order:4}.eds-order-xl-5{order:5}.eds-order-xl-6{order:6}.eds-order-xl-7{order:7}.eds-order-xl-8{order:8}.eds-order-xl-9{order:9}.eds-order-xl-10{order:10}.eds-order-xl-11{order:11}.eds-order-xl-12{order:12}}@media screen and (min-width:1600px){.eds-col-2xl-auto{flex:0 0 auto;max-width:none;width:auto}.eds-col-2xl-1{flex:0 0 8.3333333333%;max-width:8.3333333333%}.eds-col-2xl-2{flex:0 0 16.6666666667%;max-width:16.6666666667%}.eds-col-2xl-3{flex:0 0 25%;max-width:25%}.eds-col-2xl-4{flex:0 0 33.3333333333%;max-width:33.3333333333%}.eds-col-2xl-5{flex:0 0 41.6666666667%;max-width:41.6666666667%}.eds-col-2xl-6{flex:0 0 50%;max-width:50%}.eds-col-2xl-7{flex:0 0 58.3333333333%;max-width:58.3333333333%}.eds-col-2xl-8{flex:0 0 66.6666666667%;max-width:66.6666666667%}.eds-col-2xl-9{flex:0 0 75%;max-width:75%}.eds-col-2xl-10{flex:0 0 83.3333333333%;max-width:83.3333333333%}.eds-col-2xl-11{flex:0 0 91.6666666667%;max-width:91.6666666667%}.eds-col-2xl-12{flex:0 0 100%;max-width:100%}.eds-offset-2xl-0{margin-inline-start:0}.eds-offset-2xl-1{margin-inline-start:8.3333333333%}.eds-offset-2xl-2{margin-inline-start:16.6666666667%}.eds-offset-2xl-3{margin-inline-start:25%}.eds-offset-2xl-4{margin-inline-start:33.3333333333%}.eds-offset-2xl-5{margin-inline-start:41.6666666667%}.eds-offset-2xl-6{margin-inline-start:50%}.eds-offset-2xl-7{margin-inline-start:58.3333333333%}.eds-offset-2xl-8{margin-inline-start:66.6666666667%}.eds-offset-2xl-9{margin-inline-start:75%}.eds-offset-2xl-10{margin-inline-start:83.3333333333%}.eds-offset-2xl-11{margin-inline-start:91.6666666667%}.eds-order-2xl-first{order:-1}.eds-order-2xl-last{order:13}.eds-order-2xl-0{order:0}.eds-order-2xl-1{order:1}.eds-order-2xl-2{order:2}.eds-order-2xl-3{order:3}.eds-order-2xl-4{order:4}.eds-order-2xl-5{order:5}.eds-order-2xl-6{order:6}.eds-order-2xl-7{order:7}.eds-order-2xl-8{order:8}.eds-order-2xl-9{order:9}.eds-order-2xl-10{order:10}.eds-order-2xl-11{order:11}.eds-order-2xl-12{order:12}}.eds-row-align-start{align-items:flex-start}.eds-row-align-center{align-items:center}.eds-row-align-end{align-items:flex-end}.eds-row-align-stretch{align-items:stretch}.eds-row-justify-start{justify-content:flex-start}.eds-row-justify-center{justify-content:center}.eds-row-justify-end{justify-content:flex-end}.eds-row-justify-between{justify-content:space-between}.eds-row-justify-around{justify-content:space-around}.eds-row-justify-evenly{justify-content:space-evenly}.eds-col-align-start{align-self:flex-start}.eds-col-align-center{align-self:center}.eds-col-align-end{align-self:flex-end}.eds-col-align-stretch{align-self:stretch}
package/dist/eds-grid.css.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"sourceRoot":"","sources":["../base/01-base/animations.scss","../base/05-vendors/_eds-grid.scss"],"names":[],"mappings":"AAAA;EACI;IACI;;EAEJ;IACI;;;AC0ER;EACE;EACA;EACA,gBArDY;EAsDZ;;AAdE;EAUJ;IAQM,WAjDY;;;AA+Bd;EAUJ;IAQM,WAjDY;;;AA+Bd;EAUJ;IAQM,WAjDY;;;AA+Bd;EAUJ;IAQM,WAjDY;;;AAyClB;EAQM,WAjDY;;;AAsDlB;EACE;EACA;EACA,gBAlEY;EAmEZ;;;AAKF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;AAAA;EAEE;;;AAMJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;;;AAUE;EACE;EACA;EACA;;;AAKA;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAOA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAQN;EACE;;;AAEF;EACE;;;AAGA;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAUjB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE","file":"eds-grid.css","sourcesContent":["@keyframes eds-spin {\n from {\n transform: translateY(-50%) rotate(0deg);\n }\n to {\n transform: translateY(-50%) rotate(360deg);\n }\n}\n","@use 'sass:map';\n@use 'sass:math';\n@use 'sass:list';\n@use '../02-tokens/maps' as maps;\n\n// ==========================================================================\n// EDS Grid System\n// A 12-column responsive grid using EDS breakpoints and spacing tokens.\n//\n// Usage:\n// <div class=\"eds-container\">\n// <div class=\"eds-row\">\n// <div class=\"eds-col-12 eds-col-m-6 eds-col-l-4\">Column</div>\n// <div class=\"eds-col-12 eds-col-m-6 eds-col-l-8\">Column</div>\n// </div>\n// </div>\n//\n// Breakpoint prefixes (mobile-first):\n// (none) = xs (0+)\n// -s = 480px+\n// -m = 768px+\n// -l = 996px+\n// -xl = 1140px+\n// -2xl = 1600px+\n// ==========================================================================\n\n// --- Configuration ---\n\n$grid-columns: 12 !default;\n$grid-gutter: var(--eds-sp-m) !default;\n\n// Breakpoints from EDS tokens\n$grid-breakpoints: maps.$breakpoint-size-map;\n\n// Add a base breakpoint at 0 for always-active classes (no prefix)\n$grid-breakpoints-with-base: map.merge((base: 0), $grid-breakpoints);\n\n// Container max-widths per breakpoint\n$grid-containers: (\n 's': 768px,\n 'm': 996px,\n 'l': 1140px,\n 'xl': 1440px,\n '2xl': 1600px,\n) !default;\n\n// --- Breakpoint helpers ---\n\n@function _breakpoint-min($name) {\n $min: map.get($grid-breakpoints-with-base, $name);\n @if $min and $min != 0 {\n @return $min;\n }\n @return null;\n}\n\n@function _breakpoint-infix($name) {\n @if $name == 'base' {\n @return '';\n }\n @if _breakpoint-min($name) == null {\n @return '';\n }\n @return '-#{$name}';\n}\n\n@mixin _breakpoint-up($name) {\n $min: _breakpoint-min($name);\n @if $min {\n @media screen and (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// --- Container ---\n\n.eds-container {\n box-sizing: border-box;\n margin-inline: auto;\n padding-inline: $grid-gutter;\n width: 100%;\n\n @each $breakpoint, $max-width in $grid-containers {\n @include _breakpoint-up($breakpoint) {\n max-width: $max-width;\n }\n }\n}\n\n.eds-container-fluid {\n box-sizing: border-box;\n margin-inline: auto;\n padding-inline: $grid-gutter;\n width: 100%;\n}\n\n// --- Row ---\n\n.eds-row {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n margin-inline: calc(#{$grid-gutter} * -0.5);\n}\n\n.eds-row-no-gutters {\n margin-inline: 0;\n\n > .eds-col,\n > [class*='eds-col-'] {\n padding-inline: 0;\n }\n}\n\n// --- Columns base styles ---\n\n.eds-col,\n[class*='eds-col-'] {\n box-sizing: border-box;\n min-height: 1px;\n padding-inline: calc(#{$grid-gutter} * 0.5);\n position: relative;\n width: 100%;\n}\n\n// Auto-width column\n.eds-col {\n flex: 1 0 0%;\n max-width: 100%;\n}\n\n// --- Generate grid classes for each breakpoint ---\n\n@each $breakpoint, $bp-value in $grid-breakpoints-with-base {\n $infix: _breakpoint-infix($breakpoint);\n\n @include _breakpoint-up($breakpoint) {\n // Auto-width column at breakpoint\n .eds-col#{$infix}-auto {\n flex: 0 0 auto;\n max-width: none;\n width: auto;\n }\n\n // Sized columns\n @for $i from 1 through $grid-columns {\n .eds-col#{$infix}-#{$i} {\n flex: 0 0 math.percentage(math.div($i, $grid-columns));\n max-width: math.percentage(math.div($i, $grid-columns));\n }\n }\n\n // Offsets\n @for $i from 0 through ($grid-columns - 1) {\n @if not($infix == '' and $i == 0) {\n .eds-offset#{$infix}-#{$i} {\n margin-inline-start: math.percentage(\n math.div($i, $grid-columns)\n );\n }\n }\n }\n\n // Order utilities\n .eds-order#{$infix}-first {\n order: -1;\n }\n .eds-order#{$infix}-last {\n order: $grid-columns + 1;\n }\n @for $i from 0 through $grid-columns {\n .eds-order#{$infix}-#{$i} {\n order: $i;\n }\n }\n }\n}\n\n// --- Row alignment utilities ---\n\n.eds-row-align-start {\n align-items: flex-start;\n}\n\n.eds-row-align-center {\n align-items: center;\n}\n\n.eds-row-align-end {\n align-items: flex-end;\n}\n\n.eds-row-align-stretch {\n align-items: stretch;\n}\n\n.eds-row-justify-start {\n justify-content: flex-start;\n}\n\n.eds-row-justify-center {\n justify-content: center;\n}\n\n.eds-row-justify-end {\n justify-content: flex-end;\n}\n\n.eds-row-justify-between {\n justify-content: space-between;\n}\n\n.eds-row-justify-around {\n justify-content: space-around;\n}\n\n.eds-row-justify-evenly {\n justify-content: space-evenly;\n}\n\n// --- Column self-alignment ---\n\n.eds-col-align-start {\n align-self: flex-start;\n}\n\n.eds-col-align-center {\n align-self: center;\n}\n\n.eds-col-align-end {\n align-self: flex-end;\n}\n\n.eds-col-align-stretch {\n align-self: stretch;\n}\n"]}
1
+ {"version":3,"sourceRoot":"","sources":["file:///builds/csdr/eui/eui/packages/eds-styles/dist/tmp/base/05-vendors/_eds-grid.scss"],"names":[],"mappings":"AA+EA;EACE;EACA;EACA,gBArDY;EAsDZ;;AAdE;EAUJ;IAQM,WAjDY;;;AA+Bd;EAUJ;IAQM,WAjDY;;;AA+Bd;EAUJ;IAQM,WAjDY;;;AA+Bd;EAUJ;IAQM,WAjDY;;;AAyClB;EAQM,WAjDY;;;AAsDlB;EACE;EACA;EACA,gBAlEY;EAmEZ;;;AAKF;EACE;EACA;EACA;EACA;;;AAGF;EACE;;AAEA;AAAA;EAEE;;;AAMJ;AAAA;EAEE;EACA;EACA;EACA;EACA;;;AAIF;EACE;EACA;;;AAUE;EACE;EACA;EACA;;;AAKA;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAFF;EACE;EACA;;;AAOA;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AADF;EACE;;;AAQN;EACE;;;AAEF;EACE;;;AAGA;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AACX;EACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAxGb;EAwEA;IACE;IACA;IACA;;EAKA;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAFF;IACE;IACA;;EAOA;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EADF;IACE;;EAQN;IACE;;EAEF;IACE;;EAGA;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;EACX;IACE,OAFS;;;AAUjB;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAKF;EACE;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;EACE","sourcesContent":["@use 'sass:map';\n@use 'sass:math';\n@use 'sass:list';\n@use '../02-tokens/maps' as maps;\n\n// ==========================================================================\n// EDS Grid System\n// A 12-column responsive grid using EDS breakpoints and spacing tokens.\n//\n// Usage:\n// <div class=\"eds-container\">\n// <div class=\"eds-row\">\n// <div class=\"eds-col-12 eds-col-m-6 eds-col-l-4\">Column</div>\n// <div class=\"eds-col-12 eds-col-m-6 eds-col-l-8\">Column</div>\n// </div>\n// </div>\n//\n// Breakpoint prefixes (mobile-first):\n// (none) = xs (0+)\n// -s = 480px+\n// -m = 768px+\n// -l = 996px+\n// -xl = 1140px+\n// -2xl = 1600px+\n// ==========================================================================\n\n// --- Configuration ---\n\n$grid-columns: 12 !default;\n$grid-gutter: var(--eds-sp-m) !default;\n\n// Breakpoints from EDS tokens\n$grid-breakpoints: maps.$breakpoint-size-map;\n\n// Add a base breakpoint at 0 for always-active classes (no prefix)\n$grid-breakpoints-with-base: map.merge((base: 0), $grid-breakpoints);\n\n// Container max-widths per breakpoint\n$grid-containers: (\n 's': 768px,\n 'm': 996px,\n 'l': 1140px,\n 'xl': 1440px,\n '2xl': 1600px,\n) !default;\n\n// --- Breakpoint helpers ---\n\n@function _breakpoint-min($name) {\n $min: map.get($grid-breakpoints-with-base, $name);\n @if $min and $min != 0 {\n @return $min;\n }\n @return null;\n}\n\n@function _breakpoint-infix($name) {\n @if $name == 'base' {\n @return '';\n }\n @if _breakpoint-min($name) == null {\n @return '';\n }\n @return '-#{$name}';\n}\n\n@mixin _breakpoint-up($name) {\n $min: _breakpoint-min($name);\n @if $min {\n @media screen and (min-width: $min) {\n @content;\n }\n } @else {\n @content;\n }\n}\n\n// --- Container ---\n\n.eds-container {\n box-sizing: border-box;\n margin-inline: auto;\n padding-inline: $grid-gutter;\n width: 100%;\n\n @each $breakpoint, $max-width in $grid-containers {\n @include _breakpoint-up($breakpoint) {\n max-width: $max-width;\n }\n }\n}\n\n.eds-container-fluid {\n box-sizing: border-box;\n margin-inline: auto;\n padding-inline: $grid-gutter;\n width: 100%;\n}\n\n// --- Row ---\n\n.eds-row {\n box-sizing: border-box;\n display: flex;\n flex-wrap: wrap;\n margin-inline: calc(#{$grid-gutter} * -0.5);\n}\n\n.eds-row-no-gutters {\n margin-inline: 0;\n\n > .eds-col,\n > [class*='eds-col-'] {\n padding-inline: 0;\n }\n}\n\n// --- Columns base styles ---\n\n.eds-col,\n[class*='eds-col-'] {\n box-sizing: border-box;\n min-height: 1px;\n padding-inline: calc(#{$grid-gutter} * 0.5);\n position: relative;\n width: 100%;\n}\n\n// Auto-width column\n.eds-col {\n flex: 1 0 0%;\n max-width: 100%;\n}\n\n// --- Generate grid classes for each breakpoint ---\n\n@each $breakpoint, $bp-value in $grid-breakpoints-with-base {\n $infix: _breakpoint-infix($breakpoint);\n\n @include _breakpoint-up($breakpoint) {\n // Auto-width column at breakpoint\n .eds-col#{$infix}-auto {\n flex: 0 0 auto;\n max-width: none;\n width: auto;\n }\n\n // Sized columns\n @for $i from 1 through $grid-columns {\n .eds-col#{$infix}-#{$i} {\n flex: 0 0 math.percentage(math.div($i, $grid-columns));\n max-width: math.percentage(math.div($i, $grid-columns));\n }\n }\n\n // Offsets\n @for $i from 0 through ($grid-columns - 1) {\n @if not($infix == '' and $i == 0) {\n .eds-offset#{$infix}-#{$i} {\n margin-inline-start: math.percentage(\n math.div($i, $grid-columns)\n );\n }\n }\n }\n\n // Order utilities\n .eds-order#{$infix}-first {\n order: -1;\n }\n .eds-order#{$infix}-last {\n order: $grid-columns + 1;\n }\n @for $i from 0 through $grid-columns {\n .eds-order#{$infix}-#{$i} {\n order: $i;\n }\n }\n }\n}\n\n// --- Row alignment utilities ---\n\n.eds-row-align-start {\n align-items: flex-start;\n}\n\n.eds-row-align-center {\n align-items: center;\n}\n\n.eds-row-align-end {\n align-items: flex-end;\n}\n\n.eds-row-align-stretch {\n align-items: stretch;\n}\n\n.eds-row-justify-start {\n justify-content: flex-start;\n}\n\n.eds-row-justify-center {\n justify-content: center;\n}\n\n.eds-row-justify-end {\n justify-content: flex-end;\n}\n\n.eds-row-justify-between {\n justify-content: space-between;\n}\n\n.eds-row-justify-around {\n justify-content: space-around;\n}\n\n.eds-row-justify-evenly {\n justify-content: space-evenly;\n}\n\n// --- Column self-alignment ---\n\n.eds-col-align-start {\n align-self: flex-start;\n}\n\n.eds-col-align-center {\n align-self: center;\n}\n\n.eds-col-align-end {\n align-self: flex-end;\n}\n\n.eds-col-align-stretch {\n align-self: stretch;\n}\n"]}