@dreamcommerce/aurora 2.16.8-3 → 2.16.8-5

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.
@@ -42,15 +42,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
42
42
 
43
43
  var modalId = "image-picker-editor-".concat(id);
44
44
 
45
- var _useState = React.useState(''),
45
+ var _useState = React.useState(),
46
46
  _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
47
- initialImageDataUrl = _useState2[0],
48
- setInitialImageDataUrl = _useState2[1];
47
+ initialImage = _useState2[0],
48
+ setInitialImage = _useState2[1];
49
49
 
50
- var _useState3 = React.useState(''),
50
+ var _useState3 = React.useState(),
51
51
  _useState4 = _rollupPluginBabelHelpers.slicedToArray(_useState3, 2),
52
- fileDataUrl = _useState4[0],
53
- setFileDataUrl = _useState4[1];
52
+ image = _useState4[0],
53
+ setImage = _useState4[1];
54
54
 
55
55
  var _useState5 = React.useState(''),
56
56
  _useState6 = _rollupPluginBabelHelpers.slicedToArray(_useState5, 2),
@@ -70,7 +70,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
70
70
  while (1) switch (_context.prev = _context.next) {
71
71
  case 0:
72
72
  fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
73
- setFileDataUrl(fileAsDataUrl);
73
+ fileList && setImage(fileList[0]);
74
74
  onChange === null || onChange === void 0 || onChange({
75
75
  fileList: fileList,
76
76
  fileAsDataUrl: fileAsDataUrl
@@ -116,13 +116,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
116
116
 
117
117
  React.useEffect(function () {
118
118
  initialImageFile.current = initialFile;
119
- return function () {
120
- var _pendingRequestRef$cu;
121
119
 
122
- return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
123
- };
124
- }, []);
125
- React.useEffect(function () {
126
120
  var createFileFromUrl = /*#__PURE__*/function () {
127
121
  var _ref3 = _rollupPluginBabelHelpers.asyncToGenerator( /*#__PURE__*/_rollupPluginBabelHelpers.regeneratorRuntime().mark(function _callee2(fileData) {
128
122
  var response, data, file;
@@ -140,7 +134,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
140
134
  case 5:
141
135
  data = _context2.sent;
142
136
  file = new File([data], fileData.fileName);
143
- setInitialImageDataUrl(URL.createObjectURL(file));
137
+ setInitialImage(file);
144
138
 
145
139
  case 8:
146
140
  case "end":
@@ -156,16 +150,21 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
156
150
 
157
151
  if (!initialImageFile.current) return;
158
152
  createFileFromUrl(initialImageFile.current);
159
- }, [initialImageFile.current]);
153
+ return function () {
154
+ var _pendingRequestRef$cu;
155
+
156
+ return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
157
+ };
158
+ }, []);
160
159
  React.useEffect(function () {
161
- if (fileDataUrl) {
162
- setPinturaSrc(fileDataUrl);
163
- } else if (initialImageDataUrl) {
164
- setPinturaSrc(initialImageDataUrl);
160
+ if (image) {
161
+ setPinturaSrc(image);
162
+ } else if (initialImage) {
163
+ setPinturaSrc(initialImage);
165
164
  } else {
166
165
  setPinturaSrc('');
167
166
  }
168
- }, [fileDataUrl, initialImageDataUrl]);
167
+ }, [image, initialImage]);
169
168
  return /*#__PURE__*/React__default['default'].createElement(React__default['default'].Fragment, null, /*#__PURE__*/React__default['default'].createElement(index['default'], {
170
169
  id: id,
171
170
  name: name,
@@ -176,10 +175,11 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
176
175
  initialFile: initialImageFile.current,
177
176
  onImageSizeUpdated: onImageSizeUpdated,
178
177
  topButtons: hasImageEditor && /*#__PURE__*/React__default['default'].createElement("button", {
179
- className: "".concat(main_module['default'][css_classes['default'].imagePickerEditButton], " js__image-editor-trigger"),
178
+ className: main_module['default'][css_classes['default'].imagePickerEditButton],
180
179
  onClick: function onClick() {
181
180
  return showModal(modalId);
182
- }
181
+ },
182
+ type: "button"
183
183
  }, /*#__PURE__*/React__default['default'].createElement(icon_image['default'], null), "Edytuj"),
184
184
  editedImageResult: pinturaResult
185
185
  }), /*#__PURE__*/React__default['default'].createElement(modal.ModalNew, {
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var styleInject_es = require('../../../../../external/style-inject/dist/style-inject.es.js');
6
6
 
7
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n display: flex;\n gap: 4px;\n background-color: #ffffff;\n background-image: none;\n border: 0;\n border-radius: 2px;\n padding: 0.5rem;\n font-size: 12px;\n color: #3c83ec;\n cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
7
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n display: flex;\n align-items: center;\n gap: 4px;\n background-color: #ffffff;\n background-image: none;\n border: 0;\n border-radius: 2px;\n padding: 0.5rem;\n font-size: 12px;\n color: #3c83ec;\n cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
8
8
  var styles = {
9
9
  "image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
10
10
  "image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
@@ -1,7 +1,7 @@
1
1
  import '@pqina/pintura/pintura.css';
2
2
  import React from 'react';
3
3
  interface IPinturaProps {
4
- src: string;
4
+ src: File | string;
5
5
  height?: string;
6
6
  onPreviewLoaded?: () => void;
7
7
  onEditionDone?: (result: File | undefined) => void;
@@ -34,15 +34,15 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
34
34
 
35
35
  var modalId = "image-picker-editor-".concat(id);
36
36
 
37
- var _useState = useState(''),
37
+ var _useState = useState(),
38
38
  _useState2 = _slicedToArray(_useState, 2),
39
- initialImageDataUrl = _useState2[0],
40
- setInitialImageDataUrl = _useState2[1];
39
+ initialImage = _useState2[0],
40
+ setInitialImage = _useState2[1];
41
41
 
42
- var _useState3 = useState(''),
42
+ var _useState3 = useState(),
43
43
  _useState4 = _slicedToArray(_useState3, 2),
44
- fileDataUrl = _useState4[0],
45
- setFileDataUrl = _useState4[1];
44
+ image = _useState4[0],
45
+ setImage = _useState4[1];
46
46
 
47
47
  var _useState5 = useState(''),
48
48
  _useState6 = _slicedToArray(_useState5, 2),
@@ -62,7 +62,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
62
62
  while (1) switch (_context.prev = _context.next) {
63
63
  case 0:
64
64
  fileList = file.fileList, fileAsDataUrl = file.fileAsDataUrl;
65
- setFileDataUrl(fileAsDataUrl);
65
+ fileList && setImage(fileList[0]);
66
66
  onChange === null || onChange === void 0 || onChange({
67
67
  fileList: fileList,
68
68
  fileAsDataUrl: fileAsDataUrl
@@ -108,13 +108,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
108
108
 
109
109
  useEffect(function () {
110
110
  initialImageFile.current = initialFile;
111
- return function () {
112
- var _pendingRequestRef$cu;
113
111
 
114
- return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
115
- };
116
- }, []);
117
- useEffect(function () {
118
112
  var createFileFromUrl = /*#__PURE__*/function () {
119
113
  var _ref3 = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(fileData) {
120
114
  var response, data, file;
@@ -132,7 +126,7 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
132
126
  case 5:
133
127
  data = _context2.sent;
134
128
  file = new File([data], fileData.fileName);
135
- setInitialImageDataUrl(URL.createObjectURL(file));
129
+ setInitialImage(file);
136
130
 
137
131
  case 8:
138
132
  case "end":
@@ -148,16 +142,21 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
148
142
 
149
143
  if (!initialImageFile.current) return;
150
144
  createFileFromUrl(initialImageFile.current);
151
- }, [initialImageFile.current]);
145
+ return function () {
146
+ var _pendingRequestRef$cu;
147
+
148
+ return (_pendingRequestRef$cu = pendingRequestRef.current) === null || _pendingRequestRef$cu === void 0 ? void 0 : _pendingRequestRef$cu.call(pendingRequestRef);
149
+ };
150
+ }, []);
152
151
  useEffect(function () {
153
- if (fileDataUrl) {
154
- setPinturaSrc(fileDataUrl);
155
- } else if (initialImageDataUrl) {
156
- setPinturaSrc(initialImageDataUrl);
152
+ if (image) {
153
+ setPinturaSrc(image);
154
+ } else if (initialImage) {
155
+ setPinturaSrc(initialImage);
157
156
  } else {
158
157
  setPinturaSrc('');
159
158
  }
160
- }, [fileDataUrl, initialImageDataUrl]);
159
+ }, [image, initialImage]);
161
160
  return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(ImagePicker, {
162
161
  id: id,
163
162
  name: name,
@@ -168,10 +167,11 @@ var XhrImagePicker = function XhrImagePicker(_ref) {
168
167
  initialFile: initialImageFile.current,
169
168
  onImageSizeUpdated: onImageSizeUpdated,
170
169
  topButtons: hasImageEditor && /*#__PURE__*/React.createElement("button", {
171
- className: "".concat(styles[CSS_CLASSES.imagePickerEditButton], " js__image-editor-trigger"),
170
+ className: styles[CSS_CLASSES.imagePickerEditButton],
172
171
  onClick: function onClick() {
173
172
  return showModal(modalId);
174
- }
173
+ },
174
+ type: "button"
175
175
  }, /*#__PURE__*/React.createElement(IconImage, null), "Edytuj"),
176
176
  editedImageResult: pinturaResult
177
177
  }), /*#__PURE__*/React.createElement(ModalNew, {
@@ -1,6 +1,6 @@
1
1
  import styleInject from '../../../../../external/style-inject/dist/style-inject.es.js';
2
2
 
3
- var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n display: flex;\n gap: 4px;\n background-color: #ffffff;\n background-image: none;\n border: 0;\n border-radius: 2px;\n padding: 0.5rem;\n font-size: 12px;\n color: #3c83ec;\n cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
3
+ var css_248z = "/* font colors */\n/* actions */\n/* background */\n/* errors */\n/* borders */\n/* grid */\n/* scrollBar */\n/* sizes */\n.main-module_image-picker__wrapper__2RK3f {\n position: relative;\n border: 1px dashed #abb4cd;\n border-radius: 2px;\n}\n.main-module_image-picker__wrapper-error__kCZeA {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-error__kCZeA:hover {\n border-color: #e60c54;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc {\n position: relative;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__label__1i_Fq {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 46px;\n left: 0;\n}\n.main-module_image-picker__wrapper-has-file__2zmRc .main-module_image-picker__description__1v13N {\n display: none;\n}\n.main-module_image-picker__wrapper__2RK3f:hover {\n border-color: #135cc8;\n}\n.main-module_image-picker__wrapper__2RK3f:hover .main-module_image-picker__upload-icon__3sMvN {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrapper-top-buttons__241RY {\n position: absolute;\n display: flex;\n align-items: center;\n justify-content: flex-end;\n top: 1rem;\n right: 1rem;\n z-index: 10;\n}\n.main-module_image-picker__edit-button__3O-iq {\n display: flex;\n align-items: center;\n gap: 4px;\n background-color: #ffffff;\n background-image: none;\n border: 0;\n border-radius: 2px;\n padding: 0.5rem;\n font-size: 12px;\n color: #3c83ec;\n cursor: pointer;\n}\n.main-module_image-picker__label__1i_Fq {\n cursor: pointer;\n}\n.main-module_image-picker__input__3Wu2I {\n display: none;\n}\n.main-module_image-picker__description__1v13N {\n padding: 2rem 0;\n text-align: center;\n color: #3c83ec;\n}\n.main-module_image-picker__supported-formats__1_R_X {\n font-size: 12px;\n color: #59687e;\n}\n.main-module_image-picker__upload-icon__3sMvN {\n width: 1rem;\n height: auto;\n margin-bottom: 1rem;\n fill: #abb4cd;\n}\n.main-module_image-picker__delete-button__21_kT {\n display: flex;\n align-items: center;\n color: #3c83ec;\n cursor: pointer;\n background: transparent;\n}\n.main-module_image-picker__delete-button__21_kT:hover .main-module_image-picker__delete-label__3v2ot {\n text-decoration: underline;\n}\n.main-module_image-picker__delete-button__21_kT .main-module_image-picker__delete-label__3v2ot {\n color: #3c83ec;\n}\n.main-module_image-picker__delete-button__21_kT svg {\n fill: #3c83ec;\n}\n.main-module_image-picker__wrong-file-format-icon__X-NL0 {\n margin: 2rem 0 0.5rem;\n fill: #ffffff;\n}\n.main-module_image-picker__delete-icon__30pkO {\n fill: #3c83ec;\n margin-right: 0.5rem;\n}\n.main-module_image-picker__selected-file__3bRqa {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 46px;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd,\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n padding: 1rem;\n}\n.main-module_image-picker__selected-file-remove-wrapper__2v4W2 {\n display: flex;\n justify-content: flex-end;\n}\n.main-module_image-picker__selected-file-name-wrapper__37MKd {\n color: #59687e;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU {\n display: flex;\n align-items: center;\n justify-content: center;\n}\n.main-module_image-picker__image-preview-wrapper__1jPXU svg {\n fill: transparent;\n}\n.main-module_image-picker__image-preview__12pRu {\n max-width: 100%;\n max-height: 100%;\n}\n.main-module_image-picker__error-text__rXAvw {\n margin-top: 0.5rem;\n color: #e60c54;\n}\n";
4
4
  var styles = {
5
5
  "image-picker__wrapper": "main-module_image-picker__wrapper__2RK3f",
6
6
  "image-picker__wrapper-error": "main-module_image-picker__wrapper-error__kCZeA",
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@dreamcommerce/aurora",
3
3
  "packageManager": "yarn@3.2.0",
4
4
  "sideEffects": false,
5
- "version": "2.16.8-3",
5
+ "version": "2.16.8-5",
6
6
  "description": "aurora",
7
7
  "author": "k0ssak",
8
8
  "license": "MIT",