@wix/patterns 1.436.0 → 1.438.0

package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldForm2462544011";
+var _namespace_ = "CmsFieldForm1804752447";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CmsFieldForm2462544011__root","fullBleedDivider":"CmsFieldForm2462544011__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm1804752447__root","fullBleedDivider":"CmsFieldForm1804752447__fullBleedDivider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldModal1718312338";
+var _namespace_ = "CmsFieldModal2942131533";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CmsFieldModal1718312338__root","modal":"CmsFieldModal1718312338__modal"};
+export var classes = {"root":"CmsFieldModal2942131533__root","modal":"CmsFieldModal2942131533__modal"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "ValidationAndDefaultsSection1339058119";
+var _namespace_ = "ValidationAndDefaultsSection3910330885";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ValidationAndDefaultsSection1339058119__root","accordionWrapper":"ValidationAndDefaultsSection1339058119__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection3910330885__root","accordionWrapper":"ValidationAndDefaultsSection3910330885__accordionWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CharactersLimitInput4051528638";
+var _namespace_ = "CharactersLimitInput3513095947";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CharactersLimitInput4051528638__root","field":"CharactersLimitInput4051528638__field"};
+export var classes = {"root":"CharactersLimitInput3513095947__root","field":"CharactersLimitInput3513095947__field"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Collapse/Collapse.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse1142412841";
+var _namespace_ = "Collapse3887109283";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Collapse1142412841__root","exit":"Collapse1142412841__exit"};
+export var classes = {"root":"Collapse3887109283__root","exit":"Collapse3887109283__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage3844973273";
+var _namespace_ = "CollectionPage3485000139";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPage3844973273__root"};
+export var classes = {"root":"CollectionPage3485000139__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionSectionHeader/CollectionSectionHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader848664292";
+var _namespace_ = "CollectionSectionHeader3175988785";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionSectionHeader848664292__root","summaryIcon":"CollectionSectionHeader848664292__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader3175988785__root","summaryIcon":"CollectionSectionHeader3175988785__summaryIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTable.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTable2884060530";
+var _namespace_ = "CollectionTable1794683406";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTable2884060530__root"};
+export var classes = {"root":"CollectionTable1794683406__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTableWSRTable1902965224";
+var _namespace_ = "CollectionTableWSRTable3464043921";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTableWSRTable1902965224__root"};
+export var classes = {"root":"CollectionTableWSRTable3464043921__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -26,6 +26,7 @@ import { CollectionToolbars } from '../CollectionToolbars/CollectionToolbars';
 import { BorderOnlyBox } from '../BorderOnlyBox';
 import { usePageContext, useWixPatternsContainer } from '@wix/bex-core/react';
 import { useIsMobile } from '../../hooks/useIsMobile';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 import { CollectionToolbarsVisualizationProps } from '../CollectionToolbars/CollectionToolbarsVisualization';
 import { buildMobileColumns } from './buildMobileColumns';
 import { TableColumn } from '../../model';
@@ -143,6 +144,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
   } = props;
 
   const isMobile = useIsMobile();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
   const {
     toolbar,
     showEmptyState,
@@ -186,6 +188,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
     initTask.status.isError;
 
   const showBorderBox =
+    !isBmHarmonyTheme &&
     !isPanelLayout &&
     (!table.showLoadingState || !showTitleBar) &&
     (hideTitleBar || !showTitleBar);

package/src/components/CollectionToolbar/CollectionToolbar.st.css

@@ -62,7 +62,8 @@
   margin-inline-start: 0 !important;
 }
 
-.root:mobile {
+/* Under Harmony the toolbar keeps WDS's own horizontal padding */
+.root:mobile:not(:harmony) {
   padding-right: 18px;
   padding-left: 18px;
 }

package/src/components/CollectionToolbar/CollectionToolbar.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1413318862";
+var _namespace_ = "CollectionToolbar409869096";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionToolbar1413318862__root","right":"CollectionToolbar1413318862__right","left":"CollectionToolbar1413318862__left","fullWidth":"CollectionToolbar1413318862__fullWidth"};
+export var classes = {"root":"CollectionToolbar409869096__root","right":"CollectionToolbar409869096__right","left":"CollectionToolbar409869096__left","fullWidth":"CollectionToolbar409869096__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/CollectionToolbar.tsx

@@ -338,15 +338,22 @@ function _CollectionToolbar<T, F extends FiltersMap>(
       <Box direction="vertical" dataHook={dataHook}>
         <Box
           minHeight={
-            isPanelLayout ? '48px' : title?.props.subtitle ? '78px' : '60px'
+            isPanelLayout
+              ? '48px'
+              : isBmHarmonyTheme
+              ? undefined
+              : title?.props.subtitle
+              ? '78px'
+              : '60px'
           }
         >
           {state.isReorderModeToolbarVisible ? (
             dragAndDropReorderModeToolbar
           ) : (
             <TableToolbar
-              removeVerticalPadding
+              removeVerticalPadding={!isBmHarmonyTheme}
               className={st(classes.root, {
+                harmony: isBmHarmonyTheme,
                 views: !responsive.responsiveDisabled,
                 mobile: isMobile,
                 responsiveMode,

package/src/components/CollectionToolbar/ReorderModeToolbar.tsx

@@ -13,6 +13,7 @@ import { ToolbarCollectionState } from '../../state';
 import { useToolbarCollectionContext } from '../ToolbarCollectionContext';
 import { setReorderModeState } from '../DragAndDrop/initReordeModeState';
 import { ReorderModeDiscardChangesModal } from './ReorderModeDiscardChangesModal';
+import { useBmHarmonyTheme } from '../../hooks/useBmHarmonyTheme';
 
 export interface ReorderModeToolbarBaseProps {
   learnMoreUrl?: string;
@@ -30,13 +31,17 @@ function _ReorderModeToolbar<T, F extends FiltersMap>(
   const { learnMoreUrl, reorderModeTitle, state } = props;
 
   const { translate: t } = useWixPatternsContainer();
+  const isBmHarmonyTheme = useBmHarmonyTheme();
 
   if (!state.reorderModeState) {
     return null;
   }
 
   return (
-    <TableToolbar removeVerticalPadding dataHook="reorder-mode-toolbar">
+    <TableToolbar
+      removeVerticalPadding={!isBmHarmonyTheme}
+      dataHook="reorder-mode-toolbar"
+    >
       <TableToolbar.ItemGroup position="start">
         <TableToolbar.Item>
           <Box gap="SP1">

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter2333057144";
+var _namespace_ = "SearchOrCustomFilter313588045";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SearchOrCustomFilter2333057144__root","search":"SearchOrCustomFilter2333057144__search","searchMobile":"SearchOrCustomFilter2333057144__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter313588045__root","search":"SearchOrCustomFilter313588045__search","searchMobile":"SearchOrCustomFilter313588045__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly688824597";
+var _namespace_ = "AutoCompleteReadonly3039989885";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"AutoCompleteReadonly688824597__root"};
+export var classes = {"root":"AutoCompleteReadonly3039989885__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ViewsDropdown2009926439";
+var _namespace_ = "ViewsDropdown3737417169";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ViewsDropdown2009926439__root"};
+export var classes = {"root":"ViewsDropdown3737417169__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};