@yamada-ui/react/dist/cjs/components/slider/slider.style.cjs.map

React UI components of the Yamada, by the Yamada, for the Yamada built with React and Emotion

{"version":3,"file":"slider.style.cjs","names":["defineComponentSlotStyle"],"sources":["../../../../src/components/slider/slider.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\n\nexport const sliderStyle = defineComponentSlotStyle({\n  base: {\n    mark: {\n      \"&[data-indicator]\": {\n        _before: {\n          bg: \"{indicator-fill}\",\n          boxSize: \"{track-size}\",\n          position: \"absolute\",\n          rounded: \"{indicator-rounded}\",\n        },\n        _between: {\n          \"--indicator-fill\": \"colorScheme.contrast\",\n        },\n      },\n      color: \"fg.muted\",\n      fontSize: \"xs\",\n      pointerEvents: \"none\",\n      position: \"absolute\",\n      textAlign: \"center\",\n      whiteSpace: \"nowrap\",\n      zIndex: 1,\n    },\n    range: {\n      bg: \"{range-fill}\",\n      position: \"absolute\",\n      rounded: \"{track-rounded}\",\n    },\n    root: {\n      \"--indicator-rounded\": \"radii.full\",\n      \"--track-rounded\": \"radii.full\",\n      alignItems: \"center\",\n      display: \"inline-flex\",\n      isolation: \"isolate\",\n      position: \"relative\",\n      touchAction: \"none\",\n      _readOnly: { layerStyle: \"readOnly\" },\n      _disabled: { layerStyle: \"disabled\" },\n    },\n    thumb: {\n      alignItems: \"center\",\n      bg: \"{thumb-fill}\",\n      borderColor: \"{thumb-stroke}\",\n      borderWidth: \"2px\",\n      boxSize: \"{thumb-size}\",\n      color: \"{thumb-stroke}\",\n      display: \"flex\",\n      justifyContent: \"center\",\n      position: \"absolute\",\n      rounded: \"{thumb-rounded}\",\n      zIndex: 2,\n    },\n    track: {\n      bg: \"{track-fill}\",\n      cursor: {\n        base: \"pointer\",\n        _readOnly: \"default\",\n        _disabled: \"not-allowed\",\n      },\n      flex: \"1\",\n      position: \"relative\",\n      rounded: \"{track-rounded}\",\n    },\n  },\n\n  props: {\n    /**\n     * The orientation of the slider.\n     *\n     * @default 'horizontal'\n     */\n    orientation: {\n      horizontal: {\n        mark: {\n          left: \"{mark-position}\",\n          pt: \"calc({track-size} + {spaces.2})\",\n          top: \"0\",\n          translate: \"-50% 0\",\n          _before: {\n            left: \"50%\",\n            top: \"0\",\n            translate: \"-50% 0\",\n          },\n        },\n        range: {\n          h: \"full\",\n          left: \"{range-start}\",\n          top: \"50%\",\n          translate: \"0 -50%\",\n          w: \"calc({range-end} - {range-start} + ({track-size} / 2))\",\n          _range: {\n            left: \"calc({range-start} - ({track-size} / 2))\",\n            w: \"calc({range-end} - {range-start} + {track-size})\",\n          },\n        },\n        root: {\n          flexDirection: \"row\",\n          minW: \"{thumb-size}\",\n          w: \"full\",\n        },\n        thumb: {\n          top: \"50%\",\n          translate: \"-50% -50%\",\n          _end: { left: \"{range-end}\" },\n          _start: { left: \"{range-start}\" },\n        },\n        track: {\n          h: \"{track-size}\",\n        },\n      },\n      vertical: {\n        mark: {\n          bottom: \"{mark-position}\",\n          left: \"0\",\n          lineHeight: \"2\",\n          ps: \"calc({track-size} + {spaces.3})\",\n          translate: \"0 50%\",\n          _before: {\n            left: \"0\",\n            top: \"50%\",\n            translate: \"0 -50%\",\n          },\n        },\n        range: {\n          bottom: \"{range-start}\",\n          h: \"calc({range-end} - {range-start} + ({track-size} / 2))\",\n          left: \"50%\",\n          translate: \"-50% 0\",\n          w: \"full\",\n          _range: {\n            bottom: \"calc({range-start} - ({track-size} / 2))\",\n            h: \"calc({range-end} - {range-start} + {track-size})\",\n          },\n        },\n        root: {\n          flexDirection: \"column\",\n          h: \"full\",\n          minH: \"{thumb-size}\",\n        },\n        thumb: {\n          left: \"50%\",\n          translate: \"-50% 50%\",\n          _end: { bottom: \"{range-end}\" },\n          _start: { bottom: \"{range-start}\" },\n        },\n        track: {\n          w: \"{track-size}\",\n        },\n      },\n    },\n    /**\n     * The shape of the thumb.\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        root: { \"--thumb-rounded\": \"radii.full\" },\n      },\n      rounded: {\n        root: { \"--thumb-rounded\": \"radii.l2\" },\n      },\n      square: {\n        root: { \"--thumb-rounded\": \"0\" },\n      },\n    },\n  },\n\n  variants: {\n    outline: {\n      root: {\n        \"--indicator-fill\": \"colorScheme.solid\",\n        \"--range-fill\": \"colorScheme.solid\",\n        \"--thumb-fill\": \"colors.bg\",\n        \"--thumb-stroke\": \"colorScheme.solid\",\n        \"--track-fill\": \"colors.bg.muted\",\n      },\n    },\n    solid: {\n      root: {\n        \"--indicator-fill\": \"colorScheme.solid\",\n        \"--range-fill\": \"colorScheme.solid\",\n        \"--thumb-fill\": \"colorScheme.solid\",\n        \"--thumb-stroke\": \"colorScheme.solid\",\n        \"--track-fill\": \"colors.bg.muted\",\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: {\n        \"--thumb-size\": \"sizes.3\",\n        \"--track-size\": \"sizes.1\",\n      },\n    },\n    sm: {\n      root: {\n        \"--thumb-size\": \"sizes.4\",\n        \"--track-size\": \"sizes.1.5\",\n      },\n    },\n    md: {\n      root: {\n        \"--thumb-size\": \"sizes.5\",\n        \"--track-size\": \"sizes.2\",\n      },\n    },\n    lg: {\n      root: {\n        \"--thumb-size\": \"sizes.6\",\n        \"--track-size\": \"sizes.2.5\",\n      },\n    },\n    xl: {\n      root: {\n        \"--thumb-size\": \"sizes.7\",\n        \"--track-size\": \"sizes.3\",\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    variant: \"outline\",\n    orientation: \"horizontal\",\n    shape: \"circle\",\n  },\n})\n\nexport type SliderStyle = typeof sliderStyle\n"],"mappings":"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"}