@eui/styles 21.0.0-alpha.5 → 21.0.0-alpha.7
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/dist/base/02-tokens/maps.scss +39 -104
- package/dist/base/03-vars/vars.scss +4 -3
- package/dist/base/99-utilities/default/tokens/_typography.scss +25 -0
- package/dist/eui-base.css +1 -1
- package/dist/eui-base.css.map +1 -1
- package/dist/eui-extra-vars.css +1 -1
- package/dist/eui-extra-vars.css.map +1 -1
- package/dist/eui-showcase-all.css +1 -1
- package/dist/eui-showcase-all.css.map +1 -1
- package/dist/eui-utilities-extras.css +1 -1
- package/dist/eui-utilities-extras.css.map +1 -1
- package/dist/eui-utilities.css +1 -1
- package/dist/eui-utilities.css.map +1 -1
- package/dist/eui.css +1 -1
- package/dist/eui.css.map +1 -1
- package/package.json +1 -1
package/dist/eui-base.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","../base/01-base/mixins/_media.mixins.scss","../base/04-elements/index.scss","../base/05-assets/icons/index.scss"],"names":[],"mappings":"AAAA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKC;EACG;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,QACQ;EACN;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,SACS;EACP;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;ACxVJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAII;EAIQ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAOR;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EAOY;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAaA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAUZ;EAGA;EAGA;EAGA;EACA;EAIA;EACA;EAGI;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAUQ;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EA0BJ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAMJ;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AC3QI;EDLR;IAgJgB;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;;;AC9IR;EDLR;IA0JgB;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;;;;AEhLhB;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnBJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAOY;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAapB;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAMJ;EACI","file":"eui-base.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n line-height: var(--eui-base-line-height); /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n }\n\n /* Sections\n ========================================================================== */\n\n /**\n * Remove the margin in all browsers.\n */\n\n body {\n margin: 0;\n }\n\n /**\n * Render the `main` element consistently in IE.\n */\n\n main {\n display: block;\n }\n\n /**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n /* Grouping content\n ========================================================================== */\n\n /**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\n hr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n pre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /* Text-level semantics\n ========================================================================== */\n\n /**\n * Remove the gray background on active links in IE 10.\n */\n\n a {\n background-color: transparent;\n }\n\n /**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\n abbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n }\n\n /**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /**\n * Add the correct font size in all browsers.\n */\n\n small {\n font-size: 80%;\n }\n\n /**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /* Embedded content\n ========================================================================== */\n\n /**\n * Remove the border on images inside links in IE 10.\n */\n\n img {\n border-style: none;\n }\n\n /* Forms\n ========================================================================== */\n\n /**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1; /* 1 */ // eUI adapations forced to \"1\"\n margin: 0; /* 2 */\n }\n\n /**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\n button,\n input { /* 1 */\n overflow: visible;\n }\n\n /**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\n button,\n select { /* 1 */\n text-transform: none;\n }\n\n /**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n /**\n * Remove the inner border and padding in Firefox.\n */\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n /**\n * Restore the focus styles unset by the previous rule.\n */\n\n button:-moz-focusring,\n [type=\"button\"]:-moz-focusring,\n [type=\"reset\"]:-moz-focusring,\n [type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n /**\n * Correct the padding in Firefox.\n */\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n /**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\n legend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n }\n\n /**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\n progress {\n vertical-align: baseline;\n }\n\n /**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\n textarea {\n overflow: auto;\n }\n\n /**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n }\n\n /**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n /**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n [type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n }\n\n /**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n }\n\n /* Interactive\n ========================================================================== */\n\n /*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\n details {\n display: block;\n }\n\n /*\n * Add the correct display in all browsers.\n */\n\n summary {\n display: list-item;\n }\n\n /* Misc\n ========================================================================== */\n\n /**\n * Add the correct display in IE 10+.\n */\n\n template {\n display: none;\n }\n\n /**\n * Add the correct display in IE 10.\n */\n\n [hidden] {\n display: none;\n }\n","@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n font-weight: 100 900;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n font-weight: 100 900;\n font-display: swap;\n font-style: italic;\n}\n\n:root {\n // COLOR BASE - eui-bc\n // -------------------\n\n --eui-bc-transparent: transparent;\n\n @each $color, $shades in maps.$color-map {\n @each $shade, $value in $shades {\n --eui-bc-#{$color + '-' + $shade}: #{$value};\n --eui-bc-#{$color + '-' + $shade}-contrast: #{base.getContrast($value)};\n }\n }\n\n // COLOR CONTEXT - eui-c\n // ---------------------\n\n --eui-c-white: var(--eui-bc-neutral-0);\n --eui-c-black: var(--eui-bc-neutral-160);\n\n --eui-c-neutral-min: var(--eui-bc-neutral-0);\n --eui-c-neutral-max: var(--eui-bc-neutral-160);\n\n --eui-c-bg: var(--eui-bc-neutral-2); // to be kept for backward compat / eUI 17 / eUI 19 (over MWP)\n --eui-c-bg-light: var(--eui-bc-neutral-0); // to be kept for backward compat / eUI 17 / eUI 19 (over MWP)\n --eui-c-surface-page: var(--eui-c-bg);\n --eui-c-surface-container: var(--eui-c-bg-light);\n\n --eui-c-surface-shell: var(--eui-bc-neutral-3);\n --eui-c-surface-container-1: var(--eui-bc-neutral-5);\n --eui-c-surface-container-2: var(--eui-bc-neutral-10);\n --eui-c-surface-container-3: var(--eui-bc-neutral-20);\n\n --eui-c-text: var(--eui-bc-neutral-100);\n --eui-c-text-light: var(--eui-bc-neutral-80);\n --eui-c-text-lighter: var(--eui-bc-neutral-60);\n\n --eui-c-focus-visible: var(--eui-bc-primary-100);\n --eui-c-focus: var(--eui-bc-primary-20);\n \n --eui-c-hover: var(--eui-bc-primary-5);\n --eui-c-hover-disabled: var(--eui-bc-neutral-10);\n\n --eui-c-active: var(--eui-bc-primary-100);\n --eui-c-active-bg: var(--eui-bc-primary-10);\n --eui-c-active-bg-alt: var(--eui-bc-primary-40);\n\n --eui-c-disabled: var(--eui-bc-neutral-60);\n --eui-c-disabled-bg: var(--eui-bc-neutral-20);\n --eui-c-readonly: var(--eui-bc-neutral-80);\n\n --eui-c-link: var(--eui-bc-primary-100);\n\n --eui-c-divider: var(--eui-bc-neutral-20);\n --eui-c-divider-light: var(--eui-bc-neutral-10);\n\n @each $color, $shades in maps.$color-context-map {\n @each $shade, $value in $shades {\n $color-value: #{$color + '-' + $value};\n\n @if $shade == base {\n --eui-c-#{$color}: var(--eui-bc-#{$color-value});\n --eui-c-#{$color}-contrast: var(--eui-bc-#{$color-value}-contrast);\n } @else {\n --eui-c-#{$color + '-' + $shade}: var(--eui-bc-#{$color-value});\n --eui-c-#{$color + '-' + $shade}-contrast: var(--eui-bc-#{$color-value}-contrast);\n }\n }\n }\n\n // COLOR STATE - eui-c-s\n // ---------------------\n\n @each $color, $shades in maps.$color-state-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-s-#{$color}: var(--eui-c-#{$value});\n } @else {\n --eui-c-s-#{$color + '-' + $shade}: var(--eui-c-#{$value});\n }\n }\n }\n\n\n // TYPOGRAPHY - eui-f\n // ------------------\n\n // TYPOGRAPHY\n --eui-f-family: 'Inter', arial, sans-serif;\n\n // font families\n --eui-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\n // font sizes\n --eui-f-size-base: 16px;\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-bold: var(--eui-f-m-bold);\n\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-bold: var(--eui-f-m-bold);\n\n @each $size in maps.$font-size-list {\n --eui-f-#{$size}: normal normal 400 var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal 700 var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n }\n\n @each $font, $fontDef in maps.$font-map {\n @each $size, $sizeDef in $fontDef {\n $desktop: map-get($sizeDef, 'desktop');\n $tablet: map-get($sizeDef, 'tablet');\n $mobile: map-get($sizeDef, 'mobile');\n\n @each $type, $def in $desktop {\n --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n }\n @each $type, $def in $tablet {\n --eui-f-#{$font}-#{$size}-tablet-#{$type}: #{$def};\n }\n @each $type, $def in $mobile {\n --eui-f-#{$font}-#{$size}-mobile-#{$type}: #{$def};\n }\n --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n\n --eui-f-#{$font}-#{$size}-tablet-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-tablet-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-tablet-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-tablet-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n\n --eui-f-#{$font}-#{$size}-mobile-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-mobile-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-mobile-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-mobile-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n }\n }\n\n @include base.media(maps.$eui-bkp-tablet) {\n @each $font, $fontDef in maps.$font-map {\n @each $size, $sizeDef in $fontDef {\n --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-tablet-regular);\n --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-tablet-medium);\n --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-tablet-semi-bold);\n --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-tablet-bold);\n }\n } \n }\n @include base.media(maps.$eui-bkp-mobile) {\n @each $font, $fontDef in maps.$font-map {\n @each $size, $sizeDef in $fontDef {\n --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-mobile-regular);\n --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-mobile-medium);\n --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-mobile-semi-bold);\n --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-mobile-bold);\n }\n } \n }\n\n @each $size, $def in maps.$font-size-map {\n --eui-f-size-#{$size}: #{$def};\n --eui-f-size-#{$size}-compact: #{$def};\n }\n\n @each $size, $def in maps.$font-line-height-map {\n --eui-f-line-height-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-weight-map {\n --eui-f-weight-#{$size}: #{$def};\n }\n\n\n // SPACING - eui-s\n // ---------------\n\n @each $spacing, $value in maps.$spacing-map {\n --eui-s-#{$spacing}: #{$value};\n }\n\n \n // BORDER RADIUS - eui-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eui-br-#{$br}: #{$value};\n }\n\n\n // LAYOUT-BREAKPOINTS - eui-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-map {\n --eui-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eui-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eui-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eui-sh\n // --------------------\n\n @each $sh, $value in maps.$box-shadow-map {\n --eui-sh-#{$sh}: #{$value};\n }\n\n\n // ICON-SIZES - eui-is\n // -------------------\n\n @each $icon-size, $value in maps.$icon-size-map {\n --eui-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eui-o\n // ---------------\n\n @each $idx, $value in maps.$opacity-map {\n --eui-o-#{$idx}: #{$value};\n }\n\n\n // Z-INDEXES - eui-zi\n // -------------------\n\n @each $idx, $value in maps.$z-index-map {\n --eui-zi-#{$idx}: #{$value};\n }\n\n\n // OTHERS \n // ------\n --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg'); \n\n --eui-base-line-height: 1.5;\n --eui-base-scale-factor: 1;\n\n // Animations related\n --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); // ease\n --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n --eui-base-animation-duration-fast: 0.25s;\n --eui-base-animation-duration-medium: 0.5s;\n --eui-base-animation-duration-slow: 1s;\n --eui-base-animation-duration-base: 500ms;\n --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n --eui-base-animation-delay: 0s;\n --eui-base-animation-direction: normal;\n --eui-base-animation-fill-mode: forwards; // this prevents the animation from restarting\n --eui-base-animation-background-color: var(--eui-c-s-primary-surface-light);\n}","@use 'sass:map';\n@use 'sass:list';\n\n$default-feature: \"min-width\";\n@mixin media($query: $feature $value $columns) {\n @if list.length($query) == 1 {\n @media screen and ($default-feature: list.nth($query, 1)) {\n @content;\n }\n }\n @else {\n $loop-to: list.length($query);\n $media-query: \"screen and \";\n @if is-not(is-even(list.length($query))) {\n $loop-to: $loop-to - 1;\n }\n $i: 1;\n @while $i <=$loop-to {\n $media-query: $media-query + \"(\" + list.nth($query, $i) + \": \" + list.nth($query, $i + 1) + \") \";\n @if ($i + 1) != $loop-to {\n $media-query: $media-query + \"and \";\n }\n $i: $i+2;\n }\n @media #{$media-query} {\n @content;\n }\n }\n}\n","html {\n display: block;\n height: 100%;\n font-size: var(--eui-f-size-base);\n line-height: var(--eui-base-line-height);\n}\n\nbody {\n background-color: var(--eui-c-surface-page);\n color: var(--eui-c-text);\n font-family: var(--eui-f-family);\n font-feature-settings: 'liga';\n font-size: var(--eui-f-size-base);\n -moz-font-smoothing: antialiased;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 100%;\n line-height: var(--eui-base-line-height);\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n","@use '../../02-tokens/maps' as tokens;\n\n.eui-icon-svg {\n fill: currentColor;\n margin: 0;\n transform: scaleX(1) scaleY(1) rotateZ(0deg);\n transition: transform 300ms ease-in-out;\n display: inline-flex;\n align-items: center;\n}\n\n@each $icon-size, $value in tokens.$icon-size-map {\n .eui-icon-svg {\n &.eui-icon-svg--size {\n &-#{$icon-size} {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n\n // Custom icons\n > image {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n\n &.eui-icon-svg--stack {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n }\n }\n }\n}\n\n\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n .eui-badge,\n .eui-badge--size-m {\n position: absolute;\n left: 40%;\n top: -40%;\n }\n\n .eui-badge--empty {\n left: 70%;\n top: -5%\n }\n}\n\n.eui-icon-svg--size-l {\n .eui-badge--size-s {\n left: 70%;\n }\n}\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n .eui-badge {\n height: inherit;\n }\n}\n"]}
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../base/00-reset/index.scss","../base/03-vars/vars.scss","../base/01-base/mixins/_media.mixins.scss","../base/04-elements/index.scss","../base/05-assets/icons/index.scss"],"names":[],"mappings":"AAAA;AAEA;AAAA;AAGA;AAAA;AAAA;AAAA;AAKC;EACG;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;EAGE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAAA;AAKA;AAAA;AAAA;AAAA;AAAA;EAKE;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,QACQ;EACN;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA,SACS;EACP;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;AAAA;AAAA;EAIE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAAA;AAAA;AAOA;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;AAAA;EAEE;EACA;;;AAGF;AAAA;AAAA;AAIA;AAAA;EAEE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAAA;AAKA;EACE;EACA;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAGA;AAAA;AAAA;AAIA;EACE;;;AAGF;AAAA;AAAA;AAIA;EACE;;;ACxVJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EAII;EAIQ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAOR;EACA;EAEA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAGA;EACA;EACA;EAEA;EACA;EAEA;EACA;EAEA;EACA;EACA;EAEA;EACA;EACA;EAEA;EAEA;EACA;EAOY;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAaA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAFA;EAEA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAUZ;EAGA;EAGA;EAGA;EACA;EAIA;EACA;EAGI;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAUQ;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EArBI;EAAA;EAGA;EAAA;EAGA;EAAA;EAEJ;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EA0BJ;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAIA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAIA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAQA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAAA;EAMJ;EACA;EACA;EACA;EACA;EAEA;EACA;EAGA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;;AC5QI;EDLR;IAiJgB;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;;;AC/IR;EDLR;IA2JgB;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;IAHA;IACA;IACA;IACA;;;;AEjLhB;EACI;EACA;EACA;EACA;;;AAGJ;EACI;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;ACnBJ;EACI;EACA;EACA;EACA;EACA;EACA;;;AAOY;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAdR;EACI;EACA;;AAGA;EACI;EACA;;AAKJ;EACI;EACA;;;AAapB;AAAA;EAEI;EACA;EACA;;AAGJ;EACI;EACA;;;AAKJ;EACI;;;AAMJ;EACI","file":"eui-base.css","sourcesContent":["/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */\n\n/* Document\n ========================================================================== */\n\n/**\n * 1. Correct the line height in all browsers.\n * 2. Prevent adjustments of font size after orientation changes in iOS.\n */\n\n html {\n line-height: var(--eui-base-line-height); /* 1 */\n -webkit-text-size-adjust: 100%; /* 2 */\n }\n\n /* Sections\n ========================================================================== */\n\n /**\n * Remove the margin in all browsers.\n */\n\n body {\n margin: 0;\n }\n\n /**\n * Render the `main` element consistently in IE.\n */\n\n main {\n display: block;\n }\n\n /**\n * Correct the font size and margin on `h1` elements within `section` and\n * `article` contexts in Chrome, Firefox, and Safari.\n */\n\n h1 {\n font-size: 2em;\n margin: 0.67em 0;\n }\n\n /* Grouping content\n ========================================================================== */\n\n /**\n * 1. Add the correct box sizing in Firefox.\n * 2. Show the overflow in Edge and IE.\n */\n\n hr {\n box-sizing: content-box; /* 1 */\n height: 0; /* 1 */\n overflow: visible; /* 2 */\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n pre {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /* Text-level semantics\n ========================================================================== */\n\n /**\n * Remove the gray background on active links in IE 10.\n */\n\n a {\n background-color: transparent;\n }\n\n /**\n * 1. Remove the bottom border in Chrome 57-\n * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.\n */\n\n abbr[title] {\n border-bottom: none; /* 1 */\n text-decoration: underline; /* 2 */\n text-decoration: underline dotted; /* 2 */\n }\n\n /**\n * Add the correct font weight in Chrome, Edge, and Safari.\n */\n\n b,\n strong {\n font-weight: bolder;\n }\n\n /**\n * 1. Correct the inheritance and scaling of font size in all browsers.\n * 2. Correct the odd `em` font sizing in all browsers.\n */\n\n code,\n kbd,\n samp {\n font-family: monospace, monospace; /* 1 */\n font-size: 1em; /* 2 */\n }\n\n /**\n * Add the correct font size in all browsers.\n */\n\n small {\n font-size: 80%;\n }\n\n /**\n * Prevent `sub` and `sup` elements from affecting the line height in\n * all browsers.\n */\n\n sub,\n sup {\n font-size: 75%;\n line-height: 0;\n position: relative;\n vertical-align: baseline;\n }\n\n sub {\n bottom: -0.25em;\n }\n\n sup {\n top: -0.5em;\n }\n\n /* Embedded content\n ========================================================================== */\n\n /**\n * Remove the border on images inside links in IE 10.\n */\n\n img {\n border-style: none;\n }\n\n /* Forms\n ========================================================================== */\n\n /**\n * 1. Change the font styles in all browsers.\n * 2. Remove the margin in Firefox and Safari.\n */\n\n button,\n input,\n optgroup,\n select,\n textarea {\n font-family: inherit; /* 1 */\n font-size: 100%; /* 1 */\n line-height: 1; /* 1 */ // eUI adapations forced to \"1\"\n margin: 0; /* 2 */\n }\n\n /**\n * Show the overflow in IE.\n * 1. Show the overflow in Edge.\n */\n\n button,\n input { /* 1 */\n overflow: visible;\n }\n\n /**\n * Remove the inheritance of text transform in Edge, Firefox, and IE.\n * 1. Remove the inheritance of text transform in Firefox.\n */\n\n button,\n select { /* 1 */\n text-transform: none;\n }\n\n /**\n * Correct the inability to style clickable types in iOS and Safari.\n */\n\n button,\n [type=\"button\"],\n [type=\"reset\"],\n [type=\"submit\"] {\n -webkit-appearance: button;\n }\n\n /**\n * Remove the inner border and padding in Firefox.\n */\n\n button::-moz-focus-inner,\n [type=\"button\"]::-moz-focus-inner,\n [type=\"reset\"]::-moz-focus-inner,\n [type=\"submit\"]::-moz-focus-inner {\n border-style: none;\n padding: 0;\n }\n\n /**\n * Restore the focus styles unset by the previous rule.\n */\n\n button:-moz-focusring,\n [type=\"button\"]:-moz-focusring,\n [type=\"reset\"]:-moz-focusring,\n [type=\"submit\"]:-moz-focusring {\n outline: 1px dotted ButtonText;\n }\n\n /**\n * Correct the padding in Firefox.\n */\n\n fieldset {\n padding: 0.35em 0.75em 0.625em;\n }\n\n /**\n * 1. Correct the text wrapping in Edge and IE.\n * 2. Correct the color inheritance from `fieldset` elements in IE.\n * 3. Remove the padding so developers are not caught out when they zero out\n * `fieldset` elements in all browsers.\n */\n\n legend {\n box-sizing: border-box; /* 1 */\n color: inherit; /* 2 */\n display: table; /* 1 */\n max-width: 100%; /* 1 */\n padding: 0; /* 3 */\n white-space: normal; /* 1 */\n }\n\n /**\n * Add the correct vertical alignment in Chrome, Firefox, and Opera.\n */\n\n progress {\n vertical-align: baseline;\n }\n\n /**\n * Remove the default vertical scrollbar in IE 10+.\n */\n\n textarea {\n overflow: auto;\n }\n\n /**\n * 1. Add the correct box sizing in IE 10.\n * 2. Remove the padding in IE 10.\n */\n\n [type=\"checkbox\"],\n [type=\"radio\"] {\n box-sizing: border-box; /* 1 */\n padding: 0; /* 2 */\n }\n\n /**\n * Correct the cursor style of increment and decrement buttons in Chrome.\n */\n\n [type=\"number\"]::-webkit-inner-spin-button,\n [type=\"number\"]::-webkit-outer-spin-button {\n height: auto;\n }\n\n /**\n * 1. Correct the odd appearance in Chrome and Safari.\n * 2. Correct the outline style in Safari.\n */\n\n [type=\"search\"] {\n -webkit-appearance: textfield; /* 1 */\n outline-offset: -2px; /* 2 */\n }\n\n /**\n * Remove the inner padding in Chrome and Safari on macOS.\n */\n\n [type=\"search\"]::-webkit-search-decoration {\n -webkit-appearance: none;\n }\n\n /**\n * 1. Correct the inability to style clickable types in iOS and Safari.\n * 2. Change font properties to `inherit` in Safari.\n */\n\n ::-webkit-file-upload-button {\n -webkit-appearance: button; /* 1 */\n font: inherit; /* 2 */\n }\n\n /* Interactive\n ========================================================================== */\n\n /*\n * Add the correct display in Edge, IE 10+, and Firefox.\n */\n\n details {\n display: block;\n }\n\n /*\n * Add the correct display in all browsers.\n */\n\n summary {\n display: list-item;\n }\n\n /* Misc\n ========================================================================== */\n\n /**\n * Add the correct display in IE 10+.\n */\n\n template {\n display: none;\n }\n\n /**\n * Add the correct display in IE 10.\n */\n\n [hidden] {\n display: none;\n }\n","@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter/InterVariable.woff2') format('woff2');\n font-weight: 100 900;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Inter';\n src: url('#{base.$eui-assets-base-path}/fonts/inter//InterVariable-Italic.woff2') format('woff2');\n font-weight: 100 900;\n font-display: swap;\n font-style: italic;\n}\n\n:root {\n // COLOR BASE - eui-bc\n // -------------------\n\n --eui-bc-transparent: transparent;\n\n @each $color, $shades in maps.$color-map {\n @each $shade, $value in $shades {\n --eui-bc-#{$color + '-' + $shade}: #{$value};\n --eui-bc-#{$color + '-' + $shade}-contrast: #{base.getContrast($value)};\n }\n }\n\n // COLOR CONTEXT - eui-c\n // ---------------------\n\n --eui-c-white: var(--eui-bc-neutral-0);\n --eui-c-black: var(--eui-bc-neutral-160);\n\n --eui-c-neutral-min: var(--eui-bc-neutral-0);\n --eui-c-neutral-max: var(--eui-bc-neutral-160);\n\n --eui-c-bg: var(--eui-bc-neutral-2); // to be kept for backward compat / eUI 17 / eUI 19 (over MWP)\n --eui-c-bg-light: var(--eui-bc-neutral-0); // to be kept for backward compat / eUI 17 / eUI 19 (over MWP)\n --eui-c-surface-page: var(--eui-c-bg);\n --eui-c-surface-container: var(--eui-c-bg-light);\n\n --eui-c-surface-shell: var(--eui-bc-neutral-3);\n --eui-c-surface-container-1: var(--eui-bc-neutral-5);\n --eui-c-surface-container-2: var(--eui-bc-neutral-10);\n --eui-c-surface-container-3: var(--eui-bc-neutral-20);\n\n // if eUI neutral palette used : 100-80-60\n --eui-c-text: var(--eui-bc-neutral-160);\n --eui-c-text-light: var(--eui-bc-neutral-140);\n --eui-c-text-lighter: var(--eui-bc-neutral-120);\n\n --eui-c-focus-visible: var(--eui-bc-primary-100);\n --eui-c-focus: var(--eui-bc-primary-20);\n \n --eui-c-hover: var(--eui-bc-primary-5);\n --eui-c-hover-disabled: var(--eui-bc-neutral-10);\n\n --eui-c-active: var(--eui-bc-primary-100);\n --eui-c-active-bg: var(--eui-bc-primary-10);\n --eui-c-active-bg-alt: var(--eui-bc-primary-40);\n\n --eui-c-disabled: var(--eui-bc-neutral-60);\n --eui-c-disabled-bg: var(--eui-bc-neutral-20);\n --eui-c-readonly: var(--eui-bc-neutral-80);\n\n --eui-c-link: var(--eui-bc-primary-100);\n\n --eui-c-divider: var(--eui-bc-neutral-20);\n --eui-c-divider-light: var(--eui-bc-neutral-10);\n\n @each $color, $shades in maps.$color-context-map {\n @each $shade, $value in $shades {\n $color-value: #{$color + '-' + $value};\n\n @if $shade == base {\n --eui-c-#{$color}: var(--eui-bc-#{$color-value});\n --eui-c-#{$color}-contrast: var(--eui-bc-#{$color-value}-contrast);\n } @else {\n --eui-c-#{$color + '-' + $shade}: var(--eui-bc-#{$color-value});\n --eui-c-#{$color + '-' + $shade}-contrast: var(--eui-bc-#{$color-value}-contrast);\n }\n }\n }\n\n // COLOR STATE - eui-c-s\n // ---------------------\n\n @each $color, $shades in maps.$color-state-map {\n @each $shade, $value in $shades {\n @if $shade == default {\n --eui-c-s-#{$color}: var(--eui-c-#{$value});\n } @else {\n --eui-c-s-#{$color + '-' + $shade}: var(--eui-c-#{$value});\n }\n }\n }\n\n\n // TYPOGRAPHY - eui-f\n // ------------------\n\n // TYPOGRAPHY\n --eui-f-family: 'Inter', arial, sans-serif;\n\n // font families\n --eui-f-family-monospace: 'Consolas', 'Liberation Mono', 'Courier New', monospace;\n\n // font sizes\n --eui-f-size-base: 16px;\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-bold: var(--eui-f-m-bold);\n\n\n // font aliases\n --eui-f: var(--eui-f-m);\n --eui-f-bold: var(--eui-f-m-bold);\n\n @each $size in maps.$font-size-list {\n --eui-f-#{$size}: normal normal 400 var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n --eui-f-#{$size}-bold: normal normal 700 var(--eui-f-size-#{$size})/var(--eui-f-line-height-#{$size}) var(--eui-f-family);\n }\n\n @each $font, $fontDef in maps.$font-map {\n @each $size, $sizeDef in $fontDef {\n $desktop: map-get($sizeDef, 'desktop');\n $tablet: map-get($sizeDef, 'tablet');\n $mobile: map-get($sizeDef, 'mobile');\n\n @each $type, $def in $desktop {\n --eui-f-#{$font}-#{$size}-#{$type}: #{$def};\n }\n @each $type, $def in $tablet {\n --eui-f-#{$font}-#{$size}-tablet-#{$type}: #{$def};\n }\n @each $type, $def in $mobile {\n --eui-f-#{$font}-#{$size}-mobile-#{$type}: #{$def};\n }\n --eui-f-#{$font}-#{$size}-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-size)/var(--eui-f-#{$font}-#{$size}-line-height) var(--eui-f-family);\n\n --eui-f-#{$font}-#{$size}-tablet-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-tablet-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-tablet-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-tablet-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-tablet-size)/var(--eui-f-#{$font}-#{$size}-tablet-line-height) var(--eui-f-family);\n\n --eui-f-#{$font}-#{$size}-mobile-regular: normal normal var(--eui-f-weight-regular) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-mobile-medium: normal normal var(--eui-f-weight-medium) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-mobile-semi-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n --eui-f-#{$font}-#{$size}-mobile-bold: normal normal var(--eui-f-weight-semi-bold) var(--eui-f-#{$font}-#{$size}-mobile-size)/var(--eui-f-#{$font}-#{$size}-mobile-line-height) var(--eui-f-family);\n }\n }\n\n @include base.media(maps.$eui-bkp-tablet) {\n @each $font, $fontDef in maps.$font-map {\n @each $size, $sizeDef in $fontDef {\n --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-tablet-regular);\n --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-tablet-medium);\n --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-tablet-semi-bold);\n --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-tablet-bold);\n }\n } \n }\n @include base.media(maps.$eui-bkp-mobile) {\n @each $font, $fontDef in maps.$font-map {\n @each $size, $sizeDef in $fontDef {\n --eui-f-#{$font}-#{$size}-regular: var(--eui-f-#{$font}-#{$size}-mobile-regular);\n --eui-f-#{$font}-#{$size}-medium: var(--eui-f-#{$font}-#{$size}-mobile-medium);\n --eui-f-#{$font}-#{$size}-semi-bold: var(--eui-f-#{$font}-#{$size}-mobile-semi-bold);\n --eui-f-#{$font}-#{$size}-bold: var(--eui-f-#{$font}-#{$size}-mobile-bold);\n }\n } \n }\n\n @each $size, $def in maps.$font-size-map {\n --eui-f-size-#{$size}: #{$def};\n --eui-f-size-#{$size}-compact: #{$def};\n }\n\n @each $size, $def in maps.$font-line-height-map {\n --eui-f-line-height-#{$size}: #{$def};\n }\n\n @each $size, $def in maps.$font-weight-map {\n --eui-f-weight-#{$size}: #{$def};\n }\n\n\n // SPACING - eui-s\n // ---------------\n\n @each $spacing, $value in maps.$spacing-map {\n --eui-s-#{$spacing}: #{$value};\n }\n\n \n // BORDER RADIUS - eui-br\n // ----------------------\n\n @each $br, $value in maps.$border-radius-map {\n --eui-br-#{$br}: #{$value};\n }\n\n\n // LAYOUT-BREAKPOINTS - eui-bp\n // ---------------------------\n\n @each $bp, $value in maps.$breakpoint-map {\n --eui-bp-#{$bp}: #{$value};\n }\n\n\n // BORDER WIDTH - eui-bw\n // ---------------------\n\n @each $br, $value in maps.$border-width-map {\n --eui-bw-#{$br}: #{$value};\n }\n\n\n // BOX-SHADOWS - eui-sh\n // --------------------\n\n @each $sh, $value in maps.$box-shadow-map {\n --eui-sh-#{$sh}: #{$value};\n }\n\n\n // ICON-SIZES - eui-is\n // -------------------\n\n @each $icon-size, $value in maps.$icon-size-map {\n --eui-is-#{$icon-size}: #{$value};\n }\n\n\n // OPACITY - eui-o\n // ---------------\n\n @each $idx, $value in maps.$opacity-map {\n --eui-o-#{$idx}: #{$value};\n }\n\n\n // Z-INDEXES - eui-zi\n // -------------------\n\n @each $idx, $value in maps.$z-index-map {\n --eui-zi-#{$idx}: #{$value};\n }\n\n\n // OTHERS \n // ------\n --eui-internal-icon-checkmark-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/check.svg');\n --eui-internal-icon-remove-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/remove.svg');\n --eui-internal-icon-ellipse-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/ellipse.svg');\n --eui-internal-icon-external-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/external.svg');\n --eui-internal-icon-chevron-down-path: url('#{base.$eui-assets-base-path}/icons/eui-internals/chevron-down.svg'); \n\n --eui-base-line-height: 1.5;\n --eui-base-scale-factor: 1;\n\n // Animations related\n --eui-base-animation-linear-out-slow-in-timing-function: cubic-bezier(0, 0, 0.2, 1);\n --eui-base-animation-fast-out-slow-in-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n --eui-base-animation-fast-out-linear-in-timing-function: cubic-bezier(0.4, 0, 1, 1);\n --eui-base-animation-ease-timing-function: cubic-bezier(0.25, 0.1, 0.25, 1); // ease\n --eui-base-animation-ease-in-out-timing-function: ease-in-out;\n\n --eui-base-animation-duration-fast: 0.25s;\n --eui-base-animation-duration-medium: 0.5s;\n --eui-base-animation-duration-slow: 1s;\n --eui-base-animation-duration-base: 500ms;\n --eui-base-animation-duration: var(--eui-base-animation-duration-base);\n\n --eui-base-animation-transition-base: all 0.2s #{var(--eui-base-animation-linear-out-slow-in-timing-function)};\n --eui-base-animation-transition-ease: all 0.2s #{var(--eui-base-animation-ease-timing-function)};\n --eui-base-animation-transition-ease-in-out: all 0.2s #{var(--eui-base-animation-ease-in-out-timing-function)};\n --eui-base-animation-transition-ease-in-out-1s: all 1s #{var(--eui-base-animation-ease-in-out-timing-function)};\n\n --eui-base-animation-delay: 0s;\n --eui-base-animation-direction: normal;\n --eui-base-animation-fill-mode: forwards; // this prevents the animation from restarting\n --eui-base-animation-background-color: var(--eui-c-s-primary-surface-light);\n}","@use 'sass:map';\n@use 'sass:list';\n\n$default-feature: \"min-width\";\n@mixin media($query: $feature $value $columns) {\n @if list.length($query) == 1 {\n @media screen and ($default-feature: list.nth($query, 1)) {\n @content;\n }\n }\n @else {\n $loop-to: list.length($query);\n $media-query: \"screen and \";\n @if is-not(is-even(list.length($query))) {\n $loop-to: $loop-to - 1;\n }\n $i: 1;\n @while $i <=$loop-to {\n $media-query: $media-query + \"(\" + list.nth($query, $i) + \": \" + list.nth($query, $i + 1) + \") \";\n @if ($i + 1) != $loop-to {\n $media-query: $media-query + \"and \";\n }\n $i: $i+2;\n }\n @media #{$media-query} {\n @content;\n }\n }\n}\n","html {\n display: block;\n height: 100%;\n font-size: var(--eui-f-size-base);\n line-height: var(--eui-base-line-height);\n}\n\nbody {\n background-color: var(--eui-c-surface-page);\n color: var(--eui-c-text);\n font-family: var(--eui-f-family);\n font-feature-settings: 'liga';\n font-size: var(--eui-f-size-base);\n -moz-font-smoothing: antialiased;\n -webkit-font-smoothing: antialiased;\n font-style: normal;\n font-weight: normal;\n height: 100%;\n line-height: var(--eui-base-line-height);\n margin: 0;\n text-align: start;\n text-rendering: optimizeLegibility;\n}\n","@use '../../02-tokens/maps' as tokens;\n\n.eui-icon-svg {\n fill: currentColor;\n margin: 0;\n transform: scaleX(1) scaleY(1) rotateZ(0deg);\n transition: transform 300ms ease-in-out;\n display: inline-flex;\n align-items: center;\n}\n\n@each $icon-size, $value in tokens.$icon-size-map {\n .eui-icon-svg {\n &.eui-icon-svg--size {\n &-#{$icon-size} {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n\n // Custom icons\n > image {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n\n &.eui-icon-svg--stack {\n svg {\n height: var(--eui-is-#{$icon-size});\n width: var(--eui-is-#{$icon-size});\n }\n }\n }\n }\n }\n}\n\n\n\n\n// COMPOSITION: ICON + BADGE\n.eui-icon-svg {\n .eui-badge,\n .eui-badge--size-m {\n position: absolute;\n left: 40%;\n top: -40%;\n }\n\n .eui-badge--empty {\n left: 70%;\n top: -5%\n }\n}\n\n.eui-icon-svg--size-l {\n .eui-badge--size-s {\n left: 70%;\n }\n}\n\n// COMPOSITION: BUTTON + BADGE\n.eui-button {\n .eui-badge {\n height: inherit;\n }\n}\n"]}
|
package/dist/eui-extra-vars.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
:root{--eui-bc-branding-120-rgb:0,0,46;--eui-bc-branding-120-rgb-contrast:255,255,255;--eui-bc-branding-110-rgb:0,0,46;--eui-bc-branding-110-rgb-contrast:255,255,255;--eui-bc-branding-100-rgb:0,0,46;--eui-bc-branding-100-rgb-contrast:255,255,255;--eui-bc-branding-80-rgb:28,28,69;--eui-bc-branding-80-rgb-contrast:255,255,255;--eui-bc-branding-60-rgb:53,53,89;--eui-bc-branding-60-rgb-contrast:255,255,255;--eui-bc-branding-40-rgb:80,80,112;--eui-bc-branding-40-rgb-contrast:255,255,255;--eui-bc-branding-20-rgb:105,105,132;--eui-bc-branding-20-rgb-contrast:255,255,255;--eui-bc-branding-10-rgb:132,132,155;--eui-bc-branding-10-rgb-contrast:0,0,0;--eui-bc-branding-5-rgb:160,160,177;--eui-bc-branding-5-rgb-contrast:0,0,0;--eui-bc-branding-2-rgb:185,185,197;--eui-bc-branding-2-rgb-contrast:0,0,0;--eui-bc-branding-0-rgb:212,212,220;--eui-bc-branding-0-rgb-contrast:0,0,0;--eui-bc-primary-160-rgb:0,25,89;--eui-bc-primary-160-rgb-contrast:255,255,255;--eui-bc-primary-140-rgb:0,31,115;--eui-bc-primary-140-rgb-contrast:255,255,255;--eui-bc-primary-120-rgb:0,42,153;--eui-bc-primary-120-rgb-contrast:255,255,255;--eui-bc-primary-110-rgb:0,53,191;--eui-bc-primary-110-rgb-contrast:255,255,255;--eui-bc-primary-100-rgb:0,70,255;--eui-bc-primary-100-rgb-contrast:255,255,255;--eui-bc-primary-80-rgb:89,135,255;--eui-bc-primary-80-rgb-contrast:0,0,0;--eui-bc-primary-60-rgb:140,172,255;--eui-bc-primary-60-rgb-contrast:0,0,0;--eui-bc-primary-40-rgb:176,198,255;--eui-bc-primary-40-rgb-contrast:0,0,0;--eui-bc-primary-20-rgb:217,227,255;--eui-bc-primary-20-rgb-contrast:0,0,0;--eui-bc-primary-10-rgb:230,237,255;--eui-bc-primary-10-rgb-contrast:0,0,0;--eui-bc-primary-5-rgb:238,242,255;--eui-bc-primary-5-rgb-contrast:0,0,0;--eui-bc-primary-0-rgb:242,246,255;--eui-bc-primary-0-rgb-contrast:0,0,0;--eui-bc-neutral-160-rgb:19,19,19;--eui-bc-neutral-160-rgb-contrast:255,255,255;--eui-bc-neutral-140-rgb:29,29,29;--eui-bc-neutral-140-rgb-contrast:255,255,255;--eui-bc-neutral-120-rgb:38,38,38;--eui-bc-neutral-120-rgb-contrast:255,255,255;--eui-bc-neutral-110-rgb:43,43,43;--eui-bc-neutral-110-rgb-contrast:255,255,255;--eui-bc-neutral-100-rgb:48,48,48;--eui-bc-neutral-100-rgb-contrast:255,255,255;--eui-bc-neutral-80-rgb:89,89,89;--eui-bc-neutral-80-rgb-contrast:255,255,255;--eui-bc-neutral-60-rgb:131,131,131;--eui-bc-neutral-60-rgb-contrast:0,0,0;--eui-bc-neutral-40-rgb:172,172,172;--eui-bc-neutral-40-rgb-contrast:0,0,0;--eui-bc-neutral-20-rgb:214,214,214;--eui-bc-neutral-20-rgb-contrast:0,0,0;--eui-bc-neutral-10-rgb:234,234,234;--eui-bc-neutral-10-rgb-contrast:0,0,0;--eui-bc-neutral-5-rgb:245,245,245;--eui-bc-neutral-5-rgb-contrast:0,0,0;--eui-bc-neutral-2-rgb:252,252,252;--eui-bc-neutral-2-rgb-contrast:0,0,0;--eui-bc-neutral-0-rgb:255,255,255;--eui-bc-neutral-0-rgb-contrast:0,0,0;--eui-bc-accent-160-rgb:67,33,5;--eui-bc-accent-160-rgb-contrast:255,255,255;--eui-bc-accent-140-rgb:115,65,16;--eui-bc-accent-140-rgb-contrast:255,255,255;--eui-bc-accent-120-rgb:164,103,4;--eui-bc-accent-120-rgb-contrast:255,255,255;--eui-bc-accent-110-rgb:206,145,0;--eui-bc-accent-110-rgb-contrast:0,0,0;--eui-bc-accent-100-rgb:239,188,3;--eui-bc-accent-100-rgb-contrast:0,0,0;--eui-bc-accent-80-rgb:255,214,23;--eui-bc-accent-80-rgb-contrast:0,0,0;--eui-bc-accent-60-rgb:255,232,67;--eui-bc-accent-60-rgb-contrast:0,0,0;--eui-bc-accent-40-rgb:255,245,135;--eui-bc-accent-40-rgb-contrast:0,0,0;--eui-bc-accent-20-rgb:255,251,194;--eui-bc-accent-20-rgb-contrast:0,0,0;--eui-bc-accent-10-rgb:254,253,232;--eui-bc-accent-10-rgb-contrast:0,0,0;--eui-bc-accent-5-rgb:255,252,247;--eui-bc-accent-5-rgb-contrast:0,0,0;--eui-bc-accent-0-rgb:255,255,255;--eui-bc-accent-0-rgb-contrast:0,0,0;--eui-bc-info-160-rgb:13,61,158;--eui-bc-info-160-rgb-contrast:255,255,255;--eui-bc-info-140-rgb:28,73,164;--eui-bc-info-140-rgb-contrast:255,255,255;--eui-bc-info-120-rgb:46,88,171;--eui-bc-info-120-rgb-contrast:255,255,255;--eui-bc-info-110-rgb:59,98,176;--eui-bc-info-110-rgb-contrast:255,255,255;--eui-bc-info-100-rgb:74,110,183;--eui-bc-info-100-rgb-contrast:255,255,255;--eui-bc-info-80-rgb:102,133,194;--eui-bc-info-80-rgb-contrast:0,0,0;--eui-bc-info-60-rgb:133,157,206;--eui-bc-info-60-rgb-contrast:0,0,0;--eui-bc-info-40-rgb:163,182,218;--eui-bc-info-40-rgb-contrast:0,0,0;--eui-bc-info-20-rgb:191,204,230;--eui-bc-info-20-rgb-contrast:0,0,0;--eui-bc-info-10-rgb:222,228,242;--eui-bc-info-10-rgb-contrast:0,0,0;--eui-bc-info-5-rgb:235,239,247;--eui-bc-info-5-rgb-contrast:0,0,0;--eui-bc-info-0-rgb:245,247,251;--eui-bc-info-0-rgb-contrast:0,0,0;--eui-bc-success-160-rgb:2,71,44;--eui-bc-success-160-rgb-contrast:255,255,255;--eui-bc-success-140-rgb:2,71,44;--eui-bc-success-140-rgb-contrast:255,255,255;--eui-bc-success-120-rgb:2,95,59;--eui-bc-success-120-rgb-contrast:255,255,255;--eui-bc-success-110-rgb:3,126,78;--eui-bc-success-110-rgb-contrast:255,255,255;--eui-bc-success-100-rgb:4,158,98;--eui-bc-success-100-rgb-contrast:0,0,0;--eui-bc-success-80-rgb:5,178,111;--eui-bc-success-80-rgb-contrast:0,0,0;--eui-bc-success-60-rgb:5,198,123;--eui-bc-success-60-rgb-contrast:0,0,0;--eui-bc-success-40-rgb:93,218,169;--eui-bc-success-40-rgb-contrast:0,0,0;--eui-bc-success-20-rgb:143,229,196;--eui-bc-success-20-rgb-contrast:0,0,0;--eui-bc-success-10-rgb:178,237,214;--eui-bc-success-10-rgb-contrast:0,0,0;--eui-bc-success-5-rgb:218,246,235;--eui-bc-success-5-rgb-contrast:0,0,0;--eui-bc-success-0-rgb:227,249,240;--eui-bc-success-0-rgb-contrast:0,0,0;--eui-bc-warning-160-rgb:104,57,13;--eui-bc-warning-160-rgb-contrast:255,255,255;--eui-bc-warning-140-rgb:139,76,17;--eui-bc-warning-140-rgb-contrast:255,255,255;--eui-bc-warning-120-rgb:186,101,23;--eui-bc-warning-120-rgb-contrast:0,0,0;--eui-bc-warning-110-rgb:232,126,29;--eui-bc-warning-110-rgb-contrast:0,0,0;--eui-bc-warning-100-rgb:255,138,32;--eui-bc-warning-100-rgb-contrast:0,0,0;--eui-bc-warning-80-rgb:255,161,77;--eui-bc-warning-80-rgb-contrast:0,0,0;--eui-bc-warning-60-rgb:255,177,106;--eui-bc-warning-60-rgb-contrast:0,0,0;--eui-bc-warning-40-rgb:255,201,152;--eui-bc-warning-40-rgb-contrast:0,0,0;--eui-bc-warning-20-rgb:255,219,186;--eui-bc-warning-20-rgb-contrast:0,0,0;--eui-bc-warning-10-rgb:255,237,220;--eui-bc-warning-10-rgb-contrast:0,0,0;--eui-bc-warning-5-rgb:255,243,232;--eui-bc-warning-5-rgb-contrast:0,0,0;--eui-bc-warning-0-rgb:255,250,245;--eui-bc-warning-0-rgb-contrast:0,0,0;--eui-bc-danger-160-rgb:31,5,6;--eui-bc-danger-160-rgb-contrast:255,255,255;--eui-bc-danger-140-rgb:90,14,18;--eui-bc-danger-140-rgb-contrast:255,255,255;--eui-bc-danger-120-rgb:123,19,25;--eui-bc-danger-120-rgb-contrast:255,255,255;--eui-bc-danger-110-rgb:158,25,32;--eui-bc-danger-110-rgb-contrast:255,255,255;--eui-bc-danger-100-rgb:203,32,41;--eui-bc-danger-100-rgb-contrast:255,255,255;--eui-bc-danger-80-rgb:223,35,45;--eui-bc-danger-80-rgb-contrast:255,255,255;--eui-bc-danger-60-rgb:229,79,87;--eui-bc-danger-60-rgb-contrast:0,0,0;--eui-bc-danger-40-rgb:234,108,114;--eui-bc-danger-40-rgb-contrast:0,0,0;--eui-bc-danger-20-rgb:240,154,158;--eui-bc-danger-20-rgb-contrast:0,0,0;--eui-bc-danger-10-rgb:245,187,190;--eui-bc-danger-10-rgb-contrast:0,0,0;--eui-bc-danger-5-rgb:252,233,234;--eui-bc-danger-5-rgb-contrast:0,0,0;--eui-bc-danger-0-rgb:253,239,239;--eui-bc-danger-0-rgb-contrast:0,0,0;--eui-bc-cta-160-rgb:197,81,9;--eui-bc-cta-160-rgb-contrast:255,255,255;--eui-bc-cta-140-rgb:237,108,9;--eui-bc-cta-140-rgb-contrast:0,0,0;--eui-bc-cta-120-rgb:252,135,19;--eui-bc-cta-120-rgb-contrast:0,0,0;--eui-bc-cta-110-rgb:254,164,57;--eui-bc-cta-110-rgb-contrast:0,0,0;--eui-bc-cta-100-rgb:255,190,92;--eui-bc-cta-100-rgb-contrast:0,0,0;--eui-bc-cta-80-rgb:255,203,125;--eui-bc-cta-80-rgb-contrast:0,0,0;--eui-bc-cta-60-rgb:255,211,146;--eui-bc-cta-60-rgb-contrast:0,0,0;--eui-bc-cta-40-rgb:255,225,180;--eui-bc-cta-40-rgb-contrast:0,0,0;--eui-bc-cta-20-rgb:255,235,204;--eui-bc-cta-20-rgb-contrast:0,0,0;--eui-bc-cta-10-rgb:255,245,229;--eui-bc-cta-10-rgb-contrast:0,0,0;--eui-bc-cta-5-rgb:255,252,247;--eui-bc-cta-5-rgb-contrast:0,0,0;--eui-bc-cta-0-rgb:255,252,247;--eui-bc-cta-0-rgb-contrast:0,0,0;--eui-c-white-rgb:var(--eui-bc-neutral-0-rgb);--eui-c-neutral-min-rgb:var(--eui-bc-neutral-0-rgb);--eui-c-black-rgb:var(--eui-bc-neutral-160-rgb);--eui-c-neutral-max-rgb:var(--eui-bc-neutral-160-rgb);--eui-c-branding-rgb:var(--eui-bc-branding-100-rgb);--eui-c-branding-rgb-contrast:var(--eui-bc-branding-100-rgb-contrast);--eui-c-branding-dark-rgb:var(--eui-bc-branding-120-rgb);--eui-c-branding-dark-rgb-contrast:var(--eui-bc-branding-120-rgb-contrast);--eui-c-branding-light-rgb:var(--eui-bc-branding-80-rgb);--eui-c-branding-light-rgb-contrast:var(--eui-bc-branding-80-rgb-contrast);--eui-c-branding-lighter-rgb:var(--eui-bc-branding-40-rgb);--eui-c-branding-lighter-rgb-contrast:var(--eui-bc-branding-40-rgb-contrast);--eui-c-branding-lightest-rgb:var(--eui-bc-branding-20-rgb);--eui-c-branding-lightest-rgb-contrast:var(--eui-bc-branding-20-rgb-contrast);--eui-c-branding-bg-rgb:var(--eui-bc-branding-10-rgb);--eui-c-branding-bg-rgb-contrast:var(--eui-bc-branding-10-rgb-contrast);--eui-c-branding-bg-light-rgb:var(--eui-bc-branding-5-rgb);--eui-c-branding-bg-light-rgb-contrast:var(--eui-bc-branding-5-rgb-contrast);--eui-c-branding-bg-lighter-rgb:var(--eui-bc-branding-2-rgb);--eui-c-branding-bg-lighter-rgb-contrast:var(--eui-bc-branding-2-rgb-contrast);--eui-c-neutral-rgb:var(--eui-bc-neutral-100-rgb);--eui-c-neutral-rgb-contrast:var(--eui-bc-neutral-100-rgb-contrast);--eui-c-neutral-darkest-rgb:var(--eui-bc-neutral-160-rgb);--eui-c-neutral-darkest-rgb-contrast:var(--eui-bc-neutral-160-rgb-contrast);--eui-c-neutral-darker-rgb:var(--eui-bc-neutral-140-rgb);--eui-c-neutral-darker-rgb-contrast:var(--eui-bc-neutral-140-rgb-contrast);--eui-c-neutral-dark-rgb:var(--eui-bc-neutral-110-rgb);--eui-c-neutral-dark-rgb-contrast:var(--eui-bc-neutral-110-rgb-contrast);--eui-c-neutral-light-rgb:var(--eui-bc-neutral-80-rgb);--eui-c-neutral-light-rgb-contrast:var(--eui-bc-neutral-80-rgb-contrast);--eui-c-neutral-lighter-rgb:var(--eui-bc-neutral-40-rgb);--eui-c-neutral-lighter-rgb-contrast:var(--eui-bc-neutral-40-rgb-contrast);--eui-c-neutral-lightest-rgb:var(--eui-bc-neutral-20-rgb);--eui-c-neutral-lightest-rgb-contrast:var(--eui-bc-neutral-20-rgb-contrast);--eui-c-neutral-bg-rgb:var(--eui-bc-neutral-10-rgb);--eui-c-neutral-bg-rgb-contrast:var(--eui-bc-neutral-10-rgb-contrast);--eui-c-neutral-bg-light-rgb:var(--eui-bc-neutral-5-rgb);--eui-c-neutral-bg-light-rgb-contrast:var(--eui-bc-neutral-5-rgb-contrast);--eui-c-neutral-bg-lighter-rgb:var(--eui-bc-neutral-3-rgb);--eui-c-neutral-bg-lighter-rgb-contrast:var(--eui-bc-neutral-3-rgb-contrast);--eui-c-cta-rgb:var(--eui-bc-cta-100-rgb);--eui-c-cta-rgb-contrast:var(--eui-bc-cta-100-rgb-contrast);--eui-c-cta-darkest-rgb:var(--eui-bc-cta-160-rgb);--eui-c-cta-darkest-rgb-contrast:var(--eui-bc-cta-160-rgb-contrast);--eui-c-cta-darker-rgb:var(--eui-bc-cta-140-rgb);--eui-c-cta-darker-rgb-contrast:var(--eui-bc-cta-140-rgb-contrast);--eui-c-cta-dark-rgb:var(--eui-bc-cta-110-rgb);--eui-c-cta-dark-rgb-contrast:var(--eui-bc-cta-110-rgb-contrast);--eui-c-cta-light-rgb:var(--eui-bc-cta-80-rgb);--eui-c-cta-light-rgb-contrast:var(--eui-bc-cta-80-rgb-contrast);--eui-c-cta-lighter-rgb:var(--eui-bc-cta-40-rgb);--eui-c-cta-lighter-rgb-contrast:var(--eui-bc-cta-40-rgb-contrast);--eui-c-cta-lightest-rgb:var(--eui-bc-cta-20-rgb);--eui-c-cta-lightest-rgb-contrast:var(--eui-bc-cta-20-rgb-contrast);--eui-c-cta-bg-rgb:var(--eui-bc-cta-10-rgb);--eui-c-cta-bg-rgb-contrast:var(--eui-bc-cta-10-rgb-contrast);--eui-c-cta-bg-light-rgb:var(--eui-bc-cta-5-rgb);--eui-c-cta-bg-light-rgb-contrast:var(--eui-bc-cta-5-rgb-contrast);--eui-c-primary-rgb:var(--eui-bc-primary-100-rgb);--eui-c-primary-rgb-contrast:var(--eui-bc-primary-100-rgb-contrast);--eui-c-primary-darkest-rgb:var(--eui-bc-primary-160-rgb);--eui-c-primary-darkest-rgb-contrast:var(--eui-bc-primary-160-rgb-contrast);--eui-c-primary-darker-rgb:var(--eui-bc-primary-140-rgb);--eui-c-primary-darker-rgb-contrast:var(--eui-bc-primary-140-rgb-contrast);--eui-c-primary-dark-rgb:var(--eui-bc-primary-110-rgb);--eui-c-primary-dark-rgb-contrast:var(--eui-bc-primary-110-rgb-contrast);--eui-c-primary-light-rgb:var(--eui-bc-primary-80-rgb);--eui-c-primary-light-rgb-contrast:var(--eui-bc-primary-80-rgb-contrast);--eui-c-primary-lighter-rgb:var(--eui-bc-primary-40-rgb);--eui-c-primary-lighter-rgb-contrast:var(--eui-bc-primary-40-rgb-contrast);--eui-c-primary-lightest-rgb:var(--eui-bc-primary-20-rgb);--eui-c-primary-lightest-rgb-contrast:var(--eui-bc-primary-20-rgb-contrast);--eui-c-primary-bg-rgb:var(--eui-bc-primary-10-rgb);--eui-c-primary-bg-rgb-contrast:var(--eui-bc-primary-10-rgb-contrast);--eui-c-primary-bg-light-rgb:var(--eui-bc-primary-5-rgb);--eui-c-primary-bg-light-rgb-contrast:var(--eui-bc-primary-5-rgb-contrast);--eui-c-info-rgb:var(--eui-bc-info-100-rgb);--eui-c-info-rgb-contrast:var(--eui-bc-info-100-rgb-contrast);--eui-c-info-darkest-rgb:var(--eui-bc-info-160-rgb);--eui-c-info-darkest-rgb-contrast:var(--eui-bc-info-160-rgb-contrast);--eui-c-info-darker-rgb:var(--eui-bc-info-140-rgb);--eui-c-info-darker-rgb-contrast:var(--eui-bc-info-140-rgb-contrast);--eui-c-info-dark-rgb:var(--eui-bc-info-110-rgb);--eui-c-info-dark-rgb-contrast:var(--eui-bc-info-110-rgb-contrast);--eui-c-info-light-rgb:var(--eui-bc-info-80-rgb);--eui-c-info-light-rgb-contrast:var(--eui-bc-info-80-rgb-contrast);--eui-c-info-lighter-rgb:var(--eui-bc-info-40-rgb);--eui-c-info-lighter-rgb-contrast:var(--eui-bc-info-40-rgb-contrast);--eui-c-info-lightest-rgb:var(--eui-bc-info-20-rgb);--eui-c-info-lightest-rgb-contrast:var(--eui-bc-info-20-rgb-contrast);--eui-c-info-bg-rgb:var(--eui-bc-info-10-rgb);--eui-c-info-bg-rgb-contrast:var(--eui-bc-info-10-rgb-contrast);--eui-c-info-bg-light-rgb:var(--eui-bc-info-5-rgb);--eui-c-info-bg-light-rgb-contrast:var(--eui-bc-info-5-rgb-contrast);--eui-c-accent-rgb:var(--eui-bc-accent-100-rgb);--eui-c-accent-rgb-contrast:var(--eui-bc-accent-100-rgb-contrast);--eui-c-accent-darkest-rgb:var(--eui-bc-accent-160-rgb);--eui-c-accent-darkest-rgb-contrast:var(--eui-bc-accent-160-rgb-contrast);--eui-c-accent-darker-rgb:var(--eui-bc-accent-140-rgb);--eui-c-accent-darker-rgb-contrast:var(--eui-bc-accent-140-rgb-contrast);--eui-c-accent-dark-rgb:var(--eui-bc-accent-110-rgb);--eui-c-accent-dark-rgb-contrast:var(--eui-bc-accent-110-rgb-contrast);--eui-c-accent-light-rgb:var(--eui-bc-accent-80-rgb);--eui-c-accent-light-rgb-contrast:var(--eui-bc-accent-80-rgb-contrast);--eui-c-accent-lighter-rgb:var(--eui-bc-accent-40-rgb);--eui-c-accent-lighter-rgb-contrast:var(--eui-bc-accent-40-rgb-contrast);--eui-c-accent-lightest-rgb:var(--eui-bc-accent-20-rgb);--eui-c-accent-lightest-rgb-contrast:var(--eui-bc-accent-20-rgb-contrast);--eui-c-accent-bg-rgb:var(--eui-bc-accent-10-rgb);--eui-c-accent-bg-rgb-contrast:var(--eui-bc-accent-10-rgb-contrast);--eui-c-accent-bg-light-rgb:var(--eui-bc-accent-5-rgb);--eui-c-accent-bg-light-rgb-contrast:var(--eui-bc-accent-5-rgb-contrast);--eui-c-success-rgb:var(--eui-bc-success-100-rgb);--eui-c-success-rgb-contrast:var(--eui-bc-success-100-rgb-contrast);--eui-c-success-darkest-rgb:var(--eui-bc-success-160-rgb);--eui-c-success-darkest-rgb-contrast:var(--eui-bc-success-160-rgb-contrast);--eui-c-success-darker-rgb:var(--eui-bc-success-140-rgb);--eui-c-success-darker-rgb-contrast:var(--eui-bc-success-140-rgb-contrast);--eui-c-success-dark-rgb:var(--eui-bc-success-110-rgb);--eui-c-success-dark-rgb-contrast:var(--eui-bc-success-110-rgb-contrast);--eui-c-success-light-rgb:var(--eui-bc-success-80-rgb);--eui-c-success-light-rgb-contrast:var(--eui-bc-success-80-rgb-contrast);--eui-c-success-lighter-rgb:var(--eui-bc-success-40-rgb);--eui-c-success-lighter-rgb-contrast:var(--eui-bc-success-40-rgb-contrast);--eui-c-success-lightest-rgb:var(--eui-bc-success-20-rgb);--eui-c-success-lightest-rgb-contrast:var(--eui-bc-success-20-rgb-contrast);--eui-c-success-bg-rgb:var(--eui-bc-success-10-rgb);--eui-c-success-bg-rgb-contrast:var(--eui-bc-success-10-rgb-contrast);--eui-c-success-bg-light-rgb:var(--eui-bc-success-5-rgb);--eui-c-success-bg-light-rgb-contrast:var(--eui-bc-success-5-rgb-contrast);--eui-c-warning-rgb:var(--eui-bc-warning-100-rgb);--eui-c-warning-rgb-contrast:var(--eui-bc-warning-100-rgb-contrast);--eui-c-warning-darkest-rgb:var(--eui-bc-warning-160-rgb);--eui-c-warning-darkest-rgb-contrast:var(--eui-bc-warning-160-rgb-contrast);--eui-c-warning-darker-rgb:var(--eui-bc-warning-140-rgb);--eui-c-warning-darker-rgb-contrast:var(--eui-bc-warning-140-rgb-contrast);--eui-c-warning-dark-rgb:var(--eui-bc-warning-110-rgb);--eui-c-warning-dark-rgb-contrast:var(--eui-bc-warning-110-rgb-contrast);--eui-c-warning-light-rgb:var(--eui-bc-warning-80-rgb);--eui-c-warning-light-rgb-contrast:var(--eui-bc-warning-80-rgb-contrast);--eui-c-warning-lighter-rgb:var(--eui-bc-warning-40-rgb);--eui-c-warning-lighter-rgb-contrast:var(--eui-bc-warning-40-rgb-contrast);--eui-c-warning-lightest-rgb:var(--eui-bc-warning-20-rgb);--eui-c-warning-lightest-rgb-contrast:var(--eui-bc-warning-20-rgb-contrast);--eui-c-warning-bg-rgb:var(--eui-bc-warning-10-rgb);--eui-c-warning-bg-rgb-contrast:var(--eui-bc-warning-10-rgb-contrast);--eui-c-warning-bg-light-rgb:var(--eui-bc-warning-5-rgb);--eui-c-warning-bg-light-rgb-contrast:var(--eui-bc-warning-5-rgb-contrast);--eui-c-danger-rgb:var(--eui-bc-danger-100-rgb);--eui-c-danger-rgb-contrast:var(--eui-bc-danger-100-rgb-contrast);--eui-c-danger-darkest-rgb:var(--eui-bc-danger-160-rgb);--eui-c-danger-darkest-rgb-contrast:var(--eui-bc-danger-160-rgb-contrast);--eui-c-danger-darker-rgb:var(--eui-bc-danger-140-rgb);--eui-c-danger-darker-rgb-contrast:var(--eui-bc-danger-140-rgb-contrast);--eui-c-danger-dark-rgb:var(--eui-bc-danger-110-rgb);--eui-c-danger-dark-rgb-contrast:var(--eui-bc-danger-110-rgb-contrast);--eui-c-danger-light-rgb:var(--eui-bc-danger-80-rgb);--eui-c-danger-light-rgb-contrast:var(--eui-bc-danger-80-rgb-contrast);--eui-c-danger-lighter-rgb:var(--eui-bc-danger-40-rgb);--eui-c-danger-lighter-rgb-contrast:var(--eui-bc-danger-40-rgb-contrast);--eui-c-danger-lightest-rgb:var(--eui-bc-danger-20-rgb);--eui-c-danger-lightest-rgb-contrast:var(--eui-bc-danger-20-rgb-contrast);--eui-c-danger-bg-rgb:var(--eui-bc-danger-10-rgb);--eui-c-danger-bg-rgb-contrast:var(--eui-bc-danger-10-rgb-contrast);--eui-c-danger-bg-light-rgb:var(--eui-bc-danger-5-rgb);--eui-c-danger-bg-light-rgb-contrast:var(--eui-bc-danger-5-rgb-contrast)}
|
|
1
|
+
:root{--eui-bc-branding-120-rgb:0,0,46;--eui-bc-branding-120-rgb-contrast:255,255,255;--eui-bc-branding-110-rgb:0,0,46;--eui-bc-branding-110-rgb-contrast:255,255,255;--eui-bc-branding-100-rgb:0,0,46;--eui-bc-branding-100-rgb-contrast:255,255,255;--eui-bc-branding-80-rgb:28,28,69;--eui-bc-branding-80-rgb-contrast:255,255,255;--eui-bc-branding-60-rgb:53,53,89;--eui-bc-branding-60-rgb-contrast:255,255,255;--eui-bc-branding-40-rgb:80,80,112;--eui-bc-branding-40-rgb-contrast:255,255,255;--eui-bc-branding-20-rgb:105,105,132;--eui-bc-branding-20-rgb-contrast:255,255,255;--eui-bc-branding-10-rgb:132,132,155;--eui-bc-branding-10-rgb-contrast:0,0,0;--eui-bc-branding-5-rgb:160,160,177;--eui-bc-branding-5-rgb-contrast:0,0,0;--eui-bc-branding-2-rgb:185,185,197;--eui-bc-branding-2-rgb-contrast:0,0,0;--eui-bc-branding-0-rgb:212,212,220;--eui-bc-branding-0-rgb-contrast:0,0,0;--eui-bc-primary-160-rgb:0,25,89;--eui-bc-primary-160-rgb-contrast:255,255,255;--eui-bc-primary-140-rgb:0,31,115;--eui-bc-primary-140-rgb-contrast:255,255,255;--eui-bc-primary-120-rgb:0,42,153;--eui-bc-primary-120-rgb-contrast:255,255,255;--eui-bc-primary-110-rgb:0,53,191;--eui-bc-primary-110-rgb-contrast:255,255,255;--eui-bc-primary-100-rgb:0,70,255;--eui-bc-primary-100-rgb-contrast:255,255,255;--eui-bc-primary-80-rgb:89,135,255;--eui-bc-primary-80-rgb-contrast:0,0,0;--eui-bc-primary-60-rgb:140,172,255;--eui-bc-primary-60-rgb-contrast:0,0,0;--eui-bc-primary-40-rgb:176,198,255;--eui-bc-primary-40-rgb-contrast:0,0,0;--eui-bc-primary-20-rgb:217,227,255;--eui-bc-primary-20-rgb-contrast:0,0,0;--eui-bc-primary-10-rgb:230,237,255;--eui-bc-primary-10-rgb-contrast:0,0,0;--eui-bc-primary-5-rgb:238,242,255;--eui-bc-primary-5-rgb-contrast:0,0,0;--eui-bc-primary-0-rgb:242,246,255;--eui-bc-primary-0-rgb-contrast:0,0,0;--eui-bc-neutral-160-rgb:0,0,46;--eui-bc-neutral-160-rgb-contrast:255,255,255;--eui-bc-neutral-140-rgb:28,28,69;--eui-bc-neutral-140-rgb-contrast:255,255,255;--eui-bc-neutral-120-rgb:53,53,89;--eui-bc-neutral-120-rgb-contrast:255,255,255;--eui-bc-neutral-110-rgb:80,80,112;--eui-bc-neutral-110-rgb-contrast:255,255,255;--eui-bc-neutral-100-rgb:105,105,132;--eui-bc-neutral-100-rgb-contrast:255,255,255;--eui-bc-neutral-80-rgb:132,132,155;--eui-bc-neutral-80-rgb-contrast:0,0,0;--eui-bc-neutral-60-rgb:160,160,177;--eui-bc-neutral-60-rgb-contrast:0,0,0;--eui-bc-neutral-40-rgb:185,185,197;--eui-bc-neutral-40-rgb-contrast:0,0,0;--eui-bc-neutral-20-rgb:212,212,220;--eui-bc-neutral-20-rgb-contrast:0,0,0;--eui-bc-neutral-10-rgb:225,225,231;--eui-bc-neutral-10-rgb-contrast:0,0,0;--eui-bc-neutral-5-rgb:237,237,240;--eui-bc-neutral-5-rgb-contrast:0,0,0;--eui-bc-neutral-2-rgb:246,246,248;--eui-bc-neutral-2-rgb-contrast:0,0,0;--eui-bc-neutral-0-rgb:250,250,251;--eui-bc-neutral-0-rgb-contrast:0,0,0;--eui-bc-info-160-rgb:13,61,158;--eui-bc-info-160-rgb-contrast:255,255,255;--eui-bc-info-140-rgb:28,73,164;--eui-bc-info-140-rgb-contrast:255,255,255;--eui-bc-info-120-rgb:46,88,171;--eui-bc-info-120-rgb-contrast:255,255,255;--eui-bc-info-110-rgb:59,98,176;--eui-bc-info-110-rgb-contrast:255,255,255;--eui-bc-info-100-rgb:74,110,183;--eui-bc-info-100-rgb-contrast:255,255,255;--eui-bc-info-80-rgb:102,133,194;--eui-bc-info-80-rgb-contrast:0,0,0;--eui-bc-info-60-rgb:133,157,206;--eui-bc-info-60-rgb-contrast:0,0,0;--eui-bc-info-40-rgb:163,182,218;--eui-bc-info-40-rgb-contrast:0,0,0;--eui-bc-info-20-rgb:191,204,230;--eui-bc-info-20-rgb-contrast:0,0,0;--eui-bc-info-10-rgb:222,228,242;--eui-bc-info-10-rgb-contrast:0,0,0;--eui-bc-info-5-rgb:235,239,247;--eui-bc-info-5-rgb-contrast:0,0,0;--eui-bc-info-0-rgb:245,247,251;--eui-bc-info-0-rgb-contrast:0,0,0;--eui-bc-success-160-rgb:2,71,44;--eui-bc-success-160-rgb-contrast:255,255,255;--eui-bc-success-140-rgb:2,71,44;--eui-bc-success-140-rgb-contrast:255,255,255;--eui-bc-success-120-rgb:2,95,59;--eui-bc-success-120-rgb-contrast:255,255,255;--eui-bc-success-110-rgb:3,126,78;--eui-bc-success-110-rgb-contrast:255,255,255;--eui-bc-success-100-rgb:4,158,98;--eui-bc-success-100-rgb-contrast:0,0,0;--eui-bc-success-80-rgb:5,178,111;--eui-bc-success-80-rgb-contrast:0,0,0;--eui-bc-success-60-rgb:5,198,123;--eui-bc-success-60-rgb-contrast:0,0,0;--eui-bc-success-40-rgb:93,218,169;--eui-bc-success-40-rgb-contrast:0,0,0;--eui-bc-success-20-rgb:143,229,196;--eui-bc-success-20-rgb-contrast:0,0,0;--eui-bc-success-10-rgb:178,237,214;--eui-bc-success-10-rgb-contrast:0,0,0;--eui-bc-success-5-rgb:218,246,235;--eui-bc-success-5-rgb-contrast:0,0,0;--eui-bc-success-0-rgb:227,249,240;--eui-bc-success-0-rgb-contrast:0,0,0;--eui-bc-warning-160-rgb:104,57,13;--eui-bc-warning-160-rgb-contrast:255,255,255;--eui-bc-warning-140-rgb:139,76,17;--eui-bc-warning-140-rgb-contrast:255,255,255;--eui-bc-warning-120-rgb:186,101,23;--eui-bc-warning-120-rgb-contrast:0,0,0;--eui-bc-warning-110-rgb:232,126,29;--eui-bc-warning-110-rgb-contrast:0,0,0;--eui-bc-warning-100-rgb:255,138,32;--eui-bc-warning-100-rgb-contrast:0,0,0;--eui-bc-warning-80-rgb:255,161,77;--eui-bc-warning-80-rgb-contrast:0,0,0;--eui-bc-warning-60-rgb:255,177,106;--eui-bc-warning-60-rgb-contrast:0,0,0;--eui-bc-warning-40-rgb:255,201,152;--eui-bc-warning-40-rgb-contrast:0,0,0;--eui-bc-warning-20-rgb:255,219,186;--eui-bc-warning-20-rgb-contrast:0,0,0;--eui-bc-warning-10-rgb:255,237,220;--eui-bc-warning-10-rgb-contrast:0,0,0;--eui-bc-warning-5-rgb:255,243,232;--eui-bc-warning-5-rgb-contrast:0,0,0;--eui-bc-warning-0-rgb:255,250,245;--eui-bc-warning-0-rgb-contrast:0,0,0;--eui-bc-danger-160-rgb:31,5,6;--eui-bc-danger-160-rgb-contrast:255,255,255;--eui-bc-danger-140-rgb:90,14,18;--eui-bc-danger-140-rgb-contrast:255,255,255;--eui-bc-danger-120-rgb:123,19,25;--eui-bc-danger-120-rgb-contrast:255,255,255;--eui-bc-danger-110-rgb:158,25,32;--eui-bc-danger-110-rgb-contrast:255,255,255;--eui-bc-danger-100-rgb:203,32,41;--eui-bc-danger-100-rgb-contrast:255,255,255;--eui-bc-danger-80-rgb:223,35,45;--eui-bc-danger-80-rgb-contrast:255,255,255;--eui-bc-danger-60-rgb:229,79,87;--eui-bc-danger-60-rgb-contrast:0,0,0;--eui-bc-danger-40-rgb:234,108,114;--eui-bc-danger-40-rgb-contrast:0,0,0;--eui-bc-danger-20-rgb:240,154,158;--eui-bc-danger-20-rgb-contrast:0,0,0;--eui-bc-danger-10-rgb:245,187,190;--eui-bc-danger-10-rgb-contrast:0,0,0;--eui-bc-danger-5-rgb:252,233,234;--eui-bc-danger-5-rgb-contrast:0,0,0;--eui-bc-danger-0-rgb:253,239,239;--eui-bc-danger-0-rgb-contrast:0,0,0;--eui-bc-cta-160-rgb:197,81,9;--eui-bc-cta-160-rgb-contrast:255,255,255;--eui-bc-cta-140-rgb:237,108,9;--eui-bc-cta-140-rgb-contrast:0,0,0;--eui-bc-cta-120-rgb:252,135,19;--eui-bc-cta-120-rgb-contrast:0,0,0;--eui-bc-cta-110-rgb:254,164,57;--eui-bc-cta-110-rgb-contrast:0,0,0;--eui-bc-cta-100-rgb:255,190,92;--eui-bc-cta-100-rgb-contrast:0,0,0;--eui-bc-cta-80-rgb:255,203,125;--eui-bc-cta-80-rgb-contrast:0,0,0;--eui-bc-cta-60-rgb:255,211,146;--eui-bc-cta-60-rgb-contrast:0,0,0;--eui-bc-cta-40-rgb:255,225,180;--eui-bc-cta-40-rgb-contrast:0,0,0;--eui-bc-cta-20-rgb:255,235,204;--eui-bc-cta-20-rgb-contrast:0,0,0;--eui-bc-cta-10-rgb:255,245,229;--eui-bc-cta-10-rgb-contrast:0,0,0;--eui-bc-cta-5-rgb:255,252,247;--eui-bc-cta-5-rgb-contrast:0,0,0;--eui-bc-cta-0-rgb:255,252,247;--eui-bc-cta-0-rgb-contrast:0,0,0;--eui-c-white-rgb:var(--eui-bc-neutral-0-rgb);--eui-c-neutral-min-rgb:var(--eui-bc-neutral-0-rgb);--eui-c-black-rgb:var(--eui-bc-neutral-160-rgb);--eui-c-neutral-max-rgb:var(--eui-bc-neutral-160-rgb);--eui-c-branding-rgb:var(--eui-bc-branding-100-rgb);--eui-c-branding-rgb-contrast:var(--eui-bc-branding-100-rgb-contrast);--eui-c-branding-dark-rgb:var(--eui-bc-branding-120-rgb);--eui-c-branding-dark-rgb-contrast:var(--eui-bc-branding-120-rgb-contrast);--eui-c-branding-light-rgb:var(--eui-bc-branding-80-rgb);--eui-c-branding-light-rgb-contrast:var(--eui-bc-branding-80-rgb-contrast);--eui-c-branding-lighter-rgb:var(--eui-bc-branding-40-rgb);--eui-c-branding-lighter-rgb-contrast:var(--eui-bc-branding-40-rgb-contrast);--eui-c-branding-lightest-rgb:var(--eui-bc-branding-20-rgb);--eui-c-branding-lightest-rgb-contrast:var(--eui-bc-branding-20-rgb-contrast);--eui-c-branding-bg-rgb:var(--eui-bc-branding-10-rgb);--eui-c-branding-bg-rgb-contrast:var(--eui-bc-branding-10-rgb-contrast);--eui-c-branding-bg-light-rgb:var(--eui-bc-branding-5-rgb);--eui-c-branding-bg-light-rgb-contrast:var(--eui-bc-branding-5-rgb-contrast);--eui-c-branding-bg-lighter-rgb:var(--eui-bc-branding-2-rgb);--eui-c-branding-bg-lighter-rgb-contrast:var(--eui-bc-branding-2-rgb-contrast);--eui-c-neutral-rgb:var(--eui-bc-neutral-100-rgb);--eui-c-neutral-rgb-contrast:var(--eui-bc-neutral-100-rgb-contrast);--eui-c-neutral-darkest-rgb:var(--eui-bc-neutral-160-rgb);--eui-c-neutral-darkest-rgb-contrast:var(--eui-bc-neutral-160-rgb-contrast);--eui-c-neutral-darker-rgb:var(--eui-bc-neutral-140-rgb);--eui-c-neutral-darker-rgb-contrast:var(--eui-bc-neutral-140-rgb-contrast);--eui-c-neutral-dark-rgb:var(--eui-bc-neutral-110-rgb);--eui-c-neutral-dark-rgb-contrast:var(--eui-bc-neutral-110-rgb-contrast);--eui-c-neutral-light-rgb:var(--eui-bc-neutral-80-rgb);--eui-c-neutral-light-rgb-contrast:var(--eui-bc-neutral-80-rgb-contrast);--eui-c-neutral-lighter-rgb:var(--eui-bc-neutral-40-rgb);--eui-c-neutral-lighter-rgb-contrast:var(--eui-bc-neutral-40-rgb-contrast);--eui-c-neutral-lightest-rgb:var(--eui-bc-neutral-20-rgb);--eui-c-neutral-lightest-rgb-contrast:var(--eui-bc-neutral-20-rgb-contrast);--eui-c-neutral-bg-rgb:var(--eui-bc-neutral-10-rgb);--eui-c-neutral-bg-rgb-contrast:var(--eui-bc-neutral-10-rgb-contrast);--eui-c-neutral-bg-light-rgb:var(--eui-bc-neutral-5-rgb);--eui-c-neutral-bg-light-rgb-contrast:var(--eui-bc-neutral-5-rgb-contrast);--eui-c-neutral-bg-lighter-rgb:var(--eui-bc-neutral-3-rgb);--eui-c-neutral-bg-lighter-rgb-contrast:var(--eui-bc-neutral-3-rgb-contrast);--eui-c-cta-rgb:var(--eui-bc-cta-100-rgb);--eui-c-cta-rgb-contrast:var(--eui-bc-cta-100-rgb-contrast);--eui-c-cta-darkest-rgb:var(--eui-bc-cta-160-rgb);--eui-c-cta-darkest-rgb-contrast:var(--eui-bc-cta-160-rgb-contrast);--eui-c-cta-darker-rgb:var(--eui-bc-cta-140-rgb);--eui-c-cta-darker-rgb-contrast:var(--eui-bc-cta-140-rgb-contrast);--eui-c-cta-dark-rgb:var(--eui-bc-cta-110-rgb);--eui-c-cta-dark-rgb-contrast:var(--eui-bc-cta-110-rgb-contrast);--eui-c-cta-light-rgb:var(--eui-bc-cta-80-rgb);--eui-c-cta-light-rgb-contrast:var(--eui-bc-cta-80-rgb-contrast);--eui-c-cta-lighter-rgb:var(--eui-bc-cta-40-rgb);--eui-c-cta-lighter-rgb-contrast:var(--eui-bc-cta-40-rgb-contrast);--eui-c-cta-lightest-rgb:var(--eui-bc-cta-20-rgb);--eui-c-cta-lightest-rgb-contrast:var(--eui-bc-cta-20-rgb-contrast);--eui-c-cta-bg-rgb:var(--eui-bc-cta-10-rgb);--eui-c-cta-bg-rgb-contrast:var(--eui-bc-cta-10-rgb-contrast);--eui-c-cta-bg-light-rgb:var(--eui-bc-cta-5-rgb);--eui-c-cta-bg-light-rgb-contrast:var(--eui-bc-cta-5-rgb-contrast);--eui-c-primary-rgb:var(--eui-bc-primary-100-rgb);--eui-c-primary-rgb-contrast:var(--eui-bc-primary-100-rgb-contrast);--eui-c-primary-darkest-rgb:var(--eui-bc-primary-160-rgb);--eui-c-primary-darkest-rgb-contrast:var(--eui-bc-primary-160-rgb-contrast);--eui-c-primary-darker-rgb:var(--eui-bc-primary-140-rgb);--eui-c-primary-darker-rgb-contrast:var(--eui-bc-primary-140-rgb-contrast);--eui-c-primary-dark-rgb:var(--eui-bc-primary-110-rgb);--eui-c-primary-dark-rgb-contrast:var(--eui-bc-primary-110-rgb-contrast);--eui-c-primary-light-rgb:var(--eui-bc-primary-80-rgb);--eui-c-primary-light-rgb-contrast:var(--eui-bc-primary-80-rgb-contrast);--eui-c-primary-lighter-rgb:var(--eui-bc-primary-40-rgb);--eui-c-primary-lighter-rgb-contrast:var(--eui-bc-primary-40-rgb-contrast);--eui-c-primary-lightest-rgb:var(--eui-bc-primary-20-rgb);--eui-c-primary-lightest-rgb-contrast:var(--eui-bc-primary-20-rgb-contrast);--eui-c-primary-bg-rgb:var(--eui-bc-primary-10-rgb);--eui-c-primary-bg-rgb-contrast:var(--eui-bc-primary-10-rgb-contrast);--eui-c-primary-bg-light-rgb:var(--eui-bc-primary-5-rgb);--eui-c-primary-bg-light-rgb-contrast:var(--eui-bc-primary-5-rgb-contrast);--eui-c-info-rgb:var(--eui-bc-info-100-rgb);--eui-c-info-rgb-contrast:var(--eui-bc-info-100-rgb-contrast);--eui-c-info-darkest-rgb:var(--eui-bc-info-160-rgb);--eui-c-info-darkest-rgb-contrast:var(--eui-bc-info-160-rgb-contrast);--eui-c-info-darker-rgb:var(--eui-bc-info-140-rgb);--eui-c-info-darker-rgb-contrast:var(--eui-bc-info-140-rgb-contrast);--eui-c-info-dark-rgb:var(--eui-bc-info-110-rgb);--eui-c-info-dark-rgb-contrast:var(--eui-bc-info-110-rgb-contrast);--eui-c-info-light-rgb:var(--eui-bc-info-80-rgb);--eui-c-info-light-rgb-contrast:var(--eui-bc-info-80-rgb-contrast);--eui-c-info-lighter-rgb:var(--eui-bc-info-40-rgb);--eui-c-info-lighter-rgb-contrast:var(--eui-bc-info-40-rgb-contrast);--eui-c-info-lightest-rgb:var(--eui-bc-info-20-rgb);--eui-c-info-lightest-rgb-contrast:var(--eui-bc-info-20-rgb-contrast);--eui-c-info-bg-rgb:var(--eui-bc-info-10-rgb);--eui-c-info-bg-rgb-contrast:var(--eui-bc-info-10-rgb-contrast);--eui-c-info-bg-light-rgb:var(--eui-bc-info-5-rgb);--eui-c-info-bg-light-rgb-contrast:var(--eui-bc-info-5-rgb-contrast);--eui-c-success-rgb:var(--eui-bc-success-100-rgb);--eui-c-success-rgb-contrast:var(--eui-bc-success-100-rgb-contrast);--eui-c-success-darkest-rgb:var(--eui-bc-success-160-rgb);--eui-c-success-darkest-rgb-contrast:var(--eui-bc-success-160-rgb-contrast);--eui-c-success-darker-rgb:var(--eui-bc-success-140-rgb);--eui-c-success-darker-rgb-contrast:var(--eui-bc-success-140-rgb-contrast);--eui-c-success-dark-rgb:var(--eui-bc-success-110-rgb);--eui-c-success-dark-rgb-contrast:var(--eui-bc-success-110-rgb-contrast);--eui-c-success-light-rgb:var(--eui-bc-success-80-rgb);--eui-c-success-light-rgb-contrast:var(--eui-bc-success-80-rgb-contrast);--eui-c-success-lighter-rgb:var(--eui-bc-success-40-rgb);--eui-c-success-lighter-rgb-contrast:var(--eui-bc-success-40-rgb-contrast);--eui-c-success-lightest-rgb:var(--eui-bc-success-20-rgb);--eui-c-success-lightest-rgb-contrast:var(--eui-bc-success-20-rgb-contrast);--eui-c-success-bg-rgb:var(--eui-bc-success-10-rgb);--eui-c-success-bg-rgb-contrast:var(--eui-bc-success-10-rgb-contrast);--eui-c-success-bg-light-rgb:var(--eui-bc-success-5-rgb);--eui-c-success-bg-light-rgb-contrast:var(--eui-bc-success-5-rgb-contrast);--eui-c-warning-rgb:var(--eui-bc-warning-100-rgb);--eui-c-warning-rgb-contrast:var(--eui-bc-warning-100-rgb-contrast);--eui-c-warning-darkest-rgb:var(--eui-bc-warning-160-rgb);--eui-c-warning-darkest-rgb-contrast:var(--eui-bc-warning-160-rgb-contrast);--eui-c-warning-darker-rgb:var(--eui-bc-warning-140-rgb);--eui-c-warning-darker-rgb-contrast:var(--eui-bc-warning-140-rgb-contrast);--eui-c-warning-dark-rgb:var(--eui-bc-warning-110-rgb);--eui-c-warning-dark-rgb-contrast:var(--eui-bc-warning-110-rgb-contrast);--eui-c-warning-light-rgb:var(--eui-bc-warning-80-rgb);--eui-c-warning-light-rgb-contrast:var(--eui-bc-warning-80-rgb-contrast);--eui-c-warning-lighter-rgb:var(--eui-bc-warning-40-rgb);--eui-c-warning-lighter-rgb-contrast:var(--eui-bc-warning-40-rgb-contrast);--eui-c-warning-lightest-rgb:var(--eui-bc-warning-20-rgb);--eui-c-warning-lightest-rgb-contrast:var(--eui-bc-warning-20-rgb-contrast);--eui-c-warning-bg-rgb:var(--eui-bc-warning-10-rgb);--eui-c-warning-bg-rgb-contrast:var(--eui-bc-warning-10-rgb-contrast);--eui-c-warning-bg-light-rgb:var(--eui-bc-warning-5-rgb);--eui-c-warning-bg-light-rgb-contrast:var(--eui-bc-warning-5-rgb-contrast);--eui-c-danger-rgb:var(--eui-bc-danger-100-rgb);--eui-c-danger-rgb-contrast:var(--eui-bc-danger-100-rgb-contrast);--eui-c-danger-darkest-rgb:var(--eui-bc-danger-160-rgb);--eui-c-danger-darkest-rgb-contrast:var(--eui-bc-danger-160-rgb-contrast);--eui-c-danger-darker-rgb:var(--eui-bc-danger-140-rgb);--eui-c-danger-darker-rgb-contrast:var(--eui-bc-danger-140-rgb-contrast);--eui-c-danger-dark-rgb:var(--eui-bc-danger-110-rgb);--eui-c-danger-dark-rgb-contrast:var(--eui-bc-danger-110-rgb-contrast);--eui-c-danger-light-rgb:var(--eui-bc-danger-80-rgb);--eui-c-danger-light-rgb-contrast:var(--eui-bc-danger-80-rgb-contrast);--eui-c-danger-lighter-rgb:var(--eui-bc-danger-40-rgb);--eui-c-danger-lighter-rgb-contrast:var(--eui-bc-danger-40-rgb-contrast);--eui-c-danger-lightest-rgb:var(--eui-bc-danger-20-rgb);--eui-c-danger-lightest-rgb-contrast:var(--eui-bc-danger-20-rgb-contrast);--eui-c-danger-bg-rgb:var(--eui-bc-danger-10-rgb);--eui-c-danger-bg-rgb-contrast:var(--eui-bc-danger-10-rgb-contrast);--eui-c-danger-bg-light-rgb:var(--eui-bc-danger-5-rgb);--eui-c-danger-bg-light-rgb-contrast:var(--eui-bc-danger-5-rgb-contrast)}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../base/03-vars/vars-extras.scss"],"names":[],"mappings":"AAGA;EAKY;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../base/03-vars/vars-extras.scss"],"names":[],"mappings":"AAGA;EAKY;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAMR;EACA;EACA;EACA;EAOY;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EAJA;EACA;EAEA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA;EADA;EACA","file":"eui-extra-vars.css","sourcesContent":["@use '../01-base' as base;\n@use '../02-tokens/maps' as maps;\n\n:root {\n // COLOR RGB\n\n @each $color, $shades in maps.$color-map {\n @each $shade, $value in $shades {\n --eui-bc-#{$color + '-' + $shade}-rgb: #{base.toRGB($value)};\n --eui-bc-#{$color + '-' + $shade}-rgb-contrast: #{base.toRGB(base.getContrast($value))};\n }\n }\n\n // COLOR CONTEXT RGB\n\n --eui-c-white-rgb: var(--eui-bc-neutral-0-rgb);\n --eui-c-neutral-min-rgb: var(--eui-bc-neutral-0-rgb);\n --eui-c-black-rgb: var(--eui-bc-neutral-160-rgb);\n --eui-c-neutral-max-rgb: var(--eui-bc-neutral-160-rgb);\n\n @each $color, $shades in maps.$color-context-map {\n @each $shade, $value in $shades {\n $color-value: #{$color + '-' + $value};\n\n @if $shade == base {\n --eui-c-#{$color}-rgb: var(--eui-bc-#{$color-value}-rgb);\n --eui-c-#{$color}-rgb-contrast: var(--eui-bc-#{$color-value}-rgb-contrast);\n } @else {\n --eui-c-#{$color + '-' + $shade}-rgb: var(--eui-bc-#{$color-value}-rgb);\n --eui-c-#{$color + '-' + $shade}-rgb-contrast: var(--eui-bc-#{$color-value}-rgb-contrast);\n }\n }\n } \n}\n"]}
|