@wix/patterns-fields 1.58.0 → 1.59.0

package/dist/cjs/components/media-gallery/form-media-gallery-field.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield3093550833\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield3093550833__root\",\"container\":\"formmediagalleryfield3093550833__container\",\"viewBox\":\"formmediagalleryfield3093550833__viewBox\",\"addItemWrapper\":\"formmediagalleryfield3093550833__addItemWrapper\",\"addItem\":\"formmediagalleryfield3093550833__addItem\",\"overlay\":\"formmediagalleryfield3093550833__overlay\",\"image\":\"formmediagalleryfield3093550833__image\",\"previewImage\":\"formmediagalleryfield3093550833__previewImage\",\"previewVideo\":\"formmediagalleryfield3093550833__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-gallery/form-media-gallery-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formmediagalleryfield1376199663\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"formmediagalleryfield1376199663__root\",\"container\":\"formmediagalleryfield1376199663__container\",\"viewBox\":\"formmediagalleryfield1376199663__viewBox\",\"addItemWrapper\":\"formmediagalleryfield1376199663__addItemWrapper\",\"addItem\":\"formmediagalleryfield1376199663__addItem\",\"overlay\":\"formmediagalleryfield1376199663__overlay\",\"image\":\"formmediagalleryfield1376199663__image\",\"previewImage\":\"formmediagalleryfield1376199663__previewImage\",\"previewVideo\":\"formmediagalleryfield1376199663__previewVideo\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,iCAAiC;AACnD,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,uCAAuC;EAAC,WAAW,EAAC,4CAA4C;EAAC,SAAS,EAAC,0CAA0C;EAAC,gBAAgB,EAAC,iDAAiD;EAAC,SAAS,EAAC,0CAA0C;EAAC,SAAS,EAAC,0CAA0C;EAAC,OAAO,EAAC,wCAAwC;EAAC,cAAc,EAAC,+CAA+C;EAAC,cAAc,EAAC;AAA+C,CAAC;AACxgB,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/media-gallery/media-gallery-dialog/add-media-button.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.AddMediaButton = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _hooks = require("../../../hooks");
 var _hooks2 = require("./hooks");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/media-gallery-dialog/add-media-button.tsx";
@@ -20,7 +20,7 @@ const AddMediaButton = ({
     isLoading
   } = (0, _hooks2.useAddMediaControl)(onAddMedia);
   return /*#__PURE__*/_react.default.createElement(_designSystem.Button, {
-    prefixIcon: isLoading ? undefined : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: isLoading ? undefined : /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/media-gallery/media-gallery-dialog/add-media-button.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_hooks","_hooks2","_jsxFileName","AddMediaButton","onAddMedia","t","useTranslations","onOpen","isLoading","useAddMediaControl","default","createElement","Button","prefixIcon","undefined","Add","__self","__source","fileName","lineNumber","columnNumber","onClick","dataHook","Loader","size","exports"],"sources":["../../../../../src/components/media-gallery/media-gallery-dialog/add-media-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Loader } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../../hooks';\nimport { useAddMediaControl } from './hooks';\nimport type { OrganizeMediaItem } from './types';\n\nexport interface AddMediaButtonProps {\n  onAddMedia: (items: OrganizeMediaItem[]) => void;\n}\n\nexport const AddMediaButton: React.FC<AddMediaButtonProps> = ({\n  onAddMedia,\n}) => {\n  const { t } = useTranslations();\n  const { onOpen, isLoading } = useAddMediaControl(onAddMedia);\n\n  return (\n    <Button\n      prefixIcon={isLoading ? undefined : <AddIcon />}\n      onClick={onOpen}\n      dataHook=\"media-gallery-add-media-button\"\n    >\n      {isLoading ? <Loader size=\"tiny\" /> : t('CMS.mediaGallery.addMedia')}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAAAK,YAAA;AAOtC,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAkB,EAACL,UAAU,CAAC;EAE5D,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,UAAU,EAAEL,SAAS,GAAGM,SAAS,gBAAGnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAAgB,GAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAChDC,OAAO,EAAEd,MAAO;IAChBe,QAAQ,EAAC,gCAAgC;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCZ,SAAS,gBAAGb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAyB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAGf,CAAC,CAAC,2BAA2B,CAC7D,CAAC;AAEb,CAAC;AAACoB,OAAA,CAAAtB,cAAA,GAAAA,cAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_hooks","_hooks2","_jsxFileName","AddMediaButton","onAddMedia","t","useTranslations","onOpen","isLoading","useAddMediaControl","default","createElement","Button","prefixIcon","undefined","Add","__self","__source","fileName","lineNumber","columnNumber","onClick","dataHook","Loader","size","exports"],"sources":["../../../../../src/components/media-gallery/media-gallery-dialog/add-media-button.tsx"],"sourcesContent":["import React from 'react';\nimport { Button, Loader } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../../hooks';\nimport { useAddMediaControl } from './hooks';\nimport type { OrganizeMediaItem } from './types';\n\nexport interface AddMediaButtonProps {\n  onAddMedia: (items: OrganizeMediaItem[]) => void;\n}\n\nexport const AddMediaButton: React.FC<AddMediaButtonProps> = ({\n  onAddMedia,\n}) => {\n  const { t } = useTranslations();\n  const { onOpen, isLoading } = useAddMediaControl(onAddMedia);\n\n  return (\n    <Button\n      prefixIcon={isLoading ? undefined : <AddIcon />}\n      onClick={onOpen}\n      dataHook=\"media-gallery-add-media-button\"\n    >\n      {isLoading ? <Loader size=\"tiny\" /> : t('CMS.mediaGallery.addMedia')}\n    </Button>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAAAK,YAAA;AAOtC,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC;AACF,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAkB,EAACL,UAAU,CAAC;EAE5D,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,MAAM;IACLC,UAAU,EAAEL,SAAS,GAAGM,SAAS,gBAAGnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAAgB,GAAO;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAhB,YAAA;QAAAiB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAChDC,OAAO,EAAEd,MAAO;IAChBe,QAAQ,EAAC,gCAAgC;IAAAN,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCZ,SAAS,gBAAGb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAyB,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAR,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAAGf,CAAC,CAAC,2BAA2B,CAC7D,CAAC;AAEb,CAAC;AAACoB,OAAA,CAAAtB,cAAA,GAAAA,cAAA","ignoreList":[]}

package/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.js

@@ -5,7 +5,7 @@ exports.__esModule = true;
 exports.NoItemsView = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _hooks = require("../../../hooks");
 var _hooks2 = require("./hooks");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.tsx";
@@ -41,7 +41,7 @@ const NoItemsView = ({
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
-    prefixIcon: isLoading ? undefined : /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+    prefixIcon: isLoading ? undefined : /*#__PURE__*/_react.default.createElement(_lazy.Add, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/media-gallery/media-gallery-dialog/no-items-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_hooks","_hooks2","_jsxFileName","NoItemsView","onAddMedia","t","useTranslations","onOpen","isLoading","useAddMediaControl","default","createElement","Box","align","verticalAlign","padding","direction","__self","__source","fileName","lineNumber","columnNumber","EmptyState","theme","title","subtitle","TextButton","prefixIcon","undefined","Add","onClick","dataHook","Loader","size","exports"],"sources":["../../../../../src/components/media-gallery/media-gallery-dialog/no-items-view.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyState, Box, TextButton, Loader } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common';\nimport { useTranslations } from '../../../hooks';\nimport { useAddMediaControl } from './hooks';\nimport type { OrganizeMediaItem } from './types';\n\nexport interface NoItemsViewProps {\n  onAddMedia: (items: OrganizeMediaItem[]) => void;\n}\n\nexport const NoItemsView: React.FC<NoItemsViewProps> = ({ onAddMedia }) => {\n  const { t } = useTranslations();\n  const { onOpen, isLoading } = useAddMediaControl(onAddMedia);\n\n  return (\n    <Box\n      align=\"center\"\n      verticalAlign=\"middle\"\n      padding=\"SP5\"\n      direction=\"vertical\"\n    >\n      <EmptyState\n        theme=\"section\"\n        title={t('CMS.mediaGallery.noItems.title')}\n        subtitle={t('CMS.mediaGallery.noItems.subtitle')}\n      >\n        <TextButton\n          prefixIcon={isLoading ? undefined : <AddIcon />}\n          onClick={onOpen}\n          dataHook=\"media-gallery-add-media-button\"\n        >\n          {isLoading ? (\n            <Loader size=\"tiny\" />\n          ) : (\n            t('CMS.mediaGallery.noItems.addMedia')\n          )}\n        </TextButton>\n      </EmptyState>\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAAAK,YAAA;AAOtC,MAAMC,WAAuC,GAAGA,CAAC;EAAEC;AAAW,CAAC,KAAK;EACzE,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAkB,EAACL,UAAU,CAAC;EAE5D,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IACFC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,KAAK;IACbC,SAAS,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpB1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAwB,UAAU;IACTC,KAAK,EAAC,SAAS;IACfC,KAAK,EAAEnB,CAAC,CAAC,gCAAgC,CAAE;IAC3CoB,QAAQ,EAAEpB,CAAC,CAAC,mCAAmC,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjD1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA4B,UAAU;IACTC,UAAU,EAAEnB,SAAS,GAAGoB,SAAS,gBAAGjC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAA8B,GAAO;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAChDS,OAAO,EAAEvB,MAAO;IAChBwB,QAAQ,EAAC,gCAAgC;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCb,SAAS,gBACRb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAkC,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAEtBhB,CAAC,CAAC,mCAAmC,CAE7B,CACF,CACT,CAAC;AAEV,CAAC;AAAC6B,OAAA,CAAA/B,WAAA,GAAAA,WAAA","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_hooks","_hooks2","_jsxFileName","NoItemsView","onAddMedia","t","useTranslations","onOpen","isLoading","useAddMediaControl","default","createElement","Box","align","verticalAlign","padding","direction","__self","__source","fileName","lineNumber","columnNumber","EmptyState","theme","title","subtitle","TextButton","prefixIcon","undefined","Add","onClick","dataHook","Loader","size","exports"],"sources":["../../../../../src/components/media-gallery/media-gallery-dialog/no-items-view.tsx"],"sourcesContent":["import React from 'react';\nimport { EmptyState, Box, TextButton, Loader } from '@wix/design-system';\nimport { Add as AddIcon } from '@wix/wix-ui-icons-common/lazy';\nimport { useTranslations } from '../../../hooks';\nimport { useAddMediaControl } from './hooks';\nimport type { OrganizeMediaItem } from './types';\n\nexport interface NoItemsViewProps {\n  onAddMedia: (items: OrganizeMediaItem[]) => void;\n}\n\nexport const NoItemsView: React.FC<NoItemsViewProps> = ({ onAddMedia }) => {\n  const { t } = useTranslations();\n  const { onOpen, isLoading } = useAddMediaControl(onAddMedia);\n\n  return (\n    <Box\n      align=\"center\"\n      verticalAlign=\"middle\"\n      padding=\"SP5\"\n      direction=\"vertical\"\n    >\n      <EmptyState\n        theme=\"section\"\n        title={t('CMS.mediaGallery.noItems.title')}\n        subtitle={t('CMS.mediaGallery.noItems.subtitle')}\n      >\n        <TextButton\n          prefixIcon={isLoading ? undefined : <AddIcon />}\n          onClick={onOpen}\n          dataHook=\"media-gallery-add-media-button\"\n        >\n          {isLoading ? (\n            <Loader size=\"tiny\" />\n          ) : (\n            t('CMS.mediaGallery.noItems.addMedia')\n          )}\n        </TextButton>\n      </EmptyState>\n    </Box>\n  );\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAJ,OAAA;AAA6C,IAAAK,YAAA;AAOtC,MAAMC,WAAuC,GAAGA,CAAC;EAAEC;AAAW,CAAC,KAAK;EACzE,MAAM;IAAEC;EAAE,CAAC,GAAG,IAAAC,sBAAe,EAAC,CAAC;EAC/B,MAAM;IAAEC,MAAM;IAAEC;EAAU,CAAC,GAAG,IAAAC,0BAAkB,EAACL,UAAU,CAAC;EAE5D,oBACET,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAc,GAAG;IACFC,KAAK,EAAC,QAAQ;IACdC,aAAa,EAAC,QAAQ;IACtBC,OAAO,EAAC,KAAK;IACbC,SAAS,EAAC,UAAU;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEpB1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAwB,UAAU;IACTC,KAAK,EAAC,SAAS;IACfC,KAAK,EAAEnB,CAAC,CAAC,gCAAgC,CAAE;IAC3CoB,QAAQ,EAAEpB,CAAC,CAAC,mCAAmC,CAAE;IAAAY,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEjD1B,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAA4B,UAAU;IACTC,UAAU,EAAEnB,SAAS,GAAGoB,SAAS,gBAAGjC,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,KAAA,CAAA8B,GAAO;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAjB,YAAA;QAAAkB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IAChDS,OAAO,EAAEvB,MAAO;IAChBwB,QAAQ,EAAC,gCAAgC;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAExCb,SAAS,gBACRb,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACb,aAAA,CAAAkC,MAAM;IAACC,IAAI,EAAC,MAAM;IAAAhB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAjB,YAAA;MAAAkB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GAEtBhB,CAAC,CAAC,mCAAmC,CAE7B,CACF,CACT,CAAC;AAEV,CAAC;AAAC6B,OAAA,CAAA/B,WAAA,GAAAA,WAAA","ignoreList":[]}

package/dist/cjs/components/media-gallery/media-preview-modal.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.MediaPreviewModal = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _autoFieldTypes = require("../../auto-field-types");
 var _hooks = require("../../hooks");
 var _formMediaGalleryFieldStCss = require("./form-media-gallery-field.st.css.js");
@@ -107,7 +107,7 @@ const MediaPreviewLayout = ({
     }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
       size: "small",
       skin: "light",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DownloadImport, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.DownloadImport, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -134,7 +134,7 @@ const MediaPreviewLayout = ({
       priority: "secondary",
       size: "small",
       skin: "light",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -178,7 +178,7 @@ const MediaPreviewLayout = ({
         lineNumber: 155,
         columnNumber: 17
       }
-    }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+    }, /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/media-gallery/media-preview-modal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_wixUiIconsCommon","_autoFieldTypes","_hooks","_formMediaGalleryFieldStCss","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaPreviewModal","isOpen","onClose","value","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","readOnly","createElement","Modal","screen","__self","__source","fileName","lineNumber","columnNumber","MediaPreviewLayout","src","onDownload","onClear","onReplace","exports","useTranslations","sources","useMemo","Array","isArray","current","setCurrent","useState","title","getMediaTitle","handleDownload","useCallback","length","prevButtonProps","tooltipText","onClick","prevIndex","nextButtonProps","nextIndex","handleClear","ModalPreviewLayout","actions","Box","verticalAlign","marginRight","TextButton","size","skin","prefixIcon","DownloadImport","download","Button","priority","Replace","disabled","replace","Tooltip","content","delete","IconButton","Delete","map","mediaSrc","MediaPreviewItem","key","loading","setLoading","useEffect","onLoad","previewURL","mediaURItoImageURL","window","innerWidth","Fragment","align","width","height","Loader","isMediaVideoURI","style","display","poster","onLoadedData","controls","className","classes","previewVideo","autoPlay","loop","muted","convertMediaURIToPreviewVideoURL","Image","previewImage"],"sources":["../../../../src/components/media-gallery/media-preview-modal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport type { NextButtonProps, PrevButtonProps } from '@wix/design-system';\nimport {\n  Box,\n  Button,\n  IconButton,\n  Image,\n  Loader,\n  Modal,\n  ModalPreviewLayout,\n  TextButton,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Replace,\n  DownloadImport as Download,\n  Delete,\n} from '@wix/wix-ui-icons-common';\nimport {\n  getMediaTitle,\n  isMediaVideoURI,\n  mediaURItoImageURL,\n} from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { TranslationsKeys } from '../../services/translations';\n\nimport { classes } from './form-media-gallery-field.st.css.js';\nimport { convertMediaURIToPreviewVideoURL } from './media-gallery-dialog/utils';\n\nexport interface MediaPreviewLayoutTextKeys {\n  replace: TranslationsKeys;\n  download: TranslationsKeys;\n  delete: TranslationsKeys;\n}\n\nexport interface MediaPreviewProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onRequestMedia: () => void;\n  onClearMedia?: () => void;\n  onDownloadMedia: (value?: string) => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  value?: string | string[];\n  readOnly?: boolean;\n}\n\nexport const MediaPreviewModal: React.FC<MediaPreviewProps> = ({\n  isOpen,\n  onClose,\n  value,\n  onRequestMedia,\n  onClearMedia,\n  onDownloadMedia,\n  textKeys,\n  readOnly,\n}) => {\n  if (!isOpen || !value) {\n    return null;\n  }\n\n  return (\n    <Modal isOpen screen=\"full\">\n      <MediaPreviewLayout\n        src={value}\n        onClose={onClose}\n        textKeys={textKeys}\n        onDownload={onDownloadMedia}\n        onClear={onClearMedia}\n        onReplace={onRequestMedia}\n        readOnly={readOnly}\n      />\n    </Modal>\n  );\n};\n\ninterface MediaPreviewLayoutProps {\n  src: string[] | string;\n  onClose: () => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  onReplace?: () => void;\n  onClear?: () => void;\n  onDownload?: (src?: string) => void;\n  readOnly?: boolean;\n}\n\nconst MediaPreviewLayout: React.FC<MediaPreviewLayoutProps> = ({\n  src,\n  onClose,\n  textKeys,\n  onDownload,\n  onReplace,\n  onClear,\n  readOnly,\n}) => {\n  const { t } = useTranslations();\n  const sources = useMemo(() => (Array.isArray(src) ? src : [src]), [src]);\n  const [current, setCurrent] = useState(sources[0]);\n  const title = getMediaTitle(current);\n\n  const handleDownload = useCallback(() => {\n    if (sources.length > 1) {\n      onDownload?.(current);\n    } else {\n      onDownload?.();\n    }\n  }, [sources, onDownload, current]);\n\n  const prevButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.previousItem'),\n    onClick: (prevIndex: number) => setCurrent(sources[prevIndex]),\n  } as PrevButtonProps;\n\n  const nextButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.nextItem'),\n    onClick: (nextIndex: number) => setCurrent(sources[nextIndex]),\n  } as NextButtonProps;\n\n  const handleClear = useCallback(() => {\n    onClear?.();\n    onClose();\n  }, [onClear, onClose]);\n\n  return (\n    <ModalPreviewLayout\n      title={title}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      actions={\n        <Box verticalAlign=\"middle\">\n          <Box marginRight={2}>\n            <TextButton\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Download />}\n              onClick={handleDownload}\n            >\n              {t(textKeys.download)}\n            </TextButton>\n          </Box>\n          <Box marginRight={2}>\n            <Button\n              priority=\"secondary\"\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Replace />}\n              onClick={onReplace}\n              disabled={readOnly}\n            >\n              {t(textKeys.replace)}\n            </Button>\n          </Box>\n          {onClear && (\n            <Box marginRight={2}>\n              <Tooltip content={t(textKeys.delete)}>\n                <IconButton\n                  priority=\"secondary\"\n                  size=\"small\"\n                  skin=\"light\"\n                  onClick={handleClear}\n                  disabled={readOnly}\n                >\n                  <Delete />\n                </IconButton>\n              </Tooltip>\n            </Box>\n          )}\n        </Box>\n      }\n      onClose={onClose}\n    >\n      {sources.map((mediaSrc: string, i) => (\n        <MediaPreviewItem key={i} src={mediaSrc} />\n      ))}\n    </ModalPreviewLayout>\n  );\n};\n\nconst MediaPreviewItem: React.FC<{ src: string }> = ({ src }) => {\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => setLoading(true), [src]);\n  const onLoad = useCallback(() => setLoading(false), []);\n\n  if (!src) return null;\n\n  const previewURL = mediaURItoImageURL(src, window.innerWidth);\n\n  return (\n    <>\n      {loading && (\n        <Box align=\"center\" verticalAlign=\"middle\" width=\"100%\" height=\"100%\">\n          <Loader size=\"small\" />\n        </Box>\n      )}\n      {isMediaVideoURI(src) ? (\n        <video\n          style={{ display: loading ? 'none' : 'initial' }}\n          poster={previewURL}\n          onLoadedData={onLoad}\n          controls\n          className={classes.previewVideo}\n          autoPlay\n          loop\n          muted\n        >\n          <source src={convertMediaURIToPreviewVideoURL(src)} />\n        </video>\n      ) : (\n        <Image\n          style={{ display: loading ? 'none' : 'initial' }}\n          className={classes.previewImage}\n          onLoad={onLoad}\n          src={previewURL}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_lazy","_autoFieldTypes","_hooks","_formMediaGalleryFieldStCss","_utils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MediaPreviewModal","isOpen","onClose","value","onRequestMedia","onClearMedia","onDownloadMedia","textKeys","readOnly","createElement","Modal","screen","__self","__source","fileName","lineNumber","columnNumber","MediaPreviewLayout","src","onDownload","onClear","onReplace","exports","useTranslations","sources","useMemo","Array","isArray","current","setCurrent","useState","title","getMediaTitle","handleDownload","useCallback","length","prevButtonProps","tooltipText","onClick","prevIndex","nextButtonProps","nextIndex","handleClear","ModalPreviewLayout","actions","Box","verticalAlign","marginRight","TextButton","size","skin","prefixIcon","DownloadImport","download","Button","priority","Replace","disabled","replace","Tooltip","content","delete","IconButton","Delete","map","mediaSrc","MediaPreviewItem","key","loading","setLoading","useEffect","onLoad","previewURL","mediaURItoImageURL","window","innerWidth","Fragment","align","width","height","Loader","isMediaVideoURI","style","display","poster","onLoadedData","controls","className","classes","previewVideo","autoPlay","loop","muted","convertMediaURIToPreviewVideoURL","Image","previewImage"],"sources":["../../../../src/components/media-gallery/media-preview-modal.tsx"],"sourcesContent":["import React, { useCallback, useMemo, useState, useEffect } from 'react';\nimport type { NextButtonProps, PrevButtonProps } from '@wix/design-system';\nimport {\n  Box,\n  Button,\n  IconButton,\n  Image,\n  Loader,\n  Modal,\n  ModalPreviewLayout,\n  TextButton,\n  Tooltip,\n} from '@wix/design-system';\nimport {\n  Replace,\n  DownloadImport as Download,\n  Delete,\n} from '@wix/wix-ui-icons-common/lazy';\nimport {\n  getMediaTitle,\n  isMediaVideoURI,\n  mediaURItoImageURL,\n} from '../../auto-field-types';\nimport { useTranslations } from '../../hooks';\nimport type { TranslationsKeys } from '../../services/translations';\n\nimport { classes } from './form-media-gallery-field.st.css.js';\nimport { convertMediaURIToPreviewVideoURL } from './media-gallery-dialog/utils';\n\nexport interface MediaPreviewLayoutTextKeys {\n  replace: TranslationsKeys;\n  download: TranslationsKeys;\n  delete: TranslationsKeys;\n}\n\nexport interface MediaPreviewProps {\n  isOpen: boolean;\n  onClose: () => void;\n  onRequestMedia: () => void;\n  onClearMedia?: () => void;\n  onDownloadMedia: (value?: string) => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  value?: string | string[];\n  readOnly?: boolean;\n}\n\nexport const MediaPreviewModal: React.FC<MediaPreviewProps> = ({\n  isOpen,\n  onClose,\n  value,\n  onRequestMedia,\n  onClearMedia,\n  onDownloadMedia,\n  textKeys,\n  readOnly,\n}) => {\n  if (!isOpen || !value) {\n    return null;\n  }\n\n  return (\n    <Modal isOpen screen=\"full\">\n      <MediaPreviewLayout\n        src={value}\n        onClose={onClose}\n        textKeys={textKeys}\n        onDownload={onDownloadMedia}\n        onClear={onClearMedia}\n        onReplace={onRequestMedia}\n        readOnly={readOnly}\n      />\n    </Modal>\n  );\n};\n\ninterface MediaPreviewLayoutProps {\n  src: string[] | string;\n  onClose: () => void;\n  textKeys: MediaPreviewLayoutTextKeys;\n  onReplace?: () => void;\n  onClear?: () => void;\n  onDownload?: (src?: string) => void;\n  readOnly?: boolean;\n}\n\nconst MediaPreviewLayout: React.FC<MediaPreviewLayoutProps> = ({\n  src,\n  onClose,\n  textKeys,\n  onDownload,\n  onReplace,\n  onClear,\n  readOnly,\n}) => {\n  const { t } = useTranslations();\n  const sources = useMemo(() => (Array.isArray(src) ? src : [src]), [src]);\n  const [current, setCurrent] = useState(sources[0]);\n  const title = getMediaTitle(current);\n\n  const handleDownload = useCallback(() => {\n    if (sources.length > 1) {\n      onDownload?.(current);\n    } else {\n      onDownload?.();\n    }\n  }, [sources, onDownload, current]);\n\n  const prevButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.previousItem'),\n    onClick: (prevIndex: number) => setCurrent(sources[prevIndex]),\n  } as PrevButtonProps;\n\n  const nextButtonProps = {\n    tooltipText: t('CMS.mediaGallery.preview.nextItem'),\n    onClick: (nextIndex: number) => setCurrent(sources[nextIndex]),\n  } as NextButtonProps;\n\n  const handleClear = useCallback(() => {\n    onClear?.();\n    onClose();\n  }, [onClear, onClose]);\n\n  return (\n    <ModalPreviewLayout\n      title={title}\n      prevButtonProps={prevButtonProps}\n      nextButtonProps={nextButtonProps}\n      actions={\n        <Box verticalAlign=\"middle\">\n          <Box marginRight={2}>\n            <TextButton\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Download />}\n              onClick={handleDownload}\n            >\n              {t(textKeys.download)}\n            </TextButton>\n          </Box>\n          <Box marginRight={2}>\n            <Button\n              priority=\"secondary\"\n              size=\"small\"\n              skin=\"light\"\n              prefixIcon={<Replace />}\n              onClick={onReplace}\n              disabled={readOnly}\n            >\n              {t(textKeys.replace)}\n            </Button>\n          </Box>\n          {onClear && (\n            <Box marginRight={2}>\n              <Tooltip content={t(textKeys.delete)}>\n                <IconButton\n                  priority=\"secondary\"\n                  size=\"small\"\n                  skin=\"light\"\n                  onClick={handleClear}\n                  disabled={readOnly}\n                >\n                  <Delete />\n                </IconButton>\n              </Tooltip>\n            </Box>\n          )}\n        </Box>\n      }\n      onClose={onClose}\n    >\n      {sources.map((mediaSrc: string, i) => (\n        <MediaPreviewItem key={i} src={mediaSrc} />\n      ))}\n    </ModalPreviewLayout>\n  );\n};\n\nconst MediaPreviewItem: React.FC<{ src: string }> = ({ src }) => {\n  const [loading, setLoading] = useState(true);\n\n  useEffect(() => setLoading(true), [src]);\n  const onLoad = useCallback(() => setLoading(false), []);\n\n  if (!src) return null;\n\n  const previewURL = mediaURItoImageURL(src, window.innerWidth);\n\n  return (\n    <>\n      {loading && (\n        <Box align=\"center\" verticalAlign=\"middle\" width=\"100%\" height=\"100%\">\n          <Loader size=\"small\" />\n        </Box>\n      )}\n      {isMediaVideoURI(src) ? (\n        <video\n          style={{ display: loading ? 'none' : 'initial' }}\n          poster={previewURL}\n          onLoadedData={onLoad}\n          controls\n          className={classes.previewVideo}\n          autoPlay\n          loop\n          muted\n        >\n          <source src={convertMediaURIToPreviewVideoURL(src)} />\n        </video>\n      ) : (\n        <Image\n          style={{ display: loading ? 'none' : 'initial' }}\n          className={classes.previewImage}\n          onLoad={onLoad}\n          src={previewURL}\n        />\n      )}\n    </>\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/media-image/media-image.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediaimage3652063272";
+var _namespace_ = "mediaimage2799810137";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediaimage3652063272__root"
+  "root": "mediaimage2799810137__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};
@@ -23,7 +23,7 @@ var vars = exports.vars = {
   "wsr-color-R20": "--wsr-color-R20",
   "wds-color-black-550": "--wds-color-black-550",
   "wsr-color-D55": "--wsr-color-D55",
-  "from": "--mediaimage3652063272-from",
-  "to": "--mediaimage3652063272-to"
+  "from": "--mediaimage2799810137-from",
+  "to": "--mediaimage2799810137-to"
 };
 //# sourceMappingURL=media-image.st.css.js.map

package/dist/cjs/components/media-image/media-image.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage3652063272\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage3652063272__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage3652063272-from\",\"to\":\"--mediaimage3652063272-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-image/media-image.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediaimage2799810137\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediaimage2799810137__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-200\":\"--wds-color-red-200\",\"wsr-color-R20\":\"--wsr-color-R20\",\"wds-color-black-550\":\"--wds-color-black-550\",\"wsr-color-D55\":\"--wsr-color-D55\",\"from\":\"--mediaimage2799810137-from\",\"to\":\"--mediaimage2799810137-to\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,mBAAmB,EAAC,qBAAqB;EAAC,eAAe,EAAC,iBAAiB;EAAC,qBAAqB,EAAC,uBAAuB;EAAC,eAAe,EAAC,iBAAiB;EAAC,MAAM,EAAC,6BAA6B;EAAC,IAAI,EAAC;AAA2B,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image/overlays/custom-url-overlay.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.CustomUrlOverlay = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _overlayStCss = require("./overlay.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-image/overlays/custom-url-overlay.tsx";
 /** Shows a link icon when the src is a custom (non-wix://) URL. */
@@ -14,7 +14,7 @@ const CustomUrlOverlay = ({
   placement = 'bottomLeft'
 }) => {
   const isWixUri = src == null ? void 0 : src.startsWith('wix:');
-  return src && !isWixUri ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+  return src && !isWixUri ? /*#__PURE__*/_react.default.createElement(_lazy.Link, {
     className: (0, _overlayStCss.st)(_overlayStCss.classes.iconOverlay, {
       size,
       placement

package/dist/cjs/components/media-image/overlays/custom-url-overlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_overlayStCss","_jsxFileName","CustomUrlOverlay","src","size","placement","isWixUri","startsWith","default","createElement","Link","className","st","classes","iconOverlay","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/components/media-image/overlays/custom-url-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Link as LinkIcon } from '@wix/wix-ui-icons-common';\nimport { st, classes } from './overlay.st.css.js';\nimport type { IconOverlayProps } from './types';\n\n/** Shows a link icon when the src is a custom (non-wix://) URL. */\nexport const CustomUrlOverlay: React.FC<IconOverlayProps> = ({\n  src,\n  size = 'small',\n  placement = 'bottomLeft',\n}) => {\n  const isWixUri = src?.startsWith('wix:');\n  return src && !isWixUri ? (\n    <LinkIcon className={st(classes.iconOverlay, { size, placement })} />\n  ) : null;\n};\n\nCustomUrlOverlay.displayName = 'CustomUrlOverlay';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAkD,IAAAG,YAAA;AAGlD;AACO,MAAMC,gBAA4C,GAAGA,CAAC;EAC3DC,GAAG;EACHC,IAAI,GAAG,OAAO;EACdC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGH,GAAG,oBAAHA,GAAG,CAAEI,UAAU,CAAC,MAAM,CAAC;EACxC,OAAOJ,GAAG,IAAI,CAACG,QAAQ,gBACrBV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,iBAAA,CAAAW,IAAQ;IAACC,SAAS,EAAE,IAAAC,gBAAE,EAACC,qBAAO,CAACC,WAAW,EAAE;MAAEV,IAAI;MAAEC;IAAU,CAAC,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GACnE,IAAI;AACV,CAAC;AAACC,OAAA,CAAAlB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_overlayStCss","_jsxFileName","CustomUrlOverlay","src","size","placement","isWixUri","startsWith","default","createElement","Link","className","st","classes","iconOverlay","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/components/media-image/overlays/custom-url-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { Link as LinkIcon } from '@wix/wix-ui-icons-common/lazy';\nimport { st, classes } from './overlay.st.css.js';\nimport type { IconOverlayProps } from './types';\n\n/** Shows a link icon when the src is a custom (non-wix://) URL. */\nexport const CustomUrlOverlay: React.FC<IconOverlayProps> = ({\n  src,\n  size = 'small',\n  placement = 'bottomLeft',\n}) => {\n  const isWixUri = src?.startsWith('wix:');\n  return src && !isWixUri ? (\n    <LinkIcon className={st(classes.iconOverlay, { size, placement })} />\n  ) : null;\n};\n\nCustomUrlOverlay.displayName = 'CustomUrlOverlay';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAkD,IAAAG,YAAA;AAGlD;AACO,MAAMC,gBAA4C,GAAGA,CAAC;EAC3DC,GAAG;EACHC,IAAI,GAAG,OAAO;EACdC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,MAAMC,QAAQ,GAAGH,GAAG,oBAAHA,GAAG,CAAEI,UAAU,CAAC,MAAM,CAAC;EACxC,OAAOJ,GAAG,IAAI,CAACG,QAAQ,gBACrBV,MAAA,CAAAY,OAAA,CAAAC,aAAA,CAACV,KAAA,CAAAW,IAAQ;IAACC,SAAS,EAAE,IAAAC,gBAAE,EAACC,qBAAO,CAACC,WAAW,EAAE;MAAEV,IAAI;MAAEC;IAAU,CAAC,CAAE;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAhB,YAAA;MAAAiB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAAE,CAAC,GACnE,IAAI;AACV,CAAC;AAACC,OAAA,CAAAlB,gBAAA,GAAAA,gBAAA;AAEFA,gBAAgB,CAACmB,WAAW,GAAG,kBAAkB","ignoreList":[]}

package/dist/cjs/components/media-image/overlays/overlay.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "overlay4101971171";
+var _namespace_ = "overlay3442142441";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "overlay4101971171__root",
-  "iconOverlay": "overlay4101971171__iconOverlay"
+  "root": "overlay3442142441__root",
+  "iconOverlay": "overlay3442142441__iconOverlay"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-image/overlays/overlay.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay4101971171\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay4101971171__root\",\"iconOverlay\":\"overlay4101971171__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-image/overlays/overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"overlay3442142441\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"overlay3442142441__root\",\"iconOverlay\":\"overlay3442142441__iconOverlay\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"iconShadow\":\"drop-shadow(0 1px 1px rgba(22, 45, 61, 0.6))\"}; \nexport var vars = {\"wds-color-white\":\"--wds-color-white\",\"wsr-color-D80\":\"--wsr-color-D80\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,mBAAmB;AACrC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,yBAAyB;EAAC,aAAa,EAAC;AAAgC,CAAC;AAC/F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,YAAY,EAAC;AAA8C,CAAC;AAC1E,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,iBAAiB,EAAC,mBAAmB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-image/overlays/video-indicator-overlay.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.VideoIndicatorOverlay = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _overlayStCss = require("./overlay.st.css.js");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/media-image/overlays/video-indicator-overlay.tsx";
 const VideoIndicatorOverlay = ({
@@ -12,7 +12,7 @@ const VideoIndicatorOverlay = ({
   size = 'small',
   placement = 'bottomLeft'
 }) => {
-  return src ? /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.VideoCameraSmall, {
+  return src ? /*#__PURE__*/_react.default.createElement(_lazy.VideoCameraSmall, {
     className: (0, _overlayStCss.st)(_overlayStCss.classes.iconOverlay, {
       size,
       placement

package/dist/cjs/components/media-image/overlays/video-indicator-overlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_overlayStCss","_jsxFileName","VideoIndicatorOverlay","src","size","placement","default","createElement","VideoCameraSmall","className","st","classes","iconOverlay","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/components/media-image/overlays/video-indicator-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { VideoCameraSmall } from '@wix/wix-ui-icons-common';\n\nimport { st, classes } from './overlay.st.css.js';\nimport type { IconOverlayProps } from './types';\n\nexport const VideoIndicatorOverlay: React.FC<IconOverlayProps> = ({\n  src,\n  size = 'small',\n  placement = 'bottomLeft',\n}) => {\n  return src ? (\n    <VideoCameraSmall\n      className={st(classes.iconOverlay, { size, placement })}\n    />\n  ) : null;\n};\n\nVideoIndicatorOverlay.displayName = 'VideoIndicatorOverlay';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAAkD,IAAAG,YAAA;AAG3C,MAAMC,qBAAiD,GAAGA,CAAC;EAChEC,GAAG;EACHC,IAAI,GAAG,OAAO;EACdC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,OAAOF,GAAG,gBACRP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,iBAAA,CAAAS,gBAAgB;IACfC,SAAS,EAAE,IAAAC,gBAAE,EAACC,qBAAO,CAACC,WAAW,EAAE;MAAER,IAAI;MAAEC;IAAU,CAAC,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzD,CAAC,GACA,IAAI;AACV,CAAC;AAACC,OAAA,CAAAhB,qBAAA,GAAAA,qBAAA;AAEFA,qBAAqB,CAACiB,WAAW,GAAG,uBAAuB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_overlayStCss","_jsxFileName","VideoIndicatorOverlay","src","size","placement","default","createElement","VideoCameraSmall","className","st","classes","iconOverlay","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../../src/components/media-image/overlays/video-indicator-overlay.tsx"],"sourcesContent":["import React from 'react';\nimport { VideoCameraSmall } from '@wix/wix-ui-icons-common/lazy';\n\nimport { st, classes } from './overlay.st.css.js';\nimport type { IconOverlayProps } from './types';\n\nexport const VideoIndicatorOverlay: React.FC<IconOverlayProps> = ({\n  src,\n  size = 'small',\n  placement = 'bottomLeft',\n}) => {\n  return src ? (\n    <VideoCameraSmall\n      className={st(classes.iconOverlay, { size, placement })}\n    />\n  ) : null;\n};\n\nVideoIndicatorOverlay.displayName = 'VideoIndicatorOverlay';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAEA,IAAAE,aAAA,GAAAF,OAAA;AAAkD,IAAAG,YAAA;AAG3C,MAAMC,qBAAiD,GAAGA,CAAC;EAChEC,GAAG;EACHC,IAAI,GAAG,OAAO;EACdC,SAAS,GAAG;AACd,CAAC,KAAK;EACJ,OAAOF,GAAG,gBACRP,MAAA,CAAAU,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAS,gBAAgB;IACfC,SAAS,EAAE,IAAAC,gBAAE,EAACC,qBAAO,CAACC,WAAW,EAAE;MAAER,IAAI;MAAEC;IAAU,CAAC,CAAE;IAAAQ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAd,YAAA;MAAAe,UAAA;MAAAC,YAAA;IAAA;EAAA,CACzD,CAAC,GACA,IAAI;AACV,CAAC;AAACC,OAAA,CAAAhB,qBAAA,GAAAA,qBAAA;AAEFA,qBAAqB,CAACiB,WAAW,GAAG,uBAAuB","ignoreList":[]}

package/dist/cjs/components/media-loader/media-loader.st.css.js

@@ -5,15 +5,15 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "medialoader1984150417";
+var _namespace_ = "medialoader3986141410";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "medialoader1984150417__root",
-  "loader": "medialoader1984150417__loader"
+  "root": "medialoader3986141410__root",
+  "loader": "medialoader3986141410__loader"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-loader/media-loader.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader1984150417\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader1984150417__root\",\"loader\":\"medialoader1984150417__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../src/components/media-loader/media-loader.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"medialoader3986141410\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"medialoader3986141410__root\",\"loader\":\"medialoader3986141410__loader\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"loaderBorderRadius\":\"6px\",\"blue300\":\"var(--wds-color-blue-300, var(--wsr-color-B30))\"}; \nexport var vars = {\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,uBAAuB;AACzC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC,6BAA6B;EAAC,QAAQ,EAAC;AAA+B,CAAC;AAC7F,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG;EAAC,oBAAoB,EAAC,KAAK;EAAC,SAAS,EAAC;AAAiD,CAAC;AACrG,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js

@@ -5,14 +5,14 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "mediatag3951729463";
+var _namespace_ = "mediatag2312565667";
 var _style_ = _stylableEsmRuntime.classesRuntime.bind(null, _namespace_);
 var cssStates = exports.cssStates = _stylableEsmRuntime.statesRuntime.bind(null, _namespace_);
 var style = exports.style = _style_;
 var st = exports.st = _style_;
 var namespace = exports.namespace = _namespace_;
 var classes = exports.classes = {
-  "root": "mediatag3951729463__root"
+  "root": "mediatag2312565667__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-tag/web-media-tag/media-tag.st.css.js.map

@@ -1 +1 @@
-{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag3951729463\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag3951729463__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}
+{"version":3,"names":["_stylableEsmRuntime","require","_namespace_","_style_","classesRuntime","bind","cssStates","exports","statesRuntime","style","st","namespace","classes","keyframes","layers","containers","stVars","vars"],"sources":["../../../../../src/components/media-tag/web-media-tag/media-tag.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"mediatag2312565667\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style: import(\"@stylable/runtime\").STFunction = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"mediatag2312565667__root\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-blue-400\":\"--wds-color-blue-400\",\"wsr-color-B40\":\"--wsr-color-B40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,oBAAoB;AACtC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA0B,CAAC;AACjD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/multi-document/cell-multi-document-edit.js

@@ -4,7 +4,7 @@ exports.__esModule = true;
 exports.CellMultiDocumentEdit = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _react2 = require("@wix/bex-core/react");
 var _mediaUtils = require("../../utils/media-utils");
 var _autoFieldTypes = require("../../auto-field-types");
@@ -164,7 +164,7 @@ const CellMultiDocumentEdit = ({
       lineNumber: 193,
       columnNumber: 13
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -192,7 +192,7 @@ const CellMultiDocumentEdit = ({
       lineNumber: 204,
       columnNumber: 13
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LinkSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.LinkSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -287,7 +287,7 @@ const CellMultiDocumentEdit = ({
         id: `${fieldId}-${index}`,
         dataHook: "multi-document-edit-tag",
         size: "small",
-        thumb: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.DocumentSmall, {
+        thumb: /*#__PURE__*/_react.default.createElement(_lazy.DocumentSmall, {
           __self: void 0,
           __source: {
             fileName: _jsxFileName,
@@ -331,7 +331,7 @@ const CellMultiDocumentEdit = ({
           lineNumber: 281,
           columnNumber: 27
         }
-      }, (0, _mediaUtils.getMediaTitle)(uri)), /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.MoreSmall, {
+      }, (0, _mediaUtils.getMediaTitle)(uri)), /*#__PURE__*/_react.default.createElement(_lazy.MoreSmall, {
         style: {
           width: 12,
           height: 12,
@@ -353,7 +353,7 @@ const CellMultiDocumentEdit = ({
     }, /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
       dataHook: "multi-document-edit-action-replace",
       text: t('CMS.document.action.replace'),
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Replace, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Replace, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -371,7 +371,7 @@ const CellMultiDocumentEdit = ({
     }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
       dataHook: "multi-document-edit-action-replace-url",
       text: t('CMS.document.action.replaceWithUrl'),
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Link, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Link, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -396,7 +396,7 @@ const CellMultiDocumentEdit = ({
     }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
       dataHook: "multi-document-edit-action-open",
       text: t('CMS.document.action.open'),
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ExternalLink, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.ExternalLink, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -414,7 +414,7 @@ const CellMultiDocumentEdit = ({
     }), /*#__PURE__*/_react.default.createElement(_designSystem.PopoverMenu.MenuItem, {
       dataHook: "multi-document-edit-action-download",
       text: t('CMS.document.action.download'),
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Download, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Download, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -440,7 +440,7 @@ const CellMultiDocumentEdit = ({
       dataHook: "multi-document-edit-action-delete",
       text: t('CMS.document.action.delete'),
       skin: "destructive",
-      prefixIcon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Delete, {
+      prefixIcon: /*#__PURE__*/_react.default.createElement(_lazy.Delete, {
         __self: void 0,
         __source: {
           fileName: _jsxFileName,
@@ -486,7 +486,7 @@ const CellMultiDocumentEdit = ({
       lineNumber: 343,
       columnNumber: 15
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.Add, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.Add, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
@@ -514,7 +514,7 @@ const CellMultiDocumentEdit = ({
       lineNumber: 354,
       columnNumber: 15
     }
-  }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LinkSmall, {
+  }, /*#__PURE__*/_react.default.createElement(_lazy.LinkSmall, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,