hazo_ui 2.2.6 → 2.3.1
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 +2438 -4518
- 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 +2398 -4497
- package/dist/index.js.map +1 -1
- package/dist/styles.css +0 -127
- package/package.json +35 -42
- package/tailwind.preset.d.ts +8 -0
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.1",
|
|
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",
|
|
@@ -13,16 +13,17 @@
|
|
|
13
13
|
"require": "./dist/index.cjs"
|
|
14
14
|
},
|
|
15
15
|
"./styles.css": "./dist/styles.css",
|
|
16
|
-
"./tailwind-preset":
|
|
17
|
-
|
|
16
|
+
"./tailwind-preset": {
|
|
17
|
+
"types": "./tailwind.preset.d.ts",
|
|
18
|
+
"import": "./tailwind.preset.js",
|
|
19
|
+
"require": "./tailwind.preset.js"
|
|
20
|
+
},
|
|
18
21
|
"./package.json": "./package.json"
|
|
19
22
|
},
|
|
20
|
-
"sideEffects": [
|
|
21
|
-
"*.css"
|
|
22
|
-
],
|
|
23
23
|
"files": [
|
|
24
24
|
"dist",
|
|
25
25
|
"tailwind.preset.js",
|
|
26
|
+
"tailwind.preset.d.ts",
|
|
26
27
|
"README.md"
|
|
27
28
|
],
|
|
28
29
|
"scripts": {
|
|
@@ -33,22 +34,13 @@
|
|
|
33
34
|
"dev:app": "cd dev-app && npm run dev",
|
|
34
35
|
"test:build": "npm run build && cd dev-app && npm run build",
|
|
35
36
|
"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
37
|
"lint": "eslint src --ext ts,tsx",
|
|
40
38
|
"type-check": "tsc --noEmit",
|
|
41
39
|
"prepublishOnly": "npm run build && npm run type-check"
|
|
42
40
|
},
|
|
43
41
|
"peerDependencies": {
|
|
44
42
|
"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
|
-
}
|
|
43
|
+
"react-dom": "^18.0.0 || ^19.0.0"
|
|
52
44
|
},
|
|
53
45
|
"dependencies": {
|
|
54
46
|
"@dnd-kit/core": "^6.1.0",
|
|
@@ -57,45 +49,45 @@
|
|
|
57
49
|
"@radix-ui/react-dialog": "^1.1.1",
|
|
58
50
|
"@radix-ui/react-popover": "^1.1.1",
|
|
59
51
|
"@radix-ui/react-radio-group": "^1.3.8",
|
|
60
|
-
"@radix-ui/react-scroll-area": "^1.2.10",
|
|
61
52
|
"@radix-ui/react-select": "^2.1.1",
|
|
62
53
|
"@radix-ui/react-slot": "^1.1.0",
|
|
63
54
|
"@radix-ui/react-switch": "^1.1.0",
|
|
64
55
|
"@radix-ui/react-tabs": "^1.1.13",
|
|
65
56
|
"@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/
|
|
57
|
+
"@tiptap/core": "^3.14.0",
|
|
58
|
+
"@tiptap/extension-color": "^3.14.0",
|
|
59
|
+
"@tiptap/extension-font-family": "^3.14.0",
|
|
60
|
+
"@tiptap/extension-highlight": "^3.14.0",
|
|
61
|
+
"@tiptap/extension-horizontal-rule": "^3.14.0",
|
|
62
|
+
"@tiptap/extension-image": "^3.14.0",
|
|
63
|
+
"@tiptap/extension-link": "^3.14.0",
|
|
64
|
+
"@tiptap/extension-placeholder": "^3.14.0",
|
|
65
|
+
"@tiptap/extension-subscript": "^3.14.0",
|
|
66
|
+
"@tiptap/extension-superscript": "^3.14.0",
|
|
67
|
+
"@tiptap/extension-table": "^3.14.0",
|
|
68
|
+
"@tiptap/extension-table-cell": "^3.14.0",
|
|
69
|
+
"@tiptap/extension-table-header": "^3.14.0",
|
|
70
|
+
"@tiptap/extension-table-row": "^3.14.0",
|
|
71
|
+
"@tiptap/extension-task-item": "^3.14.0",
|
|
72
|
+
"@tiptap/extension-task-list": "^3.14.0",
|
|
73
|
+
"@tiptap/extension-text-align": "^3.14.0",
|
|
74
|
+
"@tiptap/extension-text-style": "^3.14.0",
|
|
75
|
+
"@tiptap/extension-underline": "^3.14.0",
|
|
76
|
+
"@tiptap/pm": "^3.14.0",
|
|
77
|
+
"@tiptap/react": "^3.14.0",
|
|
78
|
+
"@tiptap/starter-kit": "^3.14.0",
|
|
79
|
+
"@tiptap/suggestion": "^3.14.0",
|
|
80
|
+
"@uiw/react-color": "^2.9.2",
|
|
87
81
|
"class-variance-authority": "^0.7.0",
|
|
88
82
|
"clsx": "^2.1.0",
|
|
89
83
|
"date-fns": "^3.3.1",
|
|
90
84
|
"lucide-react": "^0.344.0",
|
|
91
|
-
"react-colorful": "^5.6.1",
|
|
92
85
|
"react-day-picker": "^8.10.0",
|
|
93
86
|
"react-icons": "^5.5.0",
|
|
94
87
|
"tailwind-merge": "^2.2.1",
|
|
95
88
|
"tailwindcss-animate": "^1.0.7"
|
|
96
89
|
},
|
|
97
90
|
"devDependencies": {
|
|
98
|
-
"@playwright/test": "^1.57.0",
|
|
99
91
|
"@storybook/addon-docs": "^10.0.5",
|
|
100
92
|
"@storybook/addon-links": "^10.0.5",
|
|
101
93
|
"@storybook/react-vite": "^10.0.5",
|
|
@@ -119,10 +111,11 @@
|
|
|
119
111
|
"keywords": [
|
|
120
112
|
"UI",
|
|
121
113
|
"React",
|
|
122
|
-
"UI",
|
|
123
114
|
"library",
|
|
124
115
|
"SaaS",
|
|
125
|
-
"components"
|
|
116
|
+
"components",
|
|
117
|
+
"rich-text-editor",
|
|
118
|
+
"tiptap"
|
|
126
119
|
],
|
|
127
120
|
"author": "Pubs Abayasiri",
|
|
128
121
|
"license": "MIT",
|