@llumi/design-system 1.0.1 → 2.1.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 (48) hide show
  1. package/LICENSE +51 -0
  2. package/NOTICE +66 -0
  3. package/README.md +15 -205
  4. package/adopt-global-styles-D9108lqB.js +15 -0
  5. package/base.css +2 -0
  6. package/base.md +59 -0
  7. package/bpmn.md +113 -0
  8. package/bpmn.mjs +5076 -0
  9. package/copy-button.md +128 -0
  10. package/copy-button.mjs +161 -0
  11. package/custom-elements.json +1135 -18
  12. package/download-button.md +106 -0
  13. package/download-button.mjs +177 -0
  14. package/highlighter.md +45 -0
  15. package/highlighter.mjs +403 -0
  16. package/icon-button-BwB11RGC.js +5 -0
  17. package/icons-BaUbjt-v.js +42 -0
  18. package/index-BEhA78nX.js +7733 -0
  19. package/llumi-element-BWRwgzW5.js +22 -0
  20. package/mermaid.md +58 -0
  21. package/mermaid.mjs +254 -0
  22. package/package.json +16 -50
  23. package/review.md +141 -0
  24. package/review.mjs +2044 -0
  25. package/slot-text-mSWBdWBc.js +51 -0
  26. package/theme.css +2 -0
  27. package/dist/review.cjs +0 -172
  28. package/dist/review.css +0 -98
  29. package/dist/review.js +0 -172
  30. package/dist/review.mjs +0 -1710
  31. package/dist/types/components/review/comment-dialog.element.d.ts +0 -29
  32. package/dist/types/components/review/custom-target.utils.d.ts +0 -16
  33. package/dist/types/components/review/default-editor.element.d.ts +0 -19
  34. package/dist/types/components/review/highlight-manager.d.ts +0 -21
  35. package/dist/types/components/review/index.d.ts +0 -8
  36. package/dist/types/components/review/overall-comment-dialog.element.d.ts +0 -22
  37. package/dist/types/components/review/review-bar.element.d.ts +0 -26
  38. package/dist/types/components/review/review.element.d.ts +0 -60
  39. package/dist/types/components/review/review.machine.d.ts +0 -234
  40. package/dist/types/components/review/review.persistence.d.ts +0 -16
  41. package/dist/types/components/review/review.type.d.ts +0 -37
  42. package/dist/types/components/review/selection-comment-icons.element.d.ts +0 -17
  43. package/dist/types/components/review/selection-range.utils.d.ts +0 -6
  44. package/dist/types/components/review/sort-comments.utils.d.ts +0 -6
  45. package/dist/types/index.d.ts +0 -1
  46. package/dist/types/shared/cn.d.ts +0 -2
  47. package/dist/types/shared/icons.d.ts +0 -7
  48. package/dist/types/shared/tailwind-element.d.ts +0 -4
package/dist/review.css DELETED
@@ -1,98 +0,0 @@
1
- :root {
2
- --review-highlight-uncommented-color: oklch(0.7 0 0 / 0.15);
3
- --review-highlight-commented-color: oklch(0.7 0 0 / 0.3);
4
- --review-highlight-color: oklch(0.7 0 0 / 0.5);
5
- --review-highlight-editing-color: oklch(0.6 0 0 / 0.7);
6
- --review-badge-icon-color: oklch(0.35 0 0);
7
- --review-z-index: 9998;
8
- --review-selection-commented-color: oklch(0.85 0.08 250 / 0.4);
9
- --review-selection-editing-color: oklch(0.75 0.12 250 / 0.6);
10
- --review-selection-hover-color: oklch(0.8 0.1 250 / 0.5);
11
- }
12
-
13
- /*
14
- * Transition lives on the base rule, not the highlight classes.
15
- * This ensures outline-color animates on both class addition AND removal.
16
- * Moving it to the classes breaks re-activation animation.
17
- */
18
- [data-review-id],
19
- [data-review-selectable],
20
- .review-target {
21
- outline: 2px solid transparent;
22
- outline-offset: 2px;
23
- transition: outline-color 0.15s ease;
24
- }
25
-
26
- /* Without-comment — lightest tier, no badge */
27
- .review-highlight-uncommented {
28
- outline-color: var(--review-highlight-uncommented-color);
29
- }
30
-
31
- /* Commented — position: relative anchors the ::after badge */
32
- .review-highlight-commented {
33
- outline-color: var(--review-highlight-commented-color);
34
- position: relative;
35
- }
36
-
37
- /* Hover — after commented so outline-color wins when both classes are present */
38
- .review-highlight-hover {
39
- outline-color: var(--review-highlight-color);
40
- }
41
-
42
- /* Comment badge — white circle with icon, top-right corner */
43
- .review-highlight-commented::after {
44
- content: "";
45
- position: absolute;
46
- top: -12px;
47
- right: -14px;
48
- width: 20px;
49
- height: 20px;
50
- border-radius: 50%;
51
- background-color: white;
52
- background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23404040' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
53
- background-size: 12px 12px;
54
- background-repeat: no-repeat;
55
- background-position: center;
56
- box-shadow: 0 1px 3px oklch(0 0 0 / 0.1);
57
- pointer-events: none;
58
- }
59
-
60
- /* Hide badge on the element currently being edited */
61
- .review-highlight-editing::after {
62
- display: none;
63
- }
64
-
65
- /* Hide badge on selectable-only elements — badge is reserved for data-review-id */
66
- [data-review-selectable]:not(
67
- [data-review-id]
68
- ).review-highlight-commented::after {
69
- display: none;
70
- }
71
-
72
- /* Editing */
73
- .review-highlight-editing {
74
- outline-color: var(--review-highlight-editing-color);
75
- }
76
-
77
- /* CSS Custom Highlight API — selection comments */
78
- ::highlight(review-selection-commented) {
79
- background-color: var(--review-selection-commented-color);
80
- }
81
-
82
- ::highlight(review-selection-editing) {
83
- background-color: var(--review-selection-editing-color);
84
- }
85
-
86
- ::highlight(review-selection-hover) {
87
- background-color: var(--review-selection-hover-color);
88
- }
89
-
90
- /* Cursors in review mode — scoped to wrapper class, no JS needed */
91
- .review-active [data-review-id],
92
- .review-active .review-target {
93
- cursor: pointer;
94
- }
95
-
96
- .review-active [data-review-selectable] {
97
- cursor: text;
98
- }