@m4l/components 9.4.47 → 9.4.48-beta-feature-698-menu-item-chip-description-variant.0

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 (62) hide show
  1. package/components/Chip/Chip.d.ts.map +1 -1
  2. package/components/Chip/Chip.js +106 -70
  3. package/components/Chip/ChipStyles.d.ts.map +1 -1
  4. package/components/Chip/ChipStyles.js +138 -48
  5. package/components/Chip/constants.d.ts +5 -1
  6. package/components/Chip/constants.d.ts.map +1 -1
  7. package/components/Chip/slots/ChipEnum.d.ts +4 -0
  8. package/components/Chip/slots/ChipEnum.d.ts.map +1 -1
  9. package/components/Chip/slots/ChipEnum.js +3 -3
  10. package/components/Chip/slots/ChipSlots.d.ts +13 -1
  11. package/components/Chip/slots/ChipSlots.d.ts.map +1 -1
  12. package/components/Chip/slots/ChipSlots.js +46 -29
  13. package/components/Chip/types.d.ts +7 -2
  14. package/components/Chip/types.d.ts.map +1 -1
  15. package/components/datagrids/subcomponents/HeaderActions/subcomponents/Density/Density.d.ts.map +1 -1
  16. package/components/datagrids/subcomponents/HeaderActions/subcomponents/Density/Density.js +30 -29
  17. package/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.js +49 -49
  18. package/components/datagrids/views/CardsView/hooks/useCardContent/useCardContent.js +1 -1
  19. package/components/datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.js +1 -1
  20. package/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.d.ts.map +1 -1
  21. package/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.js +24 -23
  22. package/components/extended/mui/Autocomplete/Autocomplete.d.ts.map +1 -1
  23. package/components/extended/mui/Autocomplete/Autocomplete.js +74 -65
  24. package/components/extended/mui/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
  25. package/components/extended/mui/Autocomplete/Autocomplete.styles.js +9 -4
  26. package/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.d.ts.map +1 -1
  27. package/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.js +64 -61
  28. package/components/extended/mui/Autocomplete/hooks/useMultipleChips.d.ts +2 -1
  29. package/components/extended/mui/Autocomplete/hooks/useMultipleChips.d.ts.map +1 -1
  30. package/components/extended/mui/Autocomplete/hooks/useMultipleChips.js +63 -46
  31. package/components/extended/mui/Autocomplete/subcomponents/renderOptions/index.d.ts +1 -1
  32. package/components/extended/mui/Autocomplete/subcomponents/renderOptions/index.d.ts.map +1 -1
  33. package/components/extended/mui/Autocomplete/subcomponents/renderOptions/index.js +26 -23
  34. package/components/extended/mui/Autocomplete/types.d.ts +4 -0
  35. package/components/extended/mui/Autocomplete/types.d.ts.map +1 -1
  36. package/components/extended/mui/MenuItem/MenuItem.d.ts.map +1 -1
  37. package/components/extended/mui/MenuItem/MenuItem.js +112 -89
  38. package/components/extended/mui/MenuItem/MenuItem.styles.d.ts.map +1 -1
  39. package/components/extended/mui/MenuItem/MenuItem.styles.js +121 -72
  40. package/components/extended/mui/MenuItem/constants.d.ts +1 -1
  41. package/components/extended/mui/MenuItem/constants.d.ts.map +1 -1
  42. package/components/extended/mui/MenuItem/slots/MenuItemEnum.d.ts +5 -1
  43. package/components/extended/mui/MenuItem/slots/MenuItemEnum.d.ts.map +1 -1
  44. package/components/extended/mui/MenuItem/slots/MenuItemEnum.js +2 -2
  45. package/components/extended/mui/MenuItem/slots/MenuItemSlots.d.ts +13 -1
  46. package/components/extended/mui/MenuItem/slots/MenuItemSlots.d.ts.map +1 -1
  47. package/components/extended/mui/MenuItem/slots/MenuItemSlots.js +31 -15
  48. package/components/extended/mui/MenuItem/types.d.ts +35 -17
  49. package/components/extended/mui/MenuItem/types.d.ts.map +1 -1
  50. package/components/extended/mui/Select/Select.d.ts.map +1 -1
  51. package/components/extended/mui/Select/Select.js +110 -98
  52. package/components/extended/mui/Select/Select.styles.js +2 -2
  53. package/components/extended/mui/Select/types.d.ts +2 -0
  54. package/components/extended/mui/Select/types.d.ts.map +1 -1
  55. package/components/extended/mui/Tab/Tab.js +49 -48
  56. package/components/extended/mui/Tab/constants.d.ts +1 -1
  57. package/helpers/isImageComponentElement/index.d.ts +2 -0
  58. package/helpers/isImageComponentElement/index.d.ts.map +1 -0
  59. package/helpers/isImageComponentElement/isImageComponentElement.d.ts +7 -0
  60. package/helpers/isImageComponentElement/isImageComponentElement.d.ts.map +1 -0
  61. package/helpers/isImageComponentElement/isImageComponentElement.js +23 -0
  62. package/package.json +3 -3
@@ -1 +1 @@
1
- {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAkB,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpD;;GAEG;AACH,eAAO,MAAM,IAAI,sGAwGf,CAAC"}
1
+ {"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/Chip.tsx"],"names":[],"mappings":"AAgBA,OAAO,EAAkB,SAAS,EAAE,MAAM,SAAS,CAAC;AAGpD;;GAEG;AACH,eAAO,MAAM,IAAI,sGAiJf,CAAC"}
@@ -1,92 +1,128 @@
1
- import { jsx as s, jsxs as T } from "@emotion/react/jsx-runtime";
2
- import { useModuleSkeleton as g, useEnvironment as R } from "@m4l/core";
3
- import j from "clsx";
4
- import { forwardRef as M, useMemo as m } from "react";
5
- import { CHIP_CLASSES as u } from "./constants.js";
6
- import { TEST_PROP_ID as O } from "../../test/constants_no_mock.js";
7
- import { useComponentSize as $ } from "../../hooks/useComponentSize/useComponentSize.js";
8
- import { IconStyled as A, SkeletonChipStyled as H, ChipRootStyled as L, TextChipStyled as V, IconButtonStyled as W } from "./slots/ChipSlots.js";
9
- const q = M((S, f) => {
1
+ import { jsx as o, jsxs as h } from "@emotion/react/jsx-runtime";
2
+ import { useModuleSkeleton as R, useEnvironment as j } from "@m4l/core";
3
+ import M from "clsx";
4
+ import { forwardRef as O, useMemo as y, isValidElement as V } from "react";
5
+ import { CHIP_CLASSES as d } from "./constants.js";
6
+ import { TEST_PROP_ID as $ } from "../../test/constants_no_mock.js";
7
+ import { useComponentSize as H } from "../../hooks/useComponentSize/useComponentSize.js";
8
+ import { StartAdornmentImageWrapperStyled as L, EndAdornmentImageWrapperStyled as q, IconStyled as F, SkeletonChipStyled as G, ChipRootStyled as J, TextWrapperStyled as K, TextChipStyled as Q, DescriptionChipStyled as U, IconButtonStyled as X } from "./slots/ChipSlots.js";
9
+ import { isImageComponentElement as Y } from "../../helpers/isImageComponentElement/isImageComponentElement.js";
10
+ const Z = O((C, I) => {
10
11
  const {
11
- endIcon: h,
12
- label: C,
13
- startIcon: I,
14
- color: r = "default",
15
- externalColor: l,
16
- size: y,
17
- variant: c = "contained",
12
+ endIcon: b,
13
+ label: D,
14
+ description: r,
15
+ startIcon: g,
16
+ color: s = "default",
17
+ externalColor: p,
18
+ size: v,
19
+ variant: m = "contained",
18
20
  skeletonWidth: z = "100%",
19
- opacity: a = !1,
20
- onClick: n,
21
- onDeleted: d,
22
- iconButtonProps: k,
23
- className: x,
24
- dataTestId: _,
25
- disabledDeleteButton: v,
26
- ellipsis: i = !1,
27
- ...E
28
- } = S, { currentSize: e } = $(y), N = g(), { host_static_assets: b, environment_assets: D } = R(), o = m(() => ({
29
- interactive: !!n,
30
- size: e,
31
- variant: c,
32
- color: r,
33
- opacity: a,
34
- externalColor: l,
35
- ellipsis: i
36
- }), [n, e, c, r, a, l, i]), p = m(() => (t, B) => t ? typeof t != "string" ? t : /* @__PURE__ */ s(
37
- A,
38
- {
39
- ownerState: o,
40
- src: t,
41
- size: e,
42
- instaceDataTestId: B
43
- }
44
- ) : null, [o, e]);
21
+ opacity: c = !1,
22
+ onClick: i,
23
+ onDeleted: S,
24
+ iconButtonProps: E,
25
+ className: w,
26
+ dataTestId: x,
27
+ disabledDeleteButton: k,
28
+ ellipsis: a = !1,
29
+ ...A
30
+ } = C, { currentSize: n } = H(v), N = R(), { host_static_assets: _, environment_assets: W } = j(), t = y(() => ({
31
+ interactive: !!i,
32
+ size: n,
33
+ variant: m,
34
+ color: s,
35
+ opacity: c,
36
+ externalColor: p,
37
+ ellipsis: a,
38
+ hasDescription: r != null
39
+ }), [i, n, m, s, c, p, a, r]), u = y(() => (e, B, f) => {
40
+ if (!e || typeof e == "boolean" || typeof e == "number")
41
+ return null;
42
+ if (typeof e != "string") {
43
+ if (!V(e))
44
+ return e;
45
+ const l = Y(e);
46
+ return l && f === "start" ? /* @__PURE__ */ o(L, { className: d.startAdornmentImageWrapper, ownerState: { ...t, isImageAdornment: l }, children: e }) : l && f === "end" ? /* @__PURE__ */ o(q, { className: d.endAdornmentImageWrapper, ownerState: { ...t, isImageAdornment: l }, children: e }) : e;
47
+ } else
48
+ return /* @__PURE__ */ o(
49
+ F,
50
+ {
51
+ ownerState: t,
52
+ src: e,
53
+ size: n,
54
+ instaceDataTestId: B
55
+ }
56
+ );
57
+ }, [t, n]);
45
58
  if (N)
46
- return /* @__PURE__ */ s(
47
- H,
59
+ return /* @__PURE__ */ o(
60
+ G,
48
61
  {
49
62
  "data-testid": "SkeletonButton",
50
63
  width: z,
51
- ownerState: o
64
+ ownerState: t
52
65
  }
53
66
  );
54
- const P = `${b}/${D}/frontend/components/chip/assets/icons/closeSmall.svg`, w = (t) => {
55
- t.stopPropagation(), d?.(t);
67
+ const P = `${_}/${W}/frontend/components/chip/assets/icons/closeSmall.svg`, T = (e) => {
68
+ e.stopPropagation(), S?.(e);
56
69
  };
57
- return /* @__PURE__ */ T(
58
- L,
70
+ return /* @__PURE__ */ h(
71
+ J,
59
72
  {
60
73
  role: "button-chip",
61
- size: e,
62
- onClick: n,
63
- ownerState: o,
64
- className: j(x, u.root),
65
- ref: f,
66
- ...process.env.NODE_ENV !== "production" ? { [O]: _ } : {},
67
- ...n ? { tabIndex: 0 } : {},
68
- ...E,
74
+ size: n,
75
+ onClick: i,
76
+ ownerState: t,
77
+ className: M(w, d.root),
78
+ ref: I,
79
+ ...process.env.NODE_ENV !== "production" ? { [$]: x } : {},
80
+ ...i ? { tabIndex: 0 } : {},
81
+ ...A,
69
82
  children: [
70
- p(I, "ChipStartIcon"),
71
- /* @__PURE__ */ s(V, { size: e, ownerState: { ...o }, color: r, ellipsis: i, children: C }),
72
- p(h, "ChipEndIcon"),
73
- d && /* @__PURE__ */ s(
74
- W,
83
+ u(g, "ChipStartIcon", "start"),
84
+ /* @__PURE__ */ h(K, { ownerState: { ...t }, children: [
85
+ /* @__PURE__ */ o(
86
+ Q,
87
+ {
88
+ variant: t.hasDescription ? "bodyDens" : "body",
89
+ size: n,
90
+ ownerState: { ...t },
91
+ color: s,
92
+ ellipsis: a,
93
+ children: D
94
+ }
95
+ ),
96
+ t.hasDescription ? /* @__PURE__ */ o(
97
+ U,
98
+ {
99
+ variant: "body",
100
+ size: n,
101
+ ownerState: { ...t },
102
+ color: s,
103
+ ellipsis: a,
104
+ children: r
105
+ }
106
+ ) : null
107
+ ] }),
108
+ u(b, "ChipEndIcon", "end"),
109
+ S && /* @__PURE__ */ o(
110
+ X,
75
111
  {
76
- ...k,
112
+ ...E,
77
113
  src: P,
78
- size: e,
79
- ownerState: o,
80
- onClick: w,
81
- disabled: v,
82
- className: u.closeIcon
114
+ size: n,
115
+ ownerState: t,
116
+ onClick: T,
117
+ disabled: k,
118
+ className: d.closeIcon
83
119
  }
84
120
  )
85
121
  ]
86
122
  }
87
123
  );
88
124
  });
89
- q.displayName = "Chip";
125
+ Z.displayName = "Chip";
90
126
  export {
91
- q as Chip
127
+ Z as Chip
92
128
  };
@@ -1 +1 @@
1
- {"version":3,"file":"ChipStyles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/ChipStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,SAAS,CAAC;AAKrD,eAAO,MAAM,UAAU,EAAE,UAmHxB,CAAC"}
1
+ {"version":3,"file":"ChipStyles.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/ChipStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAkB,UAAU,EAAE,MAAM,SAAS,CAAC;AAIrD,eAAO,MAAM,UAAU,EAAE,UAsNxB,CAAC"}
@@ -1,55 +1,59 @@
1
- import { getSizeStyles as n } from "../../utils/getSizeStyles/getSizeStyles.js";
2
- import { getColors as s } from "./helpers.js";
3
- const g = {
1
+ import { getSizeStyles as o } from "../../utils/getSizeStyles/getSizeStyles.js";
2
+ import { getColors as c } from "./helpers.js";
3
+ const h = {
4
4
  /**
5
5
  * Styles for the root element of the chip.
6
6
  */
7
- root: ({ theme: o, ownerState: r }) => {
8
- const { color: a, finalPalette: i } = s(o, r), c = r?.opacity ? i.backgroundColor : i.backgroundColorTone, d = r?.opacity ? i.backgroundHover : i.backgroundHoverTone, t = r?.opacity ? i.backgroundActive : i.backgroundActiveTone;
7
+ root: ({ theme: s, ownerState: i }) => {
8
+ const { color: a, finalPalette: n } = c(s, i), t = s.vars.palette.chips.default.contained.backgroundColor, p = i?.hasDescription ? t : i?.opacity ? n.backgroundColor : n.backgroundColorTone, d = i?.hasDescription ? t : i?.opacity ? n.backgroundHover : n.backgroundHoverTone, e = i?.hasDescription ? t : i?.opacity ? n.backgroundActive : n.backgroundActiveTone;
9
9
  return {
10
10
  display: "flex",
11
11
  alignItems: "center",
12
- padding: o.vars.size.baseSpacings.sp1,
13
- borderRadius: o.vars.size.borderRadius["r1-5"],
14
- gap: o.vars.size.baseSpacings["sp0-5"],
12
+ padding: i?.hasDescription ? s.vars.size.baseSpacings.sp2 : s.vars.size.baseSpacings.sp1,
13
+ borderRadius: s.vars.size.borderRadius["r1-5"],
14
+ gap: i?.hasDescription ? s.vars.size.baseSpacings.sp2 : s.vars.size.baseSpacings["sp0-5"],
15
15
  width: "max-content",
16
- ...r?.ellipsis && {
16
+ ...i?.ellipsis && {
17
17
  maxWidth: "100%"
18
18
  },
19
19
  cursor: "pointer",
20
20
  color: a,
21
- backgroundColor: r?.variant !== "outlined" ? c : "transparent",
22
- ...n(
23
- o,
24
- r?.size || "medium",
25
- "base"
21
+ backgroundColor: i?.variant !== "outlined" ? p : "transparent",
22
+ ...o(
23
+ s,
24
+ i?.size || "medium",
25
+ "base",
26
+ (r) => ({
27
+ height: i?.hasDescription ? "fit-content" : r,
28
+ minHeight: r
29
+ })
26
30
  ),
27
31
  //TODO: OJO no OLVIDAR interactive ************ JUAN
28
- ...r?.interactive && {
32
+ ...i?.interactive && {
29
33
  "&:hover": {
30
34
  backgroundColor: d
31
35
  },
32
36
  "&:active": {
33
- backgroundColor: t
37
+ backgroundColor: e
34
38
  },
35
39
  "&:focus-visible": {
36
40
  boxShadow: "none",
37
- outline: `${o.vars.size.borderStroke.container} ${o.vars.palette.border.main}`,
38
- backgroundColor: t
41
+ outline: `${s.vars.size.borderStroke.container} ${s.vars.palette.border.main}`,
42
+ backgroundColor: e
39
43
  }
40
44
  },
41
- ...r?.variant === "outlined" && {
42
- border: `${o.vars.size.borderStroke.container}`,
43
- borderColor: c
45
+ ...i?.variant === "outlined" && {
46
+ border: `${s.vars.size.borderStroke.container}`,
47
+ borderColor: p
44
48
  },
45
49
  "&&& .M4LChip-closeIcon": {
46
- ...n(
47
- o,
48
- r?.size || "medium",
50
+ ...o(
51
+ s,
52
+ i?.size || "medium",
49
53
  "base",
50
- (e) => ({
51
- height: e,
52
- width: e
54
+ (r) => ({
55
+ height: r,
56
+ width: r
53
57
  })
54
58
  )
55
59
  },
@@ -59,39 +63,125 @@ const g = {
59
63
  /**
60
64
  * Styles for the text chip element.
61
65
  */
62
- textChip: ({ theme: o }) => ({
66
+ textChip: ({ theme: s, ownerState: i }) => ({
63
67
  whiteSpace: "nowrap",
64
- paddingLeft: o.vars.size.baseSpacings.sp1,
65
- paddingRight: o.vars.size.baseSpacings.sp1
68
+ paddingLeft: i?.hasDescription ? 0 : s.vars.size.baseSpacings.sp1,
69
+ paddingRight: i?.hasDescription ? 0 : s.vars.size.baseSpacings.sp1,
70
+ ...i?.hasDescription && {
71
+ color: s.vars.palette.text.primary
72
+ }
73
+ }),
74
+ /**
75
+ * Styles for the chip description text.
76
+ */
77
+ descriptionChip: ({ theme: s, ownerState: i }) => ({
78
+ whiteSpace: "nowrap",
79
+ color: s.vars.palette.text.secondary,
80
+ paddingLeft: i?.hasDescription ? 0 : s.vars.size.baseSpacings.sp1,
81
+ paddingRight: i?.hasDescription ? 0 : s.vars.size.baseSpacings.sp1
82
+ }),
83
+ /**
84
+ * Styles for label + description wrapper.
85
+ */
86
+ textWrapper: ({ theme: s }) => ({
87
+ display: "flex",
88
+ flexDirection: "column",
89
+ gap: s.vars.size.baseSpacings["sp0-5"],
90
+ minWidth: 0,
91
+ alignItems: "flex-start"
66
92
  }),
67
93
  /**
68
94
  * Styles for the chip icon element.
69
95
  */
70
- chipIcon: ({ theme: o, ownerState: r }) => {
71
- const { color: a } = s(o, r);
96
+ chipIcon: ({ theme: s, ownerState: i }) => {
97
+ const { color: a } = c(s, i);
72
98
  return {
73
99
  "& .M4LIcon-icon": {
74
- backgroundColor: `${a} !important`
100
+ backgroundColor: i?.hasDescription ? s.vars.palette.text.primary : `${a} !important`
75
101
  }
76
102
  };
77
103
  },
104
+ /**
105
+ * Styles for image-only start adornment wrapper.
106
+ */
107
+ startAdornmentImageWrapper: ({ theme: s, ownerState: i }) => ({
108
+ marginRight: s.vars.size.baseSpacings["sp0-5"],
109
+ display: "inline-flex",
110
+ alignItems: "center",
111
+ "& .M4LImage-root": {
112
+ width: i?.hasDescription ? "fit-content" : "16px!important",
113
+ height: i?.hasDescription ? "fit-content" : "16px!important"
114
+ },
115
+ ...o(
116
+ s,
117
+ i?.size || "medium",
118
+ "container",
119
+ (a) => ({
120
+ maxWidth: a,
121
+ maxHeight: a
122
+ })
123
+ ),
124
+ ...o(
125
+ s,
126
+ i?.size || "medium",
127
+ "base",
128
+ (a) => ({
129
+ minWidth: a,
130
+ minHeight: a,
131
+ height: "fit-content",
132
+ width: "fit-content"
133
+ })
134
+ )
135
+ }),
136
+ /**
137
+ * Styles for image-only end adornment wrapper.
138
+ */
139
+ endAdornmentImageWrapper: ({ theme: s, ownerState: i }) => ({
140
+ marginLeft: s.vars.size.baseSpacings["sp0-5"],
141
+ display: "inline-flex",
142
+ alignItems: "center",
143
+ "& .M4LImage-root": {
144
+ width: i?.hasDescription ? "fit-content" : "16px!important",
145
+ height: i?.hasDescription ? "fit-content" : "16px!important"
146
+ },
147
+ ...o(
148
+ s,
149
+ i?.size || "medium",
150
+ "container",
151
+ (a) => ({
152
+ maxWidth: a,
153
+ maxHeight: a
154
+ })
155
+ ),
156
+ ...o(
157
+ s,
158
+ i?.size || "medium",
159
+ "base",
160
+ (a) => ({
161
+ minWidth: a,
162
+ minHeight: a,
163
+ height: "fit-content",
164
+ width: "fit-content"
165
+ })
166
+ )
167
+ }),
78
168
  /**
79
169
  * Styles for the icon button inside the chip element.
80
170
  */
81
- iconButton: ({ theme: o, ownerState: r }) => {
82
- const { color: a } = s(o, r);
171
+ iconButton: ({ theme: s, ownerState: i }) => {
172
+ const { color: a } = c(s, i);
83
173
  return {
84
174
  "& .M4LIcon-icon": {
85
175
  backgroundColor: `${a} !important`
86
176
  },
87
- ...n(
88
- o,
89
- r?.size || "medium",
177
+ ...o(
178
+ s,
179
+ i?.size || "medium",
90
180
  "base",
91
- (i) => ({
92
- height: i,
93
- width: i,
94
- minHeight: i
181
+ (n) => ({
182
+ height: n,
183
+ width: n,
184
+ minHeight: n
95
185
  })
96
186
  )
97
187
  };
@@ -99,12 +189,12 @@ const g = {
99
189
  /**
100
190
  * Styles for the skeleton chip element.
101
191
  */
102
- skeletonChip: ({ theme: o, ownerState: r }) => ({
192
+ skeletonChip: ({ theme: s, ownerState: i }) => ({
103
193
  width: "100%",
104
- background: o.vars.palette.skeleton.default,
105
- ...n(
106
- o,
107
- r?.size || "medium",
194
+ background: s.vars.palette.skeleton.default,
195
+ ...o(
196
+ s,
197
+ i?.size || "medium",
108
198
  "base",
109
199
  (a) => ({
110
200
  height: `${a}!important`,
@@ -114,5 +204,5 @@ const g = {
114
204
  })
115
205
  };
116
206
  export {
117
- g as chipStyles
207
+ h as chipStyles
118
208
  };
@@ -13,10 +13,14 @@ export declare const COMBINED_CHIP_ENUMS: {
13
13
  skeletonChip: ChipSlots.skeletonChip;
14
14
  chipIcon: ChipSlots.chipIcon;
15
15
  textChip: ChipSlots.textChip;
16
+ descriptionChip: ChipSlots.descriptionChip;
17
+ textWrapper: ChipSlots.textWrapper;
18
+ startAdornmentImageWrapper: ChipSlots.startAdornmentImageWrapper;
19
+ endAdornmentImageWrapper: ChipSlots.endAdornmentImageWrapper;
16
20
  iconButton: ChipSlots.iconButton;
17
21
  };
18
22
  /**
19
23
  * Inventario de clases CSS para el componente Chip
20
24
  */
21
- export declare const CHIP_CLASSES: Record<"root" | "iconButton" | "closeIcon" | "skeletonChip" | "chipIcon" | "textChip", string>;
25
+ export declare const CHIP_CLASSES: Record<"root" | "startAdornmentImageWrapper" | "endAdornmentImageWrapper" | "iconButton" | "textWrapper" | "closeIcon" | "skeletonChip" | "chipIcon" | "textChip" | "descriptionChip", string>;
22
26
  //# sourceMappingURL=constants.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACvE;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAE5C,eAAO,MAAM,mBAAmB;;;;;;;CAG/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,gGAA+D,CAAC"}
1
+ {"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../../../../packages/components/src/components/Chip/constants.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,wBAAwB,EAAE,MAAM,kBAAkB,CAAC;AACvE;;;;;;GAMG;AACH,eAAO,MAAM,kBAAkB,YAAY,CAAC;AAE5C,eAAO,MAAM,mBAAmB;;;;;;;;;;;CAG/B,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,gMAA+D,CAAC"}
@@ -3,6 +3,10 @@ export declare enum ChipSlots {
3
3
  skeletonChip = "skeleton",
4
4
  chipIcon = "icon",
5
5
  textChip = "text",
6
+ descriptionChip = "description",
7
+ textWrapper = "textWrapper",
8
+ startAdornmentImageWrapper = "startAdornmentImageWrapper",
9
+ endAdornmentImageWrapper = "endAdornmentImageWrapper",
6
10
  iconButton = "iconButton"
7
11
  }
8
12
  export declare enum ChipComplementaryClasses {
@@ -1 +1 @@
1
- {"version":3,"file":"ChipEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/Chip/slots/ChipEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,YAAY,aAAa;IACzB,QAAQ,SAAS;IACjB,QAAQ,SAAS;IACjB,UAAU,eAAe;CAC1B;AAED,oBAAY,wBAAwB;IAClC,SAAS,cAAc;CACxB"}
1
+ {"version":3,"file":"ChipEnum.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/Chip/slots/ChipEnum.ts"],"names":[],"mappings":"AAAA,oBAAY,SAAS;IACnB,IAAI,SAAS;IACb,YAAY,aAAa;IACzB,QAAQ,SAAS;IACjB,QAAQ,SAAS;IACjB,eAAe,gBAAgB;IAC/B,WAAW,gBAAgB;IAC3B,0BAA0B,+BAA+B;IACzD,wBAAwB,6BAA6B;IACrD,UAAU,eAAe;CAC1B;AAED,oBAAY,wBAAwB;IAClC,SAAS,cAAc;CACxB"}
@@ -1,5 +1,5 @@
1
- var n = /* @__PURE__ */ ((o) => (o.root = "root", o.skeletonChip = "skeleton", o.chipIcon = "icon", o.textChip = "text", o.iconButton = "iconButton", o))(n || {}), e = /* @__PURE__ */ ((o) => (o.closeIcon = "closeIcon", o))(e || {});
1
+ var r = /* @__PURE__ */ ((e) => (e.root = "root", e.skeletonChip = "skeleton", e.chipIcon = "icon", e.textChip = "text", e.descriptionChip = "description", e.textWrapper = "textWrapper", e.startAdornmentImageWrapper = "startAdornmentImageWrapper", e.endAdornmentImageWrapper = "endAdornmentImageWrapper", e.iconButton = "iconButton", e))(r || {}), n = /* @__PURE__ */ ((e) => (e.closeIcon = "closeIcon", e))(n || {});
2
2
  export {
3
- e as ChipComplementaryClasses,
4
- n as ChipSlots
3
+ n as ChipComplementaryClasses,
4
+ r as ChipSlots
5
5
  };
@@ -10,8 +10,20 @@ declare const IconStyled: import('@emotion/styled').StyledComponent<Pick<import(
10
10
  declare const TextChipStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "htmlFor" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
11
11
  ownerState?: (Partial<import('..').ChipOwnerState> & Record<string, unknown>) | undefined;
12
12
  }, {}, {}>;
13
+ declare const DescriptionChipStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/Typography/types').TypographyProps, "ref"> & import('react').RefAttributes<HTMLSpanElement>, "title" | "component" | "zIndex" | "size" | "variant" | "color" | "dataTestid" | "paragraph" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxShadow" | "boxSizing" | "columnGap" | "content" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "fontWeight" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "translate" | "visibility" | "whiteSpace" | "width" | "border" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "margin" | "marginBlock" | "marginInline" | "overflow" | "padding" | "paddingBlock" | "paddingInline" | "className" | "style" | "classes" | "children" | "sx" | "p" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "disabled" | "align" | "gutterBottom" | "noWrap" | "variantMapping" | "skeletonWidth" | "skeletonRows" | "htmlFor" | "ellipsis" | keyof import('react').RefAttributes<HTMLSpanElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
14
+ ownerState?: (Partial<import('..').ChipOwnerState> & Record<string, unknown>) | undefined;
15
+ }, {}, {}>;
16
+ declare const TextWrapperStyled: import('@emotion/styled').StyledComponent<Pick<import('@mui/system').BoxOwnProps<import('@mui/material').Theme> & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>>, "title" | "content" | "translate" | "className" | "style" | "slot" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | keyof import('@mui/system').BoxOwnProps<import('@mui/material').Theme>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
17
+ ownerState?: (Partial<import('..').ChipOwnerState> & Record<string, unknown>) | undefined;
18
+ }, {}, {}>;
19
+ declare const StartAdornmentImageWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
20
+ ownerState?: (Partial<import('..').ChipOwnerState> & Record<string, unknown>) | undefined;
21
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
22
+ declare const EndAdornmentImageWrapperStyled: import('@emotion/styled').StyledComponent<import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
23
+ ownerState?: (Partial<import('..').ChipOwnerState> & Record<string, unknown>) | undefined;
24
+ }, Pick<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, keyof import('react').ClassAttributes<HTMLSpanElement> | keyof import('react').HTMLAttributes<HTMLSpanElement>>, {}>;
13
25
  declare const IconButtonStyled: import('@emotion/styled').StyledComponent<Pick<Omit<import('../../extended/mui/IconButton/types').IconButtonProps, "ref"> & import('react').RefAttributes<HTMLButtonElement>, "title" | "component" | "size" | "variant" | "color" | "content" | "translate" | "action" | "className" | "style" | "classes" | "children" | "src" | "sx" | "form" | "slot" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoCapitalize" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "enterKeyHint" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "popover" | "popoverTargetAction" | "popoverTarget" | "inert" | "inputMode" | "is" | "exportparts" | "part" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onScrollEnd" | "onScrollEndCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onToggle" | "onBeforeToggle" | "onTransitionCancel" | "onTransitionCancelCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "onTransitionRun" | "onTransitionRunCapture" | "onTransitionStart" | "onTransitionStartCapture" | "name" | "tooltip" | "value" | "instaceDataTestId" | "placement" | "icon" | "selected" | "rotationAngle" | "disabled" | "ariaLabel" | "dataTestId" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "edge" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "type" | "badgeProps" | keyof import('react').RefAttributes<HTMLButtonElement>> & import('@mui/system').MUIStyledCommonProps<import('@mui/material').Theme> & Record<string, unknown> & {
14
26
  ownerState?: (Partial<import('..').ChipOwnerState> & Record<string, unknown>) | undefined;
15
27
  }, {}, {}>;
16
- export { ChipRootStyled, SkeletonChipStyled, IconStyled, TextChipStyled, IconButtonStyled };
28
+ export { ChipRootStyled, SkeletonChipStyled, IconStyled, TextChipStyled, DescriptionChipStyled, TextWrapperStyled, StartAdornmentImageWrapperStyled, EndAdornmentImageWrapperStyled, IconButtonStyled, };
17
29
  //# sourceMappingURL=ChipSlots.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChipSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/Chip/slots/ChipSlots.ts"],"names":[],"mappings":"AAQA,QAAA,MAAM,cAAc;;6NAGA,CAAC;AACrB,QAAA,MAAM,kBAAkB;;UAGI,CAAC;AAC7B,QAAA,MAAM,UAAU;;UAGQ,CAAC;AACzB,QAAA,MAAM,cAAc;;UAGI,CAAC;AACzB,QAAA,MAAM,gBAAgB;;UAGI,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,kBAAkB,EAAE,UAAU,EAAE,cAAc,EAAE,gBAAgB,EAAE,CAAC"}
1
+ {"version":3,"file":"ChipSlots.d.ts","sourceRoot":"","sources":["../../../../../../../packages/components/src/components/Chip/slots/ChipSlots.ts"],"names":[],"mappings":"AASA,QAAA,MAAM,cAAc;;6NAGA,CAAC;AACrB,QAAA,MAAM,kBAAkB;;UAGI,CAAC;AAC7B,QAAA,MAAM,UAAU;;UAGQ,CAAC;AACzB,QAAA,MAAM,cAAc;;UAGI,CAAC;AACzB,QAAA,MAAM,qBAAqB;;UAGI,CAAC;AAChC,QAAA,MAAM,iBAAiB;;UAGI,CAAC;AAC5B,QAAA,MAAM,gCAAgC;;iOAGI,CAAC;AAC3C,QAAA,MAAM,8BAA8B;;iOAGI,CAAC;AACzC,QAAA,MAAM,gBAAgB;;UAGI,CAAC;AAC3B,OAAO,EACL,cAAc,EACd,kBAAkB,EAClB,UAAU,EACV,cAAc,EACd,qBAAqB,EACrB,iBAAiB,EACjB,gCAAgC,EAChC,8BAA8B,EAC9B,gBAAgB,GACjB,CAAC"}