@cloudscape-design/components 3.0.205 → 3.0.207

package/app-layout/visual-refresh/styles.selectors.js

@@ -2,65 +2,65 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "appbar": "awsui_appbar_hyvsj_1naed_93",
-  "appbar-nav": "awsui_appbar-nav_hyvsj_1naed_117",
-  "breadcrumbs": "awsui_breadcrumbs_hyvsj_1naed_121",
-  "appbar-tools": "awsui_appbar-tools_hyvsj_1naed_125",
-  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_1naed_166",
-  "has-notifications-content": "awsui_has-notifications-content_hyvsj_1naed_173",
-  "has-header": "awsui_has-header_hyvsj_1naed_179",
-  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_1naed_179",
-  "content-type-wizard": "awsui_content-type-wizard_hyvsj_1naed_180",
-  "content-type-cards": "awsui_content-type-cards_hyvsj_1naed_183",
-  "content-type-table": "awsui_content-type-table_hyvsj_1naed_184",
-  "has-sticky-background": "awsui_has-sticky-background_hyvsj_1naed_187",
-  "background": "awsui_background_hyvsj_1naed_221",
-  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_1naed_224",
-  "sticky-notifications": "awsui_sticky-notifications_hyvsj_1naed_236",
-  "overlap": "awsui_overlap_hyvsj_1naed_242",
-  "content": "awsui_content_hyvsj_1naed_180",
-  "layout": "awsui_layout_hyvsj_1naed_333",
-  "has-max-content-width": "awsui_has-max-content-width_hyvsj_1naed_415",
-  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_1naed_442",
-  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_1naed_445",
-  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_1naed_449",
-  "has-split-panel": "awsui_has-split-panel_hyvsj_1naed_463",
-  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_1naed_463",
-  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_1naed_475",
-  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_1naed_478",
-  "block-body-scroll": "awsui_block-body-scroll_hyvsj_1naed_493",
-  "container": "awsui_container_hyvsj_1naed_501",
-  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_1naed_527",
-  "is-navigation-open": "awsui_is-navigation-open_hyvsj_1naed_532",
-  "is-tools-open": "awsui_is-tools-open_hyvsj_1naed_535",
-  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_1naed_535",
-  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_1naed_535",
-  "content-type-default": "awsui_content-type-default_hyvsj_1naed_555",
-  "content-type-form": "awsui_content-type-form_hyvsj_1naed_555",
-  "unfocusable": "awsui_unfocusable_hyvsj_1naed_596",
-  "navigation-container": "awsui_navigation-container_hyvsj_1naed_606",
-  "show-navigation": "awsui_show-navigation_hyvsj_1naed_641",
-  "animating": "awsui_animating_hyvsj_1naed_663",
-  "showButtons": "awsui_showButtons_hyvsj_1naed_1",
-  "navigation": "awsui_navigation_hyvsj_1naed_606",
-  "openNavigation": "awsui_openNavigation_hyvsj_1naed_1",
-  "animated-content": "awsui_animated-content_hyvsj_1naed_724",
-  "hide-navigation": "awsui_hide-navigation_hyvsj_1naed_733",
-  "notifications": "awsui_notifications_hyvsj_1naed_224",
-  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_1naed_799",
-  "position-bottom": "awsui_position-bottom_hyvsj_1naed_845",
-  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_1naed_1",
-  "split-panel-side": "awsui_split-panel-side_hyvsj_1naed_874",
-  "position-side": "awsui_position-side_hyvsj_1naed_902",
-  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_1naed_1",
-  "tools-container": "awsui_tools-container_hyvsj_1naed_939",
-  "tools": "awsui_tools_hyvsj_1naed_939",
-  "openTools": "awsui_openTools_hyvsj_1naed_1",
-  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_1naed_1024",
-  "hide-tools": "awsui_hide-tools_hyvsj_1naed_1034",
-  "show-tools": "awsui_show-tools_hyvsj_1naed_1046",
-  "has-tools-form": "awsui_has-tools-form_hyvsj_1naed_1024",
-  "trigger": "awsui_trigger_hyvsj_1naed_1103",
-  "selected": "awsui_selected_hyvsj_1naed_1142"
+  "appbar": "awsui_appbar_hyvsj_vwhok_93",
+  "appbar-nav": "awsui_appbar-nav_hyvsj_vwhok_117",
+  "breadcrumbs": "awsui_breadcrumbs_hyvsj_vwhok_121",
+  "appbar-tools": "awsui_appbar-tools_hyvsj_vwhok_125",
+  "has-breadcrumbs": "awsui_has-breadcrumbs_hyvsj_vwhok_166",
+  "has-notifications-content": "awsui_has-notifications-content_hyvsj_vwhok_173",
+  "has-header": "awsui_has-header_hyvsj_vwhok_179",
+  "has-dynamic-overlap-height": "awsui_has-dynamic-overlap-height_hyvsj_vwhok_179",
+  "content-type-wizard": "awsui_content-type-wizard_hyvsj_vwhok_180",
+  "content-type-cards": "awsui_content-type-cards_hyvsj_vwhok_183",
+  "content-type-table": "awsui_content-type-table_hyvsj_vwhok_184",
+  "has-sticky-background": "awsui_has-sticky-background_hyvsj_vwhok_187",
+  "background": "awsui_background_hyvsj_vwhok_221",
+  "notifications-appbar-header": "awsui_notifications-appbar-header_hyvsj_vwhok_224",
+  "sticky-notifications": "awsui_sticky-notifications_hyvsj_vwhok_236",
+  "overlap": "awsui_overlap_hyvsj_vwhok_242",
+  "content": "awsui_content_hyvsj_vwhok_180",
+  "layout": "awsui_layout_hyvsj_vwhok_333",
+  "has-max-content-width": "awsui_has-max-content-width_hyvsj_vwhok_415",
+  "is-overlap-disabled": "awsui_is-overlap-disabled_hyvsj_vwhok_442",
+  "disable-body-scroll": "awsui_disable-body-scroll_hyvsj_vwhok_445",
+  "has-sticky-notifications": "awsui_has-sticky-notifications_hyvsj_vwhok_449",
+  "has-split-panel": "awsui_has-split-panel_hyvsj_vwhok_463",
+  "split-panel-position-bottom": "awsui_split-panel-position-bottom_hyvsj_vwhok_463",
+  "has-content-gap-left": "awsui_has-content-gap-left_hyvsj_vwhok_475",
+  "has-content-gap-right": "awsui_has-content-gap-right_hyvsj_vwhok_478",
+  "block-body-scroll": "awsui_block-body-scroll_hyvsj_vwhok_493",
+  "container": "awsui_container_hyvsj_vwhok_501",
+  "disable-content-paddings": "awsui_disable-content-paddings_hyvsj_vwhok_527",
+  "is-navigation-open": "awsui_is-navigation-open_hyvsj_vwhok_532",
+  "is-tools-open": "awsui_is-tools-open_hyvsj_vwhok_535",
+  "is-split-panel-open": "awsui_is-split-panel-open_hyvsj_vwhok_535",
+  "split-panel-position-side": "awsui_split-panel-position-side_hyvsj_vwhok_535",
+  "content-type-default": "awsui_content-type-default_hyvsj_vwhok_555",
+  "content-type-form": "awsui_content-type-form_hyvsj_vwhok_555",
+  "unfocusable": "awsui_unfocusable_hyvsj_vwhok_596",
+  "navigation-container": "awsui_navigation-container_hyvsj_vwhok_606",
+  "show-navigation": "awsui_show-navigation_hyvsj_vwhok_641",
+  "animating": "awsui_animating_hyvsj_vwhok_663",
+  "showButtons": "awsui_showButtons_hyvsj_vwhok_1",
+  "navigation": "awsui_navigation_hyvsj_vwhok_606",
+  "openNavigation": "awsui_openNavigation_hyvsj_vwhok_1",
+  "animated-content": "awsui_animated-content_hyvsj_vwhok_724",
+  "hide-navigation": "awsui_hide-navigation_hyvsj_vwhok_733",
+  "notifications": "awsui_notifications_hyvsj_vwhok_224",
+  "split-panel-bottom": "awsui_split-panel-bottom_hyvsj_vwhok_799",
+  "position-bottom": "awsui_position-bottom_hyvsj_vwhok_845",
+  "openSplitPanelBottom": "awsui_openSplitPanelBottom_hyvsj_vwhok_1",
+  "split-panel-side": "awsui_split-panel-side_hyvsj_vwhok_874",
+  "position-side": "awsui_position-side_hyvsj_vwhok_902",
+  "openSplitPanelSide": "awsui_openSplitPanelSide_hyvsj_vwhok_1",
+  "tools-container": "awsui_tools-container_hyvsj_vwhok_939",
+  "tools": "awsui_tools_hyvsj_vwhok_939",
+  "openTools": "awsui_openTools_hyvsj_vwhok_1",
+  "has-tools-form-persistence": "awsui_has-tools-form-persistence_hyvsj_vwhok_1024",
+  "hide-tools": "awsui_hide-tools_hyvsj_vwhok_1034",
+  "show-tools": "awsui_show-tools_hyvsj_vwhok_1046",
+  "has-tools-form": "awsui_has-tools-form_hyvsj_vwhok_1024",
+  "trigger": "awsui_trigger_hyvsj_vwhok_1103",
+  "selected": "awsui_selected_hyvsj_vwhok_1142"
 };
   

package/collection-preferences/index.d.ts

@@ -1,4 +1,4 @@
 import { CollectionPreferencesProps } from './interfaces';
 export { CollectionPreferencesProps };
-export default function CollectionPreferences({ title, confirmLabel, cancelLabel, disabled, onConfirm, onCancel, visibleContentPreference, pageSizePreference, wrapLinesPreference, stripedRowsPreference, preferences, customPreference, ...rest }: CollectionPreferencesProps): JSX.Element;
+export default function CollectionPreferences({ title, confirmLabel, cancelLabel, disabled, onConfirm, onCancel, visibleContentPreference, pageSizePreference, wrapLinesPreference, stripedRowsPreference, contentDensityPreference, preferences, customPreference, ...rest }: CollectionPreferencesProps): JSX.Element;
 //# sourceMappingURL=index.d.ts.map

package/collection-preferences/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/index.tsx"],"names":[],"mappings":"AAsBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK1D,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAuFtC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,YAAY,EACZ,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,WAAW,EACX,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,0BAA0B,eAwF5B"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAK1D,OAAO,EAAE,0BAA0B,EAAE,CAAC;AAiGtC,MAAM,CAAC,OAAO,UAAU,qBAAqB,CAAC,EAC5C,KAAK,EACL,YAAY,EACZ,WAAW,EACX,QAAgB,EAChB,SAAS,EACT,QAAQ,EACR,wBAAwB,EACxB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACrB,wBAAwB,EACxB,WAAW,EACX,gBAAgB,EAChB,GAAG,IAAI,EACR,EAAE,0BAA0B,eAyF5B"}

package/collection-preferences/index.js

@@ -9,18 +9,19 @@ import InternalBox from '../box/internal';
 import { InternalButton } from '../button/internal';
 import InternalModal from '../modal/internal';
 import InternalSpaceBetween from '../space-between/internal';
-import { copyPreferences, mergePreferences, ModalContentLayout, PageSizePreference, WrapLinesPreference, StripedRowsPreference, CustomPreference, } from './utils';
+import { copyPreferences, mergePreferences, ModalContentLayout, PageSizePreference, WrapLinesPreference, StripedRowsPreference, ContentDensityPreference, CustomPreference, } from './utils';
 import VisibleContentPreference from './visible-content';
 import checkControlled from '../internal/hooks/check-controlled';
 import styles from './styles.css.js';
 import { applyDisplayName } from '../internal/utils/apply-display-name';
 import useBaseComponent from '../internal/hooks/use-base-component';
 var ModalContent = function (_a) {
-    var _b = _a.preferences, preferences = _b === void 0 ? {} : _b, pageSizePreference = _a.pageSizePreference, wrapLinesPreference = _a.wrapLinesPreference, stripedRowsPreference = _a.stripedRowsPreference, customPreference = _a.customPreference, visibleContentPreference = _a.visibleContentPreference, onChange = _a.onChange;
+    var _b = _a.preferences, preferences = _b === void 0 ? {} : _b, pageSizePreference = _a.pageSizePreference, wrapLinesPreference = _a.wrapLinesPreference, stripedRowsPreference = _a.stripedRowsPreference, contentDensityPreference = _a.contentDensityPreference, customPreference = _a.customPreference, visibleContentPreference = _a.visibleContentPreference, onChange = _a.onChange;
     if (!visibleContentPreference &&
         !pageSizePreference &&
         !wrapLinesPreference &&
         !stripedRowsPreference &&
+        !contentDensityPreference &&
         customPreference) {
         return (React.createElement(CustomPreference, { value: preferences.custom, customPreference: customPreference, onChange: function (custom) { return onChange({ custom: custom }); } }));
     }
@@ -28,10 +29,11 @@ var ModalContent = function (_a) {
             pageSizePreference && (React.createElement(PageSizePreference, __assign({ value: preferences.pageSize }, pageSizePreference, { onChange: function (pageSize) { return onChange({ pageSize: pageSize }); } }))),
             wrapLinesPreference && (React.createElement(WrapLinesPreference, __assign({ value: preferences.wrapLines }, wrapLinesPreference, { onChange: function (wrapLines) { return onChange({ wrapLines: wrapLines }); } }))),
             stripedRowsPreference && (React.createElement(StripedRowsPreference, __assign({ value: preferences.stripedRows }, stripedRowsPreference, { onChange: function (stripedRows) { return onChange({ stripedRows: stripedRows }); } }))),
+            contentDensityPreference && (React.createElement(ContentDensityPreference, __assign({ value: preferences.contentDensity }, contentDensityPreference, { onChange: function (contentDensity) { return onChange({ contentDensity: contentDensity }); } }))),
             customPreference && (React.createElement(CustomPreference, { value: preferences.custom, customPreference: customPreference, onChange: function (custom) { return onChange({ custom: custom }); } }))), right: visibleContentPreference && (React.createElement(VisibleContentPreference, __assign({ value: preferences.visibleContent }, visibleContentPreference, { onChange: function (visibleContent) { return onChange({ visibleContent: visibleContent }); } }))) }));
 };
 export default function CollectionPreferences(_a) {
-    var title = _a.title, confirmLabel = _a.confirmLabel, cancelLabel = _a.cancelLabel, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onConfirm = _a.onConfirm, onCancel = _a.onCancel, visibleContentPreference = _a.visibleContentPreference, pageSizePreference = _a.pageSizePreference, wrapLinesPreference = _a.wrapLinesPreference, stripedRowsPreference = _a.stripedRowsPreference, preferences = _a.preferences, customPreference = _a.customPreference, rest = __rest(_a, ["title", "confirmLabel", "cancelLabel", "disabled", "onConfirm", "onCancel", "visibleContentPreference", "pageSizePreference", "wrapLinesPreference", "stripedRowsPreference", "preferences", "customPreference"]);
+    var title = _a.title, confirmLabel = _a.confirmLabel, cancelLabel = _a.cancelLabel, _b = _a.disabled, disabled = _b === void 0 ? false : _b, onConfirm = _a.onConfirm, onCancel = _a.onCancel, visibleContentPreference = _a.visibleContentPreference, pageSizePreference = _a.pageSizePreference, wrapLinesPreference = _a.wrapLinesPreference, stripedRowsPreference = _a.stripedRowsPreference, contentDensityPreference = _a.contentDensityPreference, preferences = _a.preferences, customPreference = _a.customPreference, rest = __rest(_a, ["title", "confirmLabel", "cancelLabel", "disabled", "onConfirm", "onCancel", "visibleContentPreference", "pageSizePreference", "wrapLinesPreference", "stripedRowsPreference", "contentDensityPreference", "preferences", "customPreference"]);
     var __internalRootRef = useBaseComponent('CollectionPreferences').__internalRootRef;
     checkControlled('CollectioPreferences', 'preferences', preferences, 'onConfirm', onConfirm);
     var baseProps = getBaseProps(rest);
@@ -65,7 +67,7 @@ export default function CollectionPreferences(_a) {
                 React.createElement(InternalSpaceBetween, { direction: "horizontal", size: "xs" },
                     React.createElement(InternalButton, { className: styles['cancel-button'], variant: "link", formAction: "none", onClick: onCancelListener }, cancelLabel),
                     React.createElement(InternalButton, { className: styles['confirm-button'], variant: "primary", formAction: "none", onClick: onConfirmListener }, confirmLabel))), closeAriaLabel: cancelLabel, size: "large", onDismiss: onCancelListener },
-            React.createElement(ModalContent, { preferences: temporaryPreferences, visibleContentPreference: visibleContentPreference, pageSizePreference: pageSizePreference, wrapLinesPreference: wrapLinesPreference, stripedRowsPreference: stripedRowsPreference, customPreference: customPreference, onChange: function (changedPreferences) {
+            React.createElement(ModalContent, { preferences: temporaryPreferences, visibleContentPreference: visibleContentPreference, pageSizePreference: pageSizePreference, wrapLinesPreference: wrapLinesPreference, stripedRowsPreference: stripedRowsPreference, contentDensityPreference: contentDensityPreference, customPreference: customPreference, onChange: function (changedPreferences) {
                     return setTemporaryPreferences(mergePreferences(changedPreferences, temporaryPreferences));
                 } })))));
 }

package/collection-preferences/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/collection-preferences/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalModal from '../modal/internal';\nimport InternalSpaceBetween from '../space-between/internal';\nimport {\n  copyPreferences,\n  mergePreferences,\n  ModalContentLayout,\n  PageSizePreference,\n  WrapLinesPreference,\n  StripedRowsPreference,\n  CustomPreference,\n} from './utils';\nimport VisibleContentPreference from './visible-content';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { CollectionPreferencesProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { CollectionPreferencesProps };\n\ninterface ModalContentProps\n  extends Pick<\n    CollectionPreferencesProps,\n    | 'preferences'\n    | 'visibleContentPreference'\n    | 'pageSizePreference'\n    | 'wrapLinesPreference'\n    | 'stripedRowsPreference'\n    | 'customPreference'\n  > {\n  onChange: (preferences: CollectionPreferencesProps.Preferences) => void;\n}\n\nconst ModalContent = ({\n  preferences = {},\n  pageSizePreference,\n  wrapLinesPreference,\n  stripedRowsPreference,\n  customPreference,\n  visibleContentPreference,\n  onChange,\n}: ModalContentProps) => {\n  if (\n    !visibleContentPreference &&\n    !pageSizePreference &&\n    !wrapLinesPreference &&\n    !stripedRowsPreference &&\n    customPreference\n  ) {\n    return (\n      <CustomPreference\n        value={preferences.custom}\n        customPreference={customPreference}\n        onChange={custom => onChange({ custom })}\n      />\n    );\n  }\n\n  return (\n    <ModalContentLayout\n      left={\n        <InternalSpaceBetween size=\"l\">\n          {pageSizePreference && (\n            <PageSizePreference\n              value={preferences.pageSize}\n              {...pageSizePreference}\n              onChange={pageSize => onChange({ pageSize })}\n            />\n          )}\n          {wrapLinesPreference && (\n            <WrapLinesPreference\n              value={preferences.wrapLines}\n              {...wrapLinesPreference}\n              onChange={wrapLines => onChange({ wrapLines })}\n            />\n          )}\n          {stripedRowsPreference && (\n            <StripedRowsPreference\n              value={preferences.stripedRows}\n              {...stripedRowsPreference}\n              onChange={stripedRows => onChange({ stripedRows })}\n            />\n          )}\n          {customPreference && (\n            <CustomPreference\n              value={preferences.custom}\n              customPreference={customPreference}\n              onChange={custom => onChange({ custom })}\n            />\n          )}\n        </InternalSpaceBetween>\n      }\n      right={\n        visibleContentPreference && (\n          <VisibleContentPreference\n            value={preferences.visibleContent}\n            {...visibleContentPreference}\n            onChange={visibleContent => onChange({ visibleContent })}\n          />\n        )\n      }\n    />\n  );\n};\n\nexport default function CollectionPreferences({\n  title,\n  confirmLabel,\n  cancelLabel,\n  disabled = false,\n  onConfirm,\n  onCancel,\n  visibleContentPreference,\n  pageSizePreference,\n  wrapLinesPreference,\n  stripedRowsPreference,\n  preferences,\n  customPreference,\n  ...rest\n}: CollectionPreferencesProps) {\n  const { __internalRootRef } = useBaseComponent('CollectionPreferences');\n  checkControlled('CollectioPreferences', 'preferences', preferences, 'onConfirm', onConfirm);\n  const baseProps = getBaseProps(rest);\n  const [modalVisible, setModalVisible] = useState(false);\n  const [temporaryPreferences, setTemporaryPreferences] = useState(copyPreferences(preferences || {}));\n  const triggerRef = useRef<ButtonProps.Ref>(null);\n  const dialogPreviouslyOpen = useRef(false);\n  useEffect(() => {\n    if (!modalVisible) {\n      dialogPreviouslyOpen.current && triggerRef.current && triggerRef.current.focus();\n    } else {\n      dialogPreviouslyOpen.current = true;\n    }\n  }, [modalVisible]);\n\n  const onConfirmListener = () => {\n    setModalVisible(false);\n    fireNonCancelableEvent(onConfirm, temporaryPreferences);\n  };\n\n  const onCancelListener = () => {\n    fireNonCancelableEvent(onCancel, {});\n    setModalVisible(false);\n    setTemporaryPreferences(copyPreferences(preferences || {}));\n  };\n\n  return (\n    <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n      <InternalButton\n        ref={triggerRef}\n        className={styles['trigger-button']}\n        disabled={disabled}\n        ariaLabel={title}\n        onClick={() => {\n          setTemporaryPreferences(copyPreferences(preferences || {}));\n          setModalVisible(true);\n        }}\n        variant=\"icon\"\n        iconName=\"settings\"\n        formAction=\"none\"\n      />\n      {!disabled && modalVisible && (\n        <InternalModal\n          className={styles['modal-root']}\n          visible={true}\n          header={title}\n          footer={\n            <InternalBox float=\"right\">\n              <InternalSpaceBetween direction=\"horizontal\" size=\"xs\">\n                <InternalButton\n                  className={styles['cancel-button']}\n                  variant=\"link\"\n                  formAction=\"none\"\n                  onClick={onCancelListener}\n                >\n                  {cancelLabel}\n                </InternalButton>\n                <InternalButton\n                  className={styles['confirm-button']}\n                  variant=\"primary\"\n                  formAction=\"none\"\n                  onClick={onConfirmListener}\n                >\n                  {confirmLabel}\n                </InternalButton>\n              </InternalSpaceBetween>\n            </InternalBox>\n          }\n          closeAriaLabel={cancelLabel}\n          size=\"large\"\n          onDismiss={onCancelListener}\n        >\n          <ModalContent\n            preferences={temporaryPreferences}\n            visibleContentPreference={visibleContentPreference}\n            pageSizePreference={pageSizePreference}\n            wrapLinesPreference={wrapLinesPreference}\n            stripedRowsPreference={stripedRowsPreference}\n            customPreference={customPreference}\n            onChange={changedPreferences =>\n              setTemporaryPreferences(mergePreferences(changedPreferences, temporaryPreferences))\n            }\n          />\n        </InternalModal>\n      )}\n    </div>\n  );\n}\n\napplyDisplayName(CollectionPreferences, 'CollectionPreferences');\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/collection-preferences/index.tsx"],"names":[],"mappings":"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","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport React, { useEffect, useRef, useState } from 'react';\nimport clsx from 'clsx';\nimport { fireNonCancelableEvent } from '../internal/events';\nimport { getBaseProps } from '../internal/base-component';\nimport InternalBox from '../box/internal';\nimport { ButtonProps } from '../button/interfaces';\nimport { InternalButton } from '../button/internal';\nimport InternalModal from '../modal/internal';\nimport InternalSpaceBetween from '../space-between/internal';\nimport {\n  copyPreferences,\n  mergePreferences,\n  ModalContentLayout,\n  PageSizePreference,\n  WrapLinesPreference,\n  StripedRowsPreference,\n  ContentDensityPreference,\n  CustomPreference,\n} from './utils';\nimport VisibleContentPreference from './visible-content';\nimport checkControlled from '../internal/hooks/check-controlled';\nimport { CollectionPreferencesProps } from './interfaces';\nimport styles from './styles.css.js';\nimport { applyDisplayName } from '../internal/utils/apply-display-name';\nimport useBaseComponent from '../internal/hooks/use-base-component';\n\nexport { CollectionPreferencesProps };\n\ninterface ModalContentProps\n  extends Pick<\n    CollectionPreferencesProps,\n    | 'preferences'\n    | 'visibleContentPreference'\n    | 'pageSizePreference'\n    | 'wrapLinesPreference'\n    | 'stripedRowsPreference'\n    | 'contentDensityPreference'\n    | 'customPreference'\n  > {\n  onChange: (preferences: CollectionPreferencesProps.Preferences) => void;\n}\n\nconst ModalContent = ({\n  preferences = {},\n  pageSizePreference,\n  wrapLinesPreference,\n  stripedRowsPreference,\n  contentDensityPreference,\n  customPreference,\n  visibleContentPreference,\n  onChange,\n}: ModalContentProps) => {\n  if (\n    !visibleContentPreference &&\n    !pageSizePreference &&\n    !wrapLinesPreference &&\n    !stripedRowsPreference &&\n    !contentDensityPreference &&\n    customPreference\n  ) {\n    return (\n      <CustomPreference\n        value={preferences.custom}\n        customPreference={customPreference}\n        onChange={custom => onChange({ custom })}\n      />\n    );\n  }\n\n  return (\n    <ModalContentLayout\n      left={\n        <InternalSpaceBetween size=\"l\">\n          {pageSizePreference && (\n            <PageSizePreference\n              value={preferences.pageSize}\n              {...pageSizePreference}\n              onChange={pageSize => onChange({ pageSize })}\n            />\n          )}\n          {wrapLinesPreference && (\n            <WrapLinesPreference\n              value={preferences.wrapLines}\n              {...wrapLinesPreference}\n              onChange={wrapLines => onChange({ wrapLines })}\n            />\n          )}\n          {stripedRowsPreference && (\n            <StripedRowsPreference\n              value={preferences.stripedRows}\n              {...stripedRowsPreference}\n              onChange={stripedRows => onChange({ stripedRows })}\n            />\n          )}\n          {contentDensityPreference && (\n            <ContentDensityPreference\n              value={preferences.contentDensity}\n              {...contentDensityPreference}\n              onChange={contentDensity => onChange({ contentDensity })}\n            />\n          )}\n          {customPreference && (\n            <CustomPreference\n              value={preferences.custom}\n              customPreference={customPreference}\n              onChange={custom => onChange({ custom })}\n            />\n          )}\n        </InternalSpaceBetween>\n      }\n      right={\n        visibleContentPreference && (\n          <VisibleContentPreference\n            value={preferences.visibleContent}\n            {...visibleContentPreference}\n            onChange={visibleContent => onChange({ visibleContent })}\n          />\n        )\n      }\n    />\n  );\n};\n\nexport default function CollectionPreferences({\n  title,\n  confirmLabel,\n  cancelLabel,\n  disabled = false,\n  onConfirm,\n  onCancel,\n  visibleContentPreference,\n  pageSizePreference,\n  wrapLinesPreference,\n  stripedRowsPreference,\n  contentDensityPreference,\n  preferences,\n  customPreference,\n  ...rest\n}: CollectionPreferencesProps) {\n  const { __internalRootRef } = useBaseComponent('CollectionPreferences');\n  checkControlled('CollectioPreferences', 'preferences', preferences, 'onConfirm', onConfirm);\n  const baseProps = getBaseProps(rest);\n  const [modalVisible, setModalVisible] = useState(false);\n  const [temporaryPreferences, setTemporaryPreferences] = useState(copyPreferences(preferences || {}));\n  const triggerRef = useRef<ButtonProps.Ref>(null);\n  const dialogPreviouslyOpen = useRef(false);\n  useEffect(() => {\n    if (!modalVisible) {\n      dialogPreviouslyOpen.current && triggerRef.current && triggerRef.current.focus();\n    } else {\n      dialogPreviouslyOpen.current = true;\n    }\n  }, [modalVisible]);\n\n  const onConfirmListener = () => {\n    setModalVisible(false);\n    fireNonCancelableEvent(onConfirm, temporaryPreferences);\n  };\n\n  const onCancelListener = () => {\n    fireNonCancelableEvent(onCancel, {});\n    setModalVisible(false);\n    setTemporaryPreferences(copyPreferences(preferences || {}));\n  };\n\n  return (\n    <div {...baseProps} className={clsx(baseProps.className, styles.root)} ref={__internalRootRef}>\n      <InternalButton\n        ref={triggerRef}\n        className={styles['trigger-button']}\n        disabled={disabled}\n        ariaLabel={title}\n        onClick={() => {\n          setTemporaryPreferences(copyPreferences(preferences || {}));\n          setModalVisible(true);\n        }}\n        variant=\"icon\"\n        iconName=\"settings\"\n        formAction=\"none\"\n      />\n      {!disabled && modalVisible && (\n        <InternalModal\n          className={styles['modal-root']}\n          visible={true}\n          header={title}\n          footer={\n            <InternalBox float=\"right\">\n              <InternalSpaceBetween direction=\"horizontal\" size=\"xs\">\n                <InternalButton\n                  className={styles['cancel-button']}\n                  variant=\"link\"\n                  formAction=\"none\"\n                  onClick={onCancelListener}\n                >\n                  {cancelLabel}\n                </InternalButton>\n                <InternalButton\n                  className={styles['confirm-button']}\n                  variant=\"primary\"\n                  formAction=\"none\"\n                  onClick={onConfirmListener}\n                >\n                  {confirmLabel}\n                </InternalButton>\n              </InternalSpaceBetween>\n            </InternalBox>\n          }\n          closeAriaLabel={cancelLabel}\n          size=\"large\"\n          onDismiss={onCancelListener}\n        >\n          <ModalContent\n            preferences={temporaryPreferences}\n            visibleContentPreference={visibleContentPreference}\n            pageSizePreference={pageSizePreference}\n            wrapLinesPreference={wrapLinesPreference}\n            stripedRowsPreference={stripedRowsPreference}\n            contentDensityPreference={contentDensityPreference}\n            customPreference={customPreference}\n            onChange={changedPreferences =>\n              setTemporaryPreferences(mergePreferences(changedPreferences, temporaryPreferences))\n            }\n          />\n        </InternalModal>\n      )}\n    </div>\n  );\n}\n\napplyDisplayName(CollectionPreferences, 'CollectionPreferences');\n"]}

package/collection-preferences/interfaces.d.ts

@@ -55,6 +55,18 @@ export interface CollectionPreferencesProps<CustomPreferenceType = any> extends
      * You must set the current value in the `preferences.stripedRows` property.
      */
     stripedRowsPreference?: CollectionPreferencesProps.StripedRowsPreference;
+    /**
+     * Configures the content density preference (Comfortable / Compact).
+     *
+     * If you set it, the component displays this preference in the modal.
+     *
+     * It contains the following:
+     * - `label` (string) - Specifies the label for the option checkbox.
+     * - `description` (string) - Specifies the text displayed below the checkbox label.
+     *
+     * You must set the current value in the `preferences.contentDensity` property.
+     */
+    contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;
     /**
      * Configures the built-in "visible content selection" preference (for example, visible columns in a table).
      *
@@ -128,6 +140,7 @@ export declare namespace CollectionPreferencesProps {
         pageSize?: number;
         wrapLines?: boolean;
         stripedRows?: boolean;
+        contentDensity?: 'comfortable' | 'compact';
         visibleContent?: ReadonlyArray<string>;
         custom?: CustomPreferenceType;
     }
@@ -160,5 +173,9 @@ export declare namespace CollectionPreferencesProps {
         label: string;
         description: string;
     }
+    interface ContentDensityPreference {
+        label: string;
+        description: string;
+    }
 }
 //# sourceMappingURL=interfaces.d.ts.map

package/collection-preferences/interfaces.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,yBAAyB,EAAE,MAAM,oBAAoB,CAAC;AAE/D,MAAM,WAAW,0BAA0B,CAAC,oBAAoB,GAAG,GAAG,CAAE,SAAQ,kBAAkB;IAChG;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,kBAAkB,CAAC,EAAE,0BAA0B,CAAC,kBAAkB,CAAC;IACnE;;;;;;;;;;OAUG;IACH,mBAAmB,CAAC,EAAE,0BAA0B,CAAC,mBAAmB,CAAC;IACrE;;;;;;;;;;OAUG;IACH,qBAAqB,CAAC,EAAE,0BAA0B,CAAC,qBAAqB,CAAC;IACzE;;;;;;;;;;;;;;;;;OAiBG;IACH,wBAAwB,CAAC,EAAE,0BAA0B,CAAC,wBAAwB,CAAC;IAC/E;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,0BAA0B,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC;IAC3E;;;;;;;;;;;;;;;;;;;;OAoBG;IACH,gBAAgB,CAAC,EAAE,CACjB,WAAW,EAAE,oBAAoB,EACjC,cAAc,EAAE,KAAK,CAAC,QAAQ,CAAC,oBAAoB,CAAC,KACjD,KAAK,CAAC,SAAS,CAAC;IACrB;;OAEG;IACH,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC;;;;;;;;;;OAUG;IACH,SAAS,CAAC,EAAE,yBAAyB,CAAC,0BAA0B,CAAC,WAAW,CAAC,oBAAoB,CAAC,CAAC,CAAC;CACrG;AAED,yBAAiB,0BAA0B,CAAC;IAC1C,UAAiB,WAAW,CAAC,oBAAoB,GAAG,GAAG;QACrD,QAAQ,CAAC,EAAE,MAAM,CAAC;QAClB,SAAS,CAAC,EAAE,OAAO,CAAC;QACpB,WAAW,CAAC,EAAE,OAAO,CAAC;QACtB,cAAc,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;QACvC,MAAM,CAAC,EAAE,oBAAoB,CAAC;KAC/B;IAED,UAAiB,wBAAwB;QACvC,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,aAAa,CAAC,0BAA0B,CAAC,0BAA0B,CAAC,CAAC;KAC/E;IAED,UAAiB,0BAA0B;QACzC,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,aAAa,CAAC,0BAA0B,CAAC,oBAAoB,CAAC,CAAC;KACzE;IAED,UAAiB,oBAAoB;QACnC,EAAE,EAAE,MAAM,CAAC;QACX,KAAK,EAAE,MAAM,CAAC;QACd,QAAQ,CAAC,EAAE,OAAO,CAAC;KACpB;IAED,UAAiB,kBAAkB;QACjC,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;KACxC;IAED,UAAiB,cAAc;QAC7B,KAAK,EAAE,MAAM,CAAC;QACd,KAAK,EAAE,MAAM,CAAC;KACf;IAED,UAAiB,mBAAmB;QAClC,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;KACrB;IAED,UAAiB,qBAAqB;QACpC,KAAK,EAAE,MAAM,CAAC;QACd,WAAW,EAAE,MAAM,CAAC;KACrB;CACF"}
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/interfaces.ts"],"names":[],"mappings":"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"}

package/collection-preferences/interfaces.js.map

@@ -1 +1 @@
-{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/collection-preferences/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CollectionPreferencesProps<CustomPreferenceType = any> extends BaseComponentProps {\n  /**\n   * Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.\n   */\n  title: string;\n  /**\n   * Label of the confirm button in the modal footer.\n   */\n  confirmLabel: string;\n  /**\n   * Label of the cancel button in the modal footer.\n   */\n  cancelLabel: string;\n  /**\n   * Determines whether the preferences trigger button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Configures the built-in \"page size selection\" preference.\n   *\n   * If you set it, the component displays this preference in the modal.\n   *\n   * It contains the following:\n   * - `title` (string) - Specifies the text displayed at the top of the preference.\n   * - `options` - Specifies an array of options for page size selection. Each entry contains:\n   *   - `value` (number) - The value for the radio button (that is, the number of items per page).\n   *   - `label` (string) - A label for the radio button (for example, \"10 resources\").\n   *\n   * You must set the current value in the `preferences.pageSize` property.\n   */\n  pageSizePreference?: CollectionPreferencesProps.PageSizePreference;\n  /**\n   * Configures the built-in \"wrap lines\" preference.\n   *\n   * If you set it, the component displays this preference in the modal.\n   *\n   * It contains the following:\n   * - `label` (string) - Specifies the label for the option checkbox.\n   * - `description` (string) - Specifies the text displayed below the checkbox label.\n   *\n   * You must set the current value in the `preferences.wrapLines` property.\n   */\n  wrapLinesPreference?: CollectionPreferencesProps.WrapLinesPreference;\n  /**\n   * Configures the built-in \"striped rows\" preference.\n   *\n   * If you set it, the component displays this preference in the modal.\n   *\n   * It contains the following:\n   * - `label` (string) - Specifies the label for the option checkbox.\n   * - `description` (string) - Specifies the text displayed below the checkbox label.\n   *\n   * You must set the current value in the `preferences.stripedRows` property.\n   */\n  stripedRowsPreference?: CollectionPreferencesProps.StripedRowsPreference;\n  /**\n   * Configures the built-in \"visible content selection\" preference (for example, visible columns in a table).\n   *\n   * If you set it, the component displays this preference in the modal.\n   *\n   * It contains the following:\n   * - `title` (string) - Specifies the text displayed at the top of the preference.\n   * - `options` - Specifies an array of groups of options for visible content selection.\n   *\n   * Each group of options contains the following:\n   * - `label` (string) - The text to display as a title for the options group.\n   * - `options` - Specifies an aray of options in the group. Each option contains the following:\n   *   - `id` (string) - Corresponds to a column `id` for tables or to a section `id` for cards.\n   *   - `label` (string) - Specifies a short description of the content.\n   *   - `editable` (boolean) - (Optional) Determines whether the user is able to toggle its visibility. This is `true` by default.\n   *\n   * You must set the current list of visible content `id`s in the `preferences.visibleContent` property.\n   */\n  visibleContentPreference?: CollectionPreferencesProps.VisibleContentPreference;\n  /**\n   * Specifies the current preference values. This includes both built-in and custom preferences.\n   *\n   * It contains the following:\n   * - `pageSize` (number) - (Optional)\n   * - `wrapLines` (boolean) - (Optional)\n   * - `visibleContent` (ReadonlyArray<string>) - Specifies the list of visible content `id`s. The order of the `id`s does not influence the display.\n   * - `custom` (CustomPreferenceType) - Specifies the value for your custom preference.\n   */\n  preferences?: CollectionPreferencesProps.Preferences<CustomPreferenceType>;\n  /**\n   * Configures custom preferences. The function receives two parameters:\n   *\n   * - `customValue` (CustomPreferenceType) - Current value for your custom preference. It is initialized using the value you provide in `preferences.custom`.\n   * - `setCustomValue` - A function that is called to notify a state update.\n   *\n   * It should return the content of your custom preference, for example:\n   * ```\n   * (customValue, setCustomValue) => (\n   *   <Checkbox checked={customValue} onChange={({ detail }) => setCustomValue(detail.checked)} />\n   * )\n   * ```\n   *\n   * When the user confirms the changes, the new value is passed in the `detail.custom` property of the `onConfirm` listener.\n   * When the user cancels the changes, the `customValue` is reset to the one present in `preferences.custom` property.\n   *\n   * **Display**\n   * - If any of the built-in preferences (`pageSizePreference`, `wrapLinesPreference`, or `visibleContentPreference`) are displayed,\n   * the custom content is displayed at the bottom of the left column within the modal.\n   * - If no built-in preference is displayed, the custom content occupies the whole modal.\n   */\n  customPreference?: (\n    customValue: CustomPreferenceType,\n    setCustomValue: React.Dispatch<CustomPreferenceType>\n  ) => React.ReactNode;\n  /**\n   * Called when the user cancels a preference change using the cancel button in the modal footer or by dismissing the modal.\n   */\n  onCancel?: NonCancelableEventHandler;\n  /**\n   * Called when the user confirms a preference change using the confirm button in the modal footer.\n   *\n   * The event `detail` contains the following:\n   * - `pageSize` (number) - (Optional) The selected page size value. Available only if you specify the `pageSizePreference` property.\n   * - `wrapLines` (boolean) - (Optional) The current line wrapping preference value. Available only if you specify the `wrapLinesPreference` property.\n   * - `visibleContent` (ReadonlyArray<string>) - (Optional) The list of selected content `id`s. Available only if you specify the `visibleContentPreference` property.\n   * - `custom` (CustomPreferenceType) - (Optional) The selected value for your custom preference.\n   *\n   * The values for all configured preferences are present even if the user didn't change their values.\n   */\n  onConfirm?: NonCancelableEventHandler<CollectionPreferencesProps.Preferences<CustomPreferenceType>>;\n}\n\nexport namespace CollectionPreferencesProps {\n  export interface Preferences<CustomPreferenceType = any> {\n    pageSize?: number;\n    wrapLines?: boolean;\n    stripedRows?: boolean;\n    visibleContent?: ReadonlyArray<string>;\n    custom?: CustomPreferenceType;\n  }\n\n  export interface VisibleContentPreference {\n    title: string;\n    options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOptionsGroup>;\n  }\n\n  export interface VisibleContentOptionsGroup {\n    label: string;\n    options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOption>;\n  }\n\n  export interface VisibleContentOption {\n    id: string;\n    label: string;\n    editable?: boolean;\n  }\n\n  export interface PageSizePreference {\n    title: string;\n    options: ReadonlyArray<PageSizeOption>;\n  }\n\n  export interface PageSizeOption {\n    value: number;\n    label: string;\n  }\n\n  export interface WrapLinesPreference {\n    label: string;\n    description: string;\n  }\n\n  export interface StripedRowsPreference {\n    label: string;\n    description: string;\n  }\n}\n"]}
+{"version":3,"file":"interfaces.js","sourceRoot":"","sources":["../../../src/collection-preferences/interfaces.ts"],"names":[],"mappings":"","sourcesContent":["// Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.\n// SPDX-License-Identifier: Apache-2.0\nimport { BaseComponentProps } from '../internal/base-component';\nimport { NonCancelableEventHandler } from '../internal/events';\n\nexport interface CollectionPreferencesProps<CustomPreferenceType = any> extends BaseComponentProps {\n  /**\n   * Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.\n   */\n  title: string;\n  /**\n   * Label of the confirm button in the modal footer.\n   */\n  confirmLabel: string;\n  /**\n   * Label of the cancel button in the modal footer.\n   */\n  cancelLabel: string;\n  /**\n   * Determines whether the preferences trigger button is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * Configures the built-in \"page size selection\" preference.\n   *\n   * If you set it, the component displays this preference in the modal.\n   *\n   * It contains the following:\n   * - `title` (string) - Specifies the text displayed at the top of the preference.\n   * - `options` - Specifies an array of options for page size selection. Each entry contains:\n   *   - `value` (number) - The value for the radio button (that is, the number of items per page).\n   *   - `label` (string) - A label for the radio button (for example, \"10 resources\").\n   *\n   * You must set the current value in the `preferences.pageSize` property.\n   */\n  pageSizePreference?: CollectionPreferencesProps.PageSizePreference;\n  /**\n   * Configures the built-in \"wrap lines\" preference.\n   *\n   * If you set it, the component displays this preference in the modal.\n   *\n   * It contains the following:\n   * - `label` (string) - Specifies the label for the option checkbox.\n   * - `description` (string) - Specifies the text displayed below the checkbox label.\n   *\n   * You must set the current value in the `preferences.wrapLines` property.\n   */\n  wrapLinesPreference?: CollectionPreferencesProps.WrapLinesPreference;\n  /**\n   * Configures the built-in \"striped rows\" preference.\n   *\n   * If you set it, the component displays this preference in the modal.\n   *\n   * It contains the following:\n   * - `label` (string) - Specifies the label for the option checkbox.\n   * - `description` (string) - Specifies the text displayed below the checkbox label.\n   *\n   * You must set the current value in the `preferences.stripedRows` property.\n   */\n  stripedRowsPreference?: CollectionPreferencesProps.StripedRowsPreference;\n  /**\n   * Configures the content density preference (Comfortable / Compact).\n   *\n   * If you set it, the component displays this preference in the modal.\n   *\n   * It contains the following:\n   * - `label` (string) - Specifies the label for the option checkbox.\n   * - `description` (string) - Specifies the text displayed below the checkbox label.\n   *\n   * You must set the current value in the `preferences.contentDensity` property.\n   */\n  contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;\n  /**\n   * Configures the built-in \"visible content selection\" preference (for example, visible columns in a table).\n   *\n   * If you set it, the component displays this preference in the modal.\n   *\n   * It contains the following:\n   * - `title` (string) - Specifies the text displayed at the top of the preference.\n   * - `options` - Specifies an array of groups of options for visible content selection.\n   *\n   * Each group of options contains the following:\n   * - `label` (string) - The text to display as a title for the options group.\n   * - `options` - Specifies an aray of options in the group. Each option contains the following:\n   *   - `id` (string) - Corresponds to a column `id` for tables or to a section `id` for cards.\n   *   - `label` (string) - Specifies a short description of the content.\n   *   - `editable` (boolean) - (Optional) Determines whether the user is able to toggle its visibility. This is `true` by default.\n   *\n   * You must set the current list of visible content `id`s in the `preferences.visibleContent` property.\n   */\n  visibleContentPreference?: CollectionPreferencesProps.VisibleContentPreference;\n  /**\n   * Specifies the current preference values. This includes both built-in and custom preferences.\n   *\n   * It contains the following:\n   * - `pageSize` (number) - (Optional)\n   * - `wrapLines` (boolean) - (Optional)\n   * - `visibleContent` (ReadonlyArray<string>) - Specifies the list of visible content `id`s. The order of the `id`s does not influence the display.\n   * - `custom` (CustomPreferenceType) - Specifies the value for your custom preference.\n   */\n  preferences?: CollectionPreferencesProps.Preferences<CustomPreferenceType>;\n  /**\n   * Configures custom preferences. The function receives two parameters:\n   *\n   * - `customValue` (CustomPreferenceType) - Current value for your custom preference. It is initialized using the value you provide in `preferences.custom`.\n   * - `setCustomValue` - A function that is called to notify a state update.\n   *\n   * It should return the content of your custom preference, for example:\n   * ```\n   * (customValue, setCustomValue) => (\n   *   <Checkbox checked={customValue} onChange={({ detail }) => setCustomValue(detail.checked)} />\n   * )\n   * ```\n   *\n   * When the user confirms the changes, the new value is passed in the `detail.custom` property of the `onConfirm` listener.\n   * When the user cancels the changes, the `customValue` is reset to the one present in `preferences.custom` property.\n   *\n   * **Display**\n   * - If any of the built-in preferences (`pageSizePreference`, `wrapLinesPreference`, or `visibleContentPreference`) are displayed,\n   * the custom content is displayed at the bottom of the left column within the modal.\n   * - If no built-in preference is displayed, the custom content occupies the whole modal.\n   */\n  customPreference?: (\n    customValue: CustomPreferenceType,\n    setCustomValue: React.Dispatch<CustomPreferenceType>\n  ) => React.ReactNode;\n  /**\n   * Called when the user cancels a preference change using the cancel button in the modal footer or by dismissing the modal.\n   */\n  onCancel?: NonCancelableEventHandler;\n  /**\n   * Called when the user confirms a preference change using the confirm button in the modal footer.\n   *\n   * The event `detail` contains the following:\n   * - `pageSize` (number) - (Optional) The selected page size value. Available only if you specify the `pageSizePreference` property.\n   * - `wrapLines` (boolean) - (Optional) The current line wrapping preference value. Available only if you specify the `wrapLinesPreference` property.\n   * - `visibleContent` (ReadonlyArray<string>) - (Optional) The list of selected content `id`s. Available only if you specify the `visibleContentPreference` property.\n   * - `custom` (CustomPreferenceType) - (Optional) The selected value for your custom preference.\n   *\n   * The values for all configured preferences are present even if the user didn't change their values.\n   */\n  onConfirm?: NonCancelableEventHandler<CollectionPreferencesProps.Preferences<CustomPreferenceType>>;\n}\n\nexport namespace CollectionPreferencesProps {\n  export interface Preferences<CustomPreferenceType = any> {\n    pageSize?: number;\n    wrapLines?: boolean;\n    stripedRows?: boolean;\n    contentDensity?: 'comfortable' | 'compact';\n    visibleContent?: ReadonlyArray<string>;\n    custom?: CustomPreferenceType;\n  }\n\n  export interface VisibleContentPreference {\n    title: string;\n    options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOptionsGroup>;\n  }\n\n  export interface VisibleContentOptionsGroup {\n    label: string;\n    options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOption>;\n  }\n\n  export interface VisibleContentOption {\n    id: string;\n    label: string;\n    editable?: boolean;\n  }\n\n  export interface PageSizePreference {\n    title: string;\n    options: ReadonlyArray<PageSizeOption>;\n  }\n\n  export interface PageSizeOption {\n    value: number;\n    label: string;\n  }\n\n  export interface WrapLinesPreference {\n    label: string;\n    description: string;\n  }\n\n  export interface StripedRowsPreference {\n    label: string;\n    description: string;\n  }\n\n  export interface ContentDensityPreference {\n    label: string;\n    description: string;\n  }\n}\n"]}

package/collection-preferences/styles.css.js

@@ -1,25 +1,26 @@
 
     import './styles.scoped.css';
     export default {
-  "visible-content": "awsui_visible-content_tc96w_1hbyv_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1hbyv_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_1hbyv_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_1hbyv_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_1hbyv_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1hbyv_201",
-  "visible-content-option": "awsui_visible-content-option_tc96w_1hbyv_207",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1hbyv_218",
-  "root": "awsui_root_tc96w_1hbyv_225",
-  "modal-root": "awsui_modal-root_tc96w_1hbyv_226",
-  "trigger-button": "awsui_trigger-button_tc96w_1hbyv_227",
-  "cancel-button": "awsui_cancel-button_tc96w_1hbyv_228",
-  "confirm-button": "awsui_confirm-button_tc96w_1hbyv_229",
-  "custom": "awsui_custom_tc96w_1hbyv_230",
-  "second-column-small": "awsui_second-column-small_tc96w_1hbyv_234",
-  "wrap-lines": "awsui_wrap-lines_tc96w_1hbyv_238",
-  "striped-rows": "awsui_striped-rows_tc96w_1hbyv_239",
-  "page-size": "awsui_page-size_tc96w_1hbyv_240",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_1hbyv_241",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1hbyv_242"
+  "visible-content": "awsui_visible-content_tc96w_10hwa_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_10hwa_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_10hwa_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_10hwa_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_10hwa_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_10hwa_201",
+  "visible-content-option": "awsui_visible-content-option_tc96w_10hwa_207",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_10hwa_218",
+  "root": "awsui_root_tc96w_10hwa_225",
+  "modal-root": "awsui_modal-root_tc96w_10hwa_226",
+  "trigger-button": "awsui_trigger-button_tc96w_10hwa_227",
+  "cancel-button": "awsui_cancel-button_tc96w_10hwa_228",
+  "confirm-button": "awsui_confirm-button_tc96w_10hwa_229",
+  "custom": "awsui_custom_tc96w_10hwa_230",
+  "second-column-small": "awsui_second-column-small_tc96w_10hwa_234",
+  "wrap-lines": "awsui_wrap-lines_tc96w_10hwa_238",
+  "striped-rows": "awsui_striped-rows_tc96w_10hwa_239",
+  "content-density": "awsui_content-density_tc96w_10hwa_240",
+  "page-size": "awsui_page-size_tc96w_10hwa_241",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_10hwa_242",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_10hwa_243"
 };
   

package/collection-preferences/styles.scoped.css

@@ -182,14 +182,14 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
  Copyright Amazon.com, Inc. or its affiliates. All Rights Reserved.
  SPDX-License-Identifier: Apache-2.0
 */
-.awsui_visible-content_tc96w_1hbyv_185:not(#\9),
-.awsui_visible-content-toggle_tc96w_1hbyv_186:not(#\9),
-.awsui_visible-content-groups_tc96w_1hbyv_187:not(#\9),
-.awsui_visible-content-group_tc96w_1hbyv_187:not(#\9) {
+.awsui_visible-content_tc96w_10hwa_185:not(#\9),
+.awsui_visible-content-toggle_tc96w_10hwa_186:not(#\9),
+.awsui_visible-content-groups_tc96w_10hwa_187:not(#\9),
+.awsui_visible-content-group_tc96w_10hwa_187:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_visible-content-title_tc96w_1hbyv_192:not(#\9) {
+.awsui_visible-content-title_tc96w_10hwa_192:not(#\9) {
   font-size: var(--font-body-m-size-sregvd, 14px);
   line-height: var(--font-body-m-line-height-i7xxvv, 22px);
   font-weight: var(--font-display-label-weight-m18hjh, 700);
@@ -198,47 +198,48 @@ surrounding text. (WCAG F73) https://www.w3.org/WAI/WCAG21/Techniques/failures/F
   margin-bottom: var(--space-scaled-l-t03y3z, 20px);
 }
 
-.awsui_visible-content-group-label_tc96w_1hbyv_201:not(#\9) {
+.awsui_visible-content-group-label_tc96w_10hwa_201:not(#\9) {
   color: var(--color-text-group-label-w9to2i, #414d5c);
   padding-bottom: var(--space-xs-rsr2qu, 8px);
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
 
-.awsui_visible-content-option_tc96w_1hbyv_207:not(#\9) {
+.awsui_visible-content-option_tc96w_10hwa_207:not(#\9) {
   display: flex;
   flex-wrap: nowrap;
   justify-content: space-between;
   padding: var(--space-xs-rsr2qu, 8px) 0px var(--space-xs-rsr2qu, 8px) var(--space-scaled-l-t03y3z, 20px);
   border-bottom: var(--border-divider-list-width-hacikr, 1px) solid var(--color-border-divider-default-7s2wjw, #e9ebed);
 }
-.awsui_visible-content-option_tc96w_1hbyv_207:not(#\9):last-child {
+.awsui_visible-content-option_tc96w_10hwa_207:not(#\9):last-child {
   border-bottom: none;
 }
 
-.awsui_visible-content-option-label_tc96w_1hbyv_218:not(#\9) {
+.awsui_visible-content-option-label_tc96w_10hwa_218:not(#\9) {
   overflow: hidden;
   text-overflow: ellipsis;
   padding-right: var(--space-l-4vl6xu, 20px);
   flex-grow: 1;
 }
 
-.awsui_root_tc96w_1hbyv_225:not(#\9),
-.awsui_modal-root_tc96w_1hbyv_226:not(#\9),
-.awsui_trigger-button_tc96w_1hbyv_227:not(#\9),
-.awsui_cancel-button_tc96w_1hbyv_228:not(#\9),
-.awsui_confirm-button_tc96w_1hbyv_229:not(#\9),
-.awsui_custom_tc96w_1hbyv_230:not(#\9) {
+.awsui_root_tc96w_10hwa_225:not(#\9),
+.awsui_modal-root_tc96w_10hwa_226:not(#\9),
+.awsui_trigger-button_tc96w_10hwa_227:not(#\9),
+.awsui_cancel-button_tc96w_10hwa_228:not(#\9),
+.awsui_confirm-button_tc96w_10hwa_229:not(#\9),
+.awsui_custom_tc96w_10hwa_230:not(#\9) {
   /* used in test-utils */
 }
 
-.awsui_second-column-small_tc96w_1hbyv_234:not(#\9) {
+.awsui_second-column-small_tc96w_10hwa_234:not(#\9) {
   padding-top: calc(2 * var(--space-scaled-l-t03y3z, 20px));
 }
 
-.awsui_wrap-lines_tc96w_1hbyv_238:not(#\9),
-.awsui_striped-rows_tc96w_1hbyv_239:not(#\9),
-.awsui_page-size_tc96w_1hbyv_240:not(#\9),
-.awsui_page-size-form-field_tc96w_1hbyv_241:not(#\9),
-.awsui_page-size-radio-group_tc96w_1hbyv_242:not(#\9) {
+.awsui_wrap-lines_tc96w_10hwa_238:not(#\9),
+.awsui_striped-rows_tc96w_10hwa_239:not(#\9),
+.awsui_content-density_tc96w_10hwa_240:not(#\9),
+.awsui_page-size_tc96w_10hwa_241:not(#\9),
+.awsui_page-size-form-field_tc96w_10hwa_242:not(#\9),
+.awsui_page-size-radio-group_tc96w_10hwa_243:not(#\9) {
   /* used in test-utils */
 }

package/collection-preferences/styles.selectors.js

@@ -2,25 +2,26 @@
     // es-module interop with Babel and Typescript
     Object.defineProperty(exports, "__esModule", { value: true });
     module.exports.default = {
-  "visible-content": "awsui_visible-content_tc96w_1hbyv_185",
-  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_1hbyv_186",
-  "visible-content-groups": "awsui_visible-content-groups_tc96w_1hbyv_187",
-  "visible-content-group": "awsui_visible-content-group_tc96w_1hbyv_187",
-  "visible-content-title": "awsui_visible-content-title_tc96w_1hbyv_192",
-  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_1hbyv_201",
-  "visible-content-option": "awsui_visible-content-option_tc96w_1hbyv_207",
-  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_1hbyv_218",
-  "root": "awsui_root_tc96w_1hbyv_225",
-  "modal-root": "awsui_modal-root_tc96w_1hbyv_226",
-  "trigger-button": "awsui_trigger-button_tc96w_1hbyv_227",
-  "cancel-button": "awsui_cancel-button_tc96w_1hbyv_228",
-  "confirm-button": "awsui_confirm-button_tc96w_1hbyv_229",
-  "custom": "awsui_custom_tc96w_1hbyv_230",
-  "second-column-small": "awsui_second-column-small_tc96w_1hbyv_234",
-  "wrap-lines": "awsui_wrap-lines_tc96w_1hbyv_238",
-  "striped-rows": "awsui_striped-rows_tc96w_1hbyv_239",
-  "page-size": "awsui_page-size_tc96w_1hbyv_240",
-  "page-size-form-field": "awsui_page-size-form-field_tc96w_1hbyv_241",
-  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_1hbyv_242"
+  "visible-content": "awsui_visible-content_tc96w_10hwa_185",
+  "visible-content-toggle": "awsui_visible-content-toggle_tc96w_10hwa_186",
+  "visible-content-groups": "awsui_visible-content-groups_tc96w_10hwa_187",
+  "visible-content-group": "awsui_visible-content-group_tc96w_10hwa_187",
+  "visible-content-title": "awsui_visible-content-title_tc96w_10hwa_192",
+  "visible-content-group-label": "awsui_visible-content-group-label_tc96w_10hwa_201",
+  "visible-content-option": "awsui_visible-content-option_tc96w_10hwa_207",
+  "visible-content-option-label": "awsui_visible-content-option-label_tc96w_10hwa_218",
+  "root": "awsui_root_tc96w_10hwa_225",
+  "modal-root": "awsui_modal-root_tc96w_10hwa_226",
+  "trigger-button": "awsui_trigger-button_tc96w_10hwa_227",
+  "cancel-button": "awsui_cancel-button_tc96w_10hwa_228",
+  "confirm-button": "awsui_confirm-button_tc96w_10hwa_229",
+  "custom": "awsui_custom_tc96w_10hwa_230",
+  "second-column-small": "awsui_second-column-small_tc96w_10hwa_234",
+  "wrap-lines": "awsui_wrap-lines_tc96w_10hwa_238",
+  "striped-rows": "awsui_striped-rows_tc96w_10hwa_239",
+  "content-density": "awsui_content-density_tc96w_10hwa_240",
+  "page-size": "awsui_page-size_tc96w_10hwa_241",
+  "page-size-form-field": "awsui_page-size-form-field_tc96w_10hwa_242",
+  "page-size-radio-group": "awsui_page-size-radio-group_tc96w_10hwa_243"
 };
   

package/collection-preferences/utils.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { CollectionPreferencesProps } from './interfaces';
-export declare const copyPreferences: ({ pageSize, wrapLines, stripedRows, visibleContent, custom, }: CollectionPreferencesProps.Preferences) => CollectionPreferencesProps.Preferences;
+export declare const copyPreferences: ({ pageSize, wrapLines, stripedRows, contentDensity, visibleContent, custom, }: CollectionPreferencesProps.Preferences) => CollectionPreferencesProps.Preferences;
 export declare const mergePreferences: (newPref: CollectionPreferencesProps.Preferences, oldPref: CollectionPreferencesProps.Preferences) => CollectionPreferencesProps.Preferences;
 interface ModalContentLayoutProps {
     left: React.ReactNode;
@@ -22,6 +22,11 @@ interface StripedRowsPreferenceProps extends CollectionPreferencesProps.StripedR
     value?: boolean;
 }
 export declare const StripedRowsPreference: ({ label, description, value, onChange }: StripedRowsPreferenceProps) => JSX.Element;
+interface ContentDensityPreferenceProps extends CollectionPreferencesProps.ContentDensityPreference {
+    onChange: (value: 'comfortable' | 'compact') => void;
+    value?: 'comfortable' | 'compact';
+}
+export declare const ContentDensityPreference: ({ label, description, value, onChange }: ContentDensityPreferenceProps) => JSX.Element;
 interface CustomPreferenceProps<T = any> extends Pick<CollectionPreferencesProps<T>, 'customPreference'> {
     onChange: (value: T) => void;
     value: T;

package/collection-preferences/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAG1D,eAAO,MAAM,eAAe,kEAMzB,2BAA2B,WAAW,KAAG,2BAA2B,WAMrE,CAAC;AAEH,eAAO,MAAM,gBAAgB,YAClB,2BAA2B,WAAW,WACtC,2BAA2B,WAAW,KAC9C,2BAA2B,WAM5B,CAAC;AAEH,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,oBAAqB,uBAAuB,gBAsB1E,CAAC;AAEF,UAAU,uBAAwB,SAAQ,0BAA0B,CAAC,kBAAkB;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,wCAAyC,uBAAuB,gBAW9F,CAAC;AAEF,UAAU,wBAAyB,SAAQ,0BAA0B,CAAC,mBAAmB;IACvF,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,4CAA6C,wBAAwB,gBASpG,CAAC;AAEF,UAAU,0BAA2B,SAAQ,0BAA0B,CAAC,qBAAqB;IAC3F,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,4CAA6C,0BAA0B,gBASxG,CAAC;AAEF,UAAU,qBAAqB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC;IACtG,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;CACV;AACD,eAAO,MAAM,gBAAgB,0CAA2C,qBAAqB,uBAc5F,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/collection-preferences/utils.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAMxC,OAAO,EAAE,0BAA0B,EAAE,MAAM,cAAc,CAAC;AAG1D,eAAO,MAAM,eAAe,kFAOzB,2BAA2B,WAAW,KAAG,2BAA2B,WAOrE,CAAC;AAEH,eAAO,MAAM,gBAAgB,YAClB,2BAA2B,WAAW,WACtC,2BAA2B,WAAW,KAC9C,2BAA2B,WAO5B,CAAC;AAEH,UAAU,uBAAuB;IAC/B,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IACtB,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB;AAED,eAAO,MAAM,kBAAkB,oBAAqB,uBAAuB,gBAsB1E,CAAC;AAEF,UAAU,uBAAwB,SAAQ,0BAA0B,CAAC,kBAAkB;IACrF,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,kBAAkB,wCAAyC,uBAAuB,gBAW9F,CAAC;AAEF,UAAU,wBAAyB,SAAQ,0BAA0B,CAAC,mBAAmB;IACvF,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,mBAAmB,4CAA6C,wBAAwB,gBASpG,CAAC;AAEF,UAAU,0BAA2B,SAAQ,0BAA0B,CAAC,qBAAqB;IAC3F,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,eAAO,MAAM,qBAAqB,4CAA6C,0BAA0B,gBASxG,CAAC;AAEF,UAAU,6BAA8B,SAAQ,0BAA0B,CAAC,wBAAwB;IACjG,QAAQ,EAAE,CAAC,KAAK,EAAE,aAAa,GAAG,SAAS,KAAK,IAAI,CAAC;IACrD,KAAK,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;CACnC;AAED,eAAO,MAAM,wBAAwB,4CAA6C,6BAA6B,gBAS9G,CAAC;AAEF,UAAU,qBAAqB,CAAC,CAAC,GAAG,GAAG,CAAE,SAAQ,IAAI,CAAC,0BAA0B,CAAC,CAAC,CAAC,EAAE,kBAAkB,CAAC;IACtG,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,KAAK,EAAE,CAAC,CAAC;CACV;AACD,eAAO,MAAM,gBAAgB,0CAA2C,qBAAqB,uBAc5F,CAAC"}

package/collection-preferences/utils.js

@@ -8,11 +8,12 @@ import InternalRadioGroup from '../radio-group/internal';
 import { useContainerBreakpoints } from '../internal/hooks/container-queries';
 import styles from './styles.css.js';
 export var copyPreferences = function (_a) {
-    var pageSize = _a.pageSize, wrapLines = _a.wrapLines, stripedRows = _a.stripedRows, visibleContent = _a.visibleContent, custom = _a.custom;
+    var pageSize = _a.pageSize, wrapLines = _a.wrapLines, stripedRows = _a.stripedRows, contentDensity = _a.contentDensity, visibleContent = _a.visibleContent, custom = _a.custom;
     return ({
         pageSize: pageSize,
         wrapLines: wrapLines,
         stripedRows: stripedRows,
+        contentDensity: contentDensity,
         visibleContent: visibleContent,
         custom: custom
     });
@@ -21,6 +22,7 @@ export var mergePreferences = function (newPref, oldPref) { return ({
     pageSize: newPref.pageSize !== undefined ? newPref.pageSize : oldPref.pageSize,
     wrapLines: newPref.wrapLines !== undefined ? newPref.wrapLines : oldPref.wrapLines,
     stripedRows: newPref.stripedRows !== undefined ? newPref.stripedRows : oldPref.stripedRows,
+    contentDensity: newPref.contentDensity !== undefined ? newPref.contentDensity : oldPref.contentDensity,
     visibleContent: newPref.visibleContent !== undefined ? newPref.visibleContent : oldPref.visibleContent,
     custom: newPref.custom !== undefined ? newPref.custom : oldPref.custom
 }); };
@@ -65,6 +67,13 @@ export var StripedRowsPreference = function (_a) {
             return onChange(detail.checked);
         }, className: styles['striped-rows'] }, label));
 };
+export var ContentDensityPreference = function (_a) {
+    var label = _a.label, description = _a.description, value = _a.value, onChange = _a.onChange;
+    return (React.createElement(InternalCheckbox, { checked: value === 'compact', description: description, onChange: function (_a) {
+            var detail = _a.detail;
+            return onChange(detail.checked ? 'compact' : 'comfortable');
+        }, className: styles['content-density'] }, label));
+};
 export var CustomPreference = function (_a) {
     var value = _a.value, customPreference = _a.customPreference, onChange = _a.onChange;
     var _b = useState(value), customState = _b[0], setCustomState = _b[1];