@noirmd/previewer 2.0.1 → 2.0.3

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 (40) hide show
  1. package/dist/NReditor.cjs +1076 -96
  2. package/dist/NReditor.cjs.map +1 -1
  3. package/dist/NReditor.d.cts +3 -1
  4. package/dist/NReditor.d.ts +3 -1
  5. package/dist/NReditor.js +1076 -96
  6. package/dist/NReditor.js.map +1 -1
  7. package/dist/accordion.css +85 -0
  8. package/dist/carousel.css +121 -0
  9. package/dist/chat.css +182 -0
  10. package/dist/countdown.css +83 -0
  11. package/dist/diff.css +94 -0
  12. package/dist/editor.css +218 -4
  13. package/dist/hover3d.css +157 -0
  14. package/dist/hovergallery.css +110 -0
  15. package/dist/index.cjs +572 -4
  16. package/dist/index.cjs.map +1 -1
  17. package/dist/index.js +572 -4
  18. package/dist/index.js.map +1 -1
  19. package/dist/kbd.css +63 -0
  20. package/dist/modal.css +3 -0
  21. package/dist/react.cjs +964 -7
  22. package/dist/react.cjs.map +1 -1
  23. package/dist/react.d.cts +27 -1
  24. package/dist/react.d.ts +27 -1
  25. package/dist/react.js +962 -7
  26. package/dist/react.js.map +1 -1
  27. package/dist/richlist.css +110 -0
  28. package/dist/stat.css +107 -0
  29. package/dist/vanilla.cjs +572 -4
  30. package/dist/vanilla.cjs.map +1 -1
  31. package/dist/vanilla.css +11 -1
  32. package/dist/vanilla.js +572 -4
  33. package/dist/vanilla.js.map +1 -1
  34. package/dist/variables.css +2 -0
  35. package/dist/vue.cjs +572 -4
  36. package/dist/vue.cjs.map +1 -1
  37. package/dist/vue.js +572 -4
  38. package/dist/vue.js.map +1 -1
  39. package/editor.css +218 -4
  40. package/package.json +4 -1
package/dist/richlist.css ADDED
@@ -0,0 +1,110 @@
1
+ /* ============================================================
2
+ NoirMD Vanilla — Rich List
3
+ ============================================================ */
4
+
5
+ .nr-richlist {
6
+ display: flex;
7
+ flex-direction: column;
8
+ padding: 0.25rem 0;
9
+ border: 1px solid var(--nr-border);
10
+ border-radius: var(--nr-radius);
11
+ background: color-mix(in oklab, var(--nr-bg-secondary) 30%, transparent);
12
+ }
13
+
14
+ .nr-richlist__item {
15
+ display: grid;
16
+ grid-template-columns: auto minmax(0, 1fr) auto;
17
+ grid-template-rows: auto auto;
18
+ align-items: center;
19
+ gap: 0.25rem 1rem;
20
+ padding: 0.75rem 1rem;
21
+ border-bottom: 1px solid color-mix(in oklab, var(--nr-text) 8%, transparent);
22
+ transition: background-color 0.15s ease;
23
+ }
24
+
25
+ .nr-richlist__item:last-child {
26
+ border-bottom: none;
27
+ }
28
+
29
+ .nr-richlist__item:hover {
30
+ background: color-mix(in oklab, var(--nr-bg-secondary) 45%, transparent);
31
+ }
32
+
33
+ .nr-richlist__thumb {
34
+ grid-column: 1;
35
+ grid-row: 1 / 3;
36
+ width: 2.5rem;
37
+ height: 2.5rem;
38
+ border-radius: 0.75rem;
39
+ overflow: hidden;
40
+ }
41
+
42
+ .nr-richlist .nr-richlist__thumb img {
43
+ width: 100%;
44
+ height: 100%;
45
+ object-fit: cover;
46
+ display: block;
47
+ }
48
+
49
+ .nr-richlist__main {
50
+ grid-column: 2;
51
+ grid-row: 1;
52
+ display: flex;
53
+ flex-direction: column;
54
+ gap: 0.1rem;
55
+ min-width: 0;
56
+ }
57
+
58
+ .nr-richlist__title {
59
+ font-weight: 600;
60
+ font-size: 0.9rem;
61
+ color: var(--nr-text);
62
+ }
63
+
64
+ .nr-richlist__subtitle {
65
+ font-size: 0.65rem;
66
+ font-weight: 600;
67
+ text-transform: uppercase;
68
+ letter-spacing: 0.06em;
69
+ color: var(--nr-text-secondary);
70
+ }
71
+
72
+ .nr-richlist__desc {
73
+ grid-column: 2;
74
+ grid-row: 2;
75
+ margin: 0;
76
+ font-size: 0.75rem;
77
+ color: var(--nr-text-secondary);
78
+ }
79
+
80
+ .nr-richlist__actions {
81
+ grid-column: 3;
82
+ grid-row: 1 / 3;
83
+ display: flex;
84
+ gap: 0.25rem;
85
+ }
86
+
87
+ .nr-richlist__action {
88
+ display: inline-flex;
89
+ align-items: center;
90
+ justify-content: center;
91
+ width: 2rem;
92
+ height: 2rem;
93
+ border: none;
94
+ border-radius: 0.5rem;
95
+ background: transparent;
96
+ color: var(--nr-text-secondary);
97
+ cursor: pointer;
98
+ transition:
99
+ background-color 0.15s ease,
100
+ color 0.15s ease;
101
+ }
102
+
103
+ .nr-richlist__action:hover {
104
+ background: color-mix(in oklab, var(--nr-text) 10%, transparent);
105
+ color: var(--nr-text);
106
+ }
107
+
108
+ .nr-richlist__action .nr-icon {
109
+ font-size: 1.1rem;
110
+ }
package/dist/stat.css ADDED
@@ -0,0 +1,107 @@
1
+ /* ============================================================
2
+ NoirMD Vanilla — Stat
3
+ ============================================================ */
4
+
5
+ .nr-stat-grid {
6
+ display: grid;
7
+ grid-auto-flow: column;
8
+ grid-auto-columns: minmax(0, 1fr);
9
+ overflow-x: auto;
10
+ border: 1px solid var(--nr-border);
11
+ border-radius: var(--nr-radius);
12
+ background: var(--nr-bg);
13
+ box-shadow:
14
+ 0 1px 3px rgb(0 0 0 / 0.08),
15
+ 0 8px 24px -12px rgb(0 0 0 / 0.15);
16
+ }
17
+
18
+ .nr-stat {
19
+ display: grid;
20
+ grid-template-columns: 1fr auto;
21
+ grid-template-rows: auto auto auto;
22
+ gap: 0 1rem;
23
+ padding: 1rem 1.5rem;
24
+ min-width: 10rem;
25
+ }
26
+
27
+ .nr-stat + .nr-stat {
28
+ border-inline-start: 1px dashed color-mix(in oklab, currentColor 12%, transparent);
29
+ }
30
+
31
+ .nr-stat__title {
32
+ grid-column: 1;
33
+ grid-row: 1;
34
+ font-size: 0.75rem;
35
+ color: var(--nr-text-secondary);
36
+ white-space: nowrap;
37
+ }
38
+
39
+ .nr-stat__value {
40
+ grid-column: 1;
41
+ grid-row: 2;
42
+ font-size: 2rem;
43
+ font-weight: 800;
44
+ line-height: 1.1;
45
+ color: var(--nr-text);
46
+ white-space: nowrap;
47
+ }
48
+
49
+ .nr-stat__desc {
50
+ grid-column: 1;
51
+ grid-row: 3;
52
+ font-size: 0.75rem;
53
+ color: var(--nr-text-secondary);
54
+ white-space: nowrap;
55
+ }
56
+
57
+ .nr-stat__figure {
58
+ grid-column: 2;
59
+ grid-row: 1 / 4;
60
+ place-self: center;
61
+ justify-self: end;
62
+ color: var(--nr-accent);
63
+ }
64
+
65
+ .nr-stat__figure .nr-icon {
66
+ font-size: 2rem;
67
+ }
68
+
69
+ /* ── Color variants ── */
70
+
71
+ .nr-stat--secondary .nr-stat__figure,
72
+ .nr-stat--secondary .nr-stat__value {
73
+ color: var(--nr-secondary);
74
+ }
75
+
76
+ .nr-stat--info .nr-stat__figure,
77
+ .nr-stat--info .nr-stat__value {
78
+ color: var(--nr-info);
79
+ }
80
+
81
+ .nr-stat--success .nr-stat__figure,
82
+ .nr-stat--success .nr-stat__value {
83
+ color: var(--nr-success);
84
+ }
85
+
86
+ .nr-stat--warning .nr-stat__figure,
87
+ .nr-stat--warning .nr-stat__value {
88
+ color: var(--nr-warning);
89
+ }
90
+
91
+ .nr-stat--error .nr-stat__figure,
92
+ .nr-stat--error .nr-stat__value {
93
+ color: var(--nr-danger);
94
+ }
95
+
96
+ /* ── Stack on small screens ── */
97
+
98
+ @media (max-width: 640px) {
99
+ .nr-stat-grid {
100
+ grid-auto-flow: row;
101
+ }
102
+
103
+ .nr-stat + .nr-stat {
104
+ border-inline-start: none;
105
+ border-block-start: 1px dashed color-mix(in oklab, currentColor 12%, transparent);
106
+ }
107
+ }