@wix/patterns-fields 1.84.0 → 1.85.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_ = "addressinput1459234632";
+var _namespace_ = "addressinput805382552";
 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": "addressinput1459234632__root",
-  "tableAddressInput": "addressinput1459234632__tableAddressInput"
+  "root": "addressinput805382552__root",
+  "tableAddressInput": "addressinput805382552__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_ = \"addressinput1459234632\";\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\":\"addressinput1459234632__root\",\"tableAddressInput\":\"addressinput1459234632__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_ = \"addressinput805382552\";\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\":\"addressinput805382552__root\",\"tableAddressInput\":\"addressinput805382552__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,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,mBAAmB,EAAC;AAA0C,CAAC;AACnH,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_ = "actionsmenu3629125153";
+var _namespace_ = "actionsmenu1816635489";
 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": "actionsmenu3629125153__root",
-  "action": "actionsmenu3629125153__action"
+  "root": "actionsmenu1816635489__root",
+  "action": "actionsmenu1816635489__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_ = \"actionsmenu3629125153\";\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\":\"actionsmenu3629125153__root\",\"action\":\"actionsmenu3629125153__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_ = \"actionsmenu1816635489\";\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\":\"actionsmenu1816635489__root\",\"action\":\"actionsmenu1816635489__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_ = "formaudiofield4236266672";
+var _namespace_ = "formaudiofield3796152263";
 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": "formaudiofield4236266672__root",
-  "addItem": "formaudiofield4236266672__addItem",
-  "mediaTitle": "formaudiofield4236266672__mediaTitle"
+  "root": "formaudiofield3796152263__root",
+  "addItem": "formaudiofield3796152263__addItem",
+  "mediaTitle": "formaudiofield3796152263__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_ = \"formaudiofield4236266672\";\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\":\"formaudiofield4236266672__root\",\"addItem\":\"formaudiofield4236266672__addItem\",\"mediaTitle\":\"formaudiofield4236266672__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_ = \"formaudiofield3796152263\";\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\":\"formaudiofield3796152263__root\",\"addItem\":\"formaudiofield3796152263__addItem\",\"mediaTitle\":\"formaudiofield3796152263__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_ = "audioplayer152380658";
+var _namespace_ = "audioplayer4193871409";
 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": "audioplayer152380658__root"
+  "root": "audioplayer4193871409__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_ = \"audioplayer152380658\";\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\":\"audioplayer152380658__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,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAA6C,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AAC3D,IAAIO,EAA0C,GAAAH,OAAA,CAAAG,EAAA,GAAGP,OAAO;AAExD,IAAIQ,SAAS,GAAAJ,OAAA,CAAAI,SAAA,GAAGT,WAAW;AAC3B,IAAIU,OAAO,GAAAL,OAAA,CAAAK,OAAA,GAAG;EAAC,MAAM,EAAC;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG,CAAC,CAAC;AAClB,IAAIC,MAAM,GAAAP,OAAA,CAAAO,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,UAAU,GAAAR,OAAA,CAAAQ,UAAA,GAAG,CAAC,CAAC;AACnB,IAAIC,MAAM,GAAAT,OAAA,CAAAS,MAAA,GAAG,CAAC,CAAC;AACf,IAAIC,IAAI,GAAAV,OAAA,CAAAU,IAAA,GAAG,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_ = \"audioplayer4193871409\";\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\":\"audioplayer4193871409__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_ = "cellcolorview2715743887";
+var _namespace_ = "cellcolorview3189053930";
 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": "cellcolorview2715743887__root",
-  "hashPrefix": "cellcolorview2715743887__hashPrefix"
+  "root": "cellcolorview3189053930__root",
+  "hashPrefix": "cellcolorview3189053930__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_ = \"cellcolorview2715743887\";\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\":\"cellcolorview2715743887__root\",\"hashPrefix\":\"cellcolorview2715743887__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_ = \"cellcolorview3189053930\";\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\":\"cellcolorview3189053930__root\",\"hashPrefix\":\"cellcolorview3189053930__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_ = "colorview1171078275";
+var _namespace_ = "colorview1453016986";
 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": "colorview1171078275__root",
-  "view": "colorview1171078275__view",
-  "fillPreview": "colorview1171078275__fillPreview"
+  "root": "colorview1453016986__root",
+  "view": "colorview1453016986__view",
+  "fillPreview": "colorview1453016986__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_ = \"colorview1171078275\";\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\":\"colorview1171078275__root\",\"view\":\"colorview1171078275__view\",\"fillPreview\":\"colorview1171078275__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_ = \"colorview1453016986\";\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\":\"colorview1453016986__root\",\"view\":\"colorview1453016986__view\",\"fillPreview\":\"colorview1453016986__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

@@ -4,18 +4,22 @@ exports.__esModule = true;
 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 _controlledDateTimeInputUni = require("./datetime-input/controlled-date-time-input.uni.driver");
 function ControlledInputUniDriver(base, body) {
+  const datePicker = (0, _unidriver.DatePickerUniDriver)(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),
-    datePicker: (0, _unidriver.DatePickerUniDriver)(base, body),
+    datePicker,
     dateTime: (0, _controlledDateTimeInputUni.DateTimeInputUniDriver)(base, body),
     color: (0, _unidriver.InputUniDriver)(base, body),
-    radioGroup: (0, _unidriver.RadioGroupUniDriver)(base, body)
+    radioGroup: (0, _unidriver.RadioGroupUniDriver)(base, body),
+    calendarPopover: (0, _popoverDriver.CalendarPopoverUniDriver)(datePicker, body),
+    inlineCalendarPopover: (0, _popoverDriver.InlineCalendarPopoverUniDriver)(base)
   };
 }
 //# 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","_controlledDateTimeInputUni","ControlledInputUniDriver","base","body","baseUniDriverFactory","checkbox","CheckboxUniDriver","number","NumberInputUniDriver","text","InputUniDriver","autocomplete","AutoCompleteUniDriver","datePicker","DatePickerUniDriver","dateTime","DateTimeInputUniDriver","color","radioGroup","RadioGroupUniDriver"],"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 { 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    radioGroup: RadioGroupUniDriver(base, body),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AASA,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,CAAC;IACjCe,UAAU,EAAE,IAAAC,8BAAmB,EAACjB,IAAI,EAAEC,IAAI;EAC5C,CAAC;AACH","ignoreList":[]}
+{"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":[]}

package/dist/cjs/components/date-input/date-input.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.DateInput = exports.ControlledDateInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
+var _popoverDefaults = require("../popover-defaults");
 var _dateUtils = require("./date-utils");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/date-input/date-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); }
@@ -17,6 +18,7 @@ const ControlledDateInput = ({
   dataHook,
   placeholder,
   inputRef,
+  popoverProps,
   onInvalid
 }) => {
   const value = (0, _react.useMemo)(() => {
@@ -47,6 +49,10 @@ const ControlledDateInput = ({
       onBlur,
       inputRef
     },
+    popoverProps: {
+      ..._popoverDefaults.calendarPopoverDefaults,
+      ...popoverProps
+    },
     readOnly: readOnly,
     status: invalid ? 'error' : undefined,
     placeholderText: placeholder,
@@ -55,7 +61,7 @@ const ControlledDateInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 39,
+      lineNumber: 45,
       columnNumber: 5
     }
   });

package/dist/cjs/components/date-input/date-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ControlledDateInput","data","onChange","onBlur","readOnly","autoFocus","invalid","dataHook","placeholder","inputRef","onInvalid","value","useMemo","undefined","iso","getISODateStringWithFixedTimezone","getDateWithoutTimezone","createElement","DatePicker","newValue","split","onValidate","validationType","inputValue","inputProps","status","placeholderText","width","__self","__source","fileName","lineNumber","columnNumber","exports","displayName","DateInput"],"sources":["../../../../src/components/date-input/date-input.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport type { DatePickerProps } from '@wix/design-system';\n\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface DateInputProps extends ControlledInputProps<string | null> {\n  placeholder?: string;\n  inputRef?: DatePickerProps['inputRef'];\n  onInvalid?(value: string): void;\n}\n\nexport const ControlledDateInput: React.FC<DateInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  invalid,\n  dataHook,\n  placeholder,\n  inputRef,\n  onInvalid,\n}) => {\n  const value = useMemo(() => {\n    if (!data) {\n      return undefined;\n    }\n\n    const iso = getISODateStringWithFixedTimezone(data);\n    return iso ? getDateWithoutTimezone(iso) : undefined;\n  }, [data]);\n\n  return (\n    <DatePicker\n      value={value}\n      onChange={(newValue) => {\n        const iso = getISODateStringWithFixedTimezone(newValue);\n        onChange(iso?.split('T')[0] ?? null);\n      }}\n      onValidate={({ validationType, value: inputValue }) => {\n        if (validationType === 'formatError' && inputValue === '') {\n          onChange(null);\n        } else if (validationType !== 'valid') {\n          onInvalid?.(inputValue);\n        }\n      }}\n      inputProps={{ autoFocus, onBlur, inputRef }}\n      readOnly={readOnly}\n      status={invalid ? 'error' : undefined}\n      placeholderText={placeholder}\n      width=\"100%\"\n      dataHook={dataHook}\n    />\n  );\n};\n\nControlledDateInput.displayName = 'ControlledDateInput';\n\nexport const DateInput = ControlledDateInput;\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAIA,IAAAE,UAAA,GAAAF,OAAA;AAGsB,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;AAQf,MAAMkB,mBAA6C,GAAGA,CAAC;EAC5DC,IAAI;EACJC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,QAAQ;EACRC,WAAW;EACXC,QAAQ;EACRC;AACF,CAAC,KAAK;EACJ,MAAMC,KAAK,GAAG,IAAAC,cAAO,EAAC,MAAM;IAC1B,IAAI,CAACX,IAAI,EAAE;MACT,OAAOY,SAAS;IAClB;IAEA,MAAMC,GAAG,GAAG,IAAAC,4CAAiC,EAACd,IAAI,CAAC;IACnD,OAAOa,GAAG,GAAG,IAAAE,iCAAsB,EAACF,GAAG,CAAC,GAAGD,SAAS;EACtD,CAAC,EAAE,CAACZ,IAAI,CAAC,CAAC;EAEV,oBACE1B,MAAA,CAAAgB,OAAA,CAAA0B,aAAA,CAACvC,aAAA,CAAAwC,UAAU;IACTP,KAAK,EAAEA,KAAM;IACbT,QAAQ,EAAGiB,QAAQ,IAAK;MACtB,MAAML,GAAG,GAAG,IAAAC,4CAAiC,EAACI,QAAQ,CAAC;MACvDjB,QAAQ,CAAC,CAAAY,GAAG,oBAAHA,GAAG,CAAEM,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,KAAI,IAAI,CAAC;IACtC,CAAE;IACFC,UAAU,EAAEA,CAAC;MAAEC,cAAc;MAAEX,KAAK,EAAEY;IAAW,CAAC,KAAK;MACrD,IAAID,cAAc,KAAK,aAAa,IAAIC,UAAU,KAAK,EAAE,EAAE;QACzDrB,QAAQ,CAAC,IAAI,CAAC;MAChB,CAAC,MAAM,IAAIoB,cAAc,KAAK,OAAO,EAAE;QACrCZ,SAAS,YAATA,SAAS,CAAGa,UAAU,CAAC;MACzB;IACF,CAAE;IACFC,UAAU,EAAE;MAAEnB,SAAS;MAAEF,MAAM;MAAEM;IAAS,CAAE;IAC5CL,QAAQ,EAAEA,QAAS;IACnBqB,MAAM,EAAEnB,OAAO,GAAG,OAAO,GAAGO,SAAU;IACtCa,eAAe,EAAElB,WAAY;IAC7BmB,KAAK,EAAC,MAAM;IACZpB,QAAQ,EAAEA,QAAS;IAAAqB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAlD,YAAA;MAAAmD,UAAA;MAAAC,YAAA;IAAA;EAAA,CACpB,CAAC;AAEN,CAAC;AAACC,OAAA,CAAAjC,mBAAA,GAAAA,mBAAA;AAEFA,mBAAmB,CAACkC,WAAW,GAAG,qBAAqB;AAEhD,MAAMC,SAAS,GAAAF,OAAA,CAAAE,SAAA,GAAGnC,mBAAmB","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_popoverDefaults","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ControlledDateInput","data","onChange","onBlur","readOnly","autoFocus","invalid","dataHook","placeholder","inputRef","popoverProps","onInvalid","value","useMemo","undefined","iso","getISODateStringWithFixedTimezone","getDateWithoutTimezone","createElement","DatePicker","newValue","split","onValidate","validationType","inputValue","inputProps","calendarPopoverDefaults","status","placeholderText","width","__self","__source","fileName","lineNumber","columnNumber","exports","displayName","DateInput"],"sources":["../../../../src/components/date-input/date-input.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport { DatePicker } from '@wix/design-system';\nimport type {\n  DatePickerProps,\n  PopoverCommonProps,\n} from '@wix/design-system';\n\nimport type { ControlledInputProps } from '../../types/controlled-input';\nimport { calendarPopoverDefaults } from '../popover-defaults';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface DateInputProps extends ControlledInputProps<string | null> {\n  placeholder?: string;\n  inputRef?: DatePickerProps['inputRef'];\n  popoverProps?: PopoverCommonProps;\n  onInvalid?(value: string): void;\n}\n\nexport const ControlledDateInput: React.FC<DateInputProps> = ({\n  data,\n  onChange,\n  onBlur,\n  readOnly,\n  autoFocus,\n  invalid,\n  dataHook,\n  placeholder,\n  inputRef,\n  popoverProps,\n  onInvalid,\n}) => {\n  const value = useMemo(() => {\n    if (!data) {\n      return undefined;\n    }\n\n    const iso = getISODateStringWithFixedTimezone(data);\n    return iso ? getDateWithoutTimezone(iso) : undefined;\n  }, [data]);\n\n  return (\n    <DatePicker\n      value={value}\n      onChange={(newValue) => {\n        const iso = getISODateStringWithFixedTimezone(newValue);\n        onChange(iso?.split('T')[0] ?? null);\n      }}\n      onValidate={({ validationType, value: inputValue }) => {\n        if (validationType === 'formatError' && inputValue === '') {\n          onChange(null);\n        } else if (validationType !== 'valid') {\n          onInvalid?.(inputValue);\n        }\n      }}\n      inputProps={{ autoFocus, onBlur, inputRef }}\n      popoverProps={{ ...calendarPopoverDefaults, ...popoverProps }}\n      readOnly={readOnly}\n      status={invalid ? 'error' : undefined}\n      placeholderText={placeholder}\n      width=\"100%\"\n      dataHook={dataHook}\n    />\n  );\n};\n\nControlledDateInput.displayName = 'ControlledDateInput';\n\nexport const DateInput = ControlledDateInput;\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/date-input/form-date-input.driver.js

@@ -4,6 +4,7 @@ exports.__esModule = true;
 exports.FormDateInputDriver = FormDateInputDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _baseDriver = require("../../testkit/base-driver");
+var _popoverDriver = require("../../testkit/popover-driver");
 function FormDateInputDriver(base, body, field) {
   const formField = (0, _unidriver.FormFieldUniDriver)(base, body);
   const datePickerBase = base.$(`[data-hook="date-${field.id}"]`);
@@ -16,7 +17,8 @@ function FormDateInputDriver(base, body, field) {
     blur: () => datePicker.inputDriver.blur(),
     hasError: () => datePicker.inputDriver.hasStatus('error'),
     getErrorMessage: () => datePicker.inputDriver.getStatusMessage(),
-    isRequired: () => formField.isRequired()
+    isRequired: () => formField.isRequired(),
+    calendarPopover: (0, _popoverDriver.CalendarPopoverUniDriver)(datePicker, body)
   };
 }
 //# sourceMappingURL=form-date-input.driver.js.map

package/dist/cjs/components/date-input/form-date-input.driver.js.map

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_baseDriver","FormDateInputDriver","base","body","field","formField","FormFieldUniDriver","datePickerBase","$","id","datePicker","DatePickerUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","datePickerExists","exists","enterText","text","inputDriver","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired"],"sources":["../../../../src/components/date-input/form-date-input.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DatePickerUniDriver,\n  FormFieldUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  getFormFieldLabelText,\n} from '../../testkit/base-driver';\n\nexport function FormDateInputDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const datePickerBase = base.$(`[data-hook=\"date-${field.id}\"]`);\n  const datePicker = DatePickerUniDriver(datePickerBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: () => getFormFieldLabelText(formField),\n    datePickerExists: () => datePickerBase.exists(),\n    enterText: (text: string) => datePicker.inputDriver.enterText(text),\n    blur: () => datePicker.inputDriver.blur(),\n    hasError: () => datePicker.inputDriver.hasStatus('error'),\n    getErrorMessage: () => datePicker.inputDriver.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAKO,SAASE,mBAAmBA,CACjCC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMI,cAAc,GAAGL,IAAI,CAACM,CAAC,CAAC,oBAAoBJ,KAAK,CAACK,EAAE,IAAI,CAAC;EAC/D,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EAACJ,cAAc,EAAEJ,IAAI,CAAC;EAE5D,OAAO;IACL,GAAG,IAAAS,gCAAoB,EAACV,IAAI,CAAC;IAC7BW,QAAQ,EAAEA,CAAA,KAAM,IAAAC,iCAAqB,EAACT,SAAS,CAAC;IAChDU,gBAAgB,EAAEA,CAAA,KAAMR,cAAc,CAACS,MAAM,CAAC,CAAC;IAC/CC,SAAS,EAAGC,IAAY,IAAKR,UAAU,CAACS,WAAW,CAACF,SAAS,CAACC,IAAI,CAAC;IACnEE,IAAI,EAAEA,CAAA,KAAMV,UAAU,CAACS,WAAW,CAACC,IAAI,CAAC,CAAC;IACzCC,QAAQ,EAAEA,CAAA,KAAMX,UAAU,CAACS,WAAW,CAACG,SAAS,CAAC,OAAO,CAAC;IACzDC,eAAe,EAAEA,CAAA,KAAMb,UAAU,CAACS,WAAW,CAACK,gBAAgB,CAAC,CAAC;IAChEC,UAAU,EAAEA,CAAA,KAAMpB,SAAS,CAACoB,UAAU,CAAC;EACzC,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_baseDriver","_popoverDriver","FormDateInputDriver","base","body","field","formField","FormFieldUniDriver","datePickerBase","$","id","datePicker","DatePickerUniDriver","baseUniDriverFactory","getLabel","getFormFieldLabelText","datePickerExists","exists","enterText","text","inputDriver","blur","hasError","hasStatus","getErrorMessage","getStatusMessage","isRequired","calendarPopover","CalendarPopoverUniDriver"],"sources":["../../../../src/components/date-input/form-date-input.driver.ts"],"sourcesContent":["import type { Field } from '@wix/bex-core';\nimport { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DatePickerUniDriver,\n  FormFieldUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport {\n  baseUniDriverFactory,\n  getFormFieldLabelText,\n} from '../../testkit/base-driver';\nimport { CalendarPopoverUniDriver } from '../../testkit/popover-driver';\n\nexport function FormDateInputDriver(\n  base: UniDriver,\n  body: UniDriver,\n  field: Field,\n) {\n  const formField = FormFieldUniDriver(base, body);\n  const datePickerBase = base.$(`[data-hook=\"date-${field.id}\"]`);\n  const datePicker = DatePickerUniDriver(datePickerBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    getLabel: () => getFormFieldLabelText(formField),\n    datePickerExists: () => datePickerBase.exists(),\n    enterText: (text: string) => datePicker.inputDriver.enterText(text),\n    blur: () => datePicker.inputDriver.blur(),\n    hasError: () => datePicker.inputDriver.hasStatus('error'),\n    getErrorMessage: () => datePicker.inputDriver.getStatusMessage(),\n    isRequired: () => formField.isRequired(),\n    calendarPopover: CalendarPopoverUniDriver(datePicker, body),\n  };\n}\n"],"mappings":";;;;AAEA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAIA,IAAAE,cAAA,GAAAF,OAAA;AAEO,SAASG,mBAAmBA,CACjCC,IAAe,EACfC,IAAe,EACfC,KAAY,EACZ;EACA,MAAMC,SAAS,GAAG,IAAAC,6BAAkB,EAACJ,IAAI,EAAEC,IAAI,CAAC;EAChD,MAAMI,cAAc,GAAGL,IAAI,CAACM,CAAC,CAAC,oBAAoBJ,KAAK,CAACK,EAAE,IAAI,CAAC;EAC/D,MAAMC,UAAU,GAAG,IAAAC,8BAAmB,EAACJ,cAAc,EAAEJ,IAAI,CAAC;EAE5D,OAAO;IACL,GAAG,IAAAS,gCAAoB,EAACV,IAAI,CAAC;IAC7BW,QAAQ,EAAEA,CAAA,KAAM,IAAAC,iCAAqB,EAACT,SAAS,CAAC;IAChDU,gBAAgB,EAAEA,CAAA,KAAMR,cAAc,CAACS,MAAM,CAAC,CAAC;IAC/CC,SAAS,EAAGC,IAAY,IAAKR,UAAU,CAACS,WAAW,CAACF,SAAS,CAACC,IAAI,CAAC;IACnEE,IAAI,EAAEA,CAAA,KAAMV,UAAU,CAACS,WAAW,CAACC,IAAI,CAAC,CAAC;IACzCC,QAAQ,EAAEA,CAAA,KAAMX,UAAU,CAACS,WAAW,CAACG,SAAS,CAAC,OAAO,CAAC;IACzDC,eAAe,EAAEA,CAAA,KAAMb,UAAU,CAACS,WAAW,CAACK,gBAAgB,CAAC,CAAC;IAChEC,UAAU,EAAEA,CAAA,KAAMpB,SAAS,CAACoB,UAAU,CAAC,CAAC;IACxCC,eAAe,EAAE,IAAAC,uCAAwB,EAACjB,UAAU,EAAEP,IAAI;EAC5D,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/date-input/form-date-input.js

@@ -9,6 +9,7 @@ var _react2 = require("@wix/bex-core/react");
 var _form = require("@wix/bex-core/form");
 var _hooks = require("../../hooks");
 var _string = require("../../validations/string");
+var _popoverDefaults = require("../popover-defaults");
 var _dateUtils = require("./date-utils");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/date-input/form-date-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); }
@@ -67,7 +68,7 @@ const _FormDateInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 63,
+      lineNumber: 64,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
@@ -82,6 +83,7 @@ const _FormDateInput = props => {
       controller.field.ref(inputEl ?? null);
     },
     dataHook: `date-${field.id}`,
+    popoverProps: _popoverDefaults.calendarPopoverDefaults,
     width: "100%",
     placeholderText: tFields('CMS.formDate.placeholder'),
     value: date,
@@ -108,7 +110,7 @@ const _FormDateInput = props => {
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 70,
       columnNumber: 7
     }
   }));

package/dist/cjs/components/date-input/form-date-input.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateInput","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","computeError","value","format","validationType","_field$validation","validation","required","isEmpty","dateFormat","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","iso","getISODateStringWithFixedTimezone","undefined","getDateWithoutTimezone","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","statusMessage","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","_internalRef$state","current","inputEl","state","focus","width","placeholderText","onChange","newValue","formattedDate","split","onValidate","invalid","status","FormDateInput","exports","observer"],"sources":["../../../../src/components/date-input/form-date-input.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface FormDateInputProps extends BaseInputProps<string | null> {}\n\nconst _FormDateInput = (props: FormDateInputProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n  const { t: tFields } = useTranslations();\n\n  const computeError = (\n    value: string | null | undefined,\n    format?: string,\n    validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n  ): string => {\n    if (field.validation?.required && isEmpty(value)) {\n      return t('cairo.fieldValidation.requiredField');\n    }\n    if (validationType === 'formatError' && format) {\n      return t('cairo.customFields.fieldType.date.invalid.value', {\n        dateFormat: format,\n      });\n    }\n    return '';\n  };\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = computeError(value);\n        return error || true;\n      },\n    },\n  });\n\n  // A stored value that isn't a date leaves the picker empty instead of\n  // throwing out of render.\n  const [date, setDate] = useState<Date | undefined>(() => {\n    const iso = controller.field.value\n      ? getISODateStringWithFixedTimezone(controller.field.value)\n      : undefined;\n    return iso ? getDateWithoutTimezone(iso) : undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      statusMessage={errorMessage}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          const inputEl =\n            // @ts-expect-error: WSR internal API hack for focusing\n            internalRef?.state?.inputRef as HTMLElement | undefined;\n          ref.current.focus = () => inputEl?.focus?.();\n          // Let react-hook-form's shouldFocusError scroll to + focus this field\n          // when it blocks save.\n          controller.field.ref(inputEl ?? null);\n        }}\n        dataHook={`date-${field.id}`}\n        width=\"100%\"\n        placeholderText={tFields('CMS.formDate.placeholder')}\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          const formattedDate = newValue\n            ? getISODateStringWithFixedTimezone(newValue)\n            : undefined;\n          controller.field.onChange(formattedDate?.split('T')[0] ?? null);\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = computeError(newValue, format, validationType);\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n\nexport const FormDateInput = observer(_FormDateInput);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_mobxReactLite","_react2","_form","_hooks","_string","_popoverDefaults","_dateUtils","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_FormDateInput","props","_field$validation2","field","dataHook","inputRef","formControl","data","translate","useWixPatternsContainer","tFields","useTranslations","computeError","value","format","validationType","_field$validation","validation","required","isEmpty","dateFormat","controller","useController","name","id","control","defaultValue","rules","validate","error","date","setDate","useState","iso","getISODateStringWithFixedTimezone","undefined","getDateWithoutTimezone","ref","useRef","errorMessage","setErrorMessage","createElement","FormField","label","displayName","statusMessage","__self","__source","fileName","lineNumber","columnNumber","DatePicker","internalRef","_internalRef$state","current","inputEl","state","focus","popoverProps","calendarPopoverDefaults","width","placeholderText","onChange","newValue","formattedDate","split","onValidate","invalid","status","FormDateInput","exports","observer"],"sources":["../../../../src/components/date-input/form-date-input.tsx"],"sourcesContent":["import React, { useState, useRef } from 'react';\nimport { FormField, DatePicker } from '@wix/design-system';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { useController } from '@wix/bex-core/form';\n\nimport { BaseInputProps, BaseInputRef } from '../../types/base-input';\nimport { useTranslations } from '../../hooks';\nimport { isEmpty } from '../../validations/string';\nimport { calendarPopoverDefaults } from '../popover-defaults';\nimport {\n  getDateWithoutTimezone,\n  getISODateStringWithFixedTimezone,\n} from './date-utils';\n\nexport interface FormDateInputProps extends BaseInputProps<string | null> {}\n\nconst _FormDateInput = (props: FormDateInputProps) => {\n  const { field, dataHook, inputRef, formControl, data } = props;\n  const { translate: t } = useWixPatternsContainer();\n  const { t: tFields } = useTranslations();\n\n  const computeError = (\n    value: string | null | undefined,\n    format?: string,\n    validationType?: 'outOfBoundsError' | 'formatError' | 'valid',\n  ): string => {\n    if (field.validation?.required && isEmpty(value)) {\n      return t('cairo.fieldValidation.requiredField');\n    }\n    if (validationType === 'formatError' && format) {\n      return t('cairo.customFields.fieldType.date.invalid.value', {\n        dateFormat: format,\n      });\n    }\n    return '';\n  };\n\n  const controller = useController({\n    name: field?.id ?? '',\n    control: formControl,\n    defaultValue: data?.[field?.id ?? ''],\n    rules: {\n      validate: (value) => {\n        const error = computeError(value);\n        return error || true;\n      },\n    },\n  });\n\n  // A stored value that isn't a date leaves the picker empty instead of\n  // throwing out of render.\n  const [date, setDate] = useState<Date | undefined>(() => {\n    const iso = controller.field.value\n      ? getISODateStringWithFixedTimezone(controller.field.value)\n      : undefined;\n    return iso ? getDateWithoutTimezone(iso) : undefined;\n  });\n\n  const ref = useRef<BaseInputRef>({});\n  const [errorMessage, setErrorMessage] = useState<string>('');\n\n  return (\n    <FormField\n      label={field.displayName}\n      required={field.validation?.required}\n      statusMessage={errorMessage}\n      dataHook={dataHook}\n    >\n      <DatePicker\n        ref={(internalRef) => {\n          inputRef?.(ref.current);\n          const inputEl =\n            // @ts-expect-error: WSR internal API hack for focusing\n            internalRef?.state?.inputRef as HTMLElement | undefined;\n          ref.current.focus = () => inputEl?.focus?.();\n          // Let react-hook-form's shouldFocusError scroll to + focus this field\n          // when it blocks save.\n          controller.field.ref(inputEl ?? null);\n        }}\n        dataHook={`date-${field.id}`}\n        popoverProps={calendarPopoverDefaults}\n        width=\"100%\"\n        placeholderText={tFields('CMS.formDate.placeholder')}\n        value={date}\n        onChange={(newValue: Date) => {\n          setDate(newValue);\n          const formattedDate = newValue\n            ? getISODateStringWithFixedTimezone(newValue)\n            : undefined;\n          controller.field.onChange(formattedDate?.split('T')[0] ?? null);\n        }}\n        onValidate={({ validationType, value: newValue, format }) => {\n          const error = computeError(newValue, format, validationType);\n          setErrorMessage(error);\n          ref.current.invalid = !!error;\n\n          if (validationType === 'formatError' && newValue === '') {\n            setDate(undefined);\n            controller.field.onChange(null);\n          }\n        }}\n        status={errorMessage ? 'error' : undefined}\n        statusMessage={errorMessage}\n      />\n    </FormField>\n  );\n};\n\nexport const FormDateInput = observer(_FormDateInput);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/datetime-input/controlled-date-time-input.uni.driver.js

@@ -4,11 +4,19 @@ exports.__esModule = true;
 exports.DateTimeInputUniDriver = DateTimeInputUniDriver;
 var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _baseDriver = require("../../testkit/base-driver");
+var _popoverDriver = require("../../testkit/popover-driver");
 function DateTimeInputUniDriver(base, body) {
+  const dateBase = base.$('[data-hook="date-time-date"]');
+  const timeBase = base.$('[data-hook="date-time-time"]');
+  const datePicker = (0, _unidriver.DatePickerUniDriver)(dateBase, body);
   return {
     ...(0, _baseDriver.baseUniDriverFactory)(base),
-    datePicker: (0, _unidriver.DatePickerUniDriver)(base.$('[data-hook="date-time-date"]'), body),
-    timeInput: (0, _unidriver.TimeInputUniDriver)(base.$('[data-hook="date-time-time"]'), body)
+    datePicker,
+    timeInput: (0, _unidriver.TimeInputUniDriver)(timeBase, body),
+    calendarPopover: (0, _popoverDriver.CalendarPopoverUniDriver)(datePicker, body),
+    timeDropdown: (0, _popoverDriver.TimeDropdownUniDriver)(timeBase, body),
+    inlineCalendarPopover: (0, _popoverDriver.InlineCalendarPopoverUniDriver)(base),
+    inlineTimeDropdown: (0, _popoverDriver.InlineTimeDropdownUniDriver)(base)
   };
 }
 //# sourceMappingURL=controlled-date-time-input.uni.driver.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_unidriver","require","_baseDriver","DateTimeInputUniDriver","base","body","baseUniDriverFactory","datePicker","DatePickerUniDriver","$","timeInput","TimeInputUniDriver"],"sources":["../../../../src/components/datetime-input/controlled-date-time-input.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DatePickerUniDriver,\n  TimeInputUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\n\nexport function DateTimeInputUniDriver(base: UniDriver, body: UniDriver) {\n  return {\n    ...baseUniDriverFactory(base),\n    datePicker: DatePickerUniDriver(\n      base.$('[data-hook=\"date-time-date\"]'),\n      body,\n    ),\n    timeInput: TimeInputUniDriver(base.$('[data-hook=\"date-time-time\"]'), body),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AAEO,SAASE,sBAAsBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACvE,OAAO;IACL,GAAG,IAAAC,gCAAoB,EAACF,IAAI,CAAC;IAC7BG,UAAU,EAAE,IAAAC,8BAAmB,EAC7BJ,IAAI,CAACK,CAAC,CAAC,8BAA8B,CAAC,EACtCJ,IACF,CAAC;IACDK,SAAS,EAAE,IAAAC,6BAAkB,EAACP,IAAI,CAACK,CAAC,CAAC,8BAA8B,CAAC,EAAEJ,IAAI;EAC5E,CAAC;AACH","ignoreList":[]}
+{"version":3,"names":["_unidriver","require","_baseDriver","_popoverDriver","DateTimeInputUniDriver","base","body","dateBase","$","timeBase","datePicker","DatePickerUniDriver","baseUniDriverFactory","timeInput","TimeInputUniDriver","calendarPopover","CalendarPopoverUniDriver","timeDropdown","TimeDropdownUniDriver","inlineCalendarPopover","InlineCalendarPopoverUniDriver","inlineTimeDropdown","InlineTimeDropdownUniDriver"],"sources":["../../../../src/components/datetime-input/controlled-date-time-input.uni.driver.ts"],"sourcesContent":["import { UniDriver } from '@wix/wix-ui-test-utils/unidriver';\nimport {\n  DatePickerUniDriver,\n  TimeInputUniDriver,\n} from '@wix/design-system/dist/testkit/unidriver';\n\nimport { baseUniDriverFactory } from '../../testkit/base-driver';\nimport {\n  CalendarPopoverUniDriver,\n  InlineCalendarPopoverUniDriver,\n  InlineTimeDropdownUniDriver,\n  TimeDropdownUniDriver,\n} from '../../testkit/popover-driver';\n\nexport function DateTimeInputUniDriver(base: UniDriver, body: UniDriver) {\n  const dateBase = base.$('[data-hook=\"date-time-date\"]');\n  const timeBase = base.$('[data-hook=\"date-time-time\"]');\n  const datePicker = DatePickerUniDriver(dateBase, body);\n\n  return {\n    ...baseUniDriverFactory(base),\n    datePicker,\n    timeInput: TimeInputUniDriver(timeBase, body),\n    calendarPopover: CalendarPopoverUniDriver(datePicker, body),\n    timeDropdown: TimeDropdownUniDriver(timeBase, body),\n    inlineCalendarPopover: InlineCalendarPopoverUniDriver(base),\n    inlineTimeDropdown: InlineTimeDropdownUniDriver(base),\n  };\n}\n"],"mappings":";;;;AACA,IAAAA,UAAA,GAAAC,OAAA;AAKA,IAAAC,WAAA,GAAAD,OAAA;AACA,IAAAE,cAAA,GAAAF,OAAA;AAOO,SAASG,sBAAsBA,CAACC,IAAe,EAAEC,IAAe,EAAE;EACvE,MAAMC,QAAQ,GAAGF,IAAI,CAACG,CAAC,CAAC,8BAA8B,CAAC;EACvD,MAAMC,QAAQ,GAAGJ,IAAI,CAACG,CAAC,CAAC,8BAA8B,CAAC;EACvD,MAAME,UAAU,GAAG,IAAAC,8BAAmB,EAACJ,QAAQ,EAAED,IAAI,CAAC;EAEtD,OAAO;IACL,GAAG,IAAAM,gCAAoB,EAACP,IAAI,CAAC;IAC7BK,UAAU;IACVG,SAAS,EAAE,IAAAC,6BAAkB,EAACL,QAAQ,EAAEH,IAAI,CAAC;IAC7CS,eAAe,EAAE,IAAAC,uCAAwB,EAACN,UAAU,EAAEJ,IAAI,CAAC;IAC3DW,YAAY,EAAE,IAAAC,oCAAqB,EAACT,QAAQ,EAAEH,IAAI,CAAC;IACnDa,qBAAqB,EAAE,IAAAC,6CAA8B,EAACf,IAAI,CAAC;IAC3DgB,kBAAkB,EAAE,IAAAC,0CAA2B,EAACjB,IAAI;EACtD,CAAC;AACH","ignoreList":[]}

package/dist/cjs/components/datetime-input/date-time-input.js

@@ -5,6 +5,7 @@ exports.DateTimeInput = exports.ControlledDateTimeInput = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _hooks = require("../../hooks");
+var _popoverDefaults = require("../popover-defaults");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/fields/dist/cjs/components/datetime-input/date-time-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 DATE_INPUT_DATA_HOOK = 'date-time-date';
@@ -29,6 +30,8 @@ const ControlledDateTimeInput = ({
   timeInvalidMessage,
   dateInputRef,
   timeInputRef,
+  datePopoverProps,
+  timePopoverProps,
   onInvalidDate,
   onInvalidTime
 }) => {
@@ -55,7 +58,7 @@ const ControlledDateTimeInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 51,
+      lineNumber: 63,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Layout, {
@@ -63,7 +66,7 @@ const ControlledDateTimeInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 73,
+      lineNumber: 85,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -71,7 +74,7 @@ const ControlledDateTimeInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 86,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.DatePicker, {
@@ -95,6 +98,10 @@ const ControlledDateTimeInput = ({
       autoFocus,
       inputRef: dateInputRef
     },
+    popoverProps: {
+      ..._popoverDefaults.calendarPopoverDefaults,
+      ...datePopoverProps
+    },
     readOnly: readOnly,
     status: invalid ? 'error' : undefined,
     placeholderText: datePlaceholder,
@@ -103,7 +110,7 @@ const ControlledDateTimeInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 75,
+      lineNumber: 87,
       columnNumber: 11
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Cell, {
@@ -111,7 +118,7 @@ const ControlledDateTimeInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 101,
+      lineNumber: 114,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TimeInput, {
@@ -132,6 +139,10 @@ const ControlledDateTimeInput = ({
     },
     onInvalid: onInvalidTime,
     inputRef: timeInputRef,
+    popoverProps: {
+      ..._popoverDefaults.dropdownPopoverDefaults,
+      ...timePopoverProps
+    },
     readOnly: readOnly,
     status: invalid ? 'error' : undefined,
     invalidMessage: timeInvalidMessage,
@@ -142,7 +153,7 @@ const ControlledDateTimeInput = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 102,
+      lineNumber: 115,
       columnNumber: 11
     }
   }))));