@wix/patterns 1.293.0 → 1.294.0

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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_ = "MultiBulkActionToolbar1338277002";
+var _namespace_ = "MultiBulkActionToolbar3085669340";
 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": "MultiBulkActionToolbar1338277002__root"
+  "root": "MultiBulkActionToolbar3085669340__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar1338277002\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar1338277002__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,kCAAkC;AACpD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAwC,CAAC;AAC/D,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/MultiBulkActionToolbar/MultiBulkActionToolbar.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultiBulkActionToolbar3085669340\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultiBulkActionToolbar3085669340__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,kCAAkC;AACpD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAwC,CAAC;AAC/D,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/NestedTable/NestedTablePlaceholderStatesRow.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_ = "NestedTablePlaceholderStatesRow2390724309";
+var _namespace_ = "NestedTablePlaceholderStatesRow3541608152";
 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": "NestedTablePlaceholderStatesRow2390724309__root"
+  "root": "NestedTablePlaceholderStatesRow3541608152__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTablePlaceholderStatesRow.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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow2390724309\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTablePlaceholderStatesRow2390724309__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,2CAA2C;AAC7D,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAiD,CAAC;AACxE,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/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTablePlaceholderStatesRow3541608152\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTablePlaceholderStatesRow3541608152__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,2CAA2C;AAC7D,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAiD,CAAC;AACxE,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/NestedTable/NestedTableRow.st.css.js

@@ -5,17 +5,17 @@ exports.vars = exports.style = exports.stVars = exports.st = exports.namespace =
 var _stylableEsmRuntime = require("../../stylable-esm-runtime.js");
 // @ts-nocheck
 
-var _namespace_ = "NestedTableRow3894354182";
+var _namespace_ = "NestedTableRow1225442242";
 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": "NestedTableRow3894354182__root",
-  "firstLevel": "NestedTableRow3894354182__firstLevel",
-  "placeholder": "NestedTableRow3894354182__placeholder",
-  "parentHovered": "NestedTableRow3894354182__parentHovered"
+  "root": "NestedTableRow1225442242__root",
+  "firstLevel": "NestedTableRow1225442242__firstLevel",
+  "placeholder": "NestedTableRow1225442242__placeholder",
+  "parentHovered": "NestedTableRow1225442242__parentHovered"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTable/NestedTableRow.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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow3894354182\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableRow3894354182__root\",\"firstLevel\":\"NestedTableRow3894354182__firstLevel\",\"placeholder\":\"NestedTableRow3894354182__placeholder\",\"parentHovered\":\"NestedTableRow3894354182__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTable/NestedTableRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableRow1225442242\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableRow1225442242__root\",\"firstLevel\":\"NestedTableRow1225442242__firstLevel\",\"placeholder\":\"NestedTableRow1225442242__placeholder\",\"parentHovered\":\"NestedTableRow1225442242__parentHovered\"};\nexport var keyframes = {}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,0BAA0B;AAC5C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,YAAY,EAAC,sCAAsC;EAAC,aAAa,EAAC,uCAAuC;EAAC,eAAe,EAAC;AAAyC,CAAC;AAC3N,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.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_ = "MultipleDragOverlayEffect279577481";
+var _namespace_ = "MultipleDragOverlayEffect1674066281";
 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": "MultipleDragOverlayEffect279577481__root"
+  "root": "MultipleDragOverlayEffect1674066281__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect279577481\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultipleDragOverlayEffect279577481__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,oCAAoC;AACtD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA0C,CAAC;AACjE,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/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MultipleDragOverlayEffect1674066281\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"MultipleDragOverlayEffect1674066281__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,qCAAqC;AACvD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA2C,CAAC;AAClE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.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_ = "NestedTableDragAndDropRow717664795";
+var _namespace_ = "NestedTableDragAndDropRow261684141";
 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": "NestedTableDragAndDropRow717664795__root"
+  "root": "NestedTableDragAndDropRow261684141__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow717664795\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableDragAndDropRow717664795__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,oCAAoC;AACtD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA0C,CAAC;AACjE,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/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"NestedTableDragAndDropRow261684141\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"NestedTableDragAndDropRow261684141__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,oCAAoC;AACtD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA0C,CAAC;AACjE,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/PageWrapper/PageWrapperBase.js

@@ -22,7 +22,8 @@ function PageWrapperBase(props) {
   } = state;
   const sidePanelOpen = (0, _react2.useReactive)(_sidePanelOpen);
   const {
-    environment
+    environment,
+    useRelativeSidePanel
   } = (0, _react3.useWixPatternsContainer)();
 
   // CAIRO-3582: modify mobile detection to use user agent
@@ -40,7 +41,8 @@ function PageWrapperBase(props) {
   const rootStyle = (0, _react.useMemo)(() => ({
     position: 'relative',
     width: '100%',
-    height: '100%'
+    height: '100%',
+    overflow: useRelativeSidePanel ? 'hidden' : undefined
   }), []);
   const modalsContainerStyle = (0, _react.useMemo)(() => ({
     position: 'absolute',
@@ -51,7 +53,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 57,
+      lineNumber: 58,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -65,7 +67,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 58,
+      lineNumber: 59,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement("div", {
@@ -73,7 +75,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 67,
+      lineNumber: 68,
       columnNumber: 9
     }
   }, children), /*#__PURE__*/_react.default.createElement("div", {
@@ -87,7 +89,7 @@ function PageWrapperBase(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 69,
       columnNumber: 9
     }
   })));

package/dist/cjs/components/PageWrapper/PageWrapperBase.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_react3","_bexCore","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PageWrapperBase","props","pageState","children","state","useState","PageState","modalsContainerRef","stackingRootRef","_sidePanelOpen","sidePanelOpen","useReactive","environment","useWixPatternsContainer","pageAndModalsRootStyle","useMemo","position","width","SidePanelWidth","height","transition","zIndex","rootStyle","modalsContainerStyle","createElement","PageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","style","ref","el","current","lang","language","runInAction"],"sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\nimport { useReactive } from '@wix/bex-utils/react';\nimport {\n  PageContextProvider,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { PageState, SidePanelWidth } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\n\nexport interface PageWrapperBaseProps {\n  pageState?: PageState;\n  children?: ReactNode;\n}\n\nexport function PageWrapperBase(props: PageWrapperBaseProps) {\n  const { pageState, children } = props;\n\n  const [state] = useState(() => pageState ?? new PageState());\n  const { modalsContainerRef, stackingRootRef, _sidePanelOpen } = state;\n  const sidePanelOpen = useReactive(_sidePanelOpen);\n  const { environment } = useWixPatternsContainer();\n\n  // CAIRO-3582: modify mobile detection to use user agent\n  // useEffect(() => {\n  //   return state.init();\n  // }, [state]);\n\n  const pageAndModalsRootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: sidePanelOpen ? `calc(100% - ${SidePanelWidth}px)` : '100%',\n      height: '100%',\n      transition: 'width 0.4s ease 0s',\n      zIndex: 1,\n    }),\n    [sidePanelOpen],\n  );\n\n  const rootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: '100%',\n      height: '100%',\n    }),\n    [],\n  );\n\n  const modalsContainerStyle = useMemo(\n    () => ({\n      position: 'absolute' as const,\n      zIndex: 1,\n    }),\n    [],\n  );\n\n  return (\n    <PageContextProvider value={state}>\n      <div\n        data-wix-patterns\n        style={rootStyle}\n        data-hook=\"cairo-root-stacking\"\n        ref={(el) => {\n          stackingRootRef.current = el;\n        }}\n        lang={environment.language}\n      >\n        <div style={pageAndModalsRootStyle}>{children}</div>\n        <div\n          data-hook=\"modals-container\"\n          ref={(el) => {\n            runInAction(() => {\n              modalsContainerRef.current = el;\n            });\n          }}\n          style={modalsContainerStyle}\n        />\n      </div>\n    </PageContextProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_react2","_react3","_bexCore","_mobx","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PageWrapperBase","props","pageState","children","state","useState","PageState","modalsContainerRef","stackingRootRef","_sidePanelOpen","sidePanelOpen","useReactive","environment","useRelativeSidePanel","useWixPatternsContainer","pageAndModalsRootStyle","useMemo","position","width","SidePanelWidth","height","transition","zIndex","rootStyle","overflow","undefined","modalsContainerStyle","createElement","PageContextProvider","value","__self","__source","fileName","lineNumber","columnNumber","style","ref","el","current","lang","language","runInAction"],"sources":["../../../../src/components/PageWrapper/PageWrapperBase.tsx"],"sourcesContent":["import React, { ReactNode, useMemo, useState } from 'react';\nimport { useReactive } from '@wix/bex-utils/react';\nimport {\n  PageContextProvider,\n  useWixPatternsContainer,\n} from '@wix/bex-core/react';\nimport { PageState, SidePanelWidth } from '@wix/bex-core';\nimport { runInAction } from 'mobx';\n\nexport interface PageWrapperBaseProps {\n  pageState?: PageState;\n  children?: ReactNode;\n}\n\nexport function PageWrapperBase(props: PageWrapperBaseProps) {\n  const { pageState, children } = props;\n\n  const [state] = useState(() => pageState ?? new PageState());\n  const { modalsContainerRef, stackingRootRef, _sidePanelOpen } = state;\n  const sidePanelOpen = useReactive(_sidePanelOpen);\n  const { environment, useRelativeSidePanel } = useWixPatternsContainer();\n\n  // CAIRO-3582: modify mobile detection to use user agent\n  // useEffect(() => {\n  //   return state.init();\n  // }, [state]);\n\n  const pageAndModalsRootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: sidePanelOpen ? `calc(100% - ${SidePanelWidth}px)` : '100%',\n      height: '100%',\n      transition: 'width 0.4s ease 0s',\n      zIndex: 1,\n    }),\n    [sidePanelOpen],\n  );\n\n  const rootStyle = useMemo(\n    () => ({\n      position: 'relative' as const,\n      width: '100%',\n      height: '100%',\n      overflow: useRelativeSidePanel ? ('hidden' as const) : undefined,\n    }),\n    [],\n  );\n\n  const modalsContainerStyle = useMemo(\n    () => ({\n      position: 'absolute' as const,\n      zIndex: 1,\n    }),\n    [],\n  );\n\n  return (\n    <PageContextProvider value={state}>\n      <div\n        data-wix-patterns\n        style={rootStyle}\n        data-hook=\"cairo-root-stacking\"\n        ref={(el) => {\n          stackingRootRef.current = el;\n        }}\n        lang={environment.language}\n      >\n        <div style={pageAndModalsRootStyle}>{children}</div>\n        <div\n          data-hook=\"modals-container\"\n          ref={(el) => {\n            runInAction(() => {\n              modalsContainerRef.current = el;\n            });\n          }}\n          style={modalsContainerStyle}\n        />\n      </div>\n    </PageContextProvider>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/PickerContent/PickerContent.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_ = "PickerContent1604483775";
+var _namespace_ = "PickerContent1012843822";
 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": "PickerContent1604483775__root"
+  "root": "PickerContent1012843822__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent1604483775\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContent1604483775__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,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA+B,CAAC;AACtD,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/PickerContent/PickerContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContent1012843822\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContent1012843822__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,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAA+B,CAAC;AACtD,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/PickerContent/PickerContentAdditionalStep.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_ = "PickerContentAdditionalStep1425898416";
+var _namespace_ = "PickerContentAdditionalStep1513575593";
 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": "PickerContentAdditionalStep1425898416__root",
-  "titles": "PickerContentAdditionalStep1425898416__titles",
-  "suffix": "PickerContentAdditionalStep1425898416__suffix"
+  "root": "PickerContentAdditionalStep1513575593__root",
+  "titles": "PickerContentAdditionalStep1513575593__titles",
+  "suffix": "PickerContentAdditionalStep1513575593__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1425898416\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep1425898416__root\",\"titles\":\"PickerContentAdditionalStep1425898416__titles\",\"suffix\":\"PickerContentAdditionalStep1425898416__suffix\"};\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,uCAAuC;AACzD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerContent/PickerContentAdditionalStep.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerContentAdditionalStep1513575593\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerContentAdditionalStep1513575593__root\",\"titles\":\"PickerContentAdditionalStep1513575593__titles\",\"suffix\":\"PickerContentAdditionalStep1513575593__suffix\"};\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,uCAAuC;AACzD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,6CAA6C;EAAC,QAAQ,EAAC,+CAA+C;EAAC,QAAQ,EAAC;AAA+C,CAAC;AACtL,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/PickerTableListItem/PickerTableListItem.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_ = "PickerTableListItem1858320760";
+var _namespace_ = "PickerTableListItem1758675998";
 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": "PickerTableListItem1858320760__root"
+  "root": "PickerTableListItem1758675998__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem1858320760\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem1858320760__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,+BAA+B;AACjD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAqC,CAAC;AAC5D,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/PickerTableListItem/PickerTableListItem.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"PickerTableListItem1758675998\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"PickerTableListItem1758675998__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,+BAA+B;AACjD,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAqC,CAAC;AAC5D,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/ScrollableContent/ScrollableContent.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_ = "ScrollableContent211797723";
+var _namespace_ = "ScrollableContent1022134013";
 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": "ScrollableContent211797723__root"
+  "root": "ScrollableContent1022134013__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent211797723\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent211797723__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,4BAA4B;AAC9C,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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAkC,CAAC;AACzD,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/ScrollableContent/ScrollableContent.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"ScrollableContent1022134013\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"ScrollableContent1022134013__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,6BAA6B;AAC/C,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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;AAAmC,CAAC;AAC1D,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/SidePanelModal/SidePanelModal.js

@@ -20,7 +20,8 @@ function _SidePanelModal(props) {
   const {
     onSidePanelOpen,
     closeSidePanel,
-    isPanelLayout
+    isPanelLayout,
+    useRelativeSidePanel
   } = (0, _react.useWixPatternsContainer)();
   const pageState = (0, _react.usePageContext)();
   const {
@@ -33,7 +34,11 @@ function _SidePanelModal(props) {
   const width = (0, _react2.useMemo)(() => isPanelLayout ? '100%' : _bexCore.SidePanelWidth, [isPanelLayout]);
   const style = (0, _react2.useMemo)(() => ({
     top,
-    left: isPanelLayout ? 0 : left != null ? left - _bexCore.SidePanelWidth : undefined,
+    ...(useRelativeSidePanel ? {
+      right: isPanelLayout ? undefined : 0
+    } : {
+      left: isPanelLayout ? 0 : left != null ? left - _bexCore.SidePanelWidth : undefined
+    }),
     bottom: 0,
     overflow: 'hidden',
     width
@@ -61,7 +66,8 @@ function _SidePanelModal(props) {
     dataHook: "cairo-side-panel-modal",
     transitionStatus: sidePanel.transition.status,
     style: style,
-    appendTo: isPanelLayout ? 'parent' : undefined,
+    appendTo: isPanelLayout || useRelativeSidePanel ? 'parent' : undefined,
+    overlay: isPanelLayout,
     contentRef: el => {
       sidePanel.focus.modalElement = el;
     },
@@ -85,7 +91,7 @@ function _SidePanelModal(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 78,
+      lineNumber: 88,
       columnNumber: 5
     }
   }, Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {
@@ -97,14 +103,14 @@ function _SidePanelModal(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 117,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react2.default.createElement(ComponentType, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 107,
+        lineNumber: 118,
         columnNumber: 13
       }
     }));

package/dist/cjs/components/SidePanelModal/SidePanelModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","isPanelLayout","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","style","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const { onSidePanelOpen, closeSidePanel, isPanelLayout } =\n    useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (isPanelLayout ? '100%' : SidePanelWidth),\n    [isPanelLayout],\n  );\n\n  const style = useMemo(\n    () => ({\n      top,\n      left: isPanelLayout\n        ? 0\n        : left != null\n        ? left - SidePanelWidth\n        : undefined,\n      bottom: 0,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={isPanelLayout ? 'parent' : undefined}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":";;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,OAAA,GAAAC,uBAAA,CAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AACA,IAAAO,mBAAA,GAAAP,OAAA;AAA0D,IAAAQ,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,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;AAS1D,SAASkB,eAAeA,CAACC,KAA0B,EAAE;EACnD,MAAM;IAAEC,GAAG;IAAEC,IAAI;IAAEC;EAAM,CAAC,GAAGH,KAAK;EAClC,MAAM;IAAEI,eAAe;IAAEC,cAAc;IAAEC;EAAc,CAAC,GACtD,IAAAC,8BAAuB,EAAC,CAAC;EAC3B,MAAMC,SAAS,GAAG,IAAAC,qBAAc,EAAC,CAAC;EAElC,MAAM;IAAEC,SAAS;IAAEC;EAAoB,CAAC,GAAGR,KAAK;EAEhD,MAAM;IAAES;EAAO,CAAC,GAAGF,SAAS;EAE5B,MAAMG,KAAK,GAAG,IAAAC,eAAO,EACnB,MAAOR,aAAa,GAAG,MAAM,GAAGS,uBAAe,EAC/C,CAACT,aAAa,CAChB,CAAC;EAED,MAAMU,KAAK,GAAG,IAAAF,eAAO,EACnB,OAAO;IACLb,GAAG;IACHC,IAAI,EAAEI,aAAa,GACf,CAAC,GACDJ,IAAI,IAAI,IAAI,GACZA,IAAI,GAAGa,uBAAc,GACrBE,SAAS;IACbC,MAAM,EAAE,CAAC;IACTC,QAAQ,EAAE,QAAQ;IAClBN;EACF,CAAC,CAAC,EACF,CAACZ,GAAG,EAAEC,IAAI,EAAEW,KAAK,CACnB,CAAC;EAED,IAAAO,iBAAS,EAAC,MAAM;IACd,OAAO,IAAAC,cAAQ,EACb,MAAMX,SAAS,CAACE,MAAM,EACrBU,aAAa,IAAK;MACjBd,SAAS,CAACc,aAAa,GAAGA,aAAa;IACzC,CACF,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,IAAAF,iBAAS,EAAC,MAAM;IACd,MAAMG,wBAAwB,GAAGnB,eAAe,oBAAfA,eAAe,CAAG,MAAM;MACvDD,KAAK,CAACE,cAAc,CAAC,CAAC;IACxB,CAAC,CAAC;IAEF,MAAMmB,SAAS,GAAG,CAChB,IAAAH,cAAQ,EACN,MAAMX,SAAS,CAACE,MAAM,EACrBa,aAAa,IAAK;MACjB,IAAIA,aAAa,EAAE;QACjBpB,cAAc,YAAdA,cAAc,CAAG,CAAC;MACpB;IACF,CACF,CAAC,CACF;IAED,OAAO,MAAM;MACXkB,wBAAwB,YAAxBA,wBAAwB,CAAEG,MAAM,CAAC,CAAC;MAClCF,SAAS,CAACG,OAAO,CAAEC,CAAC,IAAKA,CAAC,oBAADA,CAAC,CAAG,CAAC,CAAC;IACjC,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACErD,OAAA,CAAAe,OAAA,CAAAuC,aAAA,CAACvD,aAAA,CAAAwD,YAAY;IACXC,QAAQ,EAAC,wBAAwB;IACjCC,gBAAgB,EAAEtB,SAAS,CAACuB,UAAU,CAACC,MAAO;IAC9ClB,KAAK,EAAEA,KAAM;IACbmB,QAAQ,EAAE7B,aAAa,GAAG,QAAQ,GAAGW,SAAU;IAC/CmB,UAAU,EAAGC,EAAE,IAAK;MAClB3B,SAAS,CAAC4B,KAAK,CAACC,YAAY,GAAGF,EAAE;IACnC,CAAE;IACFG,QAAQ,EAAEA,CAAA,KAAM;MACd9B,SAAS,CAACuB,UAAU,CAACQ,SAAS,CAAC,QAAQ,CAAC;IAC1C,CAAE;IACFC,SAAS,EAAEA,CAAA,KAAM;MACfhC,SAAS,CAACuB,UAAU,CAACQ,SAAS,CAAC,SAAS,CAAC;IAC3C,CAAE;IACFE,UAAU,EAAEA,CAAA,KAAM;MAChBjC,SAAS,CAACuB,UAAU,CAACQ,SAAS,CAAC,UAAU,CAAC;IAC5C,CAAE;IACFG,SAAS,EAAEA,CAAA,KAAM;MACflC,SAAS,CAACuB,UAAU,CAACQ,SAAS,CAAC,SAAS,CAAC;IAC3C,CAAE;IACF5B,KAAK,EAAEE,uBAAe;IACtBH,MAAM,EAAEA,MAAO;IACfiC,cAAc,EAAEA,CAAA,KAAM;MACpBnC,SAAS,CAACoC,KAAK,CAAC,CAAC;IACnB,CAAE;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtE,YAAA;MAAAuE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEDC,KAAK,CAACC,IAAI,CAAC1C,mBAAmB,CAAC2C,OAAO,CAAC,CAAC,CAAC,CAACC,GAAG,CAAC,CAAC,CAACC,GAAG,EAAEC,aAAa,CAAC,KAAK;IACvE,oBACElF,OAAA,CAAAe,OAAA,CAAAuC,aAAA,CAACnD,mBAAA,CAAAgF,kBAAkB;MAACF,GAAG,EAAEA,GAAI;MAACG,EAAE,EAAEH,GAAI;MAAC3C,KAAK,EAAEA,KAAM;MAACV,KAAK,EAAEA,KAAM;MAAA4C,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtE,YAAA;QAAAuE,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAChE5E,OAAA,CAAAe,OAAA,CAAAuC,aAAA,CAAC4B,aAAa;MAAAV,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtE,YAAA;QAAAuE,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACE,CAAC;EAEzB,CAAC,CACW,CAAC;AAEnB;AAEO,MAAMS,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAAC/D,eAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_bexCore","_react","_SlidingModal","_react2","_interopRequireWildcard","_mobx","_SidePanelModalItem","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_SidePanelModal","props","top","left","state","onSidePanelOpen","closeSidePanel","isPanelLayout","useRelativeSidePanel","useWixPatternsContainer","pageState","usePageContext","sidePanel","sidePanelComponents","isOpen","width","useMemo","SidePanelWidth","style","right","undefined","bottom","overflow","useEffect","reaction","sidePanelOpen","onGlobalSidePanelOpenSub","disposers","sidePanelShow","remove","forEach","d","createElement","SlidingModal","dataHook","transitionStatus","transition","status","appendTo","overlay","contentRef","el","focus","modalElement","onExited","setStatus","onEntered","onEntering","onExiting","onRequestClose","close","__self","__source","fileName","lineNumber","columnNumber","Array","from","entries","map","key","ComponentType","SidePanelModalItem","id","SidePanelModal","exports","observer"],"sources":["../../../../src/components/SidePanelModal/SidePanelModal.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport { SidePanelWidth } from '@wix/bex-core';\nimport { useWixPatternsContainer, usePageContext } from '@wix/bex-core/react';\nimport { SlidingModal } from '../SlidingModal';\nimport React, { useEffect, useMemo } from 'react';\nimport { reaction } from 'mobx';\nimport { SidePanelModalItem } from './SidePanelModalItem';\nimport { SidePanelsState } from '../../state/SidePanelsState';\n\nexport interface SidePanelModalProps {\n  top: number;\n  left?: number;\n  state: SidePanelsState;\n}\n\nfunction _SidePanelModal(props: SidePanelModalProps) {\n  const { top, left, state } = props;\n  const {\n    onSidePanelOpen,\n    closeSidePanel,\n    isPanelLayout,\n    useRelativeSidePanel,\n  } = useWixPatternsContainer();\n  const pageState = usePageContext();\n\n  const { sidePanel, sidePanelComponents } = state;\n\n  const { isOpen } = sidePanel;\n\n  const width = useMemo(\n    () => (isPanelLayout ? '100%' : SidePanelWidth),\n    [isPanelLayout],\n  );\n\n  const style = useMemo(\n    () => ({\n      top,\n      ...(useRelativeSidePanel\n        ? {\n            right: isPanelLayout ? undefined : 0,\n          }\n        : {\n            left: isPanelLayout\n              ? 0\n              : left != null\n              ? left - SidePanelWidth\n              : undefined,\n          }),\n      bottom: 0,\n      overflow: 'hidden',\n      width,\n    }),\n    [top, left, width],\n  );\n\n  useEffect(() => {\n    return reaction(\n      () => sidePanel.isOpen,\n      (sidePanelOpen) => {\n        pageState.sidePanelOpen = sidePanelOpen;\n      },\n    );\n  }, []);\n\n  useEffect(() => {\n    const onGlobalSidePanelOpenSub = onSidePanelOpen?.(() => {\n      state.closeSidePanel();\n    });\n\n    const disposers = [\n      reaction(\n        () => sidePanel.isOpen,\n        (sidePanelShow) => {\n          if (sidePanelShow) {\n            closeSidePanel?.();\n          }\n        },\n      ),\n    ];\n\n    return () => {\n      onGlobalSidePanelOpenSub?.remove();\n      disposers.forEach((d) => d?.());\n    };\n  }, []);\n\n  return (\n    <SlidingModal\n      dataHook=\"cairo-side-panel-modal\"\n      transitionStatus={sidePanel.transition.status}\n      style={style}\n      appendTo={isPanelLayout || useRelativeSidePanel ? 'parent' : undefined}\n      overlay={isPanelLayout}\n      contentRef={(el) => {\n        sidePanel.focus.modalElement = el;\n      }}\n      onExited={() => {\n        sidePanel.transition.setStatus('exited');\n      }}\n      onEntered={() => {\n        sidePanel.transition.setStatus('entered');\n      }}\n      onEntering={() => {\n        sidePanel.transition.setStatus('entering');\n      }}\n      onExiting={() => {\n        sidePanel.transition.setStatus('exiting');\n      }}\n      width={SidePanelWidth}\n      isOpen={isOpen}\n      onRequestClose={() => {\n        sidePanel.close();\n      }}\n    >\n      {Array.from(sidePanelComponents.entries()).map(([key, ComponentType]) => {\n        return (\n          <SidePanelModalItem key={key} id={key} width={width} state={state}>\n            <ComponentType />\n          </SidePanelModalItem>\n        );\n      })}\n    </SlidingModal>\n  );\n}\n\nexport const SidePanelModal = observer(_SidePanelModal);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/SkeletonCard/SkeletonCard.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_ = "SkeletonCard2192080013";
+var _namespace_ = "SkeletonCard2881269976";
 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": "SkeletonCard2192080013__root",
-  "headerLoading": "SkeletonCard2192080013__headerLoading"
+  "root": "SkeletonCard2881269976__root",
+  "headerLoading": "SkeletonCard2881269976__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2192080013\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SkeletonCard2192080013__root\",\"headerLoading\":\"SkeletonCard2192080013__headerLoading\"};\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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SkeletonCard/SkeletonCard.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SkeletonCard2881269976\";\nvar _style_ = classesRuntime.bind(null, _namespace_);\n\nexport var cssStates = statesRuntime.bind(null, _namespace_);\nexport var style = _style_;\nexport var st: import(\"@stylable/runtime\").STFunction = _style_;\n\nexport var namespace = _namespace_;\nexport var classes = {\"root\":\"SkeletonCard2881269976__root\",\"headerLoading\":\"SkeletonCard2881269976__headerLoading\"};\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,KAAK,GAAAF,OAAA,CAAAE,KAAA,GAAGN,OAAO;AACnB,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,eAAe,EAAC;AAAuC,CAAC;AAC7G,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/SlidingModal/SlidingModal.js

@@ -22,7 +22,8 @@ function SlidingModal(props) {
     onExiting,
     onRequestClose,
     transitionStatus,
-    appendTo
+    appendTo,
+    overlay
   } = props;
   const style = (0, _react.useMemo)(() => ({
     ...styleProp,
@@ -79,6 +80,7 @@ function SlidingModal(props) {
     "data-transition-status": transitionStatus,
     className: (0, _SlidingModalStCss.st)(_SlidingModalStCss.classes.root, {
       exited: transitionStatus === 'exited',
+      overlay,
       appendTo
     }, ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined]),
     role: "presentation",
@@ -87,7 +89,7 @@ function SlidingModal(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 106,
+      lineNumber: 108,
       columnNumber: 5
     }
   }, children);

package/dist/cjs/components/SlidingModal/SlidingModal.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_SlidingModalStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SlidingModal","props","dataHook","className","style","styleProp","shadowWidth","width","isOpen","children","contentRef","onExited","onEntered","onEntering","onExiting","onRequestClose","transitionStatus","appendTo","useMemo","transform","isOpenRef","useRef","divRef","useEffect","process","env","NODE_ENV","current","rootElement","onTransitionEnd","propertyName","onTransitionStart","addEventListener","removeEventListener","createElement","tabIndex","onKeyDown","nativeEvent","code","ref","el","st","classes","root","exited","undefined","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SlidingModal/SlidingModal.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { st, classes } from './SlidingModal.st.css.js';\n\nexport interface SlidingModalProps {\n  dataHook?: string;\n  width: string | number;\n  isOpen?: boolean;\n  style?: HTMLAttributes<HTMLElement>['style'];\n  className?: HTMLAttributes<HTMLElement>['className'];\n  children?: ReactNode;\n  contentRef?: RefCallback<HTMLDivElement>;\n  onExited?: () => void;\n  onEntered?: () => void;\n  onEntering?: () => void;\n  onExiting?: () => void;\n  transitionStatus?: string;\n  onRequestClose?: () => void;\n  shadowWidth?: number;\n  appendTo?: 'parent';\n}\n\nexport function SlidingModal(props: SlidingModalProps) {\n  const {\n    dataHook,\n    className,\n    style: styleProp,\n    shadowWidth = 20,\n    width,\n    isOpen,\n    children,\n    contentRef,\n    onExited,\n    onEntered,\n    onEntering,\n    onExiting,\n    onRequestClose,\n    transitionStatus,\n    appendTo,\n  } = props;\n\n  const style = useMemo(\n    () => ({\n      ...styleProp,\n      transform: `translate3d(${\n        isOpen\n          ? 0\n          : typeof width === 'number'\n          ? `${width + shadowWidth}px`\n          : `${width}px`\n      }, 0, 0)`,\n    }),\n    [styleProp, width, isOpen],\n  );\n\n  const isOpenRef = useRef(isOpen);\n  const divRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'test' && isOpen) {\n      onEntered?.();\n    } else {\n      if (process.env.NODE_ENV === 'test' && isOpenRef.current) {\n        onExited?.();\n      }\n    }\n\n    isOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  useEffect(() => {\n    const rootElement = divRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    const onTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntered?.() : onExited?.();\n      }\n    };\n\n    const onTransitionStart = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntering?.() : onExiting?.();\n      }\n    };\n\n    rootElement.addEventListener('transitionend', onTransitionEnd);\n    rootElement.addEventListener('transitionstart', onTransitionStart);\n\n    return () => {\n      rootElement.removeEventListener('transitionend', onTransitionEnd);\n      rootElement.removeEventListener('transitionstart', onTransitionStart);\n    };\n  }, []);\n\n  return (\n    <div\n      tabIndex={-1}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Escape') {\n          onRequestClose?.();\n        }\n      }}\n      ref={(el) => {\n        if (el) {\n          divRef.current = el;\n        }\n\n        contentRef?.(el);\n      }}\n      data-hook={dataHook}\n      data-transition-status={transitionStatus}\n      className={st(\n        classes.root,\n        {\n          exited: transitionStatus === 'exited',\n          appendTo,\n        },\n        ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],\n      )}\n      role=\"presentation\"\n      style={style}\n      aria-modal={undefined}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAQA,IAAAC,kBAAA,GAAAD,OAAA;AAAuD,IAAAE,YAAA;AAAA,SAAAH,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,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;AAoBhD,SAASkB,YAAYA,CAACC,KAAwB,EAAE;EACrD,MAAM;IACJC,QAAQ;IACRC,SAAS;IACTC,KAAK,EAAEC,SAAS;IAChBC,WAAW,GAAG,EAAE;IAChBC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,SAAS;IACTC,UAAU;IACVC,SAAS;IACTC,cAAc;IACdC,gBAAgB;IAChBC;EACF,CAAC,GAAGhB,KAAK;EAET,MAAMG,KAAK,GAAG,IAAAc,cAAO,EACnB,OAAO;IACL,GAAGb,SAAS;IACZc,SAAS,EAAE,eACTX,MAAM,GACF,CAAC,GACD,OAAOD,KAAK,KAAK,QAAQ,GACzB,GAAGA,KAAK,GAAGD,WAAW,IAAI,GAC1B,GAAGC,KAAK,IAAI;EAEpB,CAAC,CAAC,EACF,CAACF,SAAS,EAAEE,KAAK,EAAEC,MAAM,CAC3B,CAAC;EAED,MAAMY,SAAS,GAAG,IAAAC,aAAM,EAACb,MAAM,CAAC;EAChC,MAAMc,MAAM,GAAG,IAAAD,aAAM,EAAiB,CAAC;EAEvC,IAAAE,gBAAS,EAAC,MAAM;IACd,IAAIC,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAIlB,MAAM,EAAE;MAC7CI,SAAS,YAATA,SAAS,CAAG,CAAC;IACf,CAAC,MAAM;MACL,IAAIY,OAAO,CAACC,GAAG,CAACC,QAAQ,KAAK,MAAM,IAAIN,SAAS,CAACO,OAAO,EAAE;QACxDhB,QAAQ,YAARA,QAAQ,CAAG,CAAC;MACd;IACF;IAEAS,SAAS,CAACO,OAAO,GAAGnB,MAAM;EAC5B,CAAC,EAAE,CAACA,MAAM,CAAC,CAAC;EAEZ,IAAAe,gBAAS,EAAC,MAAM;IACd,MAAMK,WAAW,GAAGN,MAAM,CAACK,OAAO;IAElC,IAAI,CAACC,WAAW,EAAE;MAChB;IACF;IAEA,MAAMC,eAAe,GAAIhD,CAAkB,IAAK;MAC9C,IAAIA,CAAC,CAACiD,YAAY,KAAK,WAAW,EAAE;QAClCV,SAAS,CAACO,OAAO,GAAGf,SAAS,oBAATA,SAAS,CAAG,CAAC,GAAGD,QAAQ,oBAARA,QAAQ,CAAG,CAAC;MAClD;IACF,CAAC;IAED,MAAMoB,iBAAiB,GAAIlD,CAAkB,IAAK;MAChD,IAAIA,CAAC,CAACiD,YAAY,KAAK,WAAW,EAAE;QAClCV,SAAS,CAACO,OAAO,GAAGd,UAAU,oBAAVA,UAAU,CAAG,CAAC,GAAGC,SAAS,oBAATA,SAAS,CAAG,CAAC;MACpD;IACF,CAAC;IAEDc,WAAW,CAACI,gBAAgB,CAAC,eAAe,EAAEH,eAAe,CAAC;IAC9DD,WAAW,CAACI,gBAAgB,CAAC,iBAAiB,EAAED,iBAAiB,CAAC;IAElE,OAAO,MAAM;MACXH,WAAW,CAACK,mBAAmB,CAAC,eAAe,EAAEJ,eAAe,CAAC;MACjED,WAAW,CAACK,mBAAmB,CAAC,iBAAiB,EAAEF,iBAAiB,CAAC;IACvE,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,oBACEvD,MAAA,CAAAe,OAAA,CAAA2C,aAAA;IACEC,QAAQ,EAAE,CAAC,CAAE;IACbC,SAAS,EAAGvD,CAAC,IAAK;MAChB,IAAIA,CAAC,CAACwD,WAAW,CAACC,IAAI,KAAK,QAAQ,EAAE;QACnCvB,cAAc,YAAdA,cAAc,CAAG,CAAC;MACpB;IACF,CAAE;IACFwB,GAAG,EAAGC,EAAE,IAAK;MACX,IAAIA,EAAE,EAAE;QACNlB,MAAM,CAACK,OAAO,GAAGa,EAAE;MACrB;MAEA9B,UAAU,YAAVA,UAAU,CAAG8B,EAAE,CAAC;IAClB,CAAE;IACF,aAAWtC,QAAS;IACpB,0BAAwBc,gBAAiB;IACzCb,SAAS,EAAE,IAAAsC,qBAAE,EACXC,0BAAO,CAACC,IAAI,EACZ;MACEC,MAAM,EAAE5B,gBAAgB,KAAK,QAAQ;MACrCC;IACF,CAAC,EACD,GAAG,CAACd,SAAS,EAAEK,MAAM,GAAG,6BAA6B,GAAGqC,SAAS,CACnE,CAAE;IACFC,IAAI,EAAC,cAAc;IACnB1C,KAAK,EAAEA,KAAM;IACb,cAAYyC,SAAU;IAAAE,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAArE,YAAA;MAAAsE,UAAA;MAAAC,YAAA;IAAA;EAAA,GAErB1C,QACE,CAAC;AAEV","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_SlidingModalStCss","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","SlidingModal","props","dataHook","className","style","styleProp","shadowWidth","width","isOpen","children","contentRef","onExited","onEntered","onEntering","onExiting","onRequestClose","transitionStatus","appendTo","overlay","useMemo","transform","isOpenRef","useRef","divRef","useEffect","process","env","NODE_ENV","current","rootElement","onTransitionEnd","propertyName","onTransitionStart","addEventListener","removeEventListener","createElement","tabIndex","onKeyDown","nativeEvent","code","ref","el","st","classes","root","exited","undefined","role","__self","__source","fileName","lineNumber","columnNumber"],"sources":["../../../../src/components/SlidingModal/SlidingModal.tsx"],"sourcesContent":["import React, {\n  HTMLAttributes,\n  ReactNode,\n  RefCallback,\n  useEffect,\n  useMemo,\n  useRef,\n} from 'react';\nimport { st, classes } from './SlidingModal.st.css.js';\n\nexport interface SlidingModalProps {\n  dataHook?: string;\n  width: string | number;\n  isOpen?: boolean;\n  style?: HTMLAttributes<HTMLElement>['style'];\n  className?: HTMLAttributes<HTMLElement>['className'];\n  children?: ReactNode;\n  contentRef?: RefCallback<HTMLDivElement>;\n  onExited?: () => void;\n  onEntered?: () => void;\n  onEntering?: () => void;\n  onExiting?: () => void;\n  transitionStatus?: string;\n  onRequestClose?: () => void;\n  shadowWidth?: number;\n  appendTo?: 'parent';\n  overlay?: boolean;\n}\n\nexport function SlidingModal(props: SlidingModalProps) {\n  const {\n    dataHook,\n    className,\n    style: styleProp,\n    shadowWidth = 20,\n    width,\n    isOpen,\n    children,\n    contentRef,\n    onExited,\n    onEntered,\n    onEntering,\n    onExiting,\n    onRequestClose,\n    transitionStatus,\n    appendTo,\n    overlay,\n  } = props;\n\n  const style = useMemo(\n    () => ({\n      ...styleProp,\n      transform: `translate3d(${\n        isOpen\n          ? 0\n          : typeof width === 'number'\n          ? `${width + shadowWidth}px`\n          : `${width}px`\n      }, 0, 0)`,\n    }),\n    [styleProp, width, isOpen],\n  );\n\n  const isOpenRef = useRef(isOpen);\n  const divRef = useRef<HTMLDivElement>();\n\n  useEffect(() => {\n    if (process.env.NODE_ENV === 'test' && isOpen) {\n      onEntered?.();\n    } else {\n      if (process.env.NODE_ENV === 'test' && isOpenRef.current) {\n        onExited?.();\n      }\n    }\n\n    isOpenRef.current = isOpen;\n  }, [isOpen]);\n\n  useEffect(() => {\n    const rootElement = divRef.current;\n\n    if (!rootElement) {\n      return;\n    }\n\n    const onTransitionEnd = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntered?.() : onExited?.();\n      }\n    };\n\n    const onTransitionStart = (e: TransitionEvent) => {\n      if (e.propertyName === 'transform') {\n        isOpenRef.current ? onEntering?.() : onExiting?.();\n      }\n    };\n\n    rootElement.addEventListener('transitionend', onTransitionEnd);\n    rootElement.addEventListener('transitionstart', onTransitionStart);\n\n    return () => {\n      rootElement.removeEventListener('transitionend', onTransitionEnd);\n      rootElement.removeEventListener('transitionstart', onTransitionStart);\n    };\n  }, []);\n\n  return (\n    <div\n      tabIndex={-1}\n      onKeyDown={(e) => {\n        if (e.nativeEvent.code === 'Escape') {\n          onRequestClose?.();\n        }\n      }}\n      ref={(el) => {\n        if (el) {\n          divRef.current = el;\n        }\n\n        contentRef?.(el);\n      }}\n      data-hook={dataHook}\n      data-transition-status={transitionStatus}\n      className={st(\n        classes.root,\n        {\n          exited: transitionStatus === 'exited',\n          overlay,\n          appendTo,\n        },\n        ...[className, isOpen ? 'cairo-sliding-modal-is-open' : undefined],\n      )}\n      role=\"presentation\"\n      style={style}\n      aria-modal={undefined}\n    >\n      {children}\n    </div>\n  );\n}\n"],"mappings":"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","ignoreList":[]}