@elastic/eui 58.0.0 → 58.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 (105) hide show
  1. package/dist/eui_theme_dark.css +10 -160
  2. package/dist/eui_theme_dark.json +1 -8
  3. package/dist/eui_theme_dark.json.d.ts +0 -7
  4. package/dist/eui_theme_dark.min.css +1 -1
  5. package/dist/eui_theme_light.css +10 -160
  6. package/dist/eui_theme_light.json +1 -8
  7. package/dist/eui_theme_light.json.d.ts +0 -7
  8. package/dist/eui_theme_light.min.css +1 -1
  9. package/es/components/accessibility/index.js +1 -1
  10. package/es/components/accessibility/screen_reader_only/index.js +1 -1
  11. package/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +6 -15
  12. package/es/components/accordion/accordion.js +48 -20
  13. package/es/components/accordion/accordion.styles.js +115 -0
  14. package/es/components/call_out/call_out.styles.js +8 -8
  15. package/es/components/datagrid/controls/column_sorting_draggable.js +6 -3
  16. package/es/components/empty_prompt/empty_prompt.js +2 -2
  17. package/es/components/mark/mark.styles.js +2 -1
  18. package/es/components/page/page_content/page_content.js +0 -2
  19. package/es/components/page/page_template.js +0 -2
  20. package/es/components/panel/index.js +1 -1
  21. package/es/components/panel/panel.js +23 -36
  22. package/es/components/panel/panel.style.js +49 -0
  23. package/es/components/popover/popover.js +1 -1
  24. package/es/components/resizable_container/resizable_panel.js +8 -2
  25. package/es/global_styling/mixins/_color.js +9 -8
  26. package/es/global_styling/mixins/_padding.js +6 -5
  27. package/eui.d.ts +285 -107
  28. package/i18ntokens.json +30 -14
  29. package/lib/components/accessibility/index.js +2 -2
  30. package/lib/components/accessibility/screen_reader_only/index.js +2 -2
  31. package/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +15 -17
  32. package/lib/components/accordion/accordion.js +52 -21
  33. package/lib/components/accordion/accordion.styles.js +132 -0
  34. package/lib/components/call_out/call_out.styles.js +8 -8
  35. package/lib/components/datagrid/controls/column_sorting_draggable.js +5 -2
  36. package/lib/components/empty_prompt/empty_prompt.js +2 -2
  37. package/lib/components/mark/mark.styles.js +3 -1
  38. package/lib/components/page/page_content/page_content.js +0 -2
  39. package/lib/components/page/page_template.js +0 -2
  40. package/lib/components/panel/index.js +0 -6
  41. package/lib/components/panel/panel.js +27 -39
  42. package/lib/components/panel/panel.style.js +53 -0
  43. package/lib/components/popover/popover.js +1 -1
  44. package/lib/components/resizable_container/resizable_panel.js +9 -4
  45. package/lib/global_styling/mixins/_color.js +10 -8
  46. package/lib/global_styling/mixins/_padding.js +7 -5
  47. package/optimize/es/components/accessibility/index.js +1 -1
  48. package/optimize/es/components/accessibility/screen_reader_only/index.js +1 -1
  49. package/optimize/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +6 -15
  50. package/optimize/es/components/accordion/accordion.js +47 -18
  51. package/optimize/es/components/accordion/accordion.styles.js +115 -0
  52. package/optimize/es/components/call_out/call_out.styles.js +8 -8
  53. package/optimize/es/components/datagrid/controls/column_sorting_draggable.js +6 -3
  54. package/optimize/es/components/empty_prompt/empty_prompt.js +2 -1
  55. package/optimize/es/components/mark/mark.styles.js +2 -1
  56. package/optimize/es/components/panel/index.js +1 -1
  57. package/optimize/es/components/panel/panel.js +23 -34
  58. package/optimize/es/components/panel/panel.style.js +49 -0
  59. package/optimize/es/components/popover/popover.js +1 -1
  60. package/optimize/es/components/resizable_container/resizable_panel.js +8 -1
  61. package/optimize/es/global_styling/mixins/_color.js +9 -8
  62. package/optimize/es/global_styling/mixins/_padding.js +6 -5
  63. package/optimize/lib/components/accessibility/index.js +2 -2
  64. package/optimize/lib/components/accessibility/screen_reader_only/index.js +2 -2
  65. package/optimize/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +15 -17
  66. package/optimize/lib/components/accordion/accordion.js +50 -19
  67. package/optimize/lib/components/accordion/accordion.styles.js +132 -0
  68. package/optimize/lib/components/call_out/call_out.styles.js +8 -8
  69. package/optimize/lib/components/datagrid/controls/column_sorting_draggable.js +5 -2
  70. package/optimize/lib/components/empty_prompt/empty_prompt.js +2 -1
  71. package/optimize/lib/components/mark/mark.styles.js +3 -1
  72. package/optimize/lib/components/panel/index.js +0 -6
  73. package/optimize/lib/components/panel/panel.js +27 -37
  74. package/optimize/lib/components/panel/panel.style.js +53 -0
  75. package/optimize/lib/components/popover/popover.js +1 -1
  76. package/optimize/lib/components/resizable_container/resizable_panel.js +9 -3
  77. package/optimize/lib/global_styling/mixins/_color.js +10 -8
  78. package/optimize/lib/global_styling/mixins/_padding.js +7 -5
  79. package/package.json +2 -2
  80. package/src/components/accordion/_index.scss +0 -1
  81. package/src/components/panel/_index.scss +0 -1
  82. package/src/components/panel/split_panel/_split_panel.scss +1 -25
  83. package/src/components/table/_table.scss +2 -4
  84. package/src/global_styling/mixins/_panel.scss +8 -11
  85. package/src/themes/amsterdam/global_styling/mixins/_index.scss +0 -1
  86. package/test-env/components/accessibility/index.js +2 -2
  87. package/test-env/components/accessibility/screen_reader_only/index.js +2 -2
  88. package/test-env/components/accessibility/screen_reader_only/screen_reader_only.styles.js +15 -17
  89. package/test-env/components/accordion/accordion.js +52 -21
  90. package/test-env/components/accordion/accordion.styles.js +132 -0
  91. package/test-env/components/call_out/call_out.styles.js +8 -8
  92. package/test-env/components/datagrid/controls/column_sorting_draggable.js +5 -2
  93. package/test-env/components/empty_prompt/empty_prompt.js +2 -2
  94. package/test-env/components/mark/mark.styles.js +3 -1
  95. package/test-env/components/page/page_content/page_content.js +0 -2
  96. package/test-env/components/page/page_template.js +0 -2
  97. package/test-env/components/panel/index.js +0 -6
  98. package/test-env/components/panel/panel.js +27 -39
  99. package/test-env/components/panel/panel.style.js +53 -0
  100. package/test-env/components/popover/popover.js +1 -1
  101. package/test-env/components/resizable_container/resizable_panel.js +9 -4
  102. package/test-env/global_styling/mixins/_color.js +10 -8
  103. package/test-env/global_styling/mixins/_padding.js +7 -5
  104. package/src/components/accordion/_accordion.scss +0 -89
  105. package/src/themes/amsterdam/global_styling/mixins/_panel.scss +0 -61
@@ -5,6 +5,8 @@ Object.defineProperty(exports, "__esModule", {
5
5
  });
6
6
  exports.useEuiPaddingCSS = exports.useEuiPaddingSize = exports.euiPaddingSize = exports.PADDING_SIZES = void 0;
7
7
 
8
+ var _react = require("@emotion/react");
9
+
8
10
  var _theme = require("../../services/theme");
9
11
 
10
12
  var _functions = require("../functions");
@@ -47,11 +49,11 @@ var useEuiPaddingCSS = function useEuiPaddingCSS(side) {
47
49
  var property = side ? "padding-".concat(_functions.logicalSide[side]) : 'padding';
48
50
  return {
49
51
  none: null,
50
- xs: "\n ".concat(property, ": ").concat(useEuiPaddingSize('xs'), ";\n "),
51
- s: "\n ".concat(property, ": ").concat(useEuiPaddingSize('s'), ";\n "),
52
- m: "\n ".concat(property, ": ").concat(useEuiPaddingSize('m'), ";\n "),
53
- l: "\n ".concat(property, ": ").concat(useEuiPaddingSize('l'), ";\n "),
54
- xl: "\n ".concat(property, ": ").concat(useEuiPaddingSize('xl'), ";\n ")
52
+ xs: /*#__PURE__*/(0, _react.css)(property, ":", useEuiPaddingSize('xs'), ";;label:xs;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUNXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VFdWlUaGVtZSwgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90aGVtZSc7XG5pbXBvcnQgeyBsb2dpY2FsU2lkZSwgTG9naWNhbFNpZGVzIH0gZnJvbSAnLi4vZnVuY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IFBBRERJTkdfU0laRVMgPSBbJ25vbmUnLCAneHMnLCAncycsICdtJywgJ2wnLCAneGwnXSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIEV1aVBhZGRpbmdTaXplID0gdHlwZW9mIFBBRERJTkdfU0laRVNbbnVtYmVyXTtcblxuZXhwb3J0IGNvbnN0IGV1aVBhZGRpbmdTaXplID0gKFxuICBzaXplOiBFdWlQYWRkaW5nU2l6ZSxcbiAgeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ25vbmUnOlxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZS5iYXNlO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZVtzaXplXTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IHVzZUV1aVBhZGRpbmdTaXplID0gKHNpemU6IEV1aVBhZGRpbmdTaXplKSA9PiB7XG4gIGNvbnN0IGV1aVRoZW1lID0gdXNlRXVpVGhlbWUoKTtcbiAgcmV0dXJuIGV1aVBhZGRpbmdTaXplKHNpemUsIGV1aVRoZW1lKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VFdWlQYWRkaW5nQ1NTID0gKHNpZGU/OiBMb2dpY2FsU2lkZXMpID0+IHtcbiAgY29uc3QgcHJvcGVydHkgPSBzaWRlID8gYHBhZGRpbmctJHtsb2dpY2FsU2lkZVtzaWRlXX1gIDogJ3BhZGRpbmcnO1xuXG4gIHJldHVybiB7XG4gICAgbm9uZTogbnVsbCxcbiAgICB4czogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3hzJyl9O1xuICAgIGAsXG4gICAgczogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3MnKX07XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICAke3Byb3BlcnR5fTogJHt1c2VFdWlQYWRkaW5nU2l6ZSgnbScpfTtcbiAgICBgLFxuICAgIGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCdsJyl9O1xuICAgIGAsXG4gICAgeGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCd4bCcpfTtcbiAgICBgLFxuICB9O1xufTtcbiJdfQ== */")),
53
+ s: /*#__PURE__*/(0, _react.css)(property, ":", useEuiPaddingSize('s'), ";;label:s;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMENVIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VFdWlUaGVtZSwgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90aGVtZSc7XG5pbXBvcnQgeyBsb2dpY2FsU2lkZSwgTG9naWNhbFNpZGVzIH0gZnJvbSAnLi4vZnVuY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IFBBRERJTkdfU0laRVMgPSBbJ25vbmUnLCAneHMnLCAncycsICdtJywgJ2wnLCAneGwnXSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIEV1aVBhZGRpbmdTaXplID0gdHlwZW9mIFBBRERJTkdfU0laRVNbbnVtYmVyXTtcblxuZXhwb3J0IGNvbnN0IGV1aVBhZGRpbmdTaXplID0gKFxuICBzaXplOiBFdWlQYWRkaW5nU2l6ZSxcbiAgeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ25vbmUnOlxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZS5iYXNlO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZVtzaXplXTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IHVzZUV1aVBhZGRpbmdTaXplID0gKHNpemU6IEV1aVBhZGRpbmdTaXplKSA9PiB7XG4gIGNvbnN0IGV1aVRoZW1lID0gdXNlRXVpVGhlbWUoKTtcbiAgcmV0dXJuIGV1aVBhZGRpbmdTaXplKHNpemUsIGV1aVRoZW1lKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VFdWlQYWRkaW5nQ1NTID0gKHNpZGU/OiBMb2dpY2FsU2lkZXMpID0+IHtcbiAgY29uc3QgcHJvcGVydHkgPSBzaWRlID8gYHBhZGRpbmctJHtsb2dpY2FsU2lkZVtzaWRlXX1gIDogJ3BhZGRpbmcnO1xuXG4gIHJldHVybiB7XG4gICAgbm9uZTogbnVsbCxcbiAgICB4czogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3hzJyl9O1xuICAgIGAsXG4gICAgczogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3MnKX07XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICAke3Byb3BlcnR5fTogJHt1c2VFdWlQYWRkaW5nU2l6ZSgnbScpfTtcbiAgICBgLFxuICAgIGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCdsJyl9O1xuICAgIGAsXG4gICAgeGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCd4bCcpfTtcbiAgICBgLFxuICB9O1xufTtcbiJdfQ== */")),
54
+ m: /*#__PURE__*/(0, _react.css)(property, ":", useEuiPaddingSize('m'), ";;label:m;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNVIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VFdWlUaGVtZSwgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90aGVtZSc7XG5pbXBvcnQgeyBsb2dpY2FsU2lkZSwgTG9naWNhbFNpZGVzIH0gZnJvbSAnLi4vZnVuY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IFBBRERJTkdfU0laRVMgPSBbJ25vbmUnLCAneHMnLCAncycsICdtJywgJ2wnLCAneGwnXSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIEV1aVBhZGRpbmdTaXplID0gdHlwZW9mIFBBRERJTkdfU0laRVNbbnVtYmVyXTtcblxuZXhwb3J0IGNvbnN0IGV1aVBhZGRpbmdTaXplID0gKFxuICBzaXplOiBFdWlQYWRkaW5nU2l6ZSxcbiAgeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ25vbmUnOlxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZS5iYXNlO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZVtzaXplXTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IHVzZUV1aVBhZGRpbmdTaXplID0gKHNpemU6IEV1aVBhZGRpbmdTaXplKSA9PiB7XG4gIGNvbnN0IGV1aVRoZW1lID0gdXNlRXVpVGhlbWUoKTtcbiAgcmV0dXJuIGV1aVBhZGRpbmdTaXplKHNpemUsIGV1aVRoZW1lKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VFdWlQYWRkaW5nQ1NTID0gKHNpZGU/OiBMb2dpY2FsU2lkZXMpID0+IHtcbiAgY29uc3QgcHJvcGVydHkgPSBzaWRlID8gYHBhZGRpbmctJHtsb2dpY2FsU2lkZVtzaWRlXX1gIDogJ3BhZGRpbmcnO1xuXG4gIHJldHVybiB7XG4gICAgbm9uZTogbnVsbCxcbiAgICB4czogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3hzJyl9O1xuICAgIGAsXG4gICAgczogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3MnKX07XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICAke3Byb3BlcnR5fTogJHt1c2VFdWlQYWRkaW5nU2l6ZSgnbScpfTtcbiAgICBgLFxuICAgIGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCdsJyl9O1xuICAgIGAsXG4gICAgeGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCd4bCcpfTtcbiAgICBgLFxuICB9O1xufTtcbiJdfQ== */")),
55
+ l: /*#__PURE__*/(0, _react.css)(property, ":", useEuiPaddingSize('l'), ";;label:l;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0RVIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VFdWlUaGVtZSwgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90aGVtZSc7XG5pbXBvcnQgeyBsb2dpY2FsU2lkZSwgTG9naWNhbFNpZGVzIH0gZnJvbSAnLi4vZnVuY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IFBBRERJTkdfU0laRVMgPSBbJ25vbmUnLCAneHMnLCAncycsICdtJywgJ2wnLCAneGwnXSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIEV1aVBhZGRpbmdTaXplID0gdHlwZW9mIFBBRERJTkdfU0laRVNbbnVtYmVyXTtcblxuZXhwb3J0IGNvbnN0IGV1aVBhZGRpbmdTaXplID0gKFxuICBzaXplOiBFdWlQYWRkaW5nU2l6ZSxcbiAgeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ25vbmUnOlxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZS5iYXNlO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZVtzaXplXTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IHVzZUV1aVBhZGRpbmdTaXplID0gKHNpemU6IEV1aVBhZGRpbmdTaXplKSA9PiB7XG4gIGNvbnN0IGV1aVRoZW1lID0gdXNlRXVpVGhlbWUoKTtcbiAgcmV0dXJuIGV1aVBhZGRpbmdTaXplKHNpemUsIGV1aVRoZW1lKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VFdWlQYWRkaW5nQ1NTID0gKHNpZGU/OiBMb2dpY2FsU2lkZXMpID0+IHtcbiAgY29uc3QgcHJvcGVydHkgPSBzaWRlID8gYHBhZGRpbmctJHtsb2dpY2FsU2lkZVtzaWRlXX1gIDogJ3BhZGRpbmcnO1xuXG4gIHJldHVybiB7XG4gICAgbm9uZTogbnVsbCxcbiAgICB4czogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3hzJyl9O1xuICAgIGAsXG4gICAgczogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3MnKX07XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICAke3Byb3BlcnR5fTogJHt1c2VFdWlQYWRkaW5nU2l6ZSgnbScpfTtcbiAgICBgLFxuICAgIGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCdsJyl9O1xuICAgIGAsXG4gICAgeGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCd4bCcpfTtcbiAgICBgLFxuICB9O1xufTtcbiJdfQ== */")),
56
+ xl: /*#__PURE__*/(0, _react.css)(property, ":", useEuiPaddingSize('xl'), ";;label:xl;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURXIiwiZmlsZSI6Ii4uLy4uLy4uL3NyYy9nbG9iYWxfc3R5bGluZy9taXhpbnMvX3BhZGRpbmcudHMiLCJzb3VyY2VzQ29udGVudCI6WyIvKlxuICogQ29weXJpZ2h0IEVsYXN0aWNzZWFyY2ggQi5WLiBhbmQvb3IgbGljZW5zZWQgdG8gRWxhc3RpY3NlYXJjaCBCLlYuIHVuZGVyIG9uZVxuICogb3IgbW9yZSBjb250cmlidXRvciBsaWNlbnNlIGFncmVlbWVudHMuIExpY2Vuc2VkIHVuZGVyIHRoZSBFbGFzdGljIExpY2Vuc2VcbiAqIDIuMCBhbmQgdGhlIFNlcnZlciBTaWRlIFB1YmxpYyBMaWNlbnNlLCB2IDE7IHlvdSBtYXkgbm90IHVzZSB0aGlzIGZpbGUgZXhjZXB0XG4gKiBpbiBjb21wbGlhbmNlIHdpdGgsIGF0IHlvdXIgZWxlY3Rpb24sIHRoZSBFbGFzdGljIExpY2Vuc2UgMi4wIG9yIHRoZSBTZXJ2ZXJcbiAqIFNpZGUgUHVibGljIExpY2Vuc2UsIHYgMS5cbiAqL1xuXG5pbXBvcnQgeyBjc3MgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCc7XG5pbXBvcnQgeyB1c2VFdWlUaGVtZSwgVXNlRXVpVGhlbWUgfSBmcm9tICcuLi8uLi9zZXJ2aWNlcy90aGVtZSc7XG5pbXBvcnQgeyBsb2dpY2FsU2lkZSwgTG9naWNhbFNpZGVzIH0gZnJvbSAnLi4vZnVuY3Rpb25zJztcblxuZXhwb3J0IGNvbnN0IFBBRERJTkdfU0laRVMgPSBbJ25vbmUnLCAneHMnLCAncycsICdtJywgJ2wnLCAneGwnXSBhcyBjb25zdDtcbmV4cG9ydCB0eXBlIEV1aVBhZGRpbmdTaXplID0gdHlwZW9mIFBBRERJTkdfU0laRVNbbnVtYmVyXTtcblxuZXhwb3J0IGNvbnN0IGV1aVBhZGRpbmdTaXplID0gKFxuICBzaXplOiBFdWlQYWRkaW5nU2l6ZSxcbiAgeyBldWlUaGVtZSB9OiBVc2VFdWlUaGVtZVxuKSA9PiB7XG4gIHN3aXRjaCAoc2l6ZSkge1xuICAgIGNhc2UgJ25vbmUnOlxuICAgICAgcmV0dXJuIG51bGw7XG4gICAgY2FzZSAnbSc6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZS5iYXNlO1xuICAgIGRlZmF1bHQ6XG4gICAgICByZXR1cm4gZXVpVGhlbWUuc2l6ZVtzaXplXTtcbiAgfVxufTtcblxuZXhwb3J0IGNvbnN0IHVzZUV1aVBhZGRpbmdTaXplID0gKHNpemU6IEV1aVBhZGRpbmdTaXplKSA9PiB7XG4gIGNvbnN0IGV1aVRoZW1lID0gdXNlRXVpVGhlbWUoKTtcbiAgcmV0dXJuIGV1aVBhZGRpbmdTaXplKHNpemUsIGV1aVRoZW1lKTtcbn07XG5cbmV4cG9ydCBjb25zdCB1c2VFdWlQYWRkaW5nQ1NTID0gKHNpZGU/OiBMb2dpY2FsU2lkZXMpID0+IHtcbiAgY29uc3QgcHJvcGVydHkgPSBzaWRlID8gYHBhZGRpbmctJHtsb2dpY2FsU2lkZVtzaWRlXX1gIDogJ3BhZGRpbmcnO1xuXG4gIHJldHVybiB7XG4gICAgbm9uZTogbnVsbCxcbiAgICB4czogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3hzJyl9O1xuICAgIGAsXG4gICAgczogY3NzYFxuICAgICAgJHtwcm9wZXJ0eX06ICR7dXNlRXVpUGFkZGluZ1NpemUoJ3MnKX07XG4gICAgYCxcbiAgICBtOiBjc3NgXG4gICAgICAke3Byb3BlcnR5fTogJHt1c2VFdWlQYWRkaW5nU2l6ZSgnbScpfTtcbiAgICBgLFxuICAgIGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCdsJyl9O1xuICAgIGAsXG4gICAgeGw6IGNzc2BcbiAgICAgICR7cHJvcGVydHl9OiAke3VzZUV1aVBhZGRpbmdTaXplKCd4bCcpfTtcbiAgICBgLFxuICB9O1xufTtcbiJdfQ== */"))
55
57
  };
56
58
  };
57
59
 
@@ -1,89 +0,0 @@
1
- .euiAccordion__triggerWrapper {
2
- display: flex;
3
- align-items: center;
4
- }
5
-
6
- .euiAccordion__button {
7
- @include euiFontSize;
8
- text-align: left;
9
- width: 100%;
10
- flex-grow: 1;
11
- display: flex;
12
- align-items: center;
13
-
14
- &:hover,
15
- &:focus {
16
- text-decoration: underline;
17
- cursor: pointer;
18
- }
19
- }
20
-
21
- .euiAccordion__iconButton {
22
- margin-right: $euiSizeXS;
23
- flex-shrink: 0;
24
- // sass-lint:disable-block no-important
25
- // Needed to override transform from EuiButtonIcon
26
- transform: rotate(0deg) !important;
27
-
28
- &-isOpen {
29
- transform: rotate(90deg) !important;
30
- }
31
-
32
- &--right {
33
- margin-right: 0;
34
- margin-left: $euiSizeXS;
35
- }
36
- }
37
-
38
- .euiAccordion__optionalAction {
39
- flex-shrink: 0;
40
- }
41
-
42
- .euiAccordion__childWrapper {
43
- will-change: opacity, visibility, height;
44
- visibility: hidden;
45
- height: 0;
46
- opacity: 0;
47
- overflow: hidden;
48
- // sass-lint:disable-block indentation
49
- transition:
50
- height $euiAnimSpeedNormal $euiAnimSlightResistance,
51
- opacity $euiAnimSpeedNormal $euiAnimSlightResistance;
52
-
53
- &:focus {
54
- outline: none; // Hide focus ring because of `tabindex=-1` on Safari
55
- }
56
- }
57
-
58
- $paddingSizes: (
59
- xs: $euiSizeXS,
60
- s: $euiSizeS,
61
- m: $euiSize,
62
- l: $euiSizeL,
63
- xl: $euiSizeXL,
64
- );
65
-
66
- // Create button modifiers based upon the map.
67
- @each $name, $size in $paddingSizes {
68
- .euiAccordion__padding--#{$name} {
69
- padding: $size;
70
- }
71
- }
72
-
73
- .euiAccordion.euiAccordion-isOpen {
74
- .euiAccordion__childWrapper {
75
- visibility: visible;
76
- opacity: 1;
77
- height: auto;
78
- }
79
- }
80
-
81
- .euiAccordion__children-isLoading {
82
- line-height: $euiLineHeight;
83
- display: flex;
84
- align-items: center;
85
-
86
- .euiAccordion__spinner {
87
- margin-right: $euiSizeXS;
88
- }
89
- }
@@ -1,61 +0,0 @@
1
- // Forcing Amsterdam to get the theme-appropriate value for $euiBorderRadius.
2
- $euiPanelBorderRadiusModifiers: (
3
- 'borderRadiusNone': 0,
4
- 'borderRadiusMedium': $euiBorderRadius,
5
- );
6
-
7
- @mixin euiPanel($selector) {
8
- @if variable-exists(selector) == false {
9
- @error 'A $selector must be provided to @mixin euiPanel().';
10
- } @else {
11
- #{$selector} {
12
- flex-grow: 1;
13
-
14
- &#{$selector}--flexGrowZero {
15
- flex-grow: 0;
16
- }
17
-
18
- &#{$selector}--hasShadow {
19
- @include euiBottomShadowMedium;
20
- }
21
-
22
- &#{$selector}--hasBorder {
23
- border: $euiBorderThin;
24
- box-shadow: none;
25
- }
26
-
27
- &#{$selector}--isClickable {
28
- // transition the shadow
29
- transition: all $euiAnimSpeedFast $euiAnimSlightResistance;
30
-
31
- &:enabled { // This is a good selector for buttons since it doesn't exist on divs
32
- // in case of button wrapper which inherently is inline-block and no width
33
- display: block;
34
- width: 100%;
35
- text-align: left;
36
- }
37
-
38
- &:hover,
39
- &:focus {
40
- @include euiBottomShadow;
41
- transform: translateY(-2px);
42
- cursor: pointer;
43
- }
44
- }
45
-
46
- // Border Radii
47
- @each $modifier, $amount in $euiPanelBorderRadiusModifiers {
48
- &#{$selector}--#{$modifier} {
49
- border-radius: $amount;
50
- }
51
- }
52
-
53
- // Background colors
54
- @each $modifier, $amount in $euiPanelBackgroundColorModifiers {
55
- &#{$selector}--#{$modifier} {
56
- background-color: $amount;
57
- }
58
- }
59
- }
60
- }
61
- }