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

package/artifacts/dist/types/components/cards/card-article/card-article.d.ts

@@ -2,7 +2,7 @@ import { AnchorProps } from '../../../components/anchor';
 import { PillProps } from '../../../components/pill';
 import { BooleanProp, HeadingLevel } from '../../../models';
 import { ComponentPropsWithoutRef, FC, ImgHTMLAttributes, ReactNode } from 'react';
-import './card-article.scss';
+import './card-article.css';
 export type CardArticleVariant = 'default' | 'indented';
 export interface CardArticleProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/cards/card-collection/card-collection.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { AnchorProps } from '../../../components/anchor';
 import { BooleanProp, HeadingLevel } from '../../../models';
-import './card-collection.scss';
+import './card-collection.css';
 export interface CardCollectionProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
      * Card Collection heading level title.

package/artifacts/dist/types/components/cards/card-emphasize/card-emphasize.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { ButtonProps } from '../../../components/button';
 import { IconProps } from '../../../components/icon';
-import './card-emphasize.scss';
+import './card-emphasize.css';
 /**
  * The available alignments of the card emphasize.
  */

package/artifacts/dist/types/components/cards/card-error/card-error.d.ts

@@ -1,6 +1,6 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { BooleanProp } from '../../../models';
-import './card-error.scss';
+import './card-error.css';
 export interface CardErrorProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
      *  The card icon.

package/artifacts/dist/types/components/cards/card-expandable/card-accordion/card-accordion.d.ts

@@ -1,10 +1,10 @@
 import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
 import { BooleanProp, HeadingLevel } from '../../../../models';
-import './card-accordion.scss';
+import './card-accordion.css';
 /**
  * The available variants of the accordion. Those variants will define the style of the accordion.
  */
-export type CardAccordionVariant = 'white' | 'primary-light' | 'primary-dark';
+export type CardAccordionVariant = 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900';
 export interface CardAccordionElement extends HTMLDivElement {
     /**
      *  Expand the accordion.

package/artifacts/dist/types/components/cards/card-expandable/card-expandable-style.d.ts

@@ -0,0 +1,16 @@
+import { CardExpandableVariant } from './card-expandable';
+type CardExpandableStylesBody = {
+    backgroundColor: string;
+    textColor: string;
+    iconColor: string;
+    anchorColor: string;
+};
+export type CardExpandableStylesMap = Record<CardExpandableVariant, CardExpandableStylesBody>;
+export declare const cardExpandableStylesMap: CardExpandableStylesMap;
+type BookMarkIconStyles = {
+    fill: string;
+    fillTop: string;
+};
+export type BookMarkIconStylesMap = Record<CardExpandableVariant, BookMarkIconStyles>;
+export declare const bookMarkIconStylesMap: BookMarkIconStylesMap;
+export {};

package/artifacts/dist/types/components/cards/card-expandable/card-expandable.d.ts

@@ -1,11 +1,11 @@
 import { BooleanProp, HeadingLevel } from '../../../models';
 import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
-import './card-expandable.scss';
 import { CardAccordionElement } from './card-accordion';
+import './card-expandable.css';
 /**
  * The available variants of the card. Those variants will define the style of the card.
  */
-export type CardExpandableVariant = 'white' | 'primary-light' | 'primary-dark';
+export type CardExpandableVariant = 'white' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'neutral-100';
 export interface CardExpandableElement extends CardAccordionElement {
 }
 export interface CardExpandableProps extends Omit<ComponentProps<'div'>, 'title'> {

package/artifacts/dist/types/components/cards/card-frame/card-frame.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { BooleanProp, HeadingLevel } from '../../../models';
 import { AnchorProps } from '../../../components/anchor';
-import './card-frame.scss';
+import './card-frame.css';
 export interface CardFrameProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Children content.

package/artifacts/dist/types/components/cards/card-full-image/card-full-image.d.ts

@@ -2,7 +2,7 @@ import { ComponentPropsWithoutRef, FC, ImgHTMLAttributes, ReactElement } from 'r
 import { CardHeroHelperProps } from '../../../components/cards/card-hero-helper';
 import { CardHeroIndexProps } from '../../../components/cards/card-hero-index';
 import { CardHeroSitemapProps } from '../../../components/cards/card-hero-sitemap';
-import './card-full-image.scss';
+import './card-full-image.css';
 export interface CardFullImageProps extends ComponentPropsWithoutRef<'div'> {
     /**
      * Children content.

package/artifacts/dist/types/components/cards/card-hero-helper/card-hero-helper.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { HeadingLevel } from '../../../models';
 import { AnchorProps } from '../../../components/anchor';
-import './card-hero-helper.scss';
+import './card-hero-helper.css';
 export interface HelpTopic {
     description: ReactNode;
     anchor: AnchorProps;

package/artifacts/dist/types/components/cards/card-hero-index/card-hero-index.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { AnchorProps } from '../../../components/anchor';
 import { HeadingLevel } from '../../../models';
-import './card-hero-index.scss';
+import './card-hero-index.css';
 export interface CardHeroIndexProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
      * The title of the card.

package/artifacts/dist/types/components/cards/card-hero-sitemap/card-hero-sitemap.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { AnchorProps } from '../../../components/anchor';
 import { HeadingLevel } from '../../../models';
-import './card-hero-sitemap.scss';
+import './card-hero-sitemap.css';
 export interface CardHeroSitemapProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
      * Header title.

package/artifacts/dist/types/components/cards/card-highlight/card-highlight.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
 import { AnchorProps } from '../../../components/anchor';
 import { HeadingLevel } from '../../../models';
-import './card-highlight.scss';
+import './card-highlight.css';
 export type HighlightAreaPositionType = 'interior' | 'exterior';
 export type HighlightCardPositionType = 'bottom' | 'middle';
 export type HighlightCardSizeType = 's' | 'default';

package/artifacts/dist/types/components/cards/card-highlight/shared/inner-highlight-card.d.ts

@@ -1,7 +1,7 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { AnchorProps } from '../../../../components/anchor';
 import { HeadingLevel } from '../../../../models';
-import './inner-highlight-card.scss';
+import './inner-highlight-card.css';
 export interface InnerHighlightCardProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * header title.

package/artifacts/dist/types/components/cards/card-highlight-newsletter/card-highlight-newsletter.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ImgHTMLAttributes, ReactElement, ReactNode } from 'react';
 import { InputEmailBarProps } from '../../../components/input-email-bar/input-email-bar';
-import './card-highlight-newsletter.scss';
+import './card-highlight-newsletter.css';
 export interface CardHighlightNewsletterProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * The title to be displayed.

package/artifacts/dist/types/components/cards/card-highlight-single/card-highlight-single.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { ButtonProps } from '../../../components/button';
-import './card-highlight-single.scss';
+import './card-highlight-single.css';
 import { BooleanProp } from '../../../models';
 export interface CardHighlightSingleProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**

package/artifacts/dist/types/components/cards/card-links/card-links.d.ts

@@ -1,13 +1,17 @@
-import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
-import { BooleanProp, HeadingLevel } from '../../../models';
 import { AnchorProps } from '../../../components/anchor';
-import './card-links.scss';
-export type CardLinksStyles = 'transparent' | 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900';
+import { BooleanProp, HeadingLevel } from '../../../models';
+import { ComponentProps, FC, ImgHTMLAttributes, ReactNode } from 'react';
+import './card-links.css';
+export type CardLinksVariants = 'transparent' | 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900';
 export interface CardLinksProps extends Omit<ComponentProps<'div'>, 'title'> {
+    /**
+     * Add padding to the card.
+     */
+    padding?: BooleanProp;
     /**
      * Style of card
      */
-    variant?: CardLinksStyles;
+    variant?: CardLinksVariants;
     /**
      * Heading level to apply in the card.
      */
@@ -29,11 +33,7 @@ export interface CardLinksProps extends Omit<ComponentProps<'div'>, 'title'> {
      */
     description?: ReactNode;
     /**
-     * The description of the card.
-     */
-    description2?: ReactNode;
-    /**
-     * Second description of the card.
+     * card image.
      */
     image?: ImgHTMLAttributes<HTMLImageElement>;
     /**
@@ -49,12 +49,8 @@ export interface CardLinksProps extends Omit<ComponentProps<'div'>, 'title'> {
      */
     topics?: ReactNode[];
     /**
-     *  Enables dark mode.
-     */
-    darkMode?: BooleanProp;
-    /**
-     * Makes the title clickable.
+     * Makes the whole card clickable.
      */
-    titleLink?: BooleanProp;
+    blockedLink?: BooleanProp;
 }
 export declare const CardLinks: FC<CardLinksProps>;

package/artifacts/dist/types/components/cards/card-no-results/card-no-results.d.ts

@@ -1,6 +1,6 @@
 import React, { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp } from '../../../models';
-import './card-no-results.scss';
+import './card-no-results.css';
 export interface CardNoResultsProps extends Omit<ComponentProps<'div'>, 'title'> {
     /**
      * Icon to display in the card.

package/artifacts/dist/types/components/cards/card-single/card-single.d.ts

@@ -2,7 +2,7 @@ import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp, HeadingLevel } from '../../../models';
 import { AnchorProps } from '../../../components/anchor';
 import { IconProps } from '../../../components/icon';
-import './card-single.scss';
+import './card-single.css';
 /**
  * Card Single Variants
  */

package/artifacts/dist/types/components/cards/card-topic/card-topic.d.ts

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { BooleanProp, HeadingLevel } from '../../../models';
 import { AnchorProps } from '../../../components/anchor';
-import './card-topic.scss';
+import './card-topic.css';
 import { PillProps } from '../../../components/pill/pill';
 /**
  * Available card topic variant styles.

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

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

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC } from 'react';
 import { BooleanProp } from '../../models';
-import './dialog.scss';
+import './dialog.css';
 export interface DialogElement extends HTMLDivElement {
     /**
      * Initial visibility state of the dialog.

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

@@ -1,6 +1,6 @@
 import { ComponentProps, FC, ReactNode } from 'react';
 import { BooleanProp } from '../../models';
-import './drawer.scss';
+import './drawer.css';
 export type DrawerPosition = 'left' | 'right' | 'top' | 'bottom';
 export interface DrawerElement extends HTMLDivElement {
     /**

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

@@ -3,12 +3,16 @@ import { ComponentProps, FC, ReactElement, ReactNode } from 'react';
 import { DropdownOptionProps } from './dropdown-option';
 import { DropdownSectionProps } from './dropdown-section';
 import { DropdownType } from './dropdown-type';
+import { InternalDropdownContextProps } from './internals/internal-dropdown-context';
 export interface DropdownElement extends HTMLDivElement {
     visibility: boolean;
     show: () => void;
     hide: () => void;
     first: () => void;
     last: () => void;
+    selectedOptions: DropdownOptionProps[];
+    applyFilter: (filter: string) => void;
+    resetFilter: () => void;
 }
 export interface DropdownProps extends Omit<ComponentProps<'div'>, 'onChange'> {
     /**
@@ -67,6 +71,11 @@ export interface DropdownProps extends Omit<ComponentProps<'div'>, 'onChange'> {
      *  Text to display in the "select all options across all sections" option.
      */
     selectAllLabel?: string;
+    /**
+     *  Controls the visibility of the dropdown. If not provided, the component will manage its own state.
+     */
+    showDropdown?: boolean;
 }
+export declare const showDropdownHandler: (showDropdown: boolean | undefined, dropdownState: InternalDropdownContextProps) => void;
 declare const Dropdown: FC<DropdownProps>;
 export { Dropdown };

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-context.d.ts

@@ -5,6 +5,7 @@ export interface InternalDropdownContextProps {
     type: DropdownType;
     sections: InternalDropdownSectionProps[];
     options: InternalDropdownOptionProps[];
+    selectedOptions: InternalDropdownOptionProps[];
     visibility?: boolean;
     show: () => void;
     hide: () => void;

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-filter-section.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, RefObject } from 'react';
-import './internal-dropdown-filter-section.scss';
+import './internal-dropdown-filter-section.css';
 export interface InternalDropdownFilterSectionRef extends RefObject<HTMLInputElement> {
     filterElem: HTMLLIElement | null;
     resetFilter: () => void;

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-no-results.d.ts

@@ -1,5 +1,5 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
-import './internal-dropdown-no-results.scss';
+import './internal-dropdown-no-results.css';
 export interface InternalNoResultsProps extends ComponentPropsWithoutRef<'div'> {
     label: ReactNode;
 }

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-option.d.ts

@@ -1,6 +1,6 @@
 import { BooleanProp, IconPosition } from '../../../models';
 import { ComponentProps, FC, ReactNode } from 'react';
-import './internal-dropdown-option.scss';
+import './internal-dropdown-option.css';
 export interface InternalDropdownOptionProps extends ComponentProps<'li'> {
     className?: string;
     name?: string;

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown-select-all-section.d.ts

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import './internal-dropdown-select-all-section.scss';
+import './internal-dropdown-select-all-section.css';
 export interface InternalDropdownSelectAllSectionProps {
     label: string;
 }

package/artifacts/dist/types/components/dropdown/internals/internal-dropdown.d.ts

@@ -1,6 +1,6 @@
 import { BooleanProp } from '../../../models';
 import { ComponentProps, FC, ReactNode } from 'react';
-import './internal-dropdown.scss';
+import './internal-dropdown.css';
 export interface InternalDropdownElement extends HTMLDivElement {
     resetFilter: () => void;
 }

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

@@ -1,7 +1,7 @@
 import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
 import { RatingButtonsProps } from '../../components/ratings';
 import { BooleanProp, HeadingLevel } from '../../models';
-import './feedback.scss';
+import './feedback.css';
 export interface FeedbackProps extends Omit<ComponentPropsWithoutRef<'div'>, 'title'> {
     /**
      * The title of the feedback.

package/artifacts/dist/types/components/footer/federated-footer/federated-footer.d.ts

@@ -1,6 +1,6 @@
 import { CardFooterProps, LinkableIconsProps, LinkableImagesProps } from '../../../components/footer';
 import { AnchorHTMLAttributes, FC, ReactNode } from 'react';
-import './federated-footer.scss';
+import './federated-footer.css';
 export interface FederatedFooterProps {
     /**
      * Informative card. Links limited to first 3, remaining array is discarded.

package/artifacts/dist/types/components/footer/public-footer/public-footer.d.ts

@@ -4,7 +4,7 @@ import { CardLinksFooterProps } from '../models/CardLinksFooterProps';
 import { ContactsFooterProps } from '../models/ContactsFooterProps';
 import { LinkableIconsProps } from '../models/LinkableIconsProps';
 import { LinkableImagesProps } from '../models/LinkableImagesProps';
-import './public-footer.scss';
+import './public-footer.css';
 export interface PublicFooterProps {
     /**
      * Informative card. Links limited to first 3, remaining array is discarded.

package/artifacts/dist/types/components/glossary-letters/glossary-letters.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC, HTMLProps } from 'react';
-import './glossary-letters.scss';
+import './glossary-letters.css';
 export type LetterStatus = 'default' | 'disabled' | 'selected';
 export interface GlossaryLetter extends HTMLProps<HTMLAnchorElement> {
     /**

package/artifacts/dist/types/components/header/internals/general-bar/areas/internal-area.d.ts

@@ -1,6 +1,6 @@
 import { AreaProps } from '../../../../../components/header/general-bar/areas/area';
 import { FC } from 'react';
-import './internal-area.scss';
+import './internal-area.css';
 export interface InternalAreaProps extends AreaProps {
 }
 export declare const InternalArea: FC<InternalAreaProps>;

package/artifacts/dist/types/components/header/internals/general-bar/areas/internal-areas.d.ts

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

package/artifacts/dist/types/components/header/internals/general-bar/authenticated/Internal-authenticated-drawer.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './Internal-authenticated-drawer.scss';
+import './Internal-authenticated-drawer.css';
 export declare const InternalAuthenticatedDrawer: FC;

package/artifacts/dist/types/components/header/internals/general-bar/authenticated/internal-authenticated-drawer-body.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-authenticated-drawer-body.scss';
+import './internal-authenticated-drawer-body.css';
 export declare const InternalAuthenticatedDrawerBody: FC;

package/artifacts/dist/types/components/header/internals/general-bar/authenticated/internal-authenticated-drawer-footer.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-authenticated-drawer-footer.scss';
+import './internal-authenticated-drawer-footer.css';
 export declare const InternalAuthenticatedDrawerFooter: FC;

package/artifacts/dist/types/components/header/internals/general-bar/authenticated/internal-authenticated-drawer-header.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-authenticated-drawer-header.scss';
+import './internal-authenticated-drawer-header.css';
 export declare const InternalAuthenticatedDrawerHeader: FC;

package/artifacts/dist/types/components/header/internals/general-bar/authenticated/internal-authenticated.d.ts

@@ -2,7 +2,7 @@ import { AuthenticatedBodyProps } from '../../../../../components/header/general
 import { AuthenticatedFooterProps } from '../../../../../components/header/general-bar/authenticated/authenticated-footer';
 import { AuthenticatedHeaderProps } from '../../../../../components/header/general-bar/authenticated/authenticated-header';
 import { ComponentProps, FC, ReactElement } from 'react';
-import './internal-authenticated.scss';
+import './internal-authenticated.css';
 interface InternalAuthenticatedProps extends Omit<ComponentProps<'div'>, 'children'> {
     children?: null | ReactElement<AuthenticatedHeaderProps | AuthenticatedBodyProps | AuthenticatedFooterProps> | ReactElement<AuthenticatedHeaderProps | AuthenticatedBodyProps | AuthenticatedFooterProps>[];
 }

package/artifacts/dist/types/components/header/internals/general-bar/internal-general-bar.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-general-bar.scss';
+import './internal-general-bar.css';
 export declare const InternalGeneralBar: FC;

package/artifacts/dist/types/components/header/internals/general-bar/languages/internal-language.d.ts

@@ -1,5 +1,5 @@
 import { ComponentProps, FC } from 'react';
-import './internal-language.scss';
+import './internal-language.css';
 export interface InternalLanguageProps extends ComponentProps<'button'> {
     icon?: string;
     checked: boolean;

package/artifacts/dist/types/components/header/internals/general-bar/languages/internal-languages-layout.d.ts

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

package/artifacts/dist/types/components/header/internals/general-bar/languages/internal-languages.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-languages.scss';
+import './internal-languages.css';
 export declare const InternalLanguages: FC;

package/artifacts/dist/types/components/header/internals/general-bar/search/internal-custom-search-layout.d.ts

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

package/artifacts/dist/types/components/header/internals/general-bar/search/internal-search-layout.d.ts

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

package/artifacts/dist/types/components/header/internals/general-bar/search/internal-search.d.ts

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

package/artifacts/dist/types/components/header/internals/general-bar/unauthenticated/internal-unauthenticated-layout.d.ts

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

package/artifacts/dist/types/components/header/internals/general-bar/unauthenticated/internal-unauthenticated.d.ts

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-unauthenticated.scss';
+import './internal-unauthenticated.css';
 export declare const InternalUnauthenticated: FC;

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

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-header.scss';
+import './internal-header.css';
 export declare const InternalHeader: FC;

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

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-navigation-bar.scss';
+import './internal-navigation-bar.css';
 export declare const InternalNavigationBar: FC;

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

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

package/artifacts/dist/types/components/header/internals/navigation-bar/navigation-burger/internal-navigation-burger-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-burger-layout.scss';
+import './internal-navigation-burger-layout.css';
 export declare const InternalNavigationBurgerLayout: FC<LayoutProps>;

package/artifacts/dist/types/components/header/internals/navigation-bar/navigation-burger/internal-navigation-burger-panel.d.ts

@@ -1,6 +1,6 @@
 import { ButtonProps } from '../../../../../components/button';
 import { ComponentProps, FC } from 'react';
-import './internal-navigation-burger-panel.scss';
+import './internal-navigation-burger-panel.css';
 export interface InternalNavigationBurgerPanelElement extends HTMLDivElement {
     /**
      *  Open the submenu.

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

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-navigation-burger.scss';
+import './internal-navigation-burger.css';
 export declare const InternalNavigationBurger: FC;

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

@@ -2,7 +2,7 @@ import { LayoutProps } from '../../../../../components/header/internals/shared/p
 import { NavigationLinkProps } from '../../../../../components/header/navigation-bar/navigation-link';
 import { RelatedNavigationLinkProps } from '../../../../../components/header/navigation-bar/related-navigation-link';
 import { FC, ReactElement, ReactNode } from 'react';
-import './internal-navigation-link-layout.scss';
+import './internal-navigation-link-layout.css';
 export interface InternalNavigationLinksLayoutProps extends Omit<LayoutProps, 'title'> {
     title: ReactNode;
     linksAriaLabel?: string;

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

@@ -1,3 +1,3 @@
 import { FC } from 'react';
-import './internal-navigation-list.scss';
+import './internal-navigation-list.css';
 export declare const InternalNavigationList: FC;

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

@@ -1,7 +1,7 @@
 import { NavigationLinkProps } from '../../../../../components/header/navigation-bar/navigation-link';
 import { NavigationRootProps } from '../../../../../components/header/navigation-bar/navigation-root';
 import { FC, ReactElement } from 'react';
-import './internal-modal-content.scss';
+import './internal-modal-content.css';
 export interface InternalModalContentProps {
     item: ReactElement<NavigationRootProps | NavigationLinkProps>;
 }

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

@@ -1,5 +1,5 @@
 import { FC } from 'react';
-import './internal-modal-navbar.scss';
+import './internal-modal-navbar.css';
 export interface InternalModalNavbarProps {
     onActiveChange: (activeIndex: number) => void;
 }