@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.
- package/dist/eui_theme_dark.css +10 -160
- package/dist/eui_theme_dark.json +1 -8
- package/dist/eui_theme_dark.json.d.ts +0 -7
- package/dist/eui_theme_dark.min.css +1 -1
- package/dist/eui_theme_light.css +10 -160
- package/dist/eui_theme_light.json +1 -8
- package/dist/eui_theme_light.json.d.ts +0 -7
- package/dist/eui_theme_light.min.css +1 -1
- package/es/components/accessibility/index.js +1 -1
- package/es/components/accessibility/screen_reader_only/index.js +1 -1
- package/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +6 -15
- package/es/components/accordion/accordion.js +48 -20
- package/es/components/accordion/accordion.styles.js +115 -0
- package/es/components/call_out/call_out.styles.js +8 -8
- package/es/components/datagrid/controls/column_sorting_draggable.js +6 -3
- package/es/components/empty_prompt/empty_prompt.js +2 -2
- package/es/components/mark/mark.styles.js +2 -1
- package/es/components/page/page_content/page_content.js +0 -2
- package/es/components/page/page_template.js +0 -2
- package/es/components/panel/index.js +1 -1
- package/es/components/panel/panel.js +23 -36
- package/es/components/panel/panel.style.js +49 -0
- package/es/components/popover/popover.js +1 -1
- package/es/components/resizable_container/resizable_panel.js +8 -2
- package/es/global_styling/mixins/_color.js +9 -8
- package/es/global_styling/mixins/_padding.js +6 -5
- package/eui.d.ts +285 -107
- package/i18ntokens.json +30 -14
- package/lib/components/accessibility/index.js +2 -2
- package/lib/components/accessibility/screen_reader_only/index.js +2 -2
- package/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +15 -17
- package/lib/components/accordion/accordion.js +52 -21
- package/lib/components/accordion/accordion.styles.js +132 -0
- package/lib/components/call_out/call_out.styles.js +8 -8
- package/lib/components/datagrid/controls/column_sorting_draggable.js +5 -2
- package/lib/components/empty_prompt/empty_prompt.js +2 -2
- package/lib/components/mark/mark.styles.js +3 -1
- package/lib/components/page/page_content/page_content.js +0 -2
- package/lib/components/page/page_template.js +0 -2
- package/lib/components/panel/index.js +0 -6
- package/lib/components/panel/panel.js +27 -39
- package/lib/components/panel/panel.style.js +53 -0
- package/lib/components/popover/popover.js +1 -1
- package/lib/components/resizable_container/resizable_panel.js +9 -4
- package/lib/global_styling/mixins/_color.js +10 -8
- package/lib/global_styling/mixins/_padding.js +7 -5
- package/optimize/es/components/accessibility/index.js +1 -1
- package/optimize/es/components/accessibility/screen_reader_only/index.js +1 -1
- package/optimize/es/components/accessibility/screen_reader_only/screen_reader_only.styles.js +6 -15
- package/optimize/es/components/accordion/accordion.js +47 -18
- package/optimize/es/components/accordion/accordion.styles.js +115 -0
- package/optimize/es/components/call_out/call_out.styles.js +8 -8
- package/optimize/es/components/datagrid/controls/column_sorting_draggable.js +6 -3
- package/optimize/es/components/empty_prompt/empty_prompt.js +2 -1
- package/optimize/es/components/mark/mark.styles.js +2 -1
- package/optimize/es/components/panel/index.js +1 -1
- package/optimize/es/components/panel/panel.js +23 -34
- package/optimize/es/components/panel/panel.style.js +49 -0
- package/optimize/es/components/popover/popover.js +1 -1
- package/optimize/es/components/resizable_container/resizable_panel.js +8 -1
- package/optimize/es/global_styling/mixins/_color.js +9 -8
- package/optimize/es/global_styling/mixins/_padding.js +6 -5
- package/optimize/lib/components/accessibility/index.js +2 -2
- package/optimize/lib/components/accessibility/screen_reader_only/index.js +2 -2
- package/optimize/lib/components/accessibility/screen_reader_only/screen_reader_only.styles.js +15 -17
- package/optimize/lib/components/accordion/accordion.js +50 -19
- package/optimize/lib/components/accordion/accordion.styles.js +132 -0
- package/optimize/lib/components/call_out/call_out.styles.js +8 -8
- package/optimize/lib/components/datagrid/controls/column_sorting_draggable.js +5 -2
- package/optimize/lib/components/empty_prompt/empty_prompt.js +2 -1
- package/optimize/lib/components/mark/mark.styles.js +3 -1
- package/optimize/lib/components/panel/index.js +0 -6
- package/optimize/lib/components/panel/panel.js +27 -37
- package/optimize/lib/components/panel/panel.style.js +53 -0
- package/optimize/lib/components/popover/popover.js +1 -1
- package/optimize/lib/components/resizable_container/resizable_panel.js +9 -3
- package/optimize/lib/global_styling/mixins/_color.js +10 -8
- package/optimize/lib/global_styling/mixins/_padding.js +7 -5
- package/package.json +2 -2
- package/src/components/accordion/_index.scss +0 -1
- package/src/components/panel/_index.scss +0 -1
- package/src/components/panel/split_panel/_split_panel.scss +1 -25
- package/src/components/table/_table.scss +2 -4
- package/src/global_styling/mixins/_panel.scss +8 -11
- package/src/themes/amsterdam/global_styling/mixins/_index.scss +0 -1
- package/test-env/components/accessibility/index.js +2 -2
- package/test-env/components/accessibility/screen_reader_only/index.js +2 -2
- package/test-env/components/accessibility/screen_reader_only/screen_reader_only.styles.js +15 -17
- package/test-env/components/accordion/accordion.js +52 -21
- package/test-env/components/accordion/accordion.styles.js +132 -0
- package/test-env/components/call_out/call_out.styles.js +8 -8
- package/test-env/components/datagrid/controls/column_sorting_draggable.js +5 -2
- package/test-env/components/empty_prompt/empty_prompt.js +2 -2
- package/test-env/components/mark/mark.styles.js +3 -1
- package/test-env/components/page/page_content/page_content.js +0 -2
- package/test-env/components/page/page_template.js +0 -2
- package/test-env/components/panel/index.js +0 -6
- package/test-env/components/panel/panel.js +27 -39
- package/test-env/components/panel/panel.style.js +53 -0
- package/test-env/components/popover/popover.js +1 -1
- package/test-env/components/resizable_container/resizable_panel.js +9 -4
- package/test-env/global_styling/mixins/_color.js +10 -8
- package/test-env/global_styling/mixins/_padding.js +7 -5
- package/src/components/accordion/_accordion.scss +0 -89
- 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:
|
|
51
|
-
s:
|
|
52
|
-
m:
|
|
53
|
-
l:
|
|
54
|
-
xl:
|
|
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
|
-
}
|