@wix/patterns 1.425.0 → 1.427.0

package/dist/docs/MultiAutoInlineCheckboxFilter.md

@@ -65,9 +65,9 @@ import { MultiAutoInlineCheckboxFilter } from '@wix/patterns';
 | `align` | `"right" \| "left" \| "center" \| "space-between"` | No | - | Defines how the children are aligned according to the X axis |
 | `page` | `Page` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `auto \| <custom-ident>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :-: \| \| **85** \| **110** \| **1** \| **85** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page |
 | `inline` | `boolean` | No | - | Defines if the box behaves as an inline element |
-| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `width` | `any` | No | - | Sets the width of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width |
 | `zIndex` | `ZIndex` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <integer>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index |
+| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `grid` | `Grid` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017. **Syntax**: `<'grid-template'> \| <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? \| [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :------: \| :----: \| :-: \| \| **57** \| **52** \| **10.1** \| **16** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid |
 | `fill` | `Fill` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017. **Syntax**: `<paint>` **Initial value**: `black` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :-----: \| :-: \| \| **1** \| **3** \| **4** \| **≤15** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill |
 | `container` | `Container` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `<'container-name'> [ / <'container-type'> ]?` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :-----: \| :-----: \| :----: \| :-----: \| :-: \| \| **105** \| **110** \| **16** \| **105** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container |
@@ -599,7 +599,7 @@ import { MultiAutoInlineCheckboxFilter } from '@wix/patterns';
 | `MozUserModify` | `"-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "read-only" \| "read-write" \| "write-only"` | No | - | The **`user-modify`** property has no effect in Firefox. It was originally planned to determine whether or not the content of an element can be edited by a user. **Syntax**: `read-only \| read-write \| write-only` **Initial value**: `read-only` |
 | `MozUserSelect` | `"auto" \| "none" \| "-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "text" \| "all" \| "-moz-none"` | No | - | This feature is not Baseline because it does not work in some of the most widely-used browsers. **Syntax**: `auto \| text \| none \| all` **Initial value**: `auto` |
 | `MozWindowDragging` | `"-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "drag" \| "no-drag"` | No | - | **Syntax**: `drag \| no-drag` **Initial value**: `drag` |
-| `MozWindowShadow` | `"none" \| "-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "menu" \| "tooltip" \| "default" \| "sheet"` | No | - | **Syntax**: `default \| menu \| tooltip \| sheet \| none` **Initial value**: `default` |
+| `MozWindowShadow` | `"none" \| "-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "default" \| "menu" \| "tooltip" \| "sheet"` | No | - | **Syntax**: `default \| menu \| tooltip \| sheet \| none` **Initial value**: `default` |
 | `msAccelerator` | `"-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "false" \| "true"` | No | - | **Syntax**: `false \| true` **Initial value**: `false` |
 | `msBlockProgression` | `"-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "bt" \| "lr" \| "rl" \| "tb"` | No | - | **Syntax**: `tb \| rl \| bt \| lr` **Initial value**: `tb` |
 | `msContentZoomChaining` | `"none" \| "-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "chained"` | No | - | **Syntax**: `none \| chained` **Initial value**: `none` |

package/dist/docs/MultiInlineCheckboxFilter.md

@@ -86,9 +86,9 @@ function BasicMultiInlineCheckboxFilter() {
 | `align` | `"right" \| "left" \| "center" \| "space-between"` | No | - | Defines how the children are aligned according to the X axis |
 | `page` | `Page` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `auto \| <custom-ident>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :-: \| \| **85** \| **110** \| **1** \| **85** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/page |
 | `inline` | `boolean` | No | - | Defines if the box behaves as an inline element |
-| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `width` | `any` | No | - | Sets the width of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/width |
 | `zIndex` | `ZIndex` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <integer>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :----: \| :---: \| \| **1** \| **1** \| **1** \| **12** \| **4** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/z-index |
+| `minHeight` | `any` | No | - | Sets the minimum height of the box in pixels This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015. **Syntax**: `auto \| <length-percentage [0,∞]> \| min-content \| max-content \| fit-content \| fit-content(<length-percentage [0,∞]>) \| <calc-size()> \| <anchor-size()>` **Initial value**: `auto` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :-----: \| :----: \| :---: \| \| **1** \| **3** \| **1.3** \| **12** \| **7** \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/min-height |
 | `grid` | `Grid` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since October 2017. **Syntax**: `<'grid-template'> \| <'grid-template-rows'> / [ auto-flow && dense? ] <'grid-auto-columns'>? \| [ auto-flow && dense? ] <'grid-auto-rows'>? / <'grid-template-columns'>` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :------: \| :----: \| :-: \| \| **57** \| **52** \| **10.1** \| **16** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/grid |
 | `fill` | `Fill` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since April 2017. **Syntax**: `<paint>` **Initial value**: `black` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :----: \| :-----: \| :----: \| :-----: \| :-: \| \| **1** \| **3** \| **4** \| **≤15** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/fill |
 | `container` | `Container` | No | - | This feature is well established and works across many devices and browser versions. It’s been available across browsers since February 2023. **Syntax**: `<'container-name'> [ / <'container-type'> ]?` \| Chrome \| Firefox \| Safari \| Edge \| IE \| \| :-----: \| :-----: \| :----: \| :-----: \| :-: \| \| **105** \| **110** \| **16** \| **105** \| No \| @see https://developer.mozilla.org/docs/Web/CSS/Reference/Properties/container |
@@ -620,7 +620,7 @@ function BasicMultiInlineCheckboxFilter() {
 | `MozUserModify` | `"-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "read-only" \| "read-write" \| "write-only"` | No | - | The **`user-modify`** property has no effect in Firefox. It was originally planned to determine whether or not the content of an element can be edited by a user. **Syntax**: `read-only \| read-write \| write-only` **Initial value**: `read-only` |
 | `MozUserSelect` | `"auto" \| "none" \| "-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "text" \| "all" \| "-moz-none"` | No | - | This feature is not Baseline because it does not work in some of the most widely-used browsers. **Syntax**: `auto \| text \| none \| all` **Initial value**: `auto` |
 | `MozWindowDragging` | `"-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "drag" \| "no-drag"` | No | - | **Syntax**: `drag \| no-drag` **Initial value**: `drag` |
-| `MozWindowShadow` | `"none" \| "-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "menu" \| "tooltip" \| "default" \| "sheet"` | No | - | **Syntax**: `default \| menu \| tooltip \| sheet \| none` **Initial value**: `default` |
+| `MozWindowShadow` | `"none" \| "-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "default" \| "menu" \| "tooltip" \| "sheet"` | No | - | **Syntax**: `default \| menu \| tooltip \| sheet \| none` **Initial value**: `default` |
 | `msAccelerator` | `"-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "false" \| "true"` | No | - | **Syntax**: `false \| true` **Initial value**: `false` |
 | `msBlockProgression` | `"-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "bt" \| "lr" \| "rl" \| "tb"` | No | - | **Syntax**: `tb \| rl \| bt \| lr` **Initial value**: `tb` |
 | `msContentZoomChaining` | `"none" \| "-moz-initial" \| "inherit" \| "initial" \| "revert" \| "revert-layer" \| "unset" \| "chained"` | No | - | **Syntax**: `none \| chained` **Initial value**: `none` |

package/dist/docs/Table.md

@@ -1001,10 +1001,11 @@ function UseExternalDataSource() {
 | `exportButton` | `ReactElement<any, string \| JSXElementConstructor<any>>` | No | - | A [`<ExportButton />`](./?path=/story/features-export--exportto) react element to be added to the toolbar. |
 | `dragAndDrop` | `TableDragAndDropType` | No | - | Adds functionality to allow visitors to reorder items manually. For more information, see the [Drag and Drop Overview](./?path=/story/features-sort-drag-and-drop--overview). |
 | `dataExtension` | `(FC<DataExtensionOverrides> & DataExtensionObjectType) \| DataExtensionElement` | No | - | Data extension implementation: `import { DataExtension } from '@wix/patterns';` |
-| `fieldsSource` | `FieldsSourceProvider` | No | - | Attaches a field source to the table — the way to add a source's fields, filters, and field management. Build it with `tableSchemaSource(...)` for a schema source (also spread its `collectionConfig` into the collection hook), or `dataExtensionTableSource(...)` for DataExtension, which extends the consumer's own collection. |
+| `fieldsSource` | `FieldsSourceProvider` | No | - | A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become columns and whose field management wires into the table. Schema sources attach via the `@wix/patterns/schema` collection hooks instead. |
 | `tags` | `TagsElement<T, F>` | No | - | Enables tags feature. In this element you can pass the configuration |
 | `checkboxTooltipContent` | `((rowData: KeyedItem<T>) => string)` | No | - | A function that receives the item of the row and returns a string for tooltip content. |
 | `bulkActionToolbar` | `BulkActionToolbarRenderProp<T, F>` | No | - | Render a custom toolbar when more than 1 item is selected.<br> The function accepts the following parameters * `selectedValues`: The items that were checked via the selection column * `uncheckedValues`: The items that were unchecked via the selection column * `allSelected`: Indicates whether the "Select All" checkbox is checked * `openModal`: Opens the modal that contains the component from `bulkActionModal` render prop * `clearSelection`: Clears all existing selection, call this after the action on the selected items was done * `total`: Total items in the server (taken from [`fetchData`](./?path=/story/common-hooks--usecollection) return value). * `openConfirmModal`: Opens a `<MessageModalLayout/>` to confirm an action about to be applied on the selected items. * `query`: ComputedQuery<F> - Representation of the current paging, sorting & filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll` > When passed, enables `showSelection` by default. |
+| `showAddFieldButton` | `boolean` | No | - | When true, wraps every column header with the AddField hover popover. The "+" button is revealed when the consumer hovers a column header and triggers either the schema's `addField` or the data-extension's custom fields modal. Off by default. |
 | `bulkActionModal` | `BulkActionModalRenderProp<T, F>` | No | - | Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar). Supported parameters: + `selectedValues`: Selected item values. + `uncheckedValues`: Unselected item values. + `isSelectAll`: [bool] Whether the **Select All** option is selected. + `closeModal`: Closes the modal. + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`. |
 | `dataHook` | `string` | No | - | Applies a data-hook HTML attribute to be used in the tests |
 | `search` | `boolean \| FilterElement<any> \| CollectionSearchElement` | No | `true` | Displays a search input on the right side of the table toolbar.<br> <br> Accepts a boolean or a custom React element as a parameter. When passing `false`, no search input is displayed. |

package/dist/docs/TableGridSwitch.md

@@ -282,8 +282,9 @@ function TableGridSwitchAdvanceSorting() {
 | `rowStatus` | `((row: KeyedItem<T>, rowNum: number) => TableRowStatusValue \| null)` | No | - | When provided, renders a fixed-width status slot per row to the right of the selection/row-number column. The callback returns a `{ status, messages }` config for rows that need a status indicator, or `null`/`undefined` for an empty but width-reserved slot — the slot never collapses. Only `error` and `warning` statuses are supported; the slot is exclusively for those two indicator kinds, rendered via the WDS `<StatusIndicator/>`. |
 | `stickySelectionColumn` | `boolean` | No | - | Whether to add a sticky column. <br> Sticky columns allow you to display specific columns at all times while the visitor scrolls the table horizontally. |
 | `dataExtension` | `(FC<DataExtensionOverrides> & DataExtensionObjectType) \| DataExtensionElement` | No | - | Data extension implementation: `import { DataExtension } from '@wix/patterns';` |
-| `fieldsSource` | `FieldsSourceProvider` | No | - | Attaches a field source to the table — the way to add a source's fields, filters, and field management. Build it with `tableSchemaSource(...)` for a schema source (also spread its `collectionConfig` into the collection hook), or `dataExtensionTableSource(...)` for DataExtension, which extends the consumer's own collection. |
+| `fieldsSource` | `FieldsSourceProvider` | No | - | A fields source (e.g. `dataExtensionTableSource(...)`) whose fields become columns and whose field management wires into the table. Schema sources attach via the `@wix/patterns/schema` collection hooks instead. |
 | `checkboxTooltipContent` | `((rowData: KeyedItem<T>) => string)` | No | - | A function that receives the item of the row and returns a string for tooltip content. |
+| `showAddFieldButton` | `boolean` | No | - | When true, wraps every column header with the AddField hover popover. The "+" button is revealed when the consumer hovers a column header and triggers either the schema's `addField` or the data-extension's custom fields modal. Off by default. |
 | `bulkActionModal` | `BulkActionModalRenderProp<T, F>` | No | - | Opens a modal from the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar). Supported parameters: + `selectedValues`: Selected item values. + `uncheckedValues`: Unselected item values. + `isSelectAll`: [bool] Whether the **Select All** option is selected. + `closeModal`: Closes the modal. + `query`: [object] Instance of [ComputedQuery](./?path=/story/common-types--computedquery) that represents the query that resulted in an empty state. Representation of the current paging, sorting and filtering applied. Usually for using together with bulk action such as `updateAll` and `deleteAll`. |
 | `actionCellWidth` | `string \| number` | No | - | Width of the column containing the `actionCell` component. |
 | `actionCellProps` | `ActionCellPropsType<T>` | No | - | Extra columns props for the actions cell. |

package/dist/docs/index.json

@@ -1,12 +1,12 @@
 {
-  "AI Assistant": {
-    "file": "AI Assistant.md",
-    "category": "Integrations/AI Assistant"
-  },
   "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"
@@ -15,34 +15,34 @@
     "file": "CollectionEmptyState.md",
     "category": "Features/Display/Empty States"
   },
-  "CollectionNoResultsState": {
-    "file": "CollectionNoResultsState.md",
-    "category": "Features/Display/Empty States"
-  },
   "CollectionErrorState": {
     "file": "CollectionErrorState.md",
     "category": "Common/State"
   },
-  "CollectionOptimisticActions": {
-    "file": "CollectionOptimisticActions.md",
-    "category": "Features/Actions/Updates"
+  "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",
     "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"
   },
+  "CollectionPage.Header": {
+    "file": "CollectionPage.Header.md",
+    "category": "Base Components/Pages/Collection Page"
+  },
   "CollectionSearch": {
     "file": "CollectionSearch.md",
     "category": "Features/Filter/Components"
@@ -63,22 +63,22 @@
     "file": "CustomColumns.md",
     "category": "Features/Display/Custom Columns"
   },
-  "CustomFieldsViewWidget": {
-    "file": "CustomFieldsViewWidget.md",
-    "category": "Features/Enrich/Data Extension/Components"
-  },
   "CustomFieldsWidget": {
     "file": "CustomFieldsWidget.md",
     "category": "Features/Enrich/Data Extension/Components"
   },
-  "EntityPage": {
-    "file": "EntityPage.md",
-    "category": "Base Components/Pages/Entity Page"
+  "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"
@@ -127,6 +127,10 @@
     "file": "Highlighted Search.md",
     "category": "Features/Display/Highlighted Search"
   },
+  "ImportButton": {
+    "file": "ImportButton.md",
+    "category": "Features/Import"
+  },
   "Internal Scroll": {
     "file": "Internal Scroll.md",
     "category": "Features/Display/Internal Scroll"
@@ -379,14 +383,14 @@
     "file": "useSelector.md",
     "category": "Common/Hooks"
   },
-  "useSettingsPage": {
-    "file": "useSettingsPage.md",
-    "category": "Base Components/Pages/Settings Page/Hooks/useSettingsPage"
-  },
   "useSettingsPageContext": {
     "file": "useSettingsPageContext.md",
     "category": "Base Components/Pages/Settings Page/Hooks/useSettingsPageContext"
   },
+  "useSettingsPage": {
+    "file": "useSettingsPage.md",
+    "category": "Base Components/Pages/Settings Page/Hooks/useSettingsPage"
+  },
   "ActionCellProps": {
     "file": "ActionCellProps.md",
     "category": "Features/Actions/Action Cell"
@@ -423,6 +427,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 +447,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"
@@ -455,14 +459,14 @@
     "file": "FilterProps.md",
     "category": "Features/Filter/Props"
   },
-  "FormPageState": {
-    "file": "FormPageState.md",
-    "category": "Common/State"
-  },
   "GridDragAndDrop": {
     "file": "GridDragAndDrop.md",
     "category": "Features/Sort/Drag and Drop"
   },
+  "FormPageState": {
+    "file": "FormPageState.md",
+    "category": "Common/State"
+  },
   "GridFoldersState": {
     "file": "GridFoldersState.md",
     "category": "Base Components/Collections/GridFolders/GridFoldersState"
@@ -607,6 +611,14 @@
     "file": "usePickerContent.md",
     "category": "Base Components/Collections/Picker/Hooks"
   },
+  "usePlatformizedImport": {
+    "file": "usePlatformizedImport.md",
+    "category": "Features/Import"
+  },
+  "useSchemaImport": {
+    "file": "useSchemaImport.md",
+    "category": "Features/Import"
+  },
   "useStaticListFilterCollection": {
     "file": "useStaticListFilterCollection.md",
     "category": "Features/Filter/Hooks"

package/dist/docs/usePlatformizedImport.md

@@ -0,0 +1,59 @@
+# usePlatformizedImport
+
+**Category:** Features/Import
+
+## API
+
+### Overview
+
+Builds the import inputs for a platformized (non–Wix-Data) destination and returns the [`ImportButton`](./?path=/story/features-import--import-button) props (`config` + `renderFieldEditor`). Spread the result onto ``. See [`useSchemaImport`](./?path=/story/features-import--use-schema-import) for the CMS (Wix Data) case.
+
+### Description
+
+`usePlatformizedImport` builds the CSV import inputs for a **platformized** (non–Wix-Data) destination — for example the stores catalog. It mirrors `useSchemaImport` (which does the same for the CMS / Wix Data case).
+
+It reads the table's toolbar, so when the table has a DataExtension source its live fields (and, in the future, create-new-field) are wired in. It returns the `ImportButton` props — `config` and the DataExtension create/edit-field modal (`renderFieldEditor`) — so you spread the result straight onto ``:
+
+```jsx
+import { ImportButton, usePlatformizedImport, useTableCollection } from '@wix/patterns';
+
+const state = useTableCollection({ /* ... */ });
+
+const importProps = usePlatformizedImport({
+  state,
+  destination: { storesCatalogProducts: {} },
+  fields: [
+    { id: 'name', header: 'Name', required: true },
+    { id: 'sku', header: 'SKU' },
+  ],
+  // Optional: map a failed job's application-error codes to messages.
+  jobApplicationErrorMap: {
+    MISSING_REQUIRED_FIELDS: ({ data }) => ({
+      message: `Missing required fields: ${data?.missingFields?.join(', ')}`,
+    }),
+  },
+});
+
+} />;
+```
+
+Notes:
+
+- **`fields`** are the consumer-provided fields plus any DataExtension fields currently on the table (deduped by id, consumer first). Mark a field `required: true` to block the import until a CSV column is mapped to it.
+- **`destination`** is sent to the import job verbatim; it selects the [Wix Data Hub](https://github.com/wix-private/wix-data-hub) executor [destination](https://github.com/wix-private/wix-data-hub/blob/master/packages/wix-data-hub-executor-c/src/api/destination.ts) that writes the rows — e.g. `{ storesCatalogProducts: {} }` maps to the [online-stores](https://github.com/wix-private/wix-data-hub/tree/master/packages/wix-data-hub-executor-c/src/plugins/online-stores) plugin.
+- **`jobApplicationErrorMap`** — an import runs server-side, so a failure arrives on a `200` with the application error in the job status. Supply a map from application-error code to a resolver returning the message; the import applies it through the error handler internally (you don't wrap anything).
+- **`backup`** — an optional snapshot taken before upload; its `restore` runs only if the user cancels mid-import.
+
+
+---
+
+### Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `state` | `{ toolbar: ToolbarCollectionState<any, any>; }` | Yes | - | The table state (e.g. `table` from `useTableCollection`) — the same one the `<Table>` renders. When the table has a DataExtension source, the import reads its live fields and can create new ones (create-new-field). |
+| `fields` | `ImportField[]` | Yes | - | Existing collection fields, for column auto-mapping. |
+| `destination` | `Destination` | Yes | - | Platformized (non–Wix-Data) destination the import writes into, e.g. `{ storesCatalogProducts: {} }`. |
+| `backup` | `BackupFn` | No | - | Optional snapshot taken before the rows are uploaded; its `restore` undoes the import if the user cancels mid-import. |
+| `jobApplicationErrorMap` | `JobApplicationErrorMap` | No | - | See {@link JobApplicationErrorMap}. |
+

package/dist/docs/useSchemaImport.md

@@ -0,0 +1,53 @@
+# useSchemaImport
+
+**Category:** Features/Import
+
+## API
+
+### Overview
+
+Takes the table’s CMS (Wix Data) schema `source` and returns the [`ImportButton`](./?path=/story/features-import--import-button) props (`config` + `renderFieldEditor`). Spread the result onto ``. See [`usePlatformizedImport`](./?path=/story/features-import--use-platformized-import) for a platformized destination.
+
+### Description
+
+`useSchemaImport` builds the CSV import inputs for a **CMS (Wix Data)** collection. It mirrors `usePlatformizedImport` (which does the same for a platformized destination).
+
+Pass the table's schema source — the same one you hand to ``, built with `createCmsSchemaSource` + `tableSchemaSource`. Because the hook reads the live schema state, the import always matches the table's current fields (including ones it just created) and needs no load of its own. The `source` should be stable (memoized).
+
+It returns the `ImportButton` props — `config` and the CMS create/edit-field modal (`renderFieldEditor`) — so you spread the result straight onto ``:
+
+```jsx
+import {
+  ImportButton,
+  tableSchemaSource,
+  useSchemaImport,
+  useTableCollection,
+} from '@wix/patterns';
+import { createCmsSchemaSource } from '@wix/patterns-cms';
+
+const schemaSource = React.useMemo(
+  () =>
+    tableSchemaSource(
+      createCmsSchemaSource({ collectionId: 'Products', httpClient, metasiteId }),
+    ),
+  [httpClient, metasiteId],
+);
+
+const state = useTableCollection(schemaSource.collectionConfig);
+const importProps = useSchemaImport(schemaSource);
+
+}
+/>;
+```
+
+Create-new-field, required fields, backup, id-collision write policy, and per-code failure messages are all driven by the schema source and the collection's config — the hook wires them from the live schema, so there's nothing extra to pass here.
+
+
+---
+
+### Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `source` | `SchemaSource<Record<string, unknown>> & FieldsSourceProvider & { readonly schemaState?: SchemaState<Record<string, unknown>> \| undefined; }` | Yes | - | The table's CMS (Wix Data) schema source — the same one passed to `<Table fieldsSource={...} />`, built with `createCmsSchemaSource` + `tableSchemaSource`. Read live, so the import always matches the table's current fields. Should be stable (memoized). |
+

package/dist/esm/bm/testProviderPropsOverrides.js

@@ -1,5 +1,5 @@
-import { exportServiceMocks, appSettingsMocks } from '@wix/bex-core/testkit';
-import { whenRequest } from '@wix/yoshi-flow-bm/testkit/http-client/client';
+import { exportServiceMocks, appSettingsMocks, hubJobImportMocks, } from '@wix/bex-core/testkit';
+import { whenRequest, when, } from '@wix/yoshi-flow-bm/testkit/http-client/client';
 import { dataExtensionServiceMocks, tagsServiceMocks } from '../test-utils';
 import { asyncJobMocks } from '../test-utils/AsyncJobMocks';
 import { itemsSelectionAPIHttpClientMocks } from '../test-utils/ItemsSelectionMocks';
@@ -14,6 +14,9 @@ export function wixPatternsTestProviderPropsOverrides(overrides) {
             ...asyncJobMocks(whenRequest).mocks,
             ...tagsServiceMocks(whenRequest).mocks,
             ...itemsSelectionAPIHttpClientMocks(whenRequest),
+            // Data-movement (Hub Job) mocks so the CSV import flow completes in
+            // consumer tests. Defaults to a COMPLETED job (see hubJobImportMocks).
+            ...hubJobImportMocks(whenRequest, when).mocks,
         ],
     };
 }

package/dist/esm/bm/testProviderPropsOverrides.js.map

@@ -1 +1 @@
-{"version":3,"file":"testProviderPropsOverrides.js","sourceRoot":"","sources":["../../../src/bm/testProviderPropsOverrides.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AAC7E,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAC5E,OAAO,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,gCAAgC,EAAE,MAAM,mCAAmC,CAAC;AAErF,MAAM,UAAU,qCAAqC,CACnD,SAAoC;IAEpC,OAAO;QACL,GAAG,SAAS;QACZ,KAAK,EAAE;YACL,GAAG,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC;YAC3B,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,KAAK;YACxC,GAAG,gBAAgB,CAAC,WAAW,CAAC;YAChC,GAAG,yBAAyB,CAAC,WAAW,CAAC,CAAC,KAAK;YAC/C,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK;YACnC,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC,KAAK;YACtC,GAAG,gCAAgC,CAAC,WAAW,CAAC;SACjD;KACF,CAAC;AACJ,CAAC"}
+{"version":3,"file":"testProviderPropsOverrides.js","sourceRoot":"","sources":["../../../src/bm/testProviderPropsOverrides.ts"],"names":[],"mappings":"AACA,OAAO,EACL,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,WAAW,EACX,IAAI,GACL,MAAM,+CAA+C,CAAC;AACvD,OAAO,EAAE,yBAAyB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAC;AAC5E,OAAO,EAAE,aAAa,EAAE,MAAM,6BAA6B,CAAC;AAC5D,OAAO,EAAE,gCAAgC,EAAE,MAAM,mCAAmC,CAAC;AAErF,MAAM,UAAU,qCAAqC,CACnD,SAAoC;IAEpC,OAAO;QACL,GAAG,SAAS;QACZ,KAAK,EAAE;YACL,GAAG,CAAC,SAAS,EAAE,KAAK,IAAI,EAAE,CAAC;YAC3B,GAAG,kBAAkB,CAAC,WAAW,CAAC,CAAC,KAAK;YACxC,GAAG,gBAAgB,CAAC,WAAW,CAAC;YAChC,GAAG,yBAAyB,CAAC,WAAW,CAAC,CAAC,KAAK;YAC/C,GAAG,aAAa,CAAC,WAAW,CAAC,CAAC,KAAK;YACnC,GAAG,gBAAgB,CAAC,WAAW,CAAC,CAAC,KAAK;YACtC,GAAG,gCAAgC,CAAC,WAAW,CAAC;YAChD,oEAAoE;YACpE,uEAAuE;YACvE,GAAG,iBAAiB,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,KAAK;SAC9C;KACF,CAAC;AACJ,CAAC"}

package/dist/esm/components/ActionModal/CustomActionModal.js

@@ -2,9 +2,9 @@ import { CustomModalLayout, Text, } from '@wix/design-system';
 import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { ModalWrapper } from '../CollectionModal';
-function _CustomActionModal({ state, content, onAfterClose, primaryButtonOnClick, secondaryButtonOnClick, onCloseButtonClick, ...rest }) {
+function _CustomActionModal({ state, content, onAfterClose, primaryButtonOnClick, secondaryButtonOnClick, onCloseButtonClick, zIndex, ...rest }) {
     const { modal } = state;
-    return (React.createElement(ModalWrapper, { state: modal, onAfterClose: () => {
+    return (React.createElement(ModalWrapper, { state: modal, zIndex: zIndex, onAfterClose: () => {
             state.afterClose();
             onAfterClose?.();
         } },

package/dist/esm/components/ActionModal/CustomActionModal.js.map

@@ -1 +1 @@
-{"version":3,"file":"CustomActionModal.js","sourceRoot":"","sources":["../../../../src/components/ActionModal/CustomActionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGjB,IAAI,GAEL,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAUlD,SAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,GAAG,IAAI,EACgB;IACvB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,GAAG,EAAE;YACjB,KAAK,CAAC,UAAU,EAAE,CAAC;YACnB,YAAY,EAAE,EAAE,CAAC;QACnB,CAAC;QAED,oBAAC,iBAAiB,IAChB,QAAQ,EAAC,yBAAyB,KAC9B,IAAI,EACR,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE;gBACxB,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC,EACD,oBAAoB,EAAE,GAAG,EAAE;gBACzB,KAAK,CAAC,OAAO,EAAE,CAAC;gBAChB,oBAAoB,EAAE,EAAE,CAAC;YAC3B,CAAC,EACD,sBAAsB,EACpB,IAAI,CAAC,mBAAmB;gBACtB,CAAC,CAAC,GAAG,EAAE;oBACH,KAAK,CAAC,OAAO,EAAE,CAAC;oBAChB,sBAAsB,EAAE,EAAE,CAAC;gBAC7B,CAAC;gBACH,CAAC,CAAC,SAAS,EAEf,OAAO,EAAE,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,QAAE,OAAO,CAAQ,CAAC,CAAC,CAAC,OAAO,GACvE,CACW,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}
+{"version":3,"file":"CustomActionModal.js","sourceRoot":"","sources":["../../../../src/components/ActionModal/CustomActionModal.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EAGjB,IAAI,GAEL,MAAM,oBAAoB,CAAC;AAC5B,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAYlD,SAAS,kBAAkB,CAAC,EAC1B,KAAK,EACL,OAAO,EACP,YAAY,EACZ,oBAAoB,EACpB,sBAAsB,EACtB,kBAAkB,EAClB,MAAM,EACN,GAAG,IAAI,EACgB;IACvB,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC;IAExB,OAAO,CACL,oBAAC,YAAY,IACX,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,GAAG,EAAE;YACjB,KAAK,CAAC,UAAU,EAAE,CAAC;YACnB,YAAY,EAAE,EAAE,CAAC;QACnB,CAAC;QAED,oBAAC,iBAAiB,IAChB,QAAQ,EAAC,yBAAyB,KAC9B,IAAI,EACR,kBAAkB,EAAE,CAAC,CAAC,EAAE,EAAE;gBACxB,KAAK,CAAC,KAAK,EAAE,CAAC;gBACd,kBAAkB,EAAE,CAAC,CAAC,CAAC,CAAC;YAC1B,CAAC,EACD,oBAAoB,EAAE,GAAG,EAAE;gBACzB,KAAK,CAAC,OAAO,EAAE,CAAC;gBAChB,oBAAoB,EAAE,EAAE,CAAC;YAC3B,CAAC,EACD,sBAAsB,EACpB,IAAI,CAAC,mBAAmB;gBACtB,CAAC,CAAC,GAAG,EAAE;oBACH,KAAK,CAAC,OAAO,EAAE,CAAC;oBAChB,sBAAsB,EAAE,EAAE,CAAC;gBAC7B,CAAC;gBACH,CAAC,CAAC,SAAS,EAEf,OAAO,EAAE,OAAO,OAAO,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,QAAE,OAAO,CAAQ,CAAC,CAAC,CAAC,OAAO,GACvE,CACW,CAChB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAG,QAAQ,CAAC,kBAAkB,CAAC,CAAC"}

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_ = "CardContainer2775713817";
+var _namespace_ = "CardContainer159439662";
 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": "CardContainer2775713817__root" };
+export var classes = { "root": "CardContainer159439662__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,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"}

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_ = "CmsFieldForm1384112831";
+var _namespace_ = "CmsFieldForm3042240542";
 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": "CmsFieldForm1384112831__root", "fullBleedDivider": "CmsFieldForm1384112831__fullBleedDivider" };
+export var classes = { "root": "CmsFieldForm3042240542__root", "fullBleedDivider": "CmsFieldForm3042240542__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_ = "CmsFieldModal1182311686";
+var _namespace_ = "CmsFieldModal2556807168";
 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": "CmsFieldModal1182311686__root", "modal": "CmsFieldModal1182311686__modal" };
+export var classes = { "root": "CmsFieldModal2556807168__root", "modal": "CmsFieldModal2556807168__modal" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -10,8 +10,8 @@ import { classes } from './CmsFieldModal.st.css.js';
  * passed in (already translated) so the modal stays localized for the surface
  * that renders it.
  */
-export const FieldEditorModal = observer(({ state, title, primaryButtonText, secondaryButtonText, dataHook = 'field-editor-modal', }) => {
+export const FieldEditorModal = observer(({ state, title, primaryButtonText, secondaryButtonText, dataHook = 'field-editor-modal', zIndex, }) => {
     const { formState } = state;
-    return (React.createElement(CustomActionModal, { dataHook: dataHook, state: state.modal, onAfterClose: () => state.reset(), title: title, content: formState ? React.createElement(CmsFieldForm, { state: formState }) : null, primaryButtonText: primaryButtonText, secondaryButtonText: secondaryButtonText, width: 600, showFooterDivider: true, className: classes.modal }));
+    return (React.createElement(CustomActionModal, { dataHook: dataHook, state: state.modal, zIndex: zIndex, onAfterClose: () => state.reset(), title: title, content: formState ? React.createElement(CmsFieldForm, { state: formState }) : null, primaryButtonText: primaryButtonText, secondaryButtonText: secondaryButtonText, width: 600, showFooterDivider: true, className: classes.modal }));
 });
 //# sourceMappingURL=FieldEditorModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"FieldEditorModal.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/FieldEditorModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAapD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CACtC,CAAC,EACC,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,mBAAmB,EACnB,QAAQ,GAAG,oBAAoB,GACT,EAAE,EAAE;IAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,OAAO,CACL,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,EACjC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,GAAG,EACV,iBAAiB,QACjB,SAAS,EAAE,OAAO,CAAC,KAAK,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"FieldEditorModal.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/FieldEditorModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,OAAO,EAAE,OAAO,EAAE,MAAM,2BAA2B,CAAC;AAepD;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,gBAAgB,GAAG,QAAQ,CACtC,CAAC,EACC,KAAK,EACL,KAAK,EACL,iBAAiB,EACjB,mBAAmB,EACnB,QAAQ,GAAG,oBAAoB,EAC/B,MAAM,GACgB,EAAE,EAAE;IAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,OAAO,CACL,oBAAC,iBAAiB,IAChB,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,EACjC,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,KAAK,EAAE,GAAG,EACV,iBAAiB,QACjB,SAAS,EAAE,OAAO,CAAC,KAAK,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

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_ = "ValidationAndDefaultsSection2900457986";
+var _namespace_ = "ValidationAndDefaultsSection1569807852";
 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": "ValidationAndDefaultsSection2900457986__root", "accordionWrapper": "ValidationAndDefaultsSection2900457986__accordionWrapper" };
+export var classes = { "root": "ValidationAndDefaultsSection1569807852__root", "accordionWrapper": "ValidationAndDefaultsSection1569807852__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_ = "CharactersLimitInput1894523739";
+var _namespace_ = "CharactersLimitInput1811547721";
 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": "CharactersLimitInput1894523739__root", "field": "CharactersLimitInput1894523739__field" };
+export var classes = { "root": "CharactersLimitInput1811547721__root", "field": "CharactersLimitInput1811547721__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_ = "Collapse4113002791";
+var _namespace_ = "Collapse1149681514";
 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": "Collapse4113002791__root", "exit": "Collapse4113002791__exit" };
+export var classes = { "root": "Collapse1149681514__root", "exit": "Collapse1149681514__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_ = "CollectionPage4113028783";
+var _namespace_ = "CollectionPage252974580";
 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": "CollectionPage4113028783__root" };
+export var classes = { "root": "CollectionPage252974580__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,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"}
+{"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"}

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_ = "CollectionSectionHeader4123536058";
+var _namespace_ = "CollectionSectionHeader2589279026";
 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": "CollectionSectionHeader4123536058__root", "summaryIcon": "CollectionSectionHeader4123536058__summaryIcon" };
+export var classes = { "root": "CollectionSectionHeader2589279026__root", "summaryIcon": "CollectionSectionHeader2589279026__summaryIcon" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};