diff --git a/package.json b/package.json index f47dc627b86a8a..1f37d824c6c97f 100644 --- a/package.json +++ b/package.json @@ -95,7 +95,7 @@ }, "dependencies": { "@elastic/datemath": "5.0.2", - "@elastic/eui": "9.0.2", + "@elastic/eui": "9.2.1", "@elastic/filesaver": "1.1.2", "@elastic/good": "8.1.1-kibana2", "@elastic/numeral": "2.3.2", diff --git a/packages/kbn-ui-framework/dist/kui_dark.css b/packages/kbn-ui-framework/dist/kui_dark.css index c688f6ef42a57a..0565eeebba03c6 100644 --- a/packages/kbn-ui-framework/dist/kui_dark.css +++ b/packages/kbn-ui-framework/dist/kui_dark.css @@ -57,13 +57,8 @@ * 5. Fixing this bug means we now need to align the children to the right. */ :focus:not([class^="eui"]) { - z-index: 1; - /* 1 */ - outline: none !important; - /* 2 */ - -webkit-box-shadow: 0 0 0 1px #222, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px #222, 0 0 0 2px #4DA1C0; - /* 3 */ } + -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; + animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; } /** * 1. Required for IE11. @@ -144,7 +139,7 @@ main { appearance: none; cursor: pointer; padding: 4px 12px 5px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; height: 30px; @@ -205,26 +200,26 @@ main { * 1. Override Bootstrap. */ .kuiButton--basic { - color: #DDD; - background-color: #242424; } + color: #DFE5EF; + background-color: #25262E; } .kuiButton--basic:not(a):enabled:focus { - color: #DDD; } + color: #DFE5EF; } a.kuiButton--basic:not(.kuiButton-isDisabled):focus { /* 1 */ - color: #DDD; } + color: #DFE5EF; } .kuiButton--basic:enabled:hover { - background-color: #0b0b0b !important; + background-color: #0e0f12 !important; /* 1 */ } a.kuiButton--basic:not(.kuiButton-isDisabled):hover { /* 1 */ - background-color: #0b0b0b !important; + background-color: #0e0f12 !important; /* 1 */ } .kuiButton--basic:enabled:active { - background-color: #0b0b0b !important; + background-color: #0e0f12 !important; /* 1 */ } a.kuiButton--basic:not(.kuiButton-isDisabled):active { /* 1 */ - background-color: #0b0b0b !important; + background-color: #0e0f12 !important; /* 1 */ } /** @@ -232,7 +227,7 @@ main { */ .kuiButton--primary { color: #FFF; - background-color: #4DA1C0; } + background-color: #1BA9F5; } .kuiButton--primary:not(a):enabled:focus { color: #FFF; } a.kuiButton--primary:not(.kuiButton-isDisabled):focus { @@ -241,28 +236,28 @@ main { .kuiButton--primary:enabled:hover { color: #FFF !important; /* 1 */ - background-color: #3985a1; } + background-color: #098dd4; } a.kuiButton--primary:not(.kuiButton-isDisabled):hover { /* 1 */ color: #FFF !important; /* 1 */ - background-color: #3985a1; } + background-color: #098dd4; } .kuiButton--primary:enabled:active { color: #FFF !important; /* 1 */ - background-color: #3985a1; } + background-color: #098dd4; } a.kuiButton--primary:not(.kuiButton-isDisabled):active { /* 1 */ color: #FFF !important; /* 1 */ - background-color: #3985a1; } + background-color: #098dd4; } /** * 1. Override Bootstrap. */ .kuiButton--success { color: #FFF; - background-color: #017D73; } + background-color: #7DE2D1; } .kuiButton--success:not(a):enabled:focus { color: #FFF; } a.kuiButton--success:not(.kuiButton-isDisabled):focus { @@ -271,79 +266,79 @@ main { .kuiButton--success:enabled:hover { color: #FFF !important; /* 1 */ - background-color: #014a44; } + background-color: #53d9c2; } a.kuiButton--success:not(.kuiButton-isDisabled):hover { /* 1 */ color: #FFF !important; /* 1 */ - background-color: #014a44; } + background-color: #53d9c2; } .kuiButton--success:enabled:active { color: #FFF !important; /* 1 */ - background-color: #014a44; } + background-color: #53d9c2; } a.kuiButton--success:not(.kuiButton-isDisabled):active { /* 1 */ color: #FFF !important; /* 1 */ - background-color: #014a44; } + background-color: #53d9c2; } /** * 1. Override Bootstrap. */ .kuiButton--danger { - color: #BF4D4D; - border: solid 1px #BF4D4D; } + color: #F66; + border: solid 1px #F66; } .kuiButton--danger:not(a):enabled:focus { z-index: 1; /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #222, 0 0 0 2px #BF4D4D; - box-shadow: 0 0 0 1px #222, 0 0 0 2px #BF4D4D; + -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66; + box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66; /* 3 */ - color: #BF4D4D; } + color: #F66; } a.kuiButton--danger:not(.kuiButton-isDisabled):focus { /* 1 */ z-index: 1; /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #222, 0 0 0 2px #BF4D4D; - box-shadow: 0 0 0 1px #222, 0 0 0 2px #BF4D4D; + -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66; + box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66; /* 3 */ - color: #BF4D4D; } + color: #F66; } .kuiButton--danger:enabled:hover { - color: #a03939 !important; - border: solid 1px #a03939; - background-color: rgba(191, 77, 77, 0.1); } + color: #ff3333 !important; + border: solid 1px #ff3333; + background-color: rgba(255, 102, 102, 0.1); } a.kuiButton--danger:not(.kuiButton-isDisabled):hover { /* 1 */ - color: #a03939 !important; - border: solid 1px #a03939; - background-color: rgba(191, 77, 77, 0.1); } + color: #ff3333 !important; + border: solid 1px #ff3333; + background-color: rgba(255, 102, 102, 0.1); } .kuiButton--danger:enabled:active { - color: #a03939 !important; - border: solid 1px #a03939; - background-color: rgba(191, 77, 77, 0.1); } + color: #ff3333 !important; + border: solid 1px #ff3333; + background-color: rgba(255, 102, 102, 0.1); } a.kuiButton--danger:not(.kuiButton-isDisabled):active { /* 1 */ - color: #a03939 !important; - border: solid 1px #a03939; - background-color: rgba(191, 77, 77, 0.1); } + color: #ff3333 !important; + border: solid 1px #ff3333; + background-color: rgba(255, 102, 102, 0.1); } /** * 1. Override Bootstrap. */ .kuiButton--warning { color: #FFF; - background-color: #C06C4C; } + background-color: #FFCE7A; } .kuiButton--warning:not(a):enabled:focus { z-index: 1; /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #222, 0 0 0 2px #C06C4C; - box-shadow: 0 0 0 1px #222, 0 0 0 2px #C06C4C; + -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #FFCE7A; + box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #FFCE7A; /* 3 */ color: #FFF; } a.kuiButton--warning:not(.kuiButton-isDisabled):focus { @@ -352,89 +347,89 @@ main { /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #222, 0 0 0 2px #C06C4C; - box-shadow: 0 0 0 1px #222, 0 0 0 2px #C06C4C; + -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #FFCE7A; + box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #FFCE7A; /* 3 */ color: #FFF; } .kuiButton--warning:enabled:hover { color: #FFF !important; /* 1 */ - background-color: #a15538; } + background-color: #ffbb47; } a.kuiButton--warning:not(.kuiButton-isDisabled):hover { /* 1 */ color: #FFF !important; /* 1 */ - background-color: #a15538; } + background-color: #ffbb47; } .kuiButton--warning:enabled:active { color: #FFF !important; /* 1 */ - background-color: #a15538; } + background-color: #ffbb47; } a.kuiButton--warning:not(.kuiButton-isDisabled):active { /* 1 */ color: #FFF !important; /* 1 */ - background-color: #a15538; } + background-color: #ffbb47; } .kuiButton--warning:disabled { - background-color: #cd8b72; } + background-color: #ffe1ad; } a.kuiButton--warning.kuiButton-isDisabled { - background-color: #cd8b72; } + background-color: #ffe1ad; } /** * 1. Override Bootstrap. * 2. Override either Bootstrap or Timelion styles. */ .kuiButton--hollow { - color: #4DA1C0 !important; + color: #1BA9F5 !important; /* 2 */ background-color: transparent; } .kuiButton--hollow:enabled:hover { - color: #3985a1 !important; + color: #098dd4 !important; /* 1 */ text-decoration: underline; } a.kuiButton--hollow:not(.kuiButton-isDisabled):hover { /* 1 */ - color: #3985a1 !important; + color: #098dd4 !important; /* 1 */ text-decoration: underline; } .kuiButton--hollow:enabled:active { - color: #3985a1 !important; + color: #098dd4 !important; /* 1 */ text-decoration: underline; } a.kuiButton--hollow:not(.kuiButton-isDisabled):active { /* 1 */ - color: #3985a1 !important; + color: #098dd4 !important; /* 1 */ text-decoration: underline; } .kuiButton--secondary { - color: #4DA1C0 !important; + color: #1BA9F5 !important; /* 2 */ - border: solid 1px #4DA1C0; } + border: solid 1px #1BA9F5; } .kuiButton--secondary:enabled:hover { - color: #3985a1 !important; + color: #098dd4 !important; /* 1 */ - border: solid 1px #3985a1; - background-color: rgba(77, 161, 192, 0.1); + border: solid 1px #098dd4; + background-color: rgba(27, 169, 245, 0.1); text-decoration: underline; } a.kuiButton--secondary:not(.kuiButton-isDisabled):hover { /* 1 */ - color: #3985a1 !important; + color: #098dd4 !important; /* 1 */ - border: solid 1px #3985a1; - background-color: rgba(77, 161, 192, 0.1); + border: solid 1px #098dd4; + background-color: rgba(27, 169, 245, 0.1); text-decoration: underline; } .kuiButton--secondary:enabled:active { - color: #3985a1 !important; + color: #098dd4 !important; /* 1 */ - border: solid 1px #3985a1; - background-color: rgba(77, 161, 192, 0.1); + border: solid 1px #098dd4; + background-color: rgba(27, 169, 245, 0.1); text-decoration: underline; } a.kuiButton--secondary:not(.kuiButton-isDisabled):active { /* 1 */ - color: #3985a1 !important; + color: #098dd4 !important; /* 1 */ - border: solid 1px #3985a1; - background-color: rgba(77, 161, 192, 0.1); + border: solid 1px #098dd4; + background-color: rgba(27, 169, 245, 0.1); text-decoration: underline; } .kuiButtonGroup { @@ -494,7 +489,7 @@ main { border: none; line-height: 1; font-size: 16px; - color: #DDD !important; + color: #DFE5EF !important; /* 1 */ cursor: pointer; opacity: 0.35; } @@ -509,20 +504,20 @@ main { background-color: transparent; padding: 5px 0px; border: none; - border-bottom: dotted 2px #333; - font-size: 14px; + border-bottom: dotted 2px #343741; + font-size: 16px; cursor: pointer; } .kuiExpressionButton__description { - color: #017D73; + color: #7DE2D1; text-transform: uppercase; } .kuiExpressionButton__value { - color: #DDD; + color: #DFE5EF; text-transform: lowercase; } .kuiExpressionButton-isActive { - border-bottom: solid 2px #017D73; } + border-bottom: solid 2px #7DE2D1; } /** * 1. Set inline-block so this wrapper shrinks to fit the input. @@ -553,7 +548,7 @@ main { .kuiCheckBox { -webkit-appearance: none; /* 1 */ - background-color: #1b1b1b; + background-color: #16171c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; width: 16px; @@ -562,9 +557,9 @@ main { /* 2 */ margin: 0 !important; /* 2 */ - font: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; + font: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; /* 2 */ - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; /* 2 */ font-size: 10px !important; /* 2 */ @@ -581,8 +576,8 @@ main { -webkit-transition: opacity 0.1s linear; transition: opacity 0.1s linear; } .kuiCheckBox:checked { - border-color: #4DA1C0; - background-color: #4DA1C0; } + border-color: #1BA9F5; + background-color: #1BA9F5; } .kuiCheckBox:checked:before { opacity: 1; } .kuiCheckBox:focus { @@ -590,12 +585,12 @@ main { /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #222, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px #222, 0 0 0 2px #4DA1C0; + -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #1BA9F5; + box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #1BA9F5; /* 3 */ } .kuiCheckBox:disabled { - background-color: #1f1f1f !important; - border-color: #1f1f1f !important; + background-color: #202128 !important; + border-color: #202128 !important; cursor: not-allowed !important; } .kuiCheckBoxLabel { @@ -611,14 +606,14 @@ main { line-height: 1.5; } .kuiCheckBoxLabel__text { - font-size: 14px; + font-size: 16px; margin-left: 8px; } /** * 1. Override Bootstrap. */ .kuiLabel { - font-size: 14px; + font-size: 16px; line-height: 1.5; font-weight: bold; margin-bottom: 0; @@ -628,17 +623,17 @@ main { width: 180px; display: inline-block; position: relative; - font-size: 14px; + font-size: 16px; line-height: 1.5; } .kuiSearchInput.kuiSearchInput-isInvalid .kuiSearchInput__input { - border-color: #BF4D4D; } + border-color: #F66; } .kuiSearchInput__icon { position: absolute; top: 0.5em; left: 0.7em; font-size: 1em; - color: #494E51; } + color: #535966; } /** * 1. Make space for search icon. @@ -648,13 +643,13 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #DDD; - background-color: #1b1b1b; + color: #DFE5EF; + background-color: #16171c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; -webkit-transition: border-color 0.1s linear; @@ -666,10 +661,10 @@ main { width: 100%; /* 2 */ } .kuiSearchInput__input:invalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiSearchInput__input:focus { outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiSearchInput__input:disabled { opacity: 0.4; cursor: not-allowed; } @@ -687,13 +682,13 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #DDD; - background-color: #1b1b1b; + color: #DFE5EF; + background-color: #16171c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; -webkit-transition: border-color 0.1s linear; @@ -709,10 +704,10 @@ main { background-position: calc(100% - 8px); /* 2 */ } .kuiSelect:invalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiSelect:focus { outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiSelect:disabled { opacity: 0.4; cursor: not-allowed; } @@ -720,12 +715,12 @@ main { text-shadow: 0 0 0; /* 3 */ } .kuiSelect.kuiSelect-isInvalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiSelect:focus { -webkit-box-shadow: none; box-shadow: none; outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiSelect--small { width: 60px; } @@ -744,12 +739,12 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #DDD; + color: #DFE5EF; border: 1px solid transparent; /* 1 */ background-color: transparent; } @@ -759,13 +754,13 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #DDD; - background-color: #1b1b1b; + color: #DFE5EF; + background-color: #16171c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; -webkit-transition: border-color 0.1s linear; @@ -773,10 +768,10 @@ main { min-height: 32px; /* 1 */ } .kuiTextArea:invalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiTextArea:focus { outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiTextArea:disabled { opacity: 0.4; cursor: not-allowed; } @@ -784,9 +779,9 @@ main { -webkit-box-shadow: none; box-shadow: none; outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiTextArea.kuiTextArea-isInvalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiTextArea--nonResizable { resize: none; } @@ -802,13 +797,13 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #DDD; - background-color: #1b1b1b; + color: #DFE5EF; + background-color: #16171c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; -webkit-transition: border-color 0.1s linear; @@ -816,15 +811,15 @@ main { min-height: 32px; /* 1 */ } .kuiTextInput:invalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiTextInput:focus { outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiTextInput:disabled { opacity: 0.4; cursor: not-allowed; } .kuiTextInput.kuiTextInput-isInvalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiTextInput--small { width: 60px; } @@ -884,22 +879,22 @@ main { /* 1 */ } .kuiIcon--info { - color: #4DA1C0; } + color: #1BA9F5; } .kuiIcon--success { - color: #017D73; } + color: #7DE2D1; } .kuiIcon--warning { - color: #C06C4C; } + color: #FFCE7A; } .kuiIcon--error { - color: #BF4D4D; } + color: #F66; } .kuiIcon--inactive { - color: #333; } + color: #343741; } .kuiIcon--basic { - color: #8A8A8A; } + color: #98A2B3; } .kuiInfoPanel { padding: 14px 20px 18px; @@ -910,28 +905,28 @@ main { * 1. TODO: Pick a hex value instead of making these colors translucent. */ .kuiInfoPanel--info { - border-color: rgba(77, 161, 192, 0.25); + border-color: rgba(27, 169, 245, 0.25); /* 1 */ } /** * 1. TODO: Pick a hex value instead of making these colors translucent. */ .kuiInfoPanel--success { - border-color: rgba(1, 125, 115, 0.25); + border-color: rgba(125, 226, 209, 0.25); /* 1 */ } /** * 1. TODO: Pick a hex value instead of making these colors translucent. */ .kuiInfoPanel--warning { - border-color: rgba(192, 108, 76, 0.25); + border-color: rgba(255, 206, 122, 0.25); /* 1 */ } /** * 1. TODO: Pick a hex value instead of making these colors translucent. */ .kuiInfoPanel--error { - border-color: rgba(191, 77, 77, 0.25); + border-color: rgba(255, 102, 102, 0.25); /* 1 */ } /** @@ -950,11 +945,11 @@ main { .kuiInfoPanelHeader__icon { margin-right: 10px; - font-size: 14px; + font-size: 16px; line-height: 1.5; } .kuiInfoPanelHeader__title { - font-size: 14px; + font-size: 16px; line-height: 1.5; font-weight: 700; } @@ -964,11 +959,11 @@ main { margin-top: 8px; } .kuiInfoPanelBody__message { - font-size: 14px; + font-size: 16px; line-height: 1.5; } .kuiLink { - color: #4DA1C0; + color: #1BA9F5; text-decoration: none; cursor: pointer; /* 1 */ @@ -985,9 +980,9 @@ main { line-height: inherit; /* 2 */ } .kuiLink:visited, .kuiLink:active { - color: #4DA1C0; } + color: #1BA9F5; } .kuiLink:hover { - color: #3985a1; + color: #098dd4; text-decoration: underline; } /** @@ -1005,7 +1000,7 @@ main { align-items: center; padding: 12px 8px; /* 1 */ - border-bottom: 1px solid #333; + border-bottom: 1px solid #343741; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; @@ -1013,7 +1008,7 @@ main { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; - background-color: #222; } + background-color: #1D1E24; } .kuiLocalBreadcrumb { font-size: 14px; @@ -1028,13 +1023,13 @@ main { -ms-user-select: none; user-select: none; margin-right: 4px; - color: #333; } + color: #343741; } /** * 1. Make it a bit darker to contrast with the gray background. */ .kuiLocalBreadcrumb__link { - color: #4DA1C0; + color: #1BA9F5; text-decoration: none; cursor: pointer; /* 1 */ @@ -1050,13 +1045,13 @@ main { /* 2 */ line-height: inherit; /* 2 */ - color: #4DA1C0; + color: #1BA9F5; /* 1 */ - font-size: 14px; } + font-size: 16px; } .kuiLocalBreadcrumb__link:visited, .kuiLocalBreadcrumb__link:active { - color: #4DA1C0; } + color: #1BA9F5; } .kuiLocalBreadcrumb__link:hover { - color: #3985a1; + color: #098dd4; text-decoration: underline; } .kuiLocalBreadcrumb__emphasis { @@ -1096,27 +1091,27 @@ main { background-color: transparent; border: none; font-size: 14px; - color: #DDD; + color: #DFE5EF; padding: 3px 6px; border-radius: 4px; } .kuiDatePickerNavigationButton:hover, .kuiDatePickerNavigationButton:active { cursor: pointer; - color: #242424; - background-color: #4DA1C0; } + color: #25262E; + background-color: #1BA9F5; } .kuiDatePickerNavigationButton:focus { z-index: 1; /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px transparent, 0 0 0 2px #4DA1C0; + -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #1BA9F5; + box-shadow: 0 0 0 1px transparent, 0 0 0 2px #1BA9F5; /* 3 */ - color: #DDD; + color: #DFE5EF; /* 1 */ } .kuiDatePickerHeaderCell { padding: 9px 0; - color: #DDD; + color: #DFE5EF; font-size: 14px; font-weight: bold; text-align: center; @@ -1145,7 +1140,7 @@ main { background-color: transparent; width: 100%; border: 1px solid transparent; - color: #DDD; + color: #DFE5EF; font-size: 14px; padding: 8px; border-radius: 4px; @@ -1155,10 +1150,10 @@ main { /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px transparent, 0 0 0 2px #4DA1C0; + -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #1BA9F5; + box-shadow: 0 0 0 1px transparent, 0 0 0 2px #1BA9F5; /* 3 */ - color: #DDD; + color: #DFE5EF; /* 1 */ } .kuiDatePickerRowCellContent:disabled { pointer-events: none; @@ -1167,14 +1162,14 @@ main { visibility: hidden; pointer-events: none; } .kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isCurrent { - color: #4DA1C0; } + color: #1BA9F5; } .kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isSelected { - background-color: #8A8A8A; - color: #DDD; } + background-color: #98A2B3; + color: #DFE5EF; } .kuiDatePickerRowCellContent:hover, .kuiDatePickerRowCellContent:active { cursor: pointer; - color: #242424; - background-color: #4DA1C0; } + color: #25262E; + background-color: #1BA9F5; } .kuiLocalDropdown { position: relative; @@ -1192,7 +1187,7 @@ main { border: none; line-height: 1; font-size: 16px; - color: #DDD !important; + color: #DFE5EF !important; /* 1 */ cursor: pointer; opacity: 0.35; @@ -1228,7 +1223,7 @@ main { /* 1 */ margin-bottom: 12px; font-size: 18px; - color: #DDD; } + color: #DFE5EF; } .kuiLocalDropdownSection { margin-bottom: 16px; } @@ -1258,7 +1253,7 @@ main { font-weight: 700; margin-bottom: 0; /* 1 */ - color: #DDD; } + color: #DFE5EF; } .kuiLocalDropdownHeader__actions { display: -webkit-box; @@ -1267,14 +1262,14 @@ main { display: flex; } .kuiLocalDropdownHeader__action { - color: #4DA1C0; + color: #1BA9F5; font-size: 12px; text-decoration: none; cursor: pointer; } .kuiLocalDropdownHeader__action + .kuiLocalDropdownHeader__action { margin-left: 10px; } .kuiLocalDropdownHeader__action:hover, .kuiLocalDropdownHeader__action:active { - color: #3985a1; } + color: #098dd4; } .kuiLocalDropdownInput { display: block; @@ -1282,29 +1277,29 @@ main { margin-bottom: 12px; padding: 5px 15px; font-size: 14px; - color: #DDD; - background-color: #1b1b1b; + color: #DFE5EF; + background-color: #16171c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; } .kuiLocalDropdownInput:focus { - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiLocalDropdownFormNote { font-size: 14px; - color: #8A8A8A; } + color: #98A2B3; } .kuiLocalDropdownWarning { margin-bottom: 16px; padding: 6px 10px; font-size: 14px; - color: #DDD; - background-color: #222; - border-left: solid 2px #BF4D4D; } + color: #DFE5EF; + background-color: #1D1E24; + border-left: solid 2px #F66; } .kuiLocalDropdownHelpText { margin-bottom: 16px; font-size: 14px; - color: #8A8A8A; } + color: #98A2B3; } .kuiLocalMenu { display: -webkit-box; @@ -1328,19 +1323,19 @@ main { -ms-flex-align: center; align-items: center; padding: 2px 8px; - font-size: 14px; + font-size: 16px; background-color: transparent; - color: #DDD; + color: #DFE5EF; border: 0; cursor: pointer; border-bottom: solid 2px transparent; } .kuiLocalMenuItem:hover, .kuiLocalMenuItem:focus { - background-color: rgba(77, 161, 192, 0.15); + background-color: rgba(27, 169, 245, 0.15); text-decoration: underline; } .kuiLocalMenuItem.kuiLocalMenuItem-isSelected { - color: #4DA1C0; + color: #1BA9F5; background-color: transparent; - border-color: #4DA1C0; + border-color: #1BA9F5; z-index: 2; } .kuiLocalMenuItem.kuiLocalMenuItem-isSelected:hover, .kuiLocalMenuItem.kuiLocalMenuItem-isSelected:focus { text-decoration: none; } @@ -1375,10 +1370,10 @@ main { justify-content: space-between; min-height: 69px; /* 1 */ - color: #DDD; - background-color: #222; + color: #DFE5EF; + background-color: #1D1E24; line-height: 1.5; - border-bottom: solid 1px #333; } + border-bottom: solid 1px #343741; } /** * 1. Allow row to expand if the content is so long that it wraps. @@ -1435,13 +1430,13 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #DDD; - background-color: #1b1b1b; + color: #DFE5EF; + background-color: #16171c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; -webkit-transition: border-color 0.1s linear; @@ -1453,13 +1448,13 @@ main { -ms-flex: 1 1 100%; flex: 1 1 100%; border-color: #FFF; - border-color: #333; + border-color: #343741; border-radius: 4px 0 0 4px; } .kuiLocalSearchInput:invalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiLocalSearchInput:focus { outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiLocalSearchInput:disabled { opacity: 0.4; cursor: not-allowed; } @@ -1467,7 +1462,7 @@ main { -webkit-box-shadow: none; box-shadow: none; } .kuiLocalSearchInput.kuiLocalSearchInput-isInvalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiLocalSearchInput--secondary { height: 32px; @@ -1516,13 +1511,13 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #DDD; - background-color: #1b1b1b; + color: #DFE5EF; + background-color: #16171c; border: 1px solid rgba(255, 255, 255, 0.1); border-radius: 4px; -webkit-transition: border-color 0.1s linear; @@ -1540,10 +1535,10 @@ main { border-left-width: 0; border-radius: 0; } .kuiLocalSearchSelect:invalid { - border-color: #BF4D4D; } + border-color: #F66; } .kuiLocalSearchSelect:focus { outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiLocalSearchSelect:disabled { opacity: 0.4; cursor: not-allowed; } @@ -1557,11 +1552,11 @@ main { .kuiLocalSearchButton { width: 43px; height: 32px; - font-size: 14px; + font-size: 16px; line-height: 0; /* 1 */ color: #FFF; - background-color: #4DA1C0; + background-color: #1BA9F5; border: 0; border-radius: 0 4px 4px 0; } .kuiLocalSearchButton:focus { @@ -1569,8 +1564,8 @@ main { /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; + -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; + box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; /* 3 */ } /** @@ -1593,7 +1588,7 @@ main { .kuiLocalTab { padding: 5px 0 6px 0; font-size: 18px; - color: #F5F5F5; + color: #D4DAE5; border-bottom: 2px solid transparent; text-decoration: none; cursor: pointer; @@ -1606,10 +1601,10 @@ main { * a regular cursor instead of setting pointer-events: none. */ } .kuiLocalTab:hover:not(.kuiLocalTab-isDisabled), .kuiLocalTab:active:not(.kuiLocalTab-isDisabled) { - color: #4DA1C0; } + color: #1BA9F5; } .kuiLocalTab.kuiLocalTab-isSelected { - color: #4DA1C0; - border-bottom-color: #4DA1C0; + color: #1BA9F5; + border-bottom-color: #1BA9F5; cursor: default; } .kuiLocalTab.kuiLocalTab-isDisabled { opacity: 0.5; @@ -1629,9 +1624,9 @@ main { align-items: center; height: 100%; padding: 12px 8px; - font-size: 14px; + font-size: 16px; font-weight: bold; - border-bottom: 1px solid #333; + border-bottom: 1px solid #343741; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; @@ -1639,7 +1634,7 @@ main { -webkit-flex-basis: 100%; -ms-flex-preferred-size: 100%; flex-basis: 100%; - background-color: #222; } + background-color: #1D1E24; } .kuiLocalTitle:empty { padding: 0; display: none; } @@ -1652,7 +1647,7 @@ main { /* 1 */ } .kuiMenu--contained { - border: 1px solid #333; } + border: 1px solid #343741; } .kuiMenu--contained .kuiMenuItem { padding: 6px 10px; } @@ -1664,7 +1659,7 @@ main { /* 1 */ padding: 6px 0; } .kuiMenuItem + .kuiMenuItem { - border-top: 1px solid #333; } + border-top: 1px solid #343741; } /** * 1. Setting to inline-block guarantees the same height when applied to both @@ -1699,8 +1694,8 @@ main { /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #222, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px #222, 0 0 0 2px #4DA1C0; + -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #1BA9F5; + box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #1BA9F5; /* 3 */ } .kuiMenuButton--iconText .kuiMenuButton__icon:first-child { @@ -1714,18 +1709,18 @@ main { * 2. Safari won't respect :enabled:hover/active on links. */ .kuiMenuButton--basic { - color: #DDD; - background-color: #222; } + color: #DFE5EF; + background-color: #1D1E24; } .kuiMenuButton--basic:focus { - color: #DDD !important; + color: #DFE5EF !important; /* 1 */ } .kuiMenuButton--basic:hover, .kuiMenuButton--basic:active { /* 2 */ - color: #DDD !important; + color: #DFE5EF !important; /* 1 */ - background-color: #242424; } + background-color: #25262E; } .kuiMenuButton--basic:disabled { - color: #494E51; + color: #535966; cursor: not-allowed; } /** @@ -1734,7 +1729,7 @@ main { */ .kuiMenuButton--primary { color: #FFF; - background-color: #4DA1C0; } + background-color: #1BA9F5; } .kuiMenuButton--primary:focus { color: #FFF !important; /* 1 */ } @@ -1742,9 +1737,9 @@ main { /* 2 */ color: #FFF !important; /* 1 */ - background-color: #3985a1; } + background-color: #098dd4; } .kuiMenuButton--primary:disabled { - background-color: #494E51; + background-color: #535966; cursor: not-allowed; } /** @@ -1753,23 +1748,23 @@ main { */ .kuiMenuButton--danger { color: #FFF; - background-color: #BF4D4D; } + background-color: #F66; } .kuiMenuButton--danger:hover, .kuiMenuButton--danger:active { /* 2 */ color: #FFF !important; /* 1 */ - background-color: #a03939; } + background-color: #ff3333; } .kuiMenuButton--danger:disabled { color: #FFF; - background-color: #494E51; + background-color: #535966; cursor: not-allowed; } .kuiMenuButton--danger:focus { z-index: 1; /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #222, 0 0 0 2px #BF4D4D; - box-shadow: 0 0 0 1px #222, 0 0 0 2px #BF4D4D; + -webkit-box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66; + box-shadow: 0 0 0 1px #1D1E24, 0 0 0 2px #F66; /* 3 */ } .kuiMenuButtonGroup { @@ -1806,14 +1801,14 @@ main { -ms-flex-pack: center; justify-content: center; padding-bottom: 10vh; - background: rgba(51, 51, 51, 0.8); } + background: rgba(52, 55, 65, 0.8); } .kuiModal { -webkit-box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1), 0 6px 12px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1); box-shadow: 0 12px 24px 0 rgba(0, 0, 0, 0.1), 0 6px 12px 0 rgba(0, 0, 0, 0.1), 0 4px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 2px 0 rgba(0, 0, 0, 0.1); line-height: 1.5; - background-color: #222; - border: 1px solid #333; + background-color: #1D1E24; + border: 1px solid #343741; border-radius: 4px; z-index: 1001; -webkit-animation: kuiModal 350ms cubic-bezier(0.34, 1.61, 0.7, 1); @@ -1838,10 +1833,10 @@ main { align-items: center; padding: 10px; padding-left: 20px; - border-bottom: 1px solid #333; } + border-bottom: 1px solid #343741; } .kuiModalHeader__title { - font-size: 18.0px; } + font-size: 20px; } .kuiModalHeaderCloseButton { display: inline-block; @@ -1852,13 +1847,13 @@ main { cursor: pointer; padding: 2px 5px; border: 1px solid transparent; - color: #8A8A8A; + color: #98A2B3; background-color: transparent; line-height: 1; /* 2 */ - font-size: 18.0px; } + font-size: 20px; } .kuiModalHeaderCloseButton:hover { - color: #DDD; } + color: #DFE5EF; } .kuiModalBody { padding: 20px; } @@ -1917,17 +1912,17 @@ main { /* 1 */ } .kuiPagerText { - font-size: 14px; + font-size: 16px; line-height: 1.5; - color: #8A8A8A; + color: #98A2B3; white-space: nowrap; /* 1 */ } .kuiPanel { -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3); - background-color: #222; - border: 1px solid #333; + background-color: #1D1E24; + border: 1px solid #343741; border-radius: 4px; } .kuiPanel--prompt { @@ -1992,14 +1987,14 @@ main { /* 1 */ padding: 10px; height: 50px; - border-bottom: 1px solid #333; } + border-bottom: 1px solid #343741; } .kuiPanelHeader .kuiButton:not(a):enabled:focus { z-index: 1; /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; + -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; + box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; /* 3 */ } a.kuiPanelHeader .kuiButton:not(.kuiButton-isDisabled):focus { /* 1 */ @@ -2007,16 +2002,16 @@ main { /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; + -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; + box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; /* 3 */ } .kuiPanelHeader .kuiButton--danger:not(a):enabled:focus { z-index: 1; /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #BF4D4D; - box-shadow: 0 0 0 1px #333, 0 0 0 2px #BF4D4D; + -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66; + box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66; /* 3 */ } a.kuiPanelHeader .kuiButton--danger:not(.kuiButton-isDisabled):focus { /* 1 */ @@ -2024,24 +2019,24 @@ main { /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #BF4D4D; - box-shadow: 0 0 0 1px #333, 0 0 0 2px #BF4D4D; + -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66; + box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66; /* 3 */ } .kuiPanelHeader .kuiSelect { - border-color: #1b1b1b; } + border-color: #16171c; } .kuiPanelHeader .kuiSelect:not(a):enabled:focus { outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } a.kuiPanelHeader .kuiSelect:not(.kuiButton-isDisabled):focus { /* 1 */ outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } /** * 1. This way we can use h1, h2, etc. */ .kuiPanelHeader__title { - font-size: 18.0px; + font-size: 20px; line-height: 1.5; margin: 0; /* 1 */ } @@ -2102,8 +2097,8 @@ main { .kuiPanelSimple { -webkit-box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3); box-shadow: 0 2px 2px -1px rgba(0, 0, 0, 0.3), 0 1px 5px -2px rgba(0, 0, 0, 0.3); - background-color: #222; - border: 1px solid #333; + background-color: #1D1E24; + border: 1px solid #343741; border-radius: 4px; -webkit-box-flex: 1; -webkit-flex-grow: 1; @@ -2160,7 +2155,7 @@ main { margin-left: -16px; border-left: 16px solid transparent; border-right: 16px solid transparent; - border-bottom: 16px solid #333; } + border-bottom: 16px solid #343741; } .kuiPopover__panel:after { position: absolute; content: ""; @@ -2172,10 +2167,10 @@ main { width: 0; border-left: 16px solid transparent; border-right: 16px solid transparent; - border-bottom: 16px solid #222; } + border-bottom: 16px solid #1D1E24; } .kuiPopover--withTitle .kuiPopover__panel:after { - border-bottom-color: #242424; } + border-bottom-color: #25262E; } .kuiPopover--anchorLeft .kuiPopover__panel { left: 0; @@ -2195,10 +2190,10 @@ main { left: auto; } .kuiPopoverTitle { - background-color: #242424; - border-bottom: 1px solid #333; + background-color: #25262E; + border-bottom: 1px solid #343741; padding: 12px; - font-size: 14px; } + font-size: 16px; } .kuiEmptyTablePrompt { display: -webkit-box; @@ -2217,8 +2212,8 @@ main { padding: 30px; } .kuiEmptyTablePrompt__message { - font-size: 18.0px; - color: #8A8A8A; + font-size: 20px; + color: #98A2B3; line-height: 1.5; } .kuiEmptyTablePrompt__actions { @@ -2235,16 +2230,16 @@ main { align-items: baseline; } .kuiStatusText--info { - color: #4DA1C0; } + color: #1BA9F5; } .kuiStatusText--success { - color: #017D73; } + color: #7DE2D1; } .kuiStatusText--warning { - color: #C06C4C; } + color: #FFCE7A; } .kuiStatusText--error { - color: #BF4D4D; } + color: #F66; } /** * 1. Set the image to be the same size as a font icon at 14px. @@ -2262,7 +2257,7 @@ main { * 1. Make seamless transition from Table to ToolBarFooter header. */ .kuiControlledTable { - background: #222; } + background: #1D1E24; } .kuiControlledTable .kuiTable { border-top: none; /* 1 */ } @@ -2282,9 +2277,9 @@ main { */ .kuiTable { width: 100%; - border: 1px solid #333; + border: 1px solid #343741; border-collapse: collapse; - background-color: #222; } + background-color: #1D1E24; } /** * 1. Allow contents of cells to determine table's width. @@ -2298,13 +2293,13 @@ main { /* 1 */ } .kuiTableHeaderCell { - font-size: 14px; + font-size: 16px; font-weight: 400; text-align: left; max-width: 20px; /* 1 */ line-height: 1.5; - color: #8A8A8A; } + color: #98A2B3; } .kuiTableHeaderCell__liner { display: inline-block; @@ -2372,13 +2367,13 @@ main { display: none; } .kuiTableRowCell { - font-size: 14px; + font-size: 16px; font-weight: 400; text-align: left; max-width: 20px; /* 1 */ - color: #DDD; - border-top: 1px solid #333; + color: #DFE5EF; + border-top: 1px solid #343741; vertical-align: middle; } /** @@ -2414,7 +2409,7 @@ main { * that contains its expanded details. */ .kuiTableRowCell--expanded { - border-top-color: #222; + border-top-color: #1D1E24; /* 1 */ } .kuiTableRowCell--alignRight { @@ -2445,8 +2440,8 @@ main { .kuiTableInfo { padding: 30px; - font-size: 18.0px; - color: #8A8A8A; + font-size: 20px; + color: #98A2B3; line-height: 1.5; } .kuiTabs { @@ -2454,7 +2449,7 @@ main { display: -webkit-flex; display: -ms-flexbox; display: flex; - border-bottom: 1px solid #333; } + border-bottom: 1px solid #343741; } /** * 1. Override button styles (some of which are from Bootstrap). @@ -2470,11 +2465,11 @@ main { /* 1 */ cursor: pointer; padding: 10px 30px; - font-size: 14px; - color: #8A8A8A; + font-size: 16px; + color: #98A2B3; background-color: transparent; /* 1 */ - border: 1px solid #333; + border: 1px solid #343741; border-radius: 0; /* 1 */ margin-bottom: -1px; @@ -2495,14 +2490,14 @@ main { /* 1 */ } .kuiTab:focus:not(.kuiTab-isSelected):not(:active) { z-index: 1; - color: #4DA1C0; - border: 1px solid #4DA1C0 !important; } + color: #1BA9F5; + border: 1px solid #1BA9F5 !important; } .kuiTab:hover:not(.kuiTab-isSelected) { - color: #3985a1; - background-color: #242424; } + color: #098dd4; + background-color: #25262E; } .kuiTab.kuiTab-isSelected { cursor: default; - color: #DDD; + color: #DFE5EF; background-color: transparent; border-bottom-color: transparent; } @@ -2522,14 +2517,14 @@ main { /* 1 */ line-height: inherit; /* 1 */ - color: #DDD; } + color: #DFE5EF; } .kuiToggleButton:focus { - color: #DDD; } + color: #DFE5EF; } .kuiToggleButton:active { - color: #4DA1C0 !important; + color: #1BA9F5 !important; /* 2 */ } .kuiToggleButton:hover:not(:disabled) { - color: #3985a1 !important; + color: #098dd4 !important; /* 2 */ text-decoration: underline; } .kuiToggleButton:disabled { @@ -2547,7 +2542,7 @@ main { .kuiTogglePanelHeader { padding-bottom: 4px; margin-bottom: 15px; - border-bottom: 1px solid #333; + border-bottom: 1px solid #343741; /** * 1. Allow the user to click anywhere on the header, not just on the button text. */ } @@ -2575,14 +2570,14 @@ main { padding: 10px; height: 50px; background-color: transparent; - border: solid 1px #333; } + border: solid 1px #343741; } .kuiToolBar .kuiButton:not(a):enabled:focus { z-index: 1; /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; + -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; + box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; /* 3 */ } a.kuiToolBar .kuiButton:not(.kuiButton-isDisabled):focus { /* 1 */ @@ -2590,16 +2585,16 @@ main { /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; - box-shadow: 0 0 0 1px #333, 0 0 0 2px #4DA1C0; + -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; + box-shadow: 0 0 0 1px #343741, 0 0 0 2px #1BA9F5; /* 3 */ } .kuiToolBar .kuiButton--danger:not(a):enabled:focus { z-index: 1; /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #BF4D4D; - box-shadow: 0 0 0 1px #333, 0 0 0 2px #BF4D4D; + -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66; + box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66; /* 3 */ } a.kuiToolBar .kuiButton--danger:not(.kuiButton-isDisabled):focus { /* 1 */ @@ -2607,18 +2602,18 @@ main { /* 1 */ outline: none !important; /* 2 */ - -webkit-box-shadow: 0 0 0 1px #333, 0 0 0 2px #BF4D4D; - box-shadow: 0 0 0 1px #333, 0 0 0 2px #BF4D4D; + -webkit-box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66; + box-shadow: 0 0 0 1px #343741, 0 0 0 2px #F66; /* 3 */ } .kuiToolBar .kuiSelect { - border-color: #1b1b1b; } + border-color: #16171c; } .kuiToolBar .kuiSelect:not(a):enabled:focus { outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } a.kuiToolBar .kuiSelect:not(.kuiButton-isDisabled):focus { /* 1 */ outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } .kuiToolBarSection { display: -webkit-box; @@ -2686,7 +2681,7 @@ main { /* 1 */ padding: 10px; height: 40px; - background-color: #222; } + background-color: #1D1E24; } .kuiToolBarFooterSection { display: -webkit-box; @@ -2767,7 +2762,7 @@ main { -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; - font-size: 14px; + font-size: 16px; max-width: 800px; } .kuiToolBarSearchBox__icon { @@ -2784,28 +2779,28 @@ main { width: 100%; min-width: 200px; padding: 4px 12px 5px 28px; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* 1 */ - background-color: #222; - color: #DDD; + background-color: #1D1E24; + color: #DFE5EF; border-radius: 4px; font-size: 1em; - border: 1px solid #333; + border: 1px solid #343741; line-height: normal; /* 1 */ -webkit-transition: border-color 0.1s linear; transition: border-color 0.1s linear; } .kuiToolBarSearchBox__input:focus { outline: none; - border-color: #4DA1C0; } + border-color: #1BA9F5; } /* * 1. We don't want the text to take up two lines and overflow the ToolBar. */ .kuiToolBarText { - font-size: 14px; + font-size: 16px; line-height: 1.5; - color: #8A8A8A; + color: #98A2B3; white-space: nowrap; /* 1 */ } @@ -2827,7 +2822,7 @@ main { /* 1 */ font-weight: 400; /* 1 */ - font-size: 18.0px; } + font-size: 20px; } /** * 1. Override p. @@ -2838,7 +2833,7 @@ main { font-weight: 700; /* 1 */ line-height: 1.5; - font-size: 14px; } + font-size: 16px; } /** * 1. Override p. @@ -2849,7 +2844,7 @@ main { font-weight: 400; /* 1 */ line-height: 1.5; - font-size: 14px; } + font-size: 16px; } .kuiSubText { margin: 0; @@ -2860,7 +2855,7 @@ main { font-size: 14px; } .kuiSubduedText { - color: #8A8A8A !important; } + color: #98A2B3 !important; } .kuiVerticalRhythm + .kuiVerticalRhythm { margin-top: 16px; } diff --git a/packages/kbn-ui-framework/dist/kui_light.css b/packages/kbn-ui-framework/dist/kui_light.css index 9662d1034d9d96..f7451a9836ed81 100644 --- a/packages/kbn-ui-framework/dist/kui_light.css +++ b/packages/kbn-ui-framework/dist/kui_light.css @@ -57,13 +57,8 @@ * 5. Fixing this bug means we now need to align the children to the right. */ :focus:not([class^="eui"]) { - z-index: 1; - /* 1 */ - outline: none !important; - /* 2 */ - -webkit-box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #006BB4; - box-shadow: 0 0 0 1px #FFF, 0 0 0 2px #006BB4; - /* 3 */ } + -webkit-animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; + animation: 350ms cubic-bezier(0.694, 0.0482, 0.335, 1) 1 normal forwards focusRingAnimate; } /** * 1. Required for IE11. @@ -144,7 +139,7 @@ main { appearance: none; cursor: pointer; padding: 4px 12px 5px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; height: 30px; @@ -205,13 +200,13 @@ main { * 1. Override Bootstrap. */ .kuiButton--basic { - color: #2D2D2D; + color: #343741; background-color: #F5F7FA; } .kuiButton--basic:not(a):enabled:focus { - color: #2D2D2D; } + color: #343741; } a.kuiButton--basic:not(.kuiButton-isDisabled):focus { /* 1 */ - color: #2D2D2D; } + color: #343741; } .kuiButton--basic:enabled:hover { background-color: #d3dce9 !important; /* 1 */ } @@ -494,7 +489,7 @@ main { border: none; line-height: 1; font-size: 16px; - color: #2D2D2D !important; + color: #343741 !important; /* 1 */ cursor: pointer; opacity: 0.35; } @@ -510,7 +505,7 @@ main { padding: 5px 0px; border: none; border-bottom: dotted 2px #D3DAE6; - font-size: 14px; + font-size: 16px; cursor: pointer; } .kuiExpressionButton__description { @@ -518,7 +513,7 @@ main { text-transform: uppercase; } .kuiExpressionButton__value { - color: #2D2D2D; + color: #343741; text-transform: lowercase; } .kuiExpressionButton-isActive { @@ -562,9 +557,9 @@ main { /* 2 */ margin: 0 !important; /* 2 */ - font: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; + font: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; /* 2 */ - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important; /* 2 */ font-size: 10px !important; /* 2 */ @@ -611,14 +606,14 @@ main { line-height: 1.5; } .kuiCheckBoxLabel__text { - font-size: 14px; + font-size: 16px; margin-left: 8px; } /** * 1. Override Bootstrap. */ .kuiLabel { - font-size: 14px; + font-size: 16px; line-height: 1.5; font-weight: bold; margin-bottom: 0; @@ -628,7 +623,7 @@ main { width: 180px; display: inline-block; position: relative; - font-size: 14px; + font-size: 16px; line-height: 1.5; } .kuiSearchInput.kuiSearchInput-isInvalid .kuiSearchInput__input { border-color: #BD271E; } @@ -648,12 +643,12 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #2D2D2D; + color: #343741; background-color: #fbfcfd; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; @@ -687,12 +682,12 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #2D2D2D; + color: #343741; background-color: #fbfcfd; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; @@ -744,12 +739,12 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #2D2D2D; + color: #343741; border: 1px solid transparent; /* 1 */ background-color: transparent; } @@ -759,12 +754,12 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #2D2D2D; + color: #343741; background-color: #fbfcfd; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; @@ -802,12 +797,12 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #2D2D2D; + color: #343741; background-color: #fbfcfd; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; @@ -950,11 +945,11 @@ main { .kuiInfoPanelHeader__icon { margin-right: 10px; - font-size: 14px; + font-size: 16px; line-height: 1.5; } .kuiInfoPanelHeader__title { - font-size: 14px; + font-size: 16px; line-height: 1.5; font-weight: 700; } @@ -964,7 +959,7 @@ main { margin-top: 8px; } .kuiInfoPanelBody__message { - font-size: 14px; + font-size: 16px; line-height: 1.5; } .kuiLink { @@ -1052,7 +1047,7 @@ main { /* 2 */ color: #006BB4; /* 1 */ - font-size: 14px; } + font-size: 16px; } .kuiLocalBreadcrumb__link:visited, .kuiLocalBreadcrumb__link:active { color: #006BB4; } .kuiLocalBreadcrumb__link:hover { @@ -1096,7 +1091,7 @@ main { background-color: transparent; border: none; font-size: 14px; - color: #2D2D2D; + color: #343741; padding: 3px 6px; border-radius: 4px; } .kuiDatePickerNavigationButton:hover, .kuiDatePickerNavigationButton:active { @@ -1111,12 +1106,12 @@ main { -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #006BB4; box-shadow: 0 0 0 1px transparent, 0 0 0 2px #006BB4; /* 3 */ - color: #2D2D2D; + color: #343741; /* 1 */ } .kuiDatePickerHeaderCell { padding: 9px 0; - color: #2D2D2D; + color: #343741; font-size: 14px; font-weight: bold; text-align: center; @@ -1145,7 +1140,7 @@ main { background-color: transparent; width: 100%; border: 1px solid transparent; - color: #2D2D2D; + color: #343741; font-size: 14px; padding: 8px; border-radius: 4px; @@ -1158,7 +1153,7 @@ main { -webkit-box-shadow: 0 0 0 1px transparent, 0 0 0 2px #006BB4; box-shadow: 0 0 0 1px transparent, 0 0 0 2px #006BB4; /* 3 */ - color: #2D2D2D; + color: #343741; /* 1 */ } .kuiDatePickerRowCellContent:disabled { pointer-events: none; @@ -1170,7 +1165,7 @@ main { color: #006BB4; } .kuiDatePickerRowCellContent.kuiDatePickerRowCellContent-isSelected { background-color: #69707D; - color: #2D2D2D; } + color: #343741; } .kuiDatePickerRowCellContent:hover, .kuiDatePickerRowCellContent:active { cursor: pointer; color: #F5F7FA; @@ -1192,7 +1187,7 @@ main { border: none; line-height: 1; font-size: 16px; - color: #2D2D2D !important; + color: #343741 !important; /* 1 */ cursor: pointer; opacity: 0.35; @@ -1228,7 +1223,7 @@ main { /* 1 */ margin-bottom: 12px; font-size: 18px; - color: #2D2D2D; } + color: #343741; } .kuiLocalDropdownSection { margin-bottom: 16px; } @@ -1258,7 +1253,7 @@ main { font-weight: 700; margin-bottom: 0; /* 1 */ - color: #2D2D2D; } + color: #343741; } .kuiLocalDropdownHeader__actions { display: -webkit-box; @@ -1282,7 +1277,7 @@ main { margin-bottom: 12px; padding: 5px 15px; font-size: 14px; - color: #2D2D2D; + color: #343741; background-color: #fbfcfd; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; } @@ -1297,7 +1292,7 @@ main { margin-bottom: 16px; padding: 6px 10px; font-size: 14px; - color: #2D2D2D; + color: #343741; background-color: #FFF; border-left: solid 2px #BD271E; } @@ -1328,9 +1323,9 @@ main { -ms-flex-align: center; align-items: center; padding: 2px 8px; - font-size: 14px; + font-size: 16px; background-color: transparent; - color: #2D2D2D; + color: #343741; border: 0; cursor: pointer; border-bottom: solid 2px transparent; } @@ -1375,7 +1370,7 @@ main { justify-content: space-between; min-height: 69px; /* 1 */ - color: #2D2D2D; + color: #343741; background-color: #FFF; line-height: 1.5; border-bottom: solid 1px #D3DAE6; } @@ -1435,12 +1430,12 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #2D2D2D; + color: #343741; background-color: #fbfcfd; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; @@ -1516,12 +1511,12 @@ main { -webkit-appearance: none; -moz-appearance: none; appearance: none; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; padding: 4px 12px 4px; - font-size: 14px; + font-size: 16px; font-weight: 400; line-height: 1.5; - color: #2D2D2D; + color: #343741; background-color: #fbfcfd; border: 1px solid rgba(0, 0, 0, 0.1); border-radius: 4px; @@ -1557,7 +1552,7 @@ main { .kuiLocalSearchButton { width: 43px; height: 32px; - font-size: 14px; + font-size: 16px; line-height: 0; /* 1 */ color: #FFF; @@ -1629,7 +1624,7 @@ main { align-items: center; height: 100%; padding: 12px 8px; - font-size: 14px; + font-size: 16px; font-weight: bold; border-bottom: 1px solid #D3DAE6; -webkit-box-flex: 1; @@ -1714,14 +1709,14 @@ main { * 2. Safari won't respect :enabled:hover/active on links. */ .kuiMenuButton--basic { - color: #2D2D2D; + color: #343741; background-color: #FFF; } .kuiMenuButton--basic:focus { - color: #2D2D2D !important; + color: #343741 !important; /* 1 */ } .kuiMenuButton--basic:hover, .kuiMenuButton--basic:active { /* 2 */ - color: #2D2D2D !important; + color: #343741 !important; /* 1 */ background-color: #F5F7FA; } .kuiMenuButton--basic:disabled { @@ -1841,7 +1836,7 @@ main { border-bottom: 1px solid #D3DAE6; } .kuiModalHeader__title { - font-size: 18.0px; } + font-size: 20px; } .kuiModalHeaderCloseButton { display: inline-block; @@ -1856,9 +1851,9 @@ main { background-color: transparent; line-height: 1; /* 2 */ - font-size: 18.0px; } + font-size: 20px; } .kuiModalHeaderCloseButton:hover { - color: #2D2D2D; } + color: #343741; } .kuiModalBody { padding: 20px; } @@ -1917,7 +1912,7 @@ main { /* 1 */ } .kuiPagerText { - font-size: 14px; + font-size: 16px; line-height: 1.5; color: #69707D; white-space: nowrap; @@ -2041,7 +2036,7 @@ main { * 1. This way we can use h1, h2, etc. */ .kuiPanelHeader__title { - font-size: 18.0px; + font-size: 20px; line-height: 1.5; margin: 0; /* 1 */ } @@ -2198,7 +2193,7 @@ main { background-color: #F5F7FA; border-bottom: 1px solid #D3DAE6; padding: 12px; - font-size: 14px; } + font-size: 16px; } .kuiEmptyTablePrompt { display: -webkit-box; @@ -2217,7 +2212,7 @@ main { padding: 30px; } .kuiEmptyTablePrompt__message { - font-size: 18.0px; + font-size: 20px; color: #69707D; line-height: 1.5; } @@ -2298,7 +2293,7 @@ main { /* 1 */ } .kuiTableHeaderCell { - font-size: 14px; + font-size: 16px; font-weight: 400; text-align: left; max-width: 20px; @@ -2372,12 +2367,12 @@ main { display: none; } .kuiTableRowCell { - font-size: 14px; + font-size: 16px; font-weight: 400; text-align: left; max-width: 20px; /* 1 */ - color: #2D2D2D; + color: #343741; border-top: 1px solid #D3DAE6; vertical-align: middle; } @@ -2445,7 +2440,7 @@ main { .kuiTableInfo { padding: 30px; - font-size: 18.0px; + font-size: 20px; color: #69707D; line-height: 1.5; } @@ -2470,7 +2465,7 @@ main { /* 1 */ cursor: pointer; padding: 10px 30px; - font-size: 14px; + font-size: 16px; color: #69707D; background-color: transparent; /* 1 */ @@ -2502,7 +2497,7 @@ main { background-color: #F5F7FA; } .kuiTab.kuiTab-isSelected { cursor: default; - color: #2D2D2D; + color: #343741; background-color: transparent; border-bottom-color: transparent; } @@ -2522,9 +2517,9 @@ main { /* 1 */ line-height: inherit; /* 1 */ - color: #2D2D2D; } + color: #343741; } .kuiToggleButton:focus { - color: #2D2D2D; } + color: #343741; } .kuiToggleButton:active { color: #006BB4 !important; /* 2 */ } @@ -2767,7 +2762,7 @@ main { -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; - font-size: 14px; + font-size: 16px; max-width: 800px; } .kuiToolBarSearchBox__icon { @@ -2784,10 +2779,10 @@ main { width: 100%; min-width: 200px; padding: 4px 12px 5px 28px; - font-family: "Open Sans", "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; + font-family: "Inter UI", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"; /* 1 */ background-color: #FFF; - color: #2D2D2D; + color: #343741; border-radius: 4px; font-size: 1em; border: 1px solid #D3DAE6; @@ -2803,7 +2798,7 @@ main { * 1. We don't want the text to take up two lines and overflow the ToolBar. */ .kuiToolBarText { - font-size: 14px; + font-size: 16px; line-height: 1.5; color: #69707D; white-space: nowrap; @@ -2827,7 +2822,7 @@ main { /* 1 */ font-weight: 400; /* 1 */ - font-size: 18.0px; } + font-size: 20px; } /** * 1. Override p. @@ -2838,7 +2833,7 @@ main { font-weight: 700; /* 1 */ line-height: 1.5; - font-size: 14px; } + font-size: 16px; } /** * 1. Override p. @@ -2849,7 +2844,7 @@ main { font-weight: 400; /* 1 */ line-height: 1.5; - font-size: 14px; } + font-size: 16px; } .kuiSubText { margin: 0; diff --git a/packages/kbn-ui-framework/src/global_styling/reset/_reset.scss b/packages/kbn-ui-framework/src/global_styling/reset/_reset.scss index 83ebbd33cb25ea..07f2058cf120da 100644 --- a/packages/kbn-ui-framework/src/global_styling/reset/_reset.scss +++ b/packages/kbn-ui-framework/src/global_styling/reset/_reset.scss @@ -1,9 +1,8 @@ // We apply brute force focus states to anything not coming from Eui // which has focus states designed at the component level. :focus { - &:not([class^="eui"]), - { - @include focus; + &:not([class^="eui"]) { + @include euiFocusRing; } } diff --git a/packages/kbn-ui-framework/src/kui_dark.scss b/packages/kbn-ui-framework/src/kui_dark.scss index e99be3b22ea650..2bfbdbb4147ce7 100644 --- a/packages/kbn-ui-framework/src/kui_dark.scss +++ b/packages/kbn-ui-framework/src/kui_dark.scss @@ -1,6 +1,5 @@ // EUI global scope is used for KUI variables till fully deprecated -@import '../../../node_modules/@elastic/eui/src/themes/k6/k6_globals'; -@import '../../../node_modules/@elastic/eui/src/themes/k6/k6_colors_dark'; +@import '../../../node_modules/@elastic/eui/src/themes/eui/eui_colors_dark'; @import '../../../node_modules/@elastic/eui/src/global_styling/functions/index'; @import '../../../node_modules/@elastic/eui/src/global_styling/variables/index'; @import '../../../node_modules/@elastic/eui/src/global_styling/mixins/index'; diff --git a/packages/kbn-ui-framework/src/kui_light.scss b/packages/kbn-ui-framework/src/kui_light.scss index 856015c486491e..d4288be27ef750 100644 --- a/packages/kbn-ui-framework/src/kui_light.scss +++ b/packages/kbn-ui-framework/src/kui_light.scss @@ -1,6 +1,5 @@ // EUI global scope is used for KUI variables till fully deprecated -@import '../../../node_modules/@elastic/eui/src/themes/k6/k6_globals'; -@import '../../../node_modules/@elastic/eui/src/themes/k6/k6_colors_light'; +@import '../../../node_modules/@elastic/eui/src/themes/eui/eui_colors_light'; @import '../../../node_modules/@elastic/eui/src/global_styling/functions/index'; @import '../../../node_modules/@elastic/eui/src/global_styling/variables/index'; @import '../../../node_modules/@elastic/eui/src/global_styling/mixins/index'; diff --git a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.js.snap b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.js.snap index 3281c50463fd98..787045d8a1321c 100644 --- a/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.js.snap +++ b/src/legacy/core_plugins/input_control_vis/public/components/editor/__snapshots__/controls_tab.test.js.snap @@ -76,19 +76,8 @@ exports[`renders ControlsTab 1`] = ` hasShadow={false} paddingSize="m" > - - + +
-
diff --git a/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/add_panel.test.js.snap b/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/add_panel.test.js.snap index 32311d82587c41..0b7ddfb8fc42c8 100644 --- a/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/add_panel.test.js.snap +++ b/src/legacy/core_plugins/kibana/public/dashboard/top_nav/__snapshots__/add_panel.test.js.snap @@ -36,16 +36,9 @@ exports[`render 1`] = ` { test('onClone', () => { createComponent(); - findTestSubject(component, 'cloneConfirmButton', false).simulate('click'); + findTestSubject(component, 'cloneConfirmButton').simulate('click'); sinon.assert.calledWith(onClone, 'dash title'); sinon.assert.notCalled(onClose); }); test('onClose', () => { createComponent(); - findTestSubject(component, 'cloneCancelButton', false).simulate('click'); + findTestSubject(component, 'cloneCancelButton').simulate('click'); sinon.assert.calledOnce(onClose); sinon.assert.notCalled(onClone); }); @@ -70,6 +70,6 @@ test('title', () => { createComponent(); const event = { target: { value: 'a' } }; component.find('input').simulate('change', event); - findTestSubject(component, 'cloneConfirmButton', false).simulate('click'); + findTestSubject(component, 'cloneConfirmButton').simulate('click'); sinon.assert.calledWith(onClone, 'a'); }); diff --git a/src/legacy/core_plugins/kibana/public/discover/top_nav/__snapshots__/open_search_panel.test.js.snap b/src/legacy/core_plugins/kibana/public/discover/top_nav/__snapshots__/open_search_panel.test.js.snap index 6c4eaa7f2f4c72..2209f7ae927c9b 100644 --- a/src/legacy/core_plugins/kibana/public/discover/top_nav/__snapshots__/open_search_panel.test.js.snap +++ b/src/legacy/core_plugins/kibana/public/discover/top_nav/__snapshots__/open_search_panel.test.js.snap @@ -49,16 +49,9 @@ exports[`render 1`] = ` - - + + - - + + - - + + - - + + - - + + - + @@ -92,17 +75,10 @@ exports[`home directories should not render directory entry when showOnHomePage size="l" /> - - + + - + - - + + - + @@ -402,17 +333,10 @@ exports[`home directories should render DATA directory entry in "Explore Data" p size="l" /> - - + + - + @@ -542,17 +449,10 @@ exports[`home isNewKibanaInstance should safely handle execeptions 1`] = ` size="l" /> - - + + - + @@ -682,17 +565,10 @@ exports[`home isNewKibanaInstance should set isNewKibanaInstance to false when t size="l" /> - - + + - + @@ -822,17 +681,10 @@ exports[`home isNewKibanaInstance should set isNewKibanaInstance to true when th size="l" /> - - + + - + @@ -962,17 +797,10 @@ exports[`home should render home component 1`] = ` size="l" /> - - + + - + @@ -1102,17 +913,10 @@ exports[`home welcome should show the normal home page if loading fails 1`] = ` size="l" /> - - + + - + @@ -1242,17 +1029,10 @@ exports[`home welcome should show the normal home page if welcome screen is disa size="l" /> - - + + - + @@ -1389,17 +1152,10 @@ exports[`home welcome stores skip welcome setting if skipped 1`] = ` size="l" /> - + diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/footer.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/footer.test.js.snap index 0753972712f119..36f81ab5825689 100644 --- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/footer.test.js.snap +++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/footer.test.js.snap @@ -5,15 +5,9 @@ exports[`render 1`] = ` @@ -93,16 +87,11 @@ exports[`render 1`] = ` exports[`statusCheckState checking status 1`] = `
@@ -178,23 +166,14 @@ exports[`statusCheckState checking status 1`] = ` "children": - + @@ -311,23 +284,14 @@ exports[`statusCheckState failed status check - error 1`] = ` "children": - + @@ -449,23 +407,14 @@ exports[`statusCheckState failed status check - no data 1`] = ` "children": - + @@ -587,23 +530,14 @@ exports[`statusCheckState initial state - no check has been attempted 1`] = ` "children": - + @@ -720,23 +648,14 @@ exports[`statusCheckState successful status check 1`] = ` "children": - + - + + `; exports[`props iconType 1`] = ` - - + + `; exports[`props isBeta 1`] = ` - - + + `; exports[`props previewUrl 1`] = ` - - + + - + + diff --git a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap index c1542ec8684964..1262d16ae1fe52 100644 --- a/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap +++ b/src/legacy/core_plugins/kibana/public/home/components/tutorial/__snapshots__/saved_objects_installer.test.js.snap @@ -124,17 +124,9 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1 "children": - +
- +
@@ -262,7 +245,6 @@ exports[`bulkCreate should display error message when bulkCreate request fails 1
- +
- +
@@ -634,7 +599,6 @@ exports[`bulkCreate should display success message when bulkCreate is successful
- + @@ -47,7 +42,6 @@ exports[`TimeField should render a loading state 1`] = ` @@ -126,7 +115,6 @@ exports[`TimeField should render a selected time field 1`] = ` @@ -216,7 +199,6 @@ exports[`TimeField should render normally 1`] = ` - + + - + + - + - + - + - + - + - + - + - + - + @@ -111,17 +102,9 @@ exports[`Field for array setting should render as read only with help text if ov exports[`Field for array setting should render custom setting icon if it is custom 1`] = ` @@ -197,17 +179,9 @@ exports[`Field for array setting should render custom setting icon if it is cust exports[`Field for array setting should render default value if there is no user value set 1`] = ` @@ -272,17 +245,9 @@ exports[`Field for array setting should render default value if there is no user exports[`Field for array setting should render user value if there is user value is set 1`] = ` @@ -389,17 +353,9 @@ exports[`Field for array setting should render user value if there is user value exports[`Field for boolean setting should render as read only with help text if overridden 1`] = ` @@ -502,17 +457,9 @@ exports[`Field for boolean setting should render as read only with help text if exports[`Field for boolean setting should render custom setting icon if it is custom 1`] = ` @@ -592,17 +538,9 @@ exports[`Field for boolean setting should render custom setting icon if it is cu exports[`Field for boolean setting should render default value if there is no user value set 1`] = ` @@ -671,17 +608,9 @@ exports[`Field for boolean setting should render default value if there is no us exports[`Field for boolean setting should render user value if there is user value is set 1`] = ` @@ -792,17 +720,9 @@ exports[`Field for boolean setting should render user value if there is user val exports[`Field for image setting should render as read only with help text if overridden 1`] = ` @@ -898,17 +817,9 @@ exports[`Field for image setting should render as read only with help text if ov exports[`Field for image setting should render custom setting icon if it is custom 1`] = ` @@ -982,17 +892,9 @@ exports[`Field for image setting should render custom setting icon if it is cust exports[`Field for image setting should render default value if there is no user value set 1`] = ` @@ -1055,17 +956,9 @@ exports[`Field for image setting should render default value if there is no user exports[`Field for image setting should render user value if there is user value is set 1`] = ` @@ -1184,17 +1076,9 @@ exports[`Field for image setting should render user value if there is user value exports[`Field for json setting should render as read only with help text if overridden 1`] = ` @@ -1314,17 +1197,9 @@ exports[`Field for json setting should render as read only with help text if ove exports[`Field for json setting should render custom setting icon if it is custom 1`] = ` @@ -1417,17 +1291,9 @@ exports[`Field for json setting should render custom setting icon if it is custo exports[`Field for json setting should render default value if there is no user value set 1`] = ` @@ -1555,17 +1420,9 @@ exports[`Field for json setting should render default value if there is no user exports[`Field for json setting should render user value if there is user value is set 1`] = ` @@ -1693,17 +1549,9 @@ exports[`Field for json setting should render user value if there is user value exports[`Field for markdown setting should render as read only with help text if overridden 1`] = ` @@ -1819,17 +1666,9 @@ exports[`Field for markdown setting should render as read only with help text if exports[`Field for markdown setting should render custom setting icon if it is custom 1`] = ` @@ -1922,17 +1760,9 @@ exports[`Field for markdown setting should render custom setting icon if it is c exports[`Field for markdown setting should render default value if there is no user value set 1`] = ` @@ -2014,17 +1843,9 @@ exports[`Field for markdown setting should render default value if there is no u exports[`Field for markdown setting should render user value if there is user value is set 1`] = ` @@ -2148,17 +1968,9 @@ exports[`Field for markdown setting should render user value if there is user va exports[`Field for number setting should render as read only with help text if overridden 1`] = ` @@ -2257,17 +2068,9 @@ exports[`Field for number setting should render as read only with help text if o exports[`Field for number setting should render custom setting icon if it is custom 1`] = ` @@ -2343,17 +2145,9 @@ exports[`Field for number setting should render custom setting icon if it is cus exports[`Field for number setting should render default value if there is no user value set 1`] = ` @@ -2418,17 +2211,9 @@ exports[`Field for number setting should render default value if there is no use exports[`Field for number setting should render user value if there is user value is set 1`] = ` @@ -2535,17 +2319,9 @@ exports[`Field for number setting should render user value if there is user valu exports[`Field for select setting should render as read only with help text if overridden 1`] = ` @@ -2661,17 +2436,9 @@ exports[`Field for select setting should render as read only with help text if o exports[`Field for select setting should render custom setting icon if it is custom 1`] = ` @@ -2764,17 +2530,9 @@ exports[`Field for select setting should render custom setting icon if it is cus exports[`Field for select setting should render default value if there is no user value set 1`] = ` @@ -2856,17 +2613,9 @@ exports[`Field for select setting should render default value if there is no use exports[`Field for select setting should render user value if there is user value is set 1`] = ` @@ -2990,17 +2738,9 @@ exports[`Field for select setting should render user value if there is user valu exports[`Field for string setting should render as read only with help text if overridden 1`] = ` @@ -3099,17 +2838,9 @@ exports[`Field for string setting should render as read only with help text if o exports[`Field for string setting should render custom setting icon if it is custom 1`] = ` @@ -3185,17 +2915,9 @@ exports[`Field for string setting should render custom setting icon if it is cus exports[`Field for string setting should render default value if there is no user value set 1`] = ` @@ -3260,17 +2981,9 @@ exports[`Field for string setting should render default value if there is no use exports[`Field for string setting should render user value if there is user value is set 1`] = ` diff --git a/src/legacy/core_plugins/kibana/public/management/sections/settings/components/form/__snapshots__/form.test.js.snap b/src/legacy/core_plugins/kibana/public/management/sections/settings/components/form/__snapshots__/form.test.js.snap index 41455f90a6bafb..56401c20f00d2e 100644 --- a/src/legacy/core_plugins/kibana/public/management/sections/settings/components/form/__snapshots__/form.test.js.snap +++ b/src/legacy/core_plugins/kibana/public/management/sections/settings/components/form/__snapshots__/form.test.js.snap @@ -46,15 +46,8 @@ exports[`Form should render normally 1`] = ` >

@@ -115,15 +108,8 @@ exports[`Form should render normally 1`] = ` >

@@ -167,15 +153,8 @@ exports[`Form should render normally 1`] = ` >

@@ -183,7 +162,6 @@ exports[`Form should render normally 1`] = `

diff --git a/src/legacy/core_plugins/kibana/public/visualize/wizard/__snapshots__/new_vis_modal.test.tsx.snap b/src/legacy/core_plugins/kibana/public/visualize/wizard/__snapshots__/new_vis_modal.test.tsx.snap index df2a7d729db902..bc0bdddfdbc539 100644 --- a/src/legacy/core_plugins/kibana/public/visualize/wizard/__snapshots__/new_vis_modal.test.tsx.snap +++ b/src/legacy/core_plugins/kibana/public/visualize/wizard/__snapshots__/new_vis_modal.test.tsx.snap @@ -990,40 +990,26 @@ exports[`NewVisModal filter for visualization types should render as expected 1` className="visNewVisDialog__body" >
- +
- +
{ display: -webkit-flex; display: -ms-flexbox; display: flex; - background: #191919 url(./images/img.png) url(ui/assets/favicons/favicon.ico); } + background: #232635 url(./images/img.png) url(ui/assets/favicons/favicon.ico); } /*# sourceMappingURL=... */" `); }); @@ -106,7 +106,7 @@ it('rewrites url imports', async () => { display: -webkit-flex; display: -ms-flexbox; display: flex; - background: #191919 url(__REPLACE_WITH_PUBLIC_PATH__foo/bar/images/img.png) url(__REPLACE_WITH_PUBLIC_PATH__ui/favicons/favicon.ico); } + background: #232635 url(__REPLACE_WITH_PUBLIC_PATH__foo/bar/images/img.png) url(__REPLACE_WITH_PUBLIC_PATH__ui/favicons/favicon.ico); } /*# sourceMappingURL=... */" `); diff --git a/src/legacy/ui/public/inspector/ui/__snapshots__/inspector_panel.test.js.snap b/src/legacy/ui/public/inspector/ui/__snapshots__/inspector_panel.test.js.snap index 589f506b53fdc2..9d5e8fe0725a0f 100644 --- a/src/legacy/ui/public/inspector/ui/__snapshots__/inspector_panel.test.js.snap +++ b/src/legacy/ui/public/inspector/ui/__snapshots__/inspector_panel.test.js.snap @@ -144,18 +144,12 @@ exports[`InspectorPanel should render as expected 1`] = ` >
- + @@ -83,7 +75,6 @@ exports[`QueryBar Should disable autoFocus on EuiFieldText when disableAutoFocus - + @@ -180,7 +163,6 @@ exports[`QueryBar Should pass the query language to the language switcher 1`] = - + @@ -277,7 +251,6 @@ exports[`QueryBar Should render the given query 1`] = ` - + - + - + - + - + - + +
-
    +
    • - + diff --git a/x-pack/plugins/apm/public/components/shared/StickyProperties/__snapshots__/StickyProperties.test.js.snap b/x-pack/plugins/apm/public/components/shared/StickyProperties/__snapshots__/StickyProperties.test.js.snap index 2b76a435def898..f2a371d61bf907 100644 --- a/x-pack/plugins/apm/public/components/shared/StickyProperties/__snapshots__/StickyProperties.test.js.snap +++ b/x-pack/plugins/apm/public/components/shared/StickyProperties/__snapshots__/StickyProperties.test.js.snap @@ -2,12 +2,7 @@ exports[`StickyProperties should render entire component 1`] = ` - + - + - + - + - + - + - + - +
      - +
      - +
      - +
      - +
      - +
      - + - + - + - + - + - + - + - + - + - + - + - + - +
      - +
      - +
      + - + - + @@ -79,22 +69,15 @@ exports[`LayerControl props isReadOnly 1`] = ` > - + diff --git a/x-pack/plugins/maps/public/components/widget_overlay/layer_control/layer_toc/toc_entry/__snapshots__/view.test.js.snap b/x-pack/plugins/maps/public/components/widget_overlay/layer_control/layer_toc/toc_entry/__snapshots__/view.test.js.snap index 823bd01185cded..ce21f3fbb850aa 100644 --- a/x-pack/plugins/maps/public/components/widget_overlay/layer_control/layer_toc/toc_entry/__snapshots__/view.test.js.snap +++ b/x-pack/plugins/maps/public/components/widget_overlay/layer_control/layer_toc/toc_entry/__snapshots__/view.test.js.snap @@ -9,15 +9,10 @@ exports[`TOCEntry is rendered 1`] = ` - + - + @@ -95,15 +83,10 @@ exports[`TOCEntry props isReadOnly 1`] = ` - + - + diff --git a/x-pack/plugins/ml/public/components/annotations/annotation_description_list/__snapshots__/index.test.tsx.snap b/x-pack/plugins/ml/public/components/annotations/annotation_description_list/__snapshots__/index.test.tsx.snap index 6d6fbfdae6e54d..55513c3db060a9 100644 --- a/x-pack/plugins/ml/public/components/annotations/annotation_description_list/__snapshots__/index.test.tsx.snap +++ b/x-pack/plugins/ml/public/components/annotations/annotation_description_list/__snapshots__/index.test.tsx.snap @@ -2,9 +2,7 @@ exports[`AnnotationDescriptionList Initialization with annotation. 1`] = ` `; diff --git a/x-pack/plugins/ml/public/components/annotations/annotations_table/__snapshots__/annotations_table.test.js.snap b/x-pack/plugins/ml/public/components/annotations/annotations_table/__snapshots__/annotations_table.test.js.snap index 1cc857019e9b13..c2f058302ac24f 100644 --- a/x-pack/plugins/ml/public/components/annotations/annotations_table/__snapshots__/annotations_table.test.js.snap +++ b/x-pack/plugins/ml/public/components/annotations/annotations_table/__snapshots__/annotations_table.test.js.snap @@ -107,16 +107,9 @@ exports[`AnnotationsTable Initialization with annotations prop. 1`] = ` exports[`AnnotationsTable Initialization with job config prop. 1`] = ` `; exports[`DetectorDescriptionList render for population detector with no anomaly values 1`] = ` `; diff --git a/x-pack/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/edit_condition_link.test.js.snap b/x-pack/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/edit_condition_link.test.js.snap index 39a517f563b523..02393e46826efc 100644 --- a/x-pack/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/edit_condition_link.test.js.snap +++ b/x-pack/plugins/ml/public/components/rule_editor/select_rule_action/__snapshots__/edit_condition_link.test.js.snap @@ -3,15 +3,9 @@ exports[`EditConditionLink renders for a condition using actual 1`] = ` @@ -83,8 +80,6 @@ exports[`RuleActionPanel renders panel for rule with a condition and scope, valu paddingSize="m" > @@ -140,8 +134,6 @@ exports[`RuleActionPanel renders panel for rule with scope, value in filter list paddingSize="m" > diff --git a/x-pack/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/editor.test.js.snap b/x-pack/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/editor.test.js.snap index 90cd1cf4486987..638772110b6d09 100644 --- a/x-pack/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/editor.test.js.snap +++ b/x-pack/plugins/ml/public/jobs/components/custom_url_editor/__snapshots__/editor.test.js.snap @@ -147,17 +147,8 @@ exports[`CustomUrlEditor renders the editor for a dashboard type URL with a labe singleSelection={false} /> - + - + - + - + - + - + - + - + - + @@ -29,7 +23,6 @@ exports[`ImportModal Renders import modal 1`] = `

      @@ -44,16 +37,9 @@ exports[`ImportModal Renders import modal 1`] = ` - + - + - + - + - + - + @@ -64,16 +48,9 @@ exports[`EditFilterListToolbar renders the toolbar with no items selected 1`] = exports[`EditFilterListToolbar renders the toolbar with one item selected 1`] = ` - + diff --git a/x-pack/plugins/ml/public/settings/filter_lists/list/__snapshots__/header.test.js.snap b/x-pack/plugins/ml/public/settings/filter_lists/list/__snapshots__/header.test.js.snap index 08763ad9d5f296..17076850f0b3c3 100644 --- a/x-pack/plugins/ml/public/settings/filter_lists/list/__snapshots__/header.test.js.snap +++ b/x-pack/plugins/ml/public/settings/filter_lists/list/__snapshots__/header.test.js.snap @@ -4,28 +4,17 @@ exports[`Filter Lists Header renders header 1`] = ` - + - + - + - + diff --git a/x-pack/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/detail_drawer.test.js.snap b/x-pack/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/detail_drawer.test.js.snap index 05663891dd75db..e437f3abdc1d0f 100644 --- a/x-pack/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/detail_drawer.test.js.snap +++ b/x-pack/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/detail_drawer.test.js.snap @@ -12,25 +12,16 @@ exports[`DetailDrawer component If vertices shows basic info and no stats for if - + - + - + - + - + @@ -52,7 +51,6 @@ exports[`Statement component renders a CollapsibleStatement with if body for bra isCollapsed={false} > @@ -73,7 +71,6 @@ exports[`Statement component renders a CollapsibleStatement with if body for bra @@ -142,7 +139,6 @@ exports[`Statement component renders spacers for element with depth > 0 1`] = ` isCollapsed={false} > diff --git a/x-pack/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/statement_list_heading.test.js.snap b/x-pack/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/statement_list_heading.test.js.snap index 08d2644ee52471..eed82bb3c67a98 100644 --- a/x-pack/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/statement_list_heading.test.js.snap +++ b/x-pack/plugins/monitoring/public/components/logstash/pipeline_viewer/views/__test__/__snapshots__/statement_list_heading.test.js.snap @@ -3,15 +3,10 @@ exports[`StatementListHeading component renders title and icon type 1`] = `

      - + - + - + - + - + + - - - + + + - + - + - + renders without crashing 1`] = ` - + renders without crashing 1`] = ` /> - + renders without crashing 1`] = ` renders without crashing 1`] = ` /> renders without crashing 1`] = ` /> - + diff --git a/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/group_by_bar.test.tsx.snap b/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/group_by_bar.test.tsx.snap index a70b850ca49762..9db417099f5d79 100644 --- a/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/group_by_bar.test.tsx.snap +++ b/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/__snapshots__/group_by_bar.test.tsx.snap @@ -2,7 +2,6 @@ exports[`GroupByBar renders 1`] = ` diff --git a/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/checklist_step.test.tsx.snap b/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/checklist_step.test.tsx.snap index 28dfa6b130b91c..b8a1360e4707f6 100644 --- a/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/checklist_step.test.tsx.snap +++ b/x-pack/plugins/upgrade_assistant/public/components/tabs/checkup/deprecations/reindex/flyout/__snapshots__/checklist_step.test.tsx.snap @@ -64,16 +64,9 @@ exports[`ChecklistFlyout renders 1`] = ` No data found for monitor id mon_id @@ -32,16 +25,9 @@ exports[`EmptyStatusBar component renders a message when provided 1`] = ` paddingSize="m" > foobarbaz diff --git a/x-pack/plugins/uptime/public/components/functional/__tests__/__snapshots__/filter_bar.test.tsx.snap b/x-pack/plugins/uptime/public/components/functional/__tests__/__snapshots__/filter_bar.test.tsx.snap index e48840c877b22c..36ec82f063c282 100644 --- a/x-pack/plugins/uptime/public/components/functional/__tests__/__snapshots__/filter_bar.test.tsx.snap +++ b/x-pack/plugins/uptime/public/components/functional/__tests__/__snapshots__/filter_bar.test.tsx.snap @@ -1,17 +1,8 @@ // Jest Snapshot v1, https://goo.gl/fbAQLP exports[`FilterBar component renders the component without errors 1`] = ` - + - - + + - + - + - - + + - + - + - + - + + - + @@ -423,22 +409,12 @@ exports[`EmptyState component renders message while loading 1`] = ` textTransform="none" >
      - +
      @@ -454,10 +430,7 @@ exports[`EmptyState component renders message while loading 1`] = `
      - +
      diff --git a/x-pack/plugins/xpack_main/public/components/telemetry/__snapshots__/opt_in_details_component.test.js.snap b/x-pack/plugins/xpack_main/public/components/telemetry/__snapshots__/opt_in_details_component.test.js.snap index 8d9c205ce950cd..1736628e45414c 100644 --- a/x-pack/plugins/xpack_main/public/components/telemetry/__snapshots__/opt_in_details_component.test.js.snap +++ b/x-pack/plugins/xpack_main/public/components/telemetry/__snapshots__/opt_in_details_component.test.js.snap @@ -41,16 +41,9 @@ exports[`OptInDetailsComponent renders as expected 1`] = `

      diff --git a/yarn.lock b/yarn.lock index 3ed6a16f65841f..a05409d8fc0c00 100644 --- a/yarn.lock +++ b/yarn.lock @@ -820,10 +820,10 @@ tabbable "^1.1.0" uuid "^3.1.0" -"@elastic/eui@9.0.2": - version "9.0.2" - resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-9.0.2.tgz#05f716021cdf482e17c4ffd35cbfb385e8b9c5e3" - integrity sha512-yWu4QqzdP3LtfdMZrdNGerebXrb+NlWbNDNOuXCX8SJIeek7nr12kDi10S6H97KCsGdgFzMozn1DfU5kbJcmww== +"@elastic/eui@9.2.1": + version "9.2.1" + resolved "https://registry.yarnpkg.com/@elastic/eui/-/eui-9.2.1.tgz#3860a7219f0ee8f33ec43447edb2eda3c96a00a7" + integrity sha512-U92s0nh6vBS6NBiHDCq6e+49Dam8It+Iy81b2NProf1OIRk/nB0RE781x6zgUzmOFpJ1T0xiThWiiDP776v0LQ== dependencies: "@types/lodash" "^4.14.116" "@types/numeral" "^0.0.25"