@neo4j-ndl/react 4.24.2 → 4.25.1

package/lib/cjs/_common/form-control/FormFieldLabel.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormFieldLabel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/_common/form-control/FormFieldLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldLabel.js","sourceRoot":"","sources":["../../../../src/_common/form-control/FormFieldLabel.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AAGpC,+GAA4G;AAC5G,2CAAwC;AACxC,iDAA8C;AA+B9C;;;;;GAKG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,UAAU,EACxB,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,IAAI,GACgB,EAAE,EAAE;IACxB,MAAM,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,GACX,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;IAChE,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;IAC9C,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC;QACxC,4BAA4B,EAAE,IAAI,KAAK,OAAO;QAC9C,4BAA4B,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;KACpE,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,CACV,iCACE,SAAS,EAAE,IAAA,oBAAU,EACnB,oBAAoB,EACpB,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,EACjD,SAAS,CACV,aAED,uBAAC,uBAAU,IACT,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACjC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,gBAAgB,EAC1B,cAAc,EACZ,UAAU;oBACR,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE;oBAC5D,CAAC,CAAC,SAAS,YAGd,KAAK,GACK,EACZ,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAC/B,wBAAC,iBAAO,kBAAC,IAAI,EAAC,QAAQ,IAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,eAC3C,uBAAC,iBAAO,CAAC,OAAO,oBACV,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,IACzB,SAAS,EAAE,sBAAsB,EACjC,gBAAgB,kBAEhB,gCACE,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,gBACF,kBAAkB,iBACjB,sBAAsB,YAElC,uBAAC,2DAA4B,KAAG,GAC5B,IACU,EAClB,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,cACvC,mBAAmB,IACJ,KACV,CACX,EACA,oBAAoB,IAAI,CACvB,uBAAC,uBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,0BAA0B,YAC/D,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,GAC1B,CACd,IACG,CACP,CAAC;IAEF,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,2DAAG,IAAI,CAAC,GAAG,CAAC,GAAI,CAAC;AACrD,CAAC,CAAC;AA3EW,QAAA,cAAc,kBA2EzB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { InformationCircleIconOutline } from '../../icons/generated/heroIcons/InformationCircleIconOutline';\nimport { Tooltip } from '../../tooltip';\nimport { Typography } from '../../typography';\nimport { type TooltipObjectProps } from '../types';\nimport { type FormFieldSize, type FormFieldState } from './form-control-types';\n\ntype FormFieldLabelProps = {\n  field: FormFieldState;\n  size: FormFieldSize;\n  /**\n   * How the label is associated with its control. `explicit` renders a\n   * `<label>` pointing at the control through `htmlFor`, carrying `labelId`\n   * for `aria-labelledby`. `implicit` renders plain text, for components\n   * whose control is wrapped by an enclosing `<label>`, where a nested label\n   * element would be invalid.\n   */\n  association?: 'explicit' | 'implicit';\n  /**\n   * Click handler for an explicit label, for controls that need more than\n   * the default `htmlFor` focus forwarding (the Combobox label must move\n   * focus without toggling the panel).\n   */\n  onLabelClick?: React.MouseEventHandler<HTMLLabelElement>;\n  /** Text displayed in an information tooltip next to the label */\n  moreInformationText?: React.ReactNode;\n  /** Props for the Tooltip component used by the information icon */\n  tooltipProps?: TooltipObjectProps;\n  /** Extra class names for the label row */\n  className?: string;\n  /** Wraps the rendered row, so a component can put it inside a Skeleton. */\n  wrap?: (row: React.ReactNode) => React.ReactNode;\n};\n\n/**\n * The label row of a form field: the label itself, an optional information\n * tooltip, and the Required/Optional indicator. The indicator and the tooltip\n * are separate elements rather than label content, keeping them out of the\n * control's accessible name.\n */\nexport const FormFieldLabel = ({\n  field,\n  size,\n  association = 'explicit',\n  onLabelClick,\n  moreInformationText,\n  tooltipProps,\n  className,\n  wrap,\n}: FormFieldLabelProps) => {\n  const {\n    label,\n    labelId,\n    controlId,\n    hasVisuallyHiddenLabel,\n    hasRequiredIndicator,\n    isRequired,\n  } = field;\n  const variant = size === 'large' ? 'body-large' : 'body-medium';\n  const isExplicit = association === 'explicit';\n  const informationIconClasses = classNames({\n    'ndl-information-icon-large': size === 'large',\n    'ndl-information-icon-small': size === 'small' || size === 'medium',\n  });\n\n  const row = (\n    <div\n      className={classNames(\n        'ndl-form-label-row',\n        { 'ndl-visually-hidden': hasVisuallyHiddenLabel },\n        className,\n      )}\n    >\n      <Typography\n        as={isExplicit ? 'label' : 'span'}\n        variant={variant}\n        className=\"ndl-form-label\"\n        htmlAttributes={\n          isExplicit\n            ? { htmlFor: controlId, id: labelId, onClick: onLabelClick }\n            : undefined\n        }\n      >\n        {label}\n      </Typography>\n      {Boolean(moreInformationText) && (\n        <Tooltip type=\"simple\" {...tooltipProps?.root}>\n          <Tooltip.Trigger\n            {...tooltipProps?.trigger}\n            className={informationIconClasses}\n            hasButtonWrapper\n          >\n            <div\n              tabIndex={0}\n              role=\"button\"\n              aria-label=\"Information icon\"\n              data-testid=\"ndl-information-icon\"\n            >\n              <InformationCircleIconOutline />\n            </div>\n          </Tooltip.Trigger>\n          <Tooltip.Content {...tooltipProps?.content}>\n            {moreInformationText}\n          </Tooltip.Content>\n        </Tooltip>\n      )}\n      {hasRequiredIndicator && (\n        <Typography variant={variant} className=\"ndl-form-label-indicator\">\n          {isRequired ? 'Required' : 'Optional'}\n        </Typography>\n      )}\n    </div>\n  );\n\n  return wrap === undefined ? row : <>{wrap(row)}</>;\n};\n"]}
+{"version":3,"file":"FormFieldLabel.js","sourceRoot":"","sources":["../../../../src/_common/form-control/FormFieldLabel.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AAGpC,+GAA4G;AAC5G,2CAAwC;AACxC,iDAA8C;AA+B9C;;;;;GAKG;AACI,MAAM,cAAc,GAAG,CAAC,EAC7B,KAAK,EACL,IAAI,EACJ,WAAW,GAAG,UAAU,EACxB,YAAY,EACZ,mBAAmB,EACnB,YAAY,EACZ,SAAS,EACT,IAAI,GACgB,EAAE,EAAE;IACxB,MAAM,EACJ,KAAK,EACL,OAAO,EACP,SAAS,EACT,sBAAsB,EACtB,oBAAoB,EACpB,UAAU,GACX,GAAG,KAAK,CAAC;IACV,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,aAAa,CAAC;IAChE,MAAM,UAAU,GAAG,WAAW,KAAK,UAAU,CAAC;IAC9C,MAAM,sBAAsB,GAAG,IAAA,oBAAU,EAAC;QACxC,4BAA4B,EAAE,IAAI,KAAK,OAAO;QAC9C,4BAA4B,EAAE,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,QAAQ;KACpE,CAAC,CAAC;IAEH,MAAM,GAAG,GAAG,CACV,iCACE,SAAS,EAAE,IAAA,oBAAU,EACnB,oBAAoB,EACpB,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,EACjD,SAAS,CACV,aAED,uBAAC,uBAAU,IACT,EAAE,EAAE,UAAU,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,EACjC,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,gBAAgB,EAC1B,cAAc,EACZ,UAAU;oBACR,CAAC,CAAC,EAAE,OAAO,EAAE,SAAS,EAAE,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE;oBAC5D,CAAC,CAAC,SAAS,YAGd,KAAK,GACK,EACZ,OAAO,CAAC,mBAAmB,CAAC,IAAI,CAC/B,wBAAC,iBAAO,kBAAC,IAAI,EAAC,QAAQ,IAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,eAC3C,uBAAC,iBAAO,CAAC,OAAO,oBACV,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,IACzB,SAAS,EAAE,sBAAsB,EACjC,gBAAgB,kBAEhB,gCACE,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,gBACF,kBAAkB,iBACjB,sBAAsB,YAElC,uBAAC,2DAA4B,KAAG,GAC5B,IACU,EAClB,uBAAC,iBAAO,CAAC,OAAO,oBAAK,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,OAAO,cACvC,mBAAmB,IACJ,KACV,CACX,EACA,oBAAoB,IAAI,CACvB,uBAAC,uBAAU,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,0BAA0B,YAC/D,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU,GAC1B,CACd,IACG,CACP,CAAC;IAEF,OAAO,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,2DAAG,IAAI,CAAC,GAAG,CAAC,GAAI,CAAC;AACrD,CAAC,CAAC;AA3EW,QAAA,cAAc,kBA2EzB","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { InformationCircleIconOutline } from '../../icons/generated/heroIcons/InformationCircleIconOutline';\nimport { Tooltip } from '../../tooltip';\nimport { Typography } from '../../typography';\nimport { type TooltipObjectProps } from '../types';\nimport { type FormFieldSize, type FormFieldState } from './form-control-types';\n\ntype FormFieldLabelProps = {\n  field: FormFieldState;\n  size: FormFieldSize;\n  /**\n   * How the label is associated with its control. `explicit` renders a\n   * `<label>` pointing at the control through `htmlFor`, carrying `labelId`\n   * for `aria-labelledby`. `implicit` renders plain text, for components\n   * whose control is wrapped by an enclosing `<label>`, where a nested label\n   * element would be invalid.\n   */\n  association?: 'explicit' | 'implicit';\n  /**\n   * Click handler for an explicit label, for controls that need more than\n   * the default `htmlFor` focus forwarding (the Combobox label must move\n   * focus without toggling the panel).\n   */\n  onLabelClick?: React.MouseEventHandler<HTMLLabelElement>;\n  /** Text displayed in an information tooltip next to the label */\n  moreInformationText?: React.ReactNode;\n  /** Props for the Tooltip component used by the information icon */\n  tooltipProps?: TooltipObjectProps;\n  /** Extra class names for the label row */\n  className?: string;\n  /** Wraps the rendered row, so a component can put it inside a Skeleton. */\n  wrap?: (row: React.ReactNode) => React.ReactNode;\n};\n\n/**\n * The label row of a form field: the label itself, an optional information\n * tooltip, and the Required/Optional indicator. The indicator and the tooltip\n * are separate elements rather than label content, keeping them out of the\n * control's accessible name.\n */\nexport const FormFieldLabel = ({\n  field,\n  size,\n  association = 'explicit',\n  onLabelClick,\n  moreInformationText,\n  tooltipProps,\n  className,\n  wrap,\n}: FormFieldLabelProps) => {\n  const {\n    label,\n    labelId,\n    controlId,\n    hasVisuallyHiddenLabel,\n    hasRequiredIndicator,\n    isRequired,\n  } = field;\n  const variant = size === 'large' ? 'body-large' : 'body-medium';\n  const isExplicit = association === 'explicit';\n  const informationIconClasses = classNames({\n    'ndl-information-icon-large': size === 'large',\n    'ndl-information-icon-small': size === 'small' || size === 'medium',\n  });\n\n  const row = (\n    <div\n      className={classNames(\n        'ndl-form-label-row',\n        { 'ndl-visually-hidden': hasVisuallyHiddenLabel },\n        className,\n      )}\n    >\n      <Typography\n        as={isExplicit ? 'label' : 'span'}\n        variant={variant}\n        className=\"ndl-form-label\"\n        htmlAttributes={\n          isExplicit\n            ? { htmlFor: controlId, id: labelId, onClick: onLabelClick }\n            : undefined\n        }\n      >\n        {label}\n      </Typography>\n      {Boolean(moreInformationText) && (\n        <Tooltip type=\"simple\" {...tooltipProps?.root}>\n          <Tooltip.Trigger\n            {...tooltipProps?.trigger}\n            className={informationIconClasses}\n            hasButtonWrapper\n          >\n            <div\n              tabIndex={0}\n              role=\"button\"\n              aria-label=\"Information icon\"\n              data-testid=\"ndl-information-icon\"\n            >\n              <InformationCircleIconOutline />\n            </div>\n          </Tooltip.Trigger>\n          <Tooltip.Content {...tooltipProps?.content}>\n            {moreInformationText}\n          </Tooltip.Content>\n        </Tooltip>\n      )}\n      {hasRequiredIndicator && (\n        <Typography variant={variant} className=\"ndl-form-label-indicator\">\n          {isRequired ? 'Required' : 'Optional'}\n        </Typography>\n      )}\n    </div>\n  );\n\n  return wrap === undefined ? row : <>{wrap(row)}</>;\n};\n"]}

package/lib/cjs/_common/form-control/FormFieldMessage.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FormFieldMessage = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/_common/form-control/FormFieldMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormFieldMessage.js","sourceRoot":"","sources":["../../../../src/_common/form-control/FormFieldMessage.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AAGpC,2GAAwG;AACxG,iDAA8C;AAc9C;;;;GAIG;AACH,MAAM,sBAAsB,GAGxB;IACF,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,uDAA0B,EAAE;IACnE,IAAI,EAAE,EAAE;CACT,CAAC;AAWF;;;;;;;;;;;;GAYG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,SAAS,EACT,IAAI,GACkB,EAAE,EAAE;IAC1B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IAChE,MAAM,YAAY,GAChB,eAAe,KAAK,SAAS;QAC3B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAC;IAEhC,MAAM,OAAO,GACX,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACrC,yEAAyE;IACzE,kEAAkE;IAClE,qCAAqC;IACrC,iCAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,KAAK,SAAS,IAAI,CACrB,gCAAK,SAAS,EAAC,uBAAuB,iBAAa,MAAM,YACvD,uBAAC,IAAI,KAAG,GACJ,CACP,EACD,uBAAC,uBAAU,IACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,uBAAuB,EACjC,cAAc,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,YAEhC,OAAO,GACG,IACT,CACP,CAAC;IAEJ,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,oBAAU,EACnB,kBAAkB,EAClB;YACE,WAAW,EAAE,IAAI,KAAK,OAAO;YAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;YAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;SAC9B,EACD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EACvB,SAAS,CACV,eACS,QAAQ,iBACN,MAAM,YAEjB,OAAO,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAC/D,CACP,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,gBAAgB,oBAqD3B","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { ExclamationCircleIconSolid } from '../../icons/generated/heroIcons/ExclamationCircleIconSolid';\nimport { Typography } from '../../typography';\nimport {\n  type FormFieldMessageSeverity,\n  type FormFieldSize,\n  type FormFieldState,\n} from './form-control-types';\n\ntype FormFieldMessagePresentation = {\n  /** Icon rendered before the message text. */\n  icon?: React.ComponentType;\n  /** Severity modifier class on the message container. */\n  className?: string;\n};\n\n/**\n * How each severity presents itself. A future severity (`info`, `warning`) or\n * a new way of presenting a message extends this map rather than reshaping\n * the components that render messages.\n */\nconst presentationBySeverity: Record<\n  FormFieldMessageSeverity,\n  FormFieldMessagePresentation\n> = {\n  error: { className: 'ndl-error', icon: ExclamationCircleIconSolid },\n  help: {},\n};\n\ntype FormFieldMessageProps = {\n  field: FormFieldState;\n  size: FormFieldSize;\n  /** Extra class names for the message container */\n  className?: string;\n  /** Wraps the message content, so a component can put it inside a Skeleton. */\n  wrap?: (content: React.ReactNode) => React.ReactNode;\n};\n\n/**\n * The message below a form field: the help text, or the error that replaces\n * it. The container is rendered whether or not there is a message, so the\n * `aria-live` region exists in the document before any text arrives and a\n * validation error is reliably announced. The stylesheet collapses it while\n * it is empty.\n *\n * The region is polite rather than an assertive `role=\"alert\"`, since\n * validation that runs on blur or on change would otherwise interrupt\n * whatever is being read. `aria-atomic` makes the whole message announce as\n * one, matching `role=\"status\"` without presenting plain help text as a\n * status message.\n */\nexport const FormFieldMessage = ({\n  field,\n  size,\n  className,\n  wrap,\n}: FormFieldMessageProps) => {\n  const { message, messageId, messageSeverity } = field;\n  const variant = size === 'large' ? 'body-medium' : 'body-small';\n  const presentation =\n    messageSeverity === undefined\n      ? undefined\n      : presentationBySeverity[messageSeverity];\n  const Icon = presentation?.icon;\n\n  const content =\n    messageSeverity === undefined ? null : (\n      // The icon and the text share a row of their own, so the container stays\n      // a plain block that anything wrapping the content, a Skeleton in\n      // particular, can fill the width of.\n      <div className=\"ndl-form-message-content\">\n        {Icon !== undefined && (\n          <div className=\"ndl-form-message-icon\" aria-hidden=\"true\">\n            <Icon />\n          </div>\n        )}\n        <Typography\n          variant={variant}\n          className=\"ndl-form-message-text\"\n          htmlAttributes={{ id: messageId }}\n        >\n          {message}\n        </Typography>\n      </div>\n    );\n\n  return (\n    <div\n      className={classNames(\n        'ndl-form-message',\n        {\n          'ndl-large': size === 'large',\n          'ndl-medium': size === 'medium',\n          'ndl-small': size === 'small',\n        },\n        presentation?.className,\n        className,\n      )}\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n    >\n      {content !== null && (wrap === undefined ? content : wrap(content))}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"FormFieldMessage.js","sourceRoot":"","sources":["../../../../src/_common/form-control/FormFieldMessage.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AAGpC,2GAAwG;AACxG,iDAA8C;AAc9C;;;;GAIG;AACH,MAAM,sBAAsB,GAGxB;IACF,KAAK,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,IAAI,EAAE,uDAA0B,EAAE;IACnE,IAAI,EAAE,EAAE;CACT,CAAC;AAWF;;;;;;;;;;;;GAYG;AACI,MAAM,gBAAgB,GAAG,CAAC,EAC/B,KAAK,EACL,IAAI,EACJ,SAAS,EACT,IAAI,GACkB,EAAE,EAAE;IAC1B,MAAM,EAAE,OAAO,EAAE,SAAS,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IACtD,MAAM,OAAO,GAAG,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,YAAY,CAAC;IAChE,MAAM,YAAY,GAChB,eAAe,KAAK,SAAS;QAC3B,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,sBAAsB,CAAC,eAAe,CAAC,CAAC;IAC9C,MAAM,IAAI,GAAG,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,CAAC;IAEhC,MAAM,OAAO,GACX,eAAe,KAAK,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC;IACrC,yEAAyE;IACzE,kEAAkE;IAClE,qCAAqC;IACrC,iCAAK,SAAS,EAAC,0BAA0B,aACtC,IAAI,KAAK,SAAS,IAAI,CACrB,gCAAK,SAAS,EAAC,uBAAuB,iBAAa,MAAM,YACvD,uBAAC,IAAI,KAAG,GACJ,CACP,EACD,uBAAC,uBAAU,IACT,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,uBAAuB,EACjC,cAAc,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,YAEhC,OAAO,GACG,IACT,CACP,CAAC;IAEJ,OAAO,CACL,gCACE,SAAS,EAAE,IAAA,oBAAU,EACnB,kBAAkB,EAClB;YACE,WAAW,EAAE,IAAI,KAAK,OAAO;YAC7B,YAAY,EAAE,IAAI,KAAK,QAAQ;YAC/B,WAAW,EAAE,IAAI,KAAK,OAAO;SAC9B,EACD,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,EACvB,SAAS,CACV,eACS,QAAQ,iBACN,MAAM,YAEjB,OAAO,KAAK,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,GAC/D,CACP,CAAC;AACJ,CAAC,CAAC;AArDW,QAAA,gBAAgB,oBAqD3B","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport classNames from 'classnames';\nimport type React from 'react';\n\nimport { ExclamationCircleIconSolid } from '../../icons/generated/heroIcons/ExclamationCircleIconSolid';\nimport { Typography } from '../../typography';\nimport {\n  type FormFieldMessageSeverity,\n  type FormFieldSize,\n  type FormFieldState,\n} from './form-control-types';\n\ntype FormFieldMessagePresentation = {\n  /** Icon rendered before the message text. */\n  icon?: React.ComponentType;\n  /** Severity modifier class on the message container. */\n  className?: string;\n};\n\n/**\n * How each severity presents itself. A future severity (`info`, `warning`) or\n * a new way of presenting a message extends this map rather than reshaping\n * the components that render messages.\n */\nconst presentationBySeverity: Record<\n  FormFieldMessageSeverity,\n  FormFieldMessagePresentation\n> = {\n  error: { className: 'ndl-error', icon: ExclamationCircleIconSolid },\n  help: {},\n};\n\ntype FormFieldMessageProps = {\n  field: FormFieldState;\n  size: FormFieldSize;\n  /** Extra class names for the message container */\n  className?: string;\n  /** Wraps the message content, so a component can put it inside a Skeleton. */\n  wrap?: (content: React.ReactNode) => React.ReactNode;\n};\n\n/**\n * The message below a form field: the help text, or the error that replaces\n * it. The container is rendered whether or not there is a message, so the\n * `aria-live` region exists in the document before any text arrives and a\n * validation error is reliably announced. The stylesheet collapses it while\n * it is empty.\n *\n * The region is polite rather than an assertive `role=\"alert\"`, since\n * validation that runs on blur or on change would otherwise interrupt\n * whatever is being read. `aria-atomic` makes the whole message announce as\n * one, matching `role=\"status\"` without presenting plain help text as a\n * status message.\n */\nexport const FormFieldMessage = ({\n  field,\n  size,\n  className,\n  wrap,\n}: FormFieldMessageProps) => {\n  const { message, messageId, messageSeverity } = field;\n  const variant = size === 'large' ? 'body-medium' : 'body-small';\n  const presentation =\n    messageSeverity === undefined\n      ? undefined\n      : presentationBySeverity[messageSeverity];\n  const Icon = presentation?.icon;\n\n  const content =\n    messageSeverity === undefined ? null : (\n      // The icon and the text share a row of their own, so the container stays\n      // a plain block that anything wrapping the content, a Skeleton in\n      // particular, can fill the width of.\n      <div className=\"ndl-form-message-content\">\n        {Icon !== undefined && (\n          <div className=\"ndl-form-message-icon\" aria-hidden=\"true\">\n            <Icon />\n          </div>\n        )}\n        <Typography\n          variant={variant}\n          className=\"ndl-form-message-text\"\n          htmlAttributes={{ id: messageId }}\n        >\n          {message}\n        </Typography>\n      </div>\n    );\n\n  return (\n    <div\n      className={classNames(\n        'ndl-form-message',\n        {\n          'ndl-large': size === 'large',\n          'ndl-medium': size === 'medium',\n          'ndl-small': size === 'small',\n        },\n        presentation?.className,\n        className,\n      )}\n      aria-live=\"polite\"\n      aria-atomic=\"true\"\n    >\n      {content !== null && (wrap === undefined ? content : wrap(content))}\n    </div>\n  );\n};\n"]}

package/lib/cjs/_common/form-control/form-control-types.js

@@ -1,5 +1,5 @@
 "use strict";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/_common/form-control/form-control-types.js.map

@@ -1 +1 @@
-{"version":3,"file":"form-control-types.js","sourceRoot":"","sources":["../../../../src/_common/form-control/form-control-types.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type React from 'react';\n\n/** Sizes shared by the form field parts, matching the input sizes. */\ntype FormFieldSize = 'small' | 'medium' | 'large';\n\n/**\n * Severity of the message shown below a form control. An error replaces the\n * help text whenever both are provided.\n *\n * Deliberately a union rather than an error boolean: future severities such\n * as `info` and `warning`, or new ways of presenting a message, only extend\n * this union and the severity presentation map in `FormFieldMessage`.\n */\ntype FormFieldMessageSeverity = 'help' | 'error';\n\n/**\n * The field-related props a form input component maps onto the internal form\n * field. Components pick from these internally so wording, types and behavior\n * stay aligned, while their external prop names stay untouched (for example\n * both TextInput's `showRequiredOrOptionalLabel` and TextArea's `isOptional`\n * map onto `hasRequiredIndicator` here).\n */\ntype FormFieldProps = {\n  /** The label displayed above the control */\n  label?: React.ReactNode;\n\n  /** Assistive text displayed below the control */\n  helpText?: React.ReactNode;\n\n  /** Error message displayed below the control. When provided, it overrides `helpText` and shows an error icon */\n  errorText?: React.ReactNode;\n\n  /** Whether the control is required */\n  isRequired?: boolean;\n\n  /** Whether Required or Optional is shown at the end of the label row */\n  hasRequiredIndicator?: boolean;\n\n  /** Whether the label is clipped out of the layout, leaving it to screen readers only */\n  hasVisuallyHiddenLabel?: boolean;\n};\n\n/**\n * The resolved state of a form field: the ids that tie the label and the\n * message to the control, and which message is currently displayed. Built by\n * `useFormField` and consumed by `FormFieldLabel` and `FormFieldMessage`, so\n * a component never wires ids or picks between help and error itself.\n */\ntype FormFieldState = {\n  label?: React.ReactNode;\n  /** Id of the label element, for `aria-labelledby` on ARIA widgets. */\n  labelId: string;\n  /** Id of the control, which an explicit label points at with `htmlFor`. */\n  controlId: string;\n  /** Id the help text renders with, referenced while it is displayed. */\n  helpTextId: string;\n  /** Id the error text renders with, referenced while it is displayed. */\n  errorTextId: string;\n  helpText?: React.ReactNode;\n  errorText?: React.ReactNode;\n  /** The displayed message. The error text while there is one, else the help text. */\n  message?: React.ReactNode;\n  /** Id of the displayed message; `undefined` while there is no message. */\n  messageId?: string;\n  /** Severity of the displayed message; `undefined` while there is no message. */\n  messageSeverity?: FormFieldMessageSeverity;\n  hasError: boolean;\n  isRequired: boolean;\n  hasRequiredIndicator: boolean;\n  hasVisuallyHiddenLabel: boolean;\n};\n\n// These are DOM attribute names, so the boolean naming convention cannot apply.\n/* eslint-disable @typescript-eslint/naming-convention */\n/**\n * ARIA attributes for the control the field describes. Spread onto the input\n * or the ARIA widget acting as one.\n */\ntype FormFieldControlProps = {\n  'aria-describedby': string | undefined;\n  'aria-invalid': true | undefined;\n};\n/* eslint-enable @typescript-eslint/naming-convention */\n\nexport type {\n  FormFieldControlProps,\n  FormFieldMessageSeverity,\n  FormFieldProps,\n  FormFieldSize,\n  FormFieldState,\n};\n"]}
+{"version":3,"file":"form-control-types.js","sourceRoot":"","sources":["../../../../src/_common/form-control/form-control-types.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type React from 'react';\n\n/** Sizes shared by the form field parts, matching the input sizes. */\ntype FormFieldSize = 'small' | 'medium' | 'large';\n\n/**\n * Severity of the message shown below a form control. An error replaces the\n * help text whenever both are provided.\n *\n * Deliberately a union rather than an error boolean: future severities such\n * as `info` and `warning`, or new ways of presenting a message, only extend\n * this union and the severity presentation map in `FormFieldMessage`.\n */\ntype FormFieldMessageSeverity = 'help' | 'error';\n\n/**\n * The field-related props a form input component maps onto the internal form\n * field. Components pick from these internally so wording, types and behavior\n * stay aligned, while their external prop names stay untouched (for example\n * both TextInput's `showRequiredOrOptionalLabel` and TextArea's `isOptional`\n * map onto `hasRequiredIndicator` here).\n */\ntype FormFieldProps = {\n  /** The label displayed above the control */\n  label?: React.ReactNode;\n\n  /** Assistive text displayed below the control */\n  helpText?: React.ReactNode;\n\n  /** Error message displayed below the control. When provided, it overrides `helpText` and shows an error icon */\n  errorText?: React.ReactNode;\n\n  /** Whether the control is required */\n  isRequired?: boolean;\n\n  /** Whether Required or Optional is shown at the end of the label row */\n  hasRequiredIndicator?: boolean;\n\n  /** Whether the label is clipped out of the layout, leaving it to screen readers only */\n  hasVisuallyHiddenLabel?: boolean;\n};\n\n/**\n * The resolved state of a form field: the ids that tie the label and the\n * message to the control, and which message is currently displayed. Built by\n * `useFormField` and consumed by `FormFieldLabel` and `FormFieldMessage`, so\n * a component never wires ids or picks between help and error itself.\n */\ntype FormFieldState = {\n  label?: React.ReactNode;\n  /** Id of the label element, for `aria-labelledby` on ARIA widgets. */\n  labelId: string;\n  /** Id of the control, which an explicit label points at with `htmlFor`. */\n  controlId: string;\n  /** Id the help text renders with, referenced while it is displayed. */\n  helpTextId: string;\n  /** Id the error text renders with, referenced while it is displayed. */\n  errorTextId: string;\n  helpText?: React.ReactNode;\n  errorText?: React.ReactNode;\n  /** The displayed message. The error text while there is one, else the help text. */\n  message?: React.ReactNode;\n  /** Id of the displayed message; `undefined` while there is no message. */\n  messageId?: string;\n  /** Severity of the displayed message; `undefined` while there is no message. */\n  messageSeverity?: FormFieldMessageSeverity;\n  hasError: boolean;\n  isRequired: boolean;\n  hasRequiredIndicator: boolean;\n  hasVisuallyHiddenLabel: boolean;\n};\n\n// These are DOM attribute names, so the boolean naming convention cannot apply.\n/* eslint-disable @typescript-eslint/naming-convention */\n/**\n * ARIA attributes for the control the field describes. Spread onto the input\n * or the ARIA widget acting as one.\n */\ntype FormFieldControlProps = {\n  'aria-describedby': string | undefined;\n  'aria-invalid': true | undefined;\n};\n/* eslint-enable @typescript-eslint/naming-convention */\n\nexport type {\n  FormFieldControlProps,\n  FormFieldMessageSeverity,\n  FormFieldProps,\n  FormFieldSize,\n  FormFieldState,\n};\n"]}

package/lib/cjs/_common/form-control/form-field-group-context.js

@@ -0,0 +1,32 @@
+"use strict";
+/*!
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useFormFieldGroup = exports.FormFieldGroupContext = void 0;
+const react_1 = require("react");
+const FormFieldGroupContext = (0, react_1.createContext)(null);
+exports.FormFieldGroupContext = FormFieldGroupContext;
+const useFormFieldGroup = (controlType) => {
+    const context = (0, react_1.useContext)(FormFieldGroupContext);
+    return (context === null || context === void 0 ? void 0 : context.controlType) === controlType ? context : undefined;
+};
+exports.useFormFieldGroup = useFormFieldGroup;
+//# sourceMappingURL=form-field-group-context.js.map

package/lib/cjs/_common/form-control/form-field-group-context.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"form-field-group-context.js","sourceRoot":"","sources":["../../../../src/_common/form-control/form-field-group-context.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAGH,iCAAkD;AAelD,MAAM,qBAAqB,GAAG,IAAA,qBAAa,EACzC,IAAI,CACL,CAAC;AASA,sDAAqB;AAPvB,MAAM,iBAAiB,GAAG,CAAC,WAAsC,EAAE,EAAE;IACnE,MAAM,OAAO,GAAG,IAAA,kBAAU,EAAC,qBAAqB,CAAC,CAAC;IAElD,OAAO,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,MAAK,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAC;AACpE,CAAC,CAAC;AAKA,8CAAiB","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport type React from 'react';\nimport { createContext, useContext } from 'react';\n\ntype FormFieldGroupControlType = 'checkbox' | 'radio';\n\ntype FormFieldGroupContextValue = {\n  controlType: FormFieldGroupControlType;\n  name?: string;\n  isDisabled: boolean;\n  isRequired: boolean;\n  hasError: boolean;\n  /** Selected radio value when the group is controlled. `null` means no selection. */\n  value?: string | null;\n  onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nconst FormFieldGroupContext = createContext<FormFieldGroupContextValue | null>(\n  null,\n);\n\nconst useFormFieldGroup = (controlType: FormFieldGroupControlType) => {\n  const context = useContext(FormFieldGroupContext);\n\n  return context?.controlType === controlType ? context : undefined;\n};\n\nexport {\n  FormFieldGroupContext,\n  type FormFieldGroupContextValue,\n  useFormFieldGroup,\n};\n"]}

package/lib/cjs/_common/form-control/index.js

@@ -1,5 +1,5 @@
 "use strict";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]
@@ -20,7 +20,7 @@
  *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
  */
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useInlineFieldLabel = exports.useFormField = exports.FormFieldMessage = exports.FormFieldLabel = void 0;
+exports.useInlineFieldLabel = exports.useFormField = exports.useFormFieldGroup = exports.FormFieldGroupContext = exports.FormFieldMessage = exports.FormFieldLabel = void 0;
 /**
  * The internal form control layer (DES-1772): one implementation of the
  * label, the required indicator, the help text and the error message shared
@@ -32,6 +32,9 @@ var FormFieldLabel_1 = require("./FormFieldLabel");
 Object.defineProperty(exports, "FormFieldLabel", { enumerable: true, get: function () { return FormFieldLabel_1.FormFieldLabel; } });
 var FormFieldMessage_1 = require("./FormFieldMessage");
 Object.defineProperty(exports, "FormFieldMessage", { enumerable: true, get: function () { return FormFieldMessage_1.FormFieldMessage; } });
+var form_field_group_context_1 = require("./form-field-group-context");
+Object.defineProperty(exports, "FormFieldGroupContext", { enumerable: true, get: function () { return form_field_group_context_1.FormFieldGroupContext; } });
+Object.defineProperty(exports, "useFormFieldGroup", { enumerable: true, get: function () { return form_field_group_context_1.useFormFieldGroup; } });
 var use_form_field_1 = require("./use-form-field");
 Object.defineProperty(exports, "useFormField", { enumerable: true, get: function () { return use_form_field_1.useFormField; } });
 var use_inline_field_label_1 = require("./use-inline-field-label");

package/lib/cjs/_common/form-control/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/_common/form-control/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH;;;;;;GAMG;AAEH,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AAQzB,mDAAgD;AAAvC,8GAAA,YAAY,OAAA;AACrB,mEAA+D;AAAtD,6HAAA,mBAAmB,OAAA","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\n/**\n * The internal form control layer (DES-1772): one implementation of the\n * label, the required indicator, the help text and the error message shared\n * by the form input components, plus the ARIA wiring that ties them to the\n * control. Internal only - not exported from the package index - so a future\n * public field API can be built on top without being constrained by it.\n */\n\nexport { FormFieldLabel } from './FormFieldLabel';\nexport { FormFieldMessage } from './FormFieldMessage';\nexport type {\n  FormFieldControlProps,\n  FormFieldMessageSeverity,\n  FormFieldProps,\n  FormFieldSize,\n  FormFieldState,\n} from './form-control-types';\nexport { useFormField } from './use-form-field';\nexport { useInlineFieldLabel } from './use-inline-field-label';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/_common/form-control/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH;;;;;;GAMG;AAEH,mDAAkD;AAAzC,gHAAA,cAAc,OAAA;AACvB,uDAAsD;AAA7C,oHAAA,gBAAgB,OAAA;AACzB,uEAIoC;AAHlC,iIAAA,qBAAqB,OAAA;AAErB,6HAAA,iBAAiB,OAAA;AASnB,mDAAgD;AAAvC,8GAAA,YAAY,OAAA;AACrB,mEAA+D;AAAtD,6HAAA,mBAAmB,OAAA","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\n/**\n * The internal form control layer (DES-1772): one implementation of the\n * label, the required indicator, the help text and the error message shared\n * by the form input components, plus the ARIA wiring that ties them to the\n * control. Internal only - not exported from the package index - so a future\n * public field API can be built on top without being constrained by it.\n */\n\nexport { FormFieldLabel } from './FormFieldLabel';\nexport { FormFieldMessage } from './FormFieldMessage';\nexport {\n  FormFieldGroupContext,\n  type FormFieldGroupContextValue,\n  useFormFieldGroup,\n} from './form-field-group-context';\nexport type {\n  FormFieldControlProps,\n  FormFieldMessageSeverity,\n  FormFieldProps,\n  FormFieldSize,\n  FormFieldState,\n} from './form-control-types';\nexport { useFormField } from './use-form-field';\nexport { useInlineFieldLabel } from './use-inline-field-label';\n"]}

package/lib/cjs/_common/form-control/use-form-field.js

@@ -1,5 +1,5 @@
 "use strict";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/_common/form-control/use-form-field.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-form-field.js","sourceRoot":"","sources":["../../../../src/_common/form-control/use-form-field.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,iCAA8B;AAkC9B;;;;;GAKG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,oBAAoB,GAAG,KAAK,EAC5B,sBAAsB,GAAG,KAAK,EAC9B,mBAAmB,GAAG,EAAE,GACJ,EAAsB,EAAE;IAC5C,MAAM,eAAe,GAAG,IAAA,aAAK,GAAE,CAAC;IAChC,MAAM,IAAI,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,eAAe,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,IAAI,QAAQ,CAAC;IAChC,MAAM,UAAU,GAAG,GAAG,IAAI,YAAY,CAAC;IACvC,MAAM,WAAW,GAAG,GAAG,IAAI,aAAa,CAAC;IACzC,MAAM,iBAAiB,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,GAAG,IAAI,UAAU,CAAC;IAEzD,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;IACnD,MAAM,eAAe,GAAyC,QAAQ;QACpE,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,MAAM,SAAS,GAAG,QAAQ;QACxB,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,cAAc,GAAG,CAAC,GAAG,mBAAmB,EAAE,SAAS,CAAC,CAAC,MAAM,CAC/D,CAAC,EAAE,EAAgB,EAAE,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,EAAE,KAAK,EAAE,CAC1D,CAAC;IAEF,OAAO;QACL,YAAY,EAAE;YACZ,kBAAkB,EAChB,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;YAClE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;SAC5C;QACD,KAAK,EAAE;YACL,SAAS,EAAE,iBAAiB;YAC5B,SAAS;YACT,WAAW;YACX,QAAQ;YACR,oBAAoB;YACpB,sBAAsB;YACtB,QAAQ;YACR,UAAU;YACV,UAAU;YACV,KAAK;YACL,OAAO;YACP,OAAO;YACP,SAAS;YACT,eAAe;SAChB;KACF,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,YAAY,gBA2DvB","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useId } from 'react';\n\nimport {\n  type FormFieldControlProps,\n  type FormFieldMessageSeverity,\n  type FormFieldProps,\n  type FormFieldState,\n} from './form-control-types';\n\ntype UseFormFieldOptions = FormFieldProps & {\n  /**\n   * Base for the generated ids, so a component that mints sibling ids of its\n   * own (like the Combobox listbox and panel ids) can share one base.\n   * Defaults to a generated id.\n   */\n  baseId?: string;\n  /**\n   * Overrides the generated control id, for controls that already name their\n   * id (the Combobox trigger is `${baseId}-trigger`).\n   */\n  controlId?: string;\n  /**\n   * Ids referenced by `aria-describedby` before the message id, skipping\n   * falsy entries (such as the TextInput clear/loading hint).\n   */\n  extraDescribedByIds?: (string | false | undefined)[];\n};\n\ntype UseFormFieldResult = {\n  field: FormFieldState;\n  /** ARIA attributes to spread onto the control the field describes. */\n  controlProps: FormFieldControlProps;\n};\n\n/**\n * Resolves the shared form field state: id generation, which of help and\n * error is displayed - an error always replaces the help text - and the ARIA\n * wiring of the control. The parts are rendered by `FormFieldLabel` and\n * `FormFieldMessage`.\n */\nexport const useFormField = ({\n  baseId,\n  controlId,\n  label,\n  helpText,\n  errorText,\n  isRequired = false,\n  hasRequiredIndicator = false,\n  hasVisuallyHiddenLabel = false,\n  extraDescribedByIds = [],\n}: UseFormFieldOptions): UseFormFieldResult => {\n  const generatedBaseId = useId();\n  const base = baseId ?? generatedBaseId;\n  const labelId = `${base}-label`;\n  const helpTextId = `${base}-help-text`;\n  const errorTextId = `${base}-error-text`;\n  const resolvedControlId = controlId ?? `${base}-control`;\n\n  const hasError = Boolean(errorText);\n  const hasHelpText = Boolean(helpText) && !hasError;\n  const messageSeverity: FormFieldMessageSeverity | undefined = hasError\n    ? 'error'\n    : hasHelpText\n      ? 'help'\n      : undefined;\n  const message = hasError ? errorText : hasHelpText ? helpText : undefined;\n  const messageId = hasError\n    ? errorTextId\n    : hasHelpText\n      ? helpTextId\n      : undefined;\n\n  const describedByIds = [...extraDescribedByIds, messageId].filter(\n    (id): id is string => typeof id === 'string' && id !== '',\n  );\n\n  return {\n    controlProps: {\n      'aria-describedby':\n        describedByIds.length > 0 ? describedByIds.join(' ') : undefined,\n      'aria-invalid': hasError ? true : undefined,\n    },\n    field: {\n      controlId: resolvedControlId,\n      errorText,\n      errorTextId,\n      hasError,\n      hasRequiredIndicator,\n      hasVisuallyHiddenLabel,\n      helpText,\n      helpTextId,\n      isRequired,\n      label,\n      labelId,\n      message,\n      messageId,\n      messageSeverity,\n    },\n  };\n};\n"]}
+{"version":3,"file":"use-form-field.js","sourceRoot":"","sources":["../../../../src/_common/form-control/use-form-field.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;AAEH,iCAA8B;AAkC9B;;;;;GAKG;AACI,MAAM,YAAY,GAAG,CAAC,EAC3B,MAAM,EACN,SAAS,EACT,KAAK,EACL,QAAQ,EACR,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,oBAAoB,GAAG,KAAK,EAC5B,sBAAsB,GAAG,KAAK,EAC9B,mBAAmB,GAAG,EAAE,GACJ,EAAsB,EAAE;IAC5C,MAAM,eAAe,GAAG,IAAA,aAAK,GAAE,CAAC;IAChC,MAAM,IAAI,GAAG,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,eAAe,CAAC;IACvC,MAAM,OAAO,GAAG,GAAG,IAAI,QAAQ,CAAC;IAChC,MAAM,UAAU,GAAG,GAAG,IAAI,YAAY,CAAC;IACvC,MAAM,WAAW,GAAG,GAAG,IAAI,aAAa,CAAC;IACzC,MAAM,iBAAiB,GAAG,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,GAAG,IAAI,UAAU,CAAC;IAEzD,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC;IACpC,MAAM,WAAW,GAAG,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAC,QAAQ,CAAC;IACnD,MAAM,eAAe,GAAyC,QAAQ;QACpE,CAAC,CAAC,OAAO;QACT,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,MAAM;YACR,CAAC,CAAC,SAAS,CAAC;IAChB,MAAM,OAAO,GAAG,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1E,MAAM,SAAS,GAAG,QAAQ;QACxB,CAAC,CAAC,WAAW;QACb,CAAC,CAAC,WAAW;YACX,CAAC,CAAC,UAAU;YACZ,CAAC,CAAC,SAAS,CAAC;IAEhB,MAAM,cAAc,GAAG,CAAC,GAAG,mBAAmB,EAAE,SAAS,CAAC,CAAC,MAAM,CAC/D,CAAC,EAAE,EAAgB,EAAE,CAAC,OAAO,EAAE,KAAK,QAAQ,IAAI,EAAE,KAAK,EAAE,CAC1D,CAAC;IAEF,OAAO;QACL,YAAY,EAAE;YACZ,kBAAkB,EAChB,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,SAAS;YAClE,cAAc,EAAE,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,SAAS;SAC5C;QACD,KAAK,EAAE;YACL,SAAS,EAAE,iBAAiB;YAC5B,SAAS;YACT,WAAW;YACX,QAAQ;YACR,oBAAoB;YACpB,sBAAsB;YACtB,QAAQ;YACR,UAAU;YACV,UAAU;YACV,KAAK;YACL,OAAO;YACP,OAAO;YACP,SAAS;YACT,eAAe;SAChB;KACF,CAAC;AACJ,CAAC,CAAC;AA3DW,QAAA,YAAY,gBA2DvB","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport { useId } from 'react';\n\nimport {\n  type FormFieldControlProps,\n  type FormFieldMessageSeverity,\n  type FormFieldProps,\n  type FormFieldState,\n} from './form-control-types';\n\ntype UseFormFieldOptions = FormFieldProps & {\n  /**\n   * Base for the generated ids, so a component that mints sibling ids of its\n   * own (like the Combobox listbox and panel ids) can share one base.\n   * Defaults to a generated id.\n   */\n  baseId?: string;\n  /**\n   * Overrides the generated control id, for controls that already name their\n   * id (the Combobox trigger is `${baseId}-trigger`).\n   */\n  controlId?: string;\n  /**\n   * Ids referenced by `aria-describedby` before the message id, skipping\n   * falsy entries (such as the TextInput clear/loading hint).\n   */\n  extraDescribedByIds?: (string | false | undefined)[];\n};\n\ntype UseFormFieldResult = {\n  field: FormFieldState;\n  /** ARIA attributes to spread onto the control the field describes. */\n  controlProps: FormFieldControlProps;\n};\n\n/**\n * Resolves the shared form field state: id generation, which of help and\n * error is displayed - an error always replaces the help text - and the ARIA\n * wiring of the control. The parts are rendered by `FormFieldLabel` and\n * `FormFieldMessage`.\n */\nexport const useFormField = ({\n  baseId,\n  controlId,\n  label,\n  helpText,\n  errorText,\n  isRequired = false,\n  hasRequiredIndicator = false,\n  hasVisuallyHiddenLabel = false,\n  extraDescribedByIds = [],\n}: UseFormFieldOptions): UseFormFieldResult => {\n  const generatedBaseId = useId();\n  const base = baseId ?? generatedBaseId;\n  const labelId = `${base}-label`;\n  const helpTextId = `${base}-help-text`;\n  const errorTextId = `${base}-error-text`;\n  const resolvedControlId = controlId ?? `${base}-control`;\n\n  const hasError = Boolean(errorText);\n  const hasHelpText = Boolean(helpText) && !hasError;\n  const messageSeverity: FormFieldMessageSeverity | undefined = hasError\n    ? 'error'\n    : hasHelpText\n      ? 'help'\n      : undefined;\n  const message = hasError ? errorText : hasHelpText ? helpText : undefined;\n  const messageId = hasError\n    ? errorTextId\n    : hasHelpText\n      ? helpTextId\n      : undefined;\n\n  const describedByIds = [...extraDescribedByIds, messageId].filter(\n    (id): id is string => typeof id === 'string' && id !== '',\n  );\n\n  return {\n    controlProps: {\n      'aria-describedby':\n        describedByIds.length > 0 ? describedByIds.join(' ') : undefined,\n      'aria-invalid': hasError ? true : undefined,\n    },\n    field: {\n      controlId: resolvedControlId,\n      errorText,\n      errorTextId,\n      hasError,\n      hasRequiredIndicator,\n      hasVisuallyHiddenLabel,\n      helpText,\n      helpTextId,\n      isRequired,\n      label,\n      labelId,\n      message,\n      messageId,\n      messageSeverity,\n    },\n  };\n};\n"]}

package/lib/cjs/_common/form-control/use-inline-field-label.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useInlineFieldLabel = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/_common/form-control/use-inline-field-label.js.map

@@ -1 +1 @@
-{"version":3,"file":"use-inline-field-label.js","sourceRoot":"","sources":["../../../../src/_common/form-control/use-inline-field-label.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AACpC,iCAA2C;AAE3C,oCAAgD;AAmChD;;;;;;;;;;;;;;;;;GAiBG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,KAAK,EACL,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,GACQ,EAA6B,EAAE;IAC1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,KAAK,EAAE,CAAC;YAC7D,IAAA,4BAAoB,EAClB,GAAG,aAAa,uGAAuG,CACxH,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,CACL,iCACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE;oBAClD,cAAc,EAAE,UAAU;oBAC1B,eAAe,EAAE,WAAW;iBAC7B,CAAC,YAED,KAAK,GACD,CACR,CAAC;QACJ,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAErC,OAAO;QACL,cAAc,EAAE,IAAA,oBAAU,EAAC,uBAAuB,EAAE;YAClD,cAAc,EAAE,UAAU;YAC1B,WAAW,EAAE,OAAO;SACrB,CAAC;QACF,YAAY;KACb,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,mBAAmB,uBA6C9B","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport classNames from 'classnames';\nimport { useEffect, useMemo } from 'react';\n\nimport { needleWarningMessage } from '../utils';\n\ntype UseInlineFieldLabelOptions = {\n  /** Component name used in the missing-label console warning. */\n  componentName: string;\n  /** The label rendered next to the control, inside its wrapping `<label>`. */\n  label: React.ReactNode;\n  // TODO v5: only needed while naming a selection control is split across\n  // `label` and `ariaLabel`. Whenever the label alone names the control, as it\n  // does on Combobox, the warning below has nothing left to check.\n  /** The aria label naming the control when the label is not a string. */\n  ariaLabel: string | undefined;\n  /** Dims the label and the control it belongs to. */\n  isDisabled?: boolean;\n  /** Lets the field take the full available width of its container. */\n  isFluid?: boolean;\n  /**\n   * Truncates an overflowing string label to one line with an ellipsis (the\n   * `title` set on the span keeps the full text reachable). Radio behavior\n   * today; a candidate to unify across all selection controls in v5.\n   */\n  isTruncated?: boolean;\n};\n\ntype UseInlineFieldLabelResult = {\n  /** The label, rendered next to the control. */\n  labelContent: React.ReactNode;\n  /**\n   * Classes for the `<label>` that wraps the control and the label, which the\n   * adopting component renders. Owned here so that the shared classes stay an\n   * implementation detail of this module.\n   */\n  fieldClassName: string;\n};\n\n/**\n * The inline label of a selection control (Checkbox, Radio, Switch): the\n * control and its label text sit side by side inside one wrapping `<label>`.\n * A string label is wrapped in a titled span so a truncated label stays\n * readable through its tooltip; a custom node is rendered as given, which is\n * also why it needs `ariaLabel` to name the control. Warns when neither a\n * label nor an aria label is provided.\n *\n * Returns the classes of the wrapping label along with its content, so that\n * an adopting component never names a shared class itself. Typography and\n * color sit on that wrapper rather than on the span here, so that a custom\n * node inherits them too.\n *\n * TODO v5: wrap a custom node as well, once the DOM of a custom label can\n * change. This would own all label styling, and the difference between the\n * full-strength inline label and the weaker label above a control could then\n * become a prop here instead of living in two stylesheet classes.\n */\nexport const useInlineFieldLabel = ({\n  componentName,\n  label,\n  ariaLabel,\n  isDisabled = false,\n  isFluid = false,\n  isTruncated = false,\n}: UseInlineFieldLabelOptions): UseInlineFieldLabelResult => {\n  useEffect(() => {\n    if (Boolean(label) === false && Boolean(ariaLabel) === false) {\n      needleWarningMessage(\n        `${componentName} needs a valid label or ariaLabel: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI`,\n      );\n    }\n  }, [ariaLabel, componentName, label]);\n\n  const labelContent = useMemo(() => {\n    if (Boolean(label) === false) {\n      return null;\n    }\n\n    if (typeof label === 'string') {\n      return (\n        <span\n          title={label}\n          className={classNames('ndl-form-inline-label-text', {\n            'ndl-disabled': isDisabled,\n            'ndl-truncated': isTruncated,\n          })}\n        >\n          {label}\n        </span>\n      );\n    }\n\n    return label;\n  }, [label, isDisabled, isTruncated]);\n\n  return {\n    fieldClassName: classNames('ndl-form-inline-field', {\n      'ndl-disabled': isDisabled,\n      'ndl-fluid': isFluid,\n    }),\n    labelContent,\n  };\n};\n"]}
+{"version":3,"file":"use-inline-field-label.js","sourceRoot":"","sources":["../../../../src/_common/form-control/use-inline-field-label.tsx"],"names":[],"mappings":";;;;;;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,4DAAoC;AACpC,iCAA2C;AAE3C,oCAAgD;AAmChD;;;;;;;;;;;;;;;;;GAiBG;AACI,MAAM,mBAAmB,GAAG,CAAC,EAClC,aAAa,EACb,KAAK,EACL,SAAS,EACT,UAAU,GAAG,KAAK,EAClB,OAAO,GAAG,KAAK,EACf,WAAW,GAAG,KAAK,GACQ,EAA6B,EAAE;IAC1D,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,OAAO,CAAC,SAAS,CAAC,KAAK,KAAK,EAAE,CAAC;YAC7D,IAAA,4BAAoB,EAClB,GAAG,aAAa,uGAAuG,CACxH,CAAC;QACJ,CAAC;IACH,CAAC,EAAE,CAAC,SAAS,EAAE,aAAa,EAAE,KAAK,CAAC,CAAC,CAAC;IAEtC,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,IAAI,OAAO,CAAC,KAAK,CAAC,KAAK,KAAK,EAAE,CAAC;YAC7B,OAAO,IAAI,CAAC;QACd,CAAC;QAED,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE,CAAC;YAC9B,OAAO,CACL,iCACE,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,IAAA,oBAAU,EAAC,4BAA4B,EAAE;oBAClD,cAAc,EAAE,UAAU;oBAC1B,eAAe,EAAE,WAAW;iBAC7B,CAAC,YAED,KAAK,GACD,CACR,CAAC;QACJ,CAAC;QAED,OAAO,KAAK,CAAC;IACf,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAC;IAErC,OAAO;QACL,cAAc,EAAE,IAAA,oBAAU,EAAC,uBAAuB,EAAE;YAClD,cAAc,EAAE,UAAU;YAC1B,WAAW,EAAE,OAAO;SACrB,CAAC;QACF,YAAY;KACb,CAAC;AACJ,CAAC,CAAC;AA7CW,QAAA,mBAAmB,uBA6C9B","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport classNames from 'classnames';\nimport { useEffect, useMemo } from 'react';\n\nimport { needleWarningMessage } from '../utils';\n\ntype UseInlineFieldLabelOptions = {\n  /** Component name used in the missing-label console warning. */\n  componentName: string;\n  /** The label rendered next to the control, inside its wrapping `<label>`. */\n  label: React.ReactNode;\n  // TODO v5: only needed while naming a selection control is split across\n  // `label` and `ariaLabel`. Whenever the label alone names the control, as it\n  // does on Combobox, the warning below has nothing left to check.\n  /** The aria label naming the control when the label is not a string. */\n  ariaLabel: string | undefined;\n  /** Dims the label and the control it belongs to. */\n  isDisabled?: boolean;\n  /** Lets the field take the full available width of its container. */\n  isFluid?: boolean;\n  /**\n   * Truncates an overflowing string label to one line with an ellipsis (the\n   * `title` set on the span keeps the full text reachable). Radio behavior\n   * today; a candidate to unify across all selection controls in v5.\n   */\n  isTruncated?: boolean;\n};\n\ntype UseInlineFieldLabelResult = {\n  /** The label, rendered next to the control. */\n  labelContent: React.ReactNode;\n  /**\n   * Classes for the `<label>` that wraps the control and the label, which the\n   * adopting component renders. Owned here so that the shared classes stay an\n   * implementation detail of this module.\n   */\n  fieldClassName: string;\n};\n\n/**\n * The inline label of a selection control (Checkbox, Radio, Switch): the\n * control and its label text sit side by side inside one wrapping `<label>`.\n * A string label is wrapped in a titled span so a truncated label stays\n * readable through its tooltip; a custom node is rendered as given, which is\n * also why it needs `ariaLabel` to name the control. Warns when neither a\n * label nor an aria label is provided.\n *\n * Returns the classes of the wrapping label along with its content, so that\n * an adopting component never names a shared class itself. Typography and\n * color sit on that wrapper rather than on the span here, so that a custom\n * node inherits them too.\n *\n * TODO v5: wrap a custom node as well, once the DOM of a custom label can\n * change. This would own all label styling, and the difference between the\n * full-strength inline label and the weaker label above a control could then\n * become a prop here instead of living in two stylesheet classes.\n */\nexport const useInlineFieldLabel = ({\n  componentName,\n  label,\n  ariaLabel,\n  isDisabled = false,\n  isFluid = false,\n  isTruncated = false,\n}: UseInlineFieldLabelOptions): UseInlineFieldLabelResult => {\n  useEffect(() => {\n    if (Boolean(label) === false && Boolean(ariaLabel) === false) {\n      needleWarningMessage(\n        `${componentName} needs a valid label or ariaLabel: https://dequeuniversity.com/rules/axe/4.2/label?application=axeAPI`,\n      );\n    }\n  }, [ariaLabel, componentName, label]);\n\n  const labelContent = useMemo(() => {\n    if (Boolean(label) === false) {\n      return null;\n    }\n\n    if (typeof label === 'string') {\n      return (\n        <span\n          title={label}\n          className={classNames('ndl-form-inline-label-text', {\n            'ndl-disabled': isDisabled,\n            'ndl-truncated': isTruncated,\n          })}\n        >\n          {label}\n        </span>\n      );\n    }\n\n    return label;\n  }, [label, isDisabled, isTruncated]);\n\n  return {\n    fieldClassName: classNames('ndl-form-inline-field', {\n      'ndl-disabled': isDisabled,\n      'ndl-fluid': isFluid,\n    }),\n    labelContent,\n  };\n};\n"]}

package/lib/cjs/_generated/style-rules/color-utils.js

@@ -1,4 +1,4 @@
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/_generated/style-rules/numeric-utils.js

@@ -1,4 +1,4 @@
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/accordion/accordion-types.js

@@ -1,4 +1,4 @@
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/announcement-banner/AnnouncementBanner.js

@@ -49,7 +49,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AnnouncementBanner = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/announcement-banner/AnnouncementBanner.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnnouncementBanner.js","sourceRoot":"","sources":["../../../src/announcement-banner/AnnouncementBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { BoltIconOutline } from '../icons/generated/heroIcons/BoltIconOutline';\nimport { ExclamationCircleIconSolid } from '../icons/generated/heroIcons/ExclamationCircleIconSolid';\nimport { ExclamationTriangleIconSolid } from '../icons/generated/heroIcons/ExclamationTriangleIconSolid';\nimport { InformationCircleIconSolid } from '../icons/generated/heroIcons/InformationCircleIconSolid';\nimport { SparklesIconSolid } from '../icons/generated/heroIcons/SparklesIconSolid';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\nimport { Typography } from '../typography';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype AnnouncementBannerVariant =\n  | 'info'\n  | 'warning'\n  | 'danger'\n  | 'discovery'\n  | 'neutral';\n\ntype AnnouncementBannerLiveRegion = 'status' | 'alert';\n\ntype PendingAnnouncement = {\n  message: string;\n  role: AnnouncementBannerLiveRegion;\n};\n\ntype AnnouncementBannerCommonProps = {\n  /** Shows a status icon. The icon is based on the value of the `variant` prop */\n  hasIcon?: boolean;\n\n  /**\n   * Decorative icon shown when `hasIcon` is true. Only used for `discovery`\n   * and `neutral`; those variants fall back to Sparkles and Bolt. `info`,\n   * `warning`, and `danger` always use their status icons.\n   */\n  icon?: React.ReactNode;\n\n  /** Content to be shown in the announcement banner. */\n  children?: React.ReactNode;\n\n  /**\n   * Announces the header when the banner appears or its header changes.\n   * `status` announces politely, while `alert` interrupts the user. Leave this\n   * unset for banners that are present during the page's initial render.\n   * This is independent of the visual `variant`.\n   */\n  liveRegion?: AnnouncementBannerLiveRegion;\n\n  /** The variant of the announcement banner */\n  variant?: AnnouncementBannerVariant;\n};\n\ntype CloseableAnnouncementBannerProps = {\n  /** If the banner is closeable. Renders an icon button on the right */\n  isCloseable: true;\n\n  /** Event handler for when the close icon is clicked */\n  onClose: (\n    error?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n};\n\ntype NonCloseableAnnouncementBannerProps = {\n  isCloseable?: false;\n  onClose?: never;\n};\n\ntype AnnouncementBannerCloseProps =\n  | CloseableAnnouncementBannerProps\n  | NonCloseableAnnouncementBannerProps;\n\ntype AnnouncementBannerProps = AnnouncementBannerCommonProps &\n  AnnouncementBannerCloseProps;\n\nconst LIVE_REGION_REGISTRATION_DELAY = 100;\n\nconst StatusIcon = ({\n  icon,\n  variant,\n}: {\n  icon?: React.ReactNode;\n  variant: AnnouncementBannerVariant;\n}) => {\n  const canUseCustomIcon = variant === 'discovery' || variant === 'neutral';\n  const iconComponent = (() => {\n    if (canUseCustomIcon && icon) {\n      return icon;\n    }\n\n    switch (variant) {\n      case 'warning':\n        return <ExclamationTriangleIconSolid />;\n      case 'danger':\n        return <ExclamationCircleIconSolid />;\n      case 'discovery':\n        return <SparklesIconSolid />;\n      case 'info':\n        return <InformationCircleIconSolid />;\n      case 'neutral':\n        return <BoltIconOutline />;\n      default:\n        return null;\n    }\n  })();\n\n  return (\n    <span className=\"ndl-announcement-banner-status-icon\" aria-hidden=\"true\">\n      {iconComponent}\n    </span>\n  );\n};\n\nconst AnnouncementBannerContext = React.createContext<{\n  hasIcon: boolean;\n  icon?: React.ReactNode;\n  variant: AnnouncementBannerVariant;\n}>({\n  hasIcon: false,\n  variant: 'info',\n});\n\n/**\n * Short title or message for the announcement.\n */\nconst AnnouncementBannerHeader = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', { children: React.ReactNode }>) => {\n  const { hasIcon, icon, variant } = useContext(AnnouncementBannerContext);\n  const classes = classNames('ndl-announcement-banner-header', className);\n  return (\n    <Typography\n      as=\"span\"\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {hasIcon && <StatusIcon icon={icon} variant={variant} />}\n      {children}\n    </Typography>\n  );\n};\n\n/**\n * Optional actions shown next to the announcement message.\n */\nconst AnnouncementBannerActions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-announcement-banner-actions', className);\n  return (\n    <div\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Full-width announcement bar intended to sit at the top of its parent.\n * It stays in normal document flow so sibling content is shifted down.\n *\n * @remarks\n * Place `AnnouncementBanner` as the first child of a full-width parent (for\n * example the page shell).\n */\nconst AnnouncementBannerComponent = <\n  TElement extends React.ElementType = 'section',\n>({\n  as,\n  variant = 'info',\n  hasIcon = false,\n  icon,\n  onClose,\n  className,\n  children,\n  isCloseable = false,\n  htmlAttributes,\n  liveRegion,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<TElement, AnnouncementBannerProps>) => {\n  const Element: React.ElementType = as ?? 'section';\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [pendingAnnouncement, setPendingAnnouncement] =\n    useState<PendingAnnouncement | null>(null);\n\n  const classes = classNames('ndl-announcement-banner', className, {\n    'ndl-announcement-banner-closeable': isCloseable,\n    'ndl-danger': variant === 'danger',\n    'ndl-discovery': variant === 'discovery',\n    'ndl-info': variant === 'info',\n    'ndl-neutral': variant === 'neutral',\n    'ndl-warning': variant === 'warning',\n  });\n\n  const handleClose = (\n    error:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>,\n  ) => {\n    if (onClose && typeof onClose === 'function') {\n      onClose(error);\n    }\n  };\n\n  useEffect(() => {\n    if (!liveRegion || !contentRef.current) {\n      setPendingAnnouncement(null);\n      return;\n    }\n\n    const header = contentRef.current.querySelector(\n      '.ndl-announcement-banner-header',\n    );\n\n    if (!header) {\n      setPendingAnnouncement(null);\n      return;\n    }\n\n    let timeoutId: number | undefined;\n\n    const announceHeader = () => {\n      window.clearTimeout(timeoutId);\n      setPendingAnnouncement(null);\n\n      const message = header.textContent?.trim();\n\n      if (message) {\n        timeoutId = window.setTimeout(() => {\n          setPendingAnnouncement({ message, role: liveRegion });\n        }, LIVE_REGION_REGISTRATION_DELAY);\n      }\n    };\n\n    const observer = new MutationObserver(announceHeader);\n    observer.observe(header, {\n      characterData: true,\n      childList: true,\n      subtree: true,\n    });\n    announceHeader();\n\n    return () => {\n      observer.disconnect();\n      window.clearTimeout(timeoutId);\n    };\n  }, [liveRegion]);\n\n  const announcement =\n    pendingAnnouncement?.role === liveRegion\n      ? (pendingAnnouncement?.message ?? '')\n      : '';\n\n  return (\n    <Element className={classes} ref={ref} {...restProps} {...htmlAttributes}>\n      {liveRegion && (\n        <span\n          className=\"ndl-announcement-banner-live-region\"\n          role={liveRegion}\n          aria-atomic=\"true\"\n        >\n          {announcement}\n        </span>\n      )}\n      <div className=\"ndl-announcement-banner-container\" ref={contentRef}>\n        <AnnouncementBannerContext.Provider value={{ hasIcon, icon, variant }}>\n          {children}\n        </AnnouncementBannerContext.Provider>\n      </div>\n      {isCloseable && (\n        <div className=\"ndl-announcement-banner-close\">\n          <CleanIconButton\n            size=\"small\"\n            onClick={handleClose}\n            description={null}\n            htmlAttributes={{ 'aria-label': 'Close' }}\n          >\n            <XMarkIconOutline />\n          </CleanIconButton>\n        </div>\n      )}\n    </Element>\n  );\n};\n\nconst AnnouncementBanner = Object.assign(AnnouncementBannerComponent, {\n  Actions: AnnouncementBannerActions,\n  Header: AnnouncementBannerHeader,\n});\n\nexport { AnnouncementBanner };\n"]}
+{"version":3,"file":"AnnouncementBanner.js","sourceRoot":"","sources":["../../../src/announcement-banner/AnnouncementBanner.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport classNames from 'classnames';\nimport React, { useContext, useEffect, useRef, useState } from 'react';\n\nimport {\n  type CommonProps,\n  type PolymorphicCommonProps,\n} from '../_common/types';\nimport { CleanIconButton } from '../clean-icon-button';\nimport { BoltIconOutline } from '../icons/generated/heroIcons/BoltIconOutline';\nimport { ExclamationCircleIconSolid } from '../icons/generated/heroIcons/ExclamationCircleIconSolid';\nimport { ExclamationTriangleIconSolid } from '../icons/generated/heroIcons/ExclamationTriangleIconSolid';\nimport { InformationCircleIconSolid } from '../icons/generated/heroIcons/InformationCircleIconSolid';\nimport { SparklesIconSolid } from '../icons/generated/heroIcons/SparklesIconSolid';\nimport { XMarkIconOutline } from '../icons/generated/heroIcons/XMarkIconOutline';\nimport { Typography } from '../typography';\n\n/**\n *\n *\n * Types\n *\n *\n */\n\ntype AnnouncementBannerVariant =\n  | 'info'\n  | 'warning'\n  | 'danger'\n  | 'discovery'\n  | 'neutral';\n\ntype AnnouncementBannerLiveRegion = 'status' | 'alert';\n\ntype PendingAnnouncement = {\n  message: string;\n  role: AnnouncementBannerLiveRegion;\n};\n\ntype AnnouncementBannerCommonProps = {\n  /** Shows a status icon. The icon is based on the value of the `variant` prop */\n  hasIcon?: boolean;\n\n  /**\n   * Decorative icon shown when `hasIcon` is true. Only used for `discovery`\n   * and `neutral`; those variants fall back to Sparkles and Bolt. `info`,\n   * `warning`, and `danger` always use their status icons.\n   */\n  icon?: React.ReactNode;\n\n  /** Content to be shown in the announcement banner. */\n  children?: React.ReactNode;\n\n  /**\n   * Announces the header when the banner appears or its header changes.\n   * `status` announces politely, while `alert` interrupts the user. Leave this\n   * unset for banners that are present during the page's initial render.\n   * This is independent of the visual `variant`.\n   */\n  liveRegion?: AnnouncementBannerLiveRegion;\n\n  /** The variant of the announcement banner */\n  variant?: AnnouncementBannerVariant;\n};\n\ntype CloseableAnnouncementBannerProps = {\n  /** If the banner is closeable. Renders an icon button on the right */\n  isCloseable: true;\n\n  /** Event handler for when the close icon is clicked */\n  onClose: (\n    error?: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>,\n  ) => void;\n};\n\ntype NonCloseableAnnouncementBannerProps = {\n  isCloseable?: false;\n  onClose?: never;\n};\n\ntype AnnouncementBannerCloseProps =\n  | CloseableAnnouncementBannerProps\n  | NonCloseableAnnouncementBannerProps;\n\ntype AnnouncementBannerProps = AnnouncementBannerCommonProps &\n  AnnouncementBannerCloseProps;\n\nconst LIVE_REGION_REGISTRATION_DELAY = 100;\n\nconst StatusIcon = ({\n  icon,\n  variant,\n}: {\n  icon?: React.ReactNode;\n  variant: AnnouncementBannerVariant;\n}) => {\n  const canUseCustomIcon = variant === 'discovery' || variant === 'neutral';\n  const iconComponent = (() => {\n    if (canUseCustomIcon && icon) {\n      return icon;\n    }\n\n    switch (variant) {\n      case 'warning':\n        return <ExclamationTriangleIconSolid />;\n      case 'danger':\n        return <ExclamationCircleIconSolid />;\n      case 'discovery':\n        return <SparklesIconSolid />;\n      case 'info':\n        return <InformationCircleIconSolid />;\n      case 'neutral':\n        return <BoltIconOutline />;\n      default:\n        return null;\n    }\n  })();\n\n  return (\n    <span className=\"ndl-announcement-banner-status-icon\" aria-hidden=\"true\">\n      {iconComponent}\n    </span>\n  );\n};\n\nconst AnnouncementBannerContext = React.createContext<{\n  hasIcon: boolean;\n  icon?: React.ReactNode;\n  variant: AnnouncementBannerVariant;\n}>({\n  hasIcon: false,\n  variant: 'info',\n});\n\n/**\n * Short title or message for the announcement.\n */\nconst AnnouncementBannerHeader = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'span', { children: React.ReactNode }>) => {\n  const { hasIcon, icon, variant } = useContext(AnnouncementBannerContext);\n  const classes = classNames('ndl-announcement-banner-header', className);\n  return (\n    <Typography\n      as=\"span\"\n      variant=\"body-medium\"\n      className={classes}\n      style={style}\n      ref={ref}\n      htmlAttributes={htmlAttributes}\n      {...restProps}\n    >\n      {hasIcon && <StatusIcon icon={icon} variant={variant} />}\n      {children}\n    </Typography>\n  );\n};\n\n/**\n * Optional actions shown next to the announcement message.\n */\nconst AnnouncementBannerActions = ({\n  children,\n  className,\n  style,\n  htmlAttributes,\n  ref,\n  ...restProps\n}: CommonProps<'div', { children: React.ReactNode }>) => {\n  const classes = classNames('ndl-announcement-banner-actions', className);\n  return (\n    <div\n      className={classes}\n      style={style}\n      ref={ref}\n      {...restProps}\n      {...htmlAttributes}\n    >\n      {children}\n    </div>\n  );\n};\n\n/**\n * Full-width announcement bar intended to sit at the top of its parent.\n * It stays in normal document flow so sibling content is shifted down.\n *\n * @remarks\n * Place `AnnouncementBanner` as the first child of a full-width parent (for\n * example the page shell).\n */\nconst AnnouncementBannerComponent = <\n  TElement extends React.ElementType = 'section',\n>({\n  as,\n  variant = 'info',\n  hasIcon = false,\n  icon,\n  onClose,\n  className,\n  children,\n  isCloseable = false,\n  htmlAttributes,\n  liveRegion,\n  ref,\n  ...restProps\n}: PolymorphicCommonProps<TElement, AnnouncementBannerProps>) => {\n  const Element: React.ElementType = as ?? 'section';\n  const contentRef = useRef<HTMLDivElement>(null);\n  const [pendingAnnouncement, setPendingAnnouncement] =\n    useState<PendingAnnouncement | null>(null);\n\n  const classes = classNames('ndl-announcement-banner', className, {\n    'ndl-announcement-banner-closeable': isCloseable,\n    'ndl-danger': variant === 'danger',\n    'ndl-discovery': variant === 'discovery',\n    'ndl-info': variant === 'info',\n    'ndl-neutral': variant === 'neutral',\n    'ndl-warning': variant === 'warning',\n  });\n\n  const handleClose = (\n    error:\n      | React.MouseEvent<HTMLElement, MouseEvent>\n      | React.KeyboardEvent<HTMLElement>,\n  ) => {\n    if (onClose && typeof onClose === 'function') {\n      onClose(error);\n    }\n  };\n\n  useEffect(() => {\n    if (!liveRegion || !contentRef.current) {\n      setPendingAnnouncement(null);\n      return;\n    }\n\n    const header = contentRef.current.querySelector(\n      '.ndl-announcement-banner-header',\n    );\n\n    if (!header) {\n      setPendingAnnouncement(null);\n      return;\n    }\n\n    let timeoutId: number | undefined;\n\n    const announceHeader = () => {\n      window.clearTimeout(timeoutId);\n      setPendingAnnouncement(null);\n\n      const message = header.textContent?.trim();\n\n      if (message) {\n        timeoutId = window.setTimeout(() => {\n          setPendingAnnouncement({ message, role: liveRegion });\n        }, LIVE_REGION_REGISTRATION_DELAY);\n      }\n    };\n\n    const observer = new MutationObserver(announceHeader);\n    observer.observe(header, {\n      characterData: true,\n      childList: true,\n      subtree: true,\n    });\n    announceHeader();\n\n    return () => {\n      observer.disconnect();\n      window.clearTimeout(timeoutId);\n    };\n  }, [liveRegion]);\n\n  const announcement =\n    pendingAnnouncement?.role === liveRegion\n      ? (pendingAnnouncement?.message ?? '')\n      : '';\n\n  return (\n    <Element className={classes} ref={ref} {...restProps} {...htmlAttributes}>\n      {liveRegion && (\n        <span\n          className=\"ndl-announcement-banner-live-region\"\n          role={liveRegion}\n          aria-atomic=\"true\"\n        >\n          {announcement}\n        </span>\n      )}\n      <div className=\"ndl-announcement-banner-container\" ref={contentRef}>\n        <AnnouncementBannerContext.Provider value={{ hasIcon, icon, variant }}>\n          {children}\n        </AnnouncementBannerContext.Provider>\n      </div>\n      {isCloseable && (\n        <div className=\"ndl-announcement-banner-close\">\n          <CleanIconButton\n            size=\"small\"\n            onClick={handleClose}\n            description={null}\n            htmlAttributes={{ 'aria-label': 'Close' }}\n          >\n            <XMarkIconOutline />\n          </CleanIconButton>\n        </div>\n      )}\n    </Element>\n  );\n};\n\nconst AnnouncementBanner = Object.assign(AnnouncementBannerComponent, {\n  Actions: AnnouncementBannerActions,\n  Header: AnnouncementBannerHeader,\n});\n\nexport { AnnouncementBanner };\n"]}

package/lib/cjs/announcement-banner/index.js

@@ -1,5 +1,5 @@
 "use strict";
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/announcement-banner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/announcement-banner/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,uDAAqC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport * from './AnnouncementBanner';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/announcement-banner/index.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;;;;;;;;;;;;;;;;AAEH,uDAAqC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nexport * from './AnnouncementBanner';\n"]}

package/lib/cjs/announcement-banner/stories/announcement-banner-closeable.story.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/announcement-banner/stories/announcement-banner-closeable.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-closeable.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-closeable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAsD;AAEtD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,0BAAkB,IACjB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC,YAElD,uBAAC,0BAAkB,CAAC,MAAM,sDAEE,GACT,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <AnnouncementBanner\n      isCloseable={true}\n      onClose={() => alert('Announcement banner closed')}\n    >\n      <AnnouncementBanner.Header>\n        This announcement can be dismissed.\n      </AnnouncementBanner.Header>\n    </AnnouncementBanner>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-closeable.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-closeable.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAsD;AAEtD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,0BAAkB,IACjB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,4BAA4B,CAAC,YAElD,uBAAC,0BAAkB,CAAC,MAAM,sDAEE,GACT,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <AnnouncementBanner\n      isCloseable={true}\n      onClose={() => alert('Announcement banner closed')}\n    >\n      <AnnouncementBanner.Header>\n        This announcement can be dismissed.\n      </AnnouncementBanner.Header>\n    </AnnouncementBanner>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/announcement-banner/stories/announcement-banner-custom-icons.story.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/announcement-banner/stories/announcement-banner-custom-icons.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-custom-icons.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-custom-icons.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAsD;AACtD,kDAA8E;AAE9E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,0CAA0C,aACvD,uBAAC,0BAAkB,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,YACnD,uBAAC,0BAAkB,CAAC,MAAM,2DAEE,GACT,EACrB,uBAAC,0BAAkB,IACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,uBAAC,qBAAa,KAAG,YAEvB,uBAAC,0BAAkB,CAAC,MAAM,oDAEE,GACT,EACrB,uBAAC,0BAAkB,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,YACjD,uBAAC,0BAAkB,CAAC,MAAM,qDAEE,GACT,EACrB,uBAAC,0BAAkB,IACjB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,uBAAC,6BAAqB,KAAG,YAE/B,uBAAC,0BAAkB,CAAC,MAAM,oDAEE,GACT,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\nimport { GiftIconSolid, RocketLaunchIconSolid } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-8 n-w-full\">\n      <AnnouncementBanner variant=\"discovery\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Discovery with the default Sparkles icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner\n        variant=\"discovery\"\n        hasIcon={true}\n        icon={<GiftIconSolid />}\n      >\n        <AnnouncementBanner.Header>\n          Discovery with a custom gift icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"neutral\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Neutral with the default Bolt icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner\n        variant=\"neutral\"\n        hasIcon={true}\n        icon={<RocketLaunchIconSolid />}\n      >\n        <AnnouncementBanner.Header>\n          Neutral with a custom rocket icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-custom-icons.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-custom-icons.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAsD;AACtD,kDAA8E;AAE9E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,0CAA0C,aACvD,uBAAC,0BAAkB,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,YACnD,uBAAC,0BAAkB,CAAC,MAAM,2DAEE,GACT,EACrB,uBAAC,0BAAkB,IACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,uBAAC,qBAAa,KAAG,YAEvB,uBAAC,0BAAkB,CAAC,MAAM,oDAEE,GACT,EACrB,uBAAC,0BAAkB,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,YACjD,uBAAC,0BAAkB,CAAC,MAAM,qDAEE,GACT,EACrB,uBAAC,0BAAkB,IACjB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,uBAAC,6BAAqB,KAAG,YAE/B,uBAAC,0BAAkB,CAAC,MAAM,oDAEE,GACT,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\nimport { GiftIconSolid, RocketLaunchIconSolid } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-8 n-w-full\">\n      <AnnouncementBanner variant=\"discovery\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Discovery with the default Sparkles icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner\n        variant=\"discovery\"\n        hasIcon={true}\n        icon={<GiftIconSolid />}\n      >\n        <AnnouncementBanner.Header>\n          Discovery with a custom gift icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"neutral\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Neutral with the default Bolt icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner\n        variant=\"neutral\"\n        hasIcon={true}\n        icon={<RocketLaunchIconSolid />}\n      >\n        <AnnouncementBanner.Header>\n          Neutral with a custom rocket icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/announcement-banner/stories/announcement-banner-default.story.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/announcement-banner/stories/announcement-banner-default.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-default.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAsD;AAEtD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,0BAAkB,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,YAC9C,uBAAC,0BAAkB,CAAC,MAAM,qEAEE,GACT,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <AnnouncementBanner variant=\"info\" hasIcon={true}>\n      <AnnouncementBanner.Header>\n        Scheduled maintenance starts tonight at 22:00 UTC.\n      </AnnouncementBanner.Header>\n    </AnnouncementBanner>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-default.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-default.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAsD;AAEtD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,0BAAkB,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,YAC9C,uBAAC,0BAAkB,CAAC,MAAM,qEAEE,GACT,CACtB,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <AnnouncementBanner variant=\"info\" hasIcon={true}>\n      <AnnouncementBanner.Header>\n        Scheduled maintenance starts tonight at 22:00 UTC.\n      </AnnouncementBanner.Header>\n    </AnnouncementBanner>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/announcement-banner/stories/announcement-banner-injected-non-urgent.story.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/announcement-banner/stories/announcement-banner-injected-non-urgent.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-injected-non-urgent.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-injected-non-urgent.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAI0B;AAC1B,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACxC,SAAS,IAAI,CACZ,uBAAC,0BAAkB,IACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,QAAQ,EACnB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAElC,uBAAC,0BAAkB,CAAC,MAAM,yEAEE,GACT,CACtB,EACD,iCAAK,SAAS,EAAC,uEAAuE,aACpF,uBAAC,sBAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAC/D,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,GACvC,EACjB,wBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8GAEP,qEAA0C,EAAC,GAAG,gDAE3D,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  AnnouncementBanner,\n  OutlinedButton,\n  Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <div className=\"n-flex n-flex-col n-w-full\">\n      {isVisible && (\n        <AnnouncementBanner\n          variant=\"discovery\"\n          hasIcon={true}\n          liveRegion=\"status\"\n          isCloseable={true}\n          onClose={() => setIsVisible(false)}\n        >\n          <AnnouncementBanner.Header>\n            New Aura features are available for your organization.\n          </AnnouncementBanner.Header>\n        </AnnouncementBanner>\n      )}\n      <div className=\"n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default\">\n        <OutlinedButton onClick={() => setIsVisible((visible) => !visible)}>\n          {isVisible ? 'Hide announcement' : 'Show announcement'}\n        </OutlinedButton>\n        <Typography variant=\"body-medium\">\n          The page is already loaded. Toggle the announcement in to simulate a\n          later campaign or poll. <code>liveRegion=&quot;status&quot;</code>{' '}\n          announces politely without interrupting.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-injected-non-urgent.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-injected-non-urgent.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAI0B;AAC1B,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACxC,SAAS,IAAI,CACZ,uBAAC,0BAAkB,IACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,QAAQ,EACnB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAElC,uBAAC,0BAAkB,CAAC,MAAM,yEAEE,GACT,CACtB,EACD,iCAAK,SAAS,EAAC,uEAAuE,aACpF,uBAAC,sBAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAC/D,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,GACvC,EACjB,wBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,8GAEP,qEAA0C,EAAC,GAAG,gDAE3D,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  AnnouncementBanner,\n  OutlinedButton,\n  Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <div className=\"n-flex n-flex-col n-w-full\">\n      {isVisible && (\n        <AnnouncementBanner\n          variant=\"discovery\"\n          hasIcon={true}\n          liveRegion=\"status\"\n          isCloseable={true}\n          onClose={() => setIsVisible(false)}\n        >\n          <AnnouncementBanner.Header>\n            New Aura features are available for your organization.\n          </AnnouncementBanner.Header>\n        </AnnouncementBanner>\n      )}\n      <div className=\"n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default\">\n        <OutlinedButton onClick={() => setIsVisible((visible) => !visible)}>\n          {isVisible ? 'Hide announcement' : 'Show announcement'}\n        </OutlinedButton>\n        <Typography variant=\"body-medium\">\n          The page is already loaded. Toggle the announcement in to simulate a\n          later campaign or poll. <code>liveRegion=&quot;status&quot;</code>{' '}\n          announces politely without interrupting.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/announcement-banner/stories/announcement-banner-injected-urgent.story.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/announcement-banner/stories/announcement-banner-injected-urgent.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-injected-urgent.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-injected-urgent.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAI0B;AAC1B,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACxC,SAAS,IAAI,CACZ,uBAAC,0BAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAC,OAAO,YACpE,uBAAC,0BAAkB,CAAC,MAAM,iFAEE,GACT,CACtB,EACD,iCAAK,SAAS,EAAC,uEAAuE,aACpF,uBAAC,sBAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAC/D,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,GACvC,EACjB,wBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,wHAEI,GAAG,EACtC,oEAAyC,4EAE9B,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  AnnouncementBanner,\n  OutlinedButton,\n  Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <div className=\"n-flex n-flex-col n-w-full\">\n      {isVisible && (\n        <AnnouncementBanner variant=\"danger\" hasIcon={true} liveRegion=\"alert\">\n          <AnnouncementBanner.Header>\n            Error: connection to the database was lost. Reconnecting…\n          </AnnouncementBanner.Header>\n        </AnnouncementBanner>\n      )}\n      <div className=\"n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default\">\n        <OutlinedButton onClick={() => setIsVisible((visible) => !visible)}>\n          {isVisible ? 'Hide announcement' : 'Show announcement'}\n        </OutlinedButton>\n        <Typography variant=\"body-medium\">\n          The page is already loaded. Toggle the announcement in to simulate a\n          connection loss or session expiry.{' '}\n          <code>liveRegion=&quot;alert&quot;</code> interrupts the screen reader\n          because the message is time-sensitive.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-injected-urgent.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-injected-urgent.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAI0B;AAC1B,iCAAiC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACxC,SAAS,IAAI,CACZ,uBAAC,0BAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAC,OAAO,YACpE,uBAAC,0BAAkB,CAAC,MAAM,iFAEE,GACT,CACtB,EACD,iCAAK,SAAS,EAAC,uEAAuE,aACpF,uBAAC,sBAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAC/D,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,GACvC,EACjB,wBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,wHAEI,GAAG,EACtC,oEAAyC,4EAE9B,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  AnnouncementBanner,\n  OutlinedButton,\n  Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <div className=\"n-flex n-flex-col n-w-full\">\n      {isVisible && (\n        <AnnouncementBanner variant=\"danger\" hasIcon={true} liveRegion=\"alert\">\n          <AnnouncementBanner.Header>\n            Error: connection to the database was lost. Reconnecting…\n          </AnnouncementBanner.Header>\n        </AnnouncementBanner>\n      )}\n      <div className=\"n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default\">\n        <OutlinedButton onClick={() => setIsVisible((visible) => !visible)}>\n          {isVisible ? 'Hide announcement' : 'Show announcement'}\n        </OutlinedButton>\n        <Typography variant=\"body-medium\">\n          The page is already loaded. Toggle the announcement in to simulate a\n          connection loss or session expiry.{' '}\n          <code>liveRegion=&quot;alert&quot;</code> interrupts the screen reader\n          because the message is time-sensitive.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/announcement-banner/stories/announcement-banner-present-at-page-render.story.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]

package/lib/cjs/announcement-banner/stories/announcement-banner-present-at-page-render.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-present-at-page-render.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-present-at-page-render.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAkE;AAElE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACzC,uBAAC,0BAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,YAChD,uBAAC,0BAAkB,CAAC,MAAM,mGAGE,GACT,EACrB,gCAAK,SAAS,EAAC,sCAAsC,YACnD,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,gLAIpB,GACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/**\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-w-full\">\n      <AnnouncementBanner variant=\"danger\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Warning: your marketplace subscription will be deprecated on September\n          19, 2026.\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <div className=\"n-p-token-24 n-bg-neutral-bg-default\">\n        <Typography variant=\"body-medium\">\n          This banner is part of the initial page render, so `liveRegion` is\n          omitted. Screen reader users hear it when they reach it in the page,\n          not as an interruption.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-present-at-page-render.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-present-at-page-render.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAkE;AAElE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,iCAAK,SAAS,EAAC,4BAA4B,aACzC,uBAAC,0BAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,YAChD,uBAAC,0BAAkB,CAAC,MAAM,mGAGE,GACT,EACrB,gCAAK,SAAS,EAAC,sCAAsC,YACnD,uBAAC,kBAAU,IAAC,OAAO,EAAC,aAAa,gLAIpB,GACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-w-full\">\n      <AnnouncementBanner variant=\"danger\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Warning: your marketplace subscription will be deprecated on September\n          19, 2026.\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <div className=\"n-p-token-24 n-bg-neutral-bg-default\">\n        <Typography variant=\"body-medium\">\n          This banner is part of the initial page render, so `liveRegion` is\n          omitted. Screen reader users hear it when they reach it in the page,\n          not as an interruption.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/announcement-banner/stories/announcement-banner-variants.story.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const jsx_runtime_1 = require("react/jsx-runtime");
-/**
+/*!
  *
  *  Copyright (c) "Neo4j"
  *  Neo4j Sweden AB [http://neo4j.com]