@elastic/eui-theme-borealis 0.0.3 → 0.0.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/cjs/variables/_components.d.ts.map +1 -1
- package/lib/cjs/variables/_components.js +13 -6
- package/lib/cjs/variables/_components.js.map +1 -1
- package/lib/cjs/variables/_forms.d.ts +1 -0
- package/lib/cjs/variables/_forms.d.ts.map +1 -1
- package/lib/cjs/variables/_forms.js +14 -0
- package/lib/cjs/variables/_forms.js.map +1 -1
- package/lib/cjs/variables/colors/_colors_dark.d.ts.map +1 -1
- package/lib/cjs/variables/colors/_colors_dark.js +14 -12
- package/lib/cjs/variables/colors/_colors_dark.js.map +1 -1
- package/lib/cjs/variables/colors/_colors_light.d.ts.map +1 -1
- package/lib/cjs/variables/colors/_colors_light.js +15 -13
- package/lib/cjs/variables/colors/_colors_light.js.map +1 -1
- package/lib/cjs/variables/colors/_primitive_colors.d.ts +1 -45
- package/lib/cjs/variables/colors/_primitive_colors.d.ts.map +1 -1
- package/lib/cjs/variables/colors/_primitive_colors.js +25 -69
- package/lib/cjs/variables/colors/_primitive_colors.js.map +1 -1
- package/lib/cjs/variables/colors/_semantic_colors.d.ts +24 -14
- package/lib/cjs/variables/colors/_semantic_colors.d.ts.map +1 -1
- package/lib/cjs/variables/colors/_semantic_colors.js +47 -18
- package/lib/cjs/variables/colors/_semantic_colors.js.map +1 -1
- package/lib/cjs/variables/colors/index.d.ts.map +1 -1
- package/lib/cjs/variables/colors/index.js +2 -0
- package/lib/cjs/variables/colors/index.js.map +1 -1
- package/lib/esm/variables/_components.js +13 -6
- package/lib/esm/variables/_components.js.map +1 -1
- package/lib/esm/variables/_forms.d.ts +1 -0
- package/lib/esm/variables/_forms.js +2 -0
- package/lib/esm/variables/_forms.js.map +1 -1
- package/lib/esm/variables/colors/_colors_dark.js +13 -12
- package/lib/esm/variables/colors/_colors_dark.js.map +1 -1
- package/lib/esm/variables/colors/_colors_light.js +14 -13
- package/lib/esm/variables/colors/_colors_light.js.map +1 -1
- package/lib/esm/variables/colors/_primitive_colors.d.ts +1 -45
- package/lib/esm/variables/colors/_primitive_colors.js +25 -69
- package/lib/esm/variables/colors/_primitive_colors.js.map +1 -1
- package/lib/esm/variables/colors/_semantic_colors.d.ts +24 -14
- package/lib/esm/variables/colors/_semantic_colors.js +42 -15
- package/lib/esm/variables/colors/_semantic_colors.js.map +1 -1
- package/lib/esm/variables/colors/index.js +2 -0
- package/lib/esm/variables/colors/index.js.map +1 -1
- package/lib/eui_theme_borealis_dark.json +62 -62
- package/lib/eui_theme_borealis_light.json +42 -42
- package/package.json +7 -3
- package/src/variables/colors/_colors_dark.scss +11 -10
- package/src/variables/colors/_colors_light.scss +14 -13
- package/src/variables/colors/_semantic_colors.scss +60 -86
|
@@ -5,66 +5,26 @@
|
|
|
5
5
|
*/
|
|
6
6
|
|
|
7
7
|
|
|
8
|
-
$euiColorWhite: #
|
|
9
|
-
$euiColorBlack: #
|
|
8
|
+
$euiColorWhite: #FFFFFF !default;
|
|
9
|
+
$euiColorBlack: #000000 !default;
|
|
10
10
|
$euiColorMutedBlack: #0E0F12 !default;
|
|
11
11
|
$euiColorBlueBlack: #050F21 !default;
|
|
12
|
-
|
|
13
|
-
$euiColorTransparentWhite0: 'transparent' !default;
|
|
14
|
-
$euiColorTransparentWhite10: rgba(255, 255, 255, 0.06) !default;
|
|
15
|
-
$euiColorTransparentWhite20: rgba(255, 255, 255, 0.10) !default;
|
|
16
|
-
$euiColorTransparentWhite30: rgba(255, 255, 255, 0.16) !default;
|
|
17
|
-
$euiColorTransparentWhite40: rgba(255, 255, 255, 0.22) !default;
|
|
18
|
-
$euiColorTransparentWhite50: rgba(255, 255, 255, 0.28) !default;
|
|
19
|
-
$euiColorTransparentWhite60: rgba(255, 255, 255, 0.34) !default;
|
|
20
|
-
$euiColorTransparentWhite70: rgba(255, 255, 255, 0.42) !default;
|
|
21
|
-
$euiColorTransparentWhite80: rgba(255, 255, 255, 0.50) !default;
|
|
22
|
-
$euiColorTransparentWhite90: rgba(255, 255, 255, 0.58) !default;
|
|
23
|
-
$euiColorTransparentWhite100: rgba(255, 255, 255, 0.66) !default;
|
|
24
|
-
$euiColorTransparentWhite110: rgba(255, 255, 255, 0.74) !default;
|
|
25
|
-
$euiColorTransparentWhite120: rgba(255, 255, 255, 0.8) !default;
|
|
26
|
-
$euiColorTransparentWhite130: rgba(255, 255, 255, 0.84) !default;
|
|
27
|
-
$euiColorTransparentWhite140: rgba(255, 255, 255, 0.88) !default;
|
|
28
|
-
|
|
29
|
-
$euiColorTransparentMutedGrey10: rgba(54, 95, 178, 0.06) !default;
|
|
30
|
-
$euiColorTransparentMutedGrey20: rgba(50, 88, 163, 0.10) !default;
|
|
31
|
-
$euiColorTransparentMutedGrey30: rgba(44, 75, 138, 0.15) !default;
|
|
32
|
-
$euiColorTransparentMutedGrey40: rgba(37, 60, 111, 0.19) !default;
|
|
33
|
-
$euiColorTransparentMutedGrey50: rgba(31, 48, 84, 0.24) !default;
|
|
34
|
-
$euiColorTransparentMutedGrey60: rgba(24, 35, 58, 0.32) !default;
|
|
35
|
-
$euiColorTransparentMutedGrey70: rgba(18, 22, 32, 0.40) !default;
|
|
36
|
-
$euiColorTransparentMutedGrey80: rgba(14, 15, 18, 0.50) !default;
|
|
37
|
-
$euiColorTransparentMutedGrey90: rgba(14, 15, 18, 0.60) !default;
|
|
38
|
-
$euiColorTransparentMutedGrey100: rgba(14, 15, 18, 0.68) !default;
|
|
39
|
-
$euiColorTransparentMutedGrey110: rgba(14, 15, 18, 0.76) !default;
|
|
40
|
-
$euiColorTransparentMutedGrey120: rgba(14, 15, 18, 0.84) !default;
|
|
41
|
-
$euiColorTransparentMutedGrey130: rgba(14, 15, 18, 0.88) !default;
|
|
42
|
-
$euiColorTransparentMutedGrey140: rgba(14, 15, 18, 0.92) !default;
|
|
43
|
-
|
|
44
|
-
$euiColorTransparentBlueGrey10: rgba(54, 95, 178, 0.06) !default;
|
|
45
|
-
$euiColorTransparentBlueGrey20: rgba(54, 95, 178, 0.10) !default;
|
|
46
|
-
$euiColorTransparentBlueGrey30: rgba(54, 95, 178, 0.16) !default;
|
|
47
|
-
$euiColorTransparentBlueGrey40: rgba(54, 95, 178, 0.22) !default;
|
|
48
|
-
$euiColorTransparentBlueGrey50: rgba(47, 84, 158, 0.28) !default;
|
|
49
|
-
$euiColorTransparentBlueGrey60: rgba(35, 65, 123, 0.36) !default;
|
|
50
|
-
$euiColorTransparentBlueGrey70: rgba(24, 45, 88, 0.44) !default;
|
|
51
|
-
$euiColorTransparentBlueGrey80: rgba(11, 25, 51, 0.52) !default;
|
|
52
|
-
$euiColorTransparentBlueGrey90: rgba(5, 15, 33, 0.60) !default;
|
|
53
|
-
$euiColorTransparentBlueGrey100: rgba(5, 15, 33, 0.68) !default;
|
|
54
|
-
$euiColorTransparentBlueGrey110: rgba(5, 15, 33, 0.76) !default;
|
|
55
|
-
$euiColorTransparentBlueGrey120: rgba(5, 15, 33, 0.84) !default;
|
|
56
|
-
$euiColorTransparentBlueGrey130: rgba(5, 15, 33, 0.88) !default;
|
|
57
|
-
$euiColorTransparentBlueGrey140: rgba(5, 15, 33, 0.92) !default;
|
|
12
|
+
$euiColorTransparent: 'transparent' !default;
|
|
58
13
|
|
|
59
14
|
$euiColorPlainLight: $euiColorWhite !default;
|
|
60
15
|
$euiColorPlainDark: $euiColorBlueBlack !default;
|
|
61
16
|
|
|
62
|
-
$
|
|
63
|
-
$
|
|
64
|
-
$
|
|
65
|
-
$
|
|
66
|
-
|
|
67
|
-
$
|
|
17
|
+
$euiColorPlainLightAlpha8: rgba($euiColorPlainLight, 0.08) !default;
|
|
18
|
+
$euiColorPlainLightAlpha12: rgba($euiColorPlainLight, 0.12) !default;
|
|
19
|
+
$euiColorPlainLightAlpha16: rgba($euiColorPlainLight, 0.16) !default;
|
|
20
|
+
$euiColorPlainLightAlpha32: rgba($euiColorPlainLight, 0.32) !default;
|
|
21
|
+
|
|
22
|
+
$euiColorPrimary10: #E8F1FF !default;
|
|
23
|
+
$euiColorPrimary20: #D9E8FF !default;
|
|
24
|
+
$euiColorPrimary30: #BFDBFF !default;
|
|
25
|
+
$euiColorPrimary40: #A3CBFF !default;
|
|
26
|
+
$euiColorPrimary50: #85B7FF !default;
|
|
27
|
+
$euiColorPrimary60: #61A2FF !default;
|
|
68
28
|
$euiColorPrimary70: #3788FF !default;
|
|
69
29
|
$euiColorPrimary80: #2476F0 !default;
|
|
70
30
|
$euiColorPrimary90: #0B64DD !default;
|
|
@@ -74,12 +34,19 @@ $euiColorPrimary120: #123778 !default;
|
|
|
74
34
|
$euiColorPrimary130: #0D2F5E !default;
|
|
75
35
|
$euiColorPrimary140: #0A2342 !default;
|
|
76
36
|
|
|
37
|
+
$euiColorPrimary70Alpha12: rgba($euiColorPrimary70, 0.12) !default;
|
|
38
|
+
$euiColorPrimary70Alpha16: rgba($euiColorPrimary70, 0.16) !default;
|
|
39
|
+
|
|
40
|
+
$euiColorPrimary100Alpha4: rgba($euiColorPrimary100, 0.04) !default;
|
|
41
|
+
$euiColorPrimary100Alpha8: rgba($euiColorPrimary100, 0.08) !default;
|
|
42
|
+
$euiColorPrimary100Alpha12: rgba($euiColorPrimary100, 0.12) !default;
|
|
43
|
+
|
|
77
44
|
$euiColorAccent10: #FFEBF5 !default;
|
|
78
45
|
$euiColorAccent20: #FDDDE9 !default;
|
|
79
|
-
$euiColorAccent30: #
|
|
80
|
-
$euiColorAccent40: #
|
|
81
|
-
$euiColorAccent50: #
|
|
82
|
-
$euiColorAccent60: #
|
|
46
|
+
$euiColorAccent30: #FFC7DB !default;
|
|
47
|
+
$euiColorAccent40: #FBADCA !default;
|
|
48
|
+
$euiColorAccent50: #F58EB7 !default;
|
|
49
|
+
$euiColorAccent60: #EE72A6 !default;
|
|
83
50
|
$euiColorAccent70: #E54A91 !default;
|
|
84
51
|
$euiColorAccent80: #D13680 !default;
|
|
85
52
|
$euiColorAccent90: #BC1E70 !default;
|
|
@@ -89,12 +56,15 @@ $euiColorAccent120: #5E2140 !default;
|
|
|
89
56
|
$euiColorAccent130: #481E32 !default;
|
|
90
57
|
$euiColorAccent140: #351725 !default;
|
|
91
58
|
|
|
59
|
+
$euiColorAccent70Alpha12: rgba($euiColorAccent70, 0.12) !default;
|
|
60
|
+
$euiColorAccent70Alpha16: rgba($euiColorAccent70, 0.16) !default;
|
|
61
|
+
|
|
92
62
|
$euiColorAccentSecondary10: #E2F9F7 !default;
|
|
93
63
|
$euiColorAccentSecondary20: #C9F3F0 !default;
|
|
94
|
-
$euiColorAccentSecondary30: #
|
|
95
|
-
$euiColorAccentSecondary40: #
|
|
96
|
-
$euiColorAccentSecondary50: #
|
|
97
|
-
$euiColorAccentSecondary60: #
|
|
64
|
+
$euiColorAccentSecondary30: #A6EDEA !default;
|
|
65
|
+
$euiColorAccentSecondary40: #77E5E0 !default;
|
|
66
|
+
$euiColorAccentSecondary50: #51D6D2 !default;
|
|
67
|
+
$euiColorAccentSecondary60: #16C5C0 !default;
|
|
98
68
|
$euiColorAccentSecondary70: #00B0AA !default;
|
|
99
69
|
$euiColorAccentSecondary80: #009E99 !default;
|
|
100
70
|
$euiColorAccentSecondary90: #008B87 !default;
|
|
@@ -104,12 +74,15 @@ $euiColorAccentSecondary120: #044949 !default;
|
|
|
104
74
|
$euiColorAccentSecondary130: #023436 !default;
|
|
105
75
|
$euiColorAccentSecondary140: #03282B !default;
|
|
106
76
|
|
|
77
|
+
$euiColorAccentSecondary70Alpha12: rgba($euiColorAccentSecondary70, 0.12) !default;
|
|
78
|
+
$euiColorAccentSecondary70Alpha16: rgba($euiColorAccentSecondary70, 0.16) !default;
|
|
79
|
+
|
|
107
80
|
$euiColorSuccess10: #E2F8F0 !default;
|
|
108
81
|
$euiColorSuccess20: #C9F3E3 !default;
|
|
109
|
-
$euiColorSuccess30: #
|
|
110
|
-
$euiColorSuccess40: #
|
|
111
|
-
$euiColorSuccess50: #
|
|
112
|
-
$euiColorSuccess60: #
|
|
82
|
+
$euiColorSuccess30: #AEE8D2 !default;
|
|
83
|
+
$euiColorSuccess40: #88E3C3 !default;
|
|
84
|
+
$euiColorSuccess50: #59CFAA !default;
|
|
85
|
+
$euiColorSuccess60: #24C292 !default;
|
|
113
86
|
$euiColorSuccess70: #04AE7E !default;
|
|
114
87
|
$euiColorSuccess80: #00996B !default;
|
|
115
88
|
$euiColorSuccess90: #008A5E !default;
|
|
@@ -119,12 +92,15 @@ $euiColorSuccess120: #094837 !default;
|
|
|
119
92
|
$euiColorSuccess130: #0D362B !default;
|
|
120
93
|
$euiColorSuccess140: #092A26 !default;
|
|
121
94
|
|
|
95
|
+
$euiColorSuccess70Alpha12: rgba($euiColorSuccess70, 0.12) !default;
|
|
96
|
+
$euiColorSuccess70Alpha16: rgba($euiColorSuccess70, 0.16) !default;
|
|
97
|
+
|
|
122
98
|
$euiColorWarning10: #FDF3D8 !default;
|
|
123
99
|
$euiColorWarning20: #FDE9B5 !default;
|
|
124
|
-
$euiColorWarning30: #
|
|
100
|
+
$euiColorWarning30: #FCD883 !default;
|
|
125
101
|
$euiColorWarning40: #FACB3D !default;
|
|
126
102
|
$euiColorWarning50: #F5BC00 !default;
|
|
127
|
-
$euiColorWarning60: #
|
|
103
|
+
$euiColorWarning60: #EAAE01 !default;
|
|
128
104
|
$euiColorWarning70: #CA9601 !default;
|
|
129
105
|
$euiColorWarning80: #AD7E00 !default;
|
|
130
106
|
$euiColorWarning90: #966B03 !default;
|
|
@@ -134,12 +110,15 @@ $euiColorWarning120: #513910 !default;
|
|
|
134
110
|
$euiColorWarning130: #3D3014 !default;
|
|
135
111
|
$euiColorWarning140: #2C2721 !default;
|
|
136
112
|
|
|
113
|
+
$euiColorWarning40Alpha12: rgba($euiColorWarning40, 0.12) !default;
|
|
114
|
+
$euiColorWarning40Alpha24: rgba($euiColorWarning40, 0.24) !default;
|
|
115
|
+
|
|
137
116
|
$euiColorDanger10: #FFE8E5 !default;
|
|
138
117
|
$euiColorDanger20: #FDDDD8 !default;
|
|
139
|
-
$euiColorDanger30: #
|
|
140
|
-
$euiColorDanger40: #
|
|
141
|
-
$euiColorDanger50: #
|
|
142
|
-
$euiColorDanger60: #
|
|
118
|
+
$euiColorDanger30: #FFC9C2 !default;
|
|
119
|
+
$euiColorDanger40: #FFB5AD !default;
|
|
120
|
+
$euiColorDanger50: #FC9188 !default;
|
|
121
|
+
$euiColorDanger60: #F6726A !default;
|
|
143
122
|
$euiColorDanger70: #EE4C48 !default;
|
|
144
123
|
$euiColorDanger80: #DA3737 !default;
|
|
145
124
|
$euiColorDanger90: #C61E25 !default;
|
|
@@ -149,6 +128,9 @@ $euiColorDanger120: #5E2129 !default;
|
|
|
149
128
|
$euiColorDanger130: #491D27 !default;
|
|
150
129
|
$euiColorDanger140: #351721 !default;
|
|
151
130
|
|
|
131
|
+
$euiColorDanger70Alpha12: rgba($euiColorDanger70, 0.12) !default;
|
|
132
|
+
$euiColorDanger70Alpha16: rgba($euiColorDanger70, 0.16) !default;
|
|
133
|
+
|
|
152
134
|
$euiColorAssistance10: #F3ECFE !default;
|
|
153
135
|
$euiColorAssistance20: #ECE2FE !default;
|
|
154
136
|
$euiColorAssistance30: #DECDFE !default;
|
|
@@ -193,19 +175,11 @@ $euiColorShade135: #172336 !default;
|
|
|
193
175
|
$euiColorShade140: #111C2C !default;
|
|
194
176
|
$euiColorShade145: #0B1628 !default;
|
|
195
177
|
|
|
196
|
-
$
|
|
197
|
-
$
|
|
198
|
-
$
|
|
199
|
-
$
|
|
200
|
-
|
|
201
|
-
$
|
|
202
|
-
$euiColorShadeTransparent70: $euiColorTransparentBlueGrey70 !default;
|
|
203
|
-
$euiColorShadeTransparent80: $euiColorTransparentBlueGrey80 !default;
|
|
204
|
-
$euiColorShadeTransparent90: $euiColorTransparentBlueGrey90 !default;
|
|
205
|
-
$euiColorShadeTransparent100: $euiColorTransparentBlueGrey100 !default;
|
|
206
|
-
$euiColorShadeTransparent110: $euiColorTransparentBlueGrey110 !default;
|
|
207
|
-
$euiColorShadeTransparent120: $euiColorTransparentBlueGrey120 !default;
|
|
208
|
-
$euiColorShadeTransparent130: $euiColorTransparentBlueGrey130 !default;
|
|
209
|
-
$euiColorShadeTransparent140: $euiColorTransparentBlueGrey140 !default;
|
|
178
|
+
$euiColorShade100Alpha4: rgba($euiColorShade100, 0.04) !default;
|
|
179
|
+
$euiColorShade100Alpha16: rgba($euiColorShade100, 0.16) !default;
|
|
180
|
+
$euiColorShade100Alpha24: rgba($euiColorShade100, 0.24) !default;
|
|
181
|
+
$euiColorShade100Alpha70: rgba($euiColorShade100, 0.7) !default;
|
|
182
|
+
|
|
183
|
+
$euiColorShade120Alpha70: rgba($euiColorShade120, 0.7) !default;
|
|
210
184
|
|
|
211
185
|
|