@pedidopago/ui 1.17.47 → 1.17.48
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAa,EACb,GAAY,EACZ,OAAkB,EAClB,OAAkB,EAClB,OAAe,EACf,OAAe,EACf,aAAqB,EACrB,mBAA0B,EAC1B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAW,EACX,WAAW,EACX,YAA4B,EAC5B,GAAG,IAAI,EACR,EAAE,UAAU,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,wBAAgB,KAAK,CAAC,EACpB,IAAI,EACJ,IAAa,EACb,GAAY,EACZ,OAAkB,EAClB,OAAkB,EAClB,OAAe,EACf,OAAe,EACf,aAAqB,EACrB,mBAA0B,EAC1B,QAAQ,EACR,SAAS,EACT,OAAO,EACP,WAAW,EACX,WAAW,EACX,YAA4B,EAC5B,GAAG,IAAI,EACR,EAAE,UAAU,2CA0GZ"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Modal=Modal;var _framerMotion=require("framer-motion"),_react=require("react"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_ReactPortal=require("../ReactPortal"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["open","left","top","anchorX","anchorY","offsetX","offsetY","hideScrollBar","disableScrollOnOpen","maxWidth","maxHeight","onClose","hideOverlay","blurOverlay","portalNameId"];function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function Modal(_ref){function getPercentage(type,value){if("number"==typeof value)return value;var anchor="x"===type?anchorX:anchorY;if("number"==typeof anchor)return anchor;switch(anchor){case"left":case"top":return 0;case"center":return-50;case"right":case"bottom":return-100;default:throw new Error("Invalid ".concat(type," anchor: ").concat(anchor));}}var open=_ref.open,_ref$left=_ref.left,left=void 0===_ref$left?"50vw":_ref$left,_ref$top=_ref.top,top=void 0===_ref$top?"50vh":_ref$top,_ref$anchorX=_ref.anchorX,anchorX=void 0===_ref$anchorX?"center":_ref$anchorX,_ref$anchorY=_ref.anchorY,anchorY=void 0===_ref$anchorY?"center":_ref$anchorY,_ref$offsetX=_ref.offsetX,offsetX=void 0===_ref$offsetX?"0px":_ref$offsetX,_ref$offsetY=_ref.offsetY,offsetY=void 0===_ref$offsetY?"0px":_ref$offsetY,_ref$hideScrollBar=_ref.hideScrollBar,_ref$disableScrollOnO=_ref.disableScrollOnOpen,maxWidth=_ref.maxWidth,maxHeight=_ref.maxHeight,onClose=_ref.onClose,hideOverlay=_ref.hideOverlay,blurOverlay=_ref.blurOverlay,_ref$portalNameId=_ref.portalNameId,portalNameId=void 0===_ref$portalNameId?"portal-root":_ref$portalNameId,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),prevWindowWidth=(0,_react.useRef)(0),_useState=(0,_react.useState)(open),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],modalID=(0,_react.useId)();(0,_react.useEffect)(function(){setIsOpen(open)},[open]);var handleCloseOnResize=(0,_react.useCallback)(function(){var isResizingX=prevWindowWidth.current!==window.innerWidth;isResizingX&&isOpen&&(null===onClose||void 0===onClose?void 0:onClose()),prevWindowWidth.current=window.innerWidth},[isOpen,onClose]);return(0,_useDisableBodyScroll.useDisableBodyScroll)(isOpen&&(void 0===_ref$disableScrollOnO||_ref$disableScrollOnO),"modal"),(0,_react.useEffect)(function(){return prevWindowWidth.current=window.innerWidth,window.addEventListener("resize",handleCloseOnResize),function(){return window.removeEventListener("resize",handleCloseOnResize)}},[handleCloseOnResize]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:isOpen&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_ReactPortal.ReactPortal,{wrapperId:portalNameId,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Overlay,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:blurOverlay?1:.5},transition:{duration:.2},isOpen:isOpen,blur:blurOverlay,onClick:onClose,hidden:hideOverlay},"modal-overlay-".concat(modalID)),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalContainer,{ref:containerRef,style:{left:"calc(".concat(left," + ").concat(offsetX,")"),top:"calc(".concat(top," + ").concat(offsetY,")"),maxWidth:"number"==typeof maxWidth?"".concat(maxWidth,"px"):maxWidth,maxHeight:"number"==typeof maxHeight?"".concat(maxHeight,"px"):maxHeight,transform:function(){return"translate(\n ".concat(getPercentage("x",anchorX),"%, \n ").concat(getPercentage("y",anchorY),"%\n )")}()},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalElement,{"data-scroll":"dispatch-scroll",hideScrollBar:void 0!==_ref$hideScrollBar&&_ref$hideScrollBar,initial:{scale:.8,opacity:0},exit:{scale:.8,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.1},style:{maxHeight:"number"==typeof maxHeight?"".concat(maxHeight,"px"):maxHeight},children:rest.children},"modal-element-".concat(modalID))})]})})}
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.Modal=Modal;var _framerMotion=require("framer-motion"),_react=require("react"),_useDisableBodyScroll=require("../../shared/hooks/useDisableBodyScroll"),_ReactPortal=require("../ReactPortal"),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["open","left","top","anchorX","anchorY","offsetX","offsetY","hideScrollBar","disableScrollOnOpen","maxWidth","maxHeight","onClose","hideOverlay","blurOverlay","portalNameId"];function _slicedToArray(arr,i){return _arrayWithHoles(arr)||_iterableToArrayLimit(arr,i)||_unsupportedIterableToArray(arr,i)||_nonIterableRest()}function _nonIterableRest(){throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}function _unsupportedIterableToArray(o,minLen){if(o){if("string"==typeof o)return _arrayLikeToArray(o,minLen);var n=Object.prototype.toString.call(o).slice(8,-1);return"Object"===n&&o.constructor&&(n=o.constructor.name),"Map"===n||"Set"===n?Array.from(o):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?_arrayLikeToArray(o,minLen):void 0}}function _arrayLikeToArray(arr,len){(null==len||len>arr.length)&&(len=arr.length);for(var i=0,arr2=Array(len);i<len;i++)arr2[i]=arr[i];return arr2}function _iterableToArrayLimit(arr,i){var _i=null==arr?null:"undefined"!=typeof Symbol&&arr[Symbol.iterator]||arr["@@iterator"];if(null!=_i){var _s,_e,_x,_r,_arr=[],_n=!0,_d=!1;try{if(_x=(_i=_i.call(arr)).next,0===i){if(Object(_i)!==_i)return;_n=!1}else for(;!(_n=(_s=_x.call(_i)).done)&&(_arr.push(_s.value),_arr.length!==i);_n=!0);}catch(err){_d=!0,_e=err}finally{try{if(!_n&&null!=_i.return&&(_r=_i.return(),Object(_r)!==_r))return}finally{if(_d)throw _e}}return _arr}}function _arrayWithHoles(arr){if(Array.isArray(arr))return arr}function _objectWithoutProperties(source,excluded){if(null==source)return{};var key,i,target=_objectWithoutPropertiesLoose(source,excluded);if(Object.getOwnPropertySymbols){var sourceSymbolKeys=Object.getOwnPropertySymbols(source);for(i=0;i<sourceSymbolKeys.length;i++)key=sourceSymbolKeys[i],0<=excluded.indexOf(key)||Object.prototype.propertyIsEnumerable.call(source,key)&&(target[key]=source[key])}return target}function _objectWithoutPropertiesLoose(source,excluded){if(null==source)return{};var key,i,target={},sourceKeys=Object.keys(source);for(i=0;i<sourceKeys.length;i++)key=sourceKeys[i],0<=excluded.indexOf(key)||(target[key]=source[key]);return target}function Modal(_ref){function getPercentage(type,value){if("number"==typeof value)return value;var anchor="x"===type?anchorX:anchorY;if("number"==typeof anchor)return anchor;switch(anchor){case"left":case"top":return 0;case"center":return-50;case"right":case"bottom":return-100;default:throw new Error("Invalid ".concat(type," anchor: ").concat(anchor));}}var open=_ref.open,_ref$left=_ref.left,left=void 0===_ref$left?"50vw":_ref$left,_ref$top=_ref.top,top=void 0===_ref$top?"50vh":_ref$top,_ref$anchorX=_ref.anchorX,anchorX=void 0===_ref$anchorX?"center":_ref$anchorX,_ref$anchorY=_ref.anchorY,anchorY=void 0===_ref$anchorY?"center":_ref$anchorY,_ref$offsetX=_ref.offsetX,offsetX=void 0===_ref$offsetX?"0px":_ref$offsetX,_ref$offsetY=_ref.offsetY,offsetY=void 0===_ref$offsetY?"0px":_ref$offsetY,_ref$hideScrollBar=_ref.hideScrollBar,_ref$disableScrollOnO=_ref.disableScrollOnOpen,maxWidth=_ref.maxWidth,maxHeight=_ref.maxHeight,onClose=_ref.onClose,hideOverlay=_ref.hideOverlay,blurOverlay=_ref.blurOverlay,_ref$portalNameId=_ref.portalNameId,portalNameId=void 0===_ref$portalNameId?"portal-root":_ref$portalNameId,rest=_objectWithoutProperties(_ref,_excluded),containerRef=(0,_react.useRef)(null),prevWindowWidth=(0,_react.useRef)(0),_useState=(0,_react.useState)(open),_useState2=_slicedToArray(_useState,2),isOpen=_useState2[0],setIsOpen=_useState2[1],modalID=(0,_react.useId)();(0,_react.useEffect)(function(){setIsOpen(open)},[open]);var handleCloseOnResize=(0,_react.useCallback)(function(){var isResizingX=prevWindowWidth.current!==window.innerWidth;isResizingX&&isOpen&&(null===onClose||void 0===onClose?void 0:onClose()),prevWindowWidth.current=window.innerWidth},[isOpen,onClose]);return(0,_useDisableBodyScroll.useDisableBodyScroll)(isOpen&&(void 0===_ref$disableScrollOnO||_ref$disableScrollOnO),"modal"),(0,_react.useEffect)(function(){return prevWindowWidth.current=window.innerWidth,window.addEventListener("resize",handleCloseOnResize),function(){return window.removeEventListener("resize",handleCloseOnResize)}},[handleCloseOnResize]),/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.AnimatePresence,{mode:"wait",children:isOpen&&/*#__PURE__*/(0,_jsxRuntime.jsxs)(_ReactPortal.ReactPortal,{wrapperId:portalNameId,children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.Overlay,{initial:{opacity:0},exit:{opacity:0},animate:{opacity:blurOverlay?1:.5},transition:{duration:.2},isOpen:isOpen,blur:blurOverlay,onClick:function onClick(e){e.preventDefault(),e.stopPropagation(),null===onClose||void 0===onClose?void 0:onClose()},hidden:hideOverlay},"modal-overlay-".concat(modalID)),/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalContainer,{ref:containerRef,style:{left:"calc(".concat(left," + ").concat(offsetX,")"),top:"calc(".concat(top," + ").concat(offsetY,")"),maxWidth:"number"==typeof maxWidth?"".concat(maxWidth,"px"):maxWidth,maxHeight:"number"==typeof maxHeight?"".concat(maxHeight,"px"):maxHeight,transform:function(){return"translate(\n ".concat(getPercentage("x",anchorX),"%, \n ").concat(getPercentage("y",anchorY),"%\n )")}()},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.ModalElement,{"data-scroll":"dispatch-scroll",hideScrollBar:void 0!==_ref$hideScrollBar&&_ref$hideScrollBar,initial:{scale:.8,opacity:0},exit:{scale:.8,opacity:0},animate:{scale:1,opacity:1},transition:{duration:.1},style:{maxHeight:"number"==typeof maxHeight?"".concat(maxHeight,"px"):maxHeight},children:rest.children},"modal-element-".concat(modalID))})]})})}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.ts"],"names":[],"mappings":";AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,aAAa;;;;;;;;yGAiDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;UAG9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAS/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;gBACV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;yGAgB9C,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHAIvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;gBAEV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;gBACjC,mBAAmB,CAAC,WAAW,CAAC;;;yGA6F7C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;gBAGnB,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;gBACjC,mBAAmB,CAAC,WAAW,CAAC;WACrC,mBAAmB,CAAC,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Slider/styles.ts"],"names":[],"mappings":";AAUA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAClD,OAAO,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAC;AACnE,OAAO,EAAE,mBAAmB,EAAE,MAAM,SAAS,CAAC;AAE9C,eAAO,MAAM,aAAa;;;;;;;;yGAiDzB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;UAG9B,CAAC;AAEF,eAAO,MAAM,eAAe;;;yGAE3B,CAAC;AAEF,eAAO,MAAM,mBAAmB;;;;;yGAS/B,CAAC;AAEF,eAAO,MAAM,WAAW;;;;gBACV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;;;yGAgB9C,CAAC;AAEF,eAAO,MAAM,WAAW;;;kHAIvB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;gBAEV,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;gBACjC,mBAAmB,CAAC,WAAW,CAAC;;;yGA6F7C,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;;gBAGnB,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC;gBACjC,mBAAmB,CAAC,WAAW,CAAC;WACrC,mBAAmB,CAAC,MAAM,CAAC;yGA2BrC,CAAC;AAEF,eAAO,MAAM,iBAAiB;;;;gBAChB,mBAAmB,CAAC,WAAW,CAAC;WACrC,mBAAmB,CAAC,MAAM,CAAC;yGAenC,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;2GAgEvB,CAAC"}
|
|
@@ -2,4 +2,4 @@
|
|
|
2
2
|
// Components
|
|
3
3
|
// Utils
|
|
4
4
|
function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}// Types
|
|
5
|
-
var SliderContent=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n gap: 4px;\n flex-direction: ",";\n\n ","\n\n & [role='slider'] {\n pointer-events: ",";\n\n ","\n }\n"])),function(props){return"vertical"===props.direction?"row":"column"},function(props){return"vertical"===props.direction?"\n height: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n "):"\n max-width: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n ")},function(props){return props.disabled?"none":"auto"},function(props){return"vertical"===props.direction?"\n width: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n height: 100%;\n "):"\n height: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n width: 100%;\n ")});exports.SliderContent=SliderContent;var SliderExtremesText=(0,_styled.default)(_Typography.default)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n font-family: 'Poppins', sans-serif;\n margin: 0;\n"])));exports.SliderExtremesText=SliderExtremesText;var SliderContainer=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n position: relative;\n"])));exports.SliderContainer=SliderContainer;var SliderRailContainer=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n position: relative;\n background: ",";\n border-radius: 8px;\n cursor: pointer;\n"])),function(props){return(0,_colorCheck.stripThemeColors)(props.trackColor||"",props.theme.colors)||props.theme.colors.tertiary.default});exports.SliderRailContainer=SliderRailContainer;var SliderTrack=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n position: absolute;\n border-radius: 8px;\n ","\n\n transform: ",";\n width: 100%;\n height: 100%;\n background: ",";\n"])),function(props){return"vertical"===props.direction?"bottom: 0;":"top: 50%;"},function(props){return"vertical"===props.direction?"":"translateY(-50%)"},function(props){return props.disabled?props.theme.colors.neutral.neutral4:(0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default});exports.SliderTrack=SliderTrack;var SliderInput=_styled.default.input(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n visibility: hidden;\n width: 100%;\n pointer-events: none;\n"])));exports.SliderInput=SliderInput;var SliderThumb=_styled.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n position: absolute;\n\n ","\n\n ","\n\n background: ",";\n\n pointer-events: ",";\n\n cursor: pointer;\n"])),function(props){return"vertical"===props.direction?"\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%);\n ":"\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n "},function(props){return"pointer"===props.thumbType?"\n width: ".concat("vertical"===props.direction?"100%":"5px",";\n height: ").concat("vertical"===props.direction?"5px":"100%",";\n "):"\n width: ".concat("sm"===props.size?"20px":"md"===props.size?"25px":"30px",";\n height: ").concat("sm"===props.size?"20px":"md"===props.size?"25px":"30px",";\n border-radius: 50%;\n\n\n transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: ").concat(props.theme.shadow.level2,";\n border: 2px solid ").concat(props.theme.colorByTheme(props.theme.colors.neutral.white,props.theme.colors.neutral.neutral1),";\n \n }\n\n &:hover {\n box-shadow: 0 0 0 10px\n ").concat((0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,.15),";\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 15px\n ").concat((0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,.15),";\n }\n\n &:hover,\n &:focus,\n &:active {\n & span {\n transform: ").concat("vertical"===props.direction?"translate(100%, -50%)":"translate(-50%, -100%)"," scale(1);\n }\n }\n ")},function(props){return props.disabled?props.theme.colors.neutral.neutral3:(0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,1)},function(props){return props.disabled?"none":"auto"});exports.SliderThumb=SliderThumb;var SliderPointerContainer=_styled.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n position: absolute;\n\n ","\n\n & > svg {\n fill: ",";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n"])),function(props){return"vertical"===props.direction?"\n top: 50%;\n left: ".concat("pointer"===props.thumbType?"22px":"8px",";\n transform: translateY(-50%) rotate(-90deg) scale(0.65);\n "):"\n top: ".concat("pointer"===props.thumbType?"22px":"
|
|
5
|
+
var SliderContent=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n display: flex;\n gap: 4px;\n flex-direction: ",";\n\n ","\n\n & [role='slider'] {\n pointer-events: ",";\n\n ","\n }\n"])),function(props){return"vertical"===props.direction?"row":"column"},function(props){return"vertical"===props.direction?"\n height: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n "):"\n max-width: ".concat(props.fullSize?"100%":"sm"===props.size?"200px":"lg"===props.size?"580px":"296px",";\n ")},function(props){return props.disabled?"none":"auto"},function(props){return"vertical"===props.direction?"\n width: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n height: 100%;\n "):"\n height: ".concat("sm"===props.size?"10px":"lg"===props.size?"14px":"12px",";\n width: 100%;\n ")});exports.SliderContent=SliderContent;var SliderExtremesText=(0,_styled.default)(_Typography.default)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n font-family: 'Poppins', sans-serif;\n margin: 0;\n"])));exports.SliderExtremesText=SliderExtremesText;var SliderContainer=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n position: relative;\n"])));exports.SliderContainer=SliderContainer;var SliderRailContainer=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n position: relative;\n background: ",";\n border-radius: 8px;\n cursor: pointer;\n"])),function(props){return(0,_colorCheck.stripThemeColors)(props.trackColor||"",props.theme.colors)||props.theme.colors.tertiary.default});exports.SliderRailContainer=SliderRailContainer;var SliderTrack=_styled.default.div(_templateObject5||(_templateObject5=_taggedTemplateLiteral(["\n position: absolute;\n border-radius: 8px;\n ","\n\n transform: ",";\n width: 100%;\n height: 100%;\n background: ",";\n"])),function(props){return"vertical"===props.direction?"bottom: 0;":"top: 50%;"},function(props){return"vertical"===props.direction?"":"translateY(-50%)"},function(props){return props.disabled?props.theme.colors.neutral.neutral4:(0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default});exports.SliderTrack=SliderTrack;var SliderInput=_styled.default.input(_templateObject6||(_templateObject6=_taggedTemplateLiteral(["\n visibility: hidden;\n width: 100%;\n pointer-events: none;\n"])));exports.SliderInput=SliderInput;var SliderThumb=_styled.default.div(_templateObject7||(_templateObject7=_taggedTemplateLiteral(["\n position: absolute;\n\n ","\n\n ","\n\n background: ",";\n\n pointer-events: ",";\n\n cursor: pointer;\n"])),function(props){return"vertical"===props.direction?"\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%);\n ":"\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n "},function(props){return"pointer"===props.thumbType?"\n width: ".concat("vertical"===props.direction?"100%":"5px",";\n height: ").concat("vertical"===props.direction?"5px":"100%",";\n "):"\n width: ".concat("sm"===props.size?"20px":"md"===props.size?"25px":"30px",";\n height: ").concat("sm"===props.size?"20px":"md"===props.size?"25px":"30px",";\n border-radius: 50%;\n\n\n transition: box-shadow 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n &::after {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n width: 100%;\n height: 100%;\n border-radius: 50%;\n box-shadow: ").concat(props.theme.shadow.level2,";\n border: 2px solid ").concat(props.theme.colorByTheme(props.theme.colors.neutral.white,props.theme.colors.neutral.neutral1),";\n \n }\n\n &:hover {\n box-shadow: 0 0 0 10px\n ").concat((0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,.15),";\n }\n\n &:active,\n &:focus {\n box-shadow: 0 0 0 15px\n ").concat((0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,.15),";\n }\n\n &:hover,\n &:focus,\n &:active {\n & span {\n transform: ").concat("vertical"===props.direction?"translate(100%, -50%)":"translate(-50%, -100%)"," scale(1);\n }\n }\n ")},function(props){return props.disabled?props.theme.colors.neutral.neutral3:(0,_colorCheck.parseHexColorToRgba)((0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default,1)},function(props){return props.disabled?"none":"auto"});exports.SliderThumb=SliderThumb;var SliderPointerContainer=_styled.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n position: absolute;\n\n ","\n\n & > svg {\n fill: ",";\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n }\n"])),function(props){return"vertical"===props.direction?"\n top: 50%;\n left: ".concat("pointer"===props.thumbType?"22px":"8px",";\n transform: translateY(-50%) rotate(-90deg) scale(0.65);\n "):"\n top: ".concat("pointer"===props.thumbType?"22px":"6px",";\n left: 50%;\n transform: translateX(-50%) scale(0.65);\n ")},function(props){return(0,_colorCheck.stripThemeColors)(props.thumbColor||"",props.theme.colors)||props.theme.colors.primary.default});exports.SliderPointerContainer=SliderPointerContainer;var SliderPointerIcon=_styled.default.div(_templateObject9||(_templateObject9=_taggedTemplateLiteral(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n top: ",";\n opacity: 0.5;\n"])),function(props){return"pointer"===props.thumbType?"3px":"sm"===props.size?"-10px":"md"===props.size?"-4px":"-2px"});exports.SliderPointerIcon=SliderPointerIcon;var SliderLabel=_styled.default.span(_templateObject10||(_templateObject10=_taggedTemplateLiteral(["\n position: absolute;\n\n font-family: inherit;\n white-space: nowrap;\n\n background-color: ",";\n color: ",";\n\n padding: 0.25rem 0.75rem;\n\n font-weight: 500;\n font-size: 0.875rem;\n\n display: flex;\n align-items: center;\n justify-content: center;\n\n border-radius: 4px;\n\n transition: transform 150ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;\n\n ","\n"])),function(props){return props.theme.colors.neutral.neutral5},function(props){return props.theme.colors.neutral.white},function(props){return"horizontal"===props.direction?"\n top: -10px;\n left: 50%;\n\n transform: translate(-50%, -100%) scale(0);\n transform-origin: bottom center;\n\n &::after {\n position: absolute;\n content: '';\n width: 8px;\n height: 8px;\n bottom: 0;\n left: 50%;\n transform: translate(-50%, 50%) rotate(45deg);\n background-color: inherit;\n }\n ":"\n top: 50%;\n right: -10px;\n\n transform: translate(100%, -50%) scale(0);\n transform-origin: left center;\n\n &::after {\n position: absolute;\n content: '';\n width: 8px;\n height: 8px;\n top: 50%;\n left: -8px;\n transform: translate(50%, -50%) rotate(45deg);\n background-color: inherit;\n }\n "});exports.SliderLabel=SliderLabel;
|