@iress-oss/ids-components 6.0.0-alpha.6 → 6.0.0-alpha.7

package/dist/components/Radio/Radio.js

@@ -1,4 +1,4 @@
-import { jsx as e, jsxs as k } from "react/jsx-runtime";
+import { jsx as e, jsxs as C } from "react/jsx-runtime";
 import { forwardRef as j, useContext as A } from "react";
 import { useControlledState as B } from "../../hooks/useControlledState.js";
 import { useIdIfNeeded as E } from "../../hooks/useIdIfNeeded.js";
@@ -6,109 +6,109 @@ import { propagateTestid as l } from "../../helpers/utility/propagateTestid.js";
 import { IressReadonly as H } from "../Readonly/Readonly.js";
 import "../Readonly/Readonly.styles.js";
 import { getFormControlValueAsString as P } from "../../helpers/form/getFormControlValueAsString.js";
-import { c as C } from "../../css-fGu_jDvv.js";
+import { c as p } from "../../css-fGu_jDvv.js";
 import { c as z } from "../../cx-DN21T1EH.js";
 import { radio as D } from "./Radio.styles.js";
-import { GlobalCSSClass as p } from "../../enums.js";
+import { GlobalCSSClass as h } from "../../enums.js";
 import { IressCheckboxMark as J } from "../CheckboxMark/CheckboxMark.js";
 import "../CheckboxMark/CheckboxMark.styles.js";
 import { getRadioGroupContext as K } from "../RadioGroup/RadioGroup.js";
 import "../RadioGroup/RadioGroup.styles.js";
-import { s as h } from "../../factory-oPXoMw9H.js";
+import { s as u } from "../../factory-oPXoMw9H.js";
 import { s as L } from "../../is-valid-prop-Ce0wiweq.js";
 import { IressText as Q } from "../Text/Text.js";
-const T = (a) => /* @__PURE__ */ e(
-  h.svg,
+const T = (i) => /* @__PURE__ */ e(
+  u.svg,
   {
     version: "1.1",
     viewBox: "0 0 200 200",
     xmlns: "http://www.w3.org/2000/svg",
-    ...a,
-    className: p.FormElement,
+    ...i,
+    className: h.FormElement,
     children: /* @__PURE__ */ e("circle", { cx: "100", cy: "100", r: "70" })
   }
 ), U = ({
-  checked: a,
-  children: u,
+  checked: i,
+  children: f,
   className: x,
-  "data-testid": i,
+  "data-testid": a,
   defaultChecked: g,
   hiddenControl: y,
   name: R,
   onChange: w,
-  readOnly: v,
-  required: b,
-  value: r,
-  touch: M,
+  readOnly: b,
+  required: v,
+  value: t,
+  touch: N,
   ...n
-}, N) => {
-  const f = E(n), o = A(K()), { value: S, setValue: G } = B({
+}, M) => {
+  const k = E(n), o = A(K()), { value: S, setValue: G } = B({
     component: "Radio",
     defaultValue: !!g,
-    value: a,
+    value: i,
     propName: "checked"
-  }), d = !!o?.onChange, s = d ? o.value === r : S;
-  if (d ? o.readOnly : v)
+  }), d = !!o?.onChange, s = d ? o.value === t : S;
+  if (d ? o.readOnly : b)
     return s ? /* @__PURE__ */ e(
       H,
       {
         ...n,
         width: void 0,
-        value: P(r),
-        children: u
+        value: P(t),
+        children: f
       }
     ) : null;
-  const I = o?.name ?? R, c = o?.hiddenRadio ?? y, O = o?.required ?? b, q = o?.touch ?? M, t = D.raw({
+  const I = o?.name ?? R, c = o?.hiddenRadio ?? y, O = o?.required ?? v, q = o?.touch ?? N, r = D.raw({
     hiddenControl: c,
     touch: q,
     checked: s
   }), [F, V] = L(n);
-  return /* @__PURE__ */ k(
+  return /* @__PURE__ */ C(
     "div",
     {
-      "data-testid": i,
+      "data-testid": a,
       className: z(
         x,
-        C(t.root, F),
-        p.Group,
-        p.Radio
+        p(r.root, F),
+        h.Group,
+        h.Radio
       ),
       children: [
         /* @__PURE__ */ e(
-          h.input,
+          u.input,
           {
             ...V,
-            ...t.input,
+            ...r.input,
             type: "radio",
-            id: f,
+            id: k,
             name: I,
-            ref: N,
-            "data-testid": l(i, "input"),
+            ref: M,
+            "data-testid": l(a, "input"),
             onChange: (m) => {
-              d || G(m.target.checked), w?.(m, r), o?.onChange?.(m, r);
+              d || G(m.target.checked), w?.(m, t), o?.onChange?.(m, t);
             },
-            value: String(r),
+            value: String(t),
             checked: s,
             required: O
           }
         ),
-        /* @__PURE__ */ k(h.label, { htmlFor: f, ...t.label, children: [
+        /* @__PURE__ */ C(u.label, { htmlFor: k, ...r.label, children: [
           !c && /* @__PURE__ */ e(
             T,
             {
-              ...t.radioMark,
-              "data-testid": l(i, "radioMark")
+              ...r.radioMark,
+              "data-testid": l(a, "radioMark")
             }
           ),
           c && /* @__PURE__ */ e(
             J,
             {
-              className: C(t.checkboxMark),
+              className: p(r.checkboxMark),
               checked: s,
-              "data-testid": l(i, "checkboxMark")
+              "data-testid": l(a, "checkboxMark")
             }
           ),
-          /* @__PURE__ */ e(Q, { element: "span", children: u })
+          /* @__PURE__ */ e(Q, { element: "span", className: p(r.labelContent), children: f })
         ] })
       ]
     }

package/dist/components/Radio/Radio.styles.js

@@ -4,6 +4,7 @@ const e = r({
     "root",
     "input",
     "label",
+    "labelContent",
     "radioMark",
     "checkedRadioMark",
     "checkboxMark"
@@ -15,6 +16,7 @@ const e = r({
       position: "relative",
       padding: "spacing.0",
       transition: "[all 0.2s ease-out]",
+      textStyle: "typography.body.md",
       "&:has(svg:hover)": {
         color: "colour.primary.fillHover"
       }
@@ -41,6 +43,9 @@ const e = r({
       margin: "[0px]",
       cursor: "pointer"
     },
+    labelContent: {
+      font: "inherit"
+    },
     radioMark: {
       boxSizing: "border-box",
       position: "relative",
@@ -51,8 +56,8 @@ const e = r({
       display: "inline-flex",
       alignItems: "center",
       justifyContent: "center",
-      width: "[calc(1.3 * 1rem)]",
-      height: "[calc(1.3 * 1rem)]",
+      width: "[1.4em]",
+      height: "[1.4em]",
       borderRadius: "[100%]",
       marginInlineEnd: "spacing.2",
       flexShrink: 0,

package/dist/components/RichSelect/RichSelect.js

@@ -3,7 +3,7 @@ import "react";
 import "../../cx-DN21T1EH.js";
 import "./RichSelect.styles.js";
 import "./hooks/useRichSelectState.js";
-import { I as K } from "../../Autocomplete-C5ubHBTi.js";
+import { I as K } from "../../Autocomplete-BQ_YPb5A.js";
 import "./SelectBody/SelectBody.styles.js";
 import "../../enums.js";
 import "../Menu/Menu.js";
@@ -21,7 +21,7 @@ import "../Popover/Popover.styles.js";
 import "../Popover/InputPopover/InputPopover.js";
 import "./SelectSearchInput/SelectSearchInput.js";
 import "./SelectTags/SelectTags.styles.js";
-import "../../Button-mmhMLwp9.js";
+import "../../Button-B4nt3P1v.js";
 import "../Button/CloseButton/CloseButton.js";
 import "../Tag/Tag.styles.js";
 import "../Tag/TagInput/TagInput.js";

package/dist/components/RichSelect/SelectHeading/SelectHeading.js

@@ -8,7 +8,7 @@ import "../../Divider/Divider.styles.js";
 import { GlobalCSSClass as p } from "../../../enums.js";
 import "../../Menu/MenuItem/MenuItem.js";
 import { IressMenuHeading as I } from "../../Menu/MenuText/MenuText.js";
-import { I as v } from "../../../Button-mmhMLwp9.js";
+import { I as v } from "../../../Button-B4nt3P1v.js";
 import "../../Button/CloseButton/CloseButton.js";
 import "../../Popover/Popover.js";
 import "../../Popover/Popover.styles.js";

package/dist/components/RichSelect/SelectLabel/SelectLabel.styles.js

@@ -1,5 +1,5 @@
 import { s as e } from "../../../sva-OmxClA9g.js";
-const n = e({
+const o = e({
   slots: ["selectLabel", "contents", "placeholder", "prepend", "append"],
   base: {
     selectLabel: {
@@ -22,13 +22,11 @@ const n = e({
       transition: "common",
       _focusWithin: {
         backgroundColor: "colour.neutral.10",
-        borderColor: "colour.primary.fill",
         layerStyle: "elevation.focus",
         outline: "[none]"
       },
       _active: {
         backgroundColor: "colour.neutral.10",
-        borderColor: "colour.primary.fill",
         layerStyle: "elevation.focus",
         outline: "[none]"
       }
@@ -87,5 +85,5 @@ const n = e({
   }
 });
 export {
-  n as selectLabel
+  o as selectLabel
 };

package/dist/components/RichSelect/SelectTags/SelectTags.js

@@ -20,7 +20,7 @@ import { IressMenuItem as D } from "../../Menu/MenuItem/MenuItem.js";
 import { IressPopover as G } from "../../Popover/Popover.js";
 import "../../Popover/Popover.styles.js";
 import "../../Popover/InputPopover/InputPopover.js";
-import { I as R } from "../../../Button-mmhMLwp9.js";
+import { I as R } from "../../../Button-B4nt3P1v.js";
 import "../../Button/CloseButton/CloseButton.js";
 import { IressIcon as W } from "../../Icon/Icon.js";
 import "../../Icon/Icon.styles.js";

package/dist/components/RichSelect/SelectTags/SelectTags.styles.js

@@ -1,5 +1,5 @@
-import { s as o } from "../../../sva-OmxClA9g.js";
-const r = o({
+import { s as e } from "../../../sva-OmxClA9g.js";
+const l = e({
   slots: ["root", "placeholder", "prepend", "append", "tag", "tagsList"],
   base: {
     root: {
@@ -24,13 +24,11 @@ const r = o({
       },
       "&:focus": {
         backgroundColor: "colour.neutral.10",
-        borderColor: "colour.primary.fill",
         layerStyle: "elevation.focus",
         outline: "[none]"
       },
       "&:focus-within": {
         backgroundColor: "colour.neutral.10",
-        borderColor: "colour.primary.fill",
         layerStyle: "elevation.focus",
         outline: "[none]"
       },
@@ -82,5 +80,5 @@ const r = o({
   }
 });
 export {
-  r as selectTags
+  l as selectTags
 };

package/dist/components/RichSelect/index.js

@@ -1,5 +1,5 @@
 import { useRichSelectState as t } from "./hooks/useRichSelectState.js";
-import { I as s } from "../../Autocomplete-C5ubHBTi.js";
+import { I as s } from "../../Autocomplete-BQ_YPb5A.js";
 import { IressSelectBody as S } from "./SelectBody/SelectBody.js";
 import { IressSelectCreate as p } from "./SelectCreate/SelectCreate.js";
 import { IressSelectHeading as f } from "./SelectHeading/SelectHeading.js";

package/dist/components/Select/Select.styles.js

@@ -5,7 +5,10 @@ const t = ["wrapper", "control", "element"], c = e({
     wrapper: {
       display: "block",
       position: "relative",
-      lineHeight: 1
+      lineHeight: 1,
+      "&:has(select:focus)": {
+        layerStyle: "elevation.focus"
+      }
     },
     control: {
       position: "relative",

package/dist/components/SkipLink/SkipLink.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { I as p } from "../../Button-mmhMLwp9.js";
+import { I as p } from "../../Button-B4nt3P1v.js";
 import "../Button/CloseButton/CloseButton.js";
 import { c as k } from "../../cx-DN21T1EH.js";
 import { skipLink as n } from "./SkipLink.styles.js";

package/dist/components/Slideout/components/SlideoutInner.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as d } from "react/jsx-runtime";
 import { propagateTestid as o } from "../../../helpers/utility/propagateTestid.js";
-import "../../../Button-mmhMLwp9.js";
+import "../../../Button-B4nt3P1v.js";
 import { IressCloseButton as j } from "../../Button/CloseButton/CloseButton.js";
 import { slideout as v } from "../Slideout.styles.js";
 import { s as f } from "../../../factory-oPXoMw9H.js";

package/dist/components/Tag/Tag.js

@@ -1,7 +1,7 @@
 import { jsxs as f, jsx as e } from "react/jsx-runtime";
 import { useRef as u } from "react";
 import { propagateTestid as d } from "../../helpers/utility/propagateTestid.js";
-import "../../Button-mmhMLwp9.js";
+import "../../Button-B4nt3P1v.js";
 import { IressCloseButton as x } from "../Button/CloseButton/CloseButton.js";
 import { IressText as C } from "../Text/Text.js";
 import { tag as g } from "./Tag.styles.js";

package/dist/components/Toaster/components/Toast/Toast.js

@@ -1,6 +1,6 @@
 import { jsx as o, jsxs as a } from "react/jsx-runtime";
 import { propagateTestid as i } from "../../../../helpers/utility/propagateTestid.js";
-import "../../../../Button-mmhMLwp9.js";
+import "../../../../Button-B4nt3P1v.js";
 import { IressCloseButton as h } from "../../../Button/CloseButton/CloseButton.js";
 import "../../../Inline/Inline.styles.js";
 import { IressInline as y } from "../../../Inline/Inline.js";

package/dist/components/Toggle/Toggle.styles.js

@@ -12,7 +12,8 @@ const t = e({
     toggleBase: {
       display: "inline-flex",
       gap: "spacing.1",
-      color: "colour.primary.fill"
+      color: "colour.primary.fill",
+      textStyle: "typography.body.md.strong"
     },
     toggleButtonContainer: {
       position: "relative",
@@ -81,7 +82,8 @@ const t = e({
     },
     checkboxMark: {
       opacity: 0,
-      marginInlineStart: "spacing.1",
+      marginInlineStart: "[calc({spacing.spacing.1} * 0.5)]",
+      textStyle: "typography.body.md",
       "&&:hover": {
         bg: "transparent"
       }
@@ -90,7 +92,6 @@ const t = e({
       display: "inline-block",
       marginInlineEnd: "spacing.1",
       color: "colour.neutral.80",
-      textStyle: "typography.body.md.strong",
       lineHeight: "1.5rem"
     }
   },

package/dist/constants.js

@@ -1,4 +1,4 @@
-const t = "6.0.0-alpha.6", e = {
+const t = "6.0.0-alpha.7", e = {
   /**
    * Extra small breakpoint, for mobile devices
    */

package/dist/enums.js

@@ -1,4 +1,4 @@
-var e = /* @__PURE__ */ ((r) => (r.Group = "group", r.FormElement = "iress-form-element", r.FormElementInner = "iress-form-element__inner", r.FormElementInvalid = "iress-form-element--invalid", r.FormLabel = "iress-form-label", r.Alert = "ids-alert", r.Autocomplete = "ids-autocomplete", r.Badge = "ids-badge", r.Button = "ids-button", r.ButtonGroup = "ids-button-group", r.Card = "ids-card", r.Checkbox = "ids-checkbox", r.CheckboxGroup = "ids-checkbox-group", r.CheckboxMark = "ids-checkbox-mark", r.CloseButton = "ids-button--close", r.Col = "ids-col", r.Container = "ids-container", r.Divider = "ids-divider", r.Expander = "ids-expander", r.Field = "ids-field", r.FieldGroup = "ids-field-group", r.Form = "ids-form", r.Filter = "ids-filter", r.Icon = "ids-icon", r.Image = "ids-image", r.Inline = "ids-inline", r.Input = "ids-input", r.InputCurrency = "ids-input--currency", r.InputPopover = "ids-popover--input", r.Link = "ids-link", r.Menu = "ids-menu", r.MenuHeading = "ids-text--menu-heading", r.MenuDivider = "ids-divider--menu", r.MenuItem = "ids-menu-item", r.MenuText = "ids-text--menu", r.Modal = "ids-modal", r.ModalBackdrop = "ids-modal__backdrop", r.Panel = "ids-panel", r.Placeholder = "ids-placeholder", r.Popover = "ids-popover", r.PopoverContent = "ids-popover__content", r.Progress = "ids-progress", r.Radio = "ids-radio", r.RadioGroup = "ids-radio-group", r.Readonly = "ids-input--readonly", r.RichSelect = "ids-rich-select", r.RichSelectTags = "ids-rich-select-tags", r.RichSelectSearchInput = "ids-rich-select-search-input", r.RichSelectSearch = "ids-rich-select-search", r.RichSelectSearchContent = "ids-rich-select-search--content", r.RichSelectMenu = "ids-rich-select-menu", r.RichSelectMenuItem = "ids-rich-select-menu-item", r.RichSelectLabel = "ids-rich-select-label", r.RichSelectHeading = "ids-rich-select-heading", r.RichSelectClearButton = "ids-rich-select-clear-button", r.RichSelectBody = "ids-rich-select-body", r.Row = "ids-row", r.Select = "ids-select", r.Skeleton = "ids-skeleton", r.SkipLink = "ids-skip-link", r.Slideout = "ids-slideout", r.SlideoutPushElement = "ids-slideout-push-element", r.SlideoutOpen = "ids-slideout--open", r.Slider = "ids-slider", r.Spinner = "ids-spinner", r.Stack = "ids-stack", r.Table = "ids-table", r.Tab = "ids-tab", r.TabSet = "ids-tabset", r.Tag = "ids-tag", r.TagInput = "ids-tag-input", r.Text = "ids-text", r.Toast = "ids-toast", r.Toaster = "ids-toaster", r.Toggle = "ids-toggle", r.Tooltip = "ids-tooltip", r.ValidationLink = "ids-validation-message--link", r.ValidationMessage = "ids-validation-message", r.ValidationSummary = "ids-validation-sumary", r))(e || {}), i = /* @__PURE__ */ ((r) => (r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r.Xxl = "xxl", r))(i || {}), d = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Overlay = "overlay", r))(d || {}), c = /* @__PURE__ */ ((r) => (r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r))(c || {}), t = /* @__PURE__ */ ((r) => (r.Log = "log", r.Warn = "warn", r.Error = "error", r))(t || {}), u = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.Color = "color", r.File = "file", r.DateTimeLocal = "datetime-local", r))(u || {}), n = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.File = "file", r.Color = "color", r.Checkbox = "checkbox", r.Radio = "radio", r.Select = "select", r.CheckboxGroup = "checkbox-group", r.RadioGroup = "radio-group", r.Combobox = "combobox", r.DateTimeLocal = "datetime-local", r))(n || {}), h = /* @__PURE__ */ ((r) => (r.Two = "2", r.Four = "4", r.Six = "6", r.Eight = "8", r.Ten = "10", r.Twelve = "12", r.Sixteen = "16", r.TwentyFivePercent = "25perc", r.FiftyPercent = "50perc", r.SeventyFivePercent = "75perc", r))(h || {}), o = /* @__PURE__ */ ((r) => (r.Auto = "auto", r.BottomStart = "bottom-start", r.BottomCenter = "bottom", r.BottomEnd = "bottom-end", r.TopStart = "top-start", r.TopCenter = "top", r.TopEnd = "top-end", r.LeftStart = "left-start", r.LeftCenter = "left", r.LeftEnd = "left-end", r.RightStart = "right-start", r.RightCenter = "right", r.RightEnd = "right-end", r))(o || {}), p = /* @__PURE__ */ ((r) => (r.Danger = "danger", r.Info = "info", r.Success = "success", r.Warning = "warning", r))(p || {}), v = /* @__PURE__ */ ((r) => (r.Inherit = "inherit", r.Left = "left", r.Center = "center", r.Right = "right", r.Justify = "justify", r))(v || {}), f = /* @__PURE__ */ ((r) => (r.P = "p", r.Div = "div", r.Span = "span", r.H1 = "h1", r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r.Code = "code", r.Blockquote = "blockquote", r.Caption = "caption", r.Cite = "cite", r.Small = "small", r))(f || {}), k = /* @__PURE__ */ ((r) => (r.Body = "body", r.Danger = "danger", r.Info = "info", r.Muted = "muted", r.Primary = "primary", r.Success = "success", r.Warning = "warning", r.Positive = "positive", r.Negative = "negative", r))(k || {}), g = /* @__PURE__ */ ((r) => (r.Blockquote = "blockquote", r.Bold = "bold", r.Body = "body", r.Code = "code", r.Display = "display", r.Display1 = "display1", r.Display2 = "display2", r.Display3 = "display3", r.Display4 = "display4", r.Heading1 = "h1", r.Heading2 = "h2", r.Heading3 = "h3", r.Heading4 = "h4", r.Heading5 = "h5", r.Heading6 = "h6", r.Italic = "italic", r.Lead = "lead", r.Small = "small", r.Cite = "cite", r.Caption = "caption", r))(g || {}), R = /* @__PURE__ */ ((r) => (r.None = "none", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r))(R || {}), m = /* @__PURE__ */ ((r) => (r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.FullPage = "fullpage", r))(m || {}), w = /* @__PURE__ */ ((r) => (r.None = "none", r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r))(w || {}), s = /* @__PURE__ */ ((r) => (r.Around = "around", r.Between = "between", r.Center = "center", r.Evenly = "evenly", r.Left = "left", r.Right = "right", r))(s || {}), D = /* @__PURE__ */ ((r) => (r.Bottom = "bottom", r.Middle = "middle", r.Stretch = "stretch", r.Top = "top", r))(D || {});
+var e = /* @__PURE__ */ ((r) => (r.Group = "group", r.FormElement = "iress-form-element", r.FormElementInner = "iress-form-element__inner", r.FormElementInvalid = "iress-form-element--invalid", r.FormLabel = "iress-form-label", r.Alert = "ids-alert", r.Autocomplete = "ids-autocomplete", r.Badge = "ids-badge", r.Button = "ids-button", r.ButtonGroup = "ids-button-group", r.Card = "ids-card", r.Checkbox = "ids-checkbox", r.CheckboxGroup = "ids-checkbox-group", r.CheckboxMark = "ids-checkbox-mark", r.CloseButton = "ids-button--close", r.Col = "ids-col", r.Container = "ids-container", r.Divider = "ids-divider", r.Expander = "ids-expander", r.Field = "ids-field", r.FieldGroup = "ids-field-group", r.Form = "ids-form", r.Filter = "ids-filter", r.Icon = "ids-icon", r.Image = "ids-image", r.Inline = "ids-inline", r.Input = "ids-input", r.InputCurrency = "ids-input--currency", r.InputPopover = "ids-popover--input", r.Label = "ids-label", r.Link = "ids-link", r.Menu = "ids-menu", r.MenuHeading = "ids-text--menu-heading", r.MenuDivider = "ids-divider--menu", r.MenuItem = "ids-menu-item", r.MenuText = "ids-text--menu", r.Modal = "ids-modal", r.ModalBackdrop = "ids-modal__backdrop", r.Panel = "ids-panel", r.Placeholder = "ids-placeholder", r.Popover = "ids-popover", r.PopoverContent = "ids-popover__content", r.Progress = "ids-progress", r.Radio = "ids-radio", r.RadioGroup = "ids-radio-group", r.Readonly = "ids-input--readonly", r.RichSelect = "ids-rich-select", r.RichSelectTags = "ids-rich-select-tags", r.RichSelectSearchInput = "ids-rich-select-search-input", r.RichSelectSearch = "ids-rich-select-search", r.RichSelectSearchContent = "ids-rich-select-search--content", r.RichSelectMenu = "ids-rich-select-menu", r.RichSelectMenuItem = "ids-rich-select-menu-item", r.RichSelectLabel = "ids-rich-select-label", r.RichSelectHeading = "ids-rich-select-heading", r.RichSelectClearButton = "ids-rich-select-clear-button", r.RichSelectBody = "ids-rich-select-body", r.Row = "ids-row", r.Select = "ids-select", r.Skeleton = "ids-skeleton", r.SkipLink = "ids-skip-link", r.Slideout = "ids-slideout", r.SlideoutPushElement = "ids-slideout-push-element", r.SlideoutOpen = "ids-slideout--open", r.Slider = "ids-slider", r.Spinner = "ids-spinner", r.Stack = "ids-stack", r.Table = "ids-table", r.Tab = "ids-tab", r.TabSet = "ids-tabset", r.Tag = "ids-tag", r.TagInput = "ids-tag-input", r.Text = "ids-text", r.Toast = "ids-toast", r.Toaster = "ids-toaster", r.Toggle = "ids-toggle", r.Tooltip = "ids-tooltip", r.ValidationLink = "ids-validation-message--link", r.ValidationMessage = "ids-validation-message", r.ValidationSummary = "ids-validation-summary", r))(e || {}), i = /* @__PURE__ */ ((r) => (r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r.Xxl = "xxl", r))(i || {}), d = /* @__PURE__ */ ((r) => (r.Inline = "inline", r.Overlay = "overlay", r))(d || {}), c = /* @__PURE__ */ ((r) => (r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r))(c || {}), t = /* @__PURE__ */ ((r) => (r.Log = "log", r.Warn = "warn", r.Error = "error", r))(t || {}), u = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.Color = "color", r.File = "file", r.DateTimeLocal = "datetime-local", r))(u || {}), n = /* @__PURE__ */ ((r) => (r.Date = "date", r.Email = "email", r.Number = "number", r.Password = "password", r.Search = "search", r.Tel = "tel", r.Text = "text", r.Url = "url", r.Time = "time", r.File = "file", r.Color = "color", r.Checkbox = "checkbox", r.Radio = "radio", r.Select = "select", r.CheckboxGroup = "checkbox-group", r.RadioGroup = "radio-group", r.Combobox = "combobox", r.DateTimeLocal = "datetime-local", r))(n || {}), h = /* @__PURE__ */ ((r) => (r.Two = "2", r.Four = "4", r.Six = "6", r.Eight = "8", r.Ten = "10", r.Twelve = "12", r.Sixteen = "16", r.TwentyFivePercent = "25perc", r.FiftyPercent = "50perc", r.SeventyFivePercent = "75perc", r))(h || {}), o = /* @__PURE__ */ ((r) => (r.Auto = "auto", r.BottomStart = "bottom-start", r.BottomCenter = "bottom", r.BottomEnd = "bottom-end", r.TopStart = "top-start", r.TopCenter = "top", r.TopEnd = "top-end", r.LeftStart = "left-start", r.LeftCenter = "left", r.LeftEnd = "left-end", r.RightStart = "right-start", r.RightCenter = "right", r.RightEnd = "right-end", r))(o || {}), p = /* @__PURE__ */ ((r) => (r.Danger = "danger", r.Info = "info", r.Success = "success", r.Warning = "warning", r))(p || {}), v = /* @__PURE__ */ ((r) => (r.Inherit = "inherit", r.Left = "left", r.Center = "center", r.Right = "right", r.Justify = "justify", r))(v || {}), f = /* @__PURE__ */ ((r) => (r.P = "p", r.Div = "div", r.Span = "span", r.H1 = "h1", r.H2 = "h2", r.H3 = "h3", r.H4 = "h4", r.H5 = "h5", r.H6 = "h6", r.Code = "code", r.Blockquote = "blockquote", r.Caption = "caption", r.Cite = "cite", r.Small = "small", r))(f || {}), k = /* @__PURE__ */ ((r) => (r.Body = "body", r.Danger = "danger", r.Info = "info", r.Muted = "muted", r.Primary = "primary", r.Success = "success", r.Warning = "warning", r.Positive = "positive", r.Negative = "negative", r))(k || {}), g = /* @__PURE__ */ ((r) => (r.Blockquote = "blockquote", r.Bold = "bold", r.Body = "body", r.Code = "code", r.Display = "display", r.Display1 = "display1", r.Display2 = "display2", r.Display3 = "display3", r.Display4 = "display4", r.Heading1 = "h1", r.Heading2 = "h2", r.Heading3 = "h3", r.Heading4 = "h4", r.Heading5 = "h5", r.Heading6 = "h6", r.Italic = "italic", r.Lead = "lead", r.Small = "small", r.Cite = "cite", r.Caption = "caption", r))(g || {}), R = /* @__PURE__ */ ((r) => (r.None = "none", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r))(R || {}), m = /* @__PURE__ */ ((r) => (r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.FullPage = "fullpage", r))(m || {}), w = /* @__PURE__ */ ((r) => (r.None = "none", r.Xs = "xs", r.Sm = "sm", r.Md = "md", r.Lg = "lg", r.Xl = "xl", r))(w || {}), D = /* @__PURE__ */ ((r) => (r.Around = "around", r.Between = "between", r.Center = "center", r.Evenly = "evenly", r.Left = "left", r.Right = "right", r))(D || {}), P = /* @__PURE__ */ ((r) => (r.Bottom = "bottom", r.Middle = "middle", r.Stretch = "stretch", r.Top = "top", r))(P || {});
 export {
   i as Breakpoint,
   d as DisplayMode,
@@ -8,7 +8,7 @@ export {
   e as GlobalCSSClass,
   w as GutterSize,
   c as HeadingLevel,
-  s as HorizontalAlign,
+  D as HorizontalAlign,
   t as LoggerLevels,
   m as ModalSize,
   R as PaddingSize,
@@ -18,5 +18,5 @@ export {
   u as TextFieldType,
   k as TextMode,
   g as TextVariant,
-  D as VerticalAlign
+  P as VerticalAlign
 };

package/dist/main.js

@@ -1,11 +1,11 @@
 import { IressAlert as o } from "./components/Alert/Alert.js";
 import { alert as s } from "./components/Alert/Alert.styles.js";
-import { a as m, I as x } from "./Autocomplete-C5ubHBTi.js";
+import { a as m, I as x } from "./Autocomplete-BQ_YPb5A.js";
 import { autoComplete as I } from "./components/Autocomplete/Autocomplete.styles.js";
 import { useAutocompleteSearch as l } from "./components/Autocomplete/hooks/useAutocompleteSearch.js";
 import { IressBadge as n } from "./components/Badge/Badge.js";
 import { badge as S } from "./components/Badge/Badge.styles.js";
-import { I as T, b as c } from "./Button-mmhMLwp9.js";
+import { I as T, b as c } from "./Button-B4nt3P1v.js";
 import { IressCloseButton as g } from "./components/Button/CloseButton/CloseButton.js";
 import { IressButtonGroup as C } from "./components/ButtonGroup/ButtonGroup.js";
 import { buttonGroup as G } from "./components/ButtonGroup/ButtonGroup.styles.js";
@@ -62,7 +62,7 @@ import { IressInputPopover as Ce } from "./components/Popover/InputPopover/Input
 import { usePopoverItem as Ge } from "./components/Popover/hooks/usePopoverItem.js";
 import { IressProgress as _e } from "./components/Progress/Progress.js";
 import { progress as Re } from "./components/Progress/Progress.styles.js";
-import { I as Fe } from "./Provider-BPeo5YfI.js";
+import { I as Fe } from "./Provider-CDIbqQK0.js";
 import { IressRadio as Pe } from "./components/Radio/Radio.js";
 import { radio as De } from "./components/Radio/Radio.styles.js";
 import { IressRadioGroup as Oe, RadioGroupContext as Ve, getRadioGroupContext as ye } from "./components/RadioGroup/RadioGroup.js";

package/dist/patterns/Loading/components/ValidateLoading.js

@@ -1,5 +1,5 @@
 import { jsx as o, jsxs as u } from "react/jsx-runtime";
-import { I as p } from "../../../Button-mmhMLwp9.js";
+import { I as p } from "../../../Button-B4nt3P1v.js";
 import "../../../components/Button/CloseButton/CloseButton.js";
 import { useState as h, useEffect as g } from "react";
 import { loading as x } from "../Loading.styles.js";