@elastic/eui 67.1.1 → 68.0.0

package/dist/eui_theme_dark.css

@@ -748,117 +748,6 @@ SOFTWARE.
     opacity: 1;
     visibility: visible; }
 
-.euiBadgeGroup__item {
-  display: inline-block;
-  max-width: 100%; }
-
-.euiBadgeGroup--gutterExtraSmall {
-  margin: -2px; }
-  .euiBadgeGroup--gutterExtraSmall > .euiBadgeGroup__item {
-    margin: 2px;
-    max-width: calc(100% - 4px); }
-
-.euiBadgeGroup--gutterSmall {
-  margin: -4px; }
-  .euiBadgeGroup--gutterSmall > .euiBadgeGroup__item {
-    margin: 4px;
-    max-width: calc(100% - 8px); }
-
-.euiBetaBadge {
-  display: inline-block;
-  padding: 0 16px;
-  border-radius: 24px;
-  box-shadow: inset 0 0 0 1px #343741;
-  vertical-align: super;
-  font-size: 12px;
-  font-weight: 700;
-  text-transform: uppercase;
-  letter-spacing: .05em;
-  line-height: 24px;
-  text-align: center;
-  white-space: nowrap;
-  cursor: default;
-  overflow: hidden;
-  text-overflow: ellipsis; }
-  .euiBetaBadge:focus {
-    outline: 2px solid currentColor;
-    outline-color: #FFF;
-    outline-offset: 2px; }
-    .euiBetaBadge:focus:focus-visible {
-      outline-style: auto; }
-    .euiBetaBadge:focus:not(:focus-visible) {
-      outline: none; }
-  .euiBetaBadge:not(.euiBetaBadge--hollow) {
-    box-shadow: none; }
-  .euiBetaBadge.euiBetaBadge--small {
-    font-size: 8.75px;
-    font-size: 0.625rem;
-    line-height: 20px;
-    padding: 0 12px; }
-
-.euiBetaBadge--iconOnly {
-  padding: 0;
-  width: 24px; }
-  .euiBetaBadge--iconOnly .euiBetaBadge__icon {
-    position: relative;
-    -webkit-transform: translate(0, -1px);
-            transform: translate(0, -1px); }
-  .euiBetaBadge--iconOnly.euiBetaBadge--small {
-    width: 20px;
-    padding: 0; }
-
-.euiBetaBadge--singleLetter {
-  padding: 0;
-  width: 24px; }
-  .euiBetaBadge--singleLetter.euiBetaBadge--small {
-    width: 20px;
-    padding: 0; }
-
-.euiBetaBadge--subdued {
-  background: #71737a;
-  color: #FFF; }
-  .euiBetaBadge--subdued.euiBetaBadge-isClickable {
-    color: #FFF; }
-
-.euiBetaBadge--hollow {
-  background-color: #1D1E24; }
-  .euiBetaBadge--hollow.euiBetaBadge-isClickable {
-    color: #FFF; }
-
-.euiBetaBadge--accent {
-  background: #F68FBE;
-  color: #000; }
-  .euiBetaBadge--accent.euiBetaBadge-isClickable {
-    color: #000; }
-
-.euiNotificationBadge {
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0;
-  display: inline-block;
-  border-radius: 6px;
-  font-size: 12px;
-  font-weight: 500;
-  line-height: 16px;
-  height: 16px;
-  min-width: 16px;
-  padding-left: 4px;
-  padding-right: 4px;
-  vertical-align: middle;
-  text-align: center;
-  transition: all 150ms ease-in;
-  cursor: default;
-  background: #F68FBE;
-  color: #000; }
-
-.euiNotificationBadge--medium {
-  line-height: 20px;
-  height: 20px;
-  min-width: 24px; }
-
-.euiNotificationBadge--subdued {
-  background: #71737a;
-  color: #FFF; }
-
 .euiBasicTable-loading {
   position: relative; }
   .euiBasicTable-loading tbody {
@@ -3886,7 +3775,7 @@ SOFTWARE.
   .euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusNone {
     border-radius: 0; }
   .euiDroppable--withPanel.euiDroppable--withPanel--borderRadiusMedium {
-    border-radius: 4px; }
+    border-radius: 6px; }
   .euiDroppable--withPanel.euiDroppable--withPanel--transparent {
     background-color: transparent; }
   .euiDroppable--withPanel.euiDroppable--withPanel--plain {
@@ -6697,26 +6586,26 @@ SOFTWARE.
     height: 6px;
     width: 100%;
     background: #343741;
-    border: 0 solid #98A2B3;
-    border-radius: 4px; }
+    border: 0 solid #343741;
+    border-radius: 6px; }
   .euiRangeSlider::-moz-range-track {
     height: 6px;
     width: 100%;
     background: #343741;
-    border: 0 solid #98A2B3;
-    border-radius: 4px; }
+    border: 0 solid #343741;
+    border-radius: 6px; }
   .euiRangeSlider::-ms-fill-lower {
     height: 6px;
     width: 100%;
     background: #343741;
-    border: 0 solid #98A2B3;
-    border-radius: 4px; }
+    border: 0 solid #343741;
+    border-radius: 6px; }
   .euiRangeSlider::-ms-fill-upper {
     height: 6px;
     width: 100%;
     background: #343741;
-    border: 0 solid #98A2B3;
-    border-radius: 4px; }
+    border: 0 solid #343741;
+    border-radius: 6px; }
   .euiRangeSlider:focus {
     outline: none; }
   .euiRangeSlider:focus-visible::-webkit-slider-thumb, .euiRangeSlider--hasFocus::-webkit-slider-thumb {
@@ -6769,19 +6658,19 @@ SOFTWARE.
 
 .euiRangeSlider--hasRange::-webkit-slider-runnable-track {
   background-color: rgba(52, 55, 65, 0.4);
-  border-color: rgba(152, 162, 179, 0.4); }
+  border-color: rgba(52, 55, 65, 0.4); }
 
 .euiRangeSlider--hasRange::-moz-range-track {
   background-color: rgba(52, 55, 65, 0.4);
-  border-color: rgba(152, 162, 179, 0.4); }
+  border-color: rgba(52, 55, 65, 0.4); }
 
 .euiRangeSlider--hasRange::-ms-fill-lower {
   background-color: rgba(52, 55, 65, 0.4);
-  border-color: rgba(152, 162, 179, 0.4); }
+  border-color: rgba(52, 55, 65, 0.4); }
 
 .euiRangeSlider--hasRange::-ms-fill-upper {
   background-color: rgba(52, 55, 65, 0.4);
-  border-color: rgba(152, 162, 179, 0.4); }
+  border-color: rgba(52, 55, 65, 0.4); }
 
 .euiRangeThumb {
   padding: 7px;
@@ -7645,163 +7534,6 @@ SOFTWARE.
   color: #36A2EF;
   border-color: #36A2EF; }
 
-/**
- * The List Group component provides neatly styled lists containing plain text
- * or links. The outer container can be bordered, with padding, or borderless
- * with links flush to the sides.
- */
-.euiListGroup.euiListGroup-flush {
-  padding: 0;
-  border: none; }
-
-.euiListGroup.euiListGroup-bordered {
-  border-radius: 6px;
-  border: 1px solid #343741; }
-
-.euiListGroup-maxWidthDefault {
-  max-width: 400px; }
-
-.euiListGroup--gutterSmall {
-  padding: 8px; }
-  .euiListGroup--gutterSmall .euiListGroupItem:not(:first-of-type) {
-    margin-top: 8px; }
-
-.euiListGroup--gutterMedium {
-  padding: 16px; }
-  .euiListGroup--gutterMedium .euiListGroupItem:not(:first-of-type) {
-    margin-top: 16px; }
-
-.euiListGroupItem {
-  padding: 0;
-  border-radius: 6px;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  transition: background-color 150ms;
-  position: relative; }
-  .euiListGroupItem.euiListGroupItem-isActive, .euiListGroupItem.euiListGroupItem-isClickable:hover, .euiListGroupItem.euiListGroupItem-isClickable:focus-within {
-    background-color: rgba(52, 55, 65, 0.25); }
-  .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:hover, .euiListGroupItem.euiListGroupItem--ghost.euiListGroupItem-isClickable:focus-within {
-    background-color: rgba(255, 255, 255, 0.1); }
-  .euiListGroupItem.euiListGroupItem-isClickable:hover .euiListGroupItem__button,
-  .euiListGroupItem .euiListGroupItem__button:hover,
-  .euiListGroupItem .euiListGroupItem__button:focus {
-    text-decoration: underline; }
-  .euiListGroupItem.euiListGroupItem-isDisabled, .euiListGroupItem.euiListGroupItem-isDisabled:hover, .euiListGroupItem.euiListGroupItem-isDisabled:focus,
-  .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:hover,
-  .euiListGroupItem.euiListGroupItem-isDisabled .euiListGroupItem__button:focus {
-    color: #515761;
-    cursor: not-allowed;
-    background-color: transparent;
-    text-decoration: none; }
-
-.euiListGroupItem__text,
-.euiListGroupItem__button {
-  line-height: 24px;
-  padding: 4px 8px;
-  display: -webkit-flex;
-  display: flex;
-  -webkit-align-items: center;
-          align-items: center;
-  -webkit-flex-grow: 1;
-          flex-grow: 1;
-  text-align: left;
-  max-width: 100%;
-  font-weight: inherit; }
-  .euiListGroupItem-hasExtraAction .euiListGroupItem__text, .euiListGroupItem-hasExtraAction
-  .euiListGroupItem__button {
-    max-width: calc(100% - 32px); }
-  .euiListGroupItem--primary .euiListGroupItem__text:not(:disabled), .euiListGroupItem--primary
-  .euiListGroupItem__button:not(:disabled) {
-    color: #36A2EF; }
-  .euiListGroupItem--text .euiListGroupItem__text:not(:disabled), .euiListGroupItem--text
-  .euiListGroupItem__button:not(:disabled) {
-    color: #DFE5EF; }
-  .euiListGroupItem--subdued .euiListGroupItem__text:not(:disabled), .euiListGroupItem--subdued
-  .euiListGroupItem__button:not(:disabled) {
-    color: #7a7f89; }
-  .euiListGroupItem--ghost .euiListGroupItem__text:not(:disabled), .euiListGroupItem--ghost
-  .euiListGroupItem__button:not(:disabled) {
-    color: #FFF; }
-  .euiListGroupItem-isActive:not(.euiListGroupItem--ghost) .euiListGroupItem__text, .euiListGroupItem-isActive:not(.euiListGroupItem--ghost)
-  .euiListGroupItem__button {
-    color: #DFE5EF; }
-
-.euiListGroupItem__label {
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis; }
-
-.euiListGroupItem__extraAction {
-  opacity: 0;
-  margin-right: 8px;
-  transition: opacity 150ms; }
-  .euiListGroupItem:not(.euiListGroupItem-isDisabled):focus .euiListGroupItem__extraAction,
-  .euiListGroupItem:not(.euiListGroupItem-isDisabled):hover .euiListGroupItem__extraAction, .euiListGroupItem__extraAction.euiListGroupItem__extraAction-alwaysShow, .euiListGroupItem__extraAction:focus {
-    opacity: 1; }
-
-.euiListGroupItem__icon {
-  margin-right: 12px;
-  -webkit-flex-grow: 0;
-          flex-grow: 0;
-  -webkit-flex-shrink: 0;
-          flex-shrink: 0; }
-
-.euiListGroupItem--xSmall {
-  font-size: 12px; }
-
-.euiListGroupItem--small {
-  font-size: 14px; }
-
-.euiListGroupItem--medium {
-  font-size: 14px; }
-
-.euiListGroupItem--large {
-  font-size: 22px; }
-
-.euiListGroupItem--xSmall,
-.euiListGroupItem--small {
-  font-weight: 500;
-  letter-spacing: 0; }
-
-.euiListGroupItem--xSmall .euiListGroupItem__button,
-.euiListGroupItem--xSmall .euiListGroupItem__text {
-  line-height: 16px; }
-
-.euiListGroupItem--large .euiListGroupItem__button,
-.euiListGroupItem--large .euiListGroupItem__text {
-  line-height: 32px; }
-
-.euiListGroupItem--wrapText .euiListGroupItem__button,
-.euiListGroupItem--wrapText .euiListGroupItem__text {
-  width: 100%;
-  word-break: break-word; }
-
-.euiListGroupItem--wrapText .euiListGroupItem__label {
-  white-space: inherit; }
-
-.euiListGroup-flush .euiListGroupItem {
-  border-radius: 0; }
-
-.euiListGroup-bordered .euiListGroupItem:first-child {
-  border-top-left-radius: 6px;
-  border-top-right-radius: 6px; }
-
-.euiListGroup-bordered .euiListGroupItem:last-child {
-  border-bottom-left-radius: 6px;
-  border-bottom-right-radius: 6px; }
-
-.euiListGroupItem__tooltip {
-  width: 100%; }
-
-.euiPinnableListGroup__itemExtraAction svg {
-  -webkit-transform: rotate(45deg);
-          transform: rotate(45deg); }
-
-.euiPinnableListGroup__itemExtraAction-pinned:not(:hover):not(:focus) {
-  color: #62656d; }
-
 .euiMarkdownEditor {
   display: -webkit-flex;
   display: flex;
@@ -10448,7 +10180,7 @@ button.euiSuggestItem {
     .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
       border-radius: 0; }
     .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
-      border-radius: 4px; }
+      border-radius: 6px; }
     .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
       background-color: transparent; }
     .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
@@ -10607,7 +10339,7 @@ button.euiSuggestItem {
     .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusNone {
       border-radius: 0; }
     .euiTable.euiTable--responsive .euiTableRow.euiTableRow--borderRadiusMedium {
-      border-radius: 4px; }
+      border-radius: 6px; }
     .euiTable.euiTable--responsive .euiTableRow.euiTableRow--transparent {
       background-color: transparent; }
     .euiTable.euiTable--responsive .euiTableRow.euiTableRow--plain {
@@ -11144,9 +10876,6 @@ button.euiSuggestItem {
     .euiHue__range:focus:focus-visible {
       outline: none; }
 
-.euiListGroupItem--medium {
-  font-size: 16px; }
-
 .euiKeyPadMenuItem {
   border: none !important;
   box-shadow: none; }
@@ -11184,10 +10913,6 @@ button.euiSuggestItem {
 .euiModal {
   border: none; }
 
-.euiNotificationBadge {
-  font-feature-settings: "calt" 1, "kern" 1, "liga" 1, "tnum" 1;
-  border-radius: 4px; }
-
 .euiRangeTooltip__value {
   border-radius: 4px; }
 
@@ -11348,8 +11073,8 @@ button.euiSuggestItem {
   content: '';
   display: block;
   background: #343741;
-  border: 0 solid #98A2B3;
-  border-radius: 4px;
+  border: 0 solid #343741;
+  border-radius: 6px;
   position: absolute;
   left: 0; }
 

package/dist/eui_theme_dark.json

@@ -1,8 +1,4 @@
 {
-  "euiBadgeGroupGutterTypes": {
-    "gutterExtraSmall": "4px",
-    "gutterSmall": "8px"
-  },
   "euiCodeBlockPaddingModifiers": {
     "paddingSmall": "8px",
     "paddingMedium": "16px",
@@ -98,24 +94,6 @@
   },
   "euiKeyPadMenuSize": "96px",
   "euiKeyPadMenuMarginSize": "4px",
-  "euiListGroupItemHoverBackground": "rgba(52, 55, 65, 0.25)",
-  "euiListGroupItemHoverBackgroundGhost": "rgba(255, 255, 255, 0.09999999999999998)",
-  "euiListGroupGutterTypes": {
-    "gutterSmall": "8px",
-    "gutterMedium": "16px"
-  },
-  "euiListGroupItemColorTypes": {
-    "primary": "#36a2ef",
-    "text": "#dfe5ef",
-    "subdued": "#7a7f89",
-    "ghost": "#ffffff"
-  },
-  "euiListGroupItemSizeTypes": {
-    "xSmall": "12px",
-    "small": "14px",
-    "medium": "14px",
-    "large": "22px"
-  },
   "euiMarkdownEditorMinHeight": "150px",
   "euiResizableButtonTransitionSpeed": "150ms",
   "euiResizableButtonSize": "16px",
@@ -348,19 +326,25 @@
   },
   "euiFormControlLayoutGroupInputHeight": "38px",
   "euiFormControlLayoutGroupInputCompressedHeight": "30px",
-  "euiFormControlLayoutGroupInputCompressedBorderRadius": "1px",
+  "euiFormControlLayoutGroupInputCompressedBorderRadius": "2px",
   "euiRangeTrackColor": "#343741",
+  "euiRangeHighlightColor": "#98a2b3",
   "euiRangeThumbRadius": "50%",
   "euiRangeThumbHeight": "16px",
   "euiRangeThumbWidth": "16px",
   "euiRangeThumbBorderColor": "#1d1e24",
+  "euiRangeThumbBackgroundColor": "#98a2b3",
   "euiRangeTrackWidth": "100%",
   "euiRangeTrackHeight": "6px",
+  "euiRangeTrackCompressedHeight": "4px",
   "euiRangeTrackBorderWidth": 0,
-  "euiRangeTrackBorderColor": "#98a2b3",
-  "euiRangeTrackRadius": "4px",
+  "euiRangeTrackBorderColor": "#343741",
+  "euiRangeTrackRadius": "6px",
   "euiRangeDisabledOpacity": 0.25,
   "euiRangeHighlightHeight": "6px",
+  "euiRangeHighlightCompressedHeight": "4px",
+  "euiRangeHeight": "40px",
+  "euiRangeCompressedHeight": "32px",
   "euiHeaderBackgroundColor": "#1d1e24",
   "euiHeaderDarkBackgroundColor": "#131317",
   "euiHeaderBorderColor": "#131417",
@@ -377,7 +361,7 @@
   },
   "euiPanelBorderRadiusModifiers": {
     "borderRadiusNone": 0,
-    "borderRadiusMedium": "4px"
+    "borderRadiusMedium": "6px"
   },
   "euiPanelBackgroundColorModifiers": {
     "transparent": "rgba(0, 0, 0, 0)",
@@ -528,12 +512,6 @@
   "euiDatePickerMaxControlWidth": "140px",
   "euiButtonDefaultTransparency": 0.8,
   "euiButtonFontWeight": 500,
-  "euiRangeHighlightColor": "#98a2b3",
-  "euiRangeThumbBackgroundColor": "#98a2b3",
-  "euiRangeTrackCompressedHeight": "4px",
-  "euiRangeHighlightCompressedHeight": "4px",
-  "euiRangeHeight": "40px",
-  "euiRangeCompressedHeight": "32px",
   "euiStepStatusColors": {
     "default": "#36a2ef",
     "complete": "#7dded8",

package/dist/eui_theme_dark.json.d.ts

@@ -1,9 +1,5 @@
 declare module '@elastic/eui/dist/eui_theme_dark.json' {
   const sassVariables: {
-    euiBadgeGroupGutterTypes: {
-      gutterExtraSmall: string;
-      gutterSmall: string;
-    };
     euiCodeBlockPaddingModifiers: {
       paddingSmall: string;
       paddingMedium: string;
@@ -99,24 +95,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
     };
     euiKeyPadMenuSize: string;
     euiKeyPadMenuMarginSize: string;
-    euiListGroupItemHoverBackground: string;
-    euiListGroupItemHoverBackgroundGhost: string;
-    euiListGroupGutterTypes: {
-      gutterSmall: string;
-      gutterMedium: string;
-    };
-    euiListGroupItemColorTypes: {
-      primary: string;
-      text: string;
-      subdued: string;
-      ghost: string;
-    };
-    euiListGroupItemSizeTypes: {
-      xSmall: string;
-      small: string;
-      medium: string;
-      large: string;
-    };
     euiMarkdownEditorMinHeight: string;
     euiResizableButtonTransitionSpeed: string;
     euiResizableButtonSize: string;
@@ -351,17 +329,23 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
     euiFormControlLayoutGroupInputCompressedHeight: string;
     euiFormControlLayoutGroupInputCompressedBorderRadius: string;
     euiRangeTrackColor: string;
+    euiRangeHighlightColor: string;
     euiRangeThumbRadius: string;
     euiRangeThumbHeight: string;
     euiRangeThumbWidth: string;
     euiRangeThumbBorderColor: string;
+    euiRangeThumbBackgroundColor: string;
     euiRangeTrackWidth: string;
     euiRangeTrackHeight: string;
+    euiRangeTrackCompressedHeight: string;
     euiRangeTrackBorderWidth: number;
     euiRangeTrackBorderColor: string;
     euiRangeTrackRadius: string;
     euiRangeDisabledOpacity: number;
     euiRangeHighlightHeight: string;
+    euiRangeHighlightCompressedHeight: string;
+    euiRangeHeight: string;
+    euiRangeCompressedHeight: string;
     euiHeaderBackgroundColor: string;
     euiHeaderDarkBackgroundColor: string;
     euiHeaderBorderColor: string;
@@ -529,12 +513,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
     euiDatePickerMaxControlWidth: string;
     euiButtonDefaultTransparency: number;
     euiButtonFontWeight: number;
-    euiRangeHighlightColor: string;
-    euiRangeThumbBackgroundColor: string;
-    euiRangeTrackCompressedHeight: string;
-    euiRangeHighlightCompressedHeight: string;
-    euiRangeHeight: string;
-    euiRangeCompressedHeight: string;
     euiStepStatusColors: {
       default: string;
       complete: string;