@wix/patterns 1.446.0 → 1.448.0

package/dist/docs/index.json

@@ -19,13 +19,9 @@
     "file": "CollectionErrorState.md",
     "category": "Common/State"
   },
-  "CollectionNoResultsState": {
-    "file": "CollectionNoResultsState.md",
-    "category": "Features/Display/Empty States"
-  },
-  "CollectionPage": {
-    "file": "CollectionPage.md",
-    "category": "Base Components/Pages/Collection Page"
+  "CollectionOptimisticActions": {
+    "file": "CollectionOptimisticActions.md",
+    "category": "Features/Actions/Updates"
   },
   "CollectionPage.Content": {
     "file": "CollectionPage.Content.md",
@@ -35,6 +31,14 @@
     "file": "CollectionPage.Header.md",
     "category": "Base Components/Pages/Collection Page"
   },
+  "CollectionNoResultsState": {
+    "file": "CollectionNoResultsState.md",
+    "category": "Features/Display/Empty States"
+  },
+  "CollectionPage": {
+    "file": "CollectionPage.md",
+    "category": "Base Components/Pages/Collection Page"
+  },
   "CollectionPremiumEmptyState": {
     "file": "CollectionPremiumEmptyState.md",
     "category": "Features/Display/Empty States"
@@ -43,10 +47,6 @@
     "file": "CollectionSearch.md",
     "category": "Features/Filter/Components"
   },
-  "CollectionOptimisticActions": {
-    "file": "CollectionOptimisticActions.md",
-    "category": "Features/Actions/Updates"
-  },
   "CollectionSubToolbar": {
     "file": "CollectionSubToolbar.md",
     "category": "Common/Components"
@@ -67,34 +67,34 @@
     "file": "CustomFieldType.md",
     "category": "Features/Enrich/Custom Field Types"
   },
-  "CustomFieldsViewWidget": {
-    "file": "CustomFieldsViewWidget.md",
-    "category": "Features/Enrich/Data Extension/Components"
-  },
   "CustomFieldsWidget": {
     "file": "CustomFieldsWidget.md",
     "category": "Features/Enrich/Data Extension/Components"
   },
+  "CustomFieldsViewWidget": {
+    "file": "CustomFieldsViewWidget.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"
-  },
   "EntityPage.AdditionalContent": {
     "file": "EntityPage.AdditionalContent.md",
     "category": "Base Components/Pages/Entity Page"
   },
-  "EntityPage.Content": {
-    "file": "EntityPage.Content.md",
+  "EntityPage": {
+    "file": "EntityPage.md",
     "category": "Base Components/Pages/Entity Page"
   },
   "EntityPage.Card": {
     "file": "EntityPage.Card.md",
     "category": "Base Components/Pages/Entity Page"
   },
+  "EntityPage.Content": {
+    "file": "EntityPage.Content.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
   "EntityPage.Header": {
     "file": "EntityPage.Header.md",
     "category": "Base Components/Pages/Entity Page"
@@ -399,14 +399,14 @@
     "file": "ActionCellProps.md",
     "category": "Features/Actions/Action Cell"
   },
-  "BulkSelectState": {
-    "file": "BulkSelectState.md",
-    "category": "Common/State"
-  },
   "BulkActionModalRenderProp": {
     "file": "BulkActionModalRenderProp.md",
     "category": "Common/Types"
   },
+  "BulkSelectState": {
+    "file": "BulkSelectState.md",
+    "category": "Common/State"
+  },
   "Category": {
     "file": "Category.md",
     "category": "Common/Types"

package/dist/docs/useAmbassadorCollection.md

@@ -25,7 +25,10 @@ const state = useAmbassadorCollection({
 });
 
 return (
-   c.name },
+  <Table
+    state={state}
+    columns={[
+      { title: 'Name', render: (c) => c.name },
     ]}
   />
 );

package/dist/docs/useEntity.md

@@ -28,12 +28,15 @@ function MyEntityPage({ state }) {
   const entity = useEntity(state);
 
   return (
-    
-      
-      
+    <EntityPage state={state}>
+      <EntityPage.Header
+        title={{ text: entity?.name ?? "Loading..." }}
+        subtitle={entity?.description}
+      />
+      <EntityPage.Content>
         {/* Card.Content receives the entity automatically */}
-      
-    
+      </EntityPage.Content>
+    </EntityPage>
   );
 }
 ```

package/dist/docs/useEntityPage.md

@@ -6,7 +6,7 @@
 
 ### Overview
 
-A React hook that creates the state for an [`EntityPage`](./?path=/story/base-components-pages-entity-page--entitypage). Configure entity fetching, save flow, form integration, toasts, and navigation. The returned [`EntityPageState`](./?path=/story/base-components-pages-entity-page-state--entitypagestate) is passed to ``.
+A React hook that creates the state for an [`EntityPage`](./?path=/story/base-components-pages-entity-page--entitypage). Configure entity fetching, save flow, form integration, toasts, and navigation. The returned [`EntityPageState`](./?path=/story/base-components-pages-entity-page-state--entitypagestate) is passed to `<EntityPage state={state}>`.
 
 ```tsx
 import { useEntityPage } from '@wix/patterns/page';
@@ -30,12 +30,12 @@ const state = useEntityPage({
 });
 
 return (
-  
-    
-    
-      ...
-    
-  
+  <EntityPage state={state}>
+    <EntityPage.Header title={{ text: 'Edit Item' }} />
+    <EntityPage.Content>
+      <EntityPage.MainContent>...</EntityPage.MainContent>
+    </EntityPage.Content>
+  </EntityPage>
 );
 ```
 
@@ -51,6 +51,8 @@ return (
 | `onSave` | `(params: OnSaveParams) => Promise<{ updatedEntity: T; }>` | Yes | - | A function to handle the save action. @returns promise that resolves to an object that contains a 'updatedEntity' object. |
 | `saveSuccessToast` | `string \| { message?: string; }` | No | - | An optional object with an optional message, or it can directly get a string message. |
 | `saveErrorToast` | `((err: unknown, params: { retry: () => void; }) => string \| { message?: string; tryAgain?: boolean; action?: { text: string; onClick: () => void; } \| undefined; }) \| undefined` | No | - | An optional function to display an error toast message when a save operation fails. @returns An object with a `message` and an `action` object. Alternatively, it can return an object with an optional `message` and a `tryAgain` flag, or a string message. The previous return types are still supported but are now deprecated. |
+| `deleteAction` | `EntityPageDeleteAction<T>` | No | - | Enables deleting the loaded entity from the entity page. Pass `true` for a schema-backed page to use the source backend, or an object to customize the action and to provide a delete handler for manually wired pages. |
+| `transformEntityToCollectionItem` | `((entity: T) => any)` | No | - | An optional function to transform the updated entity data before it is passed to the collection page. @param entity the updated entity. @returns an object representing the entity in the collection page. |
 | `parentPageId` | `string` | No | - | A string representing the ID of the parent page. Must be passed if not using Patterns Router |
 | `parentPath` | `string` | No | - | A string representing the path of the parent page. Must be passed if using Patterns Router |
 | `parentReferrer` | `string` | No | - | Referrer forwarded to the parent page on back, cancel and save, so callers can carry navigation context across the transition. Only used for parentPageId navigations; Patterns Router keeps its context in router state. Forwarded by the BM and Giza providers. Dropped by the dashboard provider, whose SDK Destination has no referrer field. |

package/dist/docs/useEntityPageContext.md

@@ -18,7 +18,7 @@ import { useEntityPageContext } from '@wix/patterns/page';
 function MyCardContent() {
   const state = useEntityPageContext();
   // Access state.entity, state.form, etc.
-  return {state.entity?.name};
+  return <div>{state.entity?.name}</div>;
 }
 ```
 

package/dist/docs/useGridCollection.md

@@ -18,10 +18,16 @@ import { useGridCollection } from '@wix/patterns';
 import { useGridCollection, Grid } from '@wix/patterns';
 import { contacts } from '@wix/crm';
 
-const state = useGridCollection(/* Your collection parameters */);
+const state = useGridCollection<contacts.Contact>(/* Your collection parameters */);
 
 return (
-   contact.name,
+  <Grid
+    state={state}
+    columns={[
+      {
+        title: 'Name',
+        width: '250px',
+        render: (contact) => contact.name,
       }
     ]}
     /* Additional Grid props */

package/dist/docs/useNestedTable.md

@@ -8,7 +8,7 @@
 
 `useNestedTable` is a React hook that creates the state for a [`NestedTable`](./?path=/story/base-components-collections-nestedtable--nestedtable) component — a table that displays hierarchical data with expand/collapse, flat and nested view modes, and multi-level optimistic actions.
 
-You define the hierarchy through `levels`, where each level describes how to fetch its items, how they relate to their parent, and how to render columns. The hook returns a [`NestedTableState`](./?path=/story/base-components-collections-nestedtable--nestedtablestate) to pass to ``.
+You define the hierarchy through `levels`, where each level describes how to fetch its items, how they relate to their parent, and how to render columns. The hook returns a [`NestedTableState`](./?path=/story/base-components-collections-nestedtable--nestedtablestate) to pass to `<NestedTable state={state} />`.
 
 ```tsx
 import { useNestedTable } from '@wix/patterns';
@@ -46,7 +46,7 @@ const state = useNestedTable({
   ],
 });
 
-return ;
+return <NestedTable state={state} />;
 ```
 
 ### Returns

package/dist/docs/useOptimisticActions.md

@@ -24,8 +24,8 @@ The following example uses the `useOptimisticActions` hook to initialize optimis
 - import { OffsetQuery, useTableCollection } from '@wix/patterns';
 + import { OffsetQuery, useTableCollection, useOptimisticActions } from '@wix/patterns';
 
-  const state = useTableCollection({
-    fetchData: (query: OffsetQuery) => {
+  const state = useTableCollection<contacts.Contact, ContactsFilters>({
+    fetchData: (query: OffsetQuery<ContactsFilters>) => {
       // server call to fetch data
     },
   });

package/dist/docs/usePatternsNavigate.md

@@ -21,7 +21,13 @@ A good usecase for it, is to navigate to a collection page on a breadcrumb click
 It takes the path of the collection page as an argument:
 
 ```ts
-   {
+  <Breadcrumbs
+    activeId="current"
+    items={[
+      { id: 'root', value: 'Dummy Entity Collection' },
+      { id: 'current', value: 'Entity Page' },
+    ]}
+    onClick={(e) => {
       if (e.id === 'root') {
         navigateToCollectionPage({ path: '/entities' });
       }
@@ -44,7 +50,7 @@ It takes the path of the entity page, and the entity as arguments:
               path: `/entities/${item.id}`,
               entity: item,
             }),
-          icon: ,
+          icon: <Edit />,
         }
       }
    }}

package/dist/docs/usePickerContent.md

@@ -31,7 +31,10 @@ const MyPickerContent = ({ modalState }) => {
   });
 
   return (
-     item.name },
+    <PickerContent
+      state={contentState}
+      columns={[
+        { title: 'Name', render: (item) => item.name },
       ]}
     />
   );
@@ -40,7 +43,7 @@ const MyPickerContent = ({ modalState }) => {
 
 ### Returns
 
-The same config object, enriched with internal collection state. Pass it to ``.
+The same config object, enriched with internal collection state. Pass it to `<PickerContent state={...} />`.
 
 ### Props
 

package/dist/docs/usePickerModal.md

@@ -37,15 +37,15 @@ const pickerState = usePickerModal({
 
 return (
   <>
-    Open Picker
-    
-  
+    <button onClick={pickerState.open}>Open Picker</button>
+    <PickerModal state={pickerState} />
+  </>
 );
 ```
 
 ### Returns
 
-`PickerModalState` — pass it to ``.
+`PickerModalState` — pass it to `<PickerModal state={...} />`.
 
 ### Props
 

package/dist/docs/usePickerStandalone.md

@@ -33,7 +33,10 @@ const state = usePickerStandalone({
 });
 
 return (
-   site.name },
+  <PickerStandalone
+    state={state}
+    columns={[
+      { title: 'Site Name', render: (site) => site.name },
     ]}
   />
 );
@@ -41,7 +44,7 @@ return (
 
 ### Returns
 
-`PickerStandaloneState` — pass it to ``.
+`PickerStandaloneState` — pass it to `<PickerStandalone state={...} />`.
 
 ### Props
 

package/dist/docs/useSettingsPage.md

@@ -6,7 +6,7 @@
 
 ### Overview
 
-A React hook that creates the state for a [`SettingsPage`](./?path=/story/base-components-pages-settings-page--settingspage). Configure settings fetching, save/cancel flow, form integration, and toasts. The returned [`SettingsPageState`](./?path=/story/base-components-pages-settings-page-state--settingspagestate) is passed to ``.
+A React hook that creates the state for a [`SettingsPage`](./?path=/story/base-components-pages-settings-page--settingspage). Configure settings fetching, save/cancel flow, form integration, and toasts. The returned [`SettingsPageState`](./?path=/story/base-components-pages-settings-page-state--settingspagestate) is passed to `<SettingsPage state={state}>`.
 
 ```tsx
 import { useSettingsPage } from '@wix/patterns/page';
@@ -29,12 +29,12 @@ const state = useSettingsPage({
 });
 
 return (
-  
-    
-    
-      ...
-    
-  
+  <SettingsPage state={state}>
+    <SettingsPage.Header title={{ text: 'Settings' }} />
+    <SettingsPage.Content>
+      <SettingsPage.MainContent>...</SettingsPage.MainContent>
+    </SettingsPage.Content>
+  </SettingsPage>
 );
 ```
 

package/dist/docs/useSettingsPageContext.md

@@ -18,7 +18,7 @@ import { useSettingsPageContext } from '@wix/patterns/page';
 function MySettingsCard() {
   const state = useSettingsPageContext();
   // Access state.form, state.settings, etc.
-  return Current value: {state.settings?.theme};
+  return <div>Current value: {state.settings?.theme}</div>;
 }
 ```
 

package/dist/docs/useTableCollection.md

@@ -18,10 +18,16 @@ import { useTableCollection } from '@wix/patterns';
 import { useTableCollection, Table } from '@wix/patterns';
 import { contacts } from '@wix/crm';
 
-const state = useTableCollection(/* Your collection parameters */);
+const state = useTableCollection<contacts.Contact>(/* Your collection parameters */);
 
 return (
-   contact.name,
+  <Table
+    state={state}
+    columns={[
+      {
+        title: 'Name',
+        width: '250px',
+        render: (contact) => contact.name,
       }
     ]}
     /* Additional Table props */

package/dist/docs/useTableGridSwitchCollection.md

@@ -18,10 +18,16 @@ import { useTableGridSwitchCollection } from '@wix/patterns';
 import { Contact } from '@wix/ambassador-contacts-v4-contact/types';
 import { useTableGridSwitchCollection, TableGridSwitch } from '@wix/patterns';
 
-const state = useTableGridSwitchCollection({/* Your collection parameters */});
+const state = useTableGridSwitchCollection<Contact>({/* Your collection parameters */});
 
 return (
-   contact.name,
+  <TableGridSwitch
+    state={state}
+    columns={[
+      {
+        title: 'Name',
+        width: '250px',
+        render: (contact) => contact.name,
       }
     ]}
     /* Additional TableGridSwitch props */

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_ = "CardContainer717511808";
+var _namespace_ = "CardContainer2246192916";
 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": "CardContainer717511808__root" };
+export var classes = { "root": "CardContainer2246192916__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,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,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,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"}

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CmsFieldForm2795121629";
+var _namespace_ = "CmsFieldForm2927915490";
 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": "CmsFieldForm2795121629__root", "fullBleedDivider": "CmsFieldForm2795121629__fullBleedDivider" };
+export var classes = { "root": "CmsFieldForm2927915490__root", "fullBleedDivider": "CmsFieldForm2927915490__fullBleedDivider" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/CmsFieldModal.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CmsFieldModal2249243587";
+var _namespace_ = "CmsFieldModal2507451381";
 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": "CmsFieldModal2249243587__root", "modal": "CmsFieldModal2249243587__modal" };
+export var classes = { "root": "CmsFieldModal2507451381__root", "modal": "CmsFieldModal2507451381__modal" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "ValidationAndDefaultsSection3637935446";
+var _namespace_ = "ValidationAndDefaultsSection3474512585";
 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": "ValidationAndDefaultsSection3637935446__root", "accordionWrapper": "ValidationAndDefaultsSection3637935446__accordionWrapper" };
+export var classes = { "root": "ValidationAndDefaultsSection3474512585__root", "accordionWrapper": "ValidationAndDefaultsSection3474512585__accordionWrapper" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

package/dist/esm/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
-var _namespace_ = "CharactersLimitInput3097606045";
+var _namespace_ = "CharactersLimitInput3287862385";
 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": "CharactersLimitInput3097606045__root", "field": "CharactersLimitInput3097606045__field" };
+export var classes = { "root": "CharactersLimitInput3287862385__root", "field": "CharactersLimitInput3287862385__field" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "Collapse2200595477";
+var _namespace_ = "Collapse769684337";
 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": "Collapse2200595477__root", "exit": "Collapse2200595477__exit" };
+export var classes = { "root": "Collapse769684337__root", "exit": "Collapse769684337__exit" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1 +1 @@
-{"version":3,"file":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,oBAAoB,CAAC;AACvC,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,0BAA0B,EAAC,MAAM,EAAC,0BAA0B,EAAC,CAAC;AAC3F,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":"Collapse.st.css.js","sourceRoot":"","sources":["../../../../src/components/Collapse/Collapse.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAI9E,IAAI,WAAW,GAAG,mBAAmB,CAAC;AACtC,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,yBAAyB,EAAC,MAAM,EAAC,yBAAyB,EAAC,CAAC;AACzF,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/CollectionPageNew/CollectionPage.st.css.js

@@ -1,12 +1,12 @@
 // @ts-nocheck
 import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
-var _namespace_ = "CollectionPage46210937";
+var _namespace_ = "CollectionPage3178609976";
 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": "CollectionPage46210937__root" };
+export var classes = { "root": "CollectionPage3178609976__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,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"}
+{"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,0BAA0B,CAAC;AAC7C,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,gCAAgC,EAAC,CAAC;AAC/D,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_ = "CollectionSectionHeader3603664615";
+var _namespace_ = "CollectionSectionHeader3731640041";
 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": "CollectionSectionHeader3603664615__root", "summaryIcon": "CollectionSectionHeader3603664615__summaryIcon" };
+export var classes = { "root": "CollectionSectionHeader3731640041__root", "summaryIcon": "CollectionSectionHeader3731640041__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_ = "CollectionTable3709056707";
+var _namespace_ = "CollectionTable2318312706";
 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": "CollectionTable3709056707__root" };
+export var classes = { "root": "CollectionTable2318312706__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_ = "CollectionTableWSRTable1028882096";
+var _namespace_ = "CollectionTableWSRTable3815611120";
 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": "CollectionTableWSRTable1028882096__root" };
+export var classes = { "root": "CollectionTableWSRTable3815611120__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "CollectionToolbar2577173130";
+var _namespace_ = "CollectionToolbar1757417901";
 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": "CollectionToolbar2577173130__root", "right": "CollectionToolbar2577173130__right", "left": "CollectionToolbar2577173130__left", "fullWidth": "CollectionToolbar2577173130__fullWidth" };
+export var classes = { "root": "CollectionToolbar1757417901__root", "right": "CollectionToolbar1757417901__right", "left": "CollectionToolbar1757417901__left", "fullWidth": "CollectionToolbar1757417901__fullWidth" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "SearchOrCustomFilter3125545518";
+var _namespace_ = "SearchOrCustomFilter4215412556";
 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": "SearchOrCustomFilter3125545518__root", "search": "SearchOrCustomFilter3125545518__search", "searchMobile": "SearchOrCustomFilter3125545518__searchMobile" };
+export var classes = { "root": "SearchOrCustomFilter4215412556__root", "search": "SearchOrCustomFilter4215412556__search", "searchMobile": "SearchOrCustomFilter4215412556__searchMobile" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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_ = "AutoCompleteReadonly1733311372";
+var _namespace_ = "AutoCompleteReadonly1089292761";
 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": "AutoCompleteReadonly1733311372__root" };
+export var classes = { "root": "AutoCompleteReadonly1089292761__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};