@iabbb/bds-react 0.45.2 → 0.46.0

package/Fieldset/index.cjs

@@ -0,0 +1,119 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+
+function _interopNamespaceDefault(e) {
+  var n = Object.create(null);
+  if (e) {
+    Object.keys(e).forEach(function (k) {
+      if (k !== 'default') {
+        var d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: function () { return e[k]; }
+        });
+      }
+    });
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+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;
+}
+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;
+}
+
+var _excluded$1 = ["className", "children"];
+function ErrorMessage(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React__namespace.createElement("span", _extends({
+    className: ['bds-error', className].filter(function (x) {
+      return x;
+    }).join(' ')
+  }, props), /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512",
+    "aria-hidden": "true",
+    height: "1em",
+    width: "1em",
+    fill: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
+  })), children);
+}
+
+var _excluded = ["children", "className", "error", "hint", "isOptional", "legend", "showOptionsInline"];
+function Fieldset(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    error = _ref.error,
+    hint = _ref.hint,
+    isOptional = _ref.isOptional,
+    legend = _ref.legend,
+    showOptionsInline = _ref.showOptionsInline,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var errorId = React__namespace.useId();
+  var hintId = React__namespace.useId();
+  return /*#__PURE__*/React__namespace.createElement("fieldset", _extends({
+    "aria-describedby": error && hint ? "".concat(hintId, " ").concat(errorId) : error ? errorId : hint ? hintId : undefined,
+    "aria-invalid": !!error,
+    className: ['bds-fieldset', className].filter(function (x) {
+      return x;
+    }).join(' ')
+  }, props), /*#__PURE__*/React__namespace.createElement("legend", null, legend, isOptional && ' (optional)'), hint && /*#__PURE__*/React__namespace.createElement("span", {
+    className: "bds-hint",
+    id: hintId
+  }, hint), error && /*#__PURE__*/React__namespace.createElement(ErrorMessage, {
+    id: errorId
+  }, error), /*#__PURE__*/React__namespace.createElement("div", {
+    className: "bds-form-options",
+    "data-inline-options": showOptionsInline ? '' : undefined
+  }, children));
+}
+
+exports.default = Fieldset;
+//# sourceMappingURL=index.cjs.map

package/Fieldset/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../src/ErrorMessage/ErrorMessage.tsx","../../src/Fieldset/Fieldset.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default function ErrorMessage({ className, children, ...props }: React.ComponentPropsWithoutRef<'span'>) {\n  return (\n    <span className={['bds-error', className].filter((x) => x).join(' ')} {...props}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 512 512\"\n        aria-hidden=\"true\"\n        height=\"1em\"\n        width=\"1em\"\n        fill=\"currentColor\"\n      >\n        <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n      </svg>\n      {children}\n    </span>\n  );\n}\n","import * as React from 'react';\nimport ErrorMessage from '../ErrorMessage';\n\nexport type FieldsetProps = {\n  error?: string;\n  hint?: string;\n  isOptional?: boolean;\n  legend: React.ReactNode | string;\n  showOptionsInline?: boolean;\n};\n\nexport default function Fieldset({\n  children,\n  className,\n  error,\n  hint,\n  isOptional,\n  legend,\n  showOptionsInline,\n  ...props\n}: FieldsetProps & React.ComponentPropsWithoutRef<'fieldset'>) {\n  const errorId = React.useId();\n  const hintId = React.useId();\n\n  return (\n    <fieldset\n      aria-describedby={error && hint ? `${hintId} ${errorId}` : error ? errorId : hint ? hintId : undefined}\n      aria-invalid={!!error}\n      className={['bds-fieldset', className].filter((x) => x).join(' ')}\n      {...props}\n    >\n      <legend>\n        {legend}\n        {isOptional && ' (optional)'}\n      </legend>\n      {hint && (\n        <span className=\"bds-hint\" id={hintId}>\n          {hint}\n        </span>\n      )}\n      {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}\n      <div className=\"bds-form-options\" data-inline-options={showOptionsInline ? '' : undefined}>\n        {children}\n      </div>\n    </fieldset>\n  );\n}\n"],"names":["ErrorMessage","_ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","_extends","filter","x","join","xmlns","viewBox","height","width","fill","d","Fieldset","error","hint","isOptional","legend","showOptionsInline","errorId","useId","hintId","concat","undefined","id"],"mappings":"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"}

package/Fieldset/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Fieldset';
+export * from './Fieldset';

package/Fieldset/index.mjs

@@ -0,0 +1,96 @@
+import * as React from 'react';
+
+function _extends() {
+  _extends = Object.assign ? Object.assign.bind() : function (target) {
+    for (var i = 1; i < arguments.length; i++) {
+      var source = arguments[i];
+      for (var key in source) {
+        if (Object.prototype.hasOwnProperty.call(source, key)) {
+          target[key] = source[key];
+        }
+      }
+    }
+    return target;
+  };
+  return _extends.apply(this, arguments);
+}
+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;
+}
+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;
+}
+
+var _excluded$1 = ["className", "children"];
+function ErrorMessage(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$1);
+  return /*#__PURE__*/React.createElement("span", _extends({
+    className: ['bds-error', className].filter(function (x) {
+      return x;
+    }).join(' ')
+  }, props), /*#__PURE__*/React.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512",
+    "aria-hidden": "true",
+    height: "1em",
+    width: "1em",
+    fill: "currentColor"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
+  })), children);
+}
+
+var _excluded = ["children", "className", "error", "hint", "isOptional", "legend", "showOptionsInline"];
+function Fieldset(_ref) {
+  var children = _ref.children,
+    className = _ref.className,
+    error = _ref.error,
+    hint = _ref.hint,
+    isOptional = _ref.isOptional,
+    legend = _ref.legend,
+    showOptionsInline = _ref.showOptionsInline,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var errorId = React.useId();
+  var hintId = React.useId();
+  return /*#__PURE__*/React.createElement("fieldset", _extends({
+    "aria-describedby": error && hint ? "".concat(hintId, " ").concat(errorId) : error ? errorId : hint ? hintId : undefined,
+    "aria-invalid": !!error,
+    className: ['bds-fieldset', className].filter(function (x) {
+      return x;
+    }).join(' ')
+  }, props), /*#__PURE__*/React.createElement("legend", null, legend, isOptional && ' (optional)'), hint && /*#__PURE__*/React.createElement("span", {
+    className: "bds-hint",
+    id: hintId
+  }, hint), error && /*#__PURE__*/React.createElement(ErrorMessage, {
+    id: errorId
+  }, error), /*#__PURE__*/React.createElement("div", {
+    className: "bds-form-options",
+    "data-inline-options": showOptionsInline ? '' : undefined
+  }, children));
+}
+
+export { Fieldset as default };
+//# sourceMappingURL=index.mjs.map

package/Fieldset/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/ErrorMessage/ErrorMessage.tsx","../../src/Fieldset/Fieldset.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport default function ErrorMessage({ className, children, ...props }: React.ComponentPropsWithoutRef<'span'>) {\n  return (\n    <span className={['bds-error', className].filter((x) => x).join(' ')} {...props}>\n      <svg\n        xmlns=\"http://www.w3.org/2000/svg\"\n        viewBox=\"0 0 512 512\"\n        aria-hidden=\"true\"\n        height=\"1em\"\n        width=\"1em\"\n        fill=\"currentColor\"\n      >\n        <path d=\"M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z\" />\n      </svg>\n      {children}\n    </span>\n  );\n}\n","import * as React from 'react';\nimport ErrorMessage from '../ErrorMessage';\n\nexport type FieldsetProps = {\n  error?: string;\n  hint?: string;\n  isOptional?: boolean;\n  legend: React.ReactNode | string;\n  showOptionsInline?: boolean;\n};\n\nexport default function Fieldset({\n  children,\n  className,\n  error,\n  hint,\n  isOptional,\n  legend,\n  showOptionsInline,\n  ...props\n}: FieldsetProps & React.ComponentPropsWithoutRef<'fieldset'>) {\n  const errorId = React.useId();\n  const hintId = React.useId();\n\n  return (\n    <fieldset\n      aria-describedby={error && hint ? `${hintId} ${errorId}` : error ? errorId : hint ? hintId : undefined}\n      aria-invalid={!!error}\n      className={['bds-fieldset', className].filter((x) => x).join(' ')}\n      {...props}\n    >\n      <legend>\n        {legend}\n        {isOptional && ' (optional)'}\n      </legend>\n      {hint && (\n        <span className=\"bds-hint\" id={hintId}>\n          {hint}\n        </span>\n      )}\n      {error && <ErrorMessage id={errorId}>{error}</ErrorMessage>}\n      <div className=\"bds-form-options\" data-inline-options={showOptionsInline ? '' : undefined}>\n        {children}\n      </div>\n    </fieldset>\n  );\n}\n"],"names":["ErrorMessage","_ref","className","children","props","_objectWithoutProperties","_excluded","React","createElement","_extends","filter","x","join","xmlns","viewBox","height","width","fill","d","Fieldset","error","hint","isOptional","legend","showOptionsInline","errorId","useId","hintId","concat","undefined","id"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEe,SAASA,YAAYA,CAAAC,IAAA,EAA4E;AAAA,EAAA,IAAzEC,SAAS,GAAAD,IAAA,CAATC,SAAS;IAAEC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AAAKC,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,WAAA,CAAA,CAAA;AAClE,EAAA,oBACEC,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAAC,QAAA,CAAA;IAAMP,SAAS,EAAE,CAAC,WAAW,EAAEA,SAAS,CAAC,CAACQ,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;KAAC,CAAA,CAACC,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,EAAKR,KAAK,CAAA,eAC7EG,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEK,IAAAA,KAAK,EAAC,4BAA4B;AAClCC,IAAAA,OAAO,EAAC,aAAa;AACrB,IAAA,aAAA,EAAY,MAAM;AAClBC,IAAAA,MAAM,EAAC,KAAK;AACZC,IAAAA,KAAK,EAAC,KAAK;AACXC,IAAAA,IAAI,EAAC,cAAA;GAELV,eAAAA,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMU,IAAAA,CAAC,EAAC,4UAAA;AAA4U,GAAE,CACnV,CAAC,EACLf,QACG,CAAC,CAAA;AAEX;;;ACPe,SAASgB,QAAQA,CAAAlB,IAAA,EAS+B;AAAA,EAAA,IAR7DE,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRD,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTkB,KAAK,GAAAnB,IAAA,CAALmB,KAAK;IACLC,IAAI,GAAApB,IAAA,CAAJoB,IAAI;IACJC,UAAU,GAAArB,IAAA,CAAVqB,UAAU;IACVC,MAAM,GAAAtB,IAAA,CAANsB,MAAM;IACNC,iBAAiB,GAAAvB,IAAA,CAAjBuB,iBAAiB;AACdpB,IAAAA,KAAK,GAAAC,wBAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;AAER,EAAA,IAAMmB,OAAO,GAAGlB,KAAK,CAACmB,KAAK,EAAE,CAAA;AAC7B,EAAA,IAAMC,MAAM,GAAGpB,KAAK,CAACmB,KAAK,EAAE,CAAA;AAE5B,EAAA,oBACEnB,KAAA,CAAAC,aAAA,CAAA,UAAA,EAAAC,QAAA,CAAA;IACE,kBAAkBW,EAAAA,KAAK,IAAIC,IAAI,GAAA,EAAA,CAAAO,MAAA,CAAMD,MAAM,OAAAC,MAAA,CAAIH,OAAO,CAAKL,GAAAA,KAAK,GAAGK,OAAO,GAAGJ,IAAI,GAAGM,MAAM,GAAGE,SAAU;IACvG,cAAc,EAAA,CAAC,CAACT,KAAM;IACtBlB,SAAS,EAAE,CAAC,cAAc,EAAEA,SAAS,CAAC,CAACQ,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;KAAC,CAAA,CAACC,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,EAC9DR,KAAK,CAETG,eAAAA,KAAA,CAAAC,aAAA,iBACGe,MAAM,EACND,UAAU,IAAI,aACT,CAAC,EACRD,IAAI,iBACHd,KAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMN,IAAAA,SAAS,EAAC,UAAU;AAAC4B,IAAAA,EAAE,EAAEH,MAAAA;GAC5BN,EAAAA,IACG,CACP,EACAD,KAAK,iBAAIb,KAAA,CAAAC,aAAA,CAACR,YAAY,EAAA;AAAC8B,IAAAA,EAAE,EAAEL,OAAAA;AAAQ,GAAA,EAAEL,KAAoB,CAAC,eAC3Db,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAC,kBAAkB;IAAC,qBAAqBsB,EAAAA,iBAAiB,GAAG,EAAE,GAAGK,SAAAA;GAC7E1B,EAAAA,QACE,CACG,CAAC,CAAA;AAEf;;;;"}

package/Fieldset/package.json

@@ -0,0 +1,7 @@
+{
+  "name": "@iabbb/bds-react/Fieldset",
+  "private": true,
+  "main": "./index.cjs",
+  "module": "./index.mjs",
+  "types": "./index.d.ts"
+}

package/Pagination/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 
 function _interopNamespaceDefault(e) {
@@ -176,5 +178,5 @@ function Pagination(_ref) {
   })))));
 }
 
-module.exports = Pagination;
+exports.default = Pagination;
 //# sourceMappingURL=index.cjs.map

package/Pagination/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type PaginationProps = {\n  buildPageUrl: (page: number) => string;\n  currentPage: number;\n  onPageClick?: (page: number) => void;\n  totalPages: number;\n};\n\nfunction usePages(currentPage: number, totalPages: number) {\n  const pages = [1, currentPage - 1, currentPage, currentPage + 1, totalPages].filter(\n    (x) => x >= 1 && x <= totalPages,\n  );\n  return [...new Set(pages)];\n}\n\nexport default function Pagination({\n  buildPageUrl,\n  className,\n  currentPage,\n  onPageClick,\n  totalPages,\n  ...props\n}: PaginationProps & React.ComponentPropsWithoutRef<'nav'>) {\n  const pages = usePages(currentPage, totalPages);\n\n  return (\n    <nav aria-label=\"pagination\" className={['bds-pagination', className].filter((x) => x).join(' ')} {...props}>\n      {currentPage !== 1 && (\n        <>\n          <a href={buildPageUrl(1)} className=\"bds-first-page\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              height=\"1em\"\n              width=\"100%\"\n              viewBox=\"0 63.95 512 384.1\"\n            >\n              <path d=\"M459.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4L288 214.3v83.4l171.5 142.9zM256 352V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4l-192 160C4.2 237.5 0 246.5 0 256s4.2 18.5 11.5 24.6l192 160c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29v-64z\" />\n            </svg>\n            First\n          </a>\n          <a aria-label=\"previous\" href={buildPageUrl(currentPage - 1)} rel=\"prev\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              width=\"100%\"\n              height=\"1em\"\n              viewBox=\"0.02 95.9 192.08 320.17\"\n            >\n              <path d=\"M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6v256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z\" />\n            </svg>\n            Prev.\n          </a>\n        </>\n      )}\n      <ul>\n        {pages.map((page, index) => {\n          const handlePageClick = () => {\n            if (!onPageClick) return;\n\n            onPageClick(page);\n          };\n\n          return (\n            <React.Fragment key={page}>\n              <li>\n                <a\n                  aria-current={page === currentPage ? 'page' : undefined}\n                  href={buildPageUrl(page)}\n                  onClick={handlePageClick}\n                >\n                  <span className=\"visually-hidden\">Page</span> {page}\n                </a>\n              </li>\n              {pages[index + 1] > page + 1 ? <li data-overflow=\"\">...</li> : null}\n            </React.Fragment>\n          );\n        })}\n      </ul>\n      {currentPage !== totalPages && (\n        <>\n          <a href={buildPageUrl(currentPage + 1)} rel=\"next\">\n            Next\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              viewBox=\"63.9 95.9 192.1 320.17\"\n              width=\"100%\"\n              height=\"1em\"\n            >\n              <path d=\"M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9S63.9 115 63.9 128v256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z\" />\n            </svg>\n          </a>\n          <a href={buildPageUrl(totalPages)} className=\"bds-last-page\">\n            Last\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              width=\"100%\"\n              height=\"1em\"\n              viewBox=\"0 63.95 512 384.1\"\n            >\n              <path d=\"M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4L224 214.3v83.4L52.5 440.6zM256 352V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4l192 160c7.3 6.1 11.5 15.1 11.5 24.6s-4.2 18.5-11.5 24.6l-192 160c-9.5 7.9-22.8 9.7-34.1 4.4S256 428.4 256 416v-64z\" />\n            </svg>\n          </a>\n        </>\n      )}\n    </nav>\n  );\n}\n"],"names":["usePages","currentPage","totalPages","pages","filter","x","_toConsumableArray","Set","Pagination","_ref","buildPageUrl","className","onPageClick","props","_objectWithoutProperties","_excluded","React","createElement","_extends","join","Fragment","href","xmlns","focusable","height","width","viewBox","d","rel","map","page","index","handlePageClick","key","undefined","onClick"],"mappings":"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"}
+{"version":3,"file":"index.cjs","sources":["../../src/Pagination/Pagination.tsx"],"sourcesContent":["import * as React from 'react';\n\nexport type PaginationProps = {\n  buildPageUrl: (page: number) => string;\n  currentPage: number;\n  onPageClick?: (page: number) => void;\n  totalPages: number;\n};\n\nfunction usePages(currentPage: number, totalPages: number) {\n  const pages = [1, currentPage - 1, currentPage, currentPage + 1, totalPages].filter(\n    (x) => x >= 1 && x <= totalPages,\n  );\n  return [...new Set(pages)];\n}\n\nexport default function Pagination({\n  buildPageUrl,\n  className,\n  currentPage,\n  onPageClick,\n  totalPages,\n  ...props\n}: PaginationProps & React.ComponentPropsWithoutRef<'nav'>) {\n  const pages = usePages(currentPage, totalPages);\n\n  return (\n    <nav aria-label=\"pagination\" className={['bds-pagination', className].filter((x) => x).join(' ')} {...props}>\n      {currentPage !== 1 && (\n        <>\n          <a href={buildPageUrl(1)} className=\"bds-first-page\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              height=\"1em\"\n              width=\"100%\"\n              viewBox=\"0 63.95 512 384.1\"\n            >\n              <path d=\"M459.5 440.6c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4L288 214.3v83.4l171.5 142.9zM256 352V96c0-12.4-7.2-23.7-18.4-29s-24.5-3.6-34.1 4.4l-192 160C4.2 237.5 0 246.5 0 256s4.2 18.5 11.5 24.6l192 160c9.5 7.9 22.8 9.7 34.1 4.4s18.4-16.6 18.4-29v-64z\" />\n            </svg>\n            First\n          </a>\n          <a aria-label=\"previous\" href={buildPageUrl(currentPage - 1)} rel=\"prev\">\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              width=\"100%\"\n              height=\"1em\"\n              viewBox=\"0.02 95.9 192.08 320.17\"\n            >\n              <path d=\"M9.4 278.6c-12.5-12.5-12.5-32.8 0-45.3l128-128c9.2-9.2 22.9-11.9 34.9-6.9s19.8 16.6 19.8 29.6v256c0 12.9-7.8 24.6-19.8 29.6s-25.7 2.2-34.9-6.9l-128-128z\" />\n            </svg>\n            Prev.\n          </a>\n        </>\n      )}\n      <ul>\n        {pages.map((page, index) => {\n          const handlePageClick = () => {\n            if (!onPageClick) return;\n\n            onPageClick(page);\n          };\n\n          return (\n            <React.Fragment key={page}>\n              <li>\n                <a\n                  aria-current={page === currentPage ? 'page' : undefined}\n                  href={buildPageUrl(page)}\n                  onClick={handlePageClick}\n                >\n                  <span className=\"visually-hidden\">Page</span> {page}\n                </a>\n              </li>\n              {pages[index + 1] > page + 1 ? <li data-overflow=\"\">...</li> : null}\n            </React.Fragment>\n          );\n        })}\n      </ul>\n      {currentPage !== totalPages && (\n        <>\n          <a href={buildPageUrl(currentPage + 1)} rel=\"next\">\n            Next\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              viewBox=\"63.9 95.9 192.1 320.17\"\n              width=\"100%\"\n              height=\"1em\"\n            >\n              <path d=\"M246.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-128-128c-9.2-9.2-22.9-11.9-34.9-6.9S63.9 115 63.9 128v256c0 12.9 7.8 24.6 19.8 29.6s25.7 2.2 34.9-6.9l128-128z\" />\n            </svg>\n          </a>\n          <a href={buildPageUrl(totalPages)} className=\"bds-last-page\">\n            Last\n            <svg\n              xmlns=\"http://www.w3.org/2000/svg\"\n              aria-hidden=\"true\"\n              focusable=\"false\"\n              width=\"100%\"\n              height=\"1em\"\n              viewBox=\"0 63.95 512 384.1\"\n            >\n              <path d=\"M52.5 440.6c-9.5 7.9-22.8 9.7-34.1 4.4S0 428.4 0 416V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4L224 214.3v83.4L52.5 440.6zM256 352V96c0-12.4 7.2-23.7 18.4-29s24.5-3.6 34.1 4.4l192 160c7.3 6.1 11.5 15.1 11.5 24.6s-4.2 18.5-11.5 24.6l-192 160c-9.5 7.9-22.8 9.7-34.1 4.4S256 428.4 256 416v-64z\" />\n            </svg>\n          </a>\n        </>\n      )}\n    </nav>\n  );\n}\n"],"names":["usePages","currentPage","totalPages","pages","filter","x","_toConsumableArray","Set","Pagination","_ref","buildPageUrl","className","onPageClick","props","_objectWithoutProperties","_excluded","React","createElement","_extends","join","Fragment","href","xmlns","focusable","height","width","viewBox","d","rel","map","page","index","handlePageClick","key","undefined","onClick"],"mappings":"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"}

package/Typography/index.cjs

@@ -1,5 +1,7 @@
 'use strict';
 
+Object.defineProperty(exports, '__esModule', { value: true });
+
 var React = require('react');
 
 function _interopNamespaceDefault(e) {
@@ -95,5 +97,5 @@ var Typography = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   }, props));
 });
 
-module.exports = Typography;
+exports.default = Typography;
 //# sourceMappingURL=index.cjs.map

package/Typography/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst componentMap = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  body: 'p',\n};\n\nconst classMap = {\n  h1: 'bds-h1',\n  h2: 'bds-h2',\n  h3: 'bds-h3',\n  h4: 'bds-h4',\n  h5: 'bds-h5',\n  body: 'bds-body',\n};\n\nexport type TypographyProps = {\n  component?: React.ElementType;\n  variant?: 'body' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n};\n\nconst Typography = React.forwardRef<HTMLOrSVGElement, React.HTMLAttributes<HTMLOrSVGElement> & TypographyProps>(\n  ({ className, component, variant = 'body', ...props }, ref) => {\n    const Component = component ?? (componentMap[variant] as React.ElementType);\n\n    return (\n      <Component className={[classMap[variant], className].filter((x) => x).join(' ')} ref={ref} {...props} />\n    );\n  },\n);\n\nexport default Typography;\n"],"names":["componentMap","h1","h2","h3","h4","h5","body","classMap","Typography","React","forwardRef","_ref","ref","className","component","_ref$variant","variant","props","_objectWithoutProperties","_excluded","Component","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,IAAI,EAAE,GAAA;AACR,CAAC,CAAA;AAED,IAAMC,QAAQ,GAAG;AACfN,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,IAAI,EAAE,UAAA;AACR,CAAC,CAAA;AAOKE,IAAAA,UAAU,gBAAGC,gBAAK,CAACC,UAAU,CACjC,UAAAC,IAAA,EAAuDC,GAAG,EAAK;AAAA,EAAA,IAA5DC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EACjD,IAAMC,SAAS,GAAGN,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAKd,YAAY,CAACgB,OAAO,CAAuB,CAAA;AAE3E,EAAA,oBACEP,gBAAA,CAAAY,aAAA,CAACD,SAAS,EAAAE,QAAA,CAAA;AAACT,IAAAA,SAAS,EAAE,CAACN,QAAQ,CAACS,OAAO,CAAC,EAAEH,SAAS,CAAC,CAACU,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAACb,IAAAA,GAAG,EAAEA,GAAAA;GAASK,EAAAA,KAAK,CAAG,CAAC,CAAA;AAE5G,CACF;;;;"}
+{"version":3,"file":"index.cjs","sources":["../../src/Typography/Typography.tsx"],"sourcesContent":["import * as React from 'react';\n\nconst componentMap = {\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  h4: 'h4',\n  h5: 'h5',\n  body: 'p',\n};\n\nconst classMap = {\n  h1: 'bds-h1',\n  h2: 'bds-h2',\n  h3: 'bds-h3',\n  h4: 'bds-h4',\n  h5: 'bds-h5',\n  body: 'bds-body',\n};\n\nexport type TypographyProps = {\n  component?: React.ElementType;\n  variant?: 'body' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5';\n};\n\nconst Typography = React.forwardRef<HTMLOrSVGElement, React.HTMLAttributes<HTMLOrSVGElement> & TypographyProps>(\n  ({ className, component, variant = 'body', ...props }, ref) => {\n    const Component = component ?? (componentMap[variant] as React.ElementType);\n\n    return (\n      <Component className={[classMap[variant], className].filter((x) => x).join(' ')} ref={ref} {...props} />\n    );\n  },\n);\n\nexport default Typography;\n"],"names":["componentMap","h1","h2","h3","h4","h5","body","classMap","Typography","React","forwardRef","_ref","ref","className","component","_ref$variant","variant","props","_objectWithoutProperties","_excluded","Component","createElement","_extends","filter","x","join"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,YAAY,GAAG;AACnBC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,EAAE,EAAE,IAAI;AACRC,EAAAA,IAAI,EAAE,GAAA;AACR,CAAC,CAAA;AAED,IAAMC,QAAQ,GAAG;AACfN,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,EAAE,EAAE,QAAQ;AACZC,EAAAA,IAAI,EAAE,UAAA;AACR,CAAC,CAAA;AAOKE,IAAAA,UAAU,gBAAGC,gBAAK,CAACC,UAAU,CACjC,UAAAC,IAAA,EAAuDC,GAAG,EAAK;AAAA,EAAA,IAA5DC,SAAS,GAAAF,IAAA,CAATE,SAAS;IAAEC,SAAS,GAAAH,IAAA,CAATG,SAAS;IAAAC,YAAA,GAAAJ,IAAA,CAAEK,OAAO;AAAPA,IAAAA,OAAO,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,YAAA;AAAKE,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EACjD,IAAMC,SAAS,GAAGN,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAATA,KAAAA,CAAAA,GAAAA,SAAS,GAAKd,YAAY,CAACgB,OAAO,CAAuB,CAAA;AAE3E,EAAA,oBACEP,gBAAA,CAAAY,aAAA,CAACD,SAAS,EAAAE,QAAA,CAAA;AAACT,IAAAA,SAAS,EAAE,CAACN,QAAQ,CAACS,OAAO,CAAC,EAAEH,SAAS,CAAC,CAACU,MAAM,CAAC,UAACC,CAAC,EAAA;AAAA,MAAA,OAAKA,CAAC,CAAA;AAAA,KAAA,CAAC,CAACC,IAAI,CAAC,GAAG,CAAE;AAACb,IAAAA,GAAG,EAAEA,GAAAA;GAASK,EAAAA,KAAK,CAAG,CAAC,CAAA;AAE5G,CACF;;;;"}

package/index.cjs

@@ -88,7 +88,7 @@ function _nonIterableSpread() {
   throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
 }
 
-var _excluded$5 = ["children", "className", "onClick", "preventDoubleClick", "variant"];
+var _excluded$6 = ["children", "className", "onClick", "preventDoubleClick", "variant"];
 var DEBOUNCE_TIMEOUT_IN_SECONDS = 1;
 var Button = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var children = _ref.children,
@@ -98,7 +98,7 @@ var Button = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
     preventDoubleClick = _ref$preventDoubleCli === void 0 ? false : _ref$preventDoubleCli,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'standard' : _ref$variant,
-    props = _objectWithoutProperties(_ref, _excluded$5);
+    props = _objectWithoutProperties(_ref, _excluded$6);
   var debounceClicks = React__namespace.useRef(false);
   var handleClick = function handleClick(event) {
     // 👇 button is not configured to ignore double clicks
@@ -136,13 +136,13 @@ var Button = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   }, props), children);
 });
 
-var _excluded$4 = ["children", "className", "variant"];
+var _excluded$5 = ["children", "className", "variant"];
 var CallToAction = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var children = _ref.children,
     className = _ref.className,
     _ref$variant = _ref.variant,
     variant = _ref$variant === void 0 ? 'standard' : _ref$variant,
-    props = _objectWithoutProperties(_ref, _excluded$4);
+    props = _objectWithoutProperties(_ref, _excluded$5);
   return /*#__PURE__*/React__namespace.createElement("a", _extends({
     className: ['bds-cta', className].filter(function (x) {
       return x;
@@ -191,18 +191,24 @@ function getAssociatedLegendOrLabel(input) {
   return (_document$querySelect = document.querySelector("label[for='".concat(input.getAttribute('id'), "']"))) !== null && _document$querySelect !== void 0 ? _document$querySelect : input.closest('label');
 }
 
-var _excluded$3 = ["errors", "mapNameToId"];
+var _excluded$4 = ["errors", "mapNameToId"];
 var FormErrorKey = '_form';
 var FINAL_FORM_ERROR = 'FINAL_FORM/form-error';
-var ErrorSummary = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
+function BdsErrorSummary(_ref) {
   var errors = _ref.errors,
     _ref$mapNameToId = _ref.mapNameToId,
     mapNameToId = _ref$mapNameToId === void 0 ? function (name) {
       return name;
     } : _ref$mapNameToId,
-    props = _objectWithoutProperties(_ref, _excluded$3);
+    props = _objectWithoutProperties(_ref, _excluded$4);
   var headingId = React__namespace.useId();
-  var isEmpty = !errors || Object.keys(errors).length === 0;
+  var groupRef = React__namespace.useRef(null);
+  React__namespace.useEffect(function () {
+    if (!errors || Object.keys(errors).length === 0) return;
+    if (!groupRef.current) return;
+    groupRef.current.focus();
+  }, [errors]);
+  if (!errors || Object.keys(errors).length === 0) return null;
   var handleLinkClick = function handleLinkClick(e) {
     var inputId = getFragmentFromUrl(e.currentTarget.href);
     if (!inputId) {
@@ -224,11 +230,10 @@ var ErrorSummary = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref)
   };
   return /*#__PURE__*/React__namespace.createElement("bds-error-summary", _extends({
     role: "group",
-    "aria-labelledby": !isEmpty ? headingId : undefined,
-    hidden: isEmpty ? true : undefined,
-    ref: ref,
+    "aria-labelledby": headingId,
+    ref: groupRef,
     tabIndex: -1
-  }, props), !isEmpty && /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("h2", {
+  }, props), /*#__PURE__*/React__namespace.createElement("h2", {
     className: "bds-h5",
     id: headingId
   }, /*#__PURE__*/React__namespace.createElement("svg", {
@@ -264,8 +269,29 @@ var ErrorSummary = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref)
         onClick: handleLinkClick
       }, fieldMessage, messages.length > 1 ? " (".concat(index + 1, " of ").concat(messages.length, ")") : undefined));
     }));
-  }))));
-});
+  })));
+}
+
+var _excluded$3 = ["className", "children"];
+function ErrorMessage(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded$3);
+  return /*#__PURE__*/React__namespace.createElement("span", _extends({
+    className: ['bds-error', className].filter(function (x) {
+      return x;
+    }).join(' ')
+  }, props), /*#__PURE__*/React__namespace.createElement("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 512 512",
+    "aria-hidden": "true",
+    height: "1em",
+    width: "1em",
+    fill: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
+  })), children);
+}
 
 var _excluded$2 = ["as", "error", "hint", "id", "isOptional", "label"];
 function FieldTextInput(_ref) {
@@ -283,27 +309,18 @@ function FieldTextInput(_ref) {
   var hintId = React__namespace.useId();
   var InputComponent = as !== null && as !== void 0 ? as : 'input';
   return /*#__PURE__*/React__namespace.createElement("div", {
-    className: "bds-text-input stack"
+    className: "bds-form-group"
   }, /*#__PURE__*/React__namespace.createElement("label", {
     htmlFor: id
   }, label, isOptional && ' (optional)'), hint && /*#__PURE__*/React__namespace.createElement("span", {
     className: "bds-hint",
     id: hintId
-  }, hint), error && /*#__PURE__*/React__namespace.createElement("span", {
-    className: "bds-error",
+  }, hint), error && /*#__PURE__*/React__namespace.createElement(ErrorMessage, {
     id: errorId
-  }, /*#__PURE__*/React__namespace.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 512 512",
-    "aria-hidden": "true",
-    height: "1em",
-    width: "1em",
-    fill: "currentColor"
-  }, /*#__PURE__*/React__namespace.createElement("path", {
-    d: "M256 32c14.2 0 27.3 7.5 34.5 19.8l216 368c7.3 12.4 7.3 27.7.2 40.1S486.3 480 472 480H40c-14.3 0-27.6-7.7-34.7-20.1s-7-27.8.2-40.1l216-368C228.7 39.5 241.8 32 256 32zm0 128c-13.3 0-24 10.7-24 24v112c0 13.3 10.7 24 24 24s24-10.7 24-24V184c0-13.3-10.7-24-24-24zm32 224c0-17.7-14.3-32-32-32s-32 14.3-32 32 14.3 32 32 32 32-14.3 32-32z"
-  })), error), /*#__PURE__*/React__namespace.createElement(InputComponent, _extends({
+  }, error), /*#__PURE__*/React__namespace.createElement(InputComponent, _extends({
     "aria-invalid": error ? true : undefined,
     "aria-describedby": error && hint ? "".concat(hintId, " ").concat(errorId) : error ? errorId : hint ? hintId : undefined,
+    className: "bds-text-input",
     id: id
   }, props)));
 }
@@ -430,7 +447,7 @@ var Typography = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
 
 exports.Button = Button;
 exports.CallToAction = CallToAction;
-exports.ErrorSummary = ErrorSummary;
+exports.ErrorSummary = BdsErrorSummary;
 exports.FieldTextInput = FieldTextInput;
 exports.Pagination = Pagination;
 exports.Typography = Typography;