@popsure/dirty-swan 0.29.2 → 0.30.0

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.
Files changed (17) hide show
  1. package/dist/cjs/index.js +3 -3
  2. package/dist/esm/components/comparisonTable/components/TableArrows/index.js +1 -1
  3. package/dist/esm/components/comparisonTable/components/TableRating/index.js +1 -1
  4. package/dist/esm/components/multiDropzone/UploadFileCell/index.js +1 -1
  5. package/dist/esm/components/multiDropzone/index.js +1 -1
  6. package/dist/esm/components/multiDropzone/index.test.js +1 -1
  7. package/dist/esm/{index-be398f1d.js → index-6ced5532.js} +2 -2
  8. package/dist/esm/{index-be398f1d.js.map → index-6ced5532.js.map} +1 -1
  9. package/dist/esm/index.js +1 -1
  10. package/dist/esm/scss/public/demo.js +1 -1
  11. package/dist/esm/scss/public/demo.js.map +1 -1
  12. package/dist/index.css +4 -4
  13. package/dist/lib/scss/public/colors/default.scss +1 -1
  14. package/dist/lib/scss/public/demo.tsx +1 -1
  15. package/package.json +1 -1
  16. package/src/lib/scss/public/colors/default.scss +1 -1
  17. package/src/lib/scss/public/demo.tsx +1 -1
package/dist/cjs/index.js CHANGED
@@ -8443,7 +8443,7 @@ var icons = {
8443
8443
  uploadSmallIcon: uploadSmallSvg,
8444
8444
  };
8445
8445
 
8446
- var css_248z$n = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n padding: 8px 16px;\n border: 1px solid #d2d2d8;\n border-radius: 8px;\n background-color: white;\n animation: style-module_appear-down__14rCV 0.6s;\n animation-fill-mode: both;\n animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n border-color: #e55454;\n background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n display: flex;\n align-items: center;\n}\n\n.style-module_main-icon__335_Y {\n width: 16px;\n height: 20px;\n margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n overflow-wrap: anywhere;\n}\n\n.style-module_progress-bar-container__2JCBO {\n position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n background-color: #f5f5fa;\n border-radius: 10px;\n height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n background-color: #8e8cee;\n border-radius: 10px;\n height: 4px;\n position: absolute;\n bottom: 0;\n transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n display: flex;\n justify-content: flex-end;\n min-width: 32px;\n margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n cursor: pointer;\n}\n\n.style-module_remove-icon__2FWBQ {\n margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n pointer-events: none;\n cursor: default;\n}\n\n@keyframes style-module_appear-down__14rCV {\n from {\n transform: translateY(-10px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
8446
+ var css_248z$n = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n padding: 8px 16px;\n border: 1px solid #d2d2d8;\n border-radius: 8px;\n background-color: white;\n animation: style-module_appear-down__14rCV 0.6s;\n animation-fill-mode: both;\n animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n border-color: #e55454;\n background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n display: flex;\n align-items: center;\n}\n\n.style-module_main-icon__335_Y {\n width: 16px;\n height: 20px;\n margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n overflow-wrap: anywhere;\n}\n\n.style-module_progress-bar-container__2JCBO {\n position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n background-color: #f5f6fb;\n border-radius: 10px;\n height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n background-color: #8e8cee;\n border-radius: 10px;\n height: 4px;\n position: absolute;\n bottom: 0;\n transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n display: flex;\n justify-content: flex-end;\n min-width: 32px;\n margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n cursor: pointer;\n}\n\n.style-module_remove-icon__2FWBQ {\n margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n pointer-events: none;\n cursor: default;\n}\n\n@keyframes style-module_appear-down__14rCV {\n from {\n transform: translateY(-10px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
8447
8447
  var styles$m = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","view-icon":"style-module_view-icon__3UenG","remove-icon":"style-module_remove-icon__2FWBQ","disabled":"style-module_disabled__s-DR1"};
8448
8448
  styleInject(css_248z$n);
8449
8449
 
@@ -13666,7 +13666,7 @@ var ArrowIcon = function (_a) {
13666
13666
  return (jsxRuntime.jsx("svg", __assign({ width: "14", height: "8", viewBox: "0 0 14 8", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsxRuntime.jsx("path", { d: "M1 1.00003L7 7.00003L13 1.00003", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }, void 0) }), void 0));
13667
13667
  };
13668
13668
 
13669
- var css_248z$7 = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n@media (min-width: 34rem) {\n .style-module_container__3BxOi {\n display: none;\n }\n}\n\n.style-module_next__3yJsi {\n transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n width: 32px;\n height: 32px;\n z-index: 3;\n padding: 0;\n border-radius: 50%;\n background-color: #f5f5fa;\n justify-content: center;\n align-items: center;\n stroke: #e6e5ff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n background-color: #f5f5fa;\n cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n background-color: #f5f5fa;\n cursor: pointer;\n}";
13669
+ var css_248z$7 = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n@media (min-width: 34rem) {\n .style-module_container__3BxOi {\n display: none;\n }\n}\n\n.style-module_next__3yJsi {\n transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n width: 32px;\n height: 32px;\n z-index: 3;\n padding: 0;\n border-radius: 50%;\n background-color: #f5f6fb;\n justify-content: center;\n align-items: center;\n stroke: #e6e5ff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n background-color: #f5f6fb;\n cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n background-color: #f5f6fb;\n cursor: pointer;\n}";
13670
13670
  var styles$6 = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB"};
13671
13671
  styleInject(css_248z$7);
13672
13672
 
@@ -13712,7 +13712,7 @@ var ZapIcon = function (_a) {
13712
13712
  return (jsxRuntime.jsx("svg", __assign({ width: "12", height: "12", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, { children: jsxRuntime.jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.492 1.124A1 1 0 005.732.36l-5 6A1 1 0 001.5 8h3.367l-.36 2.876a1 1 0 001.761.764l5-6A1 1 0 0010.5 4H7.133l.36-2.876z" }, void 0) }), void 0));
13713
13713
  };
13714
13714
 
13715
- var css_248z$4 = ".style-module_icon__1ep7- {\n margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n fill: #8e8cee;\n}\n\n.style-module_empty__Ikg_s {\n fill: #f5f5fa;\n}";
13715
+ var css_248z$4 = ".style-module_icon__1ep7- {\n margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n fill: #8e8cee;\n}\n\n.style-module_empty__Ikg_s {\n fill: #f5f6fb;\n}";
13716
13716
  var styles$3 = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
13717
13717
  styleInject(css_248z$4);
13718
13718
 
package/dist/esm/components/comparisonTable/components/TableArrows/index.js CHANGED
@@ -4,7 +4,7 @@ import { c as classnames } from '../../../../index-e9e37a34.js';
4
4
  import ArrowIcon from './Arrow.js';
5
5
  import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
6
6
 
7
- var css_248z = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n@media (min-width: 34rem) {\n .style-module_container__3BxOi {\n display: none;\n }\n}\n\n.style-module_next__3yJsi {\n transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n width: 32px;\n height: 32px;\n z-index: 3;\n padding: 0;\n border-radius: 50%;\n background-color: #f5f5fa;\n justify-content: center;\n align-items: center;\n stroke: #e6e5ff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n background-color: #f5f5fa;\n cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n background-color: #f5f5fa;\n cursor: pointer;\n}";
7
+ var css_248z = ".style-module_container__3BxOi {\n position: absolute;\n width: 100%;\n height: 100%;\n padding: 0 16px;\n justify-content: space-between;\n align-items: center;\n display: flex;\n}\n@media (min-width: 34rem) {\n .style-module_container__3BxOi {\n display: none;\n }\n}\n\n.style-module_next__3yJsi {\n transform: rotate(-90deg);\n}\n\n.style-module_prev__3rIR_ {\n transform: rotate(90deg);\n}\n\n.style-module_arrow__1tlbD {\n width: 32px;\n height: 32px;\n z-index: 3;\n padding: 0;\n border-radius: 50%;\n background-color: #f5f6fb;\n justify-content: center;\n align-items: center;\n stroke: #e6e5ff;\n}\n.style-module_arrow__1tlbD:hover, .style-module_arrow__1tlbD:focus {\n background-color: #f5f6fb;\n cursor: not-allowed;\n}\n\n.style-module_active__2kklB {\n stroke: #8e8cee;\n}\n.style-module_active__2kklB:hover, .style-module_active__2kklB:focus {\n background-color: #f5f6fb;\n cursor: pointer;\n}";
8
8
  var styles = {"container":"style-module_container__3BxOi","next":"style-module_next__3yJsi","prev":"style-module_prev__3rIR_","arrow":"style-module_arrow__1tlbD","active":"style-module_active__2kklB"};
9
9
  styleInject(css_248z);
10
10
 
package/dist/esm/components/comparisonTable/components/TableRating/index.js CHANGED
@@ -5,7 +5,7 @@ import ZapIcon from './ZapIcon.js';
5
5
  import { s as styleInject } from '../../../../style-inject.es-1f59c1d0.js';
6
6
  import '../../../../tslib.es6-5bc94358.js';
7
7
 
8
- var css_248z = ".style-module_icon__1ep7- {\n margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n fill: #8e8cee;\n}\n\n.style-module_empty__Ikg_s {\n fill: #f5f5fa;\n}";
8
+ var css_248z = ".style-module_icon__1ep7- {\n margin-right: 4px;\n}\n\n.style-module_filled__3l-v0 {\n fill: #8e8cee;\n}\n\n.style-module_empty__Ikg_s {\n fill: #f5f6fb;\n}";
9
9
  var styles = {"icon":"style-module_icon__1ep7-","filled":"style-module_filled__3l-v0","empty":"style-module_empty__Ikg_s"};
10
10
  styleInject(css_248z);
11
11
 
package/dist/esm/components/multiDropzone/UploadFileCell/index.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import '../../../tslib.es6-5bc94358.js';
2
2
  import 'react/jsx-runtime';
3
3
  import '../../../index-e9e37a34.js';
4
- export { U as default } from '../../../index-be398f1d.js';
4
+ export { U as default } from '../../../index-6ced5532.js';
5
5
  import '../../../style-inject.es-1f59c1d0.js';
6
6
  //# sourceMappingURL=index.js.map
package/dist/esm/components/multiDropzone/index.js CHANGED
@@ -6,7 +6,7 @@ import { o as objectAssign } from '../../index-dd80248b.js';
6
6
  import { A as AnimateHeight } from '../../index-21239ab0.js';
7
7
  import { g as generateId } from '../../index-fb46adf9.js';
8
8
  import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
9
- import { i as icons, U as UploadFileCell } from '../../index-be398f1d.js';
9
+ import { i as icons, U as UploadFileCell } from '../../index-6ced5532.js';
10
10
 
11
11
  var propTypes = {exports: {}};
12
12
 
package/dist/esm/components/multiDropzone/index.test.js CHANGED
@@ -14,7 +14,7 @@ import '../../index-dd80248b.js';
14
14
  import '../../index-21239ab0.js';
15
15
  import '../../index-fb46adf9.js';
16
16
  import '../../style-inject.es-1f59c1d0.js';
17
- import '../../index-be398f1d.js';
17
+ import '../../index-6ced5532.js';
18
18
 
19
19
  var mockOnFileSelect = jest.fn();
20
20
  var mockOnRemoveFile = jest.fn();
package/dist/esm/{index-be398f1d.js → index-6ced5532.js} RENAMED
@@ -30,7 +30,7 @@ var icons = {
30
30
  uploadSmallIcon: uploadSmallSvg,
31
31
  };
32
32
 
33
- var css_248z = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n padding: 8px 16px;\n border: 1px solid #d2d2d8;\n border-radius: 8px;\n background-color: white;\n animation: style-module_appear-down__14rCV 0.6s;\n animation-fill-mode: both;\n animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n border-color: #e55454;\n background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n display: flex;\n align-items: center;\n}\n\n.style-module_main-icon__335_Y {\n width: 16px;\n height: 20px;\n margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n overflow-wrap: anywhere;\n}\n\n.style-module_progress-bar-container__2JCBO {\n position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n background-color: #f5f5fa;\n border-radius: 10px;\n height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n background-color: #8e8cee;\n border-radius: 10px;\n height: 4px;\n position: absolute;\n bottom: 0;\n transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n display: flex;\n justify-content: flex-end;\n min-width: 32px;\n margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n cursor: pointer;\n}\n\n.style-module_remove-icon__2FWBQ {\n margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n pointer-events: none;\n cursor: default;\n}\n\n@keyframes style-module_appear-down__14rCV {\n from {\n transform: translateY(-10px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
33
+ var css_248z = ".style-module_upload-file-cell__3nv5i {\n display: flex;\n align-items: center;\n justify-content: space-between;\n height: 64px;\n padding: 8px 16px;\n border: 1px solid #d2d2d8;\n border-radius: 8px;\n background-color: white;\n animation: style-module_appear-down__14rCV 0.6s;\n animation-fill-mode: both;\n animation-delay: 0s;\n}\n\n.style-module_upload-file-cell-error__3KcSe {\n border-color: #e55454;\n background-color: rgba(229, 84, 84, 0.2);\n}\n\n.style-module_cell-left-section__3Iv8c {\n display: flex;\n align-items: center;\n}\n\n.style-module_main-icon__335_Y {\n width: 16px;\n height: 20px;\n margin-right: 16px;\n}\n\n.style-module_upload-display-text__3Rd68 {\n overflow-wrap: anywhere;\n}\n\n.style-module_progress-bar-container__2JCBO {\n position: relative;\n}\n\n.style-module_progress-bar__1Rosf {\n background-color: #f5f6fb;\n border-radius: 10px;\n height: 4px;\n}\n\n.style-module_progress-bar-filler__131fA {\n background-color: #8e8cee;\n border-radius: 10px;\n height: 4px;\n position: absolute;\n bottom: 0;\n transition: 1s ease;\n}\n\n.style-module_cell-right-section__dVWqJ {\n display: flex;\n justify-content: flex-end;\n min-width: 32px;\n margin-left: 16px;\n}\n\n.style-module_cell-right-section-complete__c0rHc {\n min-width: 64px;\n}\n\n.style-module_view-icon__3UenG,\n.style-module_remove-icon__2FWBQ {\n cursor: pointer;\n}\n\n.style-module_remove-icon__2FWBQ {\n margin-left: 16px;\n}\n\n.style-module_disabled__s-DR1 {\n pointer-events: none;\n cursor: default;\n}\n\n@keyframes style-module_appear-down__14rCV {\n from {\n transform: translateY(-10px);\n opacity: 0;\n }\n to {\n transform: translateY(0);\n opacity: 1;\n }\n}";
34
34
  var styles = {"upload-file-cell":"style-module_upload-file-cell__3nv5i","appear-down":"style-module_appear-down__14rCV","upload-file-cell-error":"style-module_upload-file-cell-error__3KcSe","cell-left-section":"style-module_cell-left-section__3Iv8c","main-icon":"style-module_main-icon__335_Y","upload-display-text":"style-module_upload-display-text__3Rd68","progress-bar-container":"style-module_progress-bar-container__2JCBO","progress-bar":"style-module_progress-bar__1Rosf","progress-bar-filler":"style-module_progress-bar-filler__131fA","cell-right-section":"style-module_cell-right-section__dVWqJ","cell-right-section-complete":"style-module_cell-right-section-complete__c0rHc","view-icon":"style-module_view-icon__3UenG","remove-icon":"style-module_remove-icon__2FWBQ","disabled":"style-module_disabled__s-DR1"};
35
35
  styleInject(css_248z);
36
36
 
@@ -66,4 +66,4 @@ var UploadFileCell = function (_a) {
66
66
  };
67
67
 
68
68
  export { UploadFileCell as U, icons as i };
69
- //# sourceMappingURL=index-be398f1d.js.map
69
+ //# sourceMappingURL=index-6ced5532.js.map
package/dist/esm/{index-be398f1d.js.map → index-6ced5532.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"index-be398f1d.js","sources":["../../src/lib/components/multiDropzone/icons/eye.svg","../../src/lib/components/multiDropzone/icons/file.svg","../../src/lib/components/multiDropzone/icons/file-error.svg","../../src/lib/components/multiDropzone/icons/file-upload.svg","../../src/lib/components/multiDropzone/icons/trash.svg","../../src/lib/components/multiDropzone/icons/trash-error.svg","../../src/lib/components/multiDropzone/icons/upload.svg","../../src/lib/components/multiDropzone/icons/upload-small.svg","../../../src/lib/components/multiDropzone/icons/index.ts","../../../src/lib/components/multiDropzone/UploadFileCell/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_14605_3108%29%22%3E%3Cpath%20d%3D%22M0.832031%209.99998C0.832031%209.99998%204.16536%203.33331%209.9987%203.33331C15.832%203.33331%2019.1654%209.99998%2019.1654%209.99998C19.1654%209.99998%2015.832%2016.6666%209.9987%2016.6666C4.16536%2016.6666%200.832031%209.99998%200.832031%209.99998Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.99902%2012.5C11.3797%2012.5%2012.499%2011.3807%2012.499%2010C12.499%208.61929%2011.3797%207.5%209.99902%207.5C8.61831%207.5%207.49902%208.61929%207.49902%2010C7.49902%2011.3807%208.61831%2012.5%209.99902%2012.5Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_14605_3108%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate%28-0.000976562%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8272%2021H2.7284C2.27%2021%201.83037%2020.8084%201.50624%2020.4675C1.1821%2020.1265%201%2019.664%201%2019.1818V6.45455L6.18519%201H14.8272C15.2856%201%2015.7252%201.19156%2016.0493%201.53253C16.3735%201.87351%2016.5556%202.33597%2016.5556%202.81818V19.1818C16.5556%2019.664%2016.3735%2020.1265%2016.0493%2020.4675C15.7252%2020.8084%2015.2856%2021%2014.8272%2021Z%22%20stroke%3D%22%23696970%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.0646%201V4.77358C6.0646%205.27399%205.88674%205.75391%205.57014%206.10775C5.25354%206.46159%204.82414%206.66038%204.3764%206.66038H1%22%20stroke%3D%22%23696970%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8272%2021H2.72839C2.27%2021%201.83037%2020.8084%201.50624%2020.4675C1.1821%2020.1265%201%2019.664%201%2019.1818V6.45455L6.18518%201H14.8272C15.2856%201%2015.7252%201.19156%2016.0493%201.53253C16.3735%201.87351%2016.5556%202.33597%2016.5556%202.81818V19.1818C16.5556%2019.664%2016.3735%2020.1265%2016.0493%2020.4675C15.7252%2020.8084%2015.2856%2021%2014.8272%2021Z%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.0646%201V4.77358C6.0646%205.27399%205.88674%205.75391%205.57014%206.10775C5.25354%206.46159%204.82414%206.66038%204.3764%206.66038H1%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8272%2021H2.72839C2.27%2021%201.83037%2020.8084%201.50624%2020.4675C1.1821%2020.1265%201%2019.664%201%2019.1818V6.45455L6.18518%201H14.8272C15.2856%201%2015.7252%201.19156%2016.0493%201.53253C16.3735%201.87351%2016.5556%202.33597%2016.5556%202.81818V19.1818C16.5556%2019.664%2016.3735%2020.1265%2016.0493%2020.4675C15.7252%2020.8084%2015.2856%2021%2014.8272%2021Z%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.0646%201V4.77358C6.0646%205.27399%205.88674%205.75391%205.57014%206.10775C5.25354%206.46159%204.82414%206.66038%204.3764%206.66038H1%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.5%205H4.16667H17.5%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.66699%205.00002V3.33335C6.66699%202.89133%206.84259%202.4674%207.15515%202.15484C7.46771%201.84228%207.89163%201.66669%208.33366%201.66669H11.667C12.109%201.66669%2012.5329%201.84228%2012.8455%202.15484C13.1581%202.4674%2013.3337%202.89133%2013.3337%203.33335V5.00002M15.8337%205.00002V16.6667C15.8337%2017.1087%2015.6581%2017.5326%2015.3455%2017.8452C15.0329%2018.1578%2014.609%2018.3334%2014.167%2018.3334H5.83366C5.39163%2018.3334%204.96771%2018.1578%204.65515%2017.8452C4.34259%2017.5326%204.16699%2017.1087%204.16699%2016.6667V5.00002H15.8337Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.33301%209.16669V14.1667%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.667%209.16669V14.1667%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.5%205H4.16667H17.5%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.66699%205.00002V3.33335C6.66699%202.89133%206.84259%202.4674%207.15515%202.15484C7.46771%201.84228%207.89163%201.66669%208.33366%201.66669H11.667C12.109%201.66669%2012.5329%201.84228%2012.8455%202.15484C13.1581%202.4674%2013.3337%202.89133%2013.3337%203.33335V5.00002M15.8337%205.00002V16.6667C15.8337%2017.1087%2015.6581%2017.5326%2015.3455%2017.8452C15.0329%2018.1578%2014.609%2018.3334%2014.167%2018.3334H5.83366C5.39163%2018.3334%204.96771%2018.1578%204.65515%2017.8452C4.34259%2017.5326%204.16699%2017.1087%204.16699%2016.6667V5.00002H15.8337Z%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.33301%209.16669V14.1667%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.667%209.16669V14.1667%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M25.589%2052.324H16.6368C12.2734%2052.324%202.91699%2048.3383%202.91699%2038.0351C2.91699%2026.9493%2012.2734%2023.2325%2016.9623%2023.2325C17.6018%2017.8902%2021.1291%207.97805%2034.1238%207.29132C46.6242%207.29132%2052.2035%2018.5714%2051.2854%2026.9756C56.175%2026.6729%2067.0837%2028.8787%2067.0837%2039.8558C67.0837%2049.1926%2057.3044%2052.7417%2052.4147%2052.324H44.7121%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%223.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M35%2063.2981V32.646%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%223.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M27.3428%2040.3045L35.0013%2032.646L42.6599%2040.3045%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%223.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_14605_3119%29%22%3E%3Cpath%20d%3D%22M7.31072%2014.9498H4.75296C3.50626%2014.9498%200.833008%2013.811%200.833008%2010.8673C0.833008%207.69987%203.50626%206.63794%204.84594%206.63794C5.02868%205.11158%206.03646%202.27952%209.74924%202.08331C13.3208%202.08331%2014.9149%205.30618%2014.6525%207.70738C16.0496%207.6209%2019.1663%208.25113%2019.1663%2011.3875C19.1663%2014.0551%2016.3723%2015.0691%2014.9752%2014.9498H12.7745%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2018.0851V9.32739%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.8125%2011.5155L10.0007%209.32739L12.1888%2011.5155%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_14605_3119%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\"","import eyeSvg from './eye.svg';\nimport fileSvg from './file.svg';\nimport fileErrorSvg from './file-error.svg';\nimport fileUploadSvg from './file-upload.svg';\nimport trashSvg from './trash.svg';\nimport trashErrorSvg from './trash-error.svg';\nimport uploadSvg from './upload.svg';\nimport uploadSmallSvg from './upload-small.svg';\n\nexport default {\n eyeIcon: eyeSvg,\n fileErrorIcon: fileErrorSvg,\n fileIcon: fileSvg,\n fileUploadIcon: fileUploadSvg,\n trashIcon: trashSvg,\n trashErrorIcon: trashErrorSvg,\n uploadIcon: uploadSvg,\n uploadSmallIcon: uploadSmallSvg,\n};\n","import React from 'react';\nimport classnames from 'classnames';\n\nimport styles from './style.module.scss';\nimport icons from '../icons/index';\nimport { UploadStatus, UploadedFile } from '../types';\n\ninterface Props {\n uploadStatus: UploadStatus;\n file: UploadedFile;\n onRemoveFile: (id: string) => void;\n uploading: boolean;\n}\n\nconst UploadFileCell: React.FC<Props> = ({\n uploadStatus,\n file,\n onRemoveFile,\n uploading,\n}) => {\n const {\n id,\n error,\n name,\n progress,\n previewUrl,\n showLoadingSpinner = false,\n showProgressBar = true\n } = file;\n\n const isComplete = uploadStatus === 'COMPLETE';\n const isUploading = uploadStatus === 'UPLOADING';\n const hasError = uploadStatus === 'ERROR';\n\n const mapFileIcon: { [k in UploadStatus]: string } = {\n UPLOADING: icons.fileUploadIcon,\n COMPLETE: icons.fileIcon,\n ERROR: icons.fileErrorIcon,\n };\n\n const mapDisplayText: { [s in UploadStatus]: string } = {\n UPLOADING: 'Uploading...',\n COMPLETE: name,\n ERROR: error ?? 'Something went wrong. Try uploading again.',\n };\n\n return (\n <div\n className={classnames(`mt8 ${styles['upload-file-cell']}`, {\n [styles['upload-file-cell-error']]: hasError,\n })}\n >\n <div className={`w100 ${styles['cell-left-section']}`}>\n <img\n className={styles['main-icon']}\n src={mapFileIcon[uploadStatus]}\n alt=\"\"\n />\n <div className=\"w100\">\n <div className={`p-p ${styles['upload-display-text']}`}>\n {mapDisplayText[uploadStatus]}\n </div>\n\n {isUploading && showProgressBar && (\n <div className={`mt8 w100 ${styles['progress-bar-container']}`}>\n <div className={`${styles['progress-bar']}`} />\n <div\n data-testid=\"ds-filecell-progressbar\"\n className={`${styles['progress-bar-filler']}`}\n style={{ width: `${progress}%` }}\n />\n </div>\n )}\n </div>\n </div>\n <div\n className={classnames(styles['cell-right-section'], {\n [styles['cell-right-section-complete']]: isComplete,\n })}\n >\n {isUploading ? (\n <div className={styles.spinner}>\n {showLoadingSpinner && (\n <div\n className='ds-spinner ds-spinner__m'\n data-testid=\"ds-filecell-spinner\"\n />\n )}\n </div>\n ) : (\n <div>\n {isComplete && (\n <a\n className={styles['view-icon']}\n href={previewUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img src={icons.eyeIcon} alt=\"preview\" />\n </a>\n )}\n\n <img\n className={classnames(styles['remove-icon'], {\n [styles.disabled]: uploading,\n })}\n src={hasError ? icons.trashErrorIcon : icons.trashIcon}\n onClick={() => onRemoveFile(id)}\n alt=\"remove\"\n />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default UploadFileCell;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"index-6ced5532.js","sources":["../../src/lib/components/multiDropzone/icons/eye.svg","../../src/lib/components/multiDropzone/icons/file.svg","../../src/lib/components/multiDropzone/icons/file-error.svg","../../src/lib/components/multiDropzone/icons/file-upload.svg","../../src/lib/components/multiDropzone/icons/trash.svg","../../src/lib/components/multiDropzone/icons/trash-error.svg","../../src/lib/components/multiDropzone/icons/upload.svg","../../src/lib/components/multiDropzone/icons/upload-small.svg","../../../src/lib/components/multiDropzone/icons/index.ts","../../../src/lib/components/multiDropzone/UploadFileCell/index.tsx"],"sourcesContent":["export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_14605_3108%29%22%3E%3Cpath%20d%3D%22M0.832031%209.99998C0.832031%209.99998%204.16536%203.33331%209.9987%203.33331C15.832%203.33331%2019.1654%209.99998%2019.1654%209.99998C19.1654%209.99998%2015.832%2016.6666%209.9987%2016.6666C4.16536%2016.6666%200.832031%209.99998%200.832031%209.99998Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M9.99902%2012.5C11.3797%2012.5%2012.499%2011.3807%2012.499%2010C12.499%208.61929%2011.3797%207.5%209.99902%207.5C8.61831%207.5%207.49902%208.61929%207.49902%2010C7.49902%2011.3807%208.61831%2012.5%209.99902%2012.5Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_14605_3108%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%20transform%3D%22translate%28-0.000976562%29%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8272%2021H2.7284C2.27%2021%201.83037%2020.8084%201.50624%2020.4675C1.1821%2020.1265%201%2019.664%201%2019.1818V6.45455L6.18519%201H14.8272C15.2856%201%2015.7252%201.19156%2016.0493%201.53253C16.3735%201.87351%2016.5556%202.33597%2016.5556%202.81818V19.1818C16.5556%2019.664%2016.3735%2020.1265%2016.0493%2020.4675C15.7252%2020.8084%2015.2856%2021%2014.8272%2021Z%22%20stroke%3D%22%23696970%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.0646%201V4.77358C6.0646%205.27399%205.88674%205.75391%205.57014%206.10775C5.25354%206.46159%204.82414%206.66038%204.3764%206.66038H1%22%20stroke%3D%22%23696970%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8272%2021H2.72839C2.27%2021%201.83037%2020.8084%201.50624%2020.4675C1.1821%2020.1265%201%2019.664%201%2019.1818V6.45455L6.18518%201H14.8272C15.2856%201%2015.7252%201.19156%2016.0493%201.53253C16.3735%201.87351%2016.5556%202.33597%2016.5556%202.81818V19.1818C16.5556%2019.664%2016.3735%2020.1265%2016.0493%2020.4675C15.7252%2020.8084%2015.2856%2021%2014.8272%2021Z%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.0646%201V4.77358C6.0646%205.27399%205.88674%205.75391%205.57014%206.10775C5.25354%206.46159%204.82414%206.66038%204.3764%206.66038H1%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2222%22%20viewBox%3D%220%200%2018%2022%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M14.8272%2021H2.72839C2.27%2021%201.83037%2020.8084%201.50624%2020.4675C1.1821%2020.1265%201%2019.664%201%2019.1818V6.45455L6.18518%201H14.8272C15.2856%201%2015.7252%201.19156%2016.0493%201.53253C16.3735%201.87351%2016.5556%202.33597%2016.5556%202.81818V19.1818C16.5556%2019.664%2016.3735%2020.1265%2016.0493%2020.4675C15.7252%2020.8084%2015.2856%2021%2014.8272%2021Z%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.0646%201V4.77358C6.0646%205.27399%205.88674%205.75391%205.57014%206.10775C5.25354%206.46159%204.82414%206.66038%204.3764%206.66038H1%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.5%205H4.16667H17.5%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.66699%205.00002V3.33335C6.66699%202.89133%206.84259%202.4674%207.15515%202.15484C7.46771%201.84228%207.89163%201.66669%208.33366%201.66669H11.667C12.109%201.66669%2012.5329%201.84228%2012.8455%202.15484C13.1581%202.4674%2013.3337%202.89133%2013.3337%203.33335V5.00002M15.8337%205.00002V16.6667C15.8337%2017.1087%2015.6581%2017.5326%2015.3455%2017.8452C15.0329%2018.1578%2014.609%2018.3334%2014.167%2018.3334H5.83366C5.39163%2018.3334%204.96771%2018.1578%204.65515%2017.8452C4.34259%2017.5326%204.16699%2017.1087%204.16699%2016.6667V5.00002H15.8337Z%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.33301%209.16669V14.1667%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.667%209.16669V14.1667%22%20stroke%3D%22%23D2D2D8%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M2.5%205H4.16667H17.5%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M6.66699%205.00002V3.33335C6.66699%202.89133%206.84259%202.4674%207.15515%202.15484C7.46771%201.84228%207.89163%201.66669%208.33366%201.66669H11.667C12.109%201.66669%2012.5329%201.84228%2012.8455%202.15484C13.1581%202.4674%2013.3337%202.89133%2013.3337%203.33335V5.00002M15.8337%205.00002V16.6667C15.8337%2017.1087%2015.6581%2017.5326%2015.3455%2017.8452C15.0329%2018.1578%2014.609%2018.3334%2014.167%2018.3334H5.83366C5.39163%2018.3334%204.96771%2018.1578%204.65515%2017.8452C4.34259%2017.5326%204.16699%2017.1087%204.16699%2016.6667V5.00002H15.8337Z%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M8.33301%209.16669V14.1667%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M11.667%209.16669V14.1667%22%20stroke%3D%22%23E55454%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2270%22%20height%3D%2270%22%20viewBox%3D%220%200%2070%2070%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M25.589%2052.324H16.6368C12.2734%2052.324%202.91699%2048.3383%202.91699%2038.0351C2.91699%2026.9493%2012.2734%2023.2325%2016.9623%2023.2325C17.6018%2017.8902%2021.1291%207.97805%2034.1238%207.29132C46.6242%207.29132%2052.2035%2018.5714%2051.2854%2026.9756C56.175%2026.6729%2067.0837%2028.8787%2067.0837%2039.8558C67.0837%2049.1926%2057.3044%2052.7417%2052.4147%2052.324H44.7121%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%223.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M35%2063.2981V32.646%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%223.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M27.3428%2040.3045L35.0013%2032.646L42.6599%2040.3045%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%223.08333%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fsvg%3E\"","export default \"data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20clip-path%3D%22url%28%23clip0_14605_3119%29%22%3E%3Cpath%20d%3D%22M7.31072%2014.9498H4.75296C3.50626%2014.9498%200.833008%2013.811%200.833008%2010.8673C0.833008%207.69987%203.50626%206.63794%204.84594%206.63794C5.02868%205.11158%206.03646%202.27952%209.74924%202.08331C13.3208%202.08331%2014.9149%205.30618%2014.6525%207.70738C16.0496%207.6209%2019.1663%208.25113%2019.1663%2011.3875C19.1663%2014.0551%2016.3723%2015.0691%2014.9752%2014.9498H12.7745%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M10%2018.0851V9.32739%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3Cpath%20d%3D%22M7.8125%2011.5155L10.0007%209.32739L12.1888%2011.5155%22%20stroke%3D%22%238E8CEE%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22clip0_14605_3119%22%3E%3Crect%20width%3D%2220%22%20height%3D%2220%22%20fill%3D%22white%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3C%2Fsvg%3E\"","import eyeSvg from './eye.svg';\nimport fileSvg from './file.svg';\nimport fileErrorSvg from './file-error.svg';\nimport fileUploadSvg from './file-upload.svg';\nimport trashSvg from './trash.svg';\nimport trashErrorSvg from './trash-error.svg';\nimport uploadSvg from './upload.svg';\nimport uploadSmallSvg from './upload-small.svg';\n\nexport default {\n eyeIcon: eyeSvg,\n fileErrorIcon: fileErrorSvg,\n fileIcon: fileSvg,\n fileUploadIcon: fileUploadSvg,\n trashIcon: trashSvg,\n trashErrorIcon: trashErrorSvg,\n uploadIcon: uploadSvg,\n uploadSmallIcon: uploadSmallSvg,\n};\n","import React from 'react';\nimport classnames from 'classnames';\n\nimport styles from './style.module.scss';\nimport icons from '../icons/index';\nimport { UploadStatus, UploadedFile } from '../types';\n\ninterface Props {\n uploadStatus: UploadStatus;\n file: UploadedFile;\n onRemoveFile: (id: string) => void;\n uploading: boolean;\n}\n\nconst UploadFileCell: React.FC<Props> = ({\n uploadStatus,\n file,\n onRemoveFile,\n uploading,\n}) => {\n const {\n id,\n error,\n name,\n progress,\n previewUrl,\n showLoadingSpinner = false,\n showProgressBar = true\n } = file;\n\n const isComplete = uploadStatus === 'COMPLETE';\n const isUploading = uploadStatus === 'UPLOADING';\n const hasError = uploadStatus === 'ERROR';\n\n const mapFileIcon: { [k in UploadStatus]: string } = {\n UPLOADING: icons.fileUploadIcon,\n COMPLETE: icons.fileIcon,\n ERROR: icons.fileErrorIcon,\n };\n\n const mapDisplayText: { [s in UploadStatus]: string } = {\n UPLOADING: 'Uploading...',\n COMPLETE: name,\n ERROR: error ?? 'Something went wrong. Try uploading again.',\n };\n\n return (\n <div\n className={classnames(`mt8 ${styles['upload-file-cell']}`, {\n [styles['upload-file-cell-error']]: hasError,\n })}\n >\n <div className={`w100 ${styles['cell-left-section']}`}>\n <img\n className={styles['main-icon']}\n src={mapFileIcon[uploadStatus]}\n alt=\"\"\n />\n <div className=\"w100\">\n <div className={`p-p ${styles['upload-display-text']}`}>\n {mapDisplayText[uploadStatus]}\n </div>\n\n {isUploading && showProgressBar && (\n <div className={`mt8 w100 ${styles['progress-bar-container']}`}>\n <div className={`${styles['progress-bar']}`} />\n <div\n data-testid=\"ds-filecell-progressbar\"\n className={`${styles['progress-bar-filler']}`}\n style={{ width: `${progress}%` }}\n />\n </div>\n )}\n </div>\n </div>\n <div\n className={classnames(styles['cell-right-section'], {\n [styles['cell-right-section-complete']]: isComplete,\n })}\n >\n {isUploading ? (\n <div className={styles.spinner}>\n {showLoadingSpinner && (\n <div\n className='ds-spinner ds-spinner__m'\n data-testid=\"ds-filecell-spinner\"\n />\n )}\n </div>\n ) : (\n <div>\n {isComplete && (\n <a\n className={styles['view-icon']}\n href={previewUrl}\n target=\"_blank\"\n rel=\"noopener noreferrer\"\n >\n <img src={icons.eyeIcon} alt=\"preview\" />\n </a>\n )}\n\n <img\n className={classnames(styles['remove-icon'], {\n [styles.disabled]: uploading,\n })}\n src={hasError ? icons.trashErrorIcon : icons.trashIcon}\n onClick={() => onRemoveFile(id)}\n alt=\"remove\"\n />\n </div>\n )}\n </div>\n </div>\n );\n};\n\nexport default UploadFileCell;\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
package/dist/esm/index.js CHANGED
@@ -33,7 +33,7 @@ import './index-1463d5e9.js';
33
33
  import './index-fb46adf9.js';
34
34
  import './index-dd80248b.js';
35
35
  import './index-21239ab0.js';
36
- import './index-be398f1d.js';
36
+ import './index-6ced5532.js';
37
37
  import './useOnClose-d818a54f.js';
38
38
  import './index-171a0108.js';
39
39
  import 'react-dom';
package/dist/esm/scss/public/demo.js CHANGED
@@ -155,7 +155,7 @@ var colors = [
155
155
  {
156
156
  name: 'Grey 200',
157
157
  code: 'grey-200',
158
- hex: '#f5f5fa',
158
+ hex: '#f5f6fb',
159
159
  },
160
160
  {
161
161
  name: 'Grey 300',
package/dist/esm/scss/public/demo.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"demo.js","sources":["../../../../../src/lib/scss/public/demo.tsx"],"sourcesContent":["import React from 'react';\n\nconst colors = [\n {\n name: 'Transparent',\n code: 'transparent',\n hex: 'transparent',\n },\n {\n name: 'White',\n code: 'white',\n hex: '#fff',\n },\n {\n name: 'Primary 25',\n code: 'primary-25',\n hex: '#fcfcff',\n },\n {\n name: 'Primary 50',\n code: 'primary-50',\n hex: '#f7f7ff',\n },\n {\n name: 'Primary 100',\n code: 'primary-100',\n hex: '#e6e5ff',\n },\n {\n name: 'Primary 300',\n code: 'primary-300',\n hex: '#b1b0f5',\n },\n {\n name: 'Primary 500',\n code: 'primary-500',\n hex: '#8e8cee',\n },\n {\n name: 'Primary 700',\n code: 'primary-700',\n hex: '#6160a2',\n },\n {\n name: 'Primary 900',\n code: 'primary-900',\n hex: '#2e2e4c',\n },\n {\n name: 'Blue 100',\n code: 'blue-100',\n hex: '#e5f0ff',\n },\n {\n name: 'Blue 300',\n code: 'blue-300',\n hex: '#b0cdf3',\n },\n {\n name: 'Blue 500',\n code: 'blue-500',\n hex: '#8bb4ea',\n },\n {\n name: 'Blue 700',\n code: 'blue-700',\n hex: '#5f7ba0',\n },\n {\n name: 'Blue 900',\n code: 'blue-900',\n hex: '#2d394a',\n },\n {\n name: 'Glacier 100',\n code: 'glacier-100',\n hex: '#e0f7fe',\n },\n {\n name: 'Glacier 300',\n code: 'glacier-300',\n hex: '#aeddec',\n },\n {\n name: 'Glacier 500',\n code: 'glacier-500',\n hex: '#8bcbdf',\n },\n {\n name: 'Glacier 700',\n code: 'glacier-700',\n hex: '#5d8896',\n },\n {\n name: 'Glacier 900',\n code: 'glacier-900',\n hex: '#2d4148',\n },\n {\n name: 'Red 100',\n code: 'red-100',\n hex: '#fedede',\n },\n {\n name: 'Red 300',\n code: 'red-300',\n hex: '#faa0a0',\n },\n {\n name: 'Red 500',\n code: 'red-500',\n hex: '#e55454',\n },\n {\n name: 'Red 700',\n code: 'red-700',\n hex: '#c64848',\n },\n {\n name: 'Red 900',\n code: 'red-900',\n hex: '#4b2525',\n },\n {\n name: 'Pink 100',\n code: 'pink-100',\n hex: '#ffebf1',\n },\n {\n name: 'Pink 300',\n code: 'pink-300',\n hex: '#ffb1cb',\n },\n {\n name: 'Pink 500',\n code: 'pink-500',\n hex: '#f96092',\n },\n {\n name: 'Pink 700',\n code: 'pink-700',\n hex: '#c0305f',\n },\n {\n name: 'Pink 900',\n code: 'pink-900',\n hex: '#700024',\n },\n {\n name: 'Grey 100',\n code: 'grey-100',\n hex: '#fafaff',\n },\n {\n name: 'Grey 200',\n code: 'grey-200',\n hex: '#f5f5fa',\n },\n {\n name: 'Grey 300',\n code: 'grey-300',\n hex: '#d2d2d8',\n },\n {\n name: 'Grey 500',\n code: 'grey-500',\n hex: '#91919c',\n },\n {\n name: 'Grey 600',\n code: 'grey-600',\n hex: '#696970',\n },\n {\n name: 'Grey 700',\n code: 'grey-700',\n hex: '#4c4c53',\n },\n {\n name: 'Grey 900',\n code: 'grey-900',\n hex: '#26262e',\n },\n {\n name: 'Green 100',\n code: 'green-100',\n hex: '#e4ffe6',\n },\n {\n name: 'Green 300',\n code: 'green-300',\n hex: '#c4f5c8',\n },\n {\n name: 'Green 500',\n code: 'green-500',\n hex: '#84de8a',\n },\n {\n name: 'Green 700',\n code: 'green-700',\n hex: '#5b985f',\n },\n {\n name: 'Green 900',\n code: 'green-900',\n hex: '#354a2d',\n },\n {\n name: 'Spearmint 100',\n code: 'spearmint-100',\n hex: '#e3fff2',\n },\n {\n name: 'Spearmint 300',\n code: 'spearmint-300',\n hex: '#aaeacc',\n },\n {\n name: 'Spearmint 500',\n code: 'spearmint-500',\n hex: '#85dcb4',\n },\n {\n name: 'Spearmint 700',\n code: 'spearmint-700',\n hex: '#599278',\n },\n {\n name: 'Spearmint 900',\n code: 'spearmint-900',\n hex: '#2b4639',\n },\n {\n name: 'Yellow 100',\n code: 'yellow-100',\n hex: '#fff8e3',\n },\n {\n name: 'Yellow 300',\n code: 'yellow-300',\n hex: '#fae3a5',\n },\n {\n name: 'Yellow 500',\n code: 'yellow-500',\n hex: '#f7ce5c',\n },\n {\n name: 'Yellow 700',\n code: 'yellow-700',\n hex: '#cc9e21',\n },\n {\n name: 'Yellow 900',\n code: 'yellow-900',\n hex: '#4a3d10',\n },\n];\n\nexport const Colors = () => (\n <table style={{ width: '100%' }}>\n <tr\n style={{\n height: '40px',\n lineHeight: '40px',\n textAlign: 'left',\n }}\n >\n <th style={{ fontWeight: 'bold' }}>Color</th>\n <th style={{ fontWeight: 'bold' }}>Name</th>\n <th style={{ fontWeight: 'bold' }}>Sass</th>\n <th style={{ fontWeight: 'bold' }}>Text color class</th>\n <th style={{ fontWeight: 'bold' }}>BG color class</th>\n <th style={{ fontWeight: 'bold' }}>Hex</th>\n </tr>\n {colors.map((color) => (\n <tr style={{ height: '40px', lineHeight: '40px' }}>\n <td>\n <div\n style={{\n width: '24px',\n height: '24px',\n borderRadius: '4px',\n backgroundColor: color.hex,\n }}\n />\n </td>\n <td>{color.name}</td>\n <td>{`$ds-${color.code}`}</td>\n <td>{`tc-${color.code}`}</td>\n <td>{`bg-${color.code}`}</td>\n <td>{color.hex}</td>\n </tr>\n ))}\n </table>\n);\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
1
+ {"version":3,"file":"demo.js","sources":["../../../../../src/lib/scss/public/demo.tsx"],"sourcesContent":["import React from 'react';\n\nconst colors = [\n {\n name: 'Transparent',\n code: 'transparent',\n hex: 'transparent',\n },\n {\n name: 'White',\n code: 'white',\n hex: '#fff',\n },\n {\n name: 'Primary 25',\n code: 'primary-25',\n hex: '#fcfcff',\n },\n {\n name: 'Primary 50',\n code: 'primary-50',\n hex: '#f7f7ff',\n },\n {\n name: 'Primary 100',\n code: 'primary-100',\n hex: '#e6e5ff',\n },\n {\n name: 'Primary 300',\n code: 'primary-300',\n hex: '#b1b0f5',\n },\n {\n name: 'Primary 500',\n code: 'primary-500',\n hex: '#8e8cee',\n },\n {\n name: 'Primary 700',\n code: 'primary-700',\n hex: '#6160a2',\n },\n {\n name: 'Primary 900',\n code: 'primary-900',\n hex: '#2e2e4c',\n },\n {\n name: 'Blue 100',\n code: 'blue-100',\n hex: '#e5f0ff',\n },\n {\n name: 'Blue 300',\n code: 'blue-300',\n hex: '#b0cdf3',\n },\n {\n name: 'Blue 500',\n code: 'blue-500',\n hex: '#8bb4ea',\n },\n {\n name: 'Blue 700',\n code: 'blue-700',\n hex: '#5f7ba0',\n },\n {\n name: 'Blue 900',\n code: 'blue-900',\n hex: '#2d394a',\n },\n {\n name: 'Glacier 100',\n code: 'glacier-100',\n hex: '#e0f7fe',\n },\n {\n name: 'Glacier 300',\n code: 'glacier-300',\n hex: '#aeddec',\n },\n {\n name: 'Glacier 500',\n code: 'glacier-500',\n hex: '#8bcbdf',\n },\n {\n name: 'Glacier 700',\n code: 'glacier-700',\n hex: '#5d8896',\n },\n {\n name: 'Glacier 900',\n code: 'glacier-900',\n hex: '#2d4148',\n },\n {\n name: 'Red 100',\n code: 'red-100',\n hex: '#fedede',\n },\n {\n name: 'Red 300',\n code: 'red-300',\n hex: '#faa0a0',\n },\n {\n name: 'Red 500',\n code: 'red-500',\n hex: '#e55454',\n },\n {\n name: 'Red 700',\n code: 'red-700',\n hex: '#c64848',\n },\n {\n name: 'Red 900',\n code: 'red-900',\n hex: '#4b2525',\n },\n {\n name: 'Pink 100',\n code: 'pink-100',\n hex: '#ffebf1',\n },\n {\n name: 'Pink 300',\n code: 'pink-300',\n hex: '#ffb1cb',\n },\n {\n name: 'Pink 500',\n code: 'pink-500',\n hex: '#f96092',\n },\n {\n name: 'Pink 700',\n code: 'pink-700',\n hex: '#c0305f',\n },\n {\n name: 'Pink 900',\n code: 'pink-900',\n hex: '#700024',\n },\n {\n name: 'Grey 100',\n code: 'grey-100',\n hex: '#fafaff',\n },\n {\n name: 'Grey 200',\n code: 'grey-200',\n hex: '#f5f6fb',\n },\n {\n name: 'Grey 300',\n code: 'grey-300',\n hex: '#d2d2d8',\n },\n {\n name: 'Grey 500',\n code: 'grey-500',\n hex: '#91919c',\n },\n {\n name: 'Grey 600',\n code: 'grey-600',\n hex: '#696970',\n },\n {\n name: 'Grey 700',\n code: 'grey-700',\n hex: '#4c4c53',\n },\n {\n name: 'Grey 900',\n code: 'grey-900',\n hex: '#26262e',\n },\n {\n name: 'Green 100',\n code: 'green-100',\n hex: '#e4ffe6',\n },\n {\n name: 'Green 300',\n code: 'green-300',\n hex: '#c4f5c8',\n },\n {\n name: 'Green 500',\n code: 'green-500',\n hex: '#84de8a',\n },\n {\n name: 'Green 700',\n code: 'green-700',\n hex: '#5b985f',\n },\n {\n name: 'Green 900',\n code: 'green-900',\n hex: '#354a2d',\n },\n {\n name: 'Spearmint 100',\n code: 'spearmint-100',\n hex: '#e3fff2',\n },\n {\n name: 'Spearmint 300',\n code: 'spearmint-300',\n hex: '#aaeacc',\n },\n {\n name: 'Spearmint 500',\n code: 'spearmint-500',\n hex: '#85dcb4',\n },\n {\n name: 'Spearmint 700',\n code: 'spearmint-700',\n hex: '#599278',\n },\n {\n name: 'Spearmint 900',\n code: 'spearmint-900',\n hex: '#2b4639',\n },\n {\n name: 'Yellow 100',\n code: 'yellow-100',\n hex: '#fff8e3',\n },\n {\n name: 'Yellow 300',\n code: 'yellow-300',\n hex: '#fae3a5',\n },\n {\n name: 'Yellow 500',\n code: 'yellow-500',\n hex: '#f7ce5c',\n },\n {\n name: 'Yellow 700',\n code: 'yellow-700',\n hex: '#cc9e21',\n },\n {\n name: 'Yellow 900',\n code: 'yellow-900',\n hex: '#4a3d10',\n },\n];\n\nexport const Colors = () => (\n <table style={{ width: '100%' }}>\n <tr\n style={{\n height: '40px',\n lineHeight: '40px',\n textAlign: 'left',\n }}\n >\n <th style={{ fontWeight: 'bold' }}>Color</th>\n <th style={{ fontWeight: 'bold' }}>Name</th>\n <th style={{ fontWeight: 'bold' }}>Sass</th>\n <th style={{ fontWeight: 'bold' }}>Text color class</th>\n <th style={{ fontWeight: 'bold' }}>BG color class</th>\n <th style={{ fontWeight: 'bold' }}>Hex</th>\n </tr>\n {colors.map((color) => (\n <tr style={{ height: '40px', lineHeight: '40px' }}>\n <td>\n <div\n style={{\n width: '24px',\n height: '24px',\n borderRadius: '4px',\n backgroundColor: color.hex,\n }}\n />\n </td>\n <td>{color.name}</td>\n <td>{`$ds-${color.code}`}</td>\n <td>{`tc-${color.code}`}</td>\n <td>{`bg-${color.code}`}</td>\n <td>{color.hex}</td>\n </tr>\n ))}\n </table>\n);\n"],"names":["_jsxs","_jsx"],"mappings":"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"}
package/dist/index.css CHANGED
@@ -1543,7 +1543,7 @@ input[type=number] {
1543
1543
  }
1544
1544
 
1545
1545
  .tc-grey-200 {
1546
- color: #f5f5fa !important;
1546
+ color: #f5f6fb !important;
1547
1547
  }
1548
1548
 
1549
1549
  .tc-grey-300 {
@@ -1779,7 +1779,7 @@ input[type=number] {
1779
1779
  }
1780
1780
 
1781
1781
  .bg-grey-200 {
1782
- background-color: #f5f5fa !important;
1782
+ background-color: #f5f6fb !important;
1783
1783
  }
1784
1784
 
1785
1785
  .bg-grey-300 {
@@ -1934,7 +1934,7 @@ input[type=number] {
1934
1934
  --ds-red-700: #c64848;
1935
1935
  --ds-red-900: #4b2525;
1936
1936
  --ds-grey-100: #fafaff;
1937
- --ds-grey-200: #f5f5fa;
1937
+ --ds-grey-200: #f5f6fb;
1938
1938
  --ds-grey-300: #ededf2;
1939
1939
  --ds-grey-400: #d2d2d8;
1940
1940
  --ds-grey-500: #91919c;
@@ -2772,7 +2772,7 @@ html {
2772
2772
  }
2773
2773
 
2774
2774
  body {
2775
- background-color: #f5f5fa;
2775
+ background-color: #f5f6fb;
2776
2776
  }
2777
2777
 
2778
2778
  /*# sourceMappingURL=index.css.map */
package/dist/lib/scss/public/colors/default.scss CHANGED
@@ -40,7 +40,7 @@ $ds-pink-700: #c0305f;
40
40
  $ds-pink-900: #700024;
41
41
 
42
42
  $ds-grey-100: #fafaff;
43
- $ds-grey-200: #f5f5fa;
43
+ $ds-grey-200: #f5f6fb;
44
44
  $ds-grey-300: #ededf2;
45
45
  $ds-grey-400: #d2d2d8;
46
46
  $ds-grey-500: #91919c;
package/dist/lib/scss/public/demo.tsx CHANGED
@@ -154,7 +154,7 @@ const colors = [
154
154
  {
155
155
  name: 'Grey 200',
156
156
  code: 'grey-200',
157
- hex: '#f5f5fa',
157
+ hex: '#f5f6fb',
158
158
  },
159
159
  {
160
160
  name: 'Grey 300',
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@popsure/dirty-swan",
3
- "version": "0.29.2",
3
+ "version": "0.30.0",
4
4
  "author": "Vincent Audoire <vincent@getpopsure.com>",
5
5
  "license": "MIT",
6
6
  "private": false,
package/src/lib/scss/public/colors/default.scss CHANGED
@@ -40,7 +40,7 @@ $ds-pink-700: #c0305f;
40
40
  $ds-pink-900: #700024;
41
41
 
42
42
  $ds-grey-100: #fafaff;
43
- $ds-grey-200: #f5f5fa;
43
+ $ds-grey-200: #f5f6fb;
44
44
  $ds-grey-300: #ededf2;
45
45
  $ds-grey-400: #d2d2d8;
46
46
  $ds-grey-500: #91919c;
package/src/lib/scss/public/demo.tsx CHANGED
@@ -154,7 +154,7 @@ const colors = [
154
154
  {
155
155
  name: 'Grey 200',
156
156
  code: 'grey-200',
157
- hex: '#f5f5fa',
157
+ hex: '#f5f6fb',
158
158
  },
159
159
  {
160
160
  name: 'Grey 300',