@moduk/frontend 1.3.0 → 1.4.0

package/react/esm/footer/FooterNavigationSection.js

@@ -0,0 +1,20 @@
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export function FooterNavigationSection(_ref) {
+  var title = _ref.title,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 'full' : _ref$width,
+    columns = _ref.columns,
+    children = _ref.children;
+  return _jsxs("div", {
+    className: clsx('govuk-footer__section', "govuk-grid-column-".concat(width)),
+    children: [_jsx("h2", {
+      className: "govuk-footer__heading govuk-heading-m",
+      children: title
+    }), _jsx("ul", {
+      className: clsx('govuk-footer__list', columns && "govuk-footer__list--columns-".concat(columns)),
+      children: children
+    })]
+  });
+}

package/react/esm/footer/index.js

@@ -0,0 +1,6 @@
+export { Footer } from './Footer';
+export { FooterMeta } from './FooterMeta';
+export { FooterMetaLink } from './FooterMetaLink';
+export { FooterNavigation } from './FooterNavigation';
+export { FooterNavigationLink } from './FooterNavigationLink';
+export { FooterNavigationSection } from './FooterNavigationSection';

package/react/esm/hint/Hint.js

@@ -0,0 +1,28 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className", "id"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef, useContext } from 'react';
+import { FormGroupContext } from '../internal/FormGroup';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Hint = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    id = _ref.id,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(FormGroupContext);
+  return _jsx("div", _objectSpread(_objectSpread({
+    ref: ref,
+    className: clsx('govuk-hint', className),
+    id: context.id ? "".concat(context.id, "-hint") : id
+  }, rest), {}, {
+    children: children
+  }));
+});
+Hint.displayName = 'Hint';

package/react/esm/hint/index.js

@@ -0,0 +1 @@
+export * from './Hint';

package/react/esm/index.js

@@ -2,6 +2,15 @@
 
 export * from './accordion';
 export * from './back-link/BackLink';
+export * from './error-message';
+export * from './footer';
 export * from './header';
+export * from './hint';
+export * from './input';
+export * from './label';
 export * from './MODUKBody/MODUKBody';
-export * from './table';
+export * from './phase-banner';
+export * from './summary-list';
+export * from './table';
+export * from './tag';
+export * from './VisuallyHiddenText';

package/react/esm/input/Input.js

@@ -0,0 +1,60 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["aria-describedby", "className", "errorMessage", "formGroupClassName", "hint", "id", "label", "prefix", "suffix", "type"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef, useId } from 'react';
+import { FormGroup } from '../internal/FormGroup';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Fragment as _Fragment } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+function InputWrapper(_ref) {
+  var children = _ref.children,
+    hasPrefixOrSuffix = _ref.hasPrefixOrSuffix;
+  if (hasPrefixOrSuffix) {
+    return _jsx("div", {
+      className: "govuk-input__wrapper",
+      children: children
+    });
+  }
+  return _jsx(_Fragment, {
+    children: children
+  });
+}
+export var Input = forwardRef(function (_ref2, ref) {
+  var ariaDescribedBy = _ref2['aria-describedby'],
+    className = _ref2.className,
+    errorMessage = _ref2.errorMessage,
+    formGroupClassName = _ref2.formGroupClassName,
+    hint = _ref2.hint,
+    id = _ref2.id,
+    label = _ref2.label,
+    prefix = _ref2.prefix,
+    suffix = _ref2.suffix,
+    _ref2$type = _ref2.type,
+    type = _ref2$type === void 0 ? 'text' : _ref2$type,
+    rest = _objectWithoutProperties(_ref2, _excluded);
+  var autoId = useId();
+  var resolvedId = id || autoId;
+  var resolvedAriaDescribedBy = [ariaDescribedBy !== null && ariaDescribedBy !== void 0 ? ariaDescribedBy : [], errorMessage ? "".concat(resolvedId, "-error") : [], hint ? "".concat(resolvedId, "-hint") : []].flat().join(' ');
+  return _jsxs(FormGroup, {
+    className: clsx(errorMessage && 'govuk-form-group--error', formGroupClassName),
+    id: resolvedId,
+    children: [label, hint, errorMessage, _jsxs(InputWrapper, {
+      hasPrefixOrSuffix: Boolean(prefix || suffix),
+      children: [prefix, _jsx("input", _objectSpread({
+        ref: ref,
+        "aria-describedby": resolvedAriaDescribedBy,
+        className: clsx('govuk-input', errorMessage && 'govuk-input--error', className),
+        id: resolvedId,
+        type: type
+      }, rest)), suffix]
+    })]
+  });
+});
+Input.displayName = 'Input';

package/react/esm/input/InputPrefix.js

@@ -0,0 +1,14 @@
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var InputPrefix = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return _jsx("div", {
+    ref: ref,
+    className: clsx('govuk-input__prefix', className),
+    "aria-hidden": "true",
+    children: children
+  });
+});
+InputPrefix.displayName = 'InputPrefix';

package/react/esm/input/InputSuffix.js

@@ -0,0 +1,14 @@
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var InputSuffix = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return _jsx("div", {
+    ref: ref,
+    className: clsx('govuk-input__suffix', className),
+    "aria-hidden": "true",
+    children: children
+  });
+});
+InputSuffix.displayName = 'InputSuffix';

package/react/esm/input/index.js

@@ -0,0 +1,3 @@
+export * from './Input';
+export * from './InputPrefix';
+export * from './InputSuffix';

package/react/esm/internal/FormGroup/FormGroup.js

@@ -0,0 +1,21 @@
+import clsx from 'clsx';
+import { useMemo } from 'react';
+import { FormGroupContext } from './FormGroupContext';
+import { jsx as _jsx } from "react/jsx-runtime";
+export function FormGroup(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    id = _ref.id;
+  var contextValue = useMemo(function () {
+    return {
+      id: id
+    };
+  }, [id]);
+  return _jsx(FormGroupContext.Provider, {
+    value: contextValue,
+    children: _jsx("div", {
+      className: clsx('govuk-form-group', className),
+      children: children
+    })
+  });
+}

package/react/esm/internal/FormGroup/FormGroupContext.js

@@ -0,0 +1,4 @@
+import { createContext } from 'react';
+export var FormGroupContext = createContext({
+  id: ''
+});

package/react/esm/internal/FormGroup/index.js

@@ -0,0 +1,2 @@
+export * from './FormGroup';
+export * from './FormGroupContext';

package/react/esm/internal/PermissiveChild.js

@@ -0,0 +1 @@
+export {};

package/react/esm/label/Label.js

@@ -0,0 +1,38 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className", "htmlFor", "id", "isPageHeading"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef, useContext } from 'react';
+import { FormGroupContext } from '../internal/FormGroup';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Label = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    htmlFor = _ref.htmlFor,
+    id = _ref.id,
+    isPageHeading = _ref.isPageHeading,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var context = useContext(FormGroupContext);
+  var label = _jsx("label", _objectSpread(_objectSpread({
+    ref: ref,
+    className: clsx('govuk-label', className),
+    htmlFor: context.id || htmlFor,
+    id: context.id ? "".concat(context.id, "-label") : id
+  }, rest), {}, {
+    children: children
+  }));
+  if (isPageHeading) {
+    return _jsx("h1", {
+      className: "govuk-label-wrapper",
+      children: label
+    });
+  }
+  return label;
+});
+Label.displayName = 'Label';

package/react/esm/label/index.js

@@ -0,0 +1 @@
+export * from './Label';

package/react/esm/phase-banner/PhaseBanner.js

@@ -0,0 +1,32 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className", "phaseTag"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+export var PhaseBanner = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    phaseTag = _ref.phaseTag,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx("div", _objectSpread(_objectSpread({
+    ref: ref,
+    className: clsx('govuk-phase-banner', className)
+  }, rest), {}, {
+    children: _jsxs("p", {
+      className: "govuk-phase-banner__content",
+      children: [phaseTag, _jsx("span", {
+        className: "govuk-phase-banner__text",
+        children: children
+      })]
+    })
+  }));
+});
+PhaseBanner.displayName = 'PhaseBanner';

package/react/esm/phase-banner/PhaseTag.js

@@ -0,0 +1,24 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { Tag } from '../tag';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var PhaseTag = forwardRef(function (_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(Tag, _objectSpread(_objectSpread({
+    className: clsx('govuk-phase-banner__content__tag', className)
+  }, rest), {}, {
+    children: children
+  }));
+});
+PhaseTag.displayName = 'PhaseTag';

package/react/esm/phase-banner/index.js

@@ -0,0 +1,2 @@
+export { PhaseBanner } from './PhaseBanner';
+export { PhaseTag } from './PhaseTag';

package/react/esm/summary-list/SummaryCardActions.js

@@ -0,0 +1,24 @@
+import clsx from 'clsx';
+import { isValidElement } from 'react';
+import flattenChildren from 'react-keyed-flatten-children';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SummaryCardActions = function SummaryCardActions(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  var flattenedChildren = flattenChildren(children).filter(isValidElement);
+  if (flattenedChildren.length === 1) {
+    return _jsx("div", {
+      className: clsx('govuk-summary-card__actions', className),
+      children: children
+    });
+  }
+  return _jsx("ul", {
+    className: clsx('govuk-summary-card__actions', className),
+    children: flattenedChildren.map(function (child) {
+      return _jsx("li", {
+        className: "govuk-summary-card__action",
+        children: child
+      }, child.key);
+    })
+  });
+};

package/react/esm/summary-list/SummaryCardTitle.js

@@ -0,0 +1,12 @@
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SummaryCardTitle = function SummaryCardTitle(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    _ref$headingTag = _ref.headingTag,
+    Heading = _ref$headingTag === void 0 ? 'h2' : _ref$headingTag;
+  return _jsx(Heading, {
+    className: clsx('govuk-summary-card__title', className),
+    children: children
+  });
+};

package/react/esm/summary-list/SummaryList.js

@@ -0,0 +1,76 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["card", "className", "rows"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx } from "react/jsx-runtime";
+var SummaryCard = function SummaryCard(_ref) {
+  var actions = _ref.actions,
+    children = _ref.children,
+    className = _ref.className,
+    title = _ref.title;
+  return _jsxs("div", {
+    className: clsx('govuk-summary-card', className),
+    children: [_jsxs("div", {
+      className: "govuk-summary-card__title-wrapper",
+      children: [title, actions]
+    }), _jsx("div", {
+      className: "govuk-summary-card__content",
+      children: children
+    })]
+  });
+};
+var SummaryListRow = function SummaryListRow(_ref2) {
+  var children = _ref2.children,
+    className = _ref2.className,
+    anyRowHasActions = _ref2.anyRowHasActions,
+    hasActions = _ref2.hasActions;
+  return _jsx("div", {
+    className: clsx('govuk-summary-list__row', anyRowHasActions && !hasActions && 'govuk-summary-list__row--no-actions', className),
+    children: children
+  });
+};
+export var SummaryList = forwardRef(function (_ref3, ref) {
+  var card = _ref3.card,
+    className = _ref3.className,
+    rows = _ref3.rows,
+    rest = _objectWithoutProperties(_ref3, _excluded);
+  var anyRowHasActions = rows.some(function (row) {
+    return row.actions;
+  });
+  var allRowsHaveKeys = rows.every(function (row) {
+    return row.reactKey;
+  });
+  var summaryListContents = _jsx("dl", _objectSpread(_objectSpread({
+    ref: ref,
+    className: clsx('govuk-summary-list', className)
+  }, rest), {}, {
+    children: rows.map(function (_ref4, index) {
+      var rowclassName = _ref4.className,
+        key = _ref4.key,
+        value = _ref4.value,
+        actions = _ref4.actions,
+        reactKey = _ref4.reactKey;
+      return _jsxs(SummaryListRow, {
+        anyRowHasActions: anyRowHasActions,
+        className: rowclassName,
+        hasActions: Boolean(actions),
+        children: [key, value, actions]
+      }, allRowsHaveKeys ? reactKey : index);
+    })
+  }));
+  if (card) {
+    return _jsx(SummaryCard, _objectSpread(_objectSpread({}, card), {}, {
+      children: summaryListContents
+    }));
+  }
+  return summaryListContents;
+});
+SummaryList.displayName = 'SummaryList';

package/react/esm/summary-list/SummaryListActionLink.js

@@ -0,0 +1,25 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { LinkBase } from '../internal/Link/Link';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SummaryListActionLink = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(LinkBase, _objectSpread(_objectSpread({
+    ref: ref,
+    className: clsx('govuk-link', className)
+  }, props), {}, {
+    children: children
+  }));
+});
+SummaryListActionLink.displayName = 'SummaryListActionLink';

package/react/esm/summary-list/SummaryListActions.js

@@ -0,0 +1,22 @@
+import clsx from 'clsx';
+import { isValidElement } from 'react';
+import flattenChildren from 'react-keyed-flatten-children';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SummaryListActions = function SummaryListActions(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  var flattenedChildren = flattenChildren(children).filter(isValidElement);
+  var links = flattenedChildren.length === 1 ? flattenedChildren : _jsx("ul", {
+    className: "govuk-summary-list__actions-list",
+    children: flattenedChildren.map(function (child) {
+      return _jsx("li", {
+        className: "govuk-summary-list__actions-list-item",
+        children: child
+      }, child.key);
+    })
+  });
+  return _jsx("dd", {
+    className: clsx('govuk-summary-list__actions', className),
+    children: links
+  });
+};

package/react/esm/summary-list/SummaryListKey.js

@@ -0,0 +1,10 @@
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SummaryListKey = function SummaryListKey(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return _jsx("dt", {
+    className: clsx('govuk-summary-list__key', className),
+    children: children
+  });
+};

package/react/esm/summary-list/SummaryListValue.js

@@ -0,0 +1,10 @@
+import clsx from 'clsx';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var SummaryListValue = function SummaryListValue(_ref) {
+  var children = _ref.children,
+    className = _ref.className;
+  return _jsx("dd", {
+    className: clsx('govuk-summary-list__value', className),
+    children: children
+  });
+};

package/react/esm/summary-list/index.js

@@ -0,0 +1,7 @@
+export * from './SummaryCardActions';
+export * from './SummaryCardTitle';
+export * from './SummaryList';
+export * from './SummaryListActionLink';
+export * from './SummaryListActions';
+export * from './SummaryListKey';
+export * from './SummaryListValue';

package/react/esm/tag/Tag.js

@@ -0,0 +1,27 @@
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+var _excluded = ["children", "className"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+import clsx from 'clsx';
+import { forwardRef } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+export var Tag = forwardRef(function (_ref, ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  var isTagVariant = (className !== null && className !== void 0 ? className : '').split(' ').some(function (value) {
+    return value.trimStart().startsWith('govuk-tag--');
+  });
+  return _jsx("strong", _objectSpread(_objectSpread({
+    ref: ref,
+    className: clsx('govuk-tag', className, !isTagVariant && 'moduk-tag--default')
+  }, rest), {}, {
+    children: children
+  }));
+});
+Tag.displayName = 'Tag';

package/react/esm/tag/index.js

@@ -0,0 +1 @@
+export { Tag } from './Tag';

package/react/footer/Footer.d.ts

@@ -0,0 +1,44 @@
+import { type ComponentPropsWithoutRef, type ReactElement } from 'react';
+import type { FooterMetaProps } from './FooterMeta';
+import type { FooterNavigationProps } from './FooterNavigation';
+interface FooterProps extends ComponentPropsWithoutRef<'footer'> {
+    /**
+     * Classes that can be added to the inner container, useful if you want to make the footer full width.
+     */
+    containerClassName?: string;
+    /**
+     * The content licence text.
+     */
+    contentLicence?: ReactElement | string;
+    /**
+     * The copyright text.
+     */
+    copyright?: ReactElement | string;
+    /**
+     * Meta navigation. An instance of FooterMeta.
+     */
+    meta?: ReactElement<FooterMetaProps>;
+    /**
+     * Secondary navigation. An instance of FooterNavigation.
+     */
+    navigation?: ReactElement<FooterNavigationProps>;
+}
+/**
+ * A page footer.
+ *
+ * @experimental React components are in alpha and subject to change.
+ *
+ * @example
+ * <Footer
+ *   meta={
+ *     <FooterMeta>
+ *       <FooterMetaLink href='#1'>Item 1</FooterMetaLink>
+ *       <FooterMetaLink href='#2'>Item 2</FooterMetaLink>
+ *       <FooterMetaLink href='#2'>Item 3</FooterMetaLink>
+ *     </FooterMeta>
+ *   }
+ * />
+ */
+export declare const Footer: import("react").ForwardRefExoticComponent<FooterProps & import("react").RefAttributes<HTMLElement>>;
+export {};
+//# sourceMappingURL=Footer.d.ts.map

package/react/footer/Footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Footer.d.ts","sourceRoot":"","sources":["../../../src/react/footer/Footer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,wBAAwB,EAAc,KAAK,YAAY,EAAE,MAAM,OAAO,CAAA;AACpF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,oBAAoB,CAAA;AA4D/D,UAAU,WAAY,SAAQ,wBAAwB,CAAC,QAAQ,CAAC;IAC9D;;OAEG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IACtC;;OAEG;IACH,SAAS,CAAC,EAAE,YAAY,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,IAAI,CAAC,EAAE,YAAY,CAAC,eAAe,CAAC,CAAA;IACpC;;OAEG;IACH,UAAU,CAAC,EAAE,YAAY,CAAC,qBAAqB,CAAC,CAAA;CACjD;AAED;;;;;;;;;;;;;;;GAeG;AACH,eAAO,MAAM,MAAM,qGAuBjB,CAAA"}