@wix/patterns 1.433.0 → 1.434.0

package/dist/types/components/TabsFilter/TabsDefault.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+import { TabsProps } from '@wix/design-system';
 import { Filter, FiltersMap } from '@wix/bex-core';
 import { TabsFilterItemBase } from './types';
 import { TabsFilterState } from './TabsFilterState';
@@ -9,6 +10,7 @@ export interface TabsDefaultProps<V, T, F extends FiltersMap> {
     selectedId: string;
     state: TabsFilterState<T, F>;
     type?: 'uniformFull';
+    size?: TabsProps['size'];
     onChange?: (value: V | null | undefined) => unknown;
     all?: string | null | false;
 }

package/dist/types/components/TabsFilter/TabsDefault.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsDefault.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAmC,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,UAAU;IAC1D,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC;IACpD,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;CAC7B;AAED,iBAAS,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,UAAU,EAC9C,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAoCjC;AAED,eAAO,MAAM,WAAW;;CAAyB,CAAC"}
+{"version":3,"file":"TabsDefault.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsDefault.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAQ,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAErD,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AACnD,OAAO,EAAmB,kBAAkB,EAAkB,MAAM,SAAS,CAAC;AAC9E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,MAAM,WAAW,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,UAAU;IAC1D,KAAK,EAAE,kBAAkB,EAAE,CAAC;IAC5B,IAAI,EAAE,CAAC,EAAE,CAAC;IACV,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC;IAC7B,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,IAAI,CAAC,EAAE,SAAS,CAAC,MAAM,CAAC,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC;IACpD,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;CAC7B;AAED,iBAAS,YAAY,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,SAAS,UAAU,EAC9C,KAAK,EAAE,gBAAgB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,qBAqCjC;AAED,eAAO,MAAM,WAAW;;CAAyB,CAAC"}

package/dist/types/components/TabsFilter/TabsFilter.d.ts

@@ -54,12 +54,7 @@ export interface TabsFilterProps<V> {
 }
 declare function _TabsFilter<V>(props: TabsFilterProps<V>): React.JSX.Element;
 export declare const TabsFilter: typeof _TabsFilter & {
-    displayName: string; /**
-     * Defines the selected filter.
-     * <br><br>
-     * Must be an [arrayFilter](./?path=/story/features-filter-factories--arrayfilter) object.
-     * @external
-     */
+    displayName: string;
 };
 export {};
 //# sourceMappingURL=TabsFilter.d.ts.map

package/dist/types/components/TabsFilter/TabsFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAKb,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,aAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAWvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,4DAA4D;AAC5D,KAAK,oBAAoB,CAAC,CAAC,IAAI,YAAY,CACzC,oBAAoB,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,CACtC,CAAC;AACF,sDAAsD;AACtD,KAAK,cAAc,CAAC,CAAC,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;AAE5E,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC;;;OAGG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;;;;OAKG;IACH,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IACpB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;IAE5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,KACxB,oBAAoB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC;IAEpD;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,CAAC;IAEjD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CACpD;AAED,iBAAS,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,qBAoKhD;AAED,eAAO,MAAM,UAAU;yBApNrB;;;;;OAKG;CA+M0C,CAAC"}
+{"version":3,"file":"TabsFilter.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,YAAY,EAKb,MAAM,OAAO,CAAC;AACf,OAAO,EAAO,aAAa,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AACnE,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAYvC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEtE,4DAA4D;AAC5D,KAAK,oBAAoB,CAAC,CAAC,IAAI,YAAY,CACzC,oBAAoB,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,CACtC,CAAC;AACF,sDAAsD;AACtD,KAAK,cAAc,CAAC,CAAC,IAAI,YAAY,CAAC,mBAAmB,CAAC,CAAC,EAAE,OAAO,EAAE,GAAG,CAAC,CAAC,CAAC;AAE5E,MAAM,WAAW,eAAe,CAAC,CAAC;IAChC;;;OAGG;IACH,IAAI,EAAE,CAAC,EAAE,CAAC;IACV;;;;;OAKG;IACH,MAAM,EAAE,MAAM,CAAC,CAAC,EAAE,CAAC,CAAC;IACpB;;;;;OAKG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,KAAK,CAAC;IAE5B;;;;;OAKG;IACH,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,KACxB,oBAAoB,CAAC,CAAC,CAAC,GAAG,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,GAAG,SAAS,CAAC;IACpE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,CAAC,GAAG,IAAI,GAAG,SAAS,KAAK,OAAO,CAAC;IAEpD;;;;;;;;OAQG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,MAAM,CAAC,EAAE,aAAa,CAAC,CAAC;IAEjD,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CACpD;AAED,iBAAS,WAAW,CAAC,CAAC,EAAE,KAAK,EAAE,eAAe,CAAC,CAAC,CAAC,qBAsKhD;AAED,eAAO,MAAM,UAAU;;CAAwB,CAAC"}

package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts

@@ -14,7 +14,11 @@ export declare var vars: {
     "wds-color-text-standard-primary": string;
     "wds-tabs-label-fill": string;
     "wds-tabs-label-fill-active": string;
+    "wds-tabs-label-font-size-medium": string;
+    "wds-tabs-label-line-height-medium": string;
     "wsr-color-B10": string;
     "wsr-color-D10": string;
+    "wsr-text-font-size-medium": string;
+    "wsr-text-line-height-medium": string;
 };
 //# sourceMappingURL=TabsFilter.st.css.d.ts.map

package/dist/types/components/TabsFilter/TabsFilter.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TabsFilter.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA8E,CAAC;AACjG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;CAAwP,CAAC"}
+{"version":3,"file":"TabsFilter.st.css.d.ts","sourceRoot":"","sources":["../../../../src/components/TabsFilter/TabsFilter.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;;CAA8E,CAAC;AACjG,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI;;;;;;;;;;CAAggB,CAAC"}

package/dist/types/exports/schema.d.ts

@@ -4,5 +4,5 @@ export type { FieldsSourceProvider } from '../components/fieldsSourceProvider';
 export { useSchemaSource } from '../schema/useSchemaSource';
 export type { FieldsSchemaSource } from '../schema/useSchemaSource';
 export { defineSchemaSource, sourceFetchData } from '@wix/bex-core';
-export type { SchemaSource, SchemaSourceInput, CreatableFieldType, Schema, LoadedSchema, SchemaLoader, CollectionBackend, CollectionBackendBase, FieldActions, } from '@wix/bex-core';
+export type { SchemaSource, SchemaSourceInput, FieldModalInput, FieldTypeOption, Schema, LoadedSchema, SchemaLoader, CollectionBackend, CollectionBackendBase, FieldActions, FieldSettings, FieldSettingsProps, FieldSettingsSection, } from '@wix/bex-core';
 //# sourceMappingURL=schema.d.ts.map

package/dist/types/exports/schema.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/exports/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,0BAA0B,EAC1B,yBAAyB,EACzB,aAAa,EACb,qBAAqB,EACrB,eAAe,EACf,KAAK,EACL,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,oBAAoB,GACrB,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,oCAAoC,EACpC,mCAAmC,EACnC,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,uBAAuB,EACvB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG/E,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,kBAAkB,EAClB,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,GACb,MAAM,eAAe,CAAC"}
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/exports/schema.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,kBAAkB,EAClB,iBAAiB,EACjB,0BAA0B,EAC1B,yBAAyB,EACzB,aAAa,EACb,qBAAqB,EACrB,eAAe,EACf,KAAK,EACL,aAAa,EACb,IAAI,EACJ,YAAY,EACZ,UAAU,EACV,oBAAoB,GACrB,MAAM,WAAW,CAAC;AACnB,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,oCAAoC,EACpC,mCAAmC,EACnC,gBAAgB,EAChB,wBAAwB,EACxB,eAAe,EACf,uBAAuB,EACvB,qBAAqB,EACrB,yBAAyB,GAC1B,MAAM,WAAW,CAAC;AACnB,YAAY,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG/E,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAC5D,YAAY,EAAE,kBAAkB,EAAE,MAAM,2BAA2B,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACpE,YAAY,EACV,YAAY,EACZ,iBAAiB,EACjB,eAAe,EACf,eAAe,EACf,MAAM,EACN,YAAY,EACZ,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,oBAAoB,GACrB,MAAM,eAAe,CAAC"}

package/dist/types/hooks/useOpenCollectionOverlay.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useOpenCollectionOverlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOpenCollectionOverlay.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,qBAAqB,GAAG,CAAC,oBAAoB,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;AAEhF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,YAAY,GACb,EAAE;IACD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,GAAG,qBAAqB,GAAG,SAAS,CAoDpC"}
+{"version":3,"file":"useOpenCollectionOverlay.d.ts","sourceRoot":"","sources":["../../../src/hooks/useOpenCollectionOverlay.ts"],"names":[],"mappings":"AAGA,MAAM,MAAM,qBAAqB,GAAG,CAAC,oBAAoB,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;AAEhF;;;;;;;;;;;;;;GAcG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,YAAY,GACb,EAAE;IACD,YAAY,EAAE,MAAM,GAAG,SAAS,CAAC;CAClC,GAAG,qBAAqB,GAAG,SAAS,CAgDpC"}

package/dist/types/state/CollectionPage/CollectionPageHeader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAiD,CAAC;AACpE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"CollectionPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/CollectionPage/CollectionPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAAkD,CAAC;AACrE,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/state/EditableTable/CellInteractionState.d.ts

@@ -18,8 +18,12 @@ export declare class CellInteractionState<T, F extends FiltersMap> {
     private readonly _commitHandler;
     constructor(commitHandler: CommitHandler, parent: EditableTableState<T, F>);
     get isEditing(): boolean;
+    /** Focusing a cell also selects it, so a single selected cell is just focus.
+     *  Only a range of two or more gets the selection styling. */
+    get isRangeSelection(): boolean;
     focusCell(rowKey: string, columnId: string): void;
     clearFocus(): void;
+    replaceRowKey(oldRowKey: string, newRowKey: string): void;
     startEdit(rowKey?: string, columnId?: string, trigger?: EditTrigger): void;
     setEditingValue(value: any): void;
     commitEdit(): void;
@@ -36,6 +40,7 @@ export declare class CellInteractionState<T, F extends FiltersMap> {
     isCellFocused(rowKey: string, columnId: string): boolean;
     isCellEditing(rowKey: string, columnId: string): boolean;
     isCellSelected(rowKey: string, columnId: string): boolean;
+    isRowActive(rowKey: string): boolean;
     get selectedCellsList(): Cell[];
     scrollFocusedCellIntoView(): void;
     /**

package/dist/types/state/EditableTable/CellInteractionState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CellInteractionState.d.ts","sourceRoot":"","sources":["../../../../src/state/EditableTable/CellInteractionState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,KAAK,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAClD,KAAK,aAAa,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAE7D,qBAAa,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACvD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAQ;IAChC,WAAW,EAAE,IAAI,GAAG,IAAI,CAAQ;IAChC,YAAY,EAAE,GAAG,CAAa;IAC9B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAQ;IACvC,aAAa,cAAqB;IAClC,eAAe,EAAE,IAAI,GAAG,IAAI,CAAQ;IACpC,kBAAkB,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAQ;IAC1D,iEAAiE;IACjE,WAAW,UAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IACnD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAgB;gBAEnC,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IA8B1E,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAU1C,UAAU;IAOV,SAAS,CACP,MAAM,CAAC,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,GAAE,WAAqB;IAkBhC,eAAe,CAAC,KAAK,EAAE,GAAG;IAI1B,UAAU;IAYV,UAAU;IAMV,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI;IAwBhC,SAAS;IAoBT,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,UAAQ;IAgC9C,cAAc;IAqBd,kBAAkB;IAqBlB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK3C,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAOxC,SAAS;IAIT,OAAO,CAAC,cAAc;IAatB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO;IAOxD,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO;IAOxD,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIzD,IAAI,iBAAiB,IAAI,IAAI,EAAE,CAS9B;IAED,yBAAyB;IAezB;;;OAGG;IACH,OAAO,CAAC,8BAA8B;IAiDtC,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,UAAU;CAyBjE"}
+{"version":3,"file":"CellInteractionState.d.ts","sourceRoot":"","sources":["../../../../src/state/EditableTable/CellInteractionState.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAChD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,OAAO,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AAEnE,KAAK,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAClD,KAAK,aAAa,GAAG,CAAC,YAAY,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,CAAC;AAE7D,qBAAa,oBAAoB,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IACvD,WAAW,EAAE,IAAI,GAAG,IAAI,CAAQ;IAChC,WAAW,EAAE,IAAI,GAAG,IAAI,CAAQ;IAChC,YAAY,EAAE,GAAG,CAAa;IAC9B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAQ;IACvC,aAAa,cAAqB;IAClC,eAAe,EAAE,IAAI,GAAG,IAAI,CAAQ;IACpC,kBAAkB,EAAE,WAAW,GAAG,IAAI,GAAG,SAAS,CAAQ;IAC1D,iEAAiE;IACjE,WAAW,UAAS;IACpB,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IACnD,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAgB;gBAEnC,aAAa,EAAE,aAAa,EAAE,MAAM,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAgC1E,IAAI,SAAS,IAAI,OAAO,CAEvB;IAED;kEAC8D;IAC9D,IAAI,gBAAgB,IAAI,OAAO,CAE9B;IAED,SAAS,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAU1C,UAAU;IAOV,aAAa,CAAC,SAAS,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;IAsBlD,SAAS,CACP,MAAM,CAAC,EAAE,MAAM,EACf,QAAQ,CAAC,EAAE,MAAM,EACjB,OAAO,GAAE,WAAqB;IAkBhC,eAAe,CAAC,KAAK,EAAE,GAAG;IAI1B,UAAU;IAYV,UAAU;IAMV,WAAW,CAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI;IAwBhC,SAAS;IAoBT,SAAS,CAAC,SAAS,EAAE,SAAS,EAAE,MAAM,UAAQ;IAgC9C,cAAc;IAqBd,kBAAkB;IAqBlB,UAAU,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAK3C,OAAO,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM;IAOxC,SAAS;IAIT,OAAO,CAAC,cAAc;IAatB,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO;IAOxD,aAAa,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO;IAOxD,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,OAAO;IAIzD,WAAW,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO;IAIpC,IAAI,iBAAiB,IAAI,IAAI,EAAE,CAS9B;IAED,yBAAyB;IAezB;;;OAGG;IACH,OAAO,CAAC,8BAA8B;IAiDtC,kBAAkB,CAAC,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,GAAG,UAAU;CAyBjE"}

package/dist/types/state/EditableTable/MutationState.d.ts

@@ -20,5 +20,6 @@ export declare class MutationState<T, F extends FiltersMap> {
     duplicateItem(rowKey: string): void;
     deleteItems(rowKeys: string[]): void;
     updateItems(updatedItems: T[]): void;
+    private readonly _submitCreate;
 }
 //# sourceMappingURL=MutationState.d.ts.map

package/dist/types/state/EditableTable/MutationState.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MutationState.d.ts","sourceRoot":"","sources":["../../../../src/state/EditableTable/MutationState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,eAAe,EACf,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC9C,yDAAyD;IACzD,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,yCAAyC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAClD,+CAA+C;IAC/C,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAClD,0CAA0C;IAC1C,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C;AAED,qBAAa,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IAChD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmC;IAC7D,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAoC;IACvE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;gBAGjD,MAAM,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,EAChC,QAAQ,EAAE,6BAA6B,CAAC,CAAC,CAAC,EAC1C,uBAAuB,EAAE,CACvB,UAAU,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,KAC9B,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC;IAOxC,IAAI;IAIJ,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM;IActC,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE;IAmB7B,WAAW,CAAC,YAAY,EAAE,CAAC,EAAE;CAiB9B"}
+{"version":3,"file":"MutationState.d.ts","sourceRoot":"","sources":["../../../../src/state/EditableTable/MutationState.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,2BAA2B,EAC3B,eAAe,EACf,UAAU,EACX,MAAM,eAAe,CAAC;AACvB,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE/D,MAAM,WAAW,6BAA6B,CAAC,CAAC;IAC9C,yDAAyD;IACzD,UAAU,EAAE,MAAM,CAAC,CAAC;IACpB,yCAAyC;IACzC,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAClD,+CAA+C;IAC/C,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,CAAC,EAAE,GAAG,IAAI,CAAC,CAAC;IAClD,0CAA0C;IAC1C,YAAY,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CAC7C;AAED,qBAAa,aAAa,CAAC,CAAC,EAAE,CAAC,SAAS,UAAU;IAChD,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAmC;IAC7D,OAAO,CAAC,QAAQ,CAAC,kBAAkB,CAAoC;IACvE,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;gBAGjD,MAAM,EAAE,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC,EAChC,QAAQ,EAAE,6BAA6B,CAAC,CAAC,CAAC,EAC1C,uBAAuB,EAAE,CACvB,UAAU,EAAE,eAAe,CAAC,CAAC,EAAE,CAAC,CAAC,KAC9B,2BAA2B,CAAC,CAAC,EAAE,CAAC,CAAC;IAOxC,IAAI;IAIJ,OAAO,CAAC,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM;IActC,aAAa,CAAC,MAAM,EAAE,MAAM;IA6B5B,WAAW,CAAC,OAAO,EAAE,MAAM,EAAE;IAmB7B,WAAW,CAAC,YAAY,EAAE,CAAC,EAAE;IAkB7B,OAAO,CAAC,QAAQ,CAAC,aAAa,CAoB5B;CACH"}

package/dist/types/state/FormPage/FormPageHeader.st.css.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA2C,CAAC;AAC9D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}
+{"version":3,"file":"FormPageHeader.st.css.d.ts","sourceRoot":"","sources":["../../../../src/state/FormPage/FormPageHeader.st.css.ts"],"names":[],"mappings":"AAUA,eAAO,IAAI,SAAS,+BAAwC,CAAC;AAC7D,eAAO,IAAI,KAAK,cAAU,CAAC;AAC3B,eAAO,IAAI,EAAE,EAAE,OAAO,mBAAmB,EAAE,UAAoB,CAAC;AAEhE,eAAO,IAAI,SAAS,QAAc,CAAC;AACnC,eAAO,IAAI,OAAO;;CAA4C,CAAC;AAC/D,eAAO,IAAI,SAAS,IAAK,CAAC;AAC1B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,UAAU,IAAK,CAAC;AAC3B,eAAO,IAAI,MAAM,IAAK,CAAC;AACvB,eAAO,IAAI,IAAI,IAAK,CAAC"}

package/dist/types/version.d.ts

@@ -1,2 +1,2 @@
-export declare const version = "patterns@1.433.0";
+export declare const version = "patterns@1.434.0";
 //# sourceMappingURL=version.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wix/patterns",
-  "version": "1.433.0",
+  "version": "1.434.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/types/index.d.ts",
@@ -220,10 +220,10 @@
   ],
   "dependencies": {
     "@wix/agent-platform-bm-sdk": "^1.0.0",
-    "@wix/bex-core": "2.339.0",
-    "@wix/bex-utils": "2.126.0",
+    "@wix/bex-core": "2.340.0",
+    "@wix/bex-utils": "2.127.0",
     "@wix/essentials": "^0.1.26",
-    "@wix/patterns-fields": "1.61.0",
+    "@wix/patterns-fields": "1.62.0",
     "@wix/sdk": "^1.15.22",
     "@wix/wix-style-react-incubator": "3.22.0",
     "@wix/wix-ui-test-utils": "^1.1.9",
@@ -286,7 +286,7 @@
     "@wix/awaiter-utils": "^1.0.76",
     "@wix/babel-cli": "^1.11.0",
     "@wix/business-manager-api": "^1.470.0",
-    "@wix/cairo-integration-utils": "1.101.0",
+    "@wix/cairo-integration-utils": "1.102.0",
     "@wix/ci-build-info": "^1.0.0",
     "@wix/crm": "^1.0.93",
     "@wix/dashboard": "^1.3.39",
@@ -444,5 +444,5 @@
   "wallaby": {
     "autoDetect": true
   },
-  "falconPackageHash": "9f1b8cc4ae5fe20c1f781b7c228f1206fa13ef2bbc9b65368ed67642"
+  "falconPackageHash": "e8a98be3decbb5be33d7756a44826091319e57b6b1c767162bb65edc"
 }

package/src/components/ArchivedItemsPanel/ArchivedItemsList.tsx

@@ -20,7 +20,11 @@ export function _ArchivedItemsList({
   const isHarmonyTheme = useBmHarmonyTheme();
 
   return (
-    <Box direction="vertical" dataHook={`${dataHook}-archived-items-list`}>
+    <Box
+      direction="vertical"
+      dataHook={`${dataHook}-archived-items-list`}
+      {...(isHarmonyTheme ? { paddingLeft: 'SP2', paddingRight: 'SP2' } : {})}
+    >
       {items.map((item, index) => (
         <ArchivedItemsListItem
           key={item.id}

package/src/components/ArchivedItemsPanel/ArchivedItemsListItem.tsx

@@ -83,7 +83,7 @@ function _ArchivedItemsListItem({
     <TableListItem
       showDivider={showDivider}
       verticalPadding={isHarmonyTheme ? 'tiny' : undefined}
-      horizontalPadding={isHarmonyTheme ? 'medium' : undefined}
+      horizontalPadding={isHarmonyTheme ? 'tiny' : undefined}
       data-hook={`${dataHook}-archived-item-${item.id}`}
       options={[
         {

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CardContainer1996631385";
+var _namespace_ = "CardContainer892613341";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CardContainer1996631385__root"};
+export var classes = {"root":"CardContainer892613341__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/CmsFieldForm.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldForm1956475299";
+var _namespace_ = "CmsFieldForm949764821";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CmsFieldForm1956475299__root","fullBleedDivider":"CmsFieldForm1956475299__fullBleedDivider"};
+export var classes = {"root":"CmsFieldForm949764821__root","fullBleedDivider":"CmsFieldForm949764821__fullBleedDivider"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/CmsFieldModal.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CmsFieldModal45411424";
+var _namespace_ = "CmsFieldModal1471165315";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CmsFieldModal45411424__root","modal":"CmsFieldModal45411424__modal"};
+export var classes = {"root":"CmsFieldModal1471165315__root","modal":"CmsFieldModal1471165315__modal"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "ValidationAndDefaultsSection411259117";
+var _namespace_ = "ValidationAndDefaultsSection3796101284";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ValidationAndDefaultsSection411259117__root","accordionWrapper":"ValidationAndDefaultsSection411259117__accordionWrapper"};
+export var classes = {"root":"ValidationAndDefaultsSection3796101284__root","accordionWrapper":"ValidationAndDefaultsSection3796101284__accordionWrapper"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CmsFieldManagement/formFields/CharactersLimitInput.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js"
 
 
 
-var _namespace_ = "CharactersLimitInput4042816749";
+var _namespace_ = "CharactersLimitInput1565385755";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CharactersLimitInput4042816749__root","field":"CharactersLimitInput4042816749__field"};
+export var classes = {"root":"CharactersLimitInput1565385755__root","field":"CharactersLimitInput1565385755__field"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "Collapse2758930313";
+var _namespace_ = "Collapse2393188252";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"Collapse2758930313__root","exit":"Collapse2758930313__exit"};
+export var classes = {"root":"Collapse2393188252__root","exit":"Collapse2393188252__exit"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionPageNew/CollectionPage.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionPage1852116837";
+var _namespace_ = "CollectionPage2115536449";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionPage1852116837__root"};
+export var classes = {"root":"CollectionPage2115536449__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionSectionHeader4174355409";
+var _namespace_ = "CollectionSectionHeader3526530237";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionSectionHeader4174355409__root","summaryIcon":"CollectionSectionHeader4174355409__summaryIcon"};
+export var classes = {"root":"CollectionSectionHeader3526530237__root","summaryIcon":"CollectionSectionHeader3526530237__summaryIcon"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTable3856077387";
+var _namespace_ = "CollectionTable2481738602";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTable3856077387__root"};
+export var classes = {"root":"CollectionTable2481738602__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionTable/CollectionTableWSRTable.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionTableWSRTable2783860405";
+var _namespace_ = "CollectionTableWSRTable3520584632";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionTableWSRTable2783860405__root"};
+export var classes = {"root":"CollectionTableWSRTable3520584632__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

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

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "CollectionToolbar1618305658";
+var _namespace_ = "CollectionToolbar3918320737";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"CollectionToolbar1618305658__root","right":"CollectionToolbar1618305658__right","left":"CollectionToolbar1618305658__left","fullWidth":"CollectionToolbar1618305658__fullWidth"};
+export var classes = {"root":"CollectionToolbar3918320737__root","right":"CollectionToolbar3918320737__right","left":"CollectionToolbar3918320737__left","fullWidth":"CollectionToolbar3918320737__fullWidth"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionToolbar/SearchOrCustomFilter.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "SearchOrCustomFilter4157439794";
+var _namespace_ = "SearchOrCustomFilter33704318";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"SearchOrCustomFilter4157439794__root","search":"SearchOrCustomFilter4157439794__search","searchMobile":"SearchOrCustomFilter4157439794__searchMobile"};
+export var classes = {"root":"SearchOrCustomFilter33704318__root","search":"SearchOrCustomFilter33704318__search","searchMobile":"SearchOrCustomFilter33704318__searchMobile"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/AutoCompleteReadonly.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "AutoCompleteReadonly2534510933";
+var _namespace_ = "AutoCompleteReadonly257985153";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"AutoCompleteReadonly2534510933__root"};
+export var classes = {"root":"AutoCompleteReadonly257985153__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CollectionViewsDropdown/ViewsDropdown.st.css.ts

@@ -5,7 +5,7 @@ import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
 
 
 
-var _namespace_ = "ViewsDropdown588051888";
+var _namespace_ = "ViewsDropdown3946390091";
 var _style_ = classesRuntime.bind(null, _namespace_);
 
 export var cssStates = statesRuntime.bind(null, _namespace_);
@@ -13,7 +13,7 @@ export var style = _style_;
 export var st: import("@stylable/runtime").STFunction = _style_;
 
 export var namespace = _namespace_;
-export var classes = {"root":"ViewsDropdown588051888__root"};
+export var classes = {"root":"ViewsDropdown3946390091__root"};
 export var keyframes = {}; 
 export var layers = {};
 export var containers = {};

package/src/components/CustomFieldModal/CustomFieldForm.tsx

@@ -53,7 +53,7 @@ export const _CustomFieldForm = (props: CustomFieldFormProps) => {
     generateUniqueKey,
     setKeyFieldIfNotDirty,
   } = state;
-  const defaultPermissions = state.fieldManagement.permissions;
+  const defaultPermissions = state.fieldManagement.fieldModal.permissions;
   const { reportAdvancedSettingsClick, reportKeyFormFieldChange } =
     customFieldModalBiReporter;
 
@@ -132,7 +132,7 @@ export const _CustomFieldForm = (props: CustomFieldFormProps) => {
               />
             </FormField>
           </Cell>
-          {state.fieldManagement.supportsPii && (
+          {state.fieldManagement.fieldModal.supportsPii && (
             <PiiFormFields
               containsPii={{
                 value: containsPii.value,

package/src/components/CustomFieldModal/CustomFieldFormV2.tsx

@@ -14,6 +14,7 @@ import {
 import { useWixPatternsContainer } from '@wix/bex-core/react';
 import { CustomFieldModalState } from '@wix/bex-core';
 import { InfoCircle } from '@wix/wix-ui-icons-common';
+import { StatusAlertFilledSmall } from '@wix/wix-ui-icons-common/lazy';
 import { runInAction } from 'mobx';
 import { CustomFieldTypeDropdownV2 } from './CustomFieldTypeDropdownV2';
 import { PiiFormFieldsV2 } from './CustomFieldFormPiiFieldsV2';
@@ -40,8 +41,8 @@ export const _CustomFieldFormV2 = (props: CustomFieldFormV2Props) => {
     generateUniqueKey,
     setKeyFieldIfNotDirty,
   } = state;
-  const { supportsPermissions, fieldModalText, piiWarning } =
-    state.fieldManagement;
+  const { fieldModal } = state.fieldManagement;
+  const SettingsSection = state.settingsSection?.Component;
 
   const {
     translate: t,
@@ -157,12 +158,12 @@ export const _CustomFieldFormV2 = (props: CustomFieldFormV2Props) => {
               }}
               mode={mode}
               language={language}
-              piiWarning={piiWarning}
+              piiWarning={state.piiWarning}
             />
           )}
         </Layout>
       </Box>
-      {supportsPermissions && (
+      {state.showSettings && (
         <>
           <Box marginTop="SP4" marginLeft={fullBleed} marginRight={fullBleed}>
             <Divider />
@@ -180,11 +181,20 @@ export const _CustomFieldFormV2 = (props: CustomFieldFormV2Props) => {
               items={[
                 {
                   title:
-                    fieldModalText.settingsLabel ??
+                    fieldModal.text.settingsLabel ??
                     t(
                       'cairo.customFields.addCustomField.modal.advancedSettings',
                     ),
                   toggleIconPlacement: 'start',
+                  suffix: state.settingsHasError ? (
+                    <Box
+                      verticalAlign="middle"
+                      color="R10"
+                      dataHook="custom-field-modal-settings-error"
+                    >
+                      <StatusAlertFilledSmall />
+                    </Box>
+                  ) : undefined,
                   open: settings.isOn,
                   onToggle: () => {
                     settings.toggle();
@@ -192,7 +202,16 @@ export const _CustomFieldFormV2 = (props: CustomFieldFormV2Props) => {
                       settings.isOn ? 'Open' : 'Close',
                     );
                   },
-                  children: <CustomFieldFormV2Permissions state={state} />,
+                  children: (
+                    <Box direction="vertical" gap="SP4">
+                      {fieldModal.permissions && (
+                        <CustomFieldFormV2Permissions state={state} />
+                      )}
+                      {SettingsSection && (
+                        <SettingsSection fieldType={type.value} />
+                      )}
+                    </Box>
+                  ),
                 },
               ]}
             />

package/src/components/CustomFieldModal/CustomFieldFormV2Permissions.tsx

@@ -100,7 +100,7 @@ export const _CustomFieldFormV2Permissions = (
     disabledFields: { permissions },
     mode,
   } = state;
-  const defaultPermissions = state.fieldManagement.permissions;
+  const defaultPermissions = state.fieldManagement.fieldModal.permissions;
 
   const {
     translate: t,

package/src/components/CustomFieldModal/CustomFieldModal.tsx

@@ -57,10 +57,9 @@ export const _CustomFieldModal = ({
     );
   }
 
-  const { fieldModalText } = state.fieldManagement;
-  const title =
-    mode === 'new' ? fieldModalText.addTitle : fieldModalText.editTitle;
-  const addSubtitle = mode === 'new' ? fieldModalText.addSubtitle : undefined;
+  const { text } = state.fieldManagement.fieldModal;
+  const title = mode === 'new' ? text.addTitle : text.editTitle;
+  const addSubtitle = mode === 'new' ? text.addSubtitle : undefined;
   const useV2Form = internalExperiments?.enabled('newFieldsModal');
 
   return (
@@ -100,7 +99,7 @@ export const _CustomFieldModal = ({
       showFooterDivider={useV2Form}
       // V2 has no footnote: whether the toggle row shows is the whole signal.
       footnote={
-        useV2Form || state.fieldManagement.supportsPii ? null : (
+        useV2Form || state.fieldManagement.fieldModal.supportsPii ? null : (
           <Footnote
             language={language}
             reportLearnMoreClick={reportLearnMoreClick}