@wix/patterns 1.427.0 → 1.430.0

package/dist/cjs/components/ImportButton/newFieldTypeMapping.js.map

@@ -1 +1 @@
-{"version":3,"names":["NEW_FIELD_TYPE_TO_PATTERNS","text","number","date","boolean","url","image","video","document","audio","toPatternsFieldType","type","exports"],"sources":["../../../../src/components/ImportButton/newFieldTypeMapping.ts"],"sourcesContent":["import type { NewFieldType, PatternsFieldType } from '@wix/bex-core';\n\n// Maps the import flow's `NewFieldType` (lowercase, data-driven detection) to the\n// schema's `PatternsFieldType` (uppercase) used by `Field` / the field editor.\n// The reverse mapping (editor output → `NewFieldType`) lives in core, next to\n// `ImportState`, which consumes it directly.\n\nconst NEW_FIELD_TYPE_TO_PATTERNS: Record<NewFieldType, PatternsFieldType> = {\n  text: 'SHORT_TEXT',\n  number: 'NUMBER',\n  date: 'DATE',\n  boolean: 'BOOLEAN',\n  url: 'URL',\n  image: 'IMAGE',\n  video: 'VIDEO',\n  document: 'DOCUMENT',\n  audio: 'AUDIO',\n};\n\nexport const toPatternsFieldType = (type: NewFieldType): PatternsFieldType =>\n  NEW_FIELD_TYPE_TO_PATTERNS[type];\n"],"mappings":";;;;AAEA;AACA;AACA;AACA;;AAEA,MAAMA,0BAAmE,GAAG;EAC1EC,IAAI,EAAE,YAAY;EAClBC,MAAM,EAAE,QAAQ;EAChBC,IAAI,EAAE,MAAM;EACZC,OAAO,EAAE,SAAS;EAClBC,GAAG,EAAE,KAAK;EACVC,KAAK,EAAE,OAAO;EACdC,KAAK,EAAE,OAAO;EACdC,QAAQ,EAAE,UAAU;EACpBC,KAAK,EAAE;AACT,CAAC;AAEM,MAAMC,mBAAmB,GAAIC,IAAkB,IACpDX,0BAA0B,CAACW,IAAI,CAAC;AAACC,OAAA,CAAAF,mBAAA,GAAAA,mBAAA","ignoreList":[]}
+{"version":3,"names":["_bexCore","require","exports","toPatternsFieldType"],"sources":["../../../../src/components/ImportButton/newFieldTypeMapping.ts"],"sourcesContent":["export { toPatternsFieldType } from '@wix/bex-core';\n"],"mappings":";;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAoDC,OAAA,CAAAC,mBAAA,GAAAH,QAAA,CAAAG,mBAAA","ignoreList":[]}

package/dist/cjs/components/InputOverflow/InputOverflow.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_ = "InputOverflow2655434443";
+var _namespace_ = "InputOverflow1073409881";
 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": "InputOverflow2655434443__root"
+  "root": "InputOverflow1073409881__root"
 };
 var keyframes = exports.keyframes = {};
 var layers = exports.layers = {};

package/dist/cjs/components/InputOverflow/InputOverflow.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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow2655434443\";\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\":\"InputOverflow2655434443__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/InputOverflow/InputOverflow.st.css.ts"],"sourcesContent":["// @ts-nocheck\n\n\nimport { classesRuntime, statesRuntime } from \"../../stylable-esm-runtime.js\";\n\n\n\nvar _namespace_ = \"InputOverflow1073409881\";\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\":\"InputOverflow1073409881__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/LayoutSwitch/LayoutSwitch.js

@@ -17,6 +17,7 @@ const LazyEditableTable = /*#__PURE__*/_react.default.lazy(() => Promise.resolve
 })));
 function _LayoutSwitch({
   state,
+  importButton,
   tableProps,
   gridProps,
   spreadsheetProps
@@ -63,7 +64,7 @@ function _LayoutSwitch({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 74,
+      lineNumber: 82,
       columnNumber: 5
     }
   });
@@ -74,7 +75,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 78,
+        lineNumber: 86,
         columnNumber: 12
       }
     });
@@ -92,15 +93,16 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 89,
+        lineNumber: 97,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_Table.Table, (0, _extends2.default)({}, tableProps, {
+      importButton: tableProps.importButton ?? importButton,
       tableGridSwitchButton: layoutSwitchButton,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 90,
+        lineNumber: 98,
         columnNumber: 9
       }
     })));
@@ -114,15 +116,16 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 97,
+        lineNumber: 109,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_Grid.Grid, (0, _extends2.default)({}, gridProps, {
+      importButton: gridProps.importButton ?? importButton,
       tableGridSwitchButton: layoutSwitchButton,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 98,
+        lineNumber: 110,
         columnNumber: 9
       }
     })));
@@ -136,7 +139,7 @@ function _LayoutSwitch({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 105,
+        lineNumber: 121,
         columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(_react.Suspense, {
@@ -146,22 +149,23 @@ function _LayoutSwitch({
         __self: this,
         __source: {
           fileName: _jsxFileName,
-          lineNumber: 107,
+          lineNumber: 123,
           columnNumber: 21
         }
       }),
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 106,
+        lineNumber: 122,
         columnNumber: 9
       }
     }, /*#__PURE__*/_react.default.createElement(LazyEditableTable, (0, _extends2.default)({}, spreadsheetProps, {
+      importButton: spreadsheetProps.importButton ?? importButton,
       tableGridSwitchButton: layoutSwitchButton,
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 109,
+        lineNumber: 125,
         columnNumber: 11
       }
     }))));

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

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Table","_Grid","_InitialLoader","_LayoutSwitchButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyEditableTable","React","lazy","Promise","resolve","then","m","EditableTable","_LayoutSwitch","state","tableProps","gridProps","spreadsheetProps","viewTypeState","initTask","toolbar","isLoading","status","isIdle","availableOptions","useMemo","options","filter","option","useEffect","init","length","includes","viewType","changeViewType","console","error","layoutSwitchButton","createElement","LayoutSwitchButton","__self","__source","fileName","lineNumber","columnNumber","InitialLoader","dataHook","activeView","style","display","Table","_extends2","tableGridSwitchButton","Grid","Suspense","fallback","LayoutSwitch","exports","observer"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.tsx"],"sourcesContent":["import React, { Suspense, useEffect, useMemo } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { Table, TableProps } from '../Table';\nimport { Grid, GridProps } from '../Grid';\nimport type { EditableTableProps } from '../EditableTable';\nimport { InitialLoader } from '../InitialLoader';\nimport { LayoutSwitchButton } from '../LayoutSwitchButton';\nimport type { ILayoutSwitchState } from '../../state/ILayoutSwitchState';\n\nconst LazyEditableTable = React.lazy(() =>\n  import('../EditableTable').then((m) => ({\n    default: m.EditableTable as React.ComponentType<any>,\n  })),\n);\n\nexport interface LayoutSwitchProps<T, F extends FiltersMap> {\n  state: ILayoutSwitchState<T, F>;\n  tableProps?: Omit<TableProps<T, F>, 'tableGridSwitchButton'>;\n  gridProps?: Omit<GridProps<T, F>, 'tableGridSwitchButton'>;\n  spreadsheetProps?: Omit<EditableTableProps<T, F>, 'tableGridSwitchButton'>;\n}\n\nfunction _LayoutSwitch<T, F extends FiltersMap>({\n  state,\n  tableProps,\n  gridProps,\n  spreadsheetProps,\n}: LayoutSwitchProps<T, F>) {\n  const { viewTypeState, initTask, toolbar } = state;\n  const isLoading = initTask.status.isIdle || initTask.status.isLoading;\n\n  // Recompute only when a prop flips between defined and undefined.\n  const availableOptions = useMemo(\n    () =>\n      viewTypeState.options.filter((option) => {\n        if (option === 'table') {\n          return !!tableProps;\n        }\n        if (option === 'grid') {\n          return !!gridProps;\n        }\n        if (option === 'spreadsheet') {\n          return !!spreadsheetProps;\n        }\n        return false;\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [!!tableProps, !!gridProps, !!spreadsheetProps],\n  );\n\n  useEffect(() => state.init(), []);\n\n  // If the stored viewType is not among the available options (e.g. 'grid' was\n  // persisted but gridProps is not provided), persist the correction so the next\n  // load starts from a valid value. changeViewType also updates dataCapsule.\n  useEffect(() => {\n    if (\n      availableOptions.length > 0 &&\n      !availableOptions.includes(viewTypeState.viewType)\n    ) {\n      viewTypeState.changeViewType(availableOptions[0]!);\n    }\n  }, [availableOptions, viewTypeState.viewType]);\n\n  if (!availableOptions.length) {\n    console.error(\n      '[LayoutSwitch] At least one of tableProps, gridProps, or spreadsheetProps must be provided.',\n    );\n    return null;\n  }\n\n  const layoutSwitchButton = (\n    <LayoutSwitchButton state={viewTypeState} options={availableOptions} />\n  );\n\n  if (isLoading) {\n    return <InitialLoader dataHook=\"initial-loader\" state={toolbar} />;\n  }\n\n  // If viewType is not yet available (loaded from storage but xProp absent),\n  // fall back locally without waiting for the correction effect to fire.\n  const activeView = availableOptions.includes(viewTypeState.viewType)\n    ? viewTypeState.viewType\n    : availableOptions[0];\n\n  if (activeView === 'table') {\n    return (\n      <div data-hook=\"layout-view-table\" style={{ display: 'contents' }}>\n        <Table {...tableProps!} tableGridSwitchButton={layoutSwitchButton} />\n      </div>\n    );\n  }\n\n  if (activeView === 'grid') {\n    return (\n      <div data-hook=\"layout-view-grid\" style={{ display: 'contents' }}>\n        <Grid {...gridProps!} tableGridSwitchButton={layoutSwitchButton} />\n      </div>\n    );\n  }\n\n  if (activeView === 'spreadsheet') {\n    return (\n      <div data-hook=\"layout-view-spreadsheet\" style={{ display: 'contents' }}>\n        <Suspense\n          fallback={<InitialLoader dataHook=\"initial-loader\" state={toolbar} />}\n        >\n          <LazyEditableTable\n            {...spreadsheetProps!}\n            tableGridSwitchButton={layoutSwitchButton}\n          />\n        </Suspense>\n      </div>\n    );\n  }\n\n  return null;\n}\n\nexport const LayoutSwitch = observer(_LayoutSwitch);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_mobxReactLite","_Table","_Grid","_InitialLoader","_LayoutSwitchButton","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","LazyEditableTable","React","lazy","Promise","resolve","then","m","EditableTable","_LayoutSwitch","state","importButton","tableProps","gridProps","spreadsheetProps","viewTypeState","initTask","toolbar","isLoading","status","isIdle","availableOptions","useMemo","options","filter","option","useEffect","init","length","includes","viewType","changeViewType","console","error","layoutSwitchButton","createElement","LayoutSwitchButton","__self","__source","fileName","lineNumber","columnNumber","InitialLoader","dataHook","activeView","style","display","Table","_extends2","tableGridSwitchButton","Grid","Suspense","fallback","LayoutSwitch","exports","observer"],"sources":["../../../../src/components/LayoutSwitch/LayoutSwitch.tsx"],"sourcesContent":["import React, { ReactElement, Suspense, useEffect, useMemo } from 'react';\nimport { FiltersMap } from '@wix/bex-core';\nimport { observer } from 'mobx-react-lite';\nimport { Table, TableProps } from '../Table';\nimport { Grid, GridProps } from '../Grid';\nimport type { EditableTableProps } from '../EditableTable';\nimport { InitialLoader } from '../InitialLoader';\nimport { LayoutSwitchButton } from '../LayoutSwitchButton';\nimport type { ILayoutSwitchState } from '../../state/ILayoutSwitchState';\n\nconst LazyEditableTable = React.lazy(() =>\n  import('../EditableTable').then((m) => ({\n    default: m.EditableTable as React.ComponentType<any>,\n  })),\n);\n\nexport interface LayoutSwitchProps<T, F extends FiltersMap> {\n  state: ILayoutSwitchState<T, F>;\n  /**\n   * An `<ImportButton />` element added to the toolbar of whichever layout is\n   * shown. Set it here once instead of repeating it in each layout's props. A\n   * layout's own `importButton` (in `tableProps`/`gridProps`/`spreadsheetProps`)\n   * takes precedence over this one.\n   */\n  importButton?: ReactElement;\n  tableProps?: Omit<TableProps<T, F>, 'tableGridSwitchButton'>;\n  gridProps?: Omit<GridProps<T, F>, 'tableGridSwitchButton'>;\n  spreadsheetProps?: Omit<EditableTableProps<T, F>, 'tableGridSwitchButton'>;\n}\n\nfunction _LayoutSwitch<T, F extends FiltersMap>({\n  state,\n  importButton,\n  tableProps,\n  gridProps,\n  spreadsheetProps,\n}: LayoutSwitchProps<T, F>) {\n  const { viewTypeState, initTask, toolbar } = state;\n  const isLoading = initTask.status.isIdle || initTask.status.isLoading;\n\n  // Recompute only when a prop flips between defined and undefined.\n  const availableOptions = useMemo(\n    () =>\n      viewTypeState.options.filter((option) => {\n        if (option === 'table') {\n          return !!tableProps;\n        }\n        if (option === 'grid') {\n          return !!gridProps;\n        }\n        if (option === 'spreadsheet') {\n          return !!spreadsheetProps;\n        }\n        return false;\n      }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    [!!tableProps, !!gridProps, !!spreadsheetProps],\n  );\n\n  useEffect(() => state.init(), []);\n\n  // If the stored viewType is not among the available options (e.g. 'grid' was\n  // persisted but gridProps is not provided), persist the correction so the next\n  // load starts from a valid value. changeViewType also updates dataCapsule.\n  useEffect(() => {\n    if (\n      availableOptions.length > 0 &&\n      !availableOptions.includes(viewTypeState.viewType)\n    ) {\n      viewTypeState.changeViewType(availableOptions[0]!);\n    }\n  }, [availableOptions, viewTypeState.viewType]);\n\n  if (!availableOptions.length) {\n    console.error(\n      '[LayoutSwitch] At least one of tableProps, gridProps, or spreadsheetProps must be provided.',\n    );\n    return null;\n  }\n\n  const layoutSwitchButton = (\n    <LayoutSwitchButton state={viewTypeState} options={availableOptions} />\n  );\n\n  if (isLoading) {\n    return <InitialLoader dataHook=\"initial-loader\" state={toolbar} />;\n  }\n\n  // If viewType is not yet available (loaded from storage but xProp absent),\n  // fall back locally without waiting for the correction effect to fire.\n  const activeView = availableOptions.includes(viewTypeState.viewType)\n    ? viewTypeState.viewType\n    : availableOptions[0];\n\n  if (activeView === 'table') {\n    return (\n      <div data-hook=\"layout-view-table\" style={{ display: 'contents' }}>\n        <Table\n          {...tableProps!}\n          importButton={tableProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'grid') {\n    return (\n      <div data-hook=\"layout-view-grid\" style={{ display: 'contents' }}>\n        <Grid\n          {...gridProps!}\n          importButton={gridProps!.importButton ?? importButton}\n          tableGridSwitchButton={layoutSwitchButton}\n        />\n      </div>\n    );\n  }\n\n  if (activeView === 'spreadsheet') {\n    return (\n      <div data-hook=\"layout-view-spreadsheet\" style={{ display: 'contents' }}>\n        <Suspense\n          fallback={<InitialLoader dataHook=\"initial-loader\" state={toolbar} />}\n        >\n          <LazyEditableTable\n            {...spreadsheetProps!}\n            importButton={spreadsheetProps!.importButton ?? importButton}\n            tableGridSwitchButton={layoutSwitchButton}\n          />\n        </Suspense>\n      </div>\n    );\n  }\n\n  return null;\n}\n\nexport const LayoutSwitch = observer(_LayoutSwitch);\n"],"mappings":"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","ignoreList":[]}

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

@@ -7,6 +7,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _designSystem = require("@wix/design-system");
 var _react2 = require("@wix/bex-core/react");
 var _layoutConfig = require("./layoutConfig");
+var _useBmHarmonyTheme = require("../../hooks/useBmHarmonyTheme");
 var _jsxFileName = "/home/builduser/work/843658b9f44192f0/packages/cairo/dist/cjs/components/LayoutSwitchButton/LayoutSwitchButton.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 _LayoutSwitchButton({
@@ -21,6 +22,7 @@ function _LayoutSwitchButton({
     viewType
   } = state;
   const isLayoutToggleRedesignEnabled = internalExperiments == null ? void 0 : internalExperiments.enabled('specs.cairo.layout-toggle.redesign');
+  const isBmHarmonyTheme = (0, _useBmHarmonyTheme.useBmHarmonyTheme)();
   const dropdownOptions = (0, _react.useMemo)(() => options.map(option => (0, _designSystem.listItemSelectBuilder)({
     id: option,
     title: t(_layoutConfig.layoutConfig[option].translationKey),
@@ -29,7 +31,7 @@ function _LayoutSwitchButton({
   })), [t, options]);
   if (!isLayoutToggleRedesignEnabled) {
     return /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle, {
-      size: "small",
+      size: isBmHarmonyTheme ? 'tiny' : 'small',
       dataHook: "layout-switch-toggle-button",
       selected: viewType,
       onClick: (_, value) => {
@@ -41,7 +43,7 @@ function _LayoutSwitchButton({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 42,
+        lineNumber: 44,
         columnNumber: 7
       }
     }, options.map(option => /*#__PURE__*/_react.default.createElement(_designSystem.SegmentedToggle.Icon, {
@@ -52,7 +54,7 @@ function _LayoutSwitchButton({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 54,
+        lineNumber: 56,
         columnNumber: 11
       }
     }, _layoutConfig.layoutConfig[option].icon)));
@@ -73,7 +75,7 @@ function _LayoutSwitchButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 68,
+      lineNumber: 70,
       columnNumber: 5
     }
   }, ({
@@ -84,7 +86,7 @@ function _LayoutSwitchButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 83,
+      lineNumber: 85,
       columnNumber: 9
     }
   }, /*#__PURE__*/_react.default.createElement(_designSystem.IconButton, {
@@ -99,7 +101,7 @@ function _LayoutSwitchButton({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 84,
+      lineNumber: 86,
       columnNumber: 11
     }
   }, _layoutConfig.layoutConfig[viewType].icon)));

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

@@ -1 +1 @@
-{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_react2","_layoutConfig","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_LayoutSwitchButton","state","options","translate","internalExperiments","useWixPatternsContainer","viewType","isLayoutToggleRedesignEnabled","enabled","dropdownOptions","useMemo","map","option","listItemSelectBuilder","id","title","layoutConfig","translationKey","prefix","icon","dataHook","createElement","SegmentedToggle","size","selected","onClick","_","value","changeViewType","__self","__source","fileName","lineNumber","columnNumber","Icon","key","tooltipText","DropdownBase","selectedId","showArrow","onSelect","selectedOption","index","indexOf","reportLayoutOptionClicked","toggle","Tooltip","content","IconButton","priority","reportLayoutSwitch","LayoutSwitchButton","exports","observer"],"sources":["../../../../src/components/LayoutSwitchButton/LayoutSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useMemo } from 'react';\nimport {\n  DropdownBase,\n  IconButton,\n  listItemSelectBuilder,\n  SegmentedToggle,\n  Tooltip,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ViewType, ViewTypeState } from '../../state/ViewTypeState';\nimport { layoutConfig } from './layoutConfig';\n\nexport interface LayoutSwitchButtonProps {\n  state: ViewTypeState;\n  options: ViewType[];\n}\n\nfunction _LayoutSwitchButton({ state, options }: LayoutSwitchButtonProps) {\n  const { translate: t, internalExperiments } = useWixPatternsContainer();\n  const { viewType } = state;\n\n  const isLayoutToggleRedesignEnabled = internalExperiments?.enabled(\n    'specs.cairo.layout-toggle.redesign',\n  );\n\n  const dropdownOptions = useMemo(\n    () =>\n      options.map((option) =>\n        listItemSelectBuilder({\n          id: option,\n          title: t(layoutConfig[option].translationKey),\n          prefix: layoutConfig[option].icon,\n          dataHook: `layout-option-${option}`,\n        }),\n      ),\n    [t, options],\n  );\n\n  if (!isLayoutToggleRedesignEnabled) {\n    return (\n      <SegmentedToggle\n        size=\"small\"\n        dataHook=\"layout-switch-toggle-button\"\n        selected={viewType}\n        onClick={(_, value) => {\n          if (state.viewType === value) {\n            return;\n          }\n          state.changeViewType(value as ViewType);\n        }}\n      >\n        {options.map((option) => (\n          <SegmentedToggle.Icon\n            key={option}\n            value={option}\n            dataHook={`toggle-option-${option}`}\n            tooltipText={t(layoutConfig[option].translationKey)}\n          >\n            {layoutConfig[option].icon}\n          </SegmentedToggle.Icon>\n        ))}\n      </SegmentedToggle>\n    );\n  }\n\n  return (\n    <DropdownBase\n      dataHook=\"layout-switch-popover\"\n      options={dropdownOptions}\n      selectedId={viewType}\n      showArrow\n      onSelect={(option) => {\n        const selectedOption = option.id as ViewType;\n        const index = options.indexOf(selectedOption);\n        state.reportLayoutOptionClicked(selectedOption, index);\n        if (viewType !== selectedOption) {\n          state.changeViewType(selectedOption);\n        }\n      }}\n    >\n      {({ toggle }) => (\n        <Tooltip content={t('cairo.table.layout.switchLayout')} size=\"medium\">\n          <IconButton\n            dataHook=\"layout-switch-button\"\n            size=\"small\"\n            priority=\"secondary\"\n            aria-haspopup=\"menu\"\n            onClick={() => {\n              state.reportLayoutSwitch();\n              toggle();\n            }}\n          >\n            {layoutConfig[viewType].icon}\n          </IconButton>\n        </Tooltip>\n      )}\n    </DropdownBase>\n  );\n}\n\nexport const LayoutSwitchButton = observer(_LayoutSwitchButton);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_mobxReactLite","require","_react","_interopRequireWildcard","_designSystem","_react2","_layoutConfig","_useBmHarmonyTheme","_jsxFileName","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_LayoutSwitchButton","state","options","translate","internalExperiments","useWixPatternsContainer","viewType","isLayoutToggleRedesignEnabled","enabled","isBmHarmonyTheme","useBmHarmonyTheme","dropdownOptions","useMemo","map","option","listItemSelectBuilder","id","title","layoutConfig","translationKey","prefix","icon","dataHook","createElement","SegmentedToggle","size","selected","onClick","_","value","changeViewType","__self","__source","fileName","lineNumber","columnNumber","Icon","key","tooltipText","DropdownBase","selectedId","showArrow","onSelect","selectedOption","index","indexOf","reportLayoutOptionClicked","toggle","Tooltip","content","IconButton","priority","reportLayoutSwitch","LayoutSwitchButton","exports","observer"],"sources":["../../../../src/components/LayoutSwitchButton/LayoutSwitchButton.tsx"],"sourcesContent":["import { observer } from 'mobx-react-lite';\nimport React, { useMemo } from 'react';\nimport {\n  DropdownBase,\n  IconButton,\n  listItemSelectBuilder,\n  SegmentedToggle,\n  Tooltip,\n} from '@wix/design-system';\nimport { useWixPatternsContainer } from '@wix/bex-core/react';\nimport { ViewType, ViewTypeState } from '../../state/ViewTypeState';\nimport { layoutConfig } from './layoutConfig';\nimport { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';\n\nexport interface LayoutSwitchButtonProps {\n  state: ViewTypeState;\n  options: ViewType[];\n}\n\nfunction _LayoutSwitchButton({ state, options }: LayoutSwitchButtonProps) {\n  const { translate: t, internalExperiments } = useWixPatternsContainer();\n  const { viewType } = state;\n\n  const isLayoutToggleRedesignEnabled = internalExperiments?.enabled(\n    'specs.cairo.layout-toggle.redesign',\n  );\n  const isBmHarmonyTheme = useBmHarmonyTheme();\n\n  const dropdownOptions = useMemo(\n    () =>\n      options.map((option) =>\n        listItemSelectBuilder({\n          id: option,\n          title: t(layoutConfig[option].translationKey),\n          prefix: layoutConfig[option].icon,\n          dataHook: `layout-option-${option}`,\n        }),\n      ),\n    [t, options],\n  );\n\n  if (!isLayoutToggleRedesignEnabled) {\n    return (\n      <SegmentedToggle\n        size={isBmHarmonyTheme ? 'tiny' : 'small'}\n        dataHook=\"layout-switch-toggle-button\"\n        selected={viewType}\n        onClick={(_, value) => {\n          if (state.viewType === value) {\n            return;\n          }\n          state.changeViewType(value as ViewType);\n        }}\n      >\n        {options.map((option) => (\n          <SegmentedToggle.Icon\n            key={option}\n            value={option}\n            dataHook={`toggle-option-${option}`}\n            tooltipText={t(layoutConfig[option].translationKey)}\n          >\n            {layoutConfig[option].icon}\n          </SegmentedToggle.Icon>\n        ))}\n      </SegmentedToggle>\n    );\n  }\n\n  return (\n    <DropdownBase\n      dataHook=\"layout-switch-popover\"\n      options={dropdownOptions}\n      selectedId={viewType}\n      showArrow\n      onSelect={(option) => {\n        const selectedOption = option.id as ViewType;\n        const index = options.indexOf(selectedOption);\n        state.reportLayoutOptionClicked(selectedOption, index);\n        if (viewType !== selectedOption) {\n          state.changeViewType(selectedOption);\n        }\n      }}\n    >\n      {({ toggle }) => (\n        <Tooltip content={t('cairo.table.layout.switchLayout')} size=\"medium\">\n          <IconButton\n            dataHook=\"layout-switch-button\"\n            size=\"small\"\n            priority=\"secondary\"\n            aria-haspopup=\"menu\"\n            onClick={() => {\n              state.reportLayoutSwitch();\n              toggle();\n            }}\n          >\n            {layoutConfig[viewType].icon}\n          </IconButton>\n        </Tooltip>\n      )}\n    </DropdownBase>\n  );\n}\n\nexport const LayoutSwitchButton = observer(_LayoutSwitchButton);\n"],"mappings":"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","ignoreList":[]}

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_ = "LoadingRow59215511";
+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": "LoadingRow59215511__root"
+  "root": "LoadingRow491026576__root"
 };
 var keyframes = exports.keyframes = {
-  "gradientSwoosh": "LoadingRow59215511__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_ = \"LoadingRow59215511\";\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\":\"LoadingRow59215511__root\"};\nexport var keyframes = {\"gradientSwoosh\":\"LoadingRow59215511__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,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;EAAC,gBAAgB,EAAC;AAAoC,CAAC;AACvE,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_ = "MaxHeightText1409616332";
+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": "MaxHeightText1409616332__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_ = \"MaxHeightText1409616332\";\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\":\"MaxHeightText1409616332__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_ = "MaxLines2439770051";
+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": "MaxLines2439770051__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_ = \"MaxLines2439770051\";\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\":\"MaxLines2439770051__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":[]}
+{"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":[]}