@elastic/eui 77.2.1 → 78.0.0

package/README.md

@@ -30,17 +30,17 @@ Traditionally releases are made weekly against whatever is in the `main` branch
 
 ### Can I contribute to EUI?
 
-Yes! We welcome community-contributed PRs, especially around feature requests that the EUI team may not have bandwidth to carry out alone. You can find documentation around creating and submitting new components in [CONTRIBUTING.md](CONTRIBUTING.md).
+Yes! We welcome community-contributed PRs, especially around feature requests that the EUI team may not have bandwidth to carry out alone. You can find documentation around creating and submitting new components in [our wiki](wiki/contributing-to-eui/).
 
 ### What about reporting bugs and feature requests?
 
-Bug reports and feature requests are most welcome, but our roadmap and prioritization are driven primarily by [internal Elastic usage](./CONTRIBUTING.md#how-we-assign-work-and-define-our-roadmap).
+Bug reports and feature requests are most welcome, but our roadmap and prioritization are driven primarily by [internal Elastic usage](wiki/contributing-to-eui#how-we-assign-work-and-define-our-roadmap).
 
 Please note that in order to keep our backlog manageable and focused on tasks we intend to complete, feature requests & tech debt issues that are inactive for a year will be auto-closed (bugs will remain open if determined to be reproducible and valid).
 
 This activity counter can be soft reset by commenting on the issue directly, but please do so mindfully. We would ask that you proactively let the EUI team know why this request matters to you or how it impacts you or your users, in order to help us prioritize accordingly.
 
-The EUI team, like everyone else, has a finite amount of time and resources, and it is not humanly possible for us to implement every task or feature requested of us. However, that's where the beauty of open source comes in - if your request is important to you, we strongly encourage you to [contribute code directly to EUI](CONTRIBUTING.md) that addresses your issue or request!
+The EUI team, like everyone else, has a finite amount of time and resources, and it is not humanly possible for us to implement every task or feature requested of us. However, that's where the beauty of open source comes in - if your request is important to you, we strongly encourage you to [contribute code directly to EUI](wiki/contributing-to-eui/) that addresses your issue or request!
 
 <!-- TODO: Delete this question once the Emotion migration is complete -->
 ### What is the status of EUI's theming?
@@ -49,24 +49,11 @@ The EUI library was previously built upon Sass and is in the process of migratin
 
 ## Wiki
 
-### Consumption
+Our wiki docs contain instructions and guidelines on multiple areas of EUI usage and development that are too detailed for an initial README. For more information, see:
 
-* [Consuming EUI][consuming]
-* [Using EUI with react-router](wiki/react-router.md)
-
-### Maintenance / Contributing
-
-[CONTRIBUTING.md](CONTRIBUTING.md)
-
-* [Component design](wiki/component-design.md)
-* [Component development](wiki/component-development.md)
-  * [Creating components manually](wiki/creating-components-manually.md)
-  * [Creating components with Yeoman](wiki/creating-components-yeoman.md)
-* [Creating icons](wiki/creating-icons.md)
-* [Testing](wiki/testing.md)
-  * [Accessibility Testing](wiki/automated-accessibility-testing.md)
-* [Documentation](wiki/documentation-guidelines.md)
-* [Releasing versions](wiki/releasing-versions.md)
+- [Consuming EUI](wiki/consuming-eui)
+- [Contributing to EUI](wiki/contributing-to-eui/)
+- [Running EUI locally](wiki/contributing-to-eui/running-eui-locally.md)
 
 ## License
 
@@ -74,5 +61,4 @@ The EUI library was previously built upon Sass and is in the process of migratin
 
 [license]: LICENSE.txt
 [licensing-faq]: https://www.elastic.co/pricing/faq/licensing#im-using-eui-or-elastic-charts-in-my-application-outside-of-kibana-how-does-this-affect-me
-[consuming]: wiki/consuming.md
 [docs]: https://elastic.github.io/eui/

package/dist/eui_theme_dark.css

@@ -1520,7 +1520,7 @@ The following files still use the Sass version:
 }
 .euiHue__range::-webkit-slider-thumb {
   padding: 7px;
-  border: 1px solid #66676d;
+  border: 1px solid #69696f;
   background: #1D1E24 no-repeat center;
   border-radius: 14px;
   -webkit-transition: background-color 150ms ease-in, border-color 150ms ease-in;
@@ -1536,7 +1536,7 @@ The following files still use the Sass version:
 }
 .euiHue__range::-moz-range-thumb {
   padding: 7px;
-  border: 1px solid #66676d;
+  border: 1px solid #69696f;
   background: #1D1E24 no-repeat center;
   border-radius: 14px;
   -moz-transition: background-color 150ms ease-in, border-color 150ms ease-in;
@@ -1552,7 +1552,7 @@ The following files still use the Sass version:
 }
 .euiHue__range::-ms-thumb {
   padding: 7px;
-  border: 1px solid #66676d;
+  border: 1px solid #69696f;
   background: #1D1E24 no-repeat center;
   border-radius: 14px;
   -ms-transition: background-color 150ms ease-in, border-color 150ms ease-in;
@@ -4419,7 +4419,7 @@ The following files still use the Sass version:
 }
 .euiCheckbox .euiCheckbox__input + .euiCheckbox__square {
   padding: 7px;
-  border: 1px solid #66676d;
+  border: 1px solid #69696f;
   background: #1D1E24 no-repeat center;
   border-radius: 4px;
   transition: background-color 150ms ease-in, border-color 150ms ease-in;
@@ -6444,7 +6444,7 @@ The following files still use the Sass version:
 }
 .euiRadio .euiRadio__input + .euiRadio__circle {
   padding: 7px;
-  border: 1px solid #66676d;
+  border: 1px solid #69696f;
   background: #1D1E24 no-repeat center;
   border-radius: 14px;
   transition: background-color 150ms ease-in, border-color 150ms ease-in;
@@ -6539,38 +6539,37 @@ The following files still use the Sass version:
 .euiSwitch .euiSwitch__button:focus .euiSwitch__track:not(:focus-visible) {
   outline: none;
 }
+.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__body {
+  background-color: rgba(152, 162, 179, 0.6);
+}
+.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__thumb {
+  left: 0;
+}
+.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon {
+  right: -8px;
+}
+.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon.euiSwitch__icon--checked {
+  right: auto;
+  left: -34px;
+}
 .euiSwitch .euiSwitch__button:disabled:hover,
 .euiSwitch .euiSwitch__button:disabled ~ .euiSwitch__label:hover {
   cursor: not-allowed;
 }
 .euiSwitch .euiSwitch__button:disabled .euiSwitch__body {
-  background-color: rgba(83, 89, 102, 0.7);
+  background-color: rgba(152, 162, 179, 0.6);
 }
 .euiSwitch .euiSwitch__button:disabled .euiSwitch__thumb {
-  border-color: #343741;
-  background-color: #343741;
+  background-color: rgba(0, 0, 0, 0);
+  border-color: #98A2B3;
   box-shadow: none;
-  background-color: rgba(83, 89, 102, 0.7);
 }
 .euiSwitch .euiSwitch__button:disabled .euiSwitch__icon {
-  fill: #a6aab0;
+  fill: #98A2B3;
 }
 .euiSwitch .euiSwitch__button:disabled + .euiSwitch__label {
   color: #535966;
 }
-.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__body {
-  background-color: rgba(83, 89, 102, 0.7);
-}
-.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__thumb {
-  left: 0;
-}
-.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon {
-  right: -8px;
-}
-.euiSwitch .euiSwitch__button[aria-checked=false] .euiSwitch__icon.euiSwitch__icon--checked {
-  right: auto;
-  left: -34px;
-}
 .euiSwitch .euiSwitch__body {
   pointer-events: none;
   width: 44px;
@@ -6583,7 +6582,7 @@ The following files still use the Sass version:
 }
 .euiSwitch .euiSwitch__thumb {
   padding: 9px;
-  border: 1px solid #66676d;
+  border: 1px solid #69696f;
   background: #1D1E24 no-repeat center;
   border-radius: 18px;
   transition: background-color 150ms ease-in, border-color 150ms ease-in;
@@ -6611,7 +6610,7 @@ The following files still use the Sass version:
   width: 42px;
   height: 16px;
   transition: left 250ms cubic-bezier(0.34, 1.61, 0.7, 1), right 250ms cubic-bezier(0.34, 1.61, 0.7, 1);
-  fill: #DFE5EF;
+  fill: #1D1E24;
 }
 .euiSwitch .euiSwitch__icon--checked {
   right: auto;
@@ -6639,7 +6638,7 @@ The following files still use the Sass version:
 }
 .euiSwitch.euiSwitch--compressed .euiSwitch__thumb {
   padding: 6px;
-  border: 1px solid #66676d;
+  border: 1px solid #69696f;
   background: #1D1E24 no-repeat center;
   border-radius: 12px;
   transition: background-color 150ms ease-in, border-color 150ms ease-in;
@@ -6666,7 +6665,7 @@ The following files still use the Sass version:
 }
 .euiSwitch.euiSwitch--mini .euiSwitch__thumb {
   padding: 3px;
-  border: 1px solid #66676d;
+  border: 1px solid #69696f;
   background: #1D1E24 no-repeat center;
   border-radius: 6px;
   transition: background-color 150ms ease-in, border-color 150ms ease-in;
@@ -6685,7 +6684,7 @@ The following files still use the Sass version:
 .euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,
 .euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb, .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=false] .euiSwitch__thumb,
 .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true]:disabled .euiSwitch__thumb {
-  border-color: #66676d;
+  border-color: #98A2B3;
 }
 .euiSwitch.euiSwitch--compressed .euiSwitch__button[aria-checked=true] .euiSwitch__thumb, .euiSwitch.euiSwitch--mini .euiSwitch__button[aria-checked=true] .euiSwitch__thumb {
   border-color: #36A2EF;
@@ -7635,7 +7634,7 @@ The following files still use the Sass version:
   cursor: default;
 }
 .euiMarkdownEditorPreview-isReadOnly .euiCheckbox__input:focus:not(:checked) + .euiCheckbox__square {
-  border-color: #66676d;
+  border-color: #69696f;
 }
 
 .euiMarkdownEditorTextArea {