@wix/patterns 1.331.0 → 1.333.0

package/src/components/BulkActionButton/BulkActionButton.tsx

@@ -1,5 +1,5 @@
 import { Button, ButtonProps, TooltipProps } from '@wix/design-system';
-import React from 'react';
+import React, { forwardRef, useCallback } from 'react';
 import { DisabledTooltip } from '../DisabledTooltip';
 
 export type BulkActionButtonProps = ButtonProps & {
@@ -7,20 +7,44 @@ export type BulkActionButtonProps = ButtonProps & {
   tooltipProps?: Partial<TooltipProps>;
 };
 
-export function BulkActionButton(props: BulkActionButtonProps) {
-  const { tooltipText, tooltipProps, ...rest } = props;
-  return (
-    <DisabledTooltip
-      content={tooltipText}
-      dataHook="bulk-action-button-tooltip"
-      {...tooltipProps}
-    >
-      <Button
-        dataHook="bulk-action-button"
-        skin="standard"
-        priority="secondary"
-        {...rest}
-      />
-    </DisabledTooltip>
-  );
-}
+export const BulkActionButton = forwardRef<HTMLButtonElement, BulkActionButtonProps>(
+  (props, ref) => {
+    const { tooltipText, tooltipProps, ...rest } = props;
+
+    const setRef = useCallback(
+      (element: HTMLElement | null) => {
+        if (!ref) {
+          return;
+        }
+        const buttonEl =
+          (element?.querySelector('button') as HTMLButtonElement | null) ?? null;
+        if (typeof ref === 'function') {
+          ref(buttonEl);
+        } else {
+          (ref as React.MutableRefObject<HTMLButtonElement | null>).current =
+            buttonEl;
+        }
+      },
+      [ref],
+    );
+
+    return (
+      <div ref={setRef} style={{ display: 'contents' }}>
+        <DisabledTooltip
+          content={tooltipText}
+          dataHook="bulk-action-button-tooltip"
+          {...tooltipProps}
+        >
+          <Button
+            dataHook="bulk-action-button"
+            skin="standard"
+            priority="secondary"
+            {...rest}
+          />
+        </DisabledTooltip>
+      </div>
+    );
+  },
+);
+
+BulkActionButton.displayName = 'BulkActionButton';

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer620928357";
+var _namespace_ = "CardContainer2376351212";
 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":"CardContainer620928357__root"};
+export var classes = {"root":"CardContainer2376351212__root"};
 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_ = "Collapse3833380525";
+var _namespace_ = "Collapse357217334";
 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":"Collapse3833380525__root","exit":"Collapse3833380525__exit"};
+export var classes = {"root":"Collapse357217334__root","exit":"Collapse357217334__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_ = "CollectionPage364034629";
+var _namespace_ = "CollectionPage3266571538";
 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":"CollectionPage364034629__root"};
+export var classes = {"root":"CollectionPage3266571538__root"};
 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_ = "CollectionTable940291242";
+var _namespace_ = "CollectionTable3018821216";
 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":"CollectionTable940291242__root"};
+export var classes = {"root":"CollectionTable3018821216__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar4068704859";
+var _namespace_ = "CollectionToolbar3487364153";
 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":"CollectionToolbar4068704859__root","left":"CollectionToolbar4068704859__left","right":"CollectionToolbar4068704859__right","fullWidth":"CollectionToolbar4068704859__fullWidth"};
+export var classes = {"root":"CollectionToolbar3487364153__root","left":"CollectionToolbar3487364153__left","right":"CollectionToolbar3487364153__right","fullWidth":"CollectionToolbar3487364153__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -543,6 +543,12 @@ export const CollectionToolbarUniDriver = (
     getNumberRangeFilterDriver: (filterName: string) =>
       filtersPanel.getNumberRangeDriver(filterName),
 
+    /**
+     * Get operator picker filter driver by filter name
+     */
+    getOperatorPickerDriver: (filterName: string) =>
+      filtersPanel.getOperatorPickerDriver(filterName),
+
     /**
      * Get radio group filter by filter name
      */

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter1903816131";
+var _namespace_ = "SearchOrCustomFilter550413254";
 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":"SearchOrCustomFilter1903816131__root","search":"SearchOrCustomFilter1903816131__search","searchMobile":"SearchOrCustomFilter1903816131__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter550413254__root","search":"SearchOrCustomFilter550413254__search","searchMobile":"SearchOrCustomFilter550413254__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_ = "AutoCompleteReadonly806355121";
+var _namespace_ = "AutoCompleteReadonly2686102034";
 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":"AutoCompleteReadonly806355121__root"};
+export var classes = {"root":"AutoCompleteReadonly2686102034__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_ = "ViewsDropdown1463602141";
+var _namespace_ = "ViewsDropdown1575621147";
 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":"ViewsDropdown1463602141__root"};
+export var classes = {"root":"ViewsDropdown1575621147__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldFilters/buildCustomFieldFilterElement.tsx

@@ -1,4 +1,9 @@
-import { CustomField, CustomFieldType, FiltersMap } from '@wix/bex-core';
+import {
+  CustomField,
+  CustomFieldType,
+  FiltersMap,
+  STRING_OPERATORS,
+} from '@wix/bex-core';
 import { ToolbarCollectionState } from '../../state';
 import React from 'react';
 import { DateCustomFieldFilter } from './DateCustomFieldFilter';
@@ -6,6 +11,7 @@ import { DateTimeCustomFieldFilter } from './DateTimeCustomFieldFilter';
 import { FilterProps } from '../../model';
 import { CheckboxCustomFieldFilter } from './CheckboxCustomFieldFilter';
 import { NumberRangeFilter } from '../NumberRangeFilter';
+import { OperatorFilterPicker } from '../OperatorFilterPicker';
 
 export const buildCustomFieldFilterElement = <T, F extends FiltersMap>(
   state: ToolbarCollectionState<T, F>,
@@ -19,6 +25,24 @@ export const buildCustomFieldFilterElement = <T, F extends FiltersMap>(
     checkbox: CheckboxCustomFieldFilter,
     integer: NumberRangeFilter,
     decimal: ({ filter }) => <NumberRangeFilter filter={filter} decimal />,
+    shortText: ({ filter }) => (
+      <OperatorFilterPicker
+        filter={filter}
+        allowedOperators={STRING_OPERATORS}
+      />
+    ),
+    url: ({ filter }) => (
+      <OperatorFilterPicker
+        filter={filter}
+        allowedOperators={STRING_OPERATORS}
+      />
+    ),
+    longText: ({ filter }) => (
+      <OperatorFilterPicker
+        filter={filter}
+        allowedOperators={STRING_OPERATORS}
+      />
+    ),
   };
 
   const CustomFieldFilterComponent =

package/src/components/CustomFieldsTransforms/transformCustomFiltersToWQL.tsx

@@ -10,6 +10,7 @@ import { transformCustomDateFilterToWQL } from './transformCustomDateFilterToWQL
 import { transformCustomCheckboxToWQL } from './transformCustomCheckboxToWQL';
 import { transformCustomNumberRangeFilterToWQL } from './transformCustomNumberRangeFilterToWQL';
 import { prefixFieldWithNamespace } from '../../state/simplifyExtendedColumns';
+import { transformOperatorFilterToWQL } from './transformOperatorFilterToWQL';
 
 export const transformCustomFiltersToWQL = <F extends FiltersMap>(
   state: { toolbar: ToolbarCollectionState<any, F> },
@@ -26,6 +27,9 @@ export const transformCustomFiltersToWQL = <F extends FiltersMap>(
     checkbox: transformCustomCheckboxToWQL,
     decimal: transformCustomNumberRangeFilterToWQL,
     integer: transformCustomNumberRangeFilterToWQL,
+    shortText: transformOperatorFilterToWQL,
+    longText: transformOperatorFilterToWQL,
+    url: transformOperatorFilterToWQL,
   };
 
   const platformizedFilters = Object.keys(filters).reduce(

package/src/components/CustomFieldsTransforms/transformOperatorFilterToWQL.tsx

@@ -0,0 +1,150 @@
+import { FilterOperator, OperatorFilterValue } from '@wix/bex-core';
+
+/**
+ * Transform an operator filter value to WQL (Wix Query Language) format
+ * @param filterName - The name of the field being filtered
+ * @param filterValue - The operator filter value containing operator and value
+ * @returns Array of WQL filter objects, or empty array if filter should not be applied
+ */
+export const transformOperatorFilterToWQL = <T,>(
+  filterName: string,
+  filterValue: OperatorFilterValue<T>,
+) => {
+  if (!filterValue) {
+    return [];
+  }
+
+  const { operator, value } = filterValue;
+
+  if (operator === FilterOperator.IS_EMPTY) {
+    return [
+      {
+        [filterName]: {
+          $eq: null,
+        },
+      },
+    ];
+  }
+
+  if (operator === FilterOperator.EXISTS) {
+    return [
+      {
+        [filterName]: {
+          $exists: true,
+        },
+      },
+    ];
+  }
+
+  if (value === null || value === undefined || value === '') {
+    return [];
+  }
+
+  switch (operator) {
+    case FilterOperator.EQUALS:
+      return [
+        {
+          [filterName]: {
+            $eq: value,
+          },
+        },
+      ];
+
+    case FilterOperator.NOT_EQUALS:
+      return [
+        {
+          $not: {
+            [filterName]: {
+              $eq: value,
+            },
+          },
+        },
+      ];
+
+    case FilterOperator.IN:
+      return [
+        {
+          [filterName]: {
+            $in: Array.isArray(value) ? value : [value],
+          },
+        },
+      ];
+
+    case FilterOperator.NOT_IN:
+      return [
+        {
+          [filterName]: {
+            $nin: Array.isArray(value) ? value : [value],
+          },
+        },
+      ];
+
+    case FilterOperator.STARTS_WITH:
+      return [
+        {
+          [filterName]: {
+            $startsWith: value,
+          },
+        },
+      ];
+
+    case FilterOperator.CONTAINS:
+      return [
+        {
+          [filterName]: {
+            $contains: value,
+          },
+        },
+      ];
+
+    case FilterOperator.NOT_CONTAINS:
+      return [
+        {
+          $not: {
+            [filterName]: {
+              $contains: value,
+            },
+          },
+        },
+      ];
+
+    case FilterOperator.LESS_THAN:
+      return [
+        {
+          [filterName]: {
+            $lt: value,
+          },
+        },
+      ];
+
+    case FilterOperator.LESS_THAN_OR_EQUAL:
+      return [
+        {
+          [filterName]: {
+            $lte: value,
+          },
+        },
+      ];
+
+    case FilterOperator.GREATER_THAN:
+      return [
+        {
+          [filterName]: {
+            $gt: value,
+          },
+        },
+      ];
+
+    case FilterOperator.GREATER_THAN_OR_EQUAL:
+      return [
+        {
+          [filterName]: {
+            $gte: value,
+          },
+        },
+      ];
+
+    default:
+      return [];
+  }
+};

package/src/components/DataExtension/CollectionDataExtensionState.ts

@@ -14,6 +14,7 @@ import {
   Filter,
   CustomFieldType,
   numberRangeFilter,
+  stringOperatorFilter,
 } from '@wix/bex-core';
 import { ToolbarCollectionState } from '../../state';
 import { DataExtensionProps, DataExtensionType } from './DataExtension';
@@ -139,6 +140,9 @@ export class CollectionDataExtensionState<T, F extends FiltersMap> {
       checkbox: idNameArrayFilter,
       decimal: numberRangeFilter,
       integer: numberRangeFilter,
+      shortText: stringOperatorFilter,
+      url: stringOperatorFilter,
+      longText: stringOperatorFilter,
     };
 
     this.dataExtension.filterableCustomFields.forEach(

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "DragHandle379285059";
+var _namespace_ = "DragHandle210217799";
 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":"DragHandle379285059__root"};
+export var classes = {"root":"DragHandle210217799__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_ = "EntityPagePlain1248324565";
+var _namespace_ = "EntityPagePlain4144907458";
 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":"EntityPagePlain1248324565__root"};
+export var classes = {"root":"EntityPagePlain4144907458__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_ = "Fade309331560";
+var _namespace_ = "Fade520136747";
 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":"Fade309331560__root"};
+export var classes = {"root":"Fade520136747__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -3,6 +3,7 @@ import { SlidingModalUniDriver } from '../SlidingModal/SlidingModal.uni.driver';
 import {
   AccordionUniDriver,
   ButtonUniDriver,
+  DropdownBaseUniDriver,
   FieldSetUniDriver,
   FormFieldUniDriver,
   InputUniDriver,
@@ -336,6 +337,46 @@ export const FiltersPanelUniDriver = (base: UniDriver, body: UniDriver) => {
       };
     },
     getRadioGroupFilter,
+
+    getOperatorPickerDriver: (filterName: string) => {
+      const getOperatorPicker = () =>
+        accordionBase.$(`[data-hook="operator-picker-${filterName}"]`);
+
+      const getOperatorDropdown = () =>
+        DropdownBaseUniDriver(
+          getOperatorPicker().$('[data-hook="operator-picker-operator-dropdown"]'),
+          body,
+        );
+
+      const getValueInput = () =>
+        InputUniDriver(
+          getOperatorPicker().$('[data-hook="operator-picker-value-input"]'),
+          body,
+        );
+
+      return {
+        exists: () => getOperatorPicker().exists(),
+        getOperatorPicker,
+        getOperatorDropdown,
+        getValueInput,
+        selectOperator: async (optionIndex: number) => {
+          const dropdown = getOperatorDropdown();
+          await dropdown.clickTargetElement('operator-picker-trigger');
+          await dropdown.selectOption(optionIndex);
+        },
+        getSelectedOperator: async () => {
+          const dropdown = getOperatorDropdown();
+          return dropdown.getSelectedOptionId();
+        },
+        enterValue: async (value: string) => {
+          const input = getValueInput();
+          await input.enterText(value);
+        },
+        getValue: () => getValueInput().getText(),
+        blur: () => getValueInput().blur(),
+      };
+    },
+
     getItemTextAt,
     getItemsCount,
     applyButton: () =>

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Heading3294944041";
+var _namespace_ = "Heading3826173039";
 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":"Heading3294944041__root"};
+export var classes = {"root":"Heading3826173039__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_ = "InputOverflow1289398229";
+var _namespace_ = "InputOverflow2284252645";
 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":"InputOverflow1289398229__root"};
+export var classes = {"root":"InputOverflow2284252645__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_ = "LoadingRow3516738585";
+var _namespace_ = "LoadingRow911053321";
 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":"LoadingRow3516738585__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow3516738585__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow911053321__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow911053321__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_ = "MaxHeightText3217552230";
+var _namespace_ = "MaxHeightText665396749";
 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":"MaxHeightText3217552230__root"};
+export var classes = {"root":"MaxHeightText665396749__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_ = "MaxLines1450598850";
+var _namespace_ = "MaxLines1853658825";
 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":"MaxLines1450598850__root"};
+export var classes = {"root":"MaxLines1853658825__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};