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

package/docs/styles/compodoc.css

@@ -15,14 +15,10 @@ body {
     /* IE9 Compat Modes */
     src: local('Roboto Light'), local('Roboto-Light'),
         url('../fonts/roboto-v15-latin-300.eot?#iefix') format('embedded-opentype'),
-        /* IE6-IE8 */
-        url('../fonts/roboto-v15-latin-300.woff2') format('woff2'),
-        /* Super Modern Browsers */
-        url('../fonts/roboto-v15-latin-300.woff') format('woff'),
-        /* Modern Browsers */
-        url('../fonts/roboto-v15-latin-300.ttf') format('truetype'),
-        /* Safari, Android, iOS */
-        url('../fonts/roboto-v15-latin-300.svg#Roboto') format('svg');
+        /* IE6-IE8 */ url('../fonts/roboto-v15-latin-300.woff2') format('woff2'),
+        /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-300.woff') format('woff'),
+        /* Modern Browsers */ url('../fonts/roboto-v15-latin-300.ttf') format('truetype'),
+        /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-300.svg#Roboto') format('svg');
     /* Legacy iOS */
 }
 
@@ -36,14 +32,10 @@ body {
     /* IE9 Compat Modes */
     src: local('Roboto'), local('Roboto-Regular'),
         url('../fonts/roboto-v15-latin-regular.eot?#iefix') format('embedded-opentype'),
-        /* IE6-IE8 */
-        url('../fonts/roboto-v15-latin-regular.woff2') format('woff2'),
-        /* Super Modern Browsers */
-        url('../fonts/roboto-v15-latin-regular.woff') format('woff'),
-        /* Modern Browsers */
-        url('../fonts/roboto-v15-latin-regular.ttf') format('truetype'),
-        /* Safari, Android, iOS */
-        url('../fonts/roboto-v15-latin-regular.svg#Roboto') format('svg');
+        /* IE6-IE8 */ url('../fonts/roboto-v15-latin-regular.woff2') format('woff2'),
+        /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-regular.woff') format('woff'),
+        /* Modern Browsers */ url('../fonts/roboto-v15-latin-regular.ttf') format('truetype'),
+        /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-regular.svg#Roboto') format('svg');
     /* Legacy iOS */
 }
 
@@ -57,14 +49,10 @@ body {
     /* IE9 Compat Modes */
     src: local('Roboto Bold'), local('Roboto-Bold'),
         url('../fonts/roboto-v15-latin-700.eot?#iefix') format('embedded-opentype'),
-        /* IE6-IE8 */
-        url('../fonts/roboto-v15-latin-700.woff2') format('woff2'),
-        /* Super Modern Browsers */
-        url('../fonts/roboto-v15-latin-700.woff') format('woff'),
-        /* Modern Browsers */
-        url('../fonts/roboto-v15-latin-700.ttf') format('truetype'),
-        /* Safari, Android, iOS */
-        url('../fonts/roboto-v15-latin-700.svg#Roboto') format('svg');
+        /* IE6-IE8 */ url('../fonts/roboto-v15-latin-700.woff2') format('woff2'),
+        /* Super Modern Browsers */ url('../fonts/roboto-v15-latin-700.woff') format('woff'),
+        /* Modern Browsers */ url('../fonts/roboto-v15-latin-700.ttf') format('truetype'),
+        /* Safari, Android, iOS */ url('../fonts/roboto-v15-latin-700.svg#Roboto') format('svg');
     /* Legacy iOS */
 }
 
@@ -128,8 +116,9 @@ a[href] {
     padding: 0;
 }
 
-.container-fluid.overview {
+.tab-content.overview {
     margin-top: 50px;
+    margin-left: 15px;
 }
 
 .container-fluid.modules,
@@ -200,11 +189,11 @@ a[href] {
     padding: 15px 30px;
 }
 
-.content>h1:first-of-type {
+.content > h1:first-of-type {
     margin-top: 15px;
 }
 
-.content>h3:first-of-type {
+.content > h3:first-of-type {
     margin-top: 5px;
 }
 
@@ -275,8 +264,8 @@ a[href] {
     padding: 0px;
 }
 
-.panel-group .panel-heading+.panel-collapse>.list-group,
-.panel-group .panel-heading+.panel-collapse>.panel-body {
+.panel-group .panel-heading + .panel-collapse > .list-group,
+.panel-group .panel-heading + .panel-collapse > .panel-body {
     border-top: 0;
 }
 
@@ -380,7 +369,7 @@ a[href] {
     border-bottom: none;
 }
 
-.menu .panel-group .panel-heading+.panel-collapse>.panel-body {
+.menu .panel-group .panel-heading + .panel-collapse > .panel-body {
     border-top: none;
     overflow-y: auto;
     max-height: 350px;
@@ -390,7 +379,7 @@ a[href] {
     border-bottom: 1px solid #ddd;
 }
 
-.panel-group .panel+.panel {
+.panel-group .panel + .panel {
     margin-top: 0;
 }
 
@@ -669,8 +658,8 @@ i {
     background: #fafafa;
 }
 
-thead.coverage-header>tr>td,
-thead.coverage-header>tr>th {
+thead.coverage-header > tr > td,
+thead.coverage-header > tr > th {
     border-bottom-width: 0;
 }
 
@@ -975,6 +964,10 @@ ul.index-list {
     position: relative;
 }
 
+.module-graph-container .size-buttons {
+    margin-top: 10px;
+}
+
 .module-graph-fullscreen-btn {
     position: absolute;
     right: 5px;
@@ -994,3 +987,18 @@ ul.index-list {
 .package-dependencies li {
     margin: 5px 0;
 }
+
+.deprecated {
+    color: #e73440;
+}
+.deprecated p {
+    margin-bottom: 0;
+}
+.deprecated-name,
+.deprecated-name:hover {
+    text-decoration: line-through;
+}
+.deprecated-name::before {
+    text-decoration: none;
+    display: inline-block;
+}

package/docs/styles/dark.css

@@ -0,0 +1,113 @@
+body {
+    background: #212121;
+    color: #fafafa;
+}
+
+code {
+    color: #e09393;
+}
+
+a,
+.menu ul.list li a.active {
+    color: #7fc9ff;
+}
+
+.menu {
+    background: #212121;
+    border-right: 1px solid #444;
+}
+
+.menu ul.list li a {
+    color: #fafafa;
+}
+
+.menu ul.list li.divider {
+    background: #444;
+}
+
+.xs-menu ul.list li:nth-child(2) {
+    margin: 0;
+    background: none;
+}
+
+.menu ul.list li:nth-child(2) {
+    margin: 0;
+    background: none;
+}
+
+#book-search-input {
+    background: #212121;
+    border-top: 1px solid #444;
+    border-bottom: 1px solid #444;
+    color: #fafafa;
+}
+
+.table-bordered {
+    border: 1px solid #444;
+}
+
+.table-bordered > tbody > tr > td,
+.table-bordered > tbody > tr > th,
+.table-bordered > tfoot > tr > td,
+.table-bordered > tfoot > tr > th,
+.table-bordered > thead > tr > td,
+.table-bordered > thead > tr > th {
+    border: 1px solid #444;
+}
+
+.coverage a,
+.coverage-count {
+    color: #fafafa;
+}
+
+.coverage-header {
+    color: black;
+}
+
+.routes svg text,
+.routes svg a {
+    fill: white;
+}
+.routes svg rect {
+    fill: #212121 !important;
+}
+
+.navbar-default,
+.btn-default {
+    background-color: black;
+    border-color: #444;
+    color: #fafafa;
+}
+
+.navbar-default .navbar-brand {
+    color: #fafafa;
+}
+
+.overview .card,
+.modules .card {
+    background: #171717;
+    color: #fafafa;
+    border: 1px solid #444;
+}
+.overview .card a {
+    color: #fafafa;
+}
+
+.modules .card-header {
+    background: none;
+    border-bottom: 1px solid #444;
+}
+
+.module .list-group-item {
+    background: none;
+    border: 1px solid #444;
+}
+
+.container-fluid.module h3 a {
+    color: #337ab7;
+}
+
+table.params thead {
+    background: #484848;
+    color: #fafafa;
+}

package/docs/styles/laravel.css

@@ -1,15 +1,24 @@
+.nav-tabs > li > a {
+    text-decoration: none;
+}
+
 .navbar-default .navbar-brand {
     color: #f4645f;
     text-decoration: none;
     font-size: 16px;
 }
 
-.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: #525252;
-    border-bottom: 1px dashed rgba(0,0,0,.1);
+    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
 }
 
-.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;
 }
@@ -54,16 +63,53 @@ code {
     color: #b93d6a;
     font-size: 13px;
     line-height: 20px;
-    box-shadow: 0 1px 1px rgba(0,0,0,.125);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
 }
 
 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;
-    box-shadow: 0 1px 1px rgba(0,0,0,.125);
+    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.125);
+}
+
+@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/material.css

@@ -12,7 +12,8 @@ a:hover {
     text-decoration: none;
 }
 
-.menu ul.list li a:hover, .menu ul.list li.chapter .simple:hover {
+.menu ul.list li a:hover,
+.menu ul.list li.chapter .simple:hover {
     background-color: #f8f9fa;
     text-decoration: none;
 }
@@ -33,7 +34,8 @@ a:hover {
 /** CARD **/
 
 .card {
-    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2), 0 1px 5px 0 rgba(0, 0, 0, 0.12);
+    box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.2),
+        0 1px 5px 0 rgba(0, 0, 0, 0.12);
     border-radius: 0.125rem;
     border: 0;
     margin-top: 1px;
@@ -60,7 +62,9 @@ a:hover {
     color: rgba(0, 0, 0, 0.54);
     margin-right: 0;
 }
-.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
+.nav-tabs > li.active > a,
+.nav-tabs > li.active > a:focus,
+.nav-tabs > li.active > a:hover {
     color: rgba(0, 0, 0, 0.87);
     border-top: 0;
     border-left: 0;
@@ -69,7 +73,8 @@ a:hover {
     border-color: #008cff;
     font-weight: bold;
 }
-.nav>li>a:focus, .nav>li>a:hover {
+.nav > li > a:focus,
+.nav > li > a:hover {
     background: none;
 }
 
@@ -90,13 +95,13 @@ a:hover {
     border-radius: 0.125rem;
 }
 
-pre[class*="language-"] {
+pre[class*='language-'] {
     border-radius: 0.125rem;
 }
 
 /** TABLE **/
 
-.table-hover>tbody>tr:hover {
+.table-hover > tbody > tr:hover {
     background: rgba(0, 0, 0, 0.075);
 }
 
@@ -106,4 +111,23 @@ table.params thead {
 table.params thead td {
     color: rgba(0, 0, 0, 0.54);
     font-weight: bold;
-}
+}
+
+@media (prefers-color-scheme: dark) {
+    .menu .title:hover {
+        background-color: #2d2d2d;
+    }
+    .menu ul.list li a:hover,
+    .menu ul.list li.chapter .simple:hover {
+        background-color: #2d2d2d;
+    }
+    .nav-tabs > li > a {
+        color: #fafafa;
+    }
+    table.params thead {
+        background: #484848;
+    }
+    table.params thead td {
+        color: #fafafa;
+    }
+}

package/docs/styles/original.css

@@ -1,17 +1,17 @@
-.navbar-default .navbar-brand, .menu ul.list li.title {
+.navbar-default .navbar-brand,
+.menu ul.list li.title {
     font-weight: bold;
     color: #3c3c3c;
     padding-bottom: 5px;
 }
 
-.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 {
     font-weight: bold;
-    border-top: 1px solid #ddd;
-    border-bottom: 1px solid #ddd;
     font-size: 14px;
 }
 
-.menu ul.list li a[href="./routes.html"] {
+.menu ul.list li a[href='./routes.html'] {
     border-bottom: none;
 }
 
@@ -34,7 +34,7 @@
 }
 
 .menu ul.list li a.active {
-    color: inherit;
+    color: #337ab7;
     font-weight: bold;
 }
 
@@ -45,3 +45,9 @@
 .menu ul.list li.divider {
     margin: 0;
 }
+
+@media (prefers-color-scheme: dark) {
+    .menu ul.list li.chapter ul.links {
+        background: none;
+    }
+}

package/docs/styles/postmark.css

@@ -1,5 +1,5 @@
 .navbar-default {
-    background: #FFDE00;
+    background: #ffde00;
     border: none;
 }
 
@@ -18,7 +18,7 @@
 }
 
 .menu ul.list li.title {
-    background: #FFDE00;
+    background: #ffde00;
     color: #333;
     padding-bottom: 5px;
 }
@@ -41,7 +41,7 @@
 
 .menu ul.list li.chapter ul.links a:hover,
 .menu ul.list li.chapter ul.links a.active {
-    color: #FFDE00;
+    color: #ffde00;
 }
 
 .menu ul.list li.chapter ul.links {
@@ -68,7 +68,7 @@
 }
 
 .content a {
-    color: #007DCC;
+    color: #007dcc;
 }
 
 .content a:visited {
@@ -93,8 +93,8 @@
     background: rgba(255, 255, 255, 0.1);
 }
 
-.breadcrumb>li+li:before {
-    content: "»\00a0"
+.breadcrumb > li + li:before {
+    content: '»\00a0';
 }
 
 .breadcrumb {
@@ -105,7 +105,7 @@
 code {
     white-space: nowrap;
     max-width: 100%;
-    background: #F5F5F5;
+    background: #f5f5f5;
     padding: 2px 5px;
     color: #666666;
     overflow-x: auto;
@@ -222,3 +222,19 @@ hue-6-2: #c18401
 .hljs-link {
     text-decoration: underline;
 }
+
+@media (prefers-color-scheme: dark) {
+    .content {
+        background: none;
+    }
+    code {
+        background: none;
+        color: #e09393;
+    }
+    .menu ul.list li.chapter a.active {
+        color: #ffde00;
+    }
+    .menu {
+        background: #272525;
+    }
+}