@popsure/dirty-swan 0.58.3 → 0.58.5

package/dist/esm/components/icon/index.stories.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { IconWrapper } from './IconWrapper/IconWrapper.js';
-import { i as icons } from '../../index-2faa4731.js';
+import { i as icons } from '../../index-608a56e3.js';
 import '../../tslib.es6-a39f91fc.js';
 import '../../index-6ea95111.js';
 import '../../style-inject.es-1f59c1d0.js';
@@ -59,6 +59,7 @@ import './icons/BikeBicycle.js';
 import './icons/Blog.js';
 import './icons/Bluetooth.js';
 import './icons/Bold.js';
+import './icons/Bone.js';
 import './icons/BookOpen.js';
 import './icons/Book.js';
 import './icons/Bookmark.js';
@@ -74,6 +75,7 @@ import './icons/Calendar.js';
 import './icons/CameraOff.js';
 import './icons/Camera.js';
 import './icons/CarTraffic.js';
+import './icons/Car.js';
 import './icons/Cast.js';
 import './icons/ChainBikeBroken.js';
 import './icons/CheckCircle.js';
@@ -163,6 +165,7 @@ import './icons/FileMinus.js';
 import './icons/FilePlus.js';
 import './icons/FileText.js';
 import './icons/File.js';
+import './icons/Files.js';
 import './icons/Film.js';
 import './icons/Filter.js';
 import './icons/Fire.js';
@@ -191,6 +194,7 @@ import './icons/Heart.js';
 import './icons/Hexagon.js';
 import './icons/Home.js';
 import './icons/HospitalBuilding.js';
+import './icons/Id.js';
 import './icons/ImagePicture.js';
 import './icons/Inbox.js';
 import './icons/InfoFilled.js';
@@ -276,10 +280,12 @@ import './icons/Power.js';
 import './icons/Pregnacy.js';
 import './icons/Printer.js';
 import './icons/Progress.js';
+import './icons/Prohibit.js';
 import './icons/QrCode.js';
 import './icons/QuestionmarkHelpCircle.js';
 import './icons/QuotationMarks.js';
 import './icons/Radio.js';
+import './icons/Receipt.js';
 import './icons/RefreshCcw.js';
 import './icons/RefreshCw.js';
 import './icons/Repeat.js';
@@ -305,6 +311,7 @@ import './icons/ShoppingBag.js';
 import './icons/ShoppingCart.js';
 import './icons/Shuffle.js';
 import './icons/Sidebar.js';
+import './icons/Signature.js';
 import './icons/SkipBack.js';
 import './icons/SkipForward.js';
 import './icons/Slack.js';
@@ -315,6 +322,7 @@ import './icons/Smile.js';
 import './icons/Sofa.js';
 import './icons/Speaker.js';
 import './icons/Square.js';
+import './icons/Stamp.js';
 import './icons/StarFilled.js';
 import './icons/StarHalf.js';
 import './icons/Star.js';
@@ -336,6 +344,7 @@ import './icons/ToggleRight.js';
 import './icons/Tool.js';
 import './icons/ToothFillingCracked.js';
 import './icons/TrailerParts.js';
+import './icons/Translation.js';
 import './icons/Trash2.js';
 import './icons/Trash.js';
 import './icons/Trello.js';

package/dist/esm/components/icon/index.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/icon/index.stories.tsx"],"sourcesContent":["import { IconWrapper, IconWrapperProps } from './IconWrapper';\nimport * as icons from './icons';\n\nconst iconsList = Object.keys(icons);\ntype IconKey = typeof iconsList[number];\n\nconst story = {\n  title: 'JSX/Icon',\n  component: IconWrapper,\n  argTypes: {\n    icon: {\n      description: 'Identifier key of the icon',\n      table: {\n        type: { \n          summary: 'IconKey (see Available Icons story for all icons)'\n        },\n      },\n      control: 'select',\n      options: iconsList,\n    },\n    size: {\n      description: 'Icon size',\n    },\n    color: {\n      description: 'Icon color',\n    },\n    className: {\n      description: 'Class name for updating components styles',\n      control: 'text',\n      table: {\n        type: { \n          summary: 'Your own custom classnames can be added here'\n        },\n      },\n    },\n  },\n  args: {\n    icon: 'InfoIcon',\n    size: 32,\n    color: 'primary-500',\n    noMargin: false,\n    className: ''\n  }\n};\n\nexport const IconStory = ({ color, className, icon, size }: IconWrapperProps & { icon: IconKey }) => {\n  // @ts-ignore\n  const Icon = icons?.[icon];\n\n  return Icon && (\n    <Icon\n      size={size}\n      color={color}\n      className={className}\n    />\n  );\n}\n\nIconStory.storyName = \"Icon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAG/B,KAAK,GAAG;IACZ,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,mDAAmD;iBAC7D;aACF;YACD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,WAAW;SACzB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;SAC1B;QACD,SAAS,EAAE;YACT,WAAW,EAAE,2CAA2C;YACxD,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,8CAA8C;iBACxD;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,EAAE;KACd;EACD;IAEW,SAAS,GAAG,UAAC,EAAsE;QAApE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;;IAEtD,IAAM,IAAI,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,IAAI,CAAC,CAAC;IAE3B,OAAO,IAAI,KACTA,IAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,EAAC;AAED,SAAS,CAAC,SAAS,GAAG,MAAM;;;;;"}
+{"version":3,"file":"index.stories.js","sources":["../../../../../src/lib/components/icon/index.stories.tsx"],"sourcesContent":["import { IconWrapper, IconWrapperProps } from './IconWrapper';\nimport * as icons from './icons';\n\nconst iconsList = Object.keys(icons);\ntype IconKey = typeof iconsList[number];\n\nconst story = {\n  title: 'JSX/Icon',\n  component: IconWrapper,\n  argTypes: {\n    icon: {\n      description: 'Identifier key of the icon',\n      table: {\n        type: { \n          summary: 'IconKey (see Available Icons story for all icons)'\n        },\n      },\n      control: 'select',\n      options: iconsList,\n    },\n    size: {\n      description: 'Icon size',\n    },\n    color: {\n      description: 'Icon color',\n    },\n    className: {\n      description: 'Class name for updating components styles',\n      control: 'text',\n      table: {\n        type: { \n          summary: 'Your own custom classnames can be added here'\n        },\n      },\n    },\n  },\n  args: {\n    icon: 'InfoIcon',\n    size: 32,\n    color: 'primary-500',\n    noMargin: false,\n    className: ''\n  }\n};\n\nexport const IconStory = ({ color, className, icon, size }: IconWrapperProps & { icon: IconKey }) => {\n  // @ts-ignore\n  const Icon = icons?.[icon];\n\n  return Icon && (\n    <Icon\n      size={size}\n      color={color}\n      className={className}\n    />\n  );\n}\n\nIconStory.storyName = \"Icon\";\n\nexport default story;\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,IAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAG/B,KAAK,GAAG;IACZ,KAAK,EAAE,UAAU;IACjB,SAAS,EAAE,WAAW;IACtB,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,WAAW,EAAE,4BAA4B;YACzC,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,mDAAmD;iBAC7D;aACF;YACD,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,SAAS;SACnB;QACD,IAAI,EAAE;YACJ,WAAW,EAAE,WAAW;SACzB;QACD,KAAK,EAAE;YACL,WAAW,EAAE,YAAY;SAC1B;QACD,SAAS,EAAE;YACT,WAAW,EAAE,2CAA2C;YACxD,OAAO,EAAE,MAAM;YACf,KAAK,EAAE;gBACL,IAAI,EAAE;oBACJ,OAAO,EAAE,8CAA8C;iBACxD;aACF;SACF;KACF;IACD,IAAI,EAAE;QACJ,IAAI,EAAE,UAAU;QAChB,IAAI,EAAE,EAAE;QACR,KAAK,EAAE,aAAa;QACpB,QAAQ,EAAE,KAAK;QACf,SAAS,EAAE,EAAE;KACd;EACD;IAEW,SAAS,GAAG,UAAC,EAAsE;QAApE,KAAK,WAAA,EAAE,SAAS,eAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;;IAEtD,IAAM,IAAI,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAG,IAAI,CAAC,CAAC;IAE3B,OAAO,IAAI,KACTA,IAAC,IAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,GACpB,CACH,CAAC;AACJ,EAAC;AAED,SAAS,CAAC,SAAS,GAAG,MAAM;;;;;"}

package/dist/esm/components/multiDropzone/index.js

@@ -8,6 +8,7 @@ import { g as generateId } from '../../index-69a46657.js';
 import { s as styleInject } from '../../style-inject.es-1f59c1d0.js';
 import UploadCloudIcon from '../icon/icons/UploadCloud.js';
 import UploadFileCell from './UploadFileCell/index.js';
+import { u as useMediaQuery } from '../../useMediaQuery-1a3a2432.js';
 import '../icon/IconWrapper/IconWrapper.js';
 import '../icon/icons/EyeVision.js';
 import '../icon/icons/File.js';
@@ -2776,7 +2777,7 @@ var IMAGE_FILES = [
     'png',
     'tiff',
     'webp',
-    'svg'
+    'svg',
 ];
 
 var getUploadStatus = function (progress, error) {
@@ -2904,12 +2905,18 @@ var MultiDropzone = function (_a) {
         maxSize: maxSize,
         onDrop: onDrop,
     }), getRootProps = _g.getRootProps, getInputProps = _g.getInputProps;
+    var isNonDesktopDevice = useMediaQuery('BELOW_TABLET');
+    var instructionsTextDesktop = (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop';
+    var instructionsTextMobile = (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsTextMobile) || 'Tap to choose file';
+    var instructionsText = isNonDesktopDevice
+        ? instructionsTextMobile
+        : instructionsTextDesktop;
     return (jsxs("div", { className: styles.container, children: [jsxs("div", __assign({ className: classNames("w100 ta-center br8 c-pointer ".concat(styles.dropzoneContainer), (_b = {},
                     _b[styles['dropzoneContainerDisabled']] = uploading,
                     _b)) }, getRootProps(), { children: [jsx("div", { className: "sr-only", "aria-live": "polite", "aria-atomic": "true", children: statusMessage }), jsx("input", __assign({ "data-testid": "ds-drop-input" }, getInputProps())), jsx(UploadCloudIcon, { className: isCondensed ? styles.img : '', size: isCondensed ? 24 : 64, color: 'purple-500' }), jsx("div", { className: "p-h4 mt8 d-block c-pointer ".concat(isCondensed ? styles.textInline : ''), children: uploading
                             ? (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.currentlyUploadingText) ||
                                 'Please wait while uploading file...'
-                            : (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.instructionsText) || 'Choose file or drag & drop' }), jsx("div", { className: "p-p--small tc-grey-500", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsText) || placeholder })] })), errors.map(function (_a) {
+                            : instructionsText }), jsx("div", { className: "p-p--small tc-grey-500", children: (textOverrides === null || textOverrides === void 0 ? void 0 : textOverrides.supportsText) || placeholder })] })), errors.map(function (_a) {
                 var id = _a.id, message = _a.message;
                 return message && (jsx(UploadFileCell, { uploadStatus: "ERROR", file: {
                         error: message,