@elastic/eui 102.1.0 → 102.2.0-amsterdam.0

package/optimize/lib/components/form/select/select.js

@@ -95,7 +95,7 @@ var EuiSelect = exports.EuiSelect = function EuiSelect(props) {
     value: value,
     onMouseUp: handleMouseUp,
     disabled: disabled
-  }, rest), hasNoInitialSelection && (0, _react2.jsx)("option", {
+  }, rest), hasNoInitialSelection && value === '' && (0, _react2.jsx)("option", {
     value: "",
     disabled: true,
     hidden: true,

package/optimize/lib/components/icon/assets/logo_elastic.js

@@ -36,29 +36,35 @@ var EuiIconLogoElastic = function EuiIconLogoElastic(_ref) {
   }, props), title ? (0, _react2.jsx)("title", {
     id: titleId
   }, title) : null, (0, _react2.jsx)("path", {
-    fill: "#fff",
-    fillRule: "evenodd",
-    d: "M30.86 13.129A6.333 6.333 0 0 1 32 16.77a6.419 6.419 0 0 1-1.162 3.652 6.382 6.382 0 0 1-3.032 2.331 4.833 4.833 0 0 1-1.672 5.542 4.789 4.789 0 0 1-5.77-.074 9.016 9.016 0 0 1-4.5 3.322 8.982 8.982 0 0 1-5.587.023 9.014 9.014 0 0 1-4.526-3.287 9.067 9.067 0 0 1-1.727-5.333c0-.579.053-1.156.16-1.725A6.305 6.305 0 0 1 1.145 18.9 6.341 6.341 0 0 1 0 15.242a6.42 6.42 0 0 1 1.163-3.652 6.384 6.384 0 0 1 3.035-2.33 4.833 4.833 0 0 1 1.658-5.557 4.789 4.789 0 0 1 5.78.07 9.037 9.037 0 0 1 4.93-3.446 9.007 9.007 0 0 1 5.994.419 9.05 9.05 0 0 1 4.407 4.098 9.097 9.097 0 0 1 .873 5.965 6.298 6.298 0 0 1 3.02 2.32Zm-18.28.658 7.002 3.211 7.066-6.213a7.85 7.85 0 0 0 .152-1.557c0-1.692-.539-3.34-1.54-4.704a7.897 7.897 0 0 0-4.02-2.869 7.87 7.87 0 0 0-4.932.086 7.9 7.9 0 0 0-3.92 3.007l-1.174 6.118 1.367 2.92-.001.001Zm-7.247 7.441A7.964 7.964 0 0 0 6.72 27.53a7.918 7.918 0 0 0 4.04 2.874 7.89 7.89 0 0 0 4.95-.097 7.92 7.92 0 0 0 3.926-3.03l1.166-6.102-1.555-2.985-7.03-3.211-6.885 6.248.001.001Zm4.755-11.024-4.8-1.137.002-.002a3.82 3.82 0 0 1 1.312-4.358 3.785 3.785 0 0 1 4.538.023l-1.052 5.474Zm-5.216.01a5.294 5.294 0 0 0-2.595 1.882 5.324 5.324 0 0 0-.142 6.124 5.287 5.287 0 0 0 2.505 2l6.733-6.101-1.235-2.65-5.266-1.255Zm18.286 17.848a3.737 3.737 0 0 1-2.285-.785l1.037-5.454 4.8 1.125a3.812 3.812 0 0 1-1.801 4.68c-.54.283-1.14.432-1.751.434Zm-1.31-7.499 5.28 1.238a5.34 5.34 0 0 0 2.622-1.938 5.37 5.37 0 0 0 1.013-3.106 5.311 5.311 0 0 0-.936-3.01 5.282 5.282 0 0 0-2.475-1.944l-6.904 6.07 1.4 2.69Z",
-    className: "outline",
-    clipRule: "evenodd"
+    fill: "#0B64DD",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "M27.565 11.242c5.1 1.94 4.872 9.396-.245 11.127l-.162.055-.167-.039-5.28-1.238-.268-.063-.127-.244-1.4-2.69-.217-.417.352-.31 6.904-6.07.272-.24.338.13Z"
   }), (0, _react2.jsx)("path", {
-    fill: "#FEC514",
-    d: "m12.58 13.787 7.002 3.211 7.066-6.213a7.849 7.849 0 0 0 .152-1.557c0-1.692-.539-3.34-1.54-4.704a7.897 7.897 0 0 0-4.02-2.869 7.87 7.87 0 0 0-4.932.086 7.9 7.9 0 0 0-3.92 3.007l-1.174 6.118 1.367 2.92-.001.001Z"
+    fill: "#9ADC30",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "m22.047 21.239 4.8 1.125.316.074.11.304.066.19c.623 1.964-.26 3.78-1.652 4.797-1.434 1.048-3.51 1.32-5.182.022l-.29-.225.069-.361 1.037-5.454.117-.615.61.143Z"
   }), (0, _react2.jsx)("path", {
-    fill: "#00BFB3",
-    d: "M5.333 21.228A7.964 7.964 0 0 0 6.72 27.53a7.918 7.918 0 0 0 4.04 2.874 7.89 7.89 0 0 0 4.95-.097 7.92 7.92 0 0 0 3.926-3.03l1.166-6.102-1.555-2.985-7.03-3.211-6.885 6.248.001.001Z"
+    fill: "#1BA9F5",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "m5.01 9.63 5.267 1.255.283.067.122.264 1.235 2.65.187.4-.328.298-6.733 6.1-.272.248-.345-.132C1.939 19.83.72 17.456.752 15.153c.032-2.308 1.321-4.644 3.932-5.508l.162-.054.165.039Z"
   }), (0, _react2.jsx)("path", {
     fill: "#F04E98",
-    d: "m5.288 9.067 4.8 1.137L11.14 4.73a3.785 3.785 0 0 0-5.914 1.94 3.82 3.82 0 0 0 .064 2.395"
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "M6.281 4.32c1.416-1.08 3.48-1.387 5.222-.069l.297.226-.07.366-1.053 5.474-.118.615-.609-.144-4.8-1.137-.316-.075-.11-.306c-.709-1.967.149-3.876 1.557-4.95Z"
   }), (0, _react2.jsx)("path", {
-    fill: "#1BA9F5",
-    d: "M4.872 10.214a5.294 5.294 0 0 0-2.595 1.882 5.324 5.324 0 0 0-.142 6.124 5.287 5.287 0 0 0 2.505 2l6.733-6.101-1.235-2.65-5.266-1.255Z"
+    fill: "#02BCB7",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "m12.466 14.433 7.03 3.211.188.086.095.183 1.555 2.985.096.184-.04.206-1.165 6.101-.024.122-.068.103c-2.68 3.958-6.902 4.71-10.268 3.26-3.356-1.447-5.834-5.07-5.126-9.736l.033-.21.158-.144 6.884-6.25.293-.265.36.164Z"
   }), (0, _react2.jsx)("path", {
-    fill: "#93C90E",
-    d: "M20.873 27.277a3.736 3.736 0 0 0 2.285.785 3.783 3.783 0 0 0 3.101-1.63 3.812 3.812 0 0 0 .451-3.484l-4.8-1.125-1.037 5.454Z"
-  }), (0, _react2.jsx)("path", {
-    fill: "#07C",
-    d: "m21.848 20.563 5.28 1.238a5.34 5.34 0 0 0 2.622-1.938 5.37 5.37 0 0 0 1.013-3.106 5.312 5.312 0 0 0-.936-3.01 5.283 5.283 0 0 0-2.475-1.944l-6.904 6.07 1.4 2.69Z"
+    fill: "#FEC514",
+    stroke: "#fff",
+    strokeWidth: 1.2,
+    d: "M11.892 4.41C14.438.676 18.741.105 22.134 1.54c3.392 1.433 5.99 4.92 5.102 9.362l-.039.2-.153.133-7.066 6.213-.293.258-.353-.163-7.002-3.21-.201-.093-.094-.2-1.38-2.988-.081-.177.037-.19L11.8 4.633l.023-.121.07-.102Z"
   }));
 };
 var icon = exports.icon = EuiIconLogoElastic;

package/optimize/lib/components/icon/icon.styles.js

@@ -64,7 +64,7 @@ var euiIconStyles = exports.euiIconStyles = function euiIconStyles(_ref3) {
     xxl: /*#__PURE__*/(0, _react.css)((0, _global_styling.logicalSizeCSS)(euiTheme.size.xxl), ";label:xxl;"),
     // Variants
     // App icons are two-toned. This provides the base color.
-    app: /*#__PURE__*/(0, _react.css)("fill:", euiTheme.colors.textParagraph, ";.euiIcon__fillSecondary{fill:", euiTheme.colors.textSuccess, ";};label:app;"),
+    app: /*#__PURE__*/(0, _react.css)("fill:", euiTheme.colors.textParagraph, ";.euiIcon__fillSecondary{fill:", euiTheme.colors.primary, ";};label:app;"),
     logo: /*#__PURE__*/(0, _react.css)(";label:logo;"),
     // Loading states
     isLoading: /*#__PURE__*/(0, _react.css)("opacity:", iconLoadingOpacity, ";background-color:currentColor;border-radius:", euiTheme.border.radius.small, ";;label:isLoading;"),

package/optimize/lib/components/icon/svgs/logo_elastic.svg

@@ -1,10 +1,8 @@
 <svg data-type="logoElastic" xmlns="http://www.w3.org/2000/svg" width="32" height="32" fill="none" viewBox="0 0 32 32">
-<path class="outline" fill-rule="evenodd" clip-rule="evenodd" d="M30.86 13.129C31.6052 14.1966 32.0033 15.468 32 16.77C31.9936 18.0773 31.5882 19.3514 30.838 20.422C30.0894 21.4906 29.0312 22.3042 27.806 22.753C28.1629 23.7335 28.1929 24.8031 27.8916 25.802C27.5902 26.8009 26.9736 27.6755 26.134 28.295C25.295 28.9116 24.2778 29.238 23.2366 29.2246C22.1955 29.2113 21.187 28.8589 20.364 28.221C19.2541 29.7774 17.6783 30.9407 15.864 31.543C14.0515 32.1444 12.0945 32.1525 10.277 31.566C8.45799 30.978 6.87298 29.8269 5.75104 28.279C4.62651 26.7284 4.02194 24.8615 4.02404 22.946C4.02379 22.3673 4.07735 21.7898 4.18404 21.221C2.9552 20.7806 1.89335 19.9696 1.14504 18.9C0.39516 17.828 -0.00478353 16.5502 4.31788e-05 15.242C0.00682072 13.9346 0.412573 12.6605 1.16304 11.59C1.9127 10.5213 2.97195 9.70809 4.19804 9.25999C3.83609 8.27903 3.80204 7.20715 4.10098 6.20519C4.39993 5.20323 5.01576 4.32525 5.85604 3.70299C6.69557 3.08341 7.71447 2.75496 8.7578 2.7676C9.80112 2.78023 10.8118 3.13326 11.636 3.77299C12.8377 2.09509 14.5774 0.879022 16.566 0.326994C18.5531 -0.223542 20.6689 -0.0756406 22.56 0.745994C24.4535 1.56929 26.0085 3.01527 26.967 4.84399C27.9275 6.67533 28.2354 8.77923 27.84 10.809C29.062 11.2522 30.1169 12.0625 30.86 13.129ZM12.58 13.787L19.582 16.998L26.648 10.785C26.7504 10.2723 26.8013 9.75076 26.8 9.22799C26.8008 7.536 26.2612 5.88798 25.26 4.52399C24.2612 3.16246 22.8523 2.15694 21.24 1.65499C19.6293 1.15439 17.9004 1.18454 16.308 1.74099C14.7135 2.29846 13.3396 3.35235 12.388 4.74799L11.214 10.866L12.581 13.786L12.58 13.787ZM5.33304 21.228C5.11173 22.3171 5.12081 23.4404 5.35968 24.5258C5.59856 25.6111 6.06194 26.6345 6.72004 27.53C7.72432 28.8958 9.14043 29.9032 10.76 30.404C12.3777 30.9036 14.1132 30.8696 15.71 30.307C17.3093 29.7433 18.6854 28.6812 19.636 27.277L20.802 21.175L19.247 18.19L12.217 14.979L5.33204 21.227L5.33304 21.228ZM10.088 10.204L5.28804 9.06699L5.29004 9.06499C5.01232 8.29395 4.98993 7.45402 5.22618 6.66928C5.46244 5.88453 5.9448 5.19657 6.60204 4.70699C7.25933 4.21987 8.05676 3.95883 8.87487 3.96298C9.69298 3.96713 10.4877 4.23624 11.14 4.72999L10.088 10.204ZM4.87204 10.214C3.83333 10.5581 2.92676 11.2156 2.27704 12.096C1.62569 12.9779 1.2625 14.0394 1.23708 15.1355C1.21167 16.2316 1.52527 17.3088 2.13504 18.22C2.74404 19.13 3.61904 19.83 4.64004 20.22L11.373 14.119L10.138 11.469L4.87204 10.214ZM23.158 28.062C22.3305 28.0606 21.5268 27.7845 20.873 27.277L21.91 21.823L26.71 22.948C26.9197 23.5223 26.9882 24.1387 26.9097 24.745C26.8312 25.3514 26.608 25.93 26.259 26.432C25.9119 26.9336 25.4486 27.3438 24.9086 27.6276C24.3686 27.9114 23.7681 28.0604 23.158 28.062ZM21.848 20.563L27.128 21.801C28.1827 21.4441 29.0995 20.7665 29.75 19.863C30.4021 18.958 30.7562 17.8724 30.763 16.757C30.7628 15.6821 30.4364 14.6325 29.827 13.747C29.2187 12.8626 28.3554 12.1845 27.352 11.803L20.448 17.873L21.848 20.563Z" fill="white"/>
-<path d="M12.58 13.787L19.582 16.998L26.648 10.785C26.7504 10.2724 26.8013 9.75076 26.8 9.228C26.8007 7.53601 26.2612 5.88799 25.26 4.524C24.2612 3.16247 22.8523 2.15694 21.24 1.655C19.6293 1.1544 17.9003 1.18455 16.308 1.741C14.7135 2.29847 13.3396 3.35236 12.388 4.748L11.214 10.866L12.581 13.786L12.58 13.787Z" fill="#FEC514"/>
-<path d="M5.333 21.228C5.11169 22.3171 5.12076 23.4404 5.35964 24.5258C5.59851 25.6111 6.0619 26.6345 6.72 27.53C7.72427 28.8958 9.14039 29.9032 10.76 30.404C12.3777 30.9036 14.1131 30.8696 15.71 30.307C17.3093 29.7433 18.6854 28.6812 19.636 27.277L20.802 21.175L19.247 18.19L12.217 14.979L5.332 21.227L5.333 21.228Z" fill="#00BFB3"/>
-<path d="M5.288 9.067L10.088 10.204L11.14 4.73C10.4877 4.23624 9.69294 3.96713 8.87483 3.96299C8.05672 3.95884 7.25929 4.21988 6.602 4.707C5.94476 5.19657 5.46239 5.88454 5.22614 6.66928C4.98989 7.45403 5.01228 8.29395 5.29 9.065" fill="#F04E98"/>
-<path d="M4.872 10.214C3.83329 10.5581 2.92672 11.2156 2.277 12.096C1.62565 12.9779 1.26245 14.0394 1.23704 15.1355C1.21162 16.2316 1.52522 17.3088 2.135 18.22C2.744 19.13 3.619 19.83 4.64 20.22L11.373 14.119L10.138 11.469L4.872 10.214V10.214Z" fill="#1BA9F5"/>
-<path d="M20.873 27.277C21.5267 27.7845 22.3304 28.0606 23.158 28.062C23.768 28.0605 24.3686 27.9114 24.9086 27.6276C25.4485 27.3438 25.9118 26.9336 26.259 26.432C26.608 25.93 26.8312 25.3514 26.9096 24.745C26.9881 24.1387 26.9197 23.5223 26.71 22.948L21.91 21.823L20.873 27.277Z" fill="#93C90E"/>
-<path d="M21.848 20.563L27.128 21.801C28.1827 21.4441 29.0994 20.7666 29.75 19.863C30.4021 18.958 30.7561 17.8724 30.763 16.757C30.7627 15.6821 30.4364 14.6325 29.827 13.747C29.2187 12.8626 28.3553 12.1845 27.352 11.803L20.448 17.873L21.848 20.563V20.563Z" fill="#0077CC"/>
-</svg>
-
+<path d="M27.5648 11.2425C32.6654 13.182 32.4373 20.6378 27.3197 22.3694L27.1576 22.4241L26.9906 22.3851L21.7103 21.1468L21.4427 21.0843L21.3158 20.8401L19.9154 18.1497L19.6986 17.7327L20.0511 17.4222L26.9554 11.3528L27.2269 11.1136L27.5648 11.2425Z" fill="#0B64DD" stroke="white" stroke-width="1.2"/>
+<path d="M22.0472 21.239L26.847 22.364L27.1625 22.4382L27.2738 22.7419L27.3392 22.9324C27.9615 24.8962 27.0797 26.7117 25.6869 27.7292C24.2528 28.7767 22.1775 29.0488 20.5052 27.7507L20.2152 27.5261L20.2836 27.1648L21.3207 21.7107L21.4379 21.0964L22.0472 21.239Z" fill="#9ADC30" stroke="white" stroke-width="1.2"/>
+<path d="M5.01074 9.62997L10.2773 10.8849L10.5596 10.9522L10.6816 11.2159L11.917 13.8653L12.1035 14.2667L11.7764 14.5636L5.04297 20.6642L4.77051 20.9122L4.42578 20.7804C1.9389 19.8303 0.720407 17.4558 0.751953 15.1534C0.783686 12.8453 2.07305 10.5094 4.68359 9.64462L4.8457 9.59091L5.01074 9.62997Z" fill="#1BA9F5" stroke="white" stroke-width="1.2"/>
+<path d="M6.28101 4.31982C7.69723 3.2394 9.76135 2.9334 11.5027 4.25146L11.7996 4.47705L11.7292 4.84326L10.6775 10.3169L10.5593 10.9321L9.94995 10.7876L5.15015 9.65088L4.83374 9.57568L4.72339 9.27002C4.01507 7.30295 4.87263 5.39429 6.28101 4.31982Z" fill="#F04E98" stroke="white" stroke-width="1.2"/>
+<path d="M12.4661 14.4331L19.4963 17.644L19.6838 17.73L19.7786 17.9126L21.3342 20.8979L21.4299 21.0825L21.3909 21.2876L20.2249 27.3892L20.2014 27.5112L20.1331 27.6138C17.4534 31.572 13.2305 32.3245 9.8645 30.8735C6.50932 29.4272 4.0307 25.8044 4.7395 21.1382L4.77173 20.9272L4.92993 20.7837L11.8137 14.5347L12.1067 14.269L12.4661 14.4331Z" fill="#02BCB7" stroke="white" stroke-width="1.2"/>
+<path d="M11.8923 4.41022C14.4381 0.676426 18.741 0.105303 22.1335 1.53912C25.5263 2.97302 28.1231 6.45979 27.2361 10.9024L27.197 11.1016L27.0437 11.2354L19.9783 17.4483L19.6853 17.7061L19.3318 17.543L12.3298 14.3321L12.1287 14.2403L12.0349 14.0391L10.655 11.0518L10.574 10.8751L10.6111 10.6846L11.7996 4.63287L11.823 4.51178L11.8923 4.41022Z" fill="#FEC514" stroke="white" stroke-width="1.2"/>
+</svg>

package/optimize/lib/components/loading/loading_elastic.styles.js

@@ -16,7 +16,7 @@ var _templateObject;
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
  */
-var loadingElastic = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    transform: scale3d(.2, .2, -.7);\n    opacity: .2;\n  }\n\n  40% {\n    transform: scale3d(1, 1, 2);\n    opacity: 1;\n  }\n\n  50% {\n    transform: scale3d(.99, .99, 2);\n  }\n\n  70% {\n    transform: scale3d(.96, .96, -2.5);\n  }\n\n  100% {\n    transform: scale3d(.98, .98, 2);\n  }\n"])));
+var loadingElastic = (0, _react.keyframes)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2.default)(["\n  0% {\n    transform: scale3d(.2, .2, -.7);\n  }\n\n  40% {\n    transform: scale3d(1, 1, 2);\n  }\n\n  50% {\n    transform: scale3d(.99, .99, 2);\n  }\n\n  70% {\n    transform: scale3d(.96, .96, -2.5);\n  }\n\n  100% {\n    transform: scale3d(.98, .98, 2);\n  }\n"])));
 var euiLoadingElasticStyles = exports.euiLoadingElasticStyles = {
-  euiLoadingElastic: /*#__PURE__*/(0, _react.css)("position:relative;display:inline-block;& path{", _global_styling.euiCanAnimate, "{animation-name:", loadingElastic, ";animation-fill-mode:forwards;animation-direction:alternate;transform-style:preserve-3d;animation-duration:1s;animation-timing-function:cubic-bezier(0, 0.63, 0.49, 1);animation-iteration-count:infinite;transform-origin:50% 50%;}&:nth-of-type(1){display:none;}&:nth-of-type(2){animation-delay:0.035s;}&:nth-of-type(3){animation-delay:0.125s;}&:nth-of-type(4){animation-delay:0.155s;}&:nth-of-type(5){animation-delay:0.075s;}&:nth-of-type(6){animation-delay:0.06s;}};label:euiLoadingElastic;")
+  euiLoadingElastic: /*#__PURE__*/(0, _react.css)("position:relative;display:inline-block;& path{", _global_styling.euiCanAnimate, "{animation-name:", loadingElastic, ";animation-fill-mode:forwards;animation-direction:alternate;transform-style:preserve-3d;animation-duration:1s;animation-timing-function:cubic-bezier(0, 0.63, 0.49, 1);animation-iteration-count:infinite;transform-origin:50% 50%;}&:nth-of-type(1){animation-delay:0;}&:nth-of-type(2){animation-delay:0.035s;}&:nth-of-type(3){animation-delay:0.125s;}&:nth-of-type(4){animation-delay:0.155s;}&:nth-of-type(5){animation-delay:0.075s;}&:nth-of-type(6){animation-delay:0.06s;}};label:euiLoadingElastic;")
 };

package/optimize/lib/components/provider/provider.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EuiProvider = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
+var _themes = require("../../themes");
 var _services = require("../../services");
 var _warning = require("../../services/theme/warning");
 var _css = require("../../services/emotion/css");
@@ -33,7 +33,7 @@ var EuiProvider = exports.EuiProvider = function EuiProvider(_ref) {
   var _ref$cache = _ref.cache,
     cache = _ref$cache === void 0 ? _css.cache : _ref$cache,
     _ref$theme = _ref.theme,
-    theme = _ref$theme === void 0 ? _euiThemeBorealis.EuiThemeBorealis : _ref$theme,
+    theme = _ref$theme === void 0 ? _themes.EuiThemeAmsterdam : _ref$theme,
     _ref$globalStyles = _ref.globalStyles,
     Globals = _ref$globalStyles === void 0 ? _global_styles.EuiGlobalStyles : _ref$globalStyles,
     _ref$utilityClasses = _ref.utilityClasses,

package/optimize/lib/components/selectable/selectable.js

@@ -42,15 +42,16 @@ function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.
  * 2.0 and the Server Side Public License, v 1; you may not use this file except
  * in compliance with, at your election, the Elastic License 2.0 or the Server
  * Side Public License, v 1.
- */ // The `searchable` prop has significant implications for a11y.
-// When present, we effectively change from adhering
-// to the ARIA `listbox` spec (https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox)
-// to the ARIA `combobox` spec (https://www.w3.org/TR/wai-aria-practices-1.2/#combobox)
-// and (re)implement all relevant attributes and keyboard interactions.
-// Take note of logic that relies on `searchable` to ensure that any
-// modifications remain in alignment.
-//
-// `searchProps` can only be specified when `searchable` is true
+ */ /**
+ * The `searchable` prop has significant implications for a11y. When present, we effectively change from adhering to the
+ * - ARIA `listbox` spec (@see https://www.w3.org/TR/wai-aria-practices-1.2/#Listbox)
+ * - ARIA `combobox` spec (@see https://www.w3.org/TR/wai-aria-practices-1.2/#combobox)
+ *
+ * and (re)implement all relevant attributes and keyboard interactions.
+ * Take note of logic that relies on `searchable` to ensure that any modifications remain in alignment.
+ *
+ * `searchProps` can only be specified when `searchable` is `true`.
+ */
 var EuiSelectable = exports.EuiSelectable = /*#__PURE__*/function (_Component) {
   function EuiSelectable(props) {
     var _searchProps$onChange;

package/optimize/lib/components/toast/global_toast_list.js

@@ -8,6 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.TOAST_FADE_OUT_MS = exports.SIDES = exports.EuiGlobalToastList = exports.CLEAR_ALL_TOASTS_THRESHOLD_DEFAULT = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
@@ -57,10 +58,10 @@ var EuiGlobalToastList = exports.EuiGlobalToastList = function EuiGlobalToastLis
     _useState2 = (0, _slicedToArray2.default)(_useState, 2),
     toastIdToDismissedMap = _useState2[0],
     setToastIdToDismissedMap = _useState2[1];
-  var _useState3 = (0, _react.useState)(),
+  var _useState3 = (0, _react.useState)([]),
     _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    toastToDismiss = _useState4[0],
-    setToastToDismiss = _useState4[1];
+    toastsToDismiss = _useState4[0],
+    setToastsToDismiss = _useState4[1];
   var prevToasts = (0, _react.useRef)([]);
   var dismissTimeoutIds = (0, _react.useRef)([]);
   var toastIdToTimerMap = (0, _react.useRef)({});
@@ -134,7 +135,9 @@ var EuiGlobalToastList = exports.EuiGlobalToastList = function EuiGlobalToastLis
   var dismissToast = (0, _react.useCallback)(function (toast) {
     // Remove the toast after it's done fading out.
     dismissTimeoutIds.current.push(window.setTimeout(function () {
-      setToastToDismiss(toast);
+      setToastsToDismiss(function (toasts) {
+        return [].concat((0, _toConsumableArray2.default)(toasts), [toast]);
+      });
     }, TOAST_FADE_OUT_MS));
     setToastIdToDismissedMap(function (prev) {
       return _objectSpread(_objectSpread({}, prev), {}, (0, _defineProperty2.default)({}, toast.id, true));
@@ -204,22 +207,23 @@ var EuiGlobalToastList = exports.EuiGlobalToastList = function EuiGlobalToastLis
   // Toast dismissal side effect
   // Ensure the callback has correct state by not enclosing it in `setTimeout`
   (0, _react.useEffect)(function () {
-    var toast = toastToDismiss;
-    // Because this is triggered by a setTimeout, and because React does not guarantee when
-    // state updates happen, it is possible to double-dismiss a toast
-    // including by double-clicking the "x" button on the toast
-    // so, first check to make sure we haven't already dismissed this toast
-    if (toast && toastIdToTimerMap.current.hasOwnProperty(toast.id)) {
-      dismissToastProp(toast);
-      toastIdToTimerMap.current[toast.id].clear();
-      delete toastIdToTimerMap.current[toast.id];
-      setToastIdToDismissedMap(function (prev) {
-        var toastIdToDismissedMap = _objectSpread({}, prev);
-        delete toastIdToDismissedMap[toast.id];
-        return toastIdToDismissedMap;
-      });
-    }
-  }, [toastToDismiss, dismissToastProp]);
+    toastsToDismiss.forEach(function (toast) {
+      // Because this is triggered by a setTimeout, and because React does not guarantee when
+      // state updates happen, it is possible to double-dismiss a toast
+      // including by double-clicking the "x" button on the toast
+      // so, first check to make sure we haven't already dismissed this toast
+      if (toast && toastIdToTimerMap.current.hasOwnProperty(toast.id)) {
+        dismissToastProp(toast);
+        toastIdToTimerMap.current[toast.id].clear();
+        delete toastIdToTimerMap.current[toast.id];
+        setToastIdToDismissedMap(function (prev) {
+          var toastIdToDismissedMap = _objectSpread({}, prev);
+          delete toastIdToDismissedMap[toast.id];
+          return toastIdToDismissedMap;
+        });
+      }
+    });
+  }, [toastsToDismiss, dismissToastProp]);
   var renderedToasts = (0, _react.useMemo)(function () {
     return toasts.map(function (toast) {
       var text = toast.text,

package/optimize/lib/services/color/vis_color_store.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.EUI_VIS_COLOR_STORE = void 0;
 var _euiThemeCommon = require("@elastic/eui-theme-common");
-var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
+var _colors_vis = require("../../themes/amsterdam/global_styling/variables/_colors_vis");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
  * or more contributor license agreements. Licensed under the Elastic License
@@ -15,4 +15,4 @@ var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
  */
 
 // initialsetup of Vis color storage with default colors
-var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_euiThemeBorealis.colorVis, true);
+var EUI_VIS_COLOR_STORE = exports.EUI_VIS_COLOR_STORE = _euiThemeCommon.EuiVisColorStore.getInstance(_colors_vis.colorVis, true);

package/optimize/lib/services/theme/context.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.defaultComputedTheme = exports.EuiThemeContext = exports.EuiSystemContext = exports.EuiNestedThemeContext = exports.EuiModificationsContext = exports.EuiHighContrastModeContext = exports.EuiColorModeContext = exports.DEFAULTS = void 0;
 var _react = require("react");
-var _euiThemeBorealis = require("@elastic/eui-theme-borealis");
+var _theme = require("../../themes/amsterdam/theme");
 var _utils = require("./utils");
 /*
  * Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
@@ -16,7 +16,7 @@ var _utils = require("./utils");
  */
 
 var DEFAULTS = exports.DEFAULTS = {
-  system: _euiThemeBorealis.EuiThemeBorealis,
+  system: _theme.EuiThemeAmsterdam,
   modifications: {},
   colorMode: _utils.DEFAULT_COLOR_MODE,
   highContrastMode: false

package/optimize/lib/services/theme/hooks.js

@@ -5,9 +5,10 @@ var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.withEuiTheme = exports.useEuiThemeCSSVariables = exports.useEuiTheme = exports.RenderWithEuiTheme = void 0;
+exports.withEuiTheme = exports.useIsDarkMode = exports.useEuiThemeCSSVariables = exports.useEuiTheme = exports.RenderWithEuiTheme = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireWildcard(require("react"));
+var _euiThemeCommon = require("@elastic/eui-theme-common");
 var _context = require("./context");
 var _warning = require("./warning");
 var _react2 = require("@emotion/react");
@@ -93,4 +94,14 @@ var useEuiThemeCSSVariables = exports.useEuiThemeCSSVariables = function useEuiT
     setNearestThemeCSSVariables: setNearestThemeCSSVariables,
     themeCSSVariables: themeCSSVariables
   };
+};
+
+/**
+ * Checks whether the current active `colorMode` is set to `DARK`;
+ * In case of nested providers this returns the value of the nearest provider context.
+ */
+var useIsDarkMode = exports.useIsDarkMode = function useIsDarkMode() {
+  var _useEuiTheme = useEuiTheme(),
+    colorMode = _useEuiTheme.colorMode;
+  return colorMode === _euiThemeCommon.COLOR_MODES_STANDARD.dark;
 };

package/optimize/lib/services/theme/index.js

@@ -147,6 +147,12 @@ Object.defineProperty(exports, "useEuiThemeCSSVariables", {
     return _hooks.useEuiThemeCSSVariables;
   }
 });
+Object.defineProperty(exports, "useIsDarkMode", {
+  enumerable: true,
+  get: function get() {
+    return _hooks.useIsDarkMode;
+  }
+});
 Object.defineProperty(exports, "withEuiStylesMemoizer", {
   enumerable: true,
   get: function get() {