@wix/patterns 1.497.0 → 1.499.0

package/src/components/EditableTable/cellTypes/CellViewLayout.st.css.ts

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

package/src/components/EditableTable/cellTypes/JsonInputEdit.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "JsonInputEdit4108484162";
+var _namespace_ = "JsonInputEdit2722664150";
 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":"JsonInputEdit4108484162__root","jsonInput":"JsonInputEdit4108484162__jsonInput"};
+export var classes = {"root":"JsonInputEdit2722664150__root","jsonInput":"JsonInputEdit2722664150__jsonInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit957664990";
+var _namespace_ = "Edit3940813357";
 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":"Edit957664990__root","addressInput":"Edit957664990__addressInput"};
+export var classes = {"root":"Edit3940813357__root","addressInput":"Edit3940813357__addressInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit2466767475";
+var _namespace_ = "Edit1914450979";
 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":"Edit2466767475__root","booleanEdit":"Edit2466767475__booleanEdit"};
+export var classes = {"root":"Edit1914450979__root","booleanEdit":"Edit1914450979__booleanEdit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View1398519288";
+var _namespace_ = "View4108547499";
 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":"View1398519288__root","booleanView":"View1398519288__booleanView"};
+export var classes = {"root":"View4108547499__root","booleanView":"View4108547499__booleanView"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit3521736375";
+var _namespace_ = "Edit2678059480";
 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":"Edit3521736375__root","dateInput":"Edit3521736375__dateInput"};
+export var classes = {"root":"Edit2678059480__root","dateInput":"Edit2678059480__dateInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1196179256";
+var _namespace_ = "Edit2179174434";
 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":"Edit1196179256__root","half":"Edit1196179256__half","dateHalf":"Edit1196179256__dateHalf Edit1196179256__half","timeHalf":"Edit1196179256__timeHalf Edit1196179256__half","divider":"Edit1196179256__divider","passiveText":"Edit1196179256__passiveText","placeholderText":"Edit1196179256__placeholderText Edit1196179256__passiveText"};
+export var classes = {"root":"Edit2179174434__root","half":"Edit2179174434__half","dateHalf":"Edit2179174434__dateHalf Edit2179174434__half","timeHalf":"Edit2179174434__timeHalf Edit2179174434__half","divider":"Edit2179174434__divider","passiveText":"Edit2179174434__passiveText","placeholderText":"Edit2179174434__placeholderText Edit2179174434__passiveText"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "View2775197170";
+var _namespace_ = "View2988568178";
 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":"View2775197170__root","leaf":"View2775197170__leaf","datePart":"View2775197170__datePart View2775197170__leaf","timePart":"View2775197170__timePart View2775197170__leaf","placeholder":"View2775197170__placeholder View2775197170__leaf","divider":"View2775197170__divider"};
+export var classes = {"root":"View2988568178__root","leaf":"View2988568178__leaf","datePart":"View2988568178__datePart View2988568178__leaf","timePart":"View2988568178__timePart View2988568178__leaf","placeholder":"View2988568178__placeholder View2988568178__leaf","divider":"View2988568178__divider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../../stylable-esm-runtime.
 
 
 
-var _namespace_ = "Edit1495993665";
+var _namespace_ = "Edit3917831843";
 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":"Edit1495993665__root","emailInput":"Edit1495993665__emailInput"};
+export var classes = {"root":"Edit3917831843__root","emailInput":"Edit3917831843__emailInput"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

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

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_ = "Edit655554985";
 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":"Edit655554985__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_ = "Edit2498785527";
 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":"Edit2498785527__root","editor":"Edit2498785527__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_ = "Edit1140549331";
 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":"Edit1140549331__root","numberInput":"Edit1140549331__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_ = "View3528508322";
 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":"View3528508322__root","textView":"View3528508322__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_ = "View517716605";
 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":"View517716605__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_ = "EmptyReferenceView3294540289";
 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":"EmptyReferenceView3294540289__root","placeholder":"EmptyReferenceView3294540289__placeholder","placeholderIcon":"EmptyReferenceView3294540289__placeholderIcon","placeholderText":"EmptyReferenceView3294540289__placeholderText","arrow":"EmptyReferenceView3294540289__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_ = "Edit2119704881";
 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":"Edit2119704881__root","selectInput":"Edit2119704881__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_ = "Edit3783343796";
 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":"Edit3783343796__root","editWrapper":"Edit3783343796__editWrapper","inputArea":"Edit3783343796__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_ = "View2176105926";
 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":"View2176105926__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_ = "Edit947102594";
 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":"Edit947102594__root","wrapper":"Edit947102594__wrapper","overlay":"Edit947102594__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_ = "Edit2398830620";
 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":"Edit2398830620__root","urlInput":"Edit2398830620__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_ = "View356499805";
 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":"View356499805__root","textView":"View356499805__textView","urlText":"View356499805__urlText","suffix":"View356499805__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_ = "EmptyStateBase4278902187";
 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":"EmptyStateBase4278902187__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_ = "EntityPagePlain2745026991";
 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":"EntityPagePlain2745026991__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_ = "EntityPageField1008355489";
 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":"EntityPageField1008355489__root","row":"EntityPageField1008355489__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_ = "EntityPageReferenceValue1419014605";
+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":"EntityPageReferenceValue1419014605__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"}; 
+
+
+
+