@elastic/eui 59.0.0 → 59.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.
- package/dist/eui_theme_dark.css +2 -136
- package/dist/eui_theme_dark.json +0 -6
- package/dist/eui_theme_dark.json.d.ts +0 -6
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +2 -136
- package/dist/eui_theme_light.json +0 -6
- package/dist/eui_theme_light.json.d.ts +0 -6
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accessibility/skip_link/skip_link.js +39 -2
- package/es/components/accessibility/skip_link/skip_link.styles.js +1 -1
- package/es/components/button/{button_content.js → _button_content_deprecated.js} +4 -3
- package/es/components/button/button.js +16 -10
- package/es/components/button/button_display/_button_display.js +141 -0
- package/es/components/button/button_display/_button_display.styles.js +53 -0
- package/es/components/button/button_display/_button_display_content.js +100 -0
- package/es/components/button/button_display/_button_display_content.styles.js +61 -0
- package/es/components/button/button_empty/button_empty.js +3 -2
- package/es/components/button/button_group/button_group.js +2 -1
- package/es/components/button/button_group/button_group_button.js +3 -2
- package/es/components/call_out/call_out.js +2 -1
- package/es/components/card/card.js +2 -1
- package/es/components/card/card_select.js +2 -1
- package/es/components/date_picker/auto_refresh/auto_refresh.js +2 -1
- package/es/components/facet/facet_button.js +31 -15
- package/es/components/facet/facet_button.styles.js +64 -0
- package/es/components/facet/facet_group.js +12 -23
- package/es/components/facet/facet_group.styles.js +79 -0
- package/es/components/header/header_links/header_link.js +2 -1
- package/es/components/loading/loading_spinner.js +14 -3
- package/es/components/loading/loading_spinner.styles.js +4 -4
- package/es/components/notification/notification_event.js +2 -1
- package/es/components/pagination/pagination_button.js +2 -1
- package/es/components/text/text.js +1 -3
- package/es/components/text/text_align.js +2 -2
- package/es/components/text/text_color.js +7 -3
- package/es/themes/amsterdam/index.js +9 -0
- package/es/themes/index.js +2 -1
- package/eui.d.ts +200 -17
- package/lib/components/accessibility/skip_link/skip_link.js +39 -2
- package/lib/components/accessibility/skip_link/skip_link.styles.js +1 -1
- package/lib/components/button/{button_content.js → _button_content_deprecated.js} +6 -5
- package/lib/components/button/button.js +19 -13
- package/lib/components/button/button_display/_button_display.js +146 -0
- package/lib/components/button/button_display/_button_display.styles.js +59 -0
- package/lib/components/button/button_display/_button_display_content.js +111 -0
- package/lib/components/button/button_display/_button_display_content.styles.js +64 -0
- package/lib/components/button/button_empty/button_empty.js +4 -3
- package/lib/components/button/button_group/button_group.js +2 -1
- package/lib/components/button/button_group/button_group_button.js +3 -2
- package/lib/components/call_out/call_out.js +2 -1
- package/lib/components/card/card.js +2 -1
- package/lib/components/card/card_select.js +2 -1
- package/lib/components/date_picker/auto_refresh/auto_refresh.js +2 -1
- package/lib/components/facet/facet_button.js +35 -15
- package/lib/components/facet/facet_button.styles.js +79 -0
- package/lib/components/facet/facet_group.js +12 -23
- package/lib/components/facet/facet_group.styles.js +82 -0
- package/lib/components/header/header_links/header_link.js +2 -1
- package/lib/components/loading/loading_spinner.js +14 -3
- package/lib/components/loading/loading_spinner.styles.js +4 -4
- package/lib/components/notification/notification_event.js +2 -1
- package/lib/components/text/text.js +1 -3
- package/lib/components/text/text_align.js +8 -2
- package/lib/components/text/text_color.js +13 -3
- package/lib/themes/amsterdam/index.js +18 -0
- package/lib/themes/index.js +21 -1
- package/optimize/es/components/accessibility/skip_link/skip_link.js +23 -1
- package/optimize/es/components/accessibility/skip_link/skip_link.styles.js +1 -1
- package/optimize/es/components/button/{button_content.js → _button_content_deprecated.js} +1 -1
- package/optimize/es/components/button/button.js +13 -8
- package/optimize/es/components/button/button_display/_button_display.js +73 -0
- package/optimize/es/components/button/button_display/_button_display.styles.js +53 -0
- package/optimize/es/components/button/button_display/_button_display_content.js +67 -0
- package/optimize/es/components/button/button_display/_button_display_content.styles.js +61 -0
- package/optimize/es/components/button/button_empty/button_empty.js +1 -1
- package/optimize/es/components/button/button_group/button_group_button.js +1 -1
- package/optimize/es/components/call_out/call_out.js +2 -1
- package/optimize/es/components/facet/facet_button.js +31 -15
- package/optimize/es/components/facet/facet_button.styles.js +64 -0
- package/optimize/es/components/facet/facet_group.js +10 -21
- package/optimize/es/components/facet/facet_group.styles.js +79 -0
- package/optimize/es/components/loading/loading_spinner.js +3 -2
- package/optimize/es/components/loading/loading_spinner.styles.js +4 -4
- package/optimize/es/components/text/text.js +1 -3
- package/optimize/es/components/text/text_align.js +2 -2
- package/optimize/es/components/text/text_color.js +7 -3
- package/optimize/es/themes/amsterdam/index.js +9 -0
- package/optimize/es/themes/index.js +2 -1
- package/optimize/lib/components/accessibility/skip_link/skip_link.js +25 -1
- package/optimize/lib/components/accessibility/skip_link/skip_link.styles.js +1 -1
- package/optimize/lib/components/button/{button_content.js → _button_content_deprecated.js} +3 -3
- package/optimize/lib/components/button/button.js +16 -11
- package/optimize/lib/components/button/button_display/_button_display.js +79 -0
- package/optimize/lib/components/button/button_display/_button_display.styles.js +59 -0
- package/optimize/lib/components/button/button_display/_button_display_content.js +78 -0
- package/optimize/lib/components/button/button_display/_button_display_content.styles.js +64 -0
- package/optimize/lib/components/button/button_empty/button_empty.js +2 -2
- package/optimize/lib/components/button/button_group/button_group_button.js +1 -1
- package/optimize/lib/components/call_out/call_out.js +2 -1
- package/optimize/lib/components/facet/facet_button.js +35 -15
- package/optimize/lib/components/facet/facet_button.styles.js +79 -0
- package/optimize/lib/components/facet/facet_group.js +10 -21
- package/optimize/lib/components/facet/facet_group.styles.js +82 -0
- package/optimize/lib/components/loading/loading_spinner.js +3 -2
- package/optimize/lib/components/loading/loading_spinner.styles.js +4 -4
- package/optimize/lib/components/text/text.js +1 -3
- package/optimize/lib/components/text/text_align.js +8 -2
- package/optimize/lib/components/text/text_color.js +13 -3
- package/optimize/lib/themes/amsterdam/index.js +18 -0
- package/optimize/lib/themes/index.js +21 -1
- package/package.json +1 -1
- package/src/components/index.scss +0 -1
- package/src/components/selectable/selectable_message/_selectable_message.scss +1 -0
- package/src/themes/amsterdam/overrides/_index.scss +0 -1
- package/test-env/components/accessibility/skip_link/skip_link.js +40 -2
- package/test-env/components/accessibility/skip_link/skip_link.styles.js +1 -1
- package/test-env/components/button/{button_content.js → _button_content_deprecated.js} +6 -5
- package/test-env/components/button/button.js +19 -13
- package/test-env/components/button/button_display/_button_display.js +143 -0
- package/test-env/components/button/button_display/_button_display.styles.js +59 -0
- package/test-env/components/button/button_display/_button_display_content.js +108 -0
- package/test-env/components/button/button_display/_button_display_content.styles.js +64 -0
- package/test-env/components/button/button_empty/button_empty.js +4 -3
- package/test-env/components/button/button_group/button_group.js +2 -1
- package/test-env/components/button/button_group/button_group_button.js +3 -2
- package/test-env/components/call_out/call_out.js +2 -1
- package/test-env/components/card/card.js +2 -1
- package/test-env/components/card/card_select.js +2 -1
- package/test-env/components/date_picker/auto_refresh/auto_refresh.js +2 -1
- package/test-env/components/facet/facet_button.js +35 -15
- package/test-env/components/facet/facet_button.styles.js +79 -0
- package/test-env/components/facet/facet_group.js +12 -23
- package/test-env/components/facet/facet_group.styles.js +82 -0
- package/test-env/components/header/header_links/header_link.js +2 -1
- package/test-env/components/loading/loading_spinner.js +14 -3
- package/test-env/components/loading/loading_spinner.styles.js +4 -4
- package/test-env/components/notification/notification_event.js +2 -1
- package/test-env/components/text/text.js +1 -3
- package/test-env/components/text/text_align.js +8 -2
- package/test-env/components/text/text_color.js +13 -3
- package/test-env/themes/amsterdam/index.js +18 -0
- package/test-env/themes/index.js +21 -1
- package/src/components/facet/_facet_button.scss +0 -69
- package/src/components/facet/_facet_group.scss +0 -24
- package/src/components/facet/_index.scss +0 -4
- package/src/components/facet/_variables.scss +0 -6
- package/src/themes/amsterdam/overrides/_facet.scss +0 -10
package/dist/eui_theme_dark.css
CHANGED
|
@@ -5751,135 +5751,6 @@ SOFTWARE.
|
|
|
5751
5751
|
background: repeating-linear-gradient(45deg, rgba(248, 107, 99, 0.25), rgba(248, 107, 99, 0.25) 1px, rgba(248, 107, 99, 0.05) 1px, rgba(248, 107, 99, 0.05) 20px);
|
|
5752
5752
|
padding: 16px; }
|
|
5753
5753
|
|
|
5754
|
-
/**
|
|
5755
|
-
* 1. Make sure the quantity doesn't get an underline on hover
|
|
5756
|
-
*/
|
|
5757
|
-
.euiFacetButton {
|
|
5758
|
-
display: inline-block;
|
|
5759
|
-
-webkit-appearance: none;
|
|
5760
|
-
-moz-appearance: none;
|
|
5761
|
-
appearance: none;
|
|
5762
|
-
cursor: pointer;
|
|
5763
|
-
height: 40px;
|
|
5764
|
-
line-height: 40px;
|
|
5765
|
-
text-align: center;
|
|
5766
|
-
white-space: nowrap;
|
|
5767
|
-
max-width: 100%;
|
|
5768
|
-
vertical-align: middle;
|
|
5769
|
-
font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
|
|
5770
|
-
font-weight: 400;
|
|
5771
|
-
letter-spacing: normal;
|
|
5772
|
-
-webkit-text-size-adjust: 100%;
|
|
5773
|
-
-ms-text-size-adjust: 100%;
|
|
5774
|
-
-webkit-font-kerning: normal;
|
|
5775
|
-
font-kerning: normal;
|
|
5776
|
-
font-size: 14px;
|
|
5777
|
-
font-size: 1rem;
|
|
5778
|
-
line-height: 1.71429rem;
|
|
5779
|
-
height: 32px;
|
|
5780
|
-
text-align: left;
|
|
5781
|
-
text-decoration: none;
|
|
5782
|
-
transition: all 150ms ease-in; }
|
|
5783
|
-
.euiFacetButton:hover:not(:disabled) .euiFacetButton__text, .euiFacetButton:focus:not(:disabled) .euiFacetButton__text {
|
|
5784
|
-
text-decoration: underline;
|
|
5785
|
-
/* 1 */ }
|
|
5786
|
-
.euiFacetButton:focus {
|
|
5787
|
-
background-color: rgba(54, 162, 239, 0.2);
|
|
5788
|
-
box-shadow: -4px 0 rgba(54, 162, 239, 0.2), 4px 0 rgba(54, 162, 239, 0.2); }
|
|
5789
|
-
.euiFacetButton:disabled {
|
|
5790
|
-
color: #515761;
|
|
5791
|
-
pointer-events: none; }
|
|
5792
|
-
.euiFacetButton:disabled .euiFacetButton__content {
|
|
5793
|
-
pointer-events: auto;
|
|
5794
|
-
cursor: not-allowed; }
|
|
5795
|
-
.euiFacetButton:disabled .euiFacetButton__icon,
|
|
5796
|
-
.euiFacetButton:disabled .euiFacetButton__quantity {
|
|
5797
|
-
opacity: .5; }
|
|
5798
|
-
.euiFacetButton:disabled:focus {
|
|
5799
|
-
background-color: transparent; }
|
|
5800
|
-
.euiFacetButton:disabled:hover, .euiFacetButton:disabled:focus {
|
|
5801
|
-
text-decoration: none; }
|
|
5802
|
-
|
|
5803
|
-
.euiFacetButton__content {
|
|
5804
|
-
height: 100%;
|
|
5805
|
-
width: 100%;
|
|
5806
|
-
vertical-align: middle;
|
|
5807
|
-
display: -webkit-flex;
|
|
5808
|
-
display: flex;
|
|
5809
|
-
-webkit-justify-content: center;
|
|
5810
|
-
justify-content: center;
|
|
5811
|
-
-webkit-align-items: center;
|
|
5812
|
-
align-items: center; }
|
|
5813
|
-
.euiFacetButton__content .euiButtonContent__icon,
|
|
5814
|
-
.euiFacetButton__content .euiButtonContent__spinner {
|
|
5815
|
-
-webkit-flex-shrink: 0;
|
|
5816
|
-
flex-shrink: 0; }
|
|
5817
|
-
.euiFacetButton__content > * + * {
|
|
5818
|
-
-webkit-margin-start: 8px;
|
|
5819
|
-
margin-inline-start: 8px; }
|
|
5820
|
-
|
|
5821
|
-
.euiFacetButton__text {
|
|
5822
|
-
max-width: 100%;
|
|
5823
|
-
overflow: hidden !important;
|
|
5824
|
-
text-overflow: ellipsis !important;
|
|
5825
|
-
white-space: nowrap !important;
|
|
5826
|
-
word-wrap: normal !important;
|
|
5827
|
-
-webkit-flex-grow: 1;
|
|
5828
|
-
flex-grow: 1;
|
|
5829
|
-
vertical-align: middle; }
|
|
5830
|
-
.euiFacetButton__text::after {
|
|
5831
|
-
display: block;
|
|
5832
|
-
content: attr(data-text);
|
|
5833
|
-
font-weight: 700;
|
|
5834
|
-
height: 0;
|
|
5835
|
-
overflow: hidden;
|
|
5836
|
-
visibility: hidden; }
|
|
5837
|
-
.euiFacetButton--isSelected .euiFacetButton__text {
|
|
5838
|
-
font-weight: 700; }
|
|
5839
|
-
|
|
5840
|
-
.euiFacetButton__icon {
|
|
5841
|
-
transition: all 150ms ease-in; }
|
|
5842
|
-
|
|
5843
|
-
.euiFacetGroup--gutterNone .euiFacetButton {
|
|
5844
|
-
margin-top: 0;
|
|
5845
|
-
margin-bottom: 0; }
|
|
5846
|
-
|
|
5847
|
-
.euiFacetGroup--gutterNone.euiFacetGroup--horizontal {
|
|
5848
|
-
margin-left: -12px; }
|
|
5849
|
-
.euiFacetGroup--gutterNone.euiFacetGroup--horizontal .euiFacetButton {
|
|
5850
|
-
margin-left: 12px;
|
|
5851
|
-
max-width: calc(100% - 12px); }
|
|
5852
|
-
|
|
5853
|
-
.euiFacetGroup--gutterSmall .euiFacetButton {
|
|
5854
|
-
margin-top: 2px;
|
|
5855
|
-
margin-bottom: 2px; }
|
|
5856
|
-
|
|
5857
|
-
.euiFacetGroup--gutterSmall.euiFacetGroup--horizontal {
|
|
5858
|
-
margin-left: -16px; }
|
|
5859
|
-
.euiFacetGroup--gutterSmall.euiFacetGroup--horizontal .euiFacetButton {
|
|
5860
|
-
margin-left: 16px;
|
|
5861
|
-
max-width: calc(100% - 16px); }
|
|
5862
|
-
|
|
5863
|
-
.euiFacetGroup--gutterMedium .euiFacetButton {
|
|
5864
|
-
margin-top: 4px;
|
|
5865
|
-
margin-bottom: 4px; }
|
|
5866
|
-
|
|
5867
|
-
.euiFacetGroup--gutterMedium.euiFacetGroup--horizontal {
|
|
5868
|
-
margin-left: -20px; }
|
|
5869
|
-
.euiFacetGroup--gutterMedium.euiFacetGroup--horizontal .euiFacetButton {
|
|
5870
|
-
margin-left: 20px;
|
|
5871
|
-
max-width: calc(100% - 20px); }
|
|
5872
|
-
|
|
5873
|
-
.euiFacetGroup--gutterLarge .euiFacetButton {
|
|
5874
|
-
margin-top: 6px;
|
|
5875
|
-
margin-bottom: 6px; }
|
|
5876
|
-
|
|
5877
|
-
.euiFacetGroup--gutterLarge.euiFacetGroup--horizontal {
|
|
5878
|
-
margin-left: -24px; }
|
|
5879
|
-
.euiFacetGroup--gutterLarge.euiFacetGroup--horizontal .euiFacetButton {
|
|
5880
|
-
margin-left: 24px;
|
|
5881
|
-
max-width: calc(100% - 24px); }
|
|
5882
|
-
|
|
5883
5754
|
.euiFilterGroup {
|
|
5884
5755
|
display: -webkit-inline-flex;
|
|
5885
5756
|
display: inline-flex;
|
|
@@ -12830,6 +12701,8 @@ SOFTWARE.
|
|
|
12830
12701
|
/* 1 */
|
|
12831
12702
|
display: -webkit-flex;
|
|
12832
12703
|
display: flex;
|
|
12704
|
+
-webkit-flex-direction: column;
|
|
12705
|
+
flex-direction: column;
|
|
12833
12706
|
-webkit-justify-content: center;
|
|
12834
12707
|
justify-content: center;
|
|
12835
12708
|
-webkit-align-items: center;
|
|
@@ -15321,13 +15194,6 @@ button.euiSuggestItem {
|
|
|
15321
15194
|
.euiDescriptionList.euiDescriptionList--inline.euiDescriptionList--compressed .euiDescriptionList__title {
|
|
15322
15195
|
line-height: 1.5; }
|
|
15323
15196
|
|
|
15324
|
-
.euiFacetButton:focus {
|
|
15325
|
-
background-color: transparent;
|
|
15326
|
-
box-shadow: none; }
|
|
15327
|
-
.euiFacetButton:focus:not(:disabled) .euiFacetButton__text {
|
|
15328
|
-
text-decoration: underline;
|
|
15329
|
-
text-decoration-thickness: 2px !important; }
|
|
15330
|
-
|
|
15331
15197
|
.euiFilterGroup {
|
|
15332
15198
|
border: none;
|
|
15333
15199
|
border-radius: 6px;
|
package/dist/eui_theme_dark.json
CHANGED
|
@@ -92,12 +92,6 @@
|
|
|
92
92
|
"l": "8px"
|
|
93
93
|
},
|
|
94
94
|
"euiEmptyPromptContentMaxWidth": "36em",
|
|
95
|
-
"euiFacetGutterSizes": {
|
|
96
|
-
"gutterNone": 0,
|
|
97
|
-
"gutterSmall": "4px",
|
|
98
|
-
"gutterMedium": "8px",
|
|
99
|
-
"gutterLarge": "12px"
|
|
100
|
-
},
|
|
101
95
|
"gutterTypes": {
|
|
102
96
|
"gutterExtraSmall": "4px",
|
|
103
97
|
"gutterSmall": "8px",
|
|
@@ -93,12 +93,6 @@ declare module '@elastic/eui/dist/eui_theme_dark.json' {
|
|
|
93
93
|
l: string;
|
|
94
94
|
};
|
|
95
95
|
euiEmptyPromptContentMaxWidth: string;
|
|
96
|
-
euiFacetGutterSizes: {
|
|
97
|
-
gutterNone: number;
|
|
98
|
-
gutterSmall: string;
|
|
99
|
-
gutterMedium: string;
|
|
100
|
-
gutterLarge: string;
|
|
101
|
-
};
|
|
102
96
|
gutterTypes: {
|
|
103
97
|
gutterExtraSmall: string;
|
|
104
98
|
gutterSmall: string;
|