hazo_ui 2.2.6 → 2.3.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.
- package/README.md +255 -0
- package/dist/index.cjs +2437 -4519
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +35 -63
- package/dist/index.d.ts +35 -63
- package/dist/index.js +2397 -4498
- package/dist/index.js.map +1 -1
- package/dist/styles.css +0 -127
- package/package.json +29 -41
package/dist/styles.css
CHANGED
|
@@ -49,130 +49,3 @@
|
|
|
49
49
|
--input: 217.2 32.6% 17.5%;
|
|
50
50
|
--ring: 212.7 26.8% 83.9%;
|
|
51
51
|
}
|
|
52
|
-
|
|
53
|
-
/* Rich text editor content styles */
|
|
54
|
-
.cls_editor_content .ProseMirror h1 {
|
|
55
|
-
font-size: 2em;
|
|
56
|
-
font-weight: 700;
|
|
57
|
-
line-height: 1.2;
|
|
58
|
-
margin-top: 0.5em;
|
|
59
|
-
margin-bottom: 0.5em;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.cls_editor_content .ProseMirror h2 {
|
|
63
|
-
font-size: 1.5em;
|
|
64
|
-
font-weight: 600;
|
|
65
|
-
line-height: 1.3;
|
|
66
|
-
margin-top: 0.5em;
|
|
67
|
-
margin-bottom: 0.5em;
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
.cls_editor_content .ProseMirror h3 {
|
|
71
|
-
font-size: 1.25em;
|
|
72
|
-
font-weight: 600;
|
|
73
|
-
line-height: 1.4;
|
|
74
|
-
margin-top: 0.5em;
|
|
75
|
-
margin-bottom: 0.5em;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
/* Unordered lists (bullet lists) */
|
|
79
|
-
.cls_editor_content .ProseMirror ul {
|
|
80
|
-
list-style-type: disc;
|
|
81
|
-
padding-left: 1.5em;
|
|
82
|
-
margin-top: 0.5em;
|
|
83
|
-
margin-bottom: 0.5em;
|
|
84
|
-
}
|
|
85
|
-
|
|
86
|
-
.cls_editor_content .ProseMirror ul ul {
|
|
87
|
-
list-style-type: circle;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
.cls_editor_content .ProseMirror ul ul ul {
|
|
91
|
-
list-style-type: square;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
/* Ordered lists (numbered lists) */
|
|
95
|
-
.cls_editor_content .ProseMirror ol {
|
|
96
|
-
list-style-type: decimal;
|
|
97
|
-
padding-left: 1.5em;
|
|
98
|
-
margin-top: 0.5em;
|
|
99
|
-
margin-bottom: 0.5em;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.cls_editor_content .ProseMirror ol ol {
|
|
103
|
-
list-style-type: lower-alpha;
|
|
104
|
-
}
|
|
105
|
-
|
|
106
|
-
.cls_editor_content .ProseMirror ol ol ol {
|
|
107
|
-
list-style-type: lower-roman;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
/* List items */
|
|
111
|
-
.cls_editor_content .ProseMirror li {
|
|
112
|
-
margin-top: 0.25em;
|
|
113
|
-
margin-bottom: 0.25em;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
.cls_editor_content .ProseMirror li p {
|
|
117
|
-
margin: 0;
|
|
118
|
-
}
|
|
119
|
-
|
|
120
|
-
/* Blockquote */
|
|
121
|
-
.cls_editor_content .ProseMirror blockquote {
|
|
122
|
-
border-left: 4px solid hsl(var(--border));
|
|
123
|
-
padding-left: 1em;
|
|
124
|
-
margin-left: 0;
|
|
125
|
-
margin-right: 0;
|
|
126
|
-
font-style: italic;
|
|
127
|
-
color: hsl(var(--muted-foreground));
|
|
128
|
-
}
|
|
129
|
-
|
|
130
|
-
/* Code blocks */
|
|
131
|
-
.cls_editor_content .ProseMirror pre {
|
|
132
|
-
background-color: hsl(var(--muted));
|
|
133
|
-
border-radius: 0.375rem;
|
|
134
|
-
padding: 0.75em 1em;
|
|
135
|
-
overflow-x: auto;
|
|
136
|
-
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
137
|
-
font-size: 0.875em;
|
|
138
|
-
}
|
|
139
|
-
|
|
140
|
-
.cls_editor_content .ProseMirror code {
|
|
141
|
-
background-color: hsl(var(--muted));
|
|
142
|
-
padding: 0.2em 0.4em;
|
|
143
|
-
border-radius: 0.25rem;
|
|
144
|
-
font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
|
|
145
|
-
font-size: 0.875em;
|
|
146
|
-
}
|
|
147
|
-
|
|
148
|
-
.cls_editor_content .ProseMirror pre code {
|
|
149
|
-
background: none;
|
|
150
|
-
padding: 0;
|
|
151
|
-
}
|
|
152
|
-
|
|
153
|
-
/* Paragraphs */
|
|
154
|
-
.cls_editor_content .ProseMirror p {
|
|
155
|
-
margin-top: 0.5em;
|
|
156
|
-
margin-bottom: 0.5em;
|
|
157
|
-
}
|
|
158
|
-
|
|
159
|
-
/* First child no top margin */
|
|
160
|
-
.cls_editor_content .ProseMirror > :first-child {
|
|
161
|
-
margin-top: 0;
|
|
162
|
-
}
|
|
163
|
-
|
|
164
|
-
/* Task lists */
|
|
165
|
-
.cls_editor_content .ProseMirror ul[data-type="taskList"] {
|
|
166
|
-
list-style-type: none;
|
|
167
|
-
padding-left: 0;
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
.cls_editor_content .ProseMirror ul[data-type="taskList"] li {
|
|
171
|
-
display: flex;
|
|
172
|
-
align-items: flex-start;
|
|
173
|
-
gap: 0.5em;
|
|
174
|
-
}
|
|
175
|
-
|
|
176
|
-
.cls_editor_content .ProseMirror ul[data-type="taskList"] li input[type="checkbox"] {
|
|
177
|
-
margin-top: 0.25em;
|
|
178
|
-
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "hazo_ui",
|
|
3
|
-
"version": "2.
|
|
3
|
+
"version": "2.3.0",
|
|
4
4
|
"description": "Set of UI components for common interaction elements in a SaaS app",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/index.js",
|
|
@@ -14,12 +14,8 @@
|
|
|
14
14
|
},
|
|
15
15
|
"./styles.css": "./dist/styles.css",
|
|
16
16
|
"./tailwind-preset": "./tailwind.preset.js",
|
|
17
|
-
"./tailwind.preset.js": "./tailwind.preset.js",
|
|
18
17
|
"./package.json": "./package.json"
|
|
19
18
|
},
|
|
20
|
-
"sideEffects": [
|
|
21
|
-
"*.css"
|
|
22
|
-
],
|
|
23
19
|
"files": [
|
|
24
20
|
"dist",
|
|
25
21
|
"tailwind.preset.js",
|
|
@@ -33,22 +29,13 @@
|
|
|
33
29
|
"dev:app": "cd dev-app && npm run dev",
|
|
34
30
|
"test:build": "npm run build && cd dev-app && npm run build",
|
|
35
31
|
"test:dev": "npm run build && npm run dev:app",
|
|
36
|
-
"test:e2e": "playwright test",
|
|
37
|
-
"test:e2e:ui": "playwright test --ui",
|
|
38
|
-
"test:e2e:headed": "playwright test --headed",
|
|
39
32
|
"lint": "eslint src --ext ts,tsx",
|
|
40
33
|
"type-check": "tsc --noEmit",
|
|
41
34
|
"prepublishOnly": "npm run build && npm run type-check"
|
|
42
35
|
},
|
|
43
36
|
"peerDependencies": {
|
|
44
37
|
"react": "^18.0.0 || ^19.0.0",
|
|
45
|
-
"react-dom": "^18.0.0 || ^19.0.0"
|
|
46
|
-
"tailwindcss": "^3.0.0"
|
|
47
|
-
},
|
|
48
|
-
"peerDependenciesMeta": {
|
|
49
|
-
"tailwindcss": {
|
|
50
|
-
"optional": false
|
|
51
|
-
}
|
|
38
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
52
39
|
},
|
|
53
40
|
"dependencies": {
|
|
54
41
|
"@dnd-kit/core": "^6.1.0",
|
|
@@ -57,45 +44,45 @@
|
|
|
57
44
|
"@radix-ui/react-dialog": "^1.1.1",
|
|
58
45
|
"@radix-ui/react-popover": "^1.1.1",
|
|
59
46
|
"@radix-ui/react-radio-group": "^1.3.8",
|
|
60
|
-
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
61
47
|
"@radix-ui/react-select": "^2.1.1",
|
|
62
48
|
"@radix-ui/react-slot": "^1.1.0",
|
|
63
49
|
"@radix-ui/react-switch": "^1.1.0",
|
|
64
50
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
65
51
|
"@radix-ui/react-tooltip": "^1.1.1",
|
|
66
|
-
"@tiptap/
|
|
67
|
-
"@tiptap/extension-
|
|
68
|
-
"@tiptap/extension-
|
|
69
|
-
"@tiptap/extension-
|
|
70
|
-
"@tiptap/extension-
|
|
71
|
-
"@tiptap/extension-
|
|
72
|
-
"@tiptap/extension-
|
|
73
|
-
"@tiptap/extension-
|
|
74
|
-
"@tiptap/extension-
|
|
75
|
-
"@tiptap/extension-
|
|
76
|
-
"@tiptap/extension-table
|
|
77
|
-
"@tiptap/extension-table-
|
|
78
|
-
"@tiptap/extension-
|
|
79
|
-
"@tiptap/extension-
|
|
80
|
-
"@tiptap/extension-
|
|
81
|
-
"@tiptap/extension-
|
|
82
|
-
"@tiptap/extension-
|
|
83
|
-
"@tiptap/extension-
|
|
84
|
-
"@tiptap/
|
|
85
|
-
"@tiptap/
|
|
86
|
-
"@tiptap/
|
|
52
|
+
"@tiptap/core": "^3.14.0",
|
|
53
|
+
"@tiptap/extension-color": "^3.14.0",
|
|
54
|
+
"@tiptap/extension-font-family": "^3.14.0",
|
|
55
|
+
"@tiptap/extension-highlight": "^3.14.0",
|
|
56
|
+
"@tiptap/extension-horizontal-rule": "^3.14.0",
|
|
57
|
+
"@tiptap/extension-image": "^3.14.0",
|
|
58
|
+
"@tiptap/extension-link": "^3.14.0",
|
|
59
|
+
"@tiptap/extension-placeholder": "^3.14.0",
|
|
60
|
+
"@tiptap/extension-subscript": "^3.14.0",
|
|
61
|
+
"@tiptap/extension-superscript": "^3.14.0",
|
|
62
|
+
"@tiptap/extension-table": "^3.14.0",
|
|
63
|
+
"@tiptap/extension-table-cell": "^3.14.0",
|
|
64
|
+
"@tiptap/extension-table-header": "^3.14.0",
|
|
65
|
+
"@tiptap/extension-table-row": "^3.14.0",
|
|
66
|
+
"@tiptap/extension-task-item": "^3.14.0",
|
|
67
|
+
"@tiptap/extension-task-list": "^3.14.0",
|
|
68
|
+
"@tiptap/extension-text-align": "^3.14.0",
|
|
69
|
+
"@tiptap/extension-text-style": "^3.14.0",
|
|
70
|
+
"@tiptap/extension-underline": "^3.14.0",
|
|
71
|
+
"@tiptap/pm": "^3.14.0",
|
|
72
|
+
"@tiptap/react": "^3.14.0",
|
|
73
|
+
"@tiptap/starter-kit": "^3.14.0",
|
|
74
|
+
"@tiptap/suggestion": "^3.14.0",
|
|
75
|
+
"@uiw/react-color": "^2.9.2",
|
|
87
76
|
"class-variance-authority": "^0.7.0",
|
|
88
77
|
"clsx": "^2.1.0",
|
|
89
78
|
"date-fns": "^3.3.1",
|
|
90
79
|
"lucide-react": "^0.344.0",
|
|
91
|
-
"react-colorful": "^5.6.1",
|
|
92
80
|
"react-day-picker": "^8.10.0",
|
|
93
81
|
"react-icons": "^5.5.0",
|
|
94
82
|
"tailwind-merge": "^2.2.1",
|
|
95
83
|
"tailwindcss-animate": "^1.0.7"
|
|
96
84
|
},
|
|
97
85
|
"devDependencies": {
|
|
98
|
-
"@playwright/test": "^1.57.0",
|
|
99
86
|
"@storybook/addon-docs": "^10.0.5",
|
|
100
87
|
"@storybook/addon-links": "^10.0.5",
|
|
101
88
|
"@storybook/react-vite": "^10.0.5",
|
|
@@ -119,10 +106,11 @@
|
|
|
119
106
|
"keywords": [
|
|
120
107
|
"UI",
|
|
121
108
|
"React",
|
|
122
|
-
"UI",
|
|
123
109
|
"library",
|
|
124
110
|
"SaaS",
|
|
125
|
-
"components"
|
|
111
|
+
"components",
|
|
112
|
+
"rich-text-editor",
|
|
113
|
+
"tiptap"
|
|
126
114
|
],
|
|
127
115
|
"author": "Pubs Abayasiri",
|
|
128
116
|
"license": "MIT",
|