@ogcio/design-system-react 1.17.0 → 1.17.2

package/dist/accordion/accordion-item.js

@@ -33,7 +33,6 @@ const I = h({
         onKeyDown: (x) => {
           x.key === "Enter" && !e && a(!o);
         },
-        "aria-expanded": o,
         tabIndex: 0,
         className: "gi-accordion",
         children: /* @__PURE__ */ d(

package/dist/alert/alert.d.ts

@@ -82,8 +82,9 @@ type AlertProps = {
     children?: ReactNode;
     dismissible?: boolean;
     dataTestid?: string;
+    className?: string;
     onClose?: (event: React.MouseEvent<HTMLButtonElement>) => void;
 };
-declare function Alert({ title, children, variant, dismissible, onClose, dataTestid, }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
+declare function Alert({ title, children, variant, dismissible, onClose, dataTestid, className, }: AlertProps): import("react/jsx-runtime").JSX.Element | null;
 export { Alert, alertVariants };
 export type { AlertProps };

package/dist/alert/alert.js

@@ -1,12 +1,12 @@
 "use client";
 import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { useState as D } from "react";
-import { c as h } from "../index-CB-zPpNk.js";
-import { cn as v } from "../cn.js";
-import { translate as k } from "../i18n/utility.js";
-import { Icon as w } from "../icon/icon.js";
-import { IconButton as N } from "../icon-button/icon-button.js";
-const V = h({
+import { useState as h } from "react";
+import { c as v } from "../index-CB-zPpNk.js";
+import { cn as k } from "../cn.js";
+import { translate as w } from "../i18n/utility.js";
+import { Icon as N } from "../icon/icon.js";
+import { IconButton as V } from "../icon-button/icon-button.js";
+const x = v({
   slots: {
     base: "gi-alert-base",
     baseDismissible: "gi-alert-base-dismissible",
@@ -30,16 +30,16 @@ const V = h({
       },
       warning: {
         base: "gi-alert-warning",
-        baseDismissible: "gi-alert-success"
+        baseDismissible: "gi-alert-warning"
       }
     }
   },
   defaultVariants: {
     variant: "info"
   }
-}), x = ({ variant: e }) => {
+}), I = ({ variant: i }) => {
   let s;
-  switch (e) {
+  switch (i) {
     case "warning": {
       s = "warning";
       break;
@@ -57,50 +57,51 @@ const V = h({
   }
   return s;
 };
-function _({
-  title: e,
+function q({
+  title: i,
   children: s,
-  variant: i = "info",
+  variant: a = "info",
   dismissible: t,
-  onClose: a,
-  dataTestid: l
+  onClose: e,
+  dataTestid: l,
+  className: c
 }) {
-  const [c, o] = D(!1), { base: m, heading: d, container: b, dismiss: g, baseDismissible: f } = V({
-    variant: i
-  }), u = t ? f : m;
-  return c ? null : /* @__PURE__ */ n(
+  const [o, m] = h(!1), { base: d, heading: g, container: b, dismiss: f, baseDismissible: u } = x({
+    variant: a
+  }), p = t ? u : d;
+  return o ? null : /* @__PURE__ */ n(
     "div",
     {
-      className: v(u(), "gi-not-prose"),
+      className: k(p(), c, "gi-not-prose"),
       "data-testid": l,
       role: "alert",
       "aria-live": "assertive",
       children: [
         /* @__PURE__ */ r(
-          w,
+          N,
           {
-            icon: x({ variant: i }),
+            icon: I({ variant: a }),
             ariaHidden: !0,
             className: "gi-alert-icon",
-            "data-variant": i
+            "data-variant": a
           }
         ),
         /* @__PURE__ */ n("div", { className: b(), children: [
-          /* @__PURE__ */ r("p", { className: d(), children: e }),
+          /* @__PURE__ */ r("p", { className: g(), children: i }),
           s
         ] }),
         t && /* @__PURE__ */ r(
-          N,
+          V,
           {
-            onClick: (p) => {
-              o(!0), a == null || a(p);
+            onClick: (D) => {
+              m(!0), e == null || e(D);
             },
-            className: g(),
+            className: f(),
             size: "small",
             appearance: "dark",
             variant: "flat",
             icon: { icon: "close" },
-            "aria-label": k("alert.dismissAlert", {
+            "aria-label": w("alert.dismissAlert", {
               defaultValue: "Dismiss alert"
             })
           }
@@ -110,6 +111,6 @@ function _({
   );
 }
 export {
-  _ as Alert,
-  V as alertVariants
+  q as Alert,
+  x as alertVariants
 };

package/dist/drawer/drawer.js

@@ -1,22 +1,22 @@
 "use client";
-import { jsx as s, jsxs as x, Fragment as y } from "react/jsx-runtime";
-import { useState as D, cloneElement as O } from "react";
-import { cn as a } from "../cn.js";
-import { ModalBody as F, ModalFooter as M, ModalWrapper as N } from "../modal/modal.js";
+import { jsx as a, jsxs as x, Fragment as y } from "react/jsx-runtime";
+import { useState as D, cloneElement as M } from "react";
+import { cn as r } from "../cn.js";
+import { ModalBody as O, ModalFooter as F, ModalWrapper as N } from "../modal/modal.js";
 const b = ({
   children: o,
   className: e,
-  ...r
-}) => /* @__PURE__ */ s(N, { className: a("gi-drawer-container", e), ...r, children: o }), I = ({
+  ...s
+}) => /* @__PURE__ */ a(N, { className: r("gi-drawer-container", e), ...s, children: o }), I = ({
   children: o,
   triggerButton: e,
-  startsOpen: r,
+  startsOpen: s,
   closeButtonLabel: p,
   position: i = "right",
   className: m,
   closeButtonSize: f
 }) => {
-  const [t, n] = D(!!r), w = () => n(!0), C = () => n(!1), h = O(e, {
+  const [t, n] = D(!!s), w = () => n(!0), C = () => n(!1), h = M(e, {
     "data-testid": "drawer-trigger-button-container",
     onClick: (k) => {
       var l, d;
@@ -26,7 +26,7 @@ const b = ({
   });
   return /* @__PURE__ */ x(y, { children: [
     h,
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ a(
       b,
       {
         children: o,
@@ -39,11 +39,18 @@ const b = ({
       }
     )
   ] });
-}, S = ({ children: o, className: e }) => /* @__PURE__ */ s(F, { className: a("gi-drawer-body", e), children: o }), T = ({
+}, S = ({ children: o, className: e }) => /* @__PURE__ */ a(
+  O,
+  {
+    includeModalClass: !1,
+    className: r("gi-drawer-body", e),
+    children: o
+  }
+), T = ({
   children: o,
   className: e,
-  stacked: r
-}) => /* @__PURE__ */ s(M, { stacked: r, className: a("gi-drawer-footer", e), children: o });
+  stacked: s
+}) => /* @__PURE__ */ a(F, { stacked: s, className: r("gi-drawer-footer", e), children: o });
 export {
   I as Drawer,
   S as DrawerBody,

package/dist/icon-button/icon-button.js

@@ -1,40 +1,42 @@
 "use client";
 import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { isButtonDisabled as p, getButtonIconSizeClass as B, getVariantAppearanceClass as I } from "../button/helpers.js";
-import { cn as b } from "../cn.js";
+import { forwardRef as p } from "react";
+import { isButtonDisabled as B, getButtonIconSizeClass as I, getVariantAppearanceClass as b } from "../button/helpers.js";
+import { cn as d } from "../cn.js";
 import { Icon as g } from "../icon/icon.js";
-const x = f(
+const x = p(
   ({
     icon: i,
-    variant: t,
+    variant: o,
     appearance: n,
     size: r,
-    disabled: o,
+    disabled: t,
     onClick: s,
     className: e = "",
     type: c = "button",
+    dataTestid: a,
     ...u
-  }, a) => {
-    const l = r === "small" ? "sm" : "md";
+  }, l) => {
+    const f = r === "small" ? "sm" : "md";
     return /* @__PURE__ */ m(
       "button",
       {
-        ref: a,
+        ref: l,
         type: c,
-        "aria-disabled": o,
-        disabled: o,
+        "aria-disabled": t,
+        disabled: t,
         role: "button",
         onClick: s,
+        "data-testid": a,
         ...u,
-        className: b(
+        className: d(
           "gi-btn",
-          I({ disabled: o, variant: t, appearance: n }),
-          B(r),
-          p({ disabled: o, variant: t, appearance: n }),
+          b({ disabled: t, variant: o, appearance: n }),
+          I(r),
+          B({ disabled: t, variant: o, appearance: n }),
           e
         ),
-        children: /* @__PURE__ */ m(g, { size: l, ...i })
+        children: /* @__PURE__ */ m(g, { size: f, ...i })
       }
     );
   }

package/dist/index.d.ts

@@ -65,6 +65,7 @@ export { PhaseBanner, type PhaseBannerProps, } from './phase-banner/phase-banner
 export { Popover } from './popover/popover.js';
 export type { PopoverProps } from './popover/types.js';
 export { ProgressBar, type ProgressBarProps, } from './progress-bar/progress-bar.js';
+export { type ProgressStepperProps, StepFillLevel, StepStatus, } from './progress-stepper/types.js';
 export * from './progress-stepper/progress-stepper.js';
 export { RadioGroup } from './radio/radio-group.js';
 export { Radio } from './radio/radio.js';

package/dist/index.js

@@ -4,13 +4,13 @@ import { Alert as a } from "./alert/alert.js";
 import { Autocomplete as f, AutocompleteItem as l } from "./autocomplete/autocomplete.js";
 import { Blockquote as n } from "./blockquote/blockquote.js";
 import { BreadcrumbCurrentLink as u, BreadcrumbEllipsis as c, BreadcrumbLink as b, Breadcrumbs as T } from "./breadcrumbs/breadcrumbs.js";
-import { ButtonGroup as I, ButtonGroupItem as S } from "./button-group/button-group.js";
+import { ButtonGroup as S, ButtonGroupItem as I } from "./button-group/button-group.js";
 import { Button as F } from "./button/button.js";
-import { CardAction as k, CardContainer as D, CardDescription as h, CardHeader as L, CardMedia as g, CardSubtitle as G, CardTag as P, CardTitle as w } from "./card/card-next.js";
+import { CardAction as k, CardContainer as D, CardDescription as L, CardHeader as h, CardMedia as g, CardSubtitle as G, CardTag as P, CardTitle as w } from "./card/card-next.js";
 import { Card as A } from "./card/card.js";
 import { CheckboxGroup as H } from "./checkbox/checkbox-group.js";
 import { Checkbox as M } from "./checkbox/checkbox.js";
-import { Chip as v } from "./chip/chip.js";
+import { Chip as N } from "./chip/chip.js";
 import { Combobox as z } from "./combo-box/combo-box.js";
 import { DropdownItem as U } from "./combo-box/dropdown-item.js";
 import { Container as j } from "./container/container.js";
@@ -24,16 +24,16 @@ import { FormField as xo, FormFieldError as fo, FormFieldHint as lo, FormFieldLa
 import { Form as uo } from "./forms/form.js";
 import { HeaderSearch as bo } from "./header/components/header-search.js";
 import { Header as Co } from "./header/header.js";
-import { Heading as So } from "./heading/heading.js";
+import { Heading as Io } from "./heading/heading.js";
 import { initI18n as Fo } from "./i18n/config.js";
 import { IconButton as ko } from "./icon-button/icon-button.js";
-import { Icon as ho } from "./icon/icon.js";
+import { Icon as Lo } from "./icon/icon.js";
 import { Icons as go } from "./icon/icons.js";
 import { InputCheckboxGroup as Po } from "./input-checkbox-group/input-checkbox-group.js";
 import { InputCheckbox as yo, InputCheckboxTableCell as Ao } from "./input-checkbox/input-checkbox.js";
 import { InputCheckboxSizeEnum as Ho } from "./input-checkbox/types.js";
 import { InputFile as Mo } from "./input-file/input-file.js";
-import { InputPassword as vo } from "./input-password/input-password.js";
+import { InputPassword as No } from "./input-password/input-password.js";
 import { InputRadioGroup as zo } from "./input-radio-group/input-radio-group.js";
 import { InputRadio as Uo } from "./input-radio/input-radio.js";
 import { InputRadioSizeEnum as jo } from "./input-radio/types.js";
@@ -47,40 +47,41 @@ import { Paragraph as lr } from "./paragraph/paragraph.js";
 import { PhaseBanner as nr } from "./phase-banner/phase-banner.js";
 import { Popover as ur } from "./popover/popover.js";
 import { ProgressBar as br } from "./progress-bar/progress-bar.js";
-import { ProgressStepper as Cr, Step as Ir, StepItem as Sr } from "./progress-stepper/progress-stepper.js";
-import { RadioGroup as Fr } from "./radio/radio-group.js";
-import { Radio as kr } from "./radio/radio.js";
-import { ScoreSelect as hr } from "./score-select/score-select.js";
-import { SectionBreak as gr } from "./section-break/section-break.js";
-import { Select as Pr } from "./select/select.js";
-import { SelectGroupItemNext as yr, SelectItemNext as Ar, SelectNext as Er } from "./select/select-next.js";
-import { SideNav as Rr, SideNavItem as Mr } from "./side-nav/side-nav.js";
-import { Spinner as vr } from "./spinner/spinner.js";
-import { Stack as zr } from "./stack/stack.js";
-import { SummaryList as Ur, SummaryListAction as Vr, SummaryListRow as jr, SummaryListValue as Jr } from "./summary-list/summary-list.js";
-import { Caption as Or } from "./table/caption.js";
-import { ColumnGroup as Xr } from "./table/column-group.js";
-import { Column as Zr } from "./table/column.js";
-import { TableBody as $r } from "./table/table-body.js";
-import { TableData as re } from "./table/table-data.js";
-import { TableFoot as te } from "./table/table-foot.js";
-import { TableHead as me } from "./table/table-head.js";
-import { TableHeader as xe } from "./table/table-header.js";
-import { TableRow as le } from "./table/table-row.js";
-import { Table as ne } from "./table/table.js";
-import { TabItem as ue } from "./tabs/tab-item.js";
-import { TabList as be } from "./tabs/tab-list.js";
-import { TabPanel as Ce } from "./tabs/tab-panel.js";
-import { Tabs as Se } from "./tabs/tabs.js";
-import { DataTableFooter as Fe, DataTableFooterCenter as Be, DataTableFooterEnd as ke, DataTableFooterStart as De } from "./data-table/data-table-footer.js";
-import { Tag as Le, TagTypeEnum as ge } from "./tag/tag.js";
-import { TextInput as Pe } from "./text-input/text-input.js";
-import { TextArea as ye } from "./textarea/textarea.js";
-import { ToastProvider as Ee, toaster as He } from "./toast/toast.js";
-import { Tooltip as Me } from "./tooltip/tooltip.js";
-import { EditableTableCell as ve } from "./data-table/editable-table-cell.js";
-import { SelectGroupItem as ze, SelectItem as qe, SelectTableCell as Ue } from "./select/select-native.js";
-import { i as je } from "./i18next-DxWa09nx.js";
+import { StepFillLevel as Cr, StepStatus as Sr } from "./progress-stepper/types.js";
+import { ProgressStepper as sr, Step as Fr, StepItem as Br } from "./progress-stepper/progress-stepper.js";
+import { RadioGroup as Dr } from "./radio/radio-group.js";
+import { Radio as hr } from "./radio/radio.js";
+import { ScoreSelect as Gr } from "./score-select/score-select.js";
+import { SectionBreak as wr } from "./section-break/section-break.js";
+import { Select as Ar } from "./select/select.js";
+import { SelectGroupItemNext as Hr, SelectItemNext as Rr, SelectNext as Mr } from "./select/select-next.js";
+import { SideNav as Nr, SideNavItem as Wr } from "./side-nav/side-nav.js";
+import { Spinner as qr } from "./spinner/spinner.js";
+import { Stack as Vr } from "./stack/stack.js";
+import { SummaryList as Jr, SummaryListAction as Kr, SummaryListRow as Or, SummaryListValue as Qr } from "./summary-list/summary-list.js";
+import { Caption as Yr } from "./table/caption.js";
+import { ColumnGroup as _r } from "./table/column-group.js";
+import { Column as oe } from "./table/column.js";
+import { TableBody as ee } from "./table/table-body.js";
+import { TableData as pe } from "./table/table-data.js";
+import { TableFoot as ae } from "./table/table-foot.js";
+import { TableHead as fe } from "./table/table-head.js";
+import { TableHeader as ie } from "./table/table-header.js";
+import { TableRow as de } from "./table/table-row.js";
+import { Table as ce } from "./table/table.js";
+import { TabItem as Te } from "./tabs/tab-item.js";
+import { TabList as Se } from "./tabs/tab-list.js";
+import { TabPanel as se } from "./tabs/tab-panel.js";
+import { Tabs as Be } from "./tabs/tabs.js";
+import { DataTableFooter as De, DataTableFooterCenter as Le, DataTableFooterEnd as he, DataTableFooterStart as ge } from "./data-table/data-table-footer.js";
+import { Tag as Pe, TagTypeEnum as we } from "./tag/tag.js";
+import { TextInput as Ae } from "./text-input/text-input.js";
+import { TextArea as He } from "./textarea/textarea.js";
+import { ToastProvider as Me, toaster as ve } from "./toast/toast.js";
+import { Tooltip as We } from "./tooltip/tooltip.js";
+import { EditableTableCell as qe } from "./data-table/editable-table-cell.js";
+import { SelectGroupItem as Ve, SelectItem as je, SelectTableCell as Je } from "./select/select-native.js";
+import { i as Oe } from "./i18next-DxWa09nx.js";
 export {
   p as Accordion,
   e as AccordionItem,
@@ -93,37 +94,37 @@ export {
   b as BreadcrumbLink,
   T as Breadcrumbs,
   F as Button,
-  I as ButtonGroup,
-  S as ButtonGroupItem,
-  Or as Caption,
+  S as ButtonGroup,
+  I as ButtonGroupItem,
+  Yr as Caption,
   A as Card,
   k as CardAction,
   D as CardContainer,
-  h as CardDescription,
-  L as CardHeader,
+  L as CardDescription,
+  h as CardHeader,
   g as CardMedia,
   G as CardSubtitle,
   P as CardTag,
   w as CardTitle,
   M as Checkbox,
   H as CheckboxGroup,
-  v as Chip,
-  Zr as Column,
-  Xr as ColumnGroup,
+  N as Chip,
+  oe as Column,
+  _r as ColumnGroup,
   z as Combobox,
   j as Container,
   K as CookieBanner,
-  Fe as DataTableFooter,
-  Be as DataTableFooterCenter,
-  ke as DataTableFooterEnd,
-  De as DataTableFooterStart,
+  De as DataTableFooter,
+  Le as DataTableFooterCenter,
+  he as DataTableFooterEnd,
+  ge as DataTableFooterStart,
   Q as Details,
   Y as Drawer,
   Z as DrawerBody,
   _ as DrawerFooter,
   $ as DrawerWrapper,
   U as DropdownItem,
-  ve as EditableTableCell,
+  qe as EditableTableCell,
   ro as FileUpload,
   to as Footer,
   uo as Form,
@@ -134,8 +135,8 @@ export {
   mo as FormFieldWithTag,
   Co as Header,
   bo as HeaderSearch,
-  So as Heading,
-  ho as Icon,
+  Io as Heading,
+  Lo as Icon,
   ko as IconButton,
   go as Icons,
   yo as InputCheckbox,
@@ -143,7 +144,7 @@ export {
   Ho as InputCheckboxSizeEnum,
   Ao as InputCheckboxTableCell,
   Mo as InputFile,
-  vo as InputPassword,
+  No as InputPassword,
   Uo as InputRadio,
   zo as InputRadioGroup,
   jo as InputRadioSizeEnum,
@@ -162,46 +163,48 @@ export {
   nr as PhaseBanner,
   ur as Popover,
   br as ProgressBar,
-  Cr as ProgressStepper,
-  kr as Radio,
-  Fr as RadioGroup,
-  hr as ScoreSelect,
-  gr as SectionBreak,
-  Pr as Select,
-  ze as SelectGroupItem,
-  yr as SelectGroupItemNext,
-  qe as SelectItem,
-  Ar as SelectItemNext,
-  Er as SelectNext,
-  Ue as SelectTableCell,
-  Rr as SideNav,
-  Mr as SideNavItem,
-  vr as Spinner,
-  zr as Stack,
-  Ir as Step,
-  Sr as StepItem,
-  Ur as SummaryList,
-  Vr as SummaryListAction,
-  jr as SummaryListRow,
-  Jr as SummaryListValue,
-  ue as TabItem,
-  be as TabList,
-  Ce as TabPanel,
-  ne as Table,
-  $r as TableBody,
-  re as TableData,
-  te as TableFoot,
-  me as TableHead,
-  xe as TableHeader,
-  le as TableRow,
-  Se as Tabs,
-  Le as Tag,
-  ge as TagTypeEnum,
-  ye as TextArea,
-  Pe as TextInput,
-  Ee as ToastProvider,
-  Me as Tooltip,
-  je as i18next,
+  sr as ProgressStepper,
+  hr as Radio,
+  Dr as RadioGroup,
+  Gr as ScoreSelect,
+  wr as SectionBreak,
+  Ar as Select,
+  Ve as SelectGroupItem,
+  Hr as SelectGroupItemNext,
+  je as SelectItem,
+  Rr as SelectItemNext,
+  Mr as SelectNext,
+  Je as SelectTableCell,
+  Nr as SideNav,
+  Wr as SideNavItem,
+  qr as Spinner,
+  Vr as Stack,
+  Fr as Step,
+  Cr as StepFillLevel,
+  Br as StepItem,
+  Sr as StepStatus,
+  Jr as SummaryList,
+  Kr as SummaryListAction,
+  Or as SummaryListRow,
+  Qr as SummaryListValue,
+  Te as TabItem,
+  Se as TabList,
+  se as TabPanel,
+  ce as Table,
+  ee as TableBody,
+  pe as TableData,
+  ae as TableFoot,
+  fe as TableHead,
+  ie as TableHeader,
+  de as TableRow,
+  Be as Tabs,
+  Pe as Tag,
+  we as TagTypeEnum,
+  He as TextArea,
+  Ae as TextInput,
+  Me as ToastProvider,
+  We as Tooltip,
+  Oe as i18next,
   Fo as initI18n,
-  He as toaster
+  ve as toaster
 };

package/dist/modal/modal.d.ts

@@ -6,9 +6,10 @@ export declare const ModalTitle: {
     ({ children, as, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
-export declare const ModalBody: ({ children, className, }: {
+export declare const ModalBody: ({ children, className, includeModalClass, }: {
     children: ReactNode;
     className?: string;
+    includeModalClass?: boolean;
 }) => import("react/jsx-runtime").JSX.Element;
 export declare const ModalFooter: {
     ({ className, children, orientation, dataModalSize, stacked, }: ModalFooterProps): import("react/jsx-runtime").JSX.Element;