@eui/eds 21.3.4-snapshot-1783677674979

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 (144) hide show
  1. package/docs/classes/EdsChipModel.html +606 -0
  2. package/docs/classes/EuiChipTooltip.html +425 -0
  3. package/docs/components/EdsBadge.html +810 -0
  4. package/docs/components/EdsButton.html +793 -0
  5. package/docs/components/EdsChip.html +911 -0
  6. package/docs/components/EdsIcon.html +675 -0
  7. package/docs/components/EdsIconImage.html +604 -0
  8. package/docs/directives/EuiBaseColorVariantsDirective.html +1165 -0
  9. package/docs/directives/EuiBaseSizeVariantsDirective.html +1402 -0
  10. package/docs/fonts/ionicons.eot +0 -0
  11. package/docs/fonts/ionicons.svg +2090 -0
  12. package/docs/fonts/ionicons.ttf +0 -0
  13. package/docs/fonts/ionicons.woff +0 -0
  14. package/docs/fonts/ionicons.woff2 +0 -0
  15. package/docs/fonts/roboto-v15-latin-300.eot +0 -0
  16. package/docs/fonts/roboto-v15-latin-300.svg +314 -0
  17. package/docs/fonts/roboto-v15-latin-300.ttf +0 -0
  18. package/docs/fonts/roboto-v15-latin-300.woff +0 -0
  19. package/docs/fonts/roboto-v15-latin-300.woff2 +0 -0
  20. package/docs/fonts/roboto-v15-latin-700.eot +0 -0
  21. package/docs/fonts/roboto-v15-latin-700.svg +310 -0
  22. package/docs/fonts/roboto-v15-latin-700.ttf +0 -0
  23. package/docs/fonts/roboto-v15-latin-700.woff +0 -0
  24. package/docs/fonts/roboto-v15-latin-700.woff2 +0 -0
  25. package/docs/fonts/roboto-v15-latin-italic.eot +0 -0
  26. package/docs/fonts/roboto-v15-latin-italic.svg +323 -0
  27. package/docs/fonts/roboto-v15-latin-italic.ttf +0 -0
  28. package/docs/fonts/roboto-v15-latin-italic.woff +0 -0
  29. package/docs/fonts/roboto-v15-latin-italic.woff2 +0 -0
  30. package/docs/fonts/roboto-v15-latin-regular.eot +0 -0
  31. package/docs/fonts/roboto-v15-latin-regular.svg +308 -0
  32. package/docs/fonts/roboto-v15-latin-regular.ttf +0 -0
  33. package/docs/fonts/roboto-v15-latin-regular.woff +0 -0
  34. package/docs/fonts/roboto-v15-latin-regular.woff2 +0 -0
  35. package/docs/images/compodoc-vectorise-inverted.png +0 -0
  36. package/docs/images/compodoc-vectorise-inverted.svg +201 -0
  37. package/docs/images/compodoc-vectorise.png +0 -0
  38. package/docs/images/compodoc-vectorise.svg +201 -0
  39. package/docs/images/favicon.ico +0 -0
  40. package/docs/index.html +2264 -0
  41. package/docs/js/compodoc.js +14 -0
  42. package/docs/js/lazy-load-graphs.js +44 -0
  43. package/docs/js/libs/EventDispatcher.js +5 -0
  44. package/docs/js/libs/bootstrap-native.js +2 -0
  45. package/docs/js/libs/clipboard.min.js +7 -0
  46. package/docs/js/libs/custom-elements-es5-adapter.js +15 -0
  47. package/docs/js/libs/custom-elements.min.js +38 -0
  48. package/docs/js/libs/d3.v3.min.js +2 -0
  49. package/docs/js/libs/deep-iterator.js +2 -0
  50. package/docs/js/libs/es6-shim.min.js +12 -0
  51. package/docs/js/libs/htmlparser.js +23 -0
  52. package/docs/js/libs/innersvg.js +9 -0
  53. package/docs/js/libs/jszip.min.js +13 -0
  54. package/docs/js/libs/lit-html.js +1 -0
  55. package/docs/js/libs/prism.js +46 -0
  56. package/docs/js/libs/promise.min.js +6 -0
  57. package/docs/js/libs/svg-pan-zoom.min.js +3 -0
  58. package/docs/js/libs/tablesort.min.js +6 -0
  59. package/docs/js/libs/tablesort.number.min.js +6 -0
  60. package/docs/js/libs/vis-network.min.js +78 -0
  61. package/docs/js/libs/zepto.min.js +2 -0
  62. package/docs/js/menu-wc.js +119 -0
  63. package/docs/js/menu-wc_es5.js +40 -0
  64. package/docs/js/menu.js +269 -0
  65. package/docs/js/routes/routes_index.js +1 -0
  66. package/docs/js/routes.js +308 -0
  67. package/docs/js/search/lunr.min.js +6 -0
  68. package/docs/js/search/search-lunr.js +65 -0
  69. package/docs/js/search/search.js +273 -0
  70. package/docs/js/search/search_index.js +4 -0
  71. package/docs/js/sourceCode.js +58 -0
  72. package/docs/js/svg-pan-zoom.controls.js +53 -0
  73. package/docs/js/tabs.js +21 -0
  74. package/docs/js/tree.js +147 -0
  75. package/docs/json/EdsBadge.md +28 -0
  76. package/docs/json/EdsButton.md +31 -0
  77. package/docs/json/EdsChip.md +30 -0
  78. package/docs/json/EdsIcon.md +32 -0
  79. package/docs/json/EdsIconImage.md +13 -0
  80. package/docs/json/EuiBaseColorVariantsDirective.md +20 -0
  81. package/docs/json/EuiBaseSizeVariantsDirective.md +23 -0
  82. package/docs/json/HbsRenderService.md +6 -0
  83. package/docs/json/TemplateEditorService.md +6 -0
  84. package/docs/json/TemplatePlaygroundComponent.md +8 -0
  85. package/docs/json/ZipExportService.md +6 -0
  86. package/docs/json/documentation.json +5209 -0
  87. package/docs/miscellaneous/variables.html +415 -0
  88. package/docs/modules.html +201 -0
  89. package/docs/overview.html +236 -0
  90. package/docs/routes.html +204 -0
  91. package/docs/styles/bootstrap-card.css +219 -0
  92. package/docs/styles/bootstrap.min.css +6 -0
  93. package/docs/styles/compodoc.css +1124 -0
  94. package/docs/styles/dark.css +121 -0
  95. package/docs/styles/ionicons.min.css +11 -0
  96. package/docs/styles/laravel.css +113 -0
  97. package/docs/styles/material.css +131 -0
  98. package/docs/styles/original.css +51 -0
  99. package/docs/styles/postmark.css +238 -0
  100. package/docs/styles/prism.css +301 -0
  101. package/docs/styles/readthedocs.css +117 -0
  102. package/docs/styles/reset.css +129 -0
  103. package/docs/styles/stripe.css +106 -0
  104. package/docs/styles/style.css +7 -0
  105. package/docs/styles/tablesort.css +33 -0
  106. package/docs/styles/vagrant.css +130 -0
  107. package/docs/template-playground/default-templates.json +192 -0
  108. package/docs/template-playground/hbs-render.service.ts +212 -0
  109. package/docs/template-playground/main.ts +9 -0
  110. package/docs/template-playground/template-editor.service.ts +173 -0
  111. package/docs/template-playground/template-playground.component.ts +614 -0
  112. package/docs/template-playground/template-playground.module.ts +29 -0
  113. package/docs/template-playground/zip-export.service.ts +86 -0
  114. package/docs/template-playground-app/app.js +1389 -0
  115. package/docs/template-playground-app/index.html +462 -0
  116. package/fesm2022/eui-eds-eds-badge.mjs +175 -0
  117. package/fesm2022/eui-eds-eds-badge.mjs.map +1 -0
  118. package/fesm2022/eui-eds-eds-button.mjs +169 -0
  119. package/fesm2022/eui-eds-eds-button.mjs.map +1 -0
  120. package/fesm2022/eui-eds-eds-chip.mjs +196 -0
  121. package/fesm2022/eui-eds-eds-chip.mjs.map +1 -0
  122. package/fesm2022/eui-eds-eds-icon-image.mjs +65 -0
  123. package/fesm2022/eui-eds-eds-icon-image.mjs.map +1 -0
  124. package/fesm2022/eui-eds-eds-icon.mjs +136 -0
  125. package/fesm2022/eui-eds-eds-icon.mjs.map +1 -0
  126. package/fesm2022/eui-eds-shared.mjs +322 -0
  127. package/fesm2022/eui-eds-shared.mjs.map +1 -0
  128. package/fesm2022/eui-eds.mjs +6 -0
  129. package/fesm2022/eui-eds.mjs.map +1 -0
  130. package/package.json +72 -0
  131. package/types/eui-eds-eds-badge.d.ts +74 -0
  132. package/types/eui-eds-eds-badge.d.ts.map +1 -0
  133. package/types/eui-eds-eds-button.d.ts +75 -0
  134. package/types/eui-eds-eds-button.d.ts.map +1 -0
  135. package/types/eui-eds-eds-chip.d.ts +105 -0
  136. package/types/eui-eds-eds-chip.d.ts.map +1 -0
  137. package/types/eui-eds-eds-icon-image.d.ts +34 -0
  138. package/types/eui-eds-eds-icon-image.d.ts.map +1 -0
  139. package/types/eui-eds-eds-icon.d.ts +50 -0
  140. package/types/eui-eds-eds-icon.d.ts.map +1 -0
  141. package/types/eui-eds-shared.d.ts +86 -0
  142. package/types/eui-eds-shared.d.ts.map +1 -0
  143. package/types/eui-eds.d.ts +3 -0
  144. package/types/eui-eds.d.ts.map +1 -0
package/docs/directives/EuiBaseColorVariantsDirective.html ADDED
@@ -0,0 +1,1165 @@
1
+ <!doctype html>
2
+ <html class="no-js" lang="">
3
+ <head>
4
+ <meta charset="utf-8">
5
+ <meta http-equiv="x-ua-compatible" content="ie=edge">
6
+ <title>Application documentation</title>
7
+ <meta name="description" content="">
8
+ <meta name="viewport" content="width=device-width, initial-scale=1">
9
+
10
+ <link rel="icon" type="image/x-icon" href="../images/favicon.ico">
11
+ <link rel="stylesheet" href="../styles/style.css">
12
+ <link rel="stylesheet" href="../styles/dark.css">
13
+ <link rel="stylesheet" href="../styles/material.css">
14
+ </head>
15
+ <body>
16
+ <script>
17
+ // Blocking script to avoid flickering dark mode
18
+ // Dark mode toggle button
19
+ var useDark = window.matchMedia('(prefers-color-scheme: dark)');
20
+ var darkModeState = useDark.matches;
21
+ var $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
22
+ var $darkModeToggles = document.querySelectorAll('.dark-mode-switch');
23
+ var darkModeStateLocal = localStorage.getItem('compodoc_darkmode-state');
24
+
25
+ function checkToggle(check) {
26
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
27
+ $darkModeToggleSwitchers[i].checked = check;
28
+ }
29
+ }
30
+
31
+ function toggleDarkMode(state) {
32
+ if (window.localStorage) {
33
+ localStorage.setItem('compodoc_darkmode-state', state);
34
+ }
35
+
36
+ checkToggle(state);
37
+
38
+ const hasClass = document.body.classList.contains('dark');
39
+
40
+ if (state) {
41
+ for (var i = 0; i < $darkModeToggles.length; i++) {
42
+ $darkModeToggles[i].classList.add('dark');
43
+ }
44
+ if (!hasClass) {
45
+ document.body.classList.add('dark');
46
+ }
47
+ } else {
48
+ for (var i = 0; i < $darkModeToggles.length; i++) {
49
+ $darkModeToggles[i].classList.remove('dark');
50
+ }
51
+ if (hasClass) {
52
+ document.body.classList.remove('dark');
53
+ }
54
+ }
55
+ }
56
+
57
+ useDark.addEventListener('change', function (evt) {
58
+ toggleDarkMode(evt.matches);
59
+ });
60
+ if (darkModeStateLocal) {
61
+ darkModeState = darkModeStateLocal === 'true';
62
+ }
63
+ toggleDarkMode(darkModeState);
64
+ </script>
65
+ <script>
66
+ // --- Iframe navigation tracking for Template Playground ---
67
+ function sendCurrentUrlToParent() {
68
+ if (window.parent && window.parent !== window) {
69
+ window.parent.postMessage({
70
+ type: 'compodoc-iframe-navigate',
71
+ url: window.location.pathname + window.location.hash
72
+ }, '*');
73
+ }
74
+ }
75
+ window.addEventListener('hashchange', sendCurrentUrlToParent, false);
76
+ window.addEventListener('popstate', sendCurrentUrlToParent, false);
77
+ window.addEventListener('DOMContentLoaded', sendCurrentUrlToParent, false);
78
+ </script>
79
+
80
+ <div class="navbar navbar-default navbar-fixed-top d-md-none p-0">
81
+ <div class="d-flex">
82
+ <a href="../" class="navbar-brand">Application documentation</a>
83
+ <button type="button" class="btn btn-default btn-menu ion-ios-menu" id="btn-menu"></button>
84
+ </div>
85
+ </div>
86
+
87
+ <div class="xs-menu menu" id="mobile-menu">
88
+ <div id="book-search-input" role="search"><input type="text" placeholder="Type to search"></div> <compodoc-menu></compodoc-menu>
89
+ </div>
90
+
91
+ <div class="container-fluid main">
92
+ <div class="row main">
93
+ <div class="d-none d-md-block menu">
94
+ <compodoc-menu mode="normal"></compodoc-menu>
95
+ </div>
96
+ <!-- START CONTENT -->
97
+ <div class="content directive">
98
+ <div class="content-data">
99
+
100
+
101
+
102
+
103
+
104
+
105
+
106
+
107
+
108
+
109
+
110
+ <ol class="breadcrumb">
111
+ <li class="breadcrumb-item">Directives</li>
112
+ <li class="breadcrumb-item" >EuiBaseColorVariantsDirective</li>
113
+ </ol>
114
+
115
+ <ul class="nav nav-tabs" role="tablist">
116
+ <li class="nav-item">
117
+ <a href="#info"
118
+ class="nav-link"
119
+ class="nav-link active"
120
+ role="tab" id="info-tab" data-bs-toggle="tab" data-link="info">Info</a>
121
+ </li>
122
+ </ul>
123
+
124
+ <div class="tab-content">
125
+ <div class="tab-pane fade active in" id="info">
126
+ <p class="comment">
127
+ <h3>File</h3>
128
+ </p>
129
+ <p class="comment">
130
+ <code>packages/eui/packages/eds/shared/base-color-variants.directive.ts</code>
131
+ </p>
132
+
133
+
134
+
135
+
136
+
137
+
138
+ <section data-compodoc="block-metadata">
139
+ <h3>Metadata</h3>
140
+ <table class="table table-sm table-hover metadata">
141
+ <tbody>
142
+
143
+ <tr>
144
+ <td class="col-md-3">Selector</td>
145
+ <td class="col-md-9"><code>[euiBaseColorVariants]</code></td>
146
+ </tr>
147
+
148
+
149
+
150
+
151
+ </tbody>
152
+ </table>
153
+ </section>
154
+
155
+ <section data-compodoc="block-index">
156
+ <h3 id="index">Index</h3>
157
+ <table class="table table-sm table-bordered index-table">
158
+ <tbody>
159
+
160
+ <tr>
161
+ <td class="col-md-4">
162
+ <h6><b>Methods</b></h6>
163
+ </td>
164
+ </tr>
165
+ <tr>
166
+ <td class="col-md-4">
167
+ <ul class="index-list">
168
+ <li>
169
+ <a href="#getCssClasses" >getCssClasses</a>
170
+ </li>
171
+ </ul>
172
+ </td>
173
+ </tr>
174
+
175
+ <tr>
176
+ <td class="col-md-4">
177
+ <h6><b>Inputs</b></h6>
178
+ </td>
179
+ </tr>
180
+ <tr>
181
+ <td class="col-md-4">
182
+ <ul class="index-list">
183
+ <li>
184
+ <a href="#euiColorVariant" >euiColorVariant</a>
185
+ </li>
186
+ <li>
187
+ <a href="#euiCritical" >euiCritical</a>
188
+ </li>
189
+ <li>
190
+ <a href="#euiHighlight" >euiHighlight</a>
191
+ </li>
192
+ <li>
193
+ <a href="#euiInfo" >euiInfo</a>
194
+ </li>
195
+ <li>
196
+ <a href="#euiNeutral" >euiNeutral</a>
197
+ </li>
198
+ <li>
199
+ <a href="#euiNeutralSubtle" >euiNeutralSubtle</a>
200
+ </li>
201
+ <li>
202
+ <a href="#euiNeutralSubtler" >euiNeutralSubtler</a>
203
+ </li>
204
+ <li>
205
+ <a href="#euiPrimary" >euiPrimary</a>
206
+ </li>
207
+ <li>
208
+ <a href="#euiSuccess" >euiSuccess</a>
209
+ </li>
210
+ <li>
211
+ <a href="#euiWarning" >euiWarning</a>
212
+ </li>
213
+ </ul>
214
+ </td>
215
+ </tr>
216
+
217
+
218
+
219
+
220
+ <tr>
221
+ <td class="col-md-4">
222
+ <h6><b>Accessors</b></h6>
223
+ </td>
224
+ </tr>
225
+ <tr>
226
+ <td class="col-md-4">
227
+ <ul class="index-list">
228
+ <li>
229
+ <a href="#euiPrimary" >euiPrimary</a>
230
+ </li>
231
+ <li>
232
+ <a href="#euiNeutral" >euiNeutral</a>
233
+ </li>
234
+ <li>
235
+ <a href="#euiNeutralSubtle" >euiNeutralSubtle</a>
236
+ </li>
237
+ <li>
238
+ <a href="#euiNeutralSubtler" >euiNeutralSubtler</a>
239
+ </li>
240
+ <li>
241
+ <a href="#euiHighlight" >euiHighlight</a>
242
+ </li>
243
+ <li>
244
+ <a href="#euiInfo" >euiInfo</a>
245
+ </li>
246
+ <li>
247
+ <a href="#euiSuccess" >euiSuccess</a>
248
+ </li>
249
+ <li>
250
+ <a href="#euiWarning" >euiWarning</a>
251
+ </li>
252
+ <li>
253
+ <a href="#euiCritical" >euiCritical</a>
254
+ </li>
255
+ <li>
256
+ <a href="#euiColorVariant" >euiColorVariant</a>
257
+ </li>
258
+ </ul>
259
+ </td>
260
+ </tr>
261
+ </tbody>
262
+ </table>
263
+ </section>
264
+
265
+
266
+ <section data-compodoc="block-inputs">
267
+ <h3 id="inputs">Inputs</h3>
268
+ <table class="table table-sm table-bordered">
269
+ <tbody>
270
+ <tr>
271
+ <td class="col-md-4">
272
+ <a name="euiColorVariant"></a>
273
+ <b>euiColorVariant</b>
274
+ </td>
275
+ </tr>
276
+ <tr>
277
+ <td class="col-md-4">
278
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
279
+
280
+ </td>
281
+ </tr>
282
+ </tbody>
283
+ </table>
284
+ <table class="table table-sm table-bordered">
285
+ <tbody>
286
+ <tr>
287
+ <td class="col-md-4">
288
+ <a name="euiCritical"></a>
289
+ <b>euiCritical</b>
290
+ </td>
291
+ </tr>
292
+ <tr>
293
+ <td class="col-md-4">
294
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
295
+
296
+ </td>
297
+ </tr>
298
+ </tbody>
299
+ </table>
300
+ <table class="table table-sm table-bordered">
301
+ <tbody>
302
+ <tr>
303
+ <td class="col-md-4">
304
+ <a name="euiHighlight"></a>
305
+ <b>euiHighlight</b>
306
+ </td>
307
+ </tr>
308
+ <tr>
309
+ <td class="col-md-4">
310
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
311
+
312
+ </td>
313
+ </tr>
314
+ </tbody>
315
+ </table>
316
+ <table class="table table-sm table-bordered">
317
+ <tbody>
318
+ <tr>
319
+ <td class="col-md-4">
320
+ <a name="euiInfo"></a>
321
+ <b>euiInfo</b>
322
+ </td>
323
+ </tr>
324
+ <tr>
325
+ <td class="col-md-4">
326
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
327
+
328
+ </td>
329
+ </tr>
330
+ </tbody>
331
+ </table>
332
+ <table class="table table-sm table-bordered">
333
+ <tbody>
334
+ <tr>
335
+ <td class="col-md-4">
336
+ <a name="euiNeutral"></a>
337
+ <b>euiNeutral</b>
338
+ </td>
339
+ </tr>
340
+ <tr>
341
+ <td class="col-md-4">
342
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
343
+
344
+ </td>
345
+ </tr>
346
+ </tbody>
347
+ </table>
348
+ <table class="table table-sm table-bordered">
349
+ <tbody>
350
+ <tr>
351
+ <td class="col-md-4">
352
+ <a name="euiNeutralSubtle"></a>
353
+ <b>euiNeutralSubtle</b>
354
+ </td>
355
+ </tr>
356
+ <tr>
357
+ <td class="col-md-4">
358
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
359
+
360
+ </td>
361
+ </tr>
362
+ </tbody>
363
+ </table>
364
+ <table class="table table-sm table-bordered">
365
+ <tbody>
366
+ <tr>
367
+ <td class="col-md-4">
368
+ <a name="euiNeutralSubtler"></a>
369
+ <b>euiNeutralSubtler</b>
370
+ </td>
371
+ </tr>
372
+ <tr>
373
+ <td class="col-md-4">
374
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
375
+
376
+ </td>
377
+ </tr>
378
+ </tbody>
379
+ </table>
380
+ <table class="table table-sm table-bordered">
381
+ <tbody>
382
+ <tr>
383
+ <td class="col-md-4">
384
+ <a name="euiPrimary"></a>
385
+ <b>euiPrimary</b>
386
+ </td>
387
+ </tr>
388
+ <tr>
389
+ <td class="col-md-4">
390
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
391
+
392
+ </td>
393
+ </tr>
394
+ </tbody>
395
+ </table>
396
+ <table class="table table-sm table-bordered">
397
+ <tbody>
398
+ <tr>
399
+ <td class="col-md-4">
400
+ <a name="euiSuccess"></a>
401
+ <b>euiSuccess</b>
402
+ </td>
403
+ </tr>
404
+ <tr>
405
+ <td class="col-md-4">
406
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
407
+
408
+ </td>
409
+ </tr>
410
+ </tbody>
411
+ </table>
412
+ <table class="table table-sm table-bordered">
413
+ <tbody>
414
+ <tr>
415
+ <td class="col-md-4">
416
+ <a name="euiWarning"></a>
417
+ <b>euiWarning</b>
418
+ </td>
419
+ </tr>
420
+ <tr>
421
+ <td class="col-md-4">
422
+ <i>Type : </i> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/boolean" target="_blank" >boolean</a></code>
423
+
424
+ </td>
425
+ </tr>
426
+ </tbody>
427
+ </table>
428
+ </section>
429
+
430
+
431
+
432
+ <section data-compodoc="block-methods">
433
+
434
+ <h3 id="methods">
435
+ Methods
436
+ </h3>
437
+ <table class="table table-sm table-bordered">
438
+ <tbody>
439
+ <tr>
440
+ <td class="col-md-4">
441
+ <a name="getCssClasses"></a>
442
+ <span class="name">
443
+ <span ><b>getCssClasses</b></span>
444
+ <a href="#getCssClasses"><span class="icon ion-ios-link"></span></a>
445
+ </span>
446
+ </td>
447
+ </tr>
448
+ <tr>
449
+ <td class="col-md-4">
450
+ <code>getCssClasses(rootClass: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code>
451
+ </td>
452
+ </tr>
453
+
454
+
455
+
456
+
457
+ <tr>
458
+ <td class="col-md-4">
459
+
460
+ <div class="io-description">
461
+ <b>Parameters :</b>
462
+
463
+ <table class="params">
464
+ <thead>
465
+ <tr>
466
+ <td>Name</td>
467
+ <td>Type</td>
468
+ <td>Optional</td>
469
+ </tr>
470
+ </thead>
471
+ <tbody>
472
+ <tr>
473
+ <td>rootClass</td>
474
+ <td>
475
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
476
+ </td>
477
+
478
+ <td>
479
+ No
480
+ </td>
481
+
482
+
483
+ </tr>
484
+ </tbody>
485
+ </table>
486
+ </div>
487
+ <div class="io-description">
488
+ <b>Returns : </b> <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
489
+
490
+ </div>
491
+ <div class="io-description">
492
+
493
+ </div>
494
+ </td>
495
+ </tr>
496
+ </tbody>
497
+ </table>
498
+ </section>
499
+
500
+ <section data-compodoc="block-accessors">
501
+ <h3 id="accessors">
502
+ Accessors
503
+ </h3>
504
+ <table class="table table-sm table-bordered">
505
+ <tbody>
506
+ <tr>
507
+ <td class="col-md-4">
508
+ <a name="euiPrimary"></a>
509
+ <span class="name"><b>euiPrimary</b><a href="#euiPrimary"><span class="icon ion-ios-link"></span></a></span>
510
+ </td>
511
+ </tr>
512
+
513
+ <tr>
514
+ <td class="col-md-4">
515
+ <span class="accessor"><b>get</b><code>euiPrimary()</code></span>
516
+ </td>
517
+ </tr>
518
+
519
+ <tr>
520
+ <td class="col-md-4">
521
+ <span class="accessor"><b>set</b><code>euiPrimary(value: BooleanInput)</code></span>
522
+ </td>
523
+ </tr>
524
+ <tr>
525
+ <td class="col-md-4">
526
+
527
+ <div class="io-description">
528
+ <b>Parameters :</b>
529
+ <table class="params">
530
+ <thead>
531
+ <tr>
532
+ <td>Name</td>
533
+ <td>Type</td>
534
+ <td>Optional</td>
535
+ </tr>
536
+ </thead>
537
+ <tbody>
538
+ <tr>
539
+ <td>value</td>
540
+
541
+ <td>
542
+ <code>BooleanInput</code>
543
+ </td>
544
+
545
+ <td>
546
+ No
547
+ </td>
548
+
549
+ </tr>
550
+ </tbody>
551
+ </table>
552
+ </div>
553
+ <div class="io-description">
554
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
555
+
556
+ </div>
557
+ </td>
558
+ </tr>
559
+ </tbody>
560
+ </table>
561
+ <table class="table table-sm table-bordered">
562
+ <tbody>
563
+ <tr>
564
+ <td class="col-md-4">
565
+ <a name="euiNeutral"></a>
566
+ <span class="name"><b>euiNeutral</b><a href="#euiNeutral"><span class="icon ion-ios-link"></span></a></span>
567
+ </td>
568
+ </tr>
569
+
570
+ <tr>
571
+ <td class="col-md-4">
572
+ <span class="accessor"><b>get</b><code>euiNeutral()</code></span>
573
+ </td>
574
+ </tr>
575
+
576
+ <tr>
577
+ <td class="col-md-4">
578
+ <span class="accessor"><b>set</b><code>euiNeutral(value: BooleanInput)</code></span>
579
+ </td>
580
+ </tr>
581
+ <tr>
582
+ <td class="col-md-4">
583
+
584
+ <div class="io-description">
585
+ <b>Parameters :</b>
586
+ <table class="params">
587
+ <thead>
588
+ <tr>
589
+ <td>Name</td>
590
+ <td>Type</td>
591
+ <td>Optional</td>
592
+ </tr>
593
+ </thead>
594
+ <tbody>
595
+ <tr>
596
+ <td>value</td>
597
+
598
+ <td>
599
+ <code>BooleanInput</code>
600
+ </td>
601
+
602
+ <td>
603
+ No
604
+ </td>
605
+
606
+ </tr>
607
+ </tbody>
608
+ </table>
609
+ </div>
610
+ <div class="io-description">
611
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
612
+
613
+ </div>
614
+ </td>
615
+ </tr>
616
+ </tbody>
617
+ </table>
618
+ <table class="table table-sm table-bordered">
619
+ <tbody>
620
+ <tr>
621
+ <td class="col-md-4">
622
+ <a name="euiNeutralSubtle"></a>
623
+ <span class="name"><b>euiNeutralSubtle</b><a href="#euiNeutralSubtle"><span class="icon ion-ios-link"></span></a></span>
624
+ </td>
625
+ </tr>
626
+
627
+ <tr>
628
+ <td class="col-md-4">
629
+ <span class="accessor"><b>get</b><code>euiNeutralSubtle()</code></span>
630
+ </td>
631
+ </tr>
632
+
633
+ <tr>
634
+ <td class="col-md-4">
635
+ <span class="accessor"><b>set</b><code>euiNeutralSubtle(value: BooleanInput)</code></span>
636
+ </td>
637
+ </tr>
638
+ <tr>
639
+ <td class="col-md-4">
640
+
641
+ <div class="io-description">
642
+ <b>Parameters :</b>
643
+ <table class="params">
644
+ <thead>
645
+ <tr>
646
+ <td>Name</td>
647
+ <td>Type</td>
648
+ <td>Optional</td>
649
+ </tr>
650
+ </thead>
651
+ <tbody>
652
+ <tr>
653
+ <td>value</td>
654
+
655
+ <td>
656
+ <code>BooleanInput</code>
657
+ </td>
658
+
659
+ <td>
660
+ No
661
+ </td>
662
+
663
+ </tr>
664
+ </tbody>
665
+ </table>
666
+ </div>
667
+ <div class="io-description">
668
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
669
+
670
+ </div>
671
+ </td>
672
+ </tr>
673
+ </tbody>
674
+ </table>
675
+ <table class="table table-sm table-bordered">
676
+ <tbody>
677
+ <tr>
678
+ <td class="col-md-4">
679
+ <a name="euiNeutralSubtler"></a>
680
+ <span class="name"><b>euiNeutralSubtler</b><a href="#euiNeutralSubtler"><span class="icon ion-ios-link"></span></a></span>
681
+ </td>
682
+ </tr>
683
+
684
+ <tr>
685
+ <td class="col-md-4">
686
+ <span class="accessor"><b>get</b><code>euiNeutralSubtler()</code></span>
687
+ </td>
688
+ </tr>
689
+
690
+ <tr>
691
+ <td class="col-md-4">
692
+ <span class="accessor"><b>set</b><code>euiNeutralSubtler(value: BooleanInput)</code></span>
693
+ </td>
694
+ </tr>
695
+ <tr>
696
+ <td class="col-md-4">
697
+
698
+ <div class="io-description">
699
+ <b>Parameters :</b>
700
+ <table class="params">
701
+ <thead>
702
+ <tr>
703
+ <td>Name</td>
704
+ <td>Type</td>
705
+ <td>Optional</td>
706
+ </tr>
707
+ </thead>
708
+ <tbody>
709
+ <tr>
710
+ <td>value</td>
711
+
712
+ <td>
713
+ <code>BooleanInput</code>
714
+ </td>
715
+
716
+ <td>
717
+ No
718
+ </td>
719
+
720
+ </tr>
721
+ </tbody>
722
+ </table>
723
+ </div>
724
+ <div class="io-description">
725
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
726
+
727
+ </div>
728
+ </td>
729
+ </tr>
730
+ </tbody>
731
+ </table>
732
+ <table class="table table-sm table-bordered">
733
+ <tbody>
734
+ <tr>
735
+ <td class="col-md-4">
736
+ <a name="euiHighlight"></a>
737
+ <span class="name"><b>euiHighlight</b><a href="#euiHighlight"><span class="icon ion-ios-link"></span></a></span>
738
+ </td>
739
+ </tr>
740
+
741
+ <tr>
742
+ <td class="col-md-4">
743
+ <span class="accessor"><b>get</b><code>euiHighlight()</code></span>
744
+ </td>
745
+ </tr>
746
+
747
+ <tr>
748
+ <td class="col-md-4">
749
+ <span class="accessor"><b>set</b><code>euiHighlight(value: BooleanInput)</code></span>
750
+ </td>
751
+ </tr>
752
+ <tr>
753
+ <td class="col-md-4">
754
+
755
+ <div class="io-description">
756
+ <b>Parameters :</b>
757
+ <table class="params">
758
+ <thead>
759
+ <tr>
760
+ <td>Name</td>
761
+ <td>Type</td>
762
+ <td>Optional</td>
763
+ </tr>
764
+ </thead>
765
+ <tbody>
766
+ <tr>
767
+ <td>value</td>
768
+
769
+ <td>
770
+ <code>BooleanInput</code>
771
+ </td>
772
+
773
+ <td>
774
+ No
775
+ </td>
776
+
777
+ </tr>
778
+ </tbody>
779
+ </table>
780
+ </div>
781
+ <div class="io-description">
782
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
783
+
784
+ </div>
785
+ </td>
786
+ </tr>
787
+ </tbody>
788
+ </table>
789
+ <table class="table table-sm table-bordered">
790
+ <tbody>
791
+ <tr>
792
+ <td class="col-md-4">
793
+ <a name="euiInfo"></a>
794
+ <span class="name"><b>euiInfo</b><a href="#euiInfo"><span class="icon ion-ios-link"></span></a></span>
795
+ </td>
796
+ </tr>
797
+
798
+ <tr>
799
+ <td class="col-md-4">
800
+ <span class="accessor"><b>get</b><code>euiInfo()</code></span>
801
+ </td>
802
+ </tr>
803
+
804
+ <tr>
805
+ <td class="col-md-4">
806
+ <span class="accessor"><b>set</b><code>euiInfo(value: BooleanInput)</code></span>
807
+ </td>
808
+ </tr>
809
+ <tr>
810
+ <td class="col-md-4">
811
+
812
+ <div class="io-description">
813
+ <b>Parameters :</b>
814
+ <table class="params">
815
+ <thead>
816
+ <tr>
817
+ <td>Name</td>
818
+ <td>Type</td>
819
+ <td>Optional</td>
820
+ </tr>
821
+ </thead>
822
+ <tbody>
823
+ <tr>
824
+ <td>value</td>
825
+
826
+ <td>
827
+ <code>BooleanInput</code>
828
+ </td>
829
+
830
+ <td>
831
+ No
832
+ </td>
833
+
834
+ </tr>
835
+ </tbody>
836
+ </table>
837
+ </div>
838
+ <div class="io-description">
839
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
840
+
841
+ </div>
842
+ </td>
843
+ </tr>
844
+ </tbody>
845
+ </table>
846
+ <table class="table table-sm table-bordered">
847
+ <tbody>
848
+ <tr>
849
+ <td class="col-md-4">
850
+ <a name="euiSuccess"></a>
851
+ <span class="name"><b>euiSuccess</b><a href="#euiSuccess"><span class="icon ion-ios-link"></span></a></span>
852
+ </td>
853
+ </tr>
854
+
855
+ <tr>
856
+ <td class="col-md-4">
857
+ <span class="accessor"><b>get</b><code>euiSuccess()</code></span>
858
+ </td>
859
+ </tr>
860
+
861
+ <tr>
862
+ <td class="col-md-4">
863
+ <span class="accessor"><b>set</b><code>euiSuccess(value: BooleanInput)</code></span>
864
+ </td>
865
+ </tr>
866
+ <tr>
867
+ <td class="col-md-4">
868
+
869
+ <div class="io-description">
870
+ <b>Parameters :</b>
871
+ <table class="params">
872
+ <thead>
873
+ <tr>
874
+ <td>Name</td>
875
+ <td>Type</td>
876
+ <td>Optional</td>
877
+ </tr>
878
+ </thead>
879
+ <tbody>
880
+ <tr>
881
+ <td>value</td>
882
+
883
+ <td>
884
+ <code>BooleanInput</code>
885
+ </td>
886
+
887
+ <td>
888
+ No
889
+ </td>
890
+
891
+ </tr>
892
+ </tbody>
893
+ </table>
894
+ </div>
895
+ <div class="io-description">
896
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
897
+
898
+ </div>
899
+ </td>
900
+ </tr>
901
+ </tbody>
902
+ </table>
903
+ <table class="table table-sm table-bordered">
904
+ <tbody>
905
+ <tr>
906
+ <td class="col-md-4">
907
+ <a name="euiWarning"></a>
908
+ <span class="name"><b>euiWarning</b><a href="#euiWarning"><span class="icon ion-ios-link"></span></a></span>
909
+ </td>
910
+ </tr>
911
+
912
+ <tr>
913
+ <td class="col-md-4">
914
+ <span class="accessor"><b>get</b><code>euiWarning()</code></span>
915
+ </td>
916
+ </tr>
917
+
918
+ <tr>
919
+ <td class="col-md-4">
920
+ <span class="accessor"><b>set</b><code>euiWarning(value: BooleanInput)</code></span>
921
+ </td>
922
+ </tr>
923
+ <tr>
924
+ <td class="col-md-4">
925
+
926
+ <div class="io-description">
927
+ <b>Parameters :</b>
928
+ <table class="params">
929
+ <thead>
930
+ <tr>
931
+ <td>Name</td>
932
+ <td>Type</td>
933
+ <td>Optional</td>
934
+ </tr>
935
+ </thead>
936
+ <tbody>
937
+ <tr>
938
+ <td>value</td>
939
+
940
+ <td>
941
+ <code>BooleanInput</code>
942
+ </td>
943
+
944
+ <td>
945
+ No
946
+ </td>
947
+
948
+ </tr>
949
+ </tbody>
950
+ </table>
951
+ </div>
952
+ <div class="io-description">
953
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
954
+
955
+ </div>
956
+ </td>
957
+ </tr>
958
+ </tbody>
959
+ </table>
960
+ <table class="table table-sm table-bordered">
961
+ <tbody>
962
+ <tr>
963
+ <td class="col-md-4">
964
+ <a name="euiCritical"></a>
965
+ <span class="name"><b>euiCritical</b><a href="#euiCritical"><span class="icon ion-ios-link"></span></a></span>
966
+ </td>
967
+ </tr>
968
+
969
+ <tr>
970
+ <td class="col-md-4">
971
+ <span class="accessor"><b>get</b><code>euiCritical()</code></span>
972
+ </td>
973
+ </tr>
974
+
975
+ <tr>
976
+ <td class="col-md-4">
977
+ <span class="accessor"><b>set</b><code>euiCritical(value: BooleanInput)</code></span>
978
+ </td>
979
+ </tr>
980
+ <tr>
981
+ <td class="col-md-4">
982
+
983
+ <div class="io-description">
984
+ <b>Parameters :</b>
985
+ <table class="params">
986
+ <thead>
987
+ <tr>
988
+ <td>Name</td>
989
+ <td>Type</td>
990
+ <td>Optional</td>
991
+ </tr>
992
+ </thead>
993
+ <tbody>
994
+ <tr>
995
+ <td>value</td>
996
+
997
+ <td>
998
+ <code>BooleanInput</code>
999
+ </td>
1000
+
1001
+ <td>
1002
+ No
1003
+ </td>
1004
+
1005
+ </tr>
1006
+ </tbody>
1007
+ </table>
1008
+ </div>
1009
+ <div class="io-description">
1010
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1011
+
1012
+ </div>
1013
+ </td>
1014
+ </tr>
1015
+ </tbody>
1016
+ </table>
1017
+ <table class="table table-sm table-bordered">
1018
+ <tbody>
1019
+ <tr>
1020
+ <td class="col-md-4">
1021
+ <a name="euiColorVariant"></a>
1022
+ <span class="name"><b>euiColorVariant</b><a href="#euiColorVariant"><span class="icon ion-ios-link"></span></a></span>
1023
+ </td>
1024
+ </tr>
1025
+
1026
+ <tr>
1027
+ <td class="col-md-4">
1028
+ <span class="accessor"><b>get</b><code>euiColorVariant()</code></span>
1029
+ </td>
1030
+ </tr>
1031
+
1032
+ <tr>
1033
+ <td class="col-md-4">
1034
+ <span class="accessor"><b>set</b><code>euiColorVariant(value: <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank">string</a>)</code></span>
1035
+ </td>
1036
+ </tr>
1037
+ <tr>
1038
+ <td class="col-md-4">
1039
+
1040
+ <div class="io-description">
1041
+ <b>Parameters :</b>
1042
+ <table class="params">
1043
+ <thead>
1044
+ <tr>
1045
+ <td>Name</td>
1046
+ <td>Type</td>
1047
+ <td>Optional</td>
1048
+ </tr>
1049
+ </thead>
1050
+ <tbody>
1051
+ <tr>
1052
+ <td>value</td>
1053
+
1054
+ <td>
1055
+ <code><a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/string" target="_blank" >string</a></code>
1056
+ </td>
1057
+
1058
+ <td>
1059
+ No
1060
+ </td>
1061
+
1062
+ </tr>
1063
+ </tbody>
1064
+ </table>
1065
+ </div>
1066
+ <div class="io-description">
1067
+ <b>Returns : </b> <code><a href="https://www.typescriptlang.org/docs/handbook/basic-types.html" target="_blank" >void</a></code>
1068
+
1069
+ </div>
1070
+ </td>
1071
+ </tr>
1072
+ </tbody>
1073
+ </table>
1074
+ </section>
1075
+
1076
+ </div>
1077
+
1078
+
1079
+
1080
+ </div>
1081
+
1082
+
1083
+
1084
+
1085
+
1086
+
1087
+
1088
+
1089
+
1090
+
1091
+
1092
+
1093
+
1094
+
1095
+ </div><div class="search-results">
1096
+ <div class="has-results">
1097
+ <h1 class="search-results-title"><span class='search-results-count'></span> results matching "<span class='search-query'></span>"</h1>
1098
+ <ul class="search-results-list"></ul>
1099
+ </div>
1100
+ <div class="no-results">
1101
+ <h1 class="search-results-title">No results matching "<span class='search-query'></span>"</h1>
1102
+ </div>
1103
+ </div>
1104
+ </div>
1105
+ <!-- END CONTENT -->
1106
+ </div>
1107
+ </div>
1108
+
1109
+ <label class="dark-mode-switch">
1110
+ <input type="checkbox">
1111
+ <span class="slider">
1112
+ <svg class="slider-icon" viewBox="0 0 24 24" fill="none" height="20" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" width="20" xmlns="http://www.w3.org/2000/svg">
1113
+ <path d="M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z"></path>
1114
+ </svg>
1115
+ </span>
1116
+ </label>
1117
+
1118
+ <script>
1119
+ var COMPODOC_CURRENT_PAGE_DEPTH = 1;
1120
+ var COMPODOC_CURRENT_PAGE_CONTEXT = 'directive';
1121
+ var COMPODOC_CURRENT_PAGE_URL = 'EuiBaseColorVariantsDirective.html';
1122
+ var MAX_SEARCH_RESULTS = 15;
1123
+ </script>
1124
+
1125
+ <script>
1126
+ $darkModeToggleSwitchers = document.querySelectorAll('.dark-mode-switch input');
1127
+ checkToggle(darkModeState);
1128
+ if ($darkModeToggleSwitchers.length > 0) {
1129
+ for (var i = 0; i < $darkModeToggleSwitchers.length; i++) {
1130
+ $darkModeToggleSwitchers[i].addEventListener('change', function (event) {
1131
+ darkModeState = !darkModeState;
1132
+ toggleDarkMode(darkModeState);
1133
+ });
1134
+ }
1135
+ }
1136
+ </script>
1137
+
1138
+ <script src="../js/libs/custom-elements.min.js"></script>
1139
+ <script src="../js/libs/lit-html.js"></script>
1140
+
1141
+ <script src="../js/menu-wc.js" defer></script>
1142
+ <script nomodule src="../js/menu-wc_es5.js" defer></script>
1143
+
1144
+ <script src="../js/libs/bootstrap-native.js"></script>
1145
+
1146
+ <script src="../js/libs/es6-shim.min.js"></script>
1147
+ <script src="../js/libs/EventDispatcher.js"></script>
1148
+ <script src="../js/libs/promise.min.js"></script>
1149
+
1150
+ <script src="../js/compodoc.js"></script>
1151
+
1152
+ <script src="../js/tabs.js"></script>
1153
+ <script src="../js/menu.js"></script>
1154
+ <script src="../js/libs/clipboard.min.js"></script>
1155
+ <script src="../js/libs/prism.js"></script>
1156
+ <script src="../js/sourceCode.js"></script>
1157
+ <script src="../js/search/search.js"></script>
1158
+ <script src="../js/search/lunr.min.js"></script>
1159
+ <script src="../js/search/search-lunr.js"></script>
1160
+ <script src="../js/search/search_index.js"></script>
1161
+ <script src="../js/lazy-load-graphs.js"></script>
1162
+
1163
+
1164
+ </body>
1165
+ </html>