@wix/patterns-fields 1.77.0 → 1.78.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_ = "addressinput1917218675";
+var _namespace_ = "addressinput2949340741";
 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": "addressinput1917218675__root",
-  "tableAddressInput": "addressinput1917218675__tableAddressInput"
+  "root": "addressinput2949340741__root",
+  "tableAddressInput": "addressinput2949340741__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_ = \"addressinput1917218675\";\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\":\"addressinput1917218675__root\",\"tableAddressInput\":\"addressinput1917218675__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_ = \"addressinput2949340741\";\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\":\"addressinput2949340741__root\",\"tableAddressInput\":\"addressinput2949340741__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_ = "actionsmenu3649951404";
+var _namespace_ = "actionsmenu3262876470";
 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": "actionsmenu3649951404__root",
-  "action": "actionsmenu3649951404__action"
+  "root": "actionsmenu3262876470__root",
+  "action": "actionsmenu3262876470__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_ = \"actionsmenu3649951404\";\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\":\"actionsmenu3649951404__root\",\"action\":\"actionsmenu3649951404__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_ = \"actionsmenu3262876470\";\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\":\"actionsmenu3262876470__root\",\"action\":\"actionsmenu3262876470__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/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_ = "formaudiofield3998196983";
+var _namespace_ = "formaudiofield951134224";
 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": "formaudiofield3998196983__root",
-  "addItem": "formaudiofield3998196983__addItem",
-  "mediaTitle": "formaudiofield3998196983__mediaTitle"
+  "root": "formaudiofield951134224__root",
+  "addItem": "formaudiofield951134224__addItem",
+  "mediaTitle": "formaudiofield951134224__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_ = \"formaudiofield3998196983\";\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\":\"formaudiofield3998196983__root\",\"addItem\":\"formaudiofield3998196983__addItem\",\"mediaTitle\":\"formaudiofield3998196983__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_ = \"formaudiofield951134224\";\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\":\"formaudiofield951134224__root\",\"addItem\":\"formaudiofield951134224__addItem\",\"mediaTitle\":\"formaudiofield951134224__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,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,SAAS,EAAC,kCAAkC;EAAC,YAAY,EAAC;AAAqC,CAAC;AACtJ,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_ = "audioplayer1601894180";
+var _namespace_ = "audioplayer3281850868";
 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": "audioplayer1601894180__root"
+  "root": "audioplayer3281850868__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_ = \"audioplayer1601894180\";\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\":\"audioplayer1601894180__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_ = \"audioplayer3281850868\";\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\":\"audioplayer3281850868__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/boolean/form-checkbox-input.js

@@ -1,13 +1,13 @@
 "use strict";
 
 exports.__esModule = true;
-exports.FormCheckboxInput = void 0;
+exports.FormCheckboxInput = exports.ControlledCheckboxInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _hooks = require("../../hooks");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/boolean/form-checkbox-input.tsx";
 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 FormCheckboxInput = ({
+const ControlledCheckboxInput = ({
   data,
   onChange,
   onBlur,
@@ -35,6 +35,7 @@ const FormCheckboxInput = ({
     }
   }, label);
 };
-exports.FormCheckboxInput = FormCheckboxInput;
-FormCheckboxInput.displayName = 'FormCheckboxInput';
+exports.ControlledCheckboxInput = ControlledCheckboxInput;
+ControlledCheckboxInput.displayName = 'ControlledCheckboxInput';
+const FormCheckboxInput = exports.FormCheckboxInput = ControlledCheckboxInput;
 //# sourceMappingURL=form-checkbox-input.js.map

package/dist/cjs/components/boolean/form-checkbox-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormCheckboxInput","data","onChange","onBlur","readOnly","autoFocus","invalid","dataHook","label","rootRef","useRef","useAutoFocus","Boolean","createElement","Checkbox","ref","checked","disabled","hasError","event","target","__self","__source","fileName","lineNumber","columnNumber","exports","displayName"],"sources":["../../../../src/components/boolean/form-checkbox-input.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Checkbox } from '@wix/design-system';\n\nimport { useAutoFocus } from '../../hooks';\nimport type { ControlledInputProps } from '../../types/controlled-input';\n\nexport interface FormCheckboxInputProps extends ControlledInputProps<boolean> {\n  label: React.ReactNode;\n}\n\nexport const FormCheckboxInput: React.FC<FormCheckboxInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  invalid,\n  dataHook,\n  label,\n}) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  useAutoFocus(rootRef, Boolean(autoFocus));\n\n  return (\n    <Checkbox\n      ref={rootRef}\n      checked={data}\n      disabled={readOnly}\n      hasError={invalid}\n      onChange={(event) => onChange(event.target.checked)}\n      onBlur={onBlur}\n      dataHook={dataHook}\n    >\n      {label}\n    </Checkbox>\n  );\n};\n\nFormCheckboxInput.displayName = 'FormCheckboxInput';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOpC,MAAMkB,iBAAmD,GAAGA,CAAC;EAClEC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAE5C,IAAAC,mBAAY,EAACF,OAAO,EAAEG,OAAO,CAACP,SAAS,CAAC,CAAC;EAEzC,oBACE9B,MAAA,CAAAgB,OAAA,CAAAsB,aAAA,CAACnC,aAAA,CAAAoC,QAAQ;IACPC,GAAG,EAAEN,OAAQ;IACbO,OAAO,EAAEf,IAAK;IACdgB,QAAQ,EAAEb,QAAS;IACnBc,QAAQ,EAAEZ,OAAQ;IAClBJ,QAAQ,EAAGiB,KAAK,IAAKjB,QAAQ,CAACiB,KAAK,CAACC,MAAM,CAACJ,OAAO,CAAE;IACpDb,MAAM,EAAEA,MAAO;IACfI,QAAQ,EAAEA,QAAS;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBjB,KACO,CAAC;AAEf,CAAC;AAACkB,OAAA,CAAA1B,iBAAA,GAAAA,iBAAA;AAEFA,iBAAiB,CAAC2B,WAAW,GAAG,mBAAmB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ControlledCheckboxInput","data","onChange","onBlur","readOnly","autoFocus","invalid","dataHook","label","rootRef","useRef","useAutoFocus","Boolean","createElement","Checkbox","ref","checked","disabled","hasError","event","target","__self","__source","fileName","lineNumber","columnNumber","exports","displayName","FormCheckboxInput"],"sources":["../../../../src/components/boolean/form-checkbox-input.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { Checkbox } from '@wix/design-system';\n\nimport { useAutoFocus } from '../../hooks';\nimport type { ControlledInputProps } from '../../types/controlled-input';\n\nexport interface FormCheckboxInputProps extends ControlledInputProps<boolean> {\n  label: React.ReactNode;\n}\n\nexport const ControlledCheckboxInput: React.FC<FormCheckboxInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  invalid,\n  dataHook,\n  label,\n}) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  useAutoFocus(rootRef, Boolean(autoFocus));\n\n  return (\n    <Checkbox\n      ref={rootRef}\n      checked={data}\n      disabled={readOnly}\n      hasError={invalid}\n      onChange={(event) => onChange(event.target.checked)}\n      onBlur={onBlur}\n      dataHook={dataHook}\n    >\n      {label}\n    </Checkbox>\n  );\n};\n\nControlledCheckboxInput.displayName = 'ControlledCheckboxInput';\n\nexport const FormCheckboxInput = ControlledCheckboxInput;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAOpC,MAAMkB,uBAAyD,GAAGA,CAAC;EACxEC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,OAAO,GAAG,IAAAC,aAAM,EAAiB,IAAI,CAAC;EAE5C,IAAAC,mBAAY,EAACF,OAAO,EAAEG,OAAO,CAACP,SAAS,CAAC,CAAC;EAEzC,oBACE9B,MAAA,CAAAgB,OAAA,CAAAsB,aAAA,CAACnC,aAAA,CAAAoC,QAAQ;IACPC,GAAG,EAAEN,OAAQ;IACbO,OAAO,EAAEf,IAAK;IACdgB,QAAQ,EAAEb,QAAS;IACnBc,QAAQ,EAAEZ,OAAQ;IAClBJ,QAAQ,EAAGiB,KAAK,IAAKjB,QAAQ,CAACiB,KAAK,CAACC,MAAM,CAACJ,OAAO,CAAE;IACpDb,MAAM,EAAEA,MAAO;IACfI,QAAQ,EAAEA,QAAS;IAAAc,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAA3C,YAAA;MAAA4C,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElBjB,KACO,CAAC;AAEf,CAAC;AAACkB,OAAA,CAAA1B,uBAAA,GAAAA,uBAAA;AAEFA,uBAAuB,CAAC2B,WAAW,GAAG,yBAAyB;AAExD,MAAMC,iBAAiB,GAAAF,OAAA,CAAAE,iBAAA,GAAG5B,uBAAuB","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_ = "cellcolorview2491084219";
+var _namespace_ = "cellcolorview3776260267";
 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": "cellcolorview2491084219__root",
-  "hashPrefix": "cellcolorview2491084219__hashPrefix"
+  "root": "cellcolorview3776260267__root",
+  "hashPrefix": "cellcolorview3776260267__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_ = \"cellcolorview2491084219\";\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\":\"cellcolorview2491084219__root\",\"hashPrefix\":\"cellcolorview2491084219__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_ = \"cellcolorview3776260267\";\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\":\"cellcolorview3776260267__root\",\"hashPrefix\":\"cellcolorview3776260267__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-input.js

@@ -32,6 +32,10 @@ const ColorInput = exports.ColorInput = /*#__PURE__*/(0, _react.forwardRef)(({
   const [showPicker, setShowPicker] = (0, _react.useState)(false);
   const [isFocused, setIsFocused] = (0, _react.useState)(false);
   const [pickerColor, setPickerColor] = (0, _react.useState)(colorValue ? safeColorLib(colorValue) : undefined);
+  (0, _react.useEffect)(() => {
+    setInputValue(colorValue ? (0, _hex.omitHash)(colorValue) : '');
+    setPickerColor(colorValue ? safeColorLib(colorValue) : undefined);
+  }, [colorValue]);
   const onInputChange = (0, _react.useCallback)(e => {
     const raw = e.target.value;
     setInputValue(raw);
@@ -85,7 +89,7 @@ const ColorInput = exports.ColorInput = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 119,
+        lineNumber: 124,
         columnNumber: 17
       }
     }, "#"),
@@ -93,7 +97,7 @@ const ColorInput = exports.ColorInput = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 121,
+        lineNumber: 126,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover, {
@@ -112,14 +116,14 @@ const ColorInput = exports.ColorInput = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 122,
+        lineNumber: 127,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Element, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 133,
+        lineNumber: 138,
         columnNumber: 15
       }
     }, !colorValue && isFocused ? /*#__PURE__*/_react.default.createElement(_designSystem.FillButton, {
@@ -129,7 +133,7 @@ const ColorInput = exports.ColorInput = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 142,
+        lineNumber: 147,
         columnNumber: 19
       }
     }) : /*#__PURE__*/_react.default.createElement(_designSystem.FillPreview, {
@@ -139,14 +143,14 @@ const ColorInput = exports.ColorInput = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 148,
+        lineNumber: 153,
         columnNumber: 19
       }
     })), /*#__PURE__*/_react.default.createElement(_designSystem.Popover.Content, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 155,
+        lineNumber: 160,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.ColorPicker, {
@@ -159,14 +163,14 @@ const ColorInput = exports.ColorInput = /*#__PURE__*/(0, _react.forwardRef)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 156,
+        lineNumber: 161,
         columnNumber: 17
       }
     })))),
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 117,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/color-view/color-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_color","_interopRequireDefault","_useTranslations","_hex","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","safeColorLib","value","ColorLib","undefined","ColorInput","exports","forwardRef","colorValue","onChange","onFocus","onBlur","props","ref","useTranslations","inputValue","setInputValue","useState","omitHash","showPicker","setShowPicker","isFocused","setIsFocused","pickerColor","setPickerColor","onInputChange","useCallback","raw","target","hex","normalizeHex","onInputFocus","onInputBlur","onPickerConfirm","confirmedColor","_confirmedColor$hex","toUpperCase","onPickerCancel","onPreviewClick","prev","createElement","Input","_extends2","prefix","Affix","__self","__source","fileName","lineNumber","columnNumber","suffix","Popover","shown","onClickOutside","animate","flip","fixed","placement","appendTo","moveBy","x","y","zIndex","Element","FillButton","onClick","onMouseDown","preventDefault","tooltipContent","FillPreview","fill","Content","ColorPicker","c","onConfirm","onCancel","showConverter","allowEmpty","displayName"],"sources":["../../../../src/components/color-view/color-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useState } from 'react';\nimport type {\n  ColorPickerProps,\n  InputImperativeActions,\n  InputProps,\n} from '@wix/design-system';\nimport {\n  ColorPicker,\n  FillButton,\n  FillPreview,\n  Input,\n  Popover,\n} from '@wix/design-system';\nimport ColorLib, { rgb } from 'color';\n\nimport { useTranslations } from '../../hooks/use-translations';\nimport { normalizeHex, omitHash } from './hex';\n\ntype ColorInstance = ReturnType<typeof rgb>;\n\nconst safeColorLib = (value: string): ColorInstance | undefined => {\n  try {\n    return ColorLib(value);\n  } catch {\n    return undefined;\n  }\n};\n\nexport interface ColorInputProps\n  extends Omit<InputProps, 'value' | 'onChange' | 'prefix' | 'suffix'> {\n  value?: string;\n  onChange?: (hex: string) => void;\n}\n\nexport const ColorInput = forwardRef<InputImperativeActions, ColorInputProps>(\n  ({ value: colorValue, onChange, onFocus, onBlur, ...props }, ref) => {\n    const { t } = useTranslations();\n    const [inputValue, setInputValue] = useState(\n      colorValue ? omitHash(colorValue) : '',\n    );\n    const [showPicker, setShowPicker] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [pickerColor, setPickerColor] = useState<ColorInstance | undefined>(\n      colorValue ? safeColorLib(colorValue) : undefined,\n    );\n\n    const onInputChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = e.target.value;\n        setInputValue(raw);\n\n        const hex = normalizeHex(raw);\n        if (hex) {\n          onChange?.(hex);\n          setPickerColor(safeColorLib(hex));\n        }\n      },\n      [onChange],\n    );\n\n    const onInputFocus = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(true);\n        onFocus?.(e);\n      },\n      [onFocus],\n    );\n\n    const onInputBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        const hex = normalizeHex(inputValue);\n        if (hex) {\n          onChange?.(hex);\n          setInputValue(omitHash(hex));\n        } else if (colorValue) {\n          setInputValue(omitHash(colorValue));\n        } else {\n          setInputValue('');\n        }\n        setIsFocused(false);\n        onBlur?.(e);\n      },\n      [onChange, onBlur, inputValue, colorValue],\n    );\n\n    const onPickerConfirm = useCallback(\n      (confirmedColor: ColorPickerProps['value']) => {\n        const hex =\n          typeof confirmedColor === 'string'\n            ? confirmedColor\n            : confirmedColor?.hex()?.toUpperCase();\n        if (hex) {\n          onChange?.(hex);\n          setInputValue(omitHash(hex));\n          setPickerColor(safeColorLib(hex));\n        }\n        setShowPicker(false);\n      },\n      [onChange],\n    );\n\n    const onPickerCancel = useCallback(() => {\n      setPickerColor(colorValue ? safeColorLib(colorValue) : undefined);\n      setShowPicker(false);\n    }, [colorValue]);\n\n    const onPreviewClick = useCallback(() => {\n      setShowPicker((prev) => !prev);\n    }, []);\n\n    return (\n      <Input\n        {...props}\n        ref={ref}\n        value={inputValue}\n        onChange={onInputChange}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        prefix={<Input.Affix>#</Input.Affix>}\n        suffix={\n          <Input.Affix>\n            <Popover\n              shown={showPicker}\n              onClickOutside={() => setShowPicker(false)}\n              animate\n              flip\n              fixed={false}\n              placement=\"left-start\"\n              appendTo=\"scrollParent\"\n              moveBy={{ x: 6, y: 6 }}\n              zIndex={5001}\n            >\n              <Popover.Element>\n                {/* Both swatches keep the mousedown default from moving focus.\n                    Without it the press focuses the swatch, and the re-render\n                    that follows the click detaches it — WDS Popover then reads\n                    the click as landing outside itself and closes again, so the\n                    picker only opened on a later click. For the same reason the\n                    branch must not depend on `showPicker`: the swatch has to\n                    survive its own click. */}\n                {!colorValue && isFocused ? (\n                  <FillButton\n                    onClick={onPreviewClick}\n                    onMouseDown={(e) => e.preventDefault()}\n                    tooltipContent={t('auto-patterns.fields.add_color_tooltip')}\n                  />\n                ) : (\n                  <FillPreview\n                    fill={colorValue}\n                    onClick={onPreviewClick}\n                    onMouseDown={(e) => e.preventDefault()}\n                  />\n                )}\n              </Popover.Element>\n              <Popover.Content>\n                <ColorPicker\n                  value={pickerColor as ColorPickerProps['value']}\n                  onChange={\n                    ((c: ColorPickerProps['value']) =>\n                      setPickerColor(\n                        c as ColorInstance | undefined,\n                      )) as ColorPickerProps['onChange']\n                  }\n                  onConfirm={onPickerConfirm}\n                  onCancel={onPickerCancel}\n                  showConverter\n                  allowEmpty\n                />\n              </Popover.Content>\n            </Popover>\n          </Input.Affix>\n        }\n      />\n    );\n  },\n);\n\nColorInput.displayName = 'ColorInput';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_color","_interopRequireDefault","_useTranslations","_hex","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","safeColorLib","value","ColorLib","undefined","ColorInput","exports","forwardRef","colorValue","onChange","onFocus","onBlur","props","ref","useTranslations","inputValue","setInputValue","useState","omitHash","showPicker","setShowPicker","isFocused","setIsFocused","pickerColor","setPickerColor","useEffect","onInputChange","useCallback","raw","target","hex","normalizeHex","onInputFocus","onInputBlur","onPickerConfirm","confirmedColor","_confirmedColor$hex","toUpperCase","onPickerCancel","onPreviewClick","prev","createElement","Input","_extends2","prefix","Affix","__self","__source","fileName","lineNumber","columnNumber","suffix","Popover","shown","onClickOutside","animate","flip","fixed","placement","appendTo","moveBy","x","y","zIndex","Element","FillButton","onClick","onMouseDown","preventDefault","tooltipContent","FillPreview","fill","Content","ColorPicker","c","onConfirm","onCancel","showConverter","allowEmpty","displayName"],"sources":["../../../../src/components/color-view/color-input.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useState } from 'react';\nimport type {\n  ColorPickerProps,\n  InputImperativeActions,\n  InputProps,\n} from '@wix/design-system';\nimport {\n  ColorPicker,\n  FillButton,\n  FillPreview,\n  Input,\n  Popover,\n} from '@wix/design-system';\nimport ColorLib, { rgb } from 'color';\n\nimport { useTranslations } from '../../hooks/use-translations';\nimport { normalizeHex, omitHash } from './hex';\n\ntype ColorInstance = ReturnType<typeof rgb>;\n\nconst safeColorLib = (value: string): ColorInstance | undefined => {\n  try {\n    return ColorLib(value);\n  } catch {\n    return undefined;\n  }\n};\n\nexport interface ColorInputProps\n  extends Omit<InputProps, 'value' | 'onChange' | 'prefix' | 'suffix'> {\n  value?: string;\n  onChange?: (hex: string) => void;\n}\n\nexport const ColorInput = forwardRef<InputImperativeActions, ColorInputProps>(\n  ({ value: colorValue, onChange, onFocus, onBlur, ...props }, ref) => {\n    const { t } = useTranslations();\n    const [inputValue, setInputValue] = useState(\n      colorValue ? omitHash(colorValue) : '',\n    );\n    const [showPicker, setShowPicker] = useState(false);\n    const [isFocused, setIsFocused] = useState(false);\n    const [pickerColor, setPickerColor] = useState<ColorInstance | undefined>(\n      colorValue ? safeColorLib(colorValue) : undefined,\n    );\n\n    useEffect(() => {\n      setInputValue(colorValue ? omitHash(colorValue) : '');\n      setPickerColor(colorValue ? safeColorLib(colorValue) : undefined);\n    }, [colorValue]);\n\n    const onInputChange = useCallback(\n      (e: React.ChangeEvent<HTMLInputElement>) => {\n        const raw = e.target.value;\n        setInputValue(raw);\n\n        const hex = normalizeHex(raw);\n        if (hex) {\n          onChange?.(hex);\n          setPickerColor(safeColorLib(hex));\n        }\n      },\n      [onChange],\n    );\n\n    const onInputFocus = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        setIsFocused(true);\n        onFocus?.(e);\n      },\n      [onFocus],\n    );\n\n    const onInputBlur = useCallback(\n      (e: React.FocusEvent<HTMLInputElement>) => {\n        const hex = normalizeHex(inputValue);\n        if (hex) {\n          onChange?.(hex);\n          setInputValue(omitHash(hex));\n        } else if (colorValue) {\n          setInputValue(omitHash(colorValue));\n        } else {\n          setInputValue('');\n        }\n        setIsFocused(false);\n        onBlur?.(e);\n      },\n      [onChange, onBlur, inputValue, colorValue],\n    );\n\n    const onPickerConfirm = useCallback(\n      (confirmedColor: ColorPickerProps['value']) => {\n        const hex =\n          typeof confirmedColor === 'string'\n            ? confirmedColor\n            : confirmedColor?.hex()?.toUpperCase();\n        if (hex) {\n          onChange?.(hex);\n          setInputValue(omitHash(hex));\n          setPickerColor(safeColorLib(hex));\n        }\n        setShowPicker(false);\n      },\n      [onChange],\n    );\n\n    const onPickerCancel = useCallback(() => {\n      setPickerColor(colorValue ? safeColorLib(colorValue) : undefined);\n      setShowPicker(false);\n    }, [colorValue]);\n\n    const onPreviewClick = useCallback(() => {\n      setShowPicker((prev) => !prev);\n    }, []);\n\n    return (\n      <Input\n        {...props}\n        ref={ref}\n        value={inputValue}\n        onChange={onInputChange}\n        onFocus={onInputFocus}\n        onBlur={onInputBlur}\n        prefix={<Input.Affix>#</Input.Affix>}\n        suffix={\n          <Input.Affix>\n            <Popover\n              shown={showPicker}\n              onClickOutside={() => setShowPicker(false)}\n              animate\n              flip\n              fixed={false}\n              placement=\"left-start\"\n              appendTo=\"scrollParent\"\n              moveBy={{ x: 6, y: 6 }}\n              zIndex={5001}\n            >\n              <Popover.Element>\n                {/* Both swatches keep the mousedown default from moving focus.\n                    Without it the press focuses the swatch, and the re-render\n                    that follows the click detaches it — WDS Popover then reads\n                    the click as landing outside itself and closes again, so the\n                    picker only opened on a later click. For the same reason the\n                    branch must not depend on `showPicker`: the swatch has to\n                    survive its own click. */}\n                {!colorValue && isFocused ? (\n                  <FillButton\n                    onClick={onPreviewClick}\n                    onMouseDown={(e) => e.preventDefault()}\n                    tooltipContent={t('auto-patterns.fields.add_color_tooltip')}\n                  />\n                ) : (\n                  <FillPreview\n                    fill={colorValue}\n                    onClick={onPreviewClick}\n                    onMouseDown={(e) => e.preventDefault()}\n                  />\n                )}\n              </Popover.Element>\n              <Popover.Content>\n                <ColorPicker\n                  value={pickerColor as ColorPickerProps['value']}\n                  onChange={\n                    ((c: ColorPickerProps['value']) =>\n                      setPickerColor(\n                        c as ColorInstance | undefined,\n                      )) as ColorPickerProps['onChange']\n                  }\n                  onConfirm={onPickerConfirm}\n                  onCancel={onPickerCancel}\n                  showConverter\n                  allowEmpty\n                />\n              </Popover.Content>\n            </Popover>\n          </Input.Affix>\n        }\n      />\n    );\n  },\n);\n\nColorInput.displayName = 'ColorInput';\n"],"mappings":"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","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_ = "colorview1205661344";
+var _namespace_ = "colorview2929713812";
 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": "colorview1205661344__root",
-  "view": "colorview1205661344__view",
-  "fillPreview": "colorview1205661344__fillPreview"
+  "root": "colorview2929713812__root",
+  "view": "colorview2929713812__view",
+  "fillPreview": "colorview2929713812__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_ = \"colorview1205661344\";\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\":\"colorview1205661344__root\",\"view\":\"colorview1205661344__view\",\"fillPreview\":\"colorview1205661344__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_ = \"colorview2929713812\";\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\":\"colorview2929713812__root\",\"view\":\"colorview2929713812__view\",\"fillPreview\":\"colorview2929713812__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/color-view/form-color-input.js

@@ -1,35 +1,55 @@
 "use strict";
 
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 exports.__esModule = true;
-exports.FormColorInput = void 0;
-var _react = _interopRequireWildcard(require("react"));
+exports.FormColorInput = exports.ControlledColorInput = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _react = _interopRequireDefault(require("react"));
 var _colorInput = require("./color-input");
-var _hooks = require("../../hooks");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/color-view/form-color-input.tsx";
-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 FormColorInput = exports.FormColorInput = /*#__PURE__*/_react.default.forwardRef(({
+const ControlledColorInput = exports.ControlledColorInput = /*#__PURE__*/_react.default.forwardRef(({
   data,
   onChange,
-  autoFocus,
+  onBlur,
   readOnly,
-  dataHook
-}, ref) => {
-  const inputRef = (0, _react.useRef)(null);
-  (0, _hooks.useAutoFocus)(inputRef, autoFocus);
-  (0, _react.useImperativeHandle)(ref, () => inputRef.current);
-  return /*#__PURE__*/_react.default.createElement(_colorInput.ColorInput, {
-    dataHook: dataHook,
-    ref: inputRef,
-    value: data,
-    onChange: onChange,
-    readOnly: readOnly,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 21,
-      columnNumber: 5
-    }
-  });
-});
+  autoFocus,
+  invalid,
+  dataHook,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement(_colorInput.ColorInput, (0, _extends2.default)({}, props, {
+  ref: ref,
+  value: data,
+  onChange: onChange,
+  onBlur: onBlur,
+  readOnly: readOnly,
+  autoFocus: autoFocus,
+  status: invalid ? 'error' : undefined,
+  dataHook: dataHook,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 40,
+    columnNumber: 5
+  }
+})));
+ControlledColorInput.displayName = 'ControlledColorInput';
+const FormColorInput = exports.FormColorInput = /*#__PURE__*/_react.default.forwardRef(({
+  field: _field,
+  data,
+  onBlur,
+  autoFocus,
+  ...props
+}, ref) => /*#__PURE__*/_react.default.createElement(ControlledColorInput, (0, _extends2.default)({}, props, {
+  data: data ?? '',
+  autoFocus: autoFocus ?? true,
+  onBlur: onBlur,
+  ref: ref,
+  __self: void 0,
+  __source: {
+    fileName: _jsxFileName,
+    lineNumber: 68,
+    columnNumber: 3
+  }
+})));
 FormColorInput.displayName = 'FormColorInput';
 //# sourceMappingURL=form-color-input.js.map

package/dist/cjs/components/color-view/form-color-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_colorInput","_hooks","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","FormColorInput","exports","React","forwardRef","data","onChange","autoFocus","readOnly","dataHook","ref","inputRef","useRef","useAutoFocus","useImperativeHandle","current","createElement","ColorInput","value","__self","__source","fileName","lineNumber","columnNumber","displayName"],"sources":["../../../../src/components/color-view/form-color-input.tsx"],"sourcesContent":["import React, { useRef, useImperativeHandle } from 'react';\n\nimport type { InputImperativeActions } from '@wix/design-system';\n\nimport { ColorInput, ColorInputProps } from './color-input';\nimport { FormInputProps } from '../../types';\nimport { useAutoFocus } from '../../hooks';\n\nexport type FormColorInputProps = FormInputProps<string> & ColorInputProps;\n\nexport const FormColorInput = React.forwardRef<\n  InputImperativeActions,\n  FormColorInputProps\n>(({ data, onChange, autoFocus, readOnly, dataHook }, ref) => {\n  const inputRef = useRef<InputImperativeActions | null>(null);\n  useAutoFocus(inputRef, autoFocus);\n\n  useImperativeHandle(ref, () => inputRef.current as InputImperativeActions);\n\n  return (\n    <ColorInput\n      dataHook={dataHook}\n      ref={inputRef}\n      value={data}\n      onChange={onChange}\n      readOnly={readOnly}\n    />\n  );\n});\n\nFormColorInput.displayName = 'FormColorInput';\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAIA,IAAAC,WAAA,GAAAD,OAAA;AAEA,IAAAE,MAAA,GAAAF,OAAA;AAA2C,IAAAG,YAAA;AAAA,SAAAJ,wBAAAK,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAP,uBAAA,YAAAA,CAAAK,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAIpC,MAAMkB,cAAc,GAAAC,OAAA,CAAAD,cAAA,gBAAGE,cAAK,CAACC,UAAU,CAG5C,CAAC;EAAEC,IAAI;EAAEC,QAAQ;EAAEC,SAAS;EAAEC,QAAQ;EAAEC;AAAS,CAAC,EAAEC,GAAG,KAAK;EAC5D,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAgC,IAAI,CAAC;EAC5D,IAAAC,mBAAY,EAACF,QAAQ,EAAEJ,SAAS,CAAC;EAEjC,IAAAO,0BAAmB,EAACJ,GAAG,EAAE,MAAMC,QAAQ,CAACI,OAAiC,CAAC;EAE1E,oBACEvC,MAAA,CAAAgB,OAAA,CAAAwB,aAAA,CAACrC,WAAA,CAAAsC,UAAU;IACTR,QAAQ,EAAEA,QAAS;IACnBC,GAAG,EAAEC,QAAS;IACdO,KAAK,EAAEb,IAAK;IACZC,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAEA,QAAS;IAAAW,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAxC,YAAA;MAAAyC,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC,CAAC;AAEFtB,cAAc,CAACuB,WAAW,GAAG,gBAAgB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_colorInput","_jsxFileName","ControlledColorInput","exports","React","forwardRef","data","onChange","onBlur","readOnly","autoFocus","invalid","dataHook","props","ref","default","createElement","ColorInput","_extends2","value","status","undefined","__self","__source","fileName","lineNumber","columnNumber","displayName","FormColorInput","field","_field"],"sources":["../../../../src/components/color-view/form-color-input.tsx"],"sourcesContent":["import React from 'react';\nimport type { InputImperativeActions } from '@wix/design-system';\n\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport type { FormInputProps } from '../../types/form-input';\nimport { ColorInput } from './color-input';\nimport type { ColorInputProps } from './color-input';\n\nexport type ControlledColorInputProps = ControlledInputProps<\n  string | undefined\n> &\n  Omit<\n    ColorInputProps,\n    | 'value'\n    | 'onChange'\n    | 'onBlur'\n    | 'readOnly'\n    | 'autoFocus'\n    | 'status'\n    | 'dataHook'\n  >;\n\nexport const ControlledColorInput = React.forwardRef<\n  InputImperativeActions,\n  ControlledColorInputProps\n>(\n  (\n    {\n      data,\n      onChange,\n      onBlur,\n      readOnly,\n      autoFocus,\n      invalid,\n      dataHook,\n      ...props\n    },\n    ref,\n  ) => (\n    <ColorInput\n      {...props}\n      ref={ref}\n      value={data}\n      onChange={onChange}\n      onBlur={onBlur}\n      readOnly={readOnly}\n      autoFocus={autoFocus}\n      status={invalid ? 'error' : undefined}\n      dataHook={dataHook}\n    />\n  ),\n);\n\nControlledColorInput.displayName = 'ControlledColorInput';\n\nexport type FormColorInputProps = FormInputProps<string> &\n  Omit<\n    ColorInputProps,\n    'value' | 'onChange' | 'readOnly' | 'autoFocus' | 'status' | 'dataHook'\n  > & {\n    onBlur?: () => void;\n  };\n\nexport const FormColorInput = React.forwardRef<\n  InputImperativeActions,\n  FormColorInputProps\n>(({ field: _field, data, onBlur, autoFocus, ...props }, ref) => (\n  <ControlledColorInput\n    {...props}\n    data={data ?? ''}\n    autoFocus={autoFocus ?? true}\n    onBlur={onBlur}\n    ref={ref}\n  />\n));\n\nFormColorInput.displayName = 'FormColorInput';\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAA2C,IAAAE,YAAA;AAiBpC,MAAMC,oBAAoB,GAAAC,OAAA,CAAAD,oBAAA,gBAAGE,cAAK,CAACC,UAAU,CAIlD,CACE;EACEC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACR,GAAGC;AACL,CAAC,EACDC,GAAG,kBAEHjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAAChB,WAAA,CAAAiB,UAAU,MAAAC,SAAA,CAAAH,OAAA,MACLF,KAAK;EACTC,GAAG,EAAEA,GAAI;EACTK,KAAK,EAAEb,IAAK;EACZC,QAAQ,EAAEA,QAAS;EACnBC,MAAM,EAAEA,MAAO;EACfC,QAAQ,EAAEA,QAAS;EACnBC,SAAS,EAAEA,SAAU;EACrBU,MAAM,EAAET,OAAO,GAAG,OAAO,GAAGU,SAAU;EACtCT,QAAQ,EAAEA,QAAS;EAAAU,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAvB,YAAA;IAAAwB,UAAA;IAAAC,YAAA;EAAA;AAAA,EACpB,CAEL,CAAC;AAEDxB,oBAAoB,CAACyB,WAAW,GAAG,sBAAsB;AAUlD,MAAMC,cAAc,GAAAzB,OAAA,CAAAyB,cAAA,gBAAGxB,cAAK,CAACC,UAAU,CAG5C,CAAC;EAAEwB,KAAK,EAAEC,MAAM;EAAExB,IAAI;EAAEE,MAAM;EAAEE,SAAS;EAAE,GAAGG;AAAM,CAAC,EAAEC,GAAG,kBAC1DjB,MAAA,CAAAkB,OAAA,CAAAC,aAAA,CAACd,oBAAoB,MAAAgB,SAAA,CAAAH,OAAA,MACfF,KAAK;EACTP,IAAI,EAAEA,IAAI,IAAI,EAAG;EACjBI,SAAS,EAAEA,SAAS,IAAI,IAAK;EAC7BF,MAAM,EAAEA,MAAO;EACfM,GAAG,EAAEA,GAAI;EAAAQ,MAAA;EAAAC,QAAA;IAAAC,QAAA,EAAAvB,YAAA;IAAAwB,UAAA;IAAAC,YAAA;EAAA;AAAA,EACV,CACF,CAAC;AAEFE,cAAc,CAACD,WAAW,GAAG,gBAAgB","ignoreList":[]}

package/dist/cjs/components/color-view/form-color.js

@@ -34,7 +34,7 @@ const _FormColor = props => {
     }
   }, /*#__PURE__*/_react.default.createElement(_formColorInput.FormColorInput, {
     autoFocus: false,
-    data: controller.field.value,
+    data: controller.field.value ?? '',
     onChange: hex => controller.field.onChange(hex),
     onBlur: controller.field.onBlur,
     ref: controller.field.ref,

package/dist/cjs/components/color-view/form-color.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_form","_formColorInput","_jsxFileName","_FormColor","props","_field$validation","field","dataHook","formControl","data","controller","useController","name","id","control","defaultValue","default","createElement","FormField","label","displayName","required","validation","__self","__source","fileName","lineNumber","columnNumber","FormColorInput","autoFocus","value","onChange","hex","onBlur","ref","FormColor","exports","observer"],"sources":["../../../../src/components/color-view/form-color.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { FormColorInput } from './form-color-input';\n\nexport interface FormColorProps extends BaseInputProps<string> {}\n\nconst _FormColor = (props: FormColorProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <FormColorInput\n        autoFocus={false}\n        data={controller.field.value as string | undefined}\n        onChange={(hex) => controller.field.onChange(hex)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n        dataHook={`color-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormColor = observer(_FormColor);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAGA,IAAAI,eAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAIpD,MAAMC,UAAU,GAAIC,KAAqB,IAAK;EAAA,IAAAC,iBAAA;EAC5C,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGL,KAAK;EAEpD,MAAMM,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,WAAW;IACpBO,YAAY,EAAEN,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,oBACElB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoB,SAAS;IACRC,KAAK,EAAEb,KAAK,CAACc,WAAY;IACzBC,QAAQ,GAAAhB,iBAAA,GAAEC,KAAK,CAACgB,UAAU,qBAAhBjB,iBAAA,CAAkBgB,QAAS;IACrCd,QAAQ,EAAEA,QAAS;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBhC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,eAAA,CAAA2B,cAAc;IACbC,SAAS,EAAE,KAAM;IACjBpB,IAAI,EAAEC,UAAU,CAACJ,KAAK,CAACwB,KAA4B;IACnDC,QAAQ,EAAGC,GAAG,IAAKtB,UAAU,CAACJ,KAAK,CAACyB,QAAQ,CAACC,GAAG,CAAE;IAClDC,MAAM,EAAEvB,UAAU,CAACJ,KAAK,CAAC2B,MAAO;IAChCC,GAAG,EAAExB,UAAU,CAACJ,KAAK,CAAC4B,GAAI;IAC1B3B,QAAQ,EAAE,SAASD,KAAK,CAACO,EAAE,EAAG;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMQ,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,uBAAQ,EAAClC,UAAU,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_mobxReactLite","_form","_formColorInput","_jsxFileName","_FormColor","props","_field$validation","field","dataHook","formControl","data","controller","useController","name","id","control","defaultValue","default","createElement","FormField","label","displayName","required","validation","__self","__source","fileName","lineNumber","columnNumber","FormColorInput","autoFocus","value","onChange","hex","onBlur","ref","FormColor","exports","observer"],"sources":["../../../../src/components/color-view/form-color.tsx"],"sourcesContent":["import React from 'react';\nimport { FormField } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps } from '../../types/base-input';\nimport { FormColorInput } from './form-color-input';\n\nexport interface FormColorProps extends BaseInputProps<string> {}\n\nconst _FormColor = (props: FormColorProps) => {\n  const { field, dataHook, formControl, data } = props;\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n  });\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      dataHook={dataHook}\n    >\n      <FormColorInput\n        autoFocus={false}\n        data={controller.field.value ?? ''}\n        onChange={(hex) => controller.field.onChange(hex)}\n        onBlur={controller.field.onBlur}\n        ref={controller.field.ref}\n        dataHook={`color-${field.id}`}\n      />\n    </FormField>\n  );\n};\n\nexport const FormColor = observer(_FormColor);\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAGA,IAAAI,eAAA,GAAAJ,OAAA;AAAoD,IAAAK,YAAA;AAIpD,MAAMC,UAAU,GAAIC,KAAqB,IAAK;EAAA,IAAAC,iBAAA;EAC5C,MAAM;IAAEC,KAAK;IAAEC,QAAQ;IAAEC,WAAW;IAAEC;EAAK,CAAC,GAAGL,KAAK;EAEpD,MAAMM,UAAU,GAAG,IAAAC,mBAAa,EAAC;IAC/BC,IAAI,EAAE,CAAAN,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;IACrBC,OAAO,EAAEN,WAAW;IACpBO,YAAY,EAAEN,IAAI,oBAAJA,IAAI,CAAG,CAAAH,KAAK,oBAALA,KAAK,CAAEO,EAAE,KAAI,EAAE;EACtC,CAAC,CAAC;EAEF,oBACElB,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAACnB,aAAA,CAAAoB,SAAS;IACRC,KAAK,EAAEb,KAAK,CAACc,WAAY;IACzBC,QAAQ,GAAAhB,iBAAA,GAAEC,KAAK,CAACgB,UAAU,qBAAhBjB,iBAAA,CAAkBgB,QAAS;IACrCd,QAAQ,EAAEA,QAAS;IAAAgB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnBhC,MAAA,CAAAqB,OAAA,CAAAC,aAAA,CAAChB,eAAA,CAAA2B,cAAc;IACbC,SAAS,EAAE,KAAM;IACjBpB,IAAI,EAAEC,UAAU,CAACJ,KAAK,CAACwB,KAAK,IAAI,EAAG;IACnCC,QAAQ,EAAGC,GAAG,IAAKtB,UAAU,CAACJ,KAAK,CAACyB,QAAQ,CAACC,GAAG,CAAE;IAClDC,MAAM,EAAEvB,UAAU,CAACJ,KAAK,CAAC2B,MAAO;IAChCC,GAAG,EAAExB,UAAU,CAACJ,KAAK,CAAC4B,GAAI;IAC1B3B,QAAQ,EAAE,SAASD,KAAK,CAACO,EAAE,EAAG;IAAAU,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAvB,YAAA;MAAAwB,UAAA;MAAAC,YAAA;IAAA;EAAA,CAC/B,CACQ,CAAC;AAEhB,CAAC;AAEM,MAAMQ,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAG,IAAAE,uBAAQ,EAAClC,UAAU,CAAC","ignoreList":[]}

package/dist/cjs/components/{controlled-input.driver.js → controlled-input.uni.driver.js}

@@ -4,13 +4,17 @@ exports.__esModule = true;
 exports.ControlledInputUniDriver = ControlledInputUniDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _baseDriver = require("../testkit/base-driver");
+var _controlledDateTimeInputUni = require("./datetime-input/controlled-date-time-input.uni.driver");
 function ControlledInputUniDriver(base, body) {
   return {
     ...(0, _baseDriver.baseUniDriverFactory)(base),
     checkbox: (0, _unidriver.CheckboxUniDriver)(base, body),
     number: (0, _unidriver.NumberInputUniDriver)(base, body),
     text: (0, _unidriver.InputUniDriver)(base, body),
-    autocomplete: (0, _unidriver.AutoCompleteUniDriver)(base, body)
+    autocomplete: (0, _unidriver.AutoCompleteUniDriver)(base, body),
+    datePicker: (0, _unidriver.DatePickerUniDriver)(base, body),
+    dateTime: (0, _controlledDateTimeInputUni.DateTimeInputUniDriver)(base, body),
+    color: (0, _unidriver.InputUniDriver)(base, body)
   };
 }
-//# sourceMappingURL=controlled-input.driver.js.map
+//# sourceMappingURL=controlled-input.uni.driver.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_unidriver","require","_baseDriver","_controlledDateTimeInputUni","ControlledInputUniDriver","base","body","baseUniDriverFactory","checkbox","CheckboxUniDriver","number","NumberInputUniDriver","text","InputUniDriver","autocomplete","AutoCompleteUniDriver","datePicker","DatePickerUniDriver","dateTime","DateTimeInputUniDriver","color"],"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} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../testkit/base-driver';\nimport { DateTimeInputUniDriver } from './datetime-input/controlled-date-time-input.uni.driver';\n\nexport function ControlledInputUniDriver(base: UniDriver, body: UniDriver) {\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: DatePickerUniDriver(base, body),\n    dateTime: DateTimeInputUniDriver(base, body),\n    color: InputUniDriver(base, body),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAQA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,2BAAA,GAAAF,OAAA;AAEO,SAASG,wBAAwBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACzE,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACF,IAAI,CAAC;IAC7BG,QAAQ,EAAE,IAAAC,4BAAiB,EAACJ,IAAI,EAAEC,IAAI,CAAC;IACvCI,MAAM,EAAE,IAAAC,+BAAoB,EAACN,IAAI,EAAEC,IAAI,CAAC;IACxCM,IAAI,EAAE,IAAAC,yBAAc,EAACR,IAAI,EAAEC,IAAI,CAAC;IAChCQ,YAAY,EAAE,IAAAC,gCAAqB,EAACV,IAAI,EAAEC,IAAI,CAAC;IAC/CU,UAAU,EAAE,IAAAC,8BAAmB,EAACZ,IAAI,EAAEC,IAAI,CAAC;IAC3CY,QAAQ,EAAE,IAAAC,kDAAsB,EAACd,IAAI,EAAEC,IAAI,CAAC;IAC5Cc,KAAK,EAAE,IAAAP,yBAAc,EAACR,IAAI,EAAEC,IAAI;EAClC,CAAC;AACH","ignoreList":[]}