@fieldia/chatter 0.9.2 → 0.10.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 (7) hide show
  1. package/package.json +3 -3
  2. package/src/lib/styles.d.mts +1 -1
  3. package/src/lib/styles.d.ts +1 -1
  4. package/src/lib/styles.js +5 -3
  5. package/src/lib/styles.js.map +1 -1
  6. package/src/lib/styles.mjs +5 -3
  7. package/src/lib/styles.mjs.map +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@fieldia/chatter",
3
- "version": "0.9.2",
3
+ "version": "0.10.0",
4
4
  "description": "A record's conversation and to-dos beside its Fieldia form: messages, notes, attachments, activities and followers, through an interface your app implements.",
5
5
  "license": "MIT",
6
6
  "homepage": "https://fieldia.dev",
@@ -21,8 +21,8 @@
21
21
  "./package.json": "./package.json"
22
22
  },
23
23
  "dependencies": {
24
- "@fieldia/core": "0.9.2",
25
- "@fieldia/widgets": "0.9.2",
24
+ "@fieldia/core": "0.10.0",
25
+ "@fieldia/widgets": "0.10.0",
26
26
  "tslib": "^2.8.1"
27
27
  },
28
28
  "sideEffects": false,
package/src/lib/styles.d.mts CHANGED
@@ -1,4 +1,4 @@
1
1
  /** The chatter's look, on the same tokens as the form beside it. */
2
- export declare const CHATTER_STYLES = "\n.fd-chatter { display: grid; gap: 14px; font-family: var(--fd-font); color: var(--fd-text); font-size: 14px; min-width: 0; }\n.fd-chatter [hidden] { display: none !important; }\n.fd-chatter-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }\n.fd-chatter-bar .fd-spacer { flex: 1; }\n.fd-chatter-waiting, .fd-chatter-empty { margin: 0; color: var(--fd-muted); }\n.fd-composer { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-composer textarea { resize: vertical; min-height: 64px; font: inherit; }\n.fd-composer-note { background: var(--fd-warning-soft); }\n.fd-composer-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }\n.fd-chatter-problem { margin: 0; color: var(--fd-error); font-size: 13px; }\n.fd-chatter-messages { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }\n.fd-message { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 8px; border-radius: var(--fd-radius); }\n.fd-message-note { background: var(--fd-warning-soft); }\n.fd-message-event { color: var(--fd-muted); font-size: 13px; }\n.fd-avatar-image, .fd-avatar-initials { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }\n.fd-avatar-initials { display: grid; place-items: center; background: var(--fd-accent-soft); color: var(--fd-accent); font-weight: 650; font-size: 13px; }\n.fd-message-content { display: grid; gap: 4px; min-width: 0; }\n.fd-message-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }\n.fd-message-author { font-weight: 650; }\n.fd-message-head time { color: var(--fd-muted); font-size: 12.5px; }\n.fd-message-kind { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--fd-warning); }\n.fd-message-body { overflow-wrap: anywhere; line-height: 1.5; }\n.fd-message-body p { margin: 0 0 6px; }\n.fd-message-body p:last-child { margin-bottom: 0; }\n.fd-message-body img { max-width: 100%; height: auto; }\n.fd-tracking { margin: 0; padding-inline-start: 18px; color: var(--fd-text); }\n.fd-composer-actions .fd-spacer { flex: 1; }\n.fd-attach .fd-icon { width: 1.1em; height: 1.1em; margin-inline-end: 0.35em; vertical-align: -0.2em; }\n.fd-attachments { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }\n.fd-attachment { position: relative; display: flex; align-items: center; gap: 4px; }\n.fd-attachment-image img { display: block; width: 120px; height: 90px; object-fit: cover; border-radius: var(--fd-radius); border: 1px solid var(--fd-border); }\n.fd-attachment-file {\n display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius);\n background: var(--fd-surface); color: var(--fd-text); text-decoration: none; max-width: 240px;\n}\na.fd-attachment-file:hover { border-color: var(--fd-accent); }\n.fd-attachment-file .fd-icon { width: 20px; height: 20px; color: var(--fd-muted); flex: none; }\n.fd-attachment-words { display: grid; min-width: 0; }\n.fd-attachment-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }\n.fd-attachment-size { color: var(--fd-muted); font-size: 12px; }\n.fd-attachment-remove { border: none; background: none; cursor: pointer; color: var(--fd-muted); font-size: 16px; line-height: 1; padding: 2px 4px; border-radius: 4px; }\n.fd-attachment-remove:hover { color: var(--fd-text); background: var(--fd-page); }\n.fd-replying, .fd-message-parent { margin: 0; color: var(--fd-muted); font-size: 12.5px; }\n.fd-message-parent::before, .fd-replying::before { content: \"\u21A9 \"; }\n.fd-message-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }\n.fd-reactions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; position: relative; }\n.fd-reaction, .fd-reaction-add, .fd-message-reply, .fd-reaction-picker button {\n font: inherit; font-size: 13px; line-height: 1; padding: 4px 8px; border-radius: 999px; cursor: pointer;\n border: 1px solid var(--fd-border); background: var(--fd-surface); color: var(--fd-muted);\n}\n.fd-reaction[aria-pressed=\"true\"] { border-color: var(--fd-accent); background: var(--fd-accent-soft); color: var(--fd-text); }\n.fd-reaction-add, .fd-message-reply { opacity: 0.75; }\n.fd-message:hover .fd-reaction-add, .fd-message:hover .fd-message-reply, .fd-reaction-add:focus-visible, .fd-message-reply:focus-visible { opacity: 1; }\n.fd-reaction-picker { display: flex; gap: 2px; padding: 4px; border: 1px solid var(--fd-border); border-radius: 999px; background: var(--fd-surface); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }\n.fd-reaction-picker button { border: none; padding: 4px 6px; font-size: 16px; }\n.fd-reaction-picker button:hover { background: var(--fd-page); }\n.fd-mentions { list-style: none; margin: 0; padding: 4px 0; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); max-width: 280px; box-shadow: 0 6px 18px rgba(0,0,0,0.1); }\n.fd-mentions [role=option] { padding: 6px 12px; cursor: pointer; }\n.fd-mentions [role=option].fd-active, .fd-mentions [role=option]:hover { background: var(--fd-accent-soft); }\n.fd-mentions .fd-empty { padding: 6px 12px; color: var(--fd-muted); }\n.fd-activities { display: grid; gap: 8px; }\n.fd-activity-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }\n.fd-activity { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 10px; align-items: start; padding: 8px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-activity-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; background: var(--fd-success); }\n.fd-activity[data-when=\"overdue\"] .fd-activity-icon { background: var(--fd-error); }\n.fd-activity[data-when=\"today\"] .fd-activity-icon { background: #d97706; }\n.fd-activity-icon .fd-icon { width: 16px; height: 16px; }\n.fd-activity-content { display: grid; min-width: 0; }\n.fd-activity-summary { font-weight: 600; }\n.fd-activity-meta { color: var(--fd-muted); font-size: 12.5px; }\n.fd-activity[data-when=\"overdue\"] .fd-activity-due { color: var(--fd-error); font-weight: 600; }\n.fd-activity[data-when=\"today\"] .fd-activity-due { color: #b45309; font-weight: 600; }\n/* Under the summary, where a narrow side panel has room for them. */\n.fd-activity-actions { grid-column: 2; display: flex; gap: 2px 12px; flex-wrap: wrap; }\n.fd-activity-actions .fd-button-link { padding: 0; min-height: 0; font-size: 13px; }\n.fd-activity-finish { grid-column: 2; display: grid; gap: 6px; margin-block-start: 4px; }\n.fd-activity-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-activity-form .fd-composer-actions { grid-column: 1 / -1; }\n.fd-activity-field { display: grid; gap: 4px; font-size: 13px; color: var(--fd-muted); }\n.fd-followers-toggle { display: inline-flex; align-items: center; gap: 6px; }\n.fd-followers-toggle .fd-icon { width: 1.1em; height: 1.1em; }\n.fd-followers { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-follower-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }\n.fd-follower { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 0; }\n.fd-followers-none { margin: 0; color: var(--fd-muted); }\n.fd-followers-add { display: grid; gap: 6px; border-block-start: 1px solid var(--fd-border); padding-block-start: 8px; }\n.fd-followers-add-title { font-size: 12.5px; color: var(--fd-muted); }\n.fd-follower-candidates { list-style: none; margin: 0; padding: 0; }\n.fd-follower-candidates [role=option] { padding: 6px 8px; border-radius: 4px; cursor: pointer; }\n.fd-follower-candidates [role=option]:hover { background: var(--fd-accent-soft); }\n.fd-follower-candidates .fd-empty { padding: 6px 8px; color: var(--fd-muted); }\n";
2
+ export declare const CHATTER_STYLES = "\n.fd-chatter { display: grid; gap: 14px; font-family: var(--fd-font); color: var(--fd-text); font-size: 14px; min-width: 0; }\n.fd-chatter [hidden] { display: none !important; }\n.fd-chatter-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }\n.fd-chatter-bar .fd-spacer { flex: 1; }\n.fd-chatter-waiting, .fd-chatter-empty { margin: 0; color: var(--fd-muted); }\n.fd-composer { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-composer textarea { resize: vertical; min-height: 64px; font: inherit; }\n.fd-composer-note { background: var(--fd-warning-soft); }\n.fd-composer-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }\n.fd-chatter-problem { margin: 0; color: var(--fd-error); font-size: 13px; }\n.fd-chatter-messages { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }\n.fd-message { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 8px; border-radius: var(--fd-radius); }\n.fd-message-note { background: var(--fd-warning-soft); }\n.fd-message-event { color: var(--fd-muted); font-size: 13px; }\n.fd-avatar-image, .fd-avatar-initials { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }\n/* The soft shade laid on the surface, not on whatever is behind (a note's tint): the initials read the same everywhere. */\n.fd-avatar-initials { display: grid; place-items: center; background: linear-gradient(var(--fd-accent-soft), var(--fd-accent-soft)), var(--fd-surface); color: var(--fd-accent); font-weight: 650; font-size: 13px; }\n.fd-message-content { display: grid; gap: 4px; min-width: 0; }\n.fd-message-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }\n.fd-message-author { font-weight: 650; }\n.fd-message-head time { color: var(--fd-muted); font-size: 12.5px; }\n.fd-message-kind { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--fd-warning); }\n.fd-message-body { overflow-wrap: anywhere; line-height: 1.5; }\n.fd-message-body p { margin: 0 0 6px; }\n.fd-message-body p:last-child { margin-bottom: 0; }\n.fd-message-body img { max-width: 100%; height: auto; }\n.fd-tracking { margin: 0; padding-inline-start: 18px; color: var(--fd-text); }\n.fd-composer-actions .fd-spacer { flex: 1; }\n.fd-attach .fd-icon { width: 1.1em; height: 1.1em; margin-inline-end: 0.35em; vertical-align: -0.2em; }\n.fd-attachments { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }\n.fd-attachment { position: relative; display: flex; align-items: center; gap: 4px; }\n.fd-attachment-image img { display: block; width: 120px; height: 90px; object-fit: cover; border-radius: var(--fd-radius); border: 1px solid var(--fd-border); }\n.fd-attachment-file {\n display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius);\n background: var(--fd-surface); color: var(--fd-text); text-decoration: none; max-width: 240px;\n}\na.fd-attachment-file:hover { border-color: var(--fd-accent); }\n.fd-attachment-file .fd-icon { width: 20px; height: 20px; color: var(--fd-muted); flex: none; }\n.fd-attachment-words { display: grid; min-width: 0; }\n.fd-attachment-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }\n.fd-attachment-size { color: var(--fd-muted); font-size: 12px; }\n.fd-attachment-remove { border: none; background: none; cursor: pointer; color: var(--fd-muted); font-size: 16px; line-height: 1; padding: 2px 4px; border-radius: 4px; }\n.fd-attachment-remove:hover { color: var(--fd-text); background: var(--fd-page); }\n.fd-replying, .fd-message-parent { margin: 0; color: var(--fd-muted); font-size: 12.5px; }\n.fd-message-parent::before, .fd-replying::before { content: \"\u21A9 \"; }\n.fd-message-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }\n.fd-reactions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; position: relative; }\n.fd-reaction, .fd-reaction-add, .fd-message-reply, .fd-reaction-picker button {\n font: inherit; font-size: 13px; line-height: 1; padding: 4px 8px; border-radius: 999px; cursor: pointer;\n border: 1px solid var(--fd-border); background: var(--fd-surface); color: var(--fd-muted);\n}\n.fd-reaction[aria-pressed=\"true\"] { border-color: var(--fd-accent); background: var(--fd-accent-soft); color: var(--fd-text); }\n.fd-reaction-add, .fd-message-reply { opacity: 0.75; }\n.fd-message:hover .fd-reaction-add, .fd-message:hover .fd-message-reply, .fd-reaction-add:focus-visible, .fd-message-reply:focus-visible { opacity: 1; }\n.fd-reaction-picker { display: flex; gap: 2px; padding: 4px; border: 1px solid var(--fd-border); border-radius: 999px; background: var(--fd-surface); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }\n.fd-reaction-picker button { border: none; padding: 4px 6px; font-size: 16px; }\n.fd-reaction-picker button:hover { background: var(--fd-page); }\n.fd-mentions { list-style: none; margin: 0; padding: 4px 0; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); max-width: 280px; box-shadow: 0 6px 18px rgba(0,0,0,0.1); }\n.fd-mentions [role=option] { padding: 6px 12px; cursor: pointer; }\n.fd-mentions [role=option].fd-active, .fd-mentions [role=option]:hover { background: var(--fd-accent-soft); }\n.fd-mentions .fd-empty { padding: 6px 12px; color: var(--fd-muted); }\n.fd-activities { display: grid; gap: 8px; }\n.fd-activity-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }\n.fd-activity { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 10px; align-items: start; padding: 8px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n/* The glyph in the surface's colour: white on a light page, dark on the dark scheme's lighter circles. */\n.fd-activity-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--fd-surface); background: var(--fd-success); }\n.fd-activity[data-when=\"overdue\"] .fd-activity-icon { background: var(--fd-error); }\n.fd-activity[data-when=\"today\"] .fd-activity-icon { background: #d97706; }\n.fd-activity-icon .fd-icon { width: 16px; height: 16px; }\n.fd-activity-content { display: grid; min-width: 0; }\n.fd-activity-summary { font-weight: 600; }\n.fd-activity-meta { color: var(--fd-muted); font-size: 12.5px; }\n.fd-activity[data-when=\"overdue\"] .fd-activity-due { color: var(--fd-error); font-weight: 600; }\n.fd-activity[data-when=\"today\"] .fd-activity-due { color: var(--fd-warning); font-weight: 600; }\n/* Under the summary, where a narrow side panel has room for them. */\n.fd-activity-actions { grid-column: 2; display: flex; gap: 2px 12px; flex-wrap: wrap; }\n.fd-activity-actions .fd-button-link { padding: 0; min-height: 0; font-size: 13px; }\n.fd-activity-finish { grid-column: 2; display: grid; gap: 6px; margin-block-start: 4px; }\n.fd-activity-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-activity-form .fd-composer-actions { grid-column: 1 / -1; }\n.fd-activity-field { display: grid; gap: 4px; font-size: 13px; color: var(--fd-muted); }\n.fd-followers-toggle { display: inline-flex; align-items: center; gap: 6px; }\n.fd-followers-toggle .fd-icon { width: 1.1em; height: 1.1em; }\n.fd-followers { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-follower-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }\n.fd-follower { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 0; }\n.fd-followers-none { margin: 0; color: var(--fd-muted); }\n.fd-followers-add { display: grid; gap: 6px; border-block-start: 1px solid var(--fd-border); padding-block-start: 8px; }\n.fd-followers-add-title { font-size: 12.5px; color: var(--fd-muted); }\n.fd-follower-candidates { list-style: none; margin: 0; padding: 0; }\n.fd-follower-candidates [role=option] { padding: 6px 8px; border-radius: 4px; cursor: pointer; }\n.fd-follower-candidates [role=option]:hover { background: var(--fd-accent-soft); }\n.fd-follower-candidates .fd-empty { padding: 6px 8px; color: var(--fd-muted); }\n";
3
3
  /** Puts the chatter's look in the document once. */
4
4
  export declare function installChatterStyles(doc: Document): void;
package/src/lib/styles.d.ts CHANGED
@@ -1,4 +1,4 @@
1
1
  /** The chatter's look, on the same tokens as the form beside it. */
2
- export declare const CHATTER_STYLES = "\n.fd-chatter { display: grid; gap: 14px; font-family: var(--fd-font); color: var(--fd-text); font-size: 14px; min-width: 0; }\n.fd-chatter [hidden] { display: none !important; }\n.fd-chatter-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }\n.fd-chatter-bar .fd-spacer { flex: 1; }\n.fd-chatter-waiting, .fd-chatter-empty { margin: 0; color: var(--fd-muted); }\n.fd-composer { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-composer textarea { resize: vertical; min-height: 64px; font: inherit; }\n.fd-composer-note { background: var(--fd-warning-soft); }\n.fd-composer-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }\n.fd-chatter-problem { margin: 0; color: var(--fd-error); font-size: 13px; }\n.fd-chatter-messages { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }\n.fd-message { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 8px; border-radius: var(--fd-radius); }\n.fd-message-note { background: var(--fd-warning-soft); }\n.fd-message-event { color: var(--fd-muted); font-size: 13px; }\n.fd-avatar-image, .fd-avatar-initials { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }\n.fd-avatar-initials { display: grid; place-items: center; background: var(--fd-accent-soft); color: var(--fd-accent); font-weight: 650; font-size: 13px; }\n.fd-message-content { display: grid; gap: 4px; min-width: 0; }\n.fd-message-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }\n.fd-message-author { font-weight: 650; }\n.fd-message-head time { color: var(--fd-muted); font-size: 12.5px; }\n.fd-message-kind { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--fd-warning); }\n.fd-message-body { overflow-wrap: anywhere; line-height: 1.5; }\n.fd-message-body p { margin: 0 0 6px; }\n.fd-message-body p:last-child { margin-bottom: 0; }\n.fd-message-body img { max-width: 100%; height: auto; }\n.fd-tracking { margin: 0; padding-inline-start: 18px; color: var(--fd-text); }\n.fd-composer-actions .fd-spacer { flex: 1; }\n.fd-attach .fd-icon { width: 1.1em; height: 1.1em; margin-inline-end: 0.35em; vertical-align: -0.2em; }\n.fd-attachments { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }\n.fd-attachment { position: relative; display: flex; align-items: center; gap: 4px; }\n.fd-attachment-image img { display: block; width: 120px; height: 90px; object-fit: cover; border-radius: var(--fd-radius); border: 1px solid var(--fd-border); }\n.fd-attachment-file {\n display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius);\n background: var(--fd-surface); color: var(--fd-text); text-decoration: none; max-width: 240px;\n}\na.fd-attachment-file:hover { border-color: var(--fd-accent); }\n.fd-attachment-file .fd-icon { width: 20px; height: 20px; color: var(--fd-muted); flex: none; }\n.fd-attachment-words { display: grid; min-width: 0; }\n.fd-attachment-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }\n.fd-attachment-size { color: var(--fd-muted); font-size: 12px; }\n.fd-attachment-remove { border: none; background: none; cursor: pointer; color: var(--fd-muted); font-size: 16px; line-height: 1; padding: 2px 4px; border-radius: 4px; }\n.fd-attachment-remove:hover { color: var(--fd-text); background: var(--fd-page); }\n.fd-replying, .fd-message-parent { margin: 0; color: var(--fd-muted); font-size: 12.5px; }\n.fd-message-parent::before, .fd-replying::before { content: \"\u21A9 \"; }\n.fd-message-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }\n.fd-reactions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; position: relative; }\n.fd-reaction, .fd-reaction-add, .fd-message-reply, .fd-reaction-picker button {\n font: inherit; font-size: 13px; line-height: 1; padding: 4px 8px; border-radius: 999px; cursor: pointer;\n border: 1px solid var(--fd-border); background: var(--fd-surface); color: var(--fd-muted);\n}\n.fd-reaction[aria-pressed=\"true\"] { border-color: var(--fd-accent); background: var(--fd-accent-soft); color: var(--fd-text); }\n.fd-reaction-add, .fd-message-reply { opacity: 0.75; }\n.fd-message:hover .fd-reaction-add, .fd-message:hover .fd-message-reply, .fd-reaction-add:focus-visible, .fd-message-reply:focus-visible { opacity: 1; }\n.fd-reaction-picker { display: flex; gap: 2px; padding: 4px; border: 1px solid var(--fd-border); border-radius: 999px; background: var(--fd-surface); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }\n.fd-reaction-picker button { border: none; padding: 4px 6px; font-size: 16px; }\n.fd-reaction-picker button:hover { background: var(--fd-page); }\n.fd-mentions { list-style: none; margin: 0; padding: 4px 0; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); max-width: 280px; box-shadow: 0 6px 18px rgba(0,0,0,0.1); }\n.fd-mentions [role=option] { padding: 6px 12px; cursor: pointer; }\n.fd-mentions [role=option].fd-active, .fd-mentions [role=option]:hover { background: var(--fd-accent-soft); }\n.fd-mentions .fd-empty { padding: 6px 12px; color: var(--fd-muted); }\n.fd-activities { display: grid; gap: 8px; }\n.fd-activity-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }\n.fd-activity { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 10px; align-items: start; padding: 8px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-activity-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; background: var(--fd-success); }\n.fd-activity[data-when=\"overdue\"] .fd-activity-icon { background: var(--fd-error); }\n.fd-activity[data-when=\"today\"] .fd-activity-icon { background: #d97706; }\n.fd-activity-icon .fd-icon { width: 16px; height: 16px; }\n.fd-activity-content { display: grid; min-width: 0; }\n.fd-activity-summary { font-weight: 600; }\n.fd-activity-meta { color: var(--fd-muted); font-size: 12.5px; }\n.fd-activity[data-when=\"overdue\"] .fd-activity-due { color: var(--fd-error); font-weight: 600; }\n.fd-activity[data-when=\"today\"] .fd-activity-due { color: #b45309; font-weight: 600; }\n/* Under the summary, where a narrow side panel has room for them. */\n.fd-activity-actions { grid-column: 2; display: flex; gap: 2px 12px; flex-wrap: wrap; }\n.fd-activity-actions .fd-button-link { padding: 0; min-height: 0; font-size: 13px; }\n.fd-activity-finish { grid-column: 2; display: grid; gap: 6px; margin-block-start: 4px; }\n.fd-activity-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-activity-form .fd-composer-actions { grid-column: 1 / -1; }\n.fd-activity-field { display: grid; gap: 4px; font-size: 13px; color: var(--fd-muted); }\n.fd-followers-toggle { display: inline-flex; align-items: center; gap: 6px; }\n.fd-followers-toggle .fd-icon { width: 1.1em; height: 1.1em; }\n.fd-followers { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-follower-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }\n.fd-follower { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 0; }\n.fd-followers-none { margin: 0; color: var(--fd-muted); }\n.fd-followers-add { display: grid; gap: 6px; border-block-start: 1px solid var(--fd-border); padding-block-start: 8px; }\n.fd-followers-add-title { font-size: 12.5px; color: var(--fd-muted); }\n.fd-follower-candidates { list-style: none; margin: 0; padding: 0; }\n.fd-follower-candidates [role=option] { padding: 6px 8px; border-radius: 4px; cursor: pointer; }\n.fd-follower-candidates [role=option]:hover { background: var(--fd-accent-soft); }\n.fd-follower-candidates .fd-empty { padding: 6px 8px; color: var(--fd-muted); }\n";
2
+ export declare const CHATTER_STYLES = "\n.fd-chatter { display: grid; gap: 14px; font-family: var(--fd-font); color: var(--fd-text); font-size: 14px; min-width: 0; }\n.fd-chatter [hidden] { display: none !important; }\n.fd-chatter-bar { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; }\n.fd-chatter-bar .fd-spacer { flex: 1; }\n.fd-chatter-waiting, .fd-chatter-empty { margin: 0; color: var(--fd-muted); }\n.fd-composer { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-composer textarea { resize: vertical; min-height: 64px; font: inherit; }\n.fd-composer-note { background: var(--fd-warning-soft); }\n.fd-composer-actions { display: flex; gap: 8px; align-items: center; flex-wrap: wrap; }\n.fd-chatter-problem { margin: 0; color: var(--fd-error); font-size: 13px; }\n.fd-chatter-messages { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }\n.fd-message { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 10px; padding: 8px; border-radius: var(--fd-radius); }\n.fd-message-note { background: var(--fd-warning-soft); }\n.fd-message-event { color: var(--fd-muted); font-size: 13px; }\n.fd-avatar-image, .fd-avatar-initials { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }\n/* The soft shade laid on the surface, not on whatever is behind (a note's tint): the initials read the same everywhere. */\n.fd-avatar-initials { display: grid; place-items: center; background: linear-gradient(var(--fd-accent-soft), var(--fd-accent-soft)), var(--fd-surface); color: var(--fd-accent); font-weight: 650; font-size: 13px; }\n.fd-message-content { display: grid; gap: 4px; min-width: 0; }\n.fd-message-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }\n.fd-message-author { font-weight: 650; }\n.fd-message-head time { color: var(--fd-muted); font-size: 12.5px; }\n.fd-message-kind { font-size: 11.5px; font-weight: 600; text-transform: uppercase; letter-spacing: 0.04em; color: var(--fd-warning); }\n.fd-message-body { overflow-wrap: anywhere; line-height: 1.5; }\n.fd-message-body p { margin: 0 0 6px; }\n.fd-message-body p:last-child { margin-bottom: 0; }\n.fd-message-body img { max-width: 100%; height: auto; }\n.fd-tracking { margin: 0; padding-inline-start: 18px; color: var(--fd-text); }\n.fd-composer-actions .fd-spacer { flex: 1; }\n.fd-attach .fd-icon { width: 1.1em; height: 1.1em; margin-inline-end: 0.35em; vertical-align: -0.2em; }\n.fd-attachments { list-style: none; margin: 4px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }\n.fd-attachment { position: relative; display: flex; align-items: center; gap: 4px; }\n.fd-attachment-image img { display: block; width: 120px; height: 90px; object-fit: cover; border-radius: var(--fd-radius); border: 1px solid var(--fd-border); }\n.fd-attachment-file {\n display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius);\n background: var(--fd-surface); color: var(--fd-text); text-decoration: none; max-width: 240px;\n}\na.fd-attachment-file:hover { border-color: var(--fd-accent); }\n.fd-attachment-file .fd-icon { width: 20px; height: 20px; color: var(--fd-muted); flex: none; }\n.fd-attachment-words { display: grid; min-width: 0; }\n.fd-attachment-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 13px; }\n.fd-attachment-size { color: var(--fd-muted); font-size: 12px; }\n.fd-attachment-remove { border: none; background: none; cursor: pointer; color: var(--fd-muted); font-size: 16px; line-height: 1; padding: 2px 4px; border-radius: 4px; }\n.fd-attachment-remove:hover { color: var(--fd-text); background: var(--fd-page); }\n.fd-replying, .fd-message-parent { margin: 0; color: var(--fd-muted); font-size: 12.5px; }\n.fd-message-parent::before, .fd-replying::before { content: \"\u21A9 \"; }\n.fd-message-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; }\n.fd-reactions { display: flex; flex-wrap: wrap; align-items: center; gap: 4px; position: relative; }\n.fd-reaction, .fd-reaction-add, .fd-message-reply, .fd-reaction-picker button {\n font: inherit; font-size: 13px; line-height: 1; padding: 4px 8px; border-radius: 999px; cursor: pointer;\n border: 1px solid var(--fd-border); background: var(--fd-surface); color: var(--fd-muted);\n}\n.fd-reaction[aria-pressed=\"true\"] { border-color: var(--fd-accent); background: var(--fd-accent-soft); color: var(--fd-text); }\n.fd-reaction-add, .fd-message-reply { opacity: 0.75; }\n.fd-message:hover .fd-reaction-add, .fd-message:hover .fd-message-reply, .fd-reaction-add:focus-visible, .fd-message-reply:focus-visible { opacity: 1; }\n.fd-reaction-picker { display: flex; gap: 2px; padding: 4px; border: 1px solid var(--fd-border); border-radius: 999px; background: var(--fd-surface); box-shadow: 0 4px 12px rgba(0,0,0,0.08); }\n.fd-reaction-picker button { border: none; padding: 4px 6px; font-size: 16px; }\n.fd-reaction-picker button:hover { background: var(--fd-page); }\n.fd-mentions { list-style: none; margin: 0; padding: 4px 0; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); max-width: 280px; box-shadow: 0 6px 18px rgba(0,0,0,0.1); }\n.fd-mentions [role=option] { padding: 6px 12px; cursor: pointer; }\n.fd-mentions [role=option].fd-active, .fd-mentions [role=option]:hover { background: var(--fd-accent-soft); }\n.fd-mentions .fd-empty { padding: 6px 12px; color: var(--fd-muted); }\n.fd-activities { display: grid; gap: 8px; }\n.fd-activity-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }\n.fd-activity { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 10px; align-items: start; padding: 8px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n/* The glyph in the surface's colour: white on a light page, dark on the dark scheme's lighter circles. */\n.fd-activity-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--fd-surface); background: var(--fd-success); }\n.fd-activity[data-when=\"overdue\"] .fd-activity-icon { background: var(--fd-error); }\n.fd-activity[data-when=\"today\"] .fd-activity-icon { background: #d97706; }\n.fd-activity-icon .fd-icon { width: 16px; height: 16px; }\n.fd-activity-content { display: grid; min-width: 0; }\n.fd-activity-summary { font-weight: 600; }\n.fd-activity-meta { color: var(--fd-muted); font-size: 12.5px; }\n.fd-activity[data-when=\"overdue\"] .fd-activity-due { color: var(--fd-error); font-weight: 600; }\n.fd-activity[data-when=\"today\"] .fd-activity-due { color: var(--fd-warning); font-weight: 600; }\n/* Under the summary, where a narrow side panel has room for them. */\n.fd-activity-actions { grid-column: 2; display: flex; gap: 2px 12px; flex-wrap: wrap; }\n.fd-activity-actions .fd-button-link { padding: 0; min-height: 0; font-size: 13px; }\n.fd-activity-finish { grid-column: 2; display: grid; gap: 6px; margin-block-start: 4px; }\n.fd-activity-form { display: grid; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); gap: 10px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-activity-form .fd-composer-actions { grid-column: 1 / -1; }\n.fd-activity-field { display: grid; gap: 4px; font-size: 13px; color: var(--fd-muted); }\n.fd-followers-toggle { display: inline-flex; align-items: center; gap: 6px; }\n.fd-followers-toggle .fd-icon { width: 1.1em; height: 1.1em; }\n.fd-followers { display: grid; gap: 8px; padding: 12px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }\n.fd-follower-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }\n.fd-follower { display: flex; align-items: center; justify-content: space-between; gap: 8px; padding: 4px 0; }\n.fd-followers-none { margin: 0; color: var(--fd-muted); }\n.fd-followers-add { display: grid; gap: 6px; border-block-start: 1px solid var(--fd-border); padding-block-start: 8px; }\n.fd-followers-add-title { font-size: 12.5px; color: var(--fd-muted); }\n.fd-follower-candidates { list-style: none; margin: 0; padding: 0; }\n.fd-follower-candidates [role=option] { padding: 6px 8px; border-radius: 4px; cursor: pointer; }\n.fd-follower-candidates [role=option]:hover { background: var(--fd-accent-soft); }\n.fd-follower-candidates .fd-empty { padding: 6px 8px; color: var(--fd-muted); }\n";
3
3
  /** Puts the chatter's look in the document once. */
4
4
  export declare function installChatterStyles(doc: Document): void;
package/src/lib/styles.js CHANGED
@@ -19,7 +19,8 @@ exports.CHATTER_STYLES = `
19
19
  .fd-message-note { background: var(--fd-warning-soft); }
20
20
  .fd-message-event { color: var(--fd-muted); font-size: 13px; }
21
21
  .fd-avatar-image, .fd-avatar-initials { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
22
- .fd-avatar-initials { display: grid; place-items: center; background: var(--fd-accent-soft); color: var(--fd-accent); font-weight: 650; font-size: 13px; }
22
+ /* The soft shade laid on the surface, not on whatever is behind (a note's tint): the initials read the same everywhere. */
23
+ .fd-avatar-initials { display: grid; place-items: center; background: linear-gradient(var(--fd-accent-soft), var(--fd-accent-soft)), var(--fd-surface); color: var(--fd-accent); font-weight: 650; font-size: 13px; }
23
24
  .fd-message-content { display: grid; gap: 4px; min-width: 0; }
24
25
  .fd-message-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
25
26
  .fd-message-author { font-weight: 650; }
@@ -67,7 +68,8 @@ a.fd-attachment-file:hover { border-color: var(--fd-accent); }
67
68
  .fd-activities { display: grid; gap: 8px; }
68
69
  .fd-activity-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
69
70
  .fd-activity { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 10px; align-items: start; padding: 8px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }
70
- .fd-activity-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; background: var(--fd-success); }
71
+ /* The glyph in the surface's colour: white on a light page, dark on the dark scheme's lighter circles. */
72
+ .fd-activity-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--fd-surface); background: var(--fd-success); }
71
73
  .fd-activity[data-when="overdue"] .fd-activity-icon { background: var(--fd-error); }
72
74
  .fd-activity[data-when="today"] .fd-activity-icon { background: #d97706; }
73
75
  .fd-activity-icon .fd-icon { width: 16px; height: 16px; }
@@ -75,7 +77,7 @@ a.fd-attachment-file:hover { border-color: var(--fd-accent); }
75
77
  .fd-activity-summary { font-weight: 600; }
76
78
  .fd-activity-meta { color: var(--fd-muted); font-size: 12.5px; }
77
79
  .fd-activity[data-when="overdue"] .fd-activity-due { color: var(--fd-error); font-weight: 600; }
78
- .fd-activity[data-when="today"] .fd-activity-due { color: #b45309; font-weight: 600; }
80
+ .fd-activity[data-when="today"] .fd-activity-due { color: var(--fd-warning); font-weight: 600; }
79
81
  /* Under the summary, where a narrow side panel has room for them. */
80
82
  .fd-activity-actions { grid-column: 2; display: flex; gap: 2px 12px; flex-wrap: wrap; }
81
83
  .fd-activity-actions .fd-button-link { padding: 0; min-height: 0; font-size: 13px; }
package/src/lib/styles.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../libs/chatter/src/lib/styles.ts"],"names":[],"mappings":";;;AAgGA,oDAMC;AAtGD,oEAAoE;AACvD,QAAA,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4F7B,CAAC;AAEF,oDAAoD;AACpD,SAAgB,oBAAoB,CAAC,GAAa;IAChD,IAAI,GAAG,CAAC,cAAc,CAAC,mBAAmB,CAAC;QAAE,OAAO;IACpD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,mBAAmB,CAAC;IAC/B,KAAK,CAAC,WAAW,GAAG,sBAAc,CAAC;IACnC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../libs/chatter/src/lib/styles.ts"],"names":[],"mappings":";;;AAkGA,oDAMC;AAxGD,oEAAoE;AACvD,QAAA,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8F7B,CAAC;AAEF,oDAAoD;AACpD,SAAgB,oBAAoB,CAAC,GAAa;IAChD,IAAI,GAAG,CAAC,cAAc,CAAC,mBAAmB,CAAC;QAAE,OAAO;IACpD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,mBAAmB,CAAC;IAC/B,KAAK,CAAC,WAAW,GAAG,sBAAc,CAAC;IACnC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}
package/src/lib/styles.mjs CHANGED
@@ -15,7 +15,8 @@ export const CHATTER_STYLES = `
15
15
  .fd-message-note { background: var(--fd-warning-soft); }
16
16
  .fd-message-event { color: var(--fd-muted); font-size: 13px; }
17
17
  .fd-avatar-image, .fd-avatar-initials { width: 36px; height: 36px; border-radius: 50%; object-fit: cover; }
18
- .fd-avatar-initials { display: grid; place-items: center; background: var(--fd-accent-soft); color: var(--fd-accent); font-weight: 650; font-size: 13px; }
18
+ /* The soft shade laid on the surface, not on whatever is behind (a note's tint): the initials read the same everywhere. */
19
+ .fd-avatar-initials { display: grid; place-items: center; background: linear-gradient(var(--fd-accent-soft), var(--fd-accent-soft)), var(--fd-surface); color: var(--fd-accent); font-weight: 650; font-size: 13px; }
19
20
  .fd-message-content { display: grid; gap: 4px; min-width: 0; }
20
21
  .fd-message-head { display: flex; flex-wrap: wrap; align-items: baseline; gap: 4px 10px; }
21
22
  .fd-message-author { font-weight: 650; }
@@ -63,7 +64,8 @@ a.fd-attachment-file:hover { border-color: var(--fd-accent); }
63
64
  .fd-activities { display: grid; gap: 8px; }
64
65
  .fd-activity-list { list-style: none; margin: 0; padding: 0; display: grid; gap: 6px; }
65
66
  .fd-activity { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 2px 10px; align-items: start; padding: 8px 10px; border: 1px solid var(--fd-border); border-radius: var(--fd-radius); background: var(--fd-surface); }
66
- .fd-activity-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: #fff; background: var(--fd-success); }
67
+ /* The glyph in the surface's colour: white on a light page, dark on the dark scheme's lighter circles. */
68
+ .fd-activity-icon { display: grid; place-items: center; width: 28px; height: 28px; border-radius: 50%; color: var(--fd-surface); background: var(--fd-success); }
67
69
  .fd-activity[data-when="overdue"] .fd-activity-icon { background: var(--fd-error); }
68
70
  .fd-activity[data-when="today"] .fd-activity-icon { background: #d97706; }
69
71
  .fd-activity-icon .fd-icon { width: 16px; height: 16px; }
@@ -71,7 +73,7 @@ a.fd-attachment-file:hover { border-color: var(--fd-accent); }
71
73
  .fd-activity-summary { font-weight: 600; }
72
74
  .fd-activity-meta { color: var(--fd-muted); font-size: 12.5px; }
73
75
  .fd-activity[data-when="overdue"] .fd-activity-due { color: var(--fd-error); font-weight: 600; }
74
- .fd-activity[data-when="today"] .fd-activity-due { color: #b45309; font-weight: 600; }
76
+ .fd-activity[data-when="today"] .fd-activity-due { color: var(--fd-warning); font-weight: 600; }
75
77
  /* Under the summary, where a narrow side panel has room for them. */
76
78
  .fd-activity-actions { grid-column: 2; display: flex; gap: 2px 12px; flex-wrap: wrap; }
77
79
  .fd-activity-actions .fd-button-link { padding: 0; min-height: 0; font-size: 13px; }
package/src/lib/styles.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"styles.mjs","sourceRoot":"","sources":["../../../../../libs/chatter/src/lib/styles.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA4F7B,CAAC;AAEF,oDAAoD;AACpD,MAAM,UAAU,oBAAoB,CAAC,GAAa;IAChD,IAAI,GAAG,CAAC,cAAc,CAAC,mBAAmB,CAAC;QAAE,OAAO;IACpD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,mBAAmB,CAAC;IAC/B,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC;IACnC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}
1
+ {"version":3,"file":"styles.mjs","sourceRoot":"","sources":["../../../../../libs/chatter/src/lib/styles.ts"],"names":[],"mappings":"AAAA,oEAAoE;AACpE,MAAM,CAAC,MAAM,cAAc,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA8F7B,CAAC;AAEF,oDAAoD;AACpD,MAAM,UAAU,oBAAoB,CAAC,GAAa;IAChD,IAAI,GAAG,CAAC,cAAc,CAAC,mBAAmB,CAAC;QAAE,OAAO;IACpD,MAAM,KAAK,GAAG,GAAG,CAAC,aAAa,CAAC,OAAO,CAAC,CAAC;IACzC,KAAK,CAAC,EAAE,GAAG,mBAAmB,CAAC;IAC/B,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC;IACnC,GAAG,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AACzB,CAAC"}