@moduk/frontend 1.3.0 → 1.4.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 (165) hide show
  1. package/dist/nunjucks/moduk/components/footer/__examples__/with-customisation.njk +28 -0
  2. package/dist/nunjucks/moduk/components/phase-banner/__examples__/default.njk +0 -4
  3. package/dist/nunjucks/moduk/components/summary-list/__examples__/cards-with-single-action.njk +36 -0
  4. package/dist/nunjucks/moduk/components/summary-list/__examples__/with-multiple-actions.njk +28 -0
  5. package/nunjucks/moduk/components/footer/__examples__/with-customisation.njk +28 -0
  6. package/nunjucks/moduk/components/phase-banner/__examples__/default.njk +0 -4
  7. package/nunjucks/moduk/components/summary-list/__examples__/cards-with-single-action.njk +36 -0
  8. package/nunjucks/moduk/components/summary-list/__examples__/with-multiple-actions.njk +28 -0
  9. package/package.json +8 -7
  10. package/react/VisuallyHiddenText/VisuallyHiddenText.d.ts +10 -0
  11. package/react/VisuallyHiddenText/VisuallyHiddenText.d.ts.map +1 -0
  12. package/react/VisuallyHiddenText/index.d.ts +2 -0
  13. package/react/VisuallyHiddenText/index.d.ts.map +1 -0
  14. package/react/accordion/Accordion.d.ts +3 -4
  15. package/react/accordion/Accordion.d.ts.map +1 -1
  16. package/react/back-link/BackLink.d.ts +2 -3
  17. package/react/back-link/BackLink.d.ts.map +1 -1
  18. package/react/error-message/ErrorMessage.d.ts +13 -0
  19. package/react/error-message/ErrorMessage.d.ts.map +1 -0
  20. package/react/error-message/index.d.ts +2 -0
  21. package/react/error-message/index.d.ts.map +1 -0
  22. package/react/esm/VisuallyHiddenText/VisuallyHiddenText.js +10 -0
  23. package/react/esm/VisuallyHiddenText/index.js +1 -0
  24. package/react/esm/accordion/Accordion.js +8 -5
  25. package/react/esm/error-message/ErrorMessage.js +33 -0
  26. package/react/esm/error-message/index.js +1 -0
  27. package/react/esm/footer/Footer.js +84 -0
  28. package/react/esm/footer/FooterMeta.js +21 -0
  29. package/react/esm/footer/FooterMetaLink.js +32 -0
  30. package/react/esm/footer/FooterNavigation.js +14 -0
  31. package/react/esm/footer/FooterNavigationLink.js +28 -0
  32. package/react/esm/footer/FooterNavigationSection.js +20 -0
  33. package/react/esm/footer/index.js +6 -0
  34. package/react/esm/hint/Hint.js +28 -0
  35. package/react/esm/hint/index.js +1 -0
  36. package/react/esm/index.js +10 -1
  37. package/react/esm/input/Input.js +60 -0
  38. package/react/esm/input/InputPrefix.js +14 -0
  39. package/react/esm/input/InputSuffix.js +14 -0
  40. package/react/esm/input/index.js +3 -0
  41. package/react/esm/internal/FormGroup/FormGroup.js +21 -0
  42. package/react/esm/internal/FormGroup/FormGroupContext.js +4 -0
  43. package/react/esm/internal/FormGroup/index.js +2 -0
  44. package/react/esm/internal/PermissiveChild.js +1 -0
  45. package/react/esm/label/Label.js +38 -0
  46. package/react/esm/label/index.js +1 -0
  47. package/react/esm/phase-banner/PhaseBanner.js +32 -0
  48. package/react/esm/phase-banner/PhaseTag.js +24 -0
  49. package/react/esm/phase-banner/index.js +2 -0
  50. package/react/esm/summary-list/SummaryCardActions.js +24 -0
  51. package/react/esm/summary-list/SummaryCardTitle.js +12 -0
  52. package/react/esm/summary-list/SummaryList.js +76 -0
  53. package/react/esm/summary-list/SummaryListActionLink.js +25 -0
  54. package/react/esm/summary-list/SummaryListActions.js +22 -0
  55. package/react/esm/summary-list/SummaryListKey.js +10 -0
  56. package/react/esm/summary-list/SummaryListValue.js +10 -0
  57. package/react/esm/summary-list/index.js +7 -0
  58. package/react/esm/tag/Tag.js +27 -0
  59. package/react/esm/tag/index.js +1 -0
  60. package/react/footer/Footer.d.ts +44 -0
  61. package/react/footer/Footer.d.ts.map +1 -0
  62. package/react/footer/FooterMeta.d.ts +24 -0
  63. package/react/footer/FooterMeta.d.ts.map +1 -0
  64. package/react/footer/FooterMetaLink.d.ts +14 -0
  65. package/react/footer/FooterMetaLink.d.ts.map +1 -0
  66. package/react/footer/FooterNavigation.d.ts +15 -0
  67. package/react/footer/FooterNavigation.d.ts.map +1 -0
  68. package/react/footer/FooterNavigationLink.d.ts +14 -0
  69. package/react/footer/FooterNavigationLink.d.ts.map +1 -0
  70. package/react/footer/FooterNavigationSection.d.ts +30 -0
  71. package/react/footer/FooterNavigationSection.d.ts.map +1 -0
  72. package/react/footer/index.d.ts +7 -0
  73. package/react/footer/index.d.ts.map +1 -0
  74. package/react/hint/Hint.d.ts +11 -0
  75. package/react/hint/Hint.d.ts.map +1 -0
  76. package/react/hint/index.d.ts +2 -0
  77. package/react/hint/index.d.ts.map +1 -0
  78. package/react/index.d.ts +9 -0
  79. package/react/index.d.ts.map +1 -1
  80. package/react/index.js +1 -1
  81. package/react/index.js.map +1 -1
  82. package/react/input/Input.d.ts +50 -0
  83. package/react/input/Input.d.ts.map +1 -0
  84. package/react/input/InputPrefix.d.ts +9 -0
  85. package/react/input/InputPrefix.d.ts.map +1 -0
  86. package/react/input/InputSuffix.d.ts +9 -0
  87. package/react/input/InputSuffix.d.ts.map +1 -0
  88. package/react/input/index.d.ts +4 -0
  89. package/react/input/index.d.ts.map +1 -0
  90. package/react/internal/FormGroup/FormGroup.d.ts +9 -0
  91. package/react/internal/FormGroup/FormGroup.d.ts.map +1 -0
  92. package/react/internal/FormGroup/FormGroupContext.d.ts +5 -0
  93. package/react/internal/FormGroup/FormGroupContext.d.ts.map +1 -0
  94. package/react/internal/FormGroup/index.d.ts +3 -0
  95. package/react/internal/FormGroup/index.d.ts.map +1 -0
  96. package/react/internal/PermissiveChild.d.ts +3 -0
  97. package/react/internal/PermissiveChild.d.ts.map +1 -0
  98. package/react/label/Label.d.ts +15 -0
  99. package/react/label/Label.d.ts.map +1 -0
  100. package/react/label/index.d.ts +2 -0
  101. package/react/label/index.d.ts.map +1 -0
  102. package/react/phase-banner/PhaseBanner.d.ts +27 -0
  103. package/react/phase-banner/PhaseBanner.d.ts.map +1 -0
  104. package/react/phase-banner/PhaseTag.d.ts +10 -0
  105. package/react/phase-banner/PhaseTag.d.ts.map +1 -0
  106. package/react/phase-banner/index.d.ts +3 -0
  107. package/react/phase-banner/index.d.ts.map +1 -0
  108. package/react/summary-list/SummaryCardActions.d.ts +16 -0
  109. package/react/summary-list/SummaryCardActions.d.ts.map +1 -0
  110. package/react/summary-list/SummaryCardTitle.d.ts +22 -0
  111. package/react/summary-list/SummaryCardTitle.d.ts.map +1 -0
  112. package/react/summary-list/SummaryList.d.ts +89 -0
  113. package/react/summary-list/SummaryList.d.ts.map +1 -0
  114. package/react/summary-list/SummaryListActionLink.d.ts +11 -0
  115. package/react/summary-list/SummaryListActionLink.d.ts.map +1 -0
  116. package/react/summary-list/SummaryListActions.d.ts +16 -0
  117. package/react/summary-list/SummaryListActions.d.ts.map +1 -0
  118. package/react/summary-list/SummaryListKey.d.ts +12 -0
  119. package/react/summary-list/SummaryListKey.d.ts.map +1 -0
  120. package/react/summary-list/SummaryListValue.d.ts +12 -0
  121. package/react/summary-list/SummaryListValue.d.ts.map +1 -0
  122. package/react/summary-list/index.d.ts +8 -0
  123. package/react/summary-list/index.d.ts.map +1 -0
  124. package/react/tag/Tag.d.ts +17 -0
  125. package/react/tag/Tag.d.ts.map +1 -0
  126. package/react/tag/index.d.ts +2 -0
  127. package/react/tag/index.d.ts.map +1 -0
  128. package/src/react/error-message/__examples__/default.tsx +3 -0
  129. package/src/react/footer/__examples__/default.tsx +3 -0
  130. package/src/react/footer/__examples__/with-customisation.tsx +15 -0
  131. package/src/react/footer/__examples__/with-links.tsx +13 -0
  132. package/src/react/footer/__examples__/with-secondary-navigation-and-links.tsx +44 -0
  133. package/src/react/footer/__examples__/with-secondary-navigation.tsx +24 -0
  134. package/src/react/input/__examples__/default.tsx +12 -0
  135. package/src/react/input/__examples__/not-as-page-heading.tsx +8 -0
  136. package/src/react/input/__examples__/with-error.tsx +14 -0
  137. package/src/react/input/__examples__/with-fixed-width.tsx +36 -0
  138. package/src/react/input/__examples__/with-fluid-width.tsx +36 -0
  139. package/src/react/input/__examples__/with-hint.tsx +13 -0
  140. package/src/react/input/__examples__/with-numeric.tsx +16 -0
  141. package/src/react/input/__examples__/with-prefix-and-suffix-error.tsx +17 -0
  142. package/src/react/input/__examples__/with-prefix-and-suffix.tsx +16 -0
  143. package/src/react/input/__examples__/with-prefix.tsx +15 -0
  144. package/src/react/input/__examples__/with-suffix.tsx +15 -0
  145. package/src/react/phase-banner/__examples__/beta.tsx +7 -0
  146. package/src/react/phase-banner/__examples__/default.tsx +7 -0
  147. package/src/react/phase-banner/__examples__/with-tag-override.tsx +7 -0
  148. package/src/react/phase-banner/__examples__/with-text.tsx +7 -0
  149. package/src/react/summary-list/__examples__/cards-with-action.tsx +88 -0
  150. package/src/react/summary-list/__examples__/cards-with-single-action.tsx +46 -0
  151. package/src/react/summary-list/__examples__/cards.tsx +156 -0
  152. package/src/react/summary-list/__examples__/default.tsx +72 -0
  153. package/src/react/summary-list/__examples__/with-multiple-actions.tsx +29 -0
  154. package/src/react/summary-list/__examples__/with-no-actions.tsx +37 -0
  155. package/src/react/summary-list/__examples__/with-no-border.tsx +38 -0
  156. package/src/react/tag/__examples__/blue.tsx +3 -0
  157. package/src/react/tag/__examples__/default.tsx +3 -0
  158. package/src/react/tag/__examples__/green.tsx +3 -0
  159. package/src/react/tag/__examples__/grey.tsx +3 -0
  160. package/src/react/tag/__examples__/orange.tsx +3 -0
  161. package/src/react/tag/__examples__/pink.tsx +3 -0
  162. package/src/react/tag/__examples__/purple.tsx +3 -0
  163. package/src/react/tag/__examples__/red.tsx +3 -0
  164. package/src/react/tag/__examples__/turquoise.tsx +3 -0
  165. package/src/react/tag/__examples__/yellow.tsx +3 -0
@@ -0,0 +1,50 @@
1
+ import { type ComponentPropsWithoutRef, type ReactElement } from 'react';
2
+ import { type ErrorMessageProps } from '../error-message';
3
+ import { type HintProps } from '../hint';
4
+ import { type LabelProps } from '../label';
5
+ import { type InputPrefixProps } from './InputPrefix';
6
+ import { type InputSuffixProps } from './InputSuffix';
7
+ export interface InputProps extends Omit<ComponentPropsWithoutRef<'input'>, 'children' | 'prefix'> {
8
+ /**
9
+ * Optional error message. This should be an instance of ErrorMessage.
10
+ */
11
+ errorMessage?: ReactElement<ErrorMessageProps>;
12
+ /**
13
+ * Classes to add to the form group (for example to show error state for the whole group).
14
+ */
15
+ formGroupClassName?: string;
16
+ /**
17
+ * Optional hint. This should be an instance of Hint.
18
+ */
19
+ hint?: ReactElement<HintProps>;
20
+ /**
21
+ * Label for the input. This should be an instance of Label.
22
+ */
23
+ label: ReactElement<LabelProps>;
24
+ /**
25
+ * Optional prefix to display before the input. This should be an instance of InputPrefix.
26
+ */
27
+ prefix?: ReactElement<InputPrefixProps>;
28
+ /**
29
+ * Optional suffix to display after the input. This should be an instance of InputSuffix.
30
+ */
31
+ suffix?: ReactElement<InputSuffixProps>;
32
+ }
33
+ /**
34
+ * Text input.
35
+ *
36
+ * @experimental React components are in alpha and subject to change.
37
+ *
38
+ * @example
39
+ * <Input
40
+ * hint={<Hint>The name you’ll use on promotional material</Hint>}
41
+ * label={
42
+ * <Label className='govuk-label--l' isPageHeading>
43
+ * What is the name of the event?
44
+ * </Label>
45
+ * }
46
+ * name='event-name-with-hint'
47
+ * />
48
+ */
49
+ export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
50
+ //# sourceMappingURL=Input.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Input.d.ts","sourceRoot":"","sources":["../../../src/react/input/Input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,YAAY,EAAyB,MAAM,OAAO,CAAA;AAC3G,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AACzD,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,SAAS,CAAA;AAExC,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,UAAU,CAAA;AAC1C,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAErD,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC;IAChG;;OAEG;IACH,YAAY,CAAC,EAAE,YAAY,CAAC,iBAAiB,CAAC,CAAA;IAC9C;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,SAAS,CAAC,CAAA;IAC9B;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC,UAAU,CAAC,CAAA;IAC/B;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IACvC;;OAEG;IACH,MAAM,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;CACxC;AAUD;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,KAAK,yGA2ChB,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
+ export interface InputPrefixProps extends ComponentPropsWithoutRef<'div'> {
3
+ children: ReactNode;
4
+ }
5
+ /**
6
+ * @experimental React components are in alpha and subject to change.
7
+ */
8
+ export declare const InputPrefix: import("react").ForwardRefExoticComponent<InputPrefixProps & import("react").RefAttributes<HTMLDivElement>>;
9
+ //# sourceMappingURL=InputPrefix.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputPrefix.d.ts","sourceRoot":"","sources":["../../../src/react/input/InputPrefix.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjF,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,WAAW,6GAEtB,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
+ /**
3
+ * @experimental React components are in alpha and subject to change.
4
+ */
5
+ export interface InputSuffixProps extends ComponentPropsWithoutRef<'div'> {
6
+ children: ReactNode;
7
+ }
8
+ export declare const InputSuffix: import("react").ForwardRefExoticComponent<InputSuffixProps & import("react").RefAttributes<HTMLDivElement>>;
9
+ //# sourceMappingURL=InputSuffix.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"InputSuffix.d.ts","sourceRoot":"","sources":["../../../src/react/input/InputSuffix.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjF;;GAEG;AACH,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED,eAAO,MAAM,WAAW,6GAEtB,CAAA"}
@@ -0,0 +1,4 @@
1
+ export * from './Input';
2
+ export * from './InputPrefix';
3
+ export * from './InputSuffix';
4
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/input/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,eAAe,CAAA"}
@@ -0,0 +1,9 @@
1
+ import { type ReactNode } from 'react';
2
+ interface FormGroupProps {
3
+ children: ReactNode;
4
+ className: string;
5
+ id: string;
6
+ }
7
+ export declare function FormGroup({ children, className, id }: FormGroupProps): import("react/jsx-runtime").JSX.Element;
8
+ export {};
9
+ //# sourceMappingURL=FormGroup.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormGroup.d.ts","sourceRoot":"","sources":["../../../../src/react/internal/FormGroup/FormGroup.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAW,MAAM,OAAO,CAAA;AAG/C,UAAU,cAAc;IACtB,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,EAAE,MAAM,CAAA;IACjB,EAAE,EAAE,MAAM,CAAA;CACX;AAED,wBAAgB,SAAS,CAAC,EAAE,QAAQ,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,cAAc,2CAQpE"}
@@ -0,0 +1,5 @@
1
+ export interface FormGroupContextProps {
2
+ id: string;
3
+ }
4
+ export declare const FormGroupContext: import("react").Context<FormGroupContextProps>;
5
+ //# sourceMappingURL=FormGroupContext.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FormGroupContext.d.ts","sourceRoot":"","sources":["../../../../src/react/internal/FormGroup/FormGroupContext.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,qBAAqB;IACpC,EAAE,EAAE,MAAM,CAAA;CACX;AAED,eAAO,MAAM,gBAAgB,gDAAmD,CAAA"}
@@ -0,0 +1,3 @@
1
+ export * from './FormGroup';
2
+ export * from './FormGroupContext';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/internal/FormGroup/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,oBAAoB,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { type ReactElement } from 'react';
2
+ export type PermissiveChild<Props = unknown> = ReactElement<Props> | boolean | null | Iterable<PermissiveChild<Props>>;
3
+ //# sourceMappingURL=PermissiveChild.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PermissiveChild.d.ts","sourceRoot":"","sources":["../../../src/react/internal/PermissiveChild.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,MAAM,eAAe,CAAC,KAAK,GAAG,OAAO,IAAI,YAAY,CAAC,KAAK,CAAC,GAAG,OAAO,GAAG,IAAI,GAAG,QAAQ,CAAC,eAAe,CAAC,KAAK,CAAC,CAAC,CAAA"}
@@ -0,0 +1,15 @@
1
+ import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
+ export interface LabelProps extends ComponentPropsWithoutRef<'label'> {
3
+ children: ReactNode;
4
+ /**
5
+ * Whether the label also acts as the heading for the page.
6
+ */
7
+ isPageHeading?: boolean;
8
+ }
9
+ /**
10
+ * Label for a form element.
11
+ *
12
+ * @experimental React components are in alpha and subject to change.
13
+ */
14
+ export declare const Label: import("react").ForwardRefExoticComponent<LabelProps & import("react").RefAttributes<HTMLLabelElement>>;
15
+ //# sourceMappingURL=Label.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Label.d.ts","sourceRoot":"","sources":["../../../src/react/label/Label.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,SAAS,EAAc,MAAM,OAAO,CAAA;AAG7F,MAAM,WAAW,UAAW,SAAQ,wBAAwB,CAAC,OAAO,CAAC;IACnE,QAAQ,EAAE,SAAS,CAAA;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAA;CACxB;AAED;;;;GAIG;AACH,eAAO,MAAM,KAAK,yGAsBjB,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './Label';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/label/index.ts"],"names":[],"mappings":"AAAA,cAAc,SAAS,CAAA"}
@@ -0,0 +1,27 @@
1
+ import { type ComponentPropsWithoutRef, type ReactElement, type ReactNode } from 'react';
2
+ import type { PhaseTagProps } from './PhaseTag';
3
+ export interface PhaseBannerProps extends ComponentPropsWithoutRef<'div'> {
4
+ /**
5
+ * Main content for the phase banner.
6
+ */
7
+ children: ReactNode;
8
+ /**
9
+ * An instance of PhaseTag.
10
+ *
11
+ * @example
12
+ * <PhaseTag>alpha</PhaseTag>
13
+ */
14
+ phaseTag: ReactElement<PhaseTagProps>;
15
+ }
16
+ /**
17
+ * A phase banner.
18
+ *
19
+ * @experimental React components are in alpha and subject to change.
20
+ *
21
+ * @example
22
+ * <PhaseBanner phaseTag={<PhaseTag>alpha</PhaseTag>}>
23
+ * This is a new service – your <a className='govuk-link' href='#'>feedback</a> will help us to improve it.
24
+ * </PhaseBanner>
25
+ */
26
+ export declare const PhaseBanner: import("react").ForwardRefExoticComponent<PhaseBannerProps & import("react").RefAttributes<HTMLDivElement>>;
27
+ //# sourceMappingURL=PhaseBanner.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PhaseBanner.d.ts","sourceRoot":"","sources":["../../../src/react/phase-banner/PhaseBanner.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AACpG,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,YAAY,CAAA;AAE/C,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,KAAK,CAAC;IACvE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAA;IACnB;;;;;OAKG;IACH,QAAQ,EAAE,YAAY,CAAC,aAAa,CAAC,CAAA;CACtC;AAED;;;;;;;;;GASG;AACH,eAAO,MAAM,WAAW,6GAcvB,CAAA"}
@@ -0,0 +1,10 @@
1
+ import { type ComponentPropsWithoutRef } from 'react';
2
+ import { Tag } from '../tag';
3
+ export type PhaseTagProps = ComponentPropsWithoutRef<typeof Tag>;
4
+ /**
5
+ * A phase banner tag.
6
+ *
7
+ * @experimental React components are in alpha and subject to change.
8
+ */
9
+ export declare const PhaseTag: import("react").ForwardRefExoticComponent<Omit<import("../tag/Tag").TagProps & import("react").RefAttributes<HTMLElement>, "ref"> & import("react").RefAttributes<HTMLElement>>;
10
+ //# sourceMappingURL=PhaseTag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"PhaseTag.d.ts","sourceRoot":"","sources":["../../../src/react/phase-banner/PhaseTag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,MAAM,OAAO,CAAA;AACjE,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,OAAO,GAAG,CAAC,CAAA;AAEhE;;;;GAIG;AACH,eAAO,MAAM,QAAQ,iLAEnB,CAAA"}
@@ -0,0 +1,3 @@
1
+ export { PhaseBanner } from './PhaseBanner';
2
+ export { PhaseTag } from './PhaseTag';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/phase-banner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAC3C,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
@@ -0,0 +1,16 @@
1
+ import { type PermissiveChild } from '../internal/PermissiveChild';
2
+ import { type SummaryListActionLinkProps } from './SummaryListActionLink';
3
+ export interface SummaryCardActionsProps {
4
+ /**
5
+ * Instances of SummaryListActionLink.
6
+ */
7
+ children?: PermissiveChild<SummaryListActionLinkProps>;
8
+ className?: string;
9
+ }
10
+ /**
11
+ * Actions to display in the header of a summary card.
12
+ *
13
+ * @experimental React components are in alpha and subject to change.
14
+ */
15
+ export declare const SummaryCardActions: ({ children, className }: SummaryCardActionsProps) => import("react/jsx-runtime").JSX.Element;
16
+ //# sourceMappingURL=SummaryCardActions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SummaryCardActions.d.ts","sourceRoot":"","sources":["../../../src/react/summary-list/SummaryCardActions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AAEzE,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,CAAC,EAAE,eAAe,CAAC,0BAA0B,CAAC,CAAA;IACtD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,4BAA6B,uBAAuB,4CAoBlF,CAAA"}
@@ -0,0 +1,22 @@
1
+ import { type ReactNode } from 'react';
2
+ export interface SummaryCardTitleProps {
3
+ /**
4
+ * Title text.
5
+ */
6
+ children?: ReactNode;
7
+ /**
8
+ * CSS classes to add to the heading element.
9
+ */
10
+ className?: string;
11
+ /**
12
+ * The heading HTML tag to use.
13
+ */
14
+ headingTag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
15
+ }
16
+ /**
17
+ * Title for a summary card.
18
+ *
19
+ * @experimental React components are in alpha and subject to change.
20
+ */
21
+ export declare const SummaryCardTitle: ({ children, className, headingTag: Heading }: SummaryCardTitleProps) => import("react/jsx-runtime").JSX.Element;
22
+ //# sourceMappingURL=SummaryCardTitle.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SummaryCardTitle.d.ts","sourceRoot":"","sources":["../../../src/react/summary-list/SummaryCardTitle.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;CACrD;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,iDAAyD,qBAAqB,4CAE1G,CAAA"}
@@ -0,0 +1,89 @@
1
+ import { type ComponentPropsWithoutRef, type Key, type ReactElement } from 'react';
2
+ import { type SummaryCardActionsProps } from './SummaryCardActions';
3
+ import { type SummaryCardTitleProps } from './SummaryCardTitle';
4
+ import { type SummaryListActionsProps } from './SummaryListActions';
5
+ import { type SummaryListKeyProps } from './SummaryListKey';
6
+ import { type SummaryListValueProps } from './SummaryListValue';
7
+ export interface SummaryListRowObject {
8
+ /**
9
+ * Optional React key for the row. If not set for all
10
+ * rows, the row index will be used.
11
+ */
12
+ reactKey?: Key;
13
+ /**
14
+ * CSS classes to add to the row.
15
+ */
16
+ className?: string;
17
+ /**
18
+ * An instance of SummaryListKey.
19
+ */
20
+ key: ReactElement<SummaryListKeyProps>;
21
+ /**
22
+ * An instance of SummaryListValue.
23
+ */
24
+ value: ReactElement<SummaryListValueProps>;
25
+ /**
26
+ * Optional instance of SummaryListActions.
27
+ */
28
+ actions?: ReactElement<SummaryListActionsProps>;
29
+ }
30
+ export interface SummaryListProps extends ComponentPropsWithoutRef<'dl'> {
31
+ /**
32
+ * Summary card options.
33
+ *
34
+ * If this prop is set, a summary card will wrap around the summary list
35
+ */
36
+ card?: {
37
+ /**
38
+ * CSS classes to add to the card container.
39
+ */
40
+ className?: string;
41
+ /**
42
+ * Optional card title – an instance of SummaryCardTitle.
43
+ */
44
+ title?: ReactElement<SummaryCardTitleProps>;
45
+ /**
46
+ * Optional card actions – an instance of SummaryCardActions.
47
+ */
48
+ actions?: ReactElement<SummaryCardActionsProps>;
49
+ };
50
+ /**
51
+ * Summary list rows.
52
+ */
53
+ rows: SummaryListRowObject[];
54
+ }
55
+ /**
56
+ * Summary list.
57
+ *
58
+ * @experimental React components are in alpha and subject to change.
59
+ *
60
+ * @example
61
+ * <SummaryList
62
+ * rows={[
63
+ * {
64
+ * key: <SummaryListKey>Name</SummaryListKey>,
65
+ * value: <SummaryListValue>Sarah Philips</SummaryListValue>,
66
+ * actions: (
67
+ * <SummaryListActions>
68
+ * <SummaryListActionLink href='#'>
69
+ * Change <VisuallyHiddenText>name</VisuallyHiddenText>
70
+ * </SummaryListActionLink>
71
+ * </SummaryListActions>
72
+ * ),
73
+ * },
74
+ * {
75
+ * key: <SummaryListKey>Date of birth</SummaryListKey>,
76
+ * value: <SummaryListValue>5 January 1978</SummaryListValue>,
77
+ * actions: (
78
+ * <SummaryListActions>
79
+ * <SummaryListActionLink href='#'>
80
+ * Change <VisuallyHiddenText>date of birth</VisuallyHiddenText>
81
+ * </SummaryListActionLink>,
82
+ * </SummaryListActions>
83
+ * ),
84
+ * },
85
+ * ]}
86
+ * />
87
+ */
88
+ export declare const SummaryList: import("react").ForwardRefExoticComponent<SummaryListProps & import("react").RefAttributes<HTMLDListElement>>;
89
+ //# sourceMappingURL=SummaryList.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SummaryList.d.ts","sourceRoot":"","sources":["../../../src/react/summary-list/SummaryList.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,GAAG,EAAE,KAAK,YAAY,EAAkB,MAAM,OAAO,CAAA;AAC9G,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,EAAE,KAAK,uBAAuB,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AAC3D,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AAwC/D,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,QAAQ,CAAC,EAAE,GAAG,CAAA;IACd;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,GAAG,EAAE,YAAY,CAAC,mBAAmB,CAAC,CAAA;IACtC;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAA;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;CAChD;AAED,MAAM,WAAW,gBAAiB,SAAQ,wBAAwB,CAAC,IAAI,CAAC;IACtE;;;;OAIG;IACH,IAAI,CAAC,EAAE;QACL;;WAEG;QACH,SAAS,CAAC,EAAE,MAAM,CAAA;QAClB;;WAEG;QACH,KAAK,CAAC,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAA;QAC3C;;WAEG;QACH,OAAO,CAAC,EAAE,YAAY,CAAC,uBAAuB,CAAC,CAAA;KAChD,CAAA;IACD;;OAEG;IACH,IAAI,EAAE,oBAAoB,EAAE,CAAA;CAC7B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,eAAO,MAAM,WAAW,+GA0BtB,CAAA"}
@@ -0,0 +1,11 @@
1
+ import { type ReactNode } from 'react';
2
+ import { type LinkComponent } from '../internal/Link/Link';
3
+ export interface SummaryListActionLinkProps {
4
+ children: ReactNode;
5
+ className?: string;
6
+ }
7
+ /**
8
+ * @experimental React components are in alpha and subject to change.
9
+ */
10
+ export declare const SummaryListActionLink: LinkComponent<SummaryListActionLinkProps>;
11
+ //# sourceMappingURL=SummaryListActionLink.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SummaryListActionLink.d.ts","sourceRoot":"","sources":["../../../src/react/summary-list/SummaryListActionLink.tsx"],"names":[],"mappings":"AACA,OAAO,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAClD,OAAO,EAAY,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAEpE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,EAAE,SAAS,CAAA;IACnB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;GAEG;AACH,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,0BAA0B,CAU1E,CAAA"}
@@ -0,0 +1,16 @@
1
+ import { type PermissiveChild } from '../internal/PermissiveChild';
2
+ import { type SummaryListActionLinkProps } from './SummaryListActionLink';
3
+ export interface SummaryListActionsProps {
4
+ /**
5
+ * Instances of SummaryListActionLink.
6
+ */
7
+ children: PermissiveChild<SummaryListActionLinkProps>;
8
+ className?: string;
9
+ }
10
+ /**
11
+ * Actions for a summary list row.
12
+ *
13
+ * @experimental React components are in alpha and subject to change.
14
+ */
15
+ export declare const SummaryListActions: ({ children, className }: SummaryListActionsProps) => import("react/jsx-runtime").JSX.Element;
16
+ //# sourceMappingURL=SummaryListActions.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SummaryListActions.d.ts","sourceRoot":"","sources":["../../../src/react/summary-list/SummaryListActions.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,KAAK,0BAA0B,EAAE,MAAM,yBAAyB,CAAA;AAEzE,MAAM,WAAW,uBAAuB;IACtC;;OAEG;IACH,QAAQ,EAAE,eAAe,CAAC,0BAA0B,CAAC,CAAA;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,kBAAkB,4BAA6B,uBAAuB,4CAqBlF,CAAA"}
@@ -0,0 +1,12 @@
1
+ import { type ReactNode } from 'react';
2
+ export interface SummaryListKeyProps {
3
+ children?: ReactNode;
4
+ className?: string;
5
+ }
6
+ /**
7
+ * Key for a summary list row.
8
+ *
9
+ * @experimental React components are in alpha and subject to change.
10
+ */
11
+ export declare const SummaryListKey: ({ children, className }: SummaryListKeyProps) => import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=SummaryListKey.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SummaryListKey.d.ts","sourceRoot":"","sources":["../../../src/react/summary-list/SummaryListKey.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,cAAc,4BAA6B,mBAAmB,4CAE1E,CAAA"}
@@ -0,0 +1,12 @@
1
+ import { type ReactNode } from 'react';
2
+ export interface SummaryListValueProps {
3
+ children?: ReactNode;
4
+ className?: string;
5
+ }
6
+ /**
7
+ * Value for a summary list row.
8
+ *
9
+ * @experimental React components are in alpha and subject to change.
10
+ */
11
+ export declare const SummaryListValue: ({ children, className }: SummaryListValueProps) => import("react/jsx-runtime").JSX.Element;
12
+ //# sourceMappingURL=SummaryListValue.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SummaryListValue.d.ts","sourceRoot":"","sources":["../../../src/react/summary-list/SummaryListValue.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,qBAAqB;IACpC,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,4BAA6B,qBAAqB,4CAE9E,CAAA"}
@@ -0,0 +1,8 @@
1
+ export * from './SummaryCardActions';
2
+ export * from './SummaryCardTitle';
3
+ export * from './SummaryList';
4
+ export * from './SummaryListActionLink';
5
+ export * from './SummaryListActions';
6
+ export * from './SummaryListKey';
7
+ export * from './SummaryListValue';
8
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/summary-list/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA;AACpC,cAAc,oBAAoB,CAAA;AAClC,cAAc,eAAe,CAAA;AAC7B,cAAc,yBAAyB,CAAA;AACvC,cAAc,sBAAsB,CAAA;AACpC,cAAc,kBAAkB,CAAA;AAChC,cAAc,oBAAoB,CAAA"}
@@ -0,0 +1,17 @@
1
+ import { type ComponentPropsWithoutRef, type ReactNode } from 'react';
2
+ export interface TagProps extends ComponentPropsWithoutRef<'strong'> {
3
+ children: ReactNode;
4
+ }
5
+ /**
6
+ * A tag, used to show users the status of something.
7
+ *
8
+ * @experimental React components are in alpha and subject to change.
9
+ *
10
+ * @example
11
+ * <Tag>Completed</Tag>
12
+ *
13
+ * @example
14
+ * <Tag className='govuk-tag--green'>New</Tag>
15
+ */
16
+ export declare const Tag: import("react").ForwardRefExoticComponent<TagProps & import("react").RefAttributes<HTMLElement>>;
17
+ //# sourceMappingURL=Tag.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Tag.d.ts","sourceRoot":"","sources":["../../../src/react/tag/Tag.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjF,MAAM,WAAW,QAAS,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IAClE,QAAQ,EAAE,SAAS,CAAA;CACpB;AAED;;;;;;;;;;GAUG;AACH,eAAO,MAAM,GAAG,kGAOd,CAAA"}
@@ -0,0 +1,2 @@
1
+ export { Tag } from './Tag';
2
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/react/tag/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,OAAO,CAAA"}
@@ -0,0 +1,3 @@
1
+ import { ErrorMessage } from '@moduk/frontend/react'
2
+
3
+ export const Example = () => <ErrorMessage>Enter a first name</ErrorMessage>
@@ -0,0 +1,3 @@
1
+ import { Footer } from '@moduk/frontend/react'
2
+
3
+ export const Example = () => <Footer></Footer>
@@ -0,0 +1,15 @@
1
+ import { Footer, FooterMeta, FooterMetaLink } from '@moduk/frontend/react'
2
+
3
+ export const Example = () => (
4
+ <Footer
5
+ copyright='Copyright text'
6
+ contentLicence='Content licence text'
7
+ meta={
8
+ <FooterMeta content='Meta content' visuallyHiddenTitle='Visually hidden title'>
9
+ <FooterMetaLink href='#1'>Item 1</FooterMetaLink>
10
+ <FooterMetaLink href='#2'>Item 2</FooterMetaLink>
11
+ <FooterMetaLink href='#2'>Item 3</FooterMetaLink>
12
+ </FooterMeta>
13
+ }
14
+ />
15
+ )
@@ -0,0 +1,13 @@
1
+ import { Footer, FooterMeta, FooterMetaLink } from '@moduk/frontend/react'
2
+
3
+ export const Example = () => (
4
+ <Footer
5
+ meta={
6
+ <FooterMeta>
7
+ <FooterMetaLink href='#1'>Item 1</FooterMetaLink>
8
+ <FooterMetaLink href='#2'>Item 2</FooterMetaLink>
9
+ <FooterMetaLink href='#2'>Item 3</FooterMetaLink>
10
+ </FooterMeta>
11
+ }
12
+ />
13
+ )
@@ -0,0 +1,44 @@
1
+ import {
2
+ Footer,
3
+ FooterMeta,
4
+ FooterMetaLink,
5
+ FooterNavigation,
6
+ FooterNavigationLink,
7
+ FooterNavigationSection,
8
+ } from '@moduk/frontend/react'
9
+
10
+ export const Example = () => (
11
+ <Footer
12
+ navigation={
13
+ <FooterNavigation>
14
+ <FooterNavigationSection title='Two column list' width='two-thirds' columns={2}>
15
+ <FooterNavigationLink href='#1'>Navigation item 1</FooterNavigationLink>
16
+ <FooterNavigationLink href='#2'>Navigation item 2</FooterNavigationLink>
17
+ <FooterNavigationLink href='#3'>Navigation item 3</FooterNavigationLink>
18
+ <FooterNavigationLink href='#4'>Navigation item 4</FooterNavigationLink>
19
+ <FooterNavigationLink href='#5'>Navigation item 5</FooterNavigationLink>
20
+ <FooterNavigationLink href='#6'>Navigation item 6</FooterNavigationLink>
21
+ </FooterNavigationSection>
22
+ <FooterNavigationSection title='Single column list' width='one-third'>
23
+ <FooterNavigationLink href='#1'>Navigation item 1</FooterNavigationLink>
24
+ <FooterNavigationLink href='#2'>Navigation item 2</FooterNavigationLink>
25
+ <FooterNavigationLink href='#3'>Navigation item 3</FooterNavigationLink>
26
+ </FooterNavigationSection>
27
+ </FooterNavigation>
28
+ }
29
+ meta={
30
+ <FooterMeta
31
+ content={
32
+ <>
33
+ Built by <a href='#' className='govuk-footer__link'>Defence Digital</a>
34
+ </>
35
+ }
36
+ >
37
+ <FooterMetaLink href='#1'>Item 1</FooterMetaLink>
38
+ <FooterMetaLink href='#2'>Item 2</FooterMetaLink>
39
+ <FooterMetaLink href='#2'>Item 3</FooterMetaLink>
40
+ </FooterMeta>
41
+ }
42
+ >
43
+ </Footer>
44
+ )
@@ -0,0 +1,24 @@
1
+ import { Footer, FooterNavigation, FooterNavigationLink, FooterNavigationSection } from '@moduk/frontend/react'
2
+
3
+ export const Example = () => (
4
+ <Footer
5
+ navigation={
6
+ <FooterNavigation>
7
+ <FooterNavigationSection title='Two column list' width='two-thirds' columns={2}>
8
+ <FooterNavigationLink href='#1'>Navigation item 1</FooterNavigationLink>
9
+ <FooterNavigationLink href='#2'>Navigation item 2</FooterNavigationLink>
10
+ <FooterNavigationLink href='#3'>Navigation item 3</FooterNavigationLink>
11
+ <FooterNavigationLink href='#4'>Navigation item 4</FooterNavigationLink>
12
+ <FooterNavigationLink href='#5'>Navigation item 5</FooterNavigationLink>
13
+ <FooterNavigationLink href='#6'>Navigation item 6</FooterNavigationLink>
14
+ </FooterNavigationSection>
15
+ <FooterNavigationSection title='Single column list' width='one-third'>
16
+ <FooterNavigationLink href='#1'>Navigation item 1</FooterNavigationLink>
17
+ <FooterNavigationLink href='#2'>Navigation item 2</FooterNavigationLink>
18
+ <FooterNavigationLink href='#3'>Navigation item 3</FooterNavigationLink>
19
+ </FooterNavigationSection>
20
+ </FooterNavigation>
21
+ }
22
+ >
23
+ </Footer>
24
+ )
@@ -0,0 +1,12 @@
1
+ import { Input, Label } from '@moduk/frontend/react'
2
+
3
+ export const Example = () => (
4
+ <Input
5
+ label={
6
+ <Label className='govuk-label--l' isPageHeading>
7
+ What is the name of the event?
8
+ </Label>
9
+ }
10
+ name='event-name-default'
11
+ />
12
+ )
@@ -0,0 +1,8 @@
1
+ import { Input, Label } from '@moduk/frontend/react'
2
+
3
+ export const Example = () => (
4
+ <Input
5
+ label={<Label>What is the name of the event?</Label>}
6
+ name='event-name-with-not-as-page-heading'
7
+ />
8
+ )