@pedidopago/ui 1.5.14 → 1.5.16
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/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/ColorPicker/index.js +2 -0
- package/dist/components/Dropzone/index.d.ts +1 -1
- package/dist/components/Dropzone/index.d.ts.map +1 -1
- package/dist/components/Dropzone/index.js +33 -15
- package/dist/components/Dropzone/styles.d.ts +21 -7
- package/dist/components/Dropzone/styles.d.ts.map +1 -1
- package/dist/components/Dropzone/styles.js +48 -23
- package/dist/components/Dropzone/types.d.ts +8 -0
- package/dist/components/Dropzone/types.d.ts.map +1 -1
- 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/Select/components/OptionsSelect/styles.d.ts +253 -2
- package/dist/components/Select/components/OptionsSelect/styles.d.ts.map +1 -1
- package/dist/components/Select/components/OptionsSelect/styles.js +3 -2
- package/dist/shared/hooks/useDisableBodyScroll.d.ts.map +1 -1
- package/dist/shared/hooks/useDisableBodyScroll.js +1 -6
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,YAAY,EAAe,MAAM,SAAS,CAAC;AAEpD,QAAA,MAAM,WAAW,iDAA8D,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ColorPicker/index.tsx"],"names":[],"mappings":";AAkBA,OAAO,EAAE,YAAY,EAAe,MAAM,SAAS,CAAC;AAEpD,QAAA,MAAM,WAAW,iDAA8D,YAAY,gBA2D1F,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -96,12 +96,14 @@ var ColorPicker = function ColorPicker(_ref) {
|
|
|
96
96
|
setInputAlert: setInputAlert
|
|
97
97
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.ColorPickerButtonsWrapper, {
|
|
98
98
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPickerButton, {
|
|
99
|
+
type: "button",
|
|
99
100
|
bgTransparent: true,
|
|
100
101
|
onClick: function onClick() {
|
|
101
102
|
onCancel && onCancel();
|
|
102
103
|
},
|
|
103
104
|
children: "Cancelar"
|
|
104
105
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.ColorPickerButton, {
|
|
106
|
+
type: "button",
|
|
105
107
|
onClick: handleSave,
|
|
106
108
|
children: "Salvar cor"
|
|
107
109
|
})]
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { DropzoneProps } from './types';
|
|
3
|
-
declare const Dropzone: ({ multiple, onChange, onDropAccepted, onDropRejected, accept, onDragEnter, onDragLeave, disabled, ...rest }: DropzoneProps) => JSX.Element;
|
|
3
|
+
declare const Dropzone: ({ icon, title, disabledButton, buttonText, alert, helperText, multiple, onChange, onDropAccepted, onDropRejected, accept, onDragEnter, onDragLeave, disabled, ...rest }: DropzoneProps) => JSX.Element;
|
|
4
4
|
export default Dropzone;
|
|
5
5
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,aAAa,EAAa,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/index.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,aAAa,EAAa,MAAM,SAAS,CAAC;AAEnD,QAAA,MAAM,QAAQ,4KAgBX,aAAa,gBA2Of,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -21,7 +21,7 @@ var _generateUUID = require("../../utils/generateUUID");
|
|
|
21
21
|
|
|
22
22
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
23
23
|
|
|
24
|
-
var _excluded = ["multiple", "onChange", "onDropAccepted", "onDropRejected", "accept", "onDragEnter", "onDragLeave", "disabled"];
|
|
24
|
+
var _excluded = ["icon", "title", "disabledButton", "buttonText", "alert", "helperText", "multiple", "onChange", "onDropAccepted", "onDropRejected", "accept", "onDragEnter", "onDragLeave", "disabled"];
|
|
25
25
|
|
|
26
26
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
27
|
|
|
@@ -56,7 +56,14 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
|
|
|
56
56
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
57
57
|
|
|
58
58
|
var Dropzone = function Dropzone(_ref) {
|
|
59
|
-
var
|
|
59
|
+
var icon = _ref.icon,
|
|
60
|
+
title = _ref.title,
|
|
61
|
+
_ref$disabledButton = _ref.disabledButton,
|
|
62
|
+
disabledButton = _ref$disabledButton === void 0 ? false : _ref$disabledButton,
|
|
63
|
+
buttonText = _ref.buttonText,
|
|
64
|
+
alert = _ref.alert,
|
|
65
|
+
helperText = _ref.helperText,
|
|
66
|
+
multiple = _ref.multiple,
|
|
60
67
|
onChange = _ref.onChange,
|
|
61
68
|
onDropAccepted = _ref.onDropAccepted,
|
|
62
69
|
onDropRejected = _ref.onDropRejected,
|
|
@@ -186,7 +193,8 @@ var Dropzone = function Dropzone(_ref) {
|
|
|
186
193
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneContainer, _objectSpread(_objectSpread({
|
|
187
194
|
isDraggingOver: isDragging,
|
|
188
195
|
haveItems: acceptedFiles.length > 0,
|
|
189
|
-
isDisabled: disabled
|
|
196
|
+
isDisabled: disabled,
|
|
197
|
+
alert: alert
|
|
190
198
|
}, rest), {}, {
|
|
191
199
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneInput, {
|
|
192
200
|
ref: fileInputRef,
|
|
@@ -235,8 +243,7 @@ var Dropzone = function Dropzone(_ref) {
|
|
|
235
243
|
name: file.type.split('/').includes('pdf') ? 'pdf' : file.type.split('/').includes('csv') ? 'csv' : file.type.split('/').includes('xls') ? 'xls' : 'file',
|
|
236
244
|
size: "30",
|
|
237
245
|
color: "neutral.black"
|
|
238
|
-
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.
|
|
239
|
-
isFileName: true,
|
|
246
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneFilename, {
|
|
240
247
|
children: file.name
|
|
241
248
|
})]
|
|
242
249
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneRemoveButton, {
|
|
@@ -286,17 +293,28 @@ var Dropzone = function Dropzone(_ref) {
|
|
|
286
293
|
ease: 'easeInOut',
|
|
287
294
|
delay: 0.2
|
|
288
295
|
},
|
|
289
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(
|
|
290
|
-
|
|
291
|
-
|
|
292
|
-
|
|
293
|
-
color: "neutral.neutral5"
|
|
294
|
-
})
|
|
296
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
297
|
+
name: icon || 'arrow-up-circle',
|
|
298
|
+
size: 48,
|
|
299
|
+
color: "neutral.neutral5"
|
|
295
300
|
})
|
|
296
|
-
}), /*#__PURE__*/(0, _jsxRuntime.
|
|
297
|
-
|
|
298
|
-
|
|
299
|
-
children:
|
|
301
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
|
|
302
|
+
direction: "column",
|
|
303
|
+
alignItems: "center",
|
|
304
|
+
children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
|
|
305
|
+
fontWeight: "600",
|
|
306
|
+
fontSize: "xs",
|
|
307
|
+
alert: alert,
|
|
308
|
+
children: title
|
|
309
|
+
}), helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.DropzoneText, {
|
|
310
|
+
fontSize: "xxs",
|
|
311
|
+
textAlign: "center",
|
|
312
|
+
color: "neutral.neutral2",
|
|
313
|
+
alert: alert,
|
|
314
|
+
children: helperText || 'ou solte um arquivo aqui'
|
|
315
|
+
})]
|
|
316
|
+
}), !disabledButton && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.DropzoneButton, {
|
|
317
|
+
children: [buttonText || 'Selecionar um arquivo', " "]
|
|
300
318
|
})]
|
|
301
319
|
})
|
|
302
320
|
})
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { DropzoneAlertType } from './types';
|
|
2
3
|
export declare const DropzoneContainer: import("@emotion/styled").StyledComponent<{
|
|
3
4
|
theme?: import("@emotion/react").Theme | undefined;
|
|
4
5
|
as?: import("react").ElementType<any> | undefined;
|
|
5
6
|
} & {
|
|
7
|
+
alert?: DropzoneAlertType | undefined;
|
|
6
8
|
isDraggingOver: boolean;
|
|
7
9
|
haveItems: boolean;
|
|
8
10
|
isDisabled?: boolean | undefined;
|
|
@@ -29,17 +31,29 @@ export declare const DropzoneRemoveButton: import("@emotion/styled").StyledCompo
|
|
|
29
31
|
theme?: import("@emotion/react").Theme | undefined;
|
|
30
32
|
as?: import("react").ElementType<any> | undefined;
|
|
31
33
|
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
32
|
-
export declare const
|
|
34
|
+
export declare const DropzoneFilename: import("@emotion/styled").StyledComponent<{
|
|
33
35
|
theme?: import("@emotion/react").Theme | undefined;
|
|
34
36
|
as?: import("react").ElementType<any> | undefined;
|
|
35
|
-
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<
|
|
36
|
-
export declare const DropzoneText: import("@emotion/styled").StyledComponent<{
|
|
37
|
+
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;
|
|
38
|
+
export declare const DropzoneText: import("@emotion/styled").StyledComponent<import("react").HTMLAttributes<HTMLLabelElement | HTMLParagraphElement> & {
|
|
39
|
+
variant?: "small" | "caption" | "em" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "label" | "p" | "span" | "strong" | undefined;
|
|
40
|
+
color?: import("../..").GlobalColorsProps | (string & {}) | undefined;
|
|
41
|
+
fontSize?: number | "display" | "tiny" | "xxxs" | "xxs" | "xs" | "sm" | "md" | "lg" | "xl" | "xxl" | "xxxl" | "giant" | undefined;
|
|
42
|
+
fontWeight?: "400" | "700" | "100" | "200" | "300" | "500" | "600" | "800" | "900" | "bold" | "normal" | undefined;
|
|
43
|
+
fontStyle?: "inherit" | "initial" | "italic" | "normal" | "oblique" | undefined;
|
|
44
|
+
lineHeight?: string | number | undefined;
|
|
45
|
+
textAlign?: "center" | "end" | "start" | undefined;
|
|
46
|
+
textTransform?: "none" | "capitalize" | "lowercase" | "uppercase" | undefined;
|
|
47
|
+
textDecoration?: "none" | "underline" | "line-through" | undefined;
|
|
48
|
+
letterSpacing?: string | number | undefined;
|
|
49
|
+
htmlFor?: string | undefined;
|
|
50
|
+
children?: import("react").ReactNode;
|
|
51
|
+
} & {
|
|
37
52
|
theme?: import("@emotion/react").Theme | undefined;
|
|
38
|
-
as?: import("react").ElementType<any> | undefined;
|
|
39
53
|
} & {
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
},
|
|
54
|
+
alert?: DropzoneAlertType | undefined;
|
|
55
|
+
subinfo?: boolean | undefined;
|
|
56
|
+
}, {}, {}>;
|
|
43
57
|
export declare const DropzoneButton: import("@emotion/styled").StyledComponent<{
|
|
44
58
|
theme?: import("@emotion/react").Theme | undefined;
|
|
45
59
|
as?: import("react").ElementType<any> | undefined;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/styles.ts"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAG5C,eAAO,MAAM,iBAAiB;;;;;oBAEZ,OAAO;eACZ,OAAO;;yGA6DnB,CAAC;AAEF,eAAO,MAAM,aAAa;;;;;kHAWzB,CAAC;AAEF,eAAO,MAAM,eAAe;;;;;yGAwC3B,CAAC;AAEF,eAAO,MAAM,sBAAsB;;;;oBACjB,OAAO;qHAmCxB,CAAC;AAEF,eAAO,MAAM,oBAAoB;;;qHA8BhC,CAAC;AAEF,eAAO,MAAM,gBAAgB;;;qHAY5B,CAAC;AAEF,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;UAUxB,CAAC;AAEF,eAAO,MAAM,cAAc;;;qHAiB1B,CAAC"}
|
|
@@ -3,26 +3,54 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.DropzoneText = exports.DropzoneRemoveButton = exports.DropzoneInput = exports.DropzoneImageAddButton = exports.
|
|
6
|
+
exports.DropzoneText = exports.DropzoneRemoveButton = exports.DropzoneInput = exports.DropzoneImageAddButton = exports.DropzoneFilename = exports.DropzoneFileBox = exports.DropzoneContainer = exports.DropzoneButton = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = require("@emotion/react");
|
|
9
9
|
|
|
10
10
|
var _styled = _interopRequireDefault(require("@emotion/styled"));
|
|
11
11
|
|
|
12
|
-
var
|
|
12
|
+
var _Typography = _interopRequireDefault(require("../Typography"));
|
|
13
|
+
|
|
14
|
+
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9;
|
|
13
15
|
|
|
14
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
17
|
|
|
16
18
|
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
|
|
17
19
|
|
|
18
|
-
var DropzoneContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n position: relative;\n flex-direction: column;\n justify-content: ", ";\n align-items: ", ";\n flex-wrap: wrap;\n\n ", "\n\n ", "\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: black;\n border-radius: 8px;\n pointer-events: none;\n visibility: hidden;\n opacity: 0;\n }\n\n ", "\n"])), function (
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
return
|
|
24
|
-
}, function (
|
|
25
|
-
|
|
20
|
+
var DropzoneContainer = _styled.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n display: flex;\n position: relative;\n flex-direction: column;\n justify-content: ", ";\n align-items: ", ";\n flex-wrap: wrap;\n\n ", "\n\n ", "\n\n background-color: ", ";\n\n &:after {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n background: black;\n border-radius: 8px;\n pointer-events: none;\n visibility: hidden;\n opacity: 0;\n }\n\n ", "\n"])), function (_ref) {
|
|
21
|
+
var haveItems = _ref.haveItems;
|
|
22
|
+
return haveItems ? 'flex-start' : 'center';
|
|
23
|
+
}, function (_ref2) {
|
|
24
|
+
var haveItems = _ref2.haveItems;
|
|
25
|
+
return haveItems ? 'flex-start' : 'center';
|
|
26
|
+
}, function (_ref3) {
|
|
27
|
+
var isDisabled = _ref3.isDisabled;
|
|
28
|
+
return isDisabled && 'opacity: 0.5;';
|
|
29
|
+
}, function (_ref4) {
|
|
30
|
+
var haveItems = _ref4.haveItems,
|
|
31
|
+
alert = _ref4.alert,
|
|
32
|
+
theme = _ref4.theme,
|
|
33
|
+
isDisabled = _ref4.isDisabled;
|
|
34
|
+
|
|
35
|
+
if (!haveItems) {
|
|
36
|
+
var borderColor = alert && !isDisabled ? theme.colors[alert].default : theme.colors.neutral.neutral3;
|
|
37
|
+
return "\n padding: 3.875rem 1.625rem;\n border: 2px dashed ".concat(borderColor, ";\n border-radius: 8px;\n ");
|
|
38
|
+
}
|
|
39
|
+
}, function (_ref5) {
|
|
40
|
+
var alert = _ref5.alert,
|
|
41
|
+
theme = _ref5.theme,
|
|
42
|
+
haveItems = _ref5.haveItems,
|
|
43
|
+
isDisabled = _ref5.isDisabled;
|
|
44
|
+
|
|
45
|
+
if (alert && !isDisabled && !haveItems) {
|
|
46
|
+
return "".concat(theme.colors[alert].blurred, "33");
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
if (isDisabled) {
|
|
50
|
+
return theme.colors.neutral.neutral1;
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
return 'transparent';
|
|
26
54
|
}, function (props) {
|
|
27
55
|
return props.isDraggingOver && !props.haveItems && !props.isDisabled && (0, _react.css)(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n &:after {\n opacity: 0.1;\n visibility: visible;\n }\n "])));
|
|
28
56
|
});
|
|
@@ -65,25 +93,22 @@ var DropzoneRemoveButton = _styled.default.button(_templateObject6 || (_template
|
|
|
65
93
|
|
|
66
94
|
exports.DropzoneRemoveButton = DropzoneRemoveButton;
|
|
67
95
|
|
|
68
|
-
var
|
|
69
|
-
return props.theme.
|
|
96
|
+
var DropzoneFilename = _styled.default.p(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n font-family: inherit;\n text-align: center;\n font-size: ", ";\n text-align: center;\n margin: 0;\n padding: 0;\n color: ", ";\n\n max-width: 70%;\n text-overflow: ellipsis;\n overflow: hidden;\n"])), function (props) {
|
|
97
|
+
return props.theme.fontSizes.xxs;
|
|
70
98
|
}, function (props) {
|
|
71
|
-
return props.theme.breakpoints.md;
|
|
72
|
-
});
|
|
73
|
-
|
|
74
|
-
exports.DropzoneIcon = DropzoneIcon;
|
|
75
|
-
|
|
76
|
-
var DropzoneText = _styled.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n font-family: inherit;\n text-align: center;\n font-size: 1rem;\n text-align: center;\n margin: 0;\n padding: 0;\n color: ", ";\n\n ", "\n\n ", "\n"])), function (props) {
|
|
77
99
|
return props.theme.colors.neutral.neutral2;
|
|
78
|
-
}, function (props) {
|
|
79
|
-
return props.isFileName && (0, _react.css)(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n max-width: 70%;\n text-overflow: ellipsis;\n overflow: hidden;\n "])));
|
|
80
|
-
}, function (props) {
|
|
81
|
-
return props.isHiddenOnMobile && (0, _react.css)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: none;\n\n @media screen and (min-width: ", ") {\n display: block;\n }\n "])), props.theme.breakpoints.sm);
|
|
82
100
|
});
|
|
83
101
|
|
|
102
|
+
exports.DropzoneFilename = DropzoneFilename;
|
|
103
|
+
var DropzoneText = (0, _styled.default)(_Typography.default)(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n color: ", ";\n"])), function (_ref6) {
|
|
104
|
+
var alert = _ref6.alert,
|
|
105
|
+
theme = _ref6.theme,
|
|
106
|
+
subinfo = _ref6.subinfo;
|
|
107
|
+
return alert ? subinfo ? theme.colors[alert].default + '66' : theme.colors[alert].default : 'initial';
|
|
108
|
+
});
|
|
84
109
|
exports.DropzoneText = DropzoneText;
|
|
85
110
|
|
|
86
|
-
var DropzoneButton = _styled.default.button(
|
|
111
|
+
var DropzoneButton = _styled.default.button(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n font-family: inherit;\n font-weight: 600;\n font-size: 1rem;\n padding: 0.875rem 1.5rem;\n border-radius: 0.5rem;\n background-color: transparent;\n color: ", ";\n border: 2px solid ", ";\n display: none;\n\n @media screen and (min-width: ", ") {\n display: block;\n }\n"])), function (props) {
|
|
87
112
|
return props.theme.colorMode === 'light' ? props.theme.colors.neutral.black : props.theme.colors.neutral.white;
|
|
88
113
|
}, function (props) {
|
|
89
114
|
return props.theme.colors.neutral.neutral2;
|
|
@@ -1,6 +1,14 @@
|
|
|
1
1
|
import { HTMLAttributes, DragEvent as ReactDragEvent } from 'react';
|
|
2
2
|
import { ExtendThemeProps } from './../../shared/theme/theme.types';
|
|
3
|
+
import { IconName } from '../Icon/types';
|
|
4
|
+
export declare type DropzoneAlertType = 'success' | 'error' | 'warning' | 'informative' | 'critical' | 'success_secondary' | 'warning_secondary';
|
|
3
5
|
export declare type DropzoneProps = HTMLAttributes<HTMLDivElement> & {
|
|
6
|
+
alert?: DropzoneAlertType;
|
|
7
|
+
helperText?: string;
|
|
8
|
+
icon?: IconName;
|
|
9
|
+
title?: string;
|
|
10
|
+
disabledButton?: boolean;
|
|
11
|
+
buttonText?: string;
|
|
4
12
|
multiple?: boolean;
|
|
5
13
|
disabled?: boolean;
|
|
6
14
|
accept?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Dropzone/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,IAAI,cAAc,EAAE,MAAM,OAAO,CAAC;AACpE,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,oBAAY,iBAAiB,GACzB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,CAAC;AAExB,oBAAY,aAAa,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG;IAC3D,KAAK,CAAC,EAAE,iBAAiB,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IAC3C,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,CAAC;IACzC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,cAAc,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;CAC/D,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,KAAK,CAAC,EAAE,gBAAgB,CAAC;CAC1B,CAAC;AAEF,oBAAY,SAAS,GAAG,IAAI,GAAG;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"dash.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/dash.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;
|
|
1
|
+
{"version":3,"file":"dash.d.ts","sourceRoot":"","sources":["../../../../src/components/Icon/data/dash.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,SAAS;;;;;;;GAixFrB,CAAC"}
|