@wix/patterns 1.426.0 → 1.430.0

package/dist/cjs/components/LayoutSwitchButton/layoutConfig.js

@@ -4,11 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 exports.__esModule = true;
 exports.layoutConfig = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/LayoutSwitchButton/layoutConfig.tsx";
 const layoutConfig = exports.layoutConfig = {
   table: {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutSplit, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.LayoutThreeRows, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -19,7 +19,7 @@ const layoutConfig = exports.layoutConfig = {
     translationKey: 'cairo.table.layout.table'
   },
   grid: {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.LayoutGallery, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.LayoutGallery, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
@@ -30,7 +30,7 @@ const layoutConfig = exports.layoutConfig = {
     translationKey: 'cairo.table.layout.grid'
   },
   spreadsheet: {
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.TableChart, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.TableChart, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,

package/dist/cjs/components/LayoutSwitchButton/layoutConfig.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_jsxFileName","layoutConfig","exports","table","icon","default","createElement","LayoutSplit","__self","__source","fileName","lineNumber","columnNumber","translationKey","grid","LayoutGallery","spreadsheet","TableChart"],"sources":["../../../../src/components/LayoutSwitchButton/layoutConfig.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  TableChart,\n  LayoutGallery,\n  LayoutSplit,\n} from '@wix/wix-ui-icons-common';\nimport { TranslationsKeys } from '@wix/bex-core';\nimport { ViewType } from '../../state/ViewTypeState';\n\nexport const layoutConfig: Record<\n  ViewType,\n  { icon: React.ReactNode; translationKey: TranslationsKeys }\n> = {\n  table: {\n    icon: <LayoutSplit />,\n    translationKey: 'cairo.table.layout.table',\n  },\n  grid: {\n    icon: <LayoutGallery />,\n    translationKey: 'cairo.table.layout.grid',\n  },\n  spreadsheet: {\n    icon: <TableChart />,\n    translationKey: 'cairo.table.layout.spreadsheet' as TranslationsKeys,\n  },\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAIkC,IAAAE,YAAA;AAI3B,MAAMC,YAGZ,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACFE,KAAK,EAAE;IACLC,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAQ,WAAW;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACrBC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJV,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAgB,aAAa;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACvBC,cAAc,EAAE;EAClB,CAAC;EACDG,WAAW,EAAE;IACXZ,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,iBAAA,CAAAkB,UAAU;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_lazy","_jsxFileName","layoutConfig","exports","table","icon","default","createElement","LayoutThreeRows","__self","__source","fileName","lineNumber","columnNumber","translationKey","grid","LayoutGallery","spreadsheet","TableChart"],"sources":["../../../../src/components/LayoutSwitchButton/layoutConfig.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  TableChart,\n  LayoutGallery,\n  LayoutThreeRows,\n} from '@wix/wix-ui-icons-common/lazy';\nimport { TranslationsKeys } from '@wix/bex-core';\nimport { ViewType } from '../../state/ViewTypeState';\n\nexport const layoutConfig: Record<\n  ViewType,\n  { icon: React.ReactNode; translationKey: TranslationsKeys }\n> = {\n  table: {\n    icon: <LayoutThreeRows />,\n    translationKey: 'cairo.table.layout.table',\n  },\n  grid: {\n    icon: <LayoutGallery />,\n    translationKey: 'cairo.table.layout.grid',\n  },\n  spreadsheet: {\n    icon: <TableChart />,\n    translationKey: 'cairo.table.layout.spreadsheet' as TranslationsKeys,\n  },\n};\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,KAAA,GAAAD,OAAA;AAIuC,IAAAE,YAAA;AAIhC,MAAMC,YAGZ,GAAAC,OAAA,CAAAD,YAAA,GAAG;EACFE,KAAK,EAAE;IACLC,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAQ,eAAe;MAAAC,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACzBC,cAAc,EAAE;EAClB,CAAC;EACDC,IAAI,EAAE;IACJV,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAgB,aAAa;MAAAP,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACvBC,cAAc,EAAE;EAClB,CAAC;EACDG,WAAW,EAAE;IACXZ,IAAI,eAAER,MAAA,CAAAS,OAAA,CAAAC,aAAA,CAACP,KAAA,CAAAkB,UAAU;MAAAT,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAV,YAAA;QAAAW,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAC;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC","ignoreList":[]}

package/dist/cjs/components/LoadingRow/LoadingRow.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_ = "LoadingRow1562995583";
+var _namespace_ = "LoadingRow491026576";
 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": "LoadingRow1562995583__root"
+  "root": "LoadingRow491026576__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow1562995583__gradientSwoosh"
+  "gradientSwoosh": "LoadingRow491026576__gradientSwoosh"
 };
 var layers = exports.layers = {};
 var containers = exports.containers = {};

package/dist/cjs/components/LoadingRow/LoadingRow.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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow1562995583\";\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\":\"LoadingRow1562995583__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow1562995583__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,sBAAsB;AACxC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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;AAA4B,CAAC;AACnD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAsC,CAAC;AACzE,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/LoadingRow/LoadingRow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"LoadingRow491026576\";\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\":\"LoadingRow491026576__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow491026576__gradientSwoosh\"}; \nexport var layers = {};\nexport var containers = {};\nexport var stVars = {}; \nexport var vars = {}; \n\n\n\n\n"],"mappings":";;;;AAGA,IAAAA,mBAAA,GAAAC,OAAA;AAHA;;AAOA,IAAIC,WAAW,GAAG,qBAAqB;AACvC,IAAIC,OAAO,GAAGC,kCAAc,CAACC,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AAE7C,IAAII,SAAS,GAAAC,OAAA,CAAAD,SAAA,GAAGE,iCAAa,CAACH,IAAI,CAAC,IAAI,EAAEH,WAAW,CAAC;AACrD,IAAIO,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;AAA2B,CAAC;AAClD,IAAIC,SAAS,GAAAN,OAAA,CAAAM,SAAA,GAAG;EAAC,gBAAgB,EAAC;AAAqC,CAAC;AACxE,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/MaxHeightText/MaxHeightText.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_ = "MaxHeightText2883923983";
+var _namespace_ = "MaxHeightText3754196047";
 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": "MaxHeightText2883923983__root"
+  "root": "MaxHeightText3754196047__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxHeightText/MaxHeightText.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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText2883923983\";\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\":\"MaxHeightText2883923983__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/MaxHeightText/MaxHeightText.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxHeightText3754196047\";\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\":\"MaxHeightText3754196047__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/MaxLines/MaxLines.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_ = "MaxLines788404285";
+var _namespace_ = "MaxLines3268543179";
 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": "MaxLines788404285__root"
+  "root": "MaxLines3268543179__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/MaxLines/MaxLines.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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines788404285\";\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\":\"MaxLines788404285__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,mBAAmB;AACrC,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;AAAyB,CAAC;AAChD,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/MaxLines/MaxLines.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"MaxLines3268543179\";\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\":\"MaxLines3268543179__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,oBAAoB;AACtC,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;AAA0B,CAAC;AACjD,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/MoreActions/MoreActionsIcon.js

@@ -10,18 +10,20 @@ var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
 var _mobxReactLite = require("mobx-react-lite");
 var _MoreActionsBase = require("./MoreActionsBase");
 var _react2 = require("@wix/bex-core/react");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MoreActions/MoreActionsIcon.tsx";
 function _MoreActionsIcon(params) {
   const {
     translate: t
   } = (0, _react2.useWixPatternsContainer)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   return /*#__PURE__*/_react.default.createElement(_designSystem.Box
   // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements
   , {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 15,
+      lineNumber: 17,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Tooltip, {
@@ -30,31 +32,31 @@ function _MoreActionsIcon(params) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 18,
+      lineNumber: 20,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_MoreActionsBase.MoreActionsBase, (0, _extends2.default)({}, params, {
     triggerElement: /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
       dataHook: "more-actions-popover-button",
-      priority: "secondary",
+      priority: isBmHarmonyTheme ? 'tertiary' : 'secondary',
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 22,
+        lineNumber: 24,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.More, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 26,
+        lineNumber: 28,
         columnNumber: 15
       }
     })),
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 19,
+      lineNumber: 21,
       columnNumber: 9
     }
   }))));

package/dist/cjs/components/MoreActions/MoreActionsIcon.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MoreActionsBase","_react2","_jsxFileName","_MoreActionsIcon","params","translate","t","useWixPatternsContainer","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","dataHook","MoreActionsBase","_extends2","triggerElement","IconButton","priority","More","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MoreActionsProps } from './MoreActionsProps';\n\nexport interface MoreActionsIconProps extends MoreActionsProps {}\n\nfunction _MoreActionsIcon(params: MoreActionsIconProps) {\n  const { translate: t } = useWixPatternsContainer();\n\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      <Tooltip content={t('cairo.moreActions')} dataHook=\"more-actions-tooltip\">\n        <MoreActionsBase\n          {...params}\n          triggerElement={\n            <IconButton\n              dataHook=\"more-actions-popover-button\"\n              priority=\"secondary\"\n            >\n              <More />\n            </IconButton>\n          }\n        />\n      </Tooltip>\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAA8D,IAAAM,YAAA;AAK9D,SAASC,gBAAgBA,CAACC,MAA4B,EAAE;EACtD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAElD,oBACEb,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAa;EACD;EAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAmB,OAAO;IAACC,OAAO,EAAEX,CAAC,CAAC,mBAAmB,CAAE;IAACY,QAAQ,EAAC,sBAAsB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvErB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACT,gBAAA,CAAAmB,eAAe,MAAAC,SAAA,CAAAZ,OAAA,MACVJ,MAAM;IACViB,cAAc,eACZ3B,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACZ,aAAA,CAAAyB,UAAU;MACTJ,QAAQ,EAAC,6BAA6B;MACtCK,QAAQ,EAAC,WAAW;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEpBrB,MAAA,CAAAc,OAAA,CAAAC,aAAA,CAACX,iBAAA,CAAA0B,IAAI;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAX,YAAA;QAAAY,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAX,YAAA;MAAAY,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACM,CACN,CAAC;AAEV;AAEO,MAAMU,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAACxB,gBAAgB,CAAC;AAClD,MAAMyB,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_designSystem","_wixUiIconsCommon","_mobxReactLite","_MoreActionsBase","_react2","_useBmHarmonyTheme","_jsxFileName","_MoreActionsIcon","params","translate","t","useWixPatternsContainer","isBmHarmonyTheme","useBmHarmonyTheme","default","createElement","Box","__self","__source","fileName","lineNumber","columnNumber","Tooltip","content","dataHook","MoreActionsBase","_extends2","triggerElement","IconButton","priority","More","MoreActionsIcon","exports","observer","MoreActions"],"sources":["../../../../src/components/MoreActions/MoreActionsIcon.tsx"],"sourcesContent":["import React from 'react';\nimport { Box, IconButton, Tooltip } from '@wix/design-system';\nimport { More } from '@wix/wix-ui-icons-common';\nimport { observer } from 'mobx-react-lite';\nimport { MoreActionsBase } from './MoreActionsBase';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { MoreActionsProps } from './MoreActionsProps';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface MoreActionsIconProps extends MoreActionsProps {}\n\nfunction _MoreActionsIcon(params: MoreActionsIconProps) {\n  const { translate: t } = useWixPatternsContainer();\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  return (\n    <Box\n    // Box is needed to wrap the MoreActionsBase component to avoid extra gap between elements\n    >\n      <Tooltip content={t('cairo.moreActions')} dataHook=\"more-actions-tooltip\">\n        <MoreActionsBase\n          {...params}\n          triggerElement={\n            <IconButton\n              dataHook=\"more-actions-popover-button\"\n              priority={isBmHarmonyTheme ? 'tertiary' : 'secondary'}\n            >\n              <More />\n            </IconButton>\n          }\n        />\n      </Tooltip>\n    </Box>\n  );\n}\n\nexport const MoreActionsIcon = observer(_MoreActionsIcon);\nexport const MoreActions = MoreActionsIcon;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AACA,IAAAE,iBAAA,GAAAF,OAAA;AACA,IAAAG,cAAA,GAAAH,OAAA;AACA,IAAAI,gBAAA,GAAAJ,OAAA;AACA,IAAAK,OAAA,GAAAL,OAAA;AAEA,IAAAM,kBAAA,GAAAN,OAAA;AAAkE,IAAAO,YAAA;AAIlE,SAASC,gBAAgBA,CAACC,MAA4B,EAAE;EACtD,MAAM;IAAEC,SAAS,EAAEC;EAAE,CAAC,GAAG,IAAAC,+BAAuB,EAAC,CAAC;EAClD,MAAMC,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,oBACEhB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAgB;EACD;EAAA;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAAsB,OAAO;IAACC,OAAO,EAAEb,CAAC,CAAC,mBAAmB,CAAE;IAACc,QAAQ,EAAC,sBAAsB;IAAAP,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,gBACvExB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACZ,gBAAA,CAAAsB,eAAe,MAAAC,SAAA,CAAAZ,OAAA,MACVN,MAAM;IACVmB,cAAc,eACZ9B,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACf,aAAA,CAAA4B,UAAU;MACTJ,QAAQ,EAAC,6BAA6B;MACtCK,QAAQ,EAAEjB,gBAAgB,GAAG,UAAU,GAAG,WAAY;MAAAK,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,gBAEtDxB,MAAA,CAAAiB,OAAA,CAAAC,aAAA,CAACd,iBAAA,CAAA6B,IAAI;MAAAb,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAb,YAAA;QAAAc,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CACG,CACb;IAAAJ,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAb,YAAA;MAAAc,UAAA;MAAAC,YAAA;IAAA;EAAA,EACF,CACM,CACN,CAAC;AAEV;AAEO,MAAMU,eAAe,GAAAC,OAAA,CAAAD,eAAA,GAAG,IAAAE,uBAAQ,EAAC1B,gBAAgB,CAAC;AAClD,MAAM2B,WAAW,GAAAF,OAAA,CAAAE,WAAA,GAAGH,eAAe","ignoreList":[]}

package/dist/cjs/components/MoreFiltersCTA/MoreFiltersCTA.js

@@ -5,10 +5,12 @@ exports.__esModule = true;
 exports.MoreFiltersCTA = void 0;
 var _mobxReactLite = require("mobx-react-lite");
 var _react = _interopRequireDefault(require("react"));
-var _wixUiIconsCommon = require("@wix/wix-ui-icons-common");
+var _lazy = require("@wix/wix-ui-icons-common/lazy");
+var _designSystem = require("@wix/design-system");
 var _CounterBadgeButton = require("../CounterBadgeButton");
 var _ToolbarCollectionContext = require("../ToolbarCollectionContext");
 var _ResponsiveButton = require("../ResponsiveButton/ResponsiveButton");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MoreFiltersCTA/MoreFiltersCTA.tsx";
 const _MoreFiltersCTA = () => {
   const state = (0, _ToolbarCollectionContext.useToolbarCollectionContext)();
@@ -21,39 +23,87 @@ const _MoreFiltersCTA = () => {
     },
     toolbarFiltersState
   } = state;
-  return /*#__PURE__*/_react.default.createElement(_CounterBadgeButton.CounterBadgeButton, {
-    dataHook: "more-filters-button-counter",
-    count: state.collection.query.nonPersistentCustomFiltersCount,
-    __self: void 0,
-    __source: {
-      fileName: _jsxFileName,
-      lineNumber: 17,
-      columnNumber: 5
-    }
-  }, /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
+  const count = state.collection.query.nonPersistentCustomFiltersCount;
+  if (!isBmHarmonyTheme) {
+    return /*#__PURE__*/_react.default.createElement(_CounterBadgeButton.CounterBadgeButton, {
+      dataHook: "more-filters-button-counter",
+      count: count,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 23,
+        columnNumber: 7
+      }
+    }, /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
+      ref: toolbarFiltersState == null ? void 0 : toolbarFiltersState.moreFiltersButtonRef,
+      state: responsive.filters,
+      shouldShrink: false,
+      key: "more-filters-button",
+      dataHook: "more-filters-button",
+      icon: /*#__PURE__*/_react.default.createElement(_lazy.ContentFilter, {
+        __self: void 0,
+        __source: {
+          fileName: _jsxFileName,
+          lineNumber: 30,
+          columnNumber: 17
+        }
+      }),
+      onClick: toolbarFiltersState == null ? void 0 : toolbarFiltersState.onFiltersButtonClick,
+      __self: void 0,
+      __source: {
+        fileName: _jsxFileName,
+        lineNumber: 24,
+        columnNumber: 9
+      }
+    }, t('cairo.toolbar.moreFiltersButton', {
+      defaultValue: ''
+    })));
+  }
+  return /*#__PURE__*/_react.default.createElement(_ResponsiveButton.ResponsiveButton, {
     ref: toolbarFiltersState == null ? void 0 : toolbarFiltersState.moreFiltersButtonRef,
     state: responsive.filters,
     shouldShrink: false,
     key: "more-filters-button",
     dataHook: "more-filters-button",
-    icon: /*#__PURE__*/_react.default.createElement(_wixUiIconsCommon.ContentFilter, {
+    icon: /*#__PURE__*/_react.default.createElement(_lazy.FilterSmall, {
       __self: void 0,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 27,
-        columnNumber: 15
+        lineNumber: 46,
+        columnNumber: 13
       }
     }),
     onClick: toolbarFiltersState == null ? void 0 : toolbarFiltersState.onFiltersButtonClick,
     __self: void 0,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 21,
+      lineNumber: 40,
+      columnNumber: 5
+    }
+  }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
+    gap: "SP1",
+    verticalAlign: "middle",
+    display: "inline-flex",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 49,
       columnNumber: 7
     }
   }, t('cairo.toolbar.moreFiltersButton', {
     defaultValue: ''
-  })));
+  }), count > 0 && /*#__PURE__*/_react.default.createElement(_designSystem.CounterBadge, {
+    dataHook: "more-filters-button-counter",
+    skin: "general",
+    size: "tiny",
+    __self: void 0,
+    __source: {
+      fileName: _jsxFileName,
+      lineNumber: 52,
+      columnNumber: 11
+    }
+  }, count)));
 };
 const MoreFiltersCTA = exports.MoreFiltersCTA = (0, _mobxReactLite.observer)(_MoreFiltersCTA);
 //# sourceMappingURL=MoreFiltersCTA.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_wixUiIconsCommon","_CounterBadgeButton","_ToolbarCollectionContext","_ResponsiveButton","_jsxFileName","_MoreFiltersCTA","state","useToolbarCollectionContext","toolbar","responsive","container","translate","t","toolbarFiltersState","default","createElement","CounterBadgeButton","dataHook","count","collection","query","nonPersistentCustomFiltersCount","__self","__source","fileName","lineNumber","columnNumber","ResponsiveButton","ref","moreFiltersButtonRef","filters","shouldShrink","key","icon","ContentFilter","onClick","onFiltersButtonClick","defaultValue","MoreFiltersCTA","exports","observer"],"sources":["../../../../src/components/MoreFiltersCTA/MoreFiltersCTA.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { ContentFilter } from '@wix/wix-ui-icons-common';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\n\nconst _MoreFiltersCTA = () => {\n  const state = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n    container: { translate: t },\n    toolbarFiltersState,\n  } = state;\n\n  return (\n    <CounterBadgeButton\n      dataHook=\"more-filters-button-counter\"\n      count={state.collection.query.nonPersistentCustomFiltersCount}\n    >\n      <ResponsiveButton\n        ref={toolbarFiltersState?.moreFiltersButtonRef}\n        state={responsive.filters}\n        shouldShrink={false}\n        key=\"more-filters-button\"\n        dataHook=\"more-filters-button\"\n        icon={<ContentFilter />}\n        onClick={toolbarFiltersState?.onFiltersButtonClick}\n      >\n        {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}\n      </ResponsiveButton>\n    </CounterBadgeButton>\n  );\n};\n\nexport const MoreFiltersCTA = observer(_MoreFiltersCTA);\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AACA,IAAAK,yBAAA,GAAAL,OAAA;AACA,IAAAM,iBAAA,GAAAN,OAAA;AAAwE,IAAAO,YAAA;AAExE,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,MAAM;IACJC,OAAO,EAAE;MAAEC;IAAW,CAAC;IACvBC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE,CAAC;IAC3BC;EACF,CAAC,GAAGP,KAAK;EAET,oBACER,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,mBAAA,CAAAe,kBAAkB;IACjBC,QAAQ,EAAC,6BAA6B;IACtCC,KAAK,EAAEZ,KAAK,CAACa,UAAU,CAACC,KAAK,CAACC,+BAAgC;IAAAC,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAE9D5B,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACZ,iBAAA,CAAAwB,gBAAgB;IACfC,GAAG,EAAEf,mBAAmB,oBAAnBA,mBAAmB,CAAEgB,oBAAqB;IAC/CvB,KAAK,EAAEG,UAAU,CAACqB,OAAQ;IAC1BC,YAAY,EAAE,KAAM;IACpBC,GAAG,EAAC,qBAAqB;IACzBf,QAAQ,EAAC,qBAAqB;IAC9BgB,IAAI,eAAEnC,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACf,iBAAA,CAAAkC,aAAa;MAAAZ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAApB,YAAA;QAAAqB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACxBS,OAAO,EAAEtB,mBAAmB,oBAAnBA,mBAAmB,CAAEuB,oBAAqB;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAApB,YAAA;MAAAqB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAElDd,CAAC,CAAC,iCAAiC,EAAE;IAAEyB,YAAY,EAAE;EAAG,CAAC,CAC1C,CACA,CAAC;AAEzB,CAAC;AAEM,MAAMC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAACnC,eAAe,CAAC","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireDefault","_lazy","_designSystem","_CounterBadgeButton","_ToolbarCollectionContext","_ResponsiveButton","_useBmHarmonyTheme","_jsxFileName","_MoreFiltersCTA","state","useToolbarCollectionContext","toolbar","responsive","container","translate","t","toolbarFiltersState","isBmHarmonyTheme","useBmHarmonyTheme","count","collection","query","nonPersistentCustomFiltersCount","default","createElement","CounterBadgeButton","dataHook","__self","__source","fileName","lineNumber","columnNumber","ResponsiveButton","ref","moreFiltersButtonRef","filters","shouldShrink","key","icon","ContentFilter","onClick","onFiltersButtonClick","defaultValue","FilterSmall","Box","gap","verticalAlign","display","CounterBadge","skin","size","MoreFiltersCTA","exports","observer"],"sources":["../../../../src/components/MoreFiltersCTA/MoreFiltersCTA.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React from 'react';\nimport { FilterSmall, ContentFilter } from '@wix/wix-ui-icons-common/lazy';\nimport { Box, CounterBadge } from '@wix/design-system';\nimport { CounterBadgeButton } from '../CounterBadgeButton';\nimport { useToolbarCollectionContext } from '../ToolbarCollectionContext';\nimport { ResponsiveButton } from '../ResponsiveButton/ResponsiveButton';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nconst _MoreFiltersCTA = () => {\n  const state = useToolbarCollectionContext();\n  const {\n    toolbar: { responsive },\n    container: { translate: t },\n    toolbarFiltersState,\n  } = state;\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const count = state.collection.query.nonPersistentCustomFiltersCount;\n\n  if (!isBmHarmonyTheme) {\n    return (\n      <CounterBadgeButton dataHook=\"more-filters-button-counter\" count={count}>\n        <ResponsiveButton\n          ref={toolbarFiltersState?.moreFiltersButtonRef}\n          state={responsive.filters}\n          shouldShrink={false}\n          key=\"more-filters-button\"\n          dataHook=\"more-filters-button\"\n          icon={<ContentFilter />}\n          onClick={toolbarFiltersState?.onFiltersButtonClick}\n        >\n          {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}\n        </ResponsiveButton>\n      </CounterBadgeButton>\n    );\n  }\n\n  return (\n    <ResponsiveButton\n      ref={toolbarFiltersState?.moreFiltersButtonRef}\n      state={responsive.filters}\n      shouldShrink={false}\n      key=\"more-filters-button\"\n      dataHook=\"more-filters-button\"\n      icon={<FilterSmall />}\n      onClick={toolbarFiltersState?.onFiltersButtonClick}\n    >\n      <Box gap=\"SP1\" verticalAlign=\"middle\" display=\"inline-flex\">\n        {t('cairo.toolbar.moreFiltersButton', { defaultValue: '' })}\n        {count > 0 && (\n          <CounterBadge\n            dataHook=\"more-filters-button-counter\"\n            skin=\"general\"\n            size=\"tiny\"\n          >\n            {count}\n          </CounterBadge>\n        )}\n      </Box>\n    </ResponsiveButton>\n  );\n};\n\nexport const MoreFiltersCTA = observer(_MoreFiltersCTA);\n"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AACA,IAAAM,yBAAA,GAAAN,OAAA;AACA,IAAAO,iBAAA,GAAAP,OAAA;AACA,IAAAQ,kBAAA,GAAAR,OAAA;AAAkE,IAAAS,YAAA;AAElE,MAAMC,eAAe,GAAGA,CAAA,KAAM;EAC5B,MAAMC,KAAK,GAAG,IAAAC,qDAA2B,EAAC,CAAC;EAC3C,MAAM;IACJC,OAAO,EAAE;MAAEC;IAAW,CAAC;IACvBC,SAAS,EAAE;MAAEC,SAAS,EAAEC;IAAE,CAAC;IAC3BC;EACF,CAAC,GAAGP,KAAK;EACT,MAAMQ,gBAAgB,GAAG,IAAAC,oCAAiB,EAAC,CAAC;EAE5C,MAAMC,KAAK,GAAGV,KAAK,CAACW,UAAU,CAACC,KAAK,CAACC,+BAA+B;EAEpE,IAAI,CAACL,gBAAgB,EAAE;IACrB,oBACElB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACrB,mBAAA,CAAAsB,kBAAkB;MAACC,QAAQ,EAAC,6BAA6B;MAACP,KAAK,EAAEA,KAAM;MAAAQ,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,gBACtEhC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAA2B,gBAAgB;MACfC,GAAG,EAAEjB,mBAAmB,oBAAnBA,mBAAmB,CAAEkB,oBAAqB;MAC/CzB,KAAK,EAAEG,UAAU,CAACuB,OAAQ;MAC1BC,YAAY,EAAE,KAAM;MACpBC,GAAG,EAAC,qBAAqB;MACzBX,QAAQ,EAAC,qBAAqB;MAC9BY,IAAI,eAAEvC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACvB,KAAA,CAAAsC,aAAa;QAAAZ,MAAA;QAAAC,QAAA;UAAAC,QAAA,EAAAtB,YAAA;UAAAuB,UAAA;UAAAC,YAAA;QAAA;MAAA,CAAE,CAAE;MACxBS,OAAO,EAAExB,mBAAmB,oBAAnBA,mBAAmB,CAAEyB,oBAAqB;MAAAd,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,GAElDhB,CAAC,CAAC,iCAAiC,EAAE;MAAE2B,YAAY,EAAE;IAAG,CAAC,CAC1C,CACA,CAAC;EAEzB;EAEA,oBACE3C,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACnB,iBAAA,CAAA2B,gBAAgB;IACfC,GAAG,EAAEjB,mBAAmB,oBAAnBA,mBAAmB,CAAEkB,oBAAqB;IAC/CzB,KAAK,EAAEG,UAAU,CAACuB,OAAQ;IAC1BC,YAAY,EAAE,KAAM;IACpBC,GAAG,EAAC,qBAAqB;IACzBX,QAAQ,EAAC,qBAAqB;IAC9BY,IAAI,eAAEvC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACvB,KAAA,CAAA0C,WAAW;MAAAhB,MAAA;MAAAC,QAAA;QAAAC,QAAA,EAAAtB,YAAA;QAAAuB,UAAA;QAAAC,YAAA;MAAA;IAAA,CAAE,CAAE;IACtBS,OAAO,EAAExB,mBAAmB,oBAAnBA,mBAAmB,CAAEyB,oBAAqB;IAAAd,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,gBAEnDhC,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA0C,GAAG;IAACC,GAAG,EAAC,KAAK;IAACC,aAAa,EAAC,QAAQ;IAACC,OAAO,EAAC,aAAa;IAAApB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GACxDhB,CAAC,CAAC,iCAAiC,EAAE;IAAE2B,YAAY,EAAE;EAAG,CAAC,CAAC,EAC1DvB,KAAK,GAAG,CAAC,iBACRpB,MAAA,CAAAwB,OAAA,CAAAC,aAAA,CAACtB,aAAA,CAAA8C,YAAY;IACXtB,QAAQ,EAAC,6BAA6B;IACtCuB,IAAI,EAAC,SAAS;IACdC,IAAI,EAAC,MAAM;IAAAvB,MAAA;IAAAC,QAAA;MAAAC,QAAA,EAAAtB,YAAA;MAAAuB,UAAA;MAAAC,YAAA;IAAA;EAAA,GAEVZ,KACW,CAEb,CACW,CAAC;AAEvB,CAAC;AAEM,MAAMgC,cAAc,GAAAC,OAAA,CAAAD,cAAA,GAAG,IAAAE,uBAAQ,EAAC7C,eAAe,CAAC","ignoreList":[]}

package/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.js

@@ -14,6 +14,7 @@ var _useExtensionMenuItems = require("../../hooks/useExtensionMenuItems");
 var _BulkActionContainer = require("./BulkActionContainer");
 var _useIsMobile = require("../../hooks/useIsMobile");
 var _useBulkActionMobileGroups = require("../../hooks/useBulkActionMobileGroups");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/MultiBulkActionToolbar/MultiBulkActionToolbar.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); }
 function _MultiBulkActionToolbar(props) {
@@ -31,6 +32,7 @@ function _MultiBulkActionToolbar(props) {
     containerProps
   });
   const isMobile = (0, _useIsMobile.useIsMobile)();
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const [state] = (0, _react.useState)(() => new _MultiBulkActionToolbarState.MultiBulkActionToolbarState({
     extensionMenuItems,
     collection: toolbarCollectionState.collection
@@ -90,15 +92,16 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 127,
+      lineNumber: 129,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Divider, {
     direction: "vertical",
+    skin: isBmHarmonyTheme ? 'light' : undefined,
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 128,
+      lineNumber: 130,
       columnNumber: 9
     }
   })), /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -107,28 +110,28 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 131,
+      lineNumber: 136,
       columnNumber: 7
     }
   }, TagsAssignButton && /*#__PURE__*/_react.default.createElement(_BulkActionContainer.BulkActionContainer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 133,
+      lineNumber: 138,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(TagsAssignButton, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 134,
+      lineNumber: 139,
       columnNumber: 13
     }
   })), exportButton && /*#__PURE__*/_react.default.createElement(_BulkActionContainer.BulkActionContainer, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 138,
+      lineNumber: 143,
       columnNumber: 11
     }
   }, /*#__PURE__*/(0, _react.cloneElement)(exportButton, {
@@ -140,7 +143,7 @@ function _MultiBulkActionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 147,
+        lineNumber: 152,
         columnNumber: 13
       }
     }, /*#__PURE__*/_react.default.createElement(_ActionControl.ActionControl, {
@@ -184,7 +187,7 @@ function _MultiBulkActionToolbar(props) {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 148,
+        lineNumber: 153,
         columnNumber: 15
       }
     }));
@@ -192,7 +195,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 198,
+      lineNumber: 203,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_ActionControl.ActionPopover, {
@@ -231,7 +234,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 199,
+      lineNumber: 204,
       columnNumber: 13
     }
   }))));
@@ -252,7 +255,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 245,
+      lineNumber: 250,
       columnNumber: 5
     }
   });
@@ -261,7 +264,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 263,
+      lineNumber: 268,
       columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar, {
@@ -270,7 +273,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 264,
+      lineNumber: 269,
       columnNumber: 7
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -279,7 +282,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 268,
+      lineNumber: 273,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Box, {
@@ -288,7 +291,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 269,
+      lineNumber: 274,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
@@ -296,7 +299,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 270,
+      lineNumber: 275,
       columnNumber: 13
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.Text, {
@@ -308,7 +311,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 271,
+      lineNumber: 276,
       columnNumber: 15
     }
   }, maxSelection !== undefined ? t('cairo.bulkActions.max.selection', {
@@ -323,7 +326,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 298,
+      lineNumber: 303,
       columnNumber: 15
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TextButton, {
@@ -335,7 +338,7 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 299,
+      lineNumber: 304,
       columnNumber: 17
     }
   }, bulk.hasClickableRows ? t('cairo.selectAll') : t('cairo.deselectAll'))), !isMobile && bulkActionButtonsDesktop)), isMobile && /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.ItemGroup, {
@@ -343,14 +346,14 @@ function _MultiBulkActionToolbar(props) {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 318,
+      lineNumber: 323,
       columnNumber: 11
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.TableToolbar.Item, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 319,
+      lineNumber: 324,
       columnNumber: 13
     }
   }, bulkActionButtonsMobile))));