@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\nimport { getIconPath } from '../Icon/utils';\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  const iconPath = getIconPath('angle-right');\n  return {\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.text.primary,\n                content: \"''\",\n                height: theme.spacing(3),\n                mask: `url(${iconPath})`,\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};\n"],"names":[],"mappings":"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"}