@ama-pt/agora-design-system 3.1.0 → 3.3.0

package/artifacts/dist/types/components/header/internals/navigation-bar/navigation-modal/internal-navigation-modal-layout.d.ts

@@ -1,4 +1,4 @@
 import { LayoutProps } from '../../../../../components/header/internals/shared/panel-menu/layout.interface';
 import { FC } from 'react';
-import './internal-navigation-modal-layout.scss';
+import './internal-navigation-modal-layout.css';
 export declare const InternalNavigationModalLayout: FC<LayoutProps>;

package/artifacts/dist/types/components/header/internals/shared/custom-header-link/custom-header-link.d.ts

@@ -1,7 +1,7 @@
 import { LinkWrapperProps } from '../../../../../components/link-wrapper';
 import { BooleanProp } from '../../../../../models/boolean-type';
 import { FC } from 'react';
-import './custom-header-link.scss';
+import './custom-header-link.css';
 export interface CustomHeaderLinkProps extends LinkWrapperProps {
     hasIcon?: BooleanProp;
     iconOnly?: BooleanProp;

package/artifacts/dist/types/components/header/internals/shared/custom-modal/custom-modal-dialog.d.ts

@@ -1,3 +1,3 @@
 import { ComponentProps, FC } from 'react';
-import './custom-modal-dialog.scss';
+import './custom-modal-dialog.css';
 export declare const CustomModalDialog: FC<ComponentProps<'div'>>;

package/artifacts/dist/types/components/header/internals/shared/institutional/internal-institutional.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from 'react';
-import './internal-institutional.scss';
+import './internal-institutional.css';
 export interface InternalInstitutionalProps extends ComponentProps<'div'> {
 }
 export declare const InternalInstitutional: FC<InternalInstitutionalProps>;

package/artifacts/dist/types/components/header/internals/shared/modal-menu/modal-menu.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from '../../../../../components/button';
 import { FC, ReactElement, ReactNode, RefObject } from 'react';
-import './modal-menu.scss';
+import './modal-menu.css';
 import { HeaderMenuContextRef } from '../../context/menu-context/header-menu-context';
 export interface ModalMenuElement extends HTMLDivElement {
     /**

package/artifacts/dist/types/components/header/internals/shared/panel-menu/panel-menu.d.ts

@@ -1,7 +1,7 @@
 import { ButtonProps } from '../../../../../components/button';
 import { ComponentProps, FC, ReactElement } from 'react';
 import { LayoutProps } from './layout.interface';
-import './panel-menu.scss';
+import './panel-menu.css';
 export interface PanelMenuElement extends HTMLDivElement {
     /**
      *  Expand the panel menu.

package/artifacts/dist/types/components/icon/icon.d.ts

@@ -1,6 +1,6 @@
 import { FC, HTMLProps, SVGProps } from 'react';
 import { IconName } from './assets/index';
-import './icon.scss';
+import './icon.css';
 /**
  * Allowed icon dimensions.
  */

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

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from 'react';
-import './date-text.scss';
+import './date-text.css';
 export interface DateTextProps extends ComponentProps<'input'> {
     dayInputPlaceholder?: string;
     monthInputPlaceholder?: string;

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState, Months, WeekDays } from '../../models';
-import './input-date.scss';
+import './input-date.css';
 export interface InputDateProps extends ComponentProps<'input'> {
     /**
      * Input label text.

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

@@ -1,7 +1,7 @@
 import { FeedbackState } from '../../models';
 import { BooleanProp } from '../../models/boolean-type';
 import { ComponentProps, FC, ReactNode } from 'react';
-import './input-email-bar.scss';
+import './input-email-bar.css';
 export interface InputEmailBarProps extends ComponentProps<'input'> {
     /**
      * Input label text.

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../models';
-import './input-number.scss';
+import './input-number.css';
 export interface InputNumberProps extends ComponentProps<'input'> {
     /**
      * Input label text.

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../models';
-import './input-password.scss';
+import './input-password.css';
 export interface InputPasswordProps extends ComponentProps<'input'> {
     /**
      * Input label text.

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

@@ -5,7 +5,7 @@ export type PhoneCountryCode = (typeof PhoneCountryCodes)[number];
 export declare const PhoneCountryISOs: string[];
 export type PhoneCountryISO = (typeof PhoneCountryISOs)[number];
 import { CountryPhoneProps } from './country-phone.model';
-import './input-phone.scss';
+import './input-phone.css';
 export interface InputPhoneElement extends HTMLInputElement {
     iso: PhoneCountryISO;
     code: PhoneCountryCode;

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../models';
-import './input-range.scss';
+import './input-range.css';
 export type RangeType = 'single' | 'double';
 export interface InputRangeProps extends Omit<ComponentProps<'input'>, 'value' | 'onChange'> {
     /**

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

@@ -1,6 +1,6 @@
 import { BooleanProp, FeedbackState } from '../../models';
 import { ComponentProps, FC, ReactNode } from 'react';
-import './input-search.scss';
+import './input-search.css';
 export interface InputSearchProps extends ComponentProps<'input'> {
     /**
      * Input label text.

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import './equalizer.scss';
+import './equalizer.css';
 export interface EqualizerProps {
 }
 export declare const Equalizer: React.FC<EqualizerProps>;

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

@@ -1,6 +1,6 @@
 import { BooleanProp } from '../../models';
 import { ComponentProps, FC, Ref } from 'react';
-import './input-search-bar.scss';
+import './input-search-bar.css';
 export interface InputSearchBarElement extends HTMLInputElement {
     /**
      * React ref object to the search action button.

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

@@ -1,7 +1,7 @@
 import { BooleanProp, FeedbackState } from '../../models';
-import { ComponentProps, FC, ReactElement, ReactNode } from 'react';
+import { ComponentProps, FC, ReactElement, ReactNode, Ref } from 'react';
 import { DropdownOptionProps, DropdownSectionProps, DropdownType } from '../../components/dropdown';
-import './input-select.scss';
+import './input-select.css';
 export interface InputSelectRef {
     /**
      * Array containing the selected options in the dropdown.
@@ -12,7 +12,7 @@ export interface InputSelectRef {
      */
     clearSelectedOptions: () => void;
 }
-export interface InputSelectProps extends Omit<ComponentProps<'select'>, 'options' | 'onChange'> {
+export interface InputSelectProps extends Omit<ComponentProps<'select'>, 'options' | 'onChange' | 'ref'> {
     /**
      * Input label text.
      */
@@ -117,6 +117,10 @@ export interface InputSelectProps extends Omit<ComponentProps<'select'>, 'option
      * Section list of dropdown options to render.
      */
     children?: ReactElement<DropdownSectionProps> | ReactElement<DropdownSectionProps>[];
+    /**
+     * React ref object to the Input Select.
+     */
+    ref?: Ref<InputSelectRef>;
 }
 declare const InputSelect: FC<InputSelectProps>;
 export { InputSelect };

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

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

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../models';
-import './input-textarea.scss';
+import './input-textarea.css';
 export interface InputTextAreaProps extends ComponentProps<'textarea'> {
     /**
      * Input label text.

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

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

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

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from 'react';
-import './time-text.scss';
+import './time-text.css';
 export interface TimeTextProps extends ComponentProps<'input'> {
     setInputTextValue: (selectedTime: string) => void;
     hourInputPlaceholder?: string;

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
-import './link-wrapper.scss';
+import './link-wrapper.css';
 export type LinkWrapperAppearance = 'link' | 'text';
 export type LinkWrapperVariant = 'primary' | 'informative' | 'neutral' | 'success' | 'warning' | 'danger';
 export interface LinkWrapperProps extends Omit<ComponentProps<'span'>, 'children'> {

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

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

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

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import './loader-dialog.scss';
+import './loader-dialog.css';
 export interface LoaderDialogProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
      * The title of the loader.

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { ModalConfiguration } from './modal-config.model';
-import './modal-dialog.scss';
+import './modal-dialog.css';
 export interface ModalDialogProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      *  Modal configurations

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

@@ -1,7 +1,7 @@
 import { TabBodyProps, TabHeaderProps } from '../../../components/tabs';
 import { BooleanProp } from '../../../models';
 import React, { ComponentProps, FC, ReactElement } from 'react';
-import './panel-switcher-desktop.scss';
+import './panel-switcher-desktop.css';
 export interface PanelSwitcherDesktopProps extends ComponentProps<'div'> {
     leadingIcon?: string;
     leadingIconHover?: string;

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

@@ -1,7 +1,7 @@
 import React, { FC, ReactElement, RefObject } from 'react';
 import { TabBodyProps, TabHeaderProps } from '../../../components/tabs';
 import { BooleanProp } from '../../../models';
-import './panel-switcher-mobile.scss';
+import './panel-switcher-mobile.css';
 export interface PanelSwitcherMobileProps {
     modalCloseButtonLabel: string;
     leadingIcon?: string;

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
-import './pill.scss';
+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-dialog.d.ts

@@ -1,6 +1,6 @@
 import { FC, ReactNode } from 'react';
 import { PopupConfiguration } from './popup-config.model';
-import './popup-dialog.scss';
+import './popup-dialog.css';
 export interface PopupDialogProps {
     /**
      *  Popup configurations

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { BooleanProp } from '../../models';
-import './progress-bar.scss';
+import './progress-bar.css';
 export interface ProgressBarProps extends ComponentProps<'div'> {
     /**
      * The current value of the progress.

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

@@ -1,6 +1,6 @@
 import { FC, HtmlHTMLAttributes, ReactElement } from 'react';
 import { ProgressBarProps } from '../../components/progress-bar';
-import './progress-bar-group.scss';
+import './progress-bar-group.css';
 import { BooleanProp } from '../../models';
 export interface ProgressBarGroupProps extends HtmlHTMLAttributes<HTMLDivElement> {
     /**

package/artifacts/dist/types/components/quiz/quiz-item-summary/quiz-item-summary.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { BooleanProp } from '../../../models';
-import './quiz-item-summary.scss';
+import './quiz-item-summary.css';
 export interface QuizItemSummaryProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Children content.

package/artifacts/dist/types/components/quiz/quiz-option/quiz-option.d.ts

@@ -2,7 +2,7 @@ import { CheckboxProps } from '../../../components/checkbox';
 import { InputSelectProps } from '../../../components/input-select';
 import { RadioButtonProps } from '../../../components/radio';
 import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
-import './quiz-option.scss';
+import './quiz-option.css';
 export interface QuizOptionProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Children content.

package/artifacts/dist/types/components/radio/radio.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../models';
-import './radio.scss';
+import './radio.css';
 export interface RadioButtonProps extends ComponentProps<'input'> {
     /**
      * Input label text.

package/artifacts/dist/types/components/ratings/rating-buttons/rating-buttons.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FC } from 'react';
 import { BooleanProp } from '../../../models';
 import { ButtonProps, ButtonVariant } from '../../../components/button';
-import './rating-buttons.scss';
+import './rating-buttons.css';
 export type RatingStatus = 'like' | 'dislike' | 'neutral';
 export interface RatingButtonsElement extends HTMLDivElement {
     status: RatingStatus;

package/artifacts/dist/types/components/ratings/rating-icons/rating-icons.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FC, ReactElement, ReactNode } from 'react';
 import { IconProps } from '../../../components/icon';
 import { BooleanProp, FeedbackState } from '../../../models';
-import './rating-icons.scss';
+import './rating-icons.css';
 export interface RatingIconsElement extends HTMLDivElement {
     rating: number;
 }

package/artifacts/dist/types/components/scribbles/scribbles.d.ts

@@ -1,7 +1,7 @@
 import { FC, HTMLProps, SVGProps } from 'react';
 import { BooleanProp } from '../../models';
 import { ScribblesName } from './assets';
-import './scribbles.scss';
+import './scribbles.css';
 type SuperScribblesProps = SVGProps<SVGSVGElement> & HTMLProps<HTMLImageElement>;
 export interface ScribblesProps extends SuperScribblesProps {
     /**

package/artifacts/dist/types/components/search-pagination/search-pagination.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { BooleanProp } from '../../models';
-import './search-pagination.scss';
+import './search-pagination.css';
 export interface SearchPaginationProps extends Omit<ComponentProps<'nav'>, 'onChange'> {
     /**
      * Define the total number of pages.

package/artifacts/dist/types/components/shared/bookmark-icon/bookmark-icon.d.ts

@@ -1,2 +1,6 @@
 import React, { HTMLProps } from 'react';
-export declare const BookmarkIcon: (props: HTMLProps<SVGSVGElement>) => React.JSX.Element;
+export interface BookmarkIconProps extends HTMLProps<SVGSVGElement> {
+    fill?: string;
+    fillTop?: string;
+}
+export declare const BookmarkIcon: ({ fill, fillTop, ...props }: BookmarkIconProps) => React.JSX.Element;

package/artifacts/dist/types/components/shared/feedback/feedback.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, FeedbackState } from '../../../models';
-import './feedback.scss';
+import './feedback.css';
 export interface FeedbackProps extends ComponentProps<'div'> {
     /**
      * Defines the state of the feedback text. This param will change the feedback icon and dye it.

package/artifacts/dist/types/components/sidebar/sidebar-item-navigation-mobile/sidebar-item-navigation-mobile.d.ts

@@ -1,6 +1,6 @@
 import { SidebarProps } from '../../../components/sidebar';
 import { FC, RefObject } from 'react';
-import './sidebar-item-navigation-mobile.scss';
+import './sidebar-item-navigation-mobile.css';
 export declare const SidebarItemNavigationMobile: FC<SidebarProps & {
     sidebarRef: RefObject<HTMLUListElement>;
 }>;

package/artifacts/dist/types/components/sidebar/sidebar-item.d.ts

@@ -2,7 +2,7 @@ import { ComponentProps, FC } from 'react';
 import { BooleanProp } from '../../models';
 import { ButtonItemProps, LinkItemProps } from './models';
 import { SidebarVariantType } from './models/sidebar-variant.type';
-import './sidebar-item.scss';
+import './sidebar-item.css';
 export interface SidebarItemProps extends ComponentProps<'li'> {
     /**
      * Item of sidebar

package/artifacts/dist/types/components/sidebar/sidebar.d.ts

@@ -2,7 +2,7 @@ import { ComponentPropsWithoutRef, FC, ReactElement, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
 import { SidebarVariantType } from './models/sidebar-variant.type';
 import { SidebarItemProps } from './sidebar-item';
-import './sidebar.scss';
+import './sidebar.css';
 export interface SidebarProps extends ComponentPropsWithoutRef<'ul'> {
     /**
      * Whether the sidebar is for filtering data or for navigation

package/artifacts/dist/types/components/skip-navigation/skip-navigation.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FC, ReactElement, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
 import { ButtonProps } from '../../components/button';
-import './skip-navigation.scss';
+import './skip-navigation.css';
 export interface LevelLinks {
     level1: {
         link: ReactNode;

package/artifacts/dist/types/components/status-card/status-card.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
-import './status-card.scss';
+import './status-card.css';
 export type StatusCardType = 'info' | 'success' | 'warning' | 'danger';
 export interface StatusCardProps extends ComponentProps<'div'> {
     /**

package/artifacts/dist/types/components/step-list/step-list.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
-import './step-list.scss';
+import './step-list.css';
 export interface StepListProps extends ComponentPropsWithoutRef<'ol'> {
     /**
      * Children content.

package/artifacts/dist/types/components/stepper/step.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { BooleanProp } from '../../models';
-import './step.scss';
+import './step.css';
 /**
  * Available step status.
  */

package/artifacts/dist/types/components/stepper/stepper.d.ts

@@ -1,7 +1,7 @@
 import { BooleanProp } from '../../models';
 import { ComponentProps, FC, ReactElement } from 'react';
 import { StepProps } from './step';
-import './stepper.scss';
+import './stepper.css';
 export interface StepperProps extends ComponentProps<'div'> {
     /**
      * Defines if the stepper is interactive or not.

package/artifacts/dist/types/components/switch/switch.d.ts

@@ -1,6 +1,6 @@
 import { BooleanProp, FeedbackState } from '../../models';
 import { ComponentProps, FC, ReactNode } from 'react';
-import './switch.scss';
+import './switch.css';
 export type SwitchPosition = 'start' | 'center' | 'space-between' | 'space-around' | 'space-evenly';
 export interface SwitchProps extends ComponentProps<'input'> {
     /**

package/artifacts/dist/types/components/table/table-pagination.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from 'react';
-import './table-pagination.scss';
+import './table-pagination.css';
 export interface TablePaginationProps extends ComponentProps<'div'> {
     /**
      * Defines the label for the items per page

package/artifacts/dist/types/components/table/table.d.ts

@@ -5,7 +5,7 @@ import { TableCaptionProps } from './table-caption';
 import { TableFooterProps } from './table-footer';
 import { TableHeaderProps } from './table-header';
 import { TablePaginationProps } from './table-pagination';
-import './table.scss';
+import './table.css';
 export interface TableProps extends ComponentProps<'table'> {
     /**
      * Table children content

package/artifacts/dist/types/components/tabs/desktop/tabs-desktop.d.ts

@@ -3,7 +3,7 @@ import { ComponentPropsWithoutRef, FC, ReactElement, RefObject } from 'react';
 import { TabBodyProps } from '../tab-body';
 import { TabHeaderProps } from '../tab-header';
 import { TabCurrentType } from '../tabs';
-import './tabs-desktop.scss';
+import './tabs-desktop.css';
 export interface TabsDesktopProps extends ComponentPropsWithoutRef<'div'> {
     fullWidth: BooleanProp;
     vertically?: BooleanProp;

package/artifacts/dist/types/components/tabs/mobile/tabs-mobile.d.ts

@@ -3,7 +3,7 @@ import { ComponentPropsWithoutRef, FC, ReactElement, RefObject } from 'react';
 import { TabBodyProps } from '../tab-body';
 import { TabHeaderProps } from '../tab-header';
 import { TabCurrentType } from '../tabs';
-import './tabs-mobile.scss';
+import './tabs-mobile.css';
 interface TabsMobileProps extends ComponentPropsWithoutRef<'div'> {
     fullWidth: BooleanProp;
     tabListRef: RefObject<HTMLDivElement | null>;

package/artifacts/dist/types/components/tag/tag.d.ts

@@ -1,6 +1,6 @@
 import { BooleanProp } from '../../models';
 import { ComponentProps, FC, ReactNode } from 'react';
-import './tag.scss';
+import './tag.css';
 export interface TagProps extends ComponentProps<'button'> {
     /**
      * Defines if the button uses an icon.

package/artifacts/dist/types/components/timelines/shared/timeline-event/timeline-event.d.ts

@@ -1,6 +1,6 @@
 import { BooleanProp } from '../../../../models';
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import './timeline-event.scss';
+import './timeline-event.css';
 export interface TimelineEventProps extends ComponentPropsWithoutRef<'button'> {
     /**
      * Hide the label

package/artifacts/dist/types/components/timelines/shared/timeline-event-vertical/timeline-event-vertical.d.ts

@@ -1,4 +1,4 @@
 import { FC } from 'react';
 import { TimelineEventProps } from '../timeline-event/timeline-event';
-import './timeline-event-vertical.scss';
+import './timeline-event-vertical.css';
 export declare const TimelineEventVertical: FC<TimelineEventProps>;

package/artifacts/dist/types/components/timelines/timeline-horizontal/timeline-horizontal.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
 import { BooleanProp } from '../../../models';
 import { TimelineEventProps } from '../shared/timeline-event/timeline-event';
-import './timeline-horizontal.scss';
+import './timeline-horizontal.css';
 export interface TimelineHorizontalProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Label for the next button

package/artifacts/dist/types/components/timelines/timeline-vertical/timeline-vertical.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
 import { BooleanProp } from '../../../models';
 import { TimelineEventProps } from '../shared/timeline-event/timeline-event';
-import './timeline-vertical.scss';
+import './timeline-vertical.css';
 export interface TimelineVerticalProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Hide the labels

package/artifacts/dist/types/components/toasts/toast-context.d.ts

@@ -1,5 +1,5 @@
 import { ToastProps } from './toast';
-import './toast.scss';
+import './toast.css';
 export interface ToastContextProps {
     showToast: (data: ToastProps, duration?: number) => void;
     removeToast: (data: ToastProps) => void;

package/artifacts/dist/types/components/toasts/toast-provider.d.ts

@@ -1,5 +1,5 @@
 import { FC, ReactNode } from 'react';
-import './toast.scss';
+import './toast.css';
 export type ToastPositions = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
 export interface ToastProviderProps {
     children?: ReactNode;

package/artifacts/dist/types/components/toasts/toast.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import './toast.scss';
+import './toast.css';
 export type ToastType = 'success' | 'failure' | 'warning' | 'info';
 export interface ToastProps extends Omit<ComponentPropsWithoutRef<'div'>, 'id' | 'title'> {
     /**

package/artifacts/dist/types/components/toggle/toggle.d.ts

@@ -1,6 +1,6 @@
 import { BooleanProp } from '../../models';
 import { ComponentProps, FC } from 'react';
-import './toggle.scss';
+import './toggle.css';
 /**
  * The available toggle button appearances. Defines the button layout shape,
  */