@iress-oss/ids-components 6.0.0-beta.2 → 6.0.0-beta.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (31) hide show
  1. package/.ai/components/tag.md +43 -3
  2. package/.ai/skills/figma-to-ids.md +136 -61
  3. package/.ai/skills/ui-translation.md +98 -72
  4. package/README.md +16 -1
  5. package/dist/{Autocomplete-JZcorz66.js → Autocomplete-CuUjmIAw.js} +66 -63
  6. package/dist/Shadow-DdGxqWgh.js +56 -0
  7. package/dist/components/Autocomplete/Autocomplete.js +1 -1
  8. package/dist/components/Autocomplete/hooks/useAutocompleteSearch.js +1 -1
  9. package/dist/components/Autocomplete/index.js +2 -2
  10. package/dist/components/Icon/helpers/getMaterialSymbolsList.js +1 -1
  11. package/dist/components/Menu/Menu.js +4 -7
  12. package/dist/components/Select/Select.js +1 -1
  13. package/dist/components/Select/components/SelectOptions.js +2 -2
  14. package/dist/components/Select/index.js +1 -1
  15. package/dist/components/Slider/components/SliderTicks.js +2 -2
  16. package/dist/components/Tag/Tag.d.ts +15 -23
  17. package/dist/components/Tag/Tag.js +28 -31
  18. package/dist/components/Tag/Tag.styles.d.ts +8 -9
  19. package/dist/components/Tag/Tag.styles.js +26 -14
  20. package/dist/index.d-BJM5_ZcV.js +4 -0
  21. package/dist/main.js +3 -3
  22. package/dist/patterns/ContextualMenu/ContextualMenu.d.ts +1 -1
  23. package/dist/patterns/ContextualMenu/ContextualMenu.js +22 -21
  24. package/dist/patterns/DropdownMenu/DropdownMenu.js +1 -1
  25. package/dist/patterns/Shadow/Shadow.js +1 -1
  26. package/dist/patterns/Shadow/index.js +1 -1
  27. package/dist/style.css +1 -1
  28. package/dist/{useAutocompleteSearch-Dl1-OeQy.js → useAutocompleteSearch-BJ_hhoKp.js} +3 -3
  29. package/package.json +10 -10
  30. package/dist/Shadow-BGGBsmrn.js +0 -56
  31. package/dist/index.d-Dsa3mJDa.js +0 -4
package/dist/main.js CHANGED
@@ -33,7 +33,7 @@ import { readonly as q } from "./components/Readonly/Readonly.styles.js";
33
33
  import { IressReadonly as J } from "./components/Readonly/Readonly.js";
34
34
  import { input as Y } from "./components/Input/Input.styles.js";
35
35
  import { IressInput as X } from "./components/Input/Input.js";
36
- import { t as Z } from "./useAutocompleteSearch-Dl1-OeQy.js";
36
+ import { t as Z } from "./useAutocompleteSearch-BJ_hhoKp.js";
37
37
  import { card as Q } from "./components/Card/Card.styles.js";
38
38
  import { IressButtonCard as $, IressCard as ee, IressLinkCard as te } from "./components/Card/Card.js";
39
39
  import { IressPanel as ne } from "./components/Panel/Panel.js";
@@ -62,7 +62,7 @@ import { IressSelectHeading as Te } from "./components/Select/SelectHeading/Sele
62
62
  import { IressSelectMenu as Ee } from "./components/Select/SelectMenu/SelectMenu.js";
63
63
  import { IressSelectSearchInput as De } from "./components/Select/SelectSearchInput/SelectSearchInput.js";
64
64
  import { nativeSelect as Oe } from "./components/Select/components/NativeSelect.styles.js";
65
- import { n as ke, t as Ae } from "./Autocomplete-JZcorz66.js";
65
+ import { n as ke, t as Ae } from "./Autocomplete-CuUjmIAw.js";
66
66
  import { IressSelectBody as je } from "./components/Select/SelectBody/SelectBody.js";
67
67
  import { IressSelectCreate as Me } from "./components/Select/SelectCreate/SelectCreate.js";
68
68
  import { checkbox as Ne } from "./components/Checkbox/Checkbox.styles.js";
@@ -143,7 +143,7 @@ import { IressFormField as sn } from "./patterns/Form/FormField/FormField.js";
143
143
  import { IressFormFieldset as cn } from "./patterns/Form/FormField/FormFieldset.js";
144
144
  import { IressLoading as ln } from "./patterns/Loading/Loading.js";
145
145
  import { IressLoadingSuspense as un } from "./patterns/Loading/LoadingSuspense.js";
146
- import { t as dn } from "./Shadow-BGGBsmrn.js";
146
+ import { t as dn } from "./Shadow-DdGxqWgh.js";
147
147
  import { contextualMenu as fn } from "./patterns/ContextualMenu/ContextualMenu.styles.js";
148
148
  import { IressContextualMenu as pn } from "./patterns/ContextualMenu/ContextualMenu.js";
149
149
  import { sideNav as mn } from "./patterns/SideNav/SideNav.styles.js";
@@ -47,4 +47,4 @@ export interface IressContextualMenuProps extends Omit<IressPopoverProps, 'activ
47
47
  */
48
48
  onAction?: (item: ContextualMenuItem) => void;
49
49
  }
50
- export declare const IressContextualMenu: ({ ariaLabel, align, bordered, children, className, "data-testid": dataTestId, items, offset, onAction, size, textStyle, theme, ...restProps }: IressContextualMenuProps) => import("react/jsx-runtime").JSX.Element;
50
+ export declare const IressContextualMenu: ({ ariaLabel, align, bordered, children, className, container, "data-testid": dataTestId, items, offset, onAction, size, textStyle, theme, ...restProps }: IressContextualMenuProps) => import("react/jsx-runtime").JSX.Element;
@@ -13,46 +13,47 @@ import { contextualMenu as d } from "./ContextualMenu.styles.js";
13
13
  import { createElement as f, useMemo as p } from "react";
14
14
  import { jsx as m, jsxs as h } from "react/jsx-runtime";
15
15
  //#region src/patterns/ContextualMenu/ContextualMenu.tsx
16
- var g = ({ ariaLabel: g = "More options", align: _ = "bottom-end", bordered: v = !1, children: y, className: b, "data-testid": x, items: S, offset: C = {
16
+ var g = ({ ariaLabel: g = "More options", align: _ = "bottom-end", bordered: v = !1, children: y, className: b, container: x, "data-testid": S, items: C, offset: w = {
17
17
  mainAxis: -6,
18
18
  crossAxis: 0
19
- }, onAction: w, size: T = "small", textStyle: E, theme: D = "light", ...O }) => {
20
- let [k, A] = p(() => n(O), [O]), j = d({
19
+ }, onAction: T, size: E = "small", textStyle: D, theme: O = "light", ...k }) => {
20
+ let [A, j] = p(() => n(k), [k]), M = d({
21
21
  bordered: v,
22
- size: T,
23
- theme: D
22
+ size: E,
23
+ theme: O
24
24
  });
25
25
  return /* @__PURE__ */ m(r.div, {
26
- className: t(e(k), b, j.root, i.ContextualMenu),
27
- "data-size": T,
28
- "data-theme": D,
29
- "data-testid": x,
26
+ className: t(e(A), b, M.root, i.ContextualMenu),
27
+ "data-size": E,
28
+ "data-theme": O,
29
+ "data-testid": S,
30
30
  children: /* @__PURE__ */ h(c, {
31
- ...A,
31
+ ...j,
32
32
  align: _,
33
+ container: x,
33
34
  activator: /* @__PURE__ */ m(o, {
34
35
  "aria-label": g,
35
- className: j.trigger,
36
- "data-testid": s(x, "activator"),
36
+ className: M.trigger,
37
+ "data-testid": s(S, "activator"),
37
38
  mode: "quaternary",
38
39
  icon: "more_vert"
39
40
  }),
40
41
  contentStyle: {
41
- className: j.menu,
42
+ className: M.menu,
42
43
  p: "none"
43
44
  },
44
- "data-testid": s(x, "popover"),
45
- offset: C,
45
+ "data-testid": s(S, "popover"),
46
+ offset: w,
46
47
  type: "menu",
47
- children: [!!S?.length && /* @__PURE__ */ m(l, {
48
- "data-testid": s(x, "menu"),
49
- children: S.map(({ icon: e, ...n }) => /* @__PURE__ */ f(u, {
50
- textStyle: E ?? "typography.body.sm",
48
+ children: [!!C?.length && /* @__PURE__ */ m(l, {
49
+ "data-testid": s(S, "menu"),
50
+ children: C.map(({ icon: e, ...n }) => /* @__PURE__ */ f(u, {
51
+ textStyle: D ?? "typography.body.sm",
51
52
  ...n,
52
- className: t(j.item, n.className),
53
+ className: t(M.item, n.className),
53
54
  key: n.key,
54
55
  onClick: (t) => {
55
- w?.({
56
+ T?.({
56
57
  icon: e,
57
58
  ...n
58
59
  }), n.onClick?.(t);
@@ -10,7 +10,7 @@ import { useControlledState as c } from "../../hooks/useControlledState.js";
10
10
  import { useIdIfNeeded as ee } from "../../hooks/useIdIfNeeded.js";
11
11
  import { IressPopover as l } from "../../components/Popover/Popover.js";
12
12
  import { usePopoverItem as u } from "../../components/Popover/hooks/usePopoverItem.js";
13
- import { t as d } from "../../useAutocompleteSearch-Dl1-OeQy.js";
13
+ import { t as d } from "../../useAutocompleteSearch-BJ_hhoKp.js";
14
14
  import { IressDivider as f } from "../../components/Divider/Divider.js";
15
15
  import { IressSelectMenu as p } from "../../components/Select/SelectMenu/SelectMenu.js";
16
16
  import { IressSelectSearchInput as m } from "../../components/Select/SelectSearchInput/SelectSearchInput.js";
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../Shadow-BGGBsmrn.js";
1
+ import { t as e } from "../../Shadow-DdGxqWgh.js";
2
2
  export { e as IressShadow };
@@ -1,2 +1,2 @@
1
- import { t as e } from "../../Shadow-BGGBsmrn.js";
1
+ import { t as e } from "../../Shadow-DdGxqWgh.js";
2
2
  export { e as IressShadow };