@ama-pt/agora-design-system 3.5.2 → 3.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (59) hide show
  1. package/artifacts/dist/index.mjs +5424 -5242
  2. package/artifacts/dist/index.mjs.map +1 -1
  3. package/artifacts/dist/index.umd.js +2 -2
  4. package/artifacts/dist/index.umd.js.map +1 -1
  5. package/artifacts/dist/style.css +1 -1
  6. package/artifacts/dist/tailwind.css +1502 -14
  7. package/artifacts/dist/types/components/cards/card-general/card-general.d.ts +4 -4
  8. package/artifacts/dist/types/components/cards/card-notification/card-notification.d.ts +37 -0
  9. package/artifacts/dist/types/components/cards/card-notification/index.d.ts +2 -0
  10. package/artifacts/dist/types/components/cards/index.d.ts +1 -0
  11. package/artifacts/dist/types/components/footer/federated-footer/federated-footer-card.d.ts +3 -0
  12. package/artifacts/dist/types/components/footer/federated-footer/federated-footer.d.ts +6 -0
  13. package/artifacts/dist/types/components/footer/models/CardFooterProps.d.ts +3 -0
  14. package/artifacts/dist/types/components/footer/models/CardLinksFooterProps.d.ts +3 -0
  15. package/artifacts/dist/types/components/footer/models/ContactsFooterProps.d.ts +3 -0
  16. package/artifacts/dist/types/components/footer/models/LinkableIconsProps.d.ts +3 -0
  17. package/artifacts/dist/types/components/footer/models/LinkableImagesProps.d.ts +3 -0
  18. package/artifacts/dist/types/components/footer/public-footer/public-footer-contacts.d.ts +3 -0
  19. package/artifacts/dist/types/components/footer/public-footer/public-footer-highlight-card-links.d.ts +3 -0
  20. package/artifacts/dist/types/components/footer/public-footer/public-footer-highlight-card.d.ts +3 -0
  21. package/artifacts/dist/types/components/footer/public-footer/public-footer-highlight.d.ts +3 -0
  22. package/artifacts/dist/types/components/footer/public-footer/public-footer-main-plus-card-links.d.ts +3 -0
  23. package/artifacts/dist/types/components/footer/public-footer/public-footer.d.ts +6 -0
  24. package/artifacts/dist/types/components/footer/shared-components/footer-brand-badge.d.ts +3 -0
  25. package/artifacts/dist/types/components/footer/shared-components/footer-caption-partners.d.ts +3 -0
  26. package/artifacts/dist/types/components/footer/shared-components/footer-main.d.ts +3 -0
  27. package/artifacts/dist/types/components/footer/shared-components/footer-social-useful-copyright.d.ts +3 -0
  28. package/artifacts/dist/types/components/footer-v2/financing-section/financing-section-container.d.ts +10 -0
  29. package/artifacts/dist/types/components/footer-v2/footer.d.ts +7 -0
  30. package/artifacts/dist/types/components/footer-v2/helpers.d.ts +11 -0
  31. package/artifacts/dist/types/components/footer-v2/index.d.ts +28 -0
  32. package/artifacts/dist/types/components/footer-v2/links-section/links-section-container/links-section-container.d.ts +9 -0
  33. package/artifacts/dist/types/components/footer-v2/links-section/links-section-related-links/links-section-related-links-copyright/links-section-related-links-copyright.d.ts +6 -0
  34. package/artifacts/dist/types/components/footer-v2/links-section/links-section-related-links/links-section-related-links.d.ts +10 -0
  35. package/artifacts/dist/types/components/footer-v2/links-section/links-section-social-links/links-section-social-links-label/links-section-social-links-label.d.ts +6 -0
  36. package/artifacts/dist/types/components/footer-v2/links-section/links-section-social-links/links-section-social-links.d.ts +10 -0
  37. package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-accessibility-logo/logo-section-accessibility-logo.d.ts +6 -0
  38. package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-container/logo-section-container.d.ts +9 -0
  39. package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-freestyle/logo-section-freestyle.d.ts +7 -0
  40. package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-main-logo/logo-section-main-logo.d.ts +6 -0
  41. package/artifacts/dist/types/components/footer-v2/shared/footer-disclaimer/footer-disclaimer.d.ts +6 -0
  42. package/artifacts/dist/types/components/footer-v2/shared/footer-generic-logo/footer-generic-logo.d.ts +5 -0
  43. package/artifacts/dist/types/components/footer-v2/shared/footer-link/footer-link.d.ts +6 -0
  44. package/artifacts/dist/types/components/header/header.d.ts +1 -2
  45. package/artifacts/dist/types/components/header/index.d.ts +0 -6
  46. package/artifacts/dist/types/components/header/internals/context/data-context/header-data-context.d.ts +0 -3
  47. package/artifacts/dist/types/components/header/internals/context/menu-context/menu-type.enum.d.ts +3 -1
  48. package/artifacts/dist/types/components/header/internals/shared/panel-menu/panel-menu.d.ts +2 -0
  49. package/artifacts/dist/types/components/index.d.ts +1 -0
  50. package/artifacts/dist/types/components/radio/radio.d.ts +8 -0
  51. package/artifacts/dist/types/components/step-list/step-list.d.ts +5 -0
  52. package/artifacts/dist/types/components/stepper/index.d.ts +1 -1
  53. package/artifacts/dist/types/models/feedback-state-type.d.ts +1 -1
  54. package/package.json +1 -1
  55. package/artifacts/dist/types/components/header/ecosystem-bar/ecosystem-bar-content.d.ts +0 -5
  56. package/artifacts/dist/types/components/header/ecosystem-bar/ecosystem-bar-title.d.ts +0 -5
  57. package/artifacts/dist/types/components/header/ecosystem-bar/ecosystem-bar.d.ts +0 -5
  58. package/artifacts/dist/types/components/header/internals/context/data-context/utils/ecosystem-utils.d.ts +0 -5
  59. package/artifacts/dist/types/components/header/internals/ecosystem-bar/internal-ecosystem-bar.d.ts +0 -3
@@ -1,4 +1,4 @@
1
- import React, { FC, ImgHTMLAttributes } from 'react';
1
+ import React, { FC, ImgHTMLAttributes, ReactNode } from 'react';
2
2
  import './card-general.css';
3
3
  import { AnchorProps } from '../../../components/anchor/anchor';
4
4
  import { IconSetState } from '../../../components/shared/icon-set/icon-set';
@@ -31,11 +31,11 @@ export interface CardGeneralProps {
31
31
  /**
32
32
  * text to show the subtitle
33
33
  */
34
- subtitleText?: string;
34
+ subtitleText?: ReactNode;
35
35
  /**
36
36
  * title of card
37
37
  */
38
- titleText: string;
38
+ titleText: ReactNode;
39
39
  /**
40
40
  * status of the card (adds a colored dot)
41
41
  */
@@ -47,7 +47,7 @@ export interface CardGeneralProps {
47
47
  /**
48
48
  * text to show within the card
49
49
  */
50
- descriptionText: string;
50
+ descriptionText: ReactNode;
51
51
  /**
52
52
  * anchor props
53
53
  */
@@ -0,0 +1,37 @@
1
+ import { ComponentProps, FC, ReactNode } from 'react';
2
+ import './card-notification.css';
3
+ import { BooleanProp } from '../../../models';
4
+ import { AvatarProps } from '../../../components/avatar';
5
+ export type CardNotificationOrientation = 'horizontal' | 'vertical';
6
+ export type CardNotificationVariant = 'white' | 'primary-100' | 'primary-700' | 'primary-900';
7
+ export interface CardNotificationProps extends Omit<ComponentProps<'div'>, 'title'> {
8
+ /**
9
+ * Main content of the card.
10
+ */
11
+ children: ReactNode;
12
+ /**
13
+ * Controls the small notification circle on the top-right corner.
14
+ */
15
+ hasBadge?: BooleanProp;
16
+ /**
17
+ * Controls the avatar on the top-left area.
18
+ */
19
+ hasAvatar?: BooleanProp;
20
+ /**
21
+ * Controls the checkbox on the top-left area.
22
+ */
23
+ hasCheckbox?: BooleanProp;
24
+ /**
25
+ * Layout orientation.
26
+ */
27
+ orientation?: CardNotificationOrientation;
28
+ /**
29
+ * Visual variant of the notification card.
30
+ */
31
+ variant?: CardNotificationVariant;
32
+ /**
33
+ * Optional avatar configuration. When provided, Avatar replaces the icon.
34
+ */
35
+ avatarProps?: AvatarProps;
36
+ }
37
+ export declare const CardNotification: FC<CardNotificationProps>;
@@ -0,0 +1,2 @@
1
+ export { CardNotification } from './card-notification';
2
+ export type { CardNotificationProps, CardNotificationOrientation, CardNotificationVariant } from './card-notification';
@@ -19,3 +19,4 @@ export * from './card-action';
19
19
  export * from './card-illustrative';
20
20
  export * from './card-general';
21
21
  export * from './status-card';
22
+ export * from './card-notification';
@@ -1,4 +1,7 @@
1
1
  import { FC } from 'react';
2
2
  import { CardFooterProps } from '../../../components/footer';
3
+ /**
4
+ * @deprecated Use Footer v2 Instead.
5
+ */
3
6
  declare const FederatedFooterCard: FC<CardFooterProps>;
4
7
  export { FederatedFooterCard };
@@ -1,6 +1,9 @@
1
1
  import { CardFooterProps, LinkableIconsProps, LinkableImagesProps } from '../../../components/footer';
2
2
  import { AnchorHTMLAttributes, FC, ReactNode } from 'react';
3
3
  import './federated-footer.css';
4
+ /**
5
+ * @deprecated Use Footer v2 Instead.
6
+ */
4
7
  export interface FederatedFooterProps {
5
8
  /**
6
9
  * Informative card. Links limited to first 3, remaining array is discarded.
@@ -48,5 +51,8 @@ export interface FederatedFooterProps {
48
51
  */
49
52
  darkMode?: boolean;
50
53
  }
54
+ /**
55
+ * @deprecated Use Footer v2 Instead.
56
+ */
51
57
  declare const FederatedFooter: FC<FederatedFooterProps>;
52
58
  export { FederatedFooter };
@@ -1,4 +1,7 @@
1
1
  import { AnchorHTMLAttributes, ReactNode } from 'react';
2
+ /**
3
+ * @deprecated Use Footer v2 Instead.
4
+ */
2
5
  export type CardFooterProps = {
3
6
  title?: string | ReactNode;
4
7
  description?: string | ReactNode;
@@ -1,4 +1,7 @@
1
1
  import { AnchorHTMLAttributes, ReactNode } from 'react';
2
+ /**
3
+ * @deprecated Use Footer v2 Instead.
4
+ */
2
5
  export type CardLinksFooterProps = {
3
6
  title?: string | ReactNode;
4
7
  links?: AnchorHTMLAttributes<HTMLAnchorElement>[];
@@ -1,4 +1,7 @@
1
1
  import { ReactNode } from 'react';
2
+ /**
3
+ * @deprecated Use Footer v2 Instead.
4
+ */
2
5
  export type ContactsFooterProps = {
3
6
  title?: string | ReactNode;
4
7
  description?: string | ReactNode;
@@ -1,4 +1,7 @@
1
1
  import { AnchorHTMLAttributes } from 'react';
2
+ /**
3
+ * @deprecated Use Footer v2 Instead.
4
+ */
2
5
  export type LinkableIconsProps = {
3
6
  link?: AnchorHTMLAttributes<HTMLAnchorElement>;
4
7
  icon: string;
@@ -1,4 +1,7 @@
1
1
  import { AnchorHTMLAttributes, ImgHTMLAttributes } from 'react';
2
+ /**
3
+ * @deprecated Use Footer v2 Instead.
4
+ */
2
5
  export type LinkableImagesProps = {
3
6
  link?: AnchorHTMLAttributes<HTMLAnchorElement>;
4
7
  image: ImgHTMLAttributes<HTMLImageElement>;
@@ -1,5 +1,8 @@
1
1
  import { FC } from 'react';
2
2
  import { ContactsFooterProps } from '../models/ContactsFooterProps';
3
+ /**
4
+ * @deprecated Use Footer v2 Instead.
5
+ */
3
6
  declare const PublicFooterContacts: FC<{
4
7
  contacts: ContactsFooterProps[];
5
8
  contactsOnly: boolean;
@@ -1,4 +1,7 @@
1
1
  import { FC } from 'react';
2
2
  import { CardFooterProps } from '../models';
3
+ /**
4
+ * @deprecated Use Footer v2 Instead.
5
+ */
3
6
  declare const PublicFooterHighlightCardLinks: FC<CardFooterProps>;
4
7
  export { PublicFooterHighlightCardLinks };
@@ -1,6 +1,9 @@
1
1
  import { FC } from 'react';
2
2
  import { CardFooterProps } from '../models';
3
3
  import { ContactsFooterProps } from '../models/ContactsFooterProps';
4
+ /**
5
+ * @deprecated Use Footer v2 Instead.
6
+ */
4
7
  declare const PublicFooterHighlightCard: FC<{
5
8
  card?: CardFooterProps;
6
9
  contacts?: ContactsFooterProps[];
@@ -2,6 +2,9 @@ import { FC } from 'react';
2
2
  import { CardFooterProps } from '../models/CardFooterProps';
3
3
  import { CardLinksFooterProps } from '../models/CardLinksFooterProps';
4
4
  import { ContactsFooterProps } from '../models/ContactsFooterProps';
5
+ /**
6
+ * @deprecated Use Footer v2 Instead.
7
+ */
5
8
  declare const PublicFooterHighlight: FC<{
6
9
  card?: CardFooterProps;
7
10
  cardLinks?: CardLinksFooterProps;
@@ -2,6 +2,9 @@ import { AnchorHTMLAttributes, FC, ReactNode } from 'react';
2
2
  import { CardLinksFooterProps } from '../models/CardLinksFooterProps';
3
3
  import { LinkableIconsProps } from '../models/LinkableIconsProps';
4
4
  import { LinkableImagesProps } from '../models/LinkableImagesProps';
5
+ /**
6
+ * @deprecated Use Footer v2 Instead.
7
+ */
5
8
  declare const PublicFooterMainPlusCardLinks: FC<{
6
9
  brandImage: LinkableImagesProps;
7
10
  badgeImage?: LinkableImagesProps;
@@ -5,6 +5,9 @@ import { ContactsFooterProps } from '../models/ContactsFooterProps';
5
5
  import { LinkableIconsProps } from '../models/LinkableIconsProps';
6
6
  import { LinkableImagesProps } from '../models/LinkableImagesProps';
7
7
  import './public-footer.css';
8
+ /**
9
+ * @deprecated Use Footer v2 Instead.
10
+ */
8
11
  export interface PublicFooterProps {
9
12
  /**
10
13
  * Informative card. Links limited to first 3, remaining array is discarded.
@@ -57,5 +60,8 @@ export interface PublicFooterProps {
57
60
  */
58
61
  darkMode?: boolean;
59
62
  }
63
+ /**
64
+ * @deprecated Use Footer v2 Instead.
65
+ */
60
66
  declare const PublicFooter: FC<PublicFooterProps>;
61
67
  export { PublicFooter };
@@ -1,5 +1,8 @@
1
1
  import { FC } from 'react';
2
2
  import { LinkableImagesProps } from '../models/LinkableImagesProps';
3
+ /**
4
+ * @deprecated Use Footer v2 Instead.
5
+ */
3
6
  declare const FooterBrandBadge: FC<{
4
7
  brandImage: LinkableImagesProps;
5
8
  badgeImage?: LinkableImagesProps;
@@ -1,5 +1,8 @@
1
1
  import { FC, ReactNode } from 'react';
2
2
  import { LinkableImagesProps } from '../models/LinkableImagesProps';
3
+ /**
4
+ * @deprecated Use Footer v2 Instead.
5
+ */
3
6
  declare const FooterCaptionPartners: FC<{
4
7
  caption: string | ReactNode;
5
8
  partnersLogos: LinkableImagesProps[];
@@ -1,5 +1,8 @@
1
1
  import { FC } from 'react';
2
2
  import { FederatedFooterProps } from '../federated-footer';
3
3
  import { PublicFooterProps } from '../public-footer/public-footer';
4
+ /**
5
+ * @deprecated Use Footer v2 Instead.
6
+ */
4
7
  declare const MainFooter: FC<FederatedFooterProps | PublicFooterProps>;
5
8
  export { MainFooter };
@@ -1,5 +1,8 @@
1
1
  import { AnchorHTMLAttributes, FC, ReactNode } from 'react';
2
2
  import { LinkableIconsProps } from '../models/LinkableIconsProps';
3
+ /**
4
+ * @deprecated Use Footer v2 Instead.
5
+ */
3
6
  declare const FooterSocialUsefulCopyright: FC<{
4
7
  socialsLink?: LinkableIconsProps[];
5
8
  usefulLinks?: AnchorHTMLAttributes<HTMLAnchorElement>[];
@@ -0,0 +1,10 @@
1
+ import './financing-section-container.css';
2
+ import { FC, HTMLAttributes, ReactElement } from 'react';
3
+ import { FooterDisclaimer, FooterGenericLogo } from '../index';
4
+ type FinancingSectionContainerChildren = ReactElement<typeof FooterDisclaimer> | ReactElement<typeof FooterGenericLogo>;
5
+ export interface FinancingSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
6
+ children?: FinancingSectionContainerChildren | FinancingSectionContainerChildren[];
7
+ financingSectionAriaLabel?: string;
8
+ }
9
+ export declare const FinancingSectionContainer: FC<FinancingSectionContainerProps>;
10
+ export {};
@@ -0,0 +1,7 @@
1
+ import { FC, HTMLAttributes } from 'react';
2
+ import { FooterChildren, FooterVariant } from './helpers';
3
+ export interface FooterProps extends HTMLAttributes<HTMLElement> {
4
+ variant?: FooterVariant;
5
+ children?: FooterChildren | FooterChildren[];
6
+ }
7
+ export declare const Footer: FC<FooterProps>;
@@ -0,0 +1,11 @@
1
+ import { ReactElement } from 'react';
2
+ import { FinancingSectionContainer, LinksSectionContainer, LogoSectionContainer } from './index';
3
+ type ChildType = ReactElement | ReactElement[] | undefined;
4
+ export type FooterChildren = ReactElement<typeof LogoSectionContainer> | ReactElement<typeof FinancingSectionContainer> | ReactElement<typeof LinksSectionContainer>;
5
+ export type FooterVariant = 'white' | 'neutral-100' | 'primary-700' | 'primary-900';
6
+ export declare function getChildrenOfType<T>(childType: T, children: ChildType): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
7
+ export declare function getAllChildrenOfType<T>(childType: T, children: ChildType): ReactElement<unknown, string | import("react").JSXElementConstructor<any>>[];
8
+ export declare const FooterContext: import("react").Context<{
9
+ isLightVariant: boolean;
10
+ }>;
11
+ export {};
@@ -0,0 +1,28 @@
1
+ export { Footer } from './footer';
2
+ export type { FooterProps } from './footer';
3
+ export { LogoSectionContainer } from './logo-section/logo-section-container/logo-section-container';
4
+ export type { LogoSectionContainerProps } from './logo-section/logo-section-container/logo-section-container';
5
+ export { LogoSectionFreestyle } from './logo-section/logo-section-freestyle/logo-section-freestyle';
6
+ export type { LogoSectionFreestyleProps } from './logo-section/logo-section-freestyle/logo-section-freestyle';
7
+ export { LogoSectionMainLogo } from './logo-section/logo-section-main-logo/logo-section-main-logo';
8
+ export type { LogoSectionMainLogoProps } from './logo-section/logo-section-main-logo/logo-section-main-logo';
9
+ export { LogoSectionAccessibilityLogo } from './logo-section/logo-section-accessibility-logo/logo-section-accessibility-logo';
10
+ export type { LogoSectionAccessibilityLogoProps } from './logo-section/logo-section-accessibility-logo/logo-section-accessibility-logo';
11
+ export { FinancingSectionContainer } from './financing-section/financing-section-container';
12
+ export type { FinancingSectionContainerProps } from './financing-section/financing-section-container';
13
+ export { LinksSectionContainer } from './links-section/links-section-container/links-section-container';
14
+ export type { LinksSectionContainerProps } from './links-section/links-section-container/links-section-container';
15
+ export { LinksSectionSocialLinks } from './links-section/links-section-social-links/links-section-social-links';
16
+ export type { LinksSectionSocialLinksProps } from './links-section/links-section-social-links/links-section-social-links';
17
+ export { LinksSectionRelatedLinks } from './links-section/links-section-related-links/links-section-related-links';
18
+ export type { LinksSectionRelatedLinksProps } from './links-section/links-section-related-links/links-section-related-links';
19
+ export { LinksSectionRelatedLinksCopyright } from './links-section/links-section-related-links/links-section-related-links-copyright/links-section-related-links-copyright';
20
+ export type { LinksSectionRelatedLinksCopyrightProps } from './links-section/links-section-related-links/links-section-related-links-copyright/links-section-related-links-copyright';
21
+ export { LinksSectionSocialLinksLabel } from './links-section/links-section-social-links/links-section-social-links-label/links-section-social-links-label';
22
+ export type { LinksSectionSocialLinksLabelProps } from './links-section/links-section-social-links/links-section-social-links-label/links-section-social-links-label';
23
+ export { FooterDisclaimer } from './shared/footer-disclaimer/footer-disclaimer';
24
+ export type { FooterDisclaimerProps } from './shared/footer-disclaimer/footer-disclaimer';
25
+ export { FooterGenericLogo } from './shared/footer-generic-logo/footer-generic-logo';
26
+ export type { FooterGenericLogoProps } from './shared/footer-generic-logo/footer-generic-logo';
27
+ export { FooterLink } from './shared/footer-link/footer-link';
28
+ export type { FooterLinkProps } from './shared/footer-link/footer-link';
@@ -0,0 +1,9 @@
1
+ import './links-section-container.css';
2
+ import { FC, HTMLAttributes, ReactElement } from 'react';
3
+ import { LinksSectionRelatedLinks, LinksSectionSocialLinks } from '../../index';
4
+ type LinksSectionContainerChildren = ReactElement<typeof LinksSectionRelatedLinks> | ReactElement<typeof LinksSectionSocialLinks>;
5
+ export interface LinksSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
6
+ children?: LinksSectionContainerChildren | LinksSectionContainerChildren[];
7
+ }
8
+ export declare const LinksSectionContainer: FC<LinksSectionContainerProps>;
9
+ export {};
@@ -0,0 +1,6 @@
1
+ import './links-section-related-links-copyright.css';
2
+ import { FC, HTMLAttributes, ReactNode } from 'react';
3
+ export interface LinksSectionRelatedLinksCopyrightProps extends HTMLAttributes<HTMLSpanElement> {
4
+ children?: ReactNode;
5
+ }
6
+ export declare const LinksSectionRelatedLinksCopyright: FC<LinksSectionRelatedLinksCopyrightProps>;
@@ -0,0 +1,10 @@
1
+ import './links-section-related-links.css';
2
+ import { FC, HTMLAttributes, ReactElement } from 'react';
3
+ import { FooterLink, LinksSectionRelatedLinksCopyright } from '../../index';
4
+ type LinksSectionRelatedLinksChildren = ReactElement<typeof FooterLink> | ReactElement<typeof LinksSectionRelatedLinksCopyright>;
5
+ export interface LinksSectionRelatedLinksProps extends HTMLAttributes<HTMLDivElement> {
6
+ children?: LinksSectionRelatedLinksChildren | LinksSectionRelatedLinksChildren[];
7
+ linksSectionRelatedAriaLabel?: string;
8
+ }
9
+ export declare const LinksSectionRelatedLinks: FC<LinksSectionRelatedLinksProps>;
10
+ export {};
@@ -0,0 +1,6 @@
1
+ import './links-section-social-links-label.css';
2
+ import { FC, HTMLAttributes, ReactNode } from 'react';
3
+ export interface LinksSectionSocialLinksLabelProps extends HTMLAttributes<HTMLSpanElement> {
4
+ children?: ReactNode;
5
+ }
6
+ export declare const LinksSectionSocialLinksLabel: FC<LinksSectionSocialLinksLabelProps>;
@@ -0,0 +1,10 @@
1
+ import './links-section-social-links.css';
2
+ import { FC, HTMLAttributes, ReactElement } from 'react';
3
+ import { FooterLink, LinksSectionSocialLinksLabel } from '../../index';
4
+ type LinksSectionSocialLinksChildren = ReactElement<typeof LinksSectionSocialLinksLabel> | ReactElement<typeof FooterLink>;
5
+ export interface LinksSectionSocialLinksProps extends HTMLAttributes<HTMLDivElement> {
6
+ children?: LinksSectionSocialLinksChildren | LinksSectionSocialLinksChildren[];
7
+ linksSectionSocialAriaLabel?: string;
8
+ }
9
+ export declare const LinksSectionSocialLinks: FC<LinksSectionSocialLinksProps>;
10
+ export {};
@@ -0,0 +1,6 @@
1
+ import { FC, HTMLAttributes, ReactNode } from 'react';
2
+ export interface LogoSectionAccessibilityLogoProps extends HTMLAttributes<HTMLDivElement> {
3
+ children?: ReactNode;
4
+ }
5
+ export declare const LogoSectionAccessibilityLogo: FC<LogoSectionAccessibilityLogoProps>;
6
+ export default LogoSectionAccessibilityLogo;
@@ -0,0 +1,9 @@
1
+ import './logo-section-container.css';
2
+ import { FC, HTMLAttributes, ReactElement } from 'react';
3
+ import { FooterDisclaimer, FooterGenericLogo, LogoSectionAccessibilityLogo, LogoSectionFreestyle, LogoSectionMainLogo } from '../../index';
4
+ type LogoSectionContainerChildren = ReactElement<typeof LogoSectionFreestyle> | ReactElement<typeof LogoSectionMainLogo> | ReactElement<typeof FooterGenericLogo> | ReactElement<typeof FooterDisclaimer> | ReactElement<typeof LogoSectionAccessibilityLogo>;
5
+ export interface LogoSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
6
+ children?: LogoSectionContainerChildren | LogoSectionContainerChildren[];
7
+ }
8
+ export declare const LogoSectionContainer: FC<LogoSectionContainerProps>;
9
+ export {};
@@ -0,0 +1,7 @@
1
+ import './logo-section-freestyle.css';
2
+ import { FC, HTMLAttributes, ReactNode } from 'react';
3
+ export interface LogoSectionFreestyleProps extends HTMLAttributes<HTMLDivElement> {
4
+ children?: ReactNode;
5
+ }
6
+ export declare const LogoSectionFreestyle: FC<LogoSectionFreestyleProps>;
7
+ export default LogoSectionFreestyle;
@@ -0,0 +1,6 @@
1
+ import { FC, HTMLAttributes, ReactNode } from 'react';
2
+ export interface LogoSectionMainLogoProps extends HTMLAttributes<HTMLLIElement> {
3
+ children?: ReactNode;
4
+ }
5
+ export declare const LogoSectionMainLogo: FC<LogoSectionMainLogoProps>;
6
+ export default LogoSectionMainLogo;
@@ -0,0 +1,6 @@
1
+ import './footer-disclaimer.css';
2
+ import { FC, HTMLAttributes, ReactNode } from 'react';
3
+ export interface FooterDisclaimerProps extends HTMLAttributes<HTMLSpanElement> {
4
+ children?: ReactNode;
5
+ }
6
+ export declare const FooterDisclaimer: FC<FooterDisclaimerProps>;
@@ -0,0 +1,5 @@
1
+ import { FC, HTMLAttributes, ReactNode } from 'react';
2
+ export interface FooterGenericLogoProps extends HTMLAttributes<HTMLLIElement> {
3
+ children?: ReactNode;
4
+ }
5
+ export declare const FooterGenericLogo: FC<FooterGenericLogoProps>;
@@ -0,0 +1,6 @@
1
+ import './footer-link.css';
2
+ import { FC } from 'react';
3
+ import { AnchorProps } from '../../../../components/anchor';
4
+ export interface FooterLinkProps extends AnchorProps {
5
+ }
6
+ export declare const FooterLink: FC<FooterLinkProps>;
@@ -3,7 +3,6 @@ import { ComponentProps, FC, ReactElement, Ref } from 'react';
3
3
  import { BrandProps } from './brand/brand';
4
4
  import { GeneralBarProps } from './general-bar/general-bar';
5
5
  import { NavigationBarProps } from './navigation-bar/navigation-bar';
6
- import { EcosystemBarProps } from './ecosystem-bar/ecosystem-bar';
7
6
  export interface HeaderElement extends ComponentProps<'div'> {
8
7
  focusActiveArea: () => void;
9
8
  setActiveArea: (areaValue: string) => void;
@@ -23,7 +22,7 @@ export interface HeaderElement extends ComponentProps<'div'> {
23
22
  openNavigationMenuOption: (index: number) => void;
24
23
  closeAll: () => void;
25
24
  }
26
- export type HeaderChildrenComponents = ReactElement<BrandProps | GeneralBarProps | NavigationBarProps> | ReactElement<BrandProps | GeneralBarProps | EcosystemBarProps>[];
25
+ export type HeaderChildrenComponents = ReactElement<BrandProps | GeneralBarProps | NavigationBarProps> | ReactElement<BrandProps | GeneralBarProps | NavigationBarProps>[];
27
26
  export interface HeaderProps {
28
27
  ref?: Ref<HeaderElement>;
29
28
  darkMode?: BooleanProp;
@@ -58,11 +58,5 @@ export { NavigationLink } from './navigation-bar/navigation-link';
58
58
  export type { NavigationLinkProps } from './navigation-bar/navigation-link';
59
59
  export { RelatedNavigationLink } from './navigation-bar/related-navigation-link';
60
60
  export type { RelatedNavigationLinkProps } from './navigation-bar/related-navigation-link';
61
- export { EcosystemBar } from './ecosystem-bar/ecosystem-bar';
62
- export type { EcosystemBarProps } from './ecosystem-bar/ecosystem-bar';
63
- export { EcosystemBarTitle } from './ecosystem-bar/ecosystem-bar-title';
64
- export type { EcosystemBarTitleProps } from './ecosystem-bar/ecosystem-bar-title';
65
- export { EcosystemBarContent } from './ecosystem-bar/ecosystem-bar-content';
66
- export type { EcosystemBarContentProps } from './ecosystem-bar/ecosystem-bar-content';
67
61
  export { NavigationFreestyle } from './navigation-bar/navigation-freestyle';
68
62
  export type { NavigationFreestyleProps } from './navigation-bar/navigation-freestyle';
@@ -57,9 +57,6 @@ export interface HeaderDataContextProps {
57
57
  getModalAriaLabel: () => string;
58
58
  getModalCloseLabel: () => string;
59
59
  darkMode: boolean;
60
- getEcosystemBarTitle: () => ReactNode;
61
- getEcosystemBarContent: () => ReactNode;
62
- hasEcosystemBar: () => boolean;
63
60
  }
64
61
  export declare const HeaderDataContext: import("react").Context<HeaderDataContextProps>;
65
62
  export declare const useHeaderDataContext: () => HeaderDataContextProps;
@@ -11,5 +11,7 @@ export declare enum MenuTypeEnum {
11
11
  MenuBurger = "MenuBurger",
12
12
  Modal = "Modal",
13
13
  NavigationList = "NavigationList",
14
- NavigationBurgerLayout = "NavigationBurgerLayout"
14
+ NavigationBurgerLayout = "NavigationBurgerLayout",
15
+ GeneralBarPortal = "GeneralBarPortal",
16
+ NavigationBarPortal = "NavigationBarPortal"
15
17
  }
@@ -1,6 +1,7 @@
1
1
  import { ButtonProps } from '../../../../../components/button';
2
2
  import { ComponentProps, FC, ReactElement } from 'react';
3
3
  import { LayoutProps } from './layout.interface';
4
+ import { MenuTypeEnum } from '../../context/menu-context/menu-type.enum';
4
5
  import './panel-menu.css';
5
6
  export interface PanelMenuElement extends HTMLDivElement {
6
7
  /**
@@ -36,6 +37,7 @@ export interface PanelMenuProps extends ComponentProps<'div'> {
36
37
  trailingIconHover?: string;
37
38
  };
38
39
  isDrawerPanel?: boolean;
40
+ portalRefType: MenuTypeEnum.GeneralBarPortal | MenuTypeEnum.NavigationBarPortal;
39
41
  }
40
42
  declare const PanelMenu: FC<PanelMenuProps>;
41
43
  export { PanelMenu };
@@ -59,3 +59,4 @@ export * from './toggle';
59
59
  export * from './toggle-group';
60
60
  export * from './tooltip';
61
61
  export * from './uploader';
62
+ export * from './footer-v2';
@@ -34,6 +34,14 @@ export interface RadioButtonProps extends ComponentProps<'input'> {
34
34
  * The flag to set if the radio button is in dark mode or light mode.
35
35
  */
36
36
  darkMode?: BooleanProp;
37
+ /**
38
+ * Show or hide the helper text.
39
+ */
40
+ hasHelperText?: BooleanProp;
41
+ /**
42
+ * Defines helper text.
43
+ */
44
+ helperText?: ReactNode;
37
45
  }
38
46
  declare const RadioButton: FC<RadioButtonProps>;
39
47
  export { RadioButton };
@@ -1,9 +1,14 @@
1
1
  import { ComponentPropsWithoutRef, FC, ReactElement } from 'react';
2
2
  import './step-list.css';
3
+ import { BooleanProp } from '../../models';
3
4
  export interface StepListProps extends ComponentPropsWithoutRef<'ol'> {
4
5
  /**
5
6
  * Children content.
6
7
  */
7
8
  children?: ReactElement<HTMLLIElement> | Array<ReactElement<HTMLLIElement>>;
9
+ /**
10
+ * The flag to set Dark mode.
11
+ */
12
+ darkMode?: BooleanProp;
8
13
  }
9
14
  export declare const StepList: FC<StepListProps>;
@@ -1,4 +1,4 @@
1
1
  export { Stepper } from './stepper';
2
2
  export type { StepperProps } from './stepper';
3
3
  export { Step } from './step';
4
- export type { StepProps } from './step';
4
+ export type { StepProps, StepStatusType } from './step';
@@ -1 +1 @@
1
- export type FeedbackState = 'info' | 'danger' | 'success' | 'warning';
1
+ export type FeedbackState = 'info' | 'danger' | 'success' | 'warning' | 'loading';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ama-pt/agora-design-system",
3
3
  "description": "Ágora Design system",
4
- "version": "3.5.2",
4
+ "version": "3.6.0",
5
5
  "main": "artifacts/dist/index.mjs",
6
6
  "module": "artifacts/dist/index.umd.js",
7
7
  "files": [
@@ -1,5 +0,0 @@
1
- import React, { FC } from 'react';
2
- export interface EcosystemBarContentProps {
3
- children?: React.ReactNode;
4
- }
5
- export declare const EcosystemBarContent: FC<EcosystemBarContentProps>;
@@ -1,5 +0,0 @@
1
- import React, { FC } from 'react';
2
- export interface EcosystemBarTitleProps {
3
- children?: React.ReactNode;
4
- }
5
- export declare const EcosystemBarTitle: FC<EcosystemBarTitleProps>;
@@ -1,5 +0,0 @@
1
- import React, { FC } from 'react';
2
- export interface EcosystemBarProps {
3
- children?: React.ReactNode;
4
- }
5
- export declare const EcosystemBar: FC<EcosystemBarProps>;
@@ -1,5 +0,0 @@
1
- import { ReactNode } from 'react';
2
- import { HeaderChildrenComponents } from '../../../../../../components/header/header';
3
- export declare const getEcosystemBarTitleInternal: (children?: HeaderChildrenComponents) => ReactNode | null;
4
- export declare const getEcosystemBarContentInternal: (children?: HeaderChildrenComponents) => ReactNode;
5
- export declare const hasEcosystemBarInternal: (children?: HeaderChildrenComponents) => boolean;
@@ -1,3 +0,0 @@
1
- import React from 'react';
2
- import './internal-ecosystem-bar.css';
3
- export declare const InternalEcosystemBar: () => React.JSX.Element;