@wix/patterns 1.497.0 → 1.498.0

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit13716502";
+var _namespace_ = "Edit1521901539";
 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":"Edit13716502__root","editor":"Edit13716502__editor"};
+export var classes = {"root":"Edit1521901539__root","editor":"Edit1521901539__editor"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3443589027";
+var _namespace_ = "Edit889845620";
 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":"Edit3443589027__root","numberInput":"Edit3443589027__numberInput"};
+export var classes = {"root":"Edit889845620__root","numberInput":"Edit889845620__numberInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2579481934";
+var _namespace_ = "View1690477885";
 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":"View2579481934__root","textView":"View2579481934__textView"};
+export var classes = {"root":"View1690477885__root","textView":"View1690477885__textView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

package/src/components/EditableTable/cellTypes/reference/EmptyReferenceView.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "EmptyReferenceView681707725";
+var _namespace_ = "EmptyReferenceView3559140096";
 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":"EmptyReferenceView681707725__root","placeholder":"EmptyReferenceView681707725__placeholder","placeholderIcon":"EmptyReferenceView681707725__placeholderIcon","placeholderText":"EmptyReferenceView681707725__placeholderText","arrow":"EmptyReferenceView681707725__arrow"};
+export var classes = {"root":"EmptyReferenceView3559140096__root","placeholder":"EmptyReferenceView3559140096__placeholder","placeholderIcon":"EmptyReferenceView3559140096__placeholderIcon","placeholderText":"EmptyReferenceView3559140096__placeholderText","arrow":"EmptyReferenceView3559140096__arrow"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3401964765";
+var _namespace_ = "Edit1378728878";
 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":"Edit3401964765__root","selectInput":"Edit3401964765__selectInput"};
+export var classes = {"root":"Edit1378728878__root","selectInput":"Edit1378728878__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_ = "Edit3952514835";
+var _namespace_ = "Edit3013026992";
 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":"Edit3952514835__root","editWrapper":"Edit3952514835__editWrapper","inputArea":"Edit3952514835__inputArea"};
+export var classes = {"root":"Edit3013026992__root","editWrapper":"Edit3013026992__editWrapper","inputArea":"Edit3013026992__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_ = "View933265810";
+var _namespace_ = "View381503741";
 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":"View933265810__root"};
+export var classes = {"root":"View381503741__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_ = "Edit1366250558";
+var _namespace_ = "Edit3552325032";
 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":"Edit1366250558__root","wrapper":"Edit1366250558__wrapper","overlay":"Edit1366250558__overlay"};
+export var classes = {"root":"Edit3552325032__root","wrapper":"Edit3552325032__wrapper","overlay":"Edit3552325032__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_ = "Edit819347916";
+var _namespace_ = "Edit2090982083";
 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":"Edit819347916__root","urlInput":"Edit819347916__urlInput"};
+export var classes = {"root":"Edit2090982083__root","urlInput":"Edit2090982083__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_ = "View3101918258";
+var _namespace_ = "View3685794322";
 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":"View3101918258__root","textView":"View3101918258__textView","urlText":"View3101918258__urlText","suffix":"View3101918258__suffix"};
+export var classes = {"root":"View3685794322__root","textView":"View3685794322__textView","urlText":"View3685794322__urlText","suffix":"View3685794322__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_ = "EmptyStateBase1065544878";
+var _namespace_ = "EmptyStateBase1160526574";
 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":"EmptyStateBase1065544878__root"};
+export var classes = {"root":"EmptyStateBase1160526574__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPage/EntityPageActionsBar.tsx

@@ -94,7 +94,7 @@ export function _EntityPageActionsBar({
         moreActions={deleteAction.canShow ? undefined : moreActions}
         onCancel={state.onCancel.bind(state)}
         onSave={state.handleSubmit.bind(state)}
-        actionsBarConfig={state.actionsBarConfig}
+        actionsBarConfig={state.resolvedActionsBarConfig}
       />
       {enhancedMoreActions && confirmModal.isOpen && (
         <React.Suspense fallback={null}>

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "EntityPageField3423784249";
+var _namespace_ = "EntityPageField2216753025";
 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":"EntityPageField3423784249__root","row":"EntityPageField3423784249__row"};
+export var classes = {"root":"EntityPageField2216753025__root","row":"EntityPageField2216753025__row"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/EntityPageFields/EntityPageFields.tsx

@@ -53,6 +53,7 @@ function _EntityPageFields({
 
   const fields = resolveEntityPageFields(schema.fields, fieldIds);
   const data = (state.entity ?? {}) as Record<string, unknown>;
+  const areFieldsReadOnly = state.areFieldsReadOnly;
 
   return (
     <Box direction="vertical" gap="SP4" width="100%" dataHook={dataHook}>
@@ -60,7 +61,10 @@ function _EntityPageFields({
         <EntityPageField
           key={field.id}
           field={field}
-          readOnly={isEntityPageReadOnlyField(field, schema.idField)}
+          readOnly={
+            areFieldsReadOnly ||
+            isEntityPageReadOnlyField(field, schema.idField)
+          }
           formControl={state.form.control}
           data={data}
           definition={resolveFieldTypeDefinition(

package/src/components/EntityPageFields/EntityPageReferenceValue.st.css

@@ -0,0 +1,17 @@
+@property st-global(--wds-border-width-default);
+@property st-global(--wds-input-border-color-focus);
+@property st-global(--wsr-color-B10);
+
+.root {
+  display: flex;
+  align-items: center;
+  min-height: 36px;
+  width: 100%;
+  min-width: 0;
+}
+
+.root:focus-within {
+  outline: var(--wds-border-width-default, 1px) solid
+    var(--wds-input-border-color-focus, var(--wsr-color-B10, #116dff));
+  outline-offset: calc(-1 * var(--wds-border-width-default, 1px));
+}

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

@@ -0,0 +1,25 @@
+// @ts-nocheck
+
+
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+
+
+
+var _namespace_ = "EntityPageReferenceValue668538395";
+var _style_ = classesRuntime.bind(null, _namespace_);
+
+export var cssStates = statesRuntime.bind(null, _namespace_);
+export var style = _style_;
+export var st: import("@stylable/runtime").STFunction = _style_;
+
+export var namespace = _namespace_;
+export var classes = {"root":"EntityPageReferenceValue668538395__root"};
+export var keyframes = {}; 
+export var layers = {};
+export var containers = {};
+export var stVars = {}; 
+export var vars = {"wds-border-width-default":"--wds-border-width-default","wds-input-border-color-focus":"--wds-input-border-color-focus","wsr-color-B10":"--wsr-color-B10"}; 
+
+
+
+

package/src/components/EntityPageFields/EntityPageReferenceValue.tsx

@@ -1,9 +1,11 @@
-import React from 'react';
+import React, { useState } from 'react';
 import type { Field } from '@wix/bex-core';
 import {
   CellMultiReferenceView,
   CellReferenceView,
 } from '@wix/patterns-fields';
+import type { CellMultiReferenceItem } from '@wix/patterns-fields';
+import { classes } from './EntityPageReferenceValue.st.css.js';
 import { imageFieldOf, useReferencedSchema } from './useReferencedSchema';
 
 export interface EntityPageReferenceValueProps {
@@ -45,11 +47,7 @@ export function EntityPageReferenceValue({
       return label ? [{ id: `${field.id}-${i}`, ...label }] : [];
     });
     return items.length ? (
-      <CellMultiReferenceView
-        items={items}
-        fieldId={field.id}
-        dataHook="multi-reference-view"
-      />
+      <FocusableMultiReferenceValue items={items} field={field} />
     ) : null;
   }
 
@@ -62,3 +60,42 @@ export function EntityPageReferenceValue({
     />
   ) : null;
 }
+
+function FocusableMultiReferenceValue({
+  items,
+  field,
+}: {
+  items: CellMultiReferenceItem[];
+  field: Field;
+}) {
+  const [focused, setFocused] = useState(false);
+
+  return (
+    <div
+      className={classes.root}
+      role="group"
+      aria-label={field.displayName}
+      tabIndex={0}
+      onFocus={(event) => {
+        // Expansion removes the overflow chip, so keep focus on the wrapper
+        // even when the chip received the initial pointer/keyboard focus.
+        if (!focused) {
+          event.currentTarget.focus();
+          setFocused(true);
+        }
+      }}
+      onBlur={(event) => {
+        if (!event.currentTarget.contains(event.relatedTarget)) {
+          setFocused(false);
+        }
+      }}
+    >
+      <CellMultiReferenceView
+        items={items}
+        fieldId={field.id}
+        dataHook="multi-reference-view"
+        expanded={focused}
+      />
+    </div>
+  );
+}

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ImportStepUpload2138524897";
+var _namespace_ = "ImportStepUpload666741092";
 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":"ImportStepUpload2138524897__root","fileUpload":"ImportStepUpload2138524897__fileUpload"};
+export var classes = {"root":"ImportStepUpload666741092__root","fileUpload":"ImportStepUpload666741092__fileUpload"};
 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_ = "InputOverflow3563109951";
+var _namespace_ = "InputOverflow90928257";
 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":"InputOverflow3563109951__root"};
+export var classes = {"root":"InputOverflow90928257__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_ = "LoadingRow1083835067";
+var _namespace_ = "LoadingRow864730236";
 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":"LoadingRow1083835067__root"};
-export var keyframes = {"gradientSwoosh":"LoadingRow1083835067__gradientSwoosh"}; 
+export var classes = {"root":"LoadingRow864730236__root"};
+export var keyframes = {"gradientSwoosh":"LoadingRow864730236__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_ = "MaxHeightText3978950453";
+var _namespace_ = "MaxHeightText2940751209";
 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":"MaxHeightText3978950453__root"};
+export var classes = {"root":"MaxHeightText2940751209__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_ = "MaxLines3661635466";
+var _namespace_ = "MaxLines2491698911";
 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":"MaxLines3661635466__root"};
+export var classes = {"root":"MaxLines2491698911__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_ = "MultiBulkActionToolbar3457488794";
+var _namespace_ = "MultiBulkActionToolbar1247603396";
 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":"MultiBulkActionToolbar3457488794__root","leftGroupWrapper":"MultiBulkActionToolbar3457488794__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar3457488794__selectedCountItem","selectedCountText":"MultiBulkActionToolbar3457488794__selectedCountText"};
+export var classes = {"root":"MultiBulkActionToolbar1247603396__root","leftGroupWrapper":"MultiBulkActionToolbar1247603396__leftGroupWrapper","selectedCountItem":"MultiBulkActionToolbar1247603396__selectedCountItem","selectedCountText":"MultiBulkActionToolbar1247603396__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_ = "NestedTablePlaceholderStatesRow1202286515";
+var _namespace_ = "NestedTablePlaceholderStatesRow1229977122";
 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":"NestedTablePlaceholderStatesRow1202286515__root"};
+export var classes = {"root":"NestedTablePlaceholderStatesRow1229977122__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_ = "NestedTableRow1879468051";
+var _namespace_ = "NestedTableRow671921928";
 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":"NestedTableRow1879468051__root","firstLevel":"NestedTableRow1879468051__firstLevel","placeholder":"NestedTableRow1879468051__placeholder","parentHovered":"NestedTableRow1879468051__parentHovered"};
+export var classes = {"root":"NestedTableRow671921928__root","firstLevel":"NestedTableRow671921928__firstLevel","placeholder":"NestedTableRow671921928__placeholder","parentHovered":"NestedTableRow671921928__parentHovered"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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