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

package/artifacts/dist/{solid-hand-heart-XS9tzo8e.mjs → solid-hand-heart-CmuM78yB.mjs}

@@ -18,13 +18,13 @@ const o = (t) => {
       d: "M20.2289 3.79567C19.9846 3.54342 19.6944 3.34331 19.3751 3.20679C19.0558 3.07027 18.7136 3 18.3679 3C18.0223 3 17.6801 3.07027 17.3607 3.20679C17.0414 3.34331 16.7513 3.54342 16.507 3.79567L15.9999 4.31893L15.4928 3.79567C14.9992 3.28638 14.3298 3.00026 13.6318 3.00026C12.9338 3.00026 12.2644 3.28638 11.7708 3.79567C11.2773 4.30495 11 4.99569 11 5.71593C11 6.43617 11.2773 7.12692 11.7708 7.6362L12.2779 8.15946L15.9999 12L19.7218 8.15946L20.2289 7.6362C20.4734 7.38407 20.6673 7.08471 20.7996 6.75523C20.9319 6.42574 21 6.07258 21 5.71593C21 5.35928 20.9319 5.00613 20.7996 4.67664C20.6673 4.34716 20.4734 4.0478 20.2289 3.79567Z",
       fill: "#034AD8",
       stroke: "#034AD8",
-      "stroke-width": "2",
-      "stroke-linecap": "round",
-      "stroke-linejoin": "round"
+      strokeWidth: "2",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
   ));
 };
 export {
   o as default
 };
-//# sourceMappingURL=solid-hand-heart-XS9tzo8e.mjs.map
+//# sourceMappingURL=solid-hand-heart-CmuM78yB.mjs.map

package/artifacts/dist/{solid-hand-heart-XS9tzo8e.mjs.map → solid-hand-heart-CmuM78yB.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"solid-hand-heart-XS9tzo8e.mjs","sources":["../../src/components/icon/assets/solid/solid-hand-heart.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\" {...newProps} role=\"img\">\n      {props.title && <title>{props.title}</title>}\n      <path\n        fill=\"none\"\n        stroke=\"var(--color-primary-600)\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        d=\"M10.9879 14.0002H12.9852C13.5149 14.0002 14.023 13.7895 14.3975 13.4145C14.7721 13.0394 14.9825 12.5307 14.9825 12.0003C14.9825 11.4699 14.7721 10.9612 14.3975 10.5861C14.023 10.2111 13.5149 10.0004 12.9852 10.0004H9.98925C9.39006 10.0004 8.89073 10.2004 8.59113 10.6004L2.99866 16.0002M14.4333 13.3903L19.4765 8.69642C20.1715 8.00045 20.9745 6.85049 20.9745 5.75053C20.9746 5.1939 20.806 4.65033 20.491 4.19169C20.176 3.73305 19.7294 3.38092 19.2103 3.18186C18.6912 2.9828 18.1239 2.94617 17.5836 3.07682C17.0432 3.20748 16.5551 3.49926 16.1839 3.91359C16.1581 3.94165 16.1268 3.96404 16.0919 3.97936C16.057 3.99468 16.0193 4.00259 15.9812 4.00259C15.9431 4.00259 15.9054 3.99468 15.8705 3.97936C15.8356 3.96404 15.8043 3.94165 15.7785 3.91359C15.4072 3.49926 14.9192 3.20748 14.3788 3.07682C13.8385 2.94617 13.2712 2.9828 12.7521 3.18186C12.2329 3.38092 11.7864 3.73305 11.4714 4.19169C11.1564 4.65033 10.9878 5.1939 10.9879 5.75053C10.9879 6.95048 11.7888 7.99845 12.4859 8.69642L15.9812 11.9503M2 15.0002L7.99194 21M6.99328 20L8.59113 18.6001C8.89073 18.2001 9.39006 18.0001 9.98925 18.0001H13.9839C15.0824 18.0001 16.0811 17.6001 16.7801 16.8001L21.3739 12.4003C21.7593 12.0356 21.9842 11.5326 21.9992 11.0019C22.0142 10.4712 21.818 9.95627 21.4538 9.57039C21.0896 9.18452 20.5873 8.95931 20.0573 8.9443C19.5273 8.9293 19.013 9.12574 18.6276 9.4904\"\n      />\n      <path\n        xmlns=\"http://www.w3.org/2000/svg\"\n        d=\"M20.2289 3.79567C19.9846 3.54342 19.6944 3.34331 19.3751 3.20679C19.0558 3.07027 18.7136 3 18.3679 3C18.0223 3 17.6801 3.07027 17.3607 3.20679C17.0414 3.34331 16.7513 3.54342 16.507 3.79567L15.9999 4.31893L15.4928 3.79567C14.9992 3.28638 14.3298 3.00026 13.6318 3.00026C12.9338 3.00026 12.2644 3.28638 11.7708 3.79567C11.2773 4.30495 11 4.99569 11 5.71593C11 6.43617 11.2773 7.12692 11.7708 7.6362L12.2779 8.15946L15.9999 12L19.7218 8.15946L20.2289 7.6362C20.4734 7.38407 20.6673 7.08471 20.7996 6.75523C20.9319 6.42574 21 6.07258 21 5.71593C21 5.35928 20.9319 5.00613 20.7996 4.67664C20.6673 4.34716 20.4734 4.0478 20.2289 3.79567Z\"\n        fill=\"#034AD8\"\n        stroke=\"#034AD8\"\n        stroke-width=\"2\"\n        stroke-linecap=\"round\"\n        stroke-linejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"names":["solidHandHeart","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,8BAA8B,GAAGD,GAAU,MAAK,SACnGD,EAAM,yCAAU,SAAA,MAAOA,EAAM,KAAM,GACpC,gBAAAE,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,GAAE;AAAA,IAAA;AAAA,EAAA,GAEJ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,GAAE;AAAA,MACF,MAAK;AAAA,MACL,QAAO;AAAA,MACP,gBAAa;AAAA,MACb,kBAAe;AAAA,MACf,mBAAgB;AAAA,IAAA;AAAA,EAAA,CAEpB;AAEJ;"}
+{"version":3,"file":"solid-hand-heart-CmuM78yB.mjs","sources":["../../src/components/icon/assets/solid/solid-hand-heart.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\" {...newProps} role=\"img\">\n      {props.title && <title>{props.title}</title>}\n      <path\n        fill=\"none\"\n        stroke=\"var(--color-primary-600)\"\n        strokeWidth={2}\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        d=\"M10.9879 14.0002H12.9852C13.5149 14.0002 14.023 13.7895 14.3975 13.4145C14.7721 13.0394 14.9825 12.5307 14.9825 12.0003C14.9825 11.4699 14.7721 10.9612 14.3975 10.5861C14.023 10.2111 13.5149 10.0004 12.9852 10.0004H9.98925C9.39006 10.0004 8.89073 10.2004 8.59113 10.6004L2.99866 16.0002M14.4333 13.3903L19.4765 8.69642C20.1715 8.00045 20.9745 6.85049 20.9745 5.75053C20.9746 5.1939 20.806 4.65033 20.491 4.19169C20.176 3.73305 19.7294 3.38092 19.2103 3.18186C18.6912 2.9828 18.1239 2.94617 17.5836 3.07682C17.0432 3.20748 16.5551 3.49926 16.1839 3.91359C16.1581 3.94165 16.1268 3.96404 16.0919 3.97936C16.057 3.99468 16.0193 4.00259 15.9812 4.00259C15.9431 4.00259 15.9054 3.99468 15.8705 3.97936C15.8356 3.96404 15.8043 3.94165 15.7785 3.91359C15.4072 3.49926 14.9192 3.20748 14.3788 3.07682C13.8385 2.94617 13.2712 2.9828 12.7521 3.18186C12.2329 3.38092 11.7864 3.73305 11.4714 4.19169C11.1564 4.65033 10.9878 5.1939 10.9879 5.75053C10.9879 6.95048 11.7888 7.99845 12.4859 8.69642L15.9812 11.9503M2 15.0002L7.99194 21M6.99328 20L8.59113 18.6001C8.89073 18.2001 9.39006 18.0001 9.98925 18.0001H13.9839C15.0824 18.0001 16.0811 17.6001 16.7801 16.8001L21.3739 12.4003C21.7593 12.0356 21.9842 11.5326 21.9992 11.0019C22.0142 10.4712 21.818 9.95627 21.4538 9.57039C21.0896 9.18452 20.5873 8.95931 20.0573 8.9443C19.5273 8.9293 19.013 9.12574 18.6276 9.4904\"\n      />\n      <path\n        xmlns=\"http://www.w3.org/2000/svg\"\n        d=\"M20.2289 3.79567C19.9846 3.54342 19.6944 3.34331 19.3751 3.20679C19.0558 3.07027 18.7136 3 18.3679 3C18.0223 3 17.6801 3.07027 17.3607 3.20679C17.0414 3.34331 16.7513 3.54342 16.507 3.79567L15.9999 4.31893L15.4928 3.79567C14.9992 3.28638 14.3298 3.00026 13.6318 3.00026C12.9338 3.00026 12.2644 3.28638 11.7708 3.79567C11.2773 4.30495 11 4.99569 11 5.71593C11 6.43617 11.2773 7.12692 11.7708 7.6362L12.2779 8.15946L15.9999 12L19.7218 8.15946L20.2289 7.6362C20.4734 7.38407 20.6673 7.08471 20.7996 6.75523C20.9319 6.42574 21 6.07258 21 5.71593C21 5.35928 20.9319 5.00613 20.7996 4.67664C20.6673 4.34716 20.4734 4.0478 20.2289 3.79567Z\"\n        fill=\"#034AD8\"\n        stroke=\"#034AD8\"\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n      />\n    </svg>\n  );\n};\n"],"names":["solidHandHeart","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,8BAA8B,GAAGD,GAAU,MAAK,SACnGD,EAAM,yCAAU,SAAA,MAAOA,EAAM,KAAM,GACpC,gBAAAE,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAa;AAAA,MACb,eAAc;AAAA,MACd,gBAAe;AAAA,MACf,GAAE;AAAA,IAAA;AAAA,EAAA,GAEJ,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,OAAM;AAAA,MACN,GAAE;AAAA,MACF,MAAK;AAAA,MACL,QAAO;AAAA,MACP,aAAY;AAAA,MACZ,eAAc;AAAA,MACd,gBAAe;AAAA,IAAA;AAAA,EAAA,CAEnB;AAEJ;"}

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

@@ -9,7 +9,7 @@ export type ButtonVariant = 'primary' | 'neutral' | 'success' | 'warning' | 'dan
  * The available button appearances. Defines the button shape.
  */
 export type ButtonAppearance = 'solid' | 'outline' | 'link';
-export interface ButtonProps extends ComponentProps<'button'> {
+export interface ButtonProps extends Omit<ComponentProps<'button'>, 'appearance'> {
     /**
      * The flag to set Dark mode.
      */

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

@@ -1,7 +1,11 @@
-import React, { FC, ImgHTMLAttributes, ReactNode } from 'react';
-import './card-general.css';
 import { AnchorProps } from '../../../components/anchor/anchor';
+import { PillProps } from '../../../components/pill/pill';
 import { IconSetState } from '../../../components/shared/icon-set/icon-set';
+import React, { FC, ImgHTMLAttributes, ReactNode } from 'react';
+import './card-general.css';
+/**
+ * @deprecated Use Card v2 Instead.
+ */
 export type CardGeneralVariants = 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'white-outline' | 'primary-outline';
 export interface CardGeneralProps {
     /**
@@ -26,8 +30,21 @@ export interface CardGeneralProps {
     iconActive?: string;
     /**
      * text to show within a pill
+     * @deprecated use upperPills or middlePills instead, which allow for multiple pills and more customization options.
      */
     pillText?: ReactNode;
+    /**
+     * to show pills in the upper part of the card, accepts an array of PillProps.
+     */
+    upperPills?: PillProps[];
+    /**
+     * to show pills in the middle part of the card, accepts an array of PillProps.
+     */
+    middlePills?: PillProps[];
+    /**
+     * text to show the category
+     */
+    categoryText?: ReactNode;
     /**
      * text to show the subtitle
      */
@@ -48,6 +65,10 @@ export interface CardGeneralProps {
      * text to show within the card
      */
     descriptionText: ReactNode;
+    /**
+     * topics list displayed at the bottom of the card
+     */
+    topics?: string[];
     /**
      * anchor props
      */

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

@@ -1,6 +1,9 @@
 import { PillAppearance } from '../../../components/pill';
 import { CardGeneralVariants } from './card-general';
 import { AnchorVariant } from '../../../components/anchor';
+/**
+ * @deprecated Use Card v2 Instead.
+ */
 type pillVariantType = {
     appearance: PillAppearance;
     darkMode: boolean;

package/artifacts/dist/types/components/cards/card-general-v2/body-section/body-section-container.d.ts

@@ -0,0 +1,7 @@
+import './body-section-container.css';
+import { FC, HTMLAttributes } from 'react';
+import { BodySectionChildren } from '../helpers';
+export interface BodySectionContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children?: BodySectionChildren | BodySectionChildren[];
+}
+export declare const BodySectionContainer: FC<BodySectionContainerProps>;

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

@@ -0,0 +1,28 @@
+import { FC, HTMLAttributes } from 'react';
+import './card-general.css';
+import { CardGeneralChildren, CardGeneralVariants, CardLayoutVariant, ImageAlignment } from './helpers';
+import { CardAnchorProps } from './index';
+export interface CardGeneralProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Background/style of the card.
+     */
+    variant?: CardGeneralVariants;
+    /**
+     * Layout variant, to render a image/image-indent a <ImageSectionContainer> should be provided as child of <CardGeneral> component.
+     */
+    layout?: CardLayoutVariant;
+    /**
+     * Where the image block sits relative to the content. Only meaningful when an `<ImageSectionContainer>` child is provided.
+     */
+    imageAlignment?: ImageAlignment;
+    /**
+     * Makes the whole card clickable. When the card is clicked, the inner anchor is activated.
+     */
+    isBlockedLink?: boolean;
+    /**
+     * Render an anchor on the side of the card.
+     */
+    sideAnchor?: CardAnchorProps;
+    children?: CardGeneralChildren | CardGeneralChildren[];
+}
+export declare const CardGeneral: FC<CardGeneralProps>;

package/artifacts/dist/types/components/cards/card-general-v2/footer-section/footer-section-container.d.ts

@@ -0,0 +1,7 @@
+import './footer-section-container.css';
+import { FC, HTMLAttributes } from 'react';
+import { FooterSectionChildren } from '../helpers';
+export interface FooterSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children?: FooterSectionChildren | FooterSectionChildren[];
+}
+export declare const FooterSectionContainer: FC<FooterSectionContainerProps>;

package/artifacts/dist/types/components/cards/card-general-v2/header-section/header-section-container.d.ts

@@ -0,0 +1,7 @@
+import './header-section-container.css';
+import { FC, HTMLAttributes } from 'react';
+import { HeaderSectionChildren } from '../helpers';
+export interface HeaderSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
+    children?: HeaderSectionChildren | HeaderSectionChildren[];
+}
+export declare const HeaderSectionContainer: FC<HeaderSectionContainerProps>;

package/artifacts/dist/types/components/cards/card-general-v2/helpers.d.ts

@@ -0,0 +1,32 @@
+import { ReactElement, RefObject } from 'react';
+import { BodySectionContainer, CardAnchor, CardAnchorProps, CardCategory, CardDescription, CardLogo, CardPills, CardStatus, CardSubtitle, CardTitle, CardTopics, FooterSectionContainer, HeaderSectionContainer, ImageSectionContainer } from './index';
+import { CardIcon } from './shared/card-icon/card-icon';
+type ChildType = ReactElement | ReactElement[] | undefined | null;
+export type CardGeneralVariants = 'white' | 'neutral-100' | 'primary-100' | 'secondary-100' | 'primary-300' | 'secondary-300' | 'primary-500' | 'primary-700' | 'primary-900' | 'white-outline' | 'primary-500-outline' | 'neutral-900-outline';
+export type ImageAlignment = 'top' | 'right' | 'bottom' | 'left';
+export type CardLayoutVariant = 'text' | 'image' | 'image-indent';
+export type CardStatusVariant = 'default' | 'success' | 'warning' | 'danger' | 'disabled';
+export type CardGeneralChildren = ReactElement<typeof HeaderSectionContainer> | ReactElement<typeof BodySectionContainer> | ReactElement<typeof FooterSectionContainer> | ReactElement<typeof ImageSectionContainer>;
+export type HeaderSectionChildren = ReactElement<typeof CardIcon> | ReactElement<typeof CardLogo> | ReactElement<typeof CardPills> | ReactElement<typeof CardCategory> | ReactElement<typeof CardSubtitle> | ReactElement<typeof CardTitle>;
+export type BodySectionChildren = ReactElement<typeof CardStatus> | ReactElement<typeof CardPills> | ReactElement<typeof CardDescription> | ReactElement<typeof CardTopics>;
+export type FooterSectionChildren = ReactElement<typeof CardAnchor> | ReactElement<typeof CardLogo>;
+export declare const LIGHT_VARIANTS: ReadonlyArray<CardGeneralVariants>;
+export type CardGeneralVariantsOutline = Extract<CardGeneralVariants, 'white-outline' | 'primary-500-outline' | 'neutral-900-outline'>;
+export declare const OUTLINE_VARIANT_CLASSES: Readonly<Record<CardGeneralVariantsOutline, string>>;
+export declare const isLightCardVariant: (variant: CardGeneralVariants) => boolean;
+export interface ICardGeneralContext {
+    variant: CardGeneralVariants;
+    layout: CardLayoutVariant;
+    imageAlignment: ImageAlignment;
+    isLightVariant: boolean;
+    isBlockedLink: boolean;
+    hasImage: boolean;
+    imageIndent: boolean;
+    sideAnchor?: CardAnchorProps;
+    registerAnchorRef: (ref: RefObject<HTMLAnchorElement | null>) => void;
+    focusCard: () => void;
+}
+export declare const CardGeneralContext: import("react").Context<ICardGeneralContext>;
+export declare function getChildrenOfType<T>(childType: T, children: ChildType): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
+export declare function getAllChildrenOfType<T>(childType: T, children: ChildType): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];
+export {};

package/artifacts/dist/types/components/cards/card-general-v2/image-section/image-section-container.d.ts

@@ -0,0 +1,10 @@
+import { FC, ImgHTMLAttributes, ReactNode } from 'react';
+import './image-section-container.css';
+export interface ImageSectionContainerProps extends ImgHTMLAttributes<HTMLImageElement> {
+    /**
+     * Optional freestyle content rendered inside the image section instead of an `<img>`.
+     * When omitted, an `<img>` is rendered using the spread props.
+     */
+    children?: ReactNode;
+}
+export declare const ImageSectionContainer: FC<ImageSectionContainerProps>;

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

@@ -0,0 +1,31 @@
+export { CardGeneral as CardGeneralV2 } from './card-general';
+export type { CardGeneralProps as CardGeneralV2Props } from './card-general';
+export type { CardGeneralVariants, CardGeneralChildren, CardLayoutVariant, CardStatusVariant, BodySectionChildren, FooterSectionChildren, HeaderSectionChildren, ICardGeneralContext, ImageAlignment } from './helpers';
+export { CardGeneralContext, isLightCardVariant, getChildrenOfType, getAllChildrenOfType } from './helpers';
+export { anchorVariant, pillVariant } from './variants';
+export { HeaderSectionContainer } from './header-section/header-section-container';
+export type { HeaderSectionContainerProps } from './header-section/header-section-container';
+export { BodySectionContainer } from './body-section/body-section-container';
+export type { BodySectionContainerProps } from './body-section/body-section-container';
+export { FooterSectionContainer } from './footer-section/footer-section-container';
+export type { FooterSectionContainerProps } from './footer-section/footer-section-container';
+export { ImageSectionContainer } from './image-section/image-section-container';
+export type { ImageSectionContainerProps } from './image-section/image-section-container';
+export { CardLogo } from './shared/card-logo/card-logo';
+export type { CardLogoProps } from './shared/card-logo/card-logo';
+export { CardTitle } from './shared/card-title/card-title';
+export type { CardTitleProps } from './shared/card-title/card-title';
+export { CardSubtitle } from './shared/card-subtitle/card-subtitle';
+export type { CardSubtitleProps } from './shared/card-subtitle/card-subtitle';
+export { CardCategory } from './shared/card-category/card-category';
+export type { CardCategoryProps } from './shared/card-category/card-category';
+export { CardDescription } from './shared/card-description/card-description';
+export type { CardDescriptionProps } from './shared/card-description/card-description';
+export { CardStatus } from './shared/card-status/card-status';
+export type { CardStatusProps } from './shared/card-status/card-status';
+export { CardPills } from './shared/card-pills/card-pills';
+export type { CardPillsProps } from './shared/card-pills/card-pills';
+export { CardTopics } from './shared/card-topics/card-topics';
+export type { CardTopicsProps } from './shared/card-topics/card-topics';
+export { CardAnchor } from './shared/card-anchor/card-anchor';
+export type { CardAnchorProps } from './shared/card-anchor/card-anchor';

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-anchor/card-anchor.d.ts

@@ -0,0 +1,6 @@
+import './card-anchor.css';
+import { FC } from 'react';
+import { AnchorProps } from '../../../../../components/anchor';
+export interface CardAnchorProps extends AnchorProps {
+}
+export declare const CardAnchor: FC<CardAnchorProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-category/card-category.d.ts

@@ -0,0 +1,6 @@
+import './card-category.css';
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export interface CardCategoryProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const CardCategory: FC<CardCategoryProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-description/card-description.d.ts

@@ -0,0 +1,6 @@
+import './card-description.css';
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export interface CardDescriptionProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: ReactNode;
+}
+export declare const CardDescription: FC<CardDescriptionProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-icon/card-icon.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export interface CardIconProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The icon to render inside the container.
+     */
+    children?: ReactNode;
+}
+export declare const CardIcon: FC<CardIconProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-logo/card-logo.d.ts

@@ -0,0 +1,8 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export interface CardLogoProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * The logo to render in the card.
+     */
+    children?: ReactNode;
+}
+export declare const CardLogo: FC<CardLogoProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-pills/card-pills.d.ts

@@ -0,0 +1,14 @@
+import './card-pills.css';
+import { FC, HTMLAttributes, ReactElement, ReactNode } from 'react';
+import { Pill, PillProps } from '../../../../../components/pill';
+export interface CardPillsProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
+    /**
+     * Pill props array. Takes priority over `children` when both are provided.
+     */
+    pills?: PillProps[];
+    /**
+     * Content to render inside the pill
+     */
+    children?: ReactElement<typeof Pill> | ReactElement<typeof Pill>[] | ReactNode;
+}
+export declare const CardPills: FC<CardPillsProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-status/card-status.d.ts

@@ -0,0 +1,14 @@
+import { FC, HTMLAttributes, ReactNode } from 'react';
+import { CardStatusVariant } from '../../helpers';
+import './card-status.css';
+export interface CardStatusProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Status of the card. Drives the dot color.
+     */
+    status?: CardStatusVariant;
+    /**
+     * Label rendered next to the status dot.
+     */
+    children: ReactNode;
+}
+export declare const CardStatus: FC<CardStatusProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-subtitle/card-subtitle.d.ts

@@ -0,0 +1,6 @@
+import './card-subtitle.css';
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export interface CardSubtitleProps extends HTMLAttributes<HTMLDivElement> {
+    children: ReactNode;
+}
+export declare const CardSubtitle: FC<CardSubtitleProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-title/card-title.d.ts

@@ -0,0 +1,10 @@
+import './card-title.css';
+import { FC, HTMLAttributes, ReactNode } from 'react';
+export interface CardTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+    children: ReactNode;
+    /**
+     * Heading level used to render the title. Defaults to `h3`.
+     */
+    as?: 'h2' | 'h3' | 'h4' | 'h5';
+}
+export declare const CardTitle: FC<CardTitleProps>;

package/artifacts/dist/types/components/cards/card-general-v2/shared/card-topics/card-topics.d.ts

@@ -0,0 +1,9 @@
+import './card-topics.css';
+import { FC, HTMLAttributes } from 'react';
+export interface CardTopicsProps extends HTMLAttributes<HTMLUListElement> {
+    /**
+     * Bulleted topics list rendered at the bottom of the body area.
+     */
+    topics: string[];
+}
+export declare const CardTopics: FC<CardTopicsProps>;

package/artifacts/dist/types/components/cards/card-general-v2/variants.d.ts

@@ -0,0 +1,20 @@
+import { PillAppearance, PillVariant } from '../../../components/pill';
+import { AnchorVariant } from '../../../components/anchor';
+import { CardGeneralVariants, CardStatusVariant } from './helpers';
+type PillVariantConfig = {
+    appearance: PillAppearance;
+    variant?: PillVariant;
+    darkMode: boolean;
+};
+type AnchorVariantConfig = {
+    darkMode: boolean;
+    variant: AnchorVariant;
+};
+type CardStatusConfig = {
+    darkMode: boolean;
+    variant: CardStatusVariant;
+};
+export declare const pillVariant: Record<CardGeneralVariants, PillVariantConfig>;
+export declare const anchorVariant: Record<CardGeneralVariants, AnchorVariantConfig>;
+export declare const cardStatusVariant: Record<CardGeneralVariants, CardStatusConfig>;
+export {};

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

@@ -1,6 +1,3 @@
-export * from './card-article';
-export * from './card-collection';
-export * from './card-emphasize';
 export * from './card-error';
 export * from './card-expandable';
 export * from './card-frame';
@@ -10,13 +7,12 @@ export * from './card-hero-index';
 export * from './card-hero-sitemap';
 export * from './card-highlight';
 export * from './card-highlight-newsletter';
-export * from './card-highlight-single';
 export * from './card-links';
 export * from './card-no-results';
-export * from './card-single';
-export * from './card-topic';
 export * from './card-action';
 export * from './card-illustrative';
 export * from './card-general';
 export * from './status-card';
 export * from './card-notification';
+export * from './card-section';
+export * from './card-general-v2';

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalEcosystemPanelAnchorProps } from '../../internals/general-bar/ecosystem-panel/internal-ecosystem-panel-anchor';
+export interface EcosystemPanelAnchorProps extends InternalEcosystemPanelAnchorProps {
+}
+export declare const EcosystemPanelAnchor: FC<EcosystemPanelAnchorProps>;

package/artifacts/dist/types/components/header/general-bar/ecosystem-panel/ecosystem-panel-go-back.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalEcosystemPanelGoBackProps } from '../../internals/general-bar/ecosystem-panel/internal-ecosystem-panel-go-back';
+export interface EcosystemPanelGoBackProps extends InternalEcosystemPanelGoBackProps {
+}
+export declare const EcosystemPanelGoBack: FC<EcosystemPanelGoBackProps>;

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalEcosystemPanelSectionTitleProps } from '../../internals/general-bar/ecosystem-panel/internal-ecosystem-panel-section-title';
+export interface EcosystemPanelSectionTitleProps extends InternalEcosystemPanelSectionTitleProps {
+}
+export declare const EcosystemPanelSectionTitle: FC<EcosystemPanelSectionTitleProps>;

package/artifacts/dist/types/components/header/general-bar/ecosystem-panel/ecosystem-panel-short-description.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalEcosystemPanelShortDescriptionProps } from '../../internals/general-bar/ecosystem-panel/internal-ecosystem-panel-short-description';
+export interface EcosystemPanelShortDescriptionProps extends InternalEcosystemPanelShortDescriptionProps {
+}
+export declare const EcosystemPanelShortDescription: FC<EcosystemPanelShortDescriptionProps>;

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalEcosystemPanelTitleProps } from '../../internals/general-bar/ecosystem-panel/internal-ecosystem-panel-title';
+export interface EcosystemPanelTitleProps extends InternalEcosystemPanelTitleProps {
+}
+export declare const EcosystemPanelTitle: FC<EcosystemPanelTitleProps>;

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

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { InternalEcosystemPanelProps } from '../../internals/general-bar/ecosystem-panel/internal-ecosystem-panel';
+export interface EcosystemPanelProps extends InternalEcosystemPanelProps {
+}
+export declare const EcosystemPanel: FC<EcosystemPanelProps>;

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

@@ -18,9 +18,9 @@ export interface HeaderElement extends ComponentProps<'div'> {
     openBurgerMenu: () => void;
     focusModalMenu: () => void;
     openModalMenu: () => void;
-    focusNavigationMenuOption: (index: number) => void;
-    openNavigationMenuOption: (index: number) => void;
     closeAll: () => void;
+    expandNavigationRoot: (id: string) => void;
+    collapseNavigationRoot: (id: string) => void;
 }
 export type HeaderChildrenComponents = ReactElement<BrandProps | GeneralBarProps | NavigationBarProps> | ReactElement<BrandProps | GeneralBarProps | NavigationBarProps>[];
 export interface HeaderProps {

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

@@ -50,20 +50,12 @@ export { SearchRelatedLink } from './general-bar/search/search-related-link';
 export type { SearchRelatedLinkProps } from './general-bar/search/search-related-link';
 export { CustomSearch } from './general-bar/search/custom-search';
 export type { CustomSearchProps } from './general-bar/search/custom-search';
-export { DirectLink } from './general-bar/direct-link/direct-link';
-export type { DirectLinkProps } from './general-bar/direct-link/direct-link';
-export { DirectLinkTitle } from './general-bar/direct-link/direct-link-title';
-export type { DirectLinkTitleProps } from './general-bar/direct-link/direct-link-title';
-export { DirectLinkShortDescription } from './general-bar/direct-link/direct-link-short-description';
-export type { DirectLinkShortDescriptionProps } from './general-bar/direct-link/direct-link-short-description';
-export { DirectLinkSectionTitle } from './general-bar/direct-link/direct-link-section-title';
-export type { DirectLinkSectionTitleProps } from './general-bar/direct-link/direct-link-section-title';
-export { DirectLinkAnchor } from './general-bar/direct-link/direct-link-anchor';
-export type { DirectLinkAnchorProps } from './general-bar/direct-link/direct-link-anchor';
-export { DirectLinkGoBack } from './general-bar/direct-link/direct-link-go-back';
-export type { DirectLinkGoBackProps } from './general-bar/direct-link/direct-link-go-back';
 export { NavigationBar } from './navigation-bar/navigation-bar';
 export type { NavigationBarProps } from './navigation-bar/navigation-bar';
+export { NavigationSection } from './navigation-bar/navigation-section';
+export type { NavigationSectionProps } from './navigation-bar/navigation-section';
+export { NavigationArea } from './navigation-bar/navigation-area';
+export type { NavigationAreaProps } from './navigation-bar/navigation-area';
 export { NavigationRoot } from './navigation-bar/navigation-root';
 export type { NavigationRootProps } from './navigation-bar/navigation-root';
 export { NavigationLink } from './navigation-bar/navigation-link';
@@ -72,3 +64,39 @@ export { RelatedNavigationLink } from './navigation-bar/related-navigation-link'
 export type { RelatedNavigationLinkProps } from './navigation-bar/related-navigation-link';
 export { NavigationFreestyle } from './navigation-bar/navigation-freestyle';
 export type { NavigationFreestyleProps } from './navigation-bar/navigation-freestyle';
+export { EcosystemPanel } from './general-bar/ecosystem-panel/ecosystem-panel';
+export type { EcosystemPanelProps } from './general-bar/ecosystem-panel/ecosystem-panel';
+export { EcosystemPanelTitle } from './general-bar/ecosystem-panel/ecosystem-panel-title';
+export type { EcosystemPanelTitleProps } from './general-bar/ecosystem-panel/ecosystem-panel-title';
+export { EcosystemPanelShortDescription } from './general-bar/ecosystem-panel/ecosystem-panel-short-description';
+export type { EcosystemPanelShortDescriptionProps } from './general-bar/ecosystem-panel/ecosystem-panel-short-description';
+export { EcosystemPanelSectionTitle } from './general-bar/ecosystem-panel/ecosystem-panel-section-title';
+export type { EcosystemPanelSectionTitleProps } from './general-bar/ecosystem-panel/ecosystem-panel-section-title';
+export { EcosystemPanelAnchor } from './general-bar/ecosystem-panel/ecosystem-panel-anchor';
+export type { EcosystemPanelAnchorProps } from './general-bar/ecosystem-panel/ecosystem-panel-anchor';
+export { EcosystemPanelGoBack } from './general-bar/ecosystem-panel/ecosystem-panel-go-back';
+export type { EcosystemPanelGoBackProps } from './general-bar/ecosystem-panel/ecosystem-panel-go-back';
+/** @deprecated Use `EcosystemPanel` instead. */
+export { EcosystemPanel as DirectLink } from './general-bar/ecosystem-panel/ecosystem-panel';
+/** @deprecated Use `EcosystemPanelProps` instead. */
+export type { EcosystemPanelProps as DirectLinkProps } from './general-bar/ecosystem-panel/ecosystem-panel';
+/** @deprecated Use `EcosystemPanelTitle` instead. */
+export { EcosystemPanelTitle as DirectLinkTitle } from './general-bar/ecosystem-panel/ecosystem-panel-title';
+/** @deprecated Use `EcosystemPanelTitleProps` instead. */
+export type { EcosystemPanelTitleProps as DirectLinkTitleProps } from './general-bar/ecosystem-panel/ecosystem-panel-title';
+/** @deprecated Use `EcosystemPanelShortDescription` instead. */
+export { EcosystemPanelShortDescription as DirectLinkShortDescription } from './general-bar/ecosystem-panel/ecosystem-panel-short-description';
+/** @deprecated Use `EcosystemPanelShortDescriptionProps` instead. */
+export type { EcosystemPanelShortDescriptionProps as DirectLinkShortDescriptionProps } from './general-bar/ecosystem-panel/ecosystem-panel-short-description';
+/** @deprecated Use `EcosystemPanelSectionTitle` instead. */
+export { EcosystemPanelSectionTitle as DirectLinkSectionTitle } from './general-bar/ecosystem-panel/ecosystem-panel-section-title';
+/** @deprecated Use `EcosystemPanelSectionTitleProps` instead. */
+export type { EcosystemPanelSectionTitleProps as DirectLinkSectionTitleProps } from './general-bar/ecosystem-panel/ecosystem-panel-section-title';
+/** @deprecated Use `EcosystemPanelAnchor` instead. */
+export { EcosystemPanelAnchor as DirectLinkAnchor } from './general-bar/ecosystem-panel/ecosystem-panel-anchor';
+/** @deprecated Use `EcosystemPanelAnchorProps` instead. */
+export type { EcosystemPanelAnchorProps as DirectLinkAnchorProps } from './general-bar/ecosystem-panel/ecosystem-panel-anchor';
+/** @deprecated Use `EcosystemPanelGoBack` instead. */
+export { EcosystemPanelGoBack as DirectLinkGoBack } from './general-bar/ecosystem-panel/ecosystem-panel-go-back';
+/** @deprecated Use `EcosystemPanelGoBackProps` instead. */
+export type { EcosystemPanelGoBackProps as DirectLinkGoBackProps } from './general-bar/ecosystem-panel/ecosystem-panel-go-back';

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

@@ -9,13 +9,14 @@ import { SearchRelatedLinksTitleProps } from '../../../../../components/header/g
 import { SearchTitleProps } from '../../../../../components/header/general-bar/search/search-title';
 import { UnauthenticatedProps } from '../../../../../components/header/general-bar/unauthenticated/unauthenticated';
 import { UnauthenticatedLinkProps } from '../../../../../components/header/general-bar/unauthenticated/unauthenticated-link';
-import { InternalAreaProps } from '../../../../../components/header/internals/general-bar/areas/internal-area';
 import { NavigationFreestyleProps } from '../../../../../components/header/navigation-bar/navigation-freestyle';
 import { NavigationLinkProps } from '../../../../../components/header/navigation-bar/navigation-link';
 import { NavigationRootProps } from '../../../../../components/header/navigation-bar/navigation-root';
+import { NavigationBarSectionData } from './utils/navigation-bar-utils';
+import type { InternalAreaProps } from './utils/areas-utils';
 import { InputSearchBarProps } from '../../../../../components/input-search-bar';
 import { ReactElement, ReactNode } from 'react';
-import { GetDirectLinksProps } from './utils/direct-link-utils';
+import { GetEcosystemPanelProps } from './utils/ecosystem-panel-utils';
 export interface HeaderDataContextProps {
     getGeneralBarAriaLabel: () => string;
     getInstitutionalPhrase: () => ReactNode;
@@ -44,21 +45,22 @@ export interface HeaderDataContextProps {
     getCustomSearchInputBar: () => ReactNode;
     getDefaultSearchRelatedLinksTitle: () => SearchRelatedLinksTitleProps | null;
     getDefaultSearchRelatedLinks: () => SearchRelatedLinkProps[];
-    hasDirectLinks: () => boolean;
-    getDirectLinksProps: () => GetDirectLinksProps;
+    hasEcosystemPanel: () => boolean;
+    getEcosystemPanelProps: () => GetEcosystemPanelProps;
     hasCustomSearch: () => boolean;
     getCustomSearch: () => CustomSearchProps | null;
     countNavigationItems: () => number;
     maxNavigationItems: number;
-    hasNavigationBar: () => boolean;
     getNavigationId: () => string;
     getNavigationItems: () => ReactElement<NavigationRootProps | NavigationLinkProps | NavigationFreestyleProps>[];
     getResponsiveMenuLabel: () => string;
+    getNavigationHelpText: () => string;
     getResponsiveMenuAriaLabel: () => string;
     getResponsiveMenuBackToRootLabel: () => string;
     getModalMenuLabel: () => string;
     getModalAriaLabel: () => string;
     getModalCloseLabel: () => string;
+    getNavigationBarSectionData: () => NavigationBarSectionData[];
     darkMode: boolean;
 }
 export declare const HeaderDataContext: import("react").Context<HeaderDataContextProps>;

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

@@ -1,7 +1,8 @@
+import { AreaProps } from '../../../../../../components/header/general-bar/areas/area';
 import { HeaderChildrenComponents } from '../../../../../../components/header/header';
-import { InternalAreaProps } from '../../../../../../components/header/internals/general-bar/areas/internal-area';
+export type InternalAreaProps = AreaProps;
 export declare const hasVisibleAreasProps: (children?: HeaderChildrenComponents) => boolean;
 export declare const getParseAreasAriaLabel: (children?: HeaderChildrenComponents) => string;
 export declare const getParsedOnAreaChange: (children?: HeaderChildrenComponents) => ((activeArea: string) => void) | null | undefined;
-export declare const getParsedAvailableAreaProps: (children?: HeaderChildrenComponents) => InternalAreaProps[];
-export declare const getParsedActiveAreaProps: (children?: HeaderChildrenComponents) => InternalAreaProps | undefined;
+export declare const getParsedAvailableAreaProps: (children?: HeaderChildrenComponents, activeIndex?: number) => InternalAreaProps[];
+export declare const getParsedActiveAreaProps: (children?: HeaderChildrenComponents, activeIndex?: number) => InternalAreaProps | undefined;

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

@@ -0,0 +1,15 @@
+import { HeaderChildrenComponents } from '../../../../../../components/header/header';
+import { ReactElement } from 'react';
+import { InternalEcosystemPanelProps } from '../../../general-bar/ecosystem-panel/internal-ecosystem-panel';
+export type EcosystemPanelChildren = {
+    internalEcosystemPanelGoBackElement: ReactElement | null;
+    internalEcosystemPanelTitleElement: ReactElement | null;
+    internalEcosystemPanelShortDescriptionElement: ReactElement | null;
+    internalEcosystemPanelSectionTitleElements: ReactElement | null;
+    internalEcosystemPanelAnchorElements: ReactElement[] | null;
+};
+export interface GetEcosystemPanelProps extends Omit<InternalEcosystemPanelProps, 'children'> {
+    ecosystemPanelChildren: EcosystemPanelChildren;
+}
+export declare function hasEcosystemPanelProps(children?: HeaderChildrenComponents): boolean;
+export declare function getEcosystemPanelPropsInternal(children?: HeaderChildrenComponents): GetEcosystemPanelProps;

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

@@ -0,0 +1,10 @@
+import type { HeaderChildrenComponents } from '../../../../../../components/header/header';
+import { ReactElement } from 'react';
+import { NavigationAreaProps, NavigationBarProps, NavigationLinkProps, NavigationRootProps, NavigationSectionProps } from '../../../../../../components/header';
+export interface NavigationBarSectionData {
+    area: ReactElement<NavigationAreaProps> | null;
+    links: ReactElement<NavigationRootProps | NavigationLinkProps>[];
+}
+export declare function getNavigationBarInternal(children?: HeaderChildrenComponents): ReactElement<NavigationBarProps> | null;
+export declare function getNavigationBarSectionsInternal(children?: HeaderChildrenComponents): ReactElement<NavigationSectionProps>[];
+export declare function getNavigationBarSectionDataInternal(children?: HeaderChildrenComponents): NavigationBarSectionData[];