@changerawr/markdown 1.1.1 → 1.1.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.
- package/dist/css/core.css +33 -0
- package/dist/css/index.css +156 -0
- package/package.json +7 -2
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
/* ===================================
|
|
2
|
+
* Core-only version without extensions
|
|
3
|
+
* =================================== */
|
|
4
|
+
|
|
5
|
+
@layer utilities {
|
|
6
|
+
/* Essential typography for markdown */
|
|
7
|
+
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
|
|
8
|
+
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
|
|
9
|
+
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
|
|
10
|
+
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
|
|
11
|
+
|
|
12
|
+
.font-bold { font-weight: 700; }
|
|
13
|
+
.font-semibold { font-weight: 600; }
|
|
14
|
+
.font-medium { font-weight: 500; }
|
|
15
|
+
.italic { font-style: italic; }
|
|
16
|
+
.underline { text-decoration-line: underline; }
|
|
17
|
+
|
|
18
|
+
/* Essential spacing */
|
|
19
|
+
.mt-8 { margin-top: 2rem; }
|
|
20
|
+
.mt-6 { margin-top: 1.5rem; }
|
|
21
|
+
.mb-4 { margin-bottom: 1rem; }
|
|
22
|
+
.mb-3 { margin-bottom: 0.75rem; }
|
|
23
|
+
.leading-7 { line-height: 1.75rem; }
|
|
24
|
+
|
|
25
|
+
/* Essential layout */
|
|
26
|
+
.flex { display: flex; }
|
|
27
|
+
.items-center { align-items: center; }
|
|
28
|
+
.gap-2 { gap: 0.5rem; }
|
|
29
|
+
|
|
30
|
+
/* Essential borders */
|
|
31
|
+
.border-l-2 { border-left-width: 2px; }
|
|
32
|
+
.rounded-lg { border-radius: 0.5rem; }
|
|
33
|
+
}
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
/*
|
|
2
|
+
* Main CSS file for Tailwind v4 import
|
|
3
|
+
*/
|
|
4
|
+
|
|
5
|
+
@layer utilities {
|
|
6
|
+
/* Core typography classes that markdown components use */
|
|
7
|
+
.text-3xl { font-size: 1.875rem; line-height: 2.25rem; }
|
|
8
|
+
.text-2xl { font-size: 1.5rem; line-height: 2rem; }
|
|
9
|
+
.text-xl { font-size: 1.25rem; line-height: 1.75rem; }
|
|
10
|
+
.text-lg { font-size: 1.125rem; line-height: 1.75rem; }
|
|
11
|
+
.text-base { font-size: 1rem; line-height: 1.5rem; }
|
|
12
|
+
.text-sm { font-size: 0.875rem; line-height: 1.25rem; }
|
|
13
|
+
|
|
14
|
+
.font-bold { font-weight: 700; }
|
|
15
|
+
.font-semibold { font-weight: 600; }
|
|
16
|
+
.font-medium { font-weight: 500; }
|
|
17
|
+
.italic { font-style: italic; }
|
|
18
|
+
.underline { text-decoration-line: underline; }
|
|
19
|
+
.line-through { text-decoration-line: line-through; }
|
|
20
|
+
|
|
21
|
+
/* Spacing utilities */
|
|
22
|
+
.mt-8 { margin-top: 2rem; }
|
|
23
|
+
.mt-6 { margin-top: 1.5rem; }
|
|
24
|
+
.mt-5 { margin-top: 1.25rem; }
|
|
25
|
+
.mt-4 { margin-top: 1rem; }
|
|
26
|
+
.mt-3 { margin-top: 0.75rem; }
|
|
27
|
+
.mb-6 { margin-bottom: 1.5rem; }
|
|
28
|
+
.mb-4 { margin-bottom: 1rem; }
|
|
29
|
+
.mb-3 { margin-bottom: 0.75rem; }
|
|
30
|
+
.mb-2 { margin-bottom: 0.5rem; }
|
|
31
|
+
.my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem; }
|
|
32
|
+
.my-4 { margin-top: 1rem; margin-bottom: 1rem; }
|
|
33
|
+
|
|
34
|
+
.p-4 { padding: 1rem; }
|
|
35
|
+
.p-6 { padding: 1.5rem; }
|
|
36
|
+
.px-1\.5 { padding-left: 0.375rem; padding-right: 0.375rem; }
|
|
37
|
+
.px-2 { padding-left: 0.5rem; padding-right: 0.5rem; }
|
|
38
|
+
.px-3 { padding-left: 0.75rem; padding-right: 0.75rem; }
|
|
39
|
+
.px-4 { padding-left: 1rem; padding-right: 1rem; }
|
|
40
|
+
.py-0\.5 { padding-top: 0.125rem; padding-bottom: 0.125rem; }
|
|
41
|
+
.py-1 { padding-top: 0.25rem; padding-bottom: 0.25rem; }
|
|
42
|
+
.py-2 { padding-top: 0.5rem; padding-bottom: 0.5rem; }
|
|
43
|
+
.pl-4 { padding-left: 1rem; }
|
|
44
|
+
.pl-6 { padding-left: 1.5rem; }
|
|
45
|
+
|
|
46
|
+
/* Layout utilities */
|
|
47
|
+
.flex { display: flex; }
|
|
48
|
+
.inline-flex { display: inline-flex; }
|
|
49
|
+
.items-center { align-items: center; }
|
|
50
|
+
.justify-center { justify-content: center; }
|
|
51
|
+
.gap-2 { gap: 0.5rem; }
|
|
52
|
+
.space-y-1 > :not([hidden]) ~ :not([hidden]) { margin-top: 0.25rem; }
|
|
53
|
+
|
|
54
|
+
/* List utilities */
|
|
55
|
+
.list-disc { list-style-type: disc; }
|
|
56
|
+
.list-inside { list-style-position: inside; }
|
|
57
|
+
.ml-4 { margin-left: 1rem; }
|
|
58
|
+
|
|
59
|
+
/* Border and background utilities */
|
|
60
|
+
.border-l-2 { border-left-width: 2px; }
|
|
61
|
+
.border-l-4 { border-left-width: 4px; }
|
|
62
|
+
.rounded { border-radius: 0.25rem; }
|
|
63
|
+
.rounded-lg { border-radius: 0.5rem; }
|
|
64
|
+
.rounded-md { border-radius: 0.375rem; }
|
|
65
|
+
.bg-muted { background-color: color-mix(in srgb, currentColor 8%, transparent); }
|
|
66
|
+
|
|
67
|
+
/* Image utilities */
|
|
68
|
+
.max-w-full { max-width: 100%; }
|
|
69
|
+
.h-auto { height: auto; }
|
|
70
|
+
.overflow-x-auto { overflow-x: auto; }
|
|
71
|
+
|
|
72
|
+
/* Interaction utilities */
|
|
73
|
+
.hover\:underline:hover { text-decoration-line: underline; }
|
|
74
|
+
.transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); transition-duration: 150ms; }
|
|
75
|
+
.duration-200 { transition-duration: 200ms; }
|
|
76
|
+
.cursor-pointer { cursor: pointer; }
|
|
77
|
+
|
|
78
|
+
/* Leading utilities */
|
|
79
|
+
.leading-7 { line-height: 1.75rem; }
|
|
80
|
+
.leading-relaxed { line-height: 1.625; }
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
@layer components {
|
|
84
|
+
/* Alert components */
|
|
85
|
+
.changerawr-alert {
|
|
86
|
+
@apply border-l-4 p-4 mb-4 rounded-md transition-all duration-200;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
.changerawr-alert-info {
|
|
90
|
+
background-color: color-mix(in srgb, #3b82f6 10%, transparent);
|
|
91
|
+
border-color: color-mix(in srgb, #3b82f6 30%, transparent);
|
|
92
|
+
color: #3b82f6;
|
|
93
|
+
border-left-color: #3b82f6;
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
.changerawr-alert-warning {
|
|
97
|
+
background-color: color-mix(in srgb, #f59e0b 10%, transparent);
|
|
98
|
+
border-color: color-mix(in srgb, #f59e0b 30%, transparent);
|
|
99
|
+
color: #f59e0b;
|
|
100
|
+
border-left-color: #f59e0b;
|
|
101
|
+
}
|
|
102
|
+
|
|
103
|
+
.changerawr-alert-error {
|
|
104
|
+
background-color: color-mix(in srgb, #ef4444 10%, transparent);
|
|
105
|
+
border-color: color-mix(in srgb, #ef4444 30%, transparent);
|
|
106
|
+
color: #ef4444;
|
|
107
|
+
border-left-color: #ef4444;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
.changerawr-alert-success {
|
|
111
|
+
background-color: color-mix(in srgb, #10b981 10%, transparent);
|
|
112
|
+
border-color: color-mix(in srgb, #10b981 30%, transparent);
|
|
113
|
+
color: #10b981;
|
|
114
|
+
border-left-color: #10b981;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
/* Button components */
|
|
118
|
+
.changerawr-button {
|
|
119
|
+
@apply inline-flex items-center justify-center px-4 py-2 rounded-lg transition-all duration-200 cursor-pointer;
|
|
120
|
+
border: 1px solid transparent;
|
|
121
|
+
font-weight: 500;
|
|
122
|
+
text-decoration: none;
|
|
123
|
+
}
|
|
124
|
+
|
|
125
|
+
.changerawr-button-primary {
|
|
126
|
+
background-color: #3b82f6;
|
|
127
|
+
color: white;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.changerawr-button-primary:hover:not(:disabled) {
|
|
131
|
+
background-color: color-mix(in srgb, #3b82f6 90%, black);
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
/* Dark mode variants */
|
|
136
|
+
@media (prefers-color-scheme: dark) {
|
|
137
|
+
.changerawr-alert-info {
|
|
138
|
+
color: #60a5fa;
|
|
139
|
+
background-color: color-mix(in srgb, #3b82f6 20%, transparent);
|
|
140
|
+
}
|
|
141
|
+
|
|
142
|
+
.changerawr-alert-warning {
|
|
143
|
+
color: #fbbf24;
|
|
144
|
+
background-color: color-mix(in srgb, #f59e0b 20%, transparent);
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.changerawr-alert-error {
|
|
148
|
+
color: #f87171;
|
|
149
|
+
background-color: color-mix(in srgb, #ef4444 20%, transparent);
|
|
150
|
+
}
|
|
151
|
+
|
|
152
|
+
.changerawr-alert-success {
|
|
153
|
+
color: #34d399;
|
|
154
|
+
background-color: color-mix(in srgb, #10b981 20%, transparent);
|
|
155
|
+
}
|
|
156
|
+
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@changerawr/markdown",
|
|
3
|
-
"version": "1.1.
|
|
3
|
+
"version": "1.1.3",
|
|
4
4
|
"publishConfig": {
|
|
5
5
|
"access": "public"
|
|
6
6
|
},
|
|
@@ -53,6 +53,9 @@
|
|
|
53
53
|
"./css/core": "./dist/css/core.css",
|
|
54
54
|
"./package.json": "./package.json"
|
|
55
55
|
},
|
|
56
|
+
"sideEffects": [
|
|
57
|
+
"./dist/css/**"
|
|
58
|
+
],
|
|
56
59
|
"files": [
|
|
57
60
|
"dist",
|
|
58
61
|
"README.md",
|
|
@@ -60,6 +63,7 @@
|
|
|
60
63
|
],
|
|
61
64
|
"scripts": {
|
|
62
65
|
"build": "tsup",
|
|
66
|
+
"postbuild": "cpx 'src/css/**/*' dist/css",
|
|
63
67
|
"dev": "tsup --watch",
|
|
64
68
|
"test": "vitest",
|
|
65
69
|
"test:watch": "vitest --watch",
|
|
@@ -101,6 +105,7 @@
|
|
|
101
105
|
"@typescript-eslint/eslint-plugin": "^6.20.0",
|
|
102
106
|
"@typescript-eslint/parser": "^6.20.0",
|
|
103
107
|
"@vitest/coverage-v8": "^3.2.4",
|
|
108
|
+
"cpx2": "^8.0.0",
|
|
104
109
|
"eslint": "^8.56.0",
|
|
105
110
|
"jsdom": "^24.0.0",
|
|
106
111
|
"react": "^18.2.0",
|
|
@@ -110,4 +115,4 @@
|
|
|
110
115
|
"typescript": "^5.3.3",
|
|
111
116
|
"vitest": "^3.2.4"
|
|
112
117
|
}
|
|
113
|
-
}
|
|
118
|
+
}
|