@iress-oss/ids-components 5.16.0 → 6.0.0-alpha.0

package/dist/components/Readonly/Readonly.styles.js

@@ -0,0 +1,188 @@
+import { s as t } from "../../sva-TRyehFkb.js";
+const i = t({
+  slots: ["root", "wrapper", "addon", "internal", "formControl", "readonly"],
+  base: {
+    root: {
+      display: "flex",
+      alignItems: "stretch",
+      backgroundColor: "colour.neutral.10",
+      minHeight: "input.height",
+      margin: "[0]",
+      flexGrow: "1",
+      textStyle: "typography.body.lg"
+    },
+    addon: {
+      borderRadius: "radius.100",
+      backgroundColor: "colour.neutral.10",
+      minHeight: "input.height",
+      color: "colour.neutral.80",
+      lineHeight: "1",
+      fontWeight: "300",
+      display: "inline-flex",
+      alignItems: "center",
+      _empty: {
+        display: "none"
+      },
+      "& > *": {
+        px: "spacing.250"
+      },
+      _first: {
+        "& > *": {
+          pl: "spacing.000"
+        }
+      },
+      _last: {
+        "& > *": {
+          pr: "spacing.000"
+        }
+      }
+    },
+    internal: {
+      display: "flex",
+      alignItems: "center",
+      "& > *": {
+        padding: "[0 {spacing.spacing.250}]"
+      },
+      _empty: {
+        display: "none"
+      }
+    },
+    formControl: {
+      borderWidth: 0,
+      borderRadius: "radius.system.form",
+      backgroundColor: "colour.neutral.10",
+      textStyle: "typography.body.lg",
+      color: "colour.neutral.80",
+      display: "inline-flex",
+      alignItems: "center",
+      boxSizing: "border-box",
+      flex: "auto",
+      maxWidth: "[100%]",
+      minHeight: "input.height",
+      lineHeight: 1,
+      _focus: {
+        outline: "[none]"
+      },
+      _placeholder: {
+        color: "colour.neutral.60"
+      }
+    },
+    readonly: {
+      display: "flex",
+      alignItems: "center",
+      height: "auto",
+      minHeight: "input.height",
+      lineHeight: "inherit"
+    }
+  },
+  variants: {
+    inline: {
+      true: {
+        root: {
+          display: "inline-flex"
+        }
+      }
+    },
+    width: {
+      2: {
+        root: {
+          maxWidth: "[fit-content]"
+        },
+        formControl: {
+          width: "input.2"
+        }
+      },
+      4: {
+        root: {
+          maxWidth: "[fit-content]"
+        },
+        formControl: {
+          width: "input.4"
+        }
+      },
+      6: {
+        root: {
+          maxWidth: "[fit-content]"
+        },
+        formControl: {
+          width: "input.6"
+        }
+      },
+      8: {
+        root: {
+          maxWidth: "[fit-content]"
+        },
+        formControl: {
+          width: "input.8"
+        }
+      },
+      10: {
+        root: {
+          maxWidth: "[fit-content]"
+        },
+        formControl: {
+          width: "input.10"
+        }
+      },
+      12: {
+        root: {
+          maxWidth: "[fit-content]"
+        },
+        formControl: {
+          width: "input.12"
+        }
+      },
+      16: {
+        root: {
+          maxWidth: "[fit-content]"
+        },
+        formControl: {
+          width: "input.16"
+        }
+      },
+      "25perc": {
+        root: {
+          width: "input.25perc"
+        },
+        formControl: {
+          width: "[100%]"
+        }
+      },
+      "50perc": {
+        root: {
+          width: "input.50perc"
+        },
+        formControl: {
+          width: "[100%]"
+        }
+      },
+      "75perc": {
+        root: {
+          width: "input.75perc"
+        },
+        formControl: {
+          width: "[100%]"
+        }
+      },
+      "100perc": {
+        root: {
+          width: "input.100perc"
+        },
+        formControl: {
+          width: "[100%]"
+        }
+      }
+    },
+    alignRight: {
+      true: {
+        formControl: {
+          justifyContent: "flex-end"
+        }
+      }
+    }
+  },
+  defaultVariants: {}
+});
+export {
+  i as readonly
+};

package/dist/components/Readonly/index.js

@@ -1,4 +1,6 @@
-import { v as r } from "../../LoadingSuspense-D0TO0TDT.js";
+import { IressReadonly as e } from "./Readonly.js";
+import { readonly as d } from "./Readonly.styles.js";
 export {
-  r as IressReadonly
+  e as IressReadonly,
+  d as readonly
 };

package/dist/components/RichSelect/RichSelect.js

@@ -1,41 +1,105 @@
 import "react/jsx-runtime";
 import "react";
-import "../../index-2QXL0WYc.js";
-import { w as L } from "../../LoadingSuspense-D0TO0TDT.js";
-import "../Popover/Popover.js";
-import "../../PopoverProvider-Cw5-iAgZ.js";
-import "../Popover/InputPopover/InputPopover.js";
+import "../../cx-DN21T1EH.js";
+import "./RichSelect.styles.js";
 import "./hooks/useRichSelectState.js";
+import { b as Xr } from "../../Filter-Bwk7SIlJ.js";
+import "../Icon/Icon.styles.js";
+import "../../enums.js";
+import "../Alert/Alert.styles.js";
+import "../../Button-BXzmntRi.js";
+import "../Button/CloseButton/CloseButton.js";
+import "../Inline/Inline.styles.js";
+import "../Inline/Inline.js";
 import "../Autocomplete/hooks/useAutocompleteSearch.js";
-import "../Badge/Badge.js";
+import "../Badge/Badge.styles.js";
+import "../ButtonGroup/ButtonGroup.styles.js";
 import "../ButtonGroup/ButtonGroupProvider.js";
-import "../../enums.js";
-import "../Card/Card.js";
+import "../Card/Card.styles.js";
+import "../Checkbox/Checkbox.js";
+import "../Checkbox/Checkbox.styles.js";
 import "../CheckboxGroup/CheckboxGroup.js";
+import "../CheckboxGroup/CheckboxGroup.styles.js";
+import "../Col/Col.styles.js";
 import "../Col/Col.js";
-import "../Expander/Expander.js";
-import "../Form/FormContext.js";
+import "../Container/Container.styles.js";
+import "../Container/Container.js";
+import "../Divider/Divider.styles.js";
+import "../Expander/Expander.styles.js";
+import "../Label/Label.styles.js";
+import "../Field/Field.styles.js";
+import "../Tooltip/Tooltip.styles.js";
+import "../Field/FieldGroup/FieldGroup.styles.js";
+import "../Hide/Hide.js";
+import "../Image/Image.js";
+import "../Image/Image.styles.js";
+import "../Input/Input.js";
+import "../Input/Input.styles.js";
+import "../InputCurrency/InputCurrency.js";
+import "../Link/Link.js";
+import "../Link/Link.styles.js";
 import "../Menu/Menu.js";
-import "../Menu/MenuProvider.js";
-import "../CheckboxMark/CheckboxMark.types.js";
-import "../CheckboxMark/CheckboxMark.js";
+import "../Menu/Menu.styles.js";
+import "../Menu/MenuItem/MenuItem.js";
+import "../Popover/hooks/usePopover.js";
+import "../Modal/Modal.styles.js";
 import "../Modal/ModalProvider.js";
 import "../Panel/Panel.js";
-import "../../SlideoutProvider-CQh140HM.js";
+import "../Panel/Panel.styles.js";
+import "../Placeholder/Placeholder.styles.js";
+import "../Popover/Popover.js";
+import "../Popover/Popover.styles.js";
+import "../../InputPopover-BWWuoQZ2.js";
+import "../Progress/Progress.styles.js";
+import "../../index-DlGwAtoO.js";
+import "../../ToasterProvider-XqpAGfRs.js";
+import "../Toaster/Toaster.styles.js";
+import "../Toaster/components/Toast/Toast.styles.js";
+import "../Slideout/Slideout.styles.js";
+import "../Slideout/SlideoutProvider.js";
 import "react-dom";
+import "../../typography--vGt_ztU.js";
+import "../Radio/Radio.js";
+import "../Radio/Radio.styles.js";
 import "../RadioGroup/RadioGroup.js";
-import "../Skeleton/Skeleton.js";
+import "../RadioGroup/RadioGroup.styles.js";
+import "../Readonly/Readonly.js";
+import "../Readonly/Readonly.styles.js";
+import "../Row/Row.styles.js";
+import "../Row/Row.js";
+import "../Select/Select.styles.js";
+import "../Select/Select.js";
+import "../Skeleton/Skeleton.styles.js";
 import "../SkipLink/SkipLink.js";
-import "../Stack/Stack.js";
-import "../Table/TableContext.js";
+import "../SkipLink/SkipLink.styles.js";
+import "../Slider/Slider.js";
+import "../Slider/Slider.styles.js";
+import "../Spinner/Spinner.styles.js";
+import "../Stack/Stack.styles.js";
+import "../../TableProvider-D8SQKIG8.js";
+import "../Table/Table.styles.js";
+import "../TabSet/TabSetProvider.js";
+import "../TabSet/TabSet.styles.js";
 import "../TabSet/Tab/Tab.js";
-import "../TabSet/TabSet.js";
-import "../Text/Text.js";
-import "../Toggle/Toggle.js";
-import "../Tooltip/Tooltip.js";
-import "../ValidationMessage/ValidationMessage.js";
+import "../TabSet/Tab/Tab.styles.js";
+import "../Tag/Tag.styles.js";
+import "../Tag/TagInput/TagInput.js";
+import "../CheckboxMark/CheckboxMark.styles.js";
+import "../Toggle/Toggle.styles.js";
+import "../../patterns/Form/Form.js";
+import "../../patterns/Form/FormContext.js";
+import "../../patterns/Form/FormValidationSummary/FormValidationSummary.js";
+import "../../patterns/Form/HookForm/HookForm.js";
+import "../../patterns/Loading/Loading.js";
+import "../../patterns/Loading/LoadingSuspense.js";
+import "./SelectBody/SelectBody.styles.js";
+import "./SelectLabel/SelectLabel.styles.js";
+import "./SelectMenu/SelectMenu.styles.js";
+import "./SelectSearch/SelectSearch.styles.js";
+import "./SelectSearchInput/SelectSearchInput.js";
+import "./SelectTags/SelectTags.styles.js";
 import "./components/SelectHiddenInput.js";
-import "../Form/hooks/useNoDefaultValueInForms.js";
+import "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
 export {
-  L as IressRichSelect
+  Xr as IressRichSelect
 };

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

@@ -0,0 +1,96 @@
+import { s as c } from "../../sva-TRyehFkb.js";
+const i = c({
+  slots: [
+    "richSelect",
+    "popoverContent",
+    "dropdownSelectedHeading",
+    "dropdownClear",
+    "wrapper"
+  ],
+  base: {
+    richSelect: {
+      display: "block"
+    },
+    popoverContent: {
+      minWidth: "[fit-content]",
+      maxHeight: "[30rem]",
+      overflowY: "auto"
+    },
+    dropdownSelectedHeading: {
+      width: "[100%]"
+    },
+    dropdownClear: {
+      paddingX: "spacing.200",
+      paddingY: "spacing.100",
+      minHeight: "[0px]",
+      boxShadow: "[none]"
+    },
+    wrapper: {
+      width: "[100%]",
+      display: "flex",
+      flexDirection: "column"
+    }
+  },
+  variants: {
+    width: {
+      2: {
+        richSelect: {
+          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.2})]"
+        }
+      },
+      4: {
+        richSelect: {
+          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.4})]"
+        }
+      },
+      6: {
+        richSelect: {
+          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.6})]"
+        }
+      },
+      8: {
+        richSelect: {
+          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.8})]"
+        }
+      },
+      10: {
+        richSelect: {
+          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.10})]"
+        }
+      },
+      12: {
+        richSelect: {
+          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.12})]"
+        }
+      },
+      16: {
+        richSelect: {
+          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.16})]"
+        }
+      },
+      "25perc": {
+        richSelect: {
+          width: "input.25perc"
+        }
+      },
+      "50perc": {
+        richSelect: {
+          width: "input.50perc"
+        }
+      },
+      "75perc": {
+        richSelect: {
+          width: "input.75perc"
+        }
+      },
+      "100perc": {
+        richSelect: {
+          width: "input.100perc"
+        }
+      }
+    }
+  }
+});
+export {
+  i as richSelect
+};

package/dist/components/RichSelect/SelectBody/SelectBody.js

@@ -1,55 +1,127 @@
 import { jsxs as e, jsx as r } from "react/jsx-runtime";
-import { S as o } from "../../../LoadingSuspense-D0TO0TDT.js";
+import "../../../Filter-Bwk7SIlJ.js";
 import "react";
+import { c } from "../../../cx-DN21T1EH.js";
+import "../../Icon/Icon.styles.js";
+import { GlobalCSSClass as l } from "../../../enums.js";
+import { IressText as d } from "../../Text/Text.js";
+import "../../Alert/Alert.styles.js";
+import "../../../Button-BXzmntRi.js";
+import "../../Button/CloseButton/CloseButton.js";
+import "../../Inline/Inline.styles.js";
+import "../../Inline/Inline.js";
 import "../../../fuzzysort-eoXOpoo6.js";
-import "../../Badge/Badge.js";
-import { c } from "../../../index-2QXL0WYc.js";
+import "../../Badge/Badge.styles.js";
+import "../../ButtonGroup/ButtonGroup.styles.js";
 import "../../ButtonGroup/ButtonGroupProvider.js";
-import "../../Card/Card.js";
+import "../../Card/Card.styles.js";
+import "../../Checkbox/Checkbox.js";
+import "../../Checkbox/Checkbox.styles.js";
 import "../../CheckboxGroup/CheckboxGroup.js";
+import "../../CheckboxGroup/CheckboxGroup.styles.js";
+import "../../Col/Col.styles.js";
 import "../../Col/Col.js";
-import "../../Expander/Expander.js";
-import "../../Form/FormContext.js";
+import "../../Container/Container.styles.js";
+import "../../Container/Container.js";
+import "../../Divider/Divider.styles.js";
+import "../../Expander/Expander.styles.js";
+import "../../Label/Label.styles.js";
+import "../../Field/Field.styles.js";
+import "../../Tooltip/Tooltip.styles.js";
+import "../../Field/FieldGroup/FieldGroup.styles.js";
+import "../../Hide/Hide.js";
+import "../../Image/Image.js";
+import "../../Image/Image.styles.js";
+import "../../Input/Input.js";
+import "../../Input/Input.styles.js";
+import "../../InputCurrency/InputCurrency.js";
+import "../../Link/Link.js";
+import "../../Link/Link.styles.js";
 import "../../Menu/Menu.js";
-import "../../Menu/MenuProvider.js";
-import "../../../PopoverProvider-Cw5-iAgZ.js";
-import "../../CheckboxMark/CheckboxMark.types.js";
-import "../../CheckboxMark/CheckboxMark.js";
+import "../../Menu/Menu.styles.js";
+import "../../Menu/MenuItem/MenuItem.js";
+import "../../Popover/hooks/usePopover.js";
+import "../../Modal/Modal.styles.js";
 import "../../Modal/ModalProvider.js";
 import "../../Panel/Panel.js";
+import "../../Panel/Panel.styles.js";
+import "../../Placeholder/Placeholder.styles.js";
 import "../../Popover/Popover.js";
-import "../../Popover/InputPopover/InputPopover.js";
-import "../../../SlideoutProvider-CQh140HM.js";
+import "../../Popover/Popover.styles.js";
+import "../../../InputPopover-BWWuoQZ2.js";
+import "../../Progress/Progress.styles.js";
+import "../../../index-DlGwAtoO.js";
+import "../../../ToasterProvider-XqpAGfRs.js";
+import "../../Toaster/Toaster.styles.js";
+import "../../Toaster/components/Toast/Toast.styles.js";
+import "../../Slideout/Slideout.styles.js";
+import "../../Slideout/SlideoutProvider.js";
 import "react-dom";
+import "../../../typography--vGt_ztU.js";
+import "../../Radio/Radio.js";
+import "../../Radio/Radio.styles.js";
 import "../../RadioGroup/RadioGroup.js";
-import { IressText as l } from "../../Text/Text.js";
-import "../../Skeleton/Skeleton.js";
+import "../../RadioGroup/RadioGroup.styles.js";
+import "../../Readonly/Readonly.js";
+import "../../Readonly/Readonly.styles.js";
+import "../SelectLabel/SelectLabel.styles.js";
+import "../SelectMenu/SelectMenu.styles.js";
+import "../SelectSearch/SelectSearch.styles.js";
+import "../SelectSearchInput/SelectSearchInput.js";
+import "../SelectTags/SelectTags.styles.js";
+import "../../Row/Row.styles.js";
+import "../../Row/Row.js";
+import "../../Select/Select.styles.js";
+import "../../Select/Select.js";
+import "../../Skeleton/Skeleton.styles.js";
 import "../../SkipLink/SkipLink.js";
-import "../../Stack/Stack.js";
-import "../../Table/TableContext.js";
+import "../../SkipLink/SkipLink.styles.js";
+import "../../Slider/Slider.js";
+import "../../Slider/Slider.styles.js";
+import "../../Spinner/Spinner.styles.js";
+import "../../Stack/Stack.styles.js";
+import "../../../TableProvider-D8SQKIG8.js";
+import "../../Table/Table.styles.js";
+import "../../TabSet/TabSetProvider.js";
+import "../../TabSet/TabSet.styles.js";
 import "../../TabSet/Tab/Tab.js";
-import "../../TabSet/TabSet.js";
-import "../../Toggle/Toggle.js";
-import "../../Tooltip/Tooltip.js";
-import "../../ValidationMessage/ValidationMessage.js";
-const Q = ({
-  children: t,
+import "../../TabSet/Tab/Tab.styles.js";
+import "../../Tag/Tag.styles.js";
+import "../../Tag/TagInput/TagInput.js";
+import "../../CheckboxMark/CheckboxMark.styles.js";
+import "../../Toggle/Toggle.styles.js";
+import "../../../patterns/Form/Form.js";
+import "../../../patterns/Form/FormContext.js";
+import "../../../patterns/Form/FormValidationSummary/FormValidationSummary.js";
+import "../../../patterns/Form/HookForm/HookForm.js";
+import "../../../patterns/Loading/Loading.js";
+import "../../../patterns/Loading/LoadingSuspense.js";
+import { selectBody as a } from "./SelectBody.styles.js";
+const to = ({
+  children: m,
   className: p,
-  footer: i,
-  header: m,
+  footer: o,
+  header: i,
   ...s
-}) => /* @__PURE__ */ e(
-  l,
-  {
-    ...s,
-    className: c(p, o.selectBody),
-    children: [
-      m && /* @__PURE__ */ r("div", { children: m }),
-      /* @__PURE__ */ r("div", { className: o.children, children: t }),
-      i && /* @__PURE__ */ r("div", { children: i })
-    ]
-  }
-);
+}) => {
+  const t = a();
+  return /* @__PURE__ */ e(
+    d,
+    {
+      ...s,
+      className: c(
+        p,
+        t.selectBody,
+        l.RichSelectBody
+      ),
+      children: [
+        i && /* @__PURE__ */ r("div", { children: i }),
+        /* @__PURE__ */ r("div", { className: t.children, children: m }),
+        o && /* @__PURE__ */ r("div", { children: o })
+      ]
+    }
+  );
+};
 export {
-  Q as IressSelectBody
+  to as IressSelectBody
 };

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

@@ -0,0 +1,21 @@
+import { s as e } from "../../../sva-TRyehFkb.js";
+const l = e({
+  slots: ["selectBody", "children"],
+  base: {
+    selectBody: {
+      display: "flex",
+      flexDirection: "column",
+      maxHeight: "[30rem]",
+      flex: "1",
+      width: "[100%]",
+      overflowY: "auto"
+    },
+    children: {
+      flex: "1",
+      overflowX: "hidden"
+    }
+  }
+});
+export {
+  l as selectBody
+};