npm - @wix/patterns - Versions diffs - 1.364.0 → 1.369.0 - Mend

@wix/patterns 1.364.0 → 1.369.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1119) hide show

package/dist/cjs/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~MultipleDragOverlayEffect1637060963~~\";\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\":\"~~MultipleDragOverlayEffect1637060963__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":[]}
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_ = \"MultipleDragOverlayEffect1706234059\";\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\":\"MultipleDragOverlayEffect1706234059__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 CHANGED Viewed

@@ -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_ = "NestedTableDragAndDropRow11113410";
+var _namespace_ = "NestedTableDragAndDropRow963030393";
 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": "NestedTableDragAndDropRow11113410__root"
+  "root": "NestedTableDragAndDropRow963030393__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~NestedTableDragAndDropRow11113410~~\";\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\":\"~~NestedTableDragAndDropRow11113410__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,~~mCAAmC~~;~~AACrD~~,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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;~~AAAyC~~,CAAC;~~AAChE~~,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":[]}
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_ = \"NestedTableDragAndDropRow963030393\";\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\":\"NestedTableDragAndDropRow963030393__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/PickerContent/PickerContent.st.css.js CHANGED Viewed

@@ -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_ = "PickerContent1005862874";
+var _namespace_ = "PickerContent4004721251";
 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": "PickerContent1005862874__root"
+  "root": "PickerContent4004721251__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContent.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~PickerContent1005862874~~\";\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\":\"~~PickerContent1005862874__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":[]}
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_ = \"PickerContent4004721251\";\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\":\"PickerContent4004721251__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 CHANGED Viewed

@@ -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_ = "PickerContentAdditionalStep1256051322";
+var _namespace_ = "PickerContentAdditionalStep3378583378";
 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": "PickerContentAdditionalStep1256051322__root",
-  "titles": "PickerContentAdditionalStep1256051322__titles",
-  "suffix": "PickerContentAdditionalStep1256051322__suffix"
+  "root": "PickerContentAdditionalStep3378583378__root",
+  "titles": "PickerContentAdditionalStep3378583378__titles",
+  "suffix": "PickerContentAdditionalStep3378583378__suffix"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerContent/PickerContentAdditionalStep.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~PickerContentAdditionalStep1256051322~~\";\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\":\"~~PickerContentAdditionalStep1256051322__root~~\",\"titles\":\"~~PickerContentAdditionalStep1256051322__titles~~\",\"suffix\":\"~~PickerContentAdditionalStep1256051322__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":[]}
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_ = \"PickerContentAdditionalStep3378583378\";\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\":\"PickerContentAdditionalStep3378583378__root\",\"titles\":\"PickerContentAdditionalStep3378583378__titles\",\"suffix\":\"PickerContentAdditionalStep3378583378__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 CHANGED Viewed

@@ -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_ = "PickerTableListItem1960942270";
+var _namespace_ = "PickerTableListItem3045741371";
 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": "PickerTableListItem1960942270__root"
+  "root": "PickerTableListItem3045741371__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/PickerTableListItem/PickerTableListItem.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~PickerTableListItem1960942270~~\";\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\":\"~~PickerTableListItem1960942270__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":[]}
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_ = \"PickerTableListItem3045741371\";\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\":\"PickerTableListItem3045741371__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 CHANGED Viewed

@@ -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_ = "ScrollableContent4102213427";
+var _namespace_ = "ScrollableContent1159900848";
 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": "ScrollableContent4102213427__root"
+  "root": "ScrollableContent1159900848__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/ScrollableContent/ScrollableContent.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~ScrollableContent4102213427~~\";\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\":\"~~ScrollableContent4102213427__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":[]}
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_ = \"ScrollableContent1159900848\";\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\":\"ScrollableContent1159900848__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/SkeletonCard/SkeletonCard.st.css.js CHANGED Viewed

@@ -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_ = "SkeletonCard543860056";
+var _namespace_ = "SkeletonCard2332620532";
 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": "SkeletonCard543860056__root",
-  "headerLoading": "SkeletonCard543860056__headerLoading"
+  "root": "SkeletonCard2332620532__root",
+  "headerLoading": "SkeletonCard2332620532__headerLoading"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SkeletonCard/SkeletonCard.st.css.js.map CHANGED Viewed

	@@ -1 +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_ = \"~~SkeletonCard543860056~~\";\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\":\"~~SkeletonCard543860056__root~~\",\"headerLoading\":\"~~SkeletonCard543860056__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,~~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,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,~~6BAA6B~~;EAAC,eAAe,EAAC;~~AAAsC~~,CAAC;~~AAC3G~~,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":[]}
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_ = \"SkeletonCard2332620532\";\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\":\"SkeletonCard2332620532__root\",\"headerLoading\":\"SkeletonCard2332620532__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.st.css.js CHANGED Viewed

@@ -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_ = "SlidingModal3880889394";
+var _namespace_ = "SlidingModal2730405760";
 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": "SlidingModal3880889394__root"
+  "root": "SlidingModal2730405760__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/SlidingModal/SlidingModal.st.css.js.map CHANGED Viewed

	@@ -1 +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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"~~SlidingModal3880889394~~\";\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\":\"~~SlidingModal3880889394__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,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;AAA8B,CAAC;AACrD,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":[]}
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/SlidingModal/SlidingModal.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"SlidingModal2730405760\";\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\":\"SlidingModal2730405760__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,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;AAA8B,CAAC;AACrD,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/Suggestions/Suggestions.js CHANGED Viewed

@@ -15,12 +15,14 @@ var _SuggestionsContext = require("./SuggestionsContext");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/Suggestions/Suggestions.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 defaultCarouselProps = {
-  hideDots: true,
+  dots: false,
   infinite: false,
-  variableWidth: false,
+  variableWidth: true,
+  slideSpacing: 24,
   controlsPosition: 'overlay',
   showControlsShadow: true,
-  sidesGradientColor: _designSystem.COLOR_TOKENS['--wsr-color-D70'],
+  gradientColor: _designSystem.COLOR_TOKENS['--wsr-color-D70'],
+  gradient: true,
   controlsStartEnd: 'hidden'
 };
 const SuggestionsContainer = ({
@@ -37,7 +39,7 @@ const SuggestionsContainer = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 56,
+        lineNumber: 58,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -47,7 +49,7 @@ const SuggestionsContainer = ({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 57,
+        lineNumber: 59,
         columnNumber: 9
       }
     }, children));
@@ -57,16 +59,15 @@ const SuggestionsContainer = ({
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 69,
+      lineNumber: 71,
       columnNumber: 5
     }
-  }, /*#__PURE__*/_react.default.createElement(_designSystem.CarouselWIP, (0, _extends2.default)({
-    dataHook: `suggestions-carousel-${dataState}`
-  }, defaultCarouselProps, carouselProps, {
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Carousel, (0, _extends2.default)({}, defaultCarouselProps, carouselProps, {
+    dataHook: `suggestions-carousel-${dataState}`,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 70,
+      lineNumber: 72,
       columnNumber: 7
     }
   }), children));
@@ -83,7 +84,7 @@ const SuggestionItem = ({
   __self: void 0,
   __source: {
     fileName: _jsxFileName,
-    lineNumber: 85,
+    lineNumber: 87,
     columnNumber: 3
   }
 }, children);
@@ -128,7 +129,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 140,
+        lineNumber: 142,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(SuggestionsContainer, {
@@ -140,7 +141,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 141,
+        lineNumber: 143,
         columnNumber: 11
       }
     }, cards.map(({
@@ -153,7 +154,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 149,
+        lineNumber: 151,
         columnNumber: 15
       }
     }, /*#__PURE__*/_react.default.createElement(_VisibilityTrackedCard.VisibilityTrackedCard, {
@@ -163,7 +164,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 150,
+        lineNumber: 152,
         columnNumber: 17
       }
     })))));
@@ -176,7 +177,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 165,
+        lineNumber: 167,
         columnNumber: 11
       }
     }, /*#__PURE__*/_react.default.createElement(CardSkeleton, {
@@ -185,7 +186,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 166,
+        lineNumber: 168,
         columnNumber: 13
       }
     })));
@@ -194,7 +195,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 172,
+        lineNumber: 174,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(SuggestionsContainer, {
@@ -209,7 +210,7 @@ const Suggestions = exports.Suggestions = (0, _mobxReactLite.observer)(({
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 173,
+        lineNumber: 175,
         columnNumber: 11
       }
     }, skeletons));

package/dist/cjs/components/Suggestions/Suggestions.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionsState","_mobxReactLite","_react2","_MarketingCard","_VisibilityTrackedCard","_SuggestionsContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultCarouselProps","hideDots","infinite","variableWidth","controlsPosition","showControlsShadow","sidesGradientColor","COLOR_TOKENS","controlsStartEnd","SuggestionsContainer","count","children","carouselProps","dataHook","dataState","maxInlineItems","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","CarouselWIP","_extends2","SuggestionItem","dataId","style","display","exports","Suggestions","observer","placementId","renderCard","CardSkeleton","MarketingCardSkeleton","skeletonsNumber","container","useWixPatternsContainer","state","useState","SuggestionsState","useEffect","init","hasOffers","cardCount","offers","length","cards","map","offer","index","key","offerGuid","element","totalOffers","filter","card","SuggestionsProvider","onOfferClicked","VisibilityTrackedCard","itemKey","onObserved","onOfferViewed","isFetching","skeletons","Array","from","_"],"sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n CarouselWIP,\n CarouselWIPProps,\n COLOR_TOKENS,\n Box,\n} from '@wix/design-system';\nimport { SuggestionsState } from '../../state/Suggestions/SuggestionsState';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MarketingCardSkeleton } from './MarketingCard';\nimport { SuggestionsProps } from './types';\nimport { VisibilityTrackedCard } from './VisibilityTrackedCard';\nimport { SuggestionsProvider } from './SuggestionsContext';\n\nconst defaultCarouselProps: CarouselWIPProps = {\n hideDots: true,\n infinite: false,\n variableWidth: false,\n controlsPosition: 'overlay',\n showControlsShadow: true,\n sidesGradientColor: COLOR_TOKENS['--wsr-color-D70'],\n controlsStartEnd: 'hidden',\n};\n\ninterface SuggestionsContainerProps {\n count: number;\n children: React.ReactNode;\n carouselProps?: CarouselWIPProps;\n dataHook: string;\n dataState: 'idle' \| 'loading';\n maxInlineItems: number;\n}\n\nexport interface SuggestionItemProps {\n children: React.ReactNode;\n dataId?: string;\n}\n\nexport interface NonNullableElementCard<T> {\n key: string;\n offerGuid: string \| undefined;\n element: T;\n}\n\nconst SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({\n count,\n children,\n carouselProps,\n dataHook,\n dataState,\n maxInlineItems,\n}) => {\n if (count <= maxInlineItems) {\n return (\n <div data-hook={dataHook}>\n <Box\n direction=\"horizontal\"\n gap=\"SP4\"\n dataHook={`suggestions-container-${dataState}`}\n >\n {children}\n </Box>\n </div>\n );\n }\n\n return (\n <div data-hook={dataHook}>\n <CarouselWIP\n dataHook={`suggestions-carousel-${dataState}`}\n {...defaultCarouselProps}\n {...carouselProps}\n >\n {children}\n </CarouselWIP>\n </div>\n );\n};\n\nexport const SuggestionItem: React.FC<SuggestionItemProps> = ({\n children,\n dataId,\n}) => (\n <div\n data-hook=\"suggestion-item\"\n data-id={dataId}\n style={{ display: 'contents' }}\n >\n {children}\n </div>\n);\n\nexport const Suggestions: React.FC<SuggestionsProps> = observer(\n ({\n placementId,\n renderCard,\n CardSkeleton = MarketingCardSkeleton,\n carouselProps,\n skeletonsNumber = 4,\n dataHook = 'suggestions',\n maxInlineItems = 2,\n }) => {\n const container = useWixPatternsContainer();\n\n const [state] = useState(\n () => new SuggestionsState({ placementId, container }),\n );\n\n useEffect(() => {\n return state.init();\n }, [state]);\n\n if (state.hasOffers) {\n // use initial cards count for container, to match the count the cards get rendered with\n const cardCount = state.offers.length;\n const cards = state.offers\n .map((offer, index) => {\n const key = offer.offerGuid \|\| `suggestion-${index}`;\n return {\n key,\n offerGuid: offer.offerGuid,\n element: renderCard({\n offer,\n index,\n totalOffers: cardCount,\n }),\n };\n })\n .filter(\n (card): card is NonNullableElementCard<React.ReactElement> =>\n card.element != null,\n );\n\n if (cards.length === 0) {\n return null;\n }\n\n return (\n <SuggestionsProvider onOfferClicked={state.onOfferClicked}>\n <SuggestionsContainer\n count={cardCount}\n carouselProps={carouselProps}\n dataHook={dataHook}\n dataState=\"idle\"\n maxInlineItems={maxInlineItems}\n >\n {cards.map(({ key, offerGuid, element }) => (\n <SuggestionItem key={key} dataId={key}>\n <VisibilityTrackedCard\n itemKey={key}\n element={element}\n onObserved={() => offerGuid && state.onOfferViewed(offerGuid)}\n />\n </SuggestionItem>\n ))}\n </SuggestionsContainer>\n </SuggestionsProvider>\n );\n }\n\n if (state.isFetching) {\n const skeletons = Array.from({ length: skeletonsNumber }).map(\n (_, index) => (\n <SuggestionItem key={index}>\n <CardSkeleton index={index} totalOffers={skeletonsNumber} />\n </SuggestionItem>\n ),\n );\n\n return (\n <SuggestionsProvider onOfferClicked={state.onOfferClicked}>\n <SuggestionsContainer\n count={skeletonsNumber}\n carouselProps={{ ...carouselProps, controlsPosition: 'none' }}\n dataHook={dataHook}\n dataState=\"loading\"\n maxInlineItems={maxInlineItems}\n >\n {skeletons}\n </SuggestionsContainer>\n </SuggestionsProvider>\n );\n }\n\n return null;\n },\n);\n"],"mappings":"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","ignoreList":[]}
1	+ {"version":3,"names":["_react","_interopRequireWildcard","require","_designSystem","_SuggestionsState","_mobxReactLite","_react2","_MarketingCard","_VisibilityTrackedCard","_SuggestionsContext","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","defaultCarouselProps","dots","infinite","variableWidth","slideSpacing","controlsPosition","showControlsShadow","gradientColor","COLOR_TOKENS","gradient","controlsStartEnd","SuggestionsContainer","count","children","carouselProps","dataHook","dataState","maxInlineItems","createElement","__self","__source","fileName","lineNumber","columnNumber","Box","direction","gap","Carousel","_extends2","SuggestionItem","dataId","style","display","exports","Suggestions","observer","placementId","renderCard","CardSkeleton","MarketingCardSkeleton","skeletonsNumber","container","useWixPatternsContainer","state","useState","SuggestionsState","useEffect","init","hasOffers","cardCount","offers","length","cards","map","offer","index","key","offerGuid","element","totalOffers","filter","card","SuggestionsProvider","onOfferClicked","VisibilityTrackedCard","itemKey","onObserved","onOfferViewed","isFetching","skeletons","Array","from","_"],"sources":["../../../../src/components/Suggestions/Suggestions.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n Carousel,\n CarouselProps,\n COLOR_TOKENS,\n Box,\n} from '@wix/design-system';\nimport { SuggestionsState } from '../../state/Suggestions/SuggestionsState';\nimport { observer } from 'mobx-react-lite';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MarketingCardSkeleton } from './MarketingCard';\nimport { SuggestionsProps } from './types';\nimport { VisibilityTrackedCard } from './VisibilityTrackedCard';\nimport { SuggestionsProvider } from './SuggestionsContext';\n\nconst defaultCarouselProps: CarouselProps = {\n dots: false,\n infinite: false,\n variableWidth: true,\n slideSpacing: 24,\n controlsPosition: 'overlay',\n showControlsShadow: true,\n gradientColor: COLOR_TOKENS['--wsr-color-D70'],\n gradient: true,\n controlsStartEnd: 'hidden',\n};\n\ninterface SuggestionsContainerProps {\n count: number;\n children: React.ReactNode;\n carouselProps?: CarouselProps;\n dataHook: string;\n dataState: 'idle' \| 'loading';\n maxInlineItems: number;\n}\n\nexport interface SuggestionItemProps {\n children: React.ReactNode;\n dataId?: string;\n}\n\nexport interface NonNullableElementCard<T> {\n key: string;\n offerGuid: string \| undefined;\n element: T;\n}\n\nconst SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({\n count,\n children,\n carouselProps,\n dataHook,\n dataState,\n maxInlineItems,\n}) => {\n if (count <= maxInlineItems) {\n return (\n <div data-hook={dataHook}>\n <Box\n direction=\"horizontal\"\n gap=\"SP4\"\n dataHook={`suggestions-container-${dataState}`}\n >\n {children}\n </Box>\n </div>\n );\n }\n\n return (\n <div data-hook={dataHook}>\n <Carousel\n {...defaultCarouselProps}\n {...carouselProps}\n dataHook={`suggestions-carousel-${dataState}`}\n >\n {children}\n </Carousel>\n </div>\n );\n};\n\nexport const SuggestionItem: React.FC<SuggestionItemProps> = ({\n children,\n dataId,\n}) => (\n <div\n data-hook=\"suggestion-item\"\n data-id={dataId}\n style={{ display: 'contents' }}\n >\n {children}\n </div>\n);\n\nexport const Suggestions: React.FC<SuggestionsProps> = observer(\n ({\n placementId,\n renderCard,\n CardSkeleton = MarketingCardSkeleton,\n carouselProps,\n skeletonsNumber = 4,\n dataHook = 'suggestions',\n maxInlineItems = 2,\n }) => {\n const container = useWixPatternsContainer();\n\n const [state] = useState(\n () => new SuggestionsState({ placementId, container }),\n );\n\n useEffect(() => {\n return state.init();\n }, [state]);\n\n if (state.hasOffers) {\n // use initial cards count for container, to match the count the cards get rendered with\n const cardCount = state.offers.length;\n const cards = state.offers\n .map((offer, index) => {\n const key = offer.offerGuid \|\| `suggestion-${index}`;\n return {\n key,\n offerGuid: offer.offerGuid,\n element: renderCard({\n offer,\n index,\n totalOffers: cardCount,\n }),\n };\n })\n .filter(\n (card): card is NonNullableElementCard<React.ReactElement> =>\n card.element != null,\n );\n\n if (cards.length === 0) {\n return null;\n }\n\n return (\n <SuggestionsProvider onOfferClicked={state.onOfferClicked}>\n <SuggestionsContainer\n count={cardCount}\n carouselProps={carouselProps}\n dataHook={dataHook}\n dataState=\"idle\"\n maxInlineItems={maxInlineItems}\n >\n {cards.map(({ key, offerGuid, element }) => (\n <SuggestionItem key={key} dataId={key}>\n <VisibilityTrackedCard\n itemKey={key}\n element={element}\n onObserved={() => offerGuid && state.onOfferViewed(offerGuid)}\n />\n </SuggestionItem>\n ))}\n </SuggestionsContainer>\n </SuggestionsProvider>\n );\n }\n\n if (state.isFetching) {\n const skeletons = Array.from({ length: skeletonsNumber }).map(\n (_, index) => (\n <SuggestionItem key={index}>\n <CardSkeleton index={index} totalOffers={skeletonsNumber} />\n </SuggestionItem>\n ),\n );\n\n return (\n <SuggestionsProvider onOfferClicked={state.onOfferClicked}>\n <SuggestionsContainer\n count={skeletonsNumber}\n carouselProps={{ ...carouselProps, controlsPosition: 'none' }}\n dataHook={dataHook}\n dataState=\"loading\"\n maxInlineItems={maxInlineItems}\n >\n {skeletons}\n </SuggestionsContainer>\n </SuggestionsProvider>\n );\n }\n\n return null;\n },\n);\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Suggestions/Suggestions.uni.driver.js CHANGED Viewed

@@ -6,8 +6,8 @@ var _unidriver = require("@wix/design-system/dist/testkit/unidriver");
 var _unidriver2 = require("@wix/wix-ui-test-utils/unidriver");
 const SuggestionsUniDriver = (base, body) => {
   const dataHook = 'suggestions';
-  const carouselIdle = (0, _unidriver.CarouselWIPUniDriver)(base.$(`[data-hook="${dataHook}-carousel-idle"]`), body);
-  const carouselLoading = (0, _unidriver.CarouselWIPUniDriver)(base.$(`[data-hook="${dataHook}-carousel-loading"]`), body);
+  const carouselIdle = (0, _unidriver.CarouselUniDriver)(base.$(`[data-hook="${dataHook}-carousel-idle"]`), body);
+  const carouselLoading = (0, _unidriver.CarouselUniDriver)(base.$(`[data-hook="${dataHook}-carousel-loading"]`), body);
   const containerIdle = base.$(`[data-hook="${dataHook}-container-idle"]`);
   const containerLoading = base.$(`[data-hook="${dataHook}-container-loading"]`);
   const getCarouselChildren = async () => {

package/dist/cjs/components/Suggestions/Suggestions.uni.driver.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":["_unidriver","require","_unidriver2","SuggestionsUniDriver","base","body","dataHook","carouselIdle","~~CarouselWIPUniDriver~~","$","carouselLoading","containerIdle","containerLoading","getCarouselChildren","exists","getChildren","getContainerChildren","$$","isLoadingState","isContainerLoading","isCarouselLoading","baseUniDriverFactory","isLoading","hasOffers","carouselExists","containerExists","isEmpty","getCardsCount","carouselChildren","length","containerChildren","count","getCardAt","index","at","Error","carousel","container","exports"],"sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"sourcesContent":["import { ~~CarouselWIPUniDriver~~ } from '@wix/design-system/dist/testkit/unidriver';\nimport {\n baseUniDriverFactory,\n UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {\n const dataHook = 'suggestions';\n\n const carouselIdle = ~~CarouselWIPUniDriver~~(\n base.$(`[data-hook=\"${dataHook}-carousel-idle\"]`),\n body,\n );\n const carouselLoading = ~~CarouselWIPUniDriver~~(\n base.$(`[data-hook=\"${dataHook}-carousel-loading\"]`),\n body,\n );\n\n const containerIdle = base.$(`[data-hook=\"${dataHook}-container-idle\"]`);\n const containerLoading = base.$(\n `[data-hook=\"${dataHook}-container-loading\"]`,\n );\n\n const getCarouselChildren = async (): Promise<UniDriver[] \| null> => {\n if (await carouselIdle.exists()) {\n return carouselIdle.getChildren();\n }\n if (await carouselLoading.exists()) {\n return carouselLoading.getChildren();\n }\n return null;\n };\n\n const getContainerChildren = async () => {\n if (await containerIdle.exists()) {\n return containerIdle.$$(`[data-hook=\"suggestion-item\"]`);\n }\n if (await containerLoading.exists()) {\n return containerLoading.$$(`[data-hook=\"suggestion-item\"]`);\n }\n return null;\n };\n\n const isLoadingState = async () => {\n const isContainerLoading = await containerLoading.exists();\n const isCarouselLoading = await carouselLoading.exists();\n return isContainerLoading \|\| isCarouselLoading;\n };\n\n return {\n ...baseUniDriverFactory(base),\n isLoading: isLoadingState,\n hasOffers: async () => {\n const carouselExists = await carouselIdle.exists();\n const containerExists = await containerIdle.exists();\n return carouselExists \|\| containerExists;\n },\n isEmpty: async () => {\n const carouselExists = await carouselIdle.exists();\n const containerExists = await containerIdle.exists();\n return !carouselExists && !containerExists;\n },\n getCardsCount: async () => {\n const carouselChildren = await getCarouselChildren();\n if (carouselChildren) {\n return carouselChildren.length;\n }\n const containerChildren = await getContainerChildren();\n if (containerChildren) {\n return containerChildren.count();\n }\n return 0;\n },\n getCardAt: async (index: number) => {\n const carouselChildren = await getCarouselChildren();\n if (carouselChildren) {\n return carouselChildren[index];\n }\n const containerChildren = await getContainerChildren();\n if (containerChildren) {\n return containerChildren.at(index);\n }\n throw new Error(`No cards found at index ${index}`);\n },\n carousel: async () =>\n (await carouselIdle.exists()) ? carouselIdle : carouselLoading,\n container: async () =>\n (await containerIdle.exists()) ? containerIdle : containerLoading,\n };\n};\n"],"mappings":";;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,WAAA,GAAAD,OAAA;AAKO,MAAME,oBAAoB,GAAGA,CAACC,IAAe,EAAEC,IAAe,KAAK;EACxE,MAAMC,QAAQ,GAAG,aAAa;EAE9B,MAAMC,YAAY,GAAG,IAAAC~~,+BAAoB~~,~~EACvCJ~~,IAAI,CAACK,CAAC,CAAC,eAAeH,QAAQ,kBAAkB,CAAC,EACjDD,IACF,CAAC;EACD,MAAMK,eAAe,GAAG,IAAAF~~,+BAAoB~~,~~EAC1CJ~~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","ignoreList":[]}
1	+ {"version":3,"names":["_unidriver","require","_unidriver2","SuggestionsUniDriver","base","body","dataHook","carouselIdle","CarouselUniDriver","$","carouselLoading","containerIdle","containerLoading","getCarouselChildren","exists","getChildren","getContainerChildren","$$","isLoadingState","isContainerLoading","isCarouselLoading","baseUniDriverFactory","isLoading","hasOffers","carouselExists","containerExists","isEmpty","getCardsCount","carouselChildren","length","containerChildren","count","getCardAt","index","at","Error","carousel","container","exports"],"sources":["../../../../src/components/Suggestions/Suggestions.uni.driver.ts"],"sourcesContent":["import { CarouselUniDriver } from '@wix/design-system/dist/testkit/unidriver';\nimport {\n baseUniDriverFactory,\n UniDriver,\n} from '@wix/wix-ui-test-utils/unidriver';\n\nexport const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {\n const dataHook = 'suggestions';\n\n const carouselIdle = CarouselUniDriver(\n base.$(`[data-hook=\"${dataHook}-carousel-idle\"]`),\n body,\n );\n const carouselLoading = CarouselUniDriver(\n base.$(`[data-hook=\"${dataHook}-carousel-loading\"]`),\n body,\n );\n\n const containerIdle = base.$(`[data-hook=\"${dataHook}-container-idle\"]`);\n const containerLoading = base.$(\n `[data-hook=\"${dataHook}-container-loading\"]`,\n );\n\n const getCarouselChildren = async (): Promise<UniDriver[] \| null> => {\n if (await carouselIdle.exists()) {\n return carouselIdle.getChildren();\n }\n if (await carouselLoading.exists()) {\n return carouselLoading.getChildren();\n }\n return null;\n };\n\n const getContainerChildren = async () => {\n if (await containerIdle.exists()) {\n return containerIdle.$$(`[data-hook=\"suggestion-item\"]`);\n }\n if (await containerLoading.exists()) {\n return containerLoading.$$(`[data-hook=\"suggestion-item\"]`);\n }\n return null;\n };\n\n const isLoadingState = async () => {\n const isContainerLoading = await containerLoading.exists();\n const isCarouselLoading = await carouselLoading.exists();\n return isContainerLoading \|\| isCarouselLoading;\n };\n\n return {\n ...baseUniDriverFactory(base),\n isLoading: isLoadingState,\n hasOffers: async () => {\n const carouselExists = await carouselIdle.exists();\n const containerExists = await containerIdle.exists();\n return carouselExists \|\| containerExists;\n },\n isEmpty: async () => {\n const carouselExists = await carouselIdle.exists();\n const containerExists = await containerIdle.exists();\n return !carouselExists && !containerExists;\n },\n getCardsCount: async () => {\n const carouselChildren = await getCarouselChildren();\n if (carouselChildren) {\n return carouselChildren.length;\n }\n const containerChildren = await getContainerChildren();\n if (containerChildren) {\n return containerChildren.count();\n }\n return 0;\n },\n getCardAt: async (index: number) => {\n const carouselChildren = await getCarouselChildren();\n if (carouselChildren) {\n return carouselChildren[index];\n }\n const containerChildren = await getContainerChildren();\n if (containerChildren) {\n return containerChildren.at(index);\n }\n throw new Error(`No cards found at index ${index}`);\n },\n carousel: async () =>\n (await carouselIdle.exists()) ? carouselIdle : carouselLoading,\n container: async () =>\n (await containerIdle.exists()) ? containerIdle : containerLoading,\n };\n};\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/components/Suggestions/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"names":[],"sources":["../../../../src/components/Suggestions/types.ts"],"sourcesContent":["import { ~~CarouselWIPProps~~ } from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\n\n// Re-export Offer for external consumers\nexport type { Offer };\n\n/*\n Base props passed to card components\n /\nexport interface BaseCardComponentProps {\n /* Index of the card in the list /\n index: number;\n /* Total number of offers received from the dealer service /\n totalOffers: number;\n}\n\n/\n Props passed to the renderCard function\n /\nexport interface SuggestionsCardProps extends BaseCardComponentProps {\n /* The offer data from the dealer service /\n offer: Offer;\n}\n\n/\n Props for the Suggestions component\n /\nexport interface SuggestionsProps {\n /\n The placement ID to fetch offers for.\n * @external\n /\n placementId: string;\n /\n Props to pass to the carousel component.\n * @external\n /\n carouselProps?: ~~CarouselWIPProps~~;\n /\n Render function for each offer card. Return `null` to filter out a card.\n * @external\n /\n renderCard: (props: SuggestionsCardProps) => React.ReactNode \| null;\n /\n Skeleton component to render when loading.\n * @external\n /\n CardSkeleton?: React.ComponentType<BaseCardComponentProps>;\n /\n Number of skeletons to render when loading.\n * @default 4\n * @external\n /\n skeletonsNumber?: number;\n /\n Data hook for testing.\n * @default 'suggestions'\n * @external\n /\n dataHook?: string;\n /\n Maximum number of items to display inline (Box layout). Above this, Carousel is used.\n * @default 2\n * @external\n */\n maxInlineItems?: number;\n}\n"],"mappings":"","ignoreList":[]}
1	+ {"version":3,"names":[],"sources":["../../../../src/components/Suggestions/types.ts"],"sourcesContent":["import { CarouselProps } from '@wix/design-system';\nimport { Offer } from '@wix/bex-utils/@wix/ambassador-dealer-v1-serving-offer/types';\n\n// Re-export Offer for external consumers\nexport type { Offer };\n\n/*\n Base props passed to card components\n /\nexport interface BaseCardComponentProps {\n /* Index of the card in the list /\n index: number;\n /* Total number of offers received from the dealer service /\n totalOffers: number;\n}\n\n/\n Props passed to the renderCard function\n /\nexport interface SuggestionsCardProps extends BaseCardComponentProps {\n /* The offer data from the dealer service /\n offer: Offer;\n}\n\n/\n Props for the Suggestions component\n /\nexport interface SuggestionsProps {\n /\n The placement ID to fetch offers for.\n * @external\n /\n placementId: string;\n /\n Props to pass to the carousel component.\n * @external\n /\n carouselProps?: CarouselProps;\n /\n Render function for each offer card. Return `null` to filter out a card.\n * @external\n /\n renderCard: (props: SuggestionsCardProps) => React.ReactNode \| null;\n /\n Skeleton component to render when loading.\n * @external\n /\n CardSkeleton?: React.ComponentType<BaseCardComponentProps>;\n /\n Number of skeletons to render when loading.\n * @default 4\n * @external\n /\n skeletonsNumber?: number;\n /\n Data hook for testing.\n * @default 'suggestions'\n * @external\n /\n dataHook?: string;\n /\n Maximum number of items to display inline (Box layout). Above this, Carousel is used.\n * @default 2\n * @external\n */\n maxInlineItems?: number;\n}\n"],"mappings":"","ignoreList":[]}

package/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.js CHANGED Viewed

@@ -7,33 +7,9 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _react2 = require("@wix/bex-core/react");
+var _layoutConfig = require("./layoutConfig");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/TableGridSwitchButton/TableGridSwitchButton.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 layoutOptions = ['table', 'grid'];
-const layoutConfig = {
-  table: {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutSplit, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 30,
-        columnNumber: 11
-      }
-    }),
-    translationKey: 'cairo.table.layout.table'
-  },
-  grid: {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutGallery, {
-      __self: void 0,
-      __source: {
-        fileName: _jsxFileName,
-        lineNumber: 34,
-        columnNumber: 11
-      }
-    }),
-    translationKey: 'cairo.table.layout.grid'
-  }
-};
 function _TableGridSwitchButton(props) {
   const {
     translate: t,
@@ -46,10 +22,10 @@ function _TableGridSwitchButton(props) {
     viewType
   } = state;
   const isLayoutToggleRedesignEnabled = experiments.enabled('specs.cairo.layout-toggle.redesign');
-  const options = (0, _react.useMemo)(() => layoutOptions.map(option => (0, _designSystem.listItemSelectBuilder)({
+  const options = (0, _react.useMemo)(() => _layoutConfig.layoutOptions.map(option => (0, _designSystem.listItemSelectBuilder)({
     id: option,
-    title: t(layoutConfig[option].translationKey),
-    prefix: layoutConfig[option].icon,
+    title: t(_layoutConfig.layoutConfig[option].translationKey),
+    prefix: _layoutConfig.layoutConfig[option].icon,
     dataHook: `layout-option-${option}`
   })), [t]);
   if (!isLayoutToggleRedesignEnabled) {
@@ -66,7 +42,7 @@ function _TableGridSwitchButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 63,
+        lineNumber: 44,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
@@ -76,14 +52,14 @@ function _TableGridSwitchButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 74,
+        lineNumber: 55,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutGallery, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 79,
+        lineNumber: 60,
         columnNumber: 11
       }
     })), /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
@@ -93,14 +69,14 @@ function _TableGridSwitchButton(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 81,
+        lineNumber: 62,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutList, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 86,
+        lineNumber: 67,
         columnNumber: 11
       }
     })));
@@ -112,7 +88,7 @@ function _TableGridSwitchButton(props) {
     showArrow: true,
     onSelect: option => {
       const selectedOption = option.id;
-      const index = layoutOptions.indexOf(selectedOption);
+      const index = _layoutConfig.layoutOptions.indexOf(selectedOption);
       state.reportLayoutOptionClicked(selectedOption, index);
       if (viewType !== selectedOption) {
         state.changeViewType(selectedOption);
@@ -121,7 +97,7 @@ function _TableGridSwitchButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 93,
+      lineNumber: 74,
       columnNumber: 5
     }
   }, ({
@@ -132,7 +108,7 @@ function _TableGridSwitchButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 108,
+      lineNumber: 89,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -147,10 +123,10 @@ function _TableGridSwitchButton(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 112,
+      lineNumber: 93,
       columnNumber: 11
     }
-  }, layoutConfig[viewType].icon)));
+  }, _layoutConfig.layoutConfig[viewType].icon)));
 }
 const TableGridSwitchButton = exports.TableGridSwitchButton = (0, _mobxReactLite.observer)(_TableGridSwitchButton);
 //# sourceMappingURL=TableGridSwitchButton.js.map