@wix/patterns 1.495.0 → 1.497.0

package/src/components/EditableTable/cellTypes/select/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2414094201";
+var _namespace_ = "Edit3401964765";
 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":"Edit2414094201__root","selectInput":"Edit2414094201__selectInput"};
+export var classes = {"root":"Edit3401964765__root","selectInput":"Edit3401964765__selectInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2395190668";
+var _namespace_ = "Edit3952514835";
 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":"Edit2395190668__root","editWrapper":"Edit2395190668__editWrapper","inputArea":"Edit2395190668__inputArea"};
+export var classes = {"root":"Edit3952514835__root","editWrapper":"Edit3952514835__editWrapper","inputArea":"Edit3952514835__inputArea"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/text/View.st.css.ts

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

package/src/components/EditableTable/cellTypes/time/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3719156168";
+var _namespace_ = "Edit1366250558";
 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":"Edit3719156168__root","wrapper":"Edit3719156168__wrapper","overlay":"Edit3719156168__overlay"};
+export var classes = {"root":"Edit1366250558__root","wrapper":"Edit1366250558__wrapper","overlay":"Edit1366250558__overlay"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/Edit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3586755469";
+var _namespace_ = "Edit819347916";
 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":"Edit3586755469__root","urlInput":"Edit3586755469__urlInput"};
+export var classes = {"root":"Edit819347916__root","urlInput":"Edit819347916__urlInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EditableTable/cellTypes/url/View.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View4049590600";
+var _namespace_ = "View3101918258";
 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":"View4049590600__root","textView":"View4049590600__textView","urlText":"View4049590600__urlText","suffix":"View4049590600__suffix"};
+export var classes = {"root":"View3101918258__root","textView":"View3101918258__textView","urlText":"View3101918258__urlText","suffix":"View3101918258__suffix"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EmptyState/EmptyStateBase.st.css.ts

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

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

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

package/src/components/EntityPageFields/EntityPageCustomField.tsx

@@ -4,7 +4,7 @@ import type { Field, FieldTypeDefinition, Focusable } from '@wix/bex-core';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { useController, type Control } from '@wix/bex-core/form';
 import { fieldRefHandle } from '@wix/patterns-fields';
-import { toValidationRules } from '../../state/buildEditableFieldColumns';
+import { buildFieldValidationRules } from '../../utils/fieldValidation';
 
 export interface EntityPageCustomFieldProps {
   field: Field;
@@ -45,7 +45,7 @@ export function EntityPageCustomField({
     rules: validate
       ? {
           validate: (value) =>
-            validate(value, toValidationRules(field, t)) ?? true,
+            validate(value, buildFieldValidationRules(field, t)) ?? true,
         }
       : undefined,
   });

package/src/components/EntityPageFields/EntityPageField.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPageField2583760001";
+var _namespace_ = "EntityPageField3423784249";
 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":"EntityPageField2583760001__root","row":"EntityPageField2583760001__row"};
+export var classes = {"root":"EntityPageField3423784249__root","row":"EntityPageField3423784249__row"};
 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_ = "Fade2813439303";
+var _namespace_ = "Fade3162504937";
 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":"Fade2813439303__root"};
+export var classes = {"root":"Fade3162504937__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/FieldActions/FieldActions.tsx

@@ -1,4 +1,8 @@
-import React, { type ComponentProps, type ReactNode } from 'react';
+import React, {
+  type ComponentProps,
+  type MouseEvent,
+  type ReactNode,
+} from 'react';
 import {
   SortAscendingSmall,
   SortDescendingSmall,
@@ -118,7 +122,7 @@ export const FIELD_ACTIONS: Record<FieldActionKey, FieldActionDef> = {
 };
 
 export type FieldActionHandlers = Partial<
-  Record<FieldActionKey, (id: string) => void>
+  Record<FieldActionKey, (id: string, event?: MouseEvent<HTMLElement>) => void>
 >;
 
 export interface FieldActionHandlersConfig {
@@ -211,7 +215,7 @@ export function buildFieldActionGroups(args: {
             dataHook: def.dataHook,
             icon: def.icon,
             skin: def.skin,
-            onClick: () => {
+            onClick: (event) => {
               if (bi && def.ctaName && ctaIndex) {
                 reportFieldActionCta(bi, {
                   ctaName: def.ctaName,
@@ -220,7 +224,11 @@ export function buildFieldActionGroups(args: {
                   numCtas: biKeys.length,
                 });
               }
-              handler(columnId);
+              if (key === 'filter' && event) {
+                handler(columnId, event);
+              } else {
+                handler(columnId);
+              }
             },
             loading: loading?.[key],
             disabled: disabledTooltip !== undefined,

package/src/components/FieldActions/headerActionTypes.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import type { MouseEvent, ReactNode } from 'react';
 
 export interface HeaderAction {
   /** The text label of the action item. */
@@ -6,7 +6,7 @@ export interface HeaderAction {
   /** Optional data-hook for the menu item (for testkits). */
   dataHook?: string;
   /** Handler called when the action is clicked. */
-  onClick: () => void;
+  onClick: (event?: MouseEvent<HTMLElement>) => void;
   /** An icon to display before the text. */
   icon?: ReactNode;
   /** Disables the action both visually and functionally. */

package/src/components/FiltersPanel/FilterRevealAnchor.tsx

@@ -0,0 +1,49 @@
+import React, { ReactNode, RefObject, useEffect, useRef } from 'react';
+
+interface FilterRevealAnchorProps {
+  request: { sectionKey: string };
+  scrollContainerRef: RefObject<HTMLDivElement>;
+  open: boolean;
+  children: ReactNode;
+}
+
+export function FilterRevealAnchor({
+  request,
+  scrollContainerRef,
+  open,
+  children,
+}: FilterRevealAnchorProps) {
+  const ref = useRef<HTMLDivElement>(null);
+
+  useEffect(() => {
+    const title = ref.current;
+    const list = scrollContainerRef.current;
+    if (!title || !list) {
+      return;
+    }
+    const reveal = () => {
+      list.scrollTop +=
+        title.getBoundingClientRect().top - list.getBoundingClientRect().top;
+    };
+    title.focus({ preventScroll: true });
+    reveal();
+    // Expansion can initially clamp scrollTop for a section near the list's end.
+    const onTransitionEnd = (event: TransitionEvent) => {
+      if (
+        event.propertyName === 'height' &&
+        event.target instanceof HTMLElement &&
+        event.target.parentElement?.contains(title)
+      ) {
+        reveal();
+      }
+    };
+    list.addEventListener('transitionend', onTransitionEnd);
+    return () => list.removeEventListener('transitionend', onTransitionEnd);
+  }, [request, open]);
+
+  return (
+    <div ref={ref} tabIndex={-1} role="heading" aria-level={3}>
+      {children}
+    </div>
+  );
+}

package/src/components/FiltersPanel/FiltersPanel.tsx

@@ -11,7 +11,6 @@ import { observer } from 'mobx-react-lite';
 import { useBuildAccordionItems } from '../../hooks/useBuildAccordionItems';
 import { FiltersPanelFooter } from './FiltersPanelFooter';
 import { FilterRenderingContextProvider } from '../FilterRenderingContext';
-import { FiltersPanelState } from './FiltersPanelState';
 import { FiltersPanelSearch } from './FiltersPanelSearch';
 import { FiltersPanelSearchNoResults } from './FiltersPanelSearchNoResults';
 import { useWixPatternsContainer } from '@wix/bex-core/react';
@@ -42,12 +41,7 @@ function _FiltersPanel<T, F extends FiltersMap>(
 
   const { translate: t } = useWixPatternsContainer();
 
-  const [filtersPanelState] = useState(
-    () =>
-      new FiltersPanelState({
-        toolbar,
-      }),
-  );
+  const filtersPanelState = state.panel;
 
   const showSearch = state.panelFilterElements.length > FILTER_SEARCH_THRESHOLD;
 
@@ -106,7 +100,11 @@ function _FiltersPanel<T, F extends FiltersMap>(
         )}
       </SidePanel.Header>
 
-      <ScrollableContent dataHook="filters-panel-scroll-container" overflowY>
+      <ScrollableContent
+        ref={filtersPanelState.scrollContainerRef}
+        dataHook="filters-panel-scroll-container"
+        overflowY
+      >
         {noResults ? (
           <FiltersPanelSearchNoResults state={filtersPanelState} />
         ) : (

package/src/components/FiltersPanel/FiltersPanelState.ts

@@ -1,6 +1,8 @@
 import { ToolbarCollectionState } from '../../state';
 import { FiltersMap, withoutDefaults } from '@wix/bex-core';
 import { cairoFiltersPanelUsed } from '@wix/bex-core/bi';
+import { createRef, MouseEvent } from 'react';
+import type { FilterElement } from '../CollectionToolbarFilters/filterElement';
 import { action, makeObservable, observable } from 'mobx';
 
 export interface FiltersPanelStateParams<T, F extends FiltersMap> {
@@ -11,18 +13,26 @@ export class FiltersPanelState<T, F extends FiltersMap> {
   readonly toolbar;
 
   searchValue = '';
+  readonly scrollContainerRef = createRef<HTMLDivElement>();
+  readonly openSections = observable.map<string, boolean>();
+  revealRequest: { sectionKey: string } | undefined = undefined;
 
   constructor(params: FiltersPanelStateParams<T, F>) {
     this.toolbar = params.toolbar;
 
     makeObservable(this, {
       searchValue: observable.ref,
+      revealRequest: observable.ref,
+      revealFilter: action.bound,
+      cancelReveal: action.bound,
+      toggleSection: action.bound,
       setSearchValue: action.bound,
       clearSearch: action.bound,
     });
   }
 
   setSearchValue(value: string) {
+    this.cancelReveal();
     this.searchValue = value;
   }
 
@@ -30,6 +40,58 @@ export class FiltersPanelState<T, F extends FiltersMap> {
     this.searchValue = '';
   }
 
+  getSectionKey(element: FilterElement) {
+    return JSON.stringify([element.props.filter.name, element.key]);
+  }
+
+  isSectionOpen(element: FilterElement) {
+    const { initiallyOpen, accordionItemProps } = element.props;
+    return (
+      accordionItemProps?.open ??
+      this.openSections.get(this.getSectionKey(element)) ??
+      accordionItemProps?.initiallyOpen ??
+      initiallyOpen ??
+      false
+    );
+  }
+
+  toggleSection(element: FilterElement, event: MouseEvent<HTMLElement>) {
+    this.cancelReveal();
+    this.openSections.set(
+      this.getSectionKey(element),
+      !this.isSectionOpen(element),
+    );
+    element.props.accordionItemProps?.onToggle?.(event);
+  }
+
+  revealFilter(
+    name: string,
+    elements: FilterElement[],
+    event?: MouseEvent<HTMLElement>,
+  ) {
+    this.clearSearch();
+    const target = elements.find(
+      (element) => element.props.filter.name === name,
+    );
+    this.cancelReveal();
+    if (!target) {
+      return;
+    }
+    const sectionKey = this.getSectionKey(target);
+    const { accordionItemProps } = target.props;
+    if (!accordionItemProps?.disabled && !this.isSectionOpen(target)) {
+      this.openSections.set(sectionKey, true);
+      if (event) {
+        accordionItemProps?.onToggle?.(event);
+      }
+    }
+    this.revealRequest = { sectionKey };
+  }
+
+  cancelReveal() {
+    this.revealRequest = undefined;
+  }
+
   onCloseButtonClick = action(async () => {
     const { reportBi, panels, pendingQuery } = this.toolbar;
 
@@ -40,6 +102,7 @@ export class FiltersPanelState<T, F extends FiltersMap> {
     }
 
     this.clearSearch();
+    this.cancelReveal();
 
     panels.closeSidePanel();
     reportBi(

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

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

package/src/components/ImportButton/ImportButtonModalLayout.tsx

@@ -1,3 +1,4 @@
+import { createImportFieldValidator } from './createImportFieldValidator';
 import {
   Box,
   Button,
@@ -10,6 +11,7 @@ import { getImportModalStepProps } from './getImportModalStepProps';
 import React, { Suspense, lazy, useEffect, useMemo, useState } from 'react';
 import { observer } from 'mobx-react-lite';
 import { useCreateImport } from '@wix/bex-core';
+import { useWixPatternsContainer } from '@wix/bex-core/react';
 import {
   detectFieldType,
   isImportMediaValueCompatible,
@@ -33,9 +35,16 @@ function _ImportButtonModalLayout(props: ImportButtonModalLayoutProps) {
   // the toolbar's fields source to ImportState, which builds the effective config.
   const toolbar = useToolbarCollectionContext();
 
+  const { translate } = useWixPatternsContainer();
+  const fieldsSource = toolbar.collectionFieldsSource?.fieldsSource;
+  const schemaSource = toolbar.collectionFieldsSource?.schemaSource;
+
   const createImport = useCreateImport({
+    createFieldValidator: (field) =>
+      createImportFieldValidator(field, translate),
+    schemaSource,
     importInputs: config,
-    fieldsSource: toolbar.collectionFieldsSource?.fieldsSource,
+    fieldsSource,
     // Media-aware detection (image/video/document/audio) lives in
     // patterns-fields; core defaults to primitive detection without it.
     // ImportState wires the schema-backed `mergeFields` from the source, so

package/src/components/ImportButton/ImportStepConfiguration.tsx

@@ -44,7 +44,8 @@ type FieldTypeTitleKey =
   | 'auto-patterns.fields.field_type_image_title'
   | 'auto-patterns.fields.field_type_video_title'
   | 'auto-patterns.fields.field_type_document_title'
-  | 'auto-patterns.fields.field_type_audio_title';
+  | 'auto-patterns.fields.field_type_audio_title'
+  | 'auto-patterns.fields.field_type_rich_text_title';
 
 const NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {
   text: 'auto-patterns.fields.field_type_text_title',
@@ -56,6 +57,8 @@ const NEW_FIELD_TYPE_TITLE_KEY: Record<NewFieldType, FieldTypeTitleKey> = {
   video: 'auto-patterns.fields.field_type_video_title',
   document: 'auto-patterns.fields.field_type_document_title',
   audio: 'auto-patterns.fields.field_type_audio_title',
+  richText: 'auto-patterns.fields.field_type_rich_text_title',
+  multiReference: 'auto-patterns.fields.field_type_text_title',
 };
 
 type DropdownOption = ReturnType<typeof listItemSelectBuilder>;

package/src/components/ImportButton/ImportStepUpload.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload2770342220";
+var _namespace_ = "ImportStepUpload2138524897";
 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":"ImportStepUpload2770342220__root","fileUpload":"ImportStepUpload2770342220__fileUpload"};
+export var classes = {"root":"ImportStepUpload2138524897__root","fileUpload":"ImportStepUpload2138524897__fileUpload"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/ImportButton/createImportFieldValidator.ts

@@ -0,0 +1,20 @@
+import type { Field, Translate } from '@wix/bex-core';
+import {
+  buildFieldValidationRules,
+  validateFieldValue,
+} from '../../utils/fieldValidation';
+
+export function createImportFieldValidator(field: Field, translate: Translate) {
+  const rules = buildFieldValidationRules(field, translate).map((rule) => {
+    // These messages already include the field name.
+    if (['required', 'pattern', 'specificValues'].includes(rule.type)) {
+      return rule;
+    }
+    return { ...rule, message: `${field.displayName}: ${rule.message}` };
+  });
+  return (raw: string): string[] => {
+    const value =
+      raw === '' ? undefined : field.type === 'NUMBER' ? Number(raw) : raw;
+    return validateFieldValue(value, rules).errors ?? [];
+  };
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "InputOverflow2435192461";
+var _namespace_ = "InputOverflow3563109951";
 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":"InputOverflow2435192461__root"};
+export var classes = {"root":"InputOverflow3563109951__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_ = "LoadingRow545130978";
+var _namespace_ = "LoadingRow1083835067";
 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":"LoadingRow545130978__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow545130978__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow1083835067__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow1083835067__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_ = "MaxHeightText790531276";
+var _namespace_ = "MaxHeightText3978950453";
 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":"MaxHeightText790531276__root"};
+export var classes = {"root":"MaxHeightText3978950453__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_ = "MaxLines2304982459";
+var _namespace_ = "MaxLines3661635466";
 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":"MaxLines2304982459__root"};
+export var classes = {"root":"MaxLines3661635466__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_ = "MultiBulkActionToolbar1820361712";
+var _namespace_ = "MultiBulkActionToolbar3457488794";
 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":"MultiBulkActionToolbar1820361712__root","leftGroupWrapper":"MultiBulkActionToolbar1820361712__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1820361712__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1820361712__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar3457488794__root","leftGroupWrapper":"MultiBulkActionToolbar3457488794__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3457488794__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3457488794__selectedCountText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};