boreal-ui 0.0.72 → 0.0.73

package/dist/core/DataTable-FIxUWKG4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable-FIxUWKG4.js","sources":["../../src/components/DataTable/DataTableBase.tsx","../../src/components/DataTable/core/DataTable.tsx"],"sourcesContent":["import { useEffect, useMemo, useState, KeyboardEvent } from \"react\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { DataTableBaseProps, Column } from \"./DataTable.types\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nfunction DataTableBase<T extends object>({\r\n  columns,\r\n  data,\r\n  onRowClick,\r\n  classMap,\r\n  theme = getDefaultTheme(),\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  state = \"\",\r\n  outline = false,\r\n  className = \"\",\r\n  striped = true,\r\n  defaultSortKey,\r\n  defaultSortOrder = \"asc\",\r\n  serverSort = false,\r\n  onSortChange,\r\n  rowKey,\r\n  caption = \"Data table\",\r\n  hideCaption = true,\r\n  getSortAriaLabel,\r\n  getSortAnnouncement,\r\n  getRowAriaLabel,\r\n  getRowAriaDescription,\r\n  emptyMessage = \"No data available\",\r\n  loading = false,\r\n  loadingMessage = \"Loading data\",\r\n  colCount,\r\n  rowCount,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"data-testid\": testId = \"data-table\",\r\n}: DataTableBaseProps<T>) {\r\n  const [sortKey, setSortKey] = useState<keyof T | undefined>(defaultSortKey);\r\n  const [sortOrder, setSortOrder] = useState<\"asc\" | \"desc\">(defaultSortOrder);\r\n  const [sortAnnouncement, setSortAnnouncement] = useState(\"\");\r\n\r\n  const captionId = `${testId}-caption`;\r\n  const liveRegionId = `${testId}-live-region`;\r\n\r\n  const computedAriaDescribedBy = [\r\n    ariaDescribedBy,\r\n    caption ? captionId : undefined,\r\n    liveRegionId,\r\n  ]\r\n    .filter(Boolean)\r\n    .join(\" \");\r\n\r\n  const sortedData = useMemo(() => {\r\n    if (serverSort || !sortKey) return data;\r\n\r\n    return [...data].sort((a, b) => {\r\n      const valA = a[sortKey];\r\n      const valB = b[sortKey];\r\n\r\n      if (valA === valB) return 0;\r\n      if (valA == null) return 1;\r\n      if (valB == null) return -1;\r\n\r\n      const numA = Number(valA);\r\n      const numB = Number(valB);\r\n      const bothNumeric = !Number.isNaN(numA) && !Number.isNaN(numB);\r\n\r\n      if (bothNumeric) {\r\n        return sortOrder === \"asc\" ? numA - numB : numB - numA;\r\n      }\r\n\r\n      const cmp = String(valA).localeCompare(String(valB), undefined, {\r\n        numeric: true,\r\n      });\r\n\r\n      return sortOrder === \"asc\" ? cmp : -cmp;\r\n    });\r\n  }, [data, sortKey, sortOrder, serverSort]);\r\n\r\n  const announceSortChange = (\r\n    column: Column<T>,\r\n    nextOrder: \"asc\" | \"desc\",\r\n  ): void => {\r\n    const message = getSortAnnouncement\r\n      ? getSortAnnouncement(column, nextOrder)\r\n      : `${column.label} sorted ${nextOrder === \"asc\" ? \"ascending\" : \"descending\"}`;\r\n\r\n    setSortAnnouncement(message);\r\n  };\r\n\r\n  const handleSort = (column: Column<T>): void => {\r\n    const nextOrder =\r\n      column.key === sortKey && sortOrder === \"asc\" ? \"desc\" : \"asc\";\r\n\r\n    setSortKey(column.key);\r\n    setSortOrder(nextOrder);\r\n    announceSortChange(column, nextOrder);\r\n\r\n    if (serverSort && onSortChange) {\r\n      onSortChange(column.key, nextOrder);\r\n    }\r\n  };\r\n\r\n  const handleSortKeyDown =\r\n    (column: Column<T>) =>\r\n    (e: KeyboardEvent<HTMLButtonElement>): void => {\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        handleSort(column);\r\n      }\r\n    };\r\n\r\n  const handleRowKeyDown =\r\n    (row: T) =>\r\n    (e: KeyboardEvent<HTMLTableRowElement>): void => {\r\n      if (!onRowClick) return;\r\n\r\n      if (e.key === \"Enter\" || e.key === \" \") {\r\n        e.preventDefault();\r\n        onRowClick(row);\r\n      }\r\n    };\r\n\r\n  const getHeaderScope = (column: Column<T>): \"col\" | \"colgroup\" =>\r\n    column.scope ?? \"col\";\r\n\r\n  const getHeaderId = (column: Column<T>): string =>\r\n    column.id ?? `${testId}-header-${String(column.key)}`;\r\n\r\n  const getColumnAriaLabel = (\r\n    column: Column<T>,\r\n    isActive: boolean,\r\n  ): string | undefined => {\r\n    if (!column.sortable) {\r\n      return column.srLabel;\r\n    }\r\n\r\n    if (getSortAriaLabel) {\r\n      return getSortAriaLabel(column, sortOrder, isActive);\r\n    }\r\n\r\n    const baseLabel = column.srLabel ?? column.label;\r\n\r\n    if (isActive) {\r\n      return `${baseLabel}, sorted ${sortOrder === \"asc\" ? \"ascending\" : \"descending\"}. Activate to sort ${sortOrder === \"asc\" ? \"descending\" : \"ascending\"}.`;\r\n    }\r\n\r\n    return `${baseLabel}. Activate to sort ascending.`;\r\n  };\r\n\r\n  const renderCellContent = (row: T, column: Column<T>): React.ReactNode => {\r\n    const value = row[column.key];\r\n\r\n    if (column.render) {\r\n      return column.render(value, row);\r\n    }\r\n\r\n    if (typeof value === \"object\" && value !== null) {\r\n      return JSON.stringify(value);\r\n    }\r\n\r\n    return String(value ?? \"\");\r\n  };\r\n\r\n  useEffect(() => {\r\n    if (!sortKey) {\r\n      setSortAnnouncement(\"\");\r\n      return;\r\n    }\r\n\r\n    const activeColumn = columns.find((column) => column.key === sortKey);\r\n    if (!activeColumn) return;\r\n\r\n    announceSortChange(activeColumn, sortOrder);\r\n  }, []);\r\n\r\n  return (\r\n    <div\r\n      className={combineClassNames(\r\n        classMap.wrapper,\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        striped && classMap.striped,\r\n        className,\r\n      )}\r\n      data-testid={testId}\r\n    >\r\n      <div\r\n        id={liveRegionId}\r\n        className={classMap.srOnly ?? \"sr_only\"}\r\n        aria-live=\"polite\"\r\n        aria-atomic=\"true\"\r\n      >\r\n        {loading ? loadingMessage : sortAnnouncement}\r\n      </div>\r\n\r\n      <table\r\n        className={combineClassNames(\r\n          classMap.table,\r\n          classMap[theme],\r\n          classMap[state],\r\n          outline && classMap.outline,\r\n        )}\r\n        aria-label={ariaLabel}\r\n        aria-labelledby={ariaLabelledBy}\r\n        aria-describedby={computedAriaDescribedBy || undefined}\r\n        aria-colcount={colCount}\r\n        aria-rowcount={rowCount}\r\n      >\r\n        {caption ? (\r\n          <caption\r\n            id={captionId}\r\n            className={hideCaption ? (classMap.srOnly ?? \"sr_only\") : undefined}\r\n          >\r\n            {caption}\r\n          </caption>\r\n        ) : null}\r\n\r\n        <thead>\r\n          <tr>\r\n            {columns.map((column) => {\r\n              const isActive = sortKey === column.key;\r\n\r\n              return (\r\n                <th\r\n                  key={String(column.key)}\r\n                  id={getHeaderId(column)}\r\n                  scope={getHeaderScope(column)}\r\n                  aria-sort={\r\n                    column.sortable\r\n                      ? isActive\r\n                        ? sortOrder === \"asc\"\r\n                          ? \"ascending\"\r\n                          : \"descending\"\r\n                        : \"none\"\r\n                      : undefined\r\n                  }\r\n                  className={combineClassNames(\r\n                    column.sortable && classMap.sortable,\r\n                    classMap.headerCell,\r\n                  )}\r\n                >\r\n                  {column.sortable ? (\r\n                    <button\r\n                      type=\"button\"\r\n                      className={classMap.sortButton}\r\n                      onClick={() => handleSort(column)}\r\n                      onKeyDown={handleSortKeyDown(column)}\r\n                      aria-label={getColumnAriaLabel(column, isActive)}\r\n                      data-testid={`${testId}-sort-${String(column.key)}`}\r\n                    >\r\n                      <span>{column.label}</span>\r\n                      <span className={classMap.sortIcon} aria-hidden=\"true\">\r\n                        {isActive ? (sortOrder === \"asc\" ? \"▲\" : \"▼\") : \"⇅\"}\r\n                      </span>\r\n                    </button>\r\n                  ) : (\r\n                    <span aria-label={column.srLabel}>{column.label}</span>\r\n                  )}\r\n                </th>\r\n              );\r\n            })}\r\n          </tr>\r\n        </thead>\r\n\r\n        <tbody>\r\n          {loading ? (\r\n            <tr>\r\n              <td\r\n                className={classMap.emptyCell}\r\n                colSpan={columns.length}\r\n                aria-live=\"polite\"\r\n              >\r\n                {loadingMessage}\r\n              </td>\r\n            </tr>\r\n          ) : sortedData.length === 0 ? (\r\n            <tr>\r\n              <td\r\n                className={classMap.emptyCell}\r\n                colSpan={columns.length}\r\n                aria-live=\"polite\"\r\n              >\r\n                {emptyMessage}\r\n              </td>\r\n            </tr>\r\n          ) : (\r\n            sortedData.map((row, index) => {\r\n              const key = rowKey ? rowKey(row) : index;\r\n              const rowAriaLabel = getRowAriaLabel?.(row, index);\r\n              const rowAriaDescription = getRowAriaDescription?.(row, index);\r\n\r\n              return (\r\n                <tr\r\n                  key={key}\r\n                  className={combineClassNames(\r\n                    onRowClick && classMap.clickable,\r\n                    striped && index % 2 === 1 && classMap.striped,\r\n                  )}\r\n                  onClick={() => onRowClick?.(row)}\r\n                  onKeyDown={handleRowKeyDown(row)}\r\n                  tabIndex={onRowClick ? 0 : undefined}\r\n                  aria-label={onRowClick ? rowAriaLabel : undefined}\r\n                  aria-description={onRowClick ? rowAriaDescription : undefined}\r\n                  data-testid={`${testId}-row-${key}`}\r\n                >\r\n                  {columns.map((column) => {\r\n                    const cellKey = String(column.key);\r\n                    const content = renderCellContent(row, column);\r\n                    const headerId = getHeaderId(column);\r\n\r\n                    if (column.isRowHeader) {\r\n                      return (\r\n                        <th\r\n                          key={cellKey}\r\n                          scope=\"row\"\r\n                          headers={headerId}\r\n                          data-label={column.label}\r\n                          className={classMap.cell}\r\n                        >\r\n                          {content}\r\n                        </th>\r\n                      );\r\n                    }\r\n\r\n                    return (\r\n                      <td\r\n                        key={cellKey}\r\n                        headers={headerId}\r\n                        data-label={column.label}\r\n                        className={classMap.cell}\r\n                      >\r\n                        {content}\r\n                      </td>\r\n                    );\r\n                  })}\r\n                </tr>\r\n              );\r\n            })\r\n          )}\r\n        </tbody>\r\n      </table>\r\n    </div>\r\n  );\r\n}\r\n\r\nDataTableBase.displayName = \"DataTableBase\";\r\nexport default DataTableBase;\r\n","import \"./DataTable.scss\";\r\nimport DataTableBase from \"../DataTableBase\";\r\nimport { DataTableProps } from \"../DataTable.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"data_table_wrapper\",\r\n  table: \"data_table\",\r\n  headerCell: \"data_table_header_cell\",\r\n  sortable: \"data_table_header_sortable\",\r\n  sortButton: \"data_table_sort_button\",\r\n  sortIcon: \"data_table_sort_icon\",\r\n  clickable: \"data_table_row_clickable\",\r\n  striped: \"data_table_row_striped\",\r\n  cell: \"data_table_cell\",\r\n\r\n  primary: \"data_table_primary\",\r\n  secondary: \"data_table_secondary\",\r\n  tertiary: \"data_table_tertiary\",\r\n  quaternary: \"data_table_quaternary\",\r\n\r\n  success: \"data_table_success\",\r\n  error: \"data_table_error\",\r\n  warning: \"data_table_warning\",\r\n\r\n  clear: \"data_table_clear\",\r\n\r\n  outline: \"data_table_outline\",\r\n\r\n  shadowNone: \"data_table_shadow-None\",\r\n  shadowLight: \"data_table_shadow-Light\",\r\n  shadowMedium: \"data_table_shadow-Medium\",\r\n  shadowStrong: \"data_table_shadow-Strong\",\r\n  shadowIntense: \"data_table_shadow-Intense\",\r\n\r\n  roundNone: \"data_table_round-None\",\r\n  roundSmall: \"data_table_round-Small\",\r\n  roundMedium: \"data_table_round-Medium\",\r\n  roundLarge: \"data_table_round-Large\",\r\n};\r\n\r\nfunction DataTable<T extends object>(props: DataTableProps<T>) {\r\n  return <DataTableBase {...props} classMap={classes} />;\r\n}\r\nDataTable.displayName = \"DataTable\";\r\nexport default DataTable;\r\n"],"names":[],"mappings":"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"}

package/dist/core/DataTable.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const DataTable = require("./DataTable-CBZ0XtxS.cjs");
+const DataTable = require("./DataTable-CCPWihcW.cjs");
 module.exports = DataTable.DataTable;
 //# sourceMappingURL=DataTable.cjs.js.map

package/dist/core/DataTable.js

@@ -1,4 +1,4 @@
-import { D } from "./DataTable-CF1AaO2t.js";
+import { D } from "./DataTable-FIxUWKG4.js";
 export {
   D as default
 };

package/dist/core/{DateTimePicker-Dh83Kd8i.cjs → DateTimePicker-Ul1dl1A1.cjs}

@@ -68,6 +68,10 @@ const DateTimePickerBase = ({
   name,
   required = false,
   disabled = false,
+  readOnly = false,
+  placeholder,
+  autoComplete = "off",
+  title,
   size = borealStyleConfig.getDefaultSize(),
   outline,
   theme = borealStyleConfig.getDefaultTheme(),
@@ -79,20 +83,39 @@ const DateTimePickerBase = ({
   classMap,
   error,
   description,
-  id
+  id,
+  labelId,
+  descriptionId,
+  errorId,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-errormessage": ariaErrorMessage,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired,
+  pickerButtonAriaLabel,
+  pickerButtonAriaLabelledBy,
+  pickerButtonAriaDescribedBy,
+  pickerButtonTitle,
+  inputProps,
+  buttonProps
 }) => {
   const generatedId = React.useId();
   const inputId = id || generatedId;
+  const computedLabelId = labelId || (label ? `${inputId}-label` : void 0);
+  const computedDescriptionId = descriptionId || (description ? `${inputId}-description` : void 0);
+  const computedErrorId = errorId || (error ? `${inputId}-error` : void 0);
   const inputRef = React.useRef(null);
-  const descriptionId = description ? `${inputId}-description` : void 0;
-  const errorId = error ? `${inputId}-error` : void 0;
   const invalidRange = min && max ? min > max : false;
   const outOfBounds = value ? (min ? value < min : false) || (max ? value > max : false) : false;
   const openPicker = () => {
     const el = inputRef.current;
-    if (!el) return;
-    if (typeof el.showPicker === "function") el.showPicker();
-    else el.focus();
+    if (!el || disabled || readOnly) return;
+    if (typeof el.showPicker === "function") {
+      el.showPicker();
+    } else {
+      el.focus();
+    }
   };
   const pickerClass = React.useMemo(
     () => classNames.combineClassNames(
@@ -104,6 +127,7 @@ const DateTimePickerBase = ({
       rounding && classMap[`round${capitalize.capitalize(rounding)}`],
       outline && classMap.outline,
       disabled && classMap.disabled,
+      readOnly && classMap.readOnly,
       className
     ),
     [
@@ -115,21 +139,36 @@ const DateTimePickerBase = ({
       rounding,
       outline,
       disabled,
+      readOnly,
       className
     ]
   );
-  const describedBy = [descriptionId, errorId].filter(Boolean).join(" ") || void 0;
+  const mergedDescribedBy = [ariaDescribedBy, computedDescriptionId, computedErrorId].filter(Boolean).join(" ") || void 0;
+  const resolvedAriaInvalid = (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || void 0;
+  const resolvedAriaRequired = (ariaRequired ?? required) || void 0;
+  const resolvedAriaLabel = ariaLabel || (!label && !ariaLabelledBy ? "Date and time" : void 0);
+  const resolvedAriaLabelledBy = ariaLabelledBy || (!ariaLabel && computedLabelId ? computedLabelId : void 0);
+  const resolvedAriaErrorMessage = ariaErrorMessage || (error ? computedErrorId : void 0);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: pickerClass, "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsxs("label", { htmlFor: inputId, className: classMap.label, children: [
-      label,
-      " ",
-      required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: "*" })
-    ] }),
+    label && /* @__PURE__ */ jsxRuntime.jsxs(
+      "label",
+      {
+        id: computedLabelId,
+        htmlFor: inputId,
+        className: classMap.label,
+        "data-testid": `${testId}-label`,
+        children: [
+          label,
+          required && /* @__PURE__ */ jsxRuntime.jsx("span", { "aria-hidden": "true", children: " *" })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: classMap.inputWrapper, children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         "input",
         {
           id: inputId,
+          ref: inputRef,
           type: "datetime-local",
           className: classMap.input,
           value,
@@ -137,15 +176,20 @@ const DateTimePickerBase = ({
           min,
           max,
           name,
-          ref: inputRef,
           required,
           disabled,
-          "aria-invalid": Boolean(error) || invalidRange || outOfBounds || void 0,
-          "aria-describedby": describedBy,
-          "aria-errormessage": error ? errorId : void 0,
-          "aria-label": label || "Date and time",
+          readOnly,
+          placeholder,
+          autoComplete,
+          title,
+          "aria-label": resolvedAriaLabel,
+          "aria-labelledby": resolvedAriaLabelledBy,
+          "aria-describedby": mergedDescribedBy,
+          "aria-errormessage": resolvedAriaErrorMessage,
+          "aria-invalid": resolvedAriaInvalid,
+          "aria-required": resolvedAriaRequired,
           "data-testid": `${testId}-input`,
-          autoComplete: "off"
+          ...inputProps
         }
       ),
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -154,15 +198,36 @@ const DateTimePickerBase = ({
           type: "button",
           className: classMap.icon,
           onClick: openPicker,
-          disabled,
-          "aria-label": "Open date and time picker",
+          disabled: disabled || readOnly,
+          "aria-label": pickerButtonAriaLabel || "Open date and time picker",
+          "aria-labelledby": pickerButtonAriaLabelledBy,
+          "aria-describedby": pickerButtonAriaDescribedBy,
+          title: pickerButtonTitle || pickerButtonAriaLabel || "Open date and time picker",
           "data-testid": `${testId}-button`,
-          children: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, {})
+          ...buttonProps,
+          children: /* @__PURE__ */ jsxRuntime.jsx(CalendarIcon, { "aria-hidden": true, focusable: false })
         }
       )
     ] }),
-    description && !error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: descriptionId, className: classMap.description, children: description }),
-    error && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: classMap.error, role: "alert", children: error })
+    description && !error && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        id: computedDescriptionId,
+        className: classMap.description,
+        "data-testid": `${testId}-description`,
+        children: description
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntime.jsx(
+      "p",
+      {
+        id: computedErrorId,
+        className: classMap.error,
+        role: "alert",
+        "data-testid": `${testId}-error`,
+        children: error
+      }
+    )
   ] });
 };
 DateTimePickerBase.displayName = "DateTimePickerBase";
@@ -200,4 +265,4 @@ const classes = {
 const DateTimePicker = (props) => /* @__PURE__ */ jsxRuntime.jsx(DateTimePickerBase, { ...props, classMap: classes });
 DateTimePicker.displayName = "DateTimePicker";
 exports.DateTimePicker = DateTimePicker;
-//# sourceMappingURL=DateTimePicker-Dh83Kd8i.cjs.map
+//# sourceMappingURL=DateTimePicker-Ul1dl1A1.cjs.map

package/dist/core/DateTimePicker-Ul1dl1A1.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-Ul1dl1A1.cjs","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/core/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 10V6C3 4.89543 3.89543 4 5 4H7\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M7 2V6\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  placeholder,\r\n  autoComplete = \"off\",\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"datetime-picker\",\r\n  classMap,\r\n  error,\r\n  description,\r\n  id,\r\n  labelId,\r\n  descriptionId,\r\n  errorId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  pickerButtonAriaLabel,\r\n  pickerButtonAriaLabelledBy,\r\n  pickerButtonAriaDescribedBy,\r\n  pickerButtonTitle,\r\n  inputProps,\r\n  buttonProps,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const computedLabelId = labelId || (label ? `${inputId}-label` : undefined);\r\n  const computedDescriptionId =\r\n    descriptionId || (description ? `${inputId}-description` : undefined);\r\n  const computedErrorId = errorId || (error ? `${inputId}-error` : undefined);\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el || disabled || readOnly) return;\r\n\r\n    if (typeof el.showPicker === \"function\") {\r\n      el.showPicker();\r\n    } else {\r\n      el.focus();\r\n    }\r\n  };\r\n\r\n  const pickerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        readOnly && classMap.readOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      readOnly,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const mergedDescribedBy =\r\n    [ariaDescribedBy, computedDescriptionId, computedErrorId]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const resolvedAriaInvalid =\r\n    (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || undefined;\r\n\r\n  const resolvedAriaRequired = (ariaRequired ?? required) || undefined;\r\n\r\n  const resolvedAriaLabel =\r\n    ariaLabel || (!label && !ariaLabelledBy ? \"Date and time\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ||\r\n    (!ariaLabel && computedLabelId ? computedLabelId : undefined);\r\n\r\n  const resolvedAriaErrorMessage =\r\n    ariaErrorMessage || (error ? computedErrorId : undefined);\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label\r\n          id={computedLabelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && <span aria-hidden=\"true\"> *</span>}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <input\r\n          id={inputId}\r\n          ref={inputRef}\r\n          type=\"datetime-local\"\r\n          className={classMap.input}\r\n          value={value}\r\n          onChange={(e) => onChange?.(e.target.value)}\r\n          min={min}\r\n          max={max}\r\n          name={name}\r\n          required={required}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          placeholder={placeholder}\r\n          autoComplete={autoComplete}\r\n          title={title}\r\n          aria-label={resolvedAriaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={mergedDescribedBy}\r\n          aria-errormessage={resolvedAriaErrorMessage}\r\n          aria-invalid={resolvedAriaInvalid}\r\n          aria-required={resolvedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n          {...inputProps}\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled || readOnly}\r\n          aria-label={pickerButtonAriaLabel || \"Open date and time picker\"}\r\n          aria-labelledby={pickerButtonAriaLabelledBy}\r\n          aria-describedby={pickerButtonAriaDescribedBy}\r\n          title={\r\n            pickerButtonTitle ||\r\n            pickerButtonAriaLabel ||\r\n            \"Open date and time picker\"\r\n          }\r\n          data-testid={`${testId}-button`}\r\n          {...buttonProps}\r\n        >\r\n          <CalendarIcon aria-hidden={true} focusable={false} />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={computedDescriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={computedErrorId}\r\n          className={classMap.error}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\n\r\nexport default DateTimePickerBase;\r\n","import React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport \"./DateTimePicker.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"datetime_picker_wrapper\",\r\n  label: \"datetime_picker_label\",\r\n  inputWrapper: \"datetime_picker_input_wrapper\",\r\n  input: \"datetime_picker_input\",\r\n\r\n  primary: \"datetime_picker_primary\",\r\n  secondary: \"datetime_picker_secondary\",\r\n  tertiary: \"datetime_picker_tertiary\",\r\n  quaternary: \"datetime_picker_quaternary\",\r\n\r\n  success: \"datetime_picker_success\",\r\n  error: \"datetime_picker_error\",\r\n  warning: \"datetime_picker_warning\",\r\n\r\n  clear: \"datetime_picker_clear\",\r\n\r\n  xs: \"datetime_picker_xs\",\r\n  small: \"datetime_picker_small\",\r\n  medium: \"datetime_picker_medium\",\r\n  large: \"datetime_picker_large\",\r\n  xl: \"datetime_picker_xl\",\r\n\r\n  outline: \"datetime_picker_outline\",\r\n  disabled: \"datetime_picker_disabled\",\r\n  icon: \"datetime_picker_icon\",\r\n\r\n  shadowNone: \"datetime_picker_shadow-None\",\r\n  shadowLight: \"datetime_picker_shadow-Light\",\r\n  shadowMedium: \"datetime_picker_shadow-Medium\",\r\n  shadowStrong: \"datetime_picker_shadow-Strong\",\r\n  shadowIntense: \"datetime_picker_shadow-Intense\",\r\n\r\n  roundNone: \"datetime_picker_round-None\",\r\n  roundSmall: \"datetime_picker_round-Small\",\r\n  roundMedium: \"datetime_picker_round-Medium\",\r\n  roundLarge: \"datetime_picker_round-Large\",\r\n};\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={classes} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":["jsxs","jsx","getDefaultSize","getDefaultTheme","getDefaultRounding","getDefaultShadow","useId","useRef","useMemo","combineClassNames","capitalize"],"mappings":"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"}

package/dist/core/{DateTimePicker-B_x-Hw30.js → DateTimePicker-u2p4sBbR.js}

@@ -67,6 +67,10 @@ const DateTimePickerBase = ({
   name,
   required = false,
   disabled = false,
+  readOnly = false,
+  placeholder,
+  autoComplete = "off",
+  title,
   size = getDefaultSize(),
   outline,
   theme = getDefaultTheme(),
@@ -78,20 +82,39 @@ const DateTimePickerBase = ({
   classMap,
   error,
   description,
-  id
+  id,
+  labelId,
+  descriptionId,
+  errorId,
+  "aria-label": ariaLabel,
+  "aria-labelledby": ariaLabelledBy,
+  "aria-describedby": ariaDescribedBy,
+  "aria-errormessage": ariaErrorMessage,
+  "aria-invalid": ariaInvalid,
+  "aria-required": ariaRequired,
+  pickerButtonAriaLabel,
+  pickerButtonAriaLabelledBy,
+  pickerButtonAriaDescribedBy,
+  pickerButtonTitle,
+  inputProps,
+  buttonProps
 }) => {
   const generatedId = useId();
   const inputId = id || generatedId;
+  const computedLabelId = labelId || (label ? `${inputId}-label` : void 0);
+  const computedDescriptionId = descriptionId || (description ? `${inputId}-description` : void 0);
+  const computedErrorId = errorId || (error ? `${inputId}-error` : void 0);
   const inputRef = useRef(null);
-  const descriptionId = description ? `${inputId}-description` : void 0;
-  const errorId = error ? `${inputId}-error` : void 0;
   const invalidRange = min && max ? min > max : false;
   const outOfBounds = value ? (min ? value < min : false) || (max ? value > max : false) : false;
   const openPicker = () => {
     const el = inputRef.current;
-    if (!el) return;
-    if (typeof el.showPicker === "function") el.showPicker();
-    else el.focus();
+    if (!el || disabled || readOnly) return;
+    if (typeof el.showPicker === "function") {
+      el.showPicker();
+    } else {
+      el.focus();
+    }
   };
   const pickerClass = useMemo(
     () => combineClassNames(
@@ -103,6 +126,7 @@ const DateTimePickerBase = ({
       rounding && classMap[`round${capitalize(rounding)}`],
       outline && classMap.outline,
       disabled && classMap.disabled,
+      readOnly && classMap.readOnly,
       className
     ),
     [
@@ -114,21 +138,36 @@ const DateTimePickerBase = ({
       rounding,
       outline,
       disabled,
+      readOnly,
       className
     ]
   );
-  const describedBy = [descriptionId, errorId].filter(Boolean).join(" ") || void 0;
+  const mergedDescribedBy = [ariaDescribedBy, computedDescriptionId, computedErrorId].filter(Boolean).join(" ") || void 0;
+  const resolvedAriaInvalid = (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || void 0;
+  const resolvedAriaRequired = (ariaRequired ?? required) || void 0;
+  const resolvedAriaLabel = ariaLabel || (!label && !ariaLabelledBy ? "Date and time" : void 0);
+  const resolvedAriaLabelledBy = ariaLabelledBy || (!ariaLabel && computedLabelId ? computedLabelId : void 0);
+  const resolvedAriaErrorMessage = ariaErrorMessage || (error ? computedErrorId : void 0);
   return /* @__PURE__ */ jsxs("div", { className: pickerClass, "data-testid": testId, children: [
-    label && /* @__PURE__ */ jsxs("label", { htmlFor: inputId, className: classMap.label, children: [
-      label,
-      " ",
-      required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: "*" })
-    ] }),
+    label && /* @__PURE__ */ jsxs(
+      "label",
+      {
+        id: computedLabelId,
+        htmlFor: inputId,
+        className: classMap.label,
+        "data-testid": `${testId}-label`,
+        children: [
+          label,
+          required && /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: " *" })
+        ]
+      }
+    ),
     /* @__PURE__ */ jsxs("div", { className: classMap.inputWrapper, children: [
       /* @__PURE__ */ jsx(
         "input",
         {
           id: inputId,
+          ref: inputRef,
           type: "datetime-local",
           className: classMap.input,
           value,
@@ -136,15 +175,20 @@ const DateTimePickerBase = ({
           min,
           max,
           name,
-          ref: inputRef,
           required,
           disabled,
-          "aria-invalid": Boolean(error) || invalidRange || outOfBounds || void 0,
-          "aria-describedby": describedBy,
-          "aria-errormessage": error ? errorId : void 0,
-          "aria-label": label || "Date and time",
+          readOnly,
+          placeholder,
+          autoComplete,
+          title,
+          "aria-label": resolvedAriaLabel,
+          "aria-labelledby": resolvedAriaLabelledBy,
+          "aria-describedby": mergedDescribedBy,
+          "aria-errormessage": resolvedAriaErrorMessage,
+          "aria-invalid": resolvedAriaInvalid,
+          "aria-required": resolvedAriaRequired,
           "data-testid": `${testId}-input`,
-          autoComplete: "off"
+          ...inputProps
         }
       ),
       /* @__PURE__ */ jsx(
@@ -153,15 +197,36 @@ const DateTimePickerBase = ({
           type: "button",
           className: classMap.icon,
           onClick: openPicker,
-          disabled,
-          "aria-label": "Open date and time picker",
+          disabled: disabled || readOnly,
+          "aria-label": pickerButtonAriaLabel || "Open date and time picker",
+          "aria-labelledby": pickerButtonAriaLabelledBy,
+          "aria-describedby": pickerButtonAriaDescribedBy,
+          title: pickerButtonTitle || pickerButtonAriaLabel || "Open date and time picker",
           "data-testid": `${testId}-button`,
-          children: /* @__PURE__ */ jsx(CalendarIcon, {})
+          ...buttonProps,
+          children: /* @__PURE__ */ jsx(CalendarIcon, { "aria-hidden": true, focusable: false })
         }
       )
     ] }),
-    description && !error && /* @__PURE__ */ jsx("p", { id: descriptionId, className: classMap.description, children: description }),
-    error && /* @__PURE__ */ jsx("p", { id: errorId, className: classMap.error, role: "alert", children: error })
+    description && !error && /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: computedDescriptionId,
+        className: classMap.description,
+        "data-testid": `${testId}-description`,
+        children: description
+      }
+    ),
+    error && /* @__PURE__ */ jsx(
+      "p",
+      {
+        id: computedErrorId,
+        className: classMap.error,
+        role: "alert",
+        "data-testid": `${testId}-error`,
+        children: error
+      }
+    )
   ] });
 };
 DateTimePickerBase.displayName = "DateTimePickerBase";
@@ -201,4 +266,4 @@ DateTimePicker.displayName = "DateTimePicker";
 export {
   DateTimePicker as D
 };
-//# sourceMappingURL=DateTimePicker-B_x-Hw30.js.map
+//# sourceMappingURL=DateTimePicker-u2p4sBbR.js.map

package/dist/core/DateTimePicker-u2p4sBbR.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateTimePicker-u2p4sBbR.js","sources":["../../src/Icons/CalendarIcon.tsx","../../src/components/DateTimePicker/DateTimePickerBase.tsx","../../src/components/DateTimePicker/core/DateTimePicker.tsx"],"sourcesContent":["const CalendarIcon: React.FC<React.SVGProps<SVGSVGElement>> = (props) => (\r\n  <svg\r\n    width=\"24px\"\r\n    height=\"24px\"\r\n    strokeWidth=\"1.5\"\r\n    viewBox=\"0 0 24 24\"\r\n    fill=\"none\"\r\n    xmlns=\"http://www.w3.org/2000/svg\"\r\n    color=\"currentColor\"\r\n    {...props}\r\n  >\r\n    <path\r\n      d=\"M15 4V2M15 4V6M15 4H10.5M3 10V19C3 20.1046 3.89543 21 5 21H19C20.1046 21 21 20.1046 21 19V10H3Z\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M3 10V6C3 4.89543 3.89543 4 5 4H7\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M7 2V6\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n    <path\r\n      d=\"M21 10V6C21 4.89543 20.1046 4 19 4H18.5\"\r\n      stroke=\"currentColor\"\r\n      strokeWidth=\"1.5\"\r\n      strokeLinecap=\"round\"\r\n      strokeLinejoin=\"round\"\r\n    ></path>\r\n  </svg>\r\n);\r\n\r\nexport default CalendarIcon;\r\n","import React, { useId, useMemo, useRef } from \"react\";\r\nimport { DateTimePickerBaseProps } from \"./DateTimePicker.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { CalendarIcon } from \"../../Icons\";\r\nimport { capitalize } from \"../../utils/capitalize\";\r\nimport {\r\n  getDefaultRounding,\r\n  getDefaultShadow,\r\n  getDefaultSize,\r\n  getDefaultTheme,\r\n} from \"../../config/boreal-style-config\";\r\n\r\nconst DateTimePickerBase: React.FC<DateTimePickerBaseProps> = ({\r\n  label,\r\n  value,\r\n  onChange,\r\n  min,\r\n  max,\r\n  name,\r\n  required = false,\r\n  disabled = false,\r\n  readOnly = false,\r\n  placeholder,\r\n  autoComplete = \"off\",\r\n  title,\r\n  size = getDefaultSize(),\r\n  outline,\r\n  theme = getDefaultTheme(),\r\n  state = \"\",\r\n  rounding = getDefaultRounding(),\r\n  shadow = getDefaultShadow(),\r\n  className = \"\",\r\n  \"data-testid\": testId = \"datetime-picker\",\r\n  classMap,\r\n  error,\r\n  description,\r\n  id,\r\n  labelId,\r\n  descriptionId,\r\n  errorId,\r\n  \"aria-label\": ariaLabel,\r\n  \"aria-labelledby\": ariaLabelledBy,\r\n  \"aria-describedby\": ariaDescribedBy,\r\n  \"aria-errormessage\": ariaErrorMessage,\r\n  \"aria-invalid\": ariaInvalid,\r\n  \"aria-required\": ariaRequired,\r\n  pickerButtonAriaLabel,\r\n  pickerButtonAriaLabelledBy,\r\n  pickerButtonAriaDescribedBy,\r\n  pickerButtonTitle,\r\n  inputProps,\r\n  buttonProps,\r\n}) => {\r\n  const generatedId = useId();\r\n  const inputId = id || generatedId;\r\n  const computedLabelId = labelId || (label ? `${inputId}-label` : undefined);\r\n  const computedDescriptionId =\r\n    descriptionId || (description ? `${inputId}-description` : undefined);\r\n  const computedErrorId = errorId || (error ? `${inputId}-error` : undefined);\r\n\r\n  const inputRef = useRef<HTMLInputElement>(null);\r\n\r\n  const invalidRange = min && max ? min > max : false;\r\n  const outOfBounds = value\r\n    ? (min ? value < min : false) || (max ? value > max : false)\r\n    : false;\r\n\r\n  const openPicker = () => {\r\n    const el = inputRef.current;\r\n    if (!el || disabled || readOnly) return;\r\n\r\n    if (typeof el.showPicker === \"function\") {\r\n      el.showPicker();\r\n    } else {\r\n      el.focus();\r\n    }\r\n  };\r\n\r\n  const pickerClass = useMemo(\r\n    () =>\r\n      combineClassNames(\r\n        classMap.wrapper,\r\n        classMap[theme],\r\n        classMap[state],\r\n        classMap[size],\r\n        shadow && classMap[`shadow${capitalize(shadow)}`],\r\n        rounding && classMap[`round${capitalize(rounding)}`],\r\n        outline && classMap.outline,\r\n        disabled && classMap.disabled,\r\n        readOnly && classMap.readOnly,\r\n        className,\r\n      ),\r\n    [\r\n      classMap,\r\n      theme,\r\n      state,\r\n      size,\r\n      shadow,\r\n      rounding,\r\n      outline,\r\n      disabled,\r\n      readOnly,\r\n      className,\r\n    ],\r\n  );\r\n\r\n  const mergedDescribedBy =\r\n    [ariaDescribedBy, computedDescriptionId, computedErrorId]\r\n      .filter(Boolean)\r\n      .join(\" \") || undefined;\r\n\r\n  const resolvedAriaInvalid =\r\n    (ariaInvalid ?? Boolean(error || invalidRange || outOfBounds)) || undefined;\r\n\r\n  const resolvedAriaRequired = (ariaRequired ?? required) || undefined;\r\n\r\n  const resolvedAriaLabel =\r\n    ariaLabel || (!label && !ariaLabelledBy ? \"Date and time\" : undefined);\r\n\r\n  const resolvedAriaLabelledBy =\r\n    ariaLabelledBy ||\r\n    (!ariaLabel && computedLabelId ? computedLabelId : undefined);\r\n\r\n  const resolvedAriaErrorMessage =\r\n    ariaErrorMessage || (error ? computedErrorId : undefined);\r\n\r\n  return (\r\n    <div className={pickerClass} data-testid={testId}>\r\n      {label && (\r\n        <label\r\n          id={computedLabelId}\r\n          htmlFor={inputId}\r\n          className={classMap.label}\r\n          data-testid={`${testId}-label`}\r\n        >\r\n          {label}\r\n          {required && <span aria-hidden=\"true\"> *</span>}\r\n        </label>\r\n      )}\r\n\r\n      <div className={classMap.inputWrapper}>\r\n        <input\r\n          id={inputId}\r\n          ref={inputRef}\r\n          type=\"datetime-local\"\r\n          className={classMap.input}\r\n          value={value}\r\n          onChange={(e) => onChange?.(e.target.value)}\r\n          min={min}\r\n          max={max}\r\n          name={name}\r\n          required={required}\r\n          disabled={disabled}\r\n          readOnly={readOnly}\r\n          placeholder={placeholder}\r\n          autoComplete={autoComplete}\r\n          title={title}\r\n          aria-label={resolvedAriaLabel}\r\n          aria-labelledby={resolvedAriaLabelledBy}\r\n          aria-describedby={mergedDescribedBy}\r\n          aria-errormessage={resolvedAriaErrorMessage}\r\n          aria-invalid={resolvedAriaInvalid}\r\n          aria-required={resolvedAriaRequired}\r\n          data-testid={`${testId}-input`}\r\n          {...inputProps}\r\n        />\r\n\r\n        <button\r\n          type=\"button\"\r\n          className={classMap.icon}\r\n          onClick={openPicker}\r\n          disabled={disabled || readOnly}\r\n          aria-label={pickerButtonAriaLabel || \"Open date and time picker\"}\r\n          aria-labelledby={pickerButtonAriaLabelledBy}\r\n          aria-describedby={pickerButtonAriaDescribedBy}\r\n          title={\r\n            pickerButtonTitle ||\r\n            pickerButtonAriaLabel ||\r\n            \"Open date and time picker\"\r\n          }\r\n          data-testid={`${testId}-button`}\r\n          {...buttonProps}\r\n        >\r\n          <CalendarIcon aria-hidden={true} focusable={false} />\r\n        </button>\r\n      </div>\r\n\r\n      {description && !error && (\r\n        <p\r\n          id={computedDescriptionId}\r\n          className={classMap.description}\r\n          data-testid={`${testId}-description`}\r\n        >\r\n          {description}\r\n        </p>\r\n      )}\r\n\r\n      {error && (\r\n        <p\r\n          id={computedErrorId}\r\n          className={classMap.error}\r\n          role=\"alert\"\r\n          data-testid={`${testId}-error`}\r\n        >\r\n          {error}\r\n        </p>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n\r\nDateTimePickerBase.displayName = \"DateTimePickerBase\";\r\n\r\nexport default DateTimePickerBase;\r\n","import React from \"react\";\r\nimport DateTimePickerBase from \"../DateTimePickerBase\";\r\nimport \"./DateTimePicker.scss\";\r\nimport type { DateTimePickerProps } from \"../DateTimePicker.types\";\r\n\r\nconst classes = {\r\n  wrapper: \"datetime_picker_wrapper\",\r\n  label: \"datetime_picker_label\",\r\n  inputWrapper: \"datetime_picker_input_wrapper\",\r\n  input: \"datetime_picker_input\",\r\n\r\n  primary: \"datetime_picker_primary\",\r\n  secondary: \"datetime_picker_secondary\",\r\n  tertiary: \"datetime_picker_tertiary\",\r\n  quaternary: \"datetime_picker_quaternary\",\r\n\r\n  success: \"datetime_picker_success\",\r\n  error: \"datetime_picker_error\",\r\n  warning: \"datetime_picker_warning\",\r\n\r\n  clear: \"datetime_picker_clear\",\r\n\r\n  xs: \"datetime_picker_xs\",\r\n  small: \"datetime_picker_small\",\r\n  medium: \"datetime_picker_medium\",\r\n  large: \"datetime_picker_large\",\r\n  xl: \"datetime_picker_xl\",\r\n\r\n  outline: \"datetime_picker_outline\",\r\n  disabled: \"datetime_picker_disabled\",\r\n  icon: \"datetime_picker_icon\",\r\n\r\n  shadowNone: \"datetime_picker_shadow-None\",\r\n  shadowLight: \"datetime_picker_shadow-Light\",\r\n  shadowMedium: \"datetime_picker_shadow-Medium\",\r\n  shadowStrong: \"datetime_picker_shadow-Strong\",\r\n  shadowIntense: \"datetime_picker_shadow-Intense\",\r\n\r\n  roundNone: \"datetime_picker_round-None\",\r\n  roundSmall: \"datetime_picker_round-Small\",\r\n  roundMedium: \"datetime_picker_round-Medium\",\r\n  roundLarge: \"datetime_picker_round-Large\",\r\n};\r\n\r\nconst DateTimePicker: React.FC<DateTimePickerProps> = (props) => (\r\n  <DateTimePickerBase {...props} classMap={classes} />\r\n);\r\nDateTimePicker.displayName = \"DateTimePicker\";\r\nexport default DateTimePicker;\r\n"],"names":[],"mappings":"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"}

package/dist/core/DateTimePicker.cjs.js

@@ -1,4 +1,4 @@
 "use strict";
-const DateTimePicker = require("./DateTimePicker-Dh83Kd8i.cjs");
+const DateTimePicker = require("./DateTimePicker-Ul1dl1A1.cjs");
 module.exports = DateTimePicker.DateTimePicker;
 //# sourceMappingURL=DateTimePicker.cjs.js.map

package/dist/core/DateTimePicker.js

@@ -1,4 +1,4 @@
-import { D } from "./DateTimePicker-B_x-Hw30.js";
+import { D } from "./DateTimePicker-u2p4sBbR.js";
 export {
   D as default
 };

package/dist/core/{Divider-2UcgENdU.js → Divider-C34MwVBv.js}

@@ -12,16 +12,19 @@ const DividerBase = forwardRef(
     theme = getDefaultTheme(),
     state = "",
     as = "div",
+    decorative = true,
+    label,
+    labelledBy,
     classMap,
     "data-testid": testId = "divider",
-    "aria-hidden": ariaHidden,
+    style,
     ...rest
   }, ref) => {
     const isVertical = orientation === "vertical";
     const ComponentTag = as;
-    const needsExplicitRole = ComponentTag !== "hr" || isVertical;
-    const role = needsExplicitRole ? "separator" : void 0;
-    const style = ComponentTag === "hr" ? {
+    const isHr = ComponentTag === "hr";
+    const computedRole = decorative ? void 0 : isHr && !isVertical ? void 0 : "separator";
+    const computedStyle = isHr ? {
       border: 0,
       margin: 0,
       ...isVertical ? {
@@ -32,11 +35,13 @@ const DividerBase = forwardRef(
         height: 0,
         width: length,
         borderTop: `${thickness} ${dashed ? "dashed" : "solid"} currentColor`
-      }
+      },
+      ...style
     } : {
       width: isVertical ? thickness : length,
       height: isVertical ? length : thickness,
-      backgroundColor: dashed ? "transparent" : void 0
+      backgroundColor: dashed ? "transparent" : void 0,
+      ...style
     };
     return /* @__PURE__ */ jsx(
       ComponentTag,
@@ -50,11 +55,13 @@ const DividerBase = forwardRef(
           dashed && classMap.dashed,
           className
         ),
-        ...role && { role },
-        ...isVertical && { "aria-orientation": "vertical" },
-        ...ariaHidden !== void 0 && { "aria-hidden": ariaHidden },
+        role: computedRole,
+        "aria-hidden": decorative ? true : void 0,
+        "aria-orientation": !decorative && isVertical ? "vertical" : void 0,
+        "aria-label": !decorative ? label : void 0,
+        "aria-labelledby": !decorative ? labelledBy : void 0,
         "data-orientation": orientation,
-        style,
+        style: computedStyle,
         "data-testid": testId,
         ...rest
       }
@@ -81,4 +88,4 @@ Divider.displayName = "Divider";
 export {
   Divider as D
 };
-//# sourceMappingURL=Divider-2UcgENdU.js.map
+//# sourceMappingURL=Divider-C34MwVBv.js.map

package/dist/core/Divider-C34MwVBv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider-C34MwVBv.js","sources":["../../src/components/Divider/DividerBase.tsx","../../src/components/Divider/core/Divider.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\r\nimport { DividerBaseProps } from \"./Divider.types\";\r\nimport { combineClassNames } from \"../../utils/classNames\";\r\nimport { getDefaultTheme } from \"../../config/boreal-style-config\";\r\n\r\nconst DividerBase = forwardRef<HTMLElement, DividerBaseProps>(\r\n  (\r\n    {\r\n      orientation = \"horizontal\",\r\n      thickness = \"1px\",\r\n      length = \"100%\",\r\n      className = \"\",\r\n      dashed = false,\r\n      theme = getDefaultTheme(),\r\n      state = \"\",\r\n      as = \"div\",\r\n      decorative = true,\r\n      label,\r\n      labelledBy,\r\n      classMap,\r\n      \"data-testid\": testId = \"divider\",\r\n      style,\r\n      ...rest\r\n    },\r\n    ref,\r\n  ) => {\r\n    const isVertical = orientation === \"vertical\";\r\n    const ComponentTag = as;\r\n\r\n    const isHr = ComponentTag === \"hr\";\r\n\r\n    const computedRole = decorative\r\n      ? undefined\r\n      : isHr && !isVertical\r\n        ? undefined\r\n        : \"separator\";\r\n\r\n    const computedStyle: React.CSSProperties = isHr\r\n      ? {\r\n          border: 0,\r\n          margin: 0,\r\n          ...(isVertical\r\n            ? {\r\n                width: 0,\r\n                height: length,\r\n                borderLeft: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }\r\n            : {\r\n                height: 0,\r\n                width: length,\r\n                borderTop: `${thickness} ${dashed ? \"dashed\" : \"solid\"} currentColor`,\r\n              }),\r\n          ...style,\r\n        }\r\n      : {\r\n          width: isVertical ? thickness : length,\r\n          height: isVertical ? length : thickness,\r\n          backgroundColor: dashed ? \"transparent\" : undefined,\r\n          ...style,\r\n        };\r\n\r\n    return (\r\n      <ComponentTag\r\n        ref={ref as never}\r\n        className={combineClassNames(\r\n          classMap.divider,\r\n          classMap[orientation],\r\n          theme && classMap[theme],\r\n          state && classMap[state],\r\n          dashed && classMap.dashed,\r\n          className,\r\n        )}\r\n        role={computedRole}\r\n        aria-hidden={decorative ? true : undefined}\r\n        aria-orientation={!decorative && isVertical ? \"vertical\" : undefined}\r\n        aria-label={!decorative ? label : undefined}\r\n        aria-labelledby={!decorative ? labelledBy : undefined}\r\n        data-orientation={orientation}\r\n        style={computedStyle}\r\n        data-testid={testId}\r\n        {...rest}\r\n      />\r\n    );\r\n  },\r\n);\r\n\r\nDividerBase.displayName = \"DividerBase\";\r\n\r\nexport default DividerBase;\r\n","import { forwardRef } from \"react\";\r\nimport DividerBase from \"../DividerBase\";\r\nimport \"./Divider.scss\";\r\nimport { DividerProps } from \"../Divider.types\";\r\n\r\nconst classes = {\r\n  divider: \"divider\",\r\n  horizontal: \"divider_horizontal\",\r\n  vertical: \"divider_vertical\",\r\n  dashed: \"divider_dashed\",\r\n  primary: \"divider_primary\",\r\n  secondary: \"divider_secondary\",\r\n  tertiary: \"divider_tertiary\",\r\n  quaternary: \"divider_quaternary\",\r\n  clear: \"divider_clear\",\r\n  success: \"divider_success\",\r\n  warning: \"divider_warning\",\r\n  error: \"divider_error\",\r\n};\r\n\r\nconst Divider = forwardRef<HTMLDivElement, DividerProps>((props, ref) => (\r\n  <DividerBase {...props} classMap={classes} ref={ref} />\r\n));\r\nDivider.displayName = \"Divider\";\r\nexport default Divider;\r\n"],"names":[],"mappings":";;;;AAKA,MAAM,cAAc;AAAA,EAClB,CACE;AAAA,IACE,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,SAAS;AAAA,IACT,QAAQ,gBAAA;AAAA,IACR,QAAQ;AAAA,IACR,KAAK;AAAA,IACL,aAAa;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA,eAAe,SAAS;AAAA,IACxB;AAAA,IACA,GAAG;AAAA,EAAA,GAEL,QACG;AACH,UAAM,aAAa,gBAAgB;AACnC,UAAM,eAAe;AAErB,UAAM,OAAO,iBAAiB;AAE9B,UAAM,eAAe,aACjB,SACA,QAAQ,CAAC,aACP,SACA;AAEN,UAAM,gBAAqC,OACvC;AAAA,MACE,QAAQ;AAAA,MACR,QAAQ;AAAA,MACR,GAAI,aACA;AAAA,QACE,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,YAAY,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA,IAEzD;AAAA,QACE,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW,GAAG,SAAS,IAAI,SAAS,WAAW,OAAO;AAAA,MAAA;AAAA,MAE5D,GAAG;AAAA,IAAA,IAEL;AAAA,MACE,OAAO,aAAa,YAAY;AAAA,MAChC,QAAQ,aAAa,SAAS;AAAA,MAC9B,iBAAiB,SAAS,gBAAgB;AAAA,MAC1C,GAAG;AAAA,IAAA;AAGT,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,WAAW;AAAA,UACT,SAAS;AAAA,UACT,SAAS,WAAW;AAAA,UACpB,SAAS,SAAS,KAAK;AAAA,UACvB,SAAS,SAAS,KAAK;AAAA,UACvB,UAAU,SAAS;AAAA,UACnB;AAAA,QAAA;AAAA,QAEF,MAAM;AAAA,QACN,eAAa,aAAa,OAAO;AAAA,QACjC,oBAAkB,CAAC,cAAc,aAAa,aAAa;AAAA,QAC3D,cAAY,CAAC,aAAa,QAAQ;AAAA,QAClC,mBAAiB,CAAC,aAAa,aAAa;AAAA,QAC5C,oBAAkB;AAAA,QAClB,OAAO;AAAA,QACP,eAAa;AAAA,QACZ,GAAG;AAAA,MAAA;AAAA,IAAA;AAAA,EAGV;AACF;AAEA,YAAY,cAAc;ACjF1B,MAAM,UAAU;AAAA,EACd,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,WAAW;AAAA,EACX,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA,EACT,OAAO;AACT;AAEA,MAAM,UAAU,WAAyC,CAAC,OAAO,QAC/D,oBAAC,aAAA,EAAa,GAAG,OAAO,UAAU,SAAS,IAAA,CAAU,CACtD;AACD,QAAQ,cAAc;"}