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

package/dist/components/RichSelect/RichSelect.js

@@ -3,103 +3,38 @@ import "react";
 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 { I as K } from "../../Autocomplete-C5ubHBTi.js";
+import "./SelectBody/SelectBody.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.styles.js";
-import "../ButtonGroup/ButtonGroup.styles.js";
-import "../ButtonGroup/ButtonGroupProvider.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 "../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/Menu.styles.js";
+import "../Divider/Divider.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/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 "../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 "../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/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 "../Icon/Icon.styles.js";
+import "./SelectHeading/SelectHeading.js";
 import "./SelectLabel/SelectLabel.styles.js";
 import "./SelectMenu/SelectMenu.styles.js";
 import "./SelectSearch/SelectSearch.styles.js";
+import "../Popover/Popover.js";
+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/CloseButton/CloseButton.js";
+import "../Tag/Tag.styles.js";
+import "../Tag/TagInput/TagInput.js";
+import "../Inline/Inline.styles.js";
+import "../Inline/Inline.js";
+import "../Autocomplete/Autocomplete.styles.js";
+import "../Autocomplete/hooks/useAutocompleteSearch.js";
+import "./components/SelectActivator.js";
+import "./components/SelectOptions.js";
 import "./components/SelectHiddenInput.js";
 import "../../patterns/Form/hooks/useNoDefaultValueInForms.js";
+import "../Readonly/Readonly.js";
+import "../Readonly/Readonly.styles.js";
 export {
-  Xr as IressRichSelect
+  K as IressRichSelect
 };

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

@@ -1,4 +1,4 @@
-import { s as c } from "../../sva-TRyehFkb.js";
+import { s as c } from "../../sva-OmxClA9g.js";
 const i = c({
   slots: [
     "richSelect",
@@ -20,8 +20,8 @@ const i = c({
       width: "[100%]"
     },
     dropdownClear: {
-      paddingX: "spacing.200",
-      paddingY: "spacing.100",
+      paddingX: "spacing.2",
+      paddingY: "spacing.1",
       minHeight: "[0px]",
       boxShadow: "[none]"
     },
@@ -35,37 +35,37 @@ const i = c({
     width: {
       2: {
         richSelect: {
-          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.2})]"
+          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.2})]"
         }
       },
       4: {
         richSelect: {
-          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.4})]"
+          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.4})]"
         }
       },
       6: {
         richSelect: {
-          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.6})]"
+          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.6})]"
         }
       },
       8: {
         richSelect: {
-          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.8})]"
+          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.8})]"
         }
       },
       10: {
         richSelect: {
-          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.10})]"
+          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.10})]"
         }
       },
       12: {
         richSelect: {
-          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.12})]"
+          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.12})]"
         }
       },
       16: {
         richSelect: {
-          width: "[calc({spacing.spacing.200} + calc({sizes.chevron.select} * 2) + {sizes.input.16})]"
+          width: "[calc({spacing.spacing.2} + calc({sizes.chevron.select} * 2) + {sizes.input.16})]"
         }
       },
       "25perc": {

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

@@ -1,127 +1,33 @@
-import { jsxs as e, jsx as r } from "react/jsx-runtime";
-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.styles.js";
-import "../../ButtonGroup/ButtonGroup.styles.js";
-import "../../ButtonGroup/ButtonGroupProvider.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 "../../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/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/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 "../../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 "../../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/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: o,
-  header: i,
-  ...s
+import { jsxs as t, jsx as s } from "react/jsx-runtime";
+import { c as m } from "../../../cx-DN21T1EH.js";
+import { selectBody as d } from "./SelectBody.styles.js";
+import { GlobalCSSClass as a } from "../../../enums.js";
+import { IressText as n } from "../../Text/Text.js";
+const B = ({
+  children: o,
+  className: l,
+  footer: e,
+  header: r,
+  ...i
 }) => {
-  const t = a();
-  return /* @__PURE__ */ e(
-    d,
+  const c = d();
+  return /* @__PURE__ */ t(
+    n,
     {
-      ...s,
-      className: c(
-        p,
-        t.selectBody,
-        l.RichSelectBody
+      ...i,
+      className: m(
+        l,
+        c.selectBody,
+        a.RichSelectBody
       ),
       children: [
-        i && /* @__PURE__ */ r("div", { children: i }),
-        /* @__PURE__ */ r("div", { className: t.children, children: m }),
-        o && /* @__PURE__ */ r("div", { children: o })
+        r && /* @__PURE__ */ s("div", { children: r }),
+        /* @__PURE__ */ s("div", { className: c.children, children: o }),
+        e && /* @__PURE__ */ s("div", { children: e })
       ]
     }
   );
 };
 export {
-  to as IressSelectBody
+  B as IressSelectBody
 };

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

@@ -1,4 +1,4 @@
-import { s as e } from "../../../sva-TRyehFkb.js";
+import { s as e } from "../../../sva-OmxClA9g.js";
 const l = e({
   slots: ["selectBody", "children"],
   base: {

package/dist/components/RichSelect/SelectCreate/SelectCreate.js

@@ -1,126 +1,37 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { jsxs as a, jsx as o } from "react/jsx-runtime";
 import "react";
-import { useIdIfNeeded as a } from "../../../hooks/useIdIfNeeded.js";
-import "../../../Filter-Bwk7SIlJ.js";
-import { IressIcon as c } from "../../Icon/Icon.js";
-import "../../Icon/Icon.styles.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.styles.js";
-import "../../ButtonGroup/ButtonGroup.styles.js";
-import "../../ButtonGroup/ButtonGroupProvider.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 "../../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 { IressMenu as I } from "../../Menu/Menu.js";
+import { useIdIfNeeded as p } from "../../../hooks/useIdIfNeeded.js";
+import { IressMenu as c } from "../../Menu/Menu.js";
 import "../../Menu/Menu.styles.js";
-import { IressMenuItem as f } from "../../Menu/MenuItem/MenuItem.js";
-import { IressMenuHeading as u } from "../../Menu/MenuText/MenuText.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/Popover.styles.js";
-import "../../../InputPopover-BWWuoQZ2.js";
-import "../../Popover/hooks/usePopover.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 "../../RadioGroup/RadioGroup.styles.js";
-import "../../Readonly/Readonly.js";
-import "../../Readonly/Readonly.styles.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 "../../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 "../../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/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";
-const so = ({
-  fluid: p = !0,
-  heading: r,
-  label: e = "New option",
-  loading: n,
-  onCreate: s,
-  prepend: d = /* @__PURE__ */ i(c, { name: "plus", screenreaderText: "Add" }),
-  ...o
+import "../../Divider/Divider.styles.js";
+import { IressMenuItem as I } from "../../Menu/MenuItem/MenuItem.js";
+import { IressMenuHeading as f } from "../../Menu/MenuText/MenuText.js";
+import { IressIcon as u } from "../../Icon/Icon.js";
+import "../../Icon/Icon.styles.js";
+const k = ({
+  fluid: m = !0,
+  heading: e,
+  label: n = "New option",
+  loading: s,
+  onCreate: d,
+  prepend: l = /* @__PURE__ */ o(u, { name: "plus", screenreaderText: "Add" }),
+  ...r
 }) => {
-  const t = `${a({ id: o.id })}--label`, m = typeof r == "string";
-  return /* @__PURE__ */ l(
-    I,
+  const i = `${p({ id: r.id })}--label`, t = typeof e == "string";
+  return /* @__PURE__ */ a(
+    c,
     {
-      ...o,
-      "aria-labelledby": m ? t : o["aria-labelledby"],
+      ...r,
+      "aria-labelledby": t ? i : r["aria-labelledby"],
       role: "menu",
-      fluid: p,
+      fluid: m,
       children: [
-        m ? /* @__PURE__ */ i(u, { id: t, children: r }) : r,
-        /* @__PURE__ */ i(f, { prepend: d, onClick: s, loading: n, children: e })
+        t ? /* @__PURE__ */ o(f, { id: i, children: e }) : e,
+        /* @__PURE__ */ o(I, { prepend: l, onClick: d, loading: s, children: n })
       ]
     }
   );
 };
 export {
-  so as IressSelectCreate
+  k as IressSelectCreate
 };