better-svelte-email 1.0.0 → 1.0.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.
@@ -142,26 +142,41 @@
142
142
  .email-directory {
143
143
  display: flex;
144
144
  align-items: center;
145
- gap: 0.5rem;
145
+ gap: 0.75rem;
146
146
  width: 100%;
147
147
  padding: 0.375rem 0.75rem;
148
148
  padding-left: calc(0.75rem + var(--node-depth, 0) * 1rem);
149
149
  border-radius: 0.5rem;
150
150
  border: 0;
151
151
  background-color: transparent;
152
- font-size: 0.75rem;
153
- text-transform: uppercase;
154
- letter-spacing: 0.04em;
155
- color: var(--muted-foreground);
152
+ font-size: 0.875rem;
153
+ font-weight: 500;
154
+ color: var(--secondary-foreground);
156
155
  cursor: pointer;
157
156
  transition: all 0.15s;
158
157
  justify-content: flex-start;
159
158
  }
160
159
 
160
+ .email-directory .email-icon.folder {
161
+ display: block;
162
+ }
163
+
164
+ .email-directory .email-icon.caret {
165
+ display: none;
166
+ }
167
+
161
168
  .email-directory:hover {
162
169
  background-color: var(--muted);
163
170
  }
164
171
 
172
+ .email-directory:not(.active):hover .email-icon.folder {
173
+ display: none;
174
+ }
175
+
176
+ .email-directory:not(.active):hover .email-icon.caret {
177
+ display: block;
178
+ }
179
+
165
180
  .email-button {
166
181
  display: flex;
167
182
  width: 100%;
@@ -206,13 +221,13 @@
206
221
  background-color: color-mix(in srgb, var(--muted) 80%, transparent);
207
222
  }
208
223
 
209
- .email-directory.collapsed .folder {
224
+ /* .email-directory.collapsed .folder {
210
225
  opacity: 0.7;
211
- }
226
+ } */
212
227
 
213
- .email-directory.collapsed .email-directory-name {
228
+ /* .email-directory.collapsed .email-directory-name {
214
229
  color: var(--muted-foreground);
215
- }
230
+ } */
216
231
 
217
232
  .email-children {
218
233
  margin: 0.125rem 0 0;
package/package.json CHANGED
@@ -1,6 +1,7 @@
1
1
  {
2
2
  "name": "better-svelte-email",
3
- "version": "1.0.0",
3
+ "description": "Svelte email renderer with Tailwind support",
4
+ "version": "1.0.1",
4
5
  "author": "Konixy",
5
6
  "repository": {
6
7
  "type": "git",
@@ -19,9 +20,7 @@
19
20
  "dependencies": {
20
21
  "css-tree": "^3.1.0",
21
22
  "html-to-text": "^9.0.5",
22
- "magic-string": "^0.30.21",
23
- "parse5": "^8.0.0",
24
- "tw-to-css": "^0.0.12"
23
+ "parse5": "^8.0.0"
25
24
  },
26
25
  "optionalDependencies": {
27
26
  "prettier": "^3.6.2",
@@ -50,7 +49,7 @@
50
49
  "publint": "^0.3.15",
51
50
  "rehype-autolink-headings": "^7.1.0",
52
51
  "rehype-slug": "^6.0.0",
53
- "svelte": "5.43.9",
52
+ "svelte": "5.43.14",
54
53
  "svelte-check": "^4.3.4",
55
54
  "tailwindcss": "^4.1.17",
56
55
  "tailwindcss-motion": "^1.1.1",
@@ -96,7 +95,6 @@
96
95
  },
97
96
  "./package.json": "./package.json"
98
97
  },
99
- "description": "Svelte email renderer with Tailwind support",
100
98
  "files": [
101
99
  "dist",
102
100
  "!dist/**/*.test.*",
@@ -110,11 +108,9 @@
110
108
  "email",
111
109
  "tailwind",
112
110
  "tailwindcss",
113
- "preprocessor",
114
111
  "inline-styles",
115
112
  "responsive-email",
116
- "email-templates",
117
- "svelte-preprocessor"
113
+ "email-templates"
118
114
  ],
119
115
  "license": "MIT",
120
116
  "scripts": {