@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.
Files changed (90) hide show
  1. package/artifacts/dist/index.mjs +4763 -4584
  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/line-baby-B9U654-e.mjs +19 -0
  6. package/artifacts/dist/line-baby-B9U654-e.mjs.map +1 -0
  7. package/artifacts/dist/line-cross-Djj-mpB6.mjs +19 -0
  8. package/artifacts/dist/line-cross-Djj-mpB6.mjs.map +1 -0
  9. package/artifacts/dist/line-hand-heart-VTkFeMuF.mjs +19 -0
  10. package/artifacts/dist/line-hand-heart-VTkFeMuF.mjs.map +1 -0
  11. package/artifacts/dist/line-hospital-CuhzNEEl.mjs +19 -0
  12. package/artifacts/dist/line-hospital-CuhzNEEl.mjs.map +1 -0
  13. package/artifacts/dist/{line-like-CB8jIZRj.mjs → line-like-CKNQSXvd.mjs} +4 -4
  14. package/artifacts/dist/line-like-CKNQSXvd.mjs.map +1 -0
  15. package/artifacts/dist/{line-placeholder-CkeML-sk.mjs → line-placeholder-agv0CNks.mjs} +2 -2
  16. package/artifacts/dist/{line-smile-error-CdOVy8YA.mjs.map → line-placeholder-agv0CNks.mjs.map} +1 -1
  17. package/artifacts/dist/line-shopping-basket-lPvaVWbt.mjs +19 -0
  18. package/artifacts/dist/line-shopping-basket-lPvaVWbt.mjs.map +1 -0
  19. package/artifacts/dist/line-shopping-cart-ByQQcymz.mjs +19 -0
  20. package/artifacts/dist/line-shopping-cart-ByQQcymz.mjs.map +1 -0
  21. package/artifacts/dist/{line-smile-error-CdOVy8YA.mjs → line-smile-error-B_3PPdke.mjs} +4 -4
  22. package/artifacts/dist/line-smile-error-B_3PPdke.mjs.map +1 -0
  23. package/artifacts/dist/{line-user-check-BvRBYkHa.mjs → line-user-check-Bq0Ut9TB.mjs} +4 -4
  24. package/artifacts/dist/line-user-check-Bq0Ut9TB.mjs.map +1 -0
  25. package/artifacts/dist/{line-user-uncheck-DaU4juhl.mjs → line-user-uncheck-KlIJGO94.mjs} +6 -6
  26. package/artifacts/dist/line-user-uncheck-KlIJGO94.mjs.map +1 -0
  27. package/artifacts/dist/solid-baby-B_jULyBf.mjs +19 -0
  28. package/artifacts/dist/solid-baby-B_jULyBf.mjs.map +1 -0
  29. package/artifacts/dist/solid-cross-Dj8O9Lt0.mjs +19 -0
  30. package/artifacts/dist/solid-cross-Dj8O9Lt0.mjs.map +1 -0
  31. package/artifacts/dist/solid-hand-heart-XS9tzo8e.mjs +30 -0
  32. package/artifacts/dist/solid-hand-heart-XS9tzo8e.mjs.map +1 -0
  33. package/artifacts/dist/solid-hospital-CM-TxyV5.mjs +16 -0
  34. package/artifacts/dist/solid-hospital-CM-TxyV5.mjs.map +1 -0
  35. package/artifacts/dist/solid-shopping-basket-D_u84F-t.mjs +19 -0
  36. package/artifacts/dist/solid-shopping-basket-D_u84F-t.mjs.map +1 -0
  37. package/artifacts/dist/solid-shopping-cart-BhxlwUlU.mjs +19 -0
  38. package/artifacts/dist/solid-shopping-cart-BhxlwUlU.mjs.map +1 -0
  39. package/artifacts/dist/style.css +1 -1
  40. package/artifacts/dist/tailwind.css +72 -0
  41. package/artifacts/dist/types/components/cards/card-expandable/card-accordion/card-accordion.d.ts +1 -22
  42. package/artifacts/dist/types/components/cards/card-expandable/card-expandable.d.ts +0 -9
  43. package/artifacts/dist/types/components/ecosystem-bar/components/ecosystem-bar-button/ecosystem-bar-button.d.ts +6 -0
  44. package/artifacts/dist/types/components/ecosystem-bar/components/ecosystem-bar-content/ecosystem-bar-content.d.ts +5 -0
  45. package/artifacts/dist/types/components/ecosystem-bar/ecosystem-bar.d.ts +15 -0
  46. package/artifacts/dist/types/components/ecosystem-bar/helper.d.ts +10 -0
  47. package/artifacts/dist/types/components/ecosystem-bar/index.d.ts +6 -0
  48. package/artifacts/dist/types/components/footer-v2/financing-section/financing-section-container.d.ts +2 -1
  49. package/artifacts/dist/types/components/footer-v2/footer.d.ts +2 -2
  50. package/artifacts/dist/types/components/footer-v2/helpers.d.ts +2 -1
  51. package/artifacts/dist/types/components/footer-v2/links-section/links-section-container/links-section-container.d.ts +2 -1
  52. package/artifacts/dist/types/components/footer-v2/links-section/links-section-related-links/links-section-related-links.d.ts +2 -1
  53. package/artifacts/dist/types/components/footer-v2/links-section/links-section-social-links/links-section-social-links.d.ts +2 -1
  54. package/artifacts/dist/types/components/footer-v2/logo-section/logo-section-container/logo-section-container.d.ts +2 -1
  55. package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-anchor.d.ts +5 -0
  56. package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-go-back.d.ts +5 -0
  57. package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-section-title.d.ts +5 -0
  58. package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-short-description.d.ts +5 -0
  59. package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link-title.d.ts +5 -0
  60. package/artifacts/dist/types/components/header/general-bar/direct-link/direct-link.d.ts +5 -0
  61. package/artifacts/dist/types/components/header/index.d.ts +12 -0
  62. package/artifacts/dist/types/components/header/internals/context/data-context/header-data-context.d.ts +3 -0
  63. package/artifacts/dist/types/components/header/internals/context/data-context/utils/direct-link-utils.d.ts +15 -0
  64. package/artifacts/dist/types/components/header/internals/context/menu-context/menu-type.enum.d.ts +2 -1
  65. package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-anchor.d.ts +6 -0
  66. package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-go-back.d.ts +6 -0
  67. package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-section-title.d.ts +6 -0
  68. package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-short-description.d.ts +6 -0
  69. package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link-title.d.ts +6 -0
  70. package/artifacts/dist/types/components/header/internals/general-bar/direct-link/internal-direct-link.d.ts +8 -0
  71. package/artifacts/dist/types/components/icon/assets/line/line-baby.d.ts +4 -0
  72. package/artifacts/dist/types/components/icon/assets/line/line-cross.d.ts +4 -0
  73. package/artifacts/dist/types/components/icon/assets/line/line-hand-heart.d.ts +4 -0
  74. package/artifacts/dist/types/components/icon/assets/line/line-hospital.d.ts +4 -0
  75. package/artifacts/dist/types/components/icon/assets/line/line-shopping-basket.d.ts +4 -0
  76. package/artifacts/dist/types/components/icon/assets/line/line-shopping-cart.d.ts +4 -0
  77. package/artifacts/dist/types/components/icon/assets/solid/solid-baby.d.ts +4 -0
  78. package/artifacts/dist/types/components/icon/assets/solid/solid-cross.d.ts +4 -0
  79. package/artifacts/dist/types/components/icon/assets/solid/solid-hand-heart.d.ts +4 -0
  80. package/artifacts/dist/types/components/icon/assets/solid/solid-hospital.d.ts +4 -0
  81. package/artifacts/dist/types/components/icon/assets/solid/solid-shopping-basket.d.ts +4 -0
  82. package/artifacts/dist/types/components/icon/assets/solid/solid-shopping-cart.d.ts +4 -0
  83. package/artifacts/dist/types/components/index.d.ts +1 -0
  84. package/artifacts/dist/types/components/toasts/toast.d.ts +19 -1
  85. package/artifacts/dist/types/utils/get-children.d.ts +5 -0
  86. package/package.json +1 -1
  87. package/artifacts/dist/line-like-CB8jIZRj.mjs.map +0 -1
  88. package/artifacts/dist/line-placeholder-CkeML-sk.mjs.map +0 -1
  89. package/artifacts/dist/line-user-check-BvRBYkHa.mjs.map +0 -1
  90. 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;
@@ -1,6 +1,5 @@
1
1
  import { ComponentProps, FC, ReactNode, SyntheticEvent } from 'react';
2
- import { ButtonProps } from '../../../../components/button';
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';
@@ -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 | 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 | 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 ChildType = ReactElement | ReactElement[] | undefined;
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 | 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 | 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 | 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 | LogoSectionContainerChildren[];
7
+ children?: NestedChildren<LogoSectionContainerChildren>;
7
8
  }
8
9
  export declare const LogoSectionContainer: FC<LogoSectionContainerProps>;
9
10
  export {};
@@ -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>;
@@ -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>;
@@ -0,0 +1,5 @@
1
+ import { FC } from 'react';
2
+ import { InternalDirectLinkProps } from '../../internals/general-bar/direct-link/internal-direct-link';
3
+ export interface DirectLinkProps extends InternalDirectLinkProps {
4
+ }
5
+ export declare const DirectLink: FC<DirectLinkProps>;
@@ -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;
@@ -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>;
@@ -0,0 +1,8 @@
1
+ import React, { ReactNode } from 'react';
2
+ import './internal-direct-link.css';
3
+ export interface InternalDirectLinkProps {
4
+ text: ReactNode;
5
+ logo?: ReactNode;
6
+ children: ReactNode;
7
+ }
8
+ export declare const InternalDirectLink: () => React.JSX.Element;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -0,0 +1,4 @@
1
+ import React from 'react';
2
+ import { SVGIconProps } from '../../../../models';
3
+ declare const _default: (props: SVGIconProps) => React.JSX.Element;
4
+ export default _default;
@@ -61,3 +61,4 @@ export * from './tooltip';
61
61
  export * from './uploader';
62
62
  export * from './footer-v2';
63
63
  export * from './navigation-rail';
64
+ export * from './ecosystem-bar';
@@ -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: ReactNode;
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
  */