@wix/patterns 1.328.0 → 1.330.0

package/src/components/EntityPage/EntityPagePlain.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPagePlain301057334";
+var _namespace_ = "EntityPagePlain613602628";
 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":"EntityPagePlain301057334__root"};
+export var classes = {"root":"EntityPagePlain613602628__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Fade1912210342";
+var _namespace_ = "Fade1385941074";
 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":"Fade1912210342__root"};
+export var classes = {"root":"Fade1385941074__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading941919792";
+var _namespace_ = "Heading2138316289";
 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":"Heading941919792__root"};
+export var classes = {"root":"Heading2138316289__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow114927068";
+var _namespace_ = "InputOverflow2503190071";
 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":"InputOverflow114927068__root"};
+export var classes = {"root":"InputOverflow2503190071__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "LoadingRow1343617370";
+var _namespace_ = "LoadingRow1150220581";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,8 +13,8 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"LoadingRow1343617370__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1343617370__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1150220581__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1150220581__gradientSwoosh"}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxHeightText549151743";
+var _namespace_ = "MaxHeightText881762834";
 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":"MaxHeightText549151743__root"};
+export var classes = {"root":"MaxHeightText881762834__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MaxLines2207513211";
+var _namespace_ = "MaxLines904427277";
 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":"MaxLines2207513211__root"};
+export var classes = {"root":"MaxLines904427277__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultiBulkActionToolbar460152276";
+var _namespace_ = "MultiBulkActionToolbar1329093442";
 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":"MultiBulkActionToolbar460152276__root","leftGroupWrapper":"MultiBulkActionToolbar460152276__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar460152276__selectedCountItem","selectedCountText":"MultiBulkActionToolbar460152276__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1329093442__root","leftGroupWrapper":"MultiBulkActionToolbar1329093442__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1329093442__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1329093442__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTablePlaceholderStatesRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTablePlaceholderStatesRow3701326031";
+var _namespace_ = "NestedTablePlaceholderStatesRow3190467478";
 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":"NestedTablePlaceholderStatesRow3701326031__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow3190467478__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableRow1368243707";
+var _namespace_ = "NestedTableRow2980402099";
 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":"NestedTableRow1368243707__root","firstLevel":"NestedTableRow1368243707__firstLevel","placeholder":"NestedTableRow1368243707__placeholder","parentHovered":"NestedTableRow1368243707__parentHovered"};
+export var classes = {"root":"NestedTableRow2980402099__root","firstLevel":"NestedTableRow2980402099__firstLevel","placeholder":"NestedTableRow2980402099__placeholder","parentHovered":"NestedTableRow2980402099__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTable/NestedTableWSRTable.tsx

@@ -135,6 +135,7 @@ function _NestedTableWSRTable<C extends string, T, F extends FiltersMap>(
       state.virtual.estimatedRowHeight = estimatedRowHeight;
     });
   }, [estimatedRowHeight, state]);
+
   let table = (
     <Table
       rowVerticalPadding={rowVerticalPadding}

package/src/components/NestedTableDragAndDrop/MultipleDragOverlayEffect.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "MultipleDragOverlayEffect2955383918";
+var _namespace_ = "MultipleDragOverlayEffect2951015341";
 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":"MultipleDragOverlayEffect2955383918__root"};
+export var classes = {"root":"MultipleDragOverlayEffect2951015341__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/NestedTableDragAndDrop/NestedTableDragAndDropRow.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "NestedTableDragAndDropRow3437582656";
+var _namespace_ = "NestedTableDragAndDropRow1719272982";
 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":"NestedTableDragAndDropRow3437582656__root"};
+export var classes = {"root":"NestedTableDragAndDropRow1719272982__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContent454214005";
+var _namespace_ = "PickerContent2465517014";
 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":"PickerContent454214005__root"};
+export var classes = {"root":"PickerContent2465517014__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/PickerContent/PickerContentAdditionalStep.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerContentAdditionalStep1442705227";
+var _namespace_ = "PickerContentAdditionalStep2479749055";
 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":"PickerContentAdditionalStep1442705227__root","titles":"PickerContentAdditionalStep1442705227__titles","suffix":"PickerContentAdditionalStep1442705227__suffix"};
+export var classes = {"root":"PickerContentAdditionalStep2479749055__root","titles":"PickerContentAdditionalStep2479749055__titles","suffix":"PickerContentAdditionalStep2479749055__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "PickerTableListItem644266313";
+var _namespace_ = "PickerTableListItem2434101790";
 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":"PickerTableListItem644266313__root"};
+export var classes = {"root":"PickerTableListItem2434101790__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ScrollableContent2292865565";
+var _namespace_ = "ScrollableContent940443908";
 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":"ScrollableContent2292865565__root"};
+export var classes = {"root":"ScrollableContent940443908__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SkeletonCard2419374409";
+var _namespace_ = "SkeletonCard1196298223";
 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":"SkeletonCard2419374409__root","headerLoading":"SkeletonCard2419374409__headerLoading"};
+export var classes = {"root":"SkeletonCard1196298223__root","headerLoading":"SkeletonCard1196298223__headerLoading"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SlidingModal745475248";
+var _namespace_ = "SlidingModal3671871921";
 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":"SlidingModal745475248__root"};
+export var classes = {"root":"SlidingModal3671871921__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Suggestions/MarketingCard.tsx

@@ -155,15 +155,15 @@ const MarketingCardInternal = forwardRef<
 
 /**
  * Creates a render function for marketing cards.
- * @param translateOffer - Optional function to transform offer data into MarketingCardSchema.
+ * @param transformOffer - Optional function to transform offer data into MarketingCardSchema.
  *                         If not provided, uses offer.asset.creative directly.
  * @returns A render function compatible with Suggestions.renderCard prop.
  */
 export const renderMarketingCard =
-  (translateOffer?: (offer: Offer) => MarketingCardSchema | null) =>
+  (transformOffer?: (offer: Offer) => MarketingCardSchema | null) =>
   (props: SuggestionsCardProps): React.ReactElement | null => {
-    const schema = translateOffer
-      ? translateOffer(props.offer)
+    const schema = transformOffer
+      ? transformOffer(props.offer)
       : (props.offer?.asset?.creative as MarketingCardSchema | null);
 
     const requiredFieldsExist =

package/src/components/Suggestions/Suggestions.tsx

@@ -56,7 +56,7 @@ const SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({
         <Box
           direction="horizontal"
           gap="SP4"
-          dataHook={`${dataHook}-container-${dataState}`}
+          dataHook={`suggestions-container-${dataState}`}
         >
           {children}
         </Box>
@@ -67,7 +67,7 @@ const SuggestionsContainer: React.FC<SuggestionsContainerProps> = ({
   return (
     <div data-hook={dataHook}>
       <CarouselWIP
-        dataHook={`${dataHook}-carousel-${dataState}`}
+        dataHook={`suggestions-carousel-${dataState}`}
         {...defaultCarouselProps}
         {...carouselProps}
       >

package/src/components/Suggestions/Suggestions.uni.driver.ts

@@ -60,7 +60,7 @@ export const SuggestionsUniDriver = (base: UniDriver, body: UniDriver) => {
       const containerExists = await containerIdle.exists();
       return !carouselExists && !containerExists;
     },
-    getCardsCounts: async () => {
+    getCardsCount: async () => {
       const carouselChildren = await getCarouselChildren();
       if (carouselChildren) {
         return carouselChildren.length;

package/src/components/Suggestions/types.ts

@@ -26,21 +26,42 @@ export interface SuggestionsCardProps extends BaseCardComponentProps {
  * Props for the Suggestions component
  */
 export interface SuggestionsProps {
-  /** The placement ID to fetch offers for */
+  /**
+   * The placement ID to fetch offers for.
+   * @external
+   */
   placementId: string;
-  /** Props to pass to the carousel component */
+  /**
+   * Props to pass to the carousel component.
+   * @external
+   */
   carouselProps?: CarouselWIPProps;
   /**
-   * Render function for each offer card.
-   * The returned element must be a forwardRef component.
+   * Render function for each offer card. Return `null` to filter out a card.
+   * @external
+   */
+  renderCard: (props: SuggestionsCardProps) => React.ReactNode | null;
+  /**
+   * Skeleton component to render when loading.
+   * @external
    */
-  renderCard: (props: SuggestionsCardProps) => React.ReactElement | null;
-  /** Skeleton component to render when loading */
   CardSkeleton?: React.ComponentType<BaseCardComponentProps>;
-  /** Number of skeletons to render when loading */
+  /**
+   * Number of skeletons to render when loading.
+   * @default 4
+   * @external
+   */
   skeletonsNumber?: number;
-  /** Data hook to use for the suggestions component */
+  /**
+   * Data hook for testing.
+   * @default 'suggestions'
+   * @external
+   */
   dataHook?: string;
-  /** Maximum number of items to display inline (Box layout). Above this, Carousel is used. */
+  /**
+   * Maximum number of items to display inline (Box layout). Above this, Carousel is used.
+   * @default 2
+   * @external
+   */
   maxInlineItems?: number;
 }

package/src/components/TableSkeleton/TableSkeleton.tsx

@@ -94,7 +94,9 @@ export function _TableSkeleton<T, F extends FiltersMap>(
           borderRadius="0px 0px 8px 8px"
           overflow="hidden"
         >
-          <Table.Content titleBarVisible={showTitleBar} />
+          <Table.Content
+            titleBarVisible={showTitleBar && state.collection.showInitialLoader}
+          />
         </Box>
       </Table>
     </Box>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "TabsFilter3724851838";
+var _namespace_ = "TabsFilter1600753767";
 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":"TabsFilter3724851838__root","title":"TabsFilter3724851838__title"};
+export var classes = {"root":"TabsFilter1600753767__root","title":"TabsFilter1600753767__title"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/Tags/ManageTags/ManageTagsModal/ManageTagsModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "ManageTagsModal970534421";
+var _namespace_ = "ManageTagsModal1303488847";
 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":"ManageTagsModal970534421__root"};
+export var classes = {"root":"ManageTagsModal1303488847__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItem1154854352";
+var _namespace_ = "ToolbarItem3160268388";
 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":"ToolbarItem1154854352__root"};
+export var classes = {"root":"ToolbarItem3160268388__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ToolbarItemBox2032730535";
+var _namespace_ = "ToolbarItemBox1229259763";
 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":"ToolbarItemBox2032730535__root"};
+export var classes = {"root":"ToolbarItemBox1229259763__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "common1571706969";
+var _namespace_ = "common1422719266";
 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":"common1571706969__root","column":"common1571706969__column","fullHeight":"common1571706969__fullHeight"};
+export var classes = {"root":"common1422719266__root","column":"common1422719266__column","fullHeight":"common1422719266__fullHeight"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/CollectionPage/CollectionPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPageHeader2819825270";
+var _namespace_ = "CollectionPageHeader3666513102";
 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":"CollectionPageHeader2819825270__root"};
+export var classes = {"root":"CollectionPageHeader3666513102__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/state/FormPage/FormPageHeader.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "FormPageHeader2065995919";
+var _namespace_ = "FormPageHeader119994721";
 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":"FormPageHeader2065995919__root"};
+export var classes = {"root":"FormPageHeader119994721__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/styles.global.css

@@ -1 +1 @@
-.CardContainer3687363124__root.CardContainer3687363124--mobile{border-radius:0}.Collapse1559384194__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse1559384194__exit{height:0}.CollectionPage3255568042__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage3255568042__root.CollectionPage3255568042--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage3255568042__root.CollectionPage3255568042--panel{overflow:hidden;position:relative}.CollectionTable2031780918__root td{vertical-align:middle}.CollectionTable2031780918__root.CollectionTable2031780918--mobile td:first-child{padding-left:18px}.CollectionTable2031780918__root.CollectionTable2031780918--mobile td:last-child{padding-right:18px}.CollectionToolbar1004433849__left{min-width:0}.CollectionToolbar1004433849__root.CollectionToolbar1004433849--views .CollectionToolbar1004433849__left{flex-shrink:1;flex-grow:0}.CollectionToolbar1004433849__left.CollectionToolbar1004433849--expandable{flex:auto}.CollectionToolbar1004433849__root .CollectionToolbar1004433849__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar1004433849__root.CollectionToolbar1004433849--views .CollectionToolbar1004433849__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar1004433849__root .CollectionToolbar1004433849__right.CollectionToolbar1004433849__fullWidth{margin-inline-start:0!important}.CollectionToolbar1004433849__root.CollectionToolbar1004433849--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter1235070044__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter1235070044__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter1235070044__searchMobile:not(.SearchOrCustomFilter1235070044--expandable){left:18px}.SearchOrCustomFilter1235070044__searchMobile.SearchOrCustomFilter1235070044--expandable.SearchOrCustomFilter1235070044--expanded{left:18px}.AutoCompleteReadonly1011499478__root.AutoCompleteReadonly1011499478--disableEditing{cursor:pointer}.AutoCompleteReadonly1011499478__root.AutoCompleteReadonly1011499478--disableEditing input{cursor:pointer}.ViewsDropdown2695123684__root{width:200px}.DragHandle123620585__root{display:flex;align-items:center}.DragHandle123620585__root:not(.DragHandle123620585--disabled){cursor:grab;color:#a8caff}.DragHandle123620585__root.DragHandle123620585--disabled{color:#acafc4}.DragHandle123620585__root:focus-visible:not(.DragHandle123620585--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle123620585__root.DragHandle123620585--disabled{pointer-events:none}.DragHandle123620585__root.DragHandle123620585--dragging:not(.DragHandle123620585--disabled){cursor:grabbing}.EntityPagePlain301057334__root.EntityPagePlain301057334--mobile{--wds-page-header-padding-horizontal:0}.Fade1912210342__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1912210342__root.Fade1912210342--exit{opacity:0}.Heading941919792__root{visibility:visible}.Heading941919792__root.Heading941919792--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow114927068__root.InputOverflow114927068--selected:not(.InputOverflow114927068--focused) input::placeholder{color:#000624}@keyframes LoadingRow1343617370__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1343617370__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1343617370__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText549151743__root{opacity:1}.MaxHeightText549151743__root.MaxHeightText549151743--height24{line-height:24px}.MaxLines2207513211__root{overflow:hidden}.MaxLines2207513211__root.MaxLines2207513211--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar460152276__root{min-width:0}.MultiBulkActionToolbar460152276__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar460152276__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar460152276__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3701326031__root td{padding:0!important;width:100%}.NestedTableRow1368243707__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow1368243707__root:hover{background-color:#e7f0ff!important}.NestedTableRow1368243707__root.NestedTableRow1368243707--expandable{cursor:pointer}.NestedTableRow1368243707__placeholder td{padding:0!important;width:100%}.NestedTableRow1368243707__root:hover td:first-of-type::before,.NestedTableRow1368243707__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2955383918__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow3437582656__root.NestedTableDragAndDropRow3437582656--draggingInto td{background-color:#e7f0ff!important}.PickerContent454214005__root{display:flex}.PickerContentAdditionalStep1442705227__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep1442705227__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem644266313__root{box-sizing:border-box}.ScrollableContent2292865565__root.ScrollableContent2292865565--overflowY{overflow-y:auto}.ScrollableContent2292865565__root.ScrollableContent2292865565--overflowX{overflow-x:auto}.ScrollableContent2292865565__root.ScrollableContent2292865565--smooth{scroll-behavior:smooth}.SkeletonCard2419374409__headerLoading{display:block!important}.SlidingModal745475248__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal745475248__root.SlidingModal745475248--overlay{transition:transform 0s ease 0s}.SlidingModal745475248__root.SlidingModal745475248---appendTo-6-parent{position:absolute}.SlidingModal745475248__root:not(.SlidingModal745475248--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter3724851838__root .TabsFilter3724851838__title{color:inherit!important}.ManageTagsModal970534421__root{display:flex}.ToolbarItem1154854352__root{min-width:0}.ToolbarItemBox2032730535__root{min-width:0}.ToolbarItemBox2032730535__root.ToolbarItemBox2032730535--removeStartPadding{margin-left:-24px}.ToolbarItemBox2032730535__root.ToolbarItemBox2032730535--expandable{flex:1 0}.common1571706969__column{display:flex;flex-direction:column}.common1571706969__fullHeight{height:100%;min-height:0}.CollectionPageHeader2819825270__root.CollectionPageHeader2819825270--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader2819825270__root.CollectionPageHeader2819825270--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader2065995919__root.FormPageHeader2065995919--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader2065995919__root.FormPageHeader2065995919--mobile>*{margin-left:0;margin-top:6px!important;height:auto}
+.CardContainer167838186__root.CardContainer167838186--mobile{border-radius:0}.Collapse735584540__root{transition-property:height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.Collapse735584540__exit{height:0}.CollectionPage1863061599__root [data-hook=page-header-wrapper]{--wds-space-300:18px}.CollectionPage1863061599__root.CollectionPage1863061599--mobile{--wds-page-header-padding-horizontal:0;--wds-color-fill-surface-sunken:#ffffff}.CollectionPage1863061599__root.CollectionPage1863061599--panel{overflow:hidden;position:relative}.CollectionTable678733313__root td{vertical-align:middle}.CollectionTable678733313__root.CollectionTable678733313--mobile td:first-child{padding-left:18px}.CollectionTable678733313__root.CollectionTable678733313--mobile td:last-child{padding-right:18px}.CollectionToolbar494440565__left{min-width:0}.CollectionToolbar494440565__root.CollectionToolbar494440565--views .CollectionToolbar494440565__left{flex-shrink:1;flex-grow:0}.CollectionToolbar494440565__left.CollectionToolbar494440565--expandable{flex:auto}.CollectionToolbar494440565__root .CollectionToolbar494440565__right{justify-content:flex-end!important;flex-grow:1;flex-shrink:1;flex-basis:auto}.CollectionToolbar494440565__root.CollectionToolbar494440565--views .CollectionToolbar494440565__right{min-width:0;flex-grow:1;flex-shrink:0;flex-basis:0}.CollectionToolbar494440565__root .CollectionToolbar494440565__right.CollectionToolbar494440565__fullWidth{margin-inline-start:0!important}.CollectionToolbar494440565__root.CollectionToolbar494440565--mobile{padding-right:18px;padding-left:18px}.SearchOrCustomFilter996371609__search{min-width:140px;max-width:240px;flex:1 0}.SearchOrCustomFilter996371609__searchMobile{justify-content:flex-end;position:absolute;right:18px}.SearchOrCustomFilter996371609__searchMobile:not(.SearchOrCustomFilter996371609--expandable){left:18px}.SearchOrCustomFilter996371609__searchMobile.SearchOrCustomFilter996371609--expandable.SearchOrCustomFilter996371609--expanded{left:18px}.AutoCompleteReadonly197201811__root.AutoCompleteReadonly197201811--disableEditing{cursor:pointer}.AutoCompleteReadonly197201811__root.AutoCompleteReadonly197201811--disableEditing input{cursor:pointer}.ViewsDropdown543337590__root{width:200px}.DragHandle3544849176__root{display:flex;align-items:center}.DragHandle3544849176__root:not(.DragHandle3544849176--disabled){cursor:grab;color:#a8caff}.DragHandle3544849176__root.DragHandle3544849176--disabled{color:#acafc4}.DragHandle3544849176__root:focus-visible:not(.DragHandle3544849176--disabled){outline:0;box-shadow:0 0 0 3px #a6d0ff}.DragHandle3544849176__root.DragHandle3544849176--disabled{pointer-events:none}.DragHandle3544849176__root.DragHandle3544849176--dragging:not(.DragHandle3544849176--disabled){cursor:grabbing}.EntityPagePlain613602628__root.EntityPagePlain613602628--mobile{--wds-page-header-padding-horizontal:0}.Fade1385941074__root{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);opacity:1}.Fade1385941074__root.Fade1385941074--exit{opacity:0}.Heading2138316289__root{visibility:visible}.Heading2138316289__root.Heading2138316289--appearanceH2{font-size:28px!important;line-height:36px!important}.InputOverflow2503190071__root.InputOverflow2503190071--selected:not(.InputOverflow2503190071--focused) input::placeholder{color:#000624}@keyframes LoadingRow1150220581__gradientSwoosh{0%{background-position:50% 50%;background-size:150% 125%}15%{background-position:75% 40%;background-size:130% 115%}30%{background-position:50% 50%;background-size:120% 135%}60%{background-position:30% 50%;background-size:120% 135%}80%{background-position:10% 30%;background-size:130% 155%}to{background-position:40% 45%;background-size:125% 135%}}.LoadingRow1150220581__root{background-image:linear-gradient(60deg,rgba(255,255,255,.15)0,rgba(255,255,255,.15) 50%,rgba(95,242,174,.15) 100%),linear-gradient(284.81deg,#fff 67.18%,#91bbff 158.87%),linear-gradient(29deg,rgba(145,187,255,.6)0,#fff 40%,rgba(95,242,174,.6) 100%);height:100%;background-size:150% 125%;background-repeat:no-repeat;animation:LoadingRow1150220581__gradientSwoosh 2s ease-out infinite alternate}.MaxHeightText881762834__root{opacity:1}.MaxHeightText881762834__root.MaxHeightText881762834--height24{line-height:24px}.MaxLines904427277__root{overflow:hidden}.MaxLines904427277__root.MaxLines904427277--clamp{-webkit-box-orient:vertical;display:-webkit-box}.MultiBulkActionToolbar1329093442__root{min-width:0}.MultiBulkActionToolbar1329093442__leftGroupWrapper{overflow:hidden;padding-right:12px;min-width:0;flex-wrap:nowrap;align-items:center}.MultiBulkActionToolbar1329093442__selectedCountItem{min-width:0;flex-shrink:1;white-space:nowrap;overflow:hidden}.MultiBulkActionToolbar1329093442__selectedCountText{display:block;width:100%}.NestedTablePlaceholderStatesRow3190467478__root td{padding:0!important;width:100%}.NestedTableRow2980402099__firstLevel td{padding-top:18px!important;padding-bottom:18px!important}.NestedTableRow2980402099__root:hover{background-color:#e7f0ff!important}.NestedTableRow2980402099__root.NestedTableRow2980402099--expandable{cursor:pointer}.NestedTableRow2980402099__placeholder td{padding:0!important;width:100%}.NestedTableRow2980402099__root:hover td:first-of-type::before,.NestedTableRow2980402099__parentHovered td:first-of-type::before{content:"";position:absolute;top:0;bottom:0;left:0;width:2px;background-color:#5999ff}.MultipleDragOverlayEffect2951015341__root{position:absolute;transform:translate(6px,6px);background-color:#fff;box-shadow:0 2px 4px 0 rgba(0,6,36,.12),0 0 6px 0 rgba(0,6,36,.12)}.NestedTableDragAndDropRow1719272982__root.NestedTableDragAndDropRow1719272982--draggingInto td{background-color:#e7f0ff!important}.PickerContent2465517014__root{display:flex}.PickerContentAdditionalStep2479749055__titles{display:flex;justify-content:center;flex:1 1 auto;overflow:hidden;flex-direction:column}.PickerContentAdditionalStep2479749055__suffix{display:flex;align-items:center;flex:0 0 auto;overflow:hidden}.PickerTableListItem2434101790__root{box-sizing:border-box}.ScrollableContent940443908__root.ScrollableContent940443908--overflowY{overflow-y:auto}.ScrollableContent940443908__root.ScrollableContent940443908--overflowX{overflow-x:auto}.ScrollableContent940443908__root.ScrollableContent940443908--smooth{scroll-behavior:smooth}.SkeletonCard1196298223__headerLoading{display:block!important}.SlidingModal3671871921__root{transition:transform .4s ease 0s;position:fixed;z-index:1}.SlidingModal3671871921__root.SlidingModal3671871921--overlay{transition:transform 0s ease 0s}.SlidingModal3671871921__root.SlidingModal3671871921---appendTo-6-parent{position:absolute}.SlidingModal3671871921__root:not(.SlidingModal3671871921--exited){box-shadow:0 3px 24px 0 rgba(22,45,61,.18),0 8px 8px 0 rgba(22,45,61,.12)}.TabsFilter1600753767__root .TabsFilter1600753767__title{color:inherit!important}.ManageTagsModal1303488847__root{display:flex}.ToolbarItem3160268388__root{min-width:0}.ToolbarItemBox1229259763__root{min-width:0}.ToolbarItemBox1229259763__root.ToolbarItemBox1229259763--removeStartPadding{margin-left:-24px}.ToolbarItemBox1229259763__root.ToolbarItemBox1229259763--expandable{flex:1 0}.common1422719266__column{display:flex;flex-direction:column}.common1422719266__fullHeight{height:100%;min-height:0}.CollectionPageHeader3666513102__root.CollectionPageHeader3666513102--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.CollectionPageHeader3666513102__root.CollectionPageHeader3666513102--mobile>*{margin-left:0;margin-top:6px!important;height:auto}.FormPageHeader119994721__root.FormPageHeader119994721--mobile{flex-direction:column;padding-right:18px;padding-left:18px}.FormPageHeader119994721__root.FormPageHeader119994721--mobile>*{margin-left:0;margin-top:6px!important;height:auto}