@eui/core 17.0.0-next.8 → 17.0.0-rc.1

package/docs/styles/postmark.css

@@ -0,0 +1,238 @@
+.navbar-default {
+    background: #ffde00;
+    border: none;
+}
+
+.navbar-default .navbar-brand {
+    color: #333;
+    font-weight: bold;
+}
+
+.menu {
+    background: #333;
+    color: #fcfcfc;
+}
+
+.menu ul.list li a {
+    color: #333;
+}
+
+.menu ul.list li.title {
+    background: #ffde00;
+    color: #333;
+    padding-bottom: 5px;
+}
+
+.menu ul.list li:nth-child(2) {
+    margin-top: 0;
+}
+
+.menu ul.list li.chapter a,
+.menu ul.list li.chapter .simple {
+    color: white;
+    text-decoration: none;
+}
+
+.menu ul.list li.chapter ul.links a {
+    color: #949494;
+    text-transform: none;
+    padding-left: 35px;
+}
+
+.menu ul.list li.chapter ul.links a:hover,
+.menu ul.list li.chapter ul.links a.active {
+    color: #ffde00;
+}
+
+.menu ul.list li.chapter ul.links {
+    padding-left: 0;
+}
+
+.menu ul.list li.divider {
+    background: rgba(255, 255, 255, 0.07);
+}
+
+#book-search-input input,
+#book-search-input input:focus,
+#book-search-input input:hover {
+    color: #949494;
+}
+
+.copyright {
+    color: #b3b3b3;
+    background: #272525;
+}
+
+.content {
+    background: #fcfcfc;
+}
+
+.content a {
+    color: #007dcc;
+}
+
+.content a:visited {
+    color: #0165a5;
+}
+
+.menu ul.list li:nth-last-child(2) {
+    background: none;
+}
+
+.list-group-item:first-child,
+.list-group-item:last-child {
+    border-radius: 0;
+}
+
+.menu ul.list li.title a {
+    text-decoration: none;
+    font-weight: bold;
+}
+
+.menu ul.list li.title a:hover {
+    background: rgba(255, 255, 255, 0.1);
+}
+
+.breadcrumb > li + li:before {
+    content: '»\00a0';
+}
+
+.breadcrumb {
+    padding-bottom: 15px;
+    border-bottom: 1px solid #e1e4e5;
+}
+
+code {
+    white-space: nowrap;
+    max-width: 100%;
+    background: #f5f5f5;
+    padding: 2px 5px;
+    color: #666666;
+    overflow-x: auto;
+    border-radius: 0;
+}
+
+pre {
+    white-space: pre;
+    margin: 0;
+    padding: 12px 12px;
+    font-size: 12px;
+    line-height: 1.5;
+    display: block;
+    overflow: auto;
+    color: #404040;
+    background: #f3f3f3;
+}
+
+pre code.hljs {
+    border: none;
+    background: inherit;
+}
+
+/*
+Atom One Light by Daniel Gamage
+Original One Light Syntax theme from https://github.com/atom/one-light-syntax
+base:    #fafafa
+mono-1:  #383a42
+mono-2:  #686b77
+mono-3:  #a0a1a7
+hue-1:   #0184bb
+hue-2:   #4078f2
+hue-3:   #a626a4
+hue-4:   #50a14f
+hue-5:   #e45649
+hue-5-2: #c91243
+hue-6:   #986801
+hue-6-2: #c18401
+*/
+
+.hljs {
+    display: block;
+    overflow-x: auto;
+    padding: 0.5em;
+    color: #383a42;
+    background: #fafafa;
+}
+
+.hljs-comment,
+.hljs-quote {
+    color: #a0a1a7;
+    font-style: italic;
+}
+
+.hljs-doctag,
+.hljs-keyword,
+.hljs-formula {
+    color: #a626a4;
+}
+
+.hljs-section,
+.hljs-name,
+.hljs-selector-tag,
+.hljs-deletion,
+.hljs-subst {
+    color: #e45649;
+}
+
+.hljs-literal {
+    color: #0184bb;
+}
+
+.hljs-string,
+.hljs-regexp,
+.hljs-addition,
+.hljs-attribute,
+.hljs-meta-string {
+    color: #50a14f;
+}
+
+.hljs-built_in,
+.hljs-class .hljs-title {
+    color: #c18401;
+}
+
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-type,
+.hljs-selector-class,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-number {
+    color: #986801;
+}
+
+.hljs-symbol,
+.hljs-bullet,
+.hljs-link,
+.hljs-meta,
+.hljs-selector-id,
+.hljs-title {
+    color: #4078f2;
+}
+
+.hljs-emphasis {
+    font-style: italic;
+}
+
+.hljs-strong {
+    font-weight: bold;
+}
+
+.hljs-link {
+    text-decoration: underline;
+}
+
+.dark .content {
+    background: none;
+}
+.dark code {
+    background: none;
+    color: #e09393;
+}
+.dark .menu ul.list li.chapter a.active {
+    color: #ffde00;
+}
+.dark .menu {
+    background: #272525;
+}

package/docs/styles/prism.css

@@ -0,0 +1,301 @@
+/* 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;
+    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: 0.5em 0;
+    overflow: auto;
+    border-radius: 0.3em;
+}
+
+:not(pre) > code[class*='language-'],
+pre[class*='language-'] {
+    background: #272822;
+}
+
+/* Inline code */
+:not(pre) > code[class*='language-'] {
+    padding: 0.1em;
+    border-radius: 0.3em;
+    white-space: normal;
+}
+
+.token.comment,
+.token.prolog,
+.token.doctype,
+.token.cdata {
+    color: #8292a2;
+}
+
+.token.punctuation {
+    color: #f8f8f2;
+}
+
+.token.namespace {
+    opacity: 0.7;
+}
+
+.token.property,
+.token.tag,
+.token.constant,
+.token.symbol,
+.token.deleted {
+    color: #f92672;
+}
+
+.token.boolean,
+.token.number {
+    color: #ae81ff;
+}
+
+.token.selector,
+.token.attr-name,
+.token.string,
+.token.char,
+.token.builtin,
+.token.inserted {
+    color: #a6e22e;
+}
+
+.token.operator,
+.token.entity,
+.token.url,
+.language-css .token.string,
+.style .token.string,
+.token.variable {
+    color: #f8f8f2;
+}
+
+.token.atrule,
+.token.attr-value,
+.token.function,
+.token.class-name {
+    color: #e6db74;
+}
+
+.token.keyword {
+    color: #66d9ef;
+}
+
+.token.regex,
+.token.important {
+    color: #fd971f;
+}
+
+.token.important,
+.token.bold {
+    font-weight: bold;
+}
+.token.italic {
+    font-style: italic;
+}
+
+.token.entity {
+    cursor: help;
+}
+
+pre[data-line] {
+    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 */
+
+    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;
+
+    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: 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: 0.4em;
+}
+
+.line-numbers .line-highlight:before,
+.line-numbers .line-highlight:after {
+    content: none;
+}
+
+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);
+}
+
+pre[class*='language-'].line-numbers {
+    position: relative;
+    padding-left: 3.8em;
+    counter-reset: linenumber;
+}
+
+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 {
+    display: block;
+    counter-increment: linenumber;
+}
+
+.line-numbers-rows > span:before {
+    content: counter(linenumber);
+    color: #999;
+    display: block;
+    padding-right: 0.8em;
+    text-align: right;
+}
+
+div.code-toolbar {
+    position: relative;
+}
+
+div.code-toolbar > .toolbar {
+    position: absolute;
+    top: 0.3em;
+    right: 0.2em;
+    transition: opacity 0.3s ease-in-out;
+    opacity: 0;
+}
+
+div.code-toolbar:hover > .toolbar {
+    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;
+}
+
+div.code-toolbar > .toolbar a {
+    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;
+}
+
+div.code-toolbar > .toolbar a,
+div.code-toolbar > .toolbar button,
+div.code-toolbar > .toolbar span {
+    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,
+div.code-toolbar > .toolbar a:focus,
+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;
+}

package/docs/styles/readthedocs.css

@@ -0,0 +1,117 @@
+.navbar-default {
+    background: #2980b9;
+    border: none;
+}
+
+.navbar-default .navbar-brand {
+    color: #fcfcfc;
+}
+
+.menu {
+    background: #343131;
+    color: #fcfcfc;
+}
+
+.menu ul.list li a {
+    color: #fcfcfc;
+}
+
+.menu ul.list li.title {
+    background: #2980b9;
+    padding-bottom: 5px;
+}
+
+.menu ul.list li:nth-child(2) {
+    margin-top: 0;
+}
+
+.menu ul.list li.chapter a,
+.menu ul.list li.chapter .simple {
+    color: #555;
+    text-transform: uppercase;
+    text-decoration: none;
+}
+
+.menu ul.list li.chapter ul.links a {
+    color: #b3b3b3;
+    text-transform: none;
+    padding-left: 35px;
+}
+
+.menu ul.list li.chapter ul.links a:hover {
+    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 {
+    padding-left: 0;
+}
+
+.menu ul.list li.divider {
+    background: rgba(255, 255, 255, 0.07);
+}
+
+#book-search-input input,
+#book-search-input input:focus,
+#book-search-input input:hover {
+    color: #949494;
+}
+
+.copyright {
+    color: #b3b3b3;
+    background: #272525;
+}
+
+.content {
+    background: #fcfcfc;
+}
+
+.content a {
+    color: #2980b9;
+}
+
+.content a:hover {
+    color: #3091d1;
+}
+
+.content a:visited {
+    color: #9b59b6;
+}
+
+.menu ul.list li:nth-last-child(2) {
+    background: none;
+}
+
+code {
+    white-space: nowrap;
+    max-width: 100%;
+    background: #fff;
+    padding: 2px 5px;
+    color: #e74c3c;
+    overflow-x: auto;
+    border-radius: 0;
+}
+
+pre {
+    white-space: pre;
+    margin: 0;
+    padding: 12px 12px;
+    font-size: 12px;
+    line-height: 1.5;
+    display: block;
+    overflow: auto;
+    color: #404040;
+    background: rgba(238, 238, 238, 0.35);
+}
+
+.dark .content {
+    background: none;
+}
+.dark code {
+    background: none;
+    color: #e09393;
+}