@cumulus-ui/components 0.1.0

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

@@ -0,0 +1,287 @@
+import { BaseModalProps } from '../modal/interfaces.js';
+export interface CollectionPreferencesProps<CustomPreferenceType = any> extends BaseModalProps {
+    /**
+     * Specifies the title of the preferences modal dialog. It is also used as an `aria-label` for the trigger button.
+     * @i18n
+     */
+    title?: string;
+    /**
+     * Label of the confirm button in the modal footer.
+     * @i18n
+     */
+    confirmLabel?: string;
+    /**
+     * Label of the cancel button in the modal footer.
+     * @i18n
+     */
+    cancelLabel?: string;
+    /**
+     * Adds an aria-label to the close button, for accessibility.
+     * @i18n
+     */
+    closeAriaLabel?: string;
+    /**
+     * Determines whether the preferences trigger button is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Configures the built-in "page size selection" preference.
+     *
+     * If you set it, the component displays this preference in the modal.
+     *
+     * It contains the following:
+     * - `title` (string) - Specifies the text displayed at the top of the preference.
+     * - `options` - Specifies an array of options for page size selection. Each entry contains:
+     *   - `value` (number) - The value for the radio button (that is, the number of items per page).
+     *   - `label` (string) - A label for the radio button (for example, "10 resources").
+     *
+     * You must set the current value in the `preferences.pageSize` property.
+     * @i18n
+     */
+    pageSizePreference?: CollectionPreferencesProps.PageSizePreference;
+    /**
+     * Configures the built-in "wrap lines" preference.
+     *
+     * 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.wrapLines` property.
+     * @i18n
+     */
+    wrapLinesPreference?: CollectionPreferencesProps.WrapLinesPreference;
+    /**
+     * Configures the built-in "striped rows" preference.
+     *
+     * 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.stripedRows` property.
+     * @i18n
+     */
+    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.
+     * @i18n
+     */
+    contentDensityPreference?: CollectionPreferencesProps.ContentDensityPreference;
+    /**
+     * Configures the sticky columns preference that can be set for both left and right columns.
+     *
+     * If you set it, the component displays this preference in the modal.
+     *
+     * It contains the following:
+     * - `label` (string) - Specifies the label for each radio group.
+     * - `description` (string) - Specifies the text displayed below each radio group label.
+     *
+     * You must set the current value in the `preferences.stickyColumns` property.
+     */
+    stickyColumnsPreference?: CollectionPreferencesProps.StickyColumnsPreference;
+    /**
+     * Configures the built-in content display preference for order and visibility of the table columns.
+     *
+     * Recommended for table and not applicable for cards.
+     *
+     * Cannot be used together with `visibleContentPreference`.
+     *
+     * If you set it, the component displays this preference in the modal.
+     *
+     * It contains the following:
+     * - `title` (string) - Specifies the text displayed at the top of the preference.
+     * - `description` (string) - Specifies the description displayed below the title.
+     * - `options` - Specifies an array of options for reordering and visible content selection.
+     * - `enableColumnFiltering` (boolean) - Adds a columns filter.
+     * - `liveAnnouncementDndStarted` ((position: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an option is picked.
+     * - `liveAnnouncementDndDiscarded` (string) - (Optional) Adds a message to be announced by screen readers when a reordering action is canceled.
+     * - `liveAnnouncementDndItemReordered` ((initialPosition: number, currentPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when an item is being moved.
+     * - `liveAnnouncementDndItemCommitted` ((initialPosition: number, finalPosition: number, total: number) => string) - (Optional) Adds a message to be announced by screen readers when a reordering action is committed.
+     * - `dragHandleAriaDescription` (string) - (Optional) Adds an ARIA description for the drag handle.
+     * - `dragHandleAriaLabel` (string) - (Optional) Adds an ARIA label for the drag handle.
+     *
+     * Each option contains the following:
+     * - `id` (string) - Corresponds to a table column `id`.
+     * - `label` (string) - Specifies a short description of the content.
+     * - `alwaysVisible` (boolean) - (Optional) Determines whether the visibility is always on and therefore cannot be toggled. This is set to `false` by default.
+     *
+     * You must provide an ordered list of the items to display in the `preferences.contentDisplay` property.
+     * @i18n
+     */
+    contentDisplayPreference?: CollectionPreferencesProps.ContentDisplayPreference;
+    /**
+     * Configures the built-in visible sections preference for cards or visible columns for table.
+     *
+     * Recommended for cards. For table use `contentDisplayPreference` instead.
+     *
+     * Cannot be used together with `contentDisplayPreference`.
+     *
+     * If you set it, the component displays this preference in the modal.
+     *
+     * It contains the following:
+     * - `title` (string) - Specifies the text displayed at the top of the preference.
+     * - `options` - Specifies an array of groups of options for visible content selection.
+     *
+     * Each group of options contains the following:
+     * - `label` (string) - The text to display as a title for the options group.
+     * - `options` - Specifies an array of options in the group. Each option contains the following:
+     *   - `id` (string) - Corresponds to a column `id` for tables or to a section `id` for cards.
+     *   - `label` (string) - Specifies a short description of the content.
+     *   - `editable` (boolean) - (Optional) Determines whether the user is able to toggle its visibility. This is `true` by default.
+     *
+     * You must set the current list of visible content `id`s in the `preferences.visibleContent` property.
+     *
+     * **Deprecated** in table, replaced by `contentDisplayPreference`.
+     */
+    visibleContentPreference?: CollectionPreferencesProps.VisibleContentPreference;
+    /**
+     * Specifies the current preference values. This includes both built-in and custom preferences.
+     *
+     * It contains the following:
+     * - `pageSize` (number) - (Optional)
+     * - `wrapLines` (boolean) - (Optional)
+     * - `contentDisplay` (ReadonlyArray<ContentDisplayItem>) - (Optional) Specifies the list of content and their visibility. The order of the elements influences the display.
+     * - `visibleContent` (ReadonlyArray<string>) - Specifies the list of visible content `id`s. The order of the `id`s does not influence the display. If the `contentDisplay` property is set, this property is ignored.
+     * - `custom` (CustomPreferenceType) - Specifies the value for your custom preference.
+     */
+    preferences?: CollectionPreferencesProps.Preferences<CustomPreferenceType>;
+    /**
+     * Configures custom preferences. The function receives two parameters:
+     *
+     * - `customValue` (CustomPreferenceType) - Current value for your custom preference. It is initialized using the value you provide in `preferences.custom`.
+     * - `setCustomValue` - A function that is called to notify a state update.
+     *
+     * It should return the content of your custom preference, for example:
+     * ```
+     * (customValue, setCustomValue) => (
+     *   <Checkbox checked={customValue} onChange={({ detail }) => setCustomValue(detail.checked)} />
+     * )
+     * ```
+     *
+     * When the user confirms the changes, the new value is passed in the `detail.custom` property of the `onConfirm` listener.
+     * When the user cancels the changes, the `customValue` is reset to the one present in `preferences.custom` property.
+     *
+     * **Display**
+     * - If any of the built-in preferences (`pageSizePreference`, `wrapLinesPreference`, or `visibleContentPreference`) are displayed,
+     * the custom content is displayed at the bottom of the left column within the modal.
+     * - If no built-in preference is displayed, the custom content occupies the whole modal.
+     */
+    customPreference?: (customValue: CustomPreferenceType, setCustomValue: (value: CustomPreferenceType) => void) => unknown;
+}
+export declare namespace CollectionPreferencesProps {
+    export interface Preferences<CustomPreferenceType = any> {
+        pageSize?: number;
+        wrapLines?: boolean;
+        stripedRows?: boolean;
+        contentDensity?: 'comfortable' | 'compact';
+        visibleContent?: ReadonlyArray<string>;
+        stickyColumns?: StickyColumns;
+        contentDisplay?: ReadonlyArray<ContentDisplayItem>;
+        custom?: CustomPreferenceType;
+    }
+    export interface ContentDisplayPreference extends SortableAreaProps.DndAreaI18nStrings {
+        title?: string;
+        description?: string;
+        options: ReadonlyArray<CollectionPreferencesProps.ContentDisplayOption>;
+        enableColumnFiltering?: boolean;
+        i18nStrings?: ContentDisplayPreferenceI18nStrings;
+    }
+    export interface ContentDisplayOption {
+        id: string;
+        label: string;
+        alwaysVisible?: boolean;
+    }
+    export interface ContentDisplayItem {
+        id: string;
+        visible: boolean;
+    }
+    export interface VisibleContentPreference {
+        title: string;
+        options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOptionsGroup>;
+    }
+    export interface VisibleContentOptionsGroup {
+        label: string;
+        options: ReadonlyArray<CollectionPreferencesProps.VisibleContentOption>;
+    }
+    export interface VisibleContentOption {
+        id: string;
+        label: string;
+        editable?: boolean;
+    }
+    export interface PageSizePreference {
+        title?: string;
+        options: ReadonlyArray<PageSizeOption>;
+    }
+    export interface PageSizeOption {
+        value: number;
+        label?: string;
+    }
+    export interface WrapLinesPreference {
+        label?: string;
+        description?: string;
+    }
+    export interface StripedRowsPreference {
+        label?: string;
+        description?: string;
+    }
+    export interface ContentDensityPreference {
+        label?: string;
+        description?: string;
+    }
+    interface StickyColumns {
+        first?: number;
+        last?: number;
+    }
+    interface StickyColumnPreference {
+        title: string;
+        description: string;
+        options: ReadonlyArray<{
+            label: string;
+            value: number;
+        }>;
+    }
+    export interface StickyColumnsPreference {
+        firstColumns?: StickyColumnPreference;
+        lastColumns?: StickyColumnPreference;
+    }
+    export interface ContentDisplayPreferenceI18nStrings {
+        /**
+         * Specifies a `placeholder` for the filtering input.
+         * @i18n
+         */
+        columnFilteringPlaceholder?: string;
+        /**
+         * Specifies an `aria-label` for the filtering input.
+         * @i18n
+         */
+        columnFilteringAriaLabel?: string;
+        /**
+         * Specifies the `count text` for the filtering input to reflect matches found.
+         * @i18n
+         */
+        columnFilteringCountText?: (count: number) => string;
+        /**
+         * Specifies the `no match` text for when there are no matching options in the filtering.
+         * @i18n
+         */
+        columnFilteringNoMatchText?: string;
+        /**
+         * Specifies both an `aria-label` for the clear filtering input action and the `clear filter button` text for the no match button.
+         * @i18n
+         */
+        columnFilteringClearFilterText?: string;
+    }
+    export {};
+}
+//# sourceMappingURL=interfaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/collection-preferences/interfaces.ts"],"names":[],"mappings":"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"}

package/dist/column-layout/interfaces.d.ts

@@ -0,0 +1,41 @@
+import { ColumnLayoutBreakpoint } from './internal.js';
+export interface ColumnLayoutProps {
+    /**
+     * Specifies the number of columns in each grid row.
+     * When `minColumnWidth` is not set, only up to 4 columns are supported.
+     */
+    columns?: number;
+    /**
+     * Specifies the content type. This determines the spacing of the grid.
+     */
+    variant?: ColumnLayoutProps.Variant;
+    /**
+     * Controls whether dividers are placed between rows and columns.
+     *
+     * Note: This is not supported when used with `minColumnWidth`.
+     */
+    borders?: ColumnLayoutProps.Borders;
+    /**
+     * Determines whether the default gutters between columns are removed.
+     */
+    disableGutters?: boolean;
+    /**
+     * Use together with `columns` to specify the desired minimum width for each column in pixels.
+     *
+     * The number of columns is determined by the value of this property, the available space,
+     * and the maximum number of columns as defined by the `columns` property.
+     */
+    minColumnWidth?: number;
+}
+export declare namespace ColumnLayoutProps {
+    type Variant = 'default' | 'text-grid';
+    type Borders = 'none' | 'vertical' | 'horizontal' | 'all';
+}
+export interface InternalColumnLayoutProps extends ColumnLayoutProps {
+    __breakpoint?: ColumnLayoutBreakpoint;
+    /**
+     * Overrides the default wrapper HTML tag.
+     */
+    __tagOverride?: 'dl';
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/column-layout/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/column-layout/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AACvD,MAAM,WAAW,iBAAiB;IAChC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC;IACpC;;;;OAIG;IACH,OAAO,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC;IACpC;;OAEG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAEzB;AACD,MAAM,CAAC,OAAO,WAAW,iBAAiB,CAAC;IACzC,KAAK,OAAO,GAAG,SAAS,GAAG,WAAW,CAAC;IACvC,KAAK,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,YAAY,GAAG,KAAK,CAAC;CAC3D;AACD,MAAM,WAAW,yBAA0B,SAAQ,iBAAiB;IAClE,YAAY,CAAC,EAAE,sBAAsB,CAAC;IACtC;;OAEG;IACH,aAAa,CAAC,EAAE,IAAI,CAAC;CACtB"}

package/dist/container/interfaces.d.ts

@@ -0,0 +1,124 @@
+export interface ContainerProps {
+    /**
+     * Specifies additional analytics-related metadata.
+     * * `instanceIdentifier` - A unique string that identifies this component instance in your application.
+     * @analytics
+     */
+    analyticsMetadata?: ContainerProps.AnalyticsMetadata;
+    /** @slot header — Heading element of the container */
+    /**
+     * Determines whether the container header has padding. If `true`, removes the default padding from the header.
+     */
+    disableHeaderPaddings?: boolean;
+    /**
+     *
+     * Use this slot to render a media element. Supported element types are 'img', 'video', and 'picture'.
+     * You can define different positions and sizes for the media element within the container.
+     *
+     * * `content` - Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.
+     *
+     * * `position` - Defines the media slot's position within the container. Defaults to `top`.
+     *
+     * * `width` - Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.
+     * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.
+     * Note: This value is considered only when `position` is set to `side`.
+     * If no width is provided, the media slot will take a maximum of 66% of the container's width.
+     *
+     * * `height` - Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.
+     * When this value is set, media elements larger than the defined width may be cropped, with 'object-fit: cover' centering it.   * Note: This value is only considered if `position` is set to `top`.
+     * If no height is provided, the media slot will be displayed at its full height.
+     *
+     */
+    media?: ContainerProps.Media;
+    /** @slot default — Main content of the container */
+    /**
+     * Determines whether the container content has padding. If `true`, removes the default padding from the content area.
+     */
+    disableContentPaddings?: boolean;
+    /**
+     * Enabling this property will make the container to fit into available height. If content is too short, the container
+     * will stretch, if too long, the container will shrink and show vertical scrollbar.
+     *
+     * Use this property to align heights of multiple containers displayed in a single row. It is recommended to stretch
+     * all containers to the height of the longest one, to avoid extra vertical scroll areas.
+     */
+    fitHeight?: boolean;
+    /** @slot footer — Footer of the container */
+    /**
+     * Determines whether the container footer has padding. If `true`, removes the default padding from the footer.
+     */
+    disableFooterPaddings?: boolean;
+    /**
+     * Specify a container variant with one of the following:
+     * * `default` - Use this variant in standalone context.
+     * * `stacked` - Use this variant adjacent to other stacked containers (such as a container,
+     *               table).
+     * @visualrefresh `stacked` variant
+     */
+    variant?: 'default' | 'stacked';
+    /**
+     * An object containing CSS properties to customize the container's visual appearance.
+     * Refer to the [style](/components/container/?tabId=style) tab for more details.
+     */
+    style?: ContainerProps.Style;
+}
+export declare namespace ContainerProps {
+    interface AnalyticsMetadata {
+        instanceIdentifier?: string;
+    }
+    interface Media {
+        /**
+         * Use this slot to render your media element. We support `img`, `video`, `picture`, and `iframe` elements.
+         */
+        content: unknown;
+        /**
+         * Defines the media slot's position within the container. Defaults to `top`.
+         */
+        position?: 'top' | 'side';
+        /**
+         * Defines the width of the media slot when positioned on the side. Corresponds to the `width` CSS-property.
+         * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.
+         *
+         * Note: This value is considered only when `position` is set to `side`.
+         * If no width is provided, the media slot will take a maximum of 66% of the container's width.
+         */
+        width?: string | number;
+        /**
+         * Defines the height of the media slot when position on the top. Corresponds to the `height` CSS-property.
+         * When this value is set, the media element may be cropped, with `object-fit: cover` centering it.
+         *
+         * Note: This value is only considered if `position` is set to `top`.
+         * If no height is provided, the media slot will be displayed at its full height.
+         */
+        height?: string | number;
+    }
+    interface Style {
+        root?: {
+            background?: string;
+            borderColor?: string;
+            borderRadius?: string;
+            borderWidth?: string;
+            boxShadow?: string;
+            color?: string;
+        };
+        content?: {
+            paddingBlock?: string;
+            paddingInline?: string;
+        };
+        header?: {
+            paddingBlock?: string;
+            paddingInline?: string;
+        };
+        footer?: {
+            root: {
+                paddingBlock?: string;
+                paddingInline?: string;
+            };
+            divider: {
+                borderColor?: string;
+                borderWidth?: string;
+            };
+        };
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/container/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/container/interfaces.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,cAAc;IAC7B;;;;OAIG;IACH,iBAAiB,CAAC,EAAE,cAAc,CAAC,iBAAiB,CAAC;IACrD,sDAAsD;IACtD;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;;;;;;;;;;;;;OAkBG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;IAC7B,oDAAoD;IACpD;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,6CAA6C;IAC7C;;OAEG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,CAAC;IAChC;;;OAGG;IACH,KAAK,CAAC,EAAE,cAAc,CAAC,KAAK,CAAC;CAC9B;AACD,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC;IACtC,UAAU,iBAAiB;QACzB,kBAAkB,CAAC,EAAE,MAAM,CAAC;KAC7B;IACD,UAAU,KAAK;QACb;;WAEG;QACH,OAAO,EAAE,OAAO,CAAC;QACjB;;WAEG;QACH,QAAQ,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;QAC1B;;;;;;WAMG;QACH,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;QACxB;;;;;;WAMG;QACH,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;KAC1B;IACD,UAAU,KAAK;QACb,IAAI,CAAC,EAAE;YACL,UAAU,CAAC,EAAE,MAAM,CAAC;YACpB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,WAAW,CAAC,EAAE,MAAM,CAAC;YACrB,SAAS,CAAC,EAAE,MAAM,CAAC;YACnB,KAAK,CAAC,EAAE,MAAM,CAAC;SAChB,CAAC;QACF,OAAO,CAAC,EAAE;YACR,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,YAAY,CAAC,EAAE,MAAM,CAAC;YACtB,aAAa,CAAC,EAAE,MAAM,CAAC;SACxB,CAAC;QACF,MAAM,CAAC,EAAE;YACP,IAAI,EAAE;gBACJ,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,aAAa,CAAC,EAAE,MAAM,CAAC;aACxB,CAAC;YACF,OAAO,EAAE;gBACP,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;KACH;CACF"}

package/dist/content-layout/interfaces.d.ts

@@ -0,0 +1,44 @@
+export interface ContentLayoutProps {
+    /** @slot default — Use this slot to render the main content of the layout below the header */
+    /**
+     * Determines whether the layout has an overlap between the header and content.
+     * If true, the overlap will be removed.
+     * @visualrefresh
+     */
+    disableOverlap?: boolean;
+    /** @slot header — Use this slot to render the header content for the layout */
+    /**
+     * Determines the visual treatment for the header. Specifically:
+     * * `default` - Does not apply any visual treatment.
+     * * `high-contrast` - Applies high-contrast to the background of the header and the elements contained within it.
+     *     If you are using the AppLayout component, set `headerVariant="high-contrast"` to apply the same treatment to the breadcrumbs and notifications slots.
+     * * `divider` - Adds a horizontal separator between the header and the content.
+     * @visualrefresh `high-contrast` headerVariant
+     */
+    headerVariant?: 'default' | 'high-contrast' | 'divider';
+    /**
+     * Maximum width for the content.
+     * If set, all elements of the content layout (header, content, notifications, breadcrumbs) will be center-aligned and have the desired maximum width.
+     * If not set, all elements will occupy the full available width.
+     */
+    maxContentWidth?: number;
+    /**
+     * Set it to `true` if your page uses the [app layout component](/components/app-layout/) with `disableContentPaddings=true`.
+     * In that case, the content layout will become sensitive to the state of drawers in app layout and leave the necessary padding to avoid visual overlap with those elements.
+     */
+    defaultPadding?: boolean;
+    /** @slot notifications — Use this slot to display [notifications](/components/flashbar/) to the content layout: */
+    /** @slot breadcrumbs — Use this slot to add the [breadcrumb group component](/components/breadcrumb-group/) to the content layout: */
+    /**
+     * Use this property to style the background of the header.
+     *
+     * It can be:
+     * * a string representing the CSS `background` value for the header element.
+     * * a function that receives the mode ("light" or "dark") as a parameter and returns a string.
+     *
+     *  The header background spans across the full available width, independent of the specified `maxContentWidth`.
+     *  If set, the component will not add the default background color to the header.
+     */
+    headerBackgroundStyle?: string | ((mode: 'light' | 'dark') => string);
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/content-layout/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/content-layout/interfaces.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,kBAAkB;IACjC,8FAA8F;IAC9F;;;;OAIG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,+EAA+E;IAC/E;;;;;;;OAOG;IACH,aAAa,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,SAAS,CAAC;IACxD;;;;OAIG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,mHAAmH;IACnH,sIAAsI;IACtI;;;;;;;;;OASG;IACH,qBAAqB,CAAC,EAAE,MAAM,GAAG,CAAC,CAAC,IAAI,EAAE,OAAO,GAAG,MAAM,KAAK,MAAM,CAAC,CAAC;CAEvE"}

package/dist/copy-to-clipboard/interfaces.d.ts

@@ -0,0 +1,66 @@
+export interface CopyToClipboardProps {
+    /** Determines the general styling of the copy button as follows:
+     *
+     * * `button` to display a standalone secondary button with an icon, and `copyButtonText` as text.
+     * * `icon` to display a standalone icon-only (no text) button.
+     * * `inline` to display an icon-only (no text) button within a text context.
+     *
+     * Defaults to `button`.
+     */
+    variant?: CopyToClipboardProps.Variant;
+    /**
+     * The text of the copy button (for variant="button").
+     */
+    copyButtonText?: string;
+    /**
+     * Adds `aria-label` to the copy button. Use this to provide an accessible name for buttons that don't have visible text,
+     * and to distinguish between multiple buttons with identical visible text. The text will also be added to the `title` attribute of the button.
+     */
+    copyButtonAriaLabel?: string;
+    /**
+     * The text content to be copied. It is displayed next to the copy button when `variant="inline"` unless when `content` is specified, and is not shown otherwise.
+     */
+    textToCopy: string;
+    /**
+     * The text content to display next to the copy button when `variant="inline"`. If not provided, `textToCopy` will be displayed instead.
+     */
+    textToDisplay?: string;
+    /**
+     * The message shown when the text is copied successfully.
+     */
+    copySuccessText: string;
+    /**
+     * The message shown when the text is not copied due to an error, see [https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext](https://w3c.github.io/clipboard-apis/#dom-clipboard-writetext).
+     */
+    copyErrorText: string;
+    /**
+     * By default, the popover is constrained to fit inside its parent
+     * [stacking context](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Positioning/Understanding_z_index/The_stacking_context).
+     * Enabling this property will allow the popover to be rendered in the root stack context using
+     * [React Portals](https://reactjs.org/docs/portals.html).
+     * Enable this setting if you need the popover to ignore its parent stacking context.
+     */
+    popoverRenderWithPortal?: boolean;
+    /**
+     * Renders the copy to clipboard button as disabled and prevents clicks.
+     */
+    disabled?: boolean;
+    /**
+     * Provides a reason why the copy to clipboard button is disabled (only when `disabled` is `true`).
+     * If provided, the copy to clipboard button becomes focusable.
+     * Applicable for all variants except inline.
+     */
+    disabledReason?: string;
+}
+export declare namespace CopyToClipboardProps {
+    type Variant = 'button' | 'icon' | 'inline';
+    interface CopySuccessDetail {
+        /** The text that was copied to the clipboard */
+        text: string;
+    }
+    interface CopyFailureDetail {
+        /** The text that failed to copy to the clipboard */
+        text: string;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/copy-to-clipboard/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/copy-to-clipboard/interfaces.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC;;;;;;;OAOG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,OAAO,CAAC;IACvC;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;OAEG;IACH,UAAU,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,eAAe,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,aAAa,EAAE,MAAM,CAAC;IACtB;;;;;;OAMG;IACH,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAClC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;OAIG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;CAGzB;AACD,MAAM,CAAC,OAAO,WAAW,oBAAoB,CAAC;IAC5C,KAAK,OAAO,GAAG,QAAQ,GAAG,MAAM,GAAG,QAAQ,CAAC;IAC5C,UAAU,iBAAiB;QACzB,gDAAgD;QAChD,IAAI,EAAE,MAAM,CAAC;KACd;IACD,UAAU,iBAAiB;QACzB,oDAAoD;QACpD,IAAI,EAAE,MAAM,CAAC;KACd;CACF"}

package/dist/date-input/interfaces.d.ts

@@ -0,0 +1,39 @@
+import { BaseInputProps, InputProps } from '../input/interfaces.js';
+export interface DateInputProps extends BaseInputProps {
+    /**
+     * The current input value, in YYYY-MM-DD format.
+     */
+    value: string;
+    /**
+     * Specifies the locale to use to render month names and determine the starting day of the week.
+     * If you don't provide this, the locale is determined by the page and browser locales.
+     * Supported values and formats are listed in the [JavaScript Intl API specification](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).
+     */
+    locale?: string;
+    /**
+     * Specifies the granularity at which users will be able to select a date.
+     * Defaults to `day`.
+     **/
+    granularity?: DateInputProps.Granularity;
+    /**
+     * The format as it is displayed. It can take the following values:
+     * * `iso`: ISO 8601 format without time, e.g.: 2024-01-30 (or 2024-01).
+     * * `long-localized`: a more human-readable, localized format, e.g.: January 30, 2024 (or January, 2024).
+     * * `slashed`: similar to ISO 8601 but with '/' in place of '-'. e.g.: 2024/01/30 (or 2024/01).
+     */
+    format?: DateInputProps.Format;
+    /**
+     * Specifies the date format to use when the format is 'long-localized' and editing the date.
+     * The format of the input as it is being interacted with. It can take the following values:
+     * * `iso`: ISO 8601 format without time, e.g.: 2024-01-30 (or 2024-01).
+     * * `slashed`: similar to ISO 8601 but with '/' in place of '-'. e.g.: 2024/01/30 (or 2024/01).
+     */
+    inputFormat?: DateInputProps.InputFormat;
+}
+export declare namespace DateInputProps {
+    type Ref = InputProps.Ref;
+    type Format = DateFormat;
+    type InputFormat = EditableDateFormat;
+    type Granularity = DateGranularity;
+}
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/date-input/interfaces.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/date-input/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpE,MAAM,WAAW,cAAe,SAAQ,cAAc;IACpD;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;QAGI;IACJ,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC;IACzC;;;;;OAKG;IACH,MAAM,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC;IAC/B;;;;;OAKG;IACH,WAAW,CAAC,EAAE,cAAc,CAAC,WAAW,CAAC;CAC1C;AACD,MAAM,CAAC,OAAO,WAAW,cAAc,CAAC;IACtC,KAAK,GAAG,GAAG,UAAU,CAAC,GAAG,CAAC;IAC1B,KAAK,MAAM,GAAG,UAAU,CAAC;IACzB,KAAK,WAAW,GAAG,kBAAkB,CAAC;IACtC,KAAK,WAAW,GAAG,eAAe,CAAC;CACpC"}