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

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

{"version":3,"file":"hue-slider.style.cjs","names":["defineComponentSlotStyle","sliderStyle"],"sources":["../../../../src/components/hue-slider/hue-slider.style.ts"],"sourcesContent":["import { defineComponentSlotStyle } from \"../../core\"\nimport { sliderStyle } from \"../slider\"\n\nexport const hueSliderStyle = defineComponentSlotStyle({\n  base: {\n    overlay: {\n      position: \"absolute\",\n      rounded: \"{track-rounded}\",\n      top: \"0\",\n      _horizontal: {\n        h: \"full\",\n        left: \"calc({thumb-size} / 2 * -1)\",\n        w: \"calc(full + {thumb-size})\",\n      },\n      _vertical: {\n        h: \"calc(full + {thumb-size})\",\n        top: \"calc({thumb-size} / 2 * -1)\",\n        w: \"full\",\n      },\n    },\n    root: {},\n    thumb: {\n      \"--thumb-stroke\": \"colors.white\",\n      borderWidth: \"3px\",\n      boxShadow: \"md\",\n    },\n    track: {\n      flex: \"inherit\",\n      _horizontal: {\n        ms: \"calc({thumb-size} / 2)\",\n        w: \"calc(full - {thumb-size})\",\n      },\n      _vertical: {\n        h: \"calc(full - {thumb-size})\",\n        mt: \"calc({thumb-size} / 2)\",\n      },\n    },\n  },\n\n  props: {\n    /**\n     * The shape of the thumb.\n     *\n     * @default 'circle'\n     */\n    shape: {\n      circle: {\n        root: {\n          ...sliderStyle.props?.shape.circle.root,\n          \"--track-rounded\": \"{thumb-rounded}\",\n        },\n      },\n      rounded: {\n        root: {\n          ...sliderStyle.props?.shape.rounded.root,\n          \"--track-rounded\": \"{thumb-rounded}\",\n        },\n      },\n      square: {\n        root: {\n          ...sliderStyle.props?.shape.square.root,\n          \"--track-rounded\": \"{thumb-rounded}\",\n        },\n      },\n    },\n  },\n\n  sizes: {\n    xs: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n      },\n    },\n    sm: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.sm.root[\"--thumb-size\"],\n      },\n    },\n    md: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.md.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.md.root[\"--thumb-size\"],\n      },\n    },\n    lg: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n      },\n    },\n    xl: {\n      root: {\n        \"--thumb-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n        \"--track-size\": sliderStyle.sizes?.lg.root[\"--thumb-size\"],\n      },\n    },\n  },\n\n  defaultProps: {\n    size: \"md\",\n    shape: \"circle\",\n  },\n})\n\nexport type HueSliderStyle = typeof hueSliderStyle\n"],"mappings":";;;;AAGA,MAAa,iBAAiBA,wCAAyB;CACrD,MAAM;EACJ,SAAS;GACP,UAAU;GACV,SAAS;GACT,KAAK;GACL,aAAa;IACX,GAAG;IACH,MAAM;IACN,GAAG;IACJ;GACD,WAAW;IACT,GAAG;IACH,KAAK;IACL,GAAG;IACJ;GACF;EACD,MAAM,EAAE;EACR,OAAO;GACL,kBAAkB;GAClB,aAAa;GACb,WAAW;GACZ;EACD,OAAO;GACL,MAAM;GACN,aAAa;IACX,IAAI;IACJ,GAAG;IACJ;GACD,WAAW;IACT,GAAG;IACH,IAAI;IACL;GACF;EACF;CAED,OAAO,EAML,OAAO;EACL,QAAQ,EACN,MAAM;GACJ,GAAGC,iCAAY,OAAO,MAAM,OAAO;GACnC,mBAAmB;GACpB,EACF;EACD,SAAS,EACP,MAAM;GACJ,GAAGA,iCAAY,OAAO,MAAM,QAAQ;GACpC,mBAAmB;GACpB,EACF;EACD,QAAQ,EACN,MAAM;GACJ,GAAGA,iCAAY,OAAO,MAAM,OAAO;GACnC,mBAAmB;GACpB,EACF;EACF,EACF;CAED,OAAO;EACL,IAAI,EACF,MAAM;GACJ,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACD,IAAI,EACF,MAAM;GACJ,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC3C,gBAAgBA,iCAAY,OAAO,GAAG,KAAK;GAC5C,EACF;EACF;CAED,cAAc;EACZ,MAAM;EACN,OAAO;EACR;CACF,CAAC"}