@eui/core 13.0.0-beta.14 → 13.0.0-beta.18

package/docs/styles/prism.css

@@ -1,66 +1,68 @@
-/* http://prismjs.com/download.html?themes=prism-okaidia&languages=markup+css+clike+javascript+json+markdown+typescript&plugins=line-highlight+line-numbers+toolbar+copy-to-clipboard */
+/* PrismJS 1.24.0
+https://prismjs.com/download.html?#themes=prism-okaidia&languages=markup+css+clike+javascript+apacheconf+aspnet+bash+c+csharp+cpp+coffeescript+dart+docker+elm+git+go+graphql+handlebars+haskell+http+ignore+java+json+kotlin+less+markdown+markup-templating+nginx+php+powershell+ruby+rust+sass+scss+sql+swift+typescript+wasm+yaml&plugins=line-highlight+line-numbers+toolbar+copy-to-clipboard */
 /**
  * okaidia theme for JavaScript, CSS and HTML
  * Loosely based on Monokai textmate theme by http://www.monokai.nl/
  * @author ocodia
  */
 
- code[class*="language-"],
-pre[class*="language-"] {
-	color: #f8f8f2;
-	background: none;
-	text-shadow: 0 1px rgba(0, 0, 0, 0.3);
-	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
-	text-align: left;
-	white-space: pre;
-	word-spacing: normal;
-	word-break: normal;
-	word-wrap: normal;
-	line-height: 1.5;
-
-	-moz-tab-size: 4;
-	-o-tab-size: 4;
-	tab-size: 4;
-
-	-webkit-hyphens: none;
-	-moz-hyphens: none;
-	-ms-hyphens: none;
-	hyphens: none;
+code[class*='language-'],
+pre[class*='language-'] {
+    color: #f8f8f2;
+    background: none;
+    text-shadow: 0 1px rgba(0, 0, 0, 0.3);
+    font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
+    font-size: 1em;
+    text-align: left;
+    white-space: pre;
+    word-spacing: normal;
+    word-break: normal;
+    word-wrap: normal;
+    line-height: 1.5;
+
+    -moz-tab-size: 4;
+    -o-tab-size: 4;
+    tab-size: 4;
+
+    -webkit-hyphens: none;
+    -moz-hyphens: none;
+    -ms-hyphens: none;
+    hyphens: none;
 }
 
 /* Code blocks */
-pre[class*="language-"] {
-	padding: 1em;
-	margin: .5em 0;
-	overflow: auto;
-	border-radius: 0.3em;
+pre[class*='language-'] {
+    padding: 1em;
+    margin: 0.5em 0;
+    overflow: auto;
+    border-radius: 0.3em;
 }
 
-:not(pre) > code[class*="language-"],
-pre[class*="language-"] {
-	background: #272822;
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+    background: #272822;
 }
 
 /* Inline code */
-:not(pre) > code[class*="language-"] {
-	padding: .1em;
-	border-radius: .3em;
-	white-space: normal;
+:not(pre) > code[class*='language-'] {
+    padding: 0.1em;
+    border-radius: 0.3em;
+    white-space: normal;
 }
 
 .token.comment,
 .token.prolog,
 .token.doctype,
 .token.cdata {
-	color: slategray;
+    color: #8292a2;
 }
 
 .token.punctuation {
-	color: #f8f8f2;
+    color: #f8f8f2;
 }
 
-.namespace {
-	opacity: .7;
+.token.namespace {
+    opacity: 0.7;
 }
 
 .token.property,
@@ -68,12 +70,12 @@ pre[class*="language-"] {
 .token.constant,
 .token.symbol,
 .token.deleted {
-	color: #f92672;
+    color: #f92672;
 }
 
 .token.boolean,
 .token.number {
-	color: #ae81ff;
+    color: #ae81ff;
 }
 
 .token.selector,
@@ -82,7 +84,7 @@ pre[class*="language-"] {
 .token.char,
 .token.builtin,
 .token.inserted {
-	color: #a6e22e;
+    color: #a6e22e;
 }
 
 .token.operator,
@@ -91,169 +93,201 @@ pre[class*="language-"] {
 .language-css .token.string,
 .style .token.string,
 .token.variable {
-	color: #f8f8f2;
+    color: #f8f8f2;
 }
 
 .token.atrule,
 .token.attr-value,
-.token.function {
-	color: #e6db74;
+.token.function,
+.token.class-name {
+    color: #e6db74;
 }
 
 .token.keyword {
-	color: #66d9ef;
+    color: #66d9ef;
 }
 
 .token.regex,
 .token.important {
-	color: #fd971f;
+    color: #fd971f;
 }
 
 .token.important,
 .token.bold {
-	font-weight: bold;
+    font-weight: bold;
 }
 .token.italic {
-	font-style: italic;
+    font-style: italic;
 }
 
 .token.entity {
-	cursor: help;
+    cursor: help;
 }
 
 pre[data-line] {
-	position: relative;
-	padding: 1em 0 1em 3em;
+    position: relative;
+    padding: 1em 0 1em 3em;
 }
 
 .line-highlight {
-	position: absolute;
-	left: 0;
-	right: 0;
-	padding: inherit 0;
-	margin-top: 1em; /* Same as .prism’s padding-top */
+    position: absolute;
+    left: 0;
+    right: 0;
+    padding: inherit 0;
+    margin-top: 1em; /* Same as .prism’s padding-top */
 
-	background: hsla(24, 20%, 50%,.08);
-	background: linear-gradient(to right, hsla(24, 20%, 50%,.1) 70%, hsla(24, 20%, 50%,0));
+    background: hsla(24, 20%, 50%, 0.08);
+    background: linear-gradient(to right, hsla(24, 20%, 50%, 0.1) 70%, hsla(24, 20%, 50%, 0));
 
-	pointer-events: none;
+    pointer-events: none;
 
-	line-height: inherit;
-	white-space: pre;
+    line-height: inherit;
+    white-space: pre;
+}
+
+@media print {
+    .line-highlight {
+        /*
+           * This will prevent browsers from replacing the background color with white.
+           * It's necessary because the element is layered on top of the displayed code.
+           */
+        -webkit-print-color-adjust: exact;
+        color-adjust: exact;
+    }
 }
 
 .line-highlight:before,
 .line-highlight[data-end]:after {
-	content: attr(data-start);
-	position: absolute;
-	top: .4em;
-	left: .6em;
-	min-width: 1em;
-	padding: 0 .5em;
-	background-color: hsla(24, 20%, 50%,.4);
-	color: hsl(24, 20%, 95%);
-	font: bold 65%/1.5 sans-serif;
-	text-align: center;
-	vertical-align: .3em;
-	border-radius: 999px;
-	text-shadow: none;
-	box-shadow: 0 1px white;
+    content: attr(data-start);
+    position: absolute;
+    top: 0.4em;
+    left: 0.6em;
+    min-width: 1em;
+    padding: 0 0.5em;
+    background-color: hsla(24, 20%, 50%, 0.4);
+    color: hsl(24, 20%, 95%);
+    font: bold 65%/1.5 sans-serif;
+    text-align: center;
+    vertical-align: 0.3em;
+    border-radius: 999px;
+    text-shadow: none;
+    box-shadow: 0 1px white;
 }
 
 .line-highlight[data-end]:after {
-	content: attr(data-end);
-	top: auto;
-	bottom: .4em;
+    content: attr(data-end);
+    top: auto;
+    bottom: 0.4em;
 }
 
-pre.line-numbers {
-	position: relative;
-	padding-left: 3.8em;
-	counter-reset: linenumber;
+.line-numbers .line-highlight:before,
+.line-numbers .line-highlight:after {
+    content: none;
 }
 
-pre.line-numbers > code {
-	position: relative;
-	white-space: inherit;
+pre[id].linkable-line-numbers span.line-numbers-rows {
+    pointer-events: all;
+}
+pre[id].linkable-line-numbers span.line-numbers-rows > span:before {
+    cursor: pointer;
+}
+pre[id].linkable-line-numbers span.line-numbers-rows > span:hover:before {
+    background-color: rgba(128, 128, 128, 0.2);
 }
 
-.line-numbers .line-numbers-rows {
-	position: absolute;
-	pointer-events: none;
-	top: 0;
-	font-size: 100%;
-	left: -3.8em;
-	width: 3em; /* works for line-numbers below 1000 lines */
-	letter-spacing: -1px;
-	border-right: 1px solid #999;
+pre[class*='language-'].line-numbers {
+    position: relative;
+    padding-left: 3.8em;
+    counter-reset: linenumber;
+}
 
-	-webkit-user-select: none;
-	-moz-user-select: none;
-	-ms-user-select: none;
-	user-select: none;
+pre[class*='language-'].line-numbers > code {
+    position: relative;
+    white-space: inherit;
+}
 
+.line-numbers .line-numbers-rows {
+    position: absolute;
+    pointer-events: none;
+    top: 0;
+    font-size: 100%;
+    left: -3.8em;
+    width: 3em; /* works for line-numbers below 1000 lines */
+    letter-spacing: -1px;
+    border-right: 1px solid #999;
+
+    -webkit-user-select: none;
+    -moz-user-select: none;
+    -ms-user-select: none;
+    user-select: none;
 }
 
 .line-numbers-rows > span {
-	pointer-events: none;
-	display: block;
-	counter-increment: linenumber;
+    display: block;
+    counter-increment: linenumber;
 }
 
 .line-numbers-rows > span:before {
-	content: counter(linenumber);
-	color: #999;
-	display: block;
-	padding-right: 0.8em;
-	text-align: right;
+    content: counter(linenumber);
+    color: #999;
+    display: block;
+    padding-right: 0.8em;
+    text-align: right;
 }
+
 div.code-toolbar {
-	position: relative;
+    position: relative;
 }
 
 div.code-toolbar > .toolbar {
-	position: absolute;
-	top: .3em;
-	right: .2em;
-	transition: opacity 0.3s ease-in-out;
-	opacity: 0;
+    position: absolute;
+    top: 0.3em;
+    right: 0.2em;
+    transition: opacity 0.3s ease-in-out;
+    opacity: 0;
 }
 
 div.code-toolbar:hover > .toolbar {
-	opacity: 1;
+    opacity: 1;
+}
+
+/* Separate line b/c rules are thrown out if selector is invalid.
+     IE11 and old Edge versions don't support :focus-within. */
+div.code-toolbar:focus-within > .toolbar {
+    opacity: 1;
 }
 
 div.code-toolbar > .toolbar .toolbar-item {
-	display: inline-block;
+    display: inline-block;
 }
 
 div.code-toolbar > .toolbar a {
-	cursor: pointer;
+    cursor: pointer;
 }
 
 div.code-toolbar > .toolbar button {
-	background: none;
-	border: 0;
-	color: inherit;
-	font: inherit;
-	line-height: normal;
-	overflow: visible;
-	padding: 0;
-	-webkit-user-select: none; /* for button */
-	-moz-user-select: none;
-	-ms-user-select: none;
+    background: none;
+    border: 0;
+    color: inherit;
+    font: inherit;
+    line-height: normal;
+    overflow: visible;
+    padding: 0;
+    -webkit-user-select: none; /* for button */
+    -moz-user-select: none;
+    -ms-user-select: none;
 }
 
 div.code-toolbar > .toolbar a,
 div.code-toolbar > .toolbar button,
 div.code-toolbar > .toolbar span {
-	color: #bbb;
-	font-size: .8em;
-	padding: 0 .5em;
-	background: #f5f2f0;
-	background: rgba(224, 224, 224, 0.2);
-	box-shadow: 0 2px 0 0 rgba(0,0,0,0.2);
-	border-radius: .5em;
+    color: #bbb;
+    font-size: 0.8em;
+    padding: 0 0.5em;
+    background: #f5f2f0;
+    background: rgba(224, 224, 224, 0.2);
+    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.2);
+    border-radius: 0.5em;
 }
 
 div.code-toolbar > .toolbar a:hover,
@@ -262,6 +296,6 @@ div.code-toolbar > .toolbar button:hover,
 div.code-toolbar > .toolbar button:focus,
 div.code-toolbar > .toolbar span:hover,
 div.code-toolbar > .toolbar span:focus {
-	color: inherit;
-	text-decoration: none;
-}
+    color: inherit;
+    text-decoration: none;
+}

package/docs/styles/readthedocs.css

@@ -1,5 +1,5 @@
 .navbar-default {
-    background: #2980B9;
+    background: #2980b9;
     border: none;
 }
 
@@ -16,12 +16,8 @@
     color: #fcfcfc;
 }
 
-.menu ul.list li a.active {
-    color: #0099e5;
-}
-
 .menu ul.list li.title {
-    background: #2980B9;
+    background: #2980b9;
     padding-bottom: 5px;
 }
 
@@ -43,7 +39,12 @@
 }
 
 .menu ul.list li.chapter ul.links a:hover {
-    background: #4E4A4A;
+    background: #4e4a4a;
+}
+
+.menu ul.list li.chapter a.active,
+.menu ul.list li.chapter ul.links a.active {
+    color: #0099e5;
 }
 
 .menu ul.list li.chapter ul.links {
@@ -70,7 +71,7 @@
 }
 
 .content a {
-    color: #2980B9;
+    color: #2980b9;
 }
 
 .content a:hover {
@@ -78,7 +79,7 @@
 }
 
 .content a:visited {
-    color: #9B59B6;
+    color: #9b59b6;
 }
 
 .menu ul.list li:nth-last-child(2) {
@@ -90,7 +91,7 @@ code {
     max-width: 100%;
     background: #fff;
     padding: 2px 5px;
-    color: #E74C3C;
+    color: #e74c3c;
     overflow-x: auto;
     border-radius: 0;
 }
@@ -104,5 +105,15 @@ pre {
     display: block;
     overflow: auto;
     color: #404040;
-    background: rgba(238, 238, 238, .35);
+    background: rgba(238, 238, 238, 0.35);
+}
+
+@media (prefers-color-scheme: dark) {
+    .content {
+        background: none;
+    }
+    code {
+        background: none;
+        color: #e09393;
+    }
 }

package/docs/styles/stripe.css

@@ -2,12 +2,17 @@
     color: #0099e5;
 }
 
-.menu ul.list li a[data-type="chapter-link"], .menu ul.list li.chapter .simple {
+.menu ul.list li a[data-type='chapter-link'],
+.menu ul.list li.chapter .simple {
     color: #939da3;
     text-transform: uppercase;
 }
 
-.content h1, .content h2, .content h3, .content h4, .content h5 {
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5 {
     color: #292e31;
     font-weight: normal;
 }
@@ -33,7 +38,8 @@ a:hover {
     margin-top: 0;
 }
 
-.menu ul.list li.title a, .navbar a {
+.menu ul.list li.title a,
+.navbar a {
     color: #0099e5;
     text-decoration: none;
     font-size: 16px;
@@ -51,7 +57,7 @@ code {
     border-radius: 4px;
     color: #b93d6a;
     font-size: 13px;
-    line-height: 20px
+    line-height: 20px;
 }
 
 pre {
@@ -61,5 +67,42 @@ pre {
     border-radius: 5px;
     font-size: 13px;
     line-height: 1.5em;
-    font-weight: 500
+    font-weight: 500;
+}
+
+@media (prefers-color-scheme: dark) {
+    body {
+        color: #fafafa;
+    }
+    .content h1,
+    .content h2,
+    .content h3,
+    .content h4,
+    .content h5 {
+        color: #fafafa;
+    }
+
+    code {
+        background: none;
+    }
+
+    .content {
+        color: #fafafa;
+    }
+
+    .menu ul.list li a[data-type='chapter-link'],
+    .menu ul.list li.chapter .simple {
+        color: #fafafa;
+    }
+
+    .menu ul.list li.title a {
+        color: #fafafa;
+    }
+
+    .menu ul.list li a {
+        color: #fafafa;
+    }
+    .menu ul.list li a.active {
+        color: #7fc9ff;
+    }
 }

package/docs/styles/vagrant.css

@@ -11,13 +11,18 @@
     padding: 0 20px;
 }
 
-.menu ul.list li a[data-type="chapter-link"], .menu ul.list li.chapter .simple {
+.menu ul.list li a[data-type='chapter-link'],
+.menu ul.list li.chapter .simple {
     color: white;
     text-transform: uppercase;
-    border-bottom: 1px solid rgba(255,255,255,0.4);
+    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
 }
 
-.content h1, .content h2, .content h3, .content h4, .content h5 {
+.content h1,
+.content h2,
+.content h3,
+.content h4,
+.content h5 {
     color: #292e31;
     font-weight: normal;
 }
@@ -51,7 +56,8 @@ a:hover {
     padding: 10px 15px;
 }
 
-.menu ul.list li.title a, .navbar a {
+.menu ul.list li.title a,
+.navbar a {
     color: #8d9ba8;
     text-decoration: none;
     font-size: 16px;
@@ -78,7 +84,7 @@ code {
     box-sizing: border-box;
     display: inline-block;
     padding: 0 5px;
-    background: rgba(0,148,191,0.1);
+    background: rgba(0, 148, 191, 0.1);
     border-radius: 3px;
     color: #0094bf;
     font-size: 13px;
@@ -88,9 +94,39 @@ code {
 pre {
     margin: 0;
     padding: 12px 12px;
-    background: rgba(238,238,238,.35);
+    background: rgba(238, 238, 238, 0.35);
     border-radius: 3px;
     font-size: 13px;
     line-height: 1.5em;
     font-weight: 500;
 }
+
+@media (prefers-color-scheme: dark) {
+    body {
+        color: #fafafa;
+    }
+    .content h1,
+    .content h2,
+    .content h3,
+    .content h4,
+    .content h5 {
+        color: #fafafa;
+    }
+
+    code {
+        background: none;
+    }
+
+    .content {
+        color: #fafafa;
+    }
+
+    .menu ul.list li.title a,
+    .navbar a {
+        color: #8d9ba8;
+    }
+
+    .menu ul.list li a {
+        color: #fafafa;
+    }
+}