@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.
- package/dist/eui_charts_theme.js +13 -1
- package/dist/eui_charts_theme.js.map +1 -1
- package/dist/eui_theme_dark.css +0 -151
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +0 -151
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accordion/accordion.js +1 -1
- package/es/components/basic_table/basic_table.js +2 -2
- package/es/components/basic_table/in_memory_table.js +3 -6
- package/es/components/basic_table/table.a11y.js +128 -0
- package/es/components/color_picker/color_picker.styles.js +16 -0
- package/es/components/color_picker/color_stops/color_stop_thumb.js +19 -7
- package/es/components/color_picker/color_stops/color_stop_thumb.styles.js +59 -0
- package/es/components/color_picker/color_stops/color_stops.js +25 -15
- package/es/components/color_picker/color_stops/color_stops.styles.js +65 -0
- package/es/components/date_picker/super_date_picker/super_date_picker.js +9 -0
- package/es/components/date_picker/super_date_picker/super_update_button.js +8 -0
- package/es/components/form/range/range_highlight.styles.js +1 -1
- package/es/components/form/range/range_levels.styles.js +1 -1
- package/es/components/form/range/range_track.js +5 -2
- package/es/components/image/image.a11y.js +55 -0
- package/es/components/image/image.js +9 -2
- package/es/components/image/image_fullscreen_wrapper.js +3 -1
- package/es/components/image/image_wrapper.js +3 -1
- package/es/components/key_pad_menu/key_pad_menu.a11y.js +158 -0
- package/es/components/markdown_editor/markdown_format.styles.js +2 -5
- package/es/components/popover/popover.js +2 -2
- package/es/components/table/table_footer_cell.js +1 -1
- package/es/components/table/table_header_cell.js +1 -1
- package/es/components/table/table_row_cell.js +2 -2
- package/es/components/text/text.styles.js +6 -3
- package/es/components/tool_tip/icon_tip.js +8 -0
- package/es/components/tool_tip/tool_tip.js +24 -1
- package/es/components/tour/tour.styles.js +1 -1
- package/es/services/color/manipulation.js +9 -0
- package/es/services/index.js +11 -11
- package/eui.d.ts +166 -107
- package/i18ntokens.json +16 -16
- package/lib/components/accordion/accordion.js +1 -1
- package/lib/components/basic_table/basic_table.js +2 -2
- package/lib/components/basic_table/in_memory_table.js +3 -6
- package/lib/components/basic_table/table.a11y.js +139 -0
- package/lib/components/color_picker/color_picker.styles.js +26 -0
- package/lib/components/color_picker/color_stops/color_stop_thumb.js +19 -6
- package/lib/components/color_picker/color_stops/color_stop_thumb.styles.js +69 -0
- package/lib/components/color_picker/color_stops/color_stops.js +25 -14
- package/lib/components/color_picker/color_stops/color_stops.styles.js +73 -0
- package/lib/components/date_picker/super_date_picker/super_date_picker.js +9 -0
- package/lib/components/date_picker/super_date_picker/super_update_button.js +8 -0
- package/lib/components/form/range/range_highlight.styles.js +1 -1
- package/lib/components/form/range/range_levels.styles.js +1 -1
- package/lib/components/form/range/range_track.js +6 -2
- package/lib/components/image/image.a11y.js +61 -0
- package/lib/components/image/image.js +9 -2
- package/lib/components/image/image_fullscreen_wrapper.js +3 -1
- package/lib/components/image/image_wrapper.js +3 -1
- package/lib/components/key_pad_menu/key_pad_menu.a11y.js +163 -0
- package/lib/components/markdown_editor/markdown_format.styles.js +1 -4
- package/lib/components/popover/popover.js +2 -2
- package/lib/components/table/table_footer_cell.js +1 -1
- package/lib/components/table/table_header_cell.js +1 -1
- package/lib/components/table/table_row_cell.js +2 -2
- package/lib/components/text/text.styles.js +5 -2
- package/lib/components/tool_tip/icon_tip.js +8 -0
- package/lib/components/tool_tip/tool_tip.js +24 -1
- package/lib/components/tour/tour.styles.js +1 -1
- package/lib/services/color/manipulation.js +14 -2
- package/lib/services/index.js +65 -58
- package/optimize/es/components/accordion/accordion.js +1 -1
- package/optimize/es/components/basic_table/table.a11y.js +128 -0
- package/optimize/es/components/color_picker/color_picker.styles.js +16 -0
- package/optimize/es/components/color_picker/color_stops/color_stop_thumb.js +19 -7
- package/optimize/es/components/color_picker/color_stops/color_stop_thumb.styles.js +59 -0
- package/optimize/es/components/color_picker/color_stops/color_stops.js +25 -15
- package/optimize/es/components/color_picker/color_stops/color_stops.styles.js +65 -0
- package/optimize/es/components/form/range/range_highlight.styles.js +1 -1
- package/optimize/es/components/form/range/range_levels.styles.js +1 -1
- package/optimize/es/components/form/range/range_track.js +5 -2
- package/optimize/es/components/image/image.a11y.js +55 -0
- package/optimize/es/components/image/image.js +4 -2
- package/optimize/es/components/image/image_fullscreen_wrapper.js +3 -1
- package/optimize/es/components/image/image_wrapper.js +3 -1
- package/optimize/es/components/key_pad_menu/key_pad_menu.a11y.js +148 -0
- package/optimize/es/components/markdown_editor/markdown_format.styles.js +2 -5
- package/optimize/es/components/popover/popover.js +2 -2
- package/optimize/es/components/text/text.styles.js +6 -3
- package/optimize/es/components/tool_tip/tool_tip.js +16 -1
- package/optimize/es/components/tour/tour.styles.js +1 -1
- package/optimize/es/services/color/manipulation.js +9 -0
- package/optimize/es/services/index.js +11 -11
- package/optimize/lib/components/accordion/accordion.js +1 -1
- package/optimize/lib/components/basic_table/table.a11y.js +139 -0
- package/optimize/lib/components/color_picker/color_picker.styles.js +26 -0
- package/optimize/lib/components/color_picker/color_stops/color_stop_thumb.js +19 -6
- package/optimize/lib/components/color_picker/color_stops/color_stop_thumb.styles.js +69 -0
- package/optimize/lib/components/color_picker/color_stops/color_stops.js +25 -14
- package/optimize/lib/components/color_picker/color_stops/color_stops.styles.js +73 -0
- package/optimize/lib/components/form/range/range_highlight.styles.js +1 -1
- package/optimize/lib/components/form/range/range_levels.styles.js +1 -1
- package/optimize/lib/components/form/range/range_track.js +6 -2
- package/optimize/lib/components/image/image.a11y.js +61 -0
- package/optimize/lib/components/image/image.js +4 -2
- package/optimize/lib/components/image/image_fullscreen_wrapper.js +3 -1
- package/optimize/lib/components/image/image_wrapper.js +3 -1
- package/optimize/lib/components/key_pad_menu/key_pad_menu.a11y.js +163 -0
- package/optimize/lib/components/markdown_editor/markdown_format.styles.js +1 -4
- package/optimize/lib/components/popover/popover.js +2 -2
- package/optimize/lib/components/text/text.styles.js +5 -2
- package/optimize/lib/components/tool_tip/tool_tip.js +16 -1
- package/optimize/lib/components/tour/tour.styles.js +1 -1
- package/optimize/lib/services/color/manipulation.js +14 -2
- package/optimize/lib/services/index.js +65 -58
- package/package.json +2 -2
- package/src/components/color_picker/_index.scss +0 -1
- package/src/components/markdown_editor/_markdown_format.scss +0 -4
- package/src/themes/amsterdam/overrides/_index.scss +0 -1
- package/test-env/components/accordion/accordion.js +1 -1
- package/test-env/components/basic_table/basic_table.js +2 -2
- package/test-env/components/basic_table/in_memory_table.js +3 -6
- package/test-env/components/basic_table/table.a11y.js +139 -0
- package/test-env/components/color_picker/color_picker.styles.js +26 -0
- package/test-env/components/color_picker/color_stops/color_stop_thumb.js +19 -6
- package/test-env/components/color_picker/color_stops/color_stop_thumb.styles.js +69 -0
- package/test-env/components/color_picker/color_stops/color_stops.js +25 -14
- package/test-env/components/color_picker/color_stops/color_stops.styles.js +73 -0
- package/test-env/components/date_picker/super_date_picker/super_date_picker.js +9 -0
- package/test-env/components/date_picker/super_date_picker/super_update_button.js +8 -0
- package/test-env/components/form/range/range_highlight.styles.js +1 -1
- package/test-env/components/form/range/range_levels.styles.js +1 -1
- package/test-env/components/form/range/range_track.js +6 -2
- package/test-env/components/image/image.a11y.js +61 -0
- package/test-env/components/image/image.js +9 -2
- package/test-env/components/image/image_fullscreen_wrapper.js +3 -1
- package/test-env/components/image/image_wrapper.js +3 -1
- package/test-env/components/key_pad_menu/key_pad_menu.a11y.js +163 -0
- package/test-env/components/markdown_editor/markdown_format.styles.js +1 -4
- package/test-env/components/popover/popover.js +2 -2
- package/test-env/components/table/table_footer_cell.js +1 -1
- package/test-env/components/table/table_header_cell.js +1 -1
- package/test-env/components/table/table_row_cell.js +2 -2
- package/test-env/components/text/text.styles.js +5 -2
- package/test-env/components/tool_tip/icon_tip.js +8 -0
- package/test-env/components/tool_tip/tool_tip.js +24 -1
- package/test-env/components/tour/tour.styles.js +1 -1
- package/test-env/services/color/manipulation.js +14 -2
- package/test-env/services/index.js +65 -58
- package/src/components/color_picker/color_stops/_color_stops.scss +0 -101
- package/src/components/color_picker/color_stops/_index.scss +0 -1
- package/src/themes/amsterdam/overrides/_color_stops.scss +0 -58
package/dist/eui_theme_light.css
CHANGED
|
@@ -1706,110 +1706,6 @@ The following files still use the Sass version:
|
|
|
1706
1706
|
border-color: #07C;
|
|
1707
1707
|
}
|
|
1708
1708
|
|
|
1709
|
-
.euiColorStops:not(.euiColorStops-isDisabled):focus {
|
|
1710
|
-
outline: 2px solid #0071c2;
|
|
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 #c9cbcd;
|
|
1732
|
-
background: #FFF 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 #FFF, 0 2px 2px -1px rgba(0, 0, 0, 0.2), 0 1px 5px -2px rgba(0, 0, 0, 0.2);
|
|
1736
|
-
border: 2px solid #FFF;
|
|
1737
|
-
cursor: pointer;
|
|
1738
|
-
background-color: #69707D;
|
|
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: #F5F7FA;
|
|
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: #FFF;
|
|
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 #FFF;
|
|
1793
|
-
box-shadow: 0 0 0 1px #98A2B3, 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: #D3DAE6;
|
|
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 #69707D;
|
|
10709
|
-
box-shadow: none;
|
|
10710
|
-
}
|
|
10711
|
-
|
|
10712
|
-
.euiColorStopThumb.euiRangeThumb:not(:disabled) {
|
|
10713
|
-
border: 2px solid #FFF;
|
|
10714
|
-
box-shadow: 0 0 0 1px #FFF, 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 #0071c2;
|
|
10718
|
-
outline: none;
|
|
10719
|
-
}
|
|
10720
|
-
.euiColorStopThumb.euiRangeThumb:not(:disabled):focus:not(:focus-visible) {
|
|
10721
|
-
box-shadow: 0 0 0 1px #FFF, 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(255, 255, 255, 0.8), 0 0 0 3px #0071c2;
|
|
10734
|
-
}
|
|
10735
|
-
.euiColorStops:not(.euiColorStops-isDisabled):focus:not(:focus-visible) .euiRangeTrack::after {
|
|
10736
|
-
box-shadow: none;
|
|
10737
|
-
}
|
|
10738
|
-
|
|
10739
|
-
.euiColorStops__highlight {
|
|
10740
|
-
color: #D3DAE6;
|
|
10741
|
-
}
|
|
10742
|
-
.euiColorStops__highlight .euiRangeHighlight__progress {
|
|
10743
|
-
background-color: #D3DAE6;
|
|
10744
|
-
}
|
|
10745
|
-
|
|
10746
10595
|
.euiComboBox--appended .euiFormControlLayout__childrenWrapper {
|
|
10747
10596
|
border-top-left-radius: 6px;
|
|
10748
10597
|
border-bottom-left-radius: 6px;
|