{"version":3,"file":"styles.mjs","sources":["../../../../src/components/Slider/styles.ts"],"sourcesContent":["import { css } from '@emotion/css';\nimport { css as cssCore } from '@emotion/react';\n\nimport { GrafanaTheme2 } from '@grafana/data';\n\nimport 'rc-slider/assets/index.css';\n\nexport const getStyles = (theme: GrafanaTheme2, isHorizontal: boolean, hasMarks = false) => {\n  const { spacing } = theme;\n  const railColor = theme.colors.border.strong;\n  const trackColor = theme.colors.primary.main;\n  const handleColor = theme.colors.primary.main;\n  const blueOpacity = theme.colors.primary.transparent;\n  const hoverStyle = `box-shadow: 0px 0px 0px 6px ${blueOpacity}`;\n\n  return {\n    container: css({\n      width: '100%',\n      margin: isHorizontal ? 'inherit' : spacing(1, 3, 1, 1),\n      paddingBottom: isHorizontal && hasMarks ? theme.spacing(1) : 'inherit',\n      height: isHorizontal ? 'auto' : '100%',\n    }),\n    // can't write this as an object since it needs to overwrite rc-slider styles\n    // object syntax doesn't support kebab case keys\n    // eslint-disable-next-line @emotion/syntax-preference\n    slider: css`\n      .rc-slider {\n        display: flex;\n        flex-grow: 1;\n        margin-left: 7px; // half the size of the handle to align handle to the left on 0 value\n      }\n      .rc-slider-mark {\n        top: ${theme.spacing(1.75)};\n      }\n      .rc-slider-mark-text {\n        color: ${theme.colors.text.disabled};\n        font-size: ${theme.typography.bodySmall.fontSize};\n      }\n      .rc-slider-mark-text-active {\n        color: ${theme.colors.text.primary};\n      }\n      .rc-slider-handle {\n        border: none;\n        background-color: ${handleColor};\n        box-shadow: ${theme.shadows.z1};\n        cursor: pointer;\n        opacity: 1;\n      }\n\n      .rc-slider-handle:hover,\n      .rc-slider-handle:active,\n      .rc-slider-handle-click-focused:focus {\n        ${hoverStyle};\n      }\n\n      // The triple class names is needed because that's the specificity used in the source css :(\n      .rc-slider-handle-dragging.rc-slider-handle-dragging.rc-slider-handle-dragging,\n      .rc-slider-handle:focus-visible {\n        box-shadow: 0 0 0 5px ${theme.colors.text.primary};\n      }\n\n      .rc-slider-dot,\n      .rc-slider-dot-active {\n        background-color: ${theme.colors.text.primary};\n        border-color: ${theme.colors.text.primary};\n      }\n\n      .rc-slider-track {\n        background-color: ${trackColor};\n      }\n      .rc-slider-rail {\n        background-color: ${railColor};\n        cursor: pointer;\n      }\n    `,\n    /** Global component from @emotion/core doesn't accept computed classname string returned from css from emotion.\n     * It accepts object containing the computed name and flattened styles returned from css from @emotion/core\n     * */\n    tooltip: cssCore`\n      body {\n        .rc-slider-tooltip {\n          cursor: grab;\n          user-select: none;\n          z-index: ${theme.zIndex.tooltip};\n        }\n\n        .rc-slider-tooltip-inner {\n          color: ${theme.colors.text.primary};\n          background-color: transparent !important;\n          border-radius: 0;\n          box-shadow: none;\n        }\n\n        .rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {\n          display: none;\n        }\n\n        .rc-slider-tooltip-placement-top {\n          padding: 0;\n        }\n      }\n    `,\n    sliderInput: css({\n      display: 'flex',\n      flexDirection: 'row',\n      alignItems: 'center',\n      width: '100%',\n    }),\n    sliderInputVertical: css({\n      flexDirection: 'column',\n      height: '100%',\n\n      '.rc-slider': {\n        margin: 0,\n        order: 2,\n      },\n    }),\n    sliderInputField: css({\n      marginLeft: theme.spacing(3),\n      input: {\n        textAlign: 'center',\n      },\n    }),\n    sliderInputFieldVertical: css({\n      margin: `0 0 ${theme.spacing(3)} 0`,\n      order: 1,\n    }),\n  };\n};\n"],"names":["cssCore"],"mappings":";;;;AAOO,MAAM,SAAY,GAAA,CAAC,KAAsB,EAAA,YAAA,EAAuB,WAAW,KAAU,KAAA;AAC1F,EAAM,MAAA,EAAE,SAAY,GAAA,KAAA;AACpB,EAAM,MAAA,SAAA,GAAY,KAAM,CAAA,MAAA,CAAO,MAAO,CAAA,MAAA;AACtC,EAAM,MAAA,UAAA,GAAa,KAAM,CAAA,MAAA,CAAO,OAAQ,CAAA,IAAA;AACxC,EAAM,MAAA,WAAA,GAAc,KAAM,CAAA,MAAA,CAAO,OAAQ,CAAA,IAAA;AACzC,EAAM,MAAA,WAAA,GAAc,KAAM,CAAA,MAAA,CAAO,OAAQ,CAAA,WAAA;AACzC,EAAM,MAAA,UAAA,GAAa,+BAA+B,WAAW,CAAA,CAAA;AAE7D,EAAO,OAAA;AAAA,IACL,WAAW,GAAI,CAAA;AAAA,MACb,KAAO,EAAA,MAAA;AAAA,MACP,QAAQ,YAAe,GAAA,SAAA,GAAY,QAAQ,CAAG,EAAA,CAAA,EAAG,GAAG,CAAC,CAAA;AAAA,MACrD,eAAe,YAAgB,IAAA,QAAA,GAAW,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAI,GAAA,SAAA;AAAA,MAC7D,MAAA,EAAQ,eAAe,MAAS,GAAA;AAAA,KACjC,CAAA;AAAA;AAAA;AAAA;AAAA,IAID,MAAQ,EAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAOG,EAAA,KAAA,CAAM,OAAQ,CAAA,IAAI,CAAC,CAAA;AAAA;AAAA;AAAA,eAGjB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,QAAQ,CAAA;AAAA,mBACtB,EAAA,KAAA,CAAM,UAAW,CAAA,SAAA,CAAU,QAAQ,CAAA;AAAA;AAAA;AAAA,eAGvC,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA,0BAAA,EAId,WAAW,CAAA;AAAA,oBACjB,EAAA,KAAA,CAAM,QAAQ,EAAE,CAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,QAAA,EAQ5B,UAAU,CAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,8BAMY,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,OAAO,CAAA;AAAA;;AAAA;AAAA;AAAA,0BAK7B,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,OAAO,CAAA;AAAA,sBAC7B,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,OAAO,CAAA;AAAA;;AAAA;AAAA,0BAAA,EAIrB,UAAU,CAAA;AAAA;AAAA;AAAA,0BAAA,EAGV,SAAS,CAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA,IAOjC,OAAS,EAAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAKQ,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA;;AAAA;AAAA,iBAItB,EAAA,KAAA,CAAM,MAAO,CAAA,IAAA,CAAK,OAAO,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA,IAAA,CAAA;AAAA,IAexC,aAAa,GAAI,CAAA;AAAA,MACf,OAAS,EAAA,MAAA;AAAA,MACT,aAAe,EAAA,KAAA;AAAA,MACf,UAAY,EAAA,QAAA;AAAA,MACZ,KAAO,EAAA;AAAA,KACR,CAAA;AAAA,IACD,qBAAqB,GAAI,CAAA;AAAA,MACvB,aAAe,EAAA,QAAA;AAAA,MACf,MAAQ,EAAA,MAAA;AAAA,MAER,YAAc,EAAA;AAAA,QACZ,MAAQ,EAAA,CAAA;AAAA,QACR,KAAO,EAAA;AAAA;AACT,KACD,CAAA;AAAA,IACD,kBAAkB,GAAI,CAAA;AAAA,MACpB,UAAA,EAAY,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAA;AAAA,MAC3B,KAAO,EAAA;AAAA,QACL,SAAW,EAAA;AAAA;AACb,KACD,CAAA;AAAA,IACD,0BAA0B,GAAI,CAAA;AAAA,MAC5B,MAAQ,EAAA,CAAA,IAAA,EAAO,KAAM,CAAA,OAAA,CAAQ,CAAC,CAAC,CAAA,EAAA,CAAA;AAAA,MAC/B,KAAO,EAAA;AAAA,KACR;AAAA,GACH;AACF;;;;"}