@wix/patterns-fields 1.87.0 → 1.89.0

package/dist/cjs/components/address/input/address-input.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_ = "addressinput1180413843";
+var _namespace_ = "addressinput3855729996";
 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": "addressinput1180413843__root",
-  "tableAddressInput": "addressinput1180413843__tableAddressInput"
+  "root": "addressinput3855729996__root",
+  "tableAddressInput": "addressinput3855729996__tableAddressInput"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/address/input/address-input.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/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput1180413843\";\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\":\"addressinput1180413843__root\",\"tableAddressInput\":\"addressinput1180413843__tableAddressInput\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,mBAAmB,EAAC;AAA2C,CAAC;AACrH,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/address/input/address-input.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"addressinput3855729996\";\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\":\"addressinput3855729996__root\",\"tableAddressInput\":\"addressinput3855729996__tableAddressInput\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,mBAAmB,EAAC;AAA2C,CAAC;AACrH,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/audio/actions/actions-menu/actions-menu.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_ = "actionsmenu2383203063";
+var _namespace_ = "actionsmenu1397751256";
 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": "actionsmenu2383203063__root",
-  "action": "actionsmenu2383203063__action"
+  "root": "actionsmenu1397751256__root",
+  "action": "actionsmenu1397751256__action"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/actions/actions-menu/actions-menu.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/audio/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu2383203063\";\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\":\"actionsmenu2383203063__root\",\"action\":\"actionsmenu2383203063__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \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,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;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/audio/actions/actions-menu/actions-menu.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"actionsmenu1397751256\";\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\":\"actionsmenu1397751256__root\",\"action\":\"actionsmenu1397751256__action\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-space-100\":\"--wds-space-100\"}; \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,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/controlled-audio.uni.driver.js

@@ -0,0 +1,29 @@
+"use strict";
+
+exports.__esModule = true;
+exports.ControlledAudioInputUniDriver = ControlledAudioInputUniDriver;
+var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
+var _baseDriver = require("../../../testkit/base-driver");
+function ControlledAudioInputUniDriver(base, body) {
+  // The dataHook sits on the AddItem in the empty state and on the wrapper Box
+  // in the filled one, so `base` is either.
+  const addItem = (0, _unidriver.AddItemUniDriver)(base, body);
+  const moreButton = base.$('[data-hook="fromAudioInput.button.more"]');
+  const deleteAction = body.$('[data-hook="fromAudioInput.button.delete"]');
+  const replaceAction = body.$('[data-hook="fromAudioInput.button.replace"]');
+  const isDisabled = async element => (await element.attr('disabled')) !== null || (await element.attr('aria-disabled')) === 'true';
+  return {
+    ...(0, _baseDriver.baseUniDriverFactory)(base),
+    getAddButtonText: () => base.text(),
+    clickAddButton: () => addItem.click(),
+    isAddButtonFocused: () => addItem.isFocused(),
+    getAudioName: () => base.$('[data-hook="fromAudioInput.audioName"]').text(),
+    audioPlayerExists: () => base.$('[data-hook="fromAudioInput.player"]').exists(),
+    clickMore: () => moreButton.click(),
+    clickDelete: () => deleteAction.click(),
+    clickReplace: () => replaceAction.click(),
+    isDeleteDisabled: () => isDisabled(deleteAction),
+    isReplaceDisabled: () => isDisabled(replaceAction)
+  };
+}
+//# sourceMappingURL=controlled-audio.uni.driver.js.map

package/dist/cjs/components/audio/audio-field/controlled-audio.uni.driver.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","ControlledAudioInputUniDriver","base","body","addItem","AddItemUniDriver","moreButton","$","deleteAction","replaceAction","isDisabled","element","attr","baseUniDriverFactory","getAddButtonText","text","clickAddButton","click","isAddButtonFocused","isFocused","getAudioName","audioPlayerExists","exists","clickMore","clickDelete","clickReplace","isDeleteDisabled","isReplaceDisabled"],"sources":["../../../../../src/components/audio/audio-field/controlled-audio.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport { AddItemUniDriver } from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../../../testkit/base-driver';\n\nexport function ControlledAudioInputUniDriver(\n  base: UniDriver,\n  body: UniDriver,\n) {\n  // The dataHook sits on the AddItem in the empty state and on the wrapper Box\n  // in the filled one, so `base` is either.\n  const addItem = AddItemUniDriver(base, body);\n  const moreButton = base.$('[data-hook=\"fromAudioInput.button.more\"]');\n  const deleteAction = body.$('[data-hook=\"fromAudioInput.button.delete\"]');\n  const replaceAction = body.$('[data-hook=\"fromAudioInput.button.replace\"]');\n\n  const isDisabled = async (element: UniDriver) =>\n    (await element.attr('disabled')) !== null ||\n    (await element.attr('aria-disabled')) === 'true';\n\n  return {\n    ...baseUniDriverFactory(base),\n    getAddButtonText: () => base.text(),\n    clickAddButton: () => addItem.click(),\n    isAddButtonFocused: () => addItem.isFocused(),\n    getAudioName: () => base.$('[data-hook=\"fromAudioInput.audioName\"]').text(),\n    audioPlayerExists: () =>\n      base.$('[data-hook=\"fromAudioInput.player\"]').exists(),\n    clickMore: () => moreButton.click(),\n    clickDelete: () => deleteAction.click(),\n    clickReplace: () => replaceAction.click(),\n    isDeleteDisabled: () => isDisabled(deleteAction),\n    isReplaceDisabled: () => isDisabled(replaceAction),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,6BAA6BA,CAC3CC,IAAe,EACfC,IAAe,EACf;EACA;EACA;EACA,MAAMC,OAAO,GAAG,IAAAC,2BAAgB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAC5C,MAAMG,UAAU,GAAGJ,IAAI,CAACK,CAAC,CAAC,0CAA0C,CAAC;EACrE,MAAMC,YAAY,GAAGL,IAAI,CAACI,CAAC,CAAC,4CAA4C,CAAC;EACzE,MAAME,aAAa,GAAGN,IAAI,CAACI,CAAC,CAAC,6CAA6C,CAAC;EAE3E,MAAMG,UAAU,GAAG,MAAOC,OAAkB,IAC1C,CAAC,MAAMA,OAAO,CAACC,IAAI,CAAC,UAAU,CAAC,MAAM,IAAI,IACzC,CAAC,MAAMD,OAAO,CAACC,IAAI,CAAC,eAAe,CAAC,MAAM,MAAM;EAElD,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACX,IAAI,CAAC;IAC7BY,gBAAgB,EAAEA,CAAA,KAAMZ,IAAI,CAACa,IAAI,CAAC,CAAC;IACnCC,cAAc,EAAEA,CAAA,KAAMZ,OAAO,CAACa,KAAK,CAAC,CAAC;IACrCC,kBAAkB,EAAEA,CAAA,KAAMd,OAAO,CAACe,SAAS,CAAC,CAAC;IAC7CC,YAAY,EAAEA,CAAA,KAAMlB,IAAI,CAACK,CAAC,CAAC,wCAAwC,CAAC,CAACQ,IAAI,CAAC,CAAC;IAC3EM,iBAAiB,EAAEA,CAAA,KACjBnB,IAAI,CAACK,CAAC,CAAC,qCAAqC,CAAC,CAACe,MAAM,CAAC,CAAC;IACxDC,SAAS,EAAEA,CAAA,KAAMjB,UAAU,CAACW,KAAK,CAAC,CAAC;IACnCO,WAAW,EAAEA,CAAA,KAAMhB,YAAY,CAACS,KAAK,CAAC,CAAC;IACvCQ,YAAY,EAAEA,CAAA,KAAMhB,aAAa,CAACQ,KAAK,CAAC,CAAC;IACzCS,gBAAgB,EAAEA,CAAA,KAAMhB,UAAU,CAACF,YAAY,CAAC;IAChDmB,iBAAiB,EAAEA,CAAA,KAAMjB,UAAU,CAACD,aAAa;EACnD,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/form-audio-field.js

@@ -1,7 +1,7 @@
 "use strict";
 
 exports.__esModule = true;
-exports.FormAudioField = void 0;
+exports.FormAudioField = exports.ControlledAudioInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _autoFieldTypes = require("../../../auto-field-types");
 var _designSystem = require("@wix/design-system");
@@ -20,6 +20,7 @@ const FormAudioField = ({
   onChange: onChangeAudio,
   onClear: onClearAudio,
   onInput,
+  onBlur,
   autoFocus,
   readOnly,
   invalid,
@@ -45,7 +46,8 @@ const FormAudioField = ({
     autoFocus,
     readOnly,
     inputRef,
-    viewRef
+    viewRef,
+    onBlur
   });
   const {
     handleReplace,
@@ -92,7 +94,7 @@ const FormAudioField = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
+        lineNumber: 101,
         columnNumber: 12
       }
     });
@@ -112,7 +114,7 @@ const FormAudioField = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 94,
+        lineNumber: 106,
         columnNumber: 7
       }
     });
@@ -124,7 +126,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 110,
+      lineNumber: 122,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -133,7 +135,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 111,
+      lineNumber: 123,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -145,7 +147,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 124,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -154,7 +156,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 119,
+      lineNumber: 131,
       columnNumber: 11
     }
   }, (0, _utils.getMediaTitle)(data)), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -164,7 +166,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 125,
+      lineNumber: 137,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.AudioPlayer, {
@@ -175,7 +177,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 126,
+      lineNumber: 138,
       columnNumber: 13
     }
   }), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -184,7 +186,7 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 132,
+      lineNumber: 144,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_actionsButton.ActionsButton, {
@@ -195,10 +197,38 @@ const FormAudioField = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 145,
       columnNumber: 15
     }
   }))))));
 };
 exports.FormAudioField = FormAudioField;
+const ControlledAudioInput = ({
+  data,
+  onChange,
+  onBlur,
+  readOnly,
+  autoFocus,
+  invalid,
+  dataHook
+}) => /*#__PURE__*/_react.default.createElement(FormAudioField, {
+  data: data,
+  onChange: onChange
+  // FormAudioField reports deletion through onClear, not onChange.
+  ,
+  onClear: () => onChange(undefined),
+  onBlur: onBlur,
+  readOnly: readOnly,
+  autoFocus: autoFocus,
+  invalid: invalid,
+  dataHook: dataHook,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 172,
+    columnNumber: 3
+  }
+});
+exports.ControlledAudioInput = ControlledAudioInput;
+ControlledAudioInput.displayName = 'ControlledAudioInput';
 //# sourceMappingURL=form-audio-field.js.map

package/dist/cjs/components/audio/audio-field/form-audio-field.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_autoFieldTypes","_designSystem","_hooks","_utils","_common","_mediaControl","_mediaLoader","_actionsButton","_audioActions","_formAudioFieldStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormAudioField","data","onChange","onChangeAudio","onClear","onClearAudio","onInput","autoFocus","readOnly","invalid","dataHook","inputRef","forwardedRef","useTranslations","useWithCallback","setInputRef","useMergedRef","viewRef","useRef","callMedia","onMediaLoad","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","AUDIO","value","handleReplace","handleDownload","handleDelete","useMediaHandlers","next","actionsMenuProps","useMemo","actions","buildAudioActions","labels","replace","download","delete","dataHooks","onReplace","onDownload","onDelete","appendTo","flip","zIndex","Z_INDEX_MODAL_POPOVER","createElement","MediaLoader","borderStyle","className","classes","addItem","__self","__source","fileName","lineNumber","columnNumber","AddItem","ref","style","disabled","error","theme","onClick","children","Box","direction","gap","tabIndex","verticalAlign","backgroundColor","padding","borderRadius","Text","mediaTitle","getMediaTitle","marginTop","marginBottom","AudioPlayer","src","getMediaURL","onLoad","onLoadError","marginLeft","ActionsButton","priority","skin","exports"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useRef, useMemo } from 'react';\n\nimport { getMediaURL } from '../../../auto-field-types';\nimport type { AddItemActions } from '@wix/design-system';\nimport { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';\n\nimport { useMergedRef, useTranslations, useWithCallback } from '../../../hooks';\nimport { getMediaTitle, MEDIA_TYPES } from '../../../utils';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../../common';\nimport type { FormMediaControlProps } from '../../media-control';\nimport { useMediaControl, useMediaHandlers } from '../../media-control';\nimport { MediaLoader } from '../../media-loader';\nimport { ActionsButton } from '../actions/actions-button';\nimport { buildAudioActions } from '../actions/audio-actions';\n\nimport { style, classes } from './form-audio-field.st.css.js';\n\nexport const FormAudioField: FC<FormMediaControlProps> = ({\n  data,\n  onChange: onChangeAudio,\n  onClear: onClearAudio,\n  onInput,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n  inputRef: forwardedRef,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeAudio, onInput);\n  const onClear = useWithCallback(onClearAudio, onInput);\n\n  const [inputRef, setInputRef] = useMergedRef<AddItemActions>(forwardedRef);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, onMediaLoad, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.AUDIO,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n  });\n\n  const { handleReplace, handleDownload, handleDelete } = useMediaHandlers({\n    value: data ?? null,\n    callMedia,\n    downloadMedia,\n    onChange: (next) => {\n      if (next === null) {\n        onClear();\n      } else {\n        onChange(next);\n      }\n    },\n  });\n\n  const actionsMenuProps = useMemo(\n    () => ({\n      dataHook: 'fromAudioInput.moreActionsMenu',\n      actions: buildAudioActions({\n        labels: {\n          replace: t('CMS.audio.button.replace'),\n          download: t('CMS.audio.button.download'),\n          delete: t('CMS.audio.button.delete'),\n        },\n        dataHooks: {\n          replace: 'fromAudioInput.button.replace',\n          download: 'fromAudioInput.button.download',\n          delete: 'fromAudioInput.button.delete',\n        },\n        onReplace: handleReplace,\n        onDownload: handleDownload,\n        onDelete: handleDelete,\n        readOnly,\n      }),\n      appendTo: 'window' as const,\n      flip: true,\n      zIndex: Z_INDEX_MODAL_POPOVER,\n    }),\n    [t, readOnly, handleReplace, handleDownload, handleDelete],\n  );\n\n  if (loading) {\n    return <MediaLoader borderStyle=\"dashed\" className={classes.addItem} />;\n  }\n\n  if (!data) {\n    return (\n      <AddItem\n        ref={setInputRef}\n        dataHook={dataHook}\n        className={style(classes.addItem, {\n          disabled: !!readOnly,\n          error: invalid,\n        })}\n        theme=\"dashes\"\n        onClick={callMedia}\n        disabled={readOnly}\n        children={t('CMS.audio.button.add')}\n      />\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"S1\">\n      <div ref={viewRef} tabIndex={0}>\n        <Box\n          direction=\"vertical\"\n          verticalAlign=\"middle\"\n          backgroundColor=\"D70\"\n          padding=\"SP5\"\n          borderRadius={12}\n        >\n          <Text\n            dataHook=\"fromAudioInput.audioName\"\n            className={classes.mediaTitle}\n          >\n            {getMediaTitle(data)}\n          </Text>\n          <Box direction=\"horizontal\" marginTop=\"9px\" marginBottom=\"-3px\">\n            <AudioPlayer\n              dataHook=\"fromAudioInput.player\"\n              src={getMediaURL(data)}\n              onLoad={onMediaLoad}\n              onLoadError={onMediaLoad}\n            />\n            <Box marginLeft=\"SP3\" gap=\"SP1\">\n              <ActionsButton\n                dataHook=\"fromAudioInput.button.more\"\n                actionsMenuProps={actionsMenuProps}\n                priority=\"secondary\"\n                skin=\"inverted\"\n              />\n            </Box>\n          </Box>\n        </Box>\n      </div>\n    </Box>\n  );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_autoFieldTypes","_designSystem","_hooks","_utils","_common","_mediaControl","_mediaLoader","_actionsButton","_audioActions","_formAudioFieldStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormAudioField","data","onChange","onChangeAudio","onClear","onClearAudio","onInput","onBlur","autoFocus","readOnly","invalid","dataHook","inputRef","forwardedRef","useTranslations","useWithCallback","setInputRef","useMergedRef","viewRef","useRef","callMedia","onMediaLoad","downloadMedia","loading","useMediaControl","mediaType","MEDIA_TYPES","AUDIO","value","handleReplace","handleDownload","handleDelete","useMediaHandlers","next","actionsMenuProps","useMemo","actions","buildAudioActions","labels","replace","download","delete","dataHooks","onReplace","onDownload","onDelete","appendTo","flip","zIndex","Z_INDEX_MODAL_POPOVER","createElement","MediaLoader","borderStyle","className","classes","addItem","__self","__source","fileName","lineNumber","columnNumber","AddItem","ref","style","disabled","error","theme","onClick","children","Box","direction","gap","tabIndex","verticalAlign","backgroundColor","padding","borderRadius","Text","mediaTitle","getMediaTitle","marginTop","marginBottom","AudioPlayer","src","getMediaURL","onLoad","onLoadError","marginLeft","ActionsButton","priority","skin","exports","ControlledAudioInput","undefined","displayName"],"sources":["../../../../../src/components/audio/audio-field/form-audio-field.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport React, { useRef, useMemo } from 'react';\n\nimport { getMediaURL } from '../../../auto-field-types';\nimport type { AddItemActions } from '@wix/design-system';\nimport { AddItem, AudioPlayer, Box, Text } from '@wix/design-system';\n\nimport { useMergedRef, useTranslations, useWithCallback } from '../../../hooks';\nimport { getMediaTitle, MEDIA_TYPES } from '../../../utils';\n\nimport { Z_INDEX_MODAL_POPOVER } from '../../common';\nimport type { ControlledInputProps } from '../../../types/controlled-input';\nimport type { FormMediaControlProps } from '../../media-control';\nimport { useMediaControl, useMediaHandlers } from '../../media-control';\nimport { MediaLoader } from '../../media-loader';\nimport { ActionsButton } from '../actions/actions-button';\nimport { buildAudioActions } from '../actions/audio-actions';\n\nimport { style, classes } from './form-audio-field.st.css.js';\n\nexport interface FormAudioFieldProps extends FormMediaControlProps {\n  /**\n   * Fires when the media manager closes, whether or not a file was picked.\n   * A media field has no text control to blur, so the picker closing is its\n   * blur signal.\n   */\n  onBlur?: () => void;\n}\n\nexport const FormAudioField: FC<FormAudioFieldProps> = ({\n  data,\n  onChange: onChangeAudio,\n  onClear: onClearAudio,\n  onInput,\n  onBlur,\n  autoFocus,\n  readOnly,\n  invalid,\n  dataHook,\n  inputRef: forwardedRef,\n}) => {\n  const { t } = useTranslations();\n\n  const onChange = useWithCallback(onChangeAudio, onInput);\n  const onClear = useWithCallback(onClearAudio, onInput);\n\n  const [inputRef, setInputRef] = useMergedRef<AddItemActions>(forwardedRef);\n  const viewRef = useRef<HTMLDivElement>(null);\n\n  const { callMedia, onMediaLoad, downloadMedia, loading } = useMediaControl({\n    mediaType: MEDIA_TYPES.AUDIO,\n    value: data,\n    onChange,\n    autoFocus,\n    readOnly,\n    inputRef,\n    viewRef,\n    onBlur,\n  });\n\n  const { handleReplace, handleDownload, handleDelete } = useMediaHandlers({\n    value: data ?? null,\n    callMedia,\n    downloadMedia,\n    onChange: (next) => {\n      if (next === null) {\n        onClear();\n      } else {\n        onChange(next);\n      }\n    },\n  });\n\n  const actionsMenuProps = useMemo(\n    () => ({\n      dataHook: 'fromAudioInput.moreActionsMenu',\n      actions: buildAudioActions({\n        labels: {\n          replace: t('CMS.audio.button.replace'),\n          download: t('CMS.audio.button.download'),\n          delete: t('CMS.audio.button.delete'),\n        },\n        dataHooks: {\n          replace: 'fromAudioInput.button.replace',\n          download: 'fromAudioInput.button.download',\n          delete: 'fromAudioInput.button.delete',\n        },\n        onReplace: handleReplace,\n        onDownload: handleDownload,\n        onDelete: handleDelete,\n        readOnly,\n      }),\n      appendTo: 'window' as const,\n      flip: true,\n      zIndex: Z_INDEX_MODAL_POPOVER,\n    }),\n    [t, readOnly, handleReplace, handleDownload, handleDelete],\n  );\n\n  if (loading) {\n    return <MediaLoader borderStyle=\"dashed\" className={classes.addItem} />;\n  }\n\n  if (!data) {\n    return (\n      <AddItem\n        ref={setInputRef}\n        dataHook={dataHook}\n        className={style(classes.addItem, {\n          disabled: !!readOnly,\n          error: invalid,\n        })}\n        theme=\"dashes\"\n        onClick={callMedia}\n        disabled={readOnly}\n        children={t('CMS.audio.button.add')}\n      />\n    );\n  }\n\n  return (\n    <Box dataHook={dataHook} direction=\"vertical\" gap=\"S1\">\n      <div ref={viewRef} tabIndex={0}>\n        <Box\n          direction=\"vertical\"\n          verticalAlign=\"middle\"\n          backgroundColor=\"D70\"\n          padding=\"SP5\"\n          borderRadius={12}\n        >\n          <Text\n            dataHook=\"fromAudioInput.audioName\"\n            className={classes.mediaTitle}\n          >\n            {getMediaTitle(data)}\n          </Text>\n          <Box direction=\"horizontal\" marginTop=\"9px\" marginBottom=\"-3px\">\n            <AudioPlayer\n              dataHook=\"fromAudioInput.player\"\n              src={getMediaURL(data)}\n              onLoad={onMediaLoad}\n              onLoadError={onMediaLoad}\n            />\n            <Box marginLeft=\"SP3\" gap=\"SP1\">\n              <ActionsButton\n                dataHook=\"fromAudioInput.button.more\"\n                actionsMenuProps={actionsMenuProps}\n                priority=\"secondary\"\n                skin=\"inverted\"\n              />\n            </Box>\n          </Box>\n        </Box>\n      </div>\n    </Box>\n  );\n};\n\nexport type ControlledAudioInputProps = ControlledInputProps<\n  string | undefined\n>;\n\nexport const ControlledAudioInput: FC<ControlledAudioInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  invalid,\n  dataHook,\n}) => (\n  <FormAudioField\n    data={data}\n    onChange={onChange}\n    // FormAudioField reports deletion through onClear, not onChange.\n    onClear={() => onChange(undefined)}\n    onBlur={onBlur}\n    readOnly={readOnly}\n    autoFocus={autoFocus}\n    invalid={invalid}\n    dataHook={dataHook}\n  />\n);\n\nControlledAudioInput.displayName = 'ControlledAudioInput';\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/audio/audio-field/form-audio-field.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_ = "formaudiofield3511882057";
+var _namespace_ = "formaudiofield3743157660";
 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": "formaudiofield3511882057__root",
-  "addItem": "formaudiofield3511882057__addItem",
-  "mediaTitle": "formaudiofield3511882057__mediaTitle"
+  "root": "formaudiofield3743157660__root",
+  "addItem": "formaudiofield3743157660__addItem",
+  "mediaTitle": "formaudiofield3743157660__mediaTitle"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/audio-field/form-audio-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/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield3511882057\";\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\":\"formaudiofield3511882057__root\",\"addItem\":\"formaudiofield3511882057__addItem\",\"mediaTitle\":\"formaudiofield3511882057__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \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,SAAS,EAAC,mCAAmC;EAAC,YAAY,EAAC;AAAsC,CAAC;AACzJ,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,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;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/audio/audio-field/form-audio-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formaudiofield3743157660\";\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\":\"formaudiofield3743157660__root\",\"addItem\":\"formaudiofield3743157660__addItem\",\"mediaTitle\":\"formaudiofield3743157660__mediaTitle\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wds-color-red-100\":\"--wds-color-red-100\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wsr-color-B30\":\"--wsr-color-B30\"}; \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,SAAS,EAAC,mCAAmC;EAAC,YAAY,EAAC;AAAsC,CAAC;AACzJ,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,oBAAoB,EAAC,sBAAsB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/audio/audio-player/audio-player.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_ = "audioplayer3608168487";
+var _namespace_ = "audioplayer2787828225";
 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": "audioplayer3608168487__root"
+  "root": "audioplayer2787828225__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/audio/audio-player/audio-player.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/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer3608168487\";\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\":\"audioplayer3608168487__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,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;AAA6B,CAAC;AACpD,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/audio/audio-player/audio-player.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"audioplayer2787828225\";\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\":\"audioplayer2787828225__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,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;AAA6B,CAAC;AACpD,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/color-view/cell-color-view.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_ = "cellcolorview2388263273";
+var _namespace_ = "cellcolorview4225418284";
 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": "cellcolorview2388263273__root",
-  "hashPrefix": "cellcolorview2388263273__hashPrefix"
+  "root": "cellcolorview4225418284__root",
+  "hashPrefix": "cellcolorview4225418284__hashPrefix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/color-view/cell-color-view.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/color-view/cell-color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellcolorview2388263273\";\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\":\"cellcolorview2388263273__root\",\"hashPrefix\":\"cellcolorview2388263273__hashPrefix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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,+BAA+B;EAAC,YAAY,EAAC;AAAqC,CAAC;AACzG,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,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/color-view/cell-color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"cellcolorview4225418284\";\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\":\"cellcolorview4225418284__root\",\"hashPrefix\":\"cellcolorview4225418284__hashPrefix\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {\"wsr-color-D40\":\"--wsr-color-D40\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,yBAAyB;AAC3C,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,+BAA+B;EAAC,YAAY,EAAC;AAAqC,CAAC;AACzG,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,eAAe,EAAC;AAAiB,CAAC","ignoreList":[]}

package/dist/cjs/components/color-view/color-view.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_ = "colorview3869873986";
+var _namespace_ = "colorview3472694465";
 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": "colorview3869873986__root",
-  "view": "colorview3869873986__view",
-  "fillPreview": "colorview3869873986__fillPreview"
+  "root": "colorview3472694465__root",
+  "view": "colorview3472694465__view",
+  "fillPreview": "colorview3472694465__fillPreview"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/color-view/color-view.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/color-view/color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"colorview3869873986\";\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\":\"colorview3869873986__root\",\"view\":\"colorview3869873986__view\",\"fillPreview\":\"colorview3869873986__fillPreview\"};\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,qBAAqB;AACvC,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,2BAA2B;EAAC,MAAM,EAAC,2BAA2B;EAAC,aAAa,EAAC;AAAkC,CAAC;AACtI,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/color-view/color-view.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"colorview3472694465\";\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\":\"colorview3472694465__root\",\"view\":\"colorview3472694465__view\",\"fillPreview\":\"colorview3472694465__fillPreview\"};\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,qBAAqB;AACvC,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,2BAA2B;EAAC,MAAM,EAAC,2BAA2B;EAAC,aAAa,EAAC;AAAkC,CAAC;AACtI,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/controlled-input.uni.driver.js

@@ -5,7 +5,10 @@ exports.ControlledInputUniDriver = ControlledInputUniDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _baseDriver = require("../testkit/base-driver");
 var _popoverDriver = require("../testkit/popover-driver");
+var _controlledAudioUni = require("./audio/audio-field/controlled-audio.uni.driver");
 var _controlledDateTimeInputUni = require("./datetime-input/controlled-date-time-input.uni.driver");
+var _controlledImageUni = require("./image/controlled-image.uni.driver");
+var _controlledVideoUni = require("./video/controlled-video.uni.driver");
 function ControlledInputUniDriver(base, body) {
   const datePicker = (0, _unidriver.DatePickerUniDriver)(base, body);
   return {
@@ -19,7 +22,10 @@ function ControlledInputUniDriver(base, body) {
     color: (0, _unidriver.InputUniDriver)(base, body),
     radioGroup: (0, _unidriver.RadioGroupUniDriver)(base, body),
     calendarPopover: (0, _popoverDriver.CalendarPopoverUniDriver)(datePicker, body),
-    inlineCalendarPopover: (0, _popoverDriver.InlineCalendarPopoverUniDriver)(base)
+    inlineCalendarPopover: (0, _popoverDriver.InlineCalendarPopoverUniDriver)(base),
+    audio: (0, _controlledAudioUni.ControlledAudioInputUniDriver)(base, body),
+    image: (0, _controlledImageUni.ControlledImageInputUniDriver)(base, body),
+    video: (0, _controlledVideoUni.ControlledVideoInputUniDriver)(base, body)
   };
 }
 //# sourceMappingURL=controlled-input.uni.driver.js.map

package/dist/cjs/components/controlled-input.uni.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_baseDriver","_popoverDriver","_controlledDateTimeInputUni","ControlledInputUniDriver","base","body","datePicker","DatePickerUniDriver","baseUniDriverFactory","checkbox","CheckboxUniDriver","number","NumberInputUniDriver","text","InputUniDriver","autocomplete","AutoCompleteUniDriver","dateTime","DateTimeInputUniDriver","color","radioGroup","RadioGroupUniDriver","calendarPopover","CalendarPopoverUniDriver","inlineCalendarPopover","InlineCalendarPopoverUniDriver"],"sources":["../../../src/components/controlled-input.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AutoCompleteUniDriver,\n  CheckboxUniDriver,\n  DatePickerUniDriver,\n  InputUniDriver,\n  NumberInputUniDriver,\n  RadioGroupUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../testkit/base-driver';\nimport {\n  CalendarPopoverUniDriver,\n  InlineCalendarPopoverUniDriver,\n} from '../testkit/popover-driver';\nimport { DateTimeInputUniDriver } from './datetime-input/controlled-date-time-input.uni.driver';\n\nexport function ControlledInputUniDriver(base: UniDriver, body: UniDriver) {\n  const datePicker = DatePickerUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    checkbox: CheckboxUniDriver(base, body),\n    number: NumberInputUniDriver(base, body),\n    text: InputUniDriver(base, body),\n    autocomplete: AutoCompleteUniDriver(base, body),\n    datePicker,\n    dateTime: DateTimeInputUniDriver(base, body),\n    color: InputUniDriver(base, body),\n    radioGroup: RadioGroupUniDriver(base, body),\n    calendarPopover: CalendarPopoverUniDriver(datePicker, body),\n    inlineCalendarPopover: InlineCalendarPopoverUniDriver(base),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AASA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAIA,IAAAG,2BAAA,GAAAH,OAAA;AAEO,SAASI,wBAAwBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACzE,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAElD,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAE,IAAAC,4BAAiB,EAACN,IAAI,EAAEC,IAAI,CAAC;IACvCM,MAAM,EAAE,IAAAC,+BAAoB,EAACR,IAAI,EAAEC,IAAI,CAAC;IACxCQ,IAAI,EAAE,IAAAC,yBAAc,EAACV,IAAI,EAAEC,IAAI,CAAC;IAChCU,YAAY,EAAE,IAAAC,gCAAqB,EAACZ,IAAI,EAAEC,IAAI,CAAC;IAC/CC,UAAU;IACVW,QAAQ,EAAE,IAAAC,kDAAsB,EAACd,IAAI,EAAEC,IAAI,CAAC;IAC5Cc,KAAK,EAAE,IAAAL,yBAAc,EAACV,IAAI,EAAEC,IAAI,CAAC;IACjCe,UAAU,EAAE,IAAAC,8BAAmB,EAACjB,IAAI,EAAEC,IAAI,CAAC;IAC3CiB,eAAe,EAAE,IAAAC,uCAAwB,EAACjB,UAAU,EAAED,IAAI,CAAC;IAC3DmB,qBAAqB,EAAE,IAAAC,6CAA8B,EAACrB,IAAI;EAC5D,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_baseDriver","_popoverDriver","_controlledAudioUni","_controlledDateTimeInputUni","_controlledImageUni","_controlledVideoUni","ControlledInputUniDriver","base","body","datePicker","DatePickerUniDriver","baseUniDriverFactory","checkbox","CheckboxUniDriver","number","NumberInputUniDriver","text","InputUniDriver","autocomplete","AutoCompleteUniDriver","dateTime","DateTimeInputUniDriver","color","radioGroup","RadioGroupUniDriver","calendarPopover","CalendarPopoverUniDriver","inlineCalendarPopover","InlineCalendarPopoverUniDriver","audio","ControlledAudioInputUniDriver","image","ControlledImageInputUniDriver","video","ControlledVideoInputUniDriver"],"sources":["../../../src/components/controlled-input.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  AutoCompleteUniDriver,\n  CheckboxUniDriver,\n  DatePickerUniDriver,\n  InputUniDriver,\n  NumberInputUniDriver,\n  RadioGroupUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../testkit/base-driver';\nimport {\n  CalendarPopoverUniDriver,\n  InlineCalendarPopoverUniDriver,\n} from '../testkit/popover-driver';\nimport { ControlledAudioInputUniDriver } from './audio/audio-field/controlled-audio.uni.driver';\nimport { DateTimeInputUniDriver } from './datetime-input/controlled-date-time-input.uni.driver';\nimport { ControlledImageInputUniDriver } from './image/controlled-image.uni.driver';\nimport { ControlledVideoInputUniDriver } from './video/controlled-video.uni.driver';\n\nexport function ControlledInputUniDriver(base: UniDriver, body: UniDriver) {\n  const datePicker = DatePickerUniDriver(base, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    checkbox: CheckboxUniDriver(base, body),\n    number: NumberInputUniDriver(base, body),\n    text: InputUniDriver(base, body),\n    autocomplete: AutoCompleteUniDriver(base, body),\n    datePicker,\n    dateTime: DateTimeInputUniDriver(base, body),\n    color: InputUniDriver(base, body),\n    radioGroup: RadioGroupUniDriver(base, body),\n    calendarPopover: CalendarPopoverUniDriver(datePicker, body),\n    inlineCalendarPopover: InlineCalendarPopoverUniDriver(base),\n    audio: ControlledAudioInputUniDriver(base, body),\n    image: ControlledImageInputUniDriver(base, body),\n    video: ControlledVideoInputUniDriver(base, body),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AASA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAIA,IAAAG,mBAAA,GAAAH,OAAA;AACA,IAAAI,2BAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,mBAAA,GAAAN,OAAA;AAEO,SAASO,wBAAwBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACzE,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EAACH,IAAI,EAAEC,IAAI,CAAC;EAElD,OAAO;IACL,GAAG,IAAAG,gCAAoB,EAACJ,IAAI,CAAC;IAC7BK,QAAQ,EAAE,IAAAC,4BAAiB,EAACN,IAAI,EAAEC,IAAI,CAAC;IACvCM,MAAM,EAAE,IAAAC,+BAAoB,EAACR,IAAI,EAAEC,IAAI,CAAC;IACxCQ,IAAI,EAAE,IAAAC,yBAAc,EAACV,IAAI,EAAEC,IAAI,CAAC;IAChCU,YAAY,EAAE,IAAAC,gCAAqB,EAACZ,IAAI,EAAEC,IAAI,CAAC;IAC/CC,UAAU;IACVW,QAAQ,EAAE,IAAAC,kDAAsB,EAACd,IAAI,EAAEC,IAAI,CAAC;IAC5Cc,KAAK,EAAE,IAAAL,yBAAc,EAACV,IAAI,EAAEC,IAAI,CAAC;IACjCe,UAAU,EAAE,IAAAC,8BAAmB,EAACjB,IAAI,EAAEC,IAAI,CAAC;IAC3CiB,eAAe,EAAE,IAAAC,uCAAwB,EAACjB,UAAU,EAAED,IAAI,CAAC;IAC3DmB,qBAAqB,EAAE,IAAAC,6CAA8B,EAACrB,IAAI,CAAC;IAC3DsB,KAAK,EAAE,IAAAC,iDAA6B,EAACvB,IAAI,EAAEC,IAAI,CAAC;IAChDuB,KAAK,EAAE,IAAAC,iDAA6B,EAACzB,IAAI,EAAEC,IAAI,CAAC;IAChDyB,KAAK,EAAE,IAAAC,iDAA6B,EAAC3B,IAAI,EAAEC,IAAI;EACjD,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/delete-dialog/delete-dialog.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_ = "deletedialog1056046943";
+var _namespace_ = "deletedialog3903000196";
 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": "deletedialog1056046943__root",
-  "layout": "deletedialog1056046943__layout"
+  "root": "deletedialog3903000196__root",
+  "layout": "deletedialog3903000196__layout"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/delete-dialog/delete-dialog.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/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog1056046943\";\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\":\"deletedialog1056046943__root\",\"layout\":\"deletedialog1056046943__layout\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,QAAQ,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,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/delete-dialog/delete-dialog.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"deletedialog3903000196\";\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\":\"deletedialog3903000196__root\",\"layout\":\"deletedialog3903000196__layout\"};\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,wBAAwB;AAC1C,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,8BAA8B;EAAC,QAAQ,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,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,CAAC,CAAC","ignoreList":[]}

package/dist/cjs/components/document/form-document-field.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_ = "formdocumentfield2151681735";
+var _namespace_ = "formdocumentfield3549365286";
 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": "formdocumentfield2151681735__root",
-  "viewWrapper": "formdocumentfield2151681735__viewWrapper",
-  "textWidth": "formdocumentfield2151681735__textWidth",
-  "documentLoader": "formdocumentfield2151681735__documentLoader",
-  "addDocument": "formdocumentfield2151681735__addDocument",
-  "addItemWrapper": "formdocumentfield2151681735__addItemWrapper"
+  "root": "formdocumentfield3549365286__root",
+  "viewWrapper": "formdocumentfield3549365286__viewWrapper",
+  "textWidth": "formdocumentfield3549365286__textWidth",
+  "documentLoader": "formdocumentfield3549365286__documentLoader",
+  "addDocument": "formdocumentfield3549365286__addDocument",
+  "addItemWrapper": "formdocumentfield3549365286__addItemWrapper"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/document/form-document-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/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield2151681735\";\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\":\"formdocumentfield2151681735__root\",\"viewWrapper\":\"formdocumentfield2151681735__viewWrapper\",\"textWidth\":\"formdocumentfield2151681735__textWidth\",\"documentLoader\":\"formdocumentfield2151681735__documentLoader\",\"addDocument\":\"formdocumentfield2151681735__addDocument\",\"addItemWrapper\":\"formdocumentfield2151681735__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AAC/V,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,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,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/document/form-document-field.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"formdocumentfield3549365286\";\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\":\"formdocumentfield3549365286__root\",\"viewWrapper\":\"formdocumentfield3549365286__viewWrapper\",\"textWidth\":\"formdocumentfield3549365286__textWidth\",\"documentLoader\":\"formdocumentfield3549365286__documentLoader\",\"addDocument\":\"formdocumentfield3549365286__addDocument\",\"addItemWrapper\":\"formdocumentfield3549365286__addItemWrapper\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {\"BorderRadius\":\"2px\",\"documentViewBorderRadius\":\"var(--wds-border-radius-300, calc(2px * 3))\",\"documentActionsWidth\":\"196px\",\"addItemWSRBorderRadius\":\"var(--wds-border-radius-400, calc(2px * 4))\",\"documentLoaderPadding\":\"21px\",\"addDocumentPadding\":\"17px\"}; \nexport var vars = {\"wds-border-radius-400\":\"--wds-border-radius-400\",\"wds-border-radius-300\":\"--wds-border-radius-300\",\"wds-color-blue-300\":\"--wds-color-blue-300\",\"wds-color-blue-500\":\"--wds-color-blue-500\",\"wsr-color-B30\":\"--wsr-color-B30\",\"wsr-color-B50\":\"--wsr-color-B50\",\"wds-input-shadow-focus-standard\":\"--wds-input-shadow-focus-standard\",\"wsr-color-R10\":\"--wsr-color-R10\",\"wds-color-red-100\":\"--wds-color-red-100\"}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,6BAA6B;AAC/C,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,mCAAmC;EAAC,aAAa,EAAC,0CAA0C;EAAC,WAAW,EAAC,wCAAwC;EAAC,gBAAgB,EAAC,6CAA6C;EAAC,aAAa,EAAC,0CAA0C;EAAC,gBAAgB,EAAC;AAA6C,CAAC;AAC/V,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,cAAc,EAAC,KAAK;EAAC,0BAA0B,EAAC,6CAA6C;EAAC,sBAAsB,EAAC,OAAO;EAAC,wBAAwB,EAAC,6CAA6C;EAAC,uBAAuB,EAAC,MAAM;EAAC,oBAAoB,EAAC;AAAM,CAAC;AAC7Q,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,uBAAuB,EAAC,yBAAyB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,oBAAoB,EAAC,sBAAsB;EAAC,eAAe,EAAC,iBAAiB;EAAC,eAAe,EAAC,iBAAiB;EAAC,iCAAiC,EAAC,mCAAmC;EAAC,eAAe,EAAC,iBAAiB;EAAC,mBAAmB,EAAC;AAAqB,CAAC","ignoreList":[]}

package/dist/cjs/components/exclamation/exclamation.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "exclamation929712031";
+var _namespace_ = "exclamation627976924";
 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": "exclamation929712031__root",
-  "exclamation": "exclamation929712031__exclamation",
-  "actions": "exclamation929712031__actions",
-  "action": "exclamation929712031__action"
+  "root": "exclamation627976924__root",
+  "exclamation": "exclamation627976924__exclamation",
+  "actions": "exclamation627976924__actions",
+  "action": "exclamation627976924__action"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};