@wix/patterns-fields 1.111.0 → 1.113.0

package/dist/cjs/components/field-validation-settings/field-validation-settings.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_baseDriver","FieldValidationSettingsUniDriver","base","body","getToggle","rule","ToggleSwitchUniDriver","$","baseUniDriverFactory","getRequiredToggle","getCharactersLimitToggle","getSpecificValuesToggle","getPatternToggle","getMinCharactersInput","NumberInputUniDriver","getMaxCharactersInput","getSpecificValueInput","index","InputUniDriver","getAddSpecificValueButton","TextButtonUniDriver","getRemoveSpecificValueButton","IconButtonUniDriver","getPatternInput","getExclusiveRulesExplanation","hasExclusiveRulesExplanation","exists"],"sources":["../../../../src/components/field-validation-settings/field-validation-settings.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  IconButtonUniDriver,\n  InputUniDriver,\n  NumberInputUniDriver,\n  TextButtonUniDriver,\n  ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FieldValidationSettingsUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getToggle = (rule: string) =>\n    ToggleSwitchUniDriver(\n      base.$(`[data-hook=\"field-validation-${rule}-toggle\"]`),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getRequiredToggle: () => getToggle('required'),\n    getCharactersLimitToggle: () => getToggle('characters-limit'),\n    getSpecificValuesToggle: () => getToggle('specific-values'),\n    getPatternToggle: () => getToggle('pattern'),\n    getMinCharactersInput: () =>\n      NumberInputUniDriver(\n        base.$('[data-hook=\"field-validation-min-characters\"]'),\n        body,\n      ),\n    getMaxCharactersInput: () =>\n      NumberInputUniDriver(\n        base.$('[data-hook=\"field-validation-max-characters\"]'),\n        body,\n      ),\n    getSpecificValueInput: (index: number) =>\n      InputUniDriver(\n        base.$(`[data-hook=\"field-validation-specific-value-${index}\"]`),\n        body,\n      ),\n    getAddSpecificValueButton: () =>\n      TextButtonUniDriver(\n        base.$('[data-hook=\"field-validation-specific-value-add\"]'),\n        body,\n      ),\n    getRemoveSpecificValueButton: (index: number) =>\n      IconButtonUniDriver(\n        base.$(`[data-hook=\"field-validation-specific-value-remove-${index}\"]`),\n        body,\n      ),\n    getPatternInput: () =>\n      InputUniDriver(\n        base.$('[data-hook=\"field-validation-pattern-input\"]'),\n        body,\n      ),\n    getExclusiveRulesExplanation: (rule: string) =>\n      base.$(`[data-hook=\"field-validation-${rule}-exclusive-help\"]`),\n    hasExclusiveRulesExplanation: () =>\n      base.$('[data-hook$=\"exclusive-help\"]').exists(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,gCAAgCA,CAC9CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,SAAS,GAAIC,IAAY,IAC7B,IAAAC,gCAAqB,EACnBJ,IAAI,CAACK,CAAC,CAAC,gCAAgCF,IAAI,WAAW,CAAC,EACvDF,IACF,CAAC;EAEH,OAAO;IACL,GAAG,IAAAK,gCAAoB,EAACN,IAAI,CAAC;IAC7BO,iBAAiB,EAAEA,CAAA,KAAML,SAAS,CAAC,UAAU,CAAC;IAC9CM,wBAAwB,EAAEA,CAAA,KAAMN,SAAS,CAAC,kBAAkB,CAAC;IAC7DO,uBAAuB,EAAEA,CAAA,KAAMP,SAAS,CAAC,iBAAiB,CAAC;IAC3DQ,gBAAgB,EAAEA,CAAA,KAAMR,SAAS,CAAC,SAAS,CAAC;IAC5CS,qBAAqB,EAAEA,CAAA,KACrB,IAAAC,+BAAoB,EAClBZ,IAAI,CAACK,CAAC,CAAC,+CAA+C,CAAC,EACvDJ,IACF,CAAC;IACHY,qBAAqB,EAAEA,CAAA,KACrB,IAAAD,+BAAoB,EAClBZ,IAAI,CAACK,CAAC,CAAC,+CAA+C,CAAC,EACvDJ,IACF,CAAC;IACHa,qBAAqB,EAAGC,KAAa,IACnC,IAAAC,yBAAc,EACZhB,IAAI,CAACK,CAAC,CAAC,+CAA+CU,KAAK,IAAI,CAAC,EAChEd,IACF,CAAC;IACHgB,yBAAyB,EAAEA,CAAA,KACzB,IAAAC,8BAAmB,EACjBlB,IAAI,CAACK,CAAC,CAAC,mDAAmD,CAAC,EAC3DJ,IACF,CAAC;IACHkB,4BAA4B,EAAGJ,KAAa,IAC1C,IAAAK,8BAAmB,EACjBpB,IAAI,CAACK,CAAC,CAAC,sDAAsDU,KAAK,IAAI,CAAC,EACvEd,IACF,CAAC;IACHoB,eAAe,EAAEA,CAAA,KACf,IAAAL,yBAAc,EACZhB,IAAI,CAACK,CAAC,CAAC,8CAA8C,CAAC,EACtDJ,IACF,CAAC;IACHqB,4BAA4B,EAAGnB,IAAY,IACzCH,IAAI,CAACK,CAAC,CAAC,gCAAgCF,IAAI,mBAAmB,CAAC;IACjEoB,4BAA4B,EAAEA,CAAA,KAC5BvB,IAAI,CAACK,CAAC,CAAC,+BAA+B,CAAC,CAACmB,MAAM,CAAC;EACnD,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_baseDriver","FieldValidationSettingsUniDriver","base","body","getToggle","rule","ToggleSwitchUniDriver","$","getSpecificValuesInput","MultiSelectUniDriver","baseUniDriverFactory","getRequiredToggle","getCharactersLimitToggle","getSpecificValuesToggle","getPatternToggle","getMinCharactersInput","NumberInputUniDriver","getMaxCharactersInput","getSpecificValuesField","FormFieldUniDriver","addSpecificValues","text","input","inputDriver","enterText","driver","pressKey","getSpecificValueLabels","count","numberOfTags","Promise","all","Array","from","length","_tag","index","getTagLabelAt","removeSpecificValue","id","tag","getTagDriverByTagId","removeTag","getPatternInput","InputUniDriver","getExclusiveRulesExplanation","hasExclusiveRulesExplanation","exists"],"sources":["../../../../src/components/field-validation-settings/field-validation-settings.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  FormFieldUniDriver,\n  InputUniDriver,\n  MultiSelectUniDriver,\n  NumberInputUniDriver,\n  ToggleSwitchUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function FieldValidationSettingsUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  const getToggle = (rule: string) =>\n    ToggleSwitchUniDriver(\n      base.$(`[data-hook=\"field-validation-${rule}-toggle\"]`),\n      body,\n    );\n  const getSpecificValuesInput = () =>\n    MultiSelectUniDriver(\n      base.$('[data-hook=\"field-validation-specific-values-input\"]'),\n      body,\n    );\n\n  return {\n    ...baseUniDriverFactory(base),\n    getRequiredToggle: () => getToggle('required'),\n    getCharactersLimitToggle: () => getToggle('characters-limit'),\n    getSpecificValuesToggle: () => getToggle('specific-values'),\n    getPatternToggle: () => getToggle('pattern'),\n    getMinCharactersInput: () =>\n      NumberInputUniDriver(\n        base.$('[data-hook=\"field-validation-min-characters\"]'),\n        body,\n      ),\n    getMaxCharactersInput: () =>\n      NumberInputUniDriver(\n        base.$('[data-hook=\"field-validation-max-characters\"]'),\n        body,\n      ),\n    getSpecificValuesField: () =>\n      FormFieldUniDriver(\n        base.$('[data-hook=\"field-validation-specific-values-field\"]'),\n        body,\n      ),\n    getSpecificValuesInput,\n    addSpecificValues: async (text: string) => {\n      const input = getSpecificValuesInput();\n      await input.inputDriver.enterText(text);\n      await input.driver.pressKey('Enter');\n    },\n    getSpecificValueLabels: async () => {\n      const { driver } = getSpecificValuesInput();\n      const count = await driver.numberOfTags();\n      return Promise.all(\n        Array.from({ length: count }, (_tag, index) =>\n          driver.getTagLabelAt(index),\n        ),\n      );\n    },\n    removeSpecificValue: async (id: string) => {\n      const tag = await getSpecificValuesInput().driver.getTagDriverByTagId(id);\n      await tag.removeTag();\n    },\n    getPatternInput: () =>\n      InputUniDriver(\n        base.$('[data-hook=\"field-validation-pattern-input\"]'),\n        body,\n      ),\n    getExclusiveRulesExplanation: (rule: string) =>\n      base.$(`[data-hook=\"field-validation-${rule}-exclusive-help\"]`),\n    hasExclusiveRulesExplanation: () =>\n      base.$('[data-hook$=\"exclusive-help\"]').exists(),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAOA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,gCAAgCA,CAC9CC,IAAe,EACfC,IAAe,EACf;EACA,MAAMC,SAAS,GAAIC,IAAY,IAC7B,IAAAC,gCAAqB,EACnBJ,IAAI,CAACK,CAAC,CAAC,gCAAgCF,IAAI,WAAW,CAAC,EACvDF,IACF,CAAC;EACH,MAAMK,sBAAsB,GAAGA,CAAA,KAC7B,IAAAC,+BAAoB,EAClBP,IAAI,CAACK,CAAC,CAAC,sDAAsD,CAAC,EAC9DJ,IACF,CAAC;EAEH,OAAO;IACL,GAAG,IAAAO,gCAAoB,EAACR,IAAI,CAAC;IAC7BS,iBAAiB,EAAEA,CAAA,KAAMP,SAAS,CAAC,UAAU,CAAC;IAC9CQ,wBAAwB,EAAEA,CAAA,KAAMR,SAAS,CAAC,kBAAkB,CAAC;IAC7DS,uBAAuB,EAAEA,CAAA,KAAMT,SAAS,CAAC,iBAAiB,CAAC;IAC3DU,gBAAgB,EAAEA,CAAA,KAAMV,SAAS,CAAC,SAAS,CAAC;IAC5CW,qBAAqB,EAAEA,CAAA,KACrB,IAAAC,+BAAoB,EAClBd,IAAI,CAACK,CAAC,CAAC,+CAA+C,CAAC,EACvDJ,IACF,CAAC;IACHc,qBAAqB,EAAEA,CAAA,KACrB,IAAAD,+BAAoB,EAClBd,IAAI,CAACK,CAAC,CAAC,+CAA+C,CAAC,EACvDJ,IACF,CAAC;IACHe,sBAAsB,EAAEA,CAAA,KACtB,IAAAC,6BAAkB,EAChBjB,IAAI,CAACK,CAAC,CAAC,sDAAsD,CAAC,EAC9DJ,IACF,CAAC;IACHK,sBAAsB;IACtBY,iBAAiB,EAAE,MAAOC,IAAY,IAAK;MACzC,MAAMC,KAAK,GAAGd,sBAAsB,CAAC,CAAC;MACtC,MAAMc,KAAK,CAACC,WAAW,CAACC,SAAS,CAACH,IAAI,CAAC;MACvC,MAAMC,KAAK,CAACG,MAAM,CAACC,QAAQ,CAAC,OAAO,CAAC;IACtC,CAAC;IACDC,sBAAsB,EAAE,MAAAA,CAAA,KAAY;MAClC,MAAM;QAAEF;MAAO,CAAC,GAAGjB,sBAAsB,CAAC,CAAC;MAC3C,MAAMoB,KAAK,GAAG,MAAMH,MAAM,CAACI,YAAY,CAAC,CAAC;MACzC,OAAOC,OAAO,CAACC,GAAG,CAChBC,KAAK,CAACC,IAAI,CAAC;QAAEC,MAAM,EAAEN;MAAM,CAAC,EAAE,CAACO,IAAI,EAAEC,KAAK,KACxCX,MAAM,CAACY,aAAa,CAACD,KAAK,CAC5B,CACF,CAAC;IACH,CAAC;IACDE,mBAAmB,EAAE,MAAOC,EAAU,IAAK;MACzC,MAAMC,GAAG,GAAG,MAAMhC,sBAAsB,CAAC,CAAC,CAACiB,MAAM,CAACgB,mBAAmB,CAACF,EAAE,CAAC;MACzE,MAAMC,GAAG,CAACE,SAAS,CAAC,CAAC;IACvB,CAAC;IACDC,eAAe,EAAEA,CAAA,KACf,IAAAC,yBAAc,EACZ1C,IAAI,CAACK,CAAC,CAAC,8CAA8C,CAAC,EACtDJ,IACF,CAAC;IACH0C,4BAA4B,EAAGxC,IAAY,IACzCH,IAAI,CAACK,CAAC,CAAC,gCAAgCF,IAAI,mBAAmB,CAAC;IACjEyC,4BAA4B,EAAEA,CAAA,KAC5B5C,IAAI,CAACK,CAAC,CAAC,+BAA+B,CAAC,CAACwC,MAAM,CAAC;EACnD,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/highlighted-text/highlighted-text.st.css.js

@@ -5,19 +5,19 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "highlightedtext2597848259";
+var _namespace_ = "highlightedtext956603166";
 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": "highlightedtext2597848259__root",
-  "substring": "highlightedtext2597848259__substring"
+  "root": "highlightedtext956603166__root",
+  "substring": "highlightedtext956603166__substring"
 };
 var keyframes = exports.keyframes = {
-  "highlighted": "highlightedtext2597848259__highlighted",
-  "highlighted-match": "highlightedtext2597848259__highlighted-match"
+  "highlighted": "highlightedtext956603166__highlighted",
+  "highlighted-match": "highlightedtext956603166__highlighted-match"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/highlighted-text/highlighted-text.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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext2597848259\";\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\":\"highlightedtext2597848259__root\",\"substring\":\"highlightedtext2597848259__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext2597848259__highlighted\",\"highlighted-match\":\"highlightedtext2597848259__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,2BAA2B;AAC7C,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,iCAAiC;EAAC,WAAW,EAAC;AAAsC,CAAC;AAC3G,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,wCAAwC;EAAC,mBAAmB,EAAC;AAA8C,CAAC;AAC3I,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;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/highlighted-text/highlighted-text.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"highlightedtext956603166\";\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\":\"highlightedtext956603166__root\",\"substring\":\"highlightedtext956603166__substring\"};\nexport var keyframes = {\"highlighted\":\"highlightedtext956603166__highlighted\",\"highlighted-match\":\"highlightedtext956603166__highlighted-match\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-yellow-200\":\"--wds-color-yellow-200\",\"wds-color-yellow-400\":\"--wds-color-yellow-400\",\"wsr-color-Y20\":\"--wsr-color-Y20\",\"wsr-color-Y40\":\"--wsr-color-Y40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,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,gCAAgC;EAAC,WAAW,EAAC;AAAqC,CAAC;AACzG,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,aAAa,EAAC,uCAAuC;EAAC,mBAAmB,EAAC;AAA6C,CAAC;AACzI,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,sBAAsB,EAAC,wBAAwB;EAAC,sBAAsB,EAAC,wBAAwB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/image/cell-image-edit.js

@@ -87,6 +87,7 @@ const CellImageEdit = ({
     }
   }, /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
     value: value,
+    size: 24,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,

package/dist/cjs/components/image/cell-image-edit.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","t","useTranslations","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","image","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","appendTo","Box","type","onClick","handleCallMedia","style","cursor","lineHeight","position","background","border","padding","ImageThumbnail","ThumbnailReplaceOverlay","IconButton","size","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Link,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport {\n  useCellMediaEdit,\n  CellMediaEditShell,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\n  value: string | null;\n  onChange: (value: string | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n  });\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: value ?? undefined,\n  });\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      value={value}\n      fieldType={MediaFieldType.image}\n    >\n      {value ? (\n        /* Has value: clickable thumbnail button with replace overlay */\n        <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n          <Box>\n            <button\n              type=\"button\"\n              data-hook=\"image-edit-thumbnail\"\n              onClick={mediaEdit.handleCallMedia}\n              style={{\n                cursor: 'pointer',\n                lineHeight: 0,\n                position: 'relative',\n                background: 'none',\n                border: 'none',\n                padding: 0,\n              }}\n            >\n              <ImageThumbnail value={value} />\n              <ThumbnailReplaceOverlay />\n            </button>\n          </Box>\n        </Tooltip>\n      ) : (\n        /* Empty: icon button opens media manager */\n        <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"image-edit-add-button\"\n            onClick={mediaEdit.handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n\n      {value ? (\n        /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\n        <PopoverMenu\n          textSize=\"small\"\n          appendTo=\"window\"\n          triggerElement={\n            <Tooltip\n              content={t('auto-patterns.fields.more_actions_tooltip')}\n              appendTo=\"window\"\n            >\n              <IconButton\n                size=\"tiny\"\n                priority=\"tertiary\"\n                dataHook=\"image-edit-more-button\"\n              >\n                <MoreSmall />\n              </IconButton>\n            </Tooltip>\n          }\n        >\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace\"\n            text={t('CMS.image.replace')}\n            prefixIcon={<Replace />}\n            onClick={mediaEdit.handleCallMedia}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace-url\"\n            text={t('CMS.image.replaceWithUrl.button')}\n            prefixIcon={<Link />}\n            onClick={openPasteUrl}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-delete\"\n            text={t('CMS.image.clear')}\n            skin=\"destructive\"\n            prefixIcon={<Delete />}\n            onClick={mediaEdit.handleDelete}\n          />\n        </PopoverMenu>\n      ) : (\n        /* Empty: icon button opens paste-URL form */\n        <Tooltip\n          content={t('CMS.image.replaceWithUrl.button')}\n          appendTo=\"window\"\n        >\n          <IconButton\n            size=\"tiny\"\n            priority=\"tertiary\"\n            dataHook=\"image-edit-paste-url-button\"\n            onClick={openPasteUrl}\n          >\n            <LinkSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_lazy","_mediaUtils","_hooks","_mediaControl","_imageThumbnail","_thumbnailReplaceOverlay","_jsxFileName","CellImageEdit","value","onChange","onCommit","onCancel","onStartEdit","inputRef","dataHook","t","useTranslations","mediaEdit","useCellMediaEdit","mediaType","MEDIA_TYPES","IMAGE","openPasteUrl","startEditAndOpenPasteUrl","title","undefined","default","createElement","CellMediaEditShell","fieldType","MediaFieldType","image","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","appendTo","Box","type","onClick","handleCallMedia","style","cursor","lineHeight","position","background","border","padding","ImageThumbnail","size","ThumbnailReplaceOverlay","IconButton","priority","Add","PopoverMenu","textSize","triggerElement","MoreSmall","MenuItem","text","prefixIcon","Replace","Link","Divider","skin","Delete","handleDelete","LinkSmall","exports","displayName"],"sources":["../../../../src/components/image/cell-image-edit.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, PopoverMenu, Tooltip } from '@wix/design-system';\nimport {\n  Add,\n  Delete,\n  Link,\n  LinkSmall,\n  MoreSmall,\n  Replace,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { MEDIA_TYPES } from '../../utils/media-utils';\nimport { useTranslations } from '../../hooks';\nimport {\n  useCellMediaEdit,\n  CellMediaEditShell,\n  MediaFieldType,\n} from '../media-control';\nimport { ImageThumbnail } from './image-thumbnail';\nimport { ThumbnailReplaceOverlay } from './thumbnail-replace-overlay';\n\nexport interface CellImageEditProps {\n  value: string | null;\n  onChange: (value: string | null) => void;\n  onCommit: () => void;\n  onCancel?: () => void;\n  /**\n   * Called before opening external UI (media manager / paste-URL form) so the\n   * table can set isEditing=true and protect cell focus while the modal is open.\n   */\n  onStartEdit?: () => void;\n  inputRef?: React.MutableRefObject<{ focus: () => void } | null | undefined>;\n  dataHook?: string;\n}\n\nexport const CellImageEdit: React.FC<CellImageEditProps> = ({\n  value,\n  onChange,\n  onCommit,\n  onCancel,\n  onStartEdit,\n  inputRef,\n  dataHook,\n}) => {\n  const { t } = useTranslations();\n\n  const mediaEdit = useCellMediaEdit({\n    mediaType: MEDIA_TYPES.IMAGE,\n    value,\n    onChange,\n    onCommit,\n    onCancel,\n    onStartEdit,\n    inputRef,\n  });\n\n  const openPasteUrl = mediaEdit.startEditAndOpenPasteUrl({\n    title: t('CMS.image.replaceWithUrl.title'),\n    value: value ?? undefined,\n  });\n\n  return (\n    <CellMediaEditShell\n      dataHook={dataHook}\n      mediaEdit={mediaEdit}\n      value={value}\n      fieldType={MediaFieldType.image}\n    >\n      {value ? (\n        /* Has value: clickable thumbnail button with replace overlay */\n        <Tooltip content={t('CMS.image.replace')} appendTo=\"window\">\n          <Box>\n            <button\n              type=\"button\"\n              data-hook=\"image-edit-thumbnail\"\n              onClick={mediaEdit.handleCallMedia}\n              style={{\n                cursor: 'pointer',\n                lineHeight: 0,\n                position: 'relative',\n                background: 'none',\n                border: 'none',\n                padding: 0,\n              }}\n            >\n              <ImageThumbnail value={value} size={24} />\n              <ThumbnailReplaceOverlay />\n            </button>\n          </Box>\n        </Tooltip>\n      ) : (\n        /* Empty: icon button opens media manager */\n        <Tooltip content={t('CMS.image.add')} appendTo=\"window\">\n          <IconButton\n            size=\"tiny\"\n            priority=\"secondary\"\n            dataHook=\"image-edit-add-button\"\n            onClick={mediaEdit.handleCallMedia}\n          >\n            <Add />\n          </IconButton>\n        </Tooltip>\n      )}\n\n      {value ? (\n        /* Has value: \"...\" menu with Replace / Replace with URL / Delete */\n        <PopoverMenu\n          textSize=\"small\"\n          appendTo=\"window\"\n          triggerElement={\n            <Tooltip\n              content={t('auto-patterns.fields.more_actions_tooltip')}\n              appendTo=\"window\"\n            >\n              <IconButton\n                size=\"tiny\"\n                priority=\"tertiary\"\n                dataHook=\"image-edit-more-button\"\n              >\n                <MoreSmall />\n              </IconButton>\n            </Tooltip>\n          }\n        >\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace\"\n            text={t('CMS.image.replace')}\n            prefixIcon={<Replace />}\n            onClick={mediaEdit.handleCallMedia}\n          />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-replace-url\"\n            text={t('CMS.image.replaceWithUrl.button')}\n            prefixIcon={<Link />}\n            onClick={openPasteUrl}\n          />\n          <PopoverMenu.Divider />\n          <PopoverMenu.MenuItem\n            dataHook=\"image-edit-action-delete\"\n            text={t('CMS.image.clear')}\n            skin=\"destructive\"\n            prefixIcon={<Delete />}\n            onClick={mediaEdit.handleDelete}\n          />\n        </PopoverMenu>\n      ) : (\n        /* Empty: icon button opens paste-URL form */\n        <Tooltip\n          content={t('CMS.image.replaceWithUrl.button')}\n          appendTo=\"window\"\n        >\n          <IconButton\n            size=\"tiny\"\n            priority=\"tertiary\"\n            dataHook=\"image-edit-paste-url-button\"\n            onClick={openPasteUrl}\n          >\n            <LinkSmall />\n          </IconButton>\n        </Tooltip>\n      )}\n    </CellMediaEditShell>\n  );\n};\n\nCellImageEdit.displayName = 'CellImageEdit';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/image/image-thumbnail.js

@@ -16,16 +16,19 @@ const ImageThumbnail = ({
   onMouseEnter,
   onMouseLeave,
   dataHook,
-  showVideoIndicator = true
+  showVideoIndicator = true,
+  size = 36
 }) => {
   const value = (0, _getImageSource.getImageSource)(imageValue);
   const src = value ? (0, _autoFieldTypes.mediaURItoImageURL)(value, _autoFieldTypes.ThumbnailSize.S) : undefined;
+  const overlaySize = size <= 24 ? 'tiny' : 'small';
+  const px = `${size}px`;
   return /*#__PURE__*/_react.default.createElement("div", {
     "data-hook": dataHook,
     "data-empty": !value || undefined,
     style: {
-      width: '36px',
-      height: '36px',
+      width: px,
+      height: px,
       borderRadius: '3px',
       flexShrink: 0,
       position: 'relative'
@@ -33,7 +36,7 @@ const ImageThumbnail = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 37,
+      lineNumber: 41,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, {
@@ -43,35 +46,35 @@ const ImageThumbnail = ({
     borderRadius: "3px",
     transparent: true,
     size: _autoFieldTypes.ThumbnailSize.S,
-    width: "36px",
-    height: "36px",
+    width: px,
+    height: px,
     onLoad: onLoad,
     onError: onError,
     onMouseEnter: onMouseEnter,
     onMouseLeave: onMouseLeave,
     overlay: value && showVideoIndicator && (0, _autoFieldTypes.isMediaVideoURI)(value) ? /*#__PURE__*/_react.default.createElement(_overlays.VideoIndicatorOverlay, {
       src: value,
-      size: "small",
+      size: overlaySize,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 67,
         columnNumber: 13
       }
     }) : /*#__PURE__*/_react.default.createElement(_overlays.CustomUrlOverlay, {
       src: value,
-      size: "small",
+      size: overlaySize,
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 65,
+        lineNumber: 69,
         columnNumber: 13
       }
     }),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 48,
+      lineNumber: 52,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/image/image-thumbnail.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_autoFieldTypes","_getImageSource","_mediaImage","_overlays","_jsxFileName","ImageThumbnail","value","imageValue","onLoad","onError","onMouseEnter","onMouseLeave","dataHook","showVideoIndicator","getImageSource","src","mediaURItoImageURL","ThumbnailSize","S","undefined","default","createElement","style","width","height","borderRadius","flexShrink","position","__self","__source","fileName","lineNumber","columnNumber","MediaImage","alt","suspended","transparent","size","overlay","isMediaVideoURI","VideoIndicatorOverlay","CustomUrlOverlay","exports","displayName"],"sources":["../../../../src/components/image/image-thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  isMediaVideoURI,\n  mediaURItoImageURL,\n  ThumbnailSize,\n} from '../../auto-field-types';\nimport { getImageSource, type ImageSource } from '../../utils/get-image-source';\nimport { MediaImage } from '../media-image';\nimport {\n  CustomUrlOverlay,\n  VideoIndicatorOverlay,\n} from '../media-image/overlays';\n\nexport interface ImageThumbnailProps {\n  value?: ImageSource;\n  onLoad?: () => void;\n  onError?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  dataHook?: string;\n  showVideoIndicator?: boolean;\n}\n\nexport const ImageThumbnail: React.FC<ImageThumbnailProps> = ({\n  value: imageValue,\n  onLoad,\n  onError,\n  onMouseEnter,\n  onMouseLeave,\n  dataHook,\n  showVideoIndicator = true,\n}) => {\n  const value = getImageSource(imageValue);\n  const src = value ? mediaURItoImageURL(value, ThumbnailSize.S) : undefined;\n\n  return (\n    <div\n      data-hook={dataHook}\n      data-empty={!value || undefined}\n      style={{\n        width: '36px',\n        height: '36px',\n        borderRadius: '3px',\n        flexShrink: 0,\n        position: 'relative',\n      }}\n    >\n      <MediaImage\n        src={src}\n        alt=\"\"\n        suspended\n        borderRadius=\"3px\"\n        transparent\n        size={ThumbnailSize.S}\n        width=\"36px\"\n        height=\"36px\"\n        onLoad={onLoad}\n        onError={onError}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        overlay={\n          value && showVideoIndicator && isMediaVideoURI(value) ? (\n            <VideoIndicatorOverlay src={value} size=\"small\" />\n          ) : (\n            <CustomUrlOverlay src={value} size=\"small\" />\n          )\n        }\n      />\n    </div>\n  );\n};\n\nImageThumbnail.displayName = 'ImageThumbnail';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAKA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAGiC,IAAAK,YAAA;AAY1B,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,KAAK,EAAEC,UAAU;EACjBC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,YAAY;EACZC,QAAQ;EACRC,kBAAkB,GAAG;AACvB,CAAC,KAAK;EACJ,MAAMP,KAAK,GAAG,IAAAQ,8BAAc,EAACP,UAAU,CAAC;EACxC,MAAMQ,GAAG,GAAGT,KAAK,GAAG,IAAAU,kCAAkB,EAACV,KAAK,EAAEW,6BAAa,CAACC,CAAC,CAAC,GAAGC,SAAS;EAE1E,oBACEtB,MAAA,CAAAuB,OAAA,CAAAC,aAAA;IACE,aAAWT,QAAS;IACpB,cAAY,CAACN,KAAK,IAAIa,SAAU;IAChCG,KAAK,EAAE;MACLC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,MAAM;MACdC,YAAY,EAAE,KAAK;MACnBC,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE;IACZ,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1B,YAAA;MAAA2B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFnC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAACnB,WAAA,CAAA+B,UAAU;IACTlB,GAAG,EAAEA,GAAI;IACTmB,GAAG,EAAC,EAAE;IACNC,SAAS;IACTV,YAAY,EAAC,KAAK;IAClBW,WAAW;IACXC,IAAI,EAAEpB,6BAAa,CAACC,CAAE;IACtBK,KAAK,EAAC,MAAM;IACZC,MAAM,EAAC,MAAM;IACbhB,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBC,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA,YAAa;IAC3B2B,OAAO,EACLhC,KAAK,IAAIO,kBAAkB,IAAI,IAAA0B,+BAAe,EAACjC,KAAK,CAAC,gBACnDT,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAqC,qBAAqB;MAACzB,GAAG,EAAET,KAAM;MAAC+B,IAAI,EAAC,OAAO;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1B,YAAA;QAAA2B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAElDnC,MAAA,CAAAuB,OAAA,CAAAC,aAAA,CAAClB,SAAA,CAAAsC,gBAAgB;MAAC1B,GAAG,EAAET,KAAM;MAAC+B,IAAI,EAAC,OAAO;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA1B,YAAA;QAAA2B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAE/C;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA1B,YAAA;MAAA2B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACE,CAAC;AAEV,CAAC;AAACU,OAAA,CAAArC,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACsC,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_autoFieldTypes","_getImageSource","_mediaImage","_overlays","_jsxFileName","ImageThumbnail","value","imageValue","onLoad","onError","onMouseEnter","onMouseLeave","dataHook","showVideoIndicator","size","getImageSource","src","mediaURItoImageURL","ThumbnailSize","S","undefined","overlaySize","px","default","createElement","style","width","height","borderRadius","flexShrink","position","__self","__source","fileName","lineNumber","columnNumber","MediaImage","alt","suspended","transparent","overlay","isMediaVideoURI","VideoIndicatorOverlay","CustomUrlOverlay","exports","displayName"],"sources":["../../../../src/components/image/image-thumbnail.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  isMediaVideoURI,\n  mediaURItoImageURL,\n  ThumbnailSize,\n} from '../../auto-field-types';\nimport { getImageSource, type ImageSource } from '../../utils/get-image-source';\nimport { MediaImage } from '../media-image';\nimport {\n  CustomUrlOverlay,\n  VideoIndicatorOverlay,\n} from '../media-image/overlays';\n\nexport interface ImageThumbnailProps {\n  value?: ImageSource;\n  onLoad?: () => void;\n  onError?: () => void;\n  onMouseEnter?: () => void;\n  onMouseLeave?: () => void;\n  dataHook?: string;\n  showVideoIndicator?: boolean;\n  size?: number;\n}\n\nexport const ImageThumbnail: React.FC<ImageThumbnailProps> = ({\n  value: imageValue,\n  onLoad,\n  onError,\n  onMouseEnter,\n  onMouseLeave,\n  dataHook,\n  showVideoIndicator = true,\n  size = 36,\n}) => {\n  const value = getImageSource(imageValue);\n  const src = value ? mediaURItoImageURL(value, ThumbnailSize.S) : undefined;\n  const overlaySize = size <= 24 ? 'tiny' : 'small';\n  const px = `${size}px`;\n\n  return (\n    <div\n      data-hook={dataHook}\n      data-empty={!value || undefined}\n      style={{\n        width: px,\n        height: px,\n        borderRadius: '3px',\n        flexShrink: 0,\n        position: 'relative',\n      }}\n    >\n      <MediaImage\n        src={src}\n        alt=\"\"\n        suspended\n        borderRadius=\"3px\"\n        transparent\n        size={ThumbnailSize.S}\n        width={px}\n        height={px}\n        onLoad={onLoad}\n        onError={onError}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeave}\n        overlay={\n          value && showVideoIndicator && isMediaVideoURI(value) ? (\n            <VideoIndicatorOverlay src={value} size={overlaySize} />\n          ) : (\n            <CustomUrlOverlay src={value} size={overlaySize} />\n          )\n        }\n      />\n    </div>\n  );\n};\n\nImageThumbnail.displayName = 'ImageThumbnail';\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,eAAA,GAAAD,OAAA;AAKA,IAAAE,eAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AAGiC,IAAAK,YAAA;AAa1B,MAAMC,cAA6C,GAAGA,CAAC;EAC5DC,KAAK,EAAEC,UAAU;EACjBC,MAAM;EACNC,OAAO;EACPC,YAAY;EACZC,YAAY;EACZC,QAAQ;EACRC,kBAAkB,GAAG,IAAI;EACzBC,IAAI,GAAG;AACT,CAAC,KAAK;EACJ,MAAMR,KAAK,GAAG,IAAAS,8BAAc,EAACR,UAAU,CAAC;EACxC,MAAMS,GAAG,GAAGV,KAAK,GAAG,IAAAW,kCAAkB,EAACX,KAAK,EAAEY,6BAAa,CAACC,CAAC,CAAC,GAAGC,SAAS;EAC1E,MAAMC,WAAW,GAAGP,IAAI,IAAI,EAAE,GAAG,MAAM,GAAG,OAAO;EACjD,MAAMQ,EAAE,GAAG,GAAGR,IAAI,IAAI;EAEtB,oBACEjB,MAAA,CAAA0B,OAAA,CAAAC,aAAA;IACE,aAAWZ,QAAS;IACpB,cAAY,CAACN,KAAK,IAAIc,SAAU;IAChCK,KAAK,EAAE;MACLC,KAAK,EAAEJ,EAAE;MACTK,MAAM,EAAEL,EAAE;MACVM,YAAY,EAAE,KAAK;MACnBC,UAAU,EAAE,CAAC;MACbC,QAAQ,EAAE;IACZ,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEFtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACtB,WAAA,CAAAkC,UAAU;IACTpB,GAAG,EAAEA,GAAI;IACTqB,GAAG,EAAC,EAAE;IACNC,SAAS;IACTV,YAAY,EAAC,KAAK;IAClBW,WAAW;IACXzB,IAAI,EAAEI,6BAAa,CAACC,CAAE;IACtBO,KAAK,EAAEJ,EAAG;IACVK,MAAM,EAAEL,EAAG;IACXd,MAAM,EAAEA,MAAO;IACfC,OAAO,EAAEA,OAAQ;IACjBC,YAAY,EAAEA,YAAa;IAC3BC,YAAY,EAAEA,YAAa;IAC3B6B,OAAO,EACLlC,KAAK,IAAIO,kBAAkB,IAAI,IAAA4B,+BAAe,EAACnC,KAAK,CAAC,gBACnDT,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACrB,SAAA,CAAAuC,qBAAqB;MAAC1B,GAAG,EAAEV,KAAM;MAACQ,IAAI,EAAEO,WAAY;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC,gBAExDtC,MAAA,CAAA0B,OAAA,CAAAC,aAAA,CAACrB,SAAA,CAAAwC,gBAAgB;MAAC3B,GAAG,EAAEV,KAAM;MAACQ,IAAI,EAAEO,WAAY;MAAAU,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAA7B,YAAA;QAAA8B,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAErD;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA7B,YAAA;MAAA8B,UAAA;MAAAC,YAAA;IAAA;EAAA,CACF,CACE,CAAC;AAEV,CAAC;AAACS,OAAA,CAAAvC,cAAA,GAAAA,cAAA;AAEFA,cAAc,CAACwC,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/cjs/components/image/image-view.js

@@ -12,7 +12,8 @@ var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/c
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ImageView = ({
   value: imageValue,
-  dataHook
+  dataHook,
+  size
 }) => {
   const value = (0, _getImageSource.getImageSource)(imageValue);
   const [isPreviewShown, setIsPreviewShown] = (0, _react.useState)(false);
@@ -27,7 +28,7 @@ const ImageView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 24,
+      lineNumber: 26,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -38,7 +39,7 @@ const ImageView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 31,
+      lineNumber: 33,
       columnNumber: 7
     }
   }, value ? /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
@@ -56,32 +57,33 @@ const ImageView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 33,
+      lineNumber: 35,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 43,
+      lineNumber: 45,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
     value: value,
+    size: size,
     dataHook: "image-thumbnail",
     onMouseEnter: showPreview,
     onMouseLeave: hidePreview,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 44,
+      lineNumber: 46,
       columnNumber: 15
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 54,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -94,7 +96,7 @@ const ImageView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 52,
+      lineNumber: 55,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_mediaImage.MediaImage, {
@@ -106,16 +108,17 @@ const ImageView = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 60,
+      lineNumber: 63,
       columnNumber: 17
     }
   })))) : /*#__PURE__*/_react.default.createElement(_imageThumbnail.ImageThumbnail, {
     value: value,
+    size: size,
     dataHook: "image-thumbnail",
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 71,
+      lineNumber: 74,
       columnNumber: 11
     }
   })));

package/dist/cjs/components/image/image-view.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoFieldTypes","_getImageSource","_mediaImage","_imageThumbnail","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ImageView","value","imageValue","dataHook","getImageSource","isPreviewShown","setIsPreviewShown","useState","showPreview","useCallback","hidePreview","createElement","Box","verticalAlign","padding","height","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","style","flex","Popover","showArrow","shown","appendTo","placement","showDelay","moveBy","y","x","zIndex","fluid","Element","ImageThumbnail","onMouseEnter","onMouseLeave","Content","borderRadius","overflow","lineHeight","MediaImage","src","mediaURItoImageURL","ThumbnailSize","L","alt","fit","transparent","size","exports","displayName"],"sources":["../../../../src/components/image/image-view.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { Box, Popover } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';\nimport { getImageSource, type ImageSource } from '../../utils/get-image-source';\nimport { MediaImage } from '../media-image';\nimport { ImageThumbnail } from './image-thumbnail';\n\nexport interface ImageViewProps {\n  value: ImageSource;\n  dataHook?: string;\n}\n\nexport const ImageView: React.FC<ImageViewProps> = ({\n  value: imageValue,\n  dataHook,\n}) => {\n  const value = getImageSource(imageValue);\n  const [isPreviewShown, setIsPreviewShown] = useState(false);\n\n  const showPreview = useCallback(() => setIsPreviewShown(true), []);\n  const hidePreview = useCallback(() => setIsPreviewShown(false), []);\n\n  return (\n    <Box\n      dataHook={dataHook}\n      verticalAlign=\"middle\"\n      padding=\"0 8px\"\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <Box minWidth=\"0\" style={{ flex: 1 }}>\n        {value ? (\n          <Popover\n            showArrow={false}\n            shown={isPreviewShown}\n            appendTo=\"viewport\"\n            placement=\"bottom-start\"\n            showDelay={300}\n            moveBy={{ y: 4, x: 0 }}\n            zIndex={9999}\n            fluid\n          >\n            <Popover.Element>\n              <ImageThumbnail\n                value={value}\n                dataHook=\"image-thumbnail\"\n                onMouseEnter={showPreview}\n                onMouseLeave={hidePreview}\n              />\n            </Popover.Element>\n            <Popover.Content>\n              <Box\n                width=\"204px\"\n                style={{\n                  borderRadius: '3px',\n                  overflow: 'hidden',\n                  lineHeight: 0,\n                }}\n              >\n                <MediaImage\n                  src={mediaURItoImageURL(value, ThumbnailSize.L)}\n                  alt=\"\"\n                  fit=\"contain\"\n                  transparent\n                  size={ThumbnailSize.L}\n                />\n              </Box>\n            </Popover.Content>\n          </Popover>\n        ) : (\n          <ImageThumbnail value={value} dataHook=\"image-thumbnail\" />\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nImageView.displayName = 'ImageView';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_autoFieldTypes","_getImageSource","_mediaImage","_imageThumbnail","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ImageView","value","imageValue","dataHook","size","getImageSource","isPreviewShown","setIsPreviewShown","useState","showPreview","useCallback","hidePreview","createElement","Box","verticalAlign","padding","height","width","__self","__source","fileName","lineNumber","columnNumber","minWidth","style","flex","Popover","showArrow","shown","appendTo","placement","showDelay","moveBy","y","x","zIndex","fluid","Element","ImageThumbnail","onMouseEnter","onMouseLeave","Content","borderRadius","overflow","lineHeight","MediaImage","src","mediaURItoImageURL","ThumbnailSize","L","alt","fit","transparent","exports","displayName"],"sources":["../../../../src/components/image/image-view.tsx"],"sourcesContent":["import React, { useState, useCallback } from 'react';\nimport { Box, Popover } from '@wix/design-system';\nimport { mediaURItoImageURL, ThumbnailSize } from '../../auto-field-types';\nimport { getImageSource, type ImageSource } from '../../utils/get-image-source';\nimport { MediaImage } from '../media-image';\nimport { ImageThumbnail } from './image-thumbnail';\n\nexport interface ImageViewProps {\n  value: ImageSource;\n  dataHook?: string;\n  size?: number;\n}\n\nexport const ImageView: React.FC<ImageViewProps> = ({\n  value: imageValue,\n  dataHook,\n  size,\n}) => {\n  const value = getImageSource(imageValue);\n  const [isPreviewShown, setIsPreviewShown] = useState(false);\n\n  const showPreview = useCallback(() => setIsPreviewShown(true), []);\n  const hidePreview = useCallback(() => setIsPreviewShown(false), []);\n\n  return (\n    <Box\n      dataHook={dataHook}\n      verticalAlign=\"middle\"\n      padding=\"0 8px\"\n      height=\"100%\"\n      width=\"100%\"\n    >\n      <Box minWidth=\"0\" style={{ flex: 1 }}>\n        {value ? (\n          <Popover\n            showArrow={false}\n            shown={isPreviewShown}\n            appendTo=\"viewport\"\n            placement=\"bottom-start\"\n            showDelay={300}\n            moveBy={{ y: 4, x: 0 }}\n            zIndex={9999}\n            fluid\n          >\n            <Popover.Element>\n              <ImageThumbnail\n                value={value}\n                size={size}\n                dataHook=\"image-thumbnail\"\n                onMouseEnter={showPreview}\n                onMouseLeave={hidePreview}\n              />\n            </Popover.Element>\n            <Popover.Content>\n              <Box\n                width=\"204px\"\n                style={{\n                  borderRadius: '3px',\n                  overflow: 'hidden',\n                  lineHeight: 0,\n                }}\n              >\n                <MediaImage\n                  src={mediaURItoImageURL(value, ThumbnailSize.L)}\n                  alt=\"\"\n                  fit=\"contain\"\n                  transparent\n                  size={ThumbnailSize.L}\n                />\n              </Box>\n            </Popover.Content>\n          </Popover>\n        ) : (\n          <ImageThumbnail value={value} size={size} dataHook=\"image-thumbnail\" />\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nImageView.displayName = 'ImageView';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/image/thumbnail-replace-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_ = "thumbnailreplaceoverlay2287490407";
+var _namespace_ = "thumbnailreplaceoverlay3606587190";
 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": "thumbnailreplaceoverlay2287490407__root",
-  "icon": "thumbnailreplaceoverlay2287490407__icon"
+  "root": "thumbnailreplaceoverlay3606587190__root",
+  "icon": "thumbnailreplaceoverlay3606587190__icon"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/image/thumbnail-replace-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/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay2287490407\";\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\":\"thumbnailreplaceoverlay2287490407__root\",\"icon\":\"thumbnailreplaceoverlay2287490407__icon\"};\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,mCAAmC;AACrD,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,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,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/image/thumbnail-replace-overlay.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"thumbnailreplaceoverlay3606587190\";\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\":\"thumbnailreplaceoverlay3606587190__root\",\"icon\":\"thumbnailreplaceoverlay3606587190__icon\"};\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,mCAAmC;AACrD,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,yCAAyC;EAAC,MAAM,EAAC;AAAyC,CAAC;AACjH,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-control/cell-media-edit-shell.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_ = "cellmediaeditshell1493028595";
+var _namespace_ = "cellmediaeditshell1208112184";
 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": "cellmediaeditshell1493028595__root"
+  "root": "cellmediaeditshell1208112184__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/cell-media-edit-shell.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-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell1493028595\";\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\":\"cellmediaeditshell1493028595__root\"};\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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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-control/cell-media-edit-shell.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellmediaeditshell1208112184\";\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\":\"cellmediaeditshell1208112184__root\"};\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,8BAA8B;AAChD,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;AAAoC,CAAC;AAC3D,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-control/paste-url-button.st.css.js

@@ -5,16 +5,16 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "pasteurlbutton4200227506";
+var _namespace_ = "pasteurlbutton3361801639";
 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": "pasteurlbutton4200227506__root",
-  "iconButtonTooltip": "pasteurlbutton4200227506__iconButtonTooltip",
-  "iconButton": "pasteurlbutton4200227506__iconButton"
+  "root": "pasteurlbutton3361801639__root",
+  "iconButtonTooltip": "pasteurlbutton3361801639__iconButtonTooltip",
+  "iconButton": "pasteurlbutton3361801639__iconButton"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/media-control/paste-url-button.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-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton4200227506\";\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\":\"pasteurlbutton4200227506__root\",\"iconButtonTooltip\":\"pasteurlbutton4200227506__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton4200227506__iconButton\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,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-control/paste-url-button.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"pasteurlbutton3361801639\";\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\":\"pasteurlbutton3361801639__root\",\"iconButtonTooltip\":\"pasteurlbutton3361801639__iconButtonTooltip\",\"iconButton\":\"pasteurlbutton3361801639__iconButton\"};\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,0BAA0B;AAC5C,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,gCAAgC;EAAC,mBAAmB,EAAC,6CAA6C;EAAC,YAAY,EAAC;AAAsC,CAAC;AAC7K,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/form-media-gallery-field.st.css.js

@@ -5,22 +5,22 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "formmediagalleryfield430290838";
+var _namespace_ = "formmediagalleryfield167056594";
 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": "formmediagalleryfield430290838__root",
-  "container": "formmediagalleryfield430290838__container",
-  "viewBox": "formmediagalleryfield430290838__viewBox",
-  "addItemWrapper": "formmediagalleryfield430290838__addItemWrapper",
-  "addItem": "formmediagalleryfield430290838__addItem",
-  "overlay": "formmediagalleryfield430290838__overlay",
-  "image": "formmediagalleryfield430290838__image",
-  "previewImage": "formmediagalleryfield430290838__previewImage",
-  "previewVideo": "formmediagalleryfield430290838__previewVideo"
+  "root": "formmediagalleryfield167056594__root",
+  "container": "formmediagalleryfield167056594__container",
+  "viewBox": "formmediagalleryfield167056594__viewBox",
+  "addItemWrapper": "formmediagalleryfield167056594__addItemWrapper",
+  "addItem": "formmediagalleryfield167056594__addItem",
+  "overlay": "formmediagalleryfield167056594__overlay",
+  "image": "formmediagalleryfield167056594__image",
+  "previewImage": "formmediagalleryfield167056594__previewImage",
+  "previewVideo": "formmediagalleryfield167056594__previewVideo"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

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_ = \"formmediagalleryfield430290838\";\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\":\"formmediagalleryfield430290838__root\",\"container\":\"formmediagalleryfield430290838__container\",\"viewBox\":\"formmediagalleryfield430290838__viewBox\",\"addItemWrapper\":\"formmediagalleryfield430290838__addItemWrapper\",\"addItem\":\"formmediagalleryfield430290838__addItem\",\"overlay\":\"formmediagalleryfield430290838__overlay\",\"image\":\"formmediagalleryfield430290838__image\",\"previewImage\":\"formmediagalleryfield430290838__previewImage\",\"previewVideo\":\"formmediagalleryfield430290838__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,gCAAgC;AAClD,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,sCAAsC;EAAC,WAAW,EAAC,2CAA2C;EAAC,SAAS,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,gDAAgD;EAAC,SAAS,EAAC,yCAAyC;EAAC,SAAS,EAAC,yCAAyC;EAAC,OAAO,EAAC,uCAAuC;EAAC,cAAc,EAAC,8CAA8C;EAAC,cAAc,EAAC;AAA8C,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,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_ = \"formmediagalleryfield167056594\";\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\":\"formmediagalleryfield167056594__root\",\"container\":\"formmediagalleryfield167056594__container\",\"viewBox\":\"formmediagalleryfield167056594__viewBox\",\"addItemWrapper\":\"formmediagalleryfield167056594__addItemWrapper\",\"addItem\":\"formmediagalleryfield167056594__addItem\",\"overlay\":\"formmediagalleryfield167056594__overlay\",\"image\":\"formmediagalleryfield167056594__image\",\"previewImage\":\"formmediagalleryfield167056594__previewImage\",\"previewVideo\":\"formmediagalleryfield167056594__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,gCAAgC;AAClD,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,sCAAsC;EAAC,WAAW,EAAC,2CAA2C;EAAC,SAAS,EAAC,yCAAyC;EAAC,gBAAgB,EAAC,gDAAgD;EAAC,SAAS,EAAC,yCAAyC;EAAC,SAAS,EAAC,yCAAyC;EAAC,OAAO,EAAC,uCAAuC;EAAC,cAAc,EAAC,8CAA8C;EAAC,cAAc,EAAC;AAA8C,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,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","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_ = "mediaimage1101490151";
+var _namespace_ = "mediaimage3684956147";
 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": "mediaimage1101490151__root"
+  "root": "mediaimage3684956147__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": "--mediaimage1101490151-from",
-  "to": "--mediaimage1101490151-to"
+  "from": "--mediaimage3684956147-from",
+  "to": "--mediaimage3684956147-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_ = \"mediaimage1101490151\";\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\":\"mediaimage1101490151__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\":\"--mediaimage1101490151-from\",\"to\":\"--mediaimage1101490151-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_ = \"mediaimage3684956147\";\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\":\"mediaimage3684956147__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\":\"--mediaimage3684956147-from\",\"to\":\"--mediaimage3684956147-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/overlay.st.css

@@ -7,7 +7,7 @@
 
 .iconOverlay {
     -st-states:
-        size(enum(small, medium, large)),
+        size(enum(tiny, small, medium, large)),
         placement(enum(topLeft, bottomLeft));
 
     position: absolute;
@@ -19,6 +19,10 @@
     -webkit-filter: value(iconShadow);
 }
 
+.iconOverlay:size(tiny) {
+    width: 12px;
+    height: 12px;
+}
 .iconOverlay:size(small) {
     width: 20px;
     height: 20px;