@eui/eds-styles 22.0.0-alpha.16 → 22.0.0-alpha.18

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 (32) hide show
  1. package/dist/assets/eds-components.d.ts +70 -0
  2. package/dist/assets/eds-components.json +134 -0
  3. package/dist/base/02-tokens/colors-primitive.scss +72 -767
  4. package/dist/base/02-tokens/dimensions-primitive.scss +10 -23
  5. package/dist/base/02-tokens/ecl/primitives/_breakpoint.scss +16 -0
  6. package/dist/base/02-tokens/ecl/primitives/_color-domain.scss +189 -0
  7. package/dist/base/02-tokens/ecl/primitives/_color.scss +190 -0
  8. package/dist/base/02-tokens/ecl/primitives/_dimension.scss +31 -0
  9. package/dist/base/02-tokens/ecl/primitives/_grid.scss +25 -0
  10. package/dist/base/02-tokens/ecl/primitives/_index.scss +14 -0
  11. package/dist/base/02-tokens/ecl/primitives/_typography.scss +58 -0
  12. package/dist/base/02-tokens/ecl/semantic/_border.scss +22 -0
  13. package/dist/base/02-tokens/ecl/semantic/_color-dark.scss +221 -0
  14. package/dist/base/02-tokens/ecl/semantic/_color-domain-dark.scss +172 -0
  15. package/dist/base/02-tokens/ecl/semantic/_color-domain.scss +172 -0
  16. package/dist/base/02-tokens/ecl/semantic/_color.scss +227 -0
  17. package/dist/base/02-tokens/ecl/semantic/_index.scss +17 -0
  18. package/dist/base/02-tokens/ecl/semantic/_opacity.scss +21 -0
  19. package/dist/base/02-tokens/ecl/semantic/_shadow.scss +41 -0
  20. package/dist/base/02-tokens/ecl/semantic/_spacing.scss +62 -0
  21. package/dist/base/02-tokens/ecl/semantic/_typography.scss +288 -0
  22. package/dist/base/02-tokens/maps.scss +29 -71
  23. package/dist/base/02-tokens/typography-primitive.scss +15 -46
  24. package/dist/base/02-tokens/typography-semantic.scss +33 -33
  25. package/dist/base/04-elements/table.scss +1 -1
  26. package/dist/eds-showcase-exports.css +1 -1
  27. package/dist/eds-showcase-exports.css.map +1 -1
  28. package/dist/eds-utilities.css +1 -1
  29. package/dist/eds-vars.css +1 -1
  30. package/dist/eds.css +1 -1
  31. package/dist/eds.css.map +1 -1
  32. package/package.json +1 -1
@@ -1,23 +1,10 @@
1
- $dimension-map: (
2
- none: 0rem,
3
- 1: 0.0625rem,
4
- 2: 0.125rem,
5
- 4: 0.25rem,
6
- 6: 0.375rem,
7
- 8: 0.5rem,
8
- 12: 0.75rem,
9
- 16: 1rem,
10
- 20: 1.25rem,
11
- 24: 1.5rem,
12
- 28: 1.75rem,
13
- 32: 2rem,
14
- 36: 2.25rem,
15
- 40: 2.5rem,
16
- 44: 2.75rem,
17
- 48: 3rem,
18
- 52: 3.25rem,
19
- 56: 3.5rem,
20
- 60: 3.75rem,
21
- 64: 4rem,
22
- 96: 6rem,
23
- );
1
+ @use './ecl/primitives/dimension' as ecl-dimension;
2
+
3
+ // PRIMITIVE DIMENSION MAP
4
+ //
5
+ // Sourced from the ecl-eds foundations primitives (single source of truth).
6
+ // The `$dimension-map` name is retained as the consumer-facing alias; its
7
+ // values come verbatim from `ecl/primitives/_dimension.scss` ($dimension).
8
+ // To change a value, edit the upstream primitive and re-run tools/ecl-import.mjs.
9
+
10
+ $dimension-map: ecl-dimension.$dimension;
@@ -0,0 +1,16 @@
1
+ // ============================================================================
2
+ // GENERATED FILE — DO NOT EDIT.
3
+ //
4
+ // Imported verbatim from ecl-eds-foundations/primitives/_breakpoint.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
+ $breakpoint: (
10
+ xs: 480px,
11
+ s: 768px,
12
+ m: 996px,
13
+ l: 1140px,
14
+ xl: 1440px,
15
+ 2xl: 1600px,
16
+ );
@@ -0,0 +1,189 @@
1
+ // ============================================================================
2
+ // GENERATED FILE — DO NOT EDIT.
3
+ //
4
+ // Imported verbatim from ecl-eds-foundations/primitives/_color-domain.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
+ $color-domain: (
10
+ 'domain-blue-navy-50': #f5f5fa,
11
+ 'domain-blue-navy-100': #f0f0f8,
12
+ 'domain-blue-navy-200': #d9d9ec,
13
+ 'domain-blue-navy-300': #bfbfe0,
14
+ 'domain-blue-navy-400': #a0a0d1,
15
+ 'domain-blue-navy-500': #8c8cc7,
16
+ 'domain-blue-navy-600': #4545a4,
17
+ 'domain-blue-navy-700': #000083,
18
+ 'domain-blue-navy-800': #000069,
19
+ 'domain-blue-navy-900': #00002e,
20
+ 'domain-blue-navy-950': #00002e,
21
+
22
+ 'domain-blue-electric-50': #e6f8fd,
23
+ 'domain-blue-electric-100': #d9f5fb,
24
+ 'domain-blue-electric-200': #b1eaf7,
25
+ 'domain-blue-electric-300': #5bd3ef,
26
+ 'domain-blue-electric-400': #03bbe6,
27
+ 'domain-blue-electric-500': #03a8cf,
28
+ 'domain-blue-electric-600': #028cad,
29
+ 'domain-blue-electric-700': #02708a,
30
+ 'domain-blue-electric-800': #015467,
31
+ 'domain-blue-electric-900': #014959,
32
+ 'domain-blue-electric-950': #014555,
33
+
34
+ 'domain-green-50': #e6f9f2,
35
+ 'domain-green-100': #daf6eb,
36
+ 'domain-green-200': #b2edd6,
37
+ 'domain-green-300': #8fe5c4,
38
+ 'domain-green-400': #5ddaa9,
39
+ 'domain-green-500': #05c67b,
40
+ 'domain-green-600': #05b26f,
41
+ 'domain-green-700': #049e62,
42
+ 'domain-green-800': #04955c,
43
+ 'domain-green-900': #03774a,
44
+ 'domain-green-950': #037146,
45
+
46
+ 'domain-green-dark-50': #e6f0f0,
47
+ 'domain-green-dark-100': #d9e8e8,
48
+ 'domain-green-dark-200': #b0d0d0,
49
+ 'domain-green-dark-300': #8cbaba,
50
+ 'domain-green-dark-400': #599c9c,
51
+ 'domain-green-dark-500': #066,
52
+ 'domain-green-dark-600': #005c5c,
53
+ 'domain-green-dark-700': #005252,
54
+ 'domain-green-dark-800': #004d4d,
55
+ 'domain-green-dark-900': #003d3d,
56
+ 'domain-green-dark-950': #003a3a,
57
+
58
+ 'domain-orange-50': #fff3e9,
59
+ 'domain-orange-100': #ffe9d6,
60
+ 'domain-orange-200': #ffdbba,
61
+ 'domain-orange-300': #ffc998,
62
+ 'domain-orange-400': #ffb16a,
63
+ 'domain-orange-500': #ff8a20,
64
+ 'domain-orange-600': #e87e1d,
65
+ 'domain-orange-700': #b56217,
66
+ 'domain-orange-800': #8c4c12,
67
+ 'domain-orange-900': #6b3a0d,
68
+ 'domain-orange-950': #66370c,
69
+
70
+ 'domain-purple-50': #f4effb,
71
+ 'domain-purple-100': #ebe1f8,
72
+ 'domain-purple-200': #ddcdf3,
73
+ 'domain-purple-300': #ccb5ee,
74
+ 'domain-purple-400': #b594e6,
75
+ 'domain-purple-500': #905fd9,
76
+ 'domain-purple-600': #8356c5,
77
+ 'domain-purple-700': #66439a,
78
+ 'domain-purple-800': #4f3477,
79
+ 'domain-purple-900': #3c285b,
80
+ 'domain-purple-950': #392656,
81
+
82
+ 'domain-blue-ocean-50': #e8f8f6,
83
+ 'domain-blue-ocean-100': #dcf5f2,
84
+ 'domain-blue-ocean-200': #b7eae4,
85
+ 'domain-blue-ocean-300': #97e0d8,
86
+ 'domain-blue-ocean-400': #69d2c6,
87
+ 'domain-blue-ocean-500': #18baa8,
88
+ 'domain-blue-ocean-600': #16a797,
89
+ 'domain-blue-ocean-700': #139586,
90
+ 'domain-blue-ocean-800': #128c7e,
91
+ 'domain-blue-ocean-900': #0e7065,
92
+ 'domain-blue-ocean-950': #0d6a60,
93
+
94
+ 'domain-green-lemon-50': #fafcee,
95
+ 'domain-green-lemon-100': #f7fbe5,
96
+ 'domain-green-lemon-200': #eff6c9,
97
+ 'domain-green-lemon-300': #e8f2b0,
98
+ 'domain-green-lemon-400': #ddec8d,
99
+ 'domain-green-lemon-500': #cbe250,
100
+ 'domain-green-lemon-600': #b7cb48,
101
+ 'domain-green-lemon-700': #a2b540,
102
+ 'domain-green-lemon-800': #98aa3c,
103
+ 'domain-green-lemon-900': #7a8830,
104
+ 'domain-green-lemon-950': #687429,
105
+
106
+ 'domain-green-pine-50': #eff3f3,
107
+ 'domain-green-pine-100': #dae2e4,
108
+ 'domain-green-pine-200': #ced8db,
109
+ 'domain-green-pine-300': #b6c6ca,
110
+ 'domain-green-pine-400': #94abb1,
111
+ 'domain-green-pine-500': #809ba2,
112
+ 'domain-green-pine-600': #445c63,
113
+ 'domain-green-pine-700': #0a3f4d,
114
+ 'domain-green-pine-800': #08323e,
115
+ 'domain-green-pine-900': #082f3a,
116
+ 'domain-green-pine-950': #082d37,
117
+
118
+ 'domain-red-crayola-50': #fcebee,
119
+ 'domain-red-crayola-100': #f6c1ca,
120
+ 'domain-red-crayola-200': #f2a3b1,
121
+ 'domain-red-crayola-300': #ec798d,
122
+ 'domain-red-crayola-400': #e95f77,
123
+ 'domain-red-crayola-500': #e33755,
124
+ 'domain-red-crayola-600': #cf324d,
125
+ 'domain-red-crayola-700': #a1273c,
126
+ 'domain-red-crayola-800': #7d1e2f,
127
+ 'domain-red-crayola-900': #5f1724,
128
+ 'domain-red-crayola-950': #5a1622,
129
+
130
+ 'domain-warm-grey-50': #f6f4f3,
131
+ 'domain-warm-grey-100': #e2dcda,
132
+ 'domain-warm-grey-200': #d3cbc8,
133
+ 'domain-warm-grey-300': #bfb4af,
134
+ 'domain-warm-grey-400': #b3a59f,
135
+ 'domain-warm-grey-500': #a08f87,
136
+ 'domain-warm-grey-600': #92827b,
137
+ 'domain-warm-grey-700': #726660,
138
+ 'domain-warm-grey-800': #584f4a,
139
+ 'domain-warm-grey-900': #433c39,
140
+ 'domain-warm-grey-950': #403936,
141
+
142
+ 'domain-yellow-gold-50': #fffae6,
143
+ 'domain-yellow-gold-100': #fff3c2,
144
+ 'domain-yellow-gold-200': #ffea91,
145
+ 'domain-yellow-gold-300': #ffe05e,
146
+ 'domain-yellow-gold-400': #ffd72e,
147
+ 'domain-yellow-gold-500': #ffce00,
148
+ 'domain-yellow-gold-600': #d9af00,
149
+ 'domain-yellow-gold-700': #b59200,
150
+ 'domain-yellow-gold-800': #917500,
151
+ 'domain-yellow-gold-900': #735d00,
152
+ 'domain-yellow-gold-950': #6d5800,
153
+
154
+ 'domain-orange-abricot-50': #fff9ed,
155
+ 'domain-orange-abricot-100': #fff1d4,
156
+ 'domain-orange-abricot-200': #ffdfa9,
157
+ 'domain-orange-abricot-300': #ffbe5c,
158
+ 'domain-orange-abricot-400': #fea439,
159
+ 'domain-orange-abricot-500': #fc8713,
160
+ 'domain-orange-abricot-600': #ed6c09,
161
+ 'domain-orange-abricot-700': #c55109,
162
+ 'domain-orange-abricot-800': #9c4010,
163
+ 'domain-orange-abricot-900': #7e3610,
164
+ 'domain-orange-abricot-950': #78330f,
165
+
166
+ 'domain-purple-violet-50': #f3f1ff,
167
+ 'domain-purple-violet-100': #dbd4ff,
168
+ 'domain-purple-violet-200': #cabfff,
169
+ 'domain-purple-violet-300': #b1a1ff,
170
+ 'domain-purple-violet-400': #a28fff,
171
+ 'domain-purple-violet-500': #8b73ff,
172
+ 'domain-purple-violet-600': #7e69e8,
173
+ 'domain-purple-violet-700': #6352b5,
174
+ 'domain-purple-violet-800': #4c3f8c,
175
+ 'domain-purple-violet-900': #3a306b,
176
+ 'domain-purple-violet-950': #372e66,
177
+
178
+ 'domain-red-tomato-50': #fff0ed,
179
+ 'domain-red-tomato-100': #ffd0c7,
180
+ 'domain-red-tomato-200': #ffbaac,
181
+ 'domain-red-tomato-300': #ff9a86,
182
+ 'domain-red-tomato-400': #ff866e,
183
+ 'domain-red-tomato-500': #ff684a,
184
+ 'domain-red-tomato-600': #e85f43,
185
+ 'domain-red-tomato-700': #b54a35,
186
+ 'domain-red-tomato-800': #8c3929,
187
+ 'domain-red-tomato-900': #6b2c1f,
188
+ 'domain-red-tomato-950': #662a1d,
189
+ );
@@ -0,0 +1,190 @@
1
+ // ============================================================================
2
+ // GENERATED FILE — DO NOT EDIT.
3
+ //
4
+ // Imported verbatim from ecl-eds-foundations/primitives/_color.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 'color-domain';
11
+
12
+ $color: map.merge(
13
+ (
14
+ // European blue
15
+ 'european-blue-25': #fafafb,
16
+ 'european-blue-50': #f2f6ff,
17
+ 'european-blue-75': #eef2ff,
18
+ 'european-blue-100': #e6edff,
19
+ 'european-blue-200': #d9e3ff,
20
+ 'european-blue-300': #b0c6ff,
21
+ 'european-blue-400': #8cacff,
22
+ 'european-blue-500': #5987ff,
23
+ 'european-blue-600': #0046ff,
24
+ 'european-blue-700': #0035bf,
25
+ 'european-blue-800': #002a99,
26
+ 'european-blue-900': #001f73,
27
+ 'european-blue-950': #001959,
28
+
29
+ // Silver fog
30
+ 'silver-fog-0': #fff,
31
+ 'silver-fog-25': #fafafb,
32
+ 'silver-fog-50': #f6f6f8,
33
+ 'silver-fog-75': #ededf0,
34
+ 'silver-fog-100': #e1e1e7,
35
+ 'silver-fog-200': #d4d4dc,
36
+ 'silver-fog-300': #b9b9c5,
37
+ 'silver-fog-400': #a0a0b1,
38
+ 'silver-fog-500': #84849b,
39
+ 'silver-fog-600': #696984,
40
+ 'silver-fog-700': #505070,
41
+ 'silver-fog-800': #353559,
42
+ 'silver-fog-900': #171740,
43
+ 'silver-fog-950': #00002e,
44
+ 'silver-fog-1000': #000,
45
+
46
+ // Graphite
47
+ 'graphite-0': #fff,
48
+ 'graphite-25': #f4f4f5,
49
+ 'graphite-50': #e8e8ea,
50
+ 'graphite-75': #d1d1d4,
51
+ 'graphite-100': #b4b4b9,
52
+ 'graphite-200': #8e8e94,
53
+ 'graphite-300': #6a6a71,
54
+ 'graphite-400': #6a6a71,
55
+ 'graphite-500': #2c2c36,
56
+ 'graphite-600': #24242c,
57
+ 'graphite-700': #1e1e25,
58
+ 'graphite-800': #18181c,
59
+ 'graphite-900': #131318,
60
+ 'graphite-950': #0d0d12,
61
+ 'graphite-1000': #000,
62
+
63
+ // Sunrise orange
64
+ 'sunrise-orange-25': #fffcf7,
65
+ 'sunrise-orange-50': #fff5e5,
66
+ 'sunrise-orange-75': #ffebcc,
67
+ 'sunrise-orange-100': #ffe1b4,
68
+ 'sunrise-orange-200': #ffd392,
69
+ 'sunrise-orange-300': #ffcb7d,
70
+ 'sunrise-orange-400': #ffbe5c,
71
+ 'sunrise-orange-500': #fea439,
72
+ 'sunrise-orange-600': #fc8713,
73
+ 'sunrise-orange-700': #ed6c09,
74
+ 'sunrise-orange-800': #c55109,
75
+ 'sunrise-orange-900': #9e4107,
76
+ 'sunrise-orange-950': #471b00,
77
+
78
+ // Functional colors
79
+ 'red-25': #fefafa,
80
+ 'red-50': #fdefef,
81
+ 'red-75': #fce9ea,
82
+ 'red-100': #f5bbbe,
83
+ 'red-200': #f09a9e,
84
+ 'red-300': #ea6c72,
85
+ 'red-400': #e54f57,
86
+ 'red-500': #df232d,
87
+ 'red-600': #cb2029,
88
+ 'red-700': #9e1920,
89
+ 'red-800': #7b1319,
90
+ 'red-900': #5a0e12,
91
+ 'red-950': #1f0506,
92
+
93
+ 'orange-25': #fffaf5,
94
+ 'orange-50': #fff3e8,
95
+ 'orange-75': #ffeddc,
96
+ 'orange-100': #ffdbba,
97
+ 'orange-200': #ffc998,
98
+ 'orange-300': #ffb16a,
99
+ 'orange-400': #ffa14d,
100
+ 'orange-500': #ff8a20,
101
+ 'orange-600': #e87e1d,
102
+ 'orange-700': #ba6517,
103
+ 'orange-800': #8b4c11,
104
+ 'orange-900': #68390d,
105
+ 'orange-950': #512c0a,
106
+
107
+ 'blue-25': #f9fbfd,
108
+ 'blue-50': #f5f7fb,
109
+ 'blue-75': #ebeff7,
110
+ 'blue-100': #dee4f2,
111
+ 'blue-200': #bfcce6,
112
+ 'blue-300': #a3b6da,
113
+ 'blue-400': #859dce,
114
+ 'blue-500': #6685c2,
115
+ 'blue-600': #3b62b0,
116
+ 'blue-700': #1c49a4,
117
+ 'blue-800': #039,
118
+ 'blue-900': #00297a,
119
+ 'blue-950': #001f5c,
120
+
121
+ 'green-25': #f9fefc,
122
+ 'green-50': #edfbf6,
123
+ 'green-75': #e3f9f0,
124
+ 'green-100': #daf6eb,
125
+ 'green-200': #b2edd6,
126
+ 'green-300': #8fe5c4,
127
+ 'green-400': #5ddaa9,
128
+ 'green-500': #05c67b,
129
+ 'green-600': #05b26f,
130
+ 'green-700': #049e62,
131
+ 'green-800': #037e4e,
132
+ 'green-900': #025f3b,
133
+ 'green-950': #02472c,
134
+
135
+ // Alpha
136
+ 'alpha-silver-fog-0-0': rgb(255, 255, 255, 0),
137
+ 'alpha-silver-fog-0-8': rgb(255, 255, 255, 0.08),
138
+ 'alpha-silver-fog-0-10': rgb(255, 255, 255, 0.1),
139
+ 'alpha-silver-fog-0-12': rgb(255, 255, 255, 0.12),
140
+ 'alpha-silver-fog-0-14': rgb(255, 255, 255, 0.14),
141
+ 'alpha-silver-fog-0-20': rgb(255, 255, 255, 0.2),
142
+ 'alpha-silver-fog-0-30': rgb(255, 255, 255, 0.3),
143
+ 'alpha-silver-fog-0-40': rgb(255, 255, 255, 0.4),
144
+ 'alpha-silver-fog-0-50': rgb(255, 255, 255, 0.5),
145
+ 'alpha-silver-fog-0-60': rgb(255, 255, 255, 0.6),
146
+ 'alpha-silver-fog-0-70': rgb(255, 255, 255, 0.7),
147
+ 'alpha-silver-fog-0-80': rgb(255, 255, 255, 0.8),
148
+ 'alpha-silver-fog-0-90': rgb(255, 255, 255, 0.9),
149
+ 'alpha-silver-fog-950-0': rgb(0, 0, 46, 0),
150
+ 'alpha-silver-fog-950-8': rgb(0, 0, 46, 0.08),
151
+ 'alpha-silver-fog-950-10': rgb(0, 0, 46, 0.1),
152
+ 'alpha-silver-fog-950-12': rgb(0, 0, 46, 0.12),
153
+ 'alpha-silver-fog-950-14': rgb(0, 0, 46, 0.14),
154
+ 'alpha-silver-fog-950-20': rgb(0, 0, 46, 0.2),
155
+ 'alpha-silver-fog-950-30': rgb(0, 0, 46, 0.3),
156
+ 'alpha-silver-fog-950-40': rgb(0, 0, 46, 0.5),
157
+ 'alpha-silver-fog-950-50': rgb(0, 0, 46, 0.5),
158
+ 'alpha-silver-fog-950-60': rgb(0, 0, 46, 0.6),
159
+ 'alpha-silver-fog-950-70': rgb(0, 0, 46, 0.7),
160
+ 'alpha-silver-fog-950-80': rgb(0, 0, 46, 0.8),
161
+ 'alpha-silver-fog-950-90': rgb(0, 0, 46, 0.9),
162
+ 'alpha-graphite-0-0': rgb(255, 255, 255, 0),
163
+ 'alpha-graphite-0-8': rgb(255, 255, 255, 0.08),
164
+ 'alpha-graphite-0-10': rgb(255, 255, 255, 0.1),
165
+ 'alpha-graphite-0-12': rgb(255, 255, 255, 0.12),
166
+ 'alpha-graphite-0-14': rgb(255, 255, 255, 0.14),
167
+ 'alpha-graphite-0-20': rgb(255, 255, 255, 0.2),
168
+ 'alpha-graphite-0-30': rgb(255, 255, 255, 0.3),
169
+ 'alpha-graphite-0-40': rgb(255, 255, 255, 0.4),
170
+ 'alpha-graphite-0-50': rgb(255, 255, 255, 0.5),
171
+ 'alpha-graphite-0-60': rgb(255, 255, 255, 0.6),
172
+ 'alpha-graphite-0-70': rgb(255, 255, 255, 0.7),
173
+ 'alpha-graphite-0-80': rgb(255, 255, 255, 0.8),
174
+ 'alpha-graphite-0-90': rgb(255, 255, 255, 0.9),
175
+ 'alpha-graphite-950-0': rgb(13, 13, 18, 0),
176
+ 'alpha-graphite-950-8': rgb(13, 13, 18, 0.08),
177
+ 'alpha-graphite-950-10': rgb(13, 13, 18, 0.1),
178
+ 'alpha-graphite-950-12': rgb(13, 13, 18, 0.12),
179
+ 'alpha-graphite-950-14': rgb(13, 13, 18, 0.14),
180
+ 'alpha-graphite-950-20': rgb(13, 13, 18, 0.2),
181
+ 'alpha-graphite-950-30': rgb(13, 13, 18, 0.3),
182
+ 'alpha-graphite-950-40': rgb(13, 13, 18, 0.5),
183
+ 'alpha-graphite-950-50': rgb(13, 13, 18, 0.5),
184
+ 'alpha-graphite-950-60': rgb(13, 13, 18, 0.6),
185
+ 'alpha-graphite-950-70': rgb(13, 13, 18, 0.7),
186
+ 'alpha-graphite-950-80': rgb(13, 13, 18, 0.8),
187
+ 'alpha-graphite-950-90': rgb(13, 13, 18, 0.9)
188
+ ),
189
+ color-domain.$color-domain
190
+ );
@@ -0,0 +1,31 @@
1
+ // ============================================================================
2
+ // GENERATED FILE — DO NOT EDIT.
3
+ //
4
+ // Imported verbatim from ecl-eds-foundations/primitives/_dimension.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
+ $dimension: (
10
+ none: 0rem,
11
+ 1: 0.0625rem,
12
+ 2: 0.125rem,
13
+ 4: 0.25rem,
14
+ 6: 0.375rem,
15
+ 8: 0.5rem,
16
+ 12: 0.75rem,
17
+ 16: 1rem,
18
+ 20: 1.25rem,
19
+ 24: 1.5rem,
20
+ 28: 1.75rem,
21
+ 32: 2rem,
22
+ 36: 2.25rem,
23
+ 40: 2.5rem,
24
+ 44: 2.75rem,
25
+ 48: 3rem,
26
+ 52: 3.25rem,
27
+ 56: 3.5rem,
28
+ 60: 3.75rem,
29
+ 64: 4rem,
30
+ 96: 6rem,
31
+ );
@@ -0,0 +1,25 @@
1
+ // ============================================================================
2
+ // GENERATED FILE — DO NOT EDIT.
3
+ //
4
+ // Imported verbatim from ecl-eds-foundations/primitives/_grid.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
+ $grid: (
10
+ mobile: (
11
+ columns: 4,
12
+ gutter: 0.75rem,
13
+ margin: 1rem,
14
+ ),
15
+ tablet: (
16
+ columns: 10,
17
+ gutter: 1.5rem,
18
+ margin: 1.5rem,
19
+ ),
20
+ desktop: (
21
+ columns: 12,
22
+ gutter: 1.5rem,
23
+ margin: 2rem,
24
+ ),
25
+ );
@@ -0,0 +1,14 @@
1
+ // ============================================================================
2
+ // GENERATED FILE — DO NOT EDIT.
3
+ //
4
+ // Imported verbatim from ecl-eds-foundations/primitives/_index.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
+ @forward 'color';
10
+ @forward 'color-domain';
11
+ @forward 'dimension';
12
+ @forward 'typography';
13
+ @forward 'breakpoint';
14
+ @forward 'grid';
@@ -0,0 +1,58 @@
1
+ // ============================================================================
2
+ // GENERATED FILE — DO NOT EDIT.
3
+ //
4
+ // Imported verbatim from ecl-eds-foundations/primitives/_typography.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 'dimension';
11
+
12
+ $font-size: (
13
+ '9xl': 6rem,
14
+ '8xl': 4rem,
15
+ '7xl': 3.25rem,
16
+ '6xl': 2.75rem,
17
+ '5xl': 2.25rem,
18
+ '4xl': 1.75rem,
19
+ '3xl': 1.5rem,
20
+ '2xl': 1.375rem,
21
+ 'xl': 1.25rem,
22
+ 'l': 1.125rem,
23
+ 'm': 1rem,
24
+ 's': 0.875rem,
25
+ 'xs': 0.75rem,
26
+ '2xs': 0.625rem,
27
+ );
28
+ $font-weight: (
29
+ 'light': 300,
30
+ 'regular': 400,
31
+ 'medium': 500,
32
+ 'semibold': 600,
33
+ 'bold': 700,
34
+ );
35
+ $font-line-height: (
36
+ '10xl': map.get(dimension.$dimension, 96),
37
+ '9xl': map.get(dimension.$dimension, 64),
38
+ '8xl': map.get(dimension.$dimension, 60),
39
+ '7xl': map.get(dimension.$dimension, 56),
40
+ '6xl': map.get(dimension.$dimension, 52),
41
+ '5xl': map.get(dimension.$dimension, 48),
42
+ '4xl': map.get(dimension.$dimension, 44),
43
+ '3xl': map.get(dimension.$dimension, 40),
44
+ '2xl': map.get(dimension.$dimension, 36),
45
+ 'xl': map.get(dimension.$dimension, 32),
46
+ 'l': map.get(dimension.$dimension, 28),
47
+ 'm': map.get(dimension.$dimension, 24),
48
+ 's': map.get(dimension.$dimension, 20),
49
+ 'xs': map.get(dimension.$dimension, 16),
50
+ '2xs': map.get(dimension.$dimension, 12),
51
+ );
52
+ $letter-spacing: (
53
+ 'default': 0,
54
+ 'neg-s': -2%,
55
+ 'neg-xs': -1%,
56
+ 's': 2%,
57
+ 'xs': 1%,
58
+ );
@@ -0,0 +1,22 @@
1
+ // ============================================================================
2
+ // GENERATED FILE — DO NOT EDIT.
3
+ //
4
+ // Imported verbatim from ecl-eds-foundations/semantic/_border.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
+ $border-radius: (
10
+ none: 0,
11
+ xs: 2px,
12
+ s: 4px,
13
+ m: 8px,
14
+ l: 12px,
15
+ full: 9999px,
16
+ );
17
+ $border-width: (
18
+ none: 0,
19
+ xs: 1px,
20
+ s: 2px,
21
+ m: 4px,
22
+ );