npm - @ama-pt/agora-design-system - Versions diffs - 4.0.1 → 4.0.2 - Mend

@ama-pt/agora-design-system 4.0.1 → 4.0.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (577) hide show

package/artifacts/dist/types/components/icon/assets/solid/solid-thumbs-up.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-ticket.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-trash.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-tree.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-truck.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-twitter-x.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-twitter.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-unlock.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-upload.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-user-check.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-user-group.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-user-uncheck.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-user.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-video-off.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-video-on.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-volume-max.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-volume-min.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-volume-mute.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-volume-off.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-wallet.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-whatsapp.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-wifi.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-x-circle.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-x.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/icon/assets/solid/solid-youtube.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import React from 'react';
-import { SVGIconProps } from '../../../../models';
+import { SVGIconProps } from '../../../../models/index.js';
 declare const _default: (props: SVGIconProps) => React.JSX.Element;
 export default _default;

package/artifacts/dist/types/components/input-date/contexts/date-picker-state.context.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Dispatch, SetStateAction } from 'react';
-import { Months, WeekDays } from '../../../models';
+import { Months, WeekDays } from '../../../models/index.js';
 export type DatePickerStateContextType = {
     focusedDate: Date;
     setFocusedDate: Dispatch<SetStateAction<Date>>;

package/artifacts/dist/types/components/input-date/contexts/use-date-picker-state-context.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { Months, WeekDays } from '../../../models';
+import { Months, WeekDays } from '../../../models/index.js';
 declare const useDatePickerStateContext: () => {
     getLabels: () => {
         previousYearAriaLabel: string;

package/artifacts/dist/types/components/input-date/date-picker-dropdown.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { Dispatch, FC, SetStateAction } from 'react';
-import { Months, WeekDays } from '../../models';
+import { Months, WeekDays } from '../../models/index.js';
 export interface DatePickerDropdownProps {
     className?: string;
     date?: Date;

package/artifacts/dist/types/components/input-date/input-date.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { ComponentProps, Dispatch, FC, ReactNode } from 'react';
-import { BooleanProp, FeedbackState, Months, WeekDays } from '../../models';
+import { BooleanProp, FeedbackState, Months, WeekDays } from '../../models/index.js';
 import './input-date.css';
-import { IconSetState } from '../../components/shared/icon-set/icon-set';
+import { IconSetState } from '../shared/icon-set/icon-set.js';
 export interface InputDateProps extends ComponentProps<'input'> {
     /**
      * Input label text.

package/artifacts/dist/types/components/input-email-bar/input-email-bar.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
-import { FeedbackState } from '../../models';
-import { BooleanProp } from '../../models/boolean-type';
+import { FeedbackState } from '../../models/index.js';
+import { BooleanProp } from '../../models/boolean-type.js';
 import { ComponentProps, FC, ReactNode } from 'react';
 import './input-email-bar.css';
 export interface InputEmailBarProps extends ComponentProps<'input'> {

package/artifacts/dist/types/components/input-number/input-number.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp, FeedbackState } from '../../models';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 import './input-number.css';
 export interface InputNumberProps extends ComponentProps<'input'> {
     /**

package/artifacts/dist/types/components/input-password/input-password.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp, FeedbackState } from '../../models';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 import './input-password.css';
 export interface InputPasswordProps extends ComponentProps<'input'> {
     /**

package/artifacts/dist/types/components/input-phone/input-phone.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ChangeEvent, ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp, FeedbackState } from '../../models';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 import { CountryPhoneProps } from './country-phone.model';
 import './input-phone.css';
 export declare const PhoneCountryCodes: string[];

package/artifacts/dist/types/components/input-range/input-range.d.ts CHANGED Viewed

@@ -1,8 +1,8 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp, FeedbackState } from '../../models';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 import './input-range.css';
 export type RangeType = 'single' | 'double';
-export interface InputRangeProps extends Omit<ComponentProps<'input'>, 'value' | 'onChange'> {
+export interface InputRangeProps extends Omit<ComponentProps<'input'>, 'value' | 'onChange' | 'aria-describedby' | 'aria-label'> {
     /**
      *  Input label text.
      */
@@ -76,6 +76,22 @@ export interface InputRangeProps extends Omit<ComponentProps<'input'>, 'value' |
      * Accessible label for screen readers, prepended to errorFeedbackText.
      */
     errorFeedbackStateLabel?: string;
+    /**
+     * aria-describedby for the input minimum element.
+     */
+    ariaDescribedByInputMinimum?: string;
+    /**
+     * aria-describedby for the input maximum element.
+     */
+    ariaDescribedByInputMaximum?: string;
+    /**
+     * aria-label for the input minimum element.
+     */
+    ariaLabelMinimum?: string;
+    /**
+     * aria-label for the input maximum element.
+     */
+    ariaLabelMaximum?: string;
 }
 export interface InputRangeElement extends HTMLDivElement {
     sliders: HTMLInputElement[];

package/artifacts/dist/types/components/input-search/input-search.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BooleanProp, FeedbackState } from '../../models';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 import { ComponentProps, FC, ReactNode } from 'react';
 import './input-search.css';
 export interface SearchResultTextProps extends ComponentProps<'div'> {

package/artifacts/dist/types/components/input-search-bar/input-search-bar.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import { ComponentProps, FC, Ref } from 'react';
 import './input-search-bar.css';
 import type { ReactNode } from 'react';

package/artifacts/dist/types/components/input-select/input-select.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
-import { BooleanProp, FeedbackState } from '../../models';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 import { ComponentProps, FC, ReactElement, ReactNode, Ref } from 'react';
-import { DropdownOptionProps, DropdownSectionProps, DropdownType } from '../../components/dropdown';
+import { DropdownOptionProps, DropdownSectionProps, DropdownType } from '../dropdown/index.js';
 import './input-select.css';
 export interface InputSelectRef {
     /**

package/artifacts/dist/types/components/input-text/input-text.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp, FeedbackState } from '../../models';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 import './input-text.css';
 export interface InputTextProps extends ComponentProps<'input'> {
     /**

package/artifacts/dist/types/components/input-textarea/input-textarea.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp, FeedbackState } from '../../models';
+import { BooleanProp, FeedbackState } from '../../models/index.js';
 import './input-textarea.css';
 export interface InputTextAreaProps extends ComponentProps<'textarea'> {
     /**

package/artifacts/dist/types/components/input-time/contexts/time-input-state.context.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import React, { Dispatch, FC, ReactNode, SetStateAction } from 'react';
-import { TimeFormat, TimePeriod } from '../../../models';
+import { TimeFormat, TimePeriod } from '../../../models/index.js';
 export interface Labels {
     cancelLabel: string;
     cancelAriaLabel?: string;

package/artifacts/dist/types/components/input-time/input-time.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import './input-time.css';
-import { BooleanProp, FeedbackState, TimeFormat } from '../../models';
+import { BooleanProp, FeedbackState, TimeFormat } from '../../models/index.js';
 export interface InputTimeProps extends ComponentProps<'input'> {
     /**
      * Defines the time format that will be used.

package/artifacts/dist/types/components/input-time/time-picker-dropdown.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { FC } from 'react';
 import { Labels } from './contexts/time-input-state.context';
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 export interface TimePickerDropdownProps {
     className?: string;
     setInputTextValue: (selectedTime: string) => void;

package/artifacts/dist/types/components/input-time/utils/format-time.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { TimeFormat, TimePeriod } from '../../../models';
+import { TimeFormat, TimePeriod } from '../../../models/index.js';
 export declare const FULL_TIME_TEXT_REGEX_WITH_PERIOD: RegExp;
 export declare const FULL_TIME_TEXT_REGEX_WITHOUT_PERIOD: RegExp;
 export declare const DEFAULT_PLACEHOLDER: {

package/artifacts/dist/types/components/link-wrapper/link-wrapper.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import './link-wrapper.css';
 export type LinkWrapperAppearance = 'link' | 'text';
 export type LinkWrapperVariant = 'primary' | 'informative' | 'neutral' | 'success' | 'warning' | 'danger';

package/artifacts/dist/types/components/list/list.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
 import { ItemProps } from './item';
 import './list.css';
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 export type ListStyle = 'none' | 'bullet' | 'number' | 'icon';
 export interface ListProps extends ComponentPropsWithoutRef<'ul'> {
     /**

package/artifacts/dist/types/components/loader-dialog/loader-dialog-context.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { LoaderDialogProps } from './loader-dialog';
-import { DialogElement } from '../../components/dialog';
+import { DialogElement } from '../dialog/index.js';
 export interface LoaderDialogContextProps {
     current: DialogElement;
     visibility?: boolean;

package/artifacts/dist/types/components/modal-dialog/modal-config.model.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import { ComponentPropsWithoutRef } from 'react';
 export interface ModalConfiguration extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/modal-dialog/modal-context.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { DialogElement } from '../../components/dialog';
+import { DialogElement } from '../dialog/index.js';
 import { ReactNode } from 'react';
 import { ModalConfiguration } from './modal-config.model';
 export interface ModalContextProps {

package/artifacts/dist/types/components/modal-dialog/modal-provider.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
-import { BooleanProp } from '../../models/boolean-type';
+import { BooleanProp } from '../../models/boolean-type.js';
 import { FC, ReactNode } from 'react';
 export interface ModalProviderProps {
     /**

package/artifacts/dist/types/components/navigation-rail/components/action-button/action-button.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import './action-button.css';
 import { FC } from 'react';
-import { ButtonProps } from '../../../../components/button';
+import { ButtonProps } from '../../../button/index.js';
 export interface ActionButtonProps extends ButtonProps {
 }
 export declare const ActionButton: FC<ActionButtonProps>;

package/artifacts/dist/types/components/navigation-rail/components/expand-button/expand-button.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import './expand-button.css';
 import { FC } from 'react';
-import { ButtonProps } from '../../../../components/button';
+import { ButtonProps } from '../../../button/index.js';
 export interface ExpandButtonProps extends ButtonProps {
 }
 export declare const ExpandButton: FC<ExpandButtonProps>;

package/artifacts/dist/types/components/navigation-rail/components/expand-button-outside/expand-button-outside.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import { ButtonProps } from '../../../../components/button';
+import { ButtonProps } from '../../../button/index.js';
 import { NavigationRailPositions } from '../../helper';
 import './expand-button-outside.css';
 export interface ExpandButtonOutsideProps extends ButtonProps {

package/artifacts/dist/types/components/navigation-rail/components/navigation-rail-anchor/navigation-rail-anchor.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
 import './navigation-rail-anchor.css';
 import { FC } from 'react';
-import { AnchorProps } from '../../../../components/anchor';
+import { AnchorProps } from '../../../anchor/index.js';
 export interface NavigationRailAnchorProps extends AnchorProps {
     active?: boolean;
     borderless?: boolean;
     isTextBold?: boolean;
+    announceCurrent?: boolean;
 }
 export declare const NavigationRailAnchor: FC<NavigationRailAnchorProps>;

package/artifacts/dist/types/components/navigation-rail/components/navigation-rail-drawer/navigation-rail-drawer.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { FC, ReactElement } from 'react';
 import './navigation-rail-drawer.css';
-import { ButtonProps } from '../../../../components/button';
+import { ButtonProps } from '../../../button/index.js';
 import { NavigationRailAnchor } from '../../index';
 export type NavigationRailDrawerChildren = ReactElement<typeof NavigationRailAnchor> | ReactElement<typeof NavigationRailDrawer>;
 export interface NavigationRailDrawerDrawerProps extends ButtonProps {

package/artifacts/dist/types/components/navigation-rail/helper.d.ts CHANGED Viewed

@@ -1,9 +1,10 @@
-import { ReactElement } from 'react';
+import { MouseEvent, ReactElement } from 'react';
 export type NavigationRailPositions = 'right' | 'left';
 export type NavigationRailContextType = {
     darkMode: boolean;
     position: NavigationRailPositions;
     expanded: boolean;
+    expandNavigationRail?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
 type NavigationRailChildType = ReactElement | ReactElement[] | undefined;
 export declare const NavigationRailContext: import("react").Context<NavigationRailContextType>;

package/artifacts/dist/types/components/navigation-rail/index.d.ts CHANGED Viewed

@@ -1,9 +1,5 @@
 export { NavigationRail } from './navigation-rail';
 export type { NavigationRailProps } from './navigation-rail';
-export { ExpandButton } from './components/expand-button/expand-button';
-export type { ExpandButtonProps } from './components/expand-button/expand-button';
-export { ExpandButtonOutside } from './components/expand-button-outside/expand-button-outside';
-export type { ExpandButtonOutsideProps } from './components/expand-button-outside/expand-button-outside';
 export { NavigationRailAnchor } from './components/navigation-rail-anchor/navigation-rail-anchor';
 export type { NavigationRailAnchorProps } from './components/navigation-rail-anchor/navigation-rail-anchor';
 export { ActionButton } from './components/action-button/action-button';

package/artifacts/dist/types/components/navigation-rail/navigation-rail.d.ts CHANGED Viewed

@@ -1,14 +1,26 @@
 import './navigation-rail.css';
-import { FC, ReactElement } from 'react';
-import { BooleanProp } from '../../models';
-import { ActionButton, ExpandButton, NavigationRailAnchor, NavigationRailDrawer } from './index';
+import { ComponentProps, FC, MouseEvent, ReactElement } from 'react';
+import { BooleanProp } from '../../models/index.js';
+import { ActionButton, NavigationRailAnchor, NavigationRailDrawer } from './index';
 import { NavigationRailPositions } from './helper';
-export type NavigationRailChildren = ReactElement<typeof ExpandButton> | ReactElement<typeof NavigationRailAnchor> | ReactElement<typeof NavigationRailDrawer> | ReactElement<typeof ActionButton> | boolean;
-export interface NavigationRailProps {
+export type NavigationRailChildren = ReactElement<typeof NavigationRailAnchor> | ReactElement<typeof NavigationRailDrawer> | ReactElement<typeof ActionButton> | boolean;
+export interface NavigationRailProps extends Pick<ComponentProps<'nav'>, 'aria-label' | 'aria-labelledby'> {
     /**
-     * The flag to set if navigation rail is open or closed.
+     * Defines whether the navigation rail starts opened.
      */
-    expanded?: BooleanProp;
+    startOpened?: BooleanProp;
+    /**
+     * Defines the accessible label displayed by the expand button while the navigation rail is collapsed.
+     */
+    expandButtonOpenLabel: string;
+    /**
+     * Defines the accessible label displayed by the expand button while the navigation rail is expanded.
+     */
+    expandButtonCloseLabel: string;
+    /**
+     * Callback invoked after the expand button changes the open state.
+     */
+    onExpandButtonClick?: (expanded: boolean, event: MouseEvent<HTMLButtonElement>) => void;
     /**
      * The flag to set Dark mode.
      */
@@ -18,7 +30,7 @@ export interface NavigationRailProps {
      */
     position?: NavigationRailPositions;
     /**
-     * The children of the component, which can be of type `ExpandButton`, `NavigationRailAnchor`, `NavigationRailDrawer` or `ActionButton`.
+     * The children of the component, which can be of type `NavigationRailAnchor`, `NavigationRailDrawer` or `ActionButton`.
      */
     children?: NavigationRailChildren | NavigationRailChildren[];
 }

package/artifacts/dist/types/components/panel-switcher/desktop/panel-switcher-desktop.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
-import { TabBodyProps } from '../../../components/tabs';
+import { TabBodyProps } from '../../tabs/index.js';
 import React, { ComponentProps, FC, ReactElement } from 'react';
 import './panel-switcher-desktop.css';
-import { ButtonsHeaderData } from '../../../components/panel-switcher';
+import { ButtonsHeaderData } from '../index.js';
 export interface PanelSwitcherDesktopProps extends ComponentProps<'div'> {
     buttonListRef: React.RefObject<HTMLDivElement | null>;
     panelRef: React.RefObject<HTMLDivElement | null>;

package/artifacts/dist/types/components/panel-switcher/helper.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { FC, ReactElement, ReactNode } from 'react';
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import { TabBodyProps } from '../tabs';
 type ReactNodeOrFC = ReactNode | FC<{
     darkMode?: BooleanProp;

package/artifacts/dist/types/components/panel-switcher/mobile/panel-switcher-mobile.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import React, { FC, ReactElement, RefObject } from 'react';
-import { TabBodyProps } from '../../../components/tabs';
+import { TabBodyProps } from '../../tabs/index.js';
 import './panel-switcher-mobile.css';
-import { ButtonsHeaderData } from '../../../components/panel-switcher';
+import { ButtonsHeaderData } from '../index.js';
 export interface PanelSwitcherMobileProps {
     modalCloseButtonLabel: string;
     buttonListRef: RefObject<HTMLDivElement | null>;

package/artifacts/dist/types/components/panel-switcher/panel-switcher-container.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 import { FC, ReactElement } from 'react';
 import { TabProps } from '../tabs';
-import { PanelData } from '../../components/panel-switcher';
+import { PanelData } from './index.js';
 export interface PanelSwitcherContainerProps {
     /**
      * Collection of PanelData to be displayed by panel.

package/artifacts/dist/types/components/pill/pill.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, ReactNode } from 'react';
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import './pill.css';
 /**
  * The available variants of the pill. This variants will define the background and border color of the pill.

package/artifacts/dist/types/components/popup-dialog/popup-config.model.d.ts CHANGED Viewed

@@ -17,4 +17,12 @@ export interface PopupConfiguration extends Omit<ComponentPropsWithoutRef<'div'>
      * Render dialog with dark mode styles.
      */
     darkMode?: boolean;
+    /**
+     * Callback to run after popup is closed.
+     */
+    onHide?: () => void;
+    /**
+     * Callback to run after popup is opened.
+     */
+    onShow?: () => void;
 }

package/artifacts/dist/types/components/popup-dialog/popup-provider.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import { BooleanProp } from '../../models/boolean-type';
+import { BooleanProp } from '../../models/boolean-type.js';
 export interface PopupProviderProps {
     /**
      * If not a fullscreen dialog, allows the user to dismiss the dialog by clicking in the backdrop

package/artifacts/dist/types/components/progress-bar/progress-bar.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from 'react';
-import { BooleanProp } from '../../models';
+import { BooleanProp } from '../../models/index.js';
 import './progress-bar.css';
 /**
  * The available variants of the progress bar. This variants will define the presentation of the progress.