@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.
- package/.ai/components/tag.md +43 -3
- package/.ai/skills/figma-to-ids.md +136 -61
- package/.ai/skills/ui-translation.md +98 -72
- package/README.md +16 -1
- package/dist/{Autocomplete-JZcorz66.js → Autocomplete-CuUjmIAw.js} +66 -63
- package/dist/Shadow-DdGxqWgh.js +56 -0
- package/dist/components/Autocomplete/Autocomplete.js +1 -1
- package/dist/components/Autocomplete/hooks/useAutocompleteSearch.js +1 -1
- package/dist/components/Autocomplete/index.js +2 -2
- package/dist/components/Icon/helpers/getMaterialSymbolsList.js +1 -1
- package/dist/components/Menu/Menu.js +4 -7
- package/dist/components/Select/Select.js +1 -1
- package/dist/components/Select/components/SelectOptions.js +2 -2
- package/dist/components/Select/index.js +1 -1
- package/dist/components/Slider/components/SliderTicks.js +2 -2
- package/dist/components/Tag/Tag.d.ts +15 -23
- package/dist/components/Tag/Tag.js +28 -31
- package/dist/components/Tag/Tag.styles.d.ts +8 -9
- package/dist/components/Tag/Tag.styles.js +26 -14
- package/dist/index.d-BJM5_ZcV.js +4 -0
- package/dist/main.js +3 -3
- package/dist/patterns/ContextualMenu/ContextualMenu.d.ts +1 -1
- package/dist/patterns/ContextualMenu/ContextualMenu.js +22 -21
- package/dist/patterns/DropdownMenu/DropdownMenu.js +1 -1
- package/dist/patterns/Shadow/Shadow.js +1 -1
- package/dist/patterns/Shadow/index.js +1 -1
- package/dist/style.css +1 -1
- package/dist/{useAutocompleteSearch-Dl1-OeQy.js → useAutocompleteSearch-BJ_hhoKp.js} +3 -3
- package/package.json +10 -10
- package/dist/Shadow-BGGBsmrn.js +0 -56
- 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-
|
|
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-
|
|
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-
|
|
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":
|
|
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:
|
|
20
|
-
let [
|
|
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:
|
|
23
|
-
theme:
|
|
22
|
+
size: E,
|
|
23
|
+
theme: O
|
|
24
24
|
});
|
|
25
25
|
return /* @__PURE__ */ m(r.div, {
|
|
26
|
-
className: t(e(
|
|
27
|
-
"data-size":
|
|
28
|
-
"data-theme":
|
|
29
|
-
"data-testid":
|
|
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
|
-
...
|
|
31
|
+
...j,
|
|
32
32
|
align: _,
|
|
33
|
+
container: x,
|
|
33
34
|
activator: /* @__PURE__ */ m(o, {
|
|
34
35
|
"aria-label": g,
|
|
35
|
-
className:
|
|
36
|
-
"data-testid": s(
|
|
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:
|
|
42
|
+
className: M.menu,
|
|
42
43
|
p: "none"
|
|
43
44
|
},
|
|
44
|
-
"data-testid": s(
|
|
45
|
-
offset:
|
|
45
|
+
"data-testid": s(S, "popover"),
|
|
46
|
+
offset: w,
|
|
46
47
|
type: "menu",
|
|
47
|
-
children: [!!
|
|
48
|
-
"data-testid": s(
|
|
49
|
-
children:
|
|
50
|
-
textStyle:
|
|
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(
|
|
53
|
+
className: t(M.item, n.className),
|
|
53
54
|
key: n.key,
|
|
54
55
|
onClick: (t) => {
|
|
55
|
-
|
|
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-
|
|
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-
|
|
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-
|
|
1
|
+
import { t as e } from "../../Shadow-DdGxqWgh.js";
|
|
2
2
|
export { e as IressShadow };
|