@pedidopago/ui 1.10.17 → 1.10.19
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.
- package/dist/components/Alert/index.d.ts +2 -2
- package/dist/components/Alert/index.d.ts.map +1 -1
- package/dist/components/Alert/index.js +1 -1
- package/dist/components/Alert/types.d.ts +1 -1
- package/dist/components/Alert/types.d.ts.map +1 -1
- package/dist/components/CollapseCard/ExpandButton/styles.d.ts +1 -1
- package/dist/components/CollapseCard/styles.d.ts +1 -1
- package/dist/components/DateInput/components/ModalWrapper/styles.d.ts +1 -1
- package/dist/components/EmojiPicker/styles.d.ts +2 -2
- package/dist/components/Modal/styles.d.ts +2 -2
- package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts +1 -1
- package/dist/components/NewSelect/components/OptionsSelect/styles.d.ts +1 -1
- package/dist/components/Slider/styles.js +1 -1
- package/package.json +2 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
/// <reference types="react" />
|
|
2
2
|
import { AlertProps } from './types';
|
|
3
|
-
declare
|
|
3
|
+
declare function Alert({ title, content, maxWidth, onClose, icon, type, variant, closable, ...rest }: AlertProps): JSX.Element;
|
|
4
4
|
export default Alert;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/index.tsx"],"names":[],"mappings":";AAOA,OAAO,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAErC,iBAAS,KAAK,CAAC,EACb,KAAK,EACL,OAAO,EACP,QAAQ,EACR,OAAO,EACP,IAAa,EACb,IAAgB,EAChB,OAAkB,EAClB,QAAQ,EACR,GAAG,IAAI,EACR,EAAE,UAAU,eA6BZ;AAED,eAAe,KAAK,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _Icon=_interopRequireDefault(require("../Icon")),_Typography=_interopRequireDefault(require("../Typography")),_Button=_interopRequireDefault(require("../Button")),_Flex=_interopRequireDefault(require("../Flex")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["title","content","maxWidth","onClose","icon","type","variant","closable"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}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}
|
|
1
|
+
"use strict";function _typeof(obj){"@babel/helpers - typeof";return _typeof="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(obj){return typeof obj}:function(obj){return obj&&"function"==typeof Symbol&&obj.constructor===Symbol&&obj!==Symbol.prototype?"symbol":typeof obj},_typeof(obj)}Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _Icon=_interopRequireDefault(require("../Icon")),_Typography=_interopRequireDefault(require("../Typography")),_Button=_interopRequireDefault(require("../Button")),_Flex=_interopRequireDefault(require("../Flex")),_styles=require("./styles"),_jsxRuntime=require("react/jsx-runtime"),_excluded=["title","content","maxWidth","onClose","icon","type","variant","closable"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}function ownKeys(object,enumerableOnly){var keys=Object.keys(object);if(Object.getOwnPropertySymbols){var symbols=Object.getOwnPropertySymbols(object);enumerableOnly&&(symbols=symbols.filter(function(sym){return Object.getOwnPropertyDescriptor(object,sym).enumerable})),keys.push.apply(keys,symbols)}return keys}function _objectSpread(target){for(var source,i=1;i<arguments.length;i++)source=null==arguments[i]?{}:arguments[i],i%2?ownKeys(Object(source),!0).forEach(function(key){_defineProperty(target,key,source[key])}):Object.getOwnPropertyDescriptors?Object.defineProperties(target,Object.getOwnPropertyDescriptors(source)):ownKeys(Object(source)).forEach(function(key){Object.defineProperty(target,key,Object.getOwnPropertyDescriptor(source,key))});return target}function _defineProperty(obj,key,value){return key=_toPropertyKey(key),key in obj?Object.defineProperty(obj,key,{value:value,enumerable:!0,configurable:!0,writable:!0}):obj[key]=value,obj}function _toPropertyKey(arg){var key=_toPrimitive(arg,"string");return"symbol"===_typeof(key)?key:key+""}function _toPrimitive(input,hint){if("object"!==_typeof(input)||null===input)return input;var prim=input[Symbol.toPrimitive];if(prim!==void 0){var res=prim.call(input,hint||"default");if("object"!==_typeof(res))return res;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===hint?String:Number)(input)}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 Alert(_ref){var title=_ref.title,content=_ref.content,maxWidth=_ref.maxWidth,onClose=_ref.onClose,_ref$icon=_ref.icon,icon=void 0===_ref$icon?"info":_ref$icon,_ref$type=_ref.type,type=void 0===_ref$type?"default":_ref$type,_ref$variant=_ref.variant,variant=void 0===_ref$variant?"filled":_ref$variant,closable=_ref.closable,rest=_objectWithoutProperties(_ref,_excluded),defaultTestId=rest["data-testid"]||"alert";return/*#__PURE__*/(0,_jsxRuntime.jsxs)(_styles.StyledAlertWrapper,_objectSpread(_objectSpread({"data-variant":variant,type:type,maxWidth:maxWidth,"data-testid":defaultTestId},rest),{},{children:[/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledIconBox,{type:type,"data-variant":variant,children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:icon,size:"outlined"===variant?"1.375rem":"2rem"})}),/*#__PURE__*/(0,_jsxRuntime.jsxs)(_Flex.default,{direction:"column",justifyContent:"center",style:{flex:1},spacing:"0.5rem",children:[title&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Typography.default,{fontSize:"xs",fontWeight:"bold",children:title}),content]}),("closable"===variant||closable)&&/*#__PURE__*/(0,_jsxRuntime.jsx)(_Button.default,{onClick:onClose,variant:"ghost",style:{padding:"0"},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Icon.default,{name:"x",color:"neutral.black"})})]}))}var _default=Alert;exports.default=_default;
|
|
@@ -36,7 +36,7 @@ export type AlertProps = {
|
|
|
36
36
|
onClose?: () => void;
|
|
37
37
|
closable?: boolean;
|
|
38
38
|
['data-testid']?: string;
|
|
39
|
-
} & HTMLAttributes<HTMLDivElement>;
|
|
39
|
+
} & Omit<HTMLAttributes<HTMLDivElement>, 'content'>;
|
|
40
40
|
export type IStyledAlert = {
|
|
41
41
|
maxWidth?: number;
|
|
42
42
|
type?: AlertTypes;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;AAElG,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAC7D;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,cAAc,CAAC,cAAc,CAAC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Alert/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,UAAU,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,GAAG,aAAa,CAAC;AAElG,MAAM,MAAM,UAAU,GAAG;IACvB;;;OAGG;IACH,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB;;;OAGG;IACH,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,GAAG,UAAU,GAAG,aAAa,CAAC;IAC7D;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IAErB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,CAAC,aAAa,CAAC,CAAC,EAAE,MAAM,CAAC;CAC1B,GAAG,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,SAAS,CAAC,CAAC;AAEpD,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB,CAAC"}
|
|
@@ -55,7 +55,7 @@ export declare const AnimatedContainer: import("@emotion/styled").StyledComponen
|
|
|
55
55
|
"aria-colindex"?: number | undefined;
|
|
56
56
|
"aria-colspan"?: number | undefined;
|
|
57
57
|
"aria-controls"?: string | undefined;
|
|
58
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "
|
|
58
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
59
59
|
"aria-describedby"?: string | undefined;
|
|
60
60
|
"aria-details"?: string | undefined;
|
|
61
61
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -63,7 +63,7 @@ export declare const ChildrenContainer: import("@emotion/styled").StyledComponen
|
|
|
63
63
|
"aria-colindex"?: number | undefined;
|
|
64
64
|
"aria-colspan"?: number | undefined;
|
|
65
65
|
"aria-controls"?: string | undefined;
|
|
66
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "
|
|
66
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
67
67
|
"aria-describedby"?: string | undefined;
|
|
68
68
|
"aria-details"?: string | undefined;
|
|
69
69
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -62,7 +62,7 @@ export declare const ModalWrapperContainer: import("@emotion/styled").StyledComp
|
|
|
62
62
|
"aria-colindex"?: number | undefined;
|
|
63
63
|
"aria-colspan"?: number | undefined;
|
|
64
64
|
"aria-controls"?: string | undefined;
|
|
65
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "
|
|
65
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
66
66
|
"aria-describedby"?: string | undefined;
|
|
67
67
|
"aria-details"?: string | undefined;
|
|
68
68
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -54,7 +54,7 @@ export declare const EmotePickerDesktopContainer: import("@emotion/styled").Styl
|
|
|
54
54
|
"aria-colindex"?: number | undefined;
|
|
55
55
|
"aria-colspan"?: number | undefined;
|
|
56
56
|
"aria-controls"?: string | undefined;
|
|
57
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "
|
|
57
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
58
58
|
"aria-describedby"?: string | undefined;
|
|
59
59
|
"aria-details"?: string | undefined;
|
|
60
60
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -312,7 +312,7 @@ export declare const EmotePickerMobileContainer: import("@emotion/styled").Style
|
|
|
312
312
|
"aria-colindex"?: number | undefined;
|
|
313
313
|
"aria-colspan"?: number | undefined;
|
|
314
314
|
"aria-controls"?: string | undefined;
|
|
315
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "
|
|
315
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
316
316
|
"aria-describedby"?: string | undefined;
|
|
317
317
|
"aria-details"?: string | undefined;
|
|
318
318
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -67,7 +67,7 @@ export declare const ModalElement: import("@emotion/styled").StyledComponent<{
|
|
|
67
67
|
"aria-colindex"?: number | undefined;
|
|
68
68
|
"aria-colspan"?: number | undefined;
|
|
69
69
|
"aria-controls"?: string | undefined;
|
|
70
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "
|
|
70
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
71
71
|
"aria-describedby"?: string | undefined;
|
|
72
72
|
"aria-details"?: string | undefined;
|
|
73
73
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -329,7 +329,7 @@ export declare const Overlay: import("@emotion/styled").StyledComponent<{
|
|
|
329
329
|
"aria-colindex"?: number | undefined;
|
|
330
330
|
"aria-colspan"?: number | undefined;
|
|
331
331
|
"aria-controls"?: string | undefined;
|
|
332
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "
|
|
332
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
333
333
|
"aria-describedby"?: string | undefined;
|
|
334
334
|
"aria-details"?: string | undefined;
|
|
335
335
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -55,7 +55,7 @@ export declare const OptionsAreaWrapper: import("@emotion/styled").StyledCompone
|
|
|
55
55
|
"aria-colindex"?: number | undefined;
|
|
56
56
|
"aria-colspan"?: number | undefined;
|
|
57
57
|
"aria-controls"?: string | undefined;
|
|
58
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "
|
|
58
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
59
59
|
"aria-describedby"?: string | undefined;
|
|
60
60
|
"aria-details"?: string | undefined;
|
|
61
61
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -55,7 +55,7 @@ export declare const OptionsContainer: import("@emotion/styled").StyledComponent
|
|
|
55
55
|
"aria-colindex"?: number | undefined;
|
|
56
56
|
"aria-colspan"?: number | undefined;
|
|
57
57
|
"aria-controls"?: string | undefined;
|
|
58
|
-
"aria-current"?: boolean | "time" | "true" | "false" | "
|
|
58
|
+
"aria-current"?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
|
|
59
59
|
"aria-describedby"?: string | undefined;
|
|
60
60
|
"aria-details"?: string | undefined;
|
|
61
61
|
"aria-disabled"?: (boolean | "true" | "false") | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderTrack=exports.SliderThumb=exports.SliderRailContainer=exports.SliderPointerIcon=exports.SliderPointerContainer=exports.SliderLabel=exports.SliderInput=exports.SliderExtremesText=exports.SliderContent=exports.SliderContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("./../../utils/colorCheck");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)}}))}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=_styled.default.p(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n font-family: 'Poppins', sans-serif;\n font-size: 1.25rem;\n margin: 0;\n color: ",";\n"])),function(props){return props.theme.colors.neutral.neutral4});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 background: ",";\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":"25px",";\n height: ").concat("sm"===props.size?"20px":"25px",";\n border-radius: 999999px;\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: 999999px;\n box-shadow: ").concat(props.theme.shadow.level2,";\n border: 2px solid ").concat(props.theme.colors.neutral.neutral2,";\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.neutral6:"pointer"===props.thumbType?props.theme.colors.neutral.white:props.theme.colors.neutral.white},function(props){return props.disabled?"none":"auto"});exports.SliderThumb=SliderThumb;var SliderPointerContainer=_styled.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n position: absolute;\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:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.SliderTrack=exports.SliderThumb=exports.SliderRailContainer=exports.SliderPointerIcon=exports.SliderPointerContainer=exports.SliderLabel=exports.SliderInput=exports.SliderExtremesText=exports.SliderContent=exports.SliderContainer=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_templateObject5,_templateObject6,_templateObject7,_templateObject8,_templateObject9,_templateObject10,_styled=_interopRequireDefault(require("@emotion/styled")),_colorCheck=require("./../../utils/colorCheck");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)}}))}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=_styled.default.p(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n font-family: 'Poppins', sans-serif;\n font-size: 1.25rem;\n margin: 0;\n color: ",";\n"])),function(props){return props.theme.colors.neutral.neutral4});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 background: ",";\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":"25px",";\n height: ").concat("sm"===props.size?"20px":"25px",";\n border-radius: 999999px;\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: 999999px;\n box-shadow: ").concat(props.theme.shadow.level2,";\n border: 2px solid ").concat(props.theme.colors.neutral.neutral2,";\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.neutral6:"pointer"===props.thumbType?props.theme.colors.neutral.white:props.theme.colors.neutral.white},function(props){return props.disabled?"none":"auto"});exports.SliderThumb=SliderThumb;var SliderPointerContainer=_styled.default.div(_templateObject8||(_templateObject8=_taggedTemplateLiteral(["\n position: absolute;\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: 22px;\n transform: translateY(-50%) rotate(-90deg) scale(0.65);\n ":"\n top: 22px;\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: 3px;\n opacity: 0.2;\n"])));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;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pedidopago/ui",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.19",
|
|
4
4
|
"description": "Quick build beatiful Pedido Pago apps",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -12,6 +12,7 @@
|
|
|
12
12
|
"type": "git",
|
|
13
13
|
"url": "https://github.com/pedidopago/pedidopago-ui"
|
|
14
14
|
},
|
|
15
|
+
"sideEffects": false,
|
|
15
16
|
"keywords": [
|
|
16
17
|
"react",
|
|
17
18
|
"react-component",
|