@elastic/eui
Version:
Elastic UI Component Library
95 lines (94 loc) • 5.08 kB
JavaScript
function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
/*
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
* or more contributor license agreements. Licensed under the Elastic License
* 2.0 and the Server Side Public License, v 1; you may not use this file except
* in compliance with, at your election, the Elastic License 2.0 or the Server
* Side Public License, v 1.
*/
import { css } from '@emotion/react';
import { euiFontSize, logicals, logicalCSS, logicalTextAlignCSS } from '../../global_styling';
export var euiAccordionButtonStyles = function euiAccordionButtonStyles(euiThemeContext) {
var euiTheme = euiThemeContext.euiTheme;
return {
euiAccordion__button: /*#__PURE__*/css(euiFontSize(euiThemeContext, 's'), " align-items:center;display:flex;flex-grow:1;line-height:", euiTheme.size.l, ";", logicalTextAlignCSS('left'), " ", logicalCSS('width', '100%'), " &:hover,&:focus{cursor:pointer;text-decoration:underline;};label:euiAccordion__button;"),
// Triggering button needs separate `disabled` key because the element that renders may not support `:disabled`;
// Hover pseudo selector for specificity
disabled: /*#__PURE__*/css("&,&:hover{cursor:not-allowed;color:", euiTheme.colors.disabledText, ";text-decoration:none;};label:disabled;")
};
};
var _ref4 = process.env.NODE_ENV === "production" ? {
name: "1xvjonu-isLoading",
styles: "align-items:center;display:flex;label:isLoading;"
} : {
name: "1xvjonu-isLoading",
styles: "align-items:center;display:flex;label:isLoading;",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
export var euiAccordionChildrenStyles = function euiAccordionChildrenStyles(_ref5) {
var euiTheme = _ref5.euiTheme;
return {
euiAccordion__children: /*#__PURE__*/css(";label:euiAccordion__children;"),
isLoading: _ref4,
xs: /*#__PURE__*/css("padding:", euiTheme.size.xs, ";;label:xs;"),
s: /*#__PURE__*/css("padding:", euiTheme.size.s, ";;label:s;"),
m: /*#__PURE__*/css("padding:", euiTheme.size.base, ";;label:m;"),
l: /*#__PURE__*/css("padding:", euiTheme.size.l, ";;label:l;"),
xl: /*#__PURE__*/css("padding:", euiTheme.size.xl, ";;label:xl;")
};
};
export var euiAccordionChildWrapperStyles = function euiAccordionChildWrapperStyles(_ref6) {
var euiTheme = _ref6.euiTheme;
return {
euiAccordion__childWrapper: /*#__PURE__*/css(logicalCSS('height', 0), " opacity:0;overflow:hidden;transition:", logicals.height, " ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ",opacity ", euiTheme.animation.normal, " ", euiTheme.animation.resistance, ";visibility:hidden;&:focus{outline:none;};label:euiAccordion__childWrapper;"),
isOpen: /*#__PURE__*/css(logicalCSS('height', 'auto'), " opacity:1;visibility:visible;;label:isOpen;")
};
};
var _ref3 = process.env.NODE_ENV === "production" ? {
name: "1u3vcry-isOpen",
styles: "transform:rotate(\n 90deg\n )!important;label:isOpen;"
} : {
name: "1u3vcry-isOpen",
styles: "transform:rotate(\n 90deg\n )!important;label:isOpen;",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
export var euiAccordionIconButtonStyles = function euiAccordionIconButtonStyles(_ref7) {
var euiTheme = _ref7.euiTheme;
return {
euiAccordion__iconButton: /*#__PURE__*/css("flex-shrink:0;", logicalCSS('margin-right', euiTheme.size.xs), " transform:rotate(\n 0deg\n )!important;;label:euiAccordion__iconButton;"),
isOpen: _ref3,
arrowRight: /*#__PURE__*/css(logicalCSS('margin-left', euiTheme.size.xs), " ", logicalCSS('margin-right', 0), ";;label:arrowRight;")
};
};
var _ref2 = process.env.NODE_ENV === "production" ? {
name: "iqfpv3-euiAccordion__optionalAction",
styles: "flex-shrink:0;label:euiAccordion__optionalAction;"
} : {
name: "iqfpv3-euiAccordion__optionalAction",
styles: "flex-shrink:0;label:euiAccordion__optionalAction;",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
export var euiAccordionOptionalActionStyles = function euiAccordionOptionalActionStyles() {
return {
euiAccordion__optionalAction: _ref2
};
};
export var euiAccordionSpinnerStyles = function euiAccordionSpinnerStyles(_ref8) {
var euiTheme = _ref8.euiTheme;
return {
euiAccordion__spinner: /*#__PURE__*/css(logicalCSS('margin-right', euiTheme.size.xs), ";;label:euiAccordion__spinner;")
};
};
var _ref = process.env.NODE_ENV === "production" ? {
name: "1r6c0fv-euiAccordion__triggerWrapper",
styles: "align-items:center;display:flex;label:euiAccordion__triggerWrapper;"
} : {
name: "1r6c0fv-euiAccordion__triggerWrapper",
styles: "align-items:center;display:flex;label:euiAccordion__triggerWrapper;",
toString: _EMOTION_STRINGIFIED_CSS_ERROR__
};
export var euiAccordionTriggerWrapperStyles = function euiAccordionTriggerWrapperStyles() {
return {
euiAccordion__triggerWrapper: _ref
};
};