@elastic/eui 72.0.0 → 72.1.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 (99) 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 -148
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +0 -148
  6. package/dist/eui_theme_light.min.css +1 -1
  7. package/es/components/basic_table/basic_table.js +2 -2
  8. package/es/components/basic_table/in_memory_table.js +3 -6
  9. package/es/components/basic_table/table.a11y.js +128 -0
  10. package/es/components/color_picker/color_picker.styles.js +16 -0
  11. package/es/components/color_picker/color_stops/color_stop_thumb.js +19 -7
  12. package/es/components/color_picker/color_stops/color_stop_thumb.styles.js +59 -0
  13. package/es/components/color_picker/color_stops/color_stops.js +25 -15
  14. package/es/components/color_picker/color_stops/color_stops.styles.js +65 -0
  15. package/es/components/form/range/range_highlight.styles.js +1 -1
  16. package/es/components/form/range/range_levels.styles.js +1 -1
  17. package/es/components/form/range/range_track.js +5 -2
  18. package/es/components/image/image.a11y.js +55 -0
  19. package/es/components/key_pad_menu/key_pad_menu.a11y.js +158 -0
  20. package/es/components/popover/popover.js +2 -2
  21. package/es/components/table/table_footer_cell.js +1 -1
  22. package/es/components/table/table_header_cell.js +1 -1
  23. package/es/components/table/table_row_cell.js +2 -2
  24. package/es/services/color/manipulation.js +9 -0
  25. package/es/services/index.js +11 -11
  26. package/eui.d.ts +154 -106
  27. package/i18ntokens.json +16 -16
  28. package/lib/components/basic_table/basic_table.js +2 -2
  29. package/lib/components/basic_table/in_memory_table.js +3 -6
  30. package/lib/components/basic_table/table.a11y.js +139 -0
  31. package/lib/components/color_picker/color_picker.styles.js +26 -0
  32. package/lib/components/color_picker/color_stops/color_stop_thumb.js +19 -6
  33. package/lib/components/color_picker/color_stops/color_stop_thumb.styles.js +69 -0
  34. package/lib/components/color_picker/color_stops/color_stops.js +25 -14
  35. package/lib/components/color_picker/color_stops/color_stops.styles.js +73 -0
  36. package/lib/components/form/range/range_highlight.styles.js +1 -1
  37. package/lib/components/form/range/range_levels.styles.js +1 -1
  38. package/lib/components/form/range/range_track.js +6 -2
  39. package/lib/components/image/image.a11y.js +61 -0
  40. package/lib/components/key_pad_menu/key_pad_menu.a11y.js +163 -0
  41. package/lib/components/popover/popover.js +2 -2
  42. package/lib/components/table/table_footer_cell.js +1 -1
  43. package/lib/components/table/table_header_cell.js +1 -1
  44. package/lib/components/table/table_row_cell.js +2 -2
  45. package/lib/services/color/manipulation.js +14 -2
  46. package/lib/services/index.js +65 -58
  47. package/optimize/es/components/basic_table/table.a11y.js +128 -0
  48. package/optimize/es/components/color_picker/color_picker.styles.js +16 -0
  49. package/optimize/es/components/color_picker/color_stops/color_stop_thumb.js +19 -7
  50. package/optimize/es/components/color_picker/color_stops/color_stop_thumb.styles.js +59 -0
  51. package/optimize/es/components/color_picker/color_stops/color_stops.js +25 -15
  52. package/optimize/es/components/color_picker/color_stops/color_stops.styles.js +65 -0
  53. package/optimize/es/components/form/range/range_highlight.styles.js +1 -1
  54. package/optimize/es/components/form/range/range_levels.styles.js +1 -1
  55. package/optimize/es/components/form/range/range_track.js +5 -2
  56. package/optimize/es/components/image/image.a11y.js +55 -0
  57. package/optimize/es/components/key_pad_menu/key_pad_menu.a11y.js +148 -0
  58. package/optimize/es/components/popover/popover.js +2 -2
  59. package/optimize/es/services/color/manipulation.js +9 -0
  60. package/optimize/es/services/index.js +11 -11
  61. package/optimize/lib/components/basic_table/table.a11y.js +139 -0
  62. package/optimize/lib/components/color_picker/color_picker.styles.js +26 -0
  63. package/optimize/lib/components/color_picker/color_stops/color_stop_thumb.js +19 -6
  64. package/optimize/lib/components/color_picker/color_stops/color_stop_thumb.styles.js +69 -0
  65. package/optimize/lib/components/color_picker/color_stops/color_stops.js +25 -14
  66. package/optimize/lib/components/color_picker/color_stops/color_stops.styles.js +73 -0
  67. package/optimize/lib/components/form/range/range_highlight.styles.js +1 -1
  68. package/optimize/lib/components/form/range/range_levels.styles.js +1 -1
  69. package/optimize/lib/components/form/range/range_track.js +6 -2
  70. package/optimize/lib/components/image/image.a11y.js +61 -0
  71. package/optimize/lib/components/key_pad_menu/key_pad_menu.a11y.js +163 -0
  72. package/optimize/lib/components/popover/popover.js +2 -2
  73. package/optimize/lib/services/color/manipulation.js +14 -2
  74. package/optimize/lib/services/index.js +65 -58
  75. package/package.json +1 -1
  76. package/src/components/color_picker/_index.scss +0 -1
  77. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  78. package/test-env/components/basic_table/basic_table.js +2 -2
  79. package/test-env/components/basic_table/in_memory_table.js +3 -6
  80. package/test-env/components/basic_table/table.a11y.js +139 -0
  81. package/test-env/components/color_picker/color_picker.styles.js +26 -0
  82. package/test-env/components/color_picker/color_stops/color_stop_thumb.js +19 -6
  83. package/test-env/components/color_picker/color_stops/color_stop_thumb.styles.js +69 -0
  84. package/test-env/components/color_picker/color_stops/color_stops.js +25 -14
  85. package/test-env/components/color_picker/color_stops/color_stops.styles.js +73 -0
  86. package/test-env/components/form/range/range_highlight.styles.js +1 -1
  87. package/test-env/components/form/range/range_levels.styles.js +1 -1
  88. package/test-env/components/form/range/range_track.js +6 -2
  89. package/test-env/components/image/image.a11y.js +61 -0
  90. package/test-env/components/key_pad_menu/key_pad_menu.a11y.js +163 -0
  91. package/test-env/components/popover/popover.js +2 -2
  92. package/test-env/components/table/table_footer_cell.js +1 -1
  93. package/test-env/components/table/table_header_cell.js +1 -1
  94. package/test-env/components/table/table_row_cell.js +2 -2
  95. package/test-env/services/color/manipulation.js +14 -2
  96. package/test-env/services/index.js +65 -58
  97. package/src/components/color_picker/color_stops/_color_stops.scss +0 -101
  98. package/src/components/color_picker/color_stops/_index.scss +0 -1
  99. 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;
@@ -10699,50 +10595,6 @@ button.euiSuggestItem:hover .euiSuggestItem__label, button.euiSuggestItem:focus
10699
10595
  display: block;
10700
10596
  }
10701
10597
  }
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
10598
  .euiComboBox--appended .euiFormControlLayout__childrenWrapper {
10747
10599
  border-top-left-radius: 6px;
10748
10600
  border-bottom-left-radius: 6px;