@qtalo/qt-ui-library 0.3.4 → 0.4.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 (8) hide show
  1. package/dist/index.cjs +18 -18
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.css +1 -1
  4. package/dist/index.d.ts +243 -0
  5. package/dist/index.js +1244 -307
  6. package/dist/index.js.map +1 -1
  7. package/package.json +2 -1
  8. package/src/styles/styles.css +144 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qtalo/qt-ui-library",
3
- "version": "0.3.4",
3
+ "version": "0.4.0",
4
4
  "private": false,
5
5
  "publishConfig": {
6
6
  "access": "public"
@@ -36,6 +36,7 @@
36
36
  },
37
37
  "devDependencies": {
38
38
  "@eslint/js": "^9.39.2",
39
+ "@fontsource-variable/material-symbols-outlined": "^5.3.9",
39
40
  "@ianvs/prettier-plugin-sort-imports": "^4.7.0",
40
41
  "@ladle/react": "^5.1.1",
41
42
  "@tailwindcss/vite": "^4.1.18",
package/src/styles/styles.css CHANGED
@@ -139,6 +139,70 @@
139
139
  --color-search-suggestion-client-text: var(--color-primary-500-variant-1);
140
140
  --color-search-suggestion-member-bg: #ecfdf5;
141
141
  --color-search-suggestion-member-text: #047857;
142
+ --color-search-suggestion-panel-border: #f5f5f8;
143
+ --color-search-suggestion-close-hover: color-mix(
144
+ in oklab,
145
+ #000000 10%,
146
+ transparent
147
+ );
148
+
149
+ --color-group-header-hover-bg: color-mix(in oklab, #000000 2%, transparent);
150
+ --color-group-header-text-strong: #1f1f1f;
151
+ --color-group-header-initial-bg: #e8e5ff;
152
+ --color-group-header-initial-text: #4f3ed0;
153
+
154
+ --color-pulse-card-border: #f5f5f8;
155
+ --color-pulse-card-text: #1f1f1f;
156
+ --color-pulse-card-review-hover-bg: #fffbeb;
157
+ --color-pulse-card-spark-hover-bg: #f5f3ff;
158
+ --color-pulse-card-tag-respond-text: #cc3d2a;
159
+ --color-pulse-card-tag-respond-border: #ff8578;
160
+ --color-pulse-card-tag-decide-text: #4f3ed0;
161
+ --color-pulse-card-tag-decide-border: #abaaff;
162
+ --color-pulse-card-action-hover-bg: #f5f5f8;
163
+ --color-pulse-card-action-hover-text: #46454a;
164
+
165
+ --color-evidence-border: #f3f2f8;
166
+ --color-signal-summary-border: #f3f2f8;
167
+ --color-signal-summary-avatar-bg: #f5f5f8;
168
+ --color-signal-summary-avatar-text: #82818e;
169
+ --color-signal-summary-close-hover-bg: #fafafc;
170
+ --color-signal-summary-divider: #eae9f0;
171
+ --color-signal-summary-guardrail-hover: #1f1f1f;
172
+ --color-signal-summary-action-border: #eae9f0;
173
+ --color-signal-summary-action-hover-bg: #fafafc;
174
+ --color-signal-summary-chip-bg: #ffffff;
175
+ --color-signal-summary-chip-border: #f5f5f8;
176
+ --color-signal-summary-chip-selected-bg: #46454a;
177
+ --color-signal-summary-chip-selected-text: #ffffff;
178
+ --color-signal-summary-confirm-bg: #46454a;
179
+ --color-signal-summary-confirm-text: #ffffff;
180
+ --color-signal-summary-confirm-hover-bg: #82818e;
181
+ --color-signal-summary-instead-text: #82818e;
182
+ --color-signal-summary-instead-hover-text: #15803d;
183
+ --color-signal-summary-sla-track: #fafafc;
184
+ --color-signal-summary-sla-good-bar: #4ade80;
185
+ --color-signal-summary-sla-good-badge-bg: #f0fdf4;
186
+ --color-signal-summary-sla-good-badge-text: #15803d;
187
+ --color-signal-summary-sla-approaching-bar: #fde047;
188
+ --color-signal-summary-sla-approaching-badge-bg: #fefce8;
189
+ --color-signal-summary-sla-approaching-badge-text: #a16207;
190
+ --color-signal-summary-sla-overdue-bar: #fbbf24;
191
+ --color-signal-summary-sla-overdue-badge-bg: #fffbeb;
192
+ --color-signal-summary-sla-overdue-badge-text: #b45309;
193
+ --color-signal-summary-sla-way-overdue-bar: #ef4444;
194
+ --color-signal-summary-sla-way-overdue-badge-bg: #fef2f2;
195
+ --color-signal-summary-sla-way-overdue-badge-text: #b91c1c;
196
+ --color-cursor-tooltip-bg: #46454a;
197
+ --color-evidence-empty-bg: #fafafa;
198
+ --color-thread-avatar-email-bg: #fafafc;
199
+ --color-thread-date-pill-border: #eae9f0;
200
+ --color-toolbar-border: #f5f5f8;
201
+ --color-toolbar-button-active-text: #4f3ed0;
202
+ --color-toolbar-text-strong: #1f1f1f;
203
+ --color-toolbar-button-hover-border: #cbcad5;
204
+ --color-toolbar-button-menu-border: #abaaff;
205
+ --color-toolbar-badge-idle-bg: color-mix(in oklab, #000000 4%, transparent);
142
206
 
143
207
  --color-red-400: #f87171;
144
208
  --color-red-500: #ef4444;
@@ -414,6 +478,86 @@
414
478
  transparent
415
479
  );
416
480
  --color-search-suggestion-member-text: #34d399;
481
+ --color-search-suggestion-panel-border: #222222;
482
+ --color-search-suggestion-close-hover: color-mix(
483
+ in oklab,
484
+ #ffffff 10%,
485
+ transparent
486
+ );
487
+
488
+ --color-group-header-hover-bg: color-mix(in oklab, #ffffff 3%, transparent);
489
+ --color-group-header-text-strong: #f5f5f5;
490
+ --color-group-header-initial-bg: #2a2540;
491
+ --color-group-header-initial-text: #aba4ff;
492
+
493
+ --color-pulse-card-border: #82818e;
494
+ --color-pulse-card-text: #f5f5f5;
495
+ --color-pulse-card-review-hover-bg: color-mix(
496
+ in oklab,
497
+ #451a03 20%,
498
+ transparent
499
+ );
500
+ --color-pulse-card-spark-hover-bg: #2d2650;
501
+ --color-pulse-card-tag-respond-text: #ff8a7a;
502
+ --color-pulse-card-tag-respond-border: #ff8578;
503
+ --color-pulse-card-tag-decide-text: #aba4ff;
504
+ --color-pulse-card-tag-decide-border: #aba4ff;
505
+ --color-pulse-card-action-hover-bg: #2a2a2a;
506
+ --color-pulse-card-action-hover-text: #fafafc;
507
+
508
+ --color-evidence-border: #3a3a3a;
509
+ --color-signal-summary-border: #3a3a3a;
510
+ --color-signal-summary-avatar-bg: #82818e;
511
+ --color-signal-summary-avatar-text: #f5f5f8;
512
+ --color-signal-summary-close-hover-bg: #222222;
513
+ --color-signal-summary-divider: #4a4a4a;
514
+ --color-signal-summary-guardrail-hover: #f5f5f8;
515
+ --color-signal-summary-action-border: #cbcad5;
516
+ --color-signal-summary-action-hover-bg: #46454a;
517
+ --color-signal-summary-chip-bg: #222222;
518
+ --color-signal-summary-chip-border: #333333;
519
+ --color-signal-summary-chip-selected-bg: #ffffff;
520
+ --color-signal-summary-chip-selected-text: #1f1f1f;
521
+ --color-signal-summary-confirm-bg: #f5f5f8;
522
+ --color-signal-summary-confirm-text: #1f1f1f;
523
+ --color-signal-summary-confirm-hover-bg: #ffffff;
524
+ --color-signal-summary-instead-text: #cbcad5;
525
+ --color-signal-summary-instead-hover-text: #4ade80;
526
+ --color-signal-summary-sla-track: #2a2a2a;
527
+ --color-signal-summary-sla-good-badge-bg: color-mix(
528
+ in oklab,
529
+ #052e16 40%,
530
+ transparent
531
+ );
532
+ --color-signal-summary-sla-good-badge-text: #4ade80;
533
+ --color-signal-summary-sla-approaching-badge-bg: color-mix(
534
+ in oklab,
535
+ #422006 40%,
536
+ transparent
537
+ );
538
+ --color-signal-summary-sla-approaching-badge-text: #facc15;
539
+ --color-signal-summary-sla-overdue-badge-bg: color-mix(
540
+ in oklab,
541
+ #451a03 40%,
542
+ transparent
543
+ );
544
+ --color-signal-summary-sla-overdue-badge-text: #fbbf24;
545
+ --color-signal-summary-sla-way-overdue-badge-bg: color-mix(
546
+ in oklab,
547
+ #450a0a 40%,
548
+ transparent
549
+ );
550
+ --color-signal-summary-sla-way-overdue-badge-text: #f87171;
551
+ --color-cursor-tooltip-bg: #82818e;
552
+ --color-evidence-empty-bg: #151515;
553
+ --color-thread-avatar-email-bg: #46454a;
554
+ --color-thread-date-pill-border: #4a4a4a;
555
+ --color-toolbar-border: #222222;
556
+ --color-toolbar-button-active-text: #aba4ff;
557
+ --color-toolbar-text-strong: #f5f5f5;
558
+ --color-toolbar-button-hover-border: #3f3f46;
559
+ --color-toolbar-button-menu-border: #aba4ff;
560
+ --color-toolbar-badge-idle-bg: color-mix(in oklab, #ffffff 6%, transparent);
417
561
 
418
562
  --color-yellow-50: color-mix(
419
563
  in oklab,