-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathcomponents-slider-slider-web-stories.b978a573.iframe.bundle.js
2 lines (2 loc) · 7.55 KB
/
components-slider-slider-web-stories.b978a573.iframe.bundle.js
1
2
/*! For license information please see components-slider-slider-web-stories.b978a573.iframe.bundle.js.LICENSE.txt */
"use strict";(self.webpackChunk_leather_io_ui=self.webpackChunk_leather_io_ui||[]).push([[1238],{"./src/components/slider/slider.web.stories.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{CustomWidth:()=>CustomWidth,Default:()=>Default,RangeSlider:()=>RangeSlider,SteppedSlider:()=>SteppedSlider,__namedExportsOrder:()=>__namedExportsOrder,default:()=>__WEBPACK_DEFAULT_EXPORT__});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/[email protected]/node_modules/react/jsx-runtime.js"),leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("./leather-styles/jsx/index.js"),_slider_web__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./src/components/slider/slider.web.tsx");const __WEBPACK_DEFAULT_EXPORT__={component:_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Root,tags:["autodocs"],title:"Slider"},Default={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"300px",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Root,{defaultValue:[50],max:100,step:1,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Track,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Range,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Thumb,{})]})})},RangeSlider={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"300px",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Root,{defaultValue:[20,80],max:100,step:1,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Track,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Range,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Thumb,{}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Thumb,{})]})})},SteppedSlider={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"300px",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Root,{defaultValue:[50],max:100,step:10,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Track,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Range,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Thumb,{})]})})},CustomWidth={render:()=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(leather_styles_jsx__WEBPACK_IMPORTED_MODULE_1__.az,{width:"500px",children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsxs)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Root,{defaultValue:[50],max:100,step:1,children:[(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Track,{children:(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Range,{})}),(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_slider_web__WEBPACK_IMPORTED_MODULE_2__.A.Thumb,{})]})})},__namedExportsOrder=["Default","RangeSlider","SteppedSlider","CustomWidth"]},"../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react-jsx-runtime.production.min.js":(__unused_webpack_module,exports,__webpack_require__)=>{var f=__webpack_require__("../../node_modules/.pnpm/[email protected]/node_modules/react/index.js"),k=Symbol.for("react.element"),l=Symbol.for("react.fragment"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};function q(c,a,g){var b,d={},e=null,h=null;for(b in void 0!==g&&(e=""+g),void 0!==a.key&&(e=""+a.key),void 0!==a.ref&&(h=a.ref),a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l,exports.jsx=q,exports.jsxs=q},"../../node_modules/.pnpm/[email protected]/node_modules/react/jsx-runtime.js":(module,__unused_webpack_exports,__webpack_require__)=>{module.exports=__webpack_require__("../../node_modules/.pnpm/[email protected]/node_modules/react/cjs/react-jsx-runtime.production.min.js")},"./src/components/slider/slider.web.tsx":(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{__webpack_require__.d(__webpack_exports__,{A:()=>Slider});var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__=__webpack_require__("../../node_modules/.pnpm/[email protected]/node_modules/react/jsx-runtime.js"),react__WEBPACK_IMPORTED_MODULE_1__=__webpack_require__("../../node_modules/.pnpm/[email protected]/node_modules/react/index.js"),_radix_ui_react_slider__WEBPACK_IMPORTED_MODULE_3__=__webpack_require__("../../node_modules/.pnpm/@[email protected]_@[email protected]_@[email protected][email protected][email protected][email protected]/node_modules/@radix-ui/react-slider/dist/index.mjs"),leather_styles_css__WEBPACK_IMPORTED_MODULE_2__=__webpack_require__("./leather-styles/css/index.js");const sliderRootStyles=(0,leather_styles_css__WEBPACK_IMPORTED_MODULE_2__.AH)({position:"relative",display:"flex",alignItems:"center",userSelect:"none",touchAction:"none",width:"100%"}),sliderTrackStyles=(0,leather_styles_css__WEBPACK_IMPORTED_MODULE_2__.AH)({backgroundColor:"ink.component-background-default",position:"relative",flexGrow:1,height:"4px",borderRadius:"0 9999px 9999px 0"}),sliderRangeStyles=(0,leather_styles_css__WEBPACK_IMPORTED_MODULE_2__.AH)({position:"absolute",backgroundColor:"ink.text-primary",height:"100%"}),sliderThumbStyles=(0,leather_styles_css__WEBPACK_IMPORTED_MODULE_2__.AH)({display:"block",width:"24px",height:"24px",backgroundColor:"ink.background-primary",borderRadius:"14px",boxShadow:"lg",cursor:"pointer",transition:"transform 0.2s",border:"1px solid",borderColor:"ink.border-primary","&:hover":{transform:"scale(1.1)"},"&:focus":{outline:"none",boxShadow:"focus"}}),Root=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(((props,ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_radix_ui_react_slider__WEBPACK_IMPORTED_MODULE_3__.bL,{className:sliderRootStyles,ref,...props})));Root.displayName="Slider.Root";const Track=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(((props,ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_radix_ui_react_slider__WEBPACK_IMPORTED_MODULE_3__.CC,{className:sliderTrackStyles,ref,...props})));Track.displayName="Slider.Track";const Range=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(((props,ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_radix_ui_react_slider__WEBPACK_IMPORTED_MODULE_3__.Q6,{className:sliderRangeStyles,ref,...props})));Range.displayName="Slider.Range";const Thumb=(0,react__WEBPACK_IMPORTED_MODULE_1__.forwardRef)(((props,ref)=>(0,react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__.jsx)(_radix_ui_react_slider__WEBPACK_IMPORTED_MODULE_3__.zi,{className:sliderThumbStyles,ref,...props})));Thumb.displayName="Slider.Thumb";const Slider={Root,Track,Range,Thumb}}}]);