@revikornmann/muka-ui 0.11.0 → 0.13.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/build/manifest.json +30 -0
- package/dist/cjs/components/AgentTaskList/AgentTaskList.css +22 -3
- package/dist/cjs/components/AgentTaskList/AgentTaskList.js +1 -1
- package/dist/cjs/components/BadgeNumber/BadgeNumber.css +105 -0
- package/dist/cjs/components/BadgeNumber/BadgeNumber.js +19 -0
- package/dist/cjs/components/BadgeNumber/BadgeNumber.js.map +1 -0
- package/dist/cjs/components/BadgeNumber/index.js +11 -0
- package/dist/cjs/components/BadgeNumber/index.js.map +1 -0
- package/dist/cjs/components/BottomBar/BottomBar.css +8 -5
- package/dist/cjs/components/Button/Button.css +13 -6
- package/dist/cjs/components/Button/Button.js +1 -1
- package/dist/cjs/components/ChatComposer/ChatComposer.css +13 -1
- package/dist/cjs/components/ChatMessage/ChatMessage.css +328 -0
- package/dist/cjs/components/ChatMessage/ChatMessage.js +141 -0
- package/dist/cjs/components/ChatMessage/ChatMessage.js.map +1 -0
- package/dist/cjs/components/ChatMessage/index.js +7 -0
- package/dist/cjs/components/ChatMessage/index.js.map +1 -0
- package/dist/cjs/components/ChatMessageList/ChatMessageList.css +17 -1
- package/dist/cjs/components/ChatMessageList/ChatMessageList.js +1 -1
- package/dist/cjs/components/ChatMessageStack/ChatMessageStack.css +51 -0
- package/dist/cjs/components/ChatMessageStack/ChatMessageStack.js +49 -0
- package/dist/cjs/components/ChatMessageStack/ChatMessageStack.js.map +1 -0
- package/dist/cjs/components/ChatMessageStack/index.js +6 -0
- package/dist/cjs/components/ChatMessageStack/index.js.map +1 -0
- package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.css +119 -0
- package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.js +47 -0
- package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.js.map +1 -0
- package/dist/cjs/components/ChatPhotoGrid/index.js +11 -0
- package/dist/cjs/components/ChatPhotoGrid/index.js.map +1 -0
- package/dist/cjs/components/Menu/Menu.js +5 -4
- package/dist/cjs/components/Menu/Menu.js.map +1 -1
- package/dist/cjs/components/index.js +11 -5
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/utils/useLongPress.js +71 -0
- package/dist/cjs/utils/useLongPress.js.map +1 -0
- package/dist/esm/components/AgentTaskList/AgentTaskList.css +22 -3
- package/dist/esm/components/AgentTaskList/AgentTaskList.js +1 -1
- package/dist/esm/components/BadgeNumber/BadgeNumber.css +105 -0
- package/dist/esm/components/BadgeNumber/BadgeNumber.js +15 -0
- package/dist/esm/components/BadgeNumber/BadgeNumber.js.map +1 -0
- package/dist/esm/components/BadgeNumber/index.js +3 -0
- package/dist/esm/components/BadgeNumber/index.js.map +1 -0
- package/dist/esm/components/BottomBar/BottomBar.css +8 -5
- package/dist/esm/components/Button/Button.css +13 -6
- package/dist/esm/components/Button/Button.js +1 -1
- package/dist/esm/components/ChatComposer/ChatComposer.css +13 -1
- package/dist/esm/components/ChatMessage/ChatMessage.css +328 -0
- package/dist/esm/components/ChatMessage/ChatMessage.js +137 -0
- package/dist/esm/components/ChatMessage/ChatMessage.js.map +1 -0
- package/dist/esm/components/ChatMessage/index.js +2 -0
- package/dist/esm/components/ChatMessage/index.js.map +1 -0
- package/dist/esm/components/ChatMessageList/ChatMessageList.css +17 -1
- package/dist/esm/components/ChatMessageList/ChatMessageList.js +1 -1
- package/dist/esm/components/ChatMessageStack/ChatMessageStack.css +51 -0
- package/dist/esm/components/ChatMessageStack/ChatMessageStack.js +42 -0
- package/dist/esm/components/ChatMessageStack/ChatMessageStack.js.map +1 -0
- package/dist/esm/components/ChatMessageStack/index.js +2 -0
- package/dist/esm/components/ChatMessageStack/index.js.map +1 -0
- package/dist/esm/components/ChatPhotoGrid/ChatPhotoGrid.css +119 -0
- package/dist/esm/components/ChatPhotoGrid/ChatPhotoGrid.js +43 -0
- package/dist/esm/components/ChatPhotoGrid/ChatPhotoGrid.js.map +1 -0
- package/dist/esm/components/ChatPhotoGrid/index.js +3 -0
- package/dist/esm/components/ChatPhotoGrid/index.js.map +1 -0
- package/dist/esm/components/Menu/Menu.js +5 -4
- package/dist/esm/components/Menu/Menu.js.map +1 -1
- package/dist/esm/components/index.js +4 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/utils/useLongPress.js +68 -0
- package/dist/esm/utils/useLongPress.js.map +1 -0
- package/dist/styles/components/AgentTaskList.css +22 -3
- package/dist/styles/components/BadgeNumber.css +105 -0
- package/dist/styles/components/BottomBar.css +8 -5
- package/dist/styles/components/Button.css +13 -6
- package/dist/styles/components/ChatComposer.css +13 -1
- package/dist/styles/components/ChatMessage.css +328 -0
- package/dist/styles/components/ChatMessageList.css +17 -1
- package/dist/styles/components/ChatMessageStack.css +51 -0
- package/dist/styles/components/ChatPhotoGrid.css +119 -0
- package/dist/styles/index.css +2615 -1941
- package/dist/styles/muka-dark.css +2615 -1941
- package/dist/styles/muka-light.css +2615 -1941
- package/dist/styles/tokens-bouwplan-dark.css +85 -0
- package/dist/styles/tokens-bouwplan-light.css +85 -0
- package/dist/styles/tokens-fscl-dark.css +85 -0
- package/dist/styles/tokens-fscl-light.css +85 -0
- package/dist/styles/tokens-grip-dark.css +85 -0
- package/dist/styles/tokens-grip-light.css +85 -0
- package/dist/styles/tokens-muka-dark.css +85 -0
- package/dist/styles/tokens-muka-light.css +85 -0
- package/dist/styles/tokens-wireframe-dark.css +85 -0
- package/dist/styles/tokens-wireframe-light.css +85 -0
- package/dist/styles/wireframe-dark.css +2615 -1941
- package/dist/styles/wireframe-light.css +2615 -1941
- package/dist/types/components/AgentTaskList/AgentTaskList.d.ts +1 -1
- package/dist/types/components/BadgeNumber/BadgeNumber.d.ts +17 -0
- package/dist/types/components/BadgeNumber/BadgeNumber.d.ts.map +1 -0
- package/dist/types/components/BadgeNumber/index.d.ts +3 -0
- package/dist/types/components/BadgeNumber/index.d.ts.map +1 -0
- package/dist/types/components/Button/Button.d.ts +1 -1
- package/dist/types/components/ChatMessage/ChatMessage.d.ts +130 -0
- package/dist/types/components/ChatMessage/ChatMessage.d.ts.map +1 -0
- package/dist/types/components/ChatMessage/index.d.ts +2 -0
- package/dist/types/components/ChatMessage/index.d.ts.map +1 -0
- package/dist/types/components/ChatMessageList/ChatMessageList.d.ts +2 -2
- package/dist/types/components/ChatMessageList/ChatMessageList.d.ts.map +1 -1
- package/dist/types/components/ChatMessageStack/ChatMessageStack.d.ts +46 -0
- package/dist/types/components/ChatMessageStack/ChatMessageStack.d.ts.map +1 -0
- package/dist/types/components/ChatMessageStack/index.d.ts +2 -0
- package/dist/types/components/ChatMessageStack/index.d.ts.map +1 -0
- package/dist/types/components/ChatPhotoGrid/ChatPhotoGrid.d.ts +44 -0
- package/dist/types/components/ChatPhotoGrid/ChatPhotoGrid.d.ts.map +1 -0
- package/dist/types/components/ChatPhotoGrid/index.d.ts +3 -0
- package/dist/types/components/ChatPhotoGrid/index.d.ts.map +1 -0
- package/dist/types/components/Menu/Menu.d.ts +12 -0
- package/dist/types/components/Menu/Menu.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +4 -1
- package/dist/types/components/index.d.ts.map +1 -1
- package/dist/types/utils/useLongPress.d.ts +28 -0
- package/dist/types/utils/useLongPress.d.ts.map +1 -0
- package/package.json +1 -1
- package/tokens/README.md +14 -0
- package/tokens/t2-alias/brand/bouwplan/dark.json +24 -0
- package/tokens/t2-alias/brand/bouwplan/light.json +24 -0
- package/tokens/t2-alias/brand/fscl/dark.json +24 -0
- package/tokens/t2-alias/brand/fscl/light.json +24 -0
- package/tokens/t2-alias/brand/grip/dark.json +54 -0
- package/tokens/t2-alias/brand/grip/light.json +54 -0
- package/tokens/t2-alias/brand/muka/dark.json +54 -0
- package/tokens/t2-alias/brand/muka/light.json +54 -0
- package/tokens/t2-alias/brand/wireframe/dark.json +54 -0
- package/tokens/t2-alias/brand/wireframe/light.json +54 -0
- package/tokens/t3-semantics/ui.json +219 -0
- package/tokens/t4-components/badge-number.json +48 -0
- package/tokens/t4-components/chatbubble.json +180 -0
- package/tokens/t4-components/chatphotogrid.json +32 -0
- package/dist/cjs/components/ChatBubble/ChatBubble.css +0 -80
- package/dist/cjs/components/ChatBubble/ChatBubble.js +0 -24
- package/dist/cjs/components/ChatBubble/ChatBubble.js.map +0 -1
- package/dist/cjs/components/ChatBubble/index.js +0 -6
- package/dist/cjs/components/ChatBubble/index.js.map +0 -1
- package/dist/esm/components/ChatBubble/ChatBubble.css +0 -80
- package/dist/esm/components/ChatBubble/ChatBubble.js +0 -20
- package/dist/esm/components/ChatBubble/ChatBubble.js.map +0 -1
- package/dist/esm/components/ChatBubble/index.js +0 -2
- package/dist/esm/components/ChatBubble/index.js.map +0 -1
- package/dist/styles/components/ChatBubble.css +0 -80
- package/dist/types/components/ChatBubble/ChatBubble.d.ts +0 -30
- package/dist/types/components/ChatBubble/ChatBubble.d.ts.map +0 -1
- package/dist/types/components/ChatBubble/index.d.ts +0 -2
- package/dist/types/components/ChatBubble/index.d.ts.map +0 -1
|
@@ -0,0 +1,119 @@
|
|
|
1
|
+
/* ChatPhotoGrid Component Styles */
|
|
2
|
+
|
|
3
|
+
/*
|
|
4
|
+
* The grid clips to its own radius and the tiles stay square, so only the four
|
|
5
|
+
* outer corners round — matching the Figma "Wrapper" frame (5225:1394).
|
|
6
|
+
*/
|
|
7
|
+
.muka-chat-photo-grid {
|
|
8
|
+
display: grid;
|
|
9
|
+
gap: var(--chatphotogrid-gap);
|
|
10
|
+
width: 100%;
|
|
11
|
+
min-width: 0;
|
|
12
|
+
overflow: hidden;
|
|
13
|
+
border-radius: var(--chatphotogrid-radius);
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
/* ─── Tiles ────────────────────────────────────────────── */
|
|
17
|
+
|
|
18
|
+
.muka-chat-photo-grid__tile {
|
|
19
|
+
position: relative;
|
|
20
|
+
display: block;
|
|
21
|
+
overflow: hidden;
|
|
22
|
+
min-width: 0;
|
|
23
|
+
padding: 0;
|
|
24
|
+
margin: 0;
|
|
25
|
+
border: none;
|
|
26
|
+
background-color: var(--chatphotogrid-color-placeholder);
|
|
27
|
+
aspect-ratio: 1 / 1;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
button.muka-chat-photo-grid__tile {
|
|
31
|
+
cursor: pointer;
|
|
32
|
+
appearance: none;
|
|
33
|
+
}
|
|
34
|
+
|
|
35
|
+
button.muka-chat-photo-grid__tile:focus-visible {
|
|
36
|
+
outline: var(--border-width-bold) solid var(--color-border-focus);
|
|
37
|
+
/* Inset, so the grid's overflow clip cannot cut the ring off on corner tiles */
|
|
38
|
+
outline-offset: calc(-1 * var(--border-width-bold));
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
.muka-chat-photo-grid__image {
|
|
42
|
+
display: block;
|
|
43
|
+
width: 100%;
|
|
44
|
+
height: 100%;
|
|
45
|
+
object-fit: cover;
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
/* ─── Overflow tile ────────────────────────────────────── */
|
|
49
|
+
|
|
50
|
+
.muka-chat-photo-grid__overflow {
|
|
51
|
+
position: absolute;
|
|
52
|
+
inset: 0;
|
|
53
|
+
display: flex;
|
|
54
|
+
align-items: center;
|
|
55
|
+
justify-content: center;
|
|
56
|
+
background-color: var(--chatphotogrid-color-overflow-background);
|
|
57
|
+
color: var(--chatphotogrid-color-overflow-foreground);
|
|
58
|
+
font-family: var(--text-body-2xl-regular-fontFamily);
|
|
59
|
+
font-weight: var(--text-body-2xl-regular-fontWeight);
|
|
60
|
+
font-size: var(--text-body-2xl-regular-fontSize);
|
|
61
|
+
line-height: var(--text-body-2xl-regular-lineHeight);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
/* ─── Layouts ──────────────────────────────────────────── */
|
|
65
|
+
|
|
66
|
+
.muka-chat-photo-grid--1 {
|
|
67
|
+
grid-template-columns: 1fr;
|
|
68
|
+
}
|
|
69
|
+
|
|
70
|
+
.muka-chat-photo-grid--landscape .muka-chat-photo-grid__tile {
|
|
71
|
+
aspect-ratio: 4 / 3;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
.muka-chat-photo-grid--portrait .muka-chat-photo-grid__tile {
|
|
75
|
+
aspect-ratio: 3 / 4;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.muka-chat-photo-grid--2 {
|
|
79
|
+
grid-template-columns: repeat(2, 1fr);
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.muka-chat-photo-grid--3 {
|
|
83
|
+
grid-template-columns: repeat(3, 1fr);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.muka-chat-photo-grid--4 {
|
|
87
|
+
grid-template-columns: repeat(2, 1fr);
|
|
88
|
+
}
|
|
89
|
+
|
|
90
|
+
/* 5 photos: a 2-up row above a 3-up row, on a shared 6-column track */
|
|
91
|
+
.muka-chat-photo-grid--5 {
|
|
92
|
+
grid-template-columns: repeat(6, 1fr);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
.muka-chat-photo-grid--5 .muka-chat-photo-grid__tile:nth-child(-n + 2) {
|
|
96
|
+
grid-column: span 3;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
.muka-chat-photo-grid--5 .muka-chat-photo-grid__tile:nth-child(n + 3) {
|
|
100
|
+
grid-column: span 2;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.muka-chat-photo-grid--6,
|
|
104
|
+
.muka-chat-photo-grid--overflow {
|
|
105
|
+
grid-template-columns: repeat(3, 1fr);
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
/* ─── Print ────────────────────────────────────────────── */
|
|
109
|
+
|
|
110
|
+
@media print {
|
|
111
|
+
.muka-chat-photo-grid {
|
|
112
|
+
break-inside: avoid;
|
|
113
|
+
}
|
|
114
|
+
|
|
115
|
+
.muka-chat-photo-grid__image {
|
|
116
|
+
print-color-adjust: exact;
|
|
117
|
+
-webkit-print-color-adjust: exact;
|
|
118
|
+
}
|
|
119
|
+
}
|
|
@@ -0,0 +1,47 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.ChatPhotoGrid = void 0;
|
|
4
|
+
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
+
require("./ChatPhotoGrid.css");
|
|
6
|
+
/**
|
|
7
|
+
* ChatPhotoGrid — responsive photo grid for a chat message.
|
|
8
|
+
*
|
|
9
|
+
* Column counts follow the design: 1 → single tile (4:3 or 3:4), 2 → 2 columns,
|
|
10
|
+
* 3 → 3 columns, 4 → 2×2, 5 → a 2-up row above a 3-up row, 6 → 2×3. Beyond
|
|
11
|
+
* `max`, the final tile shows a `+N` overflow badge.
|
|
12
|
+
*
|
|
13
|
+
* Compose into `ChatMessage`'s `media` slot.
|
|
14
|
+
*/
|
|
15
|
+
const ChatPhotoGrid = ({ photos, singleOrientation = 'landscape', max = 6, overflowLabel = (count) => `+${count}`, onOverflowClick, 'aria-label': ariaLabel = 'Photos', className = '', }) => {
|
|
16
|
+
if (photos.length === 0)
|
|
17
|
+
return null;
|
|
18
|
+
const overflowCount = photos.length - max;
|
|
19
|
+
const hasOverflow = overflowCount > 0;
|
|
20
|
+
const visible = hasOverflow ? photos.slice(0, max) : photos;
|
|
21
|
+
const layout = hasOverflow ? 'overflow' : String(visible.length);
|
|
22
|
+
const classes = [
|
|
23
|
+
'muka-chat-photo-grid',
|
|
24
|
+
`muka-chat-photo-grid--${layout}`,
|
|
25
|
+
visible.length === 1 && `muka-chat-photo-grid--${singleOrientation}`,
|
|
26
|
+
className,
|
|
27
|
+
]
|
|
28
|
+
.filter(Boolean)
|
|
29
|
+
.join(' ');
|
|
30
|
+
return ((0, jsx_runtime_1.jsx)("div", { className: classes, role: "group", "aria-label": ariaLabel, children: visible.map((photo, i) => {
|
|
31
|
+
const isOverflowTile = hasOverflow && i === visible.length - 1;
|
|
32
|
+
const interactive = isOverflowTile ? onOverflowClick : photo.onClick;
|
|
33
|
+
const Tag = interactive ? 'button' : 'div';
|
|
34
|
+
return ((0, jsx_runtime_1.jsxs)(Tag, { className: "muka-chat-photo-grid__tile", ...(interactive
|
|
35
|
+
? {
|
|
36
|
+
type: 'button',
|
|
37
|
+
onClick: interactive,
|
|
38
|
+
'aria-label': isOverflowTile
|
|
39
|
+
? overflowLabel(overflowCount)
|
|
40
|
+
: photo.alt || `Photo ${i + 1}`,
|
|
41
|
+
}
|
|
42
|
+
: {}), children: [(0, jsx_runtime_1.jsx)("img", { className: "muka-chat-photo-grid__image", src: photo.src, alt: isOverflowTile ? '' : photo.alt || '', loading: "lazy" }), isOverflowTile && ((0, jsx_runtime_1.jsx)("span", { className: "muka-chat-photo-grid__overflow", "aria-hidden": "true", children: overflowLabel(overflowCount) }))] }, i));
|
|
43
|
+
}) }));
|
|
44
|
+
};
|
|
45
|
+
exports.ChatPhotoGrid = ChatPhotoGrid;
|
|
46
|
+
exports.default = exports.ChatPhotoGrid;
|
|
47
|
+
//# sourceMappingURL=ChatPhotoGrid.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ChatPhotoGrid.js","sourceRoot":"","sources":["../../../../components/ChatPhotoGrid/ChatPhotoGrid.tsx"],"names":[],"mappings":";;;;AACA,+BAA6B;AA0C7B;;;;;;;;GAQG;AACI,MAAM,aAAa,GAAiC,CAAC,EAC1D,MAAM,EACN,iBAAiB,GAAG,WAAW,EAC/B,GAAG,GAAG,CAAC,EACP,aAAa,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,IAAI,KAAK,EAAE,EACtC,eAAe,EACf,YAAY,EAAE,SAAS,GAAG,QAAQ,EAClC,SAAS,GAAG,EAAE,GACf,EAAE,EAAE;IACH,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAErC,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,GAAG,GAAG,CAAC;IAC1C,MAAM,WAAW,GAAG,aAAa,GAAG,CAAC,CAAC;IACtC,MAAM,OAAO,GAAG,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC;IAC5D,MAAM,MAAM,GAAG,WAAW,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,MAAM,CAAC,CAAC;IAEjE,MAAM,OAAO,GAAG;QACd,sBAAsB;QACtB,yBAAyB,MAAM,EAAE;QACjC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,yBAAyB,iBAAiB,EAAE;QACpE,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,gCAAK,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,OAAO,gBAAa,SAAS,YACxD,OAAO,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE;YACxB,MAAM,cAAc,GAAG,WAAW,IAAI,CAAC,KAAK,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC;YAC/D,MAAM,WAAW,GAAG,cAAc,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC;YACrE,MAAM,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC;YAE3C,OAAO,CACL,wBAAC,GAAG,IAEF,SAAS,EAAC,4BAA4B,KAClC,CAAC,WAAW;oBACd,CAAC,CAAC;wBACE,IAAI,EAAE,QAAiB;wBACvB,OAAO,EAAE,WAAW;wBACpB,YAAY,EAAE,cAAc;4BAC1B,CAAC,CAAC,aAAa,CAAC,aAAa,CAAC;4BAC9B,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,SAAS,CAAC,GAAG,CAAC,EAAE;qBAClC;oBACH,CAAC,CAAC,EAAE,CAAC,aAEP,gCACE,SAAS,EAAC,6BAA6B,EACvC,GAAG,EAAE,KAAK,CAAC,GAAG,EACd,GAAG,EAAE,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,EAC1C,OAAO,EAAC,MAAM,GACd,EACD,cAAc,IAAI,CACjB,iCAAM,SAAS,EAAC,gCAAgC,iBAAa,MAAM,YAChE,aAAa,CAAC,aAAa,CAAC,GACxB,CACR,KAtBI,CAAC,CAuBF,CACP,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,aAAa,iBA8DxB;AAEF,kBAAe,qBAAa,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
|
+
};
|
|
5
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
|
+
exports.default = exports.ChatPhotoGrid = void 0;
|
|
7
|
+
var ChatPhotoGrid_1 = require("./ChatPhotoGrid");
|
|
8
|
+
Object.defineProperty(exports, "ChatPhotoGrid", { enumerable: true, get: function () { return ChatPhotoGrid_1.ChatPhotoGrid; } });
|
|
9
|
+
var ChatPhotoGrid_2 = require("./ChatPhotoGrid");
|
|
10
|
+
Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ChatPhotoGrid_2).default; } });
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/ChatPhotoGrid/index.ts"],"names":[],"mappings":";;;;;;AAAA,iDAIyB;AAHvB,8GAAA,aAAa,OAAA;AAIf,iDAA0C;AAAjC,yHAAA,OAAO,OAAA"}
|
|
@@ -74,9 +74,9 @@ exports.MenuTrigger.displayName = 'MenuTrigger';
|
|
|
74
74
|
/**
|
|
75
75
|
* MenuContent - The dropdown container for menu items
|
|
76
76
|
*/
|
|
77
|
-
exports.MenuContent = react_1.default.forwardRef(({ children, align = 'start', side = 'bottom', sideOffset = 4, alignOffset = 0, className = '', loop = true, }, ref) => {
|
|
77
|
+
exports.MenuContent = react_1.default.forwardRef(({ children, align = 'start', side = 'bottom', sideOffset = 4, alignOffset = 0, className = '', loop = true, onCloseAutoFocus, }, ref) => {
|
|
78
78
|
const contentClasses = ['muka-menu__content', className].filter(Boolean).join(' ');
|
|
79
|
-
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { ref: ref, align: align, side: side, sideOffset: sideOffset, alignOffset: alignOffset, className: contentClasses, loop: loop, children: children }) }));
|
|
79
|
+
return ((0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Portal, { children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.Content, { ref: ref, align: align, side: side, sideOffset: sideOffset, alignOffset: alignOffset, className: contentClasses, loop: loop, onCloseAutoFocus: onCloseAutoFocus, children: children }) }));
|
|
80
80
|
});
|
|
81
81
|
exports.MenuContent.displayName = 'MenuContent';
|
|
82
82
|
/**
|
|
@@ -113,7 +113,7 @@ exports.MenuGroup.displayName = 'MenuGroup';
|
|
|
113
113
|
/**
|
|
114
114
|
* MenuCheckboxItem - A checkable menu item
|
|
115
115
|
*/
|
|
116
|
-
exports.MenuCheckboxItem = react_1.default.forwardRef(({ children, checked, onCheckedChange, disabled = false, className = '' }, ref) => {
|
|
116
|
+
exports.MenuCheckboxItem = react_1.default.forwardRef(({ children, checked, onCheckedChange, disabled = false, icon, className = '' }, ref) => {
|
|
117
117
|
const itemClasses = [
|
|
118
118
|
'muka-menu__item',
|
|
119
119
|
'muka-menu__item--checkbox',
|
|
@@ -122,7 +122,8 @@ exports.MenuCheckboxItem = react_1.default.forwardRef(({ children, checked, onCh
|
|
|
122
122
|
]
|
|
123
123
|
.filter(Boolean)
|
|
124
124
|
.join(' ');
|
|
125
|
-
|
|
125
|
+
const indicator = ((0, jsx_runtime_1.jsx)("span", { className: "muka-menu__item-indicator", children: (0, jsx_runtime_1.jsx)(DropdownMenuPrimitive.ItemIndicator, { children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "check", size: "sm" }) }) }));
|
|
126
|
+
return ((0, jsx_runtime_1.jsxs)(DropdownMenuPrimitive.CheckboxItem, { ref: ref, className: itemClasses, checked: checked, onCheckedChange: onCheckedChange, disabled: disabled, children: [icon ? (0, jsx_runtime_1.jsx)("span", { className: "muka-menu__item-icon", children: icon }) : indicator, (0, jsx_runtime_1.jsx)("span", { className: "muka-menu__item-label", children: children }), icon ? indicator : null] }));
|
|
126
127
|
});
|
|
127
128
|
exports.MenuCheckboxItem.displayName = 'MenuCheckboxItem';
|
|
128
129
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../components/Menu/Menu.tsx"],"names":[],"mappings":";AAAA,YAAY,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEb,+CAA6C;AAC7C,qFAAuE;AACvE,kCAA+B;AAC/B,sBAAoB;AAQpB,MAAM,WAAW,GAAG,IAAA,qBAAa,EAAmB,EAAE,CAAC,CAAC;AAiBxD;;;;;;;;;;;;;;;;;;GAkBG;AACI,MAAM,IAAI,GAAwB,CAAC,EACxC,QAAQ,EACR,IAAI,EACJ,YAAY,EACZ,WAAW,EACX,KAAK,GAAG,IAAI,GACb,EAAE,EAAE;IACH,OAAO,CACL,uBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,YAAY,EAAE,YAC3C,uBAAC,qBAAqB,CAAC,IAAI,IACzB,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,YAEX,QAAQ,GACkB,GACR,CACxB,CAAC;AACJ,CAAC,CAAC;AAnBW,QAAA,IAAI,QAmBf;AAaF;;GAEG;AACU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CACzC,CAAC,EAAE,QAAQ,EAAE,OAAO,GAAG,KAAK,EAAE,SAAS,GAAG,EAAE,EAAE,EAAE,GAAG,EAAE,EAAE;IACrD,OAAO,CACL,uBAAC,qBAAqB,CAAC,OAAO,IAC5B,GAAG,EAAE,GAAG,EACR,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,IAAI,SAAS,YAEhC,QAAQ,GACqB,CACjC,CAAC;AACJ,CAAC,CACF,CAAC;AACF,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.js","sourceRoot":"","sources":["../../../../components/Menu/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.
|
|
4
|
-
exports.
|
|
5
|
-
exports.PhotoUploader = exports.Thumbnail = exports.LicensePlateInput = exports.PullToRefresh = exports.SwipeActions = exports.Combobox = exports.ChatAttachmentChip = exports.TypingIndicator = exports.AgentTaskList = exports.ChatComposer = exports.ChatMessageList = exports.
|
|
3
|
+
exports.TableCell = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = exports.RangeSlider = exports.DataPieChart = exports.PieChart = exports.Progress = exports.ProfileBadge = exports.AvatarGroup = exports.Avatar = exports.BadgeNumber = exports.Badge = exports.Container = exports.Section = exports.NavigationTransition = exports.AppShell = exports.View = exports.Dialog = exports.BottomBarTab = exports.BottomBar = exports.ControlBar = exports.TopBar = exports.ProgressAccordeon = exports.ProgressTracker = exports.EmptyState = exports.Toast = exports.Alert = exports.RadioTile = exports.CheckboxTile = exports.Toggle = exports.Checkbox = exports.Radio = exports.TabPanel = exports.Tab = exports.TabList = exports.Tabs = exports.Select = exports.Divider = exports.Chip = exports.Icon = exports.Label = exports.Card = exports.NumberInput = exports.useForm = exports.Form = exports.Input = exports.ListItem = exports.Button = void 0;
|
|
4
|
+
exports.AccordionTrigger = exports.AccordionItem = exports.Accordion = exports.PopoverClose = exports.PopoverTrigger = exports.PopoverRoot = exports.PopoverContent = exports.Popover = exports.Tooltip = exports.Drawer = exports.Pagination = exports.Breadcrumb = exports.Skeleton = exports.Textarea = exports.ContextMenuSubContent = exports.ContextMenuSubTrigger = exports.ContextMenuSub = exports.ContextMenuRadioItem = exports.ContextMenuRadioGroup = exports.ContextMenuCheckboxItem = exports.ContextMenuGroup = exports.ContextMenuSeparator = exports.ContextMenuItem = exports.ContextMenuContent = exports.ContextMenuTrigger = exports.ContextMenu = exports.MenuSubContent = exports.MenuSubTrigger = exports.MenuSub = exports.MenuRadioItem = exports.MenuRadioGroup = exports.MenuCheckboxItem = exports.MenuGroup = exports.MenuSeparator = exports.MenuItem = exports.MenuContent = exports.MenuTrigger = exports.Menu = exports.FileUploadItem = exports.FileUpload = exports.SmsOtpField = exports.DocumentViewer = exports.Tile = exports.PriceTag = exports.SegmentGroup = exports.DatePicker = exports.DataTable = exports.useTableSelection = exports.TablePagination = exports.TableHeaderCell = void 0;
|
|
5
|
+
exports.PhotoUploader = exports.Thumbnail = exports.LicensePlateInput = exports.PullToRefresh = exports.SwipeActions = exports.Combobox = exports.ChatAttachmentChip = exports.TypingIndicator = exports.AgentTaskList = exports.ChatComposer = exports.ChatPhotoGrid = exports.ChatMessageList = exports.ChatMessageStack = exports.ChatMessage = exports.SearchInput = exports.ActionSheet = exports.FAB = exports.SpecRow = exports.SpecList = exports.Spinner = exports.Sheet = exports.AccordionContent = void 0;
|
|
6
6
|
// Muka Design System Components
|
|
7
7
|
var Button_1 = require("./Button");
|
|
8
8
|
Object.defineProperty(exports, "Button", { enumerable: true, get: function () { return Button_1.Button; } });
|
|
@@ -72,6 +72,8 @@ var Container_1 = require("./Container");
|
|
|
72
72
|
Object.defineProperty(exports, "Container", { enumerable: true, get: function () { return Container_1.Container; } });
|
|
73
73
|
var Badge_1 = require("./Badge");
|
|
74
74
|
Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return Badge_1.Badge; } });
|
|
75
|
+
var BadgeNumber_1 = require("./BadgeNumber");
|
|
76
|
+
Object.defineProperty(exports, "BadgeNumber", { enumerable: true, get: function () { return BadgeNumber_1.BadgeNumber; } });
|
|
75
77
|
var Avatar_1 = require("./Avatar");
|
|
76
78
|
Object.defineProperty(exports, "Avatar", { enumerable: true, get: function () { return Avatar_1.Avatar; } });
|
|
77
79
|
Object.defineProperty(exports, "AvatarGroup", { enumerable: true, get: function () { return Avatar_1.AvatarGroup; } });
|
|
@@ -174,10 +176,14 @@ var ActionSheet_1 = require("./ActionSheet");
|
|
|
174
176
|
Object.defineProperty(exports, "ActionSheet", { enumerable: true, get: function () { return ActionSheet_1.ActionSheet; } });
|
|
175
177
|
var SearchInput_1 = require("./SearchInput");
|
|
176
178
|
Object.defineProperty(exports, "SearchInput", { enumerable: true, get: function () { return SearchInput_1.SearchInput; } });
|
|
177
|
-
var
|
|
178
|
-
Object.defineProperty(exports, "
|
|
179
|
+
var ChatMessage_1 = require("./ChatMessage");
|
|
180
|
+
Object.defineProperty(exports, "ChatMessage", { enumerable: true, get: function () { return ChatMessage_1.ChatMessage; } });
|
|
181
|
+
var ChatMessageStack_1 = require("./ChatMessageStack");
|
|
182
|
+
Object.defineProperty(exports, "ChatMessageStack", { enumerable: true, get: function () { return ChatMessageStack_1.ChatMessageStack; } });
|
|
179
183
|
var ChatMessageList_1 = require("./ChatMessageList");
|
|
180
184
|
Object.defineProperty(exports, "ChatMessageList", { enumerable: true, get: function () { return ChatMessageList_1.ChatMessageList; } });
|
|
185
|
+
var ChatPhotoGrid_1 = require("./ChatPhotoGrid");
|
|
186
|
+
Object.defineProperty(exports, "ChatPhotoGrid", { enumerable: true, get: function () { return ChatPhotoGrid_1.ChatPhotoGrid; } });
|
|
181
187
|
var ChatComposer_1 = require("./ChatComposer");
|
|
182
188
|
Object.defineProperty(exports, "ChatComposer", { enumerable: true, get: function () { return ChatComposer_1.ChatComposer; } });
|
|
183
189
|
var AgentTaskList_1 = require("./AgentTaskList");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,71 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useLongPress = useLongPress;
|
|
4
|
+
const react_1 = require("react");
|
|
5
|
+
/**
|
|
6
|
+
* useLongPress — press-and-hold gesture for touch and pen input.
|
|
7
|
+
*
|
|
8
|
+
* Mouse input is deliberately ignored, so a component can pair this with a
|
|
9
|
+
* hover affordance without the two fighting each other. The press is cancelled
|
|
10
|
+
* by moving beyond `moveTolerance`, by lifting, and by scrolling.
|
|
11
|
+
*/
|
|
12
|
+
function useLongPress({ onLongPress, delay = 500, moveTolerance = 10, enabled = true, }) {
|
|
13
|
+
const timerRef = (0, react_1.useRef)(null);
|
|
14
|
+
const originRef = (0, react_1.useRef)(null);
|
|
15
|
+
// Stays true between "long press fired" and the browser's synthetic
|
|
16
|
+
// contextmenu, so we only swallow the menu we caused.
|
|
17
|
+
const firedRef = (0, react_1.useRef)(false);
|
|
18
|
+
const clear = (0, react_1.useCallback)(() => {
|
|
19
|
+
if (timerRef.current !== null) {
|
|
20
|
+
clearTimeout(timerRef.current);
|
|
21
|
+
timerRef.current = null;
|
|
22
|
+
}
|
|
23
|
+
originRef.current = null;
|
|
24
|
+
}, []);
|
|
25
|
+
(0, react_1.useEffect)(() => clear, [clear]);
|
|
26
|
+
(0, react_1.useEffect)(() => {
|
|
27
|
+
if (typeof window === 'undefined')
|
|
28
|
+
return;
|
|
29
|
+
window.addEventListener('scroll', clear, true);
|
|
30
|
+
return () => window.removeEventListener('scroll', clear, true);
|
|
31
|
+
}, [clear]);
|
|
32
|
+
const onPointerDown = (0, react_1.useCallback)((event) => {
|
|
33
|
+
if (!enabled)
|
|
34
|
+
return;
|
|
35
|
+
if (event.pointerType !== 'touch' && event.pointerType !== 'pen')
|
|
36
|
+
return;
|
|
37
|
+
clear();
|
|
38
|
+
firedRef.current = false;
|
|
39
|
+
originRef.current = { x: event.clientX, y: event.clientY };
|
|
40
|
+
timerRef.current = setTimeout(() => {
|
|
41
|
+
timerRef.current = null;
|
|
42
|
+
originRef.current = null;
|
|
43
|
+
firedRef.current = true;
|
|
44
|
+
onLongPress();
|
|
45
|
+
}, delay);
|
|
46
|
+
}, [clear, delay, enabled, onLongPress]);
|
|
47
|
+
const onPointerMove = (0, react_1.useCallback)((event) => {
|
|
48
|
+
const origin = originRef.current;
|
|
49
|
+
if (!origin)
|
|
50
|
+
return;
|
|
51
|
+
const dx = event.clientX - origin.x;
|
|
52
|
+
const dy = event.clientY - origin.y;
|
|
53
|
+
if (Math.hypot(dx, dy) > moveTolerance)
|
|
54
|
+
clear();
|
|
55
|
+
}, [clear, moveTolerance]);
|
|
56
|
+
const onContextMenu = (0, react_1.useCallback)((event) => {
|
|
57
|
+
if (!firedRef.current)
|
|
58
|
+
return;
|
|
59
|
+
firedRef.current = false;
|
|
60
|
+
event.preventDefault();
|
|
61
|
+
}, []);
|
|
62
|
+
return {
|
|
63
|
+
onPointerDown,
|
|
64
|
+
onPointerMove,
|
|
65
|
+
onPointerUp: clear,
|
|
66
|
+
onPointerCancel: clear,
|
|
67
|
+
onContextMenu,
|
|
68
|
+
};
|
|
69
|
+
}
|
|
70
|
+
exports.default = useLongPress;
|
|
71
|
+
//# sourceMappingURL=useLongPress.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useLongPress.js","sourceRoot":"","sources":["../../../utils/useLongPress.ts"],"names":[],"mappings":"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"}
|
|
@@ -20,12 +20,19 @@
|
|
|
20
20
|
margin: 0;
|
|
21
21
|
cursor: pointer;
|
|
22
22
|
color: var(--color-text-subtle-default);
|
|
23
|
+
font-family: var(--text-body-sm-regular-fontFamily);
|
|
24
|
+
font-weight: var(--text-body-sm-regular-fontWeight);
|
|
25
|
+
font-size: var(--text-body-sm-regular-fontSize);
|
|
26
|
+
line-height: var(--text-body-sm-regular-lineHeight);
|
|
27
|
+
text-align: left;
|
|
28
|
+
-webkit-tap-highlight-color: transparent;
|
|
29
|
+
}
|
|
30
|
+
|
|
31
|
+
.muka-agent-task-list--open .muka-agent-task-list__header {
|
|
23
32
|
font-family: var(--text-body-sm-bold-fontFamily);
|
|
24
33
|
font-weight: var(--text-body-sm-bold-fontWeight);
|
|
25
34
|
font-size: var(--text-body-sm-bold-fontSize);
|
|
26
35
|
line-height: var(--text-body-sm-bold-lineHeight);
|
|
27
|
-
text-align: left;
|
|
28
|
-
-webkit-tap-highlight-color: transparent;
|
|
29
36
|
}
|
|
30
37
|
|
|
31
38
|
.muka-agent-task-list__header:focus-visible {
|
|
@@ -83,7 +90,7 @@
|
|
|
83
90
|
position: absolute;
|
|
84
91
|
left: 7px;
|
|
85
92
|
width: 1px;
|
|
86
|
-
background-color: var(--color-border-default
|
|
93
|
+
background-color: var(--color-border-default);
|
|
87
94
|
}
|
|
88
95
|
|
|
89
96
|
.muka-agent-task-list__line--top {
|
|
@@ -145,3 +152,15 @@
|
|
|
145
152
|
line-height: var(--text-body-sm-regular-lineHeight);
|
|
146
153
|
word-break: break-word;
|
|
147
154
|
}
|
|
155
|
+
|
|
156
|
+
/* ─── Print ────────────────────────────────────────────── */
|
|
157
|
+
|
|
158
|
+
@media print {
|
|
159
|
+
.muka-agent-task-list {
|
|
160
|
+
break-inside: avoid;
|
|
161
|
+
}
|
|
162
|
+
|
|
163
|
+
.muka-agent-task-list__chevron {
|
|
164
|
+
display: none;
|
|
165
|
+
}
|
|
166
|
+
}
|
|
@@ -9,7 +9,7 @@ import './AgentTaskList.css';
|
|
|
9
9
|
* Renders a header + a vertical timeline of tasks the agent is performing
|
|
10
10
|
* (e.g. searching the web, querying a database, drafting an answer).
|
|
11
11
|
*
|
|
12
|
-
* Typically rendered above the agent's final reply inside a `
|
|
12
|
+
* Typically rendered above the agent's final reply inside a `ChatMessage`
|
|
13
13
|
* with `variant="agent"`.
|
|
14
14
|
*/
|
|
15
15
|
export const AgentTaskList = ({ title, tasks, defaultOpen = true, open: controlledOpen, onOpenChange, className = '', }) => {
|
|
@@ -0,0 +1,105 @@
|
|
|
1
|
+
/* BadgeNumber Component Styles - Using Muka Design Tokens */
|
|
2
|
+
|
|
3
|
+
.muka-badge-number {
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: center;
|
|
7
|
+
border-radius: var(--border-radius-full);
|
|
8
|
+
white-space: nowrap;
|
|
9
|
+
user-select: none;
|
|
10
|
+
box-sizing: border-box;
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
/*
|
|
14
|
+
* Sizes — fixed height, matching min-width (so a single digit renders as a
|
|
15
|
+
* circle), horizontal padding, and bold label typography. Vertical centering
|
|
16
|
+
* is handled by the fixed height + align-items: center.
|
|
17
|
+
*/
|
|
18
|
+
.muka-badge-number--2xs {
|
|
19
|
+
height: var(--badge-number-size-2xs);
|
|
20
|
+
min-width: var(--badge-number-size-2xs);
|
|
21
|
+
padding: 0 var(--badge-number-padding-2xs);
|
|
22
|
+
font-family: var(--text-label-xs-bold-fontFamily);
|
|
23
|
+
font-weight: var(--text-label-xs-bold-fontWeight);
|
|
24
|
+
font-size: var(--text-label-xs-bold-fontSize);
|
|
25
|
+
line-height: var(--text-label-xs-bold-lineHeight);
|
|
26
|
+
}
|
|
27
|
+
|
|
28
|
+
.muka-badge-number--xs {
|
|
29
|
+
height: var(--badge-number-size-xs);
|
|
30
|
+
min-width: var(--badge-number-size-xs);
|
|
31
|
+
padding: 0 var(--badge-number-padding-xs);
|
|
32
|
+
font-family: var(--text-label-sm-bold-fontFamily);
|
|
33
|
+
font-weight: var(--text-label-sm-bold-fontWeight);
|
|
34
|
+
font-size: var(--text-label-sm-bold-fontSize);
|
|
35
|
+
line-height: var(--text-label-sm-bold-lineHeight);
|
|
36
|
+
}
|
|
37
|
+
|
|
38
|
+
.muka-badge-number--sm {
|
|
39
|
+
height: var(--badge-number-size-sm);
|
|
40
|
+
min-width: var(--badge-number-size-sm);
|
|
41
|
+
padding: 0 var(--badge-number-padding-sm);
|
|
42
|
+
font-family: var(--text-label-md-bold-fontFamily);
|
|
43
|
+
font-weight: var(--text-label-md-bold-fontWeight);
|
|
44
|
+
font-size: var(--text-label-md-bold-fontSize);
|
|
45
|
+
line-height: var(--text-label-md-bold-lineHeight);
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
.muka-badge-number--md {
|
|
49
|
+
height: var(--badge-number-size-md);
|
|
50
|
+
min-width: var(--badge-number-size-md);
|
|
51
|
+
padding: 0 var(--badge-number-padding-md);
|
|
52
|
+
font-family: var(--text-label-lg-bold-fontFamily);
|
|
53
|
+
font-weight: var(--text-label-lg-bold-fontWeight);
|
|
54
|
+
font-size: var(--text-label-lg-bold-fontSize);
|
|
55
|
+
line-height: var(--text-label-lg-bold-lineHeight);
|
|
56
|
+
}
|
|
57
|
+
|
|
58
|
+
.muka-badge-number--lg {
|
|
59
|
+
height: var(--badge-number-size-lg);
|
|
60
|
+
min-width: var(--badge-number-size-lg);
|
|
61
|
+
padding: 0 var(--badge-number-padding-lg);
|
|
62
|
+
font-family: var(--text-label-2xl-bold-fontFamily);
|
|
63
|
+
font-weight: var(--text-label-2xl-bold-fontWeight);
|
|
64
|
+
font-size: var(--text-label-2xl-bold-fontSize);
|
|
65
|
+
line-height: var(--text-label-2xl-bold-lineHeight);
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.muka-badge-number__label {
|
|
69
|
+
/*
|
|
70
|
+
* The badge sets a tight line-height for compact sizing, which would clip
|
|
71
|
+
* glyph descenders; give the label a roomier line-height. Vertical centering
|
|
72
|
+
* is unaffected because the badge height is fixed and content is centered.
|
|
73
|
+
*/
|
|
74
|
+
line-height: normal;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
/* Neutral variant */
|
|
78
|
+
.muka-badge-number--neutral {
|
|
79
|
+
background-color: var(--color-surface-level1);
|
|
80
|
+
color: var(--color-text-default-default);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
/* Info variant */
|
|
84
|
+
.muka-badge-number--info {
|
|
85
|
+
background-color: var(--color-state-info-contrast);
|
|
86
|
+
color: var(--color-text-default-inverse);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
/* Success variant */
|
|
90
|
+
.muka-badge-number--success {
|
|
91
|
+
background-color: var(--color-state-success-contrast);
|
|
92
|
+
color: var(--color-text-default-inverse);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
/* Warning variant */
|
|
96
|
+
.muka-badge-number--warning {
|
|
97
|
+
background-color: var(--color-state-warning-contrast);
|
|
98
|
+
color: var(--color-text-default-inverse);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
/* Error variant */
|
|
102
|
+
.muka-badge-number--error {
|
|
103
|
+
background-color: var(--color-state-error-contrast);
|
|
104
|
+
color: var(--color-text-default-inverse);
|
|
105
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import './BadgeNumber.css';
|
|
3
|
+
export const BadgeNumber = ({ children, variant = 'neutral', size = '2xs', className = '', 'aria-label': ariaLabel, ...props }) => {
|
|
4
|
+
const classes = [
|
|
5
|
+
'muka-badge-number',
|
|
6
|
+
`muka-badge-number--${variant}`,
|
|
7
|
+
`muka-badge-number--${size}`,
|
|
8
|
+
className,
|
|
9
|
+
]
|
|
10
|
+
.filter(Boolean)
|
|
11
|
+
.join(' ');
|
|
12
|
+
return (_jsx("span", { className: classes, role: "status", "aria-label": ariaLabel, ...props, children: _jsx("span", { className: "muka-badge-number__label", children: children }) }));
|
|
13
|
+
};
|
|
14
|
+
export default BadgeNumber;
|
|
15
|
+
//# sourceMappingURL=BadgeNumber.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BadgeNumber.js","sourceRoot":"","sources":["../../../../components/BadgeNumber/BadgeNumber.tsx"],"names":[],"mappings":";AACA,OAAO,mBAAmB,CAAC;AAe3B,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,KAAK,EACZ,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,OAAO,GAAG;QACd,mBAAmB;QACnB,sBAAsB,OAAO,EAAE;QAC/B,sBAAsB,IAAI,EAAE;QAC5B,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,OAAO,CACL,eAAM,SAAS,EAAE,OAAO,EAAE,IAAI,EAAC,QAAQ,gBAAa,SAAS,KAAM,KAAK,YACtE,eAAM,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAQ,GACvD,CACR,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/BadgeNumber/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -81,11 +81,6 @@
|
|
|
81
81
|
max-width: var(--bottombar-chat-max-width);
|
|
82
82
|
}
|
|
83
83
|
|
|
84
|
-
/* Let the composer fill the wider bar instead of its standalone 768px cap. */
|
|
85
|
-
.muka-bottombar--chat .muka-chat-composer {
|
|
86
|
-
max-width: none;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
84
|
/* ─── Tab item ────────────────────────────────────────── */
|
|
90
85
|
|
|
91
86
|
.muka-bottombar__tab {
|
|
@@ -296,3 +291,11 @@
|
|
|
296
291
|
box-shadow: none;
|
|
297
292
|
}
|
|
298
293
|
}
|
|
294
|
+
|
|
295
|
+
/* ─── Print ────────────────────────────────────────────── */
|
|
296
|
+
|
|
297
|
+
@media print {
|
|
298
|
+
.muka-bottombar {
|
|
299
|
+
display: none;
|
|
300
|
+
}
|
|
301
|
+
}
|