@grafana/ui/dist/esm/components/Cascader/styles.mjs.map

Grafana Components Library

{"version":3,"file":"styles.mjs","sources":["../../../../src/components/Cascader/styles.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/css';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nconst slideUpIn = keyframes({\n  '0%': {\n    opacity: 0,\n    transformOrigin: '0% 0%',\n    transform: 'scaleY(0.8)',\n  },\n\n  '100%': {\n    opacity: 1,\n    transformOrigin: '0% 0%',\n    transform: 'scaleY(1)',\n  },\n});\n\nconst slideUpOut = keyframes({\n  '0%': {\n    opacity: 1,\n    transformOrigin: '0% 0%',\n    transform: 'scaleY(1)',\n  },\n\n  '100%': {\n    opacity: 0,\n    transformOrigin: '0% 0%',\n    transform: 'scaleY(0.8)',\n  },\n});\n\nconst slideDownIn = keyframes({\n  '0%': {\n    opacity: 0,\n    transformOrigin: '0% 100%',\n    transform: 'scaleY(0.8)',\n  },\n\n  '100%': {\n    opacity: 1,\n    transformOrigin: '0% 100%',\n    transform: 'scaleY(1)',\n  },\n});\n\nconst slideDownOut = keyframes({\n  '0%': {\n    opacity: 1,\n    transformOrigin: '0% 100%',\n    transform: 'scaleY(1)',\n  },\n\n  '100%': {\n    opacity: 0,\n    transformOrigin: '0% 100%',\n    transform: 'scaleY(0.8)',\n  },\n});\n\nexport const getCascaderStyles = (theme: GrafanaTheme2) => ({\n  dropdown: css({\n    '&.rc-cascader-dropdown': {\n      position: 'absolute',\n      // Required, otherwise the portal that the popup is shown in will render under other components\n      zIndex: 9999,\n\n      '&-hidden': {\n        display: 'none',\n      },\n    },\n    '.rc-cascader': {\n      '&-menus': {\n        overflow: 'hidden',\n        background: theme.colors.background.elevated,\n        border: `none`,\n        borderRadius: theme.shape.radius.default,\n        boxShadow: theme.shadows.z3,\n        whiteSpace: 'nowrap',\n\n        '&.slide-up-enter, &.slide-up-appear': {\n          animationDuration: '0.3s',\n          animationFillMode: 'both',\n          transformOrigin: '0 0',\n          opacity: 0,\n          animationTimingFunction: 'cubic-bezier(0.08, 0.82, 0.17, 1)',\n          animationPlayState: 'paused',\n        },\n\n        '&.slide-up-enter.slide-up-enter-active.rc-cascader-menus-placement, &.slide-up-appear.slide-up-appear-active.rc-cascader-menus-placement':\n          {\n            '&-bottomLeft': {\n              animationName: slideUpIn,\n              animationPlayState: 'running',\n            },\n\n            '&-topLeft': {\n              animationName: slideDownIn,\n              animationPlayState: 'running',\n            },\n          },\n\n        '&.slide-up-leave': {\n          animationDuration: '0.3s',\n          animationFillMode: 'both',\n          transformOrigin: '0 0',\n          opacity: 1,\n          animationTimingFunction: 'cubic-bezier(0.6, 0.04, 0.98, 0.34)',\n          animationPlayState: 'paused',\n\n          '&.slide-up-leave-active.rc-cascader-menus-placement': {\n            '&-bottomLeft': {\n              animationName: slideUpOut,\n              animationPlayState: 'running',\n            },\n\n            '&-topLeft': {\n              animationName: slideDownOut,\n              animationPlayState: 'running',\n            },\n          },\n        },\n      },\n\n      '&-menu': {\n        display: 'inline-block',\n        maxWidth: '50vw',\n        height: '192px',\n        listStyle: 'none',\n        margin: 0,\n        padding: theme.spacing(0.5),\n        borderRight: `1px solid ${theme.colors.border.weak}`,\n        overflow: 'auto',\n\n        '&:last-child': {\n          borderRight: 0,\n        },\n\n        '&-item': {\n          height: theme.spacing(4),\n          lineHeight: theme.spacing(4),\n          padding: theme.spacing(0, 4, 0, 2),\n          borderRadius: theme.shape.radius.default,\n          cursor: 'pointer',\n          whiteSpace: 'nowrap',\n          overflow: 'hidden',\n          textOverflow: 'ellipsis',\n          transition: 'all 0.3s ease',\n          position: 'relative',\n\n          '&:hover': {\n            background: theme.colors.action.hover,\n          },\n\n          '&-disabled': {\n            cursor: 'not-allowed',\n            color: theme.colors.text.disabled,\n\n            '&:hover': {\n              background: 'transparent',\n            },\n\n            '&:after': {\n              position: 'absolute',\n              right: '12px',\n              content: \"'loading'\",\n              color: theme.colors.text.disabled,\n              fontStyle: 'italic',\n            },\n          },\n\n          '&-active': {\n            color: theme.colors.text.maxContrast,\n            background: theme.colors.background.secondary,\n\n            '&:hover': {\n              background: theme.colors.action.hover,\n            },\n          },\n\n          '&-expand': {\n            position: 'relative',\n\n            '&:after': {\n              background: theme.colors.background.secondary,\n              content: \"''\",\n              height: theme.spacing(3),\n              mask: 'url(../img/icons/unicons/angle-right.svg)',\n              maskType: 'luminance',\n              position: 'absolute',\n              right: 0,\n              top: theme.spacing(0.5),\n              width: theme.spacing(3),\n            },\n          },\n        },\n      },\n    },\n  }),\n});\n"],"names":[],"mappings":"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"}