@ama-pt/agora-design-system 3.6.1 → 3.7.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 +4763 -4584
- 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/line-baby-B9U654-e.mjs +19 -0
- package/artifacts/dist/line-baby-B9U654-e.mjs.map +1 -0
- package/artifacts/dist/line-cross-Djj-mpB6.mjs +19 -0
- package/artifacts/dist/line-cross-Djj-mpB6.mjs.map +1 -0
- package/artifacts/dist/line-hand-heart-VTkFeMuF.mjs +19 -0
- package/artifacts/dist/line-hand-heart-VTkFeMuF.mjs.map +1 -0
- package/artifacts/dist/line-hospital-CuhzNEEl.mjs +19 -0
- package/artifacts/dist/line-hospital-CuhzNEEl.mjs.map +1 -0
- package/artifacts/dist/{line-like-CB8jIZRj.mjs → line-like-CKNQSXvd.mjs} +4 -4
- package/artifacts/dist/line-like-CKNQSXvd.mjs.map +1 -0
- package/artifacts/dist/{line-placeholder-CkeML-sk.mjs → line-placeholder-agv0CNks.mjs} +2 -2
- package/artifacts/dist/{line-smile-error-CdOVy8YA.mjs.map → line-placeholder-agv0CNks.mjs.map} +1 -1
- package/artifacts/dist/line-shopping-basket-lPvaVWbt.mjs +19 -0
- package/artifacts/dist/line-shopping-basket-lPvaVWbt.mjs.map +1 -0
- package/artifacts/dist/line-shopping-cart-ByQQcymz.mjs +19 -0
- package/artifacts/dist/line-shopping-cart-ByQQcymz.mjs.map +1 -0
- package/artifacts/dist/{line-smile-error-CdOVy8YA.mjs → line-smile-error-B_3PPdke.mjs} +4 -4
- package/artifacts/dist/line-smile-error-B_3PPdke.mjs.map +1 -0
- package/artifacts/dist/{line-user-check-BvRBYkHa.mjs → line-user-check-Bq0Ut9TB.mjs} +4 -4
- package/artifacts/dist/line-user-check-Bq0Ut9TB.mjs.map +1 -0
- package/artifacts/dist/{line-user-uncheck-DaU4juhl.mjs → line-user-uncheck-KlIJGO94.mjs} +6 -6
- package/artifacts/dist/line-user-uncheck-KlIJGO94.mjs.map +1 -0
- package/artifacts/dist/solid-baby-B_jULyBf.mjs +19 -0
- package/artifacts/dist/solid-baby-B_jULyBf.mjs.map +1 -0
- package/artifacts/dist/solid-cross-Dj8O9Lt0.mjs +19 -0
- package/artifacts/dist/solid-cross-Dj8O9Lt0.mjs.map +1 -0
- package/artifacts/dist/solid-hand-heart-XS9tzo8e.mjs +30 -0
- package/artifacts/dist/solid-hand-heart-XS9tzo8e.mjs.map +1 -0
- package/artifacts/dist/solid-hospital-CM-TxyV5.mjs +16 -0
- package/artifacts/dist/solid-hospital-CM-TxyV5.mjs.map +1 -0
- package/artifacts/dist/solid-shopping-basket-D_u84F-t.mjs +19 -0
- package/artifacts/dist/solid-shopping-basket-D_u84F-t.mjs.map +1 -0
- package/artifacts/dist/solid-shopping-cart-BhxlwUlU.mjs +19 -0
- package/artifacts/dist/solid-shopping-cart-BhxlwUlU.mjs.map +1 -0
- package/artifacts/dist/style.css +1 -1
- package/artifacts/dist/tailwind.css +72 -0
- package/artifacts/dist/types/components/cards/card-expandable/card-accordion/card-accordion.d.ts +1 -22
- package/artifacts/dist/types/components/cards/card-expandable/card-expandable.d.ts +0 -9
- package/artifacts/dist/types/components/ecosystem-bar/components/ecosystem-bar-button/ecosystem-bar-button.d.ts +6 -0
- package/artifacts/dist/types/components/ecosystem-bar/components/ecosystem-bar-content/ecosystem-bar-content.d.ts +5 -0
- package/artifacts/dist/types/components/ecosystem-bar/ecosystem-bar.d.ts +15 -0
- package/artifacts/dist/types/components/ecosystem-bar/helper.d.ts +10 -0
- package/artifacts/dist/types/components/ecosystem-bar/index.d.ts +6 -0
- package/artifacts/dist/types/components/footer-v2/financing-section/financing-section-container.d.ts +2 -1
- package/artifacts/dist/types/components/footer-v2/footer.d.ts +2 -2
- package/artifacts/dist/types/components/footer-v2/helpers.d.ts +2 -1
- package/artifacts/dist/types/components/footer-v2/links-section/links-section-container/links-section-container.d.ts +2 -1
- package/artifacts/dist/types/components/footer-v2/links-section/links-section-related-links/links-section-related-links.d.ts +2 -1
- package/artifacts/dist/types/components/footer-v2/links-section/links-section-social-links/links-section-social-links.d.ts +2 -1
- package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-container/logo-section-container.d.ts +2 -1
- package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-anchor.d.ts +5 -0
- package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-go-back.d.ts +5 -0
- package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-section-title.d.ts +5 -0
- package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-short-description.d.ts +5 -0
- package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-title.d.ts +5 -0
- package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link.d.ts +5 -0
- package/artifacts/dist/types/components/header/index.d.ts +12 -0
- package/artifacts/dist/types/components/header/internals/context/data-context/header-data-context.d.ts +3 -0
- package/artifacts/dist/types/components/header/internals/context/data-context/utils/direct-link-utils.d.ts +15 -0
- package/artifacts/dist/types/components/header/internals/context/menu-context/menu-type.enum.d.ts +2 -1
- package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-anchor.d.ts +6 -0
- package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-go-back.d.ts +6 -0
- package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-section-title.d.ts +6 -0
- package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-short-description.d.ts +6 -0
- package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-title.d.ts +6 -0
- package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link.d.ts +8 -0
- package/artifacts/dist/types/components/icon/assets/line/line-baby.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/line/line-cross.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/line/line-hand-heart.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/line/line-hospital.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/line/line-shopping-basket.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/line/line-shopping-cart.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/solid/solid-baby.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/solid/solid-cross.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/solid/solid-hand-heart.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/solid/solid-hospital.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/solid/solid-shopping-basket.d.ts +4 -0
- package/artifacts/dist/types/components/icon/assets/solid/solid-shopping-cart.d.ts +4 -0
- package/artifacts/dist/types/components/index.d.ts +1 -0
- package/artifacts/dist/types/components/toasts/toast.d.ts +19 -1
- package/artifacts/dist/types/utils/get-children.d.ts +5 -0
- package/package.json +1 -1
- package/artifacts/dist/line-like-CB8jIZRj.mjs.map +0 -1
- package/artifacts/dist/line-placeholder-CkeML-sk.mjs.map +0 -1
- package/artifacts/dist/line-user-check-BvRBYkHa.mjs.map +0 -1
- package/artifacts/dist/line-user-uncheck-DaU4juhl.mjs.map +0 -1
|
@@ -1013,6 +1013,14 @@ input[type]::placeholder{
|
|
|
1013
1013
|
margin-bottom: -8px;
|
|
1014
1014
|
}
|
|
1015
1015
|
|
|
1016
|
+
.-ml-\[10px\]{
|
|
1017
|
+
margin-left: -10px;
|
|
1018
|
+
}
|
|
1019
|
+
|
|
1020
|
+
.-ml-\[4px\]{
|
|
1021
|
+
margin-left: -4px;
|
|
1022
|
+
}
|
|
1023
|
+
|
|
1016
1024
|
.mb-128{
|
|
1017
1025
|
margin-bottom: 128px;
|
|
1018
1026
|
}
|
|
@@ -1220,6 +1228,10 @@ input[type]::placeholder{
|
|
|
1220
1228
|
height: 16px;
|
|
1221
1229
|
}
|
|
1222
1230
|
|
|
1231
|
+
.h-24{
|
|
1232
|
+
height: 24px;
|
|
1233
|
+
}
|
|
1234
|
+
|
|
1223
1235
|
.h-256{
|
|
1224
1236
|
height: 256px;
|
|
1225
1237
|
}
|
|
@@ -1276,6 +1288,10 @@ input[type]::placeholder{
|
|
|
1276
1288
|
height: 500px;
|
|
1277
1289
|
}
|
|
1278
1290
|
|
|
1291
|
+
.h-\[542px\]{
|
|
1292
|
+
height: 542px;
|
|
1293
|
+
}
|
|
1294
|
+
|
|
1279
1295
|
.h-\[60px\]{
|
|
1280
1296
|
height: 60px;
|
|
1281
1297
|
}
|
|
@@ -2220,6 +2236,10 @@ input[type]::placeholder{
|
|
|
2220
2236
|
place-self: end;
|
|
2221
2237
|
}
|
|
2222
2238
|
|
|
2239
|
+
.self-start{
|
|
2240
|
+
align-self: flex-start;
|
|
2241
|
+
}
|
|
2242
|
+
|
|
2223
2243
|
.self-end{
|
|
2224
2244
|
align-self: flex-end;
|
|
2225
2245
|
}
|
|
@@ -8285,6 +8305,30 @@ input[type]::placeholder{
|
|
|
8285
8305
|
text-transform: none;
|
|
8286
8306
|
}
|
|
8287
8307
|
|
|
8308
|
+
.\!text-\[var\(--color-primary-300\)\]{
|
|
8309
|
+
color: var(--color-primary-300) !important;
|
|
8310
|
+
}
|
|
8311
|
+
|
|
8312
|
+
.\!text-danger-600{
|
|
8313
|
+
--tw-text-opacity: 1 !important;
|
|
8314
|
+
color: rgb(209 35 50 / var(--tw-text-opacity, 1)) !important;
|
|
8315
|
+
}
|
|
8316
|
+
|
|
8317
|
+
.\!text-informative-600{
|
|
8318
|
+
--tw-text-opacity: 1 !important;
|
|
8319
|
+
color: rgb(0 89 140 / var(--tw-text-opacity, 1)) !important;
|
|
8320
|
+
}
|
|
8321
|
+
|
|
8322
|
+
.\!text-success-600{
|
|
8323
|
+
--tw-text-opacity: 1 !important;
|
|
8324
|
+
color: rgb(0 114 76 / var(--tw-text-opacity, 1)) !important;
|
|
8325
|
+
}
|
|
8326
|
+
|
|
8327
|
+
.\!text-warning-900{
|
|
8328
|
+
--tw-text-opacity: 1 !important;
|
|
8329
|
+
color: rgb(128 70 13 / var(--tw-text-opacity, 1)) !important;
|
|
8330
|
+
}
|
|
8331
|
+
|
|
8288
8332
|
.text-\[\#8A3DFA\]{
|
|
8289
8333
|
--tw-text-opacity: 1;
|
|
8290
8334
|
color: rgb(138 61 250 / var(--tw-text-opacity, 1));
|
|
@@ -8820,6 +8864,10 @@ input[type]::placeholder{
|
|
|
8820
8864
|
text-decoration-line: line-through;
|
|
8821
8865
|
}
|
|
8822
8866
|
|
|
8867
|
+
.\!no-underline{
|
|
8868
|
+
text-decoration-line: none !important;
|
|
8869
|
+
}
|
|
8870
|
+
|
|
8823
8871
|
.decoration-2{
|
|
8824
8872
|
text-decoration-thickness: 2px;
|
|
8825
8873
|
}
|
|
@@ -22585,6 +22633,10 @@ input[type]::placeholder{
|
|
|
22585
22633
|
display: block;
|
|
22586
22634
|
}
|
|
22587
22635
|
|
|
22636
|
+
.xs\:inline{
|
|
22637
|
+
display: inline;
|
|
22638
|
+
}
|
|
22639
|
+
|
|
22588
22640
|
.xs\:flex{
|
|
22589
22641
|
display: flex;
|
|
22590
22642
|
}
|
|
@@ -29416,6 +29468,10 @@ input[type]::placeholder{
|
|
|
29416
29468
|
.xs\:max-md\:flex-col{
|
|
29417
29469
|
flex-direction: column;
|
|
29418
29470
|
}
|
|
29471
|
+
|
|
29472
|
+
.xs\:max-md\:pb-\[3px\]{
|
|
29473
|
+
padding-bottom: 3px;
|
|
29474
|
+
}
|
|
29419
29475
|
}
|
|
29420
29476
|
}
|
|
29421
29477
|
|
|
@@ -36666,14 +36722,26 @@ input[type]::placeholder{
|
|
|
36666
36722
|
-webkit-line-clamp: 1;
|
|
36667
36723
|
}
|
|
36668
36724
|
|
|
36725
|
+
.xl\:\!block{
|
|
36726
|
+
display: block !important;
|
|
36727
|
+
}
|
|
36728
|
+
|
|
36669
36729
|
.xl\:block{
|
|
36670
36730
|
display: block;
|
|
36671
36731
|
}
|
|
36672
36732
|
|
|
36733
|
+
.xl\:inline{
|
|
36734
|
+
display: inline;
|
|
36735
|
+
}
|
|
36736
|
+
|
|
36673
36737
|
.xl\:flex{
|
|
36674
36738
|
display: flex;
|
|
36675
36739
|
}
|
|
36676
36740
|
|
|
36741
|
+
.xl\:\!hidden{
|
|
36742
|
+
display: none !important;
|
|
36743
|
+
}
|
|
36744
|
+
|
|
36677
36745
|
.xl\:hidden{
|
|
36678
36746
|
display: none;
|
|
36679
36747
|
}
|
|
@@ -42742,6 +42810,10 @@ input[type]::placeholder{
|
|
|
42742
42810
|
padding: 112px;
|
|
42743
42811
|
}
|
|
42744
42812
|
|
|
42813
|
+
.xl\:p-\[112px\]{
|
|
42814
|
+
padding: 112px;
|
|
42815
|
+
}
|
|
42816
|
+
|
|
42745
42817
|
.xl\:px-0{
|
|
42746
42818
|
padding-left: 0px;
|
|
42747
42819
|
padding-right: 0px;
|
package/artifacts/dist/types/components/cards/card-expandable/card-accordion/card-accordion.d.ts
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import { BooleanProp, HeadingLevel } from '../../../../models';
|
|
2
|
+
import { BooleanProp } from '../../../../models';
|
|
4
3
|
import './card-accordion.css';
|
|
5
4
|
/**
|
|
6
5
|
* The available variants of the accordion. Those variants will define the style of the accordion.
|
|
@@ -33,26 +32,10 @@ export interface CardAccordionProps extends Omit<ComponentProps<'div'>, 'onChang
|
|
|
33
32
|
* Accordion header title.
|
|
34
33
|
*/
|
|
35
34
|
headingTitle?: ReactNode;
|
|
36
|
-
/**
|
|
37
|
-
* Accordion heading level title.
|
|
38
|
-
*/
|
|
39
|
-
headingLevel?: HeadingLevel;
|
|
40
35
|
/**
|
|
41
36
|
* Accordion content.
|
|
42
37
|
*/
|
|
43
38
|
children?: ReactNode;
|
|
44
|
-
/**
|
|
45
|
-
* Defines if an icon is shown previously of title.
|
|
46
|
-
*/
|
|
47
|
-
hasIcon?: BooleanProp;
|
|
48
|
-
/**
|
|
49
|
-
* Defines the name of the leading icon to use.
|
|
50
|
-
*/
|
|
51
|
-
leadingIcon?: string;
|
|
52
|
-
/**
|
|
53
|
-
* Defines the name of the leading icon to be displayed on mouse hover. If none specified, it will the appropriate variant of the icon.
|
|
54
|
-
*/
|
|
55
|
-
leadingIconHover?: string;
|
|
56
39
|
/**
|
|
57
40
|
* Event function called whenever the accordion expands.
|
|
58
41
|
*/
|
|
@@ -73,10 +56,6 @@ export interface CardAccordionProps extends Omit<ComponentProps<'div'>, 'onChang
|
|
|
73
56
|
* Value for the expanded value.
|
|
74
57
|
*/
|
|
75
58
|
expanded?: BooleanProp;
|
|
76
|
-
/**
|
|
77
|
-
* Card main button definition.
|
|
78
|
-
*/
|
|
79
|
-
mainButton?: ButtonProps;
|
|
80
59
|
}
|
|
81
60
|
declare const CardAccordion: FC<CardAccordionProps>;
|
|
82
61
|
export { CardAccordion };
|
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
import { BooleanProp, HeadingLevel } from '../../../models';
|
|
2
2
|
import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
|
|
3
3
|
import { CardAccordionElement } from './card-accordion';
|
|
4
|
-
import { ButtonProps } from '../../../components/button';
|
|
5
4
|
import './card-expandable.css';
|
|
6
5
|
/**
|
|
7
6
|
* The available variants of the card. Those variants will define the style of the card.
|
|
@@ -46,10 +45,6 @@ export interface CardExpandableProps extends Omit<ComponentProps<'div'>, 'title'
|
|
|
46
45
|
* Children content.
|
|
47
46
|
*/
|
|
48
47
|
children: ReactNode;
|
|
49
|
-
/**
|
|
50
|
-
* CardAccordion heading level title.
|
|
51
|
-
*/
|
|
52
|
-
accordionHeadingLevel?: HeadingLevel;
|
|
53
48
|
/**
|
|
54
49
|
* CardAccordion header title.
|
|
55
50
|
*/
|
|
@@ -74,10 +69,6 @@ export interface CardExpandableProps extends Omit<ComponentProps<'div'>, 'title'
|
|
|
74
69
|
* Event function called whenever the accordion expands or collapses.
|
|
75
70
|
*/
|
|
76
71
|
onChange?: (evt: SyntheticEvent<CardAccordionElement | undefined>) => void | undefined;
|
|
77
|
-
/**
|
|
78
|
-
* Card main button definition.
|
|
79
|
-
*/
|
|
80
|
-
mainButton?: ButtonProps;
|
|
81
72
|
}
|
|
82
73
|
declare const CardExpandable: FC<CardExpandableProps>;
|
|
83
74
|
export { CardExpandable };
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { ButtonProps } from '../../../../components/button';
|
|
3
|
+
import './ecosystem-bar-button.css';
|
|
4
|
+
export interface EcosystemBarButtonProps extends ButtonProps {
|
|
5
|
+
}
|
|
6
|
+
export declare function EcosystemBarButton({ children, onClick, className, ...props }: EcosystemBarButtonProps): React.JSX.Element;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
|
2
|
+
import './ecosystem-bar-content.css';
|
|
3
|
+
export interface EcosystemBarContentProps extends ComponentProps<'div'> {
|
|
4
|
+
}
|
|
5
|
+
export declare function EcosystemBarContent({ children, className, ...props }: Readonly<EcosystemBarContentProps>): React.JSX.Element;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { ComponentProps } from 'react';
|
|
2
|
+
import './ecosystem-bar.css';
|
|
3
|
+
export type EcosystemBarVariant = 'white' | 'neutral' | 'brand' | 'dark';
|
|
4
|
+
export interface EcosystemBarProps extends ComponentProps<'div'> {
|
|
5
|
+
/**
|
|
6
|
+
* Defines if the component starts open or closed.
|
|
7
|
+
*/
|
|
8
|
+
startOpen?: boolean;
|
|
9
|
+
/**
|
|
10
|
+
* Defines what style to apply.
|
|
11
|
+
*/
|
|
12
|
+
variant?: EcosystemBarVariant;
|
|
13
|
+
}
|
|
14
|
+
declare function EcosystemBar({ variant, children, className, startOpen, ...props }: Readonly<EcosystemBarProps>): React.JSX.Element;
|
|
15
|
+
export { EcosystemBar };
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { EcosystemBarVariant } from './ecosystem-bar';
|
|
2
|
+
interface EcosystemBarContextValue {
|
|
3
|
+
darkMode: boolean;
|
|
4
|
+
contentId: string;
|
|
5
|
+
isContentOpen: boolean;
|
|
6
|
+
toggleContent: () => void;
|
|
7
|
+
variant: EcosystemBarVariant;
|
|
8
|
+
}
|
|
9
|
+
export declare const EcosystemBarContext: import("react").Context<EcosystemBarContextValue>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
export { EcosystemBar } from './ecosystem-bar';
|
|
2
|
+
export type { EcosystemBarProps, EcosystemBarVariant } from './ecosystem-bar';
|
|
3
|
+
export { EcosystemBarButton } from './components/ecosystem-bar-button/ecosystem-bar-button';
|
|
4
|
+
export type { EcosystemBarButtonProps } from './components/ecosystem-bar-button/ecosystem-bar-button';
|
|
5
|
+
export { EcosystemBarContent } from './components/ecosystem-bar-content/ecosystem-bar-content';
|
|
6
|
+
export type { EcosystemBarContentProps } from './components/ecosystem-bar-content/ecosystem-bar-content';
|
package/artifacts/dist/types/components/footer-v2/financing-section/financing-section-container.d.ts
CHANGED
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import './financing-section-container.css';
|
|
2
2
|
import { FC, HTMLAttributes, ReactElement } from 'react';
|
|
3
3
|
import { FooterDisclaimer, FooterGenericLogo } from '../index';
|
|
4
|
+
import { NestedChildren } from '../helpers';
|
|
4
5
|
type FinancingSectionContainerChildren = ReactElement<typeof FooterDisclaimer> | ReactElement<typeof FooterGenericLogo>;
|
|
5
6
|
export interface FinancingSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
children?: FinancingSectionContainerChildren
|
|
7
|
+
children?: NestedChildren<FinancingSectionContainerChildren>;
|
|
7
8
|
financingSectionAriaLabel?: string;
|
|
8
9
|
}
|
|
9
10
|
export declare const FinancingSectionContainer: FC<FinancingSectionContainerProps>;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { FC, HTMLAttributes } from 'react';
|
|
2
|
-
import { FooterChildren, FooterVariant } from './helpers';
|
|
2
|
+
import { FooterChildren, FooterVariant, NestedChildren } from './helpers';
|
|
3
3
|
export interface FooterProps extends HTMLAttributes<HTMLElement> {
|
|
4
4
|
variant?: FooterVariant;
|
|
5
|
-
children?: FooterChildren
|
|
5
|
+
children?: NestedChildren<FooterChildren>;
|
|
6
6
|
}
|
|
7
7
|
export declare const Footer: FC<FooterProps>;
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { FinancingSectionContainer, LinksSectionContainer, LogoSectionContainer } from './index';
|
|
3
|
-
type
|
|
3
|
+
export type NestedChildren<T> = T | NestedChildren<T>[];
|
|
4
|
+
type ChildType = NestedChildren<ReactElement> | undefined;
|
|
4
5
|
export type FooterChildren = ReactElement<typeof LogoSectionContainer> | ReactElement<typeof FinancingSectionContainer> | ReactElement<typeof LinksSectionContainer>;
|
|
5
6
|
export type FooterVariant = 'white' | 'neutral-100' | 'primary-700' | 'primary-900';
|
|
6
7
|
export declare function getChildrenOfType<T>(childType: T, children: ChildType): ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | null;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import './links-section-container.css';
|
|
2
2
|
import { FC, HTMLAttributes, ReactElement } from 'react';
|
|
3
|
+
import { NestedChildren } from '../../helpers';
|
|
3
4
|
import { LinksSectionRelatedLinks, LinksSectionSocialLinks } from '../../index';
|
|
4
5
|
type LinksSectionContainerChildren = ReactElement<typeof LinksSectionRelatedLinks> | ReactElement<typeof LinksSectionSocialLinks>;
|
|
5
6
|
export interface LinksSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
children?: LinksSectionContainerChildren
|
|
7
|
+
children?: NestedChildren<LinksSectionContainerChildren>;
|
|
7
8
|
}
|
|
8
9
|
export declare const LinksSectionContainer: FC<LinksSectionContainerProps>;
|
|
9
10
|
export {};
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import './links-section-related-links.css';
|
|
2
2
|
import { FC, HTMLAttributes, ReactElement } from 'react';
|
|
3
3
|
import { FooterLink, LinksSectionRelatedLinksCopyright } from '../../index';
|
|
4
|
+
import { NestedChildren } from '../../helpers';
|
|
4
5
|
type LinksSectionRelatedLinksChildren = ReactElement<typeof FooterLink> | ReactElement<typeof LinksSectionRelatedLinksCopyright>;
|
|
5
6
|
export interface LinksSectionRelatedLinksProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
children?: LinksSectionRelatedLinksChildren
|
|
7
|
+
children?: NestedChildren<LinksSectionRelatedLinksChildren>;
|
|
7
8
|
linksSectionRelatedAriaLabel?: string;
|
|
8
9
|
}
|
|
9
10
|
export declare const LinksSectionRelatedLinks: FC<LinksSectionRelatedLinksProps>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import './links-section-social-links.css';
|
|
2
2
|
import { FC, HTMLAttributes, ReactElement } from 'react';
|
|
3
3
|
import { FooterLink, LinksSectionSocialLinksLabel } from '../../index';
|
|
4
|
+
import { NestedChildren } from '../../helpers';
|
|
4
5
|
type LinksSectionSocialLinksChildren = ReactElement<typeof LinksSectionSocialLinksLabel> | ReactElement<typeof FooterLink>;
|
|
5
6
|
export interface LinksSectionSocialLinksProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
children?: LinksSectionSocialLinksChildren
|
|
7
|
+
children?: NestedChildren<LinksSectionSocialLinksChildren>;
|
|
7
8
|
linksSectionSocialAriaLabel?: string;
|
|
8
9
|
}
|
|
9
10
|
export declare const LinksSectionSocialLinks: FC<LinksSectionSocialLinksProps>;
|
|
@@ -1,9 +1,10 @@
|
|
|
1
1
|
import './logo-section-container.css';
|
|
2
2
|
import { FC, HTMLAttributes, ReactElement } from 'react';
|
|
3
3
|
import { FooterDisclaimer, FooterGenericLogo, LogoSectionAccessibilityLogo, LogoSectionFreestyle, LogoSectionMainLogo } from '../../index';
|
|
4
|
+
import { NestedChildren } from '../../helpers';
|
|
4
5
|
type LogoSectionContainerChildren = ReactElement<typeof LogoSectionFreestyle> | ReactElement<typeof LogoSectionMainLogo> | ReactElement<typeof FooterGenericLogo> | ReactElement<typeof FooterDisclaimer> | ReactElement<typeof LogoSectionAccessibilityLogo>;
|
|
5
6
|
export interface LogoSectionContainerProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
|
-
children?: LogoSectionContainerChildren
|
|
7
|
+
children?: NestedChildren<LogoSectionContainerChildren>;
|
|
7
8
|
}
|
|
8
9
|
export declare const LogoSectionContainer: FC<LogoSectionContainerProps>;
|
|
9
10
|
export {};
|
package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-anchor.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { InternalDirectLinkAnchorProps } from '../../internals/general-bar/direct-link/internal-direct-link-anchor';
|
|
3
|
+
export interface DirectLinkAnchorProps extends InternalDirectLinkAnchorProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const DirectLinkAnchor: FC<DirectLinkAnchorProps>;
|
package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-go-back.d.ts
ADDED
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { InternalDirectLinkGoBackProps } from '../../internals/general-bar/direct-link/internal-direct-link-go-back';
|
|
3
|
+
export interface DirectLinkGoBackProps extends InternalDirectLinkGoBackProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const DirectLinkGoBack: FC<DirectLinkGoBackProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { InternalDirectLinkSectionTitleProps } from '../../internals/general-bar/direct-link/internal-direct-link-section-title';
|
|
3
|
+
export interface DirectLinkSectionTitleProps extends InternalDirectLinkSectionTitleProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const DirectLinkSectionTitle: FC<DirectLinkSectionTitleProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { InternalDirectLinkShortDescriptionProps } from '../../internals/general-bar/direct-link/internal-direct-link-short-description';
|
|
3
|
+
export interface DirectLinkShortDescriptionProps extends InternalDirectLinkShortDescriptionProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const DirectLinkShortDescription: FC<DirectLinkShortDescriptionProps>;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { InternalDirectLinkTitleProps } from '../../internals/general-bar/direct-link/internal-direct-link-title';
|
|
3
|
+
export interface DirectLinkTitleProps extends InternalDirectLinkTitleProps {
|
|
4
|
+
}
|
|
5
|
+
export declare const DirectLinkTitle: FC<DirectLinkTitleProps>;
|
|
@@ -50,6 +50,18 @@ export { SearchRelatedLink } from './general-bar/search/search-related-link';
|
|
|
50
50
|
export type { SearchRelatedLinkProps } from './general-bar/search/search-related-link';
|
|
51
51
|
export { CustomSearch } from './general-bar/search/custom-search';
|
|
52
52
|
export type { CustomSearchProps } from './general-bar/search/custom-search';
|
|
53
|
+
export { DirectLink } from './general-bar/direct-link/direct-link';
|
|
54
|
+
export type { DirectLinkProps } from './general-bar/direct-link/direct-link';
|
|
55
|
+
export { DirectLinkTitle } from './general-bar/direct-link/direct-link-title';
|
|
56
|
+
export type { DirectLinkTitleProps } from './general-bar/direct-link/direct-link-title';
|
|
57
|
+
export { DirectLinkShortDescription } from './general-bar/direct-link/direct-link-short-description';
|
|
58
|
+
export type { DirectLinkShortDescriptionProps } from './general-bar/direct-link/direct-link-short-description';
|
|
59
|
+
export { DirectLinkSectionTitle } from './general-bar/direct-link/direct-link-section-title';
|
|
60
|
+
export type { DirectLinkSectionTitleProps } from './general-bar/direct-link/direct-link-section-title';
|
|
61
|
+
export { DirectLinkAnchor } from './general-bar/direct-link/direct-link-anchor';
|
|
62
|
+
export type { DirectLinkAnchorProps } from './general-bar/direct-link/direct-link-anchor';
|
|
63
|
+
export { DirectLinkGoBack } from './general-bar/direct-link/direct-link-go-back';
|
|
64
|
+
export type { DirectLinkGoBackProps } from './general-bar/direct-link/direct-link-go-back';
|
|
53
65
|
export { NavigationBar } from './navigation-bar/navigation-bar';
|
|
54
66
|
export type { NavigationBarProps } from './navigation-bar/navigation-bar';
|
|
55
67
|
export { NavigationRoot } from './navigation-bar/navigation-root';
|
|
@@ -15,6 +15,7 @@ import { NavigationLinkProps } from '../../../../../components/header/navigation
|
|
|
15
15
|
import { NavigationRootProps } from '../../../../../components/header/navigation-bar/navigation-root';
|
|
16
16
|
import { InputSearchBarProps } from '../../../../../components/input-search-bar';
|
|
17
17
|
import { ReactElement, ReactNode } from 'react';
|
|
18
|
+
import { GetDirectLinksProps } from './utils/direct-link-utils';
|
|
18
19
|
export interface HeaderDataContextProps {
|
|
19
20
|
getGeneralBarAriaLabel: () => string;
|
|
20
21
|
getInstitutionalPhrase: () => ReactNode;
|
|
@@ -43,6 +44,8 @@ export interface HeaderDataContextProps {
|
|
|
43
44
|
getCustomSearchInputBar: () => ReactNode;
|
|
44
45
|
getDefaultSearchRelatedLinksTitle: () => SearchRelatedLinksTitleProps | null;
|
|
45
46
|
getDefaultSearchRelatedLinks: () => SearchRelatedLinkProps[];
|
|
47
|
+
hasDirectLinks: () => boolean;
|
|
48
|
+
getDirectLinksProps: () => GetDirectLinksProps;
|
|
46
49
|
hasCustomSearch: () => boolean;
|
|
47
50
|
getCustomSearch: () => CustomSearchProps | null;
|
|
48
51
|
countNavigationItems: () => number;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { HeaderChildrenComponents } from '../../../../../../components/header/header';
|
|
2
|
+
import { ReactElement } from 'react';
|
|
3
|
+
import { InternalDirectLinkProps } from '../../../general-bar/direct-link/internal-direct-link';
|
|
4
|
+
export type DirectLinksChildren = {
|
|
5
|
+
internalDirectLinkGoBackElement: ReactElement | null;
|
|
6
|
+
internalDirectLinkTitleElement: ReactElement | null;
|
|
7
|
+
InternalDirectLinkShortDescription: ReactElement | null;
|
|
8
|
+
internalDirectLinkSectionTitleElements: ReactElement | null;
|
|
9
|
+
internalDirectLinkAnchorElements: ReactElement[] | null;
|
|
10
|
+
};
|
|
11
|
+
export interface GetDirectLinksProps extends Omit<InternalDirectLinkProps, 'children'> {
|
|
12
|
+
directLinksChildren: DirectLinksChildren;
|
|
13
|
+
}
|
|
14
|
+
export declare function hasDirectLinksProps(children?: HeaderChildrenComponents): boolean;
|
|
15
|
+
export declare function getDirectLinksPropsInternal(children?: HeaderChildrenComponents): GetDirectLinksProps;
|
package/artifacts/dist/types/components/header/internals/context/menu-context/menu-type.enum.d.ts
CHANGED
|
@@ -13,5 +13,6 @@ export declare enum MenuTypeEnum {
|
|
|
13
13
|
NavigationList = "NavigationList",
|
|
14
14
|
NavigationBurgerLayout = "NavigationBurgerLayout",
|
|
15
15
|
GeneralBarPortal = "GeneralBarPortal",
|
|
16
|
-
NavigationBarPortal = "NavigationBarPortal"
|
|
16
|
+
NavigationBarPortal = "NavigationBarPortal",
|
|
17
|
+
DirectLink = "DirectLink"
|
|
17
18
|
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { AnchorProps } from '../../../../../components/anchor';
|
|
3
|
+
import './internal-direct-link-anchor.css';
|
|
4
|
+
export interface InternalDirectLinkAnchorProps extends AnchorProps {
|
|
5
|
+
}
|
|
6
|
+
export declare const InternalDirectLinkAnchor: FC<InternalDirectLinkAnchorProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ButtonProps } from '../../../../../components/button';
|
|
2
|
+
import { FC } from 'react';
|
|
3
|
+
import './internal-direct-link-go-back.css';
|
|
4
|
+
export interface InternalDirectLinkGoBackProps extends ButtonProps {
|
|
5
|
+
}
|
|
6
|
+
export declare const InternalDirectLinkGoBack: FC<InternalDirectLinkGoBackProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentProps, FC, ReactNode } from 'react';
|
|
2
|
+
export interface InternalDirectLinkSectionTitleProps extends ComponentProps<'div'> {
|
|
3
|
+
children: ReactNode;
|
|
4
|
+
}
|
|
5
|
+
import './internal-direct-link-section-title.css';
|
|
6
|
+
export declare const InternalDirectLinkSectionTitle: FC<InternalDirectLinkSectionTitleProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentProps, FC, ReactNode } from 'react';
|
|
2
|
+
import './internal-direct-link-short-description.css';
|
|
3
|
+
export interface InternalDirectLinkShortDescriptionProps extends ComponentProps<'div'> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const InternalDirectLinkShortDescription: FC<InternalDirectLinkShortDescriptionProps>;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { ComponentProps, FC, ReactNode } from 'react';
|
|
2
|
+
import './internal-direct-link-title.css';
|
|
3
|
+
export interface InternalDirectLinkTitleProps extends ComponentProps<'div'> {
|
|
4
|
+
children: ReactNode;
|
|
5
|
+
}
|
|
6
|
+
export declare const InternalDirectLinkTitle: FC<InternalDirectLinkTitleProps>;
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import { BooleanProp } from '../../models';
|
|
1
2
|
import { ComponentPropsWithoutRef, FC, ReactNode } from 'react';
|
|
3
|
+
import { AnchorProps } from '../anchor';
|
|
2
4
|
import './toast.css';
|
|
3
5
|
export type ToastType = 'success' | 'failure' | 'warning' | 'info';
|
|
4
6
|
export interface ToastProps extends Omit<ComponentPropsWithoutRef<'div'>, 'id' | 'title'> {
|
|
@@ -9,11 +11,23 @@ export interface ToastProps extends Omit<ComponentPropsWithoutRef<'div'>, 'id' |
|
|
|
9
11
|
/**
|
|
10
12
|
* Title of the toast
|
|
11
13
|
*/
|
|
12
|
-
title
|
|
14
|
+
title?: ReactNode;
|
|
13
15
|
/**
|
|
14
16
|
* Description of the toast
|
|
15
17
|
*/
|
|
16
18
|
description: ReactNode;
|
|
19
|
+
/**
|
|
20
|
+
* Pill text to apply to the pill component
|
|
21
|
+
*/
|
|
22
|
+
pillText?: string;
|
|
23
|
+
/**
|
|
24
|
+
* Status text to apply to the status component
|
|
25
|
+
*/
|
|
26
|
+
statusText?: string;
|
|
27
|
+
/**
|
|
28
|
+
* Anchor props to apply to the anchor component within the toast
|
|
29
|
+
*/
|
|
30
|
+
anchor?: AnchorProps;
|
|
17
31
|
/**
|
|
18
32
|
* Type variant of the toast
|
|
19
33
|
*/
|
|
@@ -22,6 +36,10 @@ export interface ToastProps extends Omit<ComponentPropsWithoutRef<'div'>, 'id' |
|
|
|
22
36
|
* Alternative text to apply to the toast close button
|
|
23
37
|
*/
|
|
24
38
|
closeLabel: string;
|
|
39
|
+
/**
|
|
40
|
+
* Whether to show the close button on the toast or not
|
|
41
|
+
*/
|
|
42
|
+
closeButton?: BooleanProp;
|
|
25
43
|
/**
|
|
26
44
|
* Callback that's invoked when the toast is dismissed
|
|
27
45
|
*/
|