@grafana/ui/dist/esm/themes/GlobalStyles/legacySelect.mjs.map

Grafana Components Library

{"version":3,"file":"legacySelect.mjs","sources":["../../../../src/themes/GlobalStyles/legacySelect.ts"],"sourcesContent":["// some plugins depend on these classes\n// TODO we should aim to remove this for Grafana 12\nimport { css } from '@emotion/react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nexport function getLegacySelectStyles(theme: GrafanaTheme2) {\n  return css({\n    '.gf-form-select-box__control': {\n      width: '100%',\n      marginRight: theme.spacing(0.5),\n      backgroundColor: theme.components.input.background,\n      border: `1px solid ${theme.components.input.borderColor}`,\n      borderRadius: theme.shape.radius.default,\n      color: theme.components.input.text,\n      cursor: 'default',\n      height: theme.spacing(4),\n      outline: 'none',\n      overflow: 'hidden',\n      position: 'relative',\n    },\n\n    '.gf-form-select-box__control--is-focused': {\n      backgroundColor: theme.components.input.background,\n      borderColor: theme.colors.primary.border,\n      outline: 'none',\n      boxShadow: `inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px ${theme.colors.primary.border}`,\n    },\n\n    '.gf-form-select-box__control--is-disabled': {\n      backgroundColor: theme.colors.action.disabledBackground,\n    },\n\n    '.gf-form-select-box__control--menu-right': {\n      '.gf-form-select-box__menu': {\n        right: 0,\n        left: 'unset',\n      },\n    },\n\n    '.gf-form-select-box__input': {\n      input: {\n        lineHeight: 'inherit',\n      },\n    },\n\n    '.gf-form-select-box__menu': {\n      background: theme.colors.background.primary,\n      boxShadow: theme.shadows.z3,\n      position: 'absolute',\n      zIndex: theme.zIndex.dropdown,\n      minWidth: '100%',\n\n      '&-notice--no-options': {\n        backgroundColor: theme.components.input.background,\n        padding: '10px',\n      },\n    },\n\n    '.gf-form-select-box__menu-list': {\n      overflowY: 'auto',\n      maxHeight: '300px',\n      maxWidth: '600px',\n    },\n\n    '.tag-filter .gf-form-select-box__menu': {\n      width: '100%',\n    },\n\n    '.gf-form-select-box__multi-value': {\n      display: 'inline',\n      margin: '0 6px 0 0',\n      cursor: 'pointer',\n    },\n\n    '.gf-form-select-box__multi-value__remove': {\n      textAlign: 'center',\n      display: 'inline-block',\n      marginLeft: '2px',\n      position: 'relative',\n    },\n\n    '.gf-form-select-box__multi-value__label': {\n      display: 'inline',\n      verticalAlign: 'middle',\n    },\n\n    '.gf-form-select-box__option': {\n      borderLeft: '2px solid transparent',\n      whiteSpace: 'nowrap',\n      backgroundColor: theme.components.input.background,\n\n      '&.gf-form-select-box__option--is-focused': {\n        color: theme.colors.text.primary,\n        background: theme.colors.action.hover,\n        borderImage: theme.colors.gradients.brandVertical,\n        borderImageSlice: 1,\n        borderStyle: 'solid',\n        borderTop: 0,\n        borderRight: 0,\n        borderBottom: 0,\n        borderLeftWidth: '2px',\n      },\n\n      '&.gf-form-select-box__option--is-selected': {\n        '.fa': {\n          color: theme.colors.text.primary,\n        },\n      },\n    },\n\n    '.gf-form-select-box__placeholder': {\n      color: theme.colors.text.disabled,\n    },\n\n    '.gf-form-select-box__control--is-focused .gf-form-select-box__placeholder': {\n      display: 'none',\n    },\n\n    '.gf-form-select-box__value-container': {\n      display: 'inline-block',\n      padding: '6px 20px 6px 10px',\n      verticalAlign: 'middle',\n\n      '> div': {\n        display: 'inline-block',\n        verticalAlign: 'middle',\n      },\n    },\n\n    '.gf-form-select-box__indicators': {\n      position: 'absolute',\n      height: '100%',\n      right: '8px',\n      top: '1px',\n      display: 'inline-block',\n      textAlign: 'right',\n    },\n\n    '.gf-form-input--form-dropdown': {\n      padding: 0,\n      border: 0,\n      overflow: 'visible',\n      position: 'relative',\n    },\n\n    '.gf-form--has-input-icon': {\n      '.gf-form-select-box__value-container': {\n        paddingLeft: '30px',\n      },\n    },\n\n    '.gf-form-select-box__desc-option': {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      justifyItems: 'center',\n      cursor: 'pointer',\n      padding: '7px 10px',\n      width: '100%',\n    },\n\n    '.gf-form-select-box__desc-option__body': {\n      display: 'flex',\n      flexDirection: 'column',\n      flexGrow: 1,\n      paddingRight: '10px',\n      fontWeight: theme.typography.fontWeightMedium,\n    },\n\n    '.gf-form-select-box__desc-option__desc': {\n      fontWeight: 'normal',\n      fontSize: theme.typography.bodySmall.fontSize,\n      color: theme.colors.text.secondary,\n    },\n\n    '.gf-form-select-box__desc-option__img': {\n      width: '16px',\n      marginRight: '10px',\n    },\n\n    '.gf-form-select-box__option-group__header': {\n      display: 'flex',\n      alignItems: 'center',\n      justifyContent: 'flex-start',\n      justifyItems: 'center',\n      cursor: 'pointer',\n      padding: '7px 10px',\n      width: '100%',\n      borderBottom: `1px solid ${theme.v1.palette.dark9}`,\n      textTransform: 'capitalize',\n\n      '.fa': {\n        paddingRight: '2px',\n      },\n    },\n\n    '.gf-form-select-box-button-select': {\n      height: 'auto',\n    },\n\n    '.select-button': {\n      display: 'flex',\n      alignItems: 'center',\n    },\n  });\n}\n"],"names":[],"mappings":"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"}