@elastic/eui 72.0.0 → 72.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (149) hide show
  1. package/dist/eui_charts_theme.js +13 -1
  2. package/dist/eui_charts_theme.js.map +1 -1
  3. package/dist/eui_theme_dark.css +0 -151
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +0 -151
  6. package/dist/eui_theme_light.min.css +1 -1
  7. package/es/components/accordion/accordion.js +1 -1
  8. package/es/components/basic_table/basic_table.js +2 -2
  9. package/es/components/basic_table/in_memory_table.js +3 -6
  10. package/es/components/basic_table/table.a11y.js +128 -0
  11. package/es/components/color_picker/color_picker.styles.js +16 -0
  12. package/es/components/color_picker/color_stops/color_stop_thumb.js +19 -7
  13. package/es/components/color_picker/color_stops/color_stop_thumb.styles.js +59 -0
  14. package/es/components/color_picker/color_stops/color_stops.js +25 -15
  15. package/es/components/color_picker/color_stops/color_stops.styles.js +65 -0
  16. package/es/components/date_picker/super_date_picker/super_date_picker.js +9 -0
  17. package/es/components/date_picker/super_date_picker/super_update_button.js +8 -0
  18. package/es/components/form/range/range_highlight.styles.js +1 -1
  19. package/es/components/form/range/range_levels.styles.js +1 -1
  20. package/es/components/form/range/range_track.js +5 -2
  21. package/es/components/image/image.a11y.js +55 -0
  22. package/es/components/image/image.js +9 -2
  23. package/es/components/image/image_fullscreen_wrapper.js +3 -1
  24. package/es/components/image/image_wrapper.js +3 -1
  25. package/es/components/key_pad_menu/key_pad_menu.a11y.js +158 -0
  26. package/es/components/markdown_editor/markdown_format.styles.js +2 -5
  27. package/es/components/popover/popover.js +2 -2
  28. package/es/components/table/table_footer_cell.js +1 -1
  29. package/es/components/table/table_header_cell.js +1 -1
  30. package/es/components/table/table_row_cell.js +2 -2
  31. package/es/components/text/text.styles.js +6 -3
  32. package/es/components/tool_tip/icon_tip.js +8 -0
  33. package/es/components/tool_tip/tool_tip.js +24 -1
  34. package/es/components/tour/tour.styles.js +1 -1
  35. package/es/services/color/manipulation.js +9 -0
  36. package/es/services/index.js +11 -11
  37. package/eui.d.ts +166 -107
  38. package/i18ntokens.json +16 -16
  39. package/lib/components/accordion/accordion.js +1 -1
  40. package/lib/components/basic_table/basic_table.js +2 -2
  41. package/lib/components/basic_table/in_memory_table.js +3 -6
  42. package/lib/components/basic_table/table.a11y.js +139 -0
  43. package/lib/components/color_picker/color_picker.styles.js +26 -0
  44. package/lib/components/color_picker/color_stops/color_stop_thumb.js +19 -6
  45. package/lib/components/color_picker/color_stops/color_stop_thumb.styles.js +69 -0
  46. package/lib/components/color_picker/color_stops/color_stops.js +25 -14
  47. package/lib/components/color_picker/color_stops/color_stops.styles.js +73 -0
  48. package/lib/components/date_picker/super_date_picker/super_date_picker.js +9 -0
  49. package/lib/components/date_picker/super_date_picker/super_update_button.js +8 -0
  50. package/lib/components/form/range/range_highlight.styles.js +1 -1
  51. package/lib/components/form/range/range_levels.styles.js +1 -1
  52. package/lib/components/form/range/range_track.js +6 -2
  53. package/lib/components/image/image.a11y.js +61 -0
  54. package/lib/components/image/image.js +9 -2
  55. package/lib/components/image/image_fullscreen_wrapper.js +3 -1
  56. package/lib/components/image/image_wrapper.js +3 -1
  57. package/lib/components/key_pad_menu/key_pad_menu.a11y.js +163 -0
  58. package/lib/components/markdown_editor/markdown_format.styles.js +1 -4
  59. package/lib/components/popover/popover.js +2 -2
  60. package/lib/components/table/table_footer_cell.js +1 -1
  61. package/lib/components/table/table_header_cell.js +1 -1
  62. package/lib/components/table/table_row_cell.js +2 -2
  63. package/lib/components/text/text.styles.js +5 -2
  64. package/lib/components/tool_tip/icon_tip.js +8 -0
  65. package/lib/components/tool_tip/tool_tip.js +24 -1
  66. package/lib/components/tour/tour.styles.js +1 -1
  67. package/lib/services/color/manipulation.js +14 -2
  68. package/lib/services/index.js +65 -58
  69. package/optimize/es/components/accordion/accordion.js +1 -1
  70. package/optimize/es/components/basic_table/table.a11y.js +128 -0
  71. package/optimize/es/components/color_picker/color_picker.styles.js +16 -0
  72. package/optimize/es/components/color_picker/color_stops/color_stop_thumb.js +19 -7
  73. package/optimize/es/components/color_picker/color_stops/color_stop_thumb.styles.js +59 -0
  74. package/optimize/es/components/color_picker/color_stops/color_stops.js +25 -15
  75. package/optimize/es/components/color_picker/color_stops/color_stops.styles.js +65 -0
  76. package/optimize/es/components/form/range/range_highlight.styles.js +1 -1
  77. package/optimize/es/components/form/range/range_levels.styles.js +1 -1
  78. package/optimize/es/components/form/range/range_track.js +5 -2
  79. package/optimize/es/components/image/image.a11y.js +55 -0
  80. package/optimize/es/components/image/image.js +4 -2
  81. package/optimize/es/components/image/image_fullscreen_wrapper.js +3 -1
  82. package/optimize/es/components/image/image_wrapper.js +3 -1
  83. package/optimize/es/components/key_pad_menu/key_pad_menu.a11y.js +148 -0
  84. package/optimize/es/components/markdown_editor/markdown_format.styles.js +2 -5
  85. package/optimize/es/components/popover/popover.js +2 -2
  86. package/optimize/es/components/text/text.styles.js +6 -3
  87. package/optimize/es/components/tool_tip/tool_tip.js +16 -1
  88. package/optimize/es/components/tour/tour.styles.js +1 -1
  89. package/optimize/es/services/color/manipulation.js +9 -0
  90. package/optimize/es/services/index.js +11 -11
  91. package/optimize/lib/components/accordion/accordion.js +1 -1
  92. package/optimize/lib/components/basic_table/table.a11y.js +139 -0
  93. package/optimize/lib/components/color_picker/color_picker.styles.js +26 -0
  94. package/optimize/lib/components/color_picker/color_stops/color_stop_thumb.js +19 -6
  95. package/optimize/lib/components/color_picker/color_stops/color_stop_thumb.styles.js +69 -0
  96. package/optimize/lib/components/color_picker/color_stops/color_stops.js +25 -14
  97. package/optimize/lib/components/color_picker/color_stops/color_stops.styles.js +73 -0
  98. package/optimize/lib/components/form/range/range_highlight.styles.js +1 -1
  99. package/optimize/lib/components/form/range/range_levels.styles.js +1 -1
  100. package/optimize/lib/components/form/range/range_track.js +6 -2
  101. package/optimize/lib/components/image/image.a11y.js +61 -0
  102. package/optimize/lib/components/image/image.js +4 -2
  103. package/optimize/lib/components/image/image_fullscreen_wrapper.js +3 -1
  104. package/optimize/lib/components/image/image_wrapper.js +3 -1
  105. package/optimize/lib/components/key_pad_menu/key_pad_menu.a11y.js +163 -0
  106. package/optimize/lib/components/markdown_editor/markdown_format.styles.js +1 -4
  107. package/optimize/lib/components/popover/popover.js +2 -2
  108. package/optimize/lib/components/text/text.styles.js +5 -2
  109. package/optimize/lib/components/tool_tip/tool_tip.js +16 -1
  110. package/optimize/lib/components/tour/tour.styles.js +1 -1
  111. package/optimize/lib/services/color/manipulation.js +14 -2
  112. package/optimize/lib/services/index.js +65 -58
  113. package/package.json +2 -2
  114. package/src/components/color_picker/_index.scss +0 -1
  115. package/src/components/markdown_editor/_markdown_format.scss +0 -4
  116. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  117. package/test-env/components/accordion/accordion.js +1 -1
  118. package/test-env/components/basic_table/basic_table.js +2 -2
  119. package/test-env/components/basic_table/in_memory_table.js +3 -6
  120. package/test-env/components/basic_table/table.a11y.js +139 -0
  121. package/test-env/components/color_picker/color_picker.styles.js +26 -0
  122. package/test-env/components/color_picker/color_stops/color_stop_thumb.js +19 -6
  123. package/test-env/components/color_picker/color_stops/color_stop_thumb.styles.js +69 -0
  124. package/test-env/components/color_picker/color_stops/color_stops.js +25 -14
  125. package/test-env/components/color_picker/color_stops/color_stops.styles.js +73 -0
  126. package/test-env/components/date_picker/super_date_picker/super_date_picker.js +9 -0
  127. package/test-env/components/date_picker/super_date_picker/super_update_button.js +8 -0
  128. package/test-env/components/form/range/range_highlight.styles.js +1 -1
  129. package/test-env/components/form/range/range_levels.styles.js +1 -1
  130. package/test-env/components/form/range/range_track.js +6 -2
  131. package/test-env/components/image/image.a11y.js +61 -0
  132. package/test-env/components/image/image.js +9 -2
  133. package/test-env/components/image/image_fullscreen_wrapper.js +3 -1
  134. package/test-env/components/image/image_wrapper.js +3 -1
  135. package/test-env/components/key_pad_menu/key_pad_menu.a11y.js +163 -0
  136. package/test-env/components/markdown_editor/markdown_format.styles.js +1 -4
  137. package/test-env/components/popover/popover.js +2 -2
  138. package/test-env/components/table/table_footer_cell.js +1 -1
  139. package/test-env/components/table/table_header_cell.js +1 -1
  140. package/test-env/components/table/table_row_cell.js +2 -2
  141. package/test-env/components/text/text.styles.js +5 -2
  142. package/test-env/components/tool_tip/icon_tip.js +8 -0
  143. package/test-env/components/tool_tip/tool_tip.js +24 -1
  144. package/test-env/components/tour/tour.styles.js +1 -1
  145. package/test-env/services/color/manipulation.js +14 -2
  146. package/test-env/services/index.js +65 -58
  147. package/src/components/color_picker/color_stops/_color_stops.scss +0 -101
  148. package/src/components/color_picker/color_stops/_index.scss +0 -1
  149. package/src/themes/amsterdam/overrides/_color_stops.scss +0 -58
@@ -1706,110 +1706,6 @@ The following files still use the Sass version:
1706
1706
  border-color: #36A2EF;
1707
1707
  }
1708
1708
 
1709
- .euiColorStops:not(.euiColorStops-isDisabled):focus {
1710
- outline: 2px solid #36A2EF;
1711
- }
1712
-
1713
- .euiColorStops__addContainer {
1714
- display: block;
1715
- position: absolute;
1716
- left: 0;
1717
- right: 0;
1718
- top: 50%;
1719
- height: 16px;
1720
- margin-top: -8px;
1721
- }
1722
- .euiColorStops__addContainer:hover:not(.euiColorStops__addContainer-isDisabled) {
1723
- cursor: pointer;
1724
- }
1725
- .euiColorStops__addContainer:hover:not(.euiColorStops__addContainer-isDisabled) .euiColorStops__addTarget {
1726
- opacity: 0.7;
1727
- }
1728
-
1729
- .euiColorStops__addTarget {
1730
- padding: 7px;
1731
- border: 1px solid #66676d;
1732
- background: #1D1E24 no-repeat center;
1733
- border-radius: 14px;
1734
- transition: background-color 150ms ease-in, border-color 150ms ease-in;
1735
- box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
1736
- border: 2px solid #1D1E24;
1737
- cursor: pointer;
1738
- background-color: #98A2B3;
1739
- padding: 0;
1740
- height: 16px;
1741
- width: 16px;
1742
- box-sizing: border-box;
1743
- position: absolute;
1744
- top: 0;
1745
- height: 16px;
1746
- width: 16px;
1747
- background-color: #25262E;
1748
- pointer-events: none;
1749
- opacity: 0;
1750
- transition: opacity 150ms;
1751
- }
1752
-
1753
- .euiColorStop {
1754
- width: 152px;
1755
- }
1756
-
1757
- .euiColorStopPopover.euiPopover {
1758
- position: absolute;
1759
- top: 50%;
1760
- width: 16px;
1761
- height: 16px;
1762
- margin-top: -8px;
1763
- }
1764
-
1765
- .euiColorStopPopover-hasFocus {
1766
- z-index: 3;
1767
- }
1768
-
1769
- .euiColorStopPopover__anchor {
1770
- position: absolute;
1771
- width: 100%;
1772
- height: 100%;
1773
- }
1774
- .euiColorStopPopover__anchor::before {
1775
- content: "";
1776
- display: block;
1777
- position: absolute;
1778
- left: 0;
1779
- top: 0;
1780
- height: 16px;
1781
- width: 16px;
1782
- border-radius: 16px;
1783
- background: #1D1E24;
1784
- }
1785
-
1786
- .euiColorStopThumb.euiRangeThumb:not(:disabled) {
1787
- top: 0;
1788
- margin-top: 0;
1789
- pointer-events: auto;
1790
- cursor: -webkit-grab;
1791
- cursor: grab;
1792
- border: solid 3px #1D1E24;
1793
- box-shadow: 0 0 0 1px #535966, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
1794
- }
1795
- .euiColorStopThumb.euiRangeThumb:not(:disabled):active {
1796
- cursor: -webkit-grabbing;
1797
- cursor: grabbing;
1798
- }
1799
-
1800
- .euiColorStopPopover-isLoadingPanel {
1801
- visibility: hidden !important;
1802
- }
1803
-
1804
- .euiColorStops.euiColorStops-isDragging:not(.euiColorStops-isDisabled):not(.euiColorStops-isReadOnly) {
1805
- cursor: -webkit-grabbing;
1806
- cursor: grabbing;
1807
- }
1808
-
1809
- .euiColorStops__highlight {
1810
- color: #343741;
1811
- }
1812
-
1813
1709
  .euiColorPalettePicker__itemTitle {
1814
1710
  font-size: 12px;
1815
1711
  font-size: 0.8571428571rem;
@@ -7788,9 +7684,6 @@ The following files still use the Sass version:
7788
7684
  .euiMarkdownFormat[class*=euiTextColor-custom] .euiMarkdownFormat__table tr {
7789
7685
  border-top: 1px solid currentColor;
7790
7686
  }
7791
- .euiMarkdownFormat .euiMarkdownFormat__blockquote {
7792
- border-left-style: solid;
7793
- }
7794
7687
  .euiMarkdownFormat .euiCheckbox {
7795
7688
  margin-bottom: 0 !important;
7796
7689
  }
@@ -10699,50 +10592,6 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
10699
10592
  display: block;
10700
10593
  }
10701
10594
  }
10702
- .euiColorStops__addTarget,
10703
- .euiColorStops__addContainer {
10704
- z-index: 3;
10705
- }
10706
-
10707
- .euiColorStops__addTarget {
10708
- border: 1px solid #98A2B3;
10709
- box-shadow: none;
10710
- }
10711
-
10712
- .euiColorStopThumb.euiRangeThumb:not(:disabled) {
10713
- border: 2px solid #1D1E24;
10714
- box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
10715
- }
10716
- .euiColorStopThumb.euiRangeThumb:not(:disabled):focus {
10717
- box-shadow: 0 0 0 2px #36A2EF;
10718
- outline: none;
10719
- }
10720
- .euiColorStopThumb.euiRangeThumb:not(:disabled):focus:not(:focus-visible) {
10721
- box-shadow: 0 0 0 1px #1D1E24, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
10722
- outline: none;
10723
- }
10724
-
10725
- .euiColorStops:not(.euiColorStops-isDisabled) .euiRangeTrack::after {
10726
- transition-property: box-shadow;
10727
- transition-delay: 90ms;
10728
- }
10729
- .euiColorStops:not(.euiColorStops-isDisabled):focus {
10730
- outline: none;
10731
- }
10732
- .euiColorStops:not(.euiColorStops-isDisabled):focus .euiRangeTrack::after {
10733
- box-shadow: 0 0 0 1px rgba(29, 30, 36, 0.8), 0 0 0 3px #36A2EF;
10734
- }
10735
- .euiColorStops:not(.euiColorStops-isDisabled):focus:not(:focus-visible) .euiRangeTrack::after {
10736
- box-shadow: none;
10737
- }
10738
-
10739
- .euiColorStops__highlight {
10740
- color: #343741;
10741
- }
10742
- .euiColorStops__highlight .euiRangeHighlight__progress {
10743
- background-color: #343741;
10744
- }
10745
-
10746
10595
  .euiComboBox--appended .euiFormControlLayout__childrenWrapper {
10747
10596
  border-top-left-radius: 6px;
10748
10597
  border-bottom-left-radius: 6px;