@wix/patterns 1.493.0 → 1.494.0

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.493.0";
+export declare const version = "patterns@1.494.0";
 //# sourceMappingURL=version.d.ts.map

package/dist/types/wix-design-system-version.d.ts

@@ -1,2 +1,2 @@
-export declare const required = "^1.271.0";
+export declare const required = "^1.338.0";
 //# sourceMappingURL=wix-design-system-version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.493.0",
+  "version": "1.494.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -229,11 +229,11 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.399.0",
-    "@wix/bex-utils": "2.186.0",
+    "@wix/bex-core": "2.400.0",
+    "@wix/bex-utils": "2.187.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.121.0",
-    "@wix/patterns-fields-utils": "1.102.0",
+    "@wix/patterns-fields": "1.122.0",
+    "@wix/patterns-fields-utils": "1.103.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "^3.23.1",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -296,11 +296,11 @@
     "@wix/awaiter-utils": "^1.0.76",
     "@wix/babel-cli": "^1.11.0",
     "@wix/business-manager-api": "^1.470.0",
-    "@wix/cairo-integration-utils": "1.161.0",
+    "@wix/cairo-integration-utils": "1.162.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
-    "@wix/design-system": "^1.336.0",
+    "@wix/design-system": "^1.338.0",
     "@wix/eslint-config-yoshi": "^6.74.0",
     "@wix/fe-essentials-standalone": "^1.374.0",
     "@wix/jest-yoshi-preset-base": "^6.74.0",
@@ -338,7 +338,7 @@
     "@stylable/webpack-plugin": "^5.15.2",
     "@wix/business-manager-api": "^1.470.0",
     "@wix/dashboard": "^1.0.0",
-    "@wix/design-system": "^1.271.0",
+    "@wix/design-system": "^1.338.0",
     "@wix/fe-essentials": "^1.233.0",
     "@wix/wix-ui-icons-common": "^3.189.0",
     "@wix/yoshi-flow-bm": "^6.103.0",
@@ -386,7 +386,10 @@
     }
   },
   "eslintConfig": {
-    "extends": "@wix/eslint-config-yoshi",
+    "extends": [
+      "@wix/eslint-config-yoshi",
+      "../../scripts/eslint-no-style-assertions.js"
+    ],
     "rules": {
       "react-hooks/exhaustive-deps": "off",
       "prettier/prettier": [
@@ -458,5 +461,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "18d844611f01427bffa91cb34647ed80b22c83b223116d52847018d5"
+  "falconPackageHash": "ee8d1233805df70daef211d1c564fb4069f67ef3253d36c37484833b"
 }

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldForm1949159027";
+var _namespace_ = "CmsFieldForm726988788";
 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":"CmsFieldForm1949159027__root","fullBleedDivider":"CmsFieldForm1949159027__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm726988788__root","fullBleedDivider":"CmsFieldForm726988788__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_ = "CmsFieldModal2712943967";
+var _namespace_ = "CmsFieldModal3564030490";
 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":"CmsFieldModal2712943967__root","modal":"CmsFieldModal2712943967__modal"};
+export var classes = {"root":"CmsFieldModal3564030490__root","modal":"CmsFieldModal3564030490__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_ = "ValidationAndDefaultsSection149197500";
+var _namespace_ = "ValidationAndDefaultsSection2152051447";
 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":"ValidationAndDefaultsSection149197500__root","accordionWrapper":"ValidationAndDefaultsSection149197500__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection2152051447__root","accordionWrapper":"ValidationAndDefaultsSection2152051447__accordionWrapper"};
 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_ = "Collapse812996380";
+var _namespace_ = "Collapse252484027";
 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":"Collapse812996380__root","exit":"Collapse812996380__exit"};
+export var classes = {"root":"Collapse252484027__root","exit":"Collapse252484027__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_ = "CollectionPage1050839042";
+var _namespace_ = "CollectionPage16506850";
 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":"CollectionPage1050839042__root"};
+export var classes = {"root":"CollectionPage16506850__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_ = "CollectionSectionHeader2862806544";
+var _namespace_ = "CollectionSectionHeader3532397176";
 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":"CollectionSectionHeader2862806544__root","summaryIcon":"CollectionSectionHeader2862806544__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader3532397176__root","summaryIcon":"CollectionSectionHeader3532397176__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_ = "CollectionTable1799042905";
+var _namespace_ = "CollectionTable2545300557";
 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":"CollectionTable1799042905__root"};
+export var classes = {"root":"CollectionTable2545300557__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTable.tsx

@@ -347,10 +347,11 @@ function _CollectionTable<T, F extends FiltersMap = FiltersMap>(
           />
         )
       }
-      dynamicRowClass={() =>
-        tableRowSt(tableRowClasses.root, {
-          skin: 'light',
-        })
+      dynamicRowClass={(row, rowNum) =>
+        st(
+          tableRowSt(tableRowClasses.root, { skin: 'light' }),
+          props.dynamicRowClass?.(row, rowNum),
+        )
       }
       horizontalScroll={horizontalScroll}
       resizable={isResizable}

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

@@ -1,5 +1,7 @@
+@property st-global(--wds-table-list-item-fill-hover-draggable);
+
 .root {
-  -st-states: resizable;
+  -st-states: resizable, draggable;
 }
 
 .root:resizable :global(table) {
@@ -10,3 +12,13 @@
   right: -4px !important;
   z-index: 1;
 }
+
+/* The incubator's draggable row sets the sticky action cell to `transparent !important` on hover, so scrolled cells show through it. */
+.root:draggable
+  :global(tr):hover
+  > :global(td.wds-data-table__cell--sticky-action-cell) {
+  background-color: var(
+    --wds-table-list-item-fill-hover-draggable,
+    #e7f0ff
+  ) !important;
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTableWSRTable2120145141";
+var _namespace_ = "CollectionTableWSRTable3593490978";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,12 +13,12 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTableWSRTable2120145141__root"};
+export var classes = {"root":"CollectionTableWSRTable3593490978__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};
 export var stVars = {}; 
-export var vars = {}; 
+export var vars = {"wds-table-list-item-fill-hover-draggable":"--wds-table-list-item-fill-hover-draggable"}; 
 
 
 

package/src/components/CollectionTable/CollectionTableWSRTable.tsx

@@ -222,9 +222,9 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
 
   const tableColumns = isMobile
     ? [
-        ...buildMobileColumns(
+        ...(buildMobileColumns(
           columnsWithoutActionCell as TableColumn<KeyedItem<U>>[],
-        ),
+        ) as WSRTableColumn<KeyedItem<U>>[]),
         ...(actionCellColumn ? [actionCellColumn] : []),
       ]
     : columns;
@@ -250,7 +250,7 @@ function _CollectionTableWSRTable<U, T, F extends FiltersMap = FiltersMap>(
       data-horizontal-scroll={!!horizontalScroll}
       className={wsrTableSt(
         wsrTableClasses.root,
-        { resizable: !!resizable },
+        { resizable: !!resizable, draggable: !!dragAndDrop },
         st(classes.fullHeight, classes.column),
       )}
     >

package/src/components/CollectionTable/buildMobileColumns.tsx

@@ -2,24 +2,24 @@ import React from 'react';
 import { Box } from '@wix/design-system';
 import { KeyedItem } from '@wix/bex-core';
 import { TableColumn } from '../../model';
+import {
+  IMAGE_COLUMN_GAP,
+  getMobileImageSize,
+  isFirstColumnMobileConfig,
+  isImageColumnMobileConfig,
+} from './mobileColumnsUtils';
 
-function isFirstColumnMobileConfig<T>(
-  col: TableColumn<KeyedItem<T>>,
-): col is TableColumn<KeyedItem<T>> & {
-  mobile: { column: 'first'; order?: number };
-} {
-  return col.mobile?.column === 'first';
-}
-
-export function buildMobileColumns<T>(columns: TableColumn<KeyedItem<T>>[]) {
-  const hasMobileConfig = columns.some((col) => (col as any).mobile?.column);
+export function buildMobileColumns<T>(
+  columns: TableColumn<KeyedItem<T>>[],
+): TableColumn<KeyedItem<T>>[] {
+  const hasMobileConfig = columns.some((col) => col.mobile?.column);
 
   if (!hasMobileConfig) {
     return [
       {
         id: 'tableColumn',
         title: '',
-        render: (params: any, index: number) => (
+        render: (params: KeyedItem<T>, index: number) => (
           <Box direction="vertical" gap="SP1">
             {columns[0] && <div>{columns[0].render?.(params, index)}</div>}
             {columns[1] && <div>{columns[1].render?.(params, index)}</div>}
@@ -39,13 +39,16 @@ export function buildMobileColumns<T>(columns: TableColumn<KeyedItem<T>>[]) {
 
   const secondColumn = columns.find((col) => col.mobile?.column === 'second');
 
-  const result = [];
+  const imageColumn = columns.find(isImageColumnMobileConfig);
+
+  const result: TableColumn<KeyedItem<T>>[] = [];
 
   if (firstColumns.length > 0) {
     result.push({
       id: 'mobile-first-column',
+      dataHook: 'mobile-first-column',
       title: '',
-      render: (params: any, index: number) => (
+      render: (params: KeyedItem<T>, index: number) => (
         <Box direction="vertical" gap="SP1">
           {firstColumns.map((col, colIndex) => (
             <div key={`first-col-${colIndex}`}>
@@ -54,16 +57,45 @@ export function buildMobileColumns<T>(columns: TableColumn<KeyedItem<T>>[]) {
           ))}
         </Box>
       ),
-    } as any);
+    });
   }
 
   if (secondColumn) {
     result.push({
       id: 'mobile-second-column',
+      dataHook: 'mobile-second-column',
       title: '',
-      render: (params: any, index: number) =>
+      render: (params: KeyedItem<T>, index: number) =>
         secondColumn.render?.(params, index),
-    } as any);
+    });
+  }
+
+  if (imageColumn) {
+    const size = getMobileImageSize(imageColumn.mobile.size);
+
+    if (result[0]) {
+      result[0].style = { paddingInlineStart: 0 };
+    }
+
+    result.unshift({
+      id: 'mobile-image-column',
+      dataHook: 'mobile-image-column',
+      title: '',
+      width: `${size}px`,
+      style: { paddingInlineEnd: `${IMAGE_COLUMN_GAP}px` },
+      render: (params: KeyedItem<T>, index: number) => (
+        <Box
+          dataHook="mobile-image-slot"
+          width={`${size}px`}
+          height={`${size}px`}
+          flexShrink={0}
+          align="center"
+          verticalAlign="middle"
+        >
+          {imageColumn.render?.(params, index)}
+        </Box>
+      ),
+    });
   }
 
   return result;

package/src/components/CollectionTable/mobileColumnsUtils.ts

@@ -0,0 +1,31 @@
+import { KeyedItem } from '@wix/bex-core';
+import { MobileImageSize, TableColumn } from '../../model';
+
+const IMAGE_COLUMN_SIZES: Record<MobileImageSize, number> = {
+  small: 24,
+  medium: 36,
+  large: 48,
+};
+
+const DEFAULT_IMAGE_SIZE: MobileImageSize = 'medium';
+
+export const IMAGE_COLUMN_GAP = 8;
+
+export const getMobileImageSize = (size?: MobileImageSize) =>
+  IMAGE_COLUMN_SIZES[size ?? DEFAULT_IMAGE_SIZE];
+
+export function isFirstColumnMobileConfig<T>(
+  col: TableColumn<KeyedItem<T>>,
+): col is TableColumn<KeyedItem<T>> & {
+  mobile: { column: 'first'; order?: number };
+} {
+  return col.mobile?.column === 'first';
+}
+
+export function isImageColumnMobileConfig<T>(
+  col: TableColumn<KeyedItem<T>>,
+): col is TableColumn<KeyedItem<T>> & {
+  mobile: { column: 'image'; size?: MobileImageSize };
+} {
+  return col.mobile?.column === 'image';
+}

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1126109174";
+var _namespace_ = "CollectionToolbar1588114061";
 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":"CollectionToolbar1126109174__root","right":"CollectionToolbar1126109174__right","left":"CollectionToolbar1126109174__left","fullWidth":"CollectionToolbar1126109174__fullWidth"};
+export var classes = {"root":"CollectionToolbar1588114061__root","right":"CollectionToolbar1588114061__right","left":"CollectionToolbar1588114061__left","fullWidth":"CollectionToolbar1588114061__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter4110536679";
+var _namespace_ = "SearchOrCustomFilter2418752071";
 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":"SearchOrCustomFilter4110536679__root","search":"SearchOrCustomFilter4110536679__search","searchMobile":"SearchOrCustomFilter4110536679__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter2418752071__root","search":"SearchOrCustomFilter2418752071__search","searchMobile":"SearchOrCustomFilter2418752071__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbarFilters/CollectionToolbarFiltersState.ts

@@ -16,8 +16,7 @@ export class CollectionToolbarFiltersState<T, F extends FiltersMap> {
   readonly panelTitle = new ValueBox<ReactNode>(undefined);
   readonly totalInlineFilters = new ValueBox<number | null>(null);
   readonly filterElements = new ValueBox<FilterElement[]>([]);
-  readonly moreFiltersButtonRef: RefObject<Button> =
-    createRef<Button>();
+  readonly moreFiltersButtonRef: RefObject<Button> = createRef<Button>();
 
   onClearButtonClicked?: () => unknown;
 

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly2924541736";
+var _namespace_ = "AutoCompleteReadonly2763731381";
 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":"AutoCompleteReadonly2924541736__root"};
+export var classes = {"root":"AutoCompleteReadonly2763731381__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_ = "ViewsDropdown492690887";
+var _namespace_ = "ViewsDropdown3782819683";
 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":"ViewsDropdown492690887__root"};
+export var classes = {"root":"ViewsDropdown3782819683__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldModal/CustomFieldFormPiiFields.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CustomFieldFormPiiFields4127167210";
+var _namespace_ = "CustomFieldFormPiiFields3055796595";
 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":"CustomFieldFormPiiFields4127167210__root","tooltipText":"CustomFieldFormPiiFields4127167210__tooltipText"};
+export var classes = {"root":"CustomFieldFormPiiFields3055796595__root","tooltipText":"CustomFieldFormPiiFields3055796595__tooltipText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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