@cumulus-ui/components 0.1.0

package/dist/calendar/interfaces.d.ts

@@ -0,0 +1,116 @@
+export interface CalendarProps {
+    /**
+     * The current input value, in YYYY-MM-DD format.
+     */
+    value: string;
+    /**
+     * Defines whether a particular date is enabled in the calendar or not.
+     * If you disable a date in the calendar, users can still enter this date using a keyboard.
+     * We recommend that you also validate these constraints on the client-side and server-side
+     * as you would for other form elements.
+     * @param date
+     */
+    isDateEnabled?: CalendarProps.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?: CalendarProps.DateDisabledReasonFunction;
+    /**
+     * 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;
+    /**
+     * Determines the starting day of the week. The values 0-6 map to Sunday-Saturday.
+     * By default the starting day of the week is defined by the locale, but you can use this property to override it.
+     */
+    startOfWeek?: number;
+    /**
+     * Adds an `aria-label` to the calendar.
+     */
+    ariaLabel?: string;
+    /**
+     * Adds `aria-labelledby` to the calendar.
+     */
+    ariaLabelledby?: string;
+    /**
+     * Adds `aria-describedby` to the calendar.
+     */
+    ariaDescribedby?: string;
+    /**
+     * Used as part of the `aria-label` for today's date in the calendar.
+     * @deprecated Use `i18nString.todayAriaLabel` instead.
+     */
+    todayAriaLabel?: string;
+    /**
+     * Specifies an `aria-label` for the 'next month' button.
+     * @deprecated Use `i18nStrings.nextMonthAriaLabel` instead.
+     */
+    nextMonthAriaLabel?: string;
+    /**
+     * Specifies an `aria-label` for the 'previous month' button.
+     * @deprecated Use `i18nStrings.previousMonthAriaLabel` instead.
+     */
+    previousMonthAriaLabel?: string;
+    /** @event change — CustomEvent<CalendarProps.ChangeDetail> */
+    /**
+     * An object containing all the necessary localized strings required by
+     * the component.
+     * @i18n
+     */
+    i18nStrings?: CalendarProps.I18nStrings;
+    /**
+     * Specifies the granularity at which users will be able to select a date.
+     * Defaults to `day`.
+     **/
+    granularity?: CalendarProps.Granularity;
+}
+export declare namespace CalendarProps {
+    interface ChangeDetail {
+        /**
+         * The new value of this component.
+         */
+        value: string;
+    }
+    interface IsDateEnabledFunction {
+        (date: Date): boolean;
+    }
+    interface DateDisabledReasonFunction {
+        (date: Date): string;
+    }
+    type Granularity = DateGranularity;
+    interface I18nStrings {
+        /**
+         * Used as part of the `aria-label` for today's date in the calendar.
+         */
+        todayAriaLabel?: string;
+        /**
+         * Specifies an `aria-label` for the 'next month' button.
+         */
+        nextMonthAriaLabel?: string;
+        /**
+         * Specifies an `aria-label` for the 'previous month' button.
+         */
+        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;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/calendar/interfaces.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;;;OAMG;IACH,aAAa,CAAC,EAAE,aAAa,CAAC,qBAAqB,CAAC;IACpD;;;;OAIG;IACH,kBAAkB,CAAC,EAAE,aAAa,CAAC,0BAA0B,CAAC;IAC9D;;;;;OAKG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;;OAGG;IACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,8DAA8D;IAC9D;;;;OAIG;IACH,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC;IACxC;;;QAGI;IACJ,WAAW,CAAC,EAAE,aAAa,CAAC,WAAW,CAAC;CACzC;AACD,MAAM,CAAC,OAAO,WAAW,aAAa,CAAC;IACrC,UAAU,YAAY;QACpB;;WAEG;QACH,KAAK,EAAE,MAAM,CAAC;KACf;IACD,UAAU,qBAAqB;QAC7B,CAAC,IAAI,EAAE,IAAI,GAAG,OAAO,CAAC;KACvB;IACD,UAAU,0BAA0B;QAClC,CAAC,IAAI,EAAE,IAAI,GAAG,MAAM,CAAC;KACtB;IACD,KAAK,WAAW,GAAG,eAAe,CAAC;IACnC,UAAU,WAAW;QACnB;;WAEG;QACH,cAAc,CAAC,EAAE,MAAM,CAAC;QACxB;;WAEG;QACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B;;WAEG;QACH,sBAAsB,CAAC,EAAE,MAAM,CAAC;QAChC;;;WAGG;QACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;QAC/B;;;WAGG;QACH,iBAAiB,CAAC,EAAE,MAAM,CAAC;QAC3B;;;WAGG;QACH,qBAAqB,CAAC,EAAE,MAAM,CAAC;KAChC;CACF"}

package/dist/cards/interfaces.d.ts

@@ -0,0 +1,212 @@
+export interface CardsProps<T = any> {
+    /** @slot empty — Displayed only when the list of items is empty */
+    /** @slot header — Heading element of the table container */
+    /** @slot filter — Use this slot to add filtering controls to the component */
+    /** @slot pagination — Use this slot to add the [pagination component](/components/pagination/) to the component */
+    /** @slot preferences — Use this slot to add [collection preferences](/components/collection-preferences/) to the component */
+    /**
+     * Specifies the items that serve as data source for a card.
+     *
+     * The `cardDefinition` property handles the display of this data.
+     */
+    items: ReadonlyArray<T>;
+    /**
+     * Renders the cards in a loading state. We recommend that you also set a `loadingText`.
+     */
+    loading?: boolean;
+    /**
+     * Specifies the text to display when in loading state.
+     */
+    loadingText?: string;
+    /**
+     *  Defines what to display in each card. It has the following properties:
+     *  * `header` ((item) => unknown) - Responsible for displaying the card header. You receive the current item as an argument.
+     *      Use `fontSize="inherit"` on [link](/components/link/) components inside card header.
+     *  * `sections` (array) - Responsible for displaying the card content. Cards can have many sections in their
+     *    body. Each entry in the array is responsible for displaying a section. An entry has the following properties:
+     *    * `id`: (string) - A unique identifier for the section. The property is used as a [keys](https://reactjs.org/docs/lists-and-keys.html#keys)
+     *   source for React rendering, and to match entries in the `visibleSections` property (if it's defined).
+     *    * `header`: (unknown) - Responsible for displaying the section header.
+     *    * `content`: ((item) => unknown) - Responsible for displaying the section content. You receive the current item as an argument.
+     *    * `width`: (number) - Specifies the width of the card section in percent. Use this to display multiple sections in
+     *    the same row. The default value is 100%.
+     *
+     *  All of the above properties are optional.
+     */
+    cardDefinition: CardsProps.CardDefinition<T>;
+    /**
+     * Determines the number of cards per row for any interval of container width.
+     * It's an array whose entries are objects containing the following:
+     * - `cards` (number) - Specifies the number of cards per row.
+     * - `minWidth` (number) - Specifies the minimum container width (in pixels) for which this configuration object should apply.
+     *
+     * For example, with this configuration:
+     * ```
+     * [{
+     *   cards: 1
+     * }, {
+     *   minWidth: 500,
+     *   cards: 2
+     * }, {
+     *   minWidth: 800,
+     *   cards: 3
+     * }]
+     * ```
+     *
+     * the cards component displays:
+     * * 1 card per row when the container width is below 500px.
+     * * 2 cards per row when the container width is between 500px and 799px.
+     * * 3 cards per row when the container width is 800px or wider.
+     *
+     * The number of cards per row can't be greater than 20.
+     *
+     * Default value:
+     * ```
+     * [{
+     *   cards: 1
+     * }, {
+     *   minWidth: 768,
+     *   cards: 2
+     * }, {
+     *   minWidth: 992,
+     *   cards: 3
+     * }, {
+     *   minWidth: 1200,
+     *   cards: 4
+     * }, {
+     *   minWidth: 1400,
+     *   cards: 5
+     * }, {
+     *   minWidth: 1920,
+     *   cards: 6
+     * }]
+     * ```
+     */
+    cardsPerRow?: ReadonlyArray<CardsProps.CardsLayout>;
+    /**
+     * Specifies the property inside items that uniquely identifies them.
+     * When it's set, it's used to provide [keys for React](https://reactjs.org/docs/lists-and-keys.html#keys)
+     * for performance optimizations.
+     *
+     * It's also used for connecting `items` and `selectedItems` values when they don't reference the same object.
+     */
+    trackBy?: CardsProps.TrackBy<T>;
+    /**
+     * Specifies the selection mode. It can be either `single` or `multi`.
+     */
+    selectionType?: CardsProps.SelectionType;
+    /**
+     * Specifies the list of selected items.
+     */
+    selectedItems?: ReadonlyArray<T>;
+    /**
+     * Determines which items are disabled. If an item is disabled, users can't select it.
+     */
+    isItemDisabled?: CardsProps.IsItemDisabled<T>;
+    /**
+     * Adds labels to the selection components (checkboxes and radio buttons) as follows:
+     * * `itemSelectionLabel` ((SelectionState, Item) => string) - Determines the label for an item.
+     * * `selectionGroupLabel` (string) - Specifies the label for the group selection control.
+     * * `cardsLabel` (string) - Provides alternative text for the cards list.
+     *                            By default the contents of the `header` are used.
+     *
+     * You can use the first arguments of type `SelectionState` to access the current selection
+     * state of the component (for example, the `selectedItems` list). The label function for individual
+     * items also receives the corresponding  `Item` object. You can use the group label to
+     * add a meaningful description to the whole selection.
+     * @i18n
+     */
+    ariaLabels?: CardsProps.AriaLabels<T>;
+    /**
+     * Specifies an array containing the `id` of each visible section. If not set, all sections are displayed.
+     *
+     * Use it in conjunction with the visible content preference of the [collection preferences](/components/collection-preferences/) component.
+     *
+     * The order of `id`s doesn't influence the order of display of sections, which is controlled by the `cardDefinition` property.
+     */
+    visibleSections?: ReadonlyArray<string>;
+    /** @event selectionChange — CustomEvent<CardsProps.SelectionChangeDetail<T>> */
+    /**
+     * If set to true, the cards header remains visible when the user scrolls down.
+     */
+    stickyHeader?: boolean;
+    /**
+     * Optionally provide a vertical offset (in pixels) for the sticky header, for example if you
+     * need to position the sticky header below other fixed position elements on the page.
+     */
+    stickyHeaderVerticalOffset?: number;
+    /**
+     * Use this property to inform screen readers how many cards there are.
+     * It specifies the total number of cards.
+     * If there is an unknown total number of cards, leave this property undefined.
+     */
+    totalItemsCount?: number;
+    /**
+     *  Use this property to inform screen readers which range of cards is currently displayed.
+     *  It specifies the index (1-based) of the first card.
+     */
+    firstIndex?: number;
+    /**
+     * Use this function to announce page changes to screen reader users.
+     * The function argument takes the following properties:
+     * * `firstIndex` (number) - The provided `firstIndex` property which defaults to 1 when not defined.
+     * * `lastIndex` (number) - The index of the last visible item of the table.
+     * * `totalItemsCount` (optional, number) - The provided `totalItemsCount` property.
+     */
+    renderAriaLive?: (data: CardsProps.LiveAnnouncement) => string;
+    /**
+     * Specify a cards variant with one of the following:
+     * * `container` - Use this variant to have the cards displayed as a container.
+     * * `full-page` – Use this variant when cards are the entire content of a page.
+     * @visualrefresh `full-page` variant
+     */
+    variant?: 'container' | 'full-page';
+    /**
+     * Activating this property makes the entire card clickable to select it.
+     * Don't use this property if the card has any other interactive elements.
+     */
+    entireCardClickable?: boolean;
+}
+export declare namespace CardsProps {
+    interface CardDefinition<T> {
+        header?(item: T): unknown;
+        sections?: ReadonlyArray<SectionDefinition<T>>;
+    }
+    interface SectionDefinition<T> {
+        id?: string;
+        header?: unknown;
+        content?(item: T): unknown;
+        width?: number;
+    }
+    interface CardsLayout {
+        cards: number;
+        minWidth?: number;
+    }
+    type TrackBy<T> = string | ((item: T) => string);
+    type SelectionType = 'single' | 'multi';
+    interface SelectionState<T> {
+        selectedItems: ReadonlyArray<T>;
+    }
+    interface SelectionChangeDetail<T> {
+        selectedItems: T[];
+    }
+    type IsItemDisabled<T> = (item: T) => boolean;
+    interface AriaLabels<T> {
+        itemSelectionLabel: (data: CardsProps.SelectionState<T>, row: T) => string;
+        selectionGroupLabel: string;
+        cardsLabel?: string;
+    }
+    interface LiveAnnouncement {
+        firstIndex: number;
+        lastIndex: number;
+        totalItemsCount?: number;
+    }
+    interface Ref {
+        /**
+         * When the sticky header is enabled, calling this function scrolls cards's
+         * scroll parent up to reveal the first card or row of cards.
+         */
+        scrollToTop(): void;
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

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

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

package/dist/checkbox/base-checkbox.d.ts

@@ -0,0 +1,44 @@
+export interface BaseCheckboxProps {
+    /**
+     * Specifies if the component is selected.
+     */
+    checked: boolean;
+    /**
+     * 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. Should be used only inside forms.
+     * A read-only control is still focusable.
+     * If both `readOnly` and `disabled` are set, `disabled` takes precedence.
+     */
+    readOnly?: boolean;
+    /**
+     * Specifies the ID of the native form element. By default, it uses an automatically generated ID.
+     */
+    controlId?: string;
+    /**
+     * Adds an `aria-label` to the native control.
+     *
+     * Use this if you don't have a visible label for this control.
+     */
+    ariaLabel?: string;
+    /** @event focus — CustomEvent<void> */
+    /** @event blur — CustomEvent<void> */
+    /** @slot default */
+    /** @slot description — Description that appears below the label */
+    /**
+     * Adds `aria-controls` attribute to the component.
+     * If the component controls any secondary content (for example, another form field), use this to provide an ID referring to the secondary content.
+     */
+    ariaControls?: string;
+}
+//# sourceMappingURL=base-checkbox.d.ts.map

package/dist/checkbox/base-checkbox.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base-checkbox.d.ts","sourceRoot":"","sources":["../../src/checkbox/base-checkbox.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,OAAO,EAAE,OAAO,CAAC;IACjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;;;OAIG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,uCAAuC;IACvC,sCAAsC;IACtC,oBAAoB;IACpB,mEAAmE;IACnE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB"}

package/dist/checkbox/index.d.ts

@@ -0,0 +1,5 @@
+import { CsCheckboxInternal } from './internal.js';
+export declare class CsCheckbox extends CsCheckboxInternal {
+}
+export type { CheckboxProps } from './interfaces.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/checkbox/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAC;AAEnD,qBAAa,UAAW,SAAQ,kBAAkB;CAAG;AAIrD,YAAY,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/checkbox/interfaces.d.ts

@@ -0,0 +1,73 @@
+import { BaseCheckboxProps } from './base-checkbox.js';
+export interface CheckboxProps extends BaseCheckboxProps {
+    /** @slot default — The control's label that's displayed next to the checkbox */
+    /**
+     * Specifies that the component is in an indeterminate state. The behavior of this property replicates
+     * the behavior of [the respective property](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/checkbox#Indeterminate_state_checkboxes)
+     * in the native control.
+     */
+    indeterminate?: boolean;
+    /** @event change — CustomEvent<CheckboxProps.ChangeDetail> */
+    /**
+     * Specifies whether to add `aria-required` to the native control.
+     */
+    ariaRequired?: boolean;
+    /**
+     * An object containing CSS properties to customize the checkbox's visual appearance.
+     * Refer to the [style](/components/checkbox/?tabId=style) tab for more details.
+     */
+    style?: CheckboxProps.Style;
+}
+export declare namespace CheckboxProps {
+    interface Ref {
+        /**
+         * Sets input focus onto the UI control.
+         */
+        focus(): void;
+    }
+    interface ChangeDetail {
+        checked: boolean;
+        indeterminate: false;
+    }
+    interface Style {
+        input?: {
+            fill?: {
+                checked?: string;
+                default?: string;
+                disabled?: string;
+                indeterminate?: string;
+                readOnly?: string;
+            };
+            stroke?: {
+                checked?: string;
+                default?: string;
+                disabled?: string;
+                indeterminate?: string;
+                readOnly?: string;
+            };
+            check?: {
+                stroke?: {
+                    checked?: string;
+                    disabled?: string;
+                    indeterminate?: string;
+                    readOnly?: string;
+                };
+            };
+            focusRing?: {
+                borderColor?: string;
+                borderRadius?: string;
+                borderWidth?: string;
+            };
+        };
+        label?: {
+            color?: {
+                checked?: string;
+                default?: string;
+                disabled?: string;
+                indeterminate?: string;
+                readOnly?: string;
+            };
+        };
+    }
+}
+//# sourceMappingURL=interfaces.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"interfaces.d.ts","sourceRoot":"","sources":["../../src/checkbox/interfaces.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AACvD,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,gFAAgF;IAChF;;;;OAIG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,8DAA8D;IAC9D;;OAEG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;OAGG;IACH,KAAK,CAAC,EAAE,aAAa,CAAC,KAAK,CAAC;CAC7B;AACD,MAAM,CAAC,OAAO,WAAW,aAAa,CAAC;IACrC,UAAU,GAAG;QACX;;WAEG;QACH,KAAK,IAAI,IAAI,CAAC;KACf;IACD,UAAU,YAAY;QACpB,OAAO,EAAE,OAAO,CAAC;QACjB,aAAa,EAAE,KAAK,CAAC;KACtB;IACD,UAAU,KAAK;QACb,KAAK,CAAC,EAAE;YACN,IAAI,CAAC,EAAE;gBACL,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,MAAM,CAAC,EAAE;gBACP,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;YACF,KAAK,CAAC,EAAE;gBACN,MAAM,CAAC,EAAE;oBACP,OAAO,CAAC,EAAE,MAAM,CAAC;oBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;oBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;oBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;iBACnB,CAAC;aACH,CAAC;YACF,SAAS,CAAC,EAAE;gBACV,WAAW,CAAC,EAAE,MAAM,CAAC;gBACrB,YAAY,CAAC,EAAE,MAAM,CAAC;gBACtB,WAAW,CAAC,EAAE,MAAM,CAAC;aACtB,CAAC;SACH,CAAC;QACF,KAAK,CAAC,EAAE;YACN,KAAK,CAAC,EAAE;gBACN,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,OAAO,CAAC,EAAE,MAAM,CAAC;gBACjB,QAAQ,CAAC,EAAE,MAAM,CAAC;gBAClB,aAAa,CAAC,EAAE,MAAM,CAAC;gBACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;aACnB,CAAC;SACH,CAAC;KACH;CACF"}

package/dist/checkbox/internal.d.ts

@@ -0,0 +1,22 @@
+import { type PropertyValues } from 'lit';
+import { LitElement } from 'lit';
+declare const Base: (new (...args: any[]) => import("../internal/mixins/form-associated.js").FormAssociatedHost) & typeof LitElement;
+export declare class CsCheckboxInternal extends Base {
+    static styles: import("lit").CSSResult[];
+    checked: boolean;
+    indeterminate: boolean;
+    readOnly: boolean;
+    description: string;
+    ariaLabel: string;
+    private readonly _labelId;
+    private readonly _descriptionId;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    willUpdate(changed: PropertyValues): void;
+    private _onHostClick;
+    private _preventNativeToggle;
+    private _toggle;
+    render(): import("lit-html").TemplateResult<1>;
+}
+export {};
+//# sourceMappingURL=internal.d.ts.map

package/dist/checkbox/internal.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.d.ts","sourceRoot":"","sources":["../../src/checkbox/internal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAkB,KAAK,cAAc,EAAE,MAAM,KAAK,CAAC;AAI1D,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAQjC,QAAA,MAAM,IAAI,kHAAkC,CAAC;AAwC7C,qBAAa,kBAAmB,SAAQ,IAAI;IAC1C,OAAgB,MAAM,4BAAqE;IAG3F,OAAO,UAAS;IAGhB,aAAa,UAAS;IAGtB,QAAQ,UAAS;IAGjB,WAAW,SAAM;IAGjB,SAAS,SAAM;IAEf,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAsC;IAC/D,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAqC;IAE3D,iBAAiB,IAAI,IAAI;IAQzB,oBAAoB,IAAI,IAAI;IAK5B,UAAU,CAAC,OAAO,EAAE,cAAc,GAAG,IAAI;IAQlD,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,OAAO;IAaN,MAAM;CAmEhB"}

package/dist/checkbox/styles.d.ts

@@ -0,0 +1,5 @@
+import { sharedStyles } from '../internal/styles/shared.js';
+export declare const componentStyles: import("lit").CSSResult;
+export { componentStyles as checkboxStyles };
+export { sharedStyles };
+//# sourceMappingURL=styles.d.ts.map

package/dist/checkbox/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/checkbox/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,eAAO,MAAM,eAAe,yBA0C3B,CAAC;AAEF,OAAO,EAAE,eAAe,IAAI,cAAc,EAAE,CAAC;AAC7C,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/code-editor/interfaces.d.ts

@@ -0,0 +1,132 @@
+import { Ace } from 'ace-builds';
+import { BaseModalProps } from '../modal/interfaces.js';
+import { AceModes } from './ace-modes.js';
+import { DarkThemes, LightThemes } from './ace-themes.js';
+export interface CodeEditorProps extends BaseModalProps {
+    /**
+     * The ace object.
+     */
+    ace: any;
+    /**
+     * Specifies the content that's displayed in the code editor.
+     */
+    value: string;
+    /**
+     * Specifies the programming language. You can use any of the programming languages supported by the `ace` object that you provide.
+     * Alternatively, this can be used to set a language that is not supported by the default `language` list. Make sure you've added the highlighting support for this language to the Ace instance.
+     * For more info on custom languages, see the [Code editor API](/components/code-editor?tabId=api) page.
+     */
+    language: CodeEditorProps.Language;
+    /**
+     * Specifies a custom label language. If set, it overrides the default language label.
+     */
+    languageLabel?: string;
+    /** @event change — CustomEvent<CodeEditorProps.ChangeDetail> */
+    /** @event delayedChange — CustomEvent<CodeEditorProps.ChangeDetail> */
+    /** @event validate — CustomEvent<CodeEditorProps.ValidateDetail> */
+    /**
+     * Specifies the component preferences.
+     *
+     * If set to `undefined`, the component uses the following default value:
+     *
+     * ```
+     * {
+     *   wrapLines: true,
+     *   theme: 'dawn'
+     * }
+     * ```
+     *
+     * You can use any theme provided by Ace.
+     */
+    preferences?: Partial<CodeEditorProps.Preferences>;
+    /**
+     * List of Ace themes available for selection in preferences dialog. Make sure you include at least one light and at
+     * least one dark theme. If not set explicitly, it will render all Ace themes available for selection, except
+     * "cloud_editor" and "cloud_editor_dark".
+     */
+    themes?: CodeEditorProps.AvailableThemes;
+    /** @event preferencesChange — CustomEvent<CodeEditorProps.Preferences> */
+    /**
+     * Renders the code editor in a loading state.
+     */
+    loading?: boolean;
+    /** @event recoveryClick — CustomEvent<void> */
+    /**
+     * An object containing all the necessary localized strings required by the component.
+     * The object should contain, among others:
+     *
+     * * `loadingState` - Specifies the text to display while the component is loading.
+     * * `errorState` - Specifies the text to display if there is an error loading Ace.
+     * * `errorStateRecovery`: Specifies the text for the recovery button that's displayed next to the error text.
+     *    Use the `recoveryClick` event to do a recovery action (for example, retrying the request).
+     * @i18n
+     */
+    i18nStrings?: CodeEditorProps.I18nStrings;
+    /**
+     * Specifies the height of the code editor document.
+     */
+    editorContentHeight?: number;
+    /** @event editorContentResize — CustomEvent<CodeEditorProps.ResizeDetail> */
+    /**
+     * Adds `aria-label` to the code editor's textarea element.
+     */
+    ariaLabel?: string;
+}
+type LiteralUnion<LiteralType, BaseType extends string> = LiteralType | (BaseType & {
+    _?: never;
+});
+type BuiltInLanguage = (typeof AceModes)[number]['value'];
+export declare namespace CodeEditorProps {
+    type Language = LiteralUnion<BuiltInLanguage, string>;
+    type Theme = (typeof LightThemes)[number]['value'] | (typeof DarkThemes)[number]['value'];
+    interface AvailableThemes {
+        light: ReadonlyArray<string>;
+        dark: ReadonlyArray<string>;
+    }
+    interface Preferences {
+        wrapLines: boolean;
+        theme: Theme;
+    }
+    interface I18nStrings {
+        loadingState?: string;
+        errorState?: string;
+        errorStateRecovery?: string;
+        editorGroupAriaLabel?: string;
+        statusBarGroupAriaLabel?: string;
+        cursorPosition?: (row: number, column: number) => string;
+        errorsTab?: string;
+        warningsTab?: string;
+        preferencesButtonAriaLabel?: string;
+        paneCloseButtonAriaLabel?: string;
+        preferencesModalHeader?: string;
+        preferencesModalCancel?: string;
+        preferencesModalConfirm?: string;
+        preferencesModalCloseAriaLabel?: string;
+        preferencesModalWrapLines?: string;
+        preferencesModalTheme?: string;
+        preferencesModalLightThemes?: string;
+        preferencesModalDarkThemes?: string;
+        preferencesModalThemeFilteringPlaceholder?: string;
+        preferencesModalThemeFilteringAriaLabel?: string;
+        preferencesModalThemeFilteringClearAriaLabel?: string;
+        resizeHandleAriaLabel?: string;
+        resizeHandleTooltipText?: string;
+    }
+    interface ResizeDetail {
+        height: number;
+    }
+    interface ChangeDetail {
+        value: string;
+    }
+    interface ValidateDetail {
+        annotations: Ace.Annotation[];
+    }
+    interface Ref {
+        /**
+         * Sets input focus onto the code editor control.
+         */
+        focus(): void;
+    }
+}
+export {};
+//# sourceMappingURL=interfaces.d.ts.map

package/dist/code-editor/interfaces.d.ts.map

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