@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.
Files changed (147) hide show
  1. package/dist/eui_theme_dark.css +2 -136
  2. package/dist/eui_theme_dark.json +0 -6
  3. package/dist/eui_theme_dark.json.d.ts +0 -6
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +2 -136
  6. package/dist/eui_theme_light.json +0 -6
  7. package/dist/eui_theme_light.json.d.ts +0 -6
  8. package/dist/eui_theme_light.min.css +1 -1
  9. package/es/components/accessibility/skip_link/skip_link.js +39 -2
  10. package/es/components/accessibility/skip_link/skip_link.styles.js +1 -1
  11. package/es/components/button/{button_content.js → _button_content_deprecated.js} +4 -3
  12. package/es/components/button/button.js +16 -10
  13. package/es/components/button/button_display/_button_display.js +141 -0
  14. package/es/components/button/button_display/_button_display.styles.js +53 -0
  15. package/es/components/button/button_display/_button_display_content.js +100 -0
  16. package/es/components/button/button_display/_button_display_content.styles.js +61 -0
  17. package/es/components/button/button_empty/button_empty.js +3 -2
  18. package/es/components/button/button_group/button_group.js +2 -1
  19. package/es/components/button/button_group/button_group_button.js +3 -2
  20. package/es/components/call_out/call_out.js +2 -1
  21. package/es/components/card/card.js +2 -1
  22. package/es/components/card/card_select.js +2 -1
  23. package/es/components/date_picker/auto_refresh/auto_refresh.js +2 -1
  24. package/es/components/facet/facet_button.js +31 -15
  25. package/es/components/facet/facet_button.styles.js +64 -0
  26. package/es/components/facet/facet_group.js +12 -23
  27. package/es/components/facet/facet_group.styles.js +79 -0
  28. package/es/components/header/header_links/header_link.js +2 -1
  29. package/es/components/loading/loading_spinner.js +14 -3
  30. package/es/components/loading/loading_spinner.styles.js +4 -4
  31. package/es/components/notification/notification_event.js +2 -1
  32. package/es/components/pagination/pagination_button.js +2 -1
  33. package/es/components/text/text.js +1 -3
  34. package/es/components/text/text_align.js +2 -2
  35. package/es/components/text/text_color.js +7 -3
  36. package/es/themes/amsterdam/index.js +9 -0
  37. package/es/themes/index.js +2 -1
  38. package/eui.d.ts +200 -17
  39. package/lib/components/accessibility/skip_link/skip_link.js +39 -2
  40. package/lib/components/accessibility/skip_link/skip_link.styles.js +1 -1
  41. package/lib/components/button/{button_content.js → _button_content_deprecated.js} +6 -5
  42. package/lib/components/button/button.js +19 -13
  43. package/lib/components/button/button_display/_button_display.js +146 -0
  44. package/lib/components/button/button_display/_button_display.styles.js +59 -0
  45. package/lib/components/button/button_display/_button_display_content.js +111 -0
  46. package/lib/components/button/button_display/_button_display_content.styles.js +64 -0
  47. package/lib/components/button/button_empty/button_empty.js +4 -3
  48. package/lib/components/button/button_group/button_group.js +2 -1
  49. package/lib/components/button/button_group/button_group_button.js +3 -2
  50. package/lib/components/call_out/call_out.js +2 -1
  51. package/lib/components/card/card.js +2 -1
  52. package/lib/components/card/card_select.js +2 -1
  53. package/lib/components/date_picker/auto_refresh/auto_refresh.js +2 -1
  54. package/lib/components/facet/facet_button.js +35 -15
  55. package/lib/components/facet/facet_button.styles.js +79 -0
  56. package/lib/components/facet/facet_group.js +12 -23
  57. package/lib/components/facet/facet_group.styles.js +82 -0
  58. package/lib/components/header/header_links/header_link.js +2 -1
  59. package/lib/components/loading/loading_spinner.js +14 -3
  60. package/lib/components/loading/loading_spinner.styles.js +4 -4
  61. package/lib/components/notification/notification_event.js +2 -1
  62. package/lib/components/text/text.js +1 -3
  63. package/lib/components/text/text_align.js +8 -2
  64. package/lib/components/text/text_color.js +13 -3
  65. package/lib/themes/amsterdam/index.js +18 -0
  66. package/lib/themes/index.js +21 -1
  67. package/optimize/es/components/accessibility/skip_link/skip_link.js +23 -1
  68. package/optimize/es/components/accessibility/skip_link/skip_link.styles.js +1 -1
  69. package/optimize/es/components/button/{button_content.js → _button_content_deprecated.js} +1 -1
  70. package/optimize/es/components/button/button.js +13 -8
  71. package/optimize/es/components/button/button_display/_button_display.js +73 -0
  72. package/optimize/es/components/button/button_display/_button_display.styles.js +53 -0
  73. package/optimize/es/components/button/button_display/_button_display_content.js +67 -0
  74. package/optimize/es/components/button/button_display/_button_display_content.styles.js +61 -0
  75. package/optimize/es/components/button/button_empty/button_empty.js +1 -1
  76. package/optimize/es/components/button/button_group/button_group_button.js +1 -1
  77. package/optimize/es/components/call_out/call_out.js +2 -1
  78. package/optimize/es/components/facet/facet_button.js +31 -15
  79. package/optimize/es/components/facet/facet_button.styles.js +64 -0
  80. package/optimize/es/components/facet/facet_group.js +10 -21
  81. package/optimize/es/components/facet/facet_group.styles.js +79 -0
  82. package/optimize/es/components/loading/loading_spinner.js +3 -2
  83. package/optimize/es/components/loading/loading_spinner.styles.js +4 -4
  84. package/optimize/es/components/text/text.js +1 -3
  85. package/optimize/es/components/text/text_align.js +2 -2
  86. package/optimize/es/components/text/text_color.js +7 -3
  87. package/optimize/es/themes/amsterdam/index.js +9 -0
  88. package/optimize/es/themes/index.js +2 -1
  89. package/optimize/lib/components/accessibility/skip_link/skip_link.js +25 -1
  90. package/optimize/lib/components/accessibility/skip_link/skip_link.styles.js +1 -1
  91. package/optimize/lib/components/button/{button_content.js → _button_content_deprecated.js} +3 -3
  92. package/optimize/lib/components/button/button.js +16 -11
  93. package/optimize/lib/components/button/button_display/_button_display.js +79 -0
  94. package/optimize/lib/components/button/button_display/_button_display.styles.js +59 -0
  95. package/optimize/lib/components/button/button_display/_button_display_content.js +78 -0
  96. package/optimize/lib/components/button/button_display/_button_display_content.styles.js +64 -0
  97. package/optimize/lib/components/button/button_empty/button_empty.js +2 -2
  98. package/optimize/lib/components/button/button_group/button_group_button.js +1 -1
  99. package/optimize/lib/components/call_out/call_out.js +2 -1
  100. package/optimize/lib/components/facet/facet_button.js +35 -15
  101. package/optimize/lib/components/facet/facet_button.styles.js +79 -0
  102. package/optimize/lib/components/facet/facet_group.js +10 -21
  103. package/optimize/lib/components/facet/facet_group.styles.js +82 -0
  104. package/optimize/lib/components/loading/loading_spinner.js +3 -2
  105. package/optimize/lib/components/loading/loading_spinner.styles.js +4 -4
  106. package/optimize/lib/components/text/text.js +1 -3
  107. package/optimize/lib/components/text/text_align.js +8 -2
  108. package/optimize/lib/components/text/text_color.js +13 -3
  109. package/optimize/lib/themes/amsterdam/index.js +18 -0
  110. package/optimize/lib/themes/index.js +21 -1
  111. package/package.json +1 -1
  112. package/src/components/index.scss +0 -1
  113. package/src/components/selectable/selectable_message/_selectable_message.scss +1 -0
  114. package/src/themes/amsterdam/overrides/_index.scss +0 -1
  115. package/test-env/components/accessibility/skip_link/skip_link.js +40 -2
  116. package/test-env/components/accessibility/skip_link/skip_link.styles.js +1 -1
  117. package/test-env/components/button/{button_content.js → _button_content_deprecated.js} +6 -5
  118. package/test-env/components/button/button.js +19 -13
  119. package/test-env/components/button/button_display/_button_display.js +143 -0
  120. package/test-env/components/button/button_display/_button_display.styles.js +59 -0
  121. package/test-env/components/button/button_display/_button_display_content.js +108 -0
  122. package/test-env/components/button/button_display/_button_display_content.styles.js +64 -0
  123. package/test-env/components/button/button_empty/button_empty.js +4 -3
  124. package/test-env/components/button/button_group/button_group.js +2 -1
  125. package/test-env/components/button/button_group/button_group_button.js +3 -2
  126. package/test-env/components/call_out/call_out.js +2 -1
  127. package/test-env/components/card/card.js +2 -1
  128. package/test-env/components/card/card_select.js +2 -1
  129. package/test-env/components/date_picker/auto_refresh/auto_refresh.js +2 -1
  130. package/test-env/components/facet/facet_button.js +35 -15
  131. package/test-env/components/facet/facet_button.styles.js +79 -0
  132. package/test-env/components/facet/facet_group.js +12 -23
  133. package/test-env/components/facet/facet_group.styles.js +82 -0
  134. package/test-env/components/header/header_links/header_link.js +2 -1
  135. package/test-env/components/loading/loading_spinner.js +14 -3
  136. package/test-env/components/loading/loading_spinner.styles.js +4 -4
  137. package/test-env/components/notification/notification_event.js +2 -1
  138. package/test-env/components/text/text.js +1 -3
  139. package/test-env/components/text/text_align.js +8 -2
  140. package/test-env/components/text/text_color.js +13 -3
  141. package/test-env/themes/amsterdam/index.js +18 -0
  142. package/test-env/themes/index.js +21 -1
  143. package/src/components/facet/_facet_button.scss +0 -69
  144. package/src/components/facet/_facet_group.scss +0 -24
  145. package/src/components/facet/_index.scss +0 -4
  146. package/src/components/facet/_variables.scss +0 -6
  147. package/src/themes/amsterdam/overrides/_facet.scss +0 -10
@@ -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;
@@ -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;