@pedidopago/ui 1.9.1 → 1.9.3
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/CollapseCard/ExpandButton/styles.d.ts +59 -59
- package/dist/components/CollapseCard/styles.d.ts +57 -57
- package/dist/components/DateInput/components/ModalWrapper/styles.d.ts +57 -57
- package/dist/components/Dropzone/styles.d.ts +5 -5
- package/dist/components/EmojiPicker/styles.d.ts +94 -94
- package/dist/components/Flex/styles.d.ts +7 -7
- package/dist/components/Icon/data/dash.d.ts.map +1 -1
- package/dist/components/Icon/data/dash.js +1 -1
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/Icon/types.d.ts.map +1 -1
- package/dist/components/Modal/styles.d.ts +98 -98
- package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts +57 -57
- package/dist/components/NewSelect/components/OptionsSelect/styles.d.ts +57 -57
- package/dist/components/Slider/components/SliderSelector.d.ts +3 -3
- package/dist/components/Slider/index.d.ts +3 -3
- package/dist/components/Slider/styles.d.ts +1 -1
- package/dist/components/Tabs/styles.d.ts +2 -2
- package/dist/components/Timeline/styles.d.ts +1 -1
- package/dist/components/Toast/EventManager/index.d.ts +3 -0
- package/dist/components/Toast/EventManager/index.d.ts.map +1 -0
- package/dist/components/Toast/EventManager/index.js +1 -0
- package/dist/components/Toast/EventManager/types.d.ts +18 -0
- package/dist/components/Toast/EventManager/types.d.ts.map +1 -0
- package/dist/components/Toast/EventManager/types.js +1 -0
- package/dist/components/Toast/Example/index.d.ts +5 -0
- package/dist/components/Toast/Example/index.d.ts.map +1 -0
- package/dist/components/Toast/Example/index.js +1 -0
- package/dist/components/Toast/ToastContainer/index.d.ts +4 -0
- package/dist/components/Toast/ToastContainer/index.d.ts.map +1 -0
- package/dist/components/Toast/ToastContainer/index.js +1 -0
- package/dist/components/Toast/ToastContainer/styles.d.ts +6 -0
- package/dist/components/Toast/ToastContainer/styles.d.ts.map +1 -0
- package/dist/components/Toast/ToastContainer/styles.js +1 -0
- package/dist/components/Toast/ToastItem/animations.d.ts +12 -0
- package/dist/components/Toast/ToastItem/animations.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/animations.js +2 -0
- package/dist/components/Toast/ToastItem/index.d.ts +4 -0
- package/dist/components/Toast/ToastItem/index.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/index.js +1 -0
- package/dist/components/Toast/ToastItem/styles.d.ts +12 -0
- package/dist/components/Toast/ToastItem/styles.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/styles.js +1 -0
- package/dist/components/Toast/ToastItem/types.d.ts +7 -0
- package/dist/components/Toast/ToastItem/types.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/types.js +1 -0
- package/dist/components/Toast/ToastItem/utils.d.ts +4 -0
- package/dist/components/Toast/ToastItem/utils.d.ts.map +1 -0
- package/dist/components/Toast/ToastItem/utils.js +1 -0
- package/dist/components/Toast/contexts/ToastProvider.d.ts.map +1 -1
- package/dist/components/Toast/contexts/ToastProvider.js +1 -1
- package/dist/components/Toast/hooks/useToast.d.ts +11 -1
- package/dist/components/Toast/hooks/useToast.d.ts.map +1 -1
- package/dist/components/Toast/hooks/useToast.js +10 -1
- package/dist/components/Toast/index.d.ts +5 -3
- package/dist/components/Toast/index.d.ts.map +1 -1
- package/dist/components/Toast/index.js +1 -1
- package/dist/components/Toast/toast-handler.d.ts +11 -0
- package/dist/components/Toast/toast-handler.d.ts.map +1 -0
- package/dist/components/Toast/toast-handler.js +1 -0
- package/dist/components/Toast/types.d.ts +26 -13
- package/dist/components/Toast/types.d.ts.map +1 -1
- package/dist/components/Tooltip/styles.d.ts.map +1 -1
- package/dist/components/Tooltip/styles.js +1 -1
- package/dist/components/Tooltip/types.d.ts +7 -2
- package/dist/components/Tooltip/types.d.ts.map +1 -1
- package/dist/components/Tooltip/utils.d.ts +4 -0
- package/dist/components/Tooltip/utils.d.ts.map +1 -0
- package/dist/components/Tooltip/utils.js +1 -0
- package/dist/components/Typography/styles.d.ts +5 -5
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/shared/theme/contexts/ThemeContext.d.ts +1 -0
- package/dist/shared/theme/contexts/ThemeContext.d.ts.map +1 -1
- package/dist/shared/theme/contexts/ThemeContext.js +1 -1
- package/dist/shared/theme/hooks/useTheme.d.ts +3 -0
- package/dist/shared/theme/hooks/useTheme.d.ts.map +1 -1
- package/dist/shared/theme/hooks/useTheme.js +1 -1
- package/dist/utils/customColorMode.d.ts.map +1 -1
- package/dist/utils/customColorMode.js +2 -1
- package/package.json +5 -4
- package/dist/components/Toast/button-example.d.ts +0 -7
- package/dist/components/Toast/button-example.d.ts.map +0 -1
- package/dist/components/Toast/button-example.js +0 -1
- package/dist/components/Toast/components/Toast.d.ts +0 -5
- package/dist/components/Toast/components/Toast.d.ts.map +0 -1
- package/dist/components/Toast/components/Toast.js +0 -1
- package/dist/components/Toast/styles.d.ts +0 -23
- package/dist/components/Toast/styles.d.ts.map +0 -1
- package/dist/components/Toast/styles.js +0 -1
- package/dist/components/Toast/toast.test.d.ts +0 -2
- package/dist/components/Toast/toast.test.d.ts.map +0 -1
- package/dist/components/Toast/toast.test.js +0 -1
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
|
+
import { AlertTypes } from '../Alert/types';
|
|
2
3
|
import { IconName } from '../Icon/types';
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated do not use toastProvider or useToast, use toast() instead
|
|
6
|
+
*/
|
|
3
7
|
export type IToastConfig = {
|
|
4
|
-
title
|
|
8
|
+
title?: string;
|
|
5
9
|
content: ReactNode;
|
|
6
10
|
position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
|
|
7
11
|
type?: 'default' | 'success' | 'warning' | 'error' | 'critical';
|
|
@@ -9,22 +13,31 @@ export type IToastConfig = {
|
|
|
9
13
|
icon?: IconName;
|
|
10
14
|
onClose?: (id: string) => void;
|
|
11
15
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
onClose?: (id: string) => void;
|
|
16
|
-
};
|
|
17
|
-
};
|
|
18
|
-
export type Toast = IToastConfig & {
|
|
19
|
-
toastId: string;
|
|
20
|
-
close: (id: string) => void;
|
|
21
|
-
};
|
|
16
|
+
/**
|
|
17
|
+
* @deprecated do not use toastProvider or useToast, use toast() instead
|
|
18
|
+
*/
|
|
22
19
|
export type ToastContextProps = {
|
|
23
20
|
add: (options: IToastConfig) => void;
|
|
24
|
-
remove: (id: string) => void;
|
|
25
|
-
toasts: IToastList[];
|
|
26
21
|
};
|
|
22
|
+
/**
|
|
23
|
+
* @deprecated do not use toastProvider or useToast, use toast() instead
|
|
24
|
+
*/
|
|
27
25
|
export type ToastProviderProps = {
|
|
28
26
|
children?: React.ReactNode;
|
|
29
27
|
};
|
|
28
|
+
export type ToastPositions = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top' | 'bottom';
|
|
29
|
+
export type ToastItem = {
|
|
30
|
+
id: number;
|
|
31
|
+
content: ReactNode;
|
|
32
|
+
title?: ReactNode;
|
|
33
|
+
duration?: number;
|
|
34
|
+
type?: AlertTypes;
|
|
35
|
+
icon?: IconName;
|
|
36
|
+
hideBar?: boolean;
|
|
37
|
+
position?: ToastPositions;
|
|
38
|
+
hideIcon?: boolean;
|
|
39
|
+
hideCloseButton?: boolean;
|
|
40
|
+
};
|
|
41
|
+
export type ToastParams = Omit<ToastItem, 'id' | 'content'>;
|
|
42
|
+
export type ToastByTypeParams = Omit<ToastParams, 'type'>;
|
|
30
43
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,MAAM,gBAAgB,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,CAAC;IACxF,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,iBAAiB,GAAG;IAC9B,GAAG,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,cAAc,GACtB,UAAU,GACV,WAAW,GACX,aAAa,GACb,cAAc,GACd,KAAK,GACL,QAAQ,CAAC;AAEb,MAAM,MAAM,SAAS,GAAG;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,SAAS,CAAC;IACnB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,SAAS,EAAE,IAAI,GAAG,SAAS,CAAC,CAAC;AAE5D,MAAM,MAAM,iBAAiB,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/styles.ts"],"names":[],"mappings":";AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,eAAO,MAAM,kBAAkB;;;wHAqC7B,CAAC;AAEH,eAAO,MAAM,cAAc;;;yGAAe,CAAC;AAE3C,eAAO,MAAM,cAAc;;UAI1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ViewMoreButton=exports.TooltipWrapper=exports.StyledTooltipLabel=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled")),_Button=_interopRequireDefault(require("../Button")),_customColorMode=require("../../utils/customColorMode");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 StyledTooltipLabel=_styled.default.div(function(props){return"\n font-family: inherit;\n font-size: ".concat(props.theme.fontSizes.xxs,";\n font-weight: 400;\n max-width: ").concat(props.maxWidth?"string"==typeof props.maxWidth?props.maxWidth:"".concat(props.maxWidth,"px"):"",";\n min-width: ").concat(props.minWidth?"string"==typeof props.minWidth?props.minWidth:"".concat(props.minWidth,"px"):"",";\n width: fit-content;\n border-radius: 8px;\n padding: 12px;\n color: ").concat(
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ViewMoreButton=exports.TooltipWrapper=exports.StyledTooltipLabel=void 0;var _templateObject,_templateObject2,_styled=_interopRequireDefault(require("@emotion/styled")),_Button=_interopRequireDefault(require("../Button")),_customColorMode=require("../../utils/customColorMode"),_utils=require("./utils");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 StyledTooltipLabel=_styled.default.div(function(props){var defaultBgColor=(0,_customColorMode.customColorMode)(props.theme.colors.neutral.black,"#222c29"),defaultLabelColor=(0,_customColorMode.customColorMode)(props.theme.colors.neutral.white,props.theme.lightColors.neutral.white),customBgColor=(0,_utils.setCustomTooltipColor)(props.bgColor,props.theme),customLabelColor=(0,_utils.setCustomTooltipColor)(props.labelColor,props.theme);return"\n font-family: inherit;\n font-size: ".concat(props.theme.fontSizes.xxs,";\n font-weight: 400;\n max-width: ").concat(props.maxWidth?"string"==typeof props.maxWidth?props.maxWidth:"".concat(props.maxWidth,"px"):"",";\n min-width: ").concat(props.minWidth?"string"==typeof props.minWidth?props.minWidth:"".concat(props.minWidth,"px"):"",";\n width: fit-content;\n border-radius: 8px;\n padding: 12px;\n color: ").concat(customLabelColor||defaultLabelColor,";\n\n background-color: ").concat(customBgColor||defaultBgColor,";\n position: fixed;\n z-index: ").concat(props.theme.zIndex.level48,";\n box-shadow: ").concat(props.theme.shadow.level1,"\n ")});exports.StyledTooltipLabel=StyledTooltipLabel;var TooltipWrapper=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral([""])));exports.TooltipWrapper=TooltipWrapper;var ViewMoreButton=(0,_styled.default)(_Button.default)(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n height: fit-content;\n margin-right: auto;\n text-decoration: underline;\n"])));exports.ViewMoreButton=ViewMoreButton;
|
|
@@ -1,12 +1,17 @@
|
|
|
1
1
|
import { Dispatch, ReactNode, SetStateAction } from 'react';
|
|
2
2
|
import { GlobalColorsProps } from '../../shared/theme';
|
|
3
3
|
export type positionType = 'top' | 'right' | 'bottom' | 'left';
|
|
4
|
+
export type TooltipDarkModeColor = {
|
|
5
|
+
light: GlobalColorsProps | (string & {});
|
|
6
|
+
dark: GlobalColorsProps | (string & {});
|
|
7
|
+
};
|
|
8
|
+
export type TooltipColor = TooltipDarkModeColor | GlobalColorsProps | (string & {});
|
|
4
9
|
export type TooltipProps = {
|
|
5
10
|
position?: positionType;
|
|
6
11
|
children: React.ReactNode;
|
|
7
12
|
label: ReactNode;
|
|
8
|
-
labelColor?:
|
|
9
|
-
bgColor?:
|
|
13
|
+
labelColor?: TooltipColor;
|
|
14
|
+
bgColor?: TooltipColor;
|
|
10
15
|
maxWidth?: number;
|
|
11
16
|
offset?: number;
|
|
12
17
|
animationDuration?: number;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;AAE/D,MAAM,MAAM,oBAAoB,GAAG;IACjC,KAAK,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;IACzC,IAAI,EAAE,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;CACzC,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,oBAAoB,GAAG,iBAAiB,GAAG,CAAC,MAAM,GAAG,EAAE,CAAC,CAAC;AAEpF,MAAM,MAAM,YAAY,GAAG;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,YAAY,CAAC;IAC1B,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG,YAAY,GAAG;IAC7C,gBAAgB,EAAE;QAChB,GAAG,EAAE,MAAM,CAAC;QACZ,IAAI,EAAE,MAAM,CAAC;QACb,SAAS,EAAE,MAAM,CAAC;KACnB,CAAC;IACF,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;IAClD,cAAc,EAAE,OAAO,CAAC;IACxB,iBAAiB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACtD,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/components/Tooltip/utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAGvC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAEvC,wBAAgB,qBAAqB,CAAC,WAAW,EAAE,YAAY,GAAG,SAAS,EAAE,KAAK,EAAE,KAAK,sBAgBxF"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.setCustomTooltipColor=setCustomTooltipColor;var _getColorValue=require("../../utils/getColorValue"),_customColorMode=require("../../utils/customColorMode");function setCustomTooltipColor(customColor,theme){if(customColor){var customBgColor;if(customColor){if("string"==typeof customColor)customBgColor=(0,_getColorValue.getColorValue)(customColor,theme);else{var bgColorLight=(null===customColor||void 0===customColor?void 0:customColor.light)&&(0,_getColorValue.getColorValue)(customColor.light,theme),bgColorDark=(null===customColor||void 0===customColor?void 0:customColor.dark)&&(0,_getColorValue.getColorValue)(customColor.dark,theme);customBgColor=(0,_customColorMode.customColorMode)(bgColorLight,bgColorDark)}}return customBgColor}}
|
|
@@ -5,13 +5,13 @@ export declare const StyledText: import("@emotion/styled").StyledComponent<{
|
|
|
5
5
|
as?: import("react").ElementType<any> | undefined;
|
|
6
6
|
} & GenericStyledProps & import("react").HTMLAttributes<HTMLLabelElement | HTMLParagraphElement> & {
|
|
7
7
|
variant?: "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "small" | "span" | "strong" | undefined;
|
|
8
|
-
color?: import("../..").GlobalColorsProps |
|
|
9
|
-
fontSize?: number | "display" | "
|
|
8
|
+
color?: (string & {}) | import("../..").GlobalColorsProps | undefined;
|
|
9
|
+
fontSize?: number | "display" | "sm" | "md" | "lg" | "xl" | "tiny" | "xxxs" | "xxs" | "xs" | "xxl" | "xxxl" | "giant" | undefined;
|
|
10
10
|
fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
|
|
11
|
-
fontStyle?: "inherit" | "initial" | "
|
|
11
|
+
fontStyle?: "inherit" | "initial" | "normal" | "italic" | "oblique" | undefined;
|
|
12
12
|
lineHeight?: string | number | undefined;
|
|
13
|
-
textAlign?: "center" | "
|
|
14
|
-
textTransform?: "none" | "
|
|
13
|
+
textAlign?: "center" | "start" | "end" | undefined;
|
|
14
|
+
textTransform?: "none" | "uppercase" | "lowercase" | "capitalize" | undefined;
|
|
15
15
|
textDecoration?: "none" | "underline" | "line-through" | undefined;
|
|
16
16
|
letterSpacing?: string | number | undefined;
|
|
17
17
|
htmlFor?: string | undefined;
|
package/dist/index.d.ts
CHANGED
|
@@ -31,7 +31,7 @@ export { default as Tag } from './components/Tag';
|
|
|
31
31
|
export { default as TextArea } from './components/TextAreaInput';
|
|
32
32
|
export { Thumbnail } from './components/Thumbnail';
|
|
33
33
|
export * from './components/Timeline';
|
|
34
|
-
export
|
|
34
|
+
export * from './components/Toast';
|
|
35
35
|
export { default as Tooltip } from './components/Tooltip';
|
|
36
36
|
export { default as Typography } from './components/Typography';
|
|
37
37
|
export { CollapseCard } from './components/CollapseCard';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,yBAAyB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AACrD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAC5D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,cAAc,mBAAmB,CAAC;AAClC,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAC1D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,cAAc,0BAA0B,CAAC;AAGzC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,wCAAwC,CAAC;AAC9D,OAAO,EAAE,iBAAiB,EAAE,MAAM,qDAAqD,CAAC;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,8CAA8C,CAAC;AAC1E,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,6BAA6B,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAGxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,mCAAmC,CAAC;AACxE,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,2CAA2C,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,oBAAoB,EAAE,MAAM,qCAAqC,CAAC;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,4BAA4B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,mCAAmC,CAAC;AAGvE,cAAc,gBAAgB,CAAC;AAG/B,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAChE,cAAc,uBAAuB,CAAC;AACtC,cAAc,oBAAoB,CAAC;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAC1D,cAAc,oBAAoB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var _exportNames={Alert:!0,Avatar:!0,Badge:!0,Button:!0,Card:!0,ColorPicker:!0,DatePicker:!0,Dialog:!0,Dropzone:!0,Flex:!0,Grid:!0,Icon:!0,IconItem:!0,ReactPortal:!0,Illustration:!0,ComposeIcon:!0,Label:!0,List:!0,Modal:!0,Pagination:!0,Progress:!0,Rating:!0,Skeleton:!0,Slider:!0,Spinner:!0,Steps:!0,Table:!0,Tag:!0,TextArea:!0,Thumbnail:!0,Toast:!0,Tooltip:!0,Typography:!0,CollapseCard:!0,Observer:!0,Input:!0,DateInput:!0,TimeInput:!0,Select:!0,NewSelect:!0,Chip:!0,SelectInputSearch:!0,SelectItem:!0,MultipleSelect:!0,Checkbox:!0,ChoiceList:!0,LegacyRadio:!0,Radio:!0,RadioGroup:!0,Switch:!0,useToast:!0,ToastProvider:!0,useDevices:!0,useBreakpoints:!0,useDebounce:!0,useDisableBodyScroll:!0,useKeyPress:!0,useOnClickOutside:!0,useWindowSize:!0,useDraggableScroll:!0,iconExists:!0,customColorMode:!0};var _colorCheck=require("./utils/colorCheck");Object.defineProperty(exports,"__esModule",{value:!0});Object.defineProperty(exports,"Alert",{enumerable:!0,get:function get(){return _Alert.default}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _Avatar.default}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function get(){return _Badge.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _Button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _Card.Card}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _CheckboxInput.default}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function get(){return _Chip.Chip}}),Object.defineProperty(exports,"ChoiceList",{enumerable:!0,get:function get(){return _ChoiceList.default}}),Object.defineProperty(exports,"CollapseCard",{enumerable:!0,get:function get(){return _CollapseCard.CollapseCard}}),Object.defineProperty(exports,"ColorPicker",{enumerable:!0,get:function get(){return _ColorPicker.default}}),Object.defineProperty(exports,"ComposeIcon",{enumerable:!0,get:function get(){return _ComposeIcon.default}}),Object.defineProperty(exports,"DateInput",{enumerable:!0,get:function get(){return _DateInput.DateInput}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function get(){return _DatePicker.default}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function get(){return _Dialog.Dialog}}),Object.defineProperty(exports,"Dropzone",{enumerable:!0,get:function get(){return _Dropzone.default}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function get(){return _Flex.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _Grid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _Icon.default}}),Object.defineProperty(exports,"IconItem",{enumerable:!0,get:function get(){return _IconItem.default}}),Object.defineProperty(exports,"Illustration",{enumerable:!0,get:function get(){return _Illustration.default}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function get(){return _Input.default}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function get(){return _Label.default}}),Object.defineProperty(exports,"LegacyRadio",{enumerable:!0,get:function get(){return _LegacyRadio.default}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function get(){return _List.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _Modal.Modal}}),Object.defineProperty(exports,"MultipleSelect",{enumerable:!0,get:function get(){return _MultipleSelect.default}}),Object.defineProperty(exports,"NewSelect",{enumerable:!0,get:function get(){return _NewSelect.NewSelect}}),Object.defineProperty(exports,"Observer",{enumerable:!0,get:function get(){return _Observer.Observer}}),Object.defineProperty(exports,"Pagination",{enumerable:!0,get:function get(){return _Pagination.Pagination}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function get(){return _Progress.default}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function get(){return _Radio.default}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function get(){return _RadioGroup.default}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function get(){return _Rating.Rating}}),Object.defineProperty(exports,"ReactPortal",{enumerable:!0,get:function get(){return _ReactPortal.ReactPortal}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function get(){return _Select.default}}),Object.defineProperty(exports,"SelectInputSearch",{enumerable:!0,get:function get(){return _SelectInputSearch.SelectInputSearch}}),Object.defineProperty(exports,"SelectItem",{enumerable:!0,get:function get(){return _SelectItem.SelectItem}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function get(){return _Skeleton.default}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function get(){return _Slider.default}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function get(){return _Spinner.default}}),Object.defineProperty(exports,"Steps",{enumerable:!0,get:function get(){return _Steps.default}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function get(){return _Switch.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _Table.Table}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function get(){return _Tag.default}}),Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function get(){return _TextAreaInput.default}}),Object.defineProperty(exports,"Thumbnail",{enumerable:!0,get:function get(){return _Thumbnail.Thumbnail}}),Object.defineProperty(exports,"TimeInput",{enumerable:!0,get:function get(){return _TimeInput.TimeInput}}),Object.defineProperty(exports,"Toast",{enumerable:!0,get:function get(){return _Toast.default}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function get(){return _ToastProvider.default}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function get(){return _Tooltip.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _Typography.default}}),Object.defineProperty(exports,"customColorMode",{enumerable:!0,get:function get(){return _customColorMode.customColorMode}}),Object.defineProperty(exports,"iconExists",{enumerable:!0,get:function get(){return _iconExists.iconExists}}),Object.defineProperty(exports,"useBreakpoints",{enumerable:!0,get:function get(){return _useBreakpoints.useBreakpoints}}),Object.defineProperty(exports,"useDebounce",{enumerable:!0,get:function get(){return _useDebounce.useDebounce}}),Object.defineProperty(exports,"useDevices",{enumerable:!0,get:function get(){return _useDevices.useDevices}}),Object.defineProperty(exports,"useDisableBodyScroll",{enumerable:!0,get:function get(){return _useDisableBodyScroll.useDisableBodyScroll}}),Object.defineProperty(exports,"useDraggableScroll",{enumerable:!0,get:function get(){return _useDraggableScroll.useDraggableScroll}}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function get(){return _useKeyPress.useKeyPress}}),Object.defineProperty(exports,"useOnClickOutside",{enumerable:!0,get:function get(){return _useOnClickOutside.useOnClickOutside}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function get(){return _useToast.default}}),Object.defineProperty(exports,"useWindowSize",{enumerable:!0,get:function get(){return _useWindowSize.useWindowSize}});var _Alert=_interopRequireDefault(require("./components/Alert")),_Avatar=_interopRequireDefault(require("./components/Avatar")),_Badge=_interopRequireDefault(require("./components/Badge")),_Button=_interopRequireDefault(require("./components/Button")),_Card=require("./components/Card"),_ColorPicker=_interopRequireDefault(require("./components/ColorPicker")),_DatePicker=_interopRequireDefault(require("./components/DatePicker")),_Dialog=require("./components/Dialog"),_Dropzone=_interopRequireDefault(require("./components/Dropzone")),_Flex=_interopRequireDefault(require("./components/Flex")),_Grid=_interopRequireDefault(require("./components/Grid")),_Icon=_interopRequireDefault(require("./components/Icon")),_IconItem=_interopRequireDefault(require("./components/IconItem")),_ReactPortal=require("./components/ReactPortal"),_Illustration=_interopRequireDefault(require("./components/Illustration")),_ComposeIcon=_interopRequireDefault(require("./components/ComposeIcon")),_Label=_interopRequireDefault(require("./components/Label")),_List=_interopRequireDefault(require("./components/List")),_Modal=require("./components/Modal"),_Pagination=require("./components/Pagination"),_Progress=_interopRequireDefault(require("./components/Progress")),_Rating=require("./components/Rating"),_Skeleton=_interopRequireDefault(require("./components/Skeleton")),_Slider=_interopRequireDefault(require("./components/Slider")),_Spinner=_interopRequireDefault(require("./components/Spinner")),_Steps=_interopRequireDefault(require("./components/Steps")),_Table=require("./components/Table"),_Tabs=require("./components/Tabs");Object.keys(_Tabs).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Tabs[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Tabs[key]}})});var _Tag=_interopRequireDefault(require("./components/Tag")),_TextAreaInput=_interopRequireDefault(require("./components/TextAreaInput")),_Thumbnail=require("./components/Thumbnail"),_Timeline=require("./components/Timeline");Object.keys(_Timeline).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Timeline[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Timeline[key]}})});var _Toast=_interopRequireDefault(require("./components/Toast")),_Tooltip=_interopRequireDefault(require("./components/Tooltip")),_Typography=_interopRequireDefault(require("./components/Typography")),_CollapseCard=require("./components/CollapseCard"),_Observer=require("./components/Observer"),_EmojiPicker=require("./components/EmojiPicker");Object.keys(_EmojiPicker).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_EmojiPicker[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _EmojiPicker[key]}})});var _Input=_interopRequireDefault(require("./components/Input")),_DateInput=require("./components/DateInput"),_TimeInput=require("./components/TimeInput"),_Select=_interopRequireDefault(require("./components/Select")),_NewSelect=require("./components/NewSelect"),_Chip=require("./components/NewSelect/components/Chip"),_SelectInputSearch=require("./components/NewSelect/components/SelectInputSearch"),_SelectItem=require("./components/NewSelect/components/SelectItem"),_MultipleSelect=_interopRequireDefault(require("./components/MultipleSelect")),_CheckboxInput=_interopRequireDefault(require("./components/CheckboxInput")),_ChoiceList=_interopRequireDefault(require("./components/ChoiceList")),_LegacyRadio=_interopRequireDefault(require("./components/LegacyRadio")),_Radio=_interopRequireDefault(require("./components/Radio")),_RadioGroup=_interopRequireDefault(require("./components/Radio/components/RadioGroup")),_Switch=_interopRequireDefault(require("./components/Switch")),_useToast=_interopRequireDefault(require("./components/Toast/hooks/useToast")),_ToastProvider=_interopRequireDefault(require("./components/Toast/contexts/ToastProvider")),_useDevices=require("./shared/hooks/useDevices"),_useBreakpoints=require("./shared/hooks/useBreakpoints"),_useDebounce=require("./shared/hooks/useDebounce"),_useDisableBodyScroll=require("./shared/hooks/useDisableBodyScroll"),_useKeyPress=require("./shared/hooks/useKeyPress"),_useOnClickOutside=require("./shared/hooks/useOnClickOutside"),_useWindowSize=require("./shared/hooks/useWindowSize"),_useDraggableScroll=require("./shared/hooks/useDraggableScroll"),_theme=require("./shared/theme");Object.keys(_theme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_theme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _theme[key]}})});var _iconExists=require("./components/Icon/utils/iconExists"),_getColorValue=require("./utils/getColorValue");Object.keys(_getColorValue).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorValue[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorValue[key]}})});Object.keys(_colorCheck).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_colorCheck[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _colorCheck[key]}})});var _customColorMode=require("./utils/customColorMode"),_formatters=require("./utils/formatters");Object.keys(_formatters).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatters[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatters[key]}})});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
|
|
1
|
+
"use strict";var _exportNames={Alert:!0,Avatar:!0,Badge:!0,Button:!0,Card:!0,ColorPicker:!0,DatePicker:!0,Dialog:!0,Dropzone:!0,Flex:!0,Grid:!0,Icon:!0,IconItem:!0,ReactPortal:!0,Illustration:!0,ComposeIcon:!0,Label:!0,List:!0,Modal:!0,Pagination:!0,Progress:!0,Rating:!0,Skeleton:!0,Slider:!0,Spinner:!0,Steps:!0,Table:!0,Tag:!0,TextArea:!0,Thumbnail:!0,Tooltip:!0,Typography:!0,CollapseCard:!0,Observer:!0,Input:!0,DateInput:!0,TimeInput:!0,Select:!0,NewSelect:!0,Chip:!0,SelectInputSearch:!0,SelectItem:!0,MultipleSelect:!0,Checkbox:!0,ChoiceList:!0,LegacyRadio:!0,Radio:!0,RadioGroup:!0,Switch:!0,useToast:!0,ToastProvider:!0,useDevices:!0,useBreakpoints:!0,useDebounce:!0,useDisableBodyScroll:!0,useKeyPress:!0,useOnClickOutside:!0,useWindowSize:!0,useDraggableScroll:!0,iconExists:!0,customColorMode:!0};var _Toast=require("./components/Toast");var _colorCheck=require("./utils/colorCheck");Object.defineProperty(exports,"__esModule",{value:!0});Object.defineProperty(exports,"Alert",{enumerable:!0,get:function get(){return _Alert.default}}),Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function get(){return _Avatar.default}}),Object.defineProperty(exports,"Badge",{enumerable:!0,get:function get(){return _Badge.default}}),Object.defineProperty(exports,"Button",{enumerable:!0,get:function get(){return _Button.default}}),Object.defineProperty(exports,"Card",{enumerable:!0,get:function get(){return _Card.Card}}),Object.defineProperty(exports,"Checkbox",{enumerable:!0,get:function get(){return _CheckboxInput.default}}),Object.defineProperty(exports,"Chip",{enumerable:!0,get:function get(){return _Chip.Chip}}),Object.defineProperty(exports,"ChoiceList",{enumerable:!0,get:function get(){return _ChoiceList.default}}),Object.defineProperty(exports,"CollapseCard",{enumerable:!0,get:function get(){return _CollapseCard.CollapseCard}}),Object.defineProperty(exports,"ColorPicker",{enumerable:!0,get:function get(){return _ColorPicker.default}}),Object.defineProperty(exports,"ComposeIcon",{enumerable:!0,get:function get(){return _ComposeIcon.default}}),Object.defineProperty(exports,"DateInput",{enumerable:!0,get:function get(){return _DateInput.DateInput}}),Object.defineProperty(exports,"DatePicker",{enumerable:!0,get:function get(){return _DatePicker.default}}),Object.defineProperty(exports,"Dialog",{enumerable:!0,get:function get(){return _Dialog.Dialog}}),Object.defineProperty(exports,"Dropzone",{enumerable:!0,get:function get(){return _Dropzone.default}}),Object.defineProperty(exports,"Flex",{enumerable:!0,get:function get(){return _Flex.default}}),Object.defineProperty(exports,"Grid",{enumerable:!0,get:function get(){return _Grid.default}}),Object.defineProperty(exports,"Icon",{enumerable:!0,get:function get(){return _Icon.default}}),Object.defineProperty(exports,"IconItem",{enumerable:!0,get:function get(){return _IconItem.default}}),Object.defineProperty(exports,"Illustration",{enumerable:!0,get:function get(){return _Illustration.default}}),Object.defineProperty(exports,"Input",{enumerable:!0,get:function get(){return _Input.default}}),Object.defineProperty(exports,"Label",{enumerable:!0,get:function get(){return _Label.default}}),Object.defineProperty(exports,"LegacyRadio",{enumerable:!0,get:function get(){return _LegacyRadio.default}}),Object.defineProperty(exports,"List",{enumerable:!0,get:function get(){return _List.default}}),Object.defineProperty(exports,"Modal",{enumerable:!0,get:function get(){return _Modal.Modal}}),Object.defineProperty(exports,"MultipleSelect",{enumerable:!0,get:function get(){return _MultipleSelect.default}}),Object.defineProperty(exports,"NewSelect",{enumerable:!0,get:function get(){return _NewSelect.NewSelect}}),Object.defineProperty(exports,"Observer",{enumerable:!0,get:function get(){return _Observer.Observer}}),Object.defineProperty(exports,"Pagination",{enumerable:!0,get:function get(){return _Pagination.Pagination}}),Object.defineProperty(exports,"Progress",{enumerable:!0,get:function get(){return _Progress.default}}),Object.defineProperty(exports,"Radio",{enumerable:!0,get:function get(){return _Radio.default}}),Object.defineProperty(exports,"RadioGroup",{enumerable:!0,get:function get(){return _RadioGroup.default}}),Object.defineProperty(exports,"Rating",{enumerable:!0,get:function get(){return _Rating.Rating}}),Object.defineProperty(exports,"ReactPortal",{enumerable:!0,get:function get(){return _ReactPortal.ReactPortal}}),Object.defineProperty(exports,"Select",{enumerable:!0,get:function get(){return _Select.default}}),Object.defineProperty(exports,"SelectInputSearch",{enumerable:!0,get:function get(){return _SelectInputSearch.SelectInputSearch}}),Object.defineProperty(exports,"SelectItem",{enumerable:!0,get:function get(){return _SelectItem.SelectItem}}),Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function get(){return _Skeleton.default}}),Object.defineProperty(exports,"Slider",{enumerable:!0,get:function get(){return _Slider.default}}),Object.defineProperty(exports,"Spinner",{enumerable:!0,get:function get(){return _Spinner.default}}),Object.defineProperty(exports,"Steps",{enumerable:!0,get:function get(){return _Steps.default}}),Object.defineProperty(exports,"Switch",{enumerable:!0,get:function get(){return _Switch.default}}),Object.defineProperty(exports,"Table",{enumerable:!0,get:function get(){return _Table.Table}}),Object.defineProperty(exports,"Tag",{enumerable:!0,get:function get(){return _Tag.default}}),Object.defineProperty(exports,"TextArea",{enumerable:!0,get:function get(){return _TextAreaInput.default}}),Object.defineProperty(exports,"Thumbnail",{enumerable:!0,get:function get(){return _Thumbnail.Thumbnail}}),Object.defineProperty(exports,"TimeInput",{enumerable:!0,get:function get(){return _TimeInput.TimeInput}}),Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function get(){return _ToastProvider.default}}),Object.defineProperty(exports,"Tooltip",{enumerable:!0,get:function get(){return _Tooltip.default}}),Object.defineProperty(exports,"Typography",{enumerable:!0,get:function get(){return _Typography.default}}),Object.defineProperty(exports,"customColorMode",{enumerable:!0,get:function get(){return _customColorMode.customColorMode}}),Object.defineProperty(exports,"iconExists",{enumerable:!0,get:function get(){return _iconExists.iconExists}}),Object.defineProperty(exports,"useBreakpoints",{enumerable:!0,get:function get(){return _useBreakpoints.useBreakpoints}}),Object.defineProperty(exports,"useDebounce",{enumerable:!0,get:function get(){return _useDebounce.useDebounce}}),Object.defineProperty(exports,"useDevices",{enumerable:!0,get:function get(){return _useDevices.useDevices}}),Object.defineProperty(exports,"useDisableBodyScroll",{enumerable:!0,get:function get(){return _useDisableBodyScroll.useDisableBodyScroll}}),Object.defineProperty(exports,"useDraggableScroll",{enumerable:!0,get:function get(){return _useDraggableScroll.useDraggableScroll}}),Object.defineProperty(exports,"useKeyPress",{enumerable:!0,get:function get(){return _useKeyPress.useKeyPress}}),Object.defineProperty(exports,"useOnClickOutside",{enumerable:!0,get:function get(){return _useOnClickOutside.useOnClickOutside}}),Object.defineProperty(exports,"useToast",{enumerable:!0,get:function get(){return _useToast.default}}),Object.defineProperty(exports,"useWindowSize",{enumerable:!0,get:function get(){return _useWindowSize.useWindowSize}});var _Alert=_interopRequireDefault(require("./components/Alert")),_Avatar=_interopRequireDefault(require("./components/Avatar")),_Badge=_interopRequireDefault(require("./components/Badge")),_Button=_interopRequireDefault(require("./components/Button")),_Card=require("./components/Card"),_ColorPicker=_interopRequireDefault(require("./components/ColorPicker")),_DatePicker=_interopRequireDefault(require("./components/DatePicker")),_Dialog=require("./components/Dialog"),_Dropzone=_interopRequireDefault(require("./components/Dropzone")),_Flex=_interopRequireDefault(require("./components/Flex")),_Grid=_interopRequireDefault(require("./components/Grid")),_Icon=_interopRequireDefault(require("./components/Icon")),_IconItem=_interopRequireDefault(require("./components/IconItem")),_ReactPortal=require("./components/ReactPortal"),_Illustration=_interopRequireDefault(require("./components/Illustration")),_ComposeIcon=_interopRequireDefault(require("./components/ComposeIcon")),_Label=_interopRequireDefault(require("./components/Label")),_List=_interopRequireDefault(require("./components/List")),_Modal=require("./components/Modal"),_Pagination=require("./components/Pagination"),_Progress=_interopRequireDefault(require("./components/Progress")),_Rating=require("./components/Rating"),_Skeleton=_interopRequireDefault(require("./components/Skeleton")),_Slider=_interopRequireDefault(require("./components/Slider")),_Spinner=_interopRequireDefault(require("./components/Spinner")),_Steps=_interopRequireDefault(require("./components/Steps")),_Table=require("./components/Table"),_Tabs=require("./components/Tabs");Object.keys(_Tabs).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Tabs[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Tabs[key]}})});var _Tag=_interopRequireDefault(require("./components/Tag")),_TextAreaInput=_interopRequireDefault(require("./components/TextAreaInput")),_Thumbnail=require("./components/Thumbnail"),_Timeline=require("./components/Timeline");Object.keys(_Timeline).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Timeline[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Timeline[key]}})});Object.keys(_Toast).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_Toast[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _Toast[key]}})});var _Tooltip=_interopRequireDefault(require("./components/Tooltip")),_Typography=_interopRequireDefault(require("./components/Typography")),_CollapseCard=require("./components/CollapseCard"),_Observer=require("./components/Observer"),_EmojiPicker=require("./components/EmojiPicker");Object.keys(_EmojiPicker).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_EmojiPicker[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _EmojiPicker[key]}})});var _Input=_interopRequireDefault(require("./components/Input")),_DateInput=require("./components/DateInput"),_TimeInput=require("./components/TimeInput"),_Select=_interopRequireDefault(require("./components/Select")),_NewSelect=require("./components/NewSelect"),_Chip=require("./components/NewSelect/components/Chip"),_SelectInputSearch=require("./components/NewSelect/components/SelectInputSearch"),_SelectItem=require("./components/NewSelect/components/SelectItem"),_MultipleSelect=_interopRequireDefault(require("./components/MultipleSelect")),_CheckboxInput=_interopRequireDefault(require("./components/CheckboxInput")),_ChoiceList=_interopRequireDefault(require("./components/ChoiceList")),_LegacyRadio=_interopRequireDefault(require("./components/LegacyRadio")),_Radio=_interopRequireDefault(require("./components/Radio")),_RadioGroup=_interopRequireDefault(require("./components/Radio/components/RadioGroup")),_Switch=_interopRequireDefault(require("./components/Switch")),_useToast=_interopRequireDefault(require("./components/Toast/hooks/useToast")),_ToastProvider=_interopRequireDefault(require("./components/Toast/contexts/ToastProvider")),_useDevices=require("./shared/hooks/useDevices"),_useBreakpoints=require("./shared/hooks/useBreakpoints"),_useDebounce=require("./shared/hooks/useDebounce"),_useDisableBodyScroll=require("./shared/hooks/useDisableBodyScroll"),_useKeyPress=require("./shared/hooks/useKeyPress"),_useOnClickOutside=require("./shared/hooks/useOnClickOutside"),_useWindowSize=require("./shared/hooks/useWindowSize"),_useDraggableScroll=require("./shared/hooks/useDraggableScroll"),_theme=require("./shared/theme");Object.keys(_theme).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_theme[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _theme[key]}})});var _iconExists=require("./components/Icon/utils/iconExists"),_getColorValue=require("./utils/getColorValue");Object.keys(_getColorValue).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_getColorValue[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _getColorValue[key]}})});Object.keys(_colorCheck).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_colorCheck[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _colorCheck[key]}})});var _customColorMode=require("./utils/customColorMode"),_formatters=require("./utils/formatters");Object.keys(_formatters).forEach(function(key){"default"===key||"__esModule"===key||Object.prototype.hasOwnProperty.call(_exportNames,key)||key in exports&&exports[key]===_formatters[key]||Object.defineProperty(exports,key,{enumerable:!0,get:function get(){return _formatters[key]}})});function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/contexts/ThemeContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAStE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"ThemeContext.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/contexts/ThemeContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AAStE,OAAO,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAKlD,KAAK,iBAAiB,GAAG;IACvB,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC;IAC5B,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAC9C,CAAC;AAEF,KAAK,kBAAkB,GAAG;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,gBAAgB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IACpC,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,4CAAyC,CAAC;AAEnE,wBAAgB,iBAAiB,CAAC,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAAgB,EAAE,EAAE,kBAAkB,eAoE1F"}
|
|
@@ -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.PPUIThemeProvider=PPUIThemeProvider,exports.ThemeContext=void 0;var _react=require("react"),_react2=require("@emotion/react"),_ToastProvider=_interopRequireDefault(require("../../../components/Toast/contexts/ToastProvider")),_=require(".."),_localStorageController=require("../utils/localStorageController"),_useSystemTheme=require("../../hooks/useSystemTheme"),_colors=require("../objects/colors"),_shadows=require("../objects/shadows"),_jsxRuntime=require("react/jsx-runtime");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 _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}/* eslint-disable no-console */var ThemeContext=/*#__PURE__*/(0,_react.createContext)({});exports.ThemeContext=ThemeContext;function PPUIThemeProvider(_ref){function changeColorMode(colorMode){setColorMode(colorMode),_localStorageController.localStorageController.set("UIColorMode",colorMode)}var children=_ref.children,theme=_ref.theme,initialColorMode=_ref.initialColorMode,_useState=(0,_react.useState)(theme||_.defaultTheme),_useState2=_slicedToArray(_useState,2),currentTheme=_useState2[0],setCurrentTheme=_useState2[1],systemTheme=(0,_useSystemTheme.useSystemTheme)(),_useState3=(0,_react.useState)(initialColorMode||systemTheme.theme),_useState4=_slicedToArray(_useState3,2),colorMode=_useState4[0],setColorMode=_useState4[1];(0,_react.useEffect)(function(){var localStorageColorMode=_localStorageController.localStorageController.get("UIColorMode");localStorageColorMode&&localStorageColorMode!==colorMode&&setColorMode(localStorageColorMode)},[]);var themeColors=(null===theme||void 0===theme?void 0:theme.colors)||_colors.colors[colorMode],themeShadow=_shadows.shadow[colorMode];return(0,_react.useEffect)(function(){setCurrentTheme(theme||_.defaultTheme)},[theme]),(0,_react.useEffect)(function(){initialColorMode?changeColorMode(initialColorMode):!systemTheme.isFirstRender&&changeColorMode(systemTheme.theme)},[initialColorMode,systemTheme]),/*#__PURE__*/(0,_jsxRuntime.jsx)(ThemeContext.Provider,{value:{theme:_objectSpread(_objectSpread({},currentTheme),{},{colors:themeColors,shadow:themeShadow}),colorMode:colorMode,switchColorMode:function(){changeColorMode("light"===colorMode?"dark":"light")}},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_react2.ThemeProvider,{theme:_objectSpread(_objectSpread({},currentTheme),{},{shadow:themeShadow,colors:themeColors,colorMode:colorMode}),children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_ToastProvider.default,{children:children})})})}
|
|
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.PPUIThemeProvider=PPUIThemeProvider,exports.ThemeContext=void 0;var _react=require("react"),_react2=require("@emotion/react"),_ToastProvider=_interopRequireDefault(require("../../../components/Toast/contexts/ToastProvider")),_=require(".."),_localStorageController=require("../utils/localStorageController"),_useSystemTheme=require("../../hooks/useSystemTheme"),_colors=require("../objects/colors"),_shadows=require("../objects/shadows"),_jsxRuntime=require("react/jsx-runtime");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 _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}/* eslint-disable no-console */var ThemeContext=/*#__PURE__*/(0,_react.createContext)({});exports.ThemeContext=ThemeContext;function PPUIThemeProvider(_ref){function changeColorMode(colorMode){setColorMode(colorMode),_localStorageController.localStorageController.set("UIColorMode",colorMode)}function colorByTheme(light,dark){return"dark"===colorMode?dark:light}var children=_ref.children,theme=_ref.theme,initialColorMode=_ref.initialColorMode,_useState=(0,_react.useState)(theme||_.defaultTheme),_useState2=_slicedToArray(_useState,2),currentTheme=_useState2[0],setCurrentTheme=_useState2[1],systemTheme=(0,_useSystemTheme.useSystemTheme)(),_useState3=(0,_react.useState)(initialColorMode||systemTheme.theme),_useState4=_slicedToArray(_useState3,2),colorMode=_useState4[0],setColorMode=_useState4[1];(0,_react.useEffect)(function(){var localStorageColorMode=_localStorageController.localStorageController.get("UIColorMode");localStorageColorMode&&localStorageColorMode!==colorMode&&setColorMode(localStorageColorMode)},[]);var themeColors=(null===theme||void 0===theme?void 0:theme.colors)||_colors.colors[colorMode],themeShadow=_shadows.shadow[colorMode];return(0,_react.useEffect)(function(){setCurrentTheme(theme||_.defaultTheme)},[theme]),(0,_react.useEffect)(function(){initialColorMode?changeColorMode(initialColorMode):!systemTheme.isFirstRender&&changeColorMode(systemTheme.theme)},[initialColorMode,systemTheme]),/*#__PURE__*/(0,_jsxRuntime.jsx)(ThemeContext.Provider,{value:{theme:_objectSpread(_objectSpread({},currentTheme),{},{colors:themeColors,shadow:themeShadow}),colorMode:colorMode,switchColorMode:function(){changeColorMode("light"===colorMode?"dark":"light")},colorByTheme:colorByTheme},children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_react2.ThemeProvider,{theme:_objectSpread(_objectSpread({},currentTheme),{},{shadow:themeShadow,colors:themeColors,colorMode:colorMode,colorByTheme:colorByTheme}),children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_ToastProvider.default,{children:children})})})}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ
|
|
1
|
+
{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../../../src/shared/theme/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.useTheme=void 0;var _react=require("react"),_=require(".."),_ThemeContext=require("../contexts/ThemeContext"),useTheme=function(){var _useContext=(0,_react.useContext)(_ThemeContext.ThemeContext),theme=_useContext.theme;return{theme:theme||_.defaultTheme}};exports.useTheme=useTheme;
|
|
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.useTheme=void 0;var _react=require("react"),_=require(".."),_ThemeContext=require("../contexts/ThemeContext"),_excluded=["theme"];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}var useTheme=function(){var _useContext=(0,_react.useContext)(_ThemeContext.ThemeContext),theme=_useContext.theme,rest=_objectWithoutProperties(_useContext,_excluded);return _objectSpread({theme:theme||_.defaultTheme},rest)};exports.useTheme=useTheme;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"customColorMode.d.ts","sourceRoot":"","sources":["../../src/utils/customColorMode.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,
|
|
1
|
+
{"version":3,"file":"customColorMode.d.ts","sourceRoot":"","sources":["../../src/utils/customColorMode.ts"],"names":[],"mappings":"AAEA,wBAAgB,eAAe,CAAC,CAAC,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,SAKtD"}
|
|
@@ -1 +1,2 @@
|
|
|
1
|
-
"use strict";var _react=require("@emotion/react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.customColorMode=customColorMode;function customColorMode(light,dark){
|
|
1
|
+
"use strict";var _react=require("@emotion/react");Object.defineProperty(exports,"__esModule",{value:!0}),exports.customColorMode=customColorMode;function customColorMode(light,dark){// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
2
|
+
var theme=(0,_react.useTheme)();return"dark"===theme.colorMode?dark:light}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pedidopago/ui",
|
|
3
|
-
"version": "1.9.
|
|
3
|
+
"version": "1.9.3",
|
|
4
4
|
"description": "Quick build beatiful Pedido Pago apps",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
"storybook": "start-storybook -p 6006 -s public",
|
|
46
46
|
"build-storybook": "build-storybook -s public",
|
|
47
47
|
"chromatic": "npx chromatic",
|
|
48
|
-
"
|
|
48
|
+
"create-snippet": "node ./lib/create-snippet"
|
|
49
49
|
},
|
|
50
50
|
"eslintConfig": {
|
|
51
51
|
"extends": [
|
|
@@ -111,17 +111,18 @@
|
|
|
111
111
|
"eslint-plugin-prettier": "^4.0.0",
|
|
112
112
|
"eslint-plugin-promise": "^5.1.1",
|
|
113
113
|
"eslint-plugin-react": "^7.26.1",
|
|
114
|
+
"eslint-plugin-react-hooks": "^4.6.0",
|
|
114
115
|
"eslint-plugin-storybook": "^0.6.11",
|
|
115
116
|
"prettier": "^2.3.2",
|
|
116
117
|
"react-docgen-typescript-loader": "^3.7.2",
|
|
117
118
|
"react-docgen-typescript-webpack-plugin": "^1.1.0",
|
|
118
119
|
"react-scripts": "^5.0.0",
|
|
119
120
|
"storybook-dark-mode": "^2.1.1",
|
|
120
|
-
"ts-node": "^10.9.1",
|
|
121
121
|
"typescript": "^4.3.5",
|
|
122
|
+
"ts-node": "^10.9.1",
|
|
122
123
|
"webpack": "^5"
|
|
123
124
|
},
|
|
124
125
|
"bin": {
|
|
125
|
-
"snippet": "
|
|
126
|
+
"pp-create-snippet": "./bin/create-snippet"
|
|
126
127
|
}
|
|
127
128
|
}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { IToastConfig } from './types';
|
|
3
|
-
declare const ToastButtonExample: ({ buttonText, ...options }: IToastConfig & {
|
|
4
|
-
buttonText?: String | undefined;
|
|
5
|
-
}) => JSX.Element;
|
|
6
|
-
export default ToastButtonExample;
|
|
7
|
-
//# sourceMappingURL=button-example.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"button-example.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/button-example.tsx"],"names":[],"mappings":";AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAuBvC,QAAA,MAAM,kBAAkB;;iBAQvB,CAAC;AAEF,eAAe,kBAAkB,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _templateObject,_styled=_interopRequireDefault(require("@emotion/styled")),_useToast=_interopRequireDefault(require("./hooks/useToast")),_jsxRuntime=require("react/jsx-runtime"),_excluded=["buttonText"];function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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 _taggedTemplateLiteral(strings,raw){return raw||(raw=strings.slice(0)),Object.freeze(Object.defineProperties(strings,{raw:{value:Object.freeze(raw)}}))}var Button=_styled.default.button(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n padding: 1rem;\n border-radius: 8px;\n background-color: #f5f5f5;\n border: 1px solid #e3e3e3;\n font-size: 1rem;\n font-weight: bold;\n color: #333;\n cursor: pointer;\n\n transition: all 0.2s ease;\n\n &:hover {\n background-color: #e3e3e3;\n }\n\n &:active {\n background-color: #d6d6d6;\n }\n"]))),ToastButtonExample=function(_ref){var buttonText=_ref.buttonText,options=_objectWithoutProperties(_ref,_excluded),toast=(0,_useToast.default)();return/*#__PURE__*/(0,_jsxRuntime.jsx)("div",{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(Button,{onClick:function onClick(){return toast(options)},children:buttonText||"Show toast"})})},_default=ToastButtonExample;exports.default=_default;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/components/Toast.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,EAAE,EAAa,MAAM,OAAO,CAAC;AAOtC,OAAO,EAAE,KAAK,IAAI,WAAW,EAAE,MAAM,UAAU,CAAC;AAEhD,QAAA,MAAM,KAAK,EAAE,EAAE,CAAC,WAAW,CAyE1B,CAAC;AAEF,eAAe,KAAK,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.default=void 0;var _react=require("react"),_framerMotion=require("framer-motion"),_Alert=_interopRequireDefault(require("../../Alert")),_styles=require("../styles"),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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)}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)}var Toast=function(_ref){var type=_ref.type,close=_ref.close,duration=_ref.duration,content=_ref.content,icon=_ref.icon,id=_ref.toastId,title=_ref.title,_ref$position=_ref.position,position=void 0===_ref$position?"top-right":_ref$position;(0,_react.useEffect)(function(){var timer=setTimeout(function(){close(id)},duration);return function(){return clearTimeout(timer)}},[duration,close,id]);return/*#__PURE__*/(0,_jsxRuntime.jsx)(_framerMotion.motion.div,{layout:!0,variants:{initial:function initial(){var _ref2,positionDirection=["top","bottom"].includes(position)?"y":"x",translateValue=-1===position.indexOf("top")?-1===position.indexOf("left")?30:-30:-1===position.indexOf("left")?30:-30;return _ref2={},_defineProperty(_ref2,positionDirection,translateValue),_defineProperty(_ref2,"opacity",0),_ref2},visible:{opacity:1,y:0,x:0},hidden:{opacity:0,scale:.8}},initial:"initial",animate:"visible",exit:"hidden",transition:{duration:.35},id:id,className:"pp-toast-".concat(position),children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_styles.StyledToastComponent,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_Alert.default,{content:content,title:title,icon:icon,variant:"closable",type:type,onClose:function(){close(id)}})})})},_default=Toast;exports.default=_default;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
import { GenericStyledProps } from '../../@types';
|
|
3
|
-
export declare const StyledToastContainerOverlay: import("@emotion/styled").StyledComponent<{
|
|
4
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
5
|
-
as?: import("react").ElementType<any> | undefined;
|
|
6
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
-
export declare const StyledToastManagerOverlay: import("@emotion/styled").StyledComponent<{
|
|
8
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
9
|
-
as?: import("react").ElementType<any> | undefined;
|
|
10
|
-
} & GenericStyledProps & {
|
|
11
|
-
position: 'top' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom';
|
|
12
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
13
|
-
export declare const StyledToastManagerInner: import("@emotion/styled").StyledComponent<{
|
|
14
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
15
|
-
as?: import("react").ElementType<any> | undefined;
|
|
16
|
-
} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
17
|
-
export declare const StyledToastComponent: import("@emotion/styled").StyledComponent<{
|
|
18
|
-
theme?: import("@emotion/react").Theme | undefined;
|
|
19
|
-
as?: import("react").ElementType<any> | undefined;
|
|
20
|
-
} & {
|
|
21
|
-
toastPos?: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
|
|
22
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
23
|
-
//# sourceMappingURL=styles.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/styles.ts"],"names":[],"mappings":";AACA,OAAO,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAElD,eAAO,MAAM,2BAA2B;;;yGAEvC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;cAExB,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,aAAa,GAAG,cAAc,GAAG,QAAQ;yGAwDzF,CAAC;AAEF,eAAO,MAAM,uBAAuB;;;8HASnC,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;;;yGAMhC,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.StyledToastManagerOverlay=exports.StyledToastManagerInner=exports.StyledToastContainerOverlay=exports.StyledToastComponent=void 0;var _templateObject,_templateObject2,_templateObject3,_templateObject4,_styled=_interopRequireDefault(require("@emotion/styled"));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 StyledToastContainerOverlay=_styled.default.div(_templateObject||(_templateObject=_taggedTemplateLiteral(["\n overflow-wrap: break-word;\n"])));exports.StyledToastContainerOverlay=StyledToastContainerOverlay;var StyledToastManagerOverlay=_styled.default.div(_templateObject2||(_templateObject2=_taggedTemplateLiteral(["\n position: fixed;\n pointer-events: none;\n width: 100%;\n height: 100%;\n z-index: ",";\n top: 0;\n left: 0;\n\n & > div {\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n\n ","\n }\n"])),function(_ref){var theme=_ref.theme;return theme.zIndex.level48},function(props){return"top"===props.position&&"\n top: 0;\n left: 50%;\n transform: translateX(-50%);\n "},function(props){return"top-left"===props.position&&"\n top: 0;\n left: 0;\n "},function(props){return"top-right"===props.position&&"\n top: 0;\n right: 0;\n "},function(props){return"bottom-left"===props.position&&"\n bottom: 0;\n left: 0;\n "},function(props){return"bottom-right"===props.position&&"\n bottom: 0;\n right: 0;\n "},function(props){return"bottom"===props.position&&"\n bottom: 0;\n left: 50%;\n transform: translateX(-50%);\n "});exports.StyledToastManagerOverlay=StyledToastManagerOverlay;var StyledToastManagerInner=_styled.default.div(_templateObject3||(_templateObject3=_taggedTemplateLiteral(["\n position: absolute;\n pointer-events: none;\n z-index: ",";\n padding: 1.5rem;\n width: 400px;\n display: flex;\n flex-direction: column;\n gap: 1rem;\n"])),function(_ref2){var theme=_ref2.theme;return theme.zIndex.level48});exports.StyledToastManagerInner=StyledToastManagerInner;var StyledToastComponent=_styled.default.div(_templateObject4||(_templateObject4=_taggedTemplateLiteral(["\n position: relative;\n user-select: none;\n pointer-events: auto;\n"])));exports.StyledToastComponent=StyledToastComponent;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"toast.test.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/toast.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var _testUtils=require("../../shared/tests/test-utils");require("@testing-library/jest-dom");var _buttonExample=_interopRequireDefault(require("./button-example")),_ToastProvider=_interopRequireDefault(require("./contexts/ToastProvider")),_jsxRuntime=require("react/jsx-runtime");function _interopRequireDefault(obj){return obj&&obj.__esModule?obj:{default:obj}}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)}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)}var setup=function(props){return(0,_testUtils.render)(/*#__PURE__*/(0,_jsxRuntime.jsx)(_ToastProvider.default,{children:/*#__PURE__*/(0,_jsxRuntime.jsx)(_buttonExample.default,_objectSpread({},props))}))};describe("Toast",function(){it("should it render the toast on the screen",function(){var container=setup({title:"Toast Title",content:"Toast Message",type:"success"});container.getByText("Show toast").click(),expect(container.getByText("Toast Title")).toBeInTheDocument()}),it("should it render the toast on position top of the screen",function(){var container=setup({title:"Toast Title",content:"Toast Message",type:"success",position:"top"});container.getByText("Show toast").click(),expect(container.getByText("Toast Title")).toBeInTheDocument()}),it("should it render the toast on position top-left of the screen",function(){var container=setup({title:"Toast Title",content:"Toast Message",type:"success",position:"top-left"});container.getByText("Show toast").click(),expect(container.getByText("Toast Title")).toBeInTheDocument()}),it("should it render the toast on position top-right of the screen",function(){var container=setup({title:"Toast Title",content:"Toast Message",type:"success",position:"top-right"});container.getByText("Show toast").click(),expect(container.getByText("Toast Title")).toBeInTheDocument()}),it("should it render the toast on position bottom of the screen",function(){var container=setup({title:"Toast Title",content:"Toast Message",type:"success",position:"bottom"});container.getByText("Show toast").click(),expect(container.getByText("Toast Title")).toBeInTheDocument()}),it("should it render the toast on position bottom-left of the screen",function(){var container=setup({title:"Toast Title",content:"Toast Message",type:"success",position:"bottom-left"});container.getByText("Show toast").click(),expect(container.getByText("Toast Title")).toBeInTheDocument()}),it("should it render the toast on position bottom-right of the screen",function(){var container=setup({title:"Toast Title",content:"Toast Message",type:"success",position:"bottom-right"});container.getByText("Show toast").click(),expect(container.getByText("Toast Title")).toBeInTheDocument()}),it("should it render the toast on the screen and close it by alert close button",function(){var _container$baseElemen,container=setup({title:"Toast Title",content:"Toast Message",type:"success"});container.getByText("Show toast").click(),null===(_container$baseElemen=container.baseElement.querySelectorAll("svg")[1].parentElement)||void 0===_container$baseElemen?void 0:_container$baseElemen.click(),setTimeout(function(){expect(container.getByText("Toast Title")).not.toBeInTheDocument()},500)}),it("should it call the callback provided in onClose prop",function(){var _container$baseElemen2,onClose=jest.fn(),container=setup({title:"Toast Title",content:"Toast Message",type:"success",onClose:onClose});container.getByText("Show toast").click(),null===(_container$baseElemen2=container.baseElement.querySelectorAll("svg")[1].parentElement)||void 0===_container$baseElemen2?void 0:_container$baseElemen2.click(),expect(onClose).toHaveBeenCalled()}),it("should it call the callback provided in onClose prop and pass the id",function(){var _container$baseElemen3,onClose=jest.fn(),container=setup({title:"Toast Title",content:"Toast Message",type:"success",onClose:onClose});container.getByText("Show toast").click(),null===(_container$baseElemen3=container.baseElement.querySelectorAll("svg")[1].parentElement)||void 0===_container$baseElemen3?void 0:_container$baseElemen3.click(),expect(onClose).toHaveBeenCalledWith(expect.any(String))})});
|