@wix/patterns 1.397.0 → 1.399.0

package/dist/cjs/utils/fieldTypePrefixIcons.js

@@ -145,8 +145,7 @@ const FIELD_TYPE_ICON_MAP = {
  */
 const ICON_STYLE = {
   display: 'flex',
-  alignItems: 'center',
-  color: 'var(--wds-color-text-standard-primary, #000624)'
+  alignItems: 'center'
 };
 function getFieldTypeIcon({
   fieldType,
@@ -160,14 +159,14 @@ function getFieldTypeIcon({
       __source: {
         fileName: _jsxFileName,
         lineNumber: 153,
-        columnNumber: 12
+        columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(Fallback, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 153,
-        columnNumber: 37
+        lineNumber: 154,
+        columnNumber: 9
       }
     }));
   }
@@ -178,15 +177,15 @@ function getFieldTypeIcon({
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159,
-        columnNumber: 12
+        lineNumber: 163,
+        columnNumber: 7
       }
     }, /*#__PURE__*/_react.default.createElement(Fallback, {
       __self: this,
       __source: {
         fileName: _jsxFileName,
-        lineNumber: 159,
-        columnNumber: 37
+        lineNumber: 164,
+        columnNumber: 9
       }
     }));
   }
@@ -196,15 +195,15 @@ function getFieldTypeIcon({
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
-      columnNumber: 10
+      lineNumber: 171,
+      columnNumber: 5
     }
   }, /*#__PURE__*/_react.default.createElement(Icon, {
     __self: this,
     __source: {
       fileName: _jsxFileName,
-      lineNumber: 163,
-      columnNumber: 35
+      lineNumber: 172,
+      columnNumber: 7
     }
   }));
 }

package/dist/cjs/utils/fieldTypePrefixIcons.js.map

@@ -1 +1 @@
-{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_jsxFileName","toFieldType","value","replace","toUpperCase","FIELD_TYPE_ICON_MAP","SHORT_TEXT","small","TextSmall","medium","Text","LONG_TEXT","NUMBER","NumberSmall","Number","BOOLEAN","SquareRatioCheckedSmall","SquareRatioChecked","DATE","DateSmall","Date","DATE_TIME","DateAndTimeSmall","DateAndTime","DATETIME","TIME","TimeSmall","Time","URL","LinkSmall","Link","EMAIL","EmailSmall","Email","IMAGE","ImageSmall","Image","MEDIA_GALLERY","ProGalleriesSmall","ProGalleries","AUDIO","MusicSmall","Music","DOCUMENT","DocumentSmall","Document","MULTI_DOCUMENT","DocDuplicate","RICH_TEXT","RichTextSmall","RichText","RICH_CONTENT","ArticleSmall","Article","REFERENCE","ReferenceSmall","Reference","MULTI_REFERENCE","MultireferenceSmall","Multireference","OBJECT","CodeObjectSmall","CodeObject","ARRAY","TagSmall","Tag","ADDRESS","LocationSmall","Location","INTEGER","DECIMAL","CHECKBOX","FILES","MULTI_SELECT","ICON_STYLE","display","alignItems","color","getFieldTypeIcon","fieldType","size","Fallback","Database","DatabaseSmall","default","createElement","style","__self","__source","fileName","lineNumber","columnNumber","entry","Icon"],"sources":["../../../src/utils/fieldTypePrefixIcons.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\nimport {\n  Text,\n  TextSmall,\n  Image,\n  ImageSmall,\n  SquareRatioChecked,\n  SquareRatioCheckedSmall,\n  Number,\n  NumberSmall,\n  Date,\n  DateSmall,\n  DateAndTime,\n  DateAndTimeSmall,\n  Time,\n  TimeSmall,\n  Article,\n  ArticleSmall,\n  RichText,\n  RichTextSmall,\n  Reference,\n  ReferenceSmall,\n  Multireference,\n  MultireferenceSmall,\n  Link,\n  LinkSmall,\n  Document,\n  DocumentSmall,\n  DocDuplicate,\n  Music,\n  MusicSmall,\n  Location,\n  LocationSmall,\n  Tag,\n  TagSmall,\n  CodeObject,\n  CodeObjectSmall,\n  ProGalleries,\n  ProGalleriesSmall,\n  Email,\n  EmailSmall,\n  Database,\n  DatabaseSmall,\n} from '@wix/wix-ui-icons-common';\n\n/**\n * Canonical field type keys (UPPER_SNAKE_CASE).\n * The map is keyed by these values; incoming camelCase strings\n * are normalised before lookup.\n */\nexport type FieldType =\n  | 'SHORT_TEXT'\n  | 'LONG_TEXT'\n  | 'NUMBER'\n  | 'BOOLEAN'\n  | 'DATE'\n  | 'DATE_TIME'\n  | 'DATETIME'\n  | 'TIME'\n  | 'URL'\n  | 'EMAIL'\n  | 'IMAGE'\n  | 'MEDIA_GALLERY'\n  | 'AUDIO'\n  | 'DOCUMENT'\n  | 'MULTI_DOCUMENT'\n  | 'RICH_TEXT'\n  | 'RICH_CONTENT'\n  | 'REFERENCE'\n  | 'MULTI_REFERENCE'\n  | 'OBJECT'\n  | 'ARRAY'\n  | 'ADDRESS'\n  | 'COLOR'\n  | 'INTEGER'\n  | 'DECIMAL'\n  | 'CHECKBOX'\n  | 'DROPDOWN'\n  | 'FILES'\n  | 'MULTI_SELECT';\n\n/**\n * Converts any casing (camelCase, snake_case, etc.) to a canonical FieldType.\n * e.g. \"shortText\" → \"SHORT_TEXT\", \"dateTime\" → \"DATE_TIME\".\n * Already UPPER_SNAKE_CASE strings pass through unchanged.\n */\nexport function toFieldType(value: string): FieldType {\n  return value.replace(/([a-z])([A-Z])/g, '$1_$2').toUpperCase() as FieldType;\n}\n\ninterface FieldPrefixIconEntry {\n  small: ComponentType;\n  medium: ComponentType;\n}\n\n/**\n * Maps canonical UPPER_SNAKE_CASE field types to icon components (small + medium).\n */\nconst FIELD_TYPE_ICON_MAP: Partial<Record<FieldType, FieldPrefixIconEntry>> = {\n  SHORT_TEXT: { small: TextSmall, medium: Text },\n  LONG_TEXT: { small: TextSmall, medium: Text },\n  NUMBER: { small: NumberSmall, medium: Number },\n  BOOLEAN: { small: SquareRatioCheckedSmall, medium: SquareRatioChecked },\n  DATE: { small: DateSmall, medium: Date },\n  DATE_TIME: { small: DateAndTimeSmall, medium: DateAndTime },\n  DATETIME: { small: DateAndTimeSmall, medium: DateAndTime },\n  TIME: { small: TimeSmall, medium: Time },\n  URL: { small: LinkSmall, medium: Link },\n  EMAIL: { small: EmailSmall, medium: Email },\n  IMAGE: { small: ImageSmall, medium: Image },\n  MEDIA_GALLERY: { small: ProGalleriesSmall, medium: ProGalleries },\n  AUDIO: { small: MusicSmall, medium: Music },\n  DOCUMENT: { small: DocumentSmall, medium: Document },\n  MULTI_DOCUMENT: { small: DocumentSmall, medium: DocDuplicate },\n  RICH_TEXT: { small: RichTextSmall, medium: RichText },\n  RICH_CONTENT: { small: ArticleSmall, medium: Article },\n  REFERENCE: { small: ReferenceSmall, medium: Reference },\n  MULTI_REFERENCE: { small: MultireferenceSmall, medium: Multireference },\n  OBJECT: { small: CodeObjectSmall, medium: CodeObject },\n  ARRAY: { small: TagSmall, medium: Tag },\n  ADDRESS: { small: LocationSmall, medium: Location },\n  INTEGER: { small: NumberSmall, medium: Number },\n  DECIMAL: { small: NumberSmall, medium: Number },\n  CHECKBOX: { small: SquareRatioCheckedSmall, medium: SquareRatioChecked },\n  FILES: { small: DocumentSmall, medium: Document },\n  MULTI_SELECT: { small: TagSmall, medium: Tag },\n};\n\n/**\n * Returns an icon ReactNode for the given field type string and size.\n * Accepts both UPPER_SNAKE_CASE and camelCase input.\n * If the field type is not mapped (or undefined), returns an info fallback icon.\n *\n * @param fieldType - The field type string\n * @param size - 'small' (default, for column headers / customize panel) or 'medium' (for filters)\n */\nconst ICON_STYLE: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n  color: 'var(--wds-color-text-standard-primary, #000624)',\n};\n\nexport function getFieldTypeIcon({\n  fieldType,\n  size = 'small',\n}: {\n  fieldType?: FieldType;\n  size?: 'small' | 'medium';\n}): ReactNode {\n  const Fallback = size === 'medium' ? Database : DatabaseSmall;\n\n  if (!fieldType) {\n    return <span style={ICON_STYLE}><Fallback /></span>;\n  }\n\n  const entry = FIELD_TYPE_ICON_MAP[fieldType];\n\n  if (!entry) {\n    return <span style={ICON_STYLE}><Fallback /></span>;\n  }\n\n  const Icon = size === 'medium' ? entry.medium : entry.small;\n  return <span style={ICON_STYLE}><Icon /></span>;\n}\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"names":["_react","_interopRequireDefault","require","_wixUiIconsCommon","_jsxFileName","toFieldType","value","replace","toUpperCase","FIELD_TYPE_ICON_MAP","SHORT_TEXT","small","TextSmall","medium","Text","LONG_TEXT","NUMBER","NumberSmall","Number","BOOLEAN","SquareRatioCheckedSmall","SquareRatioChecked","DATE","DateSmall","Date","DATE_TIME","DateAndTimeSmall","DateAndTime","DATETIME","TIME","TimeSmall","Time","URL","LinkSmall","Link","EMAIL","EmailSmall","Email","IMAGE","ImageSmall","Image","MEDIA_GALLERY","ProGalleriesSmall","ProGalleries","AUDIO","MusicSmall","Music","DOCUMENT","DocumentSmall","Document","MULTI_DOCUMENT","DocDuplicate","RICH_TEXT","RichTextSmall","RichText","RICH_CONTENT","ArticleSmall","Article","REFERENCE","ReferenceSmall","Reference","MULTI_REFERENCE","MultireferenceSmall","Multireference","OBJECT","CodeObjectSmall","CodeObject","ARRAY","TagSmall","Tag","ADDRESS","LocationSmall","Location","INTEGER","DECIMAL","CHECKBOX","FILES","MULTI_SELECT","ICON_STYLE","display","alignItems","getFieldTypeIcon","fieldType","size","Fallback","Database","DatabaseSmall","default","createElement","style","__self","__source","fileName","lineNumber","columnNumber","entry","Icon"],"sources":["../../../src/utils/fieldTypePrefixIcons.tsx"],"sourcesContent":["import React, { type ComponentType, type ReactNode } from 'react';\nimport {\n  Text,\n  TextSmall,\n  Image,\n  ImageSmall,\n  SquareRatioChecked,\n  SquareRatioCheckedSmall,\n  Number,\n  NumberSmall,\n  Date,\n  DateSmall,\n  DateAndTime,\n  DateAndTimeSmall,\n  Time,\n  TimeSmall,\n  Article,\n  ArticleSmall,\n  RichText,\n  RichTextSmall,\n  Reference,\n  ReferenceSmall,\n  Multireference,\n  MultireferenceSmall,\n  Link,\n  LinkSmall,\n  Document,\n  DocumentSmall,\n  DocDuplicate,\n  Music,\n  MusicSmall,\n  Location,\n  LocationSmall,\n  Tag,\n  TagSmall,\n  CodeObject,\n  CodeObjectSmall,\n  ProGalleries,\n  ProGalleriesSmall,\n  Email,\n  EmailSmall,\n  Database,\n  DatabaseSmall,\n} from '@wix/wix-ui-icons-common';\n\n/**\n * Canonical field type keys (UPPER_SNAKE_CASE).\n * The map is keyed by these values; incoming camelCase strings\n * are normalised before lookup.\n */\nexport type FieldType =\n  | 'SHORT_TEXT'\n  | 'LONG_TEXT'\n  | 'NUMBER'\n  | 'BOOLEAN'\n  | 'DATE'\n  | 'DATE_TIME'\n  | 'DATETIME'\n  | 'TIME'\n  | 'URL'\n  | 'EMAIL'\n  | 'IMAGE'\n  | 'MEDIA_GALLERY'\n  | 'AUDIO'\n  | 'DOCUMENT'\n  | 'MULTI_DOCUMENT'\n  | 'RICH_TEXT'\n  | 'RICH_CONTENT'\n  | 'REFERENCE'\n  | 'MULTI_REFERENCE'\n  | 'OBJECT'\n  | 'ARRAY'\n  | 'ADDRESS'\n  | 'COLOR'\n  | 'INTEGER'\n  | 'DECIMAL'\n  | 'CHECKBOX'\n  | 'DROPDOWN'\n  | 'FILES'\n  | 'MULTI_SELECT';\n\n/**\n * Converts any casing (camelCase, snake_case, etc.) to a canonical FieldType.\n * e.g. \"shortText\" → \"SHORT_TEXT\", \"dateTime\" → \"DATE_TIME\".\n * Already UPPER_SNAKE_CASE strings pass through unchanged.\n */\nexport function toFieldType(value: string): FieldType {\n  return value.replace(/([a-z])([A-Z])/g, '$1_$2').toUpperCase() as FieldType;\n}\n\ninterface FieldPrefixIconEntry {\n  small: ComponentType;\n  medium: ComponentType;\n}\n\n/**\n * Maps canonical UPPER_SNAKE_CASE field types to icon components (small + medium).\n */\nconst FIELD_TYPE_ICON_MAP: Partial<Record<FieldType, FieldPrefixIconEntry>> = {\n  SHORT_TEXT: { small: TextSmall, medium: Text },\n  LONG_TEXT: { small: TextSmall, medium: Text },\n  NUMBER: { small: NumberSmall, medium: Number },\n  BOOLEAN: { small: SquareRatioCheckedSmall, medium: SquareRatioChecked },\n  DATE: { small: DateSmall, medium: Date },\n  DATE_TIME: { small: DateAndTimeSmall, medium: DateAndTime },\n  DATETIME: { small: DateAndTimeSmall, medium: DateAndTime },\n  TIME: { small: TimeSmall, medium: Time },\n  URL: { small: LinkSmall, medium: Link },\n  EMAIL: { small: EmailSmall, medium: Email },\n  IMAGE: { small: ImageSmall, medium: Image },\n  MEDIA_GALLERY: { small: ProGalleriesSmall, medium: ProGalleries },\n  AUDIO: { small: MusicSmall, medium: Music },\n  DOCUMENT: { small: DocumentSmall, medium: Document },\n  MULTI_DOCUMENT: { small: DocumentSmall, medium: DocDuplicate },\n  RICH_TEXT: { small: RichTextSmall, medium: RichText },\n  RICH_CONTENT: { small: ArticleSmall, medium: Article },\n  REFERENCE: { small: ReferenceSmall, medium: Reference },\n  MULTI_REFERENCE: { small: MultireferenceSmall, medium: Multireference },\n  OBJECT: { small: CodeObjectSmall, medium: CodeObject },\n  ARRAY: { small: TagSmall, medium: Tag },\n  ADDRESS: { small: LocationSmall, medium: Location },\n  INTEGER: { small: NumberSmall, medium: Number },\n  DECIMAL: { small: NumberSmall, medium: Number },\n  CHECKBOX: { small: SquareRatioCheckedSmall, medium: SquareRatioChecked },\n  FILES: { small: DocumentSmall, medium: Document },\n  MULTI_SELECT: { small: TagSmall, medium: Tag },\n};\n\n/**\n * Returns an icon ReactNode for the given field type string and size.\n * Accepts both UPPER_SNAKE_CASE and camelCase input.\n * If the field type is not mapped (or undefined), returns an info fallback icon.\n *\n * @param fieldType - The field type string\n * @param size - 'small' (default, for column headers / customize panel) or 'medium' (for filters)\n */\nconst ICON_STYLE: React.CSSProperties = {\n  display: 'flex',\n  alignItems: 'center',\n};\n\nexport function getFieldTypeIcon({\n  fieldType,\n  size = 'small',\n}: {\n  fieldType?: FieldType;\n  size?: 'small' | 'medium';\n}): ReactNode {\n  const Fallback = size === 'medium' ? Database : DatabaseSmall;\n\n  if (!fieldType) {\n    return (\n      <span style={ICON_STYLE}>\n        <Fallback />\n      </span>\n    );\n  }\n\n  const entry = FIELD_TYPE_ICON_MAP[fieldType];\n\n  if (!entry) {\n    return (\n      <span style={ICON_STYLE}>\n        <Fallback />\n      </span>\n    );\n  }\n\n  const Icon = size === 'medium' ? entry.medium : entry.small;\n  return (\n    <span style={ICON_STYLE}>\n      <Icon />\n    </span>\n  );\n}\n"],"mappings":"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","ignoreList":[]}

package/dist/cjs/version.js

@@ -2,5 +2,5 @@
 
 exports.__esModule = true;
 exports.version = void 0;
-const version = exports.version = 'patterns@1.397.0';
+const version = exports.version = 'patterns@1.399.0';
 //# sourceMappingURL=version.js.map

package/dist/cjs/version.js.map

@@ -1 +1 @@
-{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.397.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}
+{"version":3,"names":["version","exports"],"sources":["../../src/version.ts"],"sourcesContent":["export const version = 'patterns@1.399.0';\n"],"mappings":";;;;AAAO,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,kBAAkB","ignoreList":[]}

package/dist/docs/ActionCellProps.md

@@ -12,6 +12,8 @@
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
+| `secondaryMenuDisabled` | `boolean` | No | - | Whether the secondary actions menu (3-dots) is disabled. When `true`, a disabled icon button replaces the menu. |
+| `secondaryMenuDisabledTooltip` | `ReactNode` | No | - | Tooltip content shown on hover when the secondary actions menu is disabled. |
 | `primaryAction` | `TableActionCellPrimaryAction \| TableActionCellMainAction[]` | No | - | Primary call to action for each item in a table. Controls the behavior and appearance of the primary action. <br> Can be a single action object or an array of actions. When an array is provided, the first action becomes the primary action and the rest are added to secondary actions. <br> Supported parameters: + `disabledMessage`: Message to show when the action is disabled. Relevant only to grid. + `text`: Specifies action label. + `skin`: Deprecated property that was previously used to control the visual appearance of a button. It has been replaced by the visibility property, which switches skin properties automatically based on visibility options. + `onClick`: Defines a callback function which is called on button click. + `disabled`: [bool] Whether user interactions are disabled. + `prefixIcon`: Icon in front of a button label. + `suffixIcon`: Icon after a button label. + `as`: Renders button as another component or a DOM tag. + `visibility`: Specifies whether the primary action button is visible. When the value is set to `'onHover'`, the button is only visible when the mouse hovers over it, and it appears as a primary button. When the value is set to `'always'`, the button is always visible and appears as a secondary button. This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component. |
 | `secondaryActions` | `SecondaryAction[]` | No | - | Secondary CTAs for each item in a table. Controls the behavior and appearance of the secondary actions. <br> Supported parameters: + `deleteSecondaryAction:` A function that adds a "Delete" action as a secondary action. + `text`: Specifies action label to be shown in the tooltip or popover menu. + `icon`: Action icon. + `onClick`: Defines a callback function which is called on button click. + `subtitle`: Action subtitle. + `disabled`: [bool] Whether user interactions are disabled. + `dataHook`: A data-hook HTML attribute to be used in the tests. + `disabledDescription`: [string] Text to display in tooltip when action is visible and disabled. + `tooltipProps`: Controls the tooltip appearance. + `skin`: Controls the skin of the item. OR Divider object containing + `divider`: A divider between the action items in popover menu. This prop extends the `primaryAction` prop in Wix Design System's [TableActionCellProp](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) component. |
 | `containerId` | `string` | No | - | This ID is used to specify the target container for [dashboard menu plugin](./?path=/story/features-enrich-slots-and-plugins--slots-and-plugins) items. |

package/dist/docs/Table.md

@@ -1006,6 +1006,7 @@ function UseExternalDataSource() {
 | `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. |
 | `title` | `ToolbarTitleElement` | No | - | Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component. |
+| `skin` | `"standard" \| "neutral"` | No | - | @deprecated The table skin is fixed to `"neutral"` and any value passed here is ignored. This prop will be removed in a future release. |
 | `errorState` | `((err: unknown, params: { isOnline: boolean; retry: () => void; }) => ReactElement<any, string \| JSXElementConstructor<any>>)` | No | - | A render function to be rendered when there's an error fetching data from the server.<br> The function accepts the following parameters <br> * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br> * `isOnline`: Indicates whether internet connection is available <br> * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br> Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component. |
 | `maxSelection` | `number` | No | - | Limits the amount of rows a visitor can select. |
 | `views` | `CollectionViewsDropdownElement<F>` | No | - | Adds view options to the table headers. Accepts a [Views](./?path=/story/features-display-views--views) component. |

package/dist/docs/TableFolders.md

@@ -382,6 +382,7 @@ function WithTags() {
 | `bulkActionModal` | `MultiCollectionBulkActionModalRenderProps` | No | - | Render a modal to be opened from `bulkActionToolbar`.<br> The function accepts the following parameters * `allSelected`: Indicates whether the "Select All" checkbox is checked * `closeModal`: Closes the a modal |
 | `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. |
 | `title` | `ToolbarTitleElement` | No | - | Displays a title at the left of a toolbar. Accepts a [ToolbarTitle](./?path=/story/features-display-toolbar--toolbartitle) component. |
+| `skin` | `"standard" \| "neutral"` | No | - | @deprecated The table skin is fixed to `"neutral"` and any value passed here is ignored. This prop will be removed in a future release. |
 | `tags` | `TagsElement<T1, Partial<F1 & F2>>` | No | - | Enables tags feature. In this element you can pass the configuration |
 | `errorState` | `((err: unknown, params: { isOnline: boolean; retry: () => void; }) => ReactElement<any, string \| JSXElementConstructor<any>>)` | No | - | A render function to be rendered when there's an error fetching data from the server.<br> The function accepts the following parameters <br> * `err`: The error thrown by the [fetchData](./?path=/story/common-hooks--usecollection) function <br> * `isOnline`: Indicates whether internet connection is available <br> * `retry`: Retry collection fetch on failed response, similar to `collection.retryFetch` <br> Returns [`EmptyState`](https://www.docs.wixdesignsystem.com/?path=/story/components-layout--emptystate) component. |
 | `maxSelection` | `number` | No | - | Limits the amount of rows a visitor can select. |

package/dist/docs/TableGridSwitch.md

@@ -263,6 +263,7 @@ function TableGridSwitchAdvanceSorting() {
 | `actionCell` | `ActionCell<T, F>` | No | - | Adds an action on the grid item. For example, a delete button to delete an item. Accepts an [`ActionCellProps`](https://www.docs.wixdesignsystem.com/?path=/story/components-lists-table--tableactioncell) object, or a function that returns an `ActionCellProps` object. |
 | `renderAddItem` | `(() => ReactElement<AddItemProps, string \| JSXElementConstructor<any>>)` | No | - | A function that renders [`<AddItem>`](https://www.docs.wixdesignsystem.com/?path=/story/components-actions--additem&activeTab=Description&globals=backgrounds.value:!hex(F8F8F8);backgrounds.grid:false) after all cards in a gallery. <br><br> The `<AddItem>` card will not show when filters are applied unless the filter is defined with the persistent option. |
 | `imagePlacement` | `"top" \| "side"` | No | - | Sets placement of a background image. |
+| `skin` | `"standard" \| "neutral"` | No | - | @deprecated The table skin is fixed to `"neutral"` and any value passed here is ignored. This prop will be removed in a future release. |
 | `maxSelection` | `number` | No | - | Limits the amount of rows a visitor can select. |
 | `columns` | `TableColumn<T>[]` | Yes | - | Defines the columns of the table. Accepts an array of [`TableColumn`](./?path=/story/common-types--tablecolumn) objects. |
 | `onRowClick` | `((item: T, index: number) => void)` | No | - | A callback method to be called on row click. Signature: `onRowClick(rowData, rowNum)`. To enable hover effect you should set this prop. |

package/dist/docs/TableGridSwitchFolders.md

@@ -412,6 +412,7 @@ function WithTags() {
 | `itemsSectionTitle` | `string` | No | - | Optional custom title for the items section |
 | `folderActionCell` | `ActionCell<T2, F2>` | No | - | Same as `actionCell`, but for a folder item. |
 | `renderFolderAddItem` | `(() => ReactElement<AddItemProps, string \| JSXElementConstructor<any>>)` | No | - | Same as `renderAddItem`, but for a folder item. |
+| `skin` | `"standard" \| "neutral"` | No | - | @deprecated The table skin is fixed to `"neutral"` and any value passed here is ignored. This prop will be removed in a future release. |
 | `bulkActionToolbar` | `MultiCollectionBulkActionToolbarRenderProps` | No | - | A toolbar for performing bulk actions on multiple items. Supported parameters: + `selectedValues`: Selected item values. + `uncheckedValues`: Unselected item values. + `isSelectAll`: [bool] Whether the **Select All** option is selected. + `openModal`: Opens a modal that contains the component from `bulkActionModal` render prop. + `clearSelection`: Clears all selections. Call this after the action on the selected items finishes. + `closeModal`: Closes the modal. + `openConfirmModal`: Opens a `<MessageModalLayout />` to confirm an action to be applied to the selected items. + `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`. |
 | `columns` | `TableFoldersColumn<T1, T2>[]` | Yes | - | The same as [Table.columns](./?path=/story/base-components-collections-table-table--table), with the addition of `renderFolder` property. |
 | `hideBulkSelectionCheckbox` | `boolean` | No | - | Hides bulk selection checkbox in the table titlebar, If the [`MultiBulkActionToolbar`](./?path=/story/features-actions-bulk-actions--multibulkactiontoolbar) feature is enabled, this flag will have no effect. |

package/dist/docs/index.json

@@ -27,14 +27,14 @@
     "file": "CollectionOptimisticActions.md",
     "category": "Features/Actions/Updates"
   },
-  "CollectionPage": {
-    "file": "CollectionPage.md",
-    "category": "Base Components/Pages/Collection Page"
-  },
   "CollectionPage.Content": {
     "file": "CollectionPage.Content.md",
     "category": "Base Components/Pages/Collection Page"
   },
+  "CollectionPage": {
+    "file": "CollectionPage.md",
+    "category": "Base Components/Pages/Collection Page"
+  },
   "CollectionPage.Header": {
     "file": "CollectionPage.Header.md",
     "category": "Base Components/Pages/Collection Page"
@@ -75,14 +75,14 @@
     "file": "DateRangeFilter.md",
     "category": "Features/Filter/Components"
   },
-  "EntityPage": {
-    "file": "EntityPage.md",
-    "category": "Base Components/Pages/Entity Page"
-  },
   "EntityPage.AdditionalContent": {
     "file": "EntityPage.AdditionalContent.md",
     "category": "Base Components/Pages/Entity Page"
   },
+  "EntityPage": {
+    "file": "EntityPage.md",
+    "category": "Base Components/Pages/Entity Page"
+  },
   "EntityPage.Card": {
     "file": "EntityPage.Card.md",
     "category": "Base Components/Pages/Entity Page"
@@ -391,14 +391,14 @@
     "file": "ActionCellProps.md",
     "category": "Features/Actions/Action Cell"
   },
-  "BulkSelectState": {
-    "file": "BulkSelectState.md",
-    "category": "Common/State"
-  },
   "BulkActionModalRenderProp": {
     "file": "BulkActionModalRenderProp.md",
     "category": "Common/Types"
   },
+  "BulkSelectState": {
+    "file": "BulkSelectState.md",
+    "category": "Common/State"
+  },
   "Category": {
     "file": "Category.md",
     "category": "Common/Types"
@@ -423,10 +423,6 @@
     "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"
@@ -443,6 +439,10 @@
     "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"
@@ -451,14 +451,14 @@
     "file": "ExportTo.md",
     "category": "Features/Export"
   },
-  "FilterProps": {
-    "file": "FilterProps.md",
-    "category": "Features/Filter/Props"
-  },
   "FormPageState": {
     "file": "FormPageState.md",
     "category": "Common/State"
   },
+  "FilterProps": {
+    "file": "FilterProps.md",
+    "category": "Features/Filter/Props"
+  },
   "GridDragAndDrop": {
     "file": "GridDragAndDrop.md",
     "category": "Features/Sort/Drag and Drop"

package/dist/esm/components/ActionCell/DisabledActionCellMenu.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { Box, IconButton } from '@wix/design-system';
+import { More } from '@wix/wix-ui-icons-common';
+import { DisabledTooltip } from '../DisabledTooltip';
+export function DisabledActionCellMenu({ dataHook, tooltipContent, size = 'medium', skin = 'standard', icon = React.createElement(More, null), ariaLabel, }) {
+    const buttonAriaLabel = typeof tooltipContent === 'string'
+        ? tooltipContent
+        : ariaLabel;
+    const button = (React.createElement(IconButton, { dataHook: dataHook, disabled: true, priority: "secondary", size: size, skin: skin, ariaLabel: buttonAriaLabel }, icon));
+    return (React.createElement(Box, { verticalAlign: "middle", align: "center", width: "100%" }, tooltipContent ? (React.createElement(DisabledTooltip, { dataHook: dataHook ? `${dataHook}-tooltip` : undefined, content: tooltipContent }, button)) : (button)));
+}
+//# sourceMappingURL=DisabledActionCellMenu.js.map

package/dist/esm/components/ActionCell/DisabledActionCellMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DisabledActionCellMenu.js","sourceRoot":"","sources":["../../../../src/components/ActionCell/DisabledActionCellMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAC;AAC5C,OAAO,EAAE,GAAG,EAAE,UAAU,EAAmB,MAAM,oBAAoB,CAAC;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,0BAA0B,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAWrD,MAAM,UAAU,sBAAsB,CAAC,EACrC,QAAQ,EACR,cAAc,EACd,IAAI,GAAG,QAAQ,EACf,IAAI,GAAG,UAAU,EACjB,IAAI,GAAG,oBAAC,IAAI,OAAG,EACf,SAAS,GACmB;IAC5B,MAAM,eAAe,GACnB,OAAO,cAAc,KAAK,QAAQ;QAChC,CAAC,CAAC,cAAc;QAChB,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,MAAM,GAAG,CACb,oBAAC,UAAU,IACT,QAAQ,EAAE,QAAQ,EAClB,QAAQ,QACR,QAAQ,EAAC,WAAW,EACpB,IAAI,EAAE,IAAI,EACV,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,eAAe,IAEzB,IAAI,CACM,CACd,CAAC;IAEF,OAAO,CACL,oBAAC,GAAG,IAAC,aAAa,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAC,MAAM,IACpD,cAAc,CAAC,CAAC,CAAC,CAChB,oBAAC,eAAe,IACd,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,GAAG,QAAQ,UAAU,CAAC,CAAC,CAAC,SAAS,EACtD,OAAO,EAAE,cAAc,IAEtB,MAAM,CACS,CACnB,CAAC,CAAC,CAAC,CACF,MAAM,CACP,CACG,CACP,CAAC;AACJ,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_ = "CardContainer2075108360";
+var _namespace_ = "CardContainer2699451929";
 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": "CardContainer2075108360__root" };
+export var classes = { "root": "CardContainer2699451929__root" };
 export var keyframes = {};
 export var layers = {};
 export var containers = {};

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

@@ -1,20 +1,25 @@
 import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box, Divider, FloatingNotification } from '@wix/design-system';
-import { InfoCircle } from '@wix/wix-ui-icons-common';
+import { Box, Divider, ToastContainer } from '@wix/design-system';
 import { BasicsSection } from './Sections/BasicsSection';
 import { ValidationAndDefaultsSection } from './Sections/ValidationAndDefaultsSection';
+import { StatusToastFromConfig } from '../StatusToastFromConfig';
+import { classes } from './CmsFieldForm.st.css.js';
 const _CmsFieldForm = ({ state }) => {
-    return (React.createElement(Box, { direction: "vertical", gap: "SP2", width: 530, maxHeight: 600 },
-        state.errorToastConfig && (React.createElement(Box, { position: "absolute", top: "24px", left: "49%", transform: "translateX(-50%)" },
-            React.createElement(FloatingNotification, { dataHook: "cms-field-modal-error-state", type: "destructive", prefixIcon: React.createElement(InfoCircle, null), text: state.errorToastConfig.message, textButtonProps: state.errorToastConfig.action && {
-                    label: state.errorToastConfig.action.text,
-                    onClick: () => state.errorToastConfig?.action?.onClick?.(),
-                }, onClose: () => state.setErrorToastConfig(undefined) }))),
-        !state.errorToastConfig && state.showValidationError && (React.createElement(Box, { position: "absolute", top: "24px", left: "49%", transform: "translateX(-50%)" },
-            React.createElement(FloatingNotification, { type: "destructive", prefixIcon: React.createElement(InfoCircle, null), text: state.validationErrorMessage, onClose: state.hideValidationError }))),
+    const validationToastConfig = state.showValidationError
+        ? { message: state.validationErrorMessage, type: 'ERROR' }
+        : undefined;
+    const activeToastConfig = state.errorToastConfig ?? validationToastConfig;
+    const onCloseToast = state.errorToastConfig
+        ? () => state.setErrorToastConfig(undefined)
+        : state.hideValidationError;
+    return (React.createElement(Box, { direction: "vertical", maxHeight: 600 },
+        React.createElement(ToastContainer, null, activeToastConfig && (React.createElement(StatusToastFromConfig, { config: activeToastConfig, onClose: onCloseToast, dataHook: state.errorToastConfig
+                ? 'cms-field-modal-error-state'
+                : 'cms-field-modal-validation-state' }))),
         React.createElement(BasicsSection, { state: state }),
-        React.createElement(Divider, null),
+        React.createElement(Box, { className: classes.fullBleedDivider },
+            React.createElement(Divider, null)),
         React.createElement(ValidationAndDefaultsSection, { state: state })));
 };
 export const CmsFieldForm = observer(_CmsFieldForm);

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

@@ -1 +1 @@
-{"version":3,"file":"CmsFieldForm.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,oBAAoB,EAAE,MAAM,oBAAoB,CAAC;AACxE,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AAMvF,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzC,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAE,GAAG,EAAE,SAAS,EAAE,GAAG;QAC3D,KAAK,CAAC,gBAAgB,IAAI,CACzB,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,QAAQ,EAAC,6BAA6B,EACtC,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,gBAAgB,CAAC,OAAO,EACpC,eAAe,EACb,KAAK,CAAC,gBAAgB,CAAC,MAAM,IAAI;oBAC/B,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,IAAI;oBACzC,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE;iBAC3D,EAEH,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS,CAAC,GACnD,CACE,CACP;QAEA,CAAC,KAAK,CAAC,gBAAgB,IAAI,KAAK,CAAC,mBAAmB,IAAI,CACvD,oBAAC,GAAG,IACF,QAAQ,EAAC,UAAU,EACnB,GAAG,EAAC,MAAM,EACV,IAAI,EAAC,KAAK,EACV,SAAS,EAAC,kBAAkB;YAE5B,oBAAC,oBAAoB,IACnB,IAAI,EAAC,aAAa,EAClB,UAAU,EAAE,oBAAC,UAAU,OAAG,EAC1B,IAAI,EAAE,KAAK,CAAC,sBAAsB,EAClC,OAAO,EAAE,KAAK,CAAC,mBAAmB,GAClC,CACE,CACP;QAED,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI;QAC/B,oBAAC,OAAO,OAAG;QAEX,oBAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}
+{"version":3,"file":"CmsFieldForm.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAElE,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,4BAA4B,EAAE,MAAM,yCAAyC,CAAC;AACvF,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAMnD,MAAM,aAAa,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzC,MAAM,qBAAqB,GAAG,KAAK,CAAC,mBAAmB;QACrD,CAAC,CAAC,EAAE,OAAO,EAAE,KAAK,CAAC,sBAAsB,EAAE,IAAI,EAAE,OAAgB,EAAE;QACnE,CAAC,CAAC,SAAS,CAAC;IACd,MAAM,iBAAiB,GAAG,KAAK,CAAC,gBAAgB,IAAI,qBAAqB,CAAC;IAC1E,MAAM,YAAY,GAAG,KAAK,CAAC,gBAAgB;QACzC,CAAC,CAAC,GAAG,EAAE,CAAC,KAAK,CAAC,mBAAmB,CAAC,SAAS,CAAC;QAC5C,CAAC,CAAC,KAAK,CAAC,mBAAmB,CAAC;IAE9B,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,SAAS,EAAE,GAAG;QACtC,oBAAC,cAAc,QACZ,iBAAiB,IAAI,CACpB,oBAAC,qBAAqB,IACpB,MAAM,EAAE,iBAAiB,EACzB,OAAO,EAAE,YAAY,EACrB,QAAQ,EACN,KAAK,CAAC,gBAAgB;gBACpB,CAAC,CAAC,6BAA6B;gBAC/B,CAAC,CAAC,kCAAkC,GAExC,CACH,CACc;QAEjB,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,GAAI;QAC/B,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,gBAAgB;YACtC,oBAAC,OAAO,OAAG,CACP;QACN,oBAAC,4BAA4B,IAAC,KAAK,EAAE,KAAK,GAAI,CAC1C,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,aAAa,CAAC,CAAC"}

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

@@ -0,0 +1,9 @@
+@property st-global(--wds-space-300);
+@property st-global(--wds-custom-modal-content-padding-horizontal);
+
+.fullBleedDivider {
+  margin-top: var(--wds-space-300, 18px);
+  margin-inline: calc(
+    -1 * var(--wds-custom-modal-content-padding-horizontal, 24px)
+  );
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "CmsFieldForm1657847466";
+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": "CmsFieldForm1657847466__root", "fullBleedDivider": "CmsFieldForm1657847466__fullBleedDivider" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-space-300": "--wds-space-300", "wds-custom-modal-content-padding-horizontal": "--wds-custom-modal-content-padding-horizontal" };
+//# sourceMappingURL=CmsFieldForm.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CmsFieldForm.st.css.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldForm.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,kBAAkB,EAAC,0CAA0C,EAAC,CAAC;AAC3H,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,eAAe,EAAC,iBAAiB,EAAC,6CAA6C,EAAC,+CAA+C,EAAC,CAAC"}

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

@@ -2,8 +2,9 @@ import React from 'react';
 import { observer } from 'mobx-react-lite';
 import { CustomActionModal } from '../ActionModal';
 import { CmsFieldForm } from './CmsFieldForm';
+import { classes } from './CmsFieldModal.st.css.js';
 export const CmsFieldModal = observer(({ state }) => {
     const { formState } = state;
-    return (React.createElement(CustomActionModal, { dataHook: "cms-field-modal", state: state.modal, onAfterClose: () => state.reset(), title: formState?.mode === 'edit' ? 'Edit field' : 'Add a field', content: formState ? React.createElement(CmsFieldForm, { state: formState }) : null, primaryButtonText: "Save", secondaryButtonText: "Cancel" }));
+    return (React.createElement(CustomActionModal, { dataHook: "cms-field-modal", state: state.modal, onAfterClose: () => state.reset(), title: formState?.mode === 'edit' ? 'Edit field' : 'Add a field', content: formState ? React.createElement(CmsFieldForm, { state: formState }) : null, primaryButtonText: "Save", secondaryButtonText: "Cancel", width: 600, showFooterDivider: true, className: classes.modal }));
 });
 //# sourceMappingURL=CmsFieldModal.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CmsFieldModal.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldModal.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;AAG9C,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CACnC,CAAC,EAAE,KAAK,EAAiC,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,OAAO,CACL,oBAAC,iBAAiB,IAChB,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,EACjC,KAAK,EAAE,SAAS,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAChE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,iBAAiB,EAAC,MAAM,EACxB,mBAAmB,EAAC,QAAQ,GAC5B,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}
+{"version":3,"file":"CmsFieldModal.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldModal.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,MAAM,CAAC,MAAM,aAAa,GAAG,QAAQ,CACnC,CAAC,EAAE,KAAK,EAAiC,EAAE,EAAE;IAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,KAAK,CAAC;IAE5B,OAAO,CACL,oBAAC,iBAAiB,IAChB,QAAQ,EAAC,iBAAiB,EAC1B,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,YAAY,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,KAAK,EAAE,EACjC,KAAK,EAAE,SAAS,EAAE,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,EAChE,OAAO,EAAE,SAAS,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,KAAK,EAAE,SAAS,GAAI,CAAC,CAAC,CAAC,IAAI,EAC9D,iBAAiB,EAAC,MAAM,EACxB,mBAAmB,EAAC,QAAQ,EAC5B,KAAK,EAAE,GAAG,EACV,iBAAiB,QACjB,SAAS,EAAE,OAAO,CAAC,KAAK,GACxB,CACH,CAAC;AACJ,CAAC,CACF,CAAC"}

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

@@ -0,0 +1,5 @@
+@property st-global(--wds-custom-modal-content-padding-vertical);
+
+.modal {
+  --wds-custom-modal-content-padding-vertical: 0;
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../stylable-esm-runtime.js";
+var _namespace_ = "CmsFieldModal1555536254";
+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": "CmsFieldModal1555536254__root", "modal": "CmsFieldModal1555536254__modal" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-custom-modal-content-padding-vertical": "--wds-custom-modal-content-padding-vertical" };
+//# sourceMappingURL=CmsFieldModal.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CmsFieldModal.st.css.js","sourceRoot":"","sources":["../../../../src/components/CmsFieldManagement/CmsFieldModal.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,OAAO,EAAC,gCAAgC,EAAC,CAAC;AACvG,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,2CAA2C,EAAC,6CAA6C,EAAC,CAAC"}

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

@@ -1,28 +1,21 @@
-import React, { useState } from 'react';
+import React from 'react';
 import { observer } from 'mobx-react-lite';
-import { Box, Divider, FormField, Input, Text } from '@wix/design-system';
-import { ChevronDown, ChevronRight } from '@wix/wix-ui-icons-common';
+import { Accordion, Box, FormField, Input } from '@wix/design-system';
 import { ValidationSubSection } from './ValidationSubSection';
+import { classes } from './ValidationAndDefaultsSection.st.css.js';
 const _ValidationAndDefaultsSection = ({ state }) => {
-    const [isOpen, setIsOpen] = useState(false);
     const hasValidation = state.supportedValidationRules.length > 0;
-    return (React.createElement(Box, { direction: "vertical" },
-        React.createElement("div", { role: "button", tabIndex: 0, style: {
-                cursor: 'pointer',
-                display: 'flex',
-                alignItems: 'center',
-                gap: 8,
-                padding: '16px 0',
-            }, onClick: () => setIsOpen((v) => !v), onKeyDown: (e) => e.key === 'Enter' && setIsOpen((v) => !v) },
-            isOpen ? React.createElement(ChevronDown, { size: "18px" }) : React.createElement(ChevronRight, { size: "18px" }),
-            React.createElement(Text, null, "Validation and defaults")),
-        isOpen && (React.createElement(Box, { direction: "vertical", gap: "SP6", paddingBottom: "SP4" },
-            hasValidation && (React.createElement(Box, { direction: "vertical", gap: "SP2" },
-                React.createElement(Text, { weight: "bold" }, "Validation"),
-                React.createElement(ValidationSubSection, { state: state }))),
-            React.createElement(Divider, null),
-            React.createElement(FormField, { label: "Help text", infoContent: "Descriptive text shown below the field in forms." },
-                React.createElement(Input, { value: state.properties.helpText, onChange: (e) => state.setHelpText(e.target.value) }))))));
+    return (React.createElement("div", { className: classes.accordionWrapper },
+        React.createElement(Accordion, { skin: "light", hideShadow: true, horizontalPadding: "large", items: [
+                {
+                    title: 'Validation and defaults',
+                    toggleIconPlacement: 'start',
+                    children: (React.createElement(Box, { direction: "vertical", gap: "SP3" },
+                        hasValidation && React.createElement(ValidationSubSection, { state: state }),
+                        React.createElement(FormField, { label: "Help text", infoContent: "Descriptive text shown below the field in forms." },
+                            React.createElement(Input, { value: state.properties.helpText, onChange: (e) => state.setHelpText(e.target.value) })))),
+                },
+            ] })));
 };
 export const ValidationAndDefaultsSection = observer(_ValidationAndDefaultsSection);
 //# sourceMappingURL=ValidationAndDefaultsSection.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ValidationAndDefaultsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACxC,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAC;AAC1E,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAErE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAM9D,MAAM,6BAA6B,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC5C,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU;QACvB,6BACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,CAAC,EACX,KAAK,EAAE;gBACL,MAAM,EAAE,SAAS;gBACjB,OAAO,EAAE,MAAM;gBACf,UAAU,EAAE,QAAQ;gBACpB,GAAG,EAAE,CAAC;gBACN,OAAO,EAAE,QAAQ;aAClB,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,EACnC,SAAS,EAAE,CAAC,CAAsB,EAAE,EAAE,CACpC,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC;YAG1C,MAAM,CAAC,CAAC,CAAC,oBAAC,WAAW,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC,CAAC,CAAC,oBAAC,YAAY,IAAC,IAAI,EAAC,MAAM,GAAG;YACpE,oBAAC,IAAI,kCAA+B,CAChC;QAEL,MAAM,IAAI,CACT,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK,EAAC,aAAa,EAAC,KAAK;YACpD,aAAa,IAAI,CAChB,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;gBACjC,oBAAC,IAAI,IAAC,MAAM,EAAC,MAAM,iBAAkB;gBACrC,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI,CAClC,CACP;YAED,oBAAC,OAAO,OAAG;YAEX,oBAAC,SAAS,IACR,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,kDAAkD;gBAE9D,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,CACQ,CACR,CACP,CACG,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}
+{"version":3,"file":"ValidationAndDefaultsSection.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAEtE,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,0CAA0C,CAAC;AAMnE,MAAM,6BAA6B,GAAG,CAAC,EAAE,KAAK,EAAS,EAAE,EAAE;IACzD,MAAM,aAAa,GAAG,KAAK,CAAC,wBAAwB,CAAC,MAAM,GAAG,CAAC,CAAC;IAEhE,OAAO,CACL,6BAAK,SAAS,EAAE,OAAO,CAAC,gBAAgB;QACtC,oBAAC,SAAS,IACR,IAAI,EAAC,OAAO,EACZ,UAAU,QACV,iBAAiB,EAAC,OAAO,EACzB,KAAK,EAAE;gBACL;oBACE,KAAK,EAAE,yBAAyB;oBAChC,mBAAmB,EAAE,OAAO;oBAC5B,QAAQ,EAAE,CACR,oBAAC,GAAG,IAAC,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,KAAK;wBAChC,aAAa,IAAI,oBAAC,oBAAoB,IAAC,KAAK,EAAE,KAAK,GAAI;wBAExD,oBAAC,SAAS,IACR,KAAK,EAAC,WAAW,EACjB,WAAW,EAAC,kDAAkD;4BAE9D,oBAAC,KAAK,IACJ,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,QAAQ,EAChC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,GAClD,CACQ,CACR,CACP;iBACF;aACF,GACD,CACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,QAAQ,CAClD,6BAA6B,CAC9B,CAAC"}

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

@@ -0,0 +1,7 @@
+@property st-global(--wds-custom-modal-content-padding-horizontal);
+
+.accordionWrapper {
+  margin-inline: calc(
+    -1 * var(--wds-custom-modal-content-padding-horizontal, 24px)
+  );
+}

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

@@ -0,0 +1,15 @@
+// @ts-nocheck
+import { classesRuntime, statesRuntime } from "../../../stylable-esm-runtime.js";
+var _namespace_ = "ValidationAndDefaultsSection1284280707";
+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": "ValidationAndDefaultsSection1284280707__root", "accordionWrapper": "ValidationAndDefaultsSection1284280707__accordionWrapper" };
+export var keyframes = {};
+export var layers = {};
+export var containers = {};
+export var stVars = {};
+export var vars = { "wds-custom-modal-content-padding-horizontal": "--wds-custom-modal-content-padding-horizontal" };
+//# sourceMappingURL=ValidationAndDefaultsSection.st.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationAndDefaultsSection.st.css.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/Sections/ValidationAndDefaultsSection.st.css.ts"],"names":[],"mappings":"AAAA,cAAc;AAGd,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAIjF,IAAI,WAAW,GAAG,wCAAwC,CAAC;AAC3D,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,8CAA8C,EAAC,kBAAkB,EAAC,0DAA0D,EAAC,CAAC;AAC3J,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,6CAA6C,EAAC,+CAA+C,EAAC,CAAC"}

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

@@ -5,7 +5,7 @@ import { RequiredToggle } from '../formFields/RequiredToggle';
 import { CharactersLimitInput } from '../formFields/CharactersLimitInput';
 const _ValidationSubSection = ({ state }) => {
     const { supportedValidationRules, fieldRules } = state;
-    return (React.createElement(Box, { direction: "vertical", gap: "SP4" }, supportedValidationRules.map((rule) => {
+    return (React.createElement(Box, { direction: "vertical", gap: "SP3" }, supportedValidationRules.map((rule) => {
         if (rule === 'required') {
             return (React.createElement(RequiredToggle, { key: "required", label: "Make this a required field", checked: Boolean(fieldRules.validationRules.required), onChange: (v) => state.setValidationRule('required', v) }));
         }

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

@@ -1,8 +1,11 @@
 import React from 'react';
 import { Box, FormField, NumberInput } from '@wix/design-system';
-export const CharactersLimitInput = ({ minLabel, maxLabel, value, onChange, }) => (React.createElement(Box, { gap: "SP3" },
-    React.createElement(FormField, { label: minLabel },
-        React.createElement(NumberInput, { value: value.minLength, onChange: (v) => onChange({ ...value, minLength: v ?? undefined }), min: 0 })),
-    React.createElement(FormField, { label: maxLabel },
-        React.createElement(NumberInput, { value: value.maxLength, onChange: (v) => onChange({ ...value, maxLength: v ?? undefined }), min: 0 }))));
+import { classes } from './CharactersLimitInput.st.css.js';
+export const CharactersLimitInput = ({ minLabel, maxLabel, value, onChange, }) => (React.createElement(Box, { gap: "SP3", width: "100%" },
+    React.createElement(Box, { className: classes.field },
+        React.createElement(FormField, { stretchContent: true, label: minLabel },
+            React.createElement(NumberInput, { value: value.minLength, onChange: (v) => onChange({ ...value, minLength: v ?? undefined }), min: 0 }))),
+    React.createElement(Box, { className: classes.field },
+        React.createElement(FormField, { stretchContent: true, label: maxLabel },
+            React.createElement(NumberInput, { value: value.maxLength, onChange: (v) => onChange({ ...value, maxLength: v ?? undefined }), min: 0 })))));
 //# sourceMappingURL=CharactersLimitInput.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CharactersLimitInput.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAUjE,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,GACkB,EAAE,EAAE,CAAC,CAC/B,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK;IACZ,oBAAC,SAAS,IAAC,KAAK,EAAE,QAAQ;QACxB,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC,EAClE,GAAG,EAAE,CAAC,GACN,CACQ;IACZ,oBAAC,SAAS,IAAC,KAAK,EAAE,QAAQ;QACxB,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC,EAClE,GAAG,EAAE,CAAC,GACN,CACQ,CACR,CACP,CAAC"}
+{"version":3,"file":"CharactersLimitInput.js","sourceRoot":"","sources":["../../../../../src/components/CmsFieldManagement/formFields/CharactersLimitInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAS3D,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,EACnC,QAAQ,EACR,QAAQ,EACR,KAAK,EACL,QAAQ,GACkB,EAAE,EAAE,CAAC,CAC/B,oBAAC,GAAG,IAAC,GAAG,EAAC,KAAK,EAAC,KAAK,EAAC,MAAM;IACzB,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;QAC3B,oBAAC,SAAS,IAAC,cAAc,QAAC,KAAK,EAAE,QAAQ;YACvC,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC,EAClE,GAAG,EAAE,CAAC,GACN,CACQ,CACR;IACN,oBAAC,GAAG,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK;QAC3B,oBAAC,SAAS,IAAC,cAAc,QAAC,KAAK,EAAE,QAAQ;YACvC,oBAAC,WAAW,IACV,KAAK,EAAE,KAAK,CAAC,SAAS,EACtB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,EAAE,SAAS,EAAE,CAAC,IAAI,SAAS,EAAE,CAAC,EAClE,GAAG,EAAE,CAAC,GACN,CACQ,CACR,CACF,CACP,CAAC"}

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

@@ -0,0 +1,4 @@
+.field {
+  flex: 1;
+  min-width: 0;
+}