@cumulus-ui/components 0.1.0

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

@@ -0,0 +1,111 @@
+import { CalendarProps } from '../calendar/interfaces.js';
+import { ExpandToViewport } from '../dropdown/interfaces.js';
+export interface DatePickerProps extends ExpandToViewport, CalendarProps {
+    /**
+     * Specifies the placeholder text rendered when the value is an empty string.
+     */
+    placeholder?: string;
+    /**
+     * Specifies a function that generates the `aria-label` for the 'open calendar' button. The `selectedDate` parameter is
+     * a human-readable localised string representing the current value of the input.
+     * (for example, ``selectedDate => 'Choose Date' + (selectedDate ? `, selected date is ${selectedDate}` : '')``)
+     * @deprecated Use `i18nStrings.openCalendarAriaLabel` instead.
+     */
+    openCalendarAriaLabel?: DatePickerProps.OpenCalendarAriaLabel;
+    /**
+     * Specifies the name of the control used in HTML forms.
+     */
+    name?: string;
+    /**
+     * Specifies if the control is disabled, which prevents the
+     * user from modifying the value and prevents the value from
+     * being included in a form submission. A disabled control can't
+     * receive focus.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies if the control is read-only, which prevents the
+     * user from modifying the value but includes it in a form
+     * submission. A read-only control can receive focus.
+     *
+     * Do not use read-only inputs outside of a form.
+     */
+    readOnly?: boolean;
+    /**
+     * Indicates whether the control should be focused as
+     * soon as the page loads, which enables the user to
+     * start typing without having to manually focus the control. Don't
+     * use this option on pages where the control may be
+     * scrolled out of the viewport.
+     */
+    autoFocus?: boolean;
+    /**
+     * Adds an `aria-label` to the native control.
+     *
+     * Use this if you don't have a visible label for this control.
+     */
+    ariaLabel?: string;
+    /**
+     * Specifies whether to add `aria-required` to the native control.
+     */
+    ariaRequired?: boolean;
+    /**
+     * 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)
+     *
+     * @default 'slashed'
+     */
+    format?: DatePickerProps.Format;
+    /**
+     * Specifies the date format to use when the format is 'long-localized' and the user needs to edit 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)
+     *
+     * @default 'slashed'.
+     */
+    inputFormat?: DatePickerProps.InputFormat;
+    /** @event focus — CustomEvent<null> */
+    /** @event blur — CustomEvent<null> */
+    /**
+     * An object containing all the necessary localized strings required by
+     * the component.
+     * @i18n
+     */
+    i18nStrings?: DatePickerProps.I18nStrings;
+}
+export declare namespace DatePickerProps {
+    interface ChangeDetail {
+        /**
+         * The new value of this date-picker.
+         */
+        value: string;
+    }
+    interface IsDateEnabledFunction {
+        (date: Date): boolean;
+    }
+    interface OpenCalendarAriaLabel {
+        (selectedDate: string | null): string;
+    }
+    interface Ref {
+        /**
+         * Sets the browser focus on the UI control
+         */
+        focus(): void;
+    }
+    interface I18nStrings extends CalendarProps.I18nStrings {
+        /**
+         * Specifies a function that generates the `aria-label` for the 'open calendar' button. The `selectedDate` parameter is
+         * a human-readable localised string representing the current value of the input, or `null` when no date is selected.
+         * @i18n
+         */
+        openCalendarAriaLabel?: OpenCalendarAriaLabel;
+    }
+    type Granularity = DateGranularity;
+    type Format = DateFormat;
+    type InputFormat = EditableDateFormat;
+}
+//# sourceMappingURL=interfaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/date-picker/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAC;AAC1D,OAAO,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAC7D,MAAM,WAAW,eAAgB,SAAQ,gBAAgB,EAAE,aAAa;IACtE;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;;;OAKG;IACH,qBAAqB,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC;IAC9D;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;OAMG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;;;OAOG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC,MAAM,CAAC;IAChC;;;;;;;;OAQG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;IAC1C,uCAAuC;IACvC,sCAAsC;IACtC;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC;CAC3C;AACD,MAAM,CAAC,OAAO,WAAW,eAAe,CAAC;IACvC,UAAU,YAAY;QACpB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IACD,UAAU,qBAAqB;QAC7B,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;KACvB;IACD,UAAU,qBAAqB;QAC7B,CAAC,YAAY,EAAE,MAAM,GAAG,IAAI,GAAG,MAAM,CAAC;KACvC;IACD,UAAU,GAAG;QACX;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IACD,UAAU,WAAY,SAAQ,aAAa,CAAC,WAAW;QACrD;;;;WAIG;QACH,qBAAqB,CAAC,EAAE,qBAAqB,CAAC;KAC/C;IACD,KAAK,WAAW,GAAG,eAAe,CAAC;IACnC,KAAK,MAAM,GAAG,UAAU,CAAC;IACzB,KAAK,WAAW,GAAG,kBAAkB,CAAC;CACvC"}

package/dist/date-range-picker/interfaces.d.ts

@@ -0,0 +1,496 @@
+import { CalendarProps } from '../calendar/interfaces.js';
+import { ExpandToViewport } from '../dropdown/interfaces.js';
+import { TimeInputProps } from '../time-input/interfaces.js';
+export interface DateRangePickerBaseProps {
+    /**
+     * The current date range value. Can be either an absolute time range
+     * or a relative time range.
+     */
+    value: null | DateRangePickerProps.Value;
+    /**
+     * A list of relative time ranges that are shown as suggestions.
+     */
+    relativeOptions: ReadonlyArray<DateRangePickerProps.RelativeOption>;
+    /**
+     * A function that defines whether a particular date should be enabled
+     * in the calendar or not. Note that disabling a date in the calendar
+     * still allows users to enter this date via keyboard. We therefore
+     * recommend that you also validate these constraints client- and
+     * server-side, in the same way as for other form elements.
+     */
+    isDateEnabled?: DateRangePickerProps.IsDateEnabledFunction;
+    /**
+     * Provides a reason why a particular date in the calendar is not enabled (only when `isDateEnabled` returns `false`).
+     * If provided, the date becomes focusable.
+     * @param date
+     */
+    dateDisabledReason?: DateRangePickerProps.DateDisabledReasonFunction;
+    /**
+     * The locale to be used for rendering month names and defining the
+     * starting date of the week. If not provided, it will be determined
+     * from the page and browser locales. Supported values and formats
+     * are as-per the [JavaScript Intl API specification](https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl#Locale_identification_and_negotiation).
+     */
+    locale?: string;
+    /**
+     * Starting day of the week. [0-6] maps to [Sunday-Saturday].
+     * By default the starting day of the week is defined by the locale,
+     * but you can override it using this property.
+     */
+    startOfWeek?: number;
+    /**
+     * An object containing all the necessary localized strings required by the component.
+     * @i18n
+     */
+    i18nStrings?: DateRangePickerProps.I18nStrings;
+    /**
+     * Hides time inputs and changes the input format to date-only, e.g. 2021-04-06.
+     *
+     * Do not use `dateOnly` flag conditionally. The component does not trigger the value update
+     * when the flag changes which means the value format can become inconsistent.
+     *
+     * This does not apply when the 'granularity' is set to 'month'
+     *
+     * Default: `false`.
+     */
+    dateOnly?: boolean;
+    /**
+     * Determines the range selector mode as follows:
+     *
+     * * `default` for combined absolute/relative range selector.
+     * * `absolute-only` for absolute-only range selector.
+     * * `relative-only` for relative-only range selector.
+     *
+     * By default, the range selector mode is `default`.
+     */
+    rangeSelectorMode?: DateRangePickerProps.RangeSelectorMode;
+    /**
+     * Specifies the date format to use on the date inputs in the absolute dropdown.
+     *
+     * 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)
+     */
+    dateInputFormat?: DateRangePickerProps.DateInputFormat;
+    /**
+     * Specifies the format of the time input for absolute ranges.
+     *
+     * Use to restrict the granularity of time that the user can enter.
+     *
+     * Has no effect when `dateOnly` is true or `granularity` is set to 'month'.
+     */
+    timeInputFormat?: DateRangePickerProps.TimeInputFormat;
+    /** @event change — CustomEvent<DateRangePickerProps.ChangeDetail> */
+    /**
+     * The time offset from UTC in minutes that should be used to
+     * display and produce values.
+     *
+     * Has no effect when `dateOnly` is true.
+     *
+     * Default: the user's current time offset as provided by the browser.
+     *
+     * @deprecated Use `getTimeOffset` instead.
+     */
+    timeOffset?: number;
+    /**
+     * A function that defines timezone offset from UTC in minutes for selected dates.
+     * Use it to define time relative to the desired timezone.
+     *
+     * The function is called for the start date and the end date and takes a UTC date
+     * corresponding the selected value as an argument.
+     *
+     * Has no effect when `dateOnly` is true.
+     *
+     * Default: the user's current time offset as provided by the browser.
+     */
+    getTimeOffset?: DateRangePickerProps.GetTimeOffsetFunction;
+}
+export interface DateRangePickerProps extends ExpandToViewport, DateRangePickerBaseProps, Pick<CalendarProps, 'granularity'> {
+    /**
+     * Specifies the placeholder text that is rendered when the value is empty.
+     */
+    placeholder?: string;
+    /**
+     * Specifies that the component is disabled, preventing the user from
+     * modifying the value. A disabled component cannot receive focus.
+     */
+    disabled?: boolean;
+    /**
+     * Specifies that the component is read-only, preventing the user from
+     * modifying the value. A read-only component can receive focus.
+     */
+    readOnly?: boolean;
+    /** @event focus — CustomEvent<null> */
+    /** @event blur — CustomEvent<null> */
+    /**
+     * A function that defines whether a particular range is valid or not.
+     *
+     * Ensure that your function checks for missing fields in the value.
+     */
+    isValidRange: DateRangePickerProps.ValidationFunction;
+    /**
+     * Specifies whether the component should show a button that
+     * allows the user to clear the selected value.
+     */
+    showClearButton?: boolean;
+    /**
+     * Specifies an additional control displayed in the dropdown, located below the range calendar.
+     */
+    customAbsoluteRangeControl?: DateRangePickerProps.AbsoluteRangeControl;
+    /**
+     * Specifies which time units to allow in the custom relative range control.
+     */
+    customRelativeRangeUnits?: DateRangePickerProps.TimeUnit[];
+    /**
+     * Specifies custom content to fully override the relative range tab.
+     * When provided, all default relative range functionality is replaced.
+     */
+    renderRelativeRangeContent?: DateRangePickerProps.RelativeRangeControl;
+    /**
+     * Specifies the time format to use for displaying the absolute time range.
+     *
+     * It can take the following values:
+     * * `iso`: ISO 8601 format, e.g.: 2024-01-30T13:32:32+01:00 (or 2024-01-30 when `dateOnly` is true)
+     * * `long-localized`: a more human-readable, localized format, e.g.: January 30, 2024, 13:32:32 (UTC+1) (or January 30, 2024 when `dateOnly` is true)
+     * * `slashed`: similar to ISO 8601 but with '/' in place of '-'. e.g.: 2024/01/30 (or 2024/01)
+     */
+    absoluteFormat?: DateRangePickerProps.AbsoluteFormat;
+    /**
+     * Specifies whether to hide the time offset in the displayed absolute time range.
+     * Defaults to `false`.
+     */
+    hideTimeOffset?: boolean;
+    /**
+     * Adds `aria-label` to the trigger and dropdown.
+     */
+    ariaLabel?: string;
+}
+export declare namespace DateRangePickerProps {
+    type Value = AbsoluteValue | RelativeValue;
+    interface AbsoluteValue {
+        /**
+         * In ISO8601 format, e.g.: 2021-04-06T17:23:50+02:00 (or 2021-04-06 when `dateOnly` is true)
+         */
+        startDate: string;
+        /**
+         * In ISO8601 format, e.g.: 2021-04-06T17:23:50+02:00 (or 2021-04-06 when `dateOnly` is true)
+         */
+        endDate: string;
+        type: 'absolute';
+    }
+    interface RelativeValue {
+        /**
+         * If provided, used to match this value
+         * to a provided relative option.
+         */
+        key?: string;
+        amount: number;
+        unit: TimeUnit;
+        type: 'relative';
+    }
+    interface RelativeOption {
+        /**
+         * Used to uniquely identify this relative option.
+         */
+        key: string;
+        amount: number;
+        unit: TimeUnit;
+        type: 'relative';
+    }
+    type TimeUnit = 'second' | 'minute' | 'hour' | 'day' | 'week' | 'month' | 'year';
+    type ValidationFunction = (value: Value | null) => ValidationResult;
+    type ValidationResult = ValidRangeResult | InvalidRangeResult;
+    interface ValidRangeResult {
+        valid: true;
+    }
+    interface InvalidRangeResult {
+        valid: false;
+        errorMessage: string;
+    }
+    interface ChangeDetail {
+        /**
+         * The newly selected range of this date range picker.
+         */
+        value: null | Value;
+    }
+    interface IsDateEnabledFunction {
+        (date: Date): boolean;
+    }
+    interface DateDisabledReasonFunction {
+        (date: Date): string;
+    }
+    interface GetTimeOffsetFunction {
+        (date: Date): number;
+    }
+    interface DateTimeStrings {
+        date: string;
+        time: string;
+    }
+    interface PendingAbsoluteValue {
+        start: DateTimeStrings;
+        end: DateTimeStrings;
+    }
+    type AbsoluteRangeControl = (selectedRange: PendingAbsoluteValue, setSelectedRange: (value: PendingAbsoluteValue) => void) => unknown;
+    type RelativeRangeControl = (selectedRange: RelativeValue | null, setSelectedRange: (value: RelativeValue) => void) => unknown;
+    type RangeSelectorMode = 'default' | 'absolute-only' | 'relative-only';
+    interface Ref {
+        /**
+         * Sets the browser focus on the UI control
+         */
+        focus(): void;
+    }
+    interface I18nStrings {
+        /**
+         * Adds `aria-label` to the trigger and dropdown.
+         * @deprecated Use `ariaLabel` on the component instead.
+         */
+        ariaLabel?: string;
+        /**
+         * Adds `aria-labelledby` to the trigger and dropdown.
+         * @deprecated Use `ariaLabelledby` on the component instead.
+         */
+        ariaLabelledby?: string;
+        /**
+         * Adds `aria-describedby` to the trigger and dropdown.
+         * @deprecated Use `ariaDescribedby` on the component instead.
+         */
+        ariaDescribedby?: string;
+        /**
+         * Label of the mode selection group. In the standard view, it adds 'aria-label' to the group of segments.
+         * In a narrow container the label is visible and attached to the select component.
+         * @i18n
+         */
+        modeSelectionLabel?: string;
+        /**
+         * Segment title of the relative range selection mode
+         * @i18n
+         */
+        relativeModeTitle?: string;
+        /**
+         * Segment title of the absolute range selection mode
+         * @i18n
+         */
+        absoluteModeTitle?: string;
+        /**
+         * Heading for the relative range selection area
+         * @i18n
+         */
+        relativeRangeSelectionHeading?: string;
+        /**
+         * Description for the relative range selection area
+         * @i18n
+         */
+        relativeRangeSelectionMonthlyDescription?: string;
+        /**
+         * Visible label of the Cancel button
+         * @i18n
+         */
+        cancelButtonLabel?: string;
+        /**
+         * Visible label of the Clear and dismiss button
+         * @i18n
+         */
+        clearButtonLabel?: string;
+        /**
+         * Visible label of the Apply button
+         * @i18n
+         */
+        applyButtonLabel?: string;
+        /**
+         * Formatting function for relative ranges.
+         * This function must convert a relative range to a human-readable string.
+         * @i18n
+         */
+        formatRelativeRange?: (value: RelativeValue) => string;
+        /**
+         * Formatting function for time units.
+         *
+         * This function must return a localized form of the unit that fits the provided time value.
+         * @i18n
+         */
+        formatUnit?: (unit: TimeUnit, value: number) => string;
+        /**
+         * Visible label for the option for selecting
+         * a custom relative range.
+         * @i18n
+         */
+        customRelativeRangeOptionLabel?: string;
+        /**
+         * Visible description for the option for selecting
+         * a custom relative range.
+         * @i18n
+         */
+        customRelativeRangeOptionDescription?: string;
+        /**
+         * Visible label for the duration selector for
+         * the custom relative range.
+         * @i18n
+         */
+        customRelativeRangeDurationLabel?: string;
+        /**
+         * Placeholder for the duration selector for
+         * the custom relative range.
+         * @i18n
+         */
+        customRelativeRangeDurationPlaceholder?: string;
+        /**
+         * Visible label for the unit selector for the
+         * custom relative range.
+         * @i18n
+         */
+        customRelativeRangeUnitLabel?: string;
+        /**
+         * Visible label for the Start Month input for the
+         * absolute range.
+         * @i18n
+         */
+        startMonthLabel?: string;
+        /**
+         * Visible label for the Start Date input for the
+         * absolute range.
+         * @i18n
+         */
+        startDateLabel?: string;
+        /**
+         * Visible label for the Start Time input for the
+         * absolute range.
+         * @i18n
+         */
+        startTimeLabel?: string;
+        /**
+         * Visible label for the End Month input for the
+         * absolute range.
+         * @i18n
+         */
+        endMonthLabel?: string;
+        /**
+         * Visible label for the End Date input for the
+         * absolute range.
+         * @i18n
+         */
+        endDateLabel?: string;
+        /**
+         * Visible label for the End Time input for the absolute range.
+         * This serves as a fallback if no format specific date constraint test is provided
+         *
+         * @i18n
+         */
+        endTimeLabel?: string;
+        /**
+         * Constraint text for the date input field for the
+         * absolute range with no time option.
+         * @i18n
+         */
+        dateConstraintText?: string;
+        /**
+         * Constraint text for the input fields for the absolute range in 'slashed' format with no time option.
+         * @i18n
+         */
+        slashedDateConstraintText?: string;
+        /**
+         * Constraint text for the input fields for the absolute range in 'iso' format with no time option.
+         * @i18n
+         */
+        isoDateConstraintText?: string;
+        /**
+         * Constraint text for the input fields for the absolute range.
+         * This serves as a fallback if no format specific datetime constraint test is provided
+         *
+         * @i18n
+         */
+        dateTimeConstraintText?: string;
+        /**
+         * Constraint text for the date input fields for the absolute range in 'slashed' format.
+         * @i18n
+         */
+        slashedDateTimeConstraintText?: string;
+        /**
+         * Constraint text for the date input fields for the absolute range in 'iso' format with.
+         * @i18n
+         */
+        isoDateTimeConstraintText?: string;
+        /**
+         * Constraint text for the month input fields for the absolute range.
+         * This serves as a fallback if no format specific month constraint test is provided.
+         *
+         * @i18n
+         */
+        monthConstraintText?: string;
+        /**
+         * Constraint text for the month input fields for the absolute range in 'slashed' format.
+         * @i18n
+         */
+        slashedMonthConstraintText?: string;
+        /**
+         * Constraint text for the month input fields for the absolute range in 'iso' format.
+         * @i18n
+         */
+        isoMonthConstraintText?: string;
+        /**
+         * Provides a text alternative for the error icon in the error alert.
+         * @i18n
+         */
+        errorIconAriaLabel?: string;
+        /**
+         * When the property is set, screen readers announce the selected range when the absolute range gets selected.
+         */
+        renderSelectedAbsoluteRangeAriaLive?: (startDate: string, endDate: string) => string;
+        /**
+         * Used as part of the `aria-label` for today's date in the calendar.
+         * @i18n
+         */
+        todayAriaLabel?: string;
+        /**
+         * Specifies an `aria-label` for the 'next month' button.
+         * @i18n
+         */
+        nextMonthAriaLabel?: string;
+        /**
+         * Specifies an `aria-label` for the 'previous month' button.
+         * @i18n
+         */
+        previousMonthAriaLabel?: string;
+        /**
+         * Used as part of the `aria-label` for the current month in the calendar.
+         * @i18n
+         */
+        currentMonthAriaLabel?: string;
+        /**
+         * Specifies an `aria-label` for the 'next year' button.
+         * @i18n
+         */
+        nextYearAriaLabel?: string;
+        /**
+         * Specifies an `aria-label` for the 'previous year' button.
+         * @i18n
+         */
+        previousYearAriaLabel?: string;
+        /**
+         * Placeholder text for date inputs in absolute mode with 'iso' format (dashes).
+         * Should match the expected date format (for example "YYYY-MM-DD", "JJJJ-MM-TT" for German).
+         * Used for both start and end date inputs.
+         * @i18n
+         */
+        isoDatePlaceholder?: string;
+        /**
+         * Placeholder text for date inputs in absolute mode with 'slashed' format (slashes).
+         * Should match the expected date format (for example "YYYY/MM/DD", "JJJJ/MM/TT" for German).
+         * Used for both start and end date inputs.
+         * @i18n
+         */
+        slashedDatePlaceholder?: string;
+        /**
+         * Placeholder text for time inputs in absolute mode.
+         * Should match the expected time format (for example "hh:mm:ss", "HH:MM:SS").
+         * Used for both start and end time inputs.
+         * @i18n
+         */
+        timePlaceholder?: string;
+    }
+    type AbsoluteFormat = DateFormat;
+    type DateInputFormat = EditableDateFormat | undefined;
+    type TimeInputFormat = TimeInputProps.Format;
+}
+export type DayIndex = 0 | 1 | 2 | 3 | 4 | 5 | 6;
+export type QuarterIndex = 0 | 1 | 2;
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/date-range-picker/interfaces.d.ts.map

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

package/dist/drawer/interfaces.d.ts

@@ -0,0 +1,25 @@
+export interface DrawerProps {
+    /** @slot header — Header of the drawer */
+    /** @slot default — Main content of the drawer */
+    /**
+     * Renders the drawer in a loading state. We recommend that you also set a `loadingText`.
+     */
+    loading?: boolean;
+    /**
+     * Determines whether the drawer content has padding. If `true`, removes the default padding from the content area.
+     */
+    disableContentPaddings?: boolean;
+    /**
+     * An object containing all the necessary localized strings required by the component.
+     * @i18n
+     */
+    i18nStrings?: I18nStrings;
+}
+interface I18nStrings {
+    /**
+      Specifies the text that's displayed when the panel is in a loading state.
+     */
+    loadingText?: string;
+}
+export {};
+//# sourceMappingURL=interfaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/drawer/interfaces.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,WAAW;IAC1B,0CAA0C;IAC1C,iDAAiD;IACjD;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;OAEG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,WAAW,CAAC,EAAE,WAAW,CAAC;CAG3B;AACD,UAAU,WAAW;IACnB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AACD,OAAO,EAAE,CAAC"}