@ama-pt/agora-design-system 3.5.1 → 3.5.3

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

@@ -11,6 +11,18 @@ export type AvatarType = 'image' | 'icon' | 'initials' | 'empty';
  * The available badge positions. Each of them defines the location of the badge on the avatar.
  */
 export type AvatarBadgePosition = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';
+/**
+ * The available badge variants. Each of them defines the color of the badge.
+ */
+export type AvatarBadgeVariant = 'primary' | 'secondary' | 'neutral' | 'informative' | 'success' | 'warning' | 'danger';
+/**
+ * The available badge appearances. Defines solid or outline style.
+ */
+export type AvatarBadgeAppearance = 'solid' | 'outline';
+/**
+ * The available badge sizes. Defines badge size.
+ */
+export type AvatarBadgeSize = 'default' | 'large';
 export interface AvatarProps extends ComponentProps<'div'> {
     /**
      *  Defines the appearance of the avatar.
@@ -45,10 +57,23 @@ export interface AvatarProps extends ComponentProps<'div'> {
      *  Defines the position of the avatar tooltip.
      */
     tooltipPosition?: TooltipPosition;
+    /**
+     * Defines the avatar badge variant. This variant will define the color of the badge.
+     */
+    badgeVariant?: AvatarBadgeVariant;
+    /**
     /**
      *  The defines the align the avatar tooltip alignment.
      */
     tooltipAlignment?: TooltipAlignment;
+    /**
+     *  Defines the avatar badge appearance.
+     */
+    badgeAppearance?: AvatarBadgeAppearance;
+    /**
+     *  Defines the avatar badge size.
+     */
+    badgeSize?: AvatarBadgeSize;
     /**
      *  Makes the avatar interactive. An interactive avatar can be focused by clicking on it, or pressing Space, Enter or NumpadEnter.
      */

package/artifacts/dist/types/components/avatar/index.d.ts

@@ -1,2 +1,2 @@
 export { Avatar } from './avatar';
-export type { AvatarBadgePosition, AvatarProps, AvatarType } from './avatar';
+export type { AvatarBadgeAppearance, AvatarBadgePosition, AvatarBadgeSize, AvatarBadgeVariant, AvatarProps, AvatarType } from './avatar';

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

@@ -3,7 +3,6 @@ import { ComponentProps, FC, ReactElement, Ref } from 'react';
 import { BrandProps } from './brand/brand';
 import { GeneralBarProps } from './general-bar/general-bar';
 import { NavigationBarProps } from './navigation-bar/navigation-bar';
-import { EcosystemBarProps } from './ecosystem-bar/ecosystem-bar';
 export interface HeaderElement extends ComponentProps<'div'> {
     focusActiveArea: () => void;
     setActiveArea: (areaValue: string) => void;
@@ -23,7 +22,7 @@ export interface HeaderElement extends ComponentProps<'div'> {
     openNavigationMenuOption: (index: number) => void;
     closeAll: () => void;
 }
-export type HeaderChildrenComponents = ReactElement<BrandProps | GeneralBarProps | NavigationBarProps> | ReactElement<BrandProps | GeneralBarProps | EcosystemBarProps>[];
+export type HeaderChildrenComponents = ReactElement<BrandProps | GeneralBarProps | NavigationBarProps> | ReactElement<BrandProps | GeneralBarProps | NavigationBarProps>[];
 export interface HeaderProps {
     ref?: Ref<HeaderElement>;
     darkMode?: BooleanProp;

package/artifacts/dist/types/components/header/index.d.ts

@@ -58,11 +58,5 @@ export { NavigationLink } from './navigation-bar/navigation-link';
 export type { NavigationLinkProps } from './navigation-bar/navigation-link';
 export { RelatedNavigationLink } from './navigation-bar/related-navigation-link';
 export type { RelatedNavigationLinkProps } from './navigation-bar/related-navigation-link';
-export { EcosystemBar } from './ecosystem-bar/ecosystem-bar';
-export type { EcosystemBarProps } from './ecosystem-bar/ecosystem-bar';
-export { EcosystemBarTitle } from './ecosystem-bar/ecosystem-bar-title';
-export type { EcosystemBarTitleProps } from './ecosystem-bar/ecosystem-bar-title';
-export { EcosystemBarContent } from './ecosystem-bar/ecosystem-bar-content';
-export type { EcosystemBarContentProps } from './ecosystem-bar/ecosystem-bar-content';
 export { NavigationFreestyle } from './navigation-bar/navigation-freestyle';
 export type { NavigationFreestyleProps } from './navigation-bar/navigation-freestyle';

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

@@ -57,9 +57,6 @@ export interface HeaderDataContextProps {
     getModalAriaLabel: () => string;
     getModalCloseLabel: () => string;
     darkMode: boolean;
-    getEcosystemBarTitle: () => ReactNode;
-    getEcosystemBarContent: () => ReactNode;
-    hasEcosystemBar: () => boolean;
 }
 export declare const HeaderDataContext: import("react").Context<HeaderDataContextProps>;
 export declare const useHeaderDataContext: () => HeaderDataContextProps;

package/artifacts/dist/types/components/header/internals/context/menu-context/menu-type.enum.d.ts

@@ -11,5 +11,7 @@ export declare enum MenuTypeEnum {
     MenuBurger = "MenuBurger",
     Modal = "Modal",
     NavigationList = "NavigationList",
-    NavigationBurgerLayout = "NavigationBurgerLayout"
+    NavigationBurgerLayout = "NavigationBurgerLayout",
+    GeneralBarPortal = "GeneralBarPortal",
+    NavigationBarPortal = "NavigationBarPortal"
 }

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

@@ -1,6 +1,7 @@
 import { ButtonProps } from '../../../../../components/button';
 import { ComponentProps, FC, ReactElement } from 'react';
 import { LayoutProps } from './layout.interface';
+import { MenuTypeEnum } from '../../context/menu-context/menu-type.enum';
 import './panel-menu.css';
 export interface PanelMenuElement extends HTMLDivElement {
     /**
@@ -36,6 +37,7 @@ export interface PanelMenuProps extends ComponentProps<'div'> {
         trailingIconHover?: string;
     };
     isDrawerPanel?: boolean;
+    portalRefType: MenuTypeEnum.GeneralBarPortal | MenuTypeEnum.NavigationBarPortal;
 }
 declare const PanelMenu: FC<PanelMenuProps>;
 export { PanelMenu };

package/artifacts/dist/types/components/icon/assets/line/line-copy.d.ts

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

package/artifacts/dist/types/components/icon/assets/solid/solid-copy.d.ts

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

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

@@ -1,7 +1,7 @@
 import { TabBodyProps } from '../../../components/tabs';
 import React, { ComponentProps, FC, ReactElement } from 'react';
 import './panel-switcher-desktop.css';
-import { ButtonsHeaderData } from '../panel-switcher';
+import { ButtonsHeaderData } from '../../../components/panel-switcher';
 export interface PanelSwitcherDesktopProps extends ComponentProps<'div'> {
     buttonListRef: React.RefObject<HTMLDivElement | null>;
     panelRef: React.RefObject<HTMLDivElement | null>;
@@ -9,5 +9,6 @@ export interface PanelSwitcherDesktopProps extends ComponentProps<'div'> {
     activateButton: (index: number) => void;
     buttonsHeaderData: Array<ButtonsHeaderData>;
     buttonsBodyData: Array<ReactElement<TabBodyProps>>;
+    darkMode?: boolean;
 }
 export declare const PanelSwitcherDesktop: FC<PanelSwitcherDesktopProps>;

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

@@ -0,0 +1,36 @@
+import { FC, ReactElement, ReactNode } from 'react';
+import { BooleanProp } from '../../models';
+import { TabBodyProps } from '../tabs';
+type ReactNodeOrFC = ReactNode | FC<{
+    darkMode?: BooleanProp;
+}>;
+export type PanelData = {
+    text: string;
+    withIcon?: boolean;
+    leadingIcon?: string;
+    content: ReactNodeOrFC;
+    leadingIconHover?: string;
+};
+export type ButtonsHeaderData = {
+    withIcon: boolean;
+    leadingIcon: string;
+    leadingIconHover: string;
+    child: ReactElement<TabBodyProps>;
+};
+export interface PanelSwitcherProps {
+    /**
+     * Collection of PanelData to be displayed by panel.
+     */
+    data: PanelData[];
+    /**
+     * Defines the label of the modal close button.
+     */
+    modalCloseButtonLabel: string;
+    /**
+     * The flag to set if the footer is in dark mode or light mode.
+     */
+    darkMode?: boolean;
+}
+export declare const convertContentToNode: (content: ReactNodeOrFC, darkMode?: boolean) => ReactNode;
+export declare const handleIcons: (hasIcon: boolean, icon: string, leadingIcon: boolean) => string | undefined;
+export {};

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

@@ -1,2 +1,2 @@
 export { PanelSwitcher } from './panel-switcher';
-export type { PanelSwitcherProps } from './panel-switcher';
+export type { PanelSwitcherProps, PanelData, ButtonsHeaderData } from './helper';

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

@@ -1,13 +1,14 @@
 import React, { FC, ReactElement, RefObject } from 'react';
 import { TabBodyProps } from '../../../components/tabs';
 import './panel-switcher-mobile.css';
-import { ButtonsHeaderData } from '../panel-switcher';
+import { ButtonsHeaderData } from '../../../components/panel-switcher';
 export interface PanelSwitcherMobileProps {
     modalCloseButtonLabel: string;
     buttonListRef: RefObject<HTMLDivElement | null>;
     buttonsHeaderData: Array<ButtonsHeaderData>;
     buttonsBodyData: Array<ReactElement<TabBodyProps>>;
     activeButton?: number;
+    darkMode?: boolean;
 }
 export declare const ModalContent: FC<{
     content: React.ReactNode;

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

@@ -1,6 +1,6 @@
 import { FC, ReactElement } from 'react';
 import { TabProps } from '../tabs';
-import { PanelData } from './panel-switcher';
+import { PanelData } from '../../components/panel-switcher';
 export interface PanelSwitcherContainerProps {
     /**
      * Collection of PanelData to be displayed by panel.
@@ -14,5 +14,9 @@ export interface PanelSwitcherContainerProps {
      * Defines the label of the modal close button.
      */
     modalCloseButtonLabel: string;
+    /**
+     * The flag to set if the footer is in dark mode or light mode.
+     */
+    darkMode?: boolean;
 }
 export declare const PanelSwitcherContainer: FC<PanelSwitcherContainerProps>;

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

@@ -1,24 +1,3 @@
-import { FC, ReactElement, ReactNode } from 'react';
-import { TabBodyProps } from '../tabs';
-export type PanelData = {
-    text: string;
-    content: ReactNode;
-    leadingIcon?: string;
-    leadingIconHover?: string;
-};
-export type ButtonsHeaderData = {
-    leadingIcon: string;
-    leadingIconHover: string;
-    child: ReactElement<TabBodyProps>;
-};
-export interface PanelSwitcherProps {
-    /**
-     * Collection of PanelData to be displayed by panel.
-     */
-    data: PanelData[];
-    /**
-     * Defines the label of the modal close button.
-     */
-    modalCloseButtonLabel: string;
-}
+import { FC } from 'react';
+import { PanelSwitcherProps } from './helper';
 export declare const PanelSwitcher: FC<PanelSwitcherProps>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ama-pt/agora-design-system",
   "description": "Ágora Design system",
-  "version": "3.5.1",
+  "version": "3.5.3",
   "main": "artifacts/dist/index.mjs",
   "module": "artifacts/dist/index.umd.js",
   "files": [

package/artifacts/dist/agora-line-NPWOQuk9.mjs

@@ -1,15 +0,0 @@
-import l from "react";
-const n = (e) => {
-  const t = { ...e };
-  return delete t.alt, delete t.title, /* @__PURE__ */ l.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", fill: "none", ...t, role: "img" }, e.title && /* @__PURE__ */ l.createElement("title", null, e.title), /* @__PURE__ */ l.createElement(
-    "path",
-    {
-      d: "M13.2637 2.5L8.69727 14.0156L8.42578 14.7002H15.7539L15.5068 14.0273L13.4678 8.4834L14.8838 4.86035L21.2725 21.5H18.4307L16.9121 17.6182L16.7881 17.2998H7.38672L7.25977 17.6104L5.66406 21.5H2.74023L4.15234 17.9863L5.60156 14.3867L5.60254 14.3848L10.3398 2.5H13.2637Z",
-      stroke: "#034AD8"
-    }
-  ));
-};
-export {
-  n as default
-};
-//# sourceMappingURL=agora-line-NPWOQuk9.mjs.map

package/artifacts/dist/agora-line-NPWOQuk9.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"agora-line-NPWOQuk9.mjs","sources":["../../src/components/icon/assets/other/agora-line.tsx"],"sourcesContent":["import React from 'react';\n\nimport { SVGIconProps } from '@/models/';\n\nexport default (props: SVGIconProps) => {\n  const newProps = { ...props };\n  delete newProps.alt;\n  delete newProps.title;\n\n  return (\n    <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" xmlns=\"http://www.w3.org/2000/svg\" fill=\"none\" {...newProps} role=\"img\">\n      {props.title && <title>{props.title}</title>}\n      <path\n        d=\"M13.2637 2.5L8.69727 14.0156L8.42578 14.7002H15.7539L15.5068 14.0273L13.4678 8.4834L14.8838 4.86035L21.2725 21.5H18.4307L16.9121 17.6182L16.7881 17.2998H7.38672L7.25977 17.6104L5.66406 21.5H2.74023L4.15234 17.9863L5.60156 14.3867L5.60254 14.3848L10.3398 2.5H13.2637Z\"\n        stroke=\"#034AD8\"\n      />\n    </svg>\n  );\n};\n"],"names":["agoraLine","props","newProps","React"],"mappings":";AAIA,MAAAA,IAAe,CAACC,MAAwB;AACtC,QAAMC,IAAW,EAAE,GAAGD,EAAA;AACtB,gBAAOC,EAAS,KAChB,OAAOA,EAAS,OAGd,gBAAAC,EAAA,cAAC,SAAI,OAAM,MAAK,QAAO,MAAK,SAAQ,aAAY,OAAM,8BAA6B,MAAK,QAAQ,GAAGD,GAAU,MAAK,MAAA,GAC/GD,EAAM,SAAS,gBAAAE,EAAA,cAAC,SAAA,MAAOF,EAAM,KAAM,GACpC,gBAAAE,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,GAAE;AAAA,MACF,QAAO;AAAA,IAAA;AAAA,EAAA,CAEX;AAEJ;"}

package/artifacts/dist/types/components/header/ecosystem-bar/ecosystem-bar-content.d.ts

@@ -1,5 +0,0 @@
-import React, { FC } from 'react';
-export interface EcosystemBarContentProps {
-    children?: React.ReactNode;
-}
-export declare const EcosystemBarContent: FC<EcosystemBarContentProps>;

package/artifacts/dist/types/components/header/ecosystem-bar/ecosystem-bar-title.d.ts

@@ -1,5 +0,0 @@
-import React, { FC } from 'react';
-export interface EcosystemBarTitleProps {
-    children?: React.ReactNode;
-}
-export declare const EcosystemBarTitle: FC<EcosystemBarTitleProps>;

package/artifacts/dist/types/components/header/ecosystem-bar/ecosystem-bar.d.ts

@@ -1,5 +0,0 @@
-import React, { FC } from 'react';
-export interface EcosystemBarProps {
-    children?: React.ReactNode;
-}
-export declare const EcosystemBar: FC<EcosystemBarProps>;

package/artifacts/dist/types/components/header/internals/context/data-context/utils/ecosystem-utils.d.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-import { HeaderChildrenComponents } from '../../../../../../components/header/header';
-export declare const getEcosystemBarTitleInternal: (children?: HeaderChildrenComponents) => ReactNode | null;
-export declare const getEcosystemBarContentInternal: (children?: HeaderChildrenComponents) => ReactNode;
-export declare const hasEcosystemBarInternal: (children?: HeaderChildrenComponents) => boolean;

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

@@ -1,3 +0,0 @@
-import React from 'react';
-import './internal-ecosystem-bar.css';
-export declare const InternalEcosystemBar: () => React.JSX.Element;