@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.
- package/components/Chip/Chip.d.ts.map +1 -1
- package/components/Chip/Chip.js +106 -70
- package/components/Chip/ChipStyles.d.ts.map +1 -1
- package/components/Chip/ChipStyles.js +138 -48
- package/components/Chip/constants.d.ts +5 -1
- package/components/Chip/constants.d.ts.map +1 -1
- package/components/Chip/slots/ChipEnum.d.ts +4 -0
- package/components/Chip/slots/ChipEnum.d.ts.map +1 -1
- package/components/Chip/slots/ChipEnum.js +3 -3
- package/components/Chip/slots/ChipSlots.d.ts +13 -1
- package/components/Chip/slots/ChipSlots.d.ts.map +1 -1
- package/components/Chip/slots/ChipSlots.js +46 -29
- package/components/Chip/types.d.ts +7 -2
- package/components/Chip/types.d.ts.map +1 -1
- package/components/datagrids/subcomponents/HeaderActions/subcomponents/Density/Density.d.ts.map +1 -1
- package/components/datagrids/subcomponents/HeaderActions/subcomponents/Density/Density.js +30 -29
- package/components/datagrids/subcomponents/HeaderActions/subcomponents/ViewMode/ViewMode.js +49 -49
- package/components/datagrids/views/CardsView/hooks/useCardContent/useCardContent.js +1 -1
- package/components/datagrids/views/CardsView/subcomponents/CardDetails/CardDetails.js +1 -1
- package/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.d.ts.map +1 -1
- package/components/datagrids/views/TableView/hooks/useHeaderMenuActions/useHeaderMenuActions.js +24 -23
- package/components/extended/mui/Autocomplete/Autocomplete.d.ts.map +1 -1
- package/components/extended/mui/Autocomplete/Autocomplete.js +74 -65
- package/components/extended/mui/Autocomplete/Autocomplete.styles.d.ts.map +1 -1
- package/components/extended/mui/Autocomplete/Autocomplete.styles.js +9 -4
- package/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.d.ts.map +1 -1
- package/components/extended/mui/Autocomplete/hooks/useAutocomplete/useAutocomplete.js +64 -61
- package/components/extended/mui/Autocomplete/hooks/useMultipleChips.d.ts +2 -1
- package/components/extended/mui/Autocomplete/hooks/useMultipleChips.d.ts.map +1 -1
- package/components/extended/mui/Autocomplete/hooks/useMultipleChips.js +63 -46
- package/components/extended/mui/Autocomplete/subcomponents/renderOptions/index.d.ts +1 -1
- package/components/extended/mui/Autocomplete/subcomponents/renderOptions/index.d.ts.map +1 -1
- package/components/extended/mui/Autocomplete/subcomponents/renderOptions/index.js +26 -23
- package/components/extended/mui/Autocomplete/types.d.ts +4 -0
- package/components/extended/mui/Autocomplete/types.d.ts.map +1 -1
- package/components/extended/mui/MenuItem/MenuItem.d.ts.map +1 -1
- package/components/extended/mui/MenuItem/MenuItem.js +112 -89
- package/components/extended/mui/MenuItem/MenuItem.styles.d.ts.map +1 -1
- package/components/extended/mui/MenuItem/MenuItem.styles.js +121 -72
- package/components/extended/mui/MenuItem/constants.d.ts +1 -1
- package/components/extended/mui/MenuItem/constants.d.ts.map +1 -1
- package/components/extended/mui/MenuItem/slots/MenuItemEnum.d.ts +5 -1
- package/components/extended/mui/MenuItem/slots/MenuItemEnum.d.ts.map +1 -1
- package/components/extended/mui/MenuItem/slots/MenuItemEnum.js +2 -2
- package/components/extended/mui/MenuItem/slots/MenuItemSlots.d.ts +13 -1
- package/components/extended/mui/MenuItem/slots/MenuItemSlots.d.ts.map +1 -1
- package/components/extended/mui/MenuItem/slots/MenuItemSlots.js +31 -15
- package/components/extended/mui/MenuItem/types.d.ts +35 -17
- package/components/extended/mui/MenuItem/types.d.ts.map +1 -1
- package/components/extended/mui/Select/Select.d.ts.map +1 -1
- package/components/extended/mui/Select/Select.js +110 -98
- package/components/extended/mui/Select/Select.styles.js +2 -2
- package/components/extended/mui/Select/types.d.ts +2 -0
- package/components/extended/mui/Select/types.d.ts.map +1 -1
- package/components/extended/mui/Tab/Tab.js +49 -48
- package/components/extended/mui/Tab/constants.d.ts +1 -1
- package/helpers/isImageComponentElement/index.d.ts +2 -0
- package/helpers/isImageComponentElement/index.d.ts.map +1 -0
- package/helpers/isImageComponentElement/isImageComponentElement.d.ts +7 -0
- package/helpers/isImageComponentElement/isImageComponentElement.d.ts.map +1 -0
- package/helpers/isImageComponentElement/isImageComponentElement.js +23 -0
- 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":"
|
|
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"}
|
package/components/Chip/Chip.js
CHANGED
|
@@ -1,92 +1,128 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useModuleSkeleton as
|
|
3
|
-
import
|
|
4
|
-
import { forwardRef as
|
|
5
|
-
import { CHIP_CLASSES as
|
|
6
|
-
import { TEST_PROP_ID as
|
|
7
|
-
import { useComponentSize as
|
|
8
|
-
import { IconStyled as
|
|
9
|
-
|
|
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:
|
|
12
|
-
label:
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
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:
|
|
20
|
-
onClick:
|
|
21
|
-
onDeleted:
|
|
22
|
-
iconButtonProps:
|
|
23
|
-
className:
|
|
24
|
-
dataTestId:
|
|
25
|
-
disabledDeleteButton:
|
|
26
|
-
ellipsis:
|
|
27
|
-
...
|
|
28
|
-
} =
|
|
29
|
-
interactive: !!
|
|
30
|
-
size:
|
|
31
|
-
variant:
|
|
32
|
-
color:
|
|
33
|
-
opacity:
|
|
34
|
-
externalColor:
|
|
35
|
-
ellipsis:
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
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__ */
|
|
47
|
-
|
|
59
|
+
return /* @__PURE__ */ o(
|
|
60
|
+
G,
|
|
48
61
|
{
|
|
49
62
|
"data-testid": "SkeletonButton",
|
|
50
63
|
width: z,
|
|
51
|
-
ownerState:
|
|
64
|
+
ownerState: t
|
|
52
65
|
}
|
|
53
66
|
);
|
|
54
|
-
const P = `${
|
|
55
|
-
|
|
67
|
+
const P = `${_}/${W}/frontend/components/chip/assets/icons/closeSmall.svg`, T = (e) => {
|
|
68
|
+
e.stopPropagation(), S?.(e);
|
|
56
69
|
};
|
|
57
|
-
return /* @__PURE__ */
|
|
58
|
-
|
|
70
|
+
return /* @__PURE__ */ h(
|
|
71
|
+
J,
|
|
59
72
|
{
|
|
60
73
|
role: "button-chip",
|
|
61
|
-
size:
|
|
62
|
-
onClick:
|
|
63
|
-
ownerState:
|
|
64
|
-
className:
|
|
65
|
-
ref:
|
|
66
|
-
...process.env.NODE_ENV !== "production" ? { [
|
|
67
|
-
...
|
|
68
|
-
...
|
|
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
|
-
|
|
71
|
-
/* @__PURE__ */
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
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
|
-
...
|
|
112
|
+
...E,
|
|
77
113
|
src: P,
|
|
78
|
-
size:
|
|
79
|
-
ownerState:
|
|
80
|
-
onClick:
|
|
81
|
-
disabled:
|
|
82
|
-
className:
|
|
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
|
-
|
|
125
|
+
Z.displayName = "Chip";
|
|
90
126
|
export {
|
|
91
|
-
|
|
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;
|
|
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
|
|
2
|
-
import { getColors as
|
|
3
|
-
const
|
|
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:
|
|
8
|
-
const { color: a, finalPalette:
|
|
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:
|
|
13
|
-
borderRadius:
|
|
14
|
-
gap:
|
|
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
|
-
...
|
|
16
|
+
...i?.ellipsis && {
|
|
17
17
|
maxWidth: "100%"
|
|
18
18
|
},
|
|
19
19
|
cursor: "pointer",
|
|
20
20
|
color: a,
|
|
21
|
-
backgroundColor:
|
|
22
|
-
...
|
|
23
|
-
|
|
24
|
-
|
|
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
|
-
...
|
|
32
|
+
...i?.interactive && {
|
|
29
33
|
"&:hover": {
|
|
30
34
|
backgroundColor: d
|
|
31
35
|
},
|
|
32
36
|
"&:active": {
|
|
33
|
-
backgroundColor:
|
|
37
|
+
backgroundColor: e
|
|
34
38
|
},
|
|
35
39
|
"&:focus-visible": {
|
|
36
40
|
boxShadow: "none",
|
|
37
|
-
outline: `${
|
|
38
|
-
backgroundColor:
|
|
41
|
+
outline: `${s.vars.size.borderStroke.container} ${s.vars.palette.border.main}`,
|
|
42
|
+
backgroundColor: e
|
|
39
43
|
}
|
|
40
44
|
},
|
|
41
|
-
...
|
|
42
|
-
border: `${
|
|
43
|
-
borderColor:
|
|
45
|
+
...i?.variant === "outlined" && {
|
|
46
|
+
border: `${s.vars.size.borderStroke.container}`,
|
|
47
|
+
borderColor: p
|
|
44
48
|
},
|
|
45
49
|
"&&& .M4LChip-closeIcon": {
|
|
46
|
-
...
|
|
47
|
-
|
|
48
|
-
|
|
50
|
+
...o(
|
|
51
|
+
s,
|
|
52
|
+
i?.size || "medium",
|
|
49
53
|
"base",
|
|
50
|
-
(
|
|
51
|
-
height:
|
|
52
|
-
width:
|
|
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:
|
|
66
|
+
textChip: ({ theme: s, ownerState: i }) => ({
|
|
63
67
|
whiteSpace: "nowrap",
|
|
64
|
-
paddingLeft:
|
|
65
|
-
paddingRight:
|
|
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:
|
|
71
|
-
const { color: a } = s
|
|
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:
|
|
82
|
-
const { color: a } = s
|
|
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
|
-
...
|
|
88
|
-
|
|
89
|
-
|
|
177
|
+
...o(
|
|
178
|
+
s,
|
|
179
|
+
i?.size || "medium",
|
|
90
180
|
"base",
|
|
91
|
-
(
|
|
92
|
-
height:
|
|
93
|
-
width:
|
|
94
|
-
minHeight:
|
|
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:
|
|
192
|
+
skeletonChip: ({ theme: s, ownerState: i }) => ({
|
|
103
193
|
width: "100%",
|
|
104
|
-
background:
|
|
105
|
-
...
|
|
106
|
-
|
|
107
|
-
|
|
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
|
-
|
|
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
|
|
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
|
|
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
|
-
|
|
4
|
-
|
|
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":"
|
|
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"}
|