@hmlr/govuk-react-components-library 1.0.3 → 1.2.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 (40) hide show
  1. package/.stylelintrc.json +1 -1
  2. package/README.md +216 -2
  3. package/assets/uml-diagram.svg +782 -578
  4. package/bundle-analysis-main.html +1 -1
  5. package/bundle-analysis-pdfvc.html +1 -1
  6. package/dist/PDFViewerCanvas.cjs.css +4 -4
  7. package/dist/PDFViewerCanvas.cjs.js +24 -4
  8. package/dist/PDFViewerCanvas.cjs.js.map +1 -1
  9. package/dist/PDFViewerCanvas.d.ts +30 -0
  10. package/dist/PDFViewerCanvas.esm.css +4 -4
  11. package/dist/PDFViewerCanvas.esm.js +24 -4
  12. package/dist/PDFViewerCanvas.esm.js.map +1 -1
  13. package/dist/index.cjs.css +22 -15
  14. package/dist/index.cjs.js +207 -111
  15. package/dist/index.cjs.js.map +1 -1
  16. package/dist/index.d.ts +183 -12
  17. package/dist/index.esm.css +22 -15
  18. package/dist/index.esm.js +206 -116
  19. package/dist/index.esm.js.map +1 -1
  20. package/dist/types/components/CardColumn/CardColumn.types.d.ts +20 -0
  21. package/dist/types/components/DataNavigation/DataNavigation.types.d.ts +27 -2
  22. package/dist/types/components/DifferenceNavigation/DifferenceNavigation.types.d.ts +25 -0
  23. package/dist/types/components/ExitThisPage/ExitThisPage.config.d.ts +1 -0
  24. package/dist/types/components/ExitThisPage/ExitThisPage.d.ts +4 -0
  25. package/dist/types/components/ExitThisPage/ExitThisPage.types.d.ts +17 -0
  26. package/dist/types/components/ExitThisPage/index.d.ts +2 -0
  27. package/dist/types/components/Footer/Footer.types.d.ts +7 -0
  28. package/dist/types/components/PDFViewerCanvas/PDFViewerCanvas.types.d.ts +30 -0
  29. package/dist/types/components/Pagination/Pagination.types.d.ts +23 -13
  30. package/dist/types/components/Pagination/index.d.ts +2 -0
  31. package/dist/types/components/PasswordInput/PasswordInput.config.d.ts +1 -0
  32. package/dist/types/components/PasswordInput/PasswordInput.d.ts +4 -0
  33. package/dist/types/components/PasswordInput/PasswordInput.types.d.ts +49 -0
  34. package/dist/types/components/PasswordInput/index.d.ts +2 -0
  35. package/dist/types/components/index.d.ts +2 -0
  36. package/dist/types/dynamics/types.d.ts +1 -1
  37. package/dist/types/utils/WithReference.types.d.ts +7 -2
  38. package/package.json +63 -61
  39. package/scripts/generateStories.mjs +433 -0
  40. package/dist/types/JestSetup.d.ts +0 -1
package/assets/uml-diagram.svg CHANGED
@@ -1,4 +1,4 @@
1
- <svg version="1.1" baseProfile="full" width="22379.5" height="726.0" viewBox="0 0 22379.5 726" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events">
1
+ <svg version="1.1" baseProfile="full" width="24778.5" height="791.0" viewBox="0 0 24778.5 791" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:ev="http://www.w3.org/2001/xml-events">
2
2
  <desc >#.interface: fill=lightblue
3
3
  #.enumeration: fill=lightgreen
4
4
  #.type: fill=lightgray
@@ -12,8 +12,8 @@
12
12
  [&lt;interface&gt;ComponentFixtureRoot|+component: string;+fixtures: ComponentFixture\[\]|]
13
13
  [AnnotationsConfig]&lt;:--[MetaConfig]
14
14
  [AnnotationsConfig]&lt;:--[StoryConfig]
15
- [&lt;interface&gt;WithRefProps|+Component: React.ComponentType&lt;unknown&gt;|]
16
- [&lt;interface&gt;InfoSectionProps|+refName: string;+Component: React.ComponentType&lt;unknown&gt;;+restProps: Record&lt;string, unknown&gt;|]
15
+ [&lt;interface&gt;WithRefProps|+Component: React.ComponentType&lt;Record&lt;string, unknown&gt; &amp; { ref?: React.Ref&lt;HTMLElement&gt;; }&gt;;+items?: unknown\[\]|]
16
+ [&lt;interface&gt;InfoSectionProps|+refName: string;+Component: React.ComponentType&lt;Record&lt;string, unknown&gt; &amp; { ref?: React.Ref&lt;HTMLElement&gt;; }&gt;;+restProps: Record&lt;string, unknown&gt;|]
17
17
  [&lt;interface&gt;AccordionItem|+reactListKey?: string \| number;+expanded?: boolean;+heading: { children: ReactNode; };+summary?: { children: ReactNode; };+content: { children: ReactNode; }|]
18
18
  [&lt;interface&gt;AccordionProps|+className?: string;+headingLevel?: ElementType;+id?: string;+items: AccordionItem\[\]|]
19
19
  [HTMLAttributes&lt;T&gt;]&lt;:--[AccordionProps]
@@ -21,23 +21,23 @@
21
21
  [&lt;interface&gt;Action|+reactListKey?: string|]
22
22
  [&lt;interface&gt;BackLinkProps|+to?: To;+state?: object;+children?: ReactNode;+href?: string;+className?: string|]
23
23
  [&lt;interface&gt;BooleanItem|+id?: string;+children?: ReactNode;+hint?: HintProps;+conditional?: { children: ReactNode; };+behaviour?: string;+label?: LabelProps;+reactListKey?: string \| number;+divider?: string;+name?: string;+checked?: boolean;+value?: string;+defaultChecked?: boolean|]
24
- [&lt;interface&gt;BooleanProps|+className?: string;+errorMessage?: ErrorMessageProps;+fieldset?: FieldsetProps;+formGroup?: { \[key: string\]: unknown; className?: string; };+hint?: HintProps;+idPrefix?: string;+items?: BooleanItem\[\];+controlType: &quot;radios&quot; \| &quot;checkboxes&quot;;+name?: string;+onChange?: (event: ChangeEvent&lt;HTMLInputElement&gt;) =&gt; void;+onBlur?: (event: FocusEvent&lt;HTMLInputElement, Element&gt;) =&gt; void;+aria-describedby?: string|]
24
+ [&lt;interface&gt;BooleanProps|+className?: string;+errorMessage?: ErrorMessageProps;+fieldset?: FieldsetProps;+formGroup?: { \[key: string\]: unknown; className?: string; };+hint?: HintProps;+idPrefix?: string;+items?: BooleanItem\[\];+controlType: &quot;radios&quot; \| &quot;checkboxes&quot;;+name?: string;+onChange?: (event: ChangeEvent&lt;HTMLInputElement, Element&gt;) =&gt; void;+onBlur?: (event: FocusEvent&lt;HTMLInputElement, Element&gt;) =&gt; void;+aria-describedby?: string|]
25
25
  [&lt;interface&gt;BreadcrumbItem|+href?: string;+to?: string;+reactListKey?: string \| number;+children: ReactNode|]
26
26
  [&lt;interface&gt;BreadcrumbsProps|+items?: BreadcrumbItem\[\];+className?: string;+collapseOnMobile?: boolean|]
27
27
  [HTMLAttributes&lt;T&gt;]&lt;:--[BreadcrumbsProps]
28
28
  [&lt;interface&gt;ButtonProps|+element?: string;+href?: string;+to?: To;+isStartButton?: boolean;+disabled?: boolean;+className?: string;+preventDoubleClick?: boolean;+name?: string;+type?: string;+children?: ReactNode|]
29
- [&lt;interface&gt;CardColumnProps|+link: string;+header: string;+body: string|]
29
+ [&lt;interface&gt;CardColumnProps|+link: string;+header: string;+body: string;+textColor?: string;+hoverColor?: string|]
30
30
  [&lt;interface&gt;CardLayoutProps|+cardColumns: CardColumnProps\[\];+numberOfGridColumns?: number|]
31
31
  [&lt;interface&gt;CharacterCountProps|+id: string;+className?: string;+maxlength?: number;+threshold?: number;+maxwords?: number;+errorMessage?: ErrorMessageProps;+countMessage?: { className?: string; }|]
32
32
  [&lt;interface&gt;CheckboxesProps||]
33
33
  [&lt;interface&gt;CookieBannerMessageAction|+className?: string;+href?: string;+to?: string;+children?: React.ReactNode;+type?: &quot;button&quot; \| &quot;submit&quot; \| &quot;reset&quot;|]
34
34
  [&lt;interface&gt;CookieBannerMessageItem|+headingChildren?: React.ReactNode;+children?: React.ReactNode;+aria-label?: string;+actions?: CookieBannerMessageAction\[\];+className?: string|]
35
35
  [&lt;interface&gt;CookieBannerProps|+className?: string;+messages: CookieBannerMessageItem\[\]|]
36
- [&lt;interface&gt;DataNavigationProps|+dataId: number;+setDataFocus: (id: number) =&gt; void;+previousText: string;+previousCondition: boolean;+nextText: string;+nextCondition: boolean;+dataDescription?: string|]
36
+ [&lt;interface&gt;DataNavigationProps|+dataId: number;+setDataFocus: (id: number) =&gt; void;+previousText?: string;+previousCondition: boolean;+nextText?: string;+nextCondition: boolean;+dataDescription?: string;+buttonColour?: string;+buttonTextColour?: string;+buttonShadowColour?: string;+buttonHoverColour?: string;+buttonHoverTextColour?: string|]
37
37
  [&lt;interface&gt;DateInputItem|+name: string;+className?: string;+type?: string;+label?: string;+reactListKey?: string \| number;+id?: string;+pattern?: string;+inputMode?: &quot;search&quot; \| &quot;text&quot; \| &quot;none&quot; \| &quot;tel&quot; \| &quot;url&quot; \| &quot;email&quot; \| &quot;numeric&quot; \| &quot;decimal&quot;|]
38
- [&lt;interface&gt;DateInputProps|+className?: string;+errorMessage?: ErrorMessageProps;+fieldset?: FieldsetProps;+formGroup?: { \[key: string\]: unknown; className?: string; };+hint?: HintProps;+id?: string;+items?: DateInputItem\[\];+namePrefix?: string;+onChange: (event: ChangeEvent&lt;HTMLInputElement&gt;) =&gt; void|]
38
+ [&lt;interface&gt;DateInputProps|+className?: string;+errorMessage?: ErrorMessageProps;+fieldset?: FieldsetProps;+formGroup?: { \[key: string\]: unknown; className?: string; };+hint?: HintProps;+id?: string;+items?: DateInputItem\[\];+namePrefix?: string;+onChange: (event: ChangeEvent&lt;HTMLInputElement, Element&gt;) =&gt; void|]
39
39
  [&lt;interface&gt;DetailsProps|+className?: string;+children: ReactNode;+summaryChildren: ReactNode|]
40
- [&lt;interface&gt;DifferenceNavigationProps|+differenceId: number;+setDifferenceFocus: (id: number) =&gt; void;+totalDifferences: number;+keyword?: string;+plural?: string|]
40
+ [&lt;interface&gt;DifferenceNavigationProps|+differenceId: number;+setDifferenceFocus: (id: number) =&gt; void;+totalDifferences: number;+keyword?: string;+plural?: string;+buttonColour?: string;+buttonTextColour?: string;+buttonShadowColour?: string;+buttonHoverColour?: string;+buttonHoverTextColour?: string|]
41
41
  [ErrorBoundary||+static getDerivedStateFromError(): Partial&lt;ErrorBoundaryState&gt;;+componentDidCatch(): void;+render(): ReactNode]
42
42
  [Component&lt;P,S&gt;]&lt;:-[ErrorBoundary]
43
43
  [&lt;interface&gt;ErrorBoundaryProps|+children: ReactNode;+message?: string;+applicationName?: string;+basePageName?: string|]
@@ -46,6 +46,8 @@
46
46
  [HTMLAttributes&lt;T&gt;]&lt;:--[ErrorMessageProps]
47
47
  [&lt;interface&gt;ErrorSummaryProps|+className?: string;+descriptionChildren?: ReactNode;+errorList?: { \[key: string\]: unknown; reactListKey?: string \| number; children: ReactNode; href?: string; }\[\];+titleChildren?: ReactNode;+disableAutoFocus?: boolean|]
48
48
  [HTMLAttributes&lt;T&gt;]&lt;:--[ErrorSummaryProps]
49
+ [&lt;interface&gt;ExitThisPageProps|+children?: ReactNode;+className?: string;+redirectUrl?: string;+activatedText?: string;+timedOutText?: string;+pressTwoMoreTimesText?: string;+pressOneMoreTimeText?: string|]
50
+ [HTMLAttributes&lt;T&gt;]&lt;:--[ExitThisPageProps]
49
51
  [&lt;interface&gt;LegendProps|+children: ReactNode;+className?: string;+isPageHeading?: boolean|]
50
52
  [&lt;interface&gt;FieldsetProps|+className?: string;+legend?: LegendProps;+children: ReactNode;+aria-describedby?: string|]
51
53
  [FieldsetHTMLAttributes&lt;T&gt;]&lt;:--[FieldsetProps]
@@ -54,7 +56,8 @@
54
56
  [&lt;interface&gt;NavigationItem|+columns: string \| number;+title: string;+items?: { \[key: string\]: unknown; className?: string; children: ReactNode; href?: string; to?: To; reactListKey?: string \| number; }\[\];+width?: string;+reactListKey?: string \| number|]
55
57
  [&lt;interface&gt;MetaItem|+className?: string;+children: ReactNode;+reactListKey?: string \| number|]
56
58
  [&lt;interface&gt;Meta|+visuallyHiddenTitle?: string;+items?: MetaItem\[\];+children?: ReactNode|]
57
- [&lt;interface&gt;FooterProps|+className?: string;+containerClassName?: string;+meta?: Meta;+navigation?: NavigationItem\[\]|]
59
+ [&lt;interface&gt;ContentLicence|+className?: string;+children: ReactNode;+reactListKey?: string \| number|]
60
+ [&lt;interface&gt;FooterProps|+className?: string;+containerClassName?: string;+meta?: Meta;+navigation?: NavigationItem\[\];+contentLicence?: ContentLicence|]
58
61
  [HTMLAttributes&lt;T&gt;]&lt;:--[FooterProps]
59
62
  [&lt;interface&gt;NavigationItem|+active?: boolean;+className?: string;+children?: ReactNode;+href?: string;+to?: To;+reactListKey?: string \| number|]
60
63
  [&lt;interface&gt;HeaderProps|+className?: string;+containerClassName?: string;+homepageUrlHref?: string;+homepageUrlTo?: To;+navigation?: NavigationItem\[\];+navigationClassName?: string;+productName?: ReactNode;+serviceName?: string;+serviceUrlHref?: string;+serviceUrlTo?: To;+navigationLabel?: string;+menuButtonLabel?: string;+logo?: string;+removeGovUKHeader?: unknown;+assetsPath?: string|]
@@ -69,16 +72,20 @@
69
72
  [&lt;interface&gt;LoadingProps|+message?: string;+html?: ReactNode|]
70
73
  [&lt;interface&gt;MainProps|+children?: ReactNode;+backLink?: string;+backLinkState?: object|]
71
74
  [&lt;interface&gt;NotificationBannerProps|+type: &quot;success&quot; \| &quot;error&quot; \| &quot;info&quot; \| &quot;warning&quot;;+titleChildren?: string;+titleHeadingLevel?: ElementType;+children: ReactNode;+className?: string;+titleId?: string;+role?: string;+disableAutoFocus?: boolean|]
72
- [&lt;interface&gt;PaginationProps|+onPageChange: (page: number) =&gt; void;+totalCount: number;+siblingCount?: number;+currentPage: number;+pageSize: number;+className?: string;+previousName?: string;+previousChildren?: ReactNode;+nextName?: string;+nextChildren?: ReactNode|]
75
+ [&lt;interface&gt;PaginationItemProps|+number?: string \| number;+href?: string;+current?: boolean;+ellipsis?: boolean|]
76
+ [&lt;interface&gt;PaginationNavProps|+href: string;+children?: ReactNode;+labelText?: string|]
77
+ [&lt;interface&gt;PaginationProps|+previous?: PaginationNavProps;+next?: PaginationNavProps;+items?: PaginationItemProps\[\];+className?: string|]
73
78
  [&lt;interface&gt;SvgIconProps|+type: string|]
74
- [&lt;interface&gt;NavigationButtonProps|+isDisabled: boolean;+onClick: () =&gt; void;+children?: ReactNode;+name: string;+type: &quot;next&quot; \| &quot;previous&quot;|]
79
+ [&lt;interface&gt;NavigationButtonProps|+href: string;+type: &quot;next&quot; \| &quot;previous&quot;;+children?: ReactNode;+labelText?: string|]
75
80
  [&lt;interface&gt;UsePaginationProps|+totalCount: number;+pageSize: number;+siblingCount?: number;+currentPage: number|]
76
81
  [&lt;interface&gt;PanelProps|+headingLevel?: ElementType;+className?: string;+titleChildren: ReactNode;+children?: ReactNode|]
77
82
  [HTMLAttributes&lt;T&gt;]&lt;:--[PanelProps]
83
+ [&lt;interface&gt;PasswordInputLabelProps|+children?: ReactNode;+className?: string;+isPageHeading?: boolean|]
84
+ [&lt;interface&gt;PasswordInputProps|+className?: string;+aria-describedby?: string;+errorMessage?: { \[key: string\]: unknown; children?: ReactNode; };+formGroup?: { \[key: string\]: unknown; className?: string; };+hint?: { \[key: string\]: unknown; children?: ReactNode; };+label?: PasswordInputLabelProps;+name?: string;+id?: string;+autoComplete?: string;+showPasswordText?: string;+hidePasswordText?: string;+showPasswordAriaLabelText?: string;+hidePasswordAriaLabelText?: string;+passwordShownAnnouncementText?: string;+passwordHiddenAnnouncementText?: string|]
78
85
  [&lt;interface&gt;PDFJsProps|+iframeId: string;+source: string;+viewerLocation: string;+documentName?: string;+documentNameColour?: string;+element: HTMLElement;+toolbar?: &quot;full&quot; \| &quot;fullHidePrint&quot; \| &quot;minimal&quot; \| &quot;minimalHidePrint&quot;|]
79
86
  [&lt;interface&gt;PDFViewerProps|+iframeId: string;+src: string;+viewerLocation: string;+documentName?: string;+documentNameColour?: string;+toolbar?: &quot;full&quot; \| &quot;fullHidePrint&quot; \| &quot;minimal&quot; \| &quot;minimalHidePrint&quot;;+backend: (jsProps: PDFJsProps) =&gt; void;+additionalBackendAttributes?: Record&lt;string, string \| number \| boolean&gt;|]
80
87
  [&lt;interface&gt;SourceDeterminer|+isBase64Source: boolean;+source: string|]
81
- [&lt;interface&gt;PDFViewerCanvasProps|+src: string;+className?: string;+documentName?: string;+pageNumber?: number;+showNavigation?: boolean|]
88
+ [&lt;interface&gt;PDFViewerCanvasProps|+src: string;+className?: string;+documentName?: string;+pageNumber?: number;+showNavigation?: boolean;+buttonColour?: string;+buttonTextColour?: string;+buttonShadowColour?: string;+buttonHoverColour?: string;+buttonHoverTextColour?: string|]
82
89
  [&lt;interface&gt;PhaseBannerProps|+className?: string;+tag?: TagProps;+children: ReactNode|]
83
90
  [&lt;interface&gt;ProblemWithServiceProps|+message?: string;+applicationName?: string;+applicationRoute?: string;+reportingLink?: string;+basePageName?: string|]
84
91
  [&lt;interface&gt;RadiosProps|+value?: string;+defaultValue?: string;+items?: BooleanItem\[\]|]
@@ -106,90 +113,94 @@
106
113
  <g stroke-width="1.0" text-align="left" font="12pt Helvetica, Arial, sans-serif" font-size="12pt" font-family="Helvetica" font-weight="normal" font-style="normal">
107
114
  <g font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" stroke-width="3.0" stroke-linejoin="round" stroke-linecap="round" stroke="#33322E">
108
115
  <g stroke="transparent" fill="transparent">
109
- <rect x="0.0" y="0.0" height="726.0" width="22379.5" stroke="none"></rect>
116
+ <rect x="0.0" y="0.0" height="791.0" width="24778.5" stroke="none"></rect>
110
117
  </g>
111
118
  <g transform="translate(8, 8)" fill="#33322E">
112
119
  <g transform="translate(20, 20)" fill="#eee8d5" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal">
113
120
  <g stroke-dasharray="6 6">
114
- <path d="M199.5 238.2 L149 351 L149 484.5 L149.0 484.5 " fill="none"></path>
121
+ <path d="M204.2 271.0 L149 416 L149 549.5 L149.0 549.5 " fill="none"></path>
115
122
  </g>
116
- <path d="M204.4 240.3 L199.5 238.2 L194.6 236.0 L204.9 226.0 Z"></path>
123
+ <path d="M209.2 272.9 L204.2 271.0 L199.2 269.1 L209.0 258.5 Z"></path>
117
124
  <g stroke-dasharray="6 6">
118
- <path d="M348.7 204.0 L793.75 351 L793.75 484.5 L793.8 484.5 " fill="none"></path>
125
+ <path d="M349.0 224.7 L1188 416 L1188 549.5 L1188.0 549.5 " fill="none"></path>
119
126
  </g>
120
- <path d="M350.3 199.0 L348.7 204.0 L347.0 209.1 L336.0 199.8 Z"></path>
127
+ <path d="M350.2 219.5 L349.0 224.7 L347.8 229.9 L336.0 221.7 Z"></path>
121
128
  <g stroke-dasharray="6 6">
122
- <path d="M2695.7 175.7 L1028.75 351 L1028.75 460 L1028.8 460.0 " fill="none"></path>
129
+ <path d="M3499.7 207.7 L1423 416 L1423 525 L1423.0 525.0 " fill="none"></path>
123
130
  </g>
124
- <path d="M2696.3 181.0 L2695.7 175.7 L2695.2 170.4 L2709.0 174.3 Z"></path>
131
+ <path d="M3500.3 213.0 L3499.7 207.7 L3499.2 202.4 L3513.0 206.4 Z"></path>
125
132
  <g stroke-dasharray="6 6">
126
- <path d="M2695.8 177.7 L1322.25 351 L1322.25 468 L1322.3 468.0 " fill="none"></path>
133
+ <path d="M3499.8 209.2 L1716.5 416 L1716.5 533 L1716.5 533.0 " fill="none"></path>
127
134
  </g>
128
- <path d="M2696.4 183.0 L2695.8 177.7 L2695.1 172.4 L2709.0 176.0 Z"></path>
129
- <path d="M9784.0 194.8 L9784 351 L9784 468 L9784.0 468.0 " fill="none"></path>
130
- <path d="M9789.3 194.8 L9784.0 194.8 L9778.7 194.8 L9784.0 181.5 Z"></path>
135
+ <path d="M3500.4 214.5 L3499.8 209.2 L3499.1 203.9 L3513.0 207.7 Z"></path>
136
+ <path d="M10724.0 227.3 L10724 416 L10724 533 L10724.0 533.0 " fill="none"></path>
137
+ <path d="M10729.3 227.3 L10724.0 227.3 L10718.7 227.3 L10724.0 214.0 Z"></path>
131
138
  <g stroke-dasharray="6 6">
132
- <path d="M2695.8 180.6 L1607.25 351 L1607.25 468 L1607.3 468.0 " fill="none"></path>
139
+ <path d="M3499.8 211.2 L2001.5 416 L2001.5 533 L2001.5 533.0 " fill="none"></path>
133
140
  </g>
134
- <path d="M2696.7 185.9 L2695.8 180.6 L2695.0 175.4 L2709.0 178.6 Z"></path>
141
+ <path d="M3500.5 216.5 L3499.8 211.2 L3499.1 205.9 L3513.0 209.4 Z"></path>
135
142
  <g stroke-dasharray="6 6">
136
- <path d="M2703.7 184.3 L1914.75 351 L1914.75 419.5 L1914.8 419.5 " fill="none"></path>
143
+ <path d="M3499.9 214.4 L2309 416 L2309 484.5 L2309.0 484.5 " fill="none"></path>
137
144
  </g>
138
- <path d="M2704.8 189.5 L2703.7 184.3 L2702.6 179.0 L2716.8 181.5 Z"></path>
145
+ <path d="M3500.7 219.6 L3499.9 214.4 L3499.0 209.1 L3513.0 212.1 Z"></path>
139
146
  <g stroke-dasharray="6 6">
140
- <path d="M10799.5 194.8 L10799.5 351 L10799.5 460 L10799.5 460.0 " fill="none"></path>
147
+ <path d="M3513.3 217.0 L2640.5 416 L2640.5 501 L2640.5 501.0 " fill="none"></path>
141
148
  </g>
142
- <path d="M10804.8 194.8 L10799.5 194.8 L10794.2 194.8 L10799.5 181.5 Z"></path>
149
+ <path d="M3514.5 222.2 L3513.3 217.0 L3512.1 211.8 L3526.3 214.0 Z"></path>
143
150
  <g stroke-dasharray="6 6">
144
- <path d="M11108.0 194.8 L11108 351 L11108 419.5 L11108.0 419.5 " fill="none"></path>
151
+ <path d="M11739.5 227.3 L11739.5 416 L11739.5 525 L11739.5 525.0 " fill="none"></path>
145
152
  </g>
146
- <path d="M11113.3 194.8 L11108.0 194.8 L11102.7 194.8 L11108.0 181.5 Z"></path>
153
+ <path d="M11744.8 227.3 L11739.5 227.3 L11734.2 227.3 L11739.5 214.0 Z"></path>
147
154
  <g stroke-dasharray="6 6">
148
- <path d="M2792.5 194.8 L2792.5 351 L2792.5 460 L2792.5 460.0 " fill="none"></path>
155
+ <path d="M12048.0 227.3 L12048 416 L12048 484.5 L12048.0 484.5 " fill="none"></path>
149
156
  </g>
150
- <path d="M2797.8 194.8 L2792.5 194.8 L2787.2 194.8 L2792.5 181.5 Z"></path>
157
+ <path d="M12053.3 227.3 L12048.0 227.3 L12042.7 227.3 L12048.0 214.0 Z"></path>
151
158
  <g stroke-dasharray="6 6">
152
- <path d="M2889.3 171.4 L5823.5 351 L5823.5 371 L5823.5 371.0 " fill="none"></path>
159
+ <path d="M3693.3 205.6 L6374.25 416 L6374.25 517 L6374.3 517.0 " fill="none"></path>
153
160
  </g>
154
- <path d="M2889.6 166.1 L2889.3 171.4 L2889.0 176.7 L2876.0 170.6 Z"></path>
161
+ <path d="M3693.7 200.3 L3693.3 205.6 L3692.9 210.9 L3680.0 204.6 Z"></path>
155
162
  <g stroke-dasharray="6 6">
156
- <path d="M13510.0 194.8 L13510 351 L13510 460 L13510.0 460.0 " fill="none"></path>
163
+ <path d="M3693.3 204.8 L6704.25 416 L6704.25 436 L6704.3 436.0 " fill="none"></path>
157
164
  </g>
158
- <path d="M13515.3 194.8 L13510.0 194.8 L13504.7 194.8 L13510.0 181.5 Z"></path>
165
+ <path d="M3693.7 199.5 L3693.3 204.8 L3692.9 210.1 L3680.0 203.9 Z"></path>
159
166
  <g stroke-dasharray="6 6">
160
- <path d="M2889.3 170.9 L6136 351 L6136 460 L6136.0 460.0 " fill="none"></path>
167
+ <path d="M14753.0 227.3 L14753 416 L14753 525 L14753.0 525.0 " fill="none"></path>
161
168
  </g>
162
- <path d="M2889.6 165.5 L2889.3 170.9 L2889.0 176.2 L2876.0 170.1 Z"></path>
169
+ <path d="M14758.3 227.3 L14753.0 227.3 L14747.7 227.3 L14753.0 214.0 Z"></path>
163
170
  <g stroke-dasharray="6 6">
164
- <path d="M2889.3 170.4 L6424.5 351 L6424.5 436 L6424.5 436.0 " fill="none"></path>
171
+ <path d="M3693.3 204.2 L7016.75 416 L7016.75 525 L7016.8 525.0 " fill="none"></path>
165
172
  </g>
166
- <path d="M2889.6 165.1 L2889.3 170.4 L2889.0 175.8 L2876.0 169.8 Z"></path>
173
+ <path d="M3693.6 198.8 L3693.3 204.2 L3693.0 209.5 L3680.0 203.3 Z"></path>
167
174
  <g stroke-dasharray="6 6">
168
- <path d="M2889.3 170.1 L6673.5 351 L6673.5 452 L6673.5 452.0 " fill="none"></path>
175
+ <path d="M3693.3 203.7 L7305.25 416 L7305.25 501 L7305.3 501.0 " fill="none"></path>
169
176
  </g>
170
- <path d="M2889.6 164.8 L2889.3 170.1 L2889.1 175.5 L2876.0 169.5 Z"></path>
177
+ <path d="M3693.6 198.4 L3693.3 203.7 L3693.0 209.0 L3680.0 202.9 Z"></path>
171
178
  <g stroke-dasharray="6 6">
172
- <path d="M21700.0 194.8 L21700 351 L21700 419.5 L21700.0 419.5 " fill="none"></path>
179
+ <path d="M3693.3 203.3 L7554.25 416 L7554.25 517 L7554.3 517.0 " fill="none"></path>
173
180
  </g>
174
- <path d="M21705.3 194.8 L21700.0 194.8 L21694.7 194.8 L21700.0 181.5 Z"></path>
181
+ <path d="M3693.6 198.0 L3693.3 203.3 L3693.0 208.7 L3680.0 202.6 Z"></path>
182
+ <g stroke-dasharray="6 6">
183
+ <path d="M24099.0 227.3 L24099 416 L24099 484.5 L24099.0 484.5 " fill="none"></path>
184
+ </g>
185
+ <path d="M24104.3 227.3 L24099.0 227.3 L24093.7 227.3 L24099.0 214.0 Z"></path>
175
186
  <g data-name="JsonMap">
176
187
  <g fill="lightblue" stroke="#33322E" data-name="JsonMap">
177
- <rect x="0.0" y="141.5" height="48.0" width="88.0" data-name="JsonMap"></rect>
178
- <path d="M0.0 173.5 L88.0 173.5" fill="none" data-name="JsonMap"></path>
179
- <path d="M0.0 181.5 L88.0 181.5" fill="none" data-name="JsonMap"></path>
188
+ <rect x="0.0" y="174.0" height="48.0" width="88.0" data-name="JsonMap"></rect>
189
+ <path d="M0.0 206.0 L88.0 206.0" fill="none" data-name="JsonMap"></path>
190
+ <path d="M0.0 214.0 L88.0 214.0" fill="none" data-name="JsonMap"></path>
180
191
  </g>
181
- <g transform="translate(0, 141.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="JsonMap" data-compartment="0">
192
+ <g transform="translate(0, 174)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="JsonMap" data-compartment="0">
182
193
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="JsonMap" data-compartment="0">
183
194
  <a id="../src/dynamics/types.ts.JsonMap" xlink:href="../src/dynamics/types.ts"><text x="36.0" y="14.1" stroke="none" text-anchor="middle" data-name="JsonMap" data-compartment="0">JsonMap</text></a>
184
195
 
185
196
  </g>
186
197
  </g>
187
- <g transform="translate(0, 173.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="JsonMap" data-compartment="1">
198
+ <g transform="translate(0, 206)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="JsonMap" data-compartment="1">
188
199
  <g transform="translate(8, 8)" fill="#33322E" data-name="JsonMap" data-compartment="1">
189
200
 
190
201
  </g>
191
202
  </g>
192
- <g transform="translate(0, 181.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="JsonMap" data-compartment="2">
203
+ <g transform="translate(0, 214)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="JsonMap" data-compartment="2">
193
204
  <g transform="translate(8, 8)" fill="#33322E" data-name="JsonMap" data-compartment="2">
194
205
 
195
206
  </g>
@@ -197,17 +208,17 @@
197
208
  </g>
198
209
  <g data-name="AnnotationsConfig">
199
210
  <g fill="lightblue" stroke="#33322E" data-name="AnnotationsConfig">
200
- <rect x="128.0" y="105.0" height="121.0" width="208.0" data-name="AnnotationsConfig"></rect>
201
- <path d="M128.0 137.0 L336.0 137.0" fill="none" data-name="AnnotationsConfig"></path>
202
- <path d="M128.0 218.0 L336.0 218.0" fill="none" data-name="AnnotationsConfig"></path>
211
+ <rect x="128.0" y="137.5" height="121.0" width="208.0" data-name="AnnotationsConfig"></rect>
212
+ <path d="M128.0 169.5 L336.0 169.5" fill="none" data-name="AnnotationsConfig"></path>
213
+ <path d="M128.0 250.5 L336.0 250.5" fill="none" data-name="AnnotationsConfig"></path>
203
214
  </g>
204
- <g transform="translate(128, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AnnotationsConfig" data-compartment="0">
215
+ <g transform="translate(128, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AnnotationsConfig" data-compartment="0">
205
216
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="AnnotationsConfig" data-compartment="0">
206
217
  <a id="../src/dynamics/types.ts.AnnotationsConfig" xlink:href="../src/dynamics/types.ts"><text x="96.0" y="14.1" stroke="none" text-anchor="middle" data-name="AnnotationsConfig" data-compartment="0">AnnotationsConfig</text></a>
207
218
 
208
219
  </g>
209
220
  </g>
210
- <g transform="translate(128, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AnnotationsConfig" data-compartment="1">
221
+ <g transform="translate(128, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AnnotationsConfig" data-compartment="1">
211
222
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="AnnotationsConfig" data-compartment="1">
212
223
  <text x="0.0" y="14.1" stroke="none" data-name="AnnotationsConfig" data-compartment="1">+parameters?: JsonMap</text>
213
224
  <text x="0.0" y="30.3" stroke="none" data-name="AnnotationsConfig" data-compartment="1">+args?: JsonMap</text>
@@ -216,7 +227,7 @@
216
227
 
217
228
  </g>
218
229
  </g>
219
- <g transform="translate(128, 218)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AnnotationsConfig" data-compartment="2">
230
+ <g transform="translate(128, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AnnotationsConfig" data-compartment="2">
220
231
  <g transform="translate(8, 8)" fill="#33322E" data-name="AnnotationsConfig" data-compartment="2">
221
232
 
222
233
  </g>
@@ -224,23 +235,23 @@
224
235
  </g>
225
236
  <g data-name="MetaConfig">
226
237
  <g fill="lightblue" stroke="#33322E" data-name="MetaConfig">
227
- <rect x="90.0" y="484.5" height="72.0" width="118.0" data-name="MetaConfig"></rect>
228
- <path d="M90.0 516.5 L208.0 516.5" fill="none" data-name="MetaConfig"></path>
229
- <path d="M90.0 548.5 L208.0 548.5" fill="none" data-name="MetaConfig"></path>
238
+ <rect x="90.0" y="549.5" height="72.0" width="118.0" data-name="MetaConfig"></rect>
239
+ <path d="M90.0 581.5 L208.0 581.5" fill="none" data-name="MetaConfig"></path>
240
+ <path d="M90.0 613.5 L208.0 613.5" fill="none" data-name="MetaConfig"></path>
230
241
  </g>
231
- <g transform="translate(90, 484.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaConfig" data-compartment="0">
242
+ <g transform="translate(90, 549.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaConfig" data-compartment="0">
232
243
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="MetaConfig" data-compartment="0">
233
244
  <a id="../src/dynamics/types.ts.MetaConfig" xlink:href="../src/dynamics/types.ts"><text x="51.0" y="14.1" stroke="none" text-anchor="middle" data-name="MetaConfig" data-compartment="0">MetaConfig</text></a>
234
245
 
235
246
  </g>
236
247
  </g>
237
- <g transform="translate(90, 516.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaConfig" data-compartment="1">
248
+ <g transform="translate(90, 581.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaConfig" data-compartment="1">
238
249
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="MetaConfig" data-compartment="1">
239
250
  <text x="0.0" y="14.1" stroke="none" data-name="MetaConfig" data-compartment="1">+title?: string</text>
240
251
 
241
252
  </g>
242
253
  </g>
243
- <g transform="translate(90, 548.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaConfig" data-compartment="2">
254
+ <g transform="translate(90, 613.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaConfig" data-compartment="2">
244
255
  <g transform="translate(8, 8)" fill="#33322E" data-name="MetaConfig" data-compartment="2">
245
256
 
246
257
  </g>
@@ -248,23 +259,23 @@
248
259
  </g>
249
260
  <g data-name="StoryConfig">
250
261
  <g fill="lightblue" stroke="#33322E" data-name="StoryConfig">
251
- <rect x="726.8" y="484.5" height="72.0" width="134.0" data-name="StoryConfig"></rect>
252
- <path d="M726.8 516.5 L860.8 516.5" fill="none" data-name="StoryConfig"></path>
253
- <path d="M726.8 548.5 L860.8 548.5" fill="none" data-name="StoryConfig"></path>
262
+ <rect x="1121.0" y="549.5" height="72.0" width="134.0" data-name="StoryConfig"></rect>
263
+ <path d="M1121.0 581.5 L1255.0 581.5" fill="none" data-name="StoryConfig"></path>
264
+ <path d="M1121.0 613.5 L1255.0 613.5" fill="none" data-name="StoryConfig"></path>
254
265
  </g>
255
- <g transform="translate(726.75, 484.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="StoryConfig" data-compartment="0">
266
+ <g transform="translate(1121, 549.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="StoryConfig" data-compartment="0">
256
267
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="StoryConfig" data-compartment="0">
257
268
  <a id="../src/dynamics/types.ts.StoryConfig" xlink:href="../src/dynamics/types.ts"><text x="59.0" y="14.1" stroke="none" text-anchor="middle" data-name="StoryConfig" data-compartment="0">StoryConfig</text></a>
258
269
 
259
270
  </g>
260
271
  </g>
261
- <g transform="translate(726.75, 516.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="StoryConfig" data-compartment="1">
272
+ <g transform="translate(1121, 581.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="StoryConfig" data-compartment="1">
262
273
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="StoryConfig" data-compartment="1">
263
274
  <text x="0.0" y="14.1" stroke="none" data-name="StoryConfig" data-compartment="1">+name?: string</text>
264
275
 
265
276
  </g>
266
277
  </g>
267
- <g transform="translate(726.75, 548.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="StoryConfig" data-compartment="2">
278
+ <g transform="translate(1121, 613.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="StoryConfig" data-compartment="2">
268
279
  <g transform="translate(8, 8)" fill="#33322E" data-name="StoryConfig" data-compartment="2">
269
280
 
270
281
  </g>
@@ -272,17 +283,17 @@
272
283
  </g>
273
284
  <g data-name="DynamicConfig">
274
285
  <g fill="lightblue" stroke="#33322E" data-name="DynamicConfig">
275
- <rect x="376.0" y="113.0" height="105.0" width="442.0" data-name="DynamicConfig"></rect>
276
- <path d="M376.0 145.0 L818.0 145.0" fill="none" data-name="DynamicConfig"></path>
277
- <path d="M376.0 210.0 L818.0 210.0" fill="none" data-name="DynamicConfig"></path>
286
+ <rect x="376.0" y="145.5" height="105.0" width="442.0" data-name="DynamicConfig"></rect>
287
+ <path d="M376.0 177.5 L818.0 177.5" fill="none" data-name="DynamicConfig"></path>
288
+ <path d="M376.0 242.5 L818.0 242.5" fill="none" data-name="DynamicConfig"></path>
278
289
  </g>
279
- <g transform="translate(376, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DynamicConfig" data-compartment="0">
290
+ <g transform="translate(376, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DynamicConfig" data-compartment="0">
280
291
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="DynamicConfig" data-compartment="0">
281
292
  <a id="../src/dynamics/types.ts.DynamicConfig" xlink:href="../src/dynamics/types.ts"><text x="213.0" y="14.1" stroke="none" text-anchor="middle" data-name="DynamicConfig" data-compartment="0">DynamicConfig</text></a>
282
293
 
283
294
  </g>
284
295
  </g>
285
- <g transform="translate(376, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DynamicConfig" data-compartment="1">
296
+ <g transform="translate(376, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DynamicConfig" data-compartment="1">
286
297
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="DynamicConfig" data-compartment="1">
287
298
  <text x="0.0" y="14.1" stroke="none" data-name="DynamicConfig" data-compartment="1">+baseCsf: string</text>
288
299
  <text x="0.0" y="30.3" stroke="none" data-name="DynamicConfig" data-compartment="1">+storiesCsf?: string</text>
@@ -290,7 +301,7 @@
290
301
 
291
302
  </g>
292
303
  </g>
293
- <g transform="translate(376, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DynamicConfig" data-compartment="2">
304
+ <g transform="translate(376, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DynamicConfig" data-compartment="2">
294
305
  <g transform="translate(8, 8)" fill="#33322E" data-name="DynamicConfig" data-compartment="2">
295
306
 
296
307
  </g>
@@ -298,17 +309,17 @@
298
309
  </g>
299
310
  <g data-name="ComponentFixture">
300
311
  <g fill="lightblue" stroke="#33322E" data-name="ComponentFixture">
301
- <rect x="858.0" y="81.0" height="169.0" width="314.0" data-name="ComponentFixture"></rect>
302
- <path d="M858.0 113.0 L1172.0 113.0" fill="none" data-name="ComponentFixture"></path>
303
- <path d="M858.0 242.0 L1172.0 242.0" fill="none" data-name="ComponentFixture"></path>
312
+ <rect x="858.0" y="113.5" height="169.0" width="314.0" data-name="ComponentFixture"></rect>
313
+ <path d="M858.0 145.5 L1172.0 145.5" fill="none" data-name="ComponentFixture"></path>
314
+ <path d="M858.0 274.5 L1172.0 274.5" fill="none" data-name="ComponentFixture"></path>
304
315
  </g>
305
- <g transform="translate(858, 81)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixture" data-compartment="0">
316
+ <g transform="translate(858, 113.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixture" data-compartment="0">
306
317
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ComponentFixture" data-compartment="0">
307
318
  <a id="../src/dynamics/types.ts.ComponentFixture" xlink:href="../src/dynamics/types.ts"><text x="149.0" y="14.1" stroke="none" text-anchor="middle" data-name="ComponentFixture" data-compartment="0">ComponentFixture</text></a>
308
319
 
309
320
  </g>
310
321
  </g>
311
- <g transform="translate(858, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixture" data-compartment="1">
322
+ <g transform="translate(858, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixture" data-compartment="1">
312
323
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ComponentFixture" data-compartment="1">
313
324
  <text x="0.0" y="14.1" stroke="none" data-name="ComponentFixture" data-compartment="1">+name: string</text>
314
325
  <text x="0.0" y="30.3" stroke="none" data-name="ComponentFixture" data-compartment="1">+options?: object</text>
@@ -320,7 +331,7 @@
320
331
 
321
332
  </g>
322
333
  </g>
323
- <g transform="translate(858, 242)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixture" data-compartment="2">
334
+ <g transform="translate(858, 274.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixture" data-compartment="2">
324
335
  <g transform="translate(8, 8)" fill="#33322E" data-name="ComponentFixture" data-compartment="2">
325
336
 
326
337
  </g>
@@ -328,24 +339,24 @@
328
339
  </g>
329
340
  <g data-name="ComponentFixtureRoot">
330
341
  <g fill="lightblue" stroke="#33322E" data-name="ComponentFixtureRoot">
331
- <rect x="1212.0" y="121.5" height="88.0" width="249.0" data-name="ComponentFixtureRoot"></rect>
332
- <path d="M1212.0 153.5 L1461.0 153.5" fill="none" data-name="ComponentFixtureRoot"></path>
333
- <path d="M1212.0 201.5 L1461.0 201.5" fill="none" data-name="ComponentFixtureRoot"></path>
342
+ <rect x="1212.0" y="154.0" height="88.0" width="249.0" data-name="ComponentFixtureRoot"></rect>
343
+ <path d="M1212.0 186.0 L1461.0 186.0" fill="none" data-name="ComponentFixtureRoot"></path>
344
+ <path d="M1212.0 234.0 L1461.0 234.0" fill="none" data-name="ComponentFixtureRoot"></path>
334
345
  </g>
335
- <g transform="translate(1212, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixtureRoot" data-compartment="0">
346
+ <g transform="translate(1212, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixtureRoot" data-compartment="0">
336
347
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ComponentFixtureRoot" data-compartment="0">
337
348
  <a id="../src/dynamics/types.ts.ComponentFixtureRoot" xlink:href="../src/dynamics/types.ts"><text x="116.5" y="14.1" stroke="none" text-anchor="middle" data-name="ComponentFixtureRoot" data-compartment="0">ComponentFixtureRoot</text></a>
338
349
 
339
350
  </g>
340
351
  </g>
341
- <g transform="translate(1212, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixtureRoot" data-compartment="1">
352
+ <g transform="translate(1212, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixtureRoot" data-compartment="1">
342
353
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ComponentFixtureRoot" data-compartment="1">
343
354
  <text x="0.0" y="14.1" stroke="none" data-name="ComponentFixtureRoot" data-compartment="1">+component: string</text>
344
355
  <text x="0.0" y="30.3" stroke="none" data-name="ComponentFixtureRoot" data-compartment="1">+fixtures: ComponentFixture[]</text>
345
356
 
346
357
  </g>
347
358
  </g>
348
- <g transform="translate(1212, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixtureRoot" data-compartment="2">
359
+ <g transform="translate(1212, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ComponentFixtureRoot" data-compartment="2">
349
360
  <g transform="translate(8, 8)" fill="#33322E" data-name="ComponentFixtureRoot" data-compartment="2">
350
361
 
351
362
  </g>
@@ -353,23 +364,25 @@
353
364
  </g>
354
365
  <g data-name="WithRefProps">
355
366
  <g fill="lightblue" stroke="#33322E" data-name="WithRefProps">
356
- <rect x="1501.0" y="129.5" height="72.0" width="399.0" data-name="WithRefProps"></rect>
357
- <path d="M1501.0 161.5 L1900.0 161.5" fill="none" data-name="WithRefProps"></path>
358
- <path d="M1501.0 193.5 L1900.0 193.5" fill="none" data-name="WithRefProps"></path>
367
+ <rect x="1501.0" y="145.5" height="105.0" width="801.0" data-name="WithRefProps"></rect>
368
+ <path d="M1501.0 177.5 L2302.0 177.5" fill="none" data-name="WithRefProps"></path>
369
+ <path d="M1501.0 242.5 L2302.0 242.5" fill="none" data-name="WithRefProps"></path>
359
370
  </g>
360
- <g transform="translate(1501, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WithRefProps" data-compartment="0">
371
+ <g transform="translate(1501, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WithRefProps" data-compartment="0">
361
372
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="WithRefProps" data-compartment="0">
362
- <a id="../src/utils/WithReference.types.ts.WithRefProps" xlink:href="../src/utils/WithReference.types.ts"><text x="191.5" y="14.1" stroke="none" text-anchor="middle" data-name="WithRefProps" data-compartment="0">WithRefProps</text></a>
373
+ <a id="../src/utils/WithReference.types.ts.WithRefProps" xlink:href="../src/utils/WithReference.types.ts"><text x="392.5" y="14.1" stroke="none" text-anchor="middle" data-name="WithRefProps" data-compartment="0">WithRefProps</text></a>
363
374
 
364
375
  </g>
365
376
  </g>
366
- <g transform="translate(1501, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WithRefProps" data-compartment="1">
377
+ <g transform="translate(1501, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WithRefProps" data-compartment="1">
367
378
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="WithRefProps" data-compartment="1">
368
- <text x="0.0" y="14.1" stroke="none" data-name="WithRefProps" data-compartment="1">+Component: React.ComponentType&lt;unknown&gt;</text>
379
+ <text x="0.0" y="14.1" stroke="none" data-name="WithRefProps" data-compartment="1">+Component: React.ComponentType&lt;Record&lt;string, unknown&gt; &amp; { ref?: React.Ref&lt;HTMLElement&gt;</text>
380
+ <text x="0.0" y="30.3" stroke="none" data-name="WithRefProps" data-compartment="1">}&gt;</text>
381
+ <text x="0.0" y="46.5" stroke="none" data-name="WithRefProps" data-compartment="1">+items?: unknown[]</text>
369
382
 
370
383
  </g>
371
384
  </g>
372
- <g transform="translate(1501, 193.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WithRefProps" data-compartment="2">
385
+ <g transform="translate(1501, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WithRefProps" data-compartment="2">
373
386
  <g transform="translate(8, 8)" fill="#33322E" data-name="WithRefProps" data-compartment="2">
374
387
 
375
388
  </g>
@@ -377,25 +390,26 @@
377
390
  </g>
378
391
  <g data-name="InfoSectionProps">
379
392
  <g fill="lightblue" stroke="#33322E" data-name="InfoSectionProps">
380
- <rect x="1940.0" y="113.0" height="105.0" width="399.0" data-name="InfoSectionProps"></rect>
381
- <path d="M1940.0 145.0 L2339.0 145.0" fill="none" data-name="InfoSectionProps"></path>
382
- <path d="M1940.0 210.0 L2339.0 210.0" fill="none" data-name="InfoSectionProps"></path>
393
+ <rect x="2342.0" y="137.5" height="121.0" width="801.0" data-name="InfoSectionProps"></rect>
394
+ <path d="M2342.0 169.5 L3143.0 169.5" fill="none" data-name="InfoSectionProps"></path>
395
+ <path d="M2342.0 250.5 L3143.0 250.5" fill="none" data-name="InfoSectionProps"></path>
383
396
  </g>
384
- <g transform="translate(1940, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InfoSectionProps" data-compartment="0">
397
+ <g transform="translate(2342, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InfoSectionProps" data-compartment="0">
385
398
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="InfoSectionProps" data-compartment="0">
386
- <a id="../src/utils/WithReference.types.ts.InfoSectionProps" xlink:href="../src/utils/WithReference.types.ts"><text x="191.5" y="14.1" stroke="none" text-anchor="middle" data-name="InfoSectionProps" data-compartment="0">InfoSectionProps</text></a>
399
+ <a id="../src/utils/WithReference.types.ts.InfoSectionProps" xlink:href="../src/utils/WithReference.types.ts"><text x="392.5" y="14.1" stroke="none" text-anchor="middle" data-name="InfoSectionProps" data-compartment="0">InfoSectionProps</text></a>
387
400
 
388
401
  </g>
389
402
  </g>
390
- <g transform="translate(1940, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InfoSectionProps" data-compartment="1">
403
+ <g transform="translate(2342, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InfoSectionProps" data-compartment="1">
391
404
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="InfoSectionProps" data-compartment="1">
392
405
  <text x="0.0" y="14.1" stroke="none" data-name="InfoSectionProps" data-compartment="1">+refName: string</text>
393
- <text x="0.0" y="30.3" stroke="none" data-name="InfoSectionProps" data-compartment="1">+Component: React.ComponentType&lt;unknown&gt;</text>
394
- <text x="0.0" y="46.5" stroke="none" data-name="InfoSectionProps" data-compartment="1">+restProps: Record&lt;string, unknown&gt;</text>
406
+ <text x="0.0" y="30.3" stroke="none" data-name="InfoSectionProps" data-compartment="1">+Component: React.ComponentType&lt;Record&lt;string, unknown&gt; &amp; { ref?: React.Ref&lt;HTMLElement&gt;</text>
407
+ <text x="0.0" y="46.5" stroke="none" data-name="InfoSectionProps" data-compartment="1">}&gt;</text>
408
+ <text x="0.0" y="62.7" stroke="none" data-name="InfoSectionProps" data-compartment="1">+restProps: Record&lt;string, unknown&gt;</text>
395
409
 
396
410
  </g>
397
411
  </g>
398
- <g transform="translate(1940, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InfoSectionProps" data-compartment="2">
412
+ <g transform="translate(2342, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InfoSectionProps" data-compartment="2">
399
413
  <g transform="translate(8, 8)" fill="#33322E" data-name="InfoSectionProps" data-compartment="2">
400
414
 
401
415
  </g>
@@ -403,17 +417,17 @@
403
417
  </g>
404
418
  <g data-name="AccordionItem">
405
419
  <g fill="lightblue" stroke="#33322E" data-name="AccordionItem">
406
- <rect x="2379.0" y="72.5" height="186.0" width="290.0" data-name="AccordionItem"></rect>
407
- <path d="M2379.0 104.5 L2669.0 104.5" fill="none" data-name="AccordionItem"></path>
408
- <path d="M2379.0 250.5 L2669.0 250.5" fill="none" data-name="AccordionItem"></path>
420
+ <rect x="3183.0" y="105.0" height="186.0" width="290.0" data-name="AccordionItem"></rect>
421
+ <path d="M3183.0 137.0 L3473.0 137.0" fill="none" data-name="AccordionItem"></path>
422
+ <path d="M3183.0 283.0 L3473.0 283.0" fill="none" data-name="AccordionItem"></path>
409
423
  </g>
410
- <g transform="translate(2379, 72.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionItem" data-compartment="0">
424
+ <g transform="translate(3183, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionItem" data-compartment="0">
411
425
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="AccordionItem" data-compartment="0">
412
426
  <a id="../src/components/Accordion/Accordion.types.ts.AccordionItem" xlink:href="../src/components/Accordion/Accordion.types.ts"><text x="137.0" y="14.1" stroke="none" text-anchor="middle" data-name="AccordionItem" data-compartment="0">AccordionItem</text></a>
413
427
 
414
428
  </g>
415
429
  </g>
416
- <g transform="translate(2379, 104.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionItem" data-compartment="1">
430
+ <g transform="translate(3183, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionItem" data-compartment="1">
417
431
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="AccordionItem" data-compartment="1">
418
432
  <text x="0.0" y="14.1" stroke="none" data-name="AccordionItem" data-compartment="1">+reactListKey?: string | number</text>
419
433
  <text x="0.0" y="30.3" stroke="none" data-name="AccordionItem" data-compartment="1">+expanded?: boolean</text>
@@ -426,7 +440,7 @@
426
440
 
427
441
  </g>
428
442
  </g>
429
- <g transform="translate(2379, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionItem" data-compartment="2">
443
+ <g transform="translate(3183, 283)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionItem" data-compartment="2">
430
444
  <g transform="translate(8, 8)" fill="#33322E" data-name="AccordionItem" data-compartment="2">
431
445
 
432
446
  </g>
@@ -434,17 +448,17 @@
434
448
  </g>
435
449
  <g data-name="AccordionProps">
436
450
  <g fill="lightblue" stroke="#33322E" data-name="AccordionProps">
437
- <rect x="900.8" y="460.0" height="121.0" width="256.0" data-name="AccordionProps"></rect>
438
- <path d="M900.8 492.0 L1156.8 492.0" fill="none" data-name="AccordionProps"></path>
439
- <path d="M900.8 573.0 L1156.8 573.0" fill="none" data-name="AccordionProps"></path>
451
+ <rect x="1295.0" y="525.0" height="121.0" width="256.0" data-name="AccordionProps"></rect>
452
+ <path d="M1295.0 557.0 L1551.0 557.0" fill="none" data-name="AccordionProps"></path>
453
+ <path d="M1295.0 638.0 L1551.0 638.0" fill="none" data-name="AccordionProps"></path>
440
454
  </g>
441
- <g transform="translate(900.75, 460)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionProps" data-compartment="0">
455
+ <g transform="translate(1295, 525)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionProps" data-compartment="0">
442
456
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="AccordionProps" data-compartment="0">
443
457
  <a id="../src/components/Accordion/Accordion.types.ts.AccordionProps" xlink:href="../src/components/Accordion/Accordion.types.ts"><text x="120.0" y="14.1" stroke="none" text-anchor="middle" data-name="AccordionProps" data-compartment="0">AccordionProps</text></a>
444
458
 
445
459
  </g>
446
460
  </g>
447
- <g transform="translate(900.75, 492)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionProps" data-compartment="1">
461
+ <g transform="translate(1295, 557)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionProps" data-compartment="1">
448
462
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="AccordionProps" data-compartment="1">
449
463
  <text x="0.0" y="14.1" stroke="none" data-name="AccordionProps" data-compartment="1">+className?: string</text>
450
464
  <text x="0.0" y="30.3" stroke="none" data-name="AccordionProps" data-compartment="1">+headingLevel?: ElementType</text>
@@ -453,7 +467,7 @@
453
467
 
454
468
  </g>
455
469
  </g>
456
- <g transform="translate(900.75, 573)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionProps" data-compartment="2">
470
+ <g transform="translate(1295, 638)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="AccordionProps" data-compartment="2">
457
471
  <g transform="translate(8, 8)" fill="#33322E" data-name="AccordionProps" data-compartment="2">
458
472
 
459
473
  </g>
@@ -461,9 +475,9 @@
461
475
  </g>
462
476
  <g data-name="HTMLAttributes&lt;T&gt;">
463
477
  <g fill="#eee8d5" stroke="#33322E" data-name="HTMLAttributes&lt;T&gt;">
464
- <rect x="2709.0" y="149.5" height="32.0" width="167.0" data-name="HTMLAttributes&lt;T&gt;"></rect>
478
+ <rect x="3513.0" y="182.0" height="32.0" width="167.0" data-name="HTMLAttributes&lt;T&gt;"></rect>
465
479
  </g>
466
- <g transform="translate(2709, 149.5)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="HTMLAttributes&lt;T&gt;" data-compartment="0">
480
+ <g transform="translate(3513, 182)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="HTMLAttributes&lt;T&gt;" data-compartment="0">
467
481
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="HTMLAttributes&lt;T&gt;" data-compartment="0">
468
482
  <text x="75.5" y="14.1" stroke="none" text-anchor="middle" data-name="HTMLAttributes&lt;T&gt;" data-compartment="0">HTMLAttributes&lt;T&gt;</text>
469
483
 
@@ -472,17 +486,17 @@
472
486
  </g>
473
487
  <g data-name="ActionLinkProps">
474
488
  <g fill="lightblue" stroke="#33322E" data-name="ActionLinkProps">
475
- <rect x="2916.0" y="97.0" height="137.0" width="239.0" data-name="ActionLinkProps"></rect>
476
- <path d="M2916.0 129.0 L3155.0 129.0" fill="none" data-name="ActionLinkProps"></path>
477
- <path d="M2916.0 226.0 L3155.0 226.0" fill="none" data-name="ActionLinkProps"></path>
489
+ <rect x="3720.0" y="129.5" height="137.0" width="239.0" data-name="ActionLinkProps"></rect>
490
+ <path d="M3720.0 161.5 L3959.0 161.5" fill="none" data-name="ActionLinkProps"></path>
491
+ <path d="M3720.0 258.5 L3959.0 258.5" fill="none" data-name="ActionLinkProps"></path>
478
492
  </g>
479
- <g transform="translate(2916, 97)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ActionLinkProps" data-compartment="0">
493
+ <g transform="translate(3720, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ActionLinkProps" data-compartment="0">
480
494
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ActionLinkProps" data-compartment="0">
481
495
  <a id="../src/components/ActionLink/ActionLink.types.ts.ActionLinkProps" xlink:href="../src/components/ActionLink/ActionLink.types.ts"><text x="111.5" y="14.1" stroke="none" text-anchor="middle" data-name="ActionLinkProps" data-compartment="0">ActionLinkProps</text></a>
482
496
 
483
497
  </g>
484
498
  </g>
485
- <g transform="translate(2916, 129)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ActionLinkProps" data-compartment="1">
499
+ <g transform="translate(3720, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ActionLinkProps" data-compartment="1">
486
500
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ActionLinkProps" data-compartment="1">
487
501
  <text x="0.0" y="14.1" stroke="none" data-name="ActionLinkProps" data-compartment="1">+children?: ReactNode</text>
488
502
  <text x="0.0" y="30.3" stroke="none" data-name="ActionLinkProps" data-compartment="1">+visuallyHiddenText?: string</text>
@@ -492,7 +506,7 @@
492
506
 
493
507
  </g>
494
508
  </g>
495
- <g transform="translate(2916, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ActionLinkProps" data-compartment="2">
509
+ <g transform="translate(3720, 258.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ActionLinkProps" data-compartment="2">
496
510
  <g transform="translate(8, 8)" fill="#33322E" data-name="ActionLinkProps" data-compartment="2">
497
511
 
498
512
  </g>
@@ -500,23 +514,23 @@
500
514
  </g>
501
515
  <g data-name="Action">
502
516
  <g fill="lightblue" stroke="#33322E" data-name="Action">
503
- <rect x="3195.0" y="129.5" height="72.0" width="188.0" data-name="Action"></rect>
504
- <path d="M3195.0 161.5 L3383.0 161.5" fill="none" data-name="Action"></path>
505
- <path d="M3195.0 193.5 L3383.0 193.5" fill="none" data-name="Action"></path>
517
+ <rect x="3999.0" y="162.0" height="72.0" width="188.0" data-name="Action"></rect>
518
+ <path d="M3999.0 194.0 L4187.0 194.0" fill="none" data-name="Action"></path>
519
+ <path d="M3999.0 226.0 L4187.0 226.0" fill="none" data-name="Action"></path>
506
520
  </g>
507
- <g transform="translate(3195, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Action" data-compartment="0">
521
+ <g transform="translate(3999, 162)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Action" data-compartment="0">
508
522
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Action" data-compartment="0">
509
523
  <a id="../src/components/ActionLink/ActionLink.types.ts.Action" xlink:href="../src/components/ActionLink/ActionLink.types.ts"><text x="86.0" y="14.1" stroke="none" text-anchor="middle" data-name="Action" data-compartment="0">Action</text></a>
510
524
 
511
525
  </g>
512
526
  </g>
513
- <g transform="translate(3195, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Action" data-compartment="1">
527
+ <g transform="translate(3999, 194)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Action" data-compartment="1">
514
528
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="Action" data-compartment="1">
515
529
  <text x="0.0" y="14.1" stroke="none" data-name="Action" data-compartment="1">+reactListKey?: string</text>
516
530
 
517
531
  </g>
518
532
  </g>
519
- <g transform="translate(3195, 193.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Action" data-compartment="2">
533
+ <g transform="translate(3999, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Action" data-compartment="2">
520
534
  <g transform="translate(8, 8)" fill="#33322E" data-name="Action" data-compartment="2">
521
535
 
522
536
  </g>
@@ -524,17 +538,17 @@
524
538
  </g>
525
539
  <g data-name="BackLinkProps">
526
540
  <g fill="lightblue" stroke="#33322E" data-name="BackLinkProps">
527
- <rect x="3423.0" y="97.0" height="137.0" width="197.0" data-name="BackLinkProps"></rect>
528
- <path d="M3423.0 129.0 L3620.0 129.0" fill="none" data-name="BackLinkProps"></path>
529
- <path d="M3423.0 226.0 L3620.0 226.0" fill="none" data-name="BackLinkProps"></path>
541
+ <rect x="4227.0" y="129.5" height="137.0" width="197.0" data-name="BackLinkProps"></rect>
542
+ <path d="M4227.0 161.5 L4424.0 161.5" fill="none" data-name="BackLinkProps"></path>
543
+ <path d="M4227.0 258.5 L4424.0 258.5" fill="none" data-name="BackLinkProps"></path>
530
544
  </g>
531
- <g transform="translate(3423, 97)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BackLinkProps" data-compartment="0">
545
+ <g transform="translate(4227, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BackLinkProps" data-compartment="0">
532
546
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="BackLinkProps" data-compartment="0">
533
547
  <a id="../src/components/BackLink/BackLink.types.ts.BackLinkProps" xlink:href="../src/components/BackLink/BackLink.types.ts"><text x="90.5" y="14.1" stroke="none" text-anchor="middle" data-name="BackLinkProps" data-compartment="0">BackLinkProps</text></a>
534
548
 
535
549
  </g>
536
550
  </g>
537
- <g transform="translate(3423, 129)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BackLinkProps" data-compartment="1">
551
+ <g transform="translate(4227, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BackLinkProps" data-compartment="1">
538
552
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="BackLinkProps" data-compartment="1">
539
553
  <text x="0.0" y="14.1" stroke="none" data-name="BackLinkProps" data-compartment="1">+to?: To</text>
540
554
  <text x="0.0" y="30.3" stroke="none" data-name="BackLinkProps" data-compartment="1">+state?: object</text>
@@ -544,7 +558,7 @@
544
558
 
545
559
  </g>
546
560
  </g>
547
- <g transform="translate(3423, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BackLinkProps" data-compartment="2">
561
+ <g transform="translate(4227, 258.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BackLinkProps" data-compartment="2">
548
562
  <g transform="translate(8, 8)" fill="#33322E" data-name="BackLinkProps" data-compartment="2">
549
563
 
550
564
  </g>
@@ -552,17 +566,17 @@
552
566
  </g>
553
567
  <g data-name="BooleanItem">
554
568
  <g fill="lightblue" stroke="#33322E" data-name="BooleanItem">
555
- <rect x="3660.0" y="32.0" height="267.0" width="304.0" data-name="BooleanItem"></rect>
556
- <path d="M3660.0 64.0 L3964.0 64.0" fill="none" data-name="BooleanItem"></path>
557
- <path d="M3660.0 291.0 L3964.0 291.0" fill="none" data-name="BooleanItem"></path>
569
+ <rect x="4464.0" y="64.5" height="267.0" width="304.0" data-name="BooleanItem"></rect>
570
+ <path d="M4464.0 96.5 L4768.0 96.5" fill="none" data-name="BooleanItem"></path>
571
+ <path d="M4464.0 323.5 L4768.0 323.5" fill="none" data-name="BooleanItem"></path>
558
572
  </g>
559
- <g transform="translate(3660, 32)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanItem" data-compartment="0">
573
+ <g transform="translate(4464, 64.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanItem" data-compartment="0">
560
574
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="BooleanItem" data-compartment="0">
561
575
  <a id="../src/components/Boolean/Boolean.types.ts.BooleanItem" xlink:href="../src/components/Boolean/Boolean.types.ts"><text x="144.0" y="14.1" stroke="none" text-anchor="middle" data-name="BooleanItem" data-compartment="0">BooleanItem</text></a>
562
576
 
563
577
  </g>
564
578
  </g>
565
- <g transform="translate(3660, 64)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanItem" data-compartment="1">
579
+ <g transform="translate(4464, 96.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanItem" data-compartment="1">
566
580
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="BooleanItem" data-compartment="1">
567
581
  <text x="0.0" y="14.1" stroke="none" data-name="BooleanItem" data-compartment="1">+id?: string</text>
568
582
  <text x="0.0" y="30.3" stroke="none" data-name="BooleanItem" data-compartment="1">+children?: ReactNode</text>
@@ -580,7 +594,7 @@
580
594
 
581
595
  </g>
582
596
  </g>
583
- <g transform="translate(3660, 291)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanItem" data-compartment="2">
597
+ <g transform="translate(4464, 323.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanItem" data-compartment="2">
584
598
  <g transform="translate(8, 8)" fill="#33322E" data-name="BooleanItem" data-compartment="2">
585
599
 
586
600
  </g>
@@ -588,17 +602,17 @@
588
602
  </g>
589
603
  <g data-name="BooleanProps">
590
604
  <g fill="lightblue" stroke="#33322E" data-name="BooleanProps">
591
- <rect x="4004.0" y="24.0" height="283.0" width="563.0" data-name="BooleanProps"></rect>
592
- <path d="M4004.0 56.0 L4567.0 56.0" fill="none" data-name="BooleanProps"></path>
593
- <path d="M4004.0 299.0 L4567.0 299.0" fill="none" data-name="BooleanProps"></path>
605
+ <rect x="4808.0" y="56.5" height="283.0" width="608.0" data-name="BooleanProps"></rect>
606
+ <path d="M4808.0 88.5 L5416.0 88.5" fill="none" data-name="BooleanProps"></path>
607
+ <path d="M4808.0 331.5 L5416.0 331.5" fill="none" data-name="BooleanProps"></path>
594
608
  </g>
595
- <g transform="translate(4004, 24)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanProps" data-compartment="0">
609
+ <g transform="translate(4808, 56.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanProps" data-compartment="0">
596
610
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="BooleanProps" data-compartment="0">
597
- <a id="../src/components/Boolean/Boolean.types.ts.BooleanProps" xlink:href="../src/components/Boolean/Boolean.types.ts"><text x="273.5" y="14.1" stroke="none" text-anchor="middle" data-name="BooleanProps" data-compartment="0">BooleanProps</text></a>
611
+ <a id="../src/components/Boolean/Boolean.types.ts.BooleanProps" xlink:href="../src/components/Boolean/Boolean.types.ts"><text x="296.0" y="14.1" stroke="none" text-anchor="middle" data-name="BooleanProps" data-compartment="0">BooleanProps</text></a>
598
612
 
599
613
  </g>
600
614
  </g>
601
- <g transform="translate(4004, 56)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanProps" data-compartment="1">
615
+ <g transform="translate(4808, 88.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanProps" data-compartment="1">
602
616
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="BooleanProps" data-compartment="1">
603
617
  <text x="0.0" y="14.1" stroke="none" data-name="BooleanProps" data-compartment="1">+className?: string</text>
604
618
  <text x="0.0" y="30.3" stroke="none" data-name="BooleanProps" data-compartment="1">+errorMessage?: ErrorMessageProps</text>
@@ -611,13 +625,13 @@
611
625
  <text x="0.0" y="143.7" stroke="none" data-name="BooleanProps" data-compartment="1">+items?: BooleanItem[]</text>
612
626
  <text x="0.0" y="159.9" stroke="none" data-name="BooleanProps" data-compartment="1">+controlType: &quot;radios&quot; | &quot;checkboxes&quot;</text>
613
627
  <text x="0.0" y="176.1" stroke="none" data-name="BooleanProps" data-compartment="1">+name?: string</text>
614
- <text x="0.0" y="192.3" stroke="none" data-name="BooleanProps" data-compartment="1">+onChange?: (event: ChangeEvent&lt;HTMLInputElement&gt;) =&gt; void</text>
628
+ <text x="0.0" y="192.3" stroke="none" data-name="BooleanProps" data-compartment="1">+onChange?: (event: ChangeEvent&lt;HTMLInputElement, Element&gt;) =&gt; void</text>
615
629
  <text x="0.0" y="208.5" stroke="none" data-name="BooleanProps" data-compartment="1">+onBlur?: (event: FocusEvent&lt;HTMLInputElement, Element&gt;) =&gt; void</text>
616
630
  <text x="0.0" y="224.7" stroke="none" data-name="BooleanProps" data-compartment="1">+aria-describedby?: string</text>
617
631
 
618
632
  </g>
619
633
  </g>
620
- <g transform="translate(4004, 299)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanProps" data-compartment="2">
634
+ <g transform="translate(4808, 331.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BooleanProps" data-compartment="2">
621
635
  <g transform="translate(8, 8)" fill="#33322E" data-name="BooleanProps" data-compartment="2">
622
636
 
623
637
  </g>
@@ -625,17 +639,17 @@
625
639
  </g>
626
640
  <g data-name="BreadcrumbItem">
627
641
  <g fill="lightblue" stroke="#33322E" data-name="BreadcrumbItem">
628
- <rect x="4607.0" y="105.0" height="121.0" width="263.0" data-name="BreadcrumbItem"></rect>
629
- <path d="M4607.0 137.0 L4870.0 137.0" fill="none" data-name="BreadcrumbItem"></path>
630
- <path d="M4607.0 218.0 L4870.0 218.0" fill="none" data-name="BreadcrumbItem"></path>
642
+ <rect x="5456.0" y="137.5" height="121.0" width="263.0" data-name="BreadcrumbItem"></rect>
643
+ <path d="M5456.0 169.5 L5719.0 169.5" fill="none" data-name="BreadcrumbItem"></path>
644
+ <path d="M5456.0 250.5 L5719.0 250.5" fill="none" data-name="BreadcrumbItem"></path>
631
645
  </g>
632
- <g transform="translate(4607, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbItem" data-compartment="0">
646
+ <g transform="translate(5456, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbItem" data-compartment="0">
633
647
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="BreadcrumbItem" data-compartment="0">
634
648
  <a id="../src/components/Breadcrumbs/Breadcrumbs.types.ts.BreadcrumbItem" xlink:href="../src/components/Breadcrumbs/Breadcrumbs.types.ts"><text x="123.5" y="14.1" stroke="none" text-anchor="middle" data-name="BreadcrumbItem" data-compartment="0">BreadcrumbItem</text></a>
635
649
 
636
650
  </g>
637
651
  </g>
638
- <g transform="translate(4607, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbItem" data-compartment="1">
652
+ <g transform="translate(5456, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbItem" data-compartment="1">
639
653
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="BreadcrumbItem" data-compartment="1">
640
654
  <text x="0.0" y="14.1" stroke="none" data-name="BreadcrumbItem" data-compartment="1">+href?: string</text>
641
655
  <text x="0.0" y="30.3" stroke="none" data-name="BreadcrumbItem" data-compartment="1">+to?: string</text>
@@ -644,7 +658,7 @@
644
658
 
645
659
  </g>
646
660
  </g>
647
- <g transform="translate(4607, 218)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbItem" data-compartment="2">
661
+ <g transform="translate(5456, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbItem" data-compartment="2">
648
662
  <g transform="translate(8, 8)" fill="#33322E" data-name="BreadcrumbItem" data-compartment="2">
649
663
 
650
664
  </g>
@@ -652,17 +666,17 @@
652
666
  </g>
653
667
  <g data-name="BreadcrumbsProps">
654
668
  <g fill="lightblue" stroke="#33322E" data-name="BreadcrumbsProps">
655
- <rect x="1196.8" y="468.0" height="105.0" width="251.0" data-name="BreadcrumbsProps"></rect>
656
- <path d="M1196.8 500.0 L1447.8 500.0" fill="none" data-name="BreadcrumbsProps"></path>
657
- <path d="M1196.8 565.0 L1447.8 565.0" fill="none" data-name="BreadcrumbsProps"></path>
669
+ <rect x="1591.0" y="533.0" height="105.0" width="251.0" data-name="BreadcrumbsProps"></rect>
670
+ <path d="M1591.0 565.0 L1842.0 565.0" fill="none" data-name="BreadcrumbsProps"></path>
671
+ <path d="M1591.0 630.0 L1842.0 630.0" fill="none" data-name="BreadcrumbsProps"></path>
658
672
  </g>
659
- <g transform="translate(1196.75, 468)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbsProps" data-compartment="0">
673
+ <g transform="translate(1591, 533)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbsProps" data-compartment="0">
660
674
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="BreadcrumbsProps" data-compartment="0">
661
675
  <a id="../src/components/Breadcrumbs/Breadcrumbs.types.ts.BreadcrumbsProps" xlink:href="../src/components/Breadcrumbs/Breadcrumbs.types.ts"><text x="117.5" y="14.1" stroke="none" text-anchor="middle" data-name="BreadcrumbsProps" data-compartment="0">BreadcrumbsProps</text></a>
662
676
 
663
677
  </g>
664
678
  </g>
665
- <g transform="translate(1196.75, 500)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbsProps" data-compartment="1">
679
+ <g transform="translate(1591, 565)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbsProps" data-compartment="1">
666
680
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="BreadcrumbsProps" data-compartment="1">
667
681
  <text x="0.0" y="14.1" stroke="none" data-name="BreadcrumbsProps" data-compartment="1">+items?: BreadcrumbItem[]</text>
668
682
  <text x="0.0" y="30.3" stroke="none" data-name="BreadcrumbsProps" data-compartment="1">+className?: string</text>
@@ -670,7 +684,7 @@
670
684
 
671
685
  </g>
672
686
  </g>
673
- <g transform="translate(1196.75, 565)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbsProps" data-compartment="2">
687
+ <g transform="translate(1591, 630)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="BreadcrumbsProps" data-compartment="2">
674
688
  <g transform="translate(8, 8)" fill="#33322E" data-name="BreadcrumbsProps" data-compartment="2">
675
689
 
676
690
  </g>
@@ -678,17 +692,17 @@
678
692
  </g>
679
693
  <g data-name="ButtonProps">
680
694
  <g fill="lightblue" stroke="#33322E" data-name="ButtonProps">
681
- <rect x="4910.0" y="56.5" height="218.0" width="264.0" data-name="ButtonProps"></rect>
682
- <path d="M4910.0 88.5 L5174.0 88.5" fill="none" data-name="ButtonProps"></path>
683
- <path d="M4910.0 266.5 L5174.0 266.5" fill="none" data-name="ButtonProps"></path>
695
+ <rect x="5759.0" y="89.0" height="218.0" width="264.0" data-name="ButtonProps"></rect>
696
+ <path d="M5759.0 121.0 L6023.0 121.0" fill="none" data-name="ButtonProps"></path>
697
+ <path d="M5759.0 299.0 L6023.0 299.0" fill="none" data-name="ButtonProps"></path>
684
698
  </g>
685
- <g transform="translate(4910, 56.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ButtonProps" data-compartment="0">
699
+ <g transform="translate(5759, 89)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ButtonProps" data-compartment="0">
686
700
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ButtonProps" data-compartment="0">
687
701
  <a id="../src/components/Button/Button.types.ts.ButtonProps" xlink:href="../src/components/Button/Button.types.ts"><text x="124.0" y="14.1" stroke="none" text-anchor="middle" data-name="ButtonProps" data-compartment="0">ButtonProps</text></a>
688
702
 
689
703
  </g>
690
704
  </g>
691
- <g transform="translate(4910, 88.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ButtonProps" data-compartment="1">
705
+ <g transform="translate(5759, 121)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ButtonProps" data-compartment="1">
692
706
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ButtonProps" data-compartment="1">
693
707
  <text x="0.0" y="14.1" stroke="none" data-name="ButtonProps" data-compartment="1">+element?: string</text>
694
708
  <text x="0.0" y="30.3" stroke="none" data-name="ButtonProps" data-compartment="1">+href?: string</text>
@@ -703,7 +717,7 @@
703
717
 
704
718
  </g>
705
719
  </g>
706
- <g transform="translate(4910, 266.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ButtonProps" data-compartment="2">
720
+ <g transform="translate(5759, 299)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ButtonProps" data-compartment="2">
707
721
  <g transform="translate(8, 8)" fill="#33322E" data-name="ButtonProps" data-compartment="2">
708
722
 
709
723
  </g>
@@ -711,25 +725,27 @@
711
725
  </g>
712
726
  <g data-name="CardColumnProps">
713
727
  <g fill="lightblue" stroke="#33322E" data-name="CardColumnProps">
714
- <rect x="5214.0" y="113.0" height="105.0" width="160.0" data-name="CardColumnProps"></rect>
715
- <path d="M5214.0 145.0 L5374.0 145.0" fill="none" data-name="CardColumnProps"></path>
716
- <path d="M5214.0 210.0 L5374.0 210.0" fill="none" data-name="CardColumnProps"></path>
728
+ <rect x="6063.0" y="129.5" height="137.0" width="177.0" data-name="CardColumnProps"></rect>
729
+ <path d="M6063.0 161.5 L6240.0 161.5" fill="none" data-name="CardColumnProps"></path>
730
+ <path d="M6063.0 258.5 L6240.0 258.5" fill="none" data-name="CardColumnProps"></path>
717
731
  </g>
718
- <g transform="translate(5214, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardColumnProps" data-compartment="0">
732
+ <g transform="translate(6063, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardColumnProps" data-compartment="0">
719
733
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="CardColumnProps" data-compartment="0">
720
- <a id="../src/components/CardColumn/CardColumn.types.ts.CardColumnProps" xlink:href="../src/components/CardColumn/CardColumn.types.ts"><text x="72.0" y="14.1" stroke="none" text-anchor="middle" data-name="CardColumnProps" data-compartment="0">CardColumnProps</text></a>
734
+ <a id="../src/components/CardColumn/CardColumn.types.ts.CardColumnProps" xlink:href="../src/components/CardColumn/CardColumn.types.ts"><text x="80.5" y="14.1" stroke="none" text-anchor="middle" data-name="CardColumnProps" data-compartment="0">CardColumnProps</text></a>
721
735
 
722
736
  </g>
723
737
  </g>
724
- <g transform="translate(5214, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardColumnProps" data-compartment="1">
738
+ <g transform="translate(6063, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardColumnProps" data-compartment="1">
725
739
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="CardColumnProps" data-compartment="1">
726
740
  <text x="0.0" y="14.1" stroke="none" data-name="CardColumnProps" data-compartment="1">+link: string</text>
727
741
  <text x="0.0" y="30.3" stroke="none" data-name="CardColumnProps" data-compartment="1">+header: string</text>
728
742
  <text x="0.0" y="46.5" stroke="none" data-name="CardColumnProps" data-compartment="1">+body: string</text>
743
+ <text x="0.0" y="62.7" stroke="none" data-name="CardColumnProps" data-compartment="1">+textColor?: string</text>
744
+ <text x="0.0" y="78.9" stroke="none" data-name="CardColumnProps" data-compartment="1">+hoverColor?: string</text>
729
745
 
730
746
  </g>
731
747
  </g>
732
- <g transform="translate(5214, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardColumnProps" data-compartment="2">
748
+ <g transform="translate(6063, 258.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardColumnProps" data-compartment="2">
733
749
  <g transform="translate(8, 8)" fill="#33322E" data-name="CardColumnProps" data-compartment="2">
734
750
 
735
751
  </g>
@@ -737,24 +753,24 @@
737
753
  </g>
738
754
  <g data-name="CardLayoutProps">
739
755
  <g fill="lightblue" stroke="#33322E" data-name="CardLayoutProps">
740
- <rect x="5414.0" y="121.5" height="88.0" width="294.0" data-name="CardLayoutProps"></rect>
741
- <path d="M5414.0 153.5 L5708.0 153.5" fill="none" data-name="CardLayoutProps"></path>
742
- <path d="M5414.0 201.5 L5708.0 201.5" fill="none" data-name="CardLayoutProps"></path>
756
+ <rect x="6280.0" y="154.0" height="88.0" width="294.0" data-name="CardLayoutProps"></rect>
757
+ <path d="M6280.0 186.0 L6574.0 186.0" fill="none" data-name="CardLayoutProps"></path>
758
+ <path d="M6280.0 234.0 L6574.0 234.0" fill="none" data-name="CardLayoutProps"></path>
743
759
  </g>
744
- <g transform="translate(5414, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardLayoutProps" data-compartment="0">
760
+ <g transform="translate(6280, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardLayoutProps" data-compartment="0">
745
761
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="CardLayoutProps" data-compartment="0">
746
762
  <a id="../src/components/CardLayout/CardLayout.types.ts.CardLayoutProps" xlink:href="../src/components/CardLayout/CardLayout.types.ts"><text x="139.0" y="14.1" stroke="none" text-anchor="middle" data-name="CardLayoutProps" data-compartment="0">CardLayoutProps</text></a>
747
763
 
748
764
  </g>
749
765
  </g>
750
- <g transform="translate(5414, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardLayoutProps" data-compartment="1">
766
+ <g transform="translate(6280, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardLayoutProps" data-compartment="1">
751
767
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="CardLayoutProps" data-compartment="1">
752
768
  <text x="0.0" y="14.1" stroke="none" data-name="CardLayoutProps" data-compartment="1">+cardColumns: CardColumnProps[]</text>
753
769
  <text x="0.0" y="30.3" stroke="none" data-name="CardLayoutProps" data-compartment="1">+numberOfGridColumns?: number</text>
754
770
 
755
771
  </g>
756
772
  </g>
757
- <g transform="translate(5414, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardLayoutProps" data-compartment="2">
773
+ <g transform="translate(6280, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CardLayoutProps" data-compartment="2">
758
774
  <g transform="translate(8, 8)" fill="#33322E" data-name="CardLayoutProps" data-compartment="2">
759
775
 
760
776
  </g>
@@ -762,17 +778,17 @@
762
778
  </g>
763
779
  <g data-name="CharacterCountProps">
764
780
  <g fill="lightblue" stroke="#33322E" data-name="CharacterCountProps">
765
- <rect x="5748.0" y="72.5" height="186.0" width="324.0" data-name="CharacterCountProps"></rect>
766
- <path d="M5748.0 104.5 L6072.0 104.5" fill="none" data-name="CharacterCountProps"></path>
767
- <path d="M5748.0 250.5 L6072.0 250.5" fill="none" data-name="CharacterCountProps"></path>
781
+ <rect x="6614.0" y="105.0" height="186.0" width="324.0" data-name="CharacterCountProps"></rect>
782
+ <path d="M6614.0 137.0 L6938.0 137.0" fill="none" data-name="CharacterCountProps"></path>
783
+ <path d="M6614.0 283.0 L6938.0 283.0" fill="none" data-name="CharacterCountProps"></path>
768
784
  </g>
769
- <g transform="translate(5748, 72.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CharacterCountProps" data-compartment="0">
785
+ <g transform="translate(6614, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CharacterCountProps" data-compartment="0">
770
786
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="CharacterCountProps" data-compartment="0">
771
787
  <a id="../src/components/CharacterCount/CharacterCount.types.ts.CharacterCountProps" xlink:href="../src/components/CharacterCount/CharacterCount.types.ts"><text x="154.0" y="14.1" stroke="none" text-anchor="middle" data-name="CharacterCountProps" data-compartment="0">CharacterCountProps</text></a>
772
788
 
773
789
  </g>
774
790
  </g>
775
- <g transform="translate(5748, 104.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CharacterCountProps" data-compartment="1">
791
+ <g transform="translate(6614, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CharacterCountProps" data-compartment="1">
776
792
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="CharacterCountProps" data-compartment="1">
777
793
  <text x="0.0" y="14.1" stroke="none" data-name="CharacterCountProps" data-compartment="1">+id: string</text>
778
794
  <text x="0.0" y="30.3" stroke="none" data-name="CharacterCountProps" data-compartment="1">+className?: string</text>
@@ -785,7 +801,7 @@
785
801
 
786
802
  </g>
787
803
  </g>
788
- <g transform="translate(5748, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CharacterCountProps" data-compartment="2">
804
+ <g transform="translate(6614, 283)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CharacterCountProps" data-compartment="2">
789
805
  <g transform="translate(8, 8)" fill="#33322E" data-name="CharacterCountProps" data-compartment="2">
790
806
 
791
807
  </g>
@@ -793,22 +809,22 @@
793
809
  </g>
794
810
  <g data-name="CheckboxesProps">
795
811
  <g fill="lightblue" stroke="#33322E" data-name="CheckboxesProps">
796
- <rect x="6112.0" y="141.5" height="48.0" width="160.0" data-name="CheckboxesProps"></rect>
797
- <path d="M6112.0 173.5 L6272.0 173.5" fill="none" data-name="CheckboxesProps"></path>
798
- <path d="M6112.0 181.5 L6272.0 181.5" fill="none" data-name="CheckboxesProps"></path>
812
+ <rect x="6978.0" y="174.0" height="48.0" width="160.0" data-name="CheckboxesProps"></rect>
813
+ <path d="M6978.0 206.0 L7138.0 206.0" fill="none" data-name="CheckboxesProps"></path>
814
+ <path d="M6978.0 214.0 L7138.0 214.0" fill="none" data-name="CheckboxesProps"></path>
799
815
  </g>
800
- <g transform="translate(6112, 141.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CheckboxesProps" data-compartment="0">
816
+ <g transform="translate(6978, 174)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CheckboxesProps" data-compartment="0">
801
817
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="CheckboxesProps" data-compartment="0">
802
818
  <a id="../src/components/Checkboxes/Checkboxes.types.ts.CheckboxesProps" xlink:href="../src/components/Checkboxes/Checkboxes.types.ts"><text x="72.0" y="14.1" stroke="none" text-anchor="middle" data-name="CheckboxesProps" data-compartment="0">CheckboxesProps</text></a>
803
819
 
804
820
  </g>
805
821
  </g>
806
- <g transform="translate(6112, 173.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CheckboxesProps" data-compartment="1">
822
+ <g transform="translate(6978, 206)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CheckboxesProps" data-compartment="1">
807
823
  <g transform="translate(8, 8)" fill="#33322E" data-name="CheckboxesProps" data-compartment="1">
808
824
 
809
825
  </g>
810
826
  </g>
811
- <g transform="translate(6112, 181.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CheckboxesProps" data-compartment="2">
827
+ <g transform="translate(6978, 214)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CheckboxesProps" data-compartment="2">
812
828
  <g transform="translate(8, 8)" fill="#33322E" data-name="CheckboxesProps" data-compartment="2">
813
829
 
814
830
  </g>
@@ -816,17 +832,17 @@
816
832
  </g>
817
833
  <g data-name="CookieBannerMessageAction">
818
834
  <g fill="lightblue" stroke="#33322E" data-name="CookieBannerMessageAction">
819
- <rect x="6312.0" y="97.0" height="137.0" width="288.0" data-name="CookieBannerMessageAction"></rect>
820
- <path d="M6312.0 129.0 L6600.0 129.0" fill="none" data-name="CookieBannerMessageAction"></path>
821
- <path d="M6312.0 226.0 L6600.0 226.0" fill="none" data-name="CookieBannerMessageAction"></path>
835
+ <rect x="7178.0" y="129.5" height="137.0" width="288.0" data-name="CookieBannerMessageAction"></rect>
836
+ <path d="M7178.0 161.5 L7466.0 161.5" fill="none" data-name="CookieBannerMessageAction"></path>
837
+ <path d="M7178.0 258.5 L7466.0 258.5" fill="none" data-name="CookieBannerMessageAction"></path>
822
838
  </g>
823
- <g transform="translate(6312, 97)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageAction" data-compartment="0">
839
+ <g transform="translate(7178, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageAction" data-compartment="0">
824
840
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="CookieBannerMessageAction" data-compartment="0">
825
841
  <a id="../src/components/CookieBanner/CookieBanner.types.ts.CookieBannerMessageAction" xlink:href="../src/components/CookieBanner/CookieBanner.types.ts"><text x="136.0" y="14.1" stroke="none" text-anchor="middle" data-name="CookieBannerMessageAction" data-compartment="0">CookieBannerMessageAction</text></a>
826
842
 
827
843
  </g>
828
844
  </g>
829
- <g transform="translate(6312, 129)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageAction" data-compartment="1">
845
+ <g transform="translate(7178, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageAction" data-compartment="1">
830
846
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="CookieBannerMessageAction" data-compartment="1">
831
847
  <text x="0.0" y="14.1" stroke="none" data-name="CookieBannerMessageAction" data-compartment="1">+className?: string</text>
832
848
  <text x="0.0" y="30.3" stroke="none" data-name="CookieBannerMessageAction" data-compartment="1">+href?: string</text>
@@ -836,7 +852,7 @@
836
852
 
837
853
  </g>
838
854
  </g>
839
- <g transform="translate(6312, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageAction" data-compartment="2">
855
+ <g transform="translate(7178, 258.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageAction" data-compartment="2">
840
856
  <g transform="translate(8, 8)" fill="#33322E" data-name="CookieBannerMessageAction" data-compartment="2">
841
857
 
842
858
  </g>
@@ -844,17 +860,17 @@
844
860
  </g>
845
861
  <g data-name="CookieBannerMessageItem">
846
862
  <g fill="lightblue" stroke="#33322E" data-name="CookieBannerMessageItem">
847
- <rect x="6640.0" y="97.0" height="137.0" width="346.0" data-name="CookieBannerMessageItem"></rect>
848
- <path d="M6640.0 129.0 L6986.0 129.0" fill="none" data-name="CookieBannerMessageItem"></path>
849
- <path d="M6640.0 226.0 L6986.0 226.0" fill="none" data-name="CookieBannerMessageItem"></path>
863
+ <rect x="7506.0" y="129.5" height="137.0" width="346.0" data-name="CookieBannerMessageItem"></rect>
864
+ <path d="M7506.0 161.5 L7852.0 161.5" fill="none" data-name="CookieBannerMessageItem"></path>
865
+ <path d="M7506.0 258.5 L7852.0 258.5" fill="none" data-name="CookieBannerMessageItem"></path>
850
866
  </g>
851
- <g transform="translate(6640, 97)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageItem" data-compartment="0">
867
+ <g transform="translate(7506, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageItem" data-compartment="0">
852
868
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="CookieBannerMessageItem" data-compartment="0">
853
869
  <a id="../src/components/CookieBanner/CookieBanner.types.ts.CookieBannerMessageItem" xlink:href="../src/components/CookieBanner/CookieBanner.types.ts"><text x="165.0" y="14.1" stroke="none" text-anchor="middle" data-name="CookieBannerMessageItem" data-compartment="0">CookieBannerMessageItem</text></a>
854
870
 
855
871
  </g>
856
872
  </g>
857
- <g transform="translate(6640, 129)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageItem" data-compartment="1">
873
+ <g transform="translate(7506, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageItem" data-compartment="1">
858
874
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="CookieBannerMessageItem" data-compartment="1">
859
875
  <text x="0.0" y="14.1" stroke="none" data-name="CookieBannerMessageItem" data-compartment="1">+headingChildren?: React.ReactNode</text>
860
876
  <text x="0.0" y="30.3" stroke="none" data-name="CookieBannerMessageItem" data-compartment="1">+children?: React.ReactNode</text>
@@ -864,7 +880,7 @@
864
880
 
865
881
  </g>
866
882
  </g>
867
- <g transform="translate(6640, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageItem" data-compartment="2">
883
+ <g transform="translate(7506, 258.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerMessageItem" data-compartment="2">
868
884
  <g transform="translate(8, 8)" fill="#33322E" data-name="CookieBannerMessageItem" data-compartment="2">
869
885
 
870
886
  </g>
@@ -872,24 +888,24 @@
872
888
  </g>
873
889
  <g data-name="CookieBannerProps">
874
890
  <g fill="lightblue" stroke="#33322E" data-name="CookieBannerProps">
875
- <rect x="7026.0" y="121.5" height="88.0" width="345.0" data-name="CookieBannerProps"></rect>
876
- <path d="M7026.0 153.5 L7371.0 153.5" fill="none" data-name="CookieBannerProps"></path>
877
- <path d="M7026.0 201.5 L7371.0 201.5" fill="none" data-name="CookieBannerProps"></path>
891
+ <rect x="7892.0" y="154.0" height="88.0" width="345.0" data-name="CookieBannerProps"></rect>
892
+ <path d="M7892.0 186.0 L8237.0 186.0" fill="none" data-name="CookieBannerProps"></path>
893
+ <path d="M7892.0 234.0 L8237.0 234.0" fill="none" data-name="CookieBannerProps"></path>
878
894
  </g>
879
- <g transform="translate(7026, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerProps" data-compartment="0">
895
+ <g transform="translate(7892, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerProps" data-compartment="0">
880
896
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="CookieBannerProps" data-compartment="0">
881
897
  <a id="../src/components/CookieBanner/CookieBanner.types.ts.CookieBannerProps" xlink:href="../src/components/CookieBanner/CookieBanner.types.ts"><text x="164.5" y="14.1" stroke="none" text-anchor="middle" data-name="CookieBannerProps" data-compartment="0">CookieBannerProps</text></a>
882
898
 
883
899
  </g>
884
900
  </g>
885
- <g transform="translate(7026, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerProps" data-compartment="1">
901
+ <g transform="translate(7892, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerProps" data-compartment="1">
886
902
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="CookieBannerProps" data-compartment="1">
887
903
  <text x="0.0" y="14.1" stroke="none" data-name="CookieBannerProps" data-compartment="1">+className?: string</text>
888
904
  <text x="0.0" y="30.3" stroke="none" data-name="CookieBannerProps" data-compartment="1">+messages: CookieBannerMessageItem[]</text>
889
905
 
890
906
  </g>
891
907
  </g>
892
- <g transform="translate(7026, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerProps" data-compartment="2">
908
+ <g transform="translate(7892, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="CookieBannerProps" data-compartment="2">
893
909
  <g transform="translate(8, 8)" fill="#33322E" data-name="CookieBannerProps" data-compartment="2">
894
910
 
895
911
  </g>
@@ -897,29 +913,34 @@
897
913
  </g>
898
914
  <g data-name="DataNavigationProps">
899
915
  <g fill="lightblue" stroke="#33322E" data-name="DataNavigationProps">
900
- <rect x="7411.0" y="81.0" height="169.0" width="304.0" data-name="DataNavigationProps"></rect>
901
- <path d="M7411.0 113.0 L7715.0 113.0" fill="none" data-name="DataNavigationProps"></path>
902
- <path d="M7411.0 242.0 L7715.0 242.0" fill="none" data-name="DataNavigationProps"></path>
916
+ <rect x="8277.0" y="73.0" height="250.0" width="304.0" data-name="DataNavigationProps"></rect>
917
+ <path d="M8277.0 105.0 L8581.0 105.0" fill="none" data-name="DataNavigationProps"></path>
918
+ <path d="M8277.0 315.0 L8581.0 315.0" fill="none" data-name="DataNavigationProps"></path>
903
919
  </g>
904
- <g transform="translate(7411, 81)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DataNavigationProps" data-compartment="0">
920
+ <g transform="translate(8277, 73)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DataNavigationProps" data-compartment="0">
905
921
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="DataNavigationProps" data-compartment="0">
906
922
  <a id="../src/components/DataNavigation/DataNavigation.types.ts.DataNavigationProps" xlink:href="../src/components/DataNavigation/DataNavigation.types.ts"><text x="144.0" y="14.1" stroke="none" text-anchor="middle" data-name="DataNavigationProps" data-compartment="0">DataNavigationProps</text></a>
907
923
 
908
924
  </g>
909
925
  </g>
910
- <g transform="translate(7411, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DataNavigationProps" data-compartment="1">
926
+ <g transform="translate(8277, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DataNavigationProps" data-compartment="1">
911
927
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="DataNavigationProps" data-compartment="1">
912
928
  <text x="0.0" y="14.1" stroke="none" data-name="DataNavigationProps" data-compartment="1">+dataId: number</text>
913
929
  <text x="0.0" y="30.3" stroke="none" data-name="DataNavigationProps" data-compartment="1">+setDataFocus: (id: number) =&gt; void</text>
914
- <text x="0.0" y="46.5" stroke="none" data-name="DataNavigationProps" data-compartment="1">+previousText: string</text>
930
+ <text x="0.0" y="46.5" stroke="none" data-name="DataNavigationProps" data-compartment="1">+previousText?: string</text>
915
931
  <text x="0.0" y="62.7" stroke="none" data-name="DataNavigationProps" data-compartment="1">+previousCondition: boolean</text>
916
- <text x="0.0" y="78.9" stroke="none" data-name="DataNavigationProps" data-compartment="1">+nextText: string</text>
932
+ <text x="0.0" y="78.9" stroke="none" data-name="DataNavigationProps" data-compartment="1">+nextText?: string</text>
917
933
  <text x="0.0" y="95.1" stroke="none" data-name="DataNavigationProps" data-compartment="1">+nextCondition: boolean</text>
918
934
  <text x="0.0" y="111.3" stroke="none" data-name="DataNavigationProps" data-compartment="1">+dataDescription?: string</text>
935
+ <text x="0.0" y="127.5" stroke="none" data-name="DataNavigationProps" data-compartment="1">+buttonColour?: string</text>
936
+ <text x="0.0" y="143.7" stroke="none" data-name="DataNavigationProps" data-compartment="1">+buttonTextColour?: string</text>
937
+ <text x="0.0" y="159.9" stroke="none" data-name="DataNavigationProps" data-compartment="1">+buttonShadowColour?: string</text>
938
+ <text x="0.0" y="176.1" stroke="none" data-name="DataNavigationProps" data-compartment="1">+buttonHoverColour?: string</text>
939
+ <text x="0.0" y="192.3" stroke="none" data-name="DataNavigationProps" data-compartment="1">+buttonHoverTextColour?: string</text>
919
940
 
920
941
  </g>
921
942
  </g>
922
- <g transform="translate(7411, 242)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DataNavigationProps" data-compartment="2">
943
+ <g transform="translate(8277, 315)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DataNavigationProps" data-compartment="2">
923
944
  <g transform="translate(8, 8)" fill="#33322E" data-name="DataNavigationProps" data-compartment="2">
924
945
 
925
946
  </g>
@@ -927,17 +948,17 @@
927
948
  </g>
928
949
  <g data-name="DateInputItem">
929
950
  <g fill="lightblue" stroke="#33322E" data-name="DateInputItem">
930
- <rect x="7755.0" y="72.5" height="186.0" width="658.0" data-name="DateInputItem"></rect>
931
- <path d="M7755.0 104.5 L8413.0 104.5" fill="none" data-name="DateInputItem"></path>
932
- <path d="M7755.0 250.5 L8413.0 250.5" fill="none" data-name="DateInputItem"></path>
951
+ <rect x="8621.0" y="105.0" height="186.0" width="658.0" data-name="DateInputItem"></rect>
952
+ <path d="M8621.0 137.0 L9279.0 137.0" fill="none" data-name="DateInputItem"></path>
953
+ <path d="M8621.0 283.0 L9279.0 283.0" fill="none" data-name="DateInputItem"></path>
933
954
  </g>
934
- <g transform="translate(7755, 72.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputItem" data-compartment="0">
955
+ <g transform="translate(8621, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputItem" data-compartment="0">
935
956
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="DateInputItem" data-compartment="0">
936
957
  <a id="../src/components/DateInput/DateInput.types.ts.DateInputItem" xlink:href="../src/components/DateInput/DateInput.types.ts"><text x="321.0" y="14.1" stroke="none" text-anchor="middle" data-name="DateInputItem" data-compartment="0">DateInputItem</text></a>
937
958
 
938
959
  </g>
939
960
  </g>
940
- <g transform="translate(7755, 104.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputItem" data-compartment="1">
961
+ <g transform="translate(8621, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputItem" data-compartment="1">
941
962
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="DateInputItem" data-compartment="1">
942
963
  <text x="0.0" y="14.1" stroke="none" data-name="DateInputItem" data-compartment="1">+name: string</text>
943
964
  <text x="0.0" y="30.3" stroke="none" data-name="DateInputItem" data-compartment="1">+className?: string</text>
@@ -950,7 +971,7 @@
950
971
 
951
972
  </g>
952
973
  </g>
953
- <g transform="translate(7755, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputItem" data-compartment="2">
974
+ <g transform="translate(8621, 283)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputItem" data-compartment="2">
954
975
  <g transform="translate(8, 8)" fill="#33322E" data-name="DateInputItem" data-compartment="2">
955
976
 
956
977
  </g>
@@ -958,17 +979,17 @@
958
979
  </g>
959
980
  <g data-name="DateInputProps">
960
981
  <g fill="lightblue" stroke="#33322E" data-name="DateInputProps">
961
- <rect x="8453.0" y="48.5" height="234.0" width="524.0" data-name="DateInputProps"></rect>
962
- <path d="M8453.0 80.5 L8977.0 80.5" fill="none" data-name="DateInputProps"></path>
963
- <path d="M8453.0 274.5 L8977.0 274.5" fill="none" data-name="DateInputProps"></path>
982
+ <rect x="9319.0" y="81.0" height="234.0" width="598.0" data-name="DateInputProps"></rect>
983
+ <path d="M9319.0 113.0 L9917.0 113.0" fill="none" data-name="DateInputProps"></path>
984
+ <path d="M9319.0 307.0 L9917.0 307.0" fill="none" data-name="DateInputProps"></path>
964
985
  </g>
965
- <g transform="translate(8453, 48.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputProps" data-compartment="0">
986
+ <g transform="translate(9319, 81)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputProps" data-compartment="0">
966
987
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="DateInputProps" data-compartment="0">
967
- <a id="../src/components/DateInput/DateInput.types.ts.DateInputProps" xlink:href="../src/components/DateInput/DateInput.types.ts"><text x="254.0" y="14.1" stroke="none" text-anchor="middle" data-name="DateInputProps" data-compartment="0">DateInputProps</text></a>
988
+ <a id="../src/components/DateInput/DateInput.types.ts.DateInputProps" xlink:href="../src/components/DateInput/DateInput.types.ts"><text x="291.0" y="14.1" stroke="none" text-anchor="middle" data-name="DateInputProps" data-compartment="0">DateInputProps</text></a>
968
989
 
969
990
  </g>
970
991
  </g>
971
- <g transform="translate(8453, 80.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputProps" data-compartment="1">
992
+ <g transform="translate(9319, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputProps" data-compartment="1">
972
993
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="DateInputProps" data-compartment="1">
973
994
  <text x="0.0" y="14.1" stroke="none" data-name="DateInputProps" data-compartment="1">+className?: string</text>
974
995
  <text x="0.0" y="30.3" stroke="none" data-name="DateInputProps" data-compartment="1">+errorMessage?: ErrorMessageProps</text>
@@ -980,11 +1001,11 @@
980
1001
  <text x="0.0" y="127.5" stroke="none" data-name="DateInputProps" data-compartment="1">+id?: string</text>
981
1002
  <text x="0.0" y="143.7" stroke="none" data-name="DateInputProps" data-compartment="1">+items?: DateInputItem[]</text>
982
1003
  <text x="0.0" y="159.9" stroke="none" data-name="DateInputProps" data-compartment="1">+namePrefix?: string</text>
983
- <text x="0.0" y="176.1" stroke="none" data-name="DateInputProps" data-compartment="1">+onChange: (event: ChangeEvent&lt;HTMLInputElement&gt;) =&gt; void</text>
1004
+ <text x="0.0" y="176.1" stroke="none" data-name="DateInputProps" data-compartment="1">+onChange: (event: ChangeEvent&lt;HTMLInputElement, Element&gt;) =&gt; void</text>
984
1005
 
985
1006
  </g>
986
1007
  </g>
987
- <g transform="translate(8453, 274.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputProps" data-compartment="2">
1008
+ <g transform="translate(9319, 307)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DateInputProps" data-compartment="2">
988
1009
  <g transform="translate(8, 8)" fill="#33322E" data-name="DateInputProps" data-compartment="2">
989
1010
 
990
1011
  </g>
@@ -992,17 +1013,17 @@
992
1013
  </g>
993
1014
  <g data-name="DetailsProps">
994
1015
  <g fill="lightblue" stroke="#33322E" data-name="DetailsProps">
995
- <rect x="9017.0" y="113.0" height="105.0" width="262.0" data-name="DetailsProps"></rect>
996
- <path d="M9017.0 145.0 L9279.0 145.0" fill="none" data-name="DetailsProps"></path>
997
- <path d="M9017.0 210.0 L9279.0 210.0" fill="none" data-name="DetailsProps"></path>
1016
+ <rect x="9957.0" y="145.5" height="105.0" width="262.0" data-name="DetailsProps"></rect>
1017
+ <path d="M9957.0 177.5 L10219.0 177.5" fill="none" data-name="DetailsProps"></path>
1018
+ <path d="M9957.0 242.5 L10219.0 242.5" fill="none" data-name="DetailsProps"></path>
998
1019
  </g>
999
- <g transform="translate(9017, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DetailsProps" data-compartment="0">
1020
+ <g transform="translate(9957, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DetailsProps" data-compartment="0">
1000
1021
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="DetailsProps" data-compartment="0">
1001
1022
  <a id="../src/components/Details/Details.types.ts.DetailsProps" xlink:href="../src/components/Details/Details.types.ts"><text x="123.0" y="14.1" stroke="none" text-anchor="middle" data-name="DetailsProps" data-compartment="0">DetailsProps</text></a>
1002
1023
 
1003
1024
  </g>
1004
1025
  </g>
1005
- <g transform="translate(9017, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DetailsProps" data-compartment="1">
1026
+ <g transform="translate(9957, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DetailsProps" data-compartment="1">
1006
1027
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="DetailsProps" data-compartment="1">
1007
1028
  <text x="0.0" y="14.1" stroke="none" data-name="DetailsProps" data-compartment="1">+className?: string</text>
1008
1029
  <text x="0.0" y="30.3" stroke="none" data-name="DetailsProps" data-compartment="1">+children: ReactNode</text>
@@ -1010,7 +1031,7 @@
1010
1031
 
1011
1032
  </g>
1012
1033
  </g>
1013
- <g transform="translate(9017, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DetailsProps" data-compartment="2">
1034
+ <g transform="translate(9957, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DetailsProps" data-compartment="2">
1014
1035
  <g transform="translate(8, 8)" fill="#33322E" data-name="DetailsProps" data-compartment="2">
1015
1036
 
1016
1037
  </g>
@@ -1018,27 +1039,32 @@
1018
1039
  </g>
1019
1040
  <g data-name="DifferenceNavigationProps">
1020
1041
  <g fill="lightblue" stroke="#33322E" data-name="DifferenceNavigationProps">
1021
- <rect x="9319.0" y="97.0" height="137.0" width="348.0" data-name="DifferenceNavigationProps"></rect>
1022
- <path d="M9319.0 129.0 L9667.0 129.0" fill="none" data-name="DifferenceNavigationProps"></path>
1023
- <path d="M9319.0 226.0 L9667.0 226.0" fill="none" data-name="DifferenceNavigationProps"></path>
1042
+ <rect x="10259.0" y="89.0" height="218.0" width="348.0" data-name="DifferenceNavigationProps"></rect>
1043
+ <path d="M10259.0 121.0 L10607.0 121.0" fill="none" data-name="DifferenceNavigationProps"></path>
1044
+ <path d="M10259.0 299.0 L10607.0 299.0" fill="none" data-name="DifferenceNavigationProps"></path>
1024
1045
  </g>
1025
- <g transform="translate(9319, 97)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DifferenceNavigationProps" data-compartment="0">
1046
+ <g transform="translate(10259, 89)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DifferenceNavigationProps" data-compartment="0">
1026
1047
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="DifferenceNavigationProps" data-compartment="0">
1027
1048
  <a id="../src/components/DifferenceNavigation/DifferenceNavigation.types.ts.DifferenceNavigationProps" xlink:href="../src/components/DifferenceNavigation/DifferenceNavigation.types.ts"><text x="166.0" y="14.1" stroke="none" text-anchor="middle" data-name="DifferenceNavigationProps" data-compartment="0">DifferenceNavigationProps</text></a>
1028
1049
 
1029
1050
  </g>
1030
1051
  </g>
1031
- <g transform="translate(9319, 129)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DifferenceNavigationProps" data-compartment="1">
1052
+ <g transform="translate(10259, 121)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DifferenceNavigationProps" data-compartment="1">
1032
1053
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="DifferenceNavigationProps" data-compartment="1">
1033
1054
  <text x="0.0" y="14.1" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+differenceId: number</text>
1034
1055
  <text x="0.0" y="30.3" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+setDifferenceFocus: (id: number) =&gt; void</text>
1035
1056
  <text x="0.0" y="46.5" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+totalDifferences: number</text>
1036
1057
  <text x="0.0" y="62.7" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+keyword?: string</text>
1037
1058
  <text x="0.0" y="78.9" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+plural?: string</text>
1059
+ <text x="0.0" y="95.1" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+buttonColour?: string</text>
1060
+ <text x="0.0" y="111.3" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+buttonTextColour?: string</text>
1061
+ <text x="0.0" y="127.5" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+buttonShadowColour?: string</text>
1062
+ <text x="0.0" y="143.7" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+buttonHoverColour?: string</text>
1063
+ <text x="0.0" y="159.9" stroke="none" data-name="DifferenceNavigationProps" data-compartment="1">+buttonHoverTextColour?: string</text>
1038
1064
 
1039
1065
  </g>
1040
1066
  </g>
1041
- <g transform="translate(9319, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DifferenceNavigationProps" data-compartment="2">
1067
+ <g transform="translate(10259, 299)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="DifferenceNavigationProps" data-compartment="2">
1042
1068
  <g transform="translate(8, 8)" fill="#33322E" data-name="DifferenceNavigationProps" data-compartment="2">
1043
1069
 
1044
1070
  </g>
@@ -1046,22 +1072,22 @@
1046
1072
  </g>
1047
1073
  <g data-name="ErrorBoundary">
1048
1074
  <g fill="#eee8d5" stroke="#33322E" data-name="ErrorBoundary">
1049
- <rect x="9520.5" y="468.0" height="105.0" width="527.0" data-name="ErrorBoundary"></rect>
1050
- <path d="M9520.5 500.0 L10047.5 500.0" fill="none" data-name="ErrorBoundary"></path>
1051
- <path d="M9520.5 508.0 L10047.5 508.0" fill="none" data-name="ErrorBoundary"></path>
1075
+ <rect x="10460.5" y="533.0" height="105.0" width="527.0" data-name="ErrorBoundary"></rect>
1076
+ <path d="M10460.5 565.0 L10987.5 565.0" fill="none" data-name="ErrorBoundary"></path>
1077
+ <path d="M10460.5 573.0 L10987.5 573.0" fill="none" data-name="ErrorBoundary"></path>
1052
1078
  </g>
1053
- <g transform="translate(9520.5, 468)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ErrorBoundary" data-compartment="0">
1079
+ <g transform="translate(10460.5, 533)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="ErrorBoundary" data-compartment="0">
1054
1080
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ErrorBoundary" data-compartment="0">
1055
1081
  <a id="../src/components/ErrorBoundary/ErrorBoundary.ts.ErrorBoundary" xlink:href="../src/components/ErrorBoundary/ErrorBoundary.ts"><text x="255.5" y="14.1" stroke="none" text-anchor="middle" data-name="ErrorBoundary" data-compartment="0">ErrorBoundary</text></a>
1056
1082
 
1057
1083
  </g>
1058
1084
  </g>
1059
- <g transform="translate(9520.5, 500)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundary" data-compartment="1">
1085
+ <g transform="translate(10460.5, 565)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundary" data-compartment="1">
1060
1086
  <g transform="translate(8, 8)" fill="#33322E" data-name="ErrorBoundary" data-compartment="1">
1061
1087
 
1062
1088
  </g>
1063
1089
  </g>
1064
- <g transform="translate(9520.5, 508)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundary" data-compartment="2">
1090
+ <g transform="translate(10460.5, 573)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundary" data-compartment="2">
1065
1091
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ErrorBoundary" data-compartment="2">
1066
1092
  <text x="0.0" y="14.1" stroke="none" data-name="ErrorBoundary" data-compartment="2">+static getDerivedStateFromError(): Partial&lt;ErrorBoundaryState&gt;</text>
1067
1093
  <text x="0.0" y="30.3" stroke="none" data-name="ErrorBoundary" data-compartment="2">+componentDidCatch(): void</text>
@@ -1072,9 +1098,9 @@
1072
1098
  </g>
1073
1099
  <g data-name="Component&lt;P,S&gt;">
1074
1100
  <g fill="#eee8d5" stroke="#33322E" data-name="Component&lt;P,S&gt;">
1075
- <rect x="9707.0" y="149.5" height="32.0" width="154.0" data-name="Component&lt;P,S&gt;"></rect>
1101
+ <rect x="10647.0" y="182.0" height="32.0" width="154.0" data-name="Component&lt;P,S&gt;"></rect>
1076
1102
  </g>
1077
- <g transform="translate(9707, 149.5)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Component&lt;P,S&gt;" data-compartment="0">
1103
+ <g transform="translate(10647, 182)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="Component&lt;P,S&gt;" data-compartment="0">
1078
1104
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Component&lt;P,S&gt;" data-compartment="0">
1079
1105
  <text x="69.0" y="14.1" stroke="none" text-anchor="middle" data-name="Component&lt;P,S&gt;" data-compartment="0">Component&lt;P,S&gt;</text>
1080
1106
 
@@ -1083,17 +1109,17 @@
1083
1109
  </g>
1084
1110
  <g data-name="ErrorBoundaryProps">
1085
1111
  <g fill="lightblue" stroke="#33322E" data-name="ErrorBoundaryProps">
1086
- <rect x="9901.0" y="105.0" height="121.0" width="222.0" data-name="ErrorBoundaryProps"></rect>
1087
- <path d="M9901.0 137.0 L10123.0 137.0" fill="none" data-name="ErrorBoundaryProps"></path>
1088
- <path d="M9901.0 218.0 L10123.0 218.0" fill="none" data-name="ErrorBoundaryProps"></path>
1112
+ <rect x="10841.0" y="137.5" height="121.0" width="222.0" data-name="ErrorBoundaryProps"></rect>
1113
+ <path d="M10841.0 169.5 L11063.0 169.5" fill="none" data-name="ErrorBoundaryProps"></path>
1114
+ <path d="M10841.0 250.5 L11063.0 250.5" fill="none" data-name="ErrorBoundaryProps"></path>
1089
1115
  </g>
1090
- <g transform="translate(9901, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryProps" data-compartment="0">
1116
+ <g transform="translate(10841, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryProps" data-compartment="0">
1091
1117
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ErrorBoundaryProps" data-compartment="0">
1092
1118
  <a id="../src/components/ErrorBoundary/ErrorBoundary.types.ts.ErrorBoundaryProps" xlink:href="../src/components/ErrorBoundary/ErrorBoundary.types.ts"><text x="103.0" y="14.1" stroke="none" text-anchor="middle" data-name="ErrorBoundaryProps" data-compartment="0">ErrorBoundaryProps</text></a>
1093
1119
 
1094
1120
  </g>
1095
1121
  </g>
1096
- <g transform="translate(9901, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryProps" data-compartment="1">
1122
+ <g transform="translate(10841, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryProps" data-compartment="1">
1097
1123
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ErrorBoundaryProps" data-compartment="1">
1098
1124
  <text x="0.0" y="14.1" stroke="none" data-name="ErrorBoundaryProps" data-compartment="1">+children: ReactNode</text>
1099
1125
  <text x="0.0" y="30.3" stroke="none" data-name="ErrorBoundaryProps" data-compartment="1">+message?: string</text>
@@ -1102,7 +1128,7 @@
1102
1128
 
1103
1129
  </g>
1104
1130
  </g>
1105
- <g transform="translate(9901, 218)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryProps" data-compartment="2">
1131
+ <g transform="translate(10841, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryProps" data-compartment="2">
1106
1132
  <g transform="translate(8, 8)" fill="#33322E" data-name="ErrorBoundaryProps" data-compartment="2">
1107
1133
 
1108
1134
  </g>
@@ -1110,17 +1136,17 @@
1110
1136
  </g>
1111
1137
  <g data-name="ErrorBoundaryState">
1112
1138
  <g fill="lightblue" stroke="#33322E" data-name="ErrorBoundaryState">
1113
- <rect x="10163.0" y="113.0" height="105.0" width="212.0" data-name="ErrorBoundaryState"></rect>
1114
- <path d="M10163.0 145.0 L10375.0 145.0" fill="none" data-name="ErrorBoundaryState"></path>
1115
- <path d="M10163.0 210.0 L10375.0 210.0" fill="none" data-name="ErrorBoundaryState"></path>
1139
+ <rect x="11103.0" y="145.5" height="105.0" width="212.0" data-name="ErrorBoundaryState"></rect>
1140
+ <path d="M11103.0 177.5 L11315.0 177.5" fill="none" data-name="ErrorBoundaryState"></path>
1141
+ <path d="M11103.0 242.5 L11315.0 242.5" fill="none" data-name="ErrorBoundaryState"></path>
1116
1142
  </g>
1117
- <g transform="translate(10163, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryState" data-compartment="0">
1143
+ <g transform="translate(11103, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryState" data-compartment="0">
1118
1144
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ErrorBoundaryState" data-compartment="0">
1119
1145
  <a id="../src/components/ErrorBoundary/ErrorBoundary.types.ts.ErrorBoundaryState" xlink:href="../src/components/ErrorBoundary/ErrorBoundary.types.ts"><text x="98.0" y="14.1" stroke="none" text-anchor="middle" data-name="ErrorBoundaryState" data-compartment="0">ErrorBoundaryState</text></a>
1120
1146
 
1121
1147
  </g>
1122
1148
  </g>
1123
- <g transform="translate(10163, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryState" data-compartment="1">
1149
+ <g transform="translate(11103, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryState" data-compartment="1">
1124
1150
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ErrorBoundaryState" data-compartment="1">
1125
1151
  <text x="0.0" y="14.1" stroke="none" data-name="ErrorBoundaryState" data-compartment="1">+hasError: boolean</text>
1126
1152
  <text x="0.0" y="30.3" stroke="none" data-name="ErrorBoundaryState" data-compartment="1">+message: string</text>
@@ -1128,7 +1154,7 @@
1128
1154
 
1129
1155
  </g>
1130
1156
  </g>
1131
- <g transform="translate(10163, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryState" data-compartment="2">
1157
+ <g transform="translate(11103, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorBoundaryState" data-compartment="2">
1132
1158
  <g transform="translate(8, 8)" fill="#33322E" data-name="ErrorBoundaryState" data-compartment="2">
1133
1159
 
1134
1160
  </g>
@@ -1136,17 +1162,17 @@
1136
1162
  </g>
1137
1163
  <g data-name="ErrorMessageProps">
1138
1164
  <g fill="lightblue" stroke="#33322E" data-name="ErrorMessageProps">
1139
- <rect x="1487.8" y="468.0" height="105.0" width="239.0" data-name="ErrorMessageProps"></rect>
1140
- <path d="M1487.8 500.0 L1726.8 500.0" fill="none" data-name="ErrorMessageProps"></path>
1141
- <path d="M1487.8 565.0 L1726.8 565.0" fill="none" data-name="ErrorMessageProps"></path>
1165
+ <rect x="1882.0" y="533.0" height="105.0" width="239.0" data-name="ErrorMessageProps"></rect>
1166
+ <path d="M1882.0 565.0 L2121.0 565.0" fill="none" data-name="ErrorMessageProps"></path>
1167
+ <path d="M1882.0 630.0 L2121.0 630.0" fill="none" data-name="ErrorMessageProps"></path>
1142
1168
  </g>
1143
- <g transform="translate(1487.75, 468)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorMessageProps" data-compartment="0">
1169
+ <g transform="translate(1882, 533)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorMessageProps" data-compartment="0">
1144
1170
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ErrorMessageProps" data-compartment="0">
1145
1171
  <a id="../src/components/ErrorMessage/ErrorMessage.types.ts.ErrorMessageProps" xlink:href="../src/components/ErrorMessage/ErrorMessage.types.ts"><text x="111.5" y="14.1" stroke="none" text-anchor="middle" data-name="ErrorMessageProps" data-compartment="0">ErrorMessageProps</text></a>
1146
1172
 
1147
1173
  </g>
1148
1174
  </g>
1149
- <g transform="translate(1487.75, 500)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorMessageProps" data-compartment="1">
1175
+ <g transform="translate(1882, 565)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorMessageProps" data-compartment="1">
1150
1176
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ErrorMessageProps" data-compartment="1">
1151
1177
  <text x="0.0" y="14.1" stroke="none" data-name="ErrorMessageProps" data-compartment="1">+className?: string</text>
1152
1178
  <text x="0.0" y="30.3" stroke="none" data-name="ErrorMessageProps" data-compartment="1">+children?: ReactNode</text>
@@ -1154,7 +1180,7 @@
1154
1180
 
1155
1181
  </g>
1156
1182
  </g>
1157
- <g transform="translate(1487.75, 565)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorMessageProps" data-compartment="2">
1183
+ <g transform="translate(1882, 630)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorMessageProps" data-compartment="2">
1158
1184
  <g transform="translate(8, 8)" fill="#33322E" data-name="ErrorMessageProps" data-compartment="2">
1159
1185
 
1160
1186
  </g>
@@ -1162,17 +1188,17 @@
1162
1188
  </g>
1163
1189
  <g data-name="ErrorSummaryProps">
1164
1190
  <g fill="lightblue" stroke="#33322E" data-name="ErrorSummaryProps">
1165
- <rect x="1766.8" y="419.5" height="202.0" width="296.0" data-name="ErrorSummaryProps"></rect>
1166
- <path d="M1766.8 451.5 L2062.8 451.5" fill="none" data-name="ErrorSummaryProps"></path>
1167
- <path d="M1766.8 613.5 L2062.8 613.5" fill="none" data-name="ErrorSummaryProps"></path>
1191
+ <rect x="2161.0" y="484.5" height="202.0" width="296.0" data-name="ErrorSummaryProps"></rect>
1192
+ <path d="M2161.0 516.5 L2457.0 516.5" fill="none" data-name="ErrorSummaryProps"></path>
1193
+ <path d="M2161.0 678.5 L2457.0 678.5" fill="none" data-name="ErrorSummaryProps"></path>
1168
1194
  </g>
1169
- <g transform="translate(1766.75, 419.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorSummaryProps" data-compartment="0">
1195
+ <g transform="translate(2161, 484.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorSummaryProps" data-compartment="0">
1170
1196
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ErrorSummaryProps" data-compartment="0">
1171
1197
  <a id="../src/components/ErrorSummary/ErrorSummary.types.ts.ErrorSummaryProps" xlink:href="../src/components/ErrorSummary/ErrorSummary.types.ts"><text x="140.0" y="14.1" stroke="none" text-anchor="middle" data-name="ErrorSummaryProps" data-compartment="0">ErrorSummaryProps</text></a>
1172
1198
 
1173
1199
  </g>
1174
1200
  </g>
1175
- <g transform="translate(1766.75, 451.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorSummaryProps" data-compartment="1">
1201
+ <g transform="translate(2161, 516.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorSummaryProps" data-compartment="1">
1176
1202
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ErrorSummaryProps" data-compartment="1">
1177
1203
  <text x="0.0" y="14.1" stroke="none" data-name="ErrorSummaryProps" data-compartment="1">+className?: string</text>
1178
1204
  <text x="0.0" y="30.3" stroke="none" data-name="ErrorSummaryProps" data-compartment="1">+descriptionChildren?: ReactNode</text>
@@ -1186,25 +1212,55 @@
1186
1212
 
1187
1213
  </g>
1188
1214
  </g>
1189
- <g transform="translate(1766.75, 613.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorSummaryProps" data-compartment="2">
1215
+ <g transform="translate(2161, 678.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ErrorSummaryProps" data-compartment="2">
1190
1216
  <g transform="translate(8, 8)" fill="#33322E" data-name="ErrorSummaryProps" data-compartment="2">
1191
1217
 
1218
+ </g>
1219
+ </g>
1220
+ </g>
1221
+ <g data-name="ExitThisPageProps">
1222
+ <g fill="lightblue" stroke="#33322E" data-name="ExitThisPageProps">
1223
+ <rect x="2497.0" y="501.0" height="169.0" width="287.0" data-name="ExitThisPageProps"></rect>
1224
+ <path d="M2497.0 533.0 L2784.0 533.0" fill="none" data-name="ExitThisPageProps"></path>
1225
+ <path d="M2497.0 662.0 L2784.0 662.0" fill="none" data-name="ExitThisPageProps"></path>
1226
+ </g>
1227
+ <g transform="translate(2497, 501)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ExitThisPageProps" data-compartment="0">
1228
+ <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ExitThisPageProps" data-compartment="0">
1229
+ <a id="../src/components/ExitThisPage/ExitThisPage.types.ts.ExitThisPageProps" xlink:href="../src/components/ExitThisPage/ExitThisPage.types.ts"><text x="135.5" y="14.1" stroke="none" text-anchor="middle" data-name="ExitThisPageProps" data-compartment="0">ExitThisPageProps</text></a>
1230
+
1231
+ </g>
1232
+ </g>
1233
+ <g transform="translate(2497, 533)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ExitThisPageProps" data-compartment="1">
1234
+ <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ExitThisPageProps" data-compartment="1">
1235
+ <text x="0.0" y="14.1" stroke="none" data-name="ExitThisPageProps" data-compartment="1">+children?: ReactNode</text>
1236
+ <text x="0.0" y="30.3" stroke="none" data-name="ExitThisPageProps" data-compartment="1">+className?: string</text>
1237
+ <text x="0.0" y="46.5" stroke="none" data-name="ExitThisPageProps" data-compartment="1">+redirectUrl?: string</text>
1238
+ <text x="0.0" y="62.7" stroke="none" data-name="ExitThisPageProps" data-compartment="1">+activatedText?: string</text>
1239
+ <text x="0.0" y="78.9" stroke="none" data-name="ExitThisPageProps" data-compartment="1">+timedOutText?: string</text>
1240
+ <text x="0.0" y="95.1" stroke="none" data-name="ExitThisPageProps" data-compartment="1">+pressTwoMoreTimesText?: string</text>
1241
+ <text x="0.0" y="111.3" stroke="none" data-name="ExitThisPageProps" data-compartment="1">+pressOneMoreTimeText?: string</text>
1242
+
1243
+ </g>
1244
+ </g>
1245
+ <g transform="translate(2497, 662)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ExitThisPageProps" data-compartment="2">
1246
+ <g transform="translate(8, 8)" fill="#33322E" data-name="ExitThisPageProps" data-compartment="2">
1247
+
1192
1248
  </g>
1193
1249
  </g>
1194
1250
  </g>
1195
1251
  <g data-name="LegendProps">
1196
1252
  <g fill="lightblue" stroke="#33322E" data-name="LegendProps">
1197
- <rect x="10415.0" y="113.0" height="105.0" width="230.0" data-name="LegendProps"></rect>
1198
- <path d="M10415.0 145.0 L10645.0 145.0" fill="none" data-name="LegendProps"></path>
1199
- <path d="M10415.0 210.0 L10645.0 210.0" fill="none" data-name="LegendProps"></path>
1253
+ <rect x="11355.0" y="145.5" height="105.0" width="230.0" data-name="LegendProps"></rect>
1254
+ <path d="M11355.0 177.5 L11585.0 177.5" fill="none" data-name="LegendProps"></path>
1255
+ <path d="M11355.0 242.5 L11585.0 242.5" fill="none" data-name="LegendProps"></path>
1200
1256
  </g>
1201
- <g transform="translate(10415, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LegendProps" data-compartment="0">
1257
+ <g transform="translate(11355, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LegendProps" data-compartment="0">
1202
1258
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="LegendProps" data-compartment="0">
1203
1259
  <a id="../src/components/Fieldset/Fieldset.types.ts.LegendProps" xlink:href="../src/components/Fieldset/Fieldset.types.ts"><text x="107.0" y="14.1" stroke="none" text-anchor="middle" data-name="LegendProps" data-compartment="0">LegendProps</text></a>
1204
1260
 
1205
1261
  </g>
1206
1262
  </g>
1207
- <g transform="translate(10415, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LegendProps" data-compartment="1">
1263
+ <g transform="translate(11355, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LegendProps" data-compartment="1">
1208
1264
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="LegendProps" data-compartment="1">
1209
1265
  <text x="0.0" y="14.1" stroke="none" data-name="LegendProps" data-compartment="1">+children: ReactNode</text>
1210
1266
  <text x="0.0" y="30.3" stroke="none" data-name="LegendProps" data-compartment="1">+className?: string</text>
@@ -1212,7 +1268,7 @@
1212
1268
 
1213
1269
  </g>
1214
1270
  </g>
1215
- <g transform="translate(10415, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LegendProps" data-compartment="2">
1271
+ <g transform="translate(11355, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LegendProps" data-compartment="2">
1216
1272
  <g transform="translate(8, 8)" fill="#33322E" data-name="LegendProps" data-compartment="2">
1217
1273
 
1218
1274
  </g>
@@ -1220,17 +1276,17 @@
1220
1276
  </g>
1221
1277
  <g data-name="FieldsetProps">
1222
1278
  <g fill="lightblue" stroke="#33322E" data-name="FieldsetProps">
1223
- <rect x="10688.0" y="460.0" height="121.0" width="223.0" data-name="FieldsetProps"></rect>
1224
- <path d="M10688.0 492.0 L10911.0 492.0" fill="none" data-name="FieldsetProps"></path>
1225
- <path d="M10688.0 573.0 L10911.0 573.0" fill="none" data-name="FieldsetProps"></path>
1279
+ <rect x="11628.0" y="525.0" height="121.0" width="223.0" data-name="FieldsetProps"></rect>
1280
+ <path d="M11628.0 557.0 L11851.0 557.0" fill="none" data-name="FieldsetProps"></path>
1281
+ <path d="M11628.0 638.0 L11851.0 638.0" fill="none" data-name="FieldsetProps"></path>
1226
1282
  </g>
1227
- <g transform="translate(10688, 460)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FieldsetProps" data-compartment="0">
1283
+ <g transform="translate(11628, 525)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FieldsetProps" data-compartment="0">
1228
1284
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="FieldsetProps" data-compartment="0">
1229
1285
  <a id="../src/components/Fieldset/Fieldset.types.ts.FieldsetProps" xlink:href="../src/components/Fieldset/Fieldset.types.ts"><text x="103.5" y="14.1" stroke="none" text-anchor="middle" data-name="FieldsetProps" data-compartment="0">FieldsetProps</text></a>
1230
1286
 
1231
1287
  </g>
1232
1288
  </g>
1233
- <g transform="translate(10688, 492)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FieldsetProps" data-compartment="1">
1289
+ <g transform="translate(11628, 557)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FieldsetProps" data-compartment="1">
1234
1290
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="FieldsetProps" data-compartment="1">
1235
1291
  <text x="0.0" y="14.1" stroke="none" data-name="FieldsetProps" data-compartment="1">+className?: string</text>
1236
1292
  <text x="0.0" y="30.3" stroke="none" data-name="FieldsetProps" data-compartment="1">+legend?: LegendProps</text>
@@ -1239,7 +1295,7 @@
1239
1295
 
1240
1296
  </g>
1241
1297
  </g>
1242
- <g transform="translate(10688, 573)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FieldsetProps" data-compartment="2">
1298
+ <g transform="translate(11628, 638)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FieldsetProps" data-compartment="2">
1243
1299
  <g transform="translate(8, 8)" fill="#33322E" data-name="FieldsetProps" data-compartment="2">
1244
1300
 
1245
1301
  </g>
@@ -1247,9 +1303,9 @@
1247
1303
  </g>
1248
1304
  <g data-name="FieldsetHTMLAttributes&lt;T&gt;">
1249
1305
  <g fill="#eee8d5" stroke="#33322E" data-name="FieldsetHTMLAttributes&lt;T&gt;">
1250
- <rect x="10685.0" y="149.5" height="32.0" width="229.0" data-name="FieldsetHTMLAttributes&lt;T&gt;"></rect>
1306
+ <rect x="11625.0" y="182.0" height="32.0" width="229.0" data-name="FieldsetHTMLAttributes&lt;T&gt;"></rect>
1251
1307
  </g>
1252
- <g transform="translate(10685, 149.5)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="FieldsetHTMLAttributes&lt;T&gt;" data-compartment="0">
1308
+ <g transform="translate(11625, 182)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="FieldsetHTMLAttributes&lt;T&gt;" data-compartment="0">
1253
1309
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="FieldsetHTMLAttributes&lt;T&gt;" data-compartment="0">
1254
1310
  <text x="106.5" y="14.1" stroke="none" text-anchor="middle" data-name="FieldsetHTMLAttributes&lt;T&gt;" data-compartment="0">FieldsetHTMLAttributes&lt;T&gt;</text>
1255
1311
 
@@ -1258,17 +1314,17 @@
1258
1314
  </g>
1259
1315
  <g data-name="FileUploadProps">
1260
1316
  <g fill="lightblue" stroke="#33322E" data-name="FileUploadProps">
1261
- <rect x="10951.0" y="419.5" height="202.0" width="314.0" data-name="FileUploadProps"></rect>
1262
- <path d="M10951.0 451.5 L11265.0 451.5" fill="none" data-name="FileUploadProps"></path>
1263
- <path d="M10951.0 613.5 L11265.0 613.5" fill="none" data-name="FileUploadProps"></path>
1317
+ <rect x="11891.0" y="484.5" height="202.0" width="314.0" data-name="FileUploadProps"></rect>
1318
+ <path d="M11891.0 516.5 L12205.0 516.5" fill="none" data-name="FileUploadProps"></path>
1319
+ <path d="M11891.0 678.5 L12205.0 678.5" fill="none" data-name="FileUploadProps"></path>
1264
1320
  </g>
1265
- <g transform="translate(10951, 419.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FileUploadProps" data-compartment="0">
1321
+ <g transform="translate(11891, 484.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FileUploadProps" data-compartment="0">
1266
1322
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="FileUploadProps" data-compartment="0">
1267
1323
  <a id="../src/components/FileUpload/FileUpload.types.ts.FileUploadProps" xlink:href="../src/components/FileUpload/FileUpload.types.ts"><text x="149.0" y="14.1" stroke="none" text-anchor="middle" data-name="FileUploadProps" data-compartment="0">FileUploadProps</text></a>
1268
1324
 
1269
1325
  </g>
1270
1326
  </g>
1271
- <g transform="translate(10951, 451.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FileUploadProps" data-compartment="1">
1327
+ <g transform="translate(11891, 516.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FileUploadProps" data-compartment="1">
1272
1328
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="FileUploadProps" data-compartment="1">
1273
1329
  <text x="0.0" y="14.1" stroke="none" data-name="FileUploadProps" data-compartment="1">+className?: string</text>
1274
1330
  <text x="0.0" y="30.3" stroke="none" data-name="FileUploadProps" data-compartment="1">+errorMessage?: ErrorMessageProps</text>
@@ -1282,7 +1338,7 @@
1282
1338
 
1283
1339
  </g>
1284
1340
  </g>
1285
- <g transform="translate(10951, 613.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FileUploadProps" data-compartment="2">
1341
+ <g transform="translate(11891, 678.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FileUploadProps" data-compartment="2">
1286
1342
  <g transform="translate(8, 8)" fill="#33322E" data-name="FileUploadProps" data-compartment="2">
1287
1343
 
1288
1344
  </g>
@@ -1290,9 +1346,9 @@
1290
1346
  </g>
1291
1347
  <g data-name="InputHTMLAttributes&lt;T&gt;">
1292
1348
  <g fill="#eee8d5" stroke="#33322E" data-name="InputHTMLAttributes&lt;T&gt;">
1293
- <rect x="11004.5" y="149.5" height="32.0" width="207.0" data-name="InputHTMLAttributes&lt;T&gt;"></rect>
1349
+ <rect x="11944.5" y="182.0" height="32.0" width="207.0" data-name="InputHTMLAttributes&lt;T&gt;"></rect>
1294
1350
  </g>
1295
- <g transform="translate(11004.5, 149.5)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="InputHTMLAttributes&lt;T&gt;" data-compartment="0">
1351
+ <g transform="translate(11944.5, 182)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="InputHTMLAttributes&lt;T&gt;" data-compartment="0">
1296
1352
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="InputHTMLAttributes&lt;T&gt;" data-compartment="0">
1297
1353
  <text x="95.5" y="14.1" stroke="none" text-anchor="middle" data-name="InputHTMLAttributes&lt;T&gt;" data-compartment="0">InputHTMLAttributes&lt;T&gt;</text>
1298
1354
 
@@ -1301,17 +1357,17 @@
1301
1357
  </g>
1302
1358
  <g data-name="NavigationItem">
1303
1359
  <g fill="lightblue" stroke="#33322E" data-name="NavigationItem">
1304
- <rect x="11251.5" y="48.5" height="234.0" width="272.0" data-name="NavigationItem"></rect>
1305
- <path d="M11251.5 80.5 L11523.5 80.5" fill="none" data-name="NavigationItem"></path>
1306
- <path d="M11251.5 274.5 L11523.5 274.5" fill="none" data-name="NavigationItem"></path>
1360
+ <rect x="12191.5" y="81.0" height="234.0" width="272.0" data-name="NavigationItem"></rect>
1361
+ <path d="M12191.5 113.0 L12463.5 113.0" fill="none" data-name="NavigationItem"></path>
1362
+ <path d="M12191.5 307.0 L12463.5 307.0" fill="none" data-name="NavigationItem"></path>
1307
1363
  </g>
1308
- <g transform="translate(11251.5, 48.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationItem" data-compartment="0">
1364
+ <g transform="translate(12191.5, 81)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationItem" data-compartment="0">
1309
1365
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="NavigationItem" data-compartment="0">
1310
1366
  <a id="../src/components/ServiceNavigation/ServiceNavigation.types.ts.NavigationItem" xlink:href="../src/components/ServiceNavigation/ServiceNavigation.types.ts"><text x="128.0" y="14.1" stroke="none" text-anchor="middle" data-name="NavigationItem" data-compartment="0">NavigationItem</text></a>
1311
1367
 
1312
1368
  </g>
1313
1369
  </g>
1314
- <g transform="translate(11251.5, 80.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationItem" data-compartment="1">
1370
+ <g transform="translate(12191.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationItem" data-compartment="1">
1315
1371
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="NavigationItem" data-compartment="1">
1316
1372
  <text x="0.0" y="14.1" stroke="none" data-name="NavigationItem" data-compartment="1">+columns: string | number</text>
1317
1373
  <text x="0.0" y="30.3" stroke="none" data-name="NavigationItem" data-compartment="1">+title: string</text>
@@ -1327,7 +1383,7 @@
1327
1383
 
1328
1384
  </g>
1329
1385
  </g>
1330
- <g transform="translate(11251.5, 274.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationItem" data-compartment="2">
1386
+ <g transform="translate(12191.5, 307)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationItem" data-compartment="2">
1331
1387
  <g transform="translate(8, 8)" fill="#33322E" data-name="NavigationItem" data-compartment="2">
1332
1388
 
1333
1389
  </g>
@@ -1335,17 +1391,17 @@
1335
1391
  </g>
1336
1392
  <g data-name="MetaItem">
1337
1393
  <g fill="lightblue" stroke="#33322E" data-name="MetaItem">
1338
- <rect x="11563.5" y="113.0" height="105.0" width="263.0" data-name="MetaItem"></rect>
1339
- <path d="M11563.5 145.0 L11826.5 145.0" fill="none" data-name="MetaItem"></path>
1340
- <path d="M11563.5 210.0 L11826.5 210.0" fill="none" data-name="MetaItem"></path>
1394
+ <rect x="12503.5" y="145.5" height="105.0" width="263.0" data-name="MetaItem"></rect>
1395
+ <path d="M12503.5 177.5 L12766.5 177.5" fill="none" data-name="MetaItem"></path>
1396
+ <path d="M12503.5 242.5 L12766.5 242.5" fill="none" data-name="MetaItem"></path>
1341
1397
  </g>
1342
- <g transform="translate(11563.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaItem" data-compartment="0">
1398
+ <g transform="translate(12503.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaItem" data-compartment="0">
1343
1399
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="MetaItem" data-compartment="0">
1344
1400
  <a id="../src/components/Footer/Footer.types.ts.MetaItem" xlink:href="../src/components/Footer/Footer.types.ts"><text x="123.5" y="14.1" stroke="none" text-anchor="middle" data-name="MetaItem" data-compartment="0">MetaItem</text></a>
1345
1401
 
1346
1402
  </g>
1347
1403
  </g>
1348
- <g transform="translate(11563.5, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaItem" data-compartment="1">
1404
+ <g transform="translate(12503.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaItem" data-compartment="1">
1349
1405
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="MetaItem" data-compartment="1">
1350
1406
  <text x="0.0" y="14.1" stroke="none" data-name="MetaItem" data-compartment="1">+className?: string</text>
1351
1407
  <text x="0.0" y="30.3" stroke="none" data-name="MetaItem" data-compartment="1">+children: ReactNode</text>
@@ -1353,7 +1409,7 @@
1353
1409
 
1354
1410
  </g>
1355
1411
  </g>
1356
- <g transform="translate(11563.5, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaItem" data-compartment="2">
1412
+ <g transform="translate(12503.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MetaItem" data-compartment="2">
1357
1413
  <g transform="translate(8, 8)" fill="#33322E" data-name="MetaItem" data-compartment="2">
1358
1414
 
1359
1415
  </g>
@@ -1361,17 +1417,17 @@
1361
1417
  </g>
1362
1418
  <g data-name="Meta">
1363
1419
  <g fill="lightblue" stroke="#33322E" data-name="Meta">
1364
- <rect x="11866.5" y="113.0" height="105.0" width="238.0" data-name="Meta"></rect>
1365
- <path d="M11866.5 145.0 L12104.5 145.0" fill="none" data-name="Meta"></path>
1366
- <path d="M11866.5 210.0 L12104.5 210.0" fill="none" data-name="Meta"></path>
1420
+ <rect x="12806.5" y="145.5" height="105.0" width="238.0" data-name="Meta"></rect>
1421
+ <path d="M12806.5 177.5 L13044.5 177.5" fill="none" data-name="Meta"></path>
1422
+ <path d="M12806.5 242.5 L13044.5 242.5" fill="none" data-name="Meta"></path>
1367
1423
  </g>
1368
- <g transform="translate(11866.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Meta" data-compartment="0">
1424
+ <g transform="translate(12806.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Meta" data-compartment="0">
1369
1425
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Meta" data-compartment="0">
1370
1426
  <a id="../src/components/Footer/Footer.types.ts.Meta" xlink:href="../src/components/Footer/Footer.types.ts"><text x="111.0" y="14.1" stroke="none" text-anchor="middle" data-name="Meta" data-compartment="0">Meta</text></a>
1371
1427
 
1372
1428
  </g>
1373
1429
  </g>
1374
- <g transform="translate(11866.5, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Meta" data-compartment="1">
1430
+ <g transform="translate(12806.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Meta" data-compartment="1">
1375
1431
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="Meta" data-compartment="1">
1376
1432
  <text x="0.0" y="14.1" stroke="none" data-name="Meta" data-compartment="1">+visuallyHiddenTitle?: string</text>
1377
1433
  <text x="0.0" y="30.3" stroke="none" data-name="Meta" data-compartment="1">+items?: MetaItem[]</text>
@@ -1379,34 +1435,61 @@
1379
1435
 
1380
1436
  </g>
1381
1437
  </g>
1382
- <g transform="translate(11866.5, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Meta" data-compartment="2">
1438
+ <g transform="translate(12806.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Meta" data-compartment="2">
1383
1439
  <g transform="translate(8, 8)" fill="#33322E" data-name="Meta" data-compartment="2">
1384
1440
 
1441
+ </g>
1442
+ </g>
1443
+ </g>
1444
+ <g data-name="ContentLicence">
1445
+ <g fill="lightblue" stroke="#33322E" data-name="ContentLicence">
1446
+ <rect x="13084.5" y="145.5" height="105.0" width="263.0" data-name="ContentLicence"></rect>
1447
+ <path d="M13084.5 177.5 L13347.5 177.5" fill="none" data-name="ContentLicence"></path>
1448
+ <path d="M13084.5 242.5 L13347.5 242.5" fill="none" data-name="ContentLicence"></path>
1449
+ </g>
1450
+ <g transform="translate(13084.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ContentLicence" data-compartment="0">
1451
+ <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ContentLicence" data-compartment="0">
1452
+ <a id="../src/components/Footer/Footer.types.ts.ContentLicence" xlink:href="../src/components/Footer/Footer.types.ts"><text x="123.5" y="14.1" stroke="none" text-anchor="middle" data-name="ContentLicence" data-compartment="0">ContentLicence</text></a>
1453
+
1454
+ </g>
1455
+ </g>
1456
+ <g transform="translate(13084.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ContentLicence" data-compartment="1">
1457
+ <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ContentLicence" data-compartment="1">
1458
+ <text x="0.0" y="14.1" stroke="none" data-name="ContentLicence" data-compartment="1">+className?: string</text>
1459
+ <text x="0.0" y="30.3" stroke="none" data-name="ContentLicence" data-compartment="1">+children: ReactNode</text>
1460
+ <text x="0.0" y="46.5" stroke="none" data-name="ContentLicence" data-compartment="1">+reactListKey?: string | number</text>
1461
+
1462
+ </g>
1463
+ </g>
1464
+ <g transform="translate(13084.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ContentLicence" data-compartment="2">
1465
+ <g transform="translate(8, 8)" fill="#33322E" data-name="ContentLicence" data-compartment="2">
1466
+
1385
1467
  </g>
1386
1468
  </g>
1387
1469
  </g>
1388
1470
  <g data-name="FooterProps">
1389
1471
  <g fill="lightblue" stroke="#33322E" data-name="FooterProps">
1390
- <rect x="2664.5" y="460.0" height="121.0" width="256.0" data-name="FooterProps"></rect>
1391
- <path d="M2664.5 492.0 L2920.5 492.0" fill="none" data-name="FooterProps"></path>
1392
- <path d="M2664.5 573.0 L2920.5 573.0" fill="none" data-name="FooterProps"></path>
1472
+ <rect x="6228.8" y="517.0" height="137.0" width="291.0" data-name="FooterProps"></rect>
1473
+ <path d="M6228.8 549.0 L6519.8 549.0" fill="none" data-name="FooterProps"></path>
1474
+ <path d="M6228.8 646.0 L6519.8 646.0" fill="none" data-name="FooterProps"></path>
1393
1475
  </g>
1394
- <g transform="translate(2664.5, 460)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FooterProps" data-compartment="0">
1476
+ <g transform="translate(6228.75, 517)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FooterProps" data-compartment="0">
1395
1477
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="FooterProps" data-compartment="0">
1396
- <a id="../src/components/Footer/Footer.types.ts.FooterProps" xlink:href="../src/components/Footer/Footer.types.ts"><text x="120.0" y="14.1" stroke="none" text-anchor="middle" data-name="FooterProps" data-compartment="0">FooterProps</text></a>
1478
+ <a id="../src/components/Footer/Footer.types.ts.FooterProps" xlink:href="../src/components/Footer/Footer.types.ts"><text x="137.5" y="14.1" stroke="none" text-anchor="middle" data-name="FooterProps" data-compartment="0">FooterProps</text></a>
1397
1479
 
1398
1480
  </g>
1399
1481
  </g>
1400
- <g transform="translate(2664.5, 492)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FooterProps" data-compartment="1">
1482
+ <g transform="translate(6228.75, 549)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FooterProps" data-compartment="1">
1401
1483
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="FooterProps" data-compartment="1">
1402
1484
  <text x="0.0" y="14.1" stroke="none" data-name="FooterProps" data-compartment="1">+className?: string</text>
1403
1485
  <text x="0.0" y="30.3" stroke="none" data-name="FooterProps" data-compartment="1">+containerClassName?: string</text>
1404
1486
  <text x="0.0" y="46.5" stroke="none" data-name="FooterProps" data-compartment="1">+meta?: Meta</text>
1405
1487
  <text x="0.0" y="62.7" stroke="none" data-name="FooterProps" data-compartment="1">+navigation?: NavigationItem[]</text>
1488
+ <text x="0.0" y="78.9" stroke="none" data-name="FooterProps" data-compartment="1">+contentLicence?: ContentLicence</text>
1406
1489
 
1407
1490
  </g>
1408
1491
  </g>
1409
- <g transform="translate(2664.5, 573)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FooterProps" data-compartment="2">
1492
+ <g transform="translate(6228.75, 646)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="FooterProps" data-compartment="2">
1410
1493
  <g transform="translate(8, 8)" fill="#33322E" data-name="FooterProps" data-compartment="2">
1411
1494
 
1412
1495
  </g>
@@ -1414,17 +1497,17 @@
1414
1497
  </g>
1415
1498
  <g data-name="HeaderProps">
1416
1499
  <g fill="lightblue" stroke="#33322E" data-name="HeaderProps">
1417
- <rect x="5679.0" y="371.0" height="299.0" width="289.0" data-name="HeaderProps"></rect>
1418
- <path d="M5679.0 403.0 L5968.0 403.0" fill="none" data-name="HeaderProps"></path>
1419
- <path d="M5679.0 662.0 L5968.0 662.0" fill="none" data-name="HeaderProps"></path>
1500
+ <rect x="6559.8" y="436.0" height="299.0" width="289.0" data-name="HeaderProps"></rect>
1501
+ <path d="M6559.8 468.0 L6848.8 468.0" fill="none" data-name="HeaderProps"></path>
1502
+ <path d="M6559.8 727.0 L6848.8 727.0" fill="none" data-name="HeaderProps"></path>
1420
1503
  </g>
1421
- <g transform="translate(5679, 371)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HeaderProps" data-compartment="0">
1504
+ <g transform="translate(6559.75, 436)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HeaderProps" data-compartment="0">
1422
1505
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="HeaderProps" data-compartment="0">
1423
1506
  <a id="../src/components/Header/Header.types.ts.HeaderProps" xlink:href="../src/components/Header/Header.types.ts"><text x="136.5" y="14.1" stroke="none" text-anchor="middle" data-name="HeaderProps" data-compartment="0">HeaderProps</text></a>
1424
1507
 
1425
1508
  </g>
1426
1509
  </g>
1427
- <g transform="translate(5679, 403)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HeaderProps" data-compartment="1">
1510
+ <g transform="translate(6559.75, 468)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HeaderProps" data-compartment="1">
1428
1511
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="HeaderProps" data-compartment="1">
1429
1512
  <text x="0.0" y="14.1" stroke="none" data-name="HeaderProps" data-compartment="1">+className?: string</text>
1430
1513
  <text x="0.0" y="30.3" stroke="none" data-name="HeaderProps" data-compartment="1">+containerClassName?: string</text>
@@ -1444,7 +1527,7 @@
1444
1527
 
1445
1528
  </g>
1446
1529
  </g>
1447
- <g transform="translate(5679, 662)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HeaderProps" data-compartment="2">
1530
+ <g transform="translate(6559.75, 727)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HeaderProps" data-compartment="2">
1448
1531
  <g transform="translate(8, 8)" fill="#33322E" data-name="HeaderProps" data-compartment="2">
1449
1532
 
1450
1533
  </g>
@@ -1452,24 +1535,24 @@
1452
1535
  </g>
1453
1536
  <g data-name="HintProps">
1454
1537
  <g fill="lightblue" stroke="#33322E" data-name="HintProps">
1455
- <rect x="12144.5" y="121.5" height="88.0" width="197.0" data-name="HintProps"></rect>
1456
- <path d="M12144.5 153.5 L12341.5 153.5" fill="none" data-name="HintProps"></path>
1457
- <path d="M12144.5 201.5 L12341.5 201.5" fill="none" data-name="HintProps"></path>
1538
+ <rect x="13387.5" y="154.0" height="88.0" width="197.0" data-name="HintProps"></rect>
1539
+ <path d="M13387.5 186.0 L13584.5 186.0" fill="none" data-name="HintProps"></path>
1540
+ <path d="M13387.5 234.0 L13584.5 234.0" fill="none" data-name="HintProps"></path>
1458
1541
  </g>
1459
- <g transform="translate(12144.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HintProps" data-compartment="0">
1542
+ <g transform="translate(13387.5, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HintProps" data-compartment="0">
1460
1543
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="HintProps" data-compartment="0">
1461
1544
  <a id="../src/components/Hint/Hint.types.ts.HintProps" xlink:href="../src/components/Hint/Hint.types.ts"><text x="90.5" y="14.1" stroke="none" text-anchor="middle" data-name="HintProps" data-compartment="0">HintProps</text></a>
1462
1545
 
1463
1546
  </g>
1464
1547
  </g>
1465
- <g transform="translate(12144.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HintProps" data-compartment="1">
1548
+ <g transform="translate(13387.5, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HintProps" data-compartment="1">
1466
1549
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="HintProps" data-compartment="1">
1467
1550
  <text x="0.0" y="14.1" stroke="none" data-name="HintProps" data-compartment="1">+className?: string</text>
1468
1551
  <text x="0.0" y="30.3" stroke="none" data-name="HintProps" data-compartment="1">+children?: ReactNode</text>
1469
1552
 
1470
1553
  </g>
1471
1554
  </g>
1472
- <g transform="translate(12144.5, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HintProps" data-compartment="2">
1555
+ <g transform="translate(13387.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="HintProps" data-compartment="2">
1473
1556
  <g transform="translate(8, 8)" fill="#33322E" data-name="HintProps" data-compartment="2">
1474
1557
 
1475
1558
  </g>
@@ -1477,17 +1560,17 @@
1477
1560
  </g>
1478
1561
  <g data-name="InputProps">
1479
1562
  <g fill="lightblue" stroke="#33322E" data-name="InputProps">
1480
- <rect x="12381.5" y="0.0" height="331.0" width="314.0" data-name="InputProps"></rect>
1481
- <path d="M12381.5 32.0 L12695.5 32.0" fill="none" data-name="InputProps"></path>
1482
- <path d="M12381.5 323.0 L12695.5 323.0" fill="none" data-name="InputProps"></path>
1563
+ <rect x="13624.5" y="32.5" height="331.0" width="314.0" data-name="InputProps"></rect>
1564
+ <path d="M13624.5 64.5 L13938.5 64.5" fill="none" data-name="InputProps"></path>
1565
+ <path d="M13624.5 355.5 L13938.5 355.5" fill="none" data-name="InputProps"></path>
1483
1566
  </g>
1484
- <g transform="translate(12381.5, 0)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InputProps" data-compartment="0">
1567
+ <g transform="translate(13624.5, 32.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InputProps" data-compartment="0">
1485
1568
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="InputProps" data-compartment="0">
1486
1569
  <a id="../src/components/Input/Input.types.ts.InputProps" xlink:href="../src/components/Input/Input.types.ts"><text x="149.0" y="14.1" stroke="none" text-anchor="middle" data-name="InputProps" data-compartment="0">InputProps</text></a>
1487
1570
 
1488
1571
  </g>
1489
1572
  </g>
1490
- <g transform="translate(12381.5, 32)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InputProps" data-compartment="1">
1573
+ <g transform="translate(13624.5, 64.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InputProps" data-compartment="1">
1491
1574
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="InputProps" data-compartment="1">
1492
1575
  <text x="0.0" y="14.1" stroke="none" data-name="InputProps" data-compartment="1">+className?: string</text>
1493
1576
  <text x="0.0" y="30.3" stroke="none" data-name="InputProps" data-compartment="1">+aria-describedby?: string</text>
@@ -1509,7 +1592,7 @@
1509
1592
 
1510
1593
  </g>
1511
1594
  </g>
1512
- <g transform="translate(12381.5, 323)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InputProps" data-compartment="2">
1595
+ <g transform="translate(13624.5, 355.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InputProps" data-compartment="2">
1513
1596
  <g transform="translate(8, 8)" fill="#33322E" data-name="InputProps" data-compartment="2">
1514
1597
 
1515
1598
  </g>
@@ -1517,24 +1600,24 @@
1517
1600
  </g>
1518
1601
  <g data-name="InsetTextProps">
1519
1602
  <g fill="lightblue" stroke="#33322E" data-name="InsetTextProps">
1520
- <rect x="12735.5" y="121.5" height="88.0" width="187.0" data-name="InsetTextProps"></rect>
1521
- <path d="M12735.5 153.5 L12922.5 153.5" fill="none" data-name="InsetTextProps"></path>
1522
- <path d="M12735.5 201.5 L12922.5 201.5" fill="none" data-name="InsetTextProps"></path>
1603
+ <rect x="13978.5" y="154.0" height="88.0" width="187.0" data-name="InsetTextProps"></rect>
1604
+ <path d="M13978.5 186.0 L14165.5 186.0" fill="none" data-name="InsetTextProps"></path>
1605
+ <path d="M13978.5 234.0 L14165.5 234.0" fill="none" data-name="InsetTextProps"></path>
1523
1606
  </g>
1524
- <g transform="translate(12735.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InsetTextProps" data-compartment="0">
1607
+ <g transform="translate(13978.5, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InsetTextProps" data-compartment="0">
1525
1608
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="InsetTextProps" data-compartment="0">
1526
1609
  <a id="../src/components/InsetText/InsetText.types.ts.InsetTextProps" xlink:href="../src/components/InsetText/InsetText.types.ts"><text x="85.5" y="14.1" stroke="none" text-anchor="middle" data-name="InsetTextProps" data-compartment="0">InsetTextProps</text></a>
1527
1610
 
1528
1611
  </g>
1529
1612
  </g>
1530
- <g transform="translate(12735.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InsetTextProps" data-compartment="1">
1613
+ <g transform="translate(13978.5, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InsetTextProps" data-compartment="1">
1531
1614
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="InsetTextProps" data-compartment="1">
1532
1615
  <text x="0.0" y="14.1" stroke="none" data-name="InsetTextProps" data-compartment="1">+className?: string</text>
1533
1616
  <text x="0.0" y="30.3" stroke="none" data-name="InsetTextProps" data-compartment="1">+children: ReactNode</text>
1534
1617
 
1535
1618
  </g>
1536
1619
  </g>
1537
- <g transform="translate(12735.5, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InsetTextProps" data-compartment="2">
1620
+ <g transform="translate(13978.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="InsetTextProps" data-compartment="2">
1538
1621
  <g transform="translate(8, 8)" fill="#33322E" data-name="InsetTextProps" data-compartment="2">
1539
1622
 
1540
1623
  </g>
@@ -1542,17 +1625,17 @@
1542
1625
  </g>
1543
1626
  <g data-name="LabelProps">
1544
1627
  <g fill="lightblue" stroke="#33322E" data-name="LabelProps">
1545
- <rect x="12962.5" y="105.0" height="121.0" width="230.0" data-name="LabelProps"></rect>
1546
- <path d="M12962.5 137.0 L13192.5 137.0" fill="none" data-name="LabelProps"></path>
1547
- <path d="M12962.5 218.0 L13192.5 218.0" fill="none" data-name="LabelProps"></path>
1628
+ <rect x="14205.5" y="137.5" height="121.0" width="230.0" data-name="LabelProps"></rect>
1629
+ <path d="M14205.5 169.5 L14435.5 169.5" fill="none" data-name="LabelProps"></path>
1630
+ <path d="M14205.5 250.5 L14435.5 250.5" fill="none" data-name="LabelProps"></path>
1548
1631
  </g>
1549
- <g transform="translate(12962.5, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LabelProps" data-compartment="0">
1632
+ <g transform="translate(14205.5, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LabelProps" data-compartment="0">
1550
1633
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="LabelProps" data-compartment="0">
1551
1634
  <a id="../src/components/Label/Label.types.ts.LabelProps" xlink:href="../src/components/Label/Label.types.ts"><text x="107.0" y="14.1" stroke="none" text-anchor="middle" data-name="LabelProps" data-compartment="0">LabelProps</text></a>
1552
1635
 
1553
1636
  </g>
1554
1637
  </g>
1555
- <g transform="translate(12962.5, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LabelProps" data-compartment="1">
1638
+ <g transform="translate(14205.5, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LabelProps" data-compartment="1">
1556
1639
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="LabelProps" data-compartment="1">
1557
1640
  <text x="0.0" y="14.1" stroke="none" data-name="LabelProps" data-compartment="1">+className?: string</text>
1558
1641
  <text x="0.0" y="30.3" stroke="none" data-name="LabelProps" data-compartment="1">+htmlFor?: string</text>
@@ -1561,7 +1644,7 @@
1561
1644
 
1562
1645
  </g>
1563
1646
  </g>
1564
- <g transform="translate(12962.5, 218)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LabelProps" data-compartment="2">
1647
+ <g transform="translate(14205.5, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LabelProps" data-compartment="2">
1565
1648
  <g transform="translate(8, 8)" fill="#33322E" data-name="LabelProps" data-compartment="2">
1566
1649
 
1567
1650
  </g>
@@ -1569,23 +1652,23 @@
1569
1652
  </g>
1570
1653
  <g data-name="LandingProps">
1571
1654
  <g fill="lightblue" stroke="#33322E" data-name="LandingProps">
1572
- <rect x="13232.5" y="129.5" height="72.0" width="126.0" data-name="LandingProps"></rect>
1573
- <path d="M13232.5 161.5 L13358.5 161.5" fill="none" data-name="LandingProps"></path>
1574
- <path d="M13232.5 193.5 L13358.5 193.5" fill="none" data-name="LandingProps"></path>
1655
+ <rect x="14475.5" y="162.0" height="72.0" width="126.0" data-name="LandingProps"></rect>
1656
+ <path d="M14475.5 194.0 L14601.5 194.0" fill="none" data-name="LandingProps"></path>
1657
+ <path d="M14475.5 226.0 L14601.5 226.0" fill="none" data-name="LandingProps"></path>
1575
1658
  </g>
1576
- <g transform="translate(13232.5, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LandingProps" data-compartment="0">
1659
+ <g transform="translate(14475.5, 162)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LandingProps" data-compartment="0">
1577
1660
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="LandingProps" data-compartment="0">
1578
1661
  <a id="../src/components/Landing/Landing.types.ts.LandingProps" xlink:href="../src/components/Landing/Landing.types.ts"><text x="55.0" y="14.1" stroke="none" text-anchor="middle" data-name="LandingProps" data-compartment="0">LandingProps</text></a>
1579
1662
 
1580
1663
  </g>
1581
1664
  </g>
1582
- <g transform="translate(13232.5, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LandingProps" data-compartment="1">
1665
+ <g transform="translate(14475.5, 194)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LandingProps" data-compartment="1">
1583
1666
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="LandingProps" data-compartment="1">
1584
1667
  <text x="0.0" y="14.1" stroke="none" data-name="LandingProps" data-compartment="1">+to?: To</text>
1585
1668
 
1586
1669
  </g>
1587
1670
  </g>
1588
- <g transform="translate(13232.5, 193.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LandingProps" data-compartment="2">
1671
+ <g transform="translate(14475.5, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LandingProps" data-compartment="2">
1589
1672
  <g transform="translate(8, 8)" fill="#33322E" data-name="LandingProps" data-compartment="2">
1590
1673
 
1591
1674
  </g>
@@ -1593,17 +1676,17 @@
1593
1676
  </g>
1594
1677
  <g data-name="LinkWithRefProps">
1595
1678
  <g fill="lightblue" stroke="#33322E" data-name="LinkWithRefProps">
1596
- <rect x="13302.0" y="460.0" height="121.0" width="416.0" data-name="LinkWithRefProps"></rect>
1597
- <path d="M13302.0 492.0 L13718.0 492.0" fill="none" data-name="LinkWithRefProps"></path>
1598
- <path d="M13302.0 573.0 L13718.0 573.0" fill="none" data-name="LinkWithRefProps"></path>
1679
+ <rect x="14545.0" y="525.0" height="121.0" width="416.0" data-name="LinkWithRefProps"></rect>
1680
+ <path d="M14545.0 557.0 L14961.0 557.0" fill="none" data-name="LinkWithRefProps"></path>
1681
+ <path d="M14545.0 638.0 L14961.0 638.0" fill="none" data-name="LinkWithRefProps"></path>
1599
1682
  </g>
1600
- <g transform="translate(13302, 460)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LinkWithRefProps" data-compartment="0">
1683
+ <g transform="translate(14545, 525)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LinkWithRefProps" data-compartment="0">
1601
1684
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="LinkWithRefProps" data-compartment="0">
1602
1685
  <a id="../src/components/LinkWithRef/LinkWithRef.types.ts.LinkWithRefProps" xlink:href="../src/components/LinkWithRef/LinkWithRef.types.ts"><text x="200.0" y="14.1" stroke="none" text-anchor="middle" data-name="LinkWithRefProps" data-compartment="0">LinkWithRefProps</text></a>
1603
1686
 
1604
1687
  </g>
1605
1688
  </g>
1606
- <g transform="translate(13302, 492)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LinkWithRefProps" data-compartment="1">
1689
+ <g transform="translate(14545, 557)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LinkWithRefProps" data-compartment="1">
1607
1690
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="LinkWithRefProps" data-compartment="1">
1608
1691
  <text x="0.0" y="14.1" stroke="none" data-name="LinkWithRefProps" data-compartment="1">+children: React.ReactNode</text>
1609
1692
  <text x="0.0" y="30.3" stroke="none" data-name="LinkWithRefProps" data-compartment="1">+to?: To</text>
@@ -1612,7 +1695,7 @@
1612
1695
 
1613
1696
  </g>
1614
1697
  </g>
1615
- <g transform="translate(13302, 573)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LinkWithRefProps" data-compartment="2">
1698
+ <g transform="translate(14545, 638)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LinkWithRefProps" data-compartment="2">
1616
1699
  <g transform="translate(8, 8)" fill="#33322E" data-name="LinkWithRefProps" data-compartment="2">
1617
1700
 
1618
1701
  </g>
@@ -1620,9 +1703,9 @@
1620
1703
  </g>
1621
1704
  <g data-name="AnchorHTMLAttributes&lt;T&gt;">
1622
1705
  <g fill="#eee8d5" stroke="#33322E" data-name="AnchorHTMLAttributes&lt;T&gt;">
1623
- <rect x="13398.5" y="149.5" height="32.0" width="223.0" data-name="AnchorHTMLAttributes&lt;T&gt;"></rect>
1706
+ <rect x="14641.5" y="182.0" height="32.0" width="223.0" data-name="AnchorHTMLAttributes&lt;T&gt;"></rect>
1624
1707
  </g>
1625
- <g transform="translate(13398.5, 149.5)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="AnchorHTMLAttributes&lt;T&gt;" data-compartment="0">
1708
+ <g transform="translate(14641.5, 182)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="AnchorHTMLAttributes&lt;T&gt;" data-compartment="0">
1626
1709
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="AnchorHTMLAttributes&lt;T&gt;" data-compartment="0">
1627
1710
  <text x="103.5" y="14.1" stroke="none" text-anchor="middle" data-name="AnchorHTMLAttributes&lt;T&gt;" data-compartment="0">AnchorHTMLAttributes&lt;T&gt;</text>
1628
1711
 
@@ -1631,24 +1714,24 @@
1631
1714
  </g>
1632
1715
  <g data-name="LoadingProps">
1633
1716
  <g fill="lightblue" stroke="#33322E" data-name="LoadingProps">
1634
- <rect x="13661.5" y="121.5" height="88.0" width="167.0" data-name="LoadingProps"></rect>
1635
- <path d="M13661.5 153.5 L13828.5 153.5" fill="none" data-name="LoadingProps"></path>
1636
- <path d="M13661.5 201.5 L13828.5 201.5" fill="none" data-name="LoadingProps"></path>
1717
+ <rect x="14904.5" y="154.0" height="88.0" width="167.0" data-name="LoadingProps"></rect>
1718
+ <path d="M14904.5 186.0 L15071.5 186.0" fill="none" data-name="LoadingProps"></path>
1719
+ <path d="M14904.5 234.0 L15071.5 234.0" fill="none" data-name="LoadingProps"></path>
1637
1720
  </g>
1638
- <g transform="translate(13661.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LoadingProps" data-compartment="0">
1721
+ <g transform="translate(14904.5, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LoadingProps" data-compartment="0">
1639
1722
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="LoadingProps" data-compartment="0">
1640
1723
  <a id="../src/components/Loading/Loading.types.ts.LoadingProps" xlink:href="../src/components/Loading/Loading.types.ts"><text x="75.5" y="14.1" stroke="none" text-anchor="middle" data-name="LoadingProps" data-compartment="0">LoadingProps</text></a>
1641
1724
 
1642
1725
  </g>
1643
1726
  </g>
1644
- <g transform="translate(13661.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LoadingProps" data-compartment="1">
1727
+ <g transform="translate(14904.5, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LoadingProps" data-compartment="1">
1645
1728
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="LoadingProps" data-compartment="1">
1646
1729
  <text x="0.0" y="14.1" stroke="none" data-name="LoadingProps" data-compartment="1">+message?: string</text>
1647
1730
  <text x="0.0" y="30.3" stroke="none" data-name="LoadingProps" data-compartment="1">+html?: ReactNode</text>
1648
1731
 
1649
1732
  </g>
1650
1733
  </g>
1651
- <g transform="translate(13661.5, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LoadingProps" data-compartment="2">
1734
+ <g transform="translate(14904.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="LoadingProps" data-compartment="2">
1652
1735
  <g transform="translate(8, 8)" fill="#33322E" data-name="LoadingProps" data-compartment="2">
1653
1736
 
1654
1737
  </g>
@@ -1656,17 +1739,17 @@
1656
1739
  </g>
1657
1740
  <g data-name="MainProps">
1658
1741
  <g fill="lightblue" stroke="#33322E" data-name="MainProps">
1659
- <rect x="13868.5" y="113.0" height="105.0" width="206.0" data-name="MainProps"></rect>
1660
- <path d="M13868.5 145.0 L14074.5 145.0" fill="none" data-name="MainProps"></path>
1661
- <path d="M13868.5 210.0 L14074.5 210.0" fill="none" data-name="MainProps"></path>
1742
+ <rect x="15111.5" y="145.5" height="105.0" width="206.0" data-name="MainProps"></rect>
1743
+ <path d="M15111.5 177.5 L15317.5 177.5" fill="none" data-name="MainProps"></path>
1744
+ <path d="M15111.5 242.5 L15317.5 242.5" fill="none" data-name="MainProps"></path>
1662
1745
  </g>
1663
- <g transform="translate(13868.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MainProps" data-compartment="0">
1746
+ <g transform="translate(15111.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MainProps" data-compartment="0">
1664
1747
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="MainProps" data-compartment="0">
1665
1748
  <a id="../src/components/Main/Main.types.ts.MainProps" xlink:href="../src/components/Main/Main.types.ts"><text x="95.0" y="14.1" stroke="none" text-anchor="middle" data-name="MainProps" data-compartment="0">MainProps</text></a>
1666
1749
 
1667
1750
  </g>
1668
1751
  </g>
1669
- <g transform="translate(13868.5, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MainProps" data-compartment="1">
1752
+ <g transform="translate(15111.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MainProps" data-compartment="1">
1670
1753
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="MainProps" data-compartment="1">
1671
1754
  <text x="0.0" y="14.1" stroke="none" data-name="MainProps" data-compartment="1">+children?: ReactNode</text>
1672
1755
  <text x="0.0" y="30.3" stroke="none" data-name="MainProps" data-compartment="1">+backLink?: string</text>
@@ -1674,7 +1757,7 @@
1674
1757
 
1675
1758
  </g>
1676
1759
  </g>
1677
- <g transform="translate(13868.5, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MainProps" data-compartment="2">
1760
+ <g transform="translate(15111.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="MainProps" data-compartment="2">
1678
1761
  <g transform="translate(8, 8)" fill="#33322E" data-name="MainProps" data-compartment="2">
1679
1762
 
1680
1763
  </g>
@@ -1682,17 +1765,17 @@
1682
1765
  </g>
1683
1766
  <g data-name="NotificationBannerProps">
1684
1767
  <g fill="lightblue" stroke="#33322E" data-name="NotificationBannerProps">
1685
- <rect x="14114.5" y="72.5" height="186.0" width="357.0" data-name="NotificationBannerProps"></rect>
1686
- <path d="M14114.5 104.5 L14471.5 104.5" fill="none" data-name="NotificationBannerProps"></path>
1687
- <path d="M14114.5 250.5 L14471.5 250.5" fill="none" data-name="NotificationBannerProps"></path>
1768
+ <rect x="15357.5" y="105.0" height="186.0" width="357.0" data-name="NotificationBannerProps"></rect>
1769
+ <path d="M15357.5 137.0 L15714.5 137.0" fill="none" data-name="NotificationBannerProps"></path>
1770
+ <path d="M15357.5 283.0 L15714.5 283.0" fill="none" data-name="NotificationBannerProps"></path>
1688
1771
  </g>
1689
- <g transform="translate(14114.5, 72.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NotificationBannerProps" data-compartment="0">
1772
+ <g transform="translate(15357.5, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NotificationBannerProps" data-compartment="0">
1690
1773
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="NotificationBannerProps" data-compartment="0">
1691
1774
  <a id="../src/components/NotificationBanner/NotificationBanner.types.ts.NotificationBannerProps" xlink:href="../src/components/NotificationBanner/NotificationBanner.types.ts"><text x="170.5" y="14.1" stroke="none" text-anchor="middle" data-name="NotificationBannerProps" data-compartment="0">NotificationBannerProps</text></a>
1692
1775
 
1693
1776
  </g>
1694
1777
  </g>
1695
- <g transform="translate(14114.5, 104.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NotificationBannerProps" data-compartment="1">
1778
+ <g transform="translate(15357.5, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NotificationBannerProps" data-compartment="1">
1696
1779
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="NotificationBannerProps" data-compartment="1">
1697
1780
  <text x="0.0" y="14.1" stroke="none" data-name="NotificationBannerProps" data-compartment="1">+type: &quot;success&quot; | &quot;error&quot; | &quot;info&quot; | &quot;warning&quot;</text>
1698
1781
  <text x="0.0" y="30.3" stroke="none" data-name="NotificationBannerProps" data-compartment="1">+titleChildren?: string</text>
@@ -1705,40 +1788,87 @@
1705
1788
 
1706
1789
  </g>
1707
1790
  </g>
1708
- <g transform="translate(14114.5, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NotificationBannerProps" data-compartment="2">
1791
+ <g transform="translate(15357.5, 283)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NotificationBannerProps" data-compartment="2">
1709
1792
  <g transform="translate(8, 8)" fill="#33322E" data-name="NotificationBannerProps" data-compartment="2">
1710
1793
 
1794
+ </g>
1795
+ </g>
1796
+ </g>
1797
+ <g data-name="PaginationItemProps">
1798
+ <g fill="lightblue" stroke="#33322E" data-name="PaginationItemProps">
1799
+ <rect x="15754.5" y="137.5" height="121.0" width="225.0" data-name="PaginationItemProps"></rect>
1800
+ <path d="M15754.5 169.5 L15979.5 169.5" fill="none" data-name="PaginationItemProps"></path>
1801
+ <path d="M15754.5 250.5 L15979.5 250.5" fill="none" data-name="PaginationItemProps"></path>
1802
+ </g>
1803
+ <g transform="translate(15754.5, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationItemProps" data-compartment="0">
1804
+ <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PaginationItemProps" data-compartment="0">
1805
+ <a id="../src/components/Pagination/Pagination.types.ts.PaginationItemProps" xlink:href="../src/components/Pagination/Pagination.types.ts"><text x="104.5" y="14.1" stroke="none" text-anchor="middle" data-name="PaginationItemProps" data-compartment="0">PaginationItemProps</text></a>
1806
+
1807
+ </g>
1808
+ </g>
1809
+ <g transform="translate(15754.5, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationItemProps" data-compartment="1">
1810
+ <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PaginationItemProps" data-compartment="1">
1811
+ <text x="0.0" y="14.1" stroke="none" data-name="PaginationItemProps" data-compartment="1">+number?: string | number</text>
1812
+ <text x="0.0" y="30.3" stroke="none" data-name="PaginationItemProps" data-compartment="1">+href?: string</text>
1813
+ <text x="0.0" y="46.5" stroke="none" data-name="PaginationItemProps" data-compartment="1">+current?: boolean</text>
1814
+ <text x="0.0" y="62.7" stroke="none" data-name="PaginationItemProps" data-compartment="1">+ellipsis?: boolean</text>
1815
+
1816
+ </g>
1817
+ </g>
1818
+ <g transform="translate(15754.5, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationItemProps" data-compartment="2">
1819
+ <g transform="translate(8, 8)" fill="#33322E" data-name="PaginationItemProps" data-compartment="2">
1820
+
1821
+ </g>
1822
+ </g>
1823
+ </g>
1824
+ <g data-name="PaginationNavProps">
1825
+ <g fill="lightblue" stroke="#33322E" data-name="PaginationNavProps">
1826
+ <rect x="16019.5" y="145.5" height="105.0" width="197.0" data-name="PaginationNavProps"></rect>
1827
+ <path d="M16019.5 177.5 L16216.5 177.5" fill="none" data-name="PaginationNavProps"></path>
1828
+ <path d="M16019.5 242.5 L16216.5 242.5" fill="none" data-name="PaginationNavProps"></path>
1829
+ </g>
1830
+ <g transform="translate(16019.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationNavProps" data-compartment="0">
1831
+ <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PaginationNavProps" data-compartment="0">
1832
+ <a id="../src/components/Pagination/Pagination.types.ts.PaginationNavProps" xlink:href="../src/components/Pagination/Pagination.types.ts"><text x="90.5" y="14.1" stroke="none" text-anchor="middle" data-name="PaginationNavProps" data-compartment="0">PaginationNavProps</text></a>
1833
+
1834
+ </g>
1835
+ </g>
1836
+ <g transform="translate(16019.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationNavProps" data-compartment="1">
1837
+ <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PaginationNavProps" data-compartment="1">
1838
+ <text x="0.0" y="14.1" stroke="none" data-name="PaginationNavProps" data-compartment="1">+href: string</text>
1839
+ <text x="0.0" y="30.3" stroke="none" data-name="PaginationNavProps" data-compartment="1">+children?: ReactNode</text>
1840
+ <text x="0.0" y="46.5" stroke="none" data-name="PaginationNavProps" data-compartment="1">+labelText?: string</text>
1841
+
1842
+ </g>
1843
+ </g>
1844
+ <g transform="translate(16019.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationNavProps" data-compartment="2">
1845
+ <g transform="translate(8, 8)" fill="#33322E" data-name="PaginationNavProps" data-compartment="2">
1846
+
1711
1847
  </g>
1712
1848
  </g>
1713
1849
  </g>
1714
1850
  <g data-name="PaginationProps">
1715
1851
  <g fill="lightblue" stroke="#33322E" data-name="PaginationProps">
1716
- <rect x="14511.5" y="56.5" height="218.0" width="344.0" data-name="PaginationProps"></rect>
1717
- <path d="M14511.5 88.5 L14855.5 88.5" fill="none" data-name="PaginationProps"></path>
1718
- <path d="M14511.5 266.5 L14855.5 266.5" fill="none" data-name="PaginationProps"></path>
1852
+ <rect x="16256.5" y="137.5" height="121.0" width="275.0" data-name="PaginationProps"></rect>
1853
+ <path d="M16256.5 169.5 L16531.5 169.5" fill="none" data-name="PaginationProps"></path>
1854
+ <path d="M16256.5 250.5 L16531.5 250.5" fill="none" data-name="PaginationProps"></path>
1719
1855
  </g>
1720
- <g transform="translate(14511.5, 56.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationProps" data-compartment="0">
1856
+ <g transform="translate(16256.5, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationProps" data-compartment="0">
1721
1857
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PaginationProps" data-compartment="0">
1722
- <a id="../src/components/Pagination/Pagination.types.ts.PaginationProps" xlink:href="../src/components/Pagination/Pagination.types.ts"><text x="164.0" y="14.1" stroke="none" text-anchor="middle" data-name="PaginationProps" data-compartment="0">PaginationProps</text></a>
1858
+ <a id="../src/components/Pagination/Pagination.types.ts.PaginationProps" xlink:href="../src/components/Pagination/Pagination.types.ts"><text x="129.5" y="14.1" stroke="none" text-anchor="middle" data-name="PaginationProps" data-compartment="0">PaginationProps</text></a>
1723
1859
 
1724
1860
  </g>
1725
1861
  </g>
1726
- <g transform="translate(14511.5, 88.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationProps" data-compartment="1">
1862
+ <g transform="translate(16256.5, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationProps" data-compartment="1">
1727
1863
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PaginationProps" data-compartment="1">
1728
- <text x="0.0" y="14.1" stroke="none" data-name="PaginationProps" data-compartment="1">+onPageChange: (page: number) =&gt; void</text>
1729
- <text x="0.0" y="30.3" stroke="none" data-name="PaginationProps" data-compartment="1">+totalCount: number</text>
1730
- <text x="0.0" y="46.5" stroke="none" data-name="PaginationProps" data-compartment="1">+siblingCount?: number</text>
1731
- <text x="0.0" y="62.7" stroke="none" data-name="PaginationProps" data-compartment="1">+currentPage: number</text>
1732
- <text x="0.0" y="78.9" stroke="none" data-name="PaginationProps" data-compartment="1">+pageSize: number</text>
1733
- <text x="0.0" y="95.1" stroke="none" data-name="PaginationProps" data-compartment="1">+className?: string</text>
1734
- <text x="0.0" y="111.3" stroke="none" data-name="PaginationProps" data-compartment="1">+previousName?: string</text>
1735
- <text x="0.0" y="127.5" stroke="none" data-name="PaginationProps" data-compartment="1">+previousChildren?: ReactNode</text>
1736
- <text x="0.0" y="143.7" stroke="none" data-name="PaginationProps" data-compartment="1">+nextName?: string</text>
1737
- <text x="0.0" y="159.9" stroke="none" data-name="PaginationProps" data-compartment="1">+nextChildren?: ReactNode</text>
1864
+ <text x="0.0" y="14.1" stroke="none" data-name="PaginationProps" data-compartment="1">+previous?: PaginationNavProps</text>
1865
+ <text x="0.0" y="30.3" stroke="none" data-name="PaginationProps" data-compartment="1">+next?: PaginationNavProps</text>
1866
+ <text x="0.0" y="46.5" stroke="none" data-name="PaginationProps" data-compartment="1">+items?: PaginationItemProps[]</text>
1867
+ <text x="0.0" y="62.7" stroke="none" data-name="PaginationProps" data-compartment="1">+className?: string</text>
1738
1868
 
1739
1869
  </g>
1740
1870
  </g>
1741
- <g transform="translate(14511.5, 266.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationProps" data-compartment="2">
1871
+ <g transform="translate(16256.5, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PaginationProps" data-compartment="2">
1742
1872
  <g transform="translate(8, 8)" fill="#33322E" data-name="PaginationProps" data-compartment="2">
1743
1873
 
1744
1874
  </g>
@@ -1746,23 +1876,23 @@
1746
1876
  </g>
1747
1877
  <g data-name="SvgIconProps">
1748
1878
  <g fill="lightblue" stroke="#33322E" data-name="SvgIconProps">
1749
- <rect x="14895.5" y="129.5" height="72.0" width="126.0" data-name="SvgIconProps"></rect>
1750
- <path d="M14895.5 161.5 L15021.5 161.5" fill="none" data-name="SvgIconProps"></path>
1751
- <path d="M14895.5 193.5 L15021.5 193.5" fill="none" data-name="SvgIconProps"></path>
1879
+ <rect x="16571.5" y="162.0" height="72.0" width="126.0" data-name="SvgIconProps"></rect>
1880
+ <path d="M16571.5 194.0 L16697.5 194.0" fill="none" data-name="SvgIconProps"></path>
1881
+ <path d="M16571.5 226.0 L16697.5 226.0" fill="none" data-name="SvgIconProps"></path>
1752
1882
  </g>
1753
- <g transform="translate(14895.5, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SvgIconProps" data-compartment="0">
1883
+ <g transform="translate(16571.5, 162)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SvgIconProps" data-compartment="0">
1754
1884
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="SvgIconProps" data-compartment="0">
1755
1885
  <a id="../src/components/Pagination/Pagination.types.ts.SvgIconProps" xlink:href="../src/components/Pagination/Pagination.types.ts"><text x="55.0" y="14.1" stroke="none" text-anchor="middle" data-name="SvgIconProps" data-compartment="0">SvgIconProps</text></a>
1756
1886
 
1757
1887
  </g>
1758
1888
  </g>
1759
- <g transform="translate(14895.5, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SvgIconProps" data-compartment="1">
1889
+ <g transform="translate(16571.5, 194)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SvgIconProps" data-compartment="1">
1760
1890
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="SvgIconProps" data-compartment="1">
1761
1891
  <text x="0.0" y="14.1" stroke="none" data-name="SvgIconProps" data-compartment="1">+type: string</text>
1762
1892
 
1763
1893
  </g>
1764
1894
  </g>
1765
- <g transform="translate(14895.5, 193.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SvgIconProps" data-compartment="2">
1895
+ <g transform="translate(16571.5, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SvgIconProps" data-compartment="2">
1766
1896
  <g transform="translate(8, 8)" fill="#33322E" data-name="SvgIconProps" data-compartment="2">
1767
1897
 
1768
1898
  </g>
@@ -1770,27 +1900,26 @@
1770
1900
  </g>
1771
1901
  <g data-name="NavigationButtonProps">
1772
1902
  <g fill="lightblue" stroke="#33322E" data-name="NavigationButtonProps">
1773
- <rect x="15061.5" y="97.0" height="137.0" width="211.0" data-name="NavigationButtonProps"></rect>
1774
- <path d="M15061.5 129.0 L15272.5 129.0" fill="none" data-name="NavigationButtonProps"></path>
1775
- <path d="M15061.5 226.0 L15272.5 226.0" fill="none" data-name="NavigationButtonProps"></path>
1903
+ <rect x="16737.5" y="137.5" height="121.0" width="211.0" data-name="NavigationButtonProps"></rect>
1904
+ <path d="M16737.5 169.5 L16948.5 169.5" fill="none" data-name="NavigationButtonProps"></path>
1905
+ <path d="M16737.5 250.5 L16948.5 250.5" fill="none" data-name="NavigationButtonProps"></path>
1776
1906
  </g>
1777
- <g transform="translate(15061.5, 97)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationButtonProps" data-compartment="0">
1907
+ <g transform="translate(16737.5, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationButtonProps" data-compartment="0">
1778
1908
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="NavigationButtonProps" data-compartment="0">
1779
1909
  <a id="../src/components/Pagination/Pagination.types.ts.NavigationButtonProps" xlink:href="../src/components/Pagination/Pagination.types.ts"><text x="97.5" y="14.1" stroke="none" text-anchor="middle" data-name="NavigationButtonProps" data-compartment="0">NavigationButtonProps</text></a>
1780
1910
 
1781
1911
  </g>
1782
1912
  </g>
1783
- <g transform="translate(15061.5, 129)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationButtonProps" data-compartment="1">
1913
+ <g transform="translate(16737.5, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationButtonProps" data-compartment="1">
1784
1914
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="NavigationButtonProps" data-compartment="1">
1785
- <text x="0.0" y="14.1" stroke="none" data-name="NavigationButtonProps" data-compartment="1">+isDisabled: boolean</text>
1786
- <text x="0.0" y="30.3" stroke="none" data-name="NavigationButtonProps" data-compartment="1">+onClick: () =&gt; void</text>
1915
+ <text x="0.0" y="14.1" stroke="none" data-name="NavigationButtonProps" data-compartment="1">+href: string</text>
1916
+ <text x="0.0" y="30.3" stroke="none" data-name="NavigationButtonProps" data-compartment="1">+type: &quot;next&quot; | &quot;previous&quot;</text>
1787
1917
  <text x="0.0" y="46.5" stroke="none" data-name="NavigationButtonProps" data-compartment="1">+children?: ReactNode</text>
1788
- <text x="0.0" y="62.7" stroke="none" data-name="NavigationButtonProps" data-compartment="1">+name: string</text>
1789
- <text x="0.0" y="78.9" stroke="none" data-name="NavigationButtonProps" data-compartment="1">+type: &quot;next&quot; | &quot;previous&quot;</text>
1918
+ <text x="0.0" y="62.7" stroke="none" data-name="NavigationButtonProps" data-compartment="1">+labelText?: string</text>
1790
1919
 
1791
1920
  </g>
1792
1921
  </g>
1793
- <g transform="translate(15061.5, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationButtonProps" data-compartment="2">
1922
+ <g transform="translate(16737.5, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="NavigationButtonProps" data-compartment="2">
1794
1923
  <g transform="translate(8, 8)" fill="#33322E" data-name="NavigationButtonProps" data-compartment="2">
1795
1924
 
1796
1925
  </g>
@@ -1798,17 +1927,17 @@
1798
1927
  </g>
1799
1928
  <g data-name="UsePaginationProps">
1800
1929
  <g fill="lightblue" stroke="#33322E" data-name="UsePaginationProps">
1801
- <rect x="15312.5" y="105.0" height="121.0" width="204.0" data-name="UsePaginationProps"></rect>
1802
- <path d="M15312.5 137.0 L15516.5 137.0" fill="none" data-name="UsePaginationProps"></path>
1803
- <path d="M15312.5 218.0 L15516.5 218.0" fill="none" data-name="UsePaginationProps"></path>
1930
+ <rect x="16988.5" y="137.5" height="121.0" width="204.0" data-name="UsePaginationProps"></rect>
1931
+ <path d="M16988.5 169.5 L17192.5 169.5" fill="none" data-name="UsePaginationProps"></path>
1932
+ <path d="M16988.5 250.5 L17192.5 250.5" fill="none" data-name="UsePaginationProps"></path>
1804
1933
  </g>
1805
- <g transform="translate(15312.5, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="UsePaginationProps" data-compartment="0">
1934
+ <g transform="translate(16988.5, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="UsePaginationProps" data-compartment="0">
1806
1935
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="UsePaginationProps" data-compartment="0">
1807
1936
  <a id="../src/components/Pagination/UsePagination.ts.UsePaginationProps" xlink:href="../src/components/Pagination/UsePagination.ts"><text x="94.0" y="14.1" stroke="none" text-anchor="middle" data-name="UsePaginationProps" data-compartment="0">UsePaginationProps</text></a>
1808
1937
 
1809
1938
  </g>
1810
1939
  </g>
1811
- <g transform="translate(15312.5, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="UsePaginationProps" data-compartment="1">
1940
+ <g transform="translate(16988.5, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="UsePaginationProps" data-compartment="1">
1812
1941
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="UsePaginationProps" data-compartment="1">
1813
1942
  <text x="0.0" y="14.1" stroke="none" data-name="UsePaginationProps" data-compartment="1">+totalCount: number</text>
1814
1943
  <text x="0.0" y="30.3" stroke="none" data-name="UsePaginationProps" data-compartment="1">+pageSize: number</text>
@@ -1817,7 +1946,7 @@
1817
1946
 
1818
1947
  </g>
1819
1948
  </g>
1820
- <g transform="translate(15312.5, 218)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="UsePaginationProps" data-compartment="2">
1949
+ <g transform="translate(16988.5, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="UsePaginationProps" data-compartment="2">
1821
1950
  <g transform="translate(8, 8)" fill="#33322E" data-name="UsePaginationProps" data-compartment="2">
1822
1951
 
1823
1952
  </g>
@@ -1825,17 +1954,17 @@
1825
1954
  </g>
1826
1955
  <g data-name="PanelProps">
1827
1956
  <g fill="lightblue" stroke="#33322E" data-name="PanelProps">
1828
- <rect x="6008.0" y="460.0" height="121.0" width="256.0" data-name="PanelProps"></rect>
1829
- <path d="M6008.0 492.0 L6264.0 492.0" fill="none" data-name="PanelProps"></path>
1830
- <path d="M6008.0 573.0 L6264.0 573.0" fill="none" data-name="PanelProps"></path>
1957
+ <rect x="6888.8" y="525.0" height="121.0" width="256.0" data-name="PanelProps"></rect>
1958
+ <path d="M6888.8 557.0 L7144.8 557.0" fill="none" data-name="PanelProps"></path>
1959
+ <path d="M6888.8 638.0 L7144.8 638.0" fill="none" data-name="PanelProps"></path>
1831
1960
  </g>
1832
- <g transform="translate(6008, 460)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PanelProps" data-compartment="0">
1961
+ <g transform="translate(6888.75, 525)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PanelProps" data-compartment="0">
1833
1962
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PanelProps" data-compartment="0">
1834
1963
  <a id="../src/components/Panel/Panel.types.ts.PanelProps" xlink:href="../src/components/Panel/Panel.types.ts"><text x="120.0" y="14.1" stroke="none" text-anchor="middle" data-name="PanelProps" data-compartment="0">PanelProps</text></a>
1835
1964
 
1836
1965
  </g>
1837
1966
  </g>
1838
- <g transform="translate(6008, 492)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PanelProps" data-compartment="1">
1967
+ <g transform="translate(6888.75, 557)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PanelProps" data-compartment="1">
1839
1968
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PanelProps" data-compartment="1">
1840
1969
  <text x="0.0" y="14.1" stroke="none" data-name="PanelProps" data-compartment="1">+headingLevel?: ElementType</text>
1841
1970
  <text x="0.0" y="30.3" stroke="none" data-name="PanelProps" data-compartment="1">+className?: string</text>
@@ -1844,25 +1973,95 @@
1844
1973
 
1845
1974
  </g>
1846
1975
  </g>
1847
- <g transform="translate(6008, 573)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PanelProps" data-compartment="2">
1976
+ <g transform="translate(6888.75, 638)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PanelProps" data-compartment="2">
1848
1977
  <g transform="translate(8, 8)" fill="#33322E" data-name="PanelProps" data-compartment="2">
1849
1978
 
1979
+ </g>
1980
+ </g>
1981
+ </g>
1982
+ <g data-name="PasswordInputLabelProps">
1983
+ <g fill="lightblue" stroke="#33322E" data-name="PasswordInputLabelProps">
1984
+ <rect x="17232.5" y="145.5" height="105.0" width="230.0" data-name="PasswordInputLabelProps"></rect>
1985
+ <path d="M17232.5 177.5 L17462.5 177.5" fill="none" data-name="PasswordInputLabelProps"></path>
1986
+ <path d="M17232.5 242.5 L17462.5 242.5" fill="none" data-name="PasswordInputLabelProps"></path>
1987
+ </g>
1988
+ <g transform="translate(17232.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PasswordInputLabelProps" data-compartment="0">
1989
+ <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PasswordInputLabelProps" data-compartment="0">
1990
+ <a id="../src/components/PasswordInput/PasswordInput.types.ts.PasswordInputLabelProps" xlink:href="../src/components/PasswordInput/PasswordInput.types.ts"><text x="107.0" y="14.1" stroke="none" text-anchor="middle" data-name="PasswordInputLabelProps" data-compartment="0">PasswordInputLabelProps</text></a>
1991
+
1992
+ </g>
1993
+ </g>
1994
+ <g transform="translate(17232.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PasswordInputLabelProps" data-compartment="1">
1995
+ <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PasswordInputLabelProps" data-compartment="1">
1996
+ <text x="0.0" y="14.1" stroke="none" data-name="PasswordInputLabelProps" data-compartment="1">+children?: ReactNode</text>
1997
+ <text x="0.0" y="30.3" stroke="none" data-name="PasswordInputLabelProps" data-compartment="1">+className?: string</text>
1998
+ <text x="0.0" y="46.5" stroke="none" data-name="PasswordInputLabelProps" data-compartment="1">+isPageHeading?: boolean</text>
1999
+
2000
+ </g>
2001
+ </g>
2002
+ <g transform="translate(17232.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PasswordInputLabelProps" data-compartment="2">
2003
+ <g transform="translate(8, 8)" fill="#33322E" data-name="PasswordInputLabelProps" data-compartment="2">
2004
+
2005
+ </g>
2006
+ </g>
2007
+ </g>
2008
+ <g data-name="PasswordInputProps">
2009
+ <g fill="lightblue" stroke="#33322E" data-name="PasswordInputProps">
2010
+ <rect x="17502.5" y="0.0" height="396.0" width="375.0" data-name="PasswordInputProps"></rect>
2011
+ <path d="M17502.5 32.0 L17877.5 32.0" fill="none" data-name="PasswordInputProps"></path>
2012
+ <path d="M17502.5 388.0 L17877.5 388.0" fill="none" data-name="PasswordInputProps"></path>
2013
+ </g>
2014
+ <g transform="translate(17502.5, 0)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PasswordInputProps" data-compartment="0">
2015
+ <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PasswordInputProps" data-compartment="0">
2016
+ <a id="../src/components/PasswordInput/PasswordInput.types.ts.PasswordInputProps" xlink:href="../src/components/PasswordInput/PasswordInput.types.ts"><text x="179.5" y="14.1" stroke="none" text-anchor="middle" data-name="PasswordInputProps" data-compartment="0">PasswordInputProps</text></a>
2017
+
2018
+ </g>
2019
+ </g>
2020
+ <g transform="translate(17502.5, 32)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PasswordInputProps" data-compartment="1">
2021
+ <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PasswordInputProps" data-compartment="1">
2022
+ <text x="0.0" y="14.1" stroke="none" data-name="PasswordInputProps" data-compartment="1">+className?: string</text>
2023
+ <text x="0.0" y="30.3" stroke="none" data-name="PasswordInputProps" data-compartment="1">+aria-describedby?: string</text>
2024
+ <text x="0.0" y="46.5" stroke="none" data-name="PasswordInputProps" data-compartment="1">+errorMessage?: { [key: string]: unknown</text>
2025
+ <text x="0.0" y="62.7" stroke="none" data-name="PasswordInputProps" data-compartment="1">children?: ReactNode</text>
2026
+ <text x="0.0" y="78.9" stroke="none" data-name="PasswordInputProps" data-compartment="1">}</text>
2027
+ <text x="0.0" y="95.1" stroke="none" data-name="PasswordInputProps" data-compartment="1">+formGroup?: { [key: string]: unknown</text>
2028
+ <text x="0.0" y="111.3" stroke="none" data-name="PasswordInputProps" data-compartment="1">className?: string</text>
2029
+ <text x="0.0" y="127.5" stroke="none" data-name="PasswordInputProps" data-compartment="1">}</text>
2030
+ <text x="0.0" y="143.7" stroke="none" data-name="PasswordInputProps" data-compartment="1">+hint?: { [key: string]: unknown</text>
2031
+ <text x="0.0" y="159.9" stroke="none" data-name="PasswordInputProps" data-compartment="1">children?: ReactNode</text>
2032
+ <text x="0.0" y="176.1" stroke="none" data-name="PasswordInputProps" data-compartment="1">}</text>
2033
+ <text x="0.0" y="192.3" stroke="none" data-name="PasswordInputProps" data-compartment="1">+label?: PasswordInputLabelProps</text>
2034
+ <text x="0.0" y="208.5" stroke="none" data-name="PasswordInputProps" data-compartment="1">+name?: string</text>
2035
+ <text x="0.0" y="224.7" stroke="none" data-name="PasswordInputProps" data-compartment="1">+id?: string</text>
2036
+ <text x="0.0" y="240.9" stroke="none" data-name="PasswordInputProps" data-compartment="1">+autoComplete?: string</text>
2037
+ <text x="0.0" y="257.1" stroke="none" data-name="PasswordInputProps" data-compartment="1">+showPasswordText?: string</text>
2038
+ <text x="0.0" y="273.3" stroke="none" data-name="PasswordInputProps" data-compartment="1">+hidePasswordText?: string</text>
2039
+ <text x="0.0" y="289.5" stroke="none" data-name="PasswordInputProps" data-compartment="1">+showPasswordAriaLabelText?: string</text>
2040
+ <text x="0.0" y="305.7" stroke="none" data-name="PasswordInputProps" data-compartment="1">+hidePasswordAriaLabelText?: string</text>
2041
+ <text x="0.0" y="321.9" stroke="none" data-name="PasswordInputProps" data-compartment="1">+passwordShownAnnouncementText?: string</text>
2042
+ <text x="0.0" y="338.1" stroke="none" data-name="PasswordInputProps" data-compartment="1">+passwordHiddenAnnouncementText?: string</text>
2043
+
2044
+ </g>
2045
+ </g>
2046
+ <g transform="translate(17502.5, 388)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PasswordInputProps" data-compartment="2">
2047
+ <g transform="translate(8, 8)" fill="#33322E" data-name="PasswordInputProps" data-compartment="2">
2048
+
1850
2049
  </g>
1851
2050
  </g>
1852
2051
  </g>
1853
2052
  <g data-name="PDFJsProps">
1854
2053
  <g fill="lightblue" stroke="#33322E" data-name="PDFJsProps">
1855
- <rect x="15556.5" y="81.0" height="169.0" width="504.0" data-name="PDFJsProps"></rect>
1856
- <path d="M15556.5 113.0 L16060.5 113.0" fill="none" data-name="PDFJsProps"></path>
1857
- <path d="M15556.5 242.0 L16060.5 242.0" fill="none" data-name="PDFJsProps"></path>
2054
+ <rect x="17917.5" y="113.5" height="169.0" width="504.0" data-name="PDFJsProps"></rect>
2055
+ <path d="M17917.5 145.5 L18421.5 145.5" fill="none" data-name="PDFJsProps"></path>
2056
+ <path d="M17917.5 274.5 L18421.5 274.5" fill="none" data-name="PDFJsProps"></path>
1858
2057
  </g>
1859
- <g transform="translate(15556.5, 81)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFJsProps" data-compartment="0">
2058
+ <g transform="translate(17917.5, 113.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFJsProps" data-compartment="0">
1860
2059
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PDFJsProps" data-compartment="0">
1861
2060
  <a id="../src/components/PDFViewer/PDFViewer.types.ts.PDFJsProps" xlink:href="../src/components/PDFViewer/PDFViewer.types.ts"><text x="244.0" y="14.1" stroke="none" text-anchor="middle" data-name="PDFJsProps" data-compartment="0">PDFJsProps</text></a>
1862
2061
 
1863
2062
  </g>
1864
2063
  </g>
1865
- <g transform="translate(15556.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFJsProps" data-compartment="1">
2064
+ <g transform="translate(17917.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFJsProps" data-compartment="1">
1866
2065
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PDFJsProps" data-compartment="1">
1867
2066
  <text x="0.0" y="14.1" stroke="none" data-name="PDFJsProps" data-compartment="1">+iframeId: string</text>
1868
2067
  <text x="0.0" y="30.3" stroke="none" data-name="PDFJsProps" data-compartment="1">+source: string</text>
@@ -1874,7 +2073,7 @@
1874
2073
 
1875
2074
  </g>
1876
2075
  </g>
1877
- <g transform="translate(15556.5, 242)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFJsProps" data-compartment="2">
2076
+ <g transform="translate(17917.5, 274.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFJsProps" data-compartment="2">
1878
2077
  <g transform="translate(8, 8)" fill="#33322E" data-name="PDFJsProps" data-compartment="2">
1879
2078
 
1880
2079
  </g>
@@ -1882,17 +2081,17 @@
1882
2081
  </g>
1883
2082
  <g data-name="PDFViewerProps">
1884
2083
  <g fill="lightblue" stroke="#33322E" data-name="PDFViewerProps">
1885
- <rect x="16100.5" y="72.5" height="186.0" width="596.0" data-name="PDFViewerProps"></rect>
1886
- <path d="M16100.5 104.5 L16696.5 104.5" fill="none" data-name="PDFViewerProps"></path>
1887
- <path d="M16100.5 250.5 L16696.5 250.5" fill="none" data-name="PDFViewerProps"></path>
2084
+ <rect x="18461.5" y="105.0" height="186.0" width="596.0" data-name="PDFViewerProps"></rect>
2085
+ <path d="M18461.5 137.0 L19057.5 137.0" fill="none" data-name="PDFViewerProps"></path>
2086
+ <path d="M18461.5 283.0 L19057.5 283.0" fill="none" data-name="PDFViewerProps"></path>
1888
2087
  </g>
1889
- <g transform="translate(16100.5, 72.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerProps" data-compartment="0">
2088
+ <g transform="translate(18461.5, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerProps" data-compartment="0">
1890
2089
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PDFViewerProps" data-compartment="0">
1891
2090
  <a id="../src/components/PDFViewer/PDFViewer.types.ts.PDFViewerProps" xlink:href="../src/components/PDFViewer/PDFViewer.types.ts"><text x="290.0" y="14.1" stroke="none" text-anchor="middle" data-name="PDFViewerProps" data-compartment="0">PDFViewerProps</text></a>
1892
2091
 
1893
2092
  </g>
1894
2093
  </g>
1895
- <g transform="translate(16100.5, 104.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerProps" data-compartment="1">
2094
+ <g transform="translate(18461.5, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerProps" data-compartment="1">
1896
2095
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PDFViewerProps" data-compartment="1">
1897
2096
  <text x="0.0" y="14.1" stroke="none" data-name="PDFViewerProps" data-compartment="1">+iframeId: string</text>
1898
2097
  <text x="0.0" y="30.3" stroke="none" data-name="PDFViewerProps" data-compartment="1">+src: string</text>
@@ -1905,7 +2104,7 @@
1905
2104
 
1906
2105
  </g>
1907
2106
  </g>
1908
- <g transform="translate(16100.5, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerProps" data-compartment="2">
2107
+ <g transform="translate(18461.5, 283)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerProps" data-compartment="2">
1909
2108
  <g transform="translate(8, 8)" fill="#33322E" data-name="PDFViewerProps" data-compartment="2">
1910
2109
 
1911
2110
  </g>
@@ -1913,24 +2112,24 @@
1913
2112
  </g>
1914
2113
  <g data-name="SourceDeterminer">
1915
2114
  <g fill="lightblue" stroke="#33322E" data-name="SourceDeterminer">
1916
- <rect x="16736.5" y="121.5" height="88.0" width="229.0" data-name="SourceDeterminer"></rect>
1917
- <path d="M16736.5 153.5 L16965.5 153.5" fill="none" data-name="SourceDeterminer"></path>
1918
- <path d="M16736.5 201.5 L16965.5 201.5" fill="none" data-name="SourceDeterminer"></path>
2115
+ <rect x="19097.5" y="154.0" height="88.0" width="229.0" data-name="SourceDeterminer"></rect>
2116
+ <path d="M19097.5 186.0 L19326.5 186.0" fill="none" data-name="SourceDeterminer"></path>
2117
+ <path d="M19097.5 234.0 L19326.5 234.0" fill="none" data-name="SourceDeterminer"></path>
1919
2118
  </g>
1920
- <g transform="translate(16736.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SourceDeterminer" data-compartment="0">
2119
+ <g transform="translate(19097.5, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SourceDeterminer" data-compartment="0">
1921
2120
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="SourceDeterminer" data-compartment="0">
1922
2121
  <a id="../src/components/PDFViewer/PDFViewer.types.ts.SourceDeterminer" xlink:href="../src/components/PDFViewer/PDFViewer.types.ts"><text x="106.5" y="14.1" stroke="none" text-anchor="middle" data-name="SourceDeterminer" data-compartment="0">SourceDeterminer</text></a>
1923
2122
 
1924
2123
  </g>
1925
2124
  </g>
1926
- <g transform="translate(16736.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SourceDeterminer" data-compartment="1">
2125
+ <g transform="translate(19097.5, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SourceDeterminer" data-compartment="1">
1927
2126
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="SourceDeterminer" data-compartment="1">
1928
2127
  <text x="0.0" y="14.1" stroke="none" data-name="SourceDeterminer" data-compartment="1">+isBase64Source: boolean</text>
1929
2128
  <text x="0.0" y="30.3" stroke="none" data-name="SourceDeterminer" data-compartment="1">+source: string</text>
1930
2129
 
1931
2130
  </g>
1932
2131
  </g>
1933
- <g transform="translate(16736.5, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SourceDeterminer" data-compartment="2">
2132
+ <g transform="translate(19097.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SourceDeterminer" data-compartment="2">
1934
2133
  <g transform="translate(8, 8)" fill="#33322E" data-name="SourceDeterminer" data-compartment="2">
1935
2134
 
1936
2135
  </g>
@@ -1938,27 +2137,32 @@
1938
2137
  </g>
1939
2138
  <g data-name="PDFViewerCanvasProps">
1940
2139
  <g fill="lightblue" stroke="#33322E" data-name="PDFViewerCanvasProps">
1941
- <rect x="17005.5" y="97.0" height="137.0" width="235.0" data-name="PDFViewerCanvasProps"></rect>
1942
- <path d="M17005.5 129.0 L17240.5 129.0" fill="none" data-name="PDFViewerCanvasProps"></path>
1943
- <path d="M17005.5 226.0 L17240.5 226.0" fill="none" data-name="PDFViewerCanvasProps"></path>
2140
+ <rect x="19366.5" y="89.0" height="218.0" width="273.0" data-name="PDFViewerCanvasProps"></rect>
2141
+ <path d="M19366.5 121.0 L19639.5 121.0" fill="none" data-name="PDFViewerCanvasProps"></path>
2142
+ <path d="M19366.5 299.0 L19639.5 299.0" fill="none" data-name="PDFViewerCanvasProps"></path>
1944
2143
  </g>
1945
- <g transform="translate(17005.5, 97)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerCanvasProps" data-compartment="0">
2144
+ <g transform="translate(19366.5, 89)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerCanvasProps" data-compartment="0">
1946
2145
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PDFViewerCanvasProps" data-compartment="0">
1947
- <a id="../src/components/PDFViewerCanvas/PDFViewerCanvas.types.ts.PDFViewerCanvasProps" xlink:href="../src/components/PDFViewerCanvas/PDFViewerCanvas.types.ts"><text x="109.5" y="14.1" stroke="none" text-anchor="middle" data-name="PDFViewerCanvasProps" data-compartment="0">PDFViewerCanvasProps</text></a>
2146
+ <a id="../src/components/PDFViewerCanvas/PDFViewerCanvas.types.ts.PDFViewerCanvasProps" xlink:href="../src/components/PDFViewerCanvas/PDFViewerCanvas.types.ts"><text x="128.5" y="14.1" stroke="none" text-anchor="middle" data-name="PDFViewerCanvasProps" data-compartment="0">PDFViewerCanvasProps</text></a>
1948
2147
 
1949
2148
  </g>
1950
2149
  </g>
1951
- <g transform="translate(17005.5, 129)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerCanvasProps" data-compartment="1">
2150
+ <g transform="translate(19366.5, 121)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerCanvasProps" data-compartment="1">
1952
2151
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PDFViewerCanvasProps" data-compartment="1">
1953
2152
  <text x="0.0" y="14.1" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+src: string</text>
1954
2153
  <text x="0.0" y="30.3" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+className?: string</text>
1955
2154
  <text x="0.0" y="46.5" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+documentName?: string</text>
1956
2155
  <text x="0.0" y="62.7" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+pageNumber?: number</text>
1957
2156
  <text x="0.0" y="78.9" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+showNavigation?: boolean</text>
2157
+ <text x="0.0" y="95.1" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+buttonColour?: string</text>
2158
+ <text x="0.0" y="111.3" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+buttonTextColour?: string</text>
2159
+ <text x="0.0" y="127.5" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+buttonShadowColour?: string</text>
2160
+ <text x="0.0" y="143.7" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+buttonHoverColour?: string</text>
2161
+ <text x="0.0" y="159.9" stroke="none" data-name="PDFViewerCanvasProps" data-compartment="1">+buttonHoverTextColour?: string</text>
1958
2162
 
1959
2163
  </g>
1960
2164
  </g>
1961
- <g transform="translate(17005.5, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerCanvasProps" data-compartment="2">
2165
+ <g transform="translate(19366.5, 299)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PDFViewerCanvasProps" data-compartment="2">
1962
2166
  <g transform="translate(8, 8)" fill="#33322E" data-name="PDFViewerCanvasProps" data-compartment="2">
1963
2167
 
1964
2168
  </g>
@@ -1966,17 +2170,17 @@
1966
2170
  </g>
1967
2171
  <g data-name="PhaseBannerProps">
1968
2172
  <g fill="lightblue" stroke="#33322E" data-name="PhaseBannerProps">
1969
- <rect x="17280.5" y="113.0" height="105.0" width="187.0" data-name="PhaseBannerProps"></rect>
1970
- <path d="M17280.5 145.0 L17467.5 145.0" fill="none" data-name="PhaseBannerProps"></path>
1971
- <path d="M17280.5 210.0 L17467.5 210.0" fill="none" data-name="PhaseBannerProps"></path>
2173
+ <rect x="19679.5" y="145.5" height="105.0" width="187.0" data-name="PhaseBannerProps"></rect>
2174
+ <path d="M19679.5 177.5 L19866.5 177.5" fill="none" data-name="PhaseBannerProps"></path>
2175
+ <path d="M19679.5 242.5 L19866.5 242.5" fill="none" data-name="PhaseBannerProps"></path>
1972
2176
  </g>
1973
- <g transform="translate(17280.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PhaseBannerProps" data-compartment="0">
2177
+ <g transform="translate(19679.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PhaseBannerProps" data-compartment="0">
1974
2178
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="PhaseBannerProps" data-compartment="0">
1975
2179
  <a id="../src/components/PhaseBanner/PhaseBanner.types.ts.PhaseBannerProps" xlink:href="../src/components/PhaseBanner/PhaseBanner.types.ts"><text x="85.5" y="14.1" stroke="none" text-anchor="middle" data-name="PhaseBannerProps" data-compartment="0">PhaseBannerProps</text></a>
1976
2180
 
1977
2181
  </g>
1978
2182
  </g>
1979
- <g transform="translate(17280.5, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PhaseBannerProps" data-compartment="1">
2183
+ <g transform="translate(19679.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PhaseBannerProps" data-compartment="1">
1980
2184
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="PhaseBannerProps" data-compartment="1">
1981
2185
  <text x="0.0" y="14.1" stroke="none" data-name="PhaseBannerProps" data-compartment="1">+className?: string</text>
1982
2186
  <text x="0.0" y="30.3" stroke="none" data-name="PhaseBannerProps" data-compartment="1">+tag?: TagProps</text>
@@ -1984,7 +2188,7 @@
1984
2188
 
1985
2189
  </g>
1986
2190
  </g>
1987
- <g transform="translate(17280.5, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PhaseBannerProps" data-compartment="2">
2191
+ <g transform="translate(19679.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="PhaseBannerProps" data-compartment="2">
1988
2192
  <g transform="translate(8, 8)" fill="#33322E" data-name="PhaseBannerProps" data-compartment="2">
1989
2193
 
1990
2194
  </g>
@@ -1992,17 +2196,17 @@
1992
2196
  </g>
1993
2197
  <g data-name="ProblemWithServiceProps">
1994
2198
  <g fill="lightblue" stroke="#33322E" data-name="ProblemWithServiceProps">
1995
- <rect x="17507.5" y="97.0" height="137.0" width="223.0" data-name="ProblemWithServiceProps"></rect>
1996
- <path d="M17507.5 129.0 L17730.5 129.0" fill="none" data-name="ProblemWithServiceProps"></path>
1997
- <path d="M17507.5 226.0 L17730.5 226.0" fill="none" data-name="ProblemWithServiceProps"></path>
2199
+ <rect x="19906.5" y="129.5" height="137.0" width="223.0" data-name="ProblemWithServiceProps"></rect>
2200
+ <path d="M19906.5 161.5 L20129.5 161.5" fill="none" data-name="ProblemWithServiceProps"></path>
2201
+ <path d="M19906.5 258.5 L20129.5 258.5" fill="none" data-name="ProblemWithServiceProps"></path>
1998
2202
  </g>
1999
- <g transform="translate(17507.5, 97)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ProblemWithServiceProps" data-compartment="0">
2203
+ <g transform="translate(19906.5, 129.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ProblemWithServiceProps" data-compartment="0">
2000
2204
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ProblemWithServiceProps" data-compartment="0">
2001
2205
  <a id="../src/components/ProblemWithService/ProblemWithService.types.ts.ProblemWithServiceProps" xlink:href="../src/components/ProblemWithService/ProblemWithService.types.ts"><text x="103.5" y="14.1" stroke="none" text-anchor="middle" data-name="ProblemWithServiceProps" data-compartment="0">ProblemWithServiceProps</text></a>
2002
2206
 
2003
2207
  </g>
2004
2208
  </g>
2005
- <g transform="translate(17507.5, 129)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ProblemWithServiceProps" data-compartment="1">
2209
+ <g transform="translate(19906.5, 161.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ProblemWithServiceProps" data-compartment="1">
2006
2210
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ProblemWithServiceProps" data-compartment="1">
2007
2211
  <text x="0.0" y="14.1" stroke="none" data-name="ProblemWithServiceProps" data-compartment="1">+message?: string</text>
2008
2212
  <text x="0.0" y="30.3" stroke="none" data-name="ProblemWithServiceProps" data-compartment="1">+applicationName?: string</text>
@@ -2012,7 +2216,7 @@
2012
2216
 
2013
2217
  </g>
2014
2218
  </g>
2015
- <g transform="translate(17507.5, 226)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ProblemWithServiceProps" data-compartment="2">
2219
+ <g transform="translate(19906.5, 258.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ProblemWithServiceProps" data-compartment="2">
2016
2220
  <g transform="translate(8, 8)" fill="#33322E" data-name="ProblemWithServiceProps" data-compartment="2">
2017
2221
 
2018
2222
  </g>
@@ -2020,17 +2224,17 @@
2020
2224
  </g>
2021
2225
  <g data-name="RadiosProps">
2022
2226
  <g fill="lightblue" stroke="#33322E" data-name="RadiosProps">
2023
- <rect x="17770.5" y="113.0" height="105.0" width="197.0" data-name="RadiosProps"></rect>
2024
- <path d="M17770.5 145.0 L17967.5 145.0" fill="none" data-name="RadiosProps"></path>
2025
- <path d="M17770.5 210.0 L17967.5 210.0" fill="none" data-name="RadiosProps"></path>
2227
+ <rect x="20169.5" y="145.5" height="105.0" width="197.0" data-name="RadiosProps"></rect>
2228
+ <path d="M20169.5 177.5 L20366.5 177.5" fill="none" data-name="RadiosProps"></path>
2229
+ <path d="M20169.5 242.5 L20366.5 242.5" fill="none" data-name="RadiosProps"></path>
2026
2230
  </g>
2027
- <g transform="translate(17770.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="RadiosProps" data-compartment="0">
2231
+ <g transform="translate(20169.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="RadiosProps" data-compartment="0">
2028
2232
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="RadiosProps" data-compartment="0">
2029
2233
  <a id="../src/components/Radios/Radios.types.ts.RadiosProps" xlink:href="../src/components/Radios/Radios.types.ts"><text x="90.5" y="14.1" stroke="none" text-anchor="middle" data-name="RadiosProps" data-compartment="0">RadiosProps</text></a>
2030
2234
 
2031
2235
  </g>
2032
2236
  </g>
2033
- <g transform="translate(17770.5, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="RadiosProps" data-compartment="1">
2237
+ <g transform="translate(20169.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="RadiosProps" data-compartment="1">
2034
2238
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="RadiosProps" data-compartment="1">
2035
2239
  <text x="0.0" y="14.1" stroke="none" data-name="RadiosProps" data-compartment="1">+value?: string</text>
2036
2240
  <text x="0.0" y="30.3" stroke="none" data-name="RadiosProps" data-compartment="1">+defaultValue?: string</text>
@@ -2038,7 +2242,7 @@
2038
2242
 
2039
2243
  </g>
2040
2244
  </g>
2041
- <g transform="translate(17770.5, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="RadiosProps" data-compartment="2">
2245
+ <g transform="translate(20169.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="RadiosProps" data-compartment="2">
2042
2246
  <g transform="translate(8, 8)" fill="#33322E" data-name="RadiosProps" data-compartment="2">
2043
2247
 
2044
2248
  </g>
@@ -2046,24 +2250,24 @@
2046
2250
  </g>
2047
2251
  <g data-name="Option">
2048
2252
  <g fill="lightblue" stroke="#33322E" data-name="Option">
2049
- <rect x="18007.5" y="121.5" height="88.0" width="263.0" data-name="Option"></rect>
2050
- <path d="M18007.5 153.5 L18270.5 153.5" fill="none" data-name="Option"></path>
2051
- <path d="M18007.5 201.5 L18270.5 201.5" fill="none" data-name="Option"></path>
2253
+ <rect x="20406.5" y="154.0" height="88.0" width="263.0" data-name="Option"></rect>
2254
+ <path d="M20406.5 186.0 L20669.5 186.0" fill="none" data-name="Option"></path>
2255
+ <path d="M20406.5 234.0 L20669.5 234.0" fill="none" data-name="Option"></path>
2052
2256
  </g>
2053
- <g transform="translate(18007.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Option" data-compartment="0">
2257
+ <g transform="translate(20406.5, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Option" data-compartment="0">
2054
2258
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Option" data-compartment="0">
2055
2259
  <a id="../src/components/Select/Select.types.ts.Option" xlink:href="../src/components/Select/Select.types.ts"><text x="123.5" y="14.1" stroke="none" text-anchor="middle" data-name="Option" data-compartment="0">Option</text></a>
2056
2260
 
2057
2261
  </g>
2058
2262
  </g>
2059
- <g transform="translate(18007.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Option" data-compartment="1">
2263
+ <g transform="translate(20406.5, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Option" data-compartment="1">
2060
2264
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="Option" data-compartment="1">
2061
2265
  <text x="0.0" y="14.1" stroke="none" data-name="Option" data-compartment="1">+reactListKey?: string | number</text>
2062
2266
  <text x="0.0" y="30.3" stroke="none" data-name="Option" data-compartment="1">+children: ReactNode</text>
2063
2267
 
2064
2268
  </g>
2065
2269
  </g>
2066
- <g transform="translate(18007.5, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Option" data-compartment="2">
2270
+ <g transform="translate(20406.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Option" data-compartment="2">
2067
2271
  <g transform="translate(8, 8)" fill="#33322E" data-name="Option" data-compartment="2">
2068
2272
 
2069
2273
  </g>
@@ -2071,17 +2275,17 @@
2071
2275
  </g>
2072
2276
  <g data-name="SelectProps">
2073
2277
  <g fill="lightblue" stroke="#33322E" data-name="SelectProps">
2074
- <rect x="18310.5" y="56.5" height="218.0" width="314.0" data-name="SelectProps"></rect>
2075
- <path d="M18310.5 88.5 L18624.5 88.5" fill="none" data-name="SelectProps"></path>
2076
- <path d="M18310.5 266.5 L18624.5 266.5" fill="none" data-name="SelectProps"></path>
2278
+ <rect x="20709.5" y="89.0" height="218.0" width="314.0" data-name="SelectProps"></rect>
2279
+ <path d="M20709.5 121.0 L21023.5 121.0" fill="none" data-name="SelectProps"></path>
2280
+ <path d="M20709.5 299.0 L21023.5 299.0" fill="none" data-name="SelectProps"></path>
2077
2281
  </g>
2078
- <g transform="translate(18310.5, 56.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SelectProps" data-compartment="0">
2282
+ <g transform="translate(20709.5, 89)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SelectProps" data-compartment="0">
2079
2283
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="SelectProps" data-compartment="0">
2080
2284
  <a id="../src/components/Select/Select.types.ts.SelectProps" xlink:href="../src/components/Select/Select.types.ts"><text x="149.0" y="14.1" stroke="none" text-anchor="middle" data-name="SelectProps" data-compartment="0">SelectProps</text></a>
2081
2285
 
2082
2286
  </g>
2083
2287
  </g>
2084
- <g transform="translate(18310.5, 88.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SelectProps" data-compartment="1">
2288
+ <g transform="translate(20709.5, 121)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SelectProps" data-compartment="1">
2085
2289
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="SelectProps" data-compartment="1">
2086
2290
  <text x="0.0" y="14.1" stroke="none" data-name="SelectProps" data-compartment="1">+className?: string</text>
2087
2291
  <text x="0.0" y="30.3" stroke="none" data-name="SelectProps" data-compartment="1">+aria-describedby?: string</text>
@@ -2096,7 +2300,7 @@
2096
2300
 
2097
2301
  </g>
2098
2302
  </g>
2099
- <g transform="translate(18310.5, 266.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SelectProps" data-compartment="2">
2303
+ <g transform="translate(20709.5, 299)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SelectProps" data-compartment="2">
2100
2304
  <g transform="translate(8, 8)" fill="#33322E" data-name="SelectProps" data-compartment="2">
2101
2305
 
2102
2306
  </g>
@@ -2104,17 +2308,17 @@
2104
2308
  </g>
2105
2309
  <g data-name="ServiceNavigationProps">
2106
2310
  <g fill="lightblue" stroke="#33322E" data-name="ServiceNavigationProps">
2107
- <rect x="18664.5" y="64.5" height="202.0" width="262.0" data-name="ServiceNavigationProps"></rect>
2108
- <path d="M18664.5 96.5 L18926.5 96.5" fill="none" data-name="ServiceNavigationProps"></path>
2109
- <path d="M18664.5 258.5 L18926.5 258.5" fill="none" data-name="ServiceNavigationProps"></path>
2311
+ <rect x="21063.5" y="97.0" height="202.0" width="262.0" data-name="ServiceNavigationProps"></rect>
2312
+ <path d="M21063.5 129.0 L21325.5 129.0" fill="none" data-name="ServiceNavigationProps"></path>
2313
+ <path d="M21063.5 291.0 L21325.5 291.0" fill="none" data-name="ServiceNavigationProps"></path>
2110
2314
  </g>
2111
- <g transform="translate(18664.5, 64.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ServiceNavigationProps" data-compartment="0">
2315
+ <g transform="translate(21063.5, 97)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ServiceNavigationProps" data-compartment="0">
2112
2316
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="ServiceNavigationProps" data-compartment="0">
2113
2317
  <a id="../src/components/ServiceNavigation/ServiceNavigation.types.ts.ServiceNavigationProps" xlink:href="../src/components/ServiceNavigation/ServiceNavigation.types.ts"><text x="123.0" y="14.1" stroke="none" text-anchor="middle" data-name="ServiceNavigationProps" data-compartment="0">ServiceNavigationProps</text></a>
2114
2318
 
2115
2319
  </g>
2116
2320
  </g>
2117
- <g transform="translate(18664.5, 96.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ServiceNavigationProps" data-compartment="1">
2321
+ <g transform="translate(21063.5, 129)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ServiceNavigationProps" data-compartment="1">
2118
2322
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="ServiceNavigationProps" data-compartment="1">
2119
2323
  <text x="0.0" y="14.1" stroke="none" data-name="ServiceNavigationProps" data-compartment="1">+className?: string</text>
2120
2324
  <text x="0.0" y="30.3" stroke="none" data-name="ServiceNavigationProps" data-compartment="1">+containerClassName?: string</text>
@@ -2128,7 +2332,7 @@
2128
2332
 
2129
2333
  </g>
2130
2334
  </g>
2131
- <g transform="translate(18664.5, 258.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ServiceNavigationProps" data-compartment="2">
2335
+ <g transform="translate(21063.5, 291)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="ServiceNavigationProps" data-compartment="2">
2132
2336
  <g transform="translate(8, 8)" fill="#33322E" data-name="ServiceNavigationProps" data-compartment="2">
2133
2337
 
2134
2338
  </g>
@@ -2136,17 +2340,17 @@
2136
2340
  </g>
2137
2341
  <g data-name="SkipLinkProps">
2138
2342
  <g fill="lightblue" stroke="#33322E" data-name="SkipLinkProps">
2139
- <rect x="18966.5" y="113.0" height="105.0" width="197.0" data-name="SkipLinkProps"></rect>
2140
- <path d="M18966.5 145.0 L19163.5 145.0" fill="none" data-name="SkipLinkProps"></path>
2141
- <path d="M18966.5 210.0 L19163.5 210.0" fill="none" data-name="SkipLinkProps"></path>
2343
+ <rect x="21365.5" y="145.5" height="105.0" width="197.0" data-name="SkipLinkProps"></rect>
2344
+ <path d="M21365.5 177.5 L21562.5 177.5" fill="none" data-name="SkipLinkProps"></path>
2345
+ <path d="M21365.5 242.5 L21562.5 242.5" fill="none" data-name="SkipLinkProps"></path>
2142
2346
  </g>
2143
- <g transform="translate(18966.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SkipLinkProps" data-compartment="0">
2347
+ <g transform="translate(21365.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SkipLinkProps" data-compartment="0">
2144
2348
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="SkipLinkProps" data-compartment="0">
2145
2349
  <a id="../src/components/SkipLink/SkipLink.types.ts.SkipLinkProps" xlink:href="../src/components/SkipLink/SkipLink.types.ts"><text x="90.5" y="14.1" stroke="none" text-anchor="middle" data-name="SkipLinkProps" data-compartment="0">SkipLinkProps</text></a>
2146
2350
 
2147
2351
  </g>
2148
2352
  </g>
2149
- <g transform="translate(18966.5, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SkipLinkProps" data-compartment="1">
2353
+ <g transform="translate(21365.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SkipLinkProps" data-compartment="1">
2150
2354
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="SkipLinkProps" data-compartment="1">
2151
2355
  <text x="0.0" y="14.1" stroke="none" data-name="SkipLinkProps" data-compartment="1">+href: string</text>
2152
2356
  <text x="0.0" y="30.3" stroke="none" data-name="SkipLinkProps" data-compartment="1">+className: string</text>
@@ -2154,7 +2358,7 @@
2154
2358
 
2155
2359
  </g>
2156
2360
  </g>
2157
- <g transform="translate(18966.5, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SkipLinkProps" data-compartment="2">
2361
+ <g transform="translate(21365.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SkipLinkProps" data-compartment="2">
2158
2362
  <g transform="translate(8, 8)" fill="#33322E" data-name="SkipLinkProps" data-compartment="2">
2159
2363
 
2160
2364
  </g>
@@ -2162,17 +2366,17 @@
2162
2366
  </g>
2163
2367
  <g data-name="Row">
2164
2368
  <g fill="lightblue" stroke="#33322E" data-name="Row">
2165
- <rect x="19203.5" y="48.5" height="234.0" width="251.0" data-name="Row"></rect>
2166
- <path d="M19203.5 80.5 L19454.5 80.5" fill="none" data-name="Row"></path>
2167
- <path d="M19203.5 274.5 L19454.5 274.5" fill="none" data-name="Row"></path>
2369
+ <rect x="21602.5" y="81.0" height="234.0" width="251.0" data-name="Row"></rect>
2370
+ <path d="M21602.5 113.0 L21853.5 113.0" fill="none" data-name="Row"></path>
2371
+ <path d="M21602.5 307.0 L21853.5 307.0" fill="none" data-name="Row"></path>
2168
2372
  </g>
2169
- <g transform="translate(19203.5, 48.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Row" data-compartment="0">
2373
+ <g transform="translate(21602.5, 81)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Row" data-compartment="0">
2170
2374
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="Row" data-compartment="0">
2171
2375
  <a id="../src/components/SummaryList/SummaryList.types.ts.Row" xlink:href="../src/components/SummaryList/SummaryList.types.ts"><text x="117.5" y="14.1" stroke="none" text-anchor="middle" data-name="Row" data-compartment="0">Row</text></a>
2172
2376
 
2173
2377
  </g>
2174
2378
  </g>
2175
- <g transform="translate(19203.5, 80.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Row" data-compartment="1">
2379
+ <g transform="translate(21602.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Row" data-compartment="1">
2176
2380
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="Row" data-compartment="1">
2177
2381
  <text x="0.0" y="14.1" stroke="none" data-name="Row" data-compartment="1">+reactListKey?: string</text>
2178
2382
  <text x="0.0" y="30.3" stroke="none" data-name="Row" data-compartment="1">+key?: { className?: string</text>
@@ -2188,7 +2392,7 @@
2188
2392
 
2189
2393
  </g>
2190
2394
  </g>
2191
- <g transform="translate(19203.5, 274.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Row" data-compartment="2">
2395
+ <g transform="translate(21602.5, 307)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="Row" data-compartment="2">
2192
2396
  <g transform="translate(8, 8)" fill="#33322E" data-name="Row" data-compartment="2">
2193
2397
 
2194
2398
  </g>
@@ -2196,24 +2400,24 @@
2196
2400
  </g>
2197
2401
  <g data-name="SummaryListProps">
2198
2402
  <g fill="lightblue" stroke="#33322E" data-name="SummaryListProps">
2199
- <rect x="19494.5" y="121.5" height="88.0" width="177.0" data-name="SummaryListProps"></rect>
2200
- <path d="M19494.5 153.5 L19671.5 153.5" fill="none" data-name="SummaryListProps"></path>
2201
- <path d="M19494.5 201.5 L19671.5 201.5" fill="none" data-name="SummaryListProps"></path>
2403
+ <rect x="21893.5" y="154.0" height="88.0" width="177.0" data-name="SummaryListProps"></rect>
2404
+ <path d="M21893.5 186.0 L22070.5 186.0" fill="none" data-name="SummaryListProps"></path>
2405
+ <path d="M21893.5 234.0 L22070.5 234.0" fill="none" data-name="SummaryListProps"></path>
2202
2406
  </g>
2203
- <g transform="translate(19494.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SummaryListProps" data-compartment="0">
2407
+ <g transform="translate(21893.5, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SummaryListProps" data-compartment="0">
2204
2408
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="SummaryListProps" data-compartment="0">
2205
2409
  <a id="../src/components/SummaryList/SummaryList.types.ts.SummaryListProps" xlink:href="../src/components/SummaryList/SummaryList.types.ts"><text x="80.5" y="14.1" stroke="none" text-anchor="middle" data-name="SummaryListProps" data-compartment="0">SummaryListProps</text></a>
2206
2410
 
2207
2411
  </g>
2208
2412
  </g>
2209
- <g transform="translate(19494.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SummaryListProps" data-compartment="1">
2413
+ <g transform="translate(21893.5, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SummaryListProps" data-compartment="1">
2210
2414
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="SummaryListProps" data-compartment="1">
2211
2415
  <text x="0.0" y="14.1" stroke="none" data-name="SummaryListProps" data-compartment="1">+className?: string</text>
2212
2416
  <text x="0.0" y="30.3" stroke="none" data-name="SummaryListProps" data-compartment="1">+rows?: Row[]</text>
2213
2417
 
2214
2418
  </g>
2215
2419
  </g>
2216
- <g transform="translate(19494.5, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SummaryListProps" data-compartment="2">
2420
+ <g transform="translate(21893.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="SummaryListProps" data-compartment="2">
2217
2421
  <g transform="translate(8, 8)" fill="#33322E" data-name="SummaryListProps" data-compartment="2">
2218
2422
 
2219
2423
  </g>
@@ -2221,17 +2425,17 @@
2221
2425
  </g>
2222
2426
  <g data-name="TableItem">
2223
2427
  <g fill="lightblue" stroke="#33322E" data-name="TableItem">
2224
- <rect x="19711.5" y="105.0" height="121.0" width="263.0" data-name="TableItem"></rect>
2225
- <path d="M19711.5 137.0 L19974.5 137.0" fill="none" data-name="TableItem"></path>
2226
- <path d="M19711.5 218.0 L19974.5 218.0" fill="none" data-name="TableItem"></path>
2428
+ <rect x="22110.5" y="137.5" height="121.0" width="263.0" data-name="TableItem"></rect>
2429
+ <path d="M22110.5 169.5 L22373.5 169.5" fill="none" data-name="TableItem"></path>
2430
+ <path d="M22110.5 250.5 L22373.5 250.5" fill="none" data-name="TableItem"></path>
2227
2431
  </g>
2228
- <g transform="translate(19711.5, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableItem" data-compartment="0">
2432
+ <g transform="translate(22110.5, 137.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableItem" data-compartment="0">
2229
2433
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TableItem" data-compartment="0">
2230
2434
  <a id="../src/components/Table/Table.types.ts.TableItem" xlink:href="../src/components/Table/Table.types.ts"><text x="123.5" y="14.1" stroke="none" text-anchor="middle" data-name="TableItem" data-compartment="0">TableItem</text></a>
2231
2435
 
2232
2436
  </g>
2233
2437
  </g>
2234
- <g transform="translate(19711.5, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableItem" data-compartment="1">
2438
+ <g transform="translate(22110.5, 169.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableItem" data-compartment="1">
2235
2439
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="TableItem" data-compartment="1">
2236
2440
  <text x="0.0" y="14.1" stroke="none" data-name="TableItem" data-compartment="1">+className?: string</text>
2237
2441
  <text x="0.0" y="30.3" stroke="none" data-name="TableItem" data-compartment="1">+format?: string</text>
@@ -2240,7 +2444,7 @@
2240
2444
 
2241
2445
  </g>
2242
2446
  </g>
2243
- <g transform="translate(19711.5, 218)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableItem" data-compartment="2">
2447
+ <g transform="translate(22110.5, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableItem" data-compartment="2">
2244
2448
  <g transform="translate(8, 8)" fill="#33322E" data-name="TableItem" data-compartment="2">
2245
2449
 
2246
2450
  </g>
@@ -2248,24 +2452,24 @@
2248
2452
  </g>
2249
2453
  <g data-name="TableRow">
2250
2454
  <g fill="lightblue" stroke="#33322E" data-name="TableRow">
2251
- <rect x="20014.5" y="121.5" height="88.0" width="263.0" data-name="TableRow"></rect>
2252
- <path d="M20014.5 153.5 L20277.5 153.5" fill="none" data-name="TableRow"></path>
2253
- <path d="M20014.5 201.5 L20277.5 201.5" fill="none" data-name="TableRow"></path>
2455
+ <rect x="22413.5" y="154.0" height="88.0" width="263.0" data-name="TableRow"></rect>
2456
+ <path d="M22413.5 186.0 L22676.5 186.0" fill="none" data-name="TableRow"></path>
2457
+ <path d="M22413.5 234.0 L22676.5 234.0" fill="none" data-name="TableRow"></path>
2254
2458
  </g>
2255
- <g transform="translate(20014.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableRow" data-compartment="0">
2459
+ <g transform="translate(22413.5, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableRow" data-compartment="0">
2256
2460
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TableRow" data-compartment="0">
2257
2461
  <a id="../src/components/Table/Table.types.ts.TableRow" xlink:href="../src/components/Table/Table.types.ts"><text x="123.5" y="14.1" stroke="none" text-anchor="middle" data-name="TableRow" data-compartment="0">TableRow</text></a>
2258
2462
 
2259
2463
  </g>
2260
2464
  </g>
2261
- <g transform="translate(20014.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableRow" data-compartment="1">
2465
+ <g transform="translate(22413.5, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableRow" data-compartment="1">
2262
2466
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="TableRow" data-compartment="1">
2263
2467
  <text x="0.0" y="14.1" stroke="none" data-name="TableRow" data-compartment="1">+cells: TableItem[]</text>
2264
2468
  <text x="0.0" y="30.3" stroke="none" data-name="TableRow" data-compartment="1">+reactListKey?: string | number</text>
2265
2469
 
2266
2470
  </g>
2267
2471
  </g>
2268
- <g transform="translate(20014.5, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableRow" data-compartment="2">
2472
+ <g transform="translate(22413.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableRow" data-compartment="2">
2269
2473
  <g transform="translate(8, 8)" fill="#33322E" data-name="TableRow" data-compartment="2">
2270
2474
 
2271
2475
  </g>
@@ -2273,17 +2477,17 @@
2273
2477
  </g>
2274
2478
  <g data-name="TableProps">
2275
2479
  <g fill="lightblue" stroke="#33322E" data-name="TableProps">
2276
- <rect x="6304.0" y="436.0" height="169.0" width="241.0" data-name="TableProps"></rect>
2277
- <path d="M6304.0 468.0 L6545.0 468.0" fill="none" data-name="TableProps"></path>
2278
- <path d="M6304.0 597.0 L6545.0 597.0" fill="none" data-name="TableProps"></path>
2480
+ <rect x="7184.8" y="501.0" height="169.0" width="241.0" data-name="TableProps"></rect>
2481
+ <path d="M7184.8 533.0 L7425.8 533.0" fill="none" data-name="TableProps"></path>
2482
+ <path d="M7184.8 662.0 L7425.8 662.0" fill="none" data-name="TableProps"></path>
2279
2483
  </g>
2280
- <g transform="translate(6304, 436)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableProps" data-compartment="0">
2484
+ <g transform="translate(7184.75, 501)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableProps" data-compartment="0">
2281
2485
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TableProps" data-compartment="0">
2282
2486
  <a id="../src/components/Table/Table.types.ts.TableProps" xlink:href="../src/components/Table/Table.types.ts"><text x="112.5" y="14.1" stroke="none" text-anchor="middle" data-name="TableProps" data-compartment="0">TableProps</text></a>
2283
2487
 
2284
2488
  </g>
2285
2489
  </g>
2286
- <g transform="translate(6304, 468)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableProps" data-compartment="1">
2490
+ <g transform="translate(7184.75, 533)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableProps" data-compartment="1">
2287
2491
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="TableProps" data-compartment="1">
2288
2492
  <text x="0.0" y="14.1" stroke="none" data-name="TableProps" data-compartment="1">+caption?: string</text>
2289
2493
  <text x="0.0" y="30.3" stroke="none" data-name="TableProps" data-compartment="1">+captionClassName?: string</text>
@@ -2295,7 +2499,7 @@
2295
2499
 
2296
2500
  </g>
2297
2501
  </g>
2298
- <g transform="translate(6304, 597)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableProps" data-compartment="2">
2502
+ <g transform="translate(7184.75, 662)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TableProps" data-compartment="2">
2299
2503
  <g transform="translate(8, 8)" fill="#33322E" data-name="TableProps" data-compartment="2">
2300
2504
 
2301
2505
  </g>
@@ -2303,17 +2507,17 @@
2303
2507
  </g>
2304
2508
  <g data-name="TabItem">
2305
2509
  <g fill="lightblue" stroke="#33322E" data-name="TabItem">
2306
- <rect x="20317.5" y="113.0" height="105.0" width="356.0" data-name="TabItem"></rect>
2307
- <path d="M20317.5 145.0 L20673.5 145.0" fill="none" data-name="TabItem"></path>
2308
- <path d="M20317.5 210.0 L20673.5 210.0" fill="none" data-name="TabItem"></path>
2510
+ <rect x="22716.5" y="145.5" height="105.0" width="356.0" data-name="TabItem"></rect>
2511
+ <path d="M22716.5 177.5 L23072.5 177.5" fill="none" data-name="TabItem"></path>
2512
+ <path d="M22716.5 242.5 L23072.5 242.5" fill="none" data-name="TabItem"></path>
2309
2513
  </g>
2310
- <g transform="translate(20317.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabItem" data-compartment="0">
2514
+ <g transform="translate(22716.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabItem" data-compartment="0">
2311
2515
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TabItem" data-compartment="0">
2312
2516
  <a id="../src/components/Tabs/Tabs.types.ts.TabItem" xlink:href="../src/components/Tabs/Tabs.types.ts"><text x="170.0" y="14.1" stroke="none" text-anchor="middle" data-name="TabItem" data-compartment="0">TabItem</text></a>
2313
2517
 
2314
2518
  </g>
2315
2519
  </g>
2316
- <g transform="translate(20317.5, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabItem" data-compartment="1">
2520
+ <g transform="translate(22716.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabItem" data-compartment="1">
2317
2521
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="TabItem" data-compartment="1">
2318
2522
  <text x="0.0" y="14.1" stroke="none" data-name="TabItem" data-compartment="1">+id?: string</text>
2319
2523
  <text x="0.0" y="30.3" stroke="none" data-name="TabItem" data-compartment="1">+label: string</text>
@@ -2321,7 +2525,7 @@
2321
2525
 
2322
2526
  </g>
2323
2527
  </g>
2324
- <g transform="translate(20317.5, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabItem" data-compartment="2">
2528
+ <g transform="translate(22716.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabItem" data-compartment="2">
2325
2529
  <g transform="translate(8, 8)" fill="#33322E" data-name="TabItem" data-compartment="2">
2326
2530
 
2327
2531
  </g>
@@ -2329,17 +2533,17 @@
2329
2533
  </g>
2330
2534
  <g data-name="TabsProps">
2331
2535
  <g fill="lightblue" stroke="#33322E" data-name="TabsProps">
2332
- <rect x="6585.0" y="452.0" height="137.0" width="177.0" data-name="TabsProps"></rect>
2333
- <path d="M6585.0 484.0 L6762.0 484.0" fill="none" data-name="TabsProps"></path>
2334
- <path d="M6585.0 581.0 L6762.0 581.0" fill="none" data-name="TabsProps"></path>
2536
+ <rect x="7465.8" y="517.0" height="137.0" width="177.0" data-name="TabsProps"></rect>
2537
+ <path d="M7465.8 549.0 L7642.8 549.0" fill="none" data-name="TabsProps"></path>
2538
+ <path d="M7465.8 646.0 L7642.8 646.0" fill="none" data-name="TabsProps"></path>
2335
2539
  </g>
2336
- <g transform="translate(6585, 452)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabsProps" data-compartment="0">
2540
+ <g transform="translate(7465.75, 517)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabsProps" data-compartment="0">
2337
2541
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TabsProps" data-compartment="0">
2338
2542
  <a id="../src/components/Tabs/Tabs.types.ts.TabsProps" xlink:href="../src/components/Tabs/Tabs.types.ts"><text x="80.5" y="14.1" stroke="none" text-anchor="middle" data-name="TabsProps" data-compartment="0">TabsProps</text></a>
2339
2543
 
2340
2544
  </g>
2341
2545
  </g>
2342
- <g transform="translate(6585, 484)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabsProps" data-compartment="1">
2546
+ <g transform="translate(7465.75, 549)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabsProps" data-compartment="1">
2343
2547
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="TabsProps" data-compartment="1">
2344
2548
  <text x="0.0" y="14.1" stroke="none" data-name="TabsProps" data-compartment="1">+className?: string</text>
2345
2549
  <text x="0.0" y="30.3" stroke="none" data-name="TabsProps" data-compartment="1">+id: string</text>
@@ -2349,7 +2553,7 @@
2349
2553
 
2350
2554
  </g>
2351
2555
  </g>
2352
- <g transform="translate(6585, 581)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabsProps" data-compartment="2">
2556
+ <g transform="translate(7465.75, 646)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TabsProps" data-compartment="2">
2353
2557
  <g transform="translate(8, 8)" fill="#33322E" data-name="TabsProps" data-compartment="2">
2354
2558
 
2355
2559
  </g>
@@ -2357,24 +2561,24 @@
2357
2561
  </g>
2358
2562
  <g data-name="TagProps">
2359
2563
  <g fill="lightblue" stroke="#33322E" data-name="TagProps">
2360
- <rect x="20713.5" y="121.5" height="88.0" width="197.0" data-name="TagProps"></rect>
2361
- <path d="M20713.5 153.5 L20910.5 153.5" fill="none" data-name="TagProps"></path>
2362
- <path d="M20713.5 201.5 L20910.5 201.5" fill="none" data-name="TagProps"></path>
2564
+ <rect x="23112.5" y="154.0" height="88.0" width="197.0" data-name="TagProps"></rect>
2565
+ <path d="M23112.5 186.0 L23309.5 186.0" fill="none" data-name="TagProps"></path>
2566
+ <path d="M23112.5 234.0 L23309.5 234.0" fill="none" data-name="TagProps"></path>
2363
2567
  </g>
2364
- <g transform="translate(20713.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TagProps" data-compartment="0">
2568
+ <g transform="translate(23112.5, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TagProps" data-compartment="0">
2365
2569
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TagProps" data-compartment="0">
2366
2570
  <a id="../src/components/Tag/Tag.types.ts.TagProps" xlink:href="../src/components/Tag/Tag.types.ts"><text x="90.5" y="14.1" stroke="none" text-anchor="middle" data-name="TagProps" data-compartment="0">TagProps</text></a>
2367
2571
 
2368
2572
  </g>
2369
2573
  </g>
2370
- <g transform="translate(20713.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TagProps" data-compartment="1">
2574
+ <g transform="translate(23112.5, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TagProps" data-compartment="1">
2371
2575
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="TagProps" data-compartment="1">
2372
2576
  <text x="0.0" y="14.1" stroke="none" data-name="TagProps" data-compartment="1">+className?: string</text>
2373
2577
  <text x="0.0" y="30.3" stroke="none" data-name="TagProps" data-compartment="1">+children?: ReactNode</text>
2374
2578
 
2375
2579
  </g>
2376
2580
  </g>
2377
- <g transform="translate(20713.5, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TagProps" data-compartment="2">
2581
+ <g transform="translate(23112.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TagProps" data-compartment="2">
2378
2582
  <g transform="translate(8, 8)" fill="#33322E" data-name="TagProps" data-compartment="2">
2379
2583
 
2380
2584
  </g>
@@ -2382,17 +2586,17 @@
2382
2586
  </g>
2383
2587
  <g data-name="TaskListItemProps">
2384
2588
  <g fill="lightblue" stroke="#33322E" data-name="TaskListItemProps">
2385
- <rect x="20950.5" y="72.5" height="186.0" width="317.0" data-name="TaskListItemProps"></rect>
2386
- <path d="M20950.5 104.5 L21267.5 104.5" fill="none" data-name="TaskListItemProps"></path>
2387
- <path d="M20950.5 250.5 L21267.5 250.5" fill="none" data-name="TaskListItemProps"></path>
2589
+ <rect x="23349.5" y="105.0" height="186.0" width="317.0" data-name="TaskListItemProps"></rect>
2590
+ <path d="M23349.5 137.0 L23666.5 137.0" fill="none" data-name="TaskListItemProps"></path>
2591
+ <path d="M23349.5 283.0 L23666.5 283.0" fill="none" data-name="TaskListItemProps"></path>
2388
2592
  </g>
2389
- <g transform="translate(20950.5, 72.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListItemProps" data-compartment="0">
2593
+ <g transform="translate(23349.5, 105)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListItemProps" data-compartment="0">
2390
2594
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TaskListItemProps" data-compartment="0">
2391
2595
  <a id="../src/components/TaskList/TaskList.types.ts.TaskListItemProps" xlink:href="../src/components/TaskList/TaskList.types.ts"><text x="150.5" y="14.1" stroke="none" text-anchor="middle" data-name="TaskListItemProps" data-compartment="0">TaskListItemProps</text></a>
2392
2596
 
2393
2597
  </g>
2394
2598
  </g>
2395
- <g transform="translate(20950.5, 104.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListItemProps" data-compartment="1">
2599
+ <g transform="translate(23349.5, 137)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListItemProps" data-compartment="1">
2396
2600
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="TaskListItemProps" data-compartment="1">
2397
2601
  <text x="0.0" y="14.1" stroke="none" data-name="TaskListItemProps" data-compartment="1">+title: { children: React.ReactNode</text>
2398
2602
  <text x="0.0" y="30.3" stroke="none" data-name="TaskListItemProps" data-compartment="1">}</text>
@@ -2405,7 +2609,7 @@
2405
2609
 
2406
2610
  </g>
2407
2611
  </g>
2408
- <g transform="translate(20950.5, 250.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListItemProps" data-compartment="2">
2612
+ <g transform="translate(23349.5, 283)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListItemProps" data-compartment="2">
2409
2613
  <g transform="translate(8, 8)" fill="#33322E" data-name="TaskListItemProps" data-compartment="2">
2410
2614
 
2411
2615
  </g>
@@ -2413,17 +2617,17 @@
2413
2617
  </g>
2414
2618
  <g data-name="TaskListProps">
2415
2619
  <g fill="lightblue" stroke="#33322E" data-name="TaskListProps">
2416
- <rect x="21307.5" y="113.0" height="105.0" width="234.0" data-name="TaskListProps"></rect>
2417
- <path d="M21307.5 145.0 L21541.5 145.0" fill="none" data-name="TaskListProps"></path>
2418
- <path d="M21307.5 210.0 L21541.5 210.0" fill="none" data-name="TaskListProps"></path>
2620
+ <rect x="23706.5" y="145.5" height="105.0" width="234.0" data-name="TaskListProps"></rect>
2621
+ <path d="M23706.5 177.5 L23940.5 177.5" fill="none" data-name="TaskListProps"></path>
2622
+ <path d="M23706.5 242.5 L23940.5 242.5" fill="none" data-name="TaskListProps"></path>
2419
2623
  </g>
2420
- <g transform="translate(21307.5, 113)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListProps" data-compartment="0">
2624
+ <g transform="translate(23706.5, 145.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListProps" data-compartment="0">
2421
2625
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TaskListProps" data-compartment="0">
2422
2626
  <a id="../src/components/TaskList/TaskList.types.ts.TaskListProps" xlink:href="../src/components/TaskList/TaskList.types.ts"><text x="109.0" y="14.1" stroke="none" text-anchor="middle" data-name="TaskListProps" data-compartment="0">TaskListProps</text></a>
2423
2627
 
2424
2628
  </g>
2425
2629
  </g>
2426
- <g transform="translate(21307.5, 145)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListProps" data-compartment="1">
2630
+ <g transform="translate(23706.5, 177.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListProps" data-compartment="1">
2427
2631
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="TaskListProps" data-compartment="1">
2428
2632
  <text x="0.0" y="14.1" stroke="none" data-name="TaskListProps" data-compartment="1">+className?: string</text>
2429
2633
  <text x="0.0" y="30.3" stroke="none" data-name="TaskListProps" data-compartment="1">+idPrefix?: string</text>
@@ -2431,7 +2635,7 @@
2431
2635
 
2432
2636
  </g>
2433
2637
  </g>
2434
- <g transform="translate(21307.5, 210)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListProps" data-compartment="2">
2638
+ <g transform="translate(23706.5, 242.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TaskListProps" data-compartment="2">
2435
2639
  <g transform="translate(8, 8)" fill="#33322E" data-name="TaskListProps" data-compartment="2">
2436
2640
 
2437
2641
  </g>
@@ -2439,17 +2643,17 @@
2439
2643
  </g>
2440
2644
  <g data-name="TextareaProps">
2441
2645
  <g fill="lightblue" stroke="#33322E" data-name="TextareaProps">
2442
- <rect x="21543.0" y="419.5" height="202.0" width="314.0" data-name="TextareaProps"></rect>
2443
- <path d="M21543.0 451.5 L21857.0 451.5" fill="none" data-name="TextareaProps"></path>
2444
- <path d="M21543.0 613.5 L21857.0 613.5" fill="none" data-name="TextareaProps"></path>
2646
+ <rect x="23942.0" y="484.5" height="202.0" width="314.0" data-name="TextareaProps"></rect>
2647
+ <path d="M23942.0 516.5 L24256.0 516.5" fill="none" data-name="TextareaProps"></path>
2648
+ <path d="M23942.0 678.5 L24256.0 678.5" fill="none" data-name="TextareaProps"></path>
2445
2649
  </g>
2446
- <g transform="translate(21543, 419.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TextareaProps" data-compartment="0">
2650
+ <g transform="translate(23942, 484.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TextareaProps" data-compartment="0">
2447
2651
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TextareaProps" data-compartment="0">
2448
2652
  <a id="../src/components/Textarea/Textarea.types.ts.TextareaProps" xlink:href="../src/components/Textarea/Textarea.types.ts"><text x="149.0" y="14.1" stroke="none" text-anchor="middle" data-name="TextareaProps" data-compartment="0">TextareaProps</text></a>
2449
2653
 
2450
2654
  </g>
2451
2655
  </g>
2452
- <g transform="translate(21543, 451.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TextareaProps" data-compartment="1">
2656
+ <g transform="translate(23942, 516.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TextareaProps" data-compartment="1">
2453
2657
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="TextareaProps" data-compartment="1">
2454
2658
  <text x="0.0" y="14.1" stroke="none" data-name="TextareaProps" data-compartment="1">+className?: string</text>
2455
2659
  <text x="0.0" y="30.3" stroke="none" data-name="TextareaProps" data-compartment="1">+aria-describedby?: string</text>
@@ -2463,7 +2667,7 @@
2463
2667
 
2464
2668
  </g>
2465
2669
  </g>
2466
- <g transform="translate(21543, 613.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TextareaProps" data-compartment="2">
2670
+ <g transform="translate(23942, 678.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="TextareaProps" data-compartment="2">
2467
2671
  <g transform="translate(8, 8)" fill="#33322E" data-name="TextareaProps" data-compartment="2">
2468
2672
 
2469
2673
  </g>
@@ -2471,9 +2675,9 @@
2471
2675
  </g>
2472
2676
  <g data-name="TextareaHTMLAttributes&lt;T&gt;">
2473
2677
  <g fill="#eee8d5" stroke="#33322E" data-name="TextareaHTMLAttributes&lt;T&gt;">
2474
- <rect x="21581.5" y="149.5" height="32.0" width="237.0" data-name="TextareaHTMLAttributes&lt;T&gt;"></rect>
2678
+ <rect x="23980.5" y="182.0" height="32.0" width="237.0" data-name="TextareaHTMLAttributes&lt;T&gt;"></rect>
2475
2679
  </g>
2476
- <g transform="translate(21581.5, 149.5)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="TextareaHTMLAttributes&lt;T&gt;" data-compartment="0">
2680
+ <g transform="translate(23980.5, 182)" font-family="Helvetica" font-size="12pt" font-weight="bold" font-style="normal" data-name="TextareaHTMLAttributes&lt;T&gt;" data-compartment="0">
2477
2681
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="TextareaHTMLAttributes&lt;T&gt;" data-compartment="0">
2478
2682
  <text x="110.5" y="14.1" stroke="none" text-anchor="middle" data-name="TextareaHTMLAttributes&lt;T&gt;" data-compartment="0">TextareaHTMLAttributes&lt;T&gt;</text>
2479
2683
 
@@ -2482,17 +2686,17 @@
2482
2686
  </g>
2483
2687
  <g data-name="WarningInfoProps">
2484
2688
  <g fill="lightblue" stroke="#33322E" data-name="WarningInfoProps">
2485
- <rect x="21858.5" y="89.0" height="153.0" width="228.0" data-name="WarningInfoProps"></rect>
2486
- <path d="M21858.5 121.0 L22086.5 121.0" fill="none" data-name="WarningInfoProps"></path>
2487
- <path d="M21858.5 234.0 L22086.5 234.0" fill="none" data-name="WarningInfoProps"></path>
2689
+ <rect x="24257.5" y="121.5" height="153.0" width="228.0" data-name="WarningInfoProps"></rect>
2690
+ <path d="M24257.5 153.5 L24485.5 153.5" fill="none" data-name="WarningInfoProps"></path>
2691
+ <path d="M24257.5 266.5 L24485.5 266.5" fill="none" data-name="WarningInfoProps"></path>
2488
2692
  </g>
2489
- <g transform="translate(21858.5, 89)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningInfoProps" data-compartment="0">
2693
+ <g transform="translate(24257.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningInfoProps" data-compartment="0">
2490
2694
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="WarningInfoProps" data-compartment="0">
2491
2695
  <a id="../src/components/WarningInfo/WarningInfo.types.ts.WarningInfoProps" xlink:href="../src/components/WarningInfo/WarningInfo.types.ts"><text x="106.0" y="14.1" stroke="none" text-anchor="middle" data-name="WarningInfoProps" data-compartment="0">WarningInfoProps</text></a>
2492
2696
 
2493
2697
  </g>
2494
2698
  </g>
2495
- <g transform="translate(21858.5, 121)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningInfoProps" data-compartment="1">
2699
+ <g transform="translate(24257.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningInfoProps" data-compartment="1">
2496
2700
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="WarningInfoProps" data-compartment="1">
2497
2701
  <text x="0.0" y="14.1" stroke="none" data-name="WarningInfoProps" data-compartment="1">+messageHeading?: string</text>
2498
2702
  <text x="0.0" y="30.3" stroke="none" data-name="WarningInfoProps" data-compartment="1">+message?: string</text>
@@ -2503,7 +2707,7 @@
2503
2707
 
2504
2708
  </g>
2505
2709
  </g>
2506
- <g transform="translate(21858.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningInfoProps" data-compartment="2">
2710
+ <g transform="translate(24257.5, 266.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningInfoProps" data-compartment="2">
2507
2711
  <g transform="translate(8, 8)" fill="#33322E" data-name="WarningInfoProps" data-compartment="2">
2508
2712
 
2509
2713
  </g>
@@ -2511,24 +2715,24 @@
2511
2715
  </g>
2512
2716
  <g data-name="WarningTextProps">
2513
2717
  <g fill="lightblue" stroke="#33322E" data-name="WarningTextProps">
2514
- <rect x="22126.5" y="121.5" height="88.0" width="197.0" data-name="WarningTextProps"></rect>
2515
- <path d="M22126.5 153.5 L22323.5 153.5" fill="none" data-name="WarningTextProps"></path>
2516
- <path d="M22126.5 201.5 L22323.5 201.5" fill="none" data-name="WarningTextProps"></path>
2718
+ <rect x="24525.5" y="154.0" height="88.0" width="197.0" data-name="WarningTextProps"></rect>
2719
+ <path d="M24525.5 186.0 L24722.5 186.0" fill="none" data-name="WarningTextProps"></path>
2720
+ <path d="M24525.5 234.0 L24722.5 234.0" fill="none" data-name="WarningTextProps"></path>
2517
2721
  </g>
2518
- <g transform="translate(22126.5, 121.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningTextProps" data-compartment="0">
2722
+ <g transform="translate(24525.5, 154)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningTextProps" data-compartment="0">
2519
2723
  <g transform="translate(8, 8)" fill="#33322E" text-align="center" data-name="WarningTextProps" data-compartment="0">
2520
2724
  <a id="../src/components/WarningText/WarningText.types.ts.WarningTextProps" xlink:href="../src/components/WarningText/WarningText.types.ts"><text x="90.5" y="14.1" stroke="none" text-anchor="middle" data-name="WarningTextProps" data-compartment="0">WarningTextProps</text></a>
2521
2725
 
2522
2726
  </g>
2523
2727
  </g>
2524
- <g transform="translate(22126.5, 153.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningTextProps" data-compartment="1">
2728
+ <g transform="translate(24525.5, 186)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningTextProps" data-compartment="1">
2525
2729
  <g transform="translate(8, 8)" fill="#33322E" text-align="left" data-name="WarningTextProps" data-compartment="1">
2526
2730
  <text x="0.0" y="14.1" stroke="none" data-name="WarningTextProps" data-compartment="1">+children?: ReactNode</text>
2527
2731
  <text x="0.0" y="30.3" stroke="none" data-name="WarningTextProps" data-compartment="1">+className?: string</text>
2528
2732
 
2529
2733
  </g>
2530
2734
  </g>
2531
- <g transform="translate(22126.5, 201.5)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningTextProps" data-compartment="2">
2735
+ <g transform="translate(24525.5, 234)" font-family="Helvetica" font-size="12pt" font-weight="normal" font-style="normal" data-name="WarningTextProps" data-compartment="2">
2532
2736
  <g transform="translate(8, 8)" fill="#33322E" data-name="WarningTextProps" data-compartment="2">
2533
2737
 
2534
2738
  </g>