@ama-pt/agora-design-system 3.5.3 → 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 (49) hide show
  1. package/artifacts/dist/index.mjs +4262 -4047
  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 +26 -0
  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/index.d.ts +1 -0
  45. package/artifacts/dist/types/components/radio/radio.d.ts +8 -0
  46. package/artifacts/dist/types/components/step-list/step-list.d.ts +5 -0
  47. package/artifacts/dist/types/components/stepper/index.d.ts +1 -1
  48. package/artifacts/dist/types/models/feedback-state-type.d.ts +1 -1
  49. package/package.json +1 -1
@@ -992,6 +992,10 @@ input[type]::placeholder{
992
992
  margin-bottom: 8px;
993
993
  }
994
994
 
995
+ .\!mt-0{
996
+ margin-top: 0px !important;
997
+ }
998
+
995
999
  .\!mt-\[0px\]{
996
1000
  margin-top: 0px !important;
997
1001
  }
@@ -1036,6 +1040,10 @@ input[type]::placeholder{
1036
1040
  margin-left: 45px;
1037
1041
  }
1038
1042
 
1043
+ .ml-\[52px\]{
1044
+ margin-left: 52px;
1045
+ }
1046
+
1039
1047
  .ml-auto{
1040
1048
  margin-left: auto;
1041
1049
  }
@@ -2539,6 +2547,11 @@ input[type]::placeholder{
2539
2547
  border-color: transparent !important;
2540
2548
  }
2541
2549
 
2550
+ .border-\[\#8A3DFA\]{
2551
+ --tw-border-opacity: 1;
2552
+ border-color: rgb(138 61 250 / var(--tw-border-opacity, 1));
2553
+ }
2554
+
2542
2555
  .border-\[\#9747FF\]{
2543
2556
  --tw-border-opacity: 1;
2544
2557
  border-color: rgb(151 71 255 / var(--tw-border-opacity, 1));
@@ -8205,6 +8218,11 @@ input[type]::placeholder{
8205
8218
  text-transform: none;
8206
8219
  }
8207
8220
 
8221
+ .text-\[\#8A3DFA\]{
8222
+ --tw-text-opacity: 1;
8223
+ color: rgb(138 61 250 / var(--tw-text-opacity, 1));
8224
+ }
8225
+
8208
8226
  .text-\[\#9747FF\]{
8209
8227
  --tw-text-opacity: 1;
8210
8228
  color: rgb(151 71 255 / var(--tw-text-opacity, 1));
@@ -8739,6 +8757,10 @@ input[type]::placeholder{
8739
8757
  text-decoration-thickness: 2px;
8740
8758
  }
8741
8759
 
8760
+ .\!underline-offset-8{
8761
+ text-underline-offset: 8px !important;
8762
+ }
8763
+
8742
8764
  .opacity-10{
8743
8765
  opacity: 0.1;
8744
8766
  }
@@ -29514,6 +29536,10 @@ input[type]::placeholder{
29514
29536
  width: 220px !important;
29515
29537
  }
29516
29538
 
29539
+ .md\:w-\[190px\]{
29540
+ width: 190px;
29541
+ }
29542
+
29517
29543
  .md\:w-\[50\%\]{
29518
29544
  width: 50%;
29519
29545
  }
@@ -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>;
@@ -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.3",
4
+ "version": "3.6.0",
5
5
  "main": "artifacts/dist/index.mjs",
6
6
  "module": "artifacts/dist/index.umd.js",
7
7
  "files": [