@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.
- package/artifacts/dist/index.mjs +4262 -4047
- package/artifacts/dist/index.mjs.map +1 -1
- package/artifacts/dist/index.umd.js +2 -2
- package/artifacts/dist/index.umd.js.map +1 -1
- package/artifacts/dist/style.css +1 -1
- package/artifacts/dist/tailwind.css +26 -0
- package/artifacts/dist/types/components/cards/card-general/card-general.d.ts +4 -4
- package/artifacts/dist/types/components/cards/card-notification/card-notification.d.ts +37 -0
- package/artifacts/dist/types/components/cards/card-notification/index.d.ts +2 -0
- package/artifacts/dist/types/components/cards/index.d.ts +1 -0
- package/artifacts/dist/types/components/footer/federated-footer/federated-footer-card.d.ts +3 -0
- package/artifacts/dist/types/components/footer/federated-footer/federated-footer.d.ts +6 -0
- package/artifacts/dist/types/components/footer/models/CardFooterProps.d.ts +3 -0
- package/artifacts/dist/types/components/footer/models/CardLinksFooterProps.d.ts +3 -0
- package/artifacts/dist/types/components/footer/models/ContactsFooterProps.d.ts +3 -0
- package/artifacts/dist/types/components/footer/models/LinkableIconsProps.d.ts +3 -0
- package/artifacts/dist/types/components/footer/models/LinkableImagesProps.d.ts +3 -0
- package/artifacts/dist/types/components/footer/public-footer/public-footer-contacts.d.ts +3 -0
- package/artifacts/dist/types/components/footer/public-footer/public-footer-highlight-card-links.d.ts +3 -0
- package/artifacts/dist/types/components/footer/public-footer/public-footer-highlight-card.d.ts +3 -0
- package/artifacts/dist/types/components/footer/public-footer/public-footer-highlight.d.ts +3 -0
- package/artifacts/dist/types/components/footer/public-footer/public-footer-main-plus-card-links.d.ts +3 -0
- package/artifacts/dist/types/components/footer/public-footer/public-footer.d.ts +6 -0
- package/artifacts/dist/types/components/footer/shared-components/footer-brand-badge.d.ts +3 -0
- package/artifacts/dist/types/components/footer/shared-components/footer-caption-partners.d.ts +3 -0
- package/artifacts/dist/types/components/footer/shared-components/footer-main.d.ts +3 -0
- package/artifacts/dist/types/components/footer/shared-components/footer-social-useful-copyright.d.ts +3 -0
- package/artifacts/dist/types/components/footer-v2/financing-section/financing-section-container.d.ts +10 -0
- package/artifacts/dist/types/components/footer-v2/footer.d.ts +7 -0
- package/artifacts/dist/types/components/footer-v2/helpers.d.ts +11 -0
- package/artifacts/dist/types/components/footer-v2/index.d.ts +28 -0
- package/artifacts/dist/types/components/footer-v2/links-section/links-section-container/links-section-container.d.ts +9 -0
- 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
- package/artifacts/dist/types/components/footer-v2/links-section/links-section-related-links/links-section-related-links.d.ts +10 -0
- 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
- package/artifacts/dist/types/components/footer-v2/links-section/links-section-social-links/links-section-social-links.d.ts +10 -0
- package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-accessibility-logo/logo-section-accessibility-logo.d.ts +6 -0
- package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-container/logo-section-container.d.ts +9 -0
- package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-freestyle/logo-section-freestyle.d.ts +7 -0
- package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-main-logo/logo-section-main-logo.d.ts +6 -0
- package/artifacts/dist/types/components/footer-v2/shared/footer-disclaimer/footer-disclaimer.d.ts +6 -0
- package/artifacts/dist/types/components/footer-v2/shared/footer-generic-logo/footer-generic-logo.d.ts +5 -0
- package/artifacts/dist/types/components/footer-v2/shared/footer-link/footer-link.d.ts +6 -0
- package/artifacts/dist/types/components/index.d.ts +1 -0
- package/artifacts/dist/types/components/radio/radio.d.ts +8 -0
- package/artifacts/dist/types/components/step-list/step-list.d.ts +5 -0
- package/artifacts/dist/types/components/stepper/index.d.ts +1 -1
- package/artifacts/dist/types/models/feedback-state-type.d.ts +1 -1
- 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?:
|
|
34
|
+
subtitleText?: ReactNode;
|
|
35
35
|
/**
|
|
36
36
|
* title of card
|
|
37
37
|
*/
|
|
38
|
-
titleText:
|
|
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:
|
|
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>;
|
|
@@ -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 };
|
package/artifacts/dist/types/components/footer/public-footer/public-footer-highlight-card.d.ts
CHANGED
|
@@ -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;
|
package/artifacts/dist/types/components/footer/public-footer/public-footer-main-plus-card-links.d.ts
CHANGED
|
@@ -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 };
|
package/artifacts/dist/types/components/footer/shared-components/footer-caption-partners.d.ts
CHANGED
|
@@ -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 };
|
package/artifacts/dist/types/components/footer/shared-components/footer-social-useful-copyright.d.ts
CHANGED
|
@@ -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>[];
|
package/artifacts/dist/types/components/footer-v2/financing-section/financing-section-container.d.ts
ADDED
|
@@ -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;
|
|
@@ -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 +1 @@
|
|
|
1
|
-
export type FeedbackState = 'info' | 'danger' | 'success' | 'warning';
|
|
1
|
+
export type FeedbackState = 'info' | 'danger' | 'success' | 'warning' | 'loading';
|