@revikornmann/muka-ui 0.10.0 → 0.12.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (86) hide show
  1. package/build/manifest.json +20 -0
  2. package/dist/cjs/components/AgentTaskList/AgentTaskList.css +22 -3
  3. package/dist/cjs/components/BottomBar/BottomBar.css +27 -2
  4. package/dist/cjs/components/BottomBar/BottomBar.js +1 -0
  5. package/dist/cjs/components/BottomBar/BottomBar.js.map +1 -1
  6. package/dist/cjs/components/Button/Button.css +13 -6
  7. package/dist/cjs/components/Button/Button.js +1 -1
  8. package/dist/cjs/components/ChatBubble/ChatBubble.css +251 -31
  9. package/dist/cjs/components/ChatBubble/ChatBubble.js +17 -4
  10. package/dist/cjs/components/ChatBubble/ChatBubble.js.map +1 -1
  11. package/dist/cjs/components/ChatComposer/ChatComposer.css +13 -1
  12. package/dist/cjs/components/ChatMessageList/ChatMessageList.css +17 -1
  13. package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.css +113 -0
  14. package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.js +47 -0
  15. package/dist/cjs/components/ChatPhotoGrid/ChatPhotoGrid.js.map +1 -0
  16. package/dist/cjs/components/ChatPhotoGrid/index.js +11 -0
  17. package/dist/cjs/components/ChatPhotoGrid/index.js.map +1 -0
  18. package/dist/cjs/components/index.js +3 -1
  19. package/dist/cjs/components/index.js.map +1 -1
  20. package/dist/esm/components/AgentTaskList/AgentTaskList.css +22 -3
  21. package/dist/esm/components/BottomBar/BottomBar.css +27 -2
  22. package/dist/esm/components/BottomBar/BottomBar.js +1 -0
  23. package/dist/esm/components/BottomBar/BottomBar.js.map +1 -1
  24. package/dist/esm/components/Button/Button.css +13 -6
  25. package/dist/esm/components/Button/Button.js +1 -1
  26. package/dist/esm/components/ChatBubble/ChatBubble.css +251 -31
  27. package/dist/esm/components/ChatBubble/ChatBubble.js +18 -5
  28. package/dist/esm/components/ChatBubble/ChatBubble.js.map +1 -1
  29. package/dist/esm/components/ChatComposer/ChatComposer.css +13 -1
  30. package/dist/esm/components/ChatMessageList/ChatMessageList.css +17 -1
  31. package/dist/esm/components/ChatPhotoGrid/ChatPhotoGrid.css +113 -0
  32. package/dist/esm/components/ChatPhotoGrid/ChatPhotoGrid.js +43 -0
  33. package/dist/esm/components/ChatPhotoGrid/ChatPhotoGrid.js.map +1 -0
  34. package/dist/esm/components/ChatPhotoGrid/index.js +3 -0
  35. package/dist/esm/components/ChatPhotoGrid/index.js.map +1 -0
  36. package/dist/esm/components/index.js +1 -0
  37. package/dist/esm/components/index.js.map +1 -1
  38. package/dist/styles/components/AgentTaskList.css +22 -3
  39. package/dist/styles/components/BottomBar.css +27 -2
  40. package/dist/styles/components/Button.css +13 -6
  41. package/dist/styles/components/ChatBubble.css +251 -31
  42. package/dist/styles/components/ChatComposer.css +13 -1
  43. package/dist/styles/components/ChatMessageList.css +17 -1
  44. package/dist/styles/components/ChatPhotoGrid.css +113 -0
  45. package/dist/styles/index.css +1178 -704
  46. package/dist/styles/muka-dark.css +1178 -704
  47. package/dist/styles/muka-light.css +1178 -704
  48. package/dist/styles/tokens-bouwplan-dark.css +61 -2
  49. package/dist/styles/tokens-bouwplan-light.css +61 -2
  50. package/dist/styles/tokens-fscl-dark.css +61 -2
  51. package/dist/styles/tokens-fscl-light.css +61 -2
  52. package/dist/styles/tokens-grip-dark.css +61 -2
  53. package/dist/styles/tokens-grip-light.css +61 -2
  54. package/dist/styles/tokens-muka-dark.css +61 -2
  55. package/dist/styles/tokens-muka-light.css +61 -2
  56. package/dist/styles/tokens-wireframe-dark.css +61 -2
  57. package/dist/styles/tokens-wireframe-light.css +61 -2
  58. package/dist/styles/wireframe-dark.css +1178 -704
  59. package/dist/styles/wireframe-light.css +1178 -704
  60. package/dist/types/components/BottomBar/BottomBar.d.ts +3 -2
  61. package/dist/types/components/BottomBar/BottomBar.d.ts.map +1 -1
  62. package/dist/types/components/Button/Button.d.ts +1 -1
  63. package/dist/types/components/ChatBubble/ChatBubble.d.ts +63 -8
  64. package/dist/types/components/ChatBubble/ChatBubble.d.ts.map +1 -1
  65. package/dist/types/components/ChatPhotoGrid/ChatPhotoGrid.d.ts +44 -0
  66. package/dist/types/components/ChatPhotoGrid/ChatPhotoGrid.d.ts.map +1 -0
  67. package/dist/types/components/ChatPhotoGrid/index.d.ts +3 -0
  68. package/dist/types/components/ChatPhotoGrid/index.d.ts.map +1 -0
  69. package/dist/types/components/index.d.ts +1 -0
  70. package/dist/types/components/index.d.ts.map +1 -1
  71. package/package.json +1 -1
  72. package/tokens/README.md +14 -0
  73. package/tokens/t2-alias/brand/bouwplan/dark.json +24 -0
  74. package/tokens/t2-alias/brand/bouwplan/light.json +24 -0
  75. package/tokens/t2-alias/brand/fscl/dark.json +24 -0
  76. package/tokens/t2-alias/brand/fscl/light.json +24 -0
  77. package/tokens/t2-alias/brand/grip/dark.json +54 -0
  78. package/tokens/t2-alias/brand/grip/light.json +54 -0
  79. package/tokens/t2-alias/brand/muka/dark.json +54 -0
  80. package/tokens/t2-alias/brand/muka/light.json +54 -0
  81. package/tokens/t2-alias/brand/wireframe/dark.json +54 -0
  82. package/tokens/t2-alias/brand/wireframe/light.json +54 -0
  83. package/tokens/t3-semantics/ui.json +190 -0
  84. package/tokens/t4-components/bottombar.json +11 -5
  85. package/tokens/t4-components/chatbubble.json +154 -0
  86. package/tokens/t4-components/chatphotogrid.json +32 -0
@@ -17,8 +17,8 @@ export interface BottomBarTabProps {
17
17
  */
18
18
  export declare const BottomBarTab: React.FC<BottomBarTabProps>;
19
19
  export interface BottomBarProps {
20
- /** Bar variant — "actions" for horizontal buttons, "actions-vertical" for stacked buttons, "navigation" for tab items */
21
- variant: 'actions' | 'actions-vertical' | 'navigation';
20
+ /** Bar variant — "actions" for horizontal buttons, "actions-vertical" for stacked buttons, "navigation" for tab items, "chat" to house a ChatComposer */
21
+ variant: 'actions' | 'actions-vertical' | 'navigation' | 'chat';
22
22
  /** Button size — only applies to "actions" and "actions-vertical" variants */
23
23
  size?: 'sm' | 'lg';
24
24
  /** Floating style — elevated card with rounded corners */
@@ -51,6 +51,7 @@ export interface BottomBarProps {
51
51
  * **Variants:**
52
52
  * - `actions`: Renders children as a row of action buttons.
53
53
  * - `navigation`: Renders BottomBarTab children as a tab bar.
54
+ * - `chat`: Houses a ChatComposer, capped at `container.max-width.lg` and centered.
54
55
  *
55
56
  * **Floating:** When `floating={true}`, the bar becomes a floating card
56
57
  * with rounded corners, padding, and shadow — used in "top level" views.
@@ -1 +1 @@
1
- {"version":3,"file":"BottomBar.d.ts","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AAIzB,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB,gFAAgF;IAChF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,yHAAyH;IACzH,OAAO,EAAE,SAAS,GAAG,kBAAkB,GAAG,YAAY,CAAC;IAEvD,8EAA8E;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAEjC,wFAAwF;IACxF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;GAiBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgC9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
1
+ {"version":3,"file":"BottomBar.d.ts","sourceRoot":"","sources":["../../../../components/BottomBar/BottomBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,iBAAiB,CAAC;AAIzB,MAAM,WAAW,iBAAiB;IAChC,2CAA2C;IAC3C,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;IAEtB,gFAAgF;IAChF,UAAU,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE7B,gBAAgB;IAChB,KAAK,EAAE,MAAM,CAAC;IAEd,2CAA2C;IAC3C,MAAM,CAAC,EAAE,OAAO,CAAC;IAEjB,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA2BpD,CAAC;AAIF,MAAM,WAAW,cAAc;IAC7B,yJAAyJ;IACzJ,OAAO,EAAE,SAAS,GAAG,kBAAkB,GAAG,YAAY,GAAG,MAAM,CAAC;IAEhE,8EAA8E;IAC9E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IAEnB,0DAA0D;IAC1D,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,SAAS,GAAG,QAAQ,CAAC;IAEjC,wFAAwF;IACxF,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;GAkBG;AACH,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAgC9C,CAAC;AAEF,eAAe,SAAS,CAAC"}
@@ -37,7 +37,7 @@ export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElemen
37
37
  * - Uses native <button> element for full keyboard support
38
38
  * - Focus indicator meets WCAG 2.4.7 (visible focus)
39
39
  * - When iconOnly=true, aria-label is required (dev warning if missing)
40
- * - Supports aria-pressed for toggle buttons
40
+ * - Supports aria-pressed for toggle buttons (renders the pressed treatment when true)
41
41
  * - Supports aria-expanded/aria-controls for menu buttons
42
42
  *
43
43
  * @see https://www.w3.org/WAI/ARIA/apg/patterns/button/
@@ -3,27 +3,82 @@ import './ChatBubble.css';
3
3
  export interface ChatBubbleProps {
4
4
  /**
5
5
  * Message author.
6
- * - `user` — right-aligned, level2 surface bubble
7
- * - `agent` — full-width, no bubble (text sits directly on the surface)
6
+ * - `own` — the signed-in user's own message: right-aligned, timestamp inside bottom-right
7
+ * - `peer` — another human in the conversation: left-aligned card with border + shadow
8
+ * - `agent` — AI or system author: left-aligned balloon
8
9
  */
9
- variant: 'user' | 'agent';
10
+ variant: 'own' | 'peer' | 'agent';
10
11
  /** Message body. Plain text or rich content (e.g. a markdown renderer) */
11
12
  children: React.ReactNode;
12
- /** Optional timestamp shown in the meta row (e.g. "19:54") */
13
+ /**
14
+ * Avatar rendered in the rail beside the bubble (right for `own`, left otherwise).
15
+ * Pass an `<Avatar />` or `<ProfileBadge />`.
16
+ */
17
+ avatar?: React.ReactNode;
18
+ /** Author name shown in the header row (`peer` and `agent`) */
19
+ author?: string;
20
+ /** Role or label rendered after the author name (e.g. "Onderaannemer elektra") */
21
+ authorMeta?: string;
22
+ /**
23
+ * Status/visibility badge rendered at the end of the header row.
24
+ * Pass a `<Badge size="sm">` (e.g. "Alleen zichtbaar voor jou").
25
+ */
26
+ badge?: React.ReactNode;
27
+ /** Timestamp (e.g. "19:54"). In the header row, except for `own` where it sits inside the bubble. */
13
28
  timestamp?: string;
29
+ /** Media block above the message body — typically a `<ChatPhotoGrid />` */
30
+ media?: React.ReactNode;
31
+ /**
32
+ * Tinted, bordered card rendered inside the bubble below the body.
33
+ * Content-agnostic — pass whatever structured content the message carries.
34
+ */
35
+ embed?: React.ReactNode;
36
+ /** When provided, renders a copy button in the embed's top-right corner */
37
+ onEmbedCopy?: () => void;
38
+ /** Accessible label for the embed copy button. Default: 'Copy' */
39
+ embedCopyLabel?: string;
40
+ /**
41
+ * Vertical stack of full-width action buttons rendered inside the bubble
42
+ * (e.g. "Ja, sluit af" / "Annuleer"). Pass `<Button fullWidth>` children.
43
+ */
44
+ actionStack?: React.ReactNode;
45
+ /** When provided, renders a copy button in the action bar below the bubble */
46
+ onCopy?: () => void;
47
+ /** Accessible label for the copy action. Default: 'Copy' */
48
+ copyLabel?: string;
49
+ /**
50
+ * When provided, renders the thumbs up/down feedback pair in the action bar.
51
+ * Called with the value the user picked, or `null` when they clear it.
52
+ */
53
+ onFeedback?: (value: 'up' | 'down' | null) => void;
54
+ /** Current feedback selection. Drives `aria-pressed` on the thumbs. */
55
+ feedback?: 'up' | 'down' | null;
56
+ /** Accessible label for thumbs up. Default: 'Helpful' */
57
+ feedbackUpLabel?: string;
58
+ /** Accessible label for thumbs down. Default: 'Not helpful' */
59
+ feedbackDownLabel?: string;
60
+ /** When provided, renders a refresh/regenerate button in the action bar */
61
+ onRefresh?: () => void;
62
+ /** Accessible label for the refresh action. Default: 'Regenerate' */
63
+ refreshLabel?: string;
14
64
  /**
15
- * Optional action buttons rendered in the meta row below the message
16
- * (typically icon-only buttons: copy, regenerate, like/dislike, edit).
65
+ * Extra nodes appended to the action bar after the built-in copy, feedback
66
+ * and refresh actions. Toggle buttons should set `aria-pressed`.
17
67
  */
18
68
  actions?: React.ReactNode;
69
+ /** When provided, renders a chevron affordance in the bubble's top-right corner */
70
+ onMenuClick?: () => void;
71
+ /** Accessible label for the menu button. Default: 'Message options' */
72
+ menuLabel?: string;
19
73
  /** Additional CSS classes */
20
74
  className?: string;
21
75
  }
22
76
  /**
23
77
  * ChatBubble — a single chat message.
24
78
  *
25
- * Composes with `ChatMessageList`. For agent messages, render an `AgentTaskList`
26
- * above the bubble children if you want to show tool/task progress.
79
+ * Composes with `ChatMessageList`. Pass `<ChatPhotoGrid />` to `media`, an
80
+ * `<AgentTaskList />` above the bubble for tool progress, and a `<Badge />` to
81
+ * `badge` for visibility scope.
27
82
  */
28
83
  export declare const ChatBubble: React.FC<ChatBubbleProps>;
29
84
  export default ChatBubble;
@@ -1 +1 @@
1
- {"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../../../components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B;;;;OAIG;IACH,OAAO,EAAE,MAAM,GAAG,OAAO,CAAC;IAE1B,0EAA0E;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,8DAA8D;IAC9D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;GAKG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA8BhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
1
+ {"version":3,"file":"ChatBubble.d.ts","sourceRoot":"","sources":["../../../../components/ChatBubble/ChatBubble.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,kBAAkB,CAAC;AAE1B,MAAM,WAAW,eAAe;IAC9B;;;;;OAKG;IACH,OAAO,EAAE,KAAK,GAAG,MAAM,GAAG,OAAO,CAAC;IAElC,0EAA0E;IAC1E,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B;;;OAGG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAEzB,+DAA+D;IAC/D,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB,kFAAkF;IAClF,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,2EAA2E;IAC3E,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB;;;OAGG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAExB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,kEAAkE;IAClE,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B,8EAA8E;IAC9E,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,4DAA4D;IAC5D,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB;;;OAGG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAC;IAEnD,uEAAuE;IACvE,QAAQ,CAAC,EAAE,IAAI,GAAG,MAAM,GAAG,IAAI,CAAC;IAEhC,yDAAyD;IACzD,eAAe,CAAC,EAAE,MAAM,CAAC;IAEzB,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAE3B,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IAEvB,qEAAqE;IACrE,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE1B,mFAAmF;IACnF,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IAEzB,uEAAuE;IACvE,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAsLhD,CAAC;AAEF,eAAe,UAAU,CAAC"}
@@ -0,0 +1,44 @@
1
+ import React from 'react';
2
+ import './ChatPhotoGrid.css';
3
+ export interface ChatPhoto {
4
+ /** Image source */
5
+ src: string;
6
+ /** Alternative text. Falls back to an empty string (decorative) when omitted. */
7
+ alt?: string;
8
+ /** Called when the tile is activated. When set, the tile becomes a button. */
9
+ onClick?: () => void;
10
+ }
11
+ export interface ChatPhotoGridProps {
12
+ /** Photos to display, in order */
13
+ photos: ChatPhoto[];
14
+ /**
15
+ * Aspect ratio used when there is exactly one photo.
16
+ * Default: `landscape` (4:3). `portrait` is 3:4.
17
+ */
18
+ singleOrientation?: 'landscape' | 'portrait';
19
+ /**
20
+ * Maximum number of tiles shown before the last one becomes an overflow tile.
21
+ * Default: 6
22
+ */
23
+ max?: number;
24
+ /** Label for the overflow tile. Default: `` (count) => `+${count}` `` */
25
+ overflowLabel?: (count: number) => string;
26
+ /** Called when the overflow tile is activated */
27
+ onOverflowClick?: () => void;
28
+ /** Accessible label for the grid. Default: 'Photos' */
29
+ 'aria-label'?: string;
30
+ /** Additional CSS classes */
31
+ className?: string;
32
+ }
33
+ /**
34
+ * ChatPhotoGrid — responsive photo grid for a chat message.
35
+ *
36
+ * Column counts follow the design: 1 → single tile (4:3 or 3:4), 2 → 2 columns,
37
+ * 3 → 3 columns, 4 → 2×2, 5 → a 2-up row above a 3-up row, 6 → 2×3. Beyond
38
+ * `max`, the final tile shows a `+N` overflow badge.
39
+ *
40
+ * Compose into `ChatBubble`'s `media` slot.
41
+ */
42
+ export declare const ChatPhotoGrid: React.FC<ChatPhotoGridProps>;
43
+ export default ChatPhotoGrid;
44
+ //# sourceMappingURL=ChatPhotoGrid.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ChatPhotoGrid.d.ts","sourceRoot":"","sources":["../../../../components/ChatPhotoGrid/ChatPhotoGrid.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,qBAAqB,CAAC;AAE7B,MAAM,WAAW,SAAS;IACxB,mBAAmB;IACnB,GAAG,EAAE,MAAM,CAAC;IAEZ,iFAAiF;IACjF,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,8EAA8E;IAC9E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,kBAAkB;IACjC,kCAAkC;IAClC,MAAM,EAAE,SAAS,EAAE,CAAC;IAEpB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,WAAW,GAAG,UAAU,CAAC;IAE7C;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,yEAAyE;IACzE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAE1C,iDAAiD;IACjD,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAE7B,uDAAuD;IACvD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEtB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;GAQG;AACH,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA8DtD,CAAC;AAEF,eAAe,aAAa,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { ChatPhotoGrid, type ChatPhotoGridProps, type ChatPhoto, } from './ChatPhotoGrid';
2
+ export { default } from './ChatPhotoGrid';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/ChatPhotoGrid/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,SAAS,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,OAAO,EAAE,MAAM,iBAAiB,CAAC"}
@@ -65,6 +65,7 @@ export { ActionSheet, type ActionSheetProps, type ActionSheetItem, } from './Act
65
65
  export { SearchInput, type SearchInputProps } from './SearchInput';
66
66
  export { ChatBubble, type ChatBubbleProps } from './ChatBubble';
67
67
  export { ChatMessageList, type ChatMessageListProps } from './ChatMessageList';
68
+ export { ChatPhotoGrid, type ChatPhotoGridProps, type ChatPhoto, } from './ChatPhotoGrid';
68
69
  export { ChatComposer, type ChatComposerProps } from './ChatComposer';
69
70
  export { AgentTaskList, type AgentTaskListProps, type AgentTask, } from './AgentTaskList';
70
71
  export { TypingIndicator, type TypingIndicatorProps } from './TypingIndicator';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EACL,IAAI,EACJ,KAAK,SAAS,EACd,OAAO,EACP,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,aAAa,EAClB,KAAK,WAAW,EAChB,KAAK,UAAU,GAChB,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,KAAK,QAAQ,EAAE,MAAM,QAAQ,CAAC;AAC7D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AACvE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAC;AACtD,YAAY,EAAE,SAAS,EAAE,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,QAAQ,CAAC;AAC/E,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzG,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,EAC3B,KAAK,sBAAsB,EAC3B,KAAK,uBAAuB,GAC7B,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AACtF,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,KAAK,cAAc,EAAE,KAAK,iBAAiB,EAAE,MAAM,aAAa,CAAC;AACnG,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,oBAAoB,EAAE,KAAK,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AAC9F,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,UAAU,CAAC;AACxF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,KAAK,eAAe,EAAE,MAAM,YAAY,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,QAAQ,EACR,SAAS,EACT,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,KAAK,UAAU,EACf,KAAK,cAAc,EACnB,KAAK,cAAc,EACnB,KAAK,aAAa,EAClB,KAAK,cAAc,EACnB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,wBAAwB,EAC7B,KAAK,uBAAuB,GAC7B,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,SAAS,EACT,KAAK,cAAc,EACnB,KAAK,eAAe,EACpB,KAAK,sBAAsB,EAC3B,KAAK,aAAa,GACnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAC1F,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACnG,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EACL,UAAU,EACV,cAAc,EACd,KAAK,eAAe,EACpB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,YAAY,GAClB,MAAM,cAAc,CAAC;AACtB,OAAO,EACL,IAAI,EACJ,WAAW,EACX,WAAW,EACX,QAAQ,EACR,aAAa,EACb,SAAS,EACT,gBAAgB,EAChB,cAAc,EACd,aAAa,EACb,OAAO,EACP,cAAc,EACd,cAAc,GACf,MAAM,QAAQ,CAAC;AAChB,YAAY,EACV,SAAS,EACT,gBAAgB,EAChB,gBAAgB,EAChB,aAAa,EACb,kBAAkB,EAClB,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EACnB,kBAAkB,EAClB,YAAY,EACZ,mBAAmB,EACnB,mBAAmB,GACpB,MAAM,QAAQ,CAAC;AAChB,OAAO,EACL,WAAW,EACX,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,oBAAoB,EACpB,gBAAgB,EAChB,uBAAuB,EACvB,qBAAqB,EACrB,oBAAoB,EACpB,cAAc,EACd,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,eAAe,CAAC;AACvB,YAAY,EACV,gBAAgB,EAChB,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,yBAAyB,EACzB,qBAAqB,EACrB,4BAA4B,EAC5B,0BAA0B,EAC1B,yBAAyB,EACzB,mBAAmB,EACnB,0BAA0B,EAC1B,0BAA0B,GAC3B,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AACrF,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EACL,OAAO,EACP,cAAc,EACd,WAAW,EACX,cAAc,EACd,YAAY,EACZ,KAAK,YAAY,EACjB,KAAK,mBAAmB,GACzB,MAAM,WAAW,CAAC;AACnB,OAAO,EACL,SAAS,EACT,aAAa,EACb,gBAAgB,EAChB,gBAAgB,GACjB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,SAAS,CAAC;AACjD,OAAO,EAAE,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,KAAK,aAAa,EAAE,KAAK,YAAY,EAAE,MAAM,YAAY,CAAC;AACtF,OAAO,EAAE,GAAG,EAAE,KAAK,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EACL,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,eAAe,GACrB,MAAM,eAAe,CAAC;AACvB,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,UAAU,EAAE,KAAK,eAAe,EAAE,MAAM,cAAc,CAAC;AAChE,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,EACvB,KAAK,SAAS,GACf,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC/E,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,GAC7B,MAAM,sBAAsB,CAAC;AAC9B,OAAO,EACL,QAAQ,EACR,KAAK,aAAa,EAClB,KAAK,cAAc,GACpB,MAAM,YAAY,CAAC;AACpB,OAAO,EACL,YAAY,EACZ,KAAK,iBAAiB,EACtB,KAAK,iBAAiB,GACvB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,iBAAiB,CAAC;AACzE,OAAO,EACL,iBAAiB,EACjB,KAAK,sBAAsB,GAC5B,MAAM,qBAAqB,CAAC;AAC7B,YAAY,EACV,cAAc,EACd,kBAAkB,EAClB,qBAAqB,EACrB,qBAAqB,GACtB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7D,OAAO,EACL,aAAa,EACb,KAAK,kBAAkB,GACxB,MAAM,iBAAiB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@revikornmann/muka-ui",
3
- "version": "0.10.0",
3
+ "version": "0.12.0",
4
4
  "description": "Muka Design System - Multi-brand design tokens and React components",
5
5
  "main": "dist/cjs/components/index.js",
6
6
  "module": "dist/esm/components/index.js",
package/tokens/README.md CHANGED
@@ -73,8 +73,22 @@ npm run validate:tokens # Validate JSON structure
73
73
  - Never use T1 primitives directly in components
74
74
  - Use T4 component tokens or T3 semantic tokens in CSS
75
75
  - Brand customization happens at the T2 alias layer
76
+ - T2 holds palette **roles** (`brand`, `accent`, `neutral`, `state`, `conversation`),
77
+ never component names. A component needing brand-tunable colour gets a role at T2, an
78
+ intent mapping at T3, and references T3 from T4
79
+ - Prefer named surface steps (`surface.default` / `surface.raised`) over numbered ones in
80
+ new roles — the existing `level0→3` scales run in opposite directions at T2 and T3
81
+ - Every brand/mode file must define the full set of leaves for a role — an unknown
82
+ reference is written into the CSS as the literal `{token.path}`, silently.
83
+ `npm run validate:tokens` fails on that
76
84
  - Layout tokens use breakpoint override files, not inline metadata
77
85
 
86
+ ## Known discrepancy
87
+
88
+ The inheritance list above documents brand/theme overrides as applying *after* T4, but
89
+ `build/manifest.json` loads brand files **before** T3 and T4. Brand values therefore have
90
+ to flow upward by reference; a brand file cannot override a `{component}.*` token directly.
91
+
78
92
  ## Human Docs
79
93
  <!-- SYNC: Update paths when Storybook docs change -->
80
94
  - Token architecture guide: components/Documentation/TokenArchitecture.mdx
@@ -118,6 +118,30 @@
118
118
  "level3": { "$type": "color", "$value": "{color.sandDark.5}" }
119
119
  }
120
120
  }
121
+ },
122
+ "conversation": {
123
+ "own": {
124
+ "surface": {
125
+ "default": { "$type": "color", "$value": "{color.mintDark.3}" },
126
+ "raised": { "$type": "color", "$value": "{color.mintDark.2}" }
127
+ },
128
+ "border": { "$type": "color", "$value": "{color.mintDark.5}" }
129
+ },
130
+ "peer": {
131
+ "surface": {
132
+ "default": { "$type": "color", "$value": "{alias.color.neutral.1}" },
133
+ "raised": { "$type": "color", "$value": "{alias.color.neutral.2}" }
134
+ },
135
+ "border": { "$type": "color", "$value": "{alias.color.neutral.5}" }
136
+ },
137
+ "agent": {
138
+ "surface": {
139
+ "default": { "$type": "color", "$value": "{color.amberDark.3}" },
140
+ "raised": { "$type": "color", "$value": "{color.amberDark.2}" }
141
+ },
142
+ "border": { "$type": "color", "$value": "{color.amberDark.5}" }
143
+ },
144
+ "meta": { "$type": "color", "$value": "{alias.color.neutral.11}" }
121
145
  }
122
146
  }
123
147
  }
@@ -118,6 +118,30 @@
118
118
  "level3": { "$type": "color", "$value": "{color.sand.5}" }
119
119
  }
120
120
  }
121
+ },
122
+ "conversation": {
123
+ "own": {
124
+ "surface": {
125
+ "default": { "$type": "color", "$value": "{color.mint.3}" },
126
+ "raised": { "$type": "color", "$value": "{color.mint.2}" }
127
+ },
128
+ "border": { "$type": "color", "$value": "{color.mint.5}" }
129
+ },
130
+ "peer": {
131
+ "surface": {
132
+ "default": { "$type": "color", "$value": "{alias.color.neutral.1}" },
133
+ "raised": { "$type": "color", "$value": "{alias.color.neutral.2}" }
134
+ },
135
+ "border": { "$type": "color", "$value": "{alias.color.neutral.5}" }
136
+ },
137
+ "agent": {
138
+ "surface": {
139
+ "default": { "$type": "color", "$value": "{color.amber.3}" },
140
+ "raised": { "$type": "color", "$value": "{color.amber.2}" }
141
+ },
142
+ "border": { "$type": "color", "$value": "{color.amber.5}" }
143
+ },
144
+ "meta": { "$type": "color", "$value": "{alias.color.neutral.11}" }
121
145
  }
122
146
  }
123
147
  }
@@ -115,6 +115,30 @@
115
115
  "level3": { "$type": "color", "$value": "{color.grayDark.5}" }
116
116
  }
117
117
  }
118
+ },
119
+ "conversation": {
120
+ "own": {
121
+ "surface": {
122
+ "default": { "$type": "color", "$value": "{color.greenDark.3}" },
123
+ "raised": { "$type": "color", "$value": "{color.greenDark.2}" }
124
+ },
125
+ "border": { "$type": "color", "$value": "{color.greenDark.5}" }
126
+ },
127
+ "peer": {
128
+ "surface": {
129
+ "default": { "$type": "color", "$value": "{alias.color.neutral.1}" },
130
+ "raised": { "$type": "color", "$value": "{alias.color.neutral.2}" }
131
+ },
132
+ "border": { "$type": "color", "$value": "{alias.color.neutral.5}" }
133
+ },
134
+ "agent": {
135
+ "surface": {
136
+ "default": { "$type": "color", "$value": "{color.amberDark.3}" },
137
+ "raised": { "$type": "color", "$value": "{color.amberDark.2}" }
138
+ },
139
+ "border": { "$type": "color", "$value": "{color.amberDark.5}" }
140
+ },
141
+ "meta": { "$type": "color", "$value": "{alias.color.neutral.11}" }
118
142
  }
119
143
  }
120
144
  }
@@ -104,6 +104,30 @@
104
104
  "level3": { "$type": "color", "$value": "{color.blue.5}" }
105
105
  }
106
106
  }
107
+ },
108
+ "conversation": {
109
+ "own": {
110
+ "surface": {
111
+ "default": { "$type": "color", "$value": "{color.green.3}" },
112
+ "raised": { "$type": "color", "$value": "{color.green.2}" }
113
+ },
114
+ "border": { "$type": "color", "$value": "{color.green.5}" }
115
+ },
116
+ "peer": {
117
+ "surface": {
118
+ "default": { "$type": "color", "$value": "{alias.color.neutral.1}" },
119
+ "raised": { "$type": "color", "$value": "{alias.color.neutral.2}" }
120
+ },
121
+ "border": { "$type": "color", "$value": "{alias.color.neutral.5}" }
122
+ },
123
+ "agent": {
124
+ "surface": {
125
+ "default": { "$type": "color", "$value": "{color.amber.3}" },
126
+ "raised": { "$type": "color", "$value": "{color.amber.2}" }
127
+ },
128
+ "border": { "$type": "color", "$value": "{color.amber.5}" }
129
+ },
130
+ "meta": { "$type": "color", "$value": "{alias.color.neutral.11}" }
107
131
  }
108
132
  }
109
133
  }
@@ -352,6 +352,60 @@
352
352
  }
353
353
  }
354
354
  }
355
+ },
356
+ "conversation": {
357
+ "own": {
358
+ "surface": {
359
+ "default": {
360
+ "$type": "color",
361
+ "$value": "{color.mintDark.3}"
362
+ },
363
+ "raised": {
364
+ "$type": "color",
365
+ "$value": "{color.mintDark.2}"
366
+ }
367
+ },
368
+ "border": {
369
+ "$type": "color",
370
+ "$value": "{color.mintDark.5}"
371
+ }
372
+ },
373
+ "peer": {
374
+ "surface": {
375
+ "default": {
376
+ "$type": "color",
377
+ "$value": "{alias.color.neutral.1}"
378
+ },
379
+ "raised": {
380
+ "$type": "color",
381
+ "$value": "{alias.color.neutral.2}"
382
+ }
383
+ },
384
+ "border": {
385
+ "$type": "color",
386
+ "$value": "{alias.color.neutral.5}"
387
+ }
388
+ },
389
+ "agent": {
390
+ "surface": {
391
+ "default": {
392
+ "$type": "color",
393
+ "$value": "{color.amberDark.3}"
394
+ },
395
+ "raised": {
396
+ "$type": "color",
397
+ "$value": "{color.amberDark.2}"
398
+ }
399
+ },
400
+ "border": {
401
+ "$type": "color",
402
+ "$value": "{color.amberDark.5}"
403
+ }
404
+ },
405
+ "meta": {
406
+ "$type": "color",
407
+ "$value": "{alias.color.neutral.11}"
408
+ }
355
409
  }
356
410
  }
357
411
  }
@@ -352,6 +352,60 @@
352
352
  }
353
353
  }
354
354
  }
355
+ },
356
+ "conversation": {
357
+ "own": {
358
+ "surface": {
359
+ "default": {
360
+ "$type": "color",
361
+ "$value": "{color.mint.3}"
362
+ },
363
+ "raised": {
364
+ "$type": "color",
365
+ "$value": "{color.mint.2}"
366
+ }
367
+ },
368
+ "border": {
369
+ "$type": "color",
370
+ "$value": "{color.mint.5}"
371
+ }
372
+ },
373
+ "peer": {
374
+ "surface": {
375
+ "default": {
376
+ "$type": "color",
377
+ "$value": "{alias.color.neutral.1}"
378
+ },
379
+ "raised": {
380
+ "$type": "color",
381
+ "$value": "{alias.color.neutral.2}"
382
+ }
383
+ },
384
+ "border": {
385
+ "$type": "color",
386
+ "$value": "{alias.color.neutral.5}"
387
+ }
388
+ },
389
+ "agent": {
390
+ "surface": {
391
+ "default": {
392
+ "$type": "color",
393
+ "$value": "{color.amber.3}"
394
+ },
395
+ "raised": {
396
+ "$type": "color",
397
+ "$value": "{color.amber.2}"
398
+ }
399
+ },
400
+ "border": {
401
+ "$type": "color",
402
+ "$value": "{color.amber.5}"
403
+ }
404
+ },
405
+ "meta": {
406
+ "$type": "color",
407
+ "$value": "{alias.color.neutral.11}"
408
+ }
355
409
  }
356
410
  }
357
411
  }
@@ -352,6 +352,60 @@
352
352
  }
353
353
  }
354
354
  }
355
+ },
356
+ "conversation": {
357
+ "own": {
358
+ "surface": {
359
+ "default": {
360
+ "$type": "color",
361
+ "$value": "{color.mintDark.3}"
362
+ },
363
+ "raised": {
364
+ "$type": "color",
365
+ "$value": "{color.mintDark.2}"
366
+ }
367
+ },
368
+ "border": {
369
+ "$type": "color",
370
+ "$value": "{color.mintDark.5}"
371
+ }
372
+ },
373
+ "peer": {
374
+ "surface": {
375
+ "default": {
376
+ "$type": "color",
377
+ "$value": "{alias.color.neutral.1}"
378
+ },
379
+ "raised": {
380
+ "$type": "color",
381
+ "$value": "{alias.color.neutral.2}"
382
+ }
383
+ },
384
+ "border": {
385
+ "$type": "color",
386
+ "$value": "{alias.color.neutral.5}"
387
+ }
388
+ },
389
+ "agent": {
390
+ "surface": {
391
+ "default": {
392
+ "$type": "color",
393
+ "$value": "{color.amberDark.3}"
394
+ },
395
+ "raised": {
396
+ "$type": "color",
397
+ "$value": "{color.amberDark.2}"
398
+ }
399
+ },
400
+ "border": {
401
+ "$type": "color",
402
+ "$value": "{color.amberDark.5}"
403
+ }
404
+ },
405
+ "meta": {
406
+ "$type": "color",
407
+ "$value": "{alias.color.neutral.11}"
408
+ }
355
409
  }
356
410
  }
357
411
  }
@@ -352,6 +352,60 @@
352
352
  }
353
353
  }
354
354
  }
355
+ },
356
+ "conversation": {
357
+ "own": {
358
+ "surface": {
359
+ "default": {
360
+ "$type": "color",
361
+ "$value": "{color.mint.3}"
362
+ },
363
+ "raised": {
364
+ "$type": "color",
365
+ "$value": "{color.mint.2}"
366
+ }
367
+ },
368
+ "border": {
369
+ "$type": "color",
370
+ "$value": "{color.mint.5}"
371
+ }
372
+ },
373
+ "peer": {
374
+ "surface": {
375
+ "default": {
376
+ "$type": "color",
377
+ "$value": "{alias.color.neutral.1}"
378
+ },
379
+ "raised": {
380
+ "$type": "color",
381
+ "$value": "{alias.color.neutral.2}"
382
+ }
383
+ },
384
+ "border": {
385
+ "$type": "color",
386
+ "$value": "{alias.color.neutral.5}"
387
+ }
388
+ },
389
+ "agent": {
390
+ "surface": {
391
+ "default": {
392
+ "$type": "color",
393
+ "$value": "{color.amber.3}"
394
+ },
395
+ "raised": {
396
+ "$type": "color",
397
+ "$value": "{color.amber.2}"
398
+ }
399
+ },
400
+ "border": {
401
+ "$type": "color",
402
+ "$value": "{color.amber.5}"
403
+ }
404
+ },
405
+ "meta": {
406
+ "$type": "color",
407
+ "$value": "{alias.color.neutral.11}"
408
+ }
355
409
  }
356
410
  }
357
411
  }