@wix/patterns 1.388.0 → 1.390.0

package/dist/docs/index.json

@@ -1,19 +1,15 @@
 {
-  "ActionSubItem": {
-    "file": "ActionSubItem.md",
-    "category": "Common/Types"
+  "AI Assistant": {
+    "file": "AI Assistant.md",
+    "category": "Integrations/AI Assistant"
   },
   "AutoCompleteFilter": {
     "file": "AutoCompleteFilter.md",
     "category": "Features/Filter/Components"
   },
-  "AI Assistant": {
-    "file": "AI Assistant.md",
-    "category": "Integrations/AI Assistant"
-  },
-  "CollectionEmptyState": {
-    "file": "CollectionEmptyState.md",
-    "category": "Features/Display/Empty States"
+  "ActionSubItem": {
+    "file": "ActionSubItem.md",
+    "category": "Common/Types"
   },
   "CollectionErrorState": {
     "file": "CollectionErrorState.md",
@@ -23,6 +19,10 @@
     "file": "CollectionNoResultsState.md",
     "category": "Features/Display/Empty States"
   },
+  "CollectionEmptyState": {
+    "file": "CollectionEmptyState.md",
+    "category": "Features/Display/Empty States"
+  },
   "CollectionOptimisticActions": {
     "file": "CollectionOptimisticActions.md",
     "category": "Features/Actions/Updates"
@@ -31,14 +31,14 @@
     "file": "CollectionPage.md",
     "category": "Base Components/Pages/Collection Page"
   },
-  "CollectionPage.Header": {
-    "file": "CollectionPage.Header.md",
-    "category": "Base Components/Pages/Collection Page"
-  },
   "CollectionPage.Content": {
     "file": "CollectionPage.Content.md",
     "category": "Base Components/Pages/Collection Page"
   },
+  "CollectionPage.Header": {
+    "file": "CollectionPage.Header.md",
+    "category": "Base Components/Pages/Collection Page"
+  },
   "CollectionPremiumEmptyState": {
     "file": "CollectionPremiumEmptyState.md",
     "category": "Features/Display/Empty States"
@@ -51,30 +51,26 @@
     "file": "CollectionSubToolbar.md",
     "category": "Common/Components"
   },
-  "CollectionToolbar": {
-    "file": "CollectionToolbar.md",
-    "category": "Common/Components"
-  },
   "ToolbarFilters": {
     "file": "ToolbarFilters.md",
     "category": "Features/Filter/Components"
   },
-  "CustomColumns": {
-    "file": "CustomColumns.md",
-    "category": "Features/Display/Custom Columns"
+  "CollectionToolbar": {
+    "file": "CollectionToolbar.md",
+    "category": "Common/Components"
   },
   "CustomFieldsViewWidget": {
     "file": "CustomFieldsViewWidget.md",
     "category": "Features/Enrich/Data Extension/Components"
   },
+  "CustomColumns": {
+    "file": "CustomColumns.md",
+    "category": "Features/Display/Custom Columns"
+  },
   "CustomFieldsWidget": {
     "file": "CustomFieldsWidget.md",
     "category": "Features/Enrich/Data Extension/Components"
   },
-  "DateRangeFilter": {
-    "file": "DateRangeFilter.md",
-    "category": "Features/Filter/Components"
-  },
   "EntityPage": {
     "file": "EntityPage.md",
     "category": "Base Components/Pages/Entity Page"
@@ -83,18 +79,14 @@
     "file": "EntityPage.AdditionalContent.md",
     "category": "Base Components/Pages/Entity Page"
   },
-  "EntityPage.Card": {
-    "file": "EntityPage.Card.md",
-    "category": "Base Components/Pages/Entity Page"
+  "DateRangeFilter": {
+    "file": "DateRangeFilter.md",
+    "category": "Features/Filter/Components"
   },
   "EntityPage.Content": {
     "file": "EntityPage.Content.md",
     "category": "Base Components/Pages/Entity Page"
   },
-  "EntityPage.Header": {
-    "file": "EntityPage.Header.md",
-    "category": "Base Components/Pages/Entity Page"
-  },
   "EntityPage.MainContent": {
     "file": "EntityPage.MainContent.md",
     "category": "Base Components/Pages/Entity Page"
@@ -103,6 +95,14 @@
     "file": "EntityPage.Slots.md",
     "category": "Base Components/Pages/Entity Page"
   },
+  "EntityPage.Card": {
+    "file": "EntityPage.Card.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
+  "EntityPage.Header": {
+    "file": "EntityPage.Header.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
   "Grid": {
     "file": "Grid.md",
     "category": "Base Components/Collections/Grid/Grid"
@@ -423,6 +423,10 @@
     "file": "customFilter.md",
     "category": "Features/Filter/Factories"
   },
+  "DataResultRaw": {
+    "file": "DataResultRaw.md",
+    "category": "Common/Types"
+  },
   "Data Extension Overview": {
     "file": "Data Extension Overview.md",
     "category": "Features/Enrich/Data Extension"
@@ -439,10 +443,6 @@
     "file": "Allow Users to Add Extended Fields.md",
     "category": "Features/Enrich/Data Extension"
   },
-  "DataResultRaw": {
-    "file": "DataResultRaw.md",
-    "category": "Common/Types"
-  },
   "EntityPageState": {
     "file": "EntityPageState.md",
     "category": "Base Components/Pages/Entity Page/State"

package/dist/esm/components/CardContainer/CardContainer.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CardContainer2515162890";
+var _namespace_ = "CardContainer59267874";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CardContainer2515162890__root" };
+export var classes = { "root": "CardContainer59267874__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CardContainer/CardContainer.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardContainer.st.css.js","sourceRoot":"","sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CardContainer.st.css.js","sourceRoot":"","sources":["../../../../src/components/CardContainer/CardContainer.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,uBAAuB,CAAC;AAC1C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,6BAA6B,EAAC,CAAC;AAC5D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CmsFieldManagement/CmsFieldForm.js

@@ -15,7 +15,7 @@ const _CmsFieldForm = ({ state }) => {
             React.createElement(FloatingNotification, { type: "destructive", prefixIcon: React.createElement(InfoCircle, null), text: state.validationErrorMessage, onClose: state.hideValidationError }))),
         React.createElement(BasicsSection, { state: state }),
         React.createElement(Divider, null),
-        state.properties.type && React.createElement(ValidationAndDefaultsSection, { state: state })));
+        React.createElement(ValidationAndDefaultsSection, { state: state })));
 };
 export const CmsFieldForm = observer(_CmsFieldForm);
 //# sourceMappingURL=CmsFieldForm.js.map

package/dist/esm/components/CmsFieldManagement/CmsFieldForm.js.map

@@ -1 +1 @@
-{"version":3,"file":"CmsFieldForm.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAMvF,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;QAC3D,KAAK,CAAC,gBAAgB,IAAI,CACzB,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,QAAQ,EAAC,6BAA6B,EACtC,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,EACpC,eAAe,EACb,KAAK,CAAC,gBAAgB,CAAC,MAAM,IAAI;oBAC/B,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI;oBACzC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;iBAC3D,EAEH,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS,CAAC,GACnD,CACE,CACP;QAEA,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,mBAAmB,IAAI,CACvD,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,sBAAsB,EAClC,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACE,CACP;QAED,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI;QAC/B,oBAAC,OAAO,OAAG;QAEV,KAAK,CAAC,UAAU,CAAC,IAAI,IAAI,oBAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,GAAI,CACpE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"CmsFieldForm.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAMvF,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;QAC3D,KAAK,CAAC,gBAAgB,IAAI,CACzB,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,QAAQ,EAAC,6BAA6B,EACtC,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,EACpC,eAAe,EACb,KAAK,CAAC,gBAAgB,CAAC,MAAM,IAAI;oBAC/B,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI;oBACzC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;iBAC3D,EAEH,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS,CAAC,GACnD,CACE,CACP;QAEA,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,mBAAmB,IAAI,CACvD,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,sBAAsB,EAClC,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACE,CACP;QAED,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI;QAC/B,oBAAC,OAAO,OAAG;QAEX,oBAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/Sections/BasicsSection.js

@@ -8,9 +8,9 @@ import { FieldPiiToggle } from '../formFields/FieldPiiToggle';
 const _BasicsSection = ({ state }) => {
     const { properties, visibleErrors, mode } = state;
     return (React.createElement(Box, { direction: "vertical", gap: "SP4" },
-        React.createElement(FieldTypeSelect, { label: "Field Type", value: properties.type, onChange: state.changeType, disabled: mode === 'edit', error: visibleErrors.type }),
-        React.createElement(FieldNameInput, { label: "Field Name", value: properties.name, onChange: state.changeName, onBlur: () => state.blurField('name'), error: visibleErrors.name }),
-        isPIISupportedByFieldType(properties.type) && (React.createElement(FieldPiiToggle, { label: "Personally Identifiable Information (PII)", checked: properties.isPii, onChange: state.setIsPii }))));
+        React.createElement(FieldTypeSelect, { label: "Field type", value: properties.type, onChange: state.changeType, disabled: mode === 'edit', error: visibleErrors.type }),
+        React.createElement(FieldNameInput, { label: "Field name", value: properties.name, onChange: state.changeName, onBlur: () => state.blurField('name'), error: visibleErrors.name }),
+        isPIISupportedByFieldType(properties.type) && (React.createElement(FieldPiiToggle, { label: "Personal information (PII)", checked: properties.isPii, onChange: state.setIsPii }))));
 };
 export const BasicsSection = observer(_BasicsSection);
 //# sourceMappingURL=BasicsSection.js.map

package/dist/esm/components/CmsFieldManagement/Sections/BasicsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BasicsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/BasicsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAM9D,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IAC1C,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;QACjC,oBAAC,eAAe,IACd,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,KAAK,MAAM,EACzB,KAAK,EAAE,aAAa,CAAC,IAAI,GACzB;QAEF,oBAAC,cAAc,IACb,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,EACrC,KAAK,EAAE,aAAa,CAAC,IAAI,GACzB;QAED,yBAAyB,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAC7C,oBAAC,cAAc,IACb,KAAK,EAAC,2CAA2C,EACjD,OAAO,EAAE,UAAU,CAAC,KAAK,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}
+{"version":3,"file":"BasicsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/BasicsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAEzC,OAAO,EAAE,yBAAyB,EAAE,MAAM,mBAAmB,CAAC;AAC9D,OAAO,EAAE,eAAe,EAAE,MAAM,+BAA+B,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAM9D,MAAM,cAAc,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IAC1C,MAAM,EAAE,UAAU,EAAE,aAAa,EAAE,IAAI,EAAE,GAAG,KAAK,CAAC;IAElD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;QACjC,oBAAC,eAAe,IACd,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,QAAQ,EAAE,IAAI,KAAK,MAAM,EACzB,KAAK,EAAE,aAAa,CAAC,IAAI,GACzB;QAEF,oBAAC,cAAc,IACb,KAAK,EAAC,YAAY,EAClB,KAAK,EAAE,UAAU,CAAC,IAAI,EACtB,QAAQ,EAAE,KAAK,CAAC,UAAU,EAC1B,MAAM,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,CAAC,EACrC,KAAK,EAAE,aAAa,CAAC,IAAI,GACzB;QAED,yBAAyB,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAC7C,oBAAC,cAAc,IACb,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,UAAU,CAAC,KAAK,EACzB,QAAQ,EAAE,KAAK,CAAC,QAAQ,GACxB,CACH,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CAAC,cAAc,CAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.js

@@ -1,6 +1,6 @@
 import React, { useState } from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box, Divider, Input, Text } from '@wix/design-system';
+import { Box, Divider, FormField, Input, Text } from '@wix/design-system';
 import { ChevronDown, ChevronRight } from '@wix/wix-ui-icons-common';
 import { ValidationSubSection } from './ValidationSubSection';
 const _ValidationAndDefaultsSection = ({ state }) => {
@@ -9,27 +9,20 @@ const _ValidationAndDefaultsSection = ({ state }) => {
     return (React.createElement(Box, { direction: "vertical" },
         React.createElement("div", { role: "button", tabIndex: 0, style: {
                 cursor: 'pointer',
-                padding: '16px 0 16px 0',
                 display: 'flex',
                 alignItems: 'center',
                 gap: 8,
-            }, onClick: () => setIsOpen((v) => !v), onKeyDown: (e) => {
-                if (e.key === 'Enter' || e.key === ' ') {
-                    e.preventDefault();
-                    setIsOpen((v) => !v);
-                }
-            } },
+                padding: '16px 0',
+            }, onClick: () => setIsOpen((v) => !v), onKeyDown: (e) => e.key === 'Enter' && setIsOpen((v) => !v) },
             isOpen ? React.createElement(ChevronDown, { size: "18px" }) : React.createElement(ChevronRight, { size: "18px" }),
-            React.createElement(Text, { weight: "bold" }, "Validation and defaults")),
-        isOpen && (React.createElement(Box, { direction: "vertical", gap: "SP0" },
-            hasValidation && (React.createElement(Box, { direction: "vertical", gap: "SP4", paddingBottom: "SP4" },
+            React.createElement(Text, null, "Validation and defaults")),
+        isOpen && (React.createElement(Box, { direction: "vertical", gap: "SP6", paddingBottom: "SP4" },
+            hasValidation && (React.createElement(Box, { direction: "vertical", gap: "SP2" },
                 React.createElement(Text, { weight: "bold" }, "Validation"),
-                React.createElement(ValidationSubSection, { state: state }),
-                React.createElement(Divider, null))),
-            React.createElement(Box, { direction: "vertical", gap: "SP4", paddingBottom: "SP4" },
-                React.createElement(Text, { weight: "bold" }, "Help text"),
-                React.createElement(Input, { ariaLabel: "Help text", value: state.properties.helpText, onChange: (e) => state.setHelpText(e.target.value) }),
-                React.createElement(Divider, null))))));
+                React.createElement(ValidationSubSection, { state: state }))),
+            React.createElement(Divider, null),
+            React.createElement(FormField, { label: "Help text", infoContent: "Descriptive text shown below the field in forms." },
+                React.createElement(Input, { value: state.properties.helpText, onChange: (e) => state.setHelpText(e.target.value) }))))));
 };
 export const ValidationAndDefaultsSection = observer(_ValidationAndDefaultsSection);
 //# sourceMappingURL=ValidationAndDefaultsSection.js.map

package/dist/esm/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationAndDefaultsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,6BAA6B,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU;QACvB,6BACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,eAAe;gBACxB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,CAAC;aACP,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACnC,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;gBACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,EAAE;oBACtC,CAAC,CAAC,cAAc,EAAE,CAAC;oBACnB,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;iBACtB;YACH,CAAC;YAEA,MAAM,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,IAAI,EAAC,MAAM,GAAG;YACpE,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,8BAA+B,CAC9C;QAEL,MAAM,IAAI,CACT,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;YAChC,aAAa,IAAI,CAChB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK;gBACrD,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,iBAAkB;gBACrC,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI;gBACtC,oBAAC,OAAO,OAAG,CACP,CACP;YAED,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK;gBACrD,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,gBAAiB;gBACpC,oBAAC,KAAK,IACJ,SAAS,EAAC,WAAW,EACrB,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD;gBACF,oBAAC,OAAO,OAAG,CACP,CACF,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}
+{"version":3,"file":"ValidationAndDefaultsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,6BAA6B,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU;QACvB,6BACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,QAAQ;aAClB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACnC,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE,CACpC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YAG1C,MAAM,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,IAAI,EAAC,MAAM,GAAG;YACpE,oBAAC,IAAI,kCAA+B,CAChC;QAEL,MAAM,IAAI,CACT,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK;YACpD,aAAa,IAAI,CAChB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;gBACjC,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,iBAAkB;gBACrC,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI,CAClC,CACP;YAED,oBAAC,OAAO,OAAG;YAEX,oBAAC,SAAS,IACR,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,kDAAkD;gBAE9D,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,CACQ,CACR,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}

package/dist/esm/components/CmsFieldManagement/Sections/ValidationSubSection.js

@@ -1,16 +1,22 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box } from '@wix/design-system';
+import { Box, InfoIcon, Text, ToggleSwitch } from '@wix/design-system';
 import { RequiredToggle } from '../formFields/RequiredToggle';
 import { CharactersLimitInput } from '../formFields/CharactersLimitInput';
 const _ValidationSubSection = ({ state }) => {
     const { supportedValidationRules, fieldRules } = state;
     return (React.createElement(Box, { direction: "vertical", gap: "SP4" }, supportedValidationRules.map((rule) => {
         if (rule === 'required') {
-            return (React.createElement(RequiredToggle, { key: "required", label: "Required", checked: Boolean(fieldRules.validationRules.required), onChange: (v) => state.setValidationRule('required', v) }));
+            return (React.createElement(RequiredToggle, { key: "required", label: "Make this a required field", checked: Boolean(fieldRules.validationRules.required), onChange: (v) => state.setValidationRule('required', v) }));
         }
         if (rule === 'charactersLimit') {
-            return (React.createElement(CharactersLimitInput, { key: "charactersLimit", minLabel: "Min characters", maxLabel: "Max characters", value: fieldRules.validationRules.charactersLimit ?? {}, onChange: (v) => state.setValidationRule('charactersLimit', v) }));
+            const isEnabled = fieldRules.validationRules.charactersLimit !== undefined;
+            return (React.createElement(Box, { key: "charactersLimit", direction: "vertical", gap: "SP3" },
+                React.createElement(Box, { verticalAlign: "middle", gap: "SP2" },
+                    React.createElement(ToggleSwitch, { checked: isEnabled, onChange: () => state.setValidationRule('charactersLimit', isEnabled ? undefined : {}) }),
+                    React.createElement(Text, { size: "small" }, "Limit character count"),
+                    React.createElement(InfoIcon, { content: "Set minimum and maximum character limits for this field." })),
+                isEnabled && (React.createElement(CharactersLimitInput, { minLabel: "Min characters", maxLabel: "Max characters", value: fieldRules.validationRules.charactersLimit ?? {}, onChange: (v) => state.setValidationRule('charactersLimit', v) }))));
         }
         return null;
     })));

package/dist/esm/components/CmsFieldManagement/Sections/ValidationSubSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"ValidationSubSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AAIzC,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAM1E,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACjD,MAAM,EAAE,wBAAwB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEvD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,wBAAwB,CAAC,GAAG,CAAC,CAAC,IAAoB,EAAE,EAAE;QACrD,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,UAAU,EAChB,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,EACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC,GACvD,CACH,CAAC;SACH;QACD,IAAI,IAAI,KAAK,iBAAiB,EAAE;YAC9B,OAAO,CACL,oBAAC,oBAAoB,IACnB,GAAG,EAAC,iBAAiB,EACrB,QAAQ,EAAC,gBAAgB,EACzB,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EACF,UAAU,CAAC,eAAe,CAAC,eAEd,IAAI,EAAE,EAEtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,CAAC,CAAC,GAC9D,CACH,CAAC;SACH;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}
+{"version":3,"file":"ValidationSubSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationSubSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAIvE,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAM1E,MAAM,qBAAqB,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACjD,MAAM,EAAE,wBAAwB,EAAE,UAAU,EAAE,GAAG,KAAK,CAAC;IAEvD,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,IAChC,wBAAwB,CAAC,GAAG,CAAC,CAAC,IAAoB,EAAE,EAAE;QACrD,IAAI,IAAI,KAAK,UAAU,EAAE;YACvB,OAAO,CACL,oBAAC,cAAc,IACb,GAAG,EAAC,UAAU,EACd,KAAK,EAAC,4BAA4B,EAClC,OAAO,EAAE,OAAO,CAAC,UAAU,CAAC,eAAe,CAAC,QAAQ,CAAC,EACrD,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,iBAAiB,CAAC,UAAU,EAAE,CAAC,CAAC,GACvD,CACH,CAAC;SACH;QACD,IAAI,IAAI,KAAK,iBAAiB,EAAE;YAC9B,MAAM,SAAS,GACb,UAAU,CAAC,eAAe,CAAC,eAAe,KAAK,SAAS,CAAC;YAC3D,OAAO,CACL,oBAAC,GAAG,IAAC,GAAG,EAAC,iBAAiB,EAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;gBACvD,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK;oBACnC,oBAAC,YAAY,IACX,OAAO,EAAE,SAAS,EAClB,QAAQ,EAAE,GAAG,EAAE,CACb,KAAK,CAAC,iBAAiB,CACrB,iBAAiB,EACjB,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAC3B,GAEH;oBACF,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,4BAA6B;oBAC/C,oBAAC,QAAQ,IAAC,OAAO,EAAC,0DAA0D,GAAG,CAC3E;gBACL,SAAS,IAAI,CACZ,oBAAC,oBAAoB,IACnB,QAAQ,EAAC,gBAAgB,EACzB,QAAQ,EAAC,gBAAgB,EACzB,KAAK,EACF,UAAU,CAAC,eAAe,CAAC,eAEd,IAAI,EAAE,EAEtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CACd,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,EAAE,CAAC,CAAC,GAE/C,CACH,CACG,CACP,CAAC;SACH;QACD,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,QAAQ,CAAC,qBAAqB,CAAC,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/FieldNameInput.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import { FormField, Input } from '@wix/design-system';
 export const FieldNameInput = ({ label, value, onChange, onBlur, error, }) => (React.createElement(FormField, { required: true, label: label, status: error ? 'error' : undefined, statusMessage: error },
-    React.createElement(Input, { value: value, onChange: (e) => onChange(e.target.value), onBlur: onBlur })));
+    React.createElement(Input, { placeholder: "Enter a name", value: value, onChange: (e) => onChange(e.target.value), onBlur: onBlur })));
 //# sourceMappingURL=FieldNameInput.js.map

package/dist/esm/components/CmsFieldManagement/formFields/FieldNameInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldNameInput.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldNameInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACe,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,aAAa,EAAE,KAAK;IAEpB,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,GACd,CACQ,CACb,CAAC"}
+{"version":3,"file":"FieldNameInput.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldNameInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAUtD,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,MAAM,EACN,KAAK,GACe,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,aAAa,EAAE,KAAK;IAEpB,oBAAC,KAAK,IACJ,WAAW,EAAC,cAAc,EAC1B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACzC,MAAM,EAAE,MAAM,GACd,CACQ,CACb,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/FieldPiiToggle.js

@@ -1,5 +1,5 @@
 import React from 'react';
 import { FormField, ToggleSwitch } from '@wix/design-system';
-export const FieldPiiToggle = ({ label, checked, onChange, disabled, }) => (React.createElement(FormField, { label: label },
+export const FieldPiiToggle = ({ label, checked, onChange, disabled, }) => (React.createElement(FormField, { label: label, labelPlacement: "right", stretchContent: false },
     React.createElement(ToggleSwitch, { checked: checked, onChange: (e) => onChange(e.target.checked), disabled: disabled })));
 //# sourceMappingURL=FieldPiiToggle.js.map

package/dist/esm/components/CmsFieldManagement/formFields/FieldPiiToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldPiiToggle.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldPiiToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAS7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK;IACrB,oBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACb,CAAC"}
+{"version":3,"file":"FieldPiiToggle.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldPiiToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAS7D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,EACR,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,oBAAC,SAAS,IAAC,KAAK,EAAE,KAAK,EAAE,cAAc,EAAC,OAAO,EAAC,cAAc,EAAE,KAAK;IACnE,oBAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,EAC3C,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACb,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/FieldTypeSelect.js

@@ -1,23 +1,39 @@
 import React from 'react';
-import { Dropdown, FormField } from '@wix/design-system';
-// TODO: confirm selectable subset vs cms-web
-const SELECTABLE_TYPES = [
-    'SHORT_TEXT',
-    'NUMBER',
-    'BOOLEAN',
-    'DATE',
+import { Box, Dropdown, listItemSectionBuilder, listItemSelectBuilder, FormField, } from '@wix/design-system';
+import { getFieldTypeIcon } from '../../../utils/fieldTypePrefixIcons';
+const OPTIONS = [
+    listItemSectionBuilder({
+        title: 'Essentials',
+        id: 'section-essentials',
+        type: 'subheader',
+    }),
+    listItemSelectBuilder({
+        id: 'SHORT_TEXT',
+        title: 'Text',
+        label: 'Text',
+        prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'SHORT_TEXT', size: 'medium' }))),
+    }),
+    listItemSelectBuilder({
+        id: 'NUMBER',
+        title: 'Number',
+        label: 'Number',
+        prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'NUMBER', size: 'medium' }))),
+    }),
+    listItemSelectBuilder({
+        id: 'BOOLEAN',
+        title: 'Boolean',
+        label: 'Boolean',
+        prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'BOOLEAN', size: 'medium' }))),
+    }),
+    listItemSelectBuilder({
+        id: 'DATE',
+        title: 'Date',
+        label: 'Date',
+        prefix: (React.createElement(Box, null, getFieldTypeIcon({ fieldType: 'DATE', size: 'medium' }))),
+    }),
 ];
-// TODO: replace with translation keys cairo.cms.field.type.option.*
-const FIELD_TYPE_LABELS = {
-    SHORT_TEXT: 'Short Text',
-    NUMBER: 'Number',
-    BOOLEAN: 'True/False',
-    DATE: 'Date',
-};
-const OPTIONS = SELECTABLE_TYPES.map((t) => ({
-    id: t,
-    value: FIELD_TYPE_LABELS[t] ?? t,
-}));
 export const FieldTypeSelect = ({ label, value, onChange, disabled, error, }) => (React.createElement(FormField, { required: true, label: label, status: error ? 'error' : undefined, statusMessage: error },
-    React.createElement(Dropdown, { popoverProps: { zIndex: 10000, appendTo: 'window' }, options: OPTIONS, selectedId: value, onSelect: (option) => onChange(option.id), disabled: disabled })));
+    React.createElement(Dropdown, { popoverProps: { zIndex: 10000, appendTo: 'window' }, placeholder: "Choose a type", valueParser: (option) => option.label, prefix: value
+            ? getFieldTypeIcon({ fieldType: value, size: 'medium' })
+            : undefined, options: OPTIONS, selectedId: value, onSelect: (option) => onChange(option.id), disabled: disabled })));
 //# sourceMappingURL=FieldTypeSelect.js.map

package/dist/esm/components/CmsFieldManagement/formFields/FieldTypeSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"FieldTypeSelect.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldTypeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAGzD,6CAA6C;AAC7C,MAAM,gBAAgB,GAA2B;IAC/C,YAAY;IACZ,QAAQ;IACR,SAAS;IACT,MAAM;CACP,CAAC;AAEF,oEAAoE;AACpE,MAAM,iBAAiB,GAA2B;IAChD,UAAU,EAAE,YAAY;IACxB,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,YAAY;IACrB,IAAI,EAAE,MAAM;CACb,CAAC;AAEF,MAAM,OAAO,GAAG,gBAAgB,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;IAC3C,EAAE,EAAE,CAAC;IACL,KAAK,EAAE,iBAAiB,CAAC,CAAC,CAAC,IAAI,CAAC;CACjC,CAAC,CAAC,CAAC;AAUJ,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GACgB,EAAE,EAAE,CAAC,CAC1B,oBAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,aAAa,EAAE,KAAK;IAEpB,oBAAC,QAAQ,IACP,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACnD,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAA0B,CAAC,EACjE,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACb,CAAC"}
+{"version":3,"file":"FieldTypeSelect.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/FieldTypeSelect.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EACL,GAAG,EACH,QAAQ,EACR,sBAAsB,EACtB,qBAAqB,EACrB,SAAS,GACV,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,qCAAqC,CAAC;AAGvE,MAAM,OAAO,GAAG;IACd,sBAAsB,CAAC;QACrB,KAAK,EAAE,YAAY;QACnB,EAAE,EAAE,oBAAoB;QACxB,IAAI,EAAE,WAAW;KAClB,CAAC;IACF,qBAAqB,CAAC;QACpB,EAAE,EAAE,YAAY;QAChB,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CACN,oBAAC,GAAG,QAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAO,CAC3E;KACF,CAAC;IACF,qBAAqB,CAAC;QACpB,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,MAAM,EAAE,CACN,oBAAC,GAAG,QAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAO,CACvE;KACF,CAAC;IACF,qBAAqB,CAAC;QACpB,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,MAAM,EAAE,CACN,oBAAC,GAAG,QAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAO,CACxE;KACF,CAAC;IACF,qBAAqB,CAAC;QACpB,EAAE,EAAE,MAAM;QACV,KAAK,EAAE,MAAM;QACb,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,CACN,oBAAC,GAAG,QAAE,gBAAgB,CAAC,EAAE,SAAS,EAAE,MAAM,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC,CAAO,CACrE;KACF,CAAC;CACH,CAAC;AAUF,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,KAAK,GACgB,EAAE,EAAE,CAAC,CAC1B,oBAAC,SAAS,IACR,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,EACnC,aAAa,EAAE,KAAK;IAEpB,oBAAC,QAAQ,IACP,YAAY,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,EACnD,WAAW,EAAC,eAAe,EAC3B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,EACrC,MAAM,EACJ,KAAK;YACH,CAAC,CAAC,gBAAgB,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,CAAC;YACxD,CAAC,CAAC,SAAS,EAEf,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,KAAK,EACjB,QAAQ,EAAE,CAAC,MAAM,EAAE,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,EAA0B,CAAC,EACjE,QAAQ,EAAE,QAAQ,GAClB,CACQ,CACb,CAAC"}

package/dist/esm/components/CmsFieldManagement/formFields/RequiredToggle.js

@@ -1,4 +1,7 @@
 import React from 'react';
-import { Checkbox } from '@wix/design-system';
-export const RequiredToggle = ({ label, checked, onChange, }) => (React.createElement(Checkbox, { checked: checked, onChange: () => onChange(!checked) }, label));
+import { Box, InfoIcon, Text, ToggleSwitch } from '@wix/design-system';
+export const RequiredToggle = ({ label, checked, onChange, }) => (React.createElement(Box, { verticalAlign: "middle", gap: "SP2" },
+    React.createElement(ToggleSwitch, { checked: checked, onChange: () => onChange(!checked) }),
+    React.createElement(Text, { size: "small" }, label),
+    React.createElement(InfoIcon, { content: "When enabled, this field must have a value before saving an item." })));
 //# sourceMappingURL=RequiredToggle.js.map

package/dist/esm/components/CmsFieldManagement/formFields/RequiredToggle.js.map

@@ -1 +1 @@
-{"version":3,"file":"RequiredToggle.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/RequiredToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAC;AAQ9C,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,oBAAC,QAAQ,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,IAC3D,KAAK,CACG,CACZ,CAAC"}
+{"version":3,"file":"RequiredToggle.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/RequiredToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAQvE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,OAAO,EACP,QAAQ,GACY,EAAE,EAAE,CAAC,CACzB,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,GAAG,EAAC,KAAK;IACnC,oBAAC,YAAY,IAAC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,CAAC,OAAO,CAAC,GAAI;IACtE,oBAAC,IAAI,IAAC,IAAI,EAAC,OAAO,IAAE,KAAK,CAAQ;IACjC,oBAAC,QAAQ,IAAC,OAAO,EAAC,mEAAmE,GAAG,CACpF,CACP,CAAC"}

package/dist/esm/components/Collapse/Collapse.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "Collapse3645939412";
+var _namespace_ = "Collapse3599739854";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "Collapse3645939412__root", "exit": "Collapse3645939412__exit" };
+export var classes = { "root": "Collapse3599739854__root", "exit": "Collapse3599739854__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPage688095007";
+var _namespace_ = "CollectionPage42408384";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionPage688095007__root" };
+export var classes = { "root": "CollectionPage42408384__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionPageNew/CollectionPage.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPage.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,yBAAyB,CAAC;AAC5C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,+BAA+B,EAAC,CAAC;AAC9D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,0CAA0C,EAAC,4CAA4C,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}
+{"version":3,"file":"CollectionPage.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionPageNew/CollectionPage.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,wBAAwB,CAAC;AAC3C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,8BAA8B,EAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAC,oCAAoC,EAAC,sCAAsC,EAAC,0CAA0C,EAAC,4CAA4C,EAAC,+BAA+B,EAAC,iCAAiC,EAAC,eAAe,EAAC,iBAAiB,EAAC,CAAC"}

package/dist/esm/components/CollectionSectionHeader/CollectionSectionHeader.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionSectionHeader1234194784";
+var _namespace_ = "CollectionSectionHeader3066088128";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionSectionHeader1234194784__root", "summaryIcon": "CollectionSectionHeader1234194784__summaryIcon" };
+export var classes = { "root": "CollectionSectionHeader3066088128__root", "summaryIcon": "CollectionSectionHeader3066088128__summaryIcon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTable.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTable2532457238";
+var _namespace_ = "CollectionTable3391723207";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionTable2532457238__root" };
+export var classes = { "root": "CollectionTable3391723207__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionTableWSRTable4273858841";
+var _namespace_ = "CollectionTableWSRTable262944291";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionTableWSRTable4273858841__root" };
+export var classes = { "root": "CollectionTableWSRTable262944291__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionTable/CollectionTableWSRTable.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionTableWSRTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mCAAmC,CAAC;AACtD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,yCAAyC,EAAC,CAAC;AACxE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CollectionTableWSRTable.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionTable/CollectionTableWSRTable.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,kCAAkC,CAAC;AACrD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,wCAAwC,EAAC,CAAC;AACvE,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionToolbar157066470";
+var _namespace_ = "CollectionToolbar2096574074";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "CollectionToolbar157066470__root", "left": "CollectionToolbar157066470__left", "right": "CollectionToolbar157066470__right", "fullWidth": "CollectionToolbar157066470__fullWidth" };
+export var classes = { "root": "CollectionToolbar2096574074__root", "left": "CollectionToolbar2096574074__left", "right": "CollectionToolbar2096574074__right", "fullWidth": "CollectionToolbar2096574074__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/CollectionToolbar.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,4BAA4B,CAAC;AAC/C,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,kCAAkC,EAAC,MAAM,EAAC,kCAAkC,EAAC,OAAO,EAAC,mCAAmC,EAAC,WAAW,EAAC,uCAAuC,EAAC,CAAC;AAC3M,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"CollectionToolbar.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/CollectionToolbar.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,6BAA6B,CAAC;AAChD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,mCAAmC,EAAC,MAAM,EAAC,mCAAmC,EAAC,OAAO,EAAC,oCAAoC,EAAC,WAAW,EAAC,wCAAwC,EAAC,CAAC;AAC/M,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "SearchOrCustomFilter3697345475";
+var _namespace_ = "SearchOrCustomFilter786229973";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "SearchOrCustomFilter3697345475__root", "search": "SearchOrCustomFilter3697345475__search", "searchMobile": "SearchOrCustomFilter3697345475__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter786229973__root", "search": "SearchOrCustomFilter786229973__search", "searchMobile": "SearchOrCustomFilter786229973__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CollectionToolbar/SearchOrCustomFilter.st.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,gCAAgC,CAAC;AACnD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,sCAAsC,EAAC,QAAQ,EAAC,wCAAwC,EAAC,cAAc,EAAC,8CAA8C,EAAC,CAAC;AACrL,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}
+{"version":3,"file":"SearchOrCustomFilter.st.css.js","sourceRoot":"","sources":["../../../../src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,+BAA+B,CAAC;AAClD,IAAI,OAAO,GAAG,cAAc,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAErD,MAAM,CAAC,IAAI,SAAS,GAAG,aAAa,CAAC,IAAI,CAAC,IAAI,EAAE,WAAW,CAAC,CAAC;AAC7D,MAAM,CAAC,IAAI,KAAK,GAAG,OAAO,CAAC;AAC3B,MAAM,CAAC,IAAI,EAAE,GAA2C,OAAO,CAAC;AAEhE,MAAM,CAAC,IAAI,SAAS,GAAG,WAAW,CAAC;AACnC,MAAM,CAAC,IAAI,OAAO,GAAG,EAAC,MAAM,EAAC,qCAAqC,EAAC,QAAQ,EAAC,uCAAuC,EAAC,cAAc,EAAC,6CAA6C,EAAC,CAAC;AAClL,MAAM,CAAC,IAAI,SAAS,GAAG,EAAE,CAAC;AAC1B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,UAAU,GAAG,EAAE,CAAC;AAC3B,MAAM,CAAC,IAAI,MAAM,GAAG,EAAE,CAAC;AACvB,MAAM,CAAC,IAAI,IAAI,GAAG,EAAE,CAAC"}

package/dist/esm/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "AutoCompleteReadonly2473283311";
+var _namespace_ = "AutoCompleteReadonly2089342417";
 var _style_ = classesRuntime.bind(null, _namespace_);
 export var cssStates = statesRuntime.bind(null, _namespace_);
 export var style = _style_;
 export var st = _style_;
 export var namespace = _namespace_;
-export var classes = { "root": "AutoCompleteReadonly2473283311__root" };
+export var classes = { "root": "AutoCompleteReadonly2089342417__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};