tailwindcss 4.0.0-alpha.3 → 4.0.0-alpha.30

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/package.json CHANGED
@@ -1,9 +1,13 @@
1
1
  {
2
2
  "name": "tailwindcss",
3
- "version": "4.0.0-alpha.3",
3
+ "version": "4.0.0-alpha.30",
4
4
  "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
5
5
  "license": "MIT",
6
- "repository": "https://github.com/tailwindlabs/tailwindcss.git",
6
+ "repository": {
7
+ "type": "git",
8
+ "url": "https://github.com/tailwindlabs/tailwindcss.git",
9
+ "directory": "packages/tailwindcss"
10
+ },
7
11
  "bugs": "https://github.com/tailwindlabs/tailwindcss/issues",
8
12
  "homepage": "https://tailwindcss.com",
9
13
  "exports": {
@@ -13,11 +17,43 @@
13
17
  "require": "./dist/lib.js",
14
18
  "import": "./dist/lib.mjs"
15
19
  },
20
+ "./plugin": {
21
+ "require": "./dist/plugin.js",
22
+ "import": "./dist/plugin.mjs"
23
+ },
24
+ "./plugin.js": {
25
+ "require": "./dist/plugin.js",
26
+ "import": "./dist/plugin.mjs"
27
+ },
28
+ "./defaultTheme": {
29
+ "require": "./dist/default-theme.js",
30
+ "import": "./dist/default-theme.mjs"
31
+ },
32
+ "./defaultTheme.js": {
33
+ "require": "./dist/default-theme.js",
34
+ "import": "./dist/default-theme.mjs"
35
+ },
36
+ "./colors": {
37
+ "require": "./dist/colors.js",
38
+ "import": "./dist/colors.mjs"
39
+ },
40
+ "./colors.js": {
41
+ "require": "./dist/colors.js",
42
+ "import": "./dist/colors.mjs"
43
+ },
16
44
  "./package.json": "./package.json",
17
45
  "./index.css": "./index.css",
46
+ "./index": "./index.css",
18
47
  "./preflight.css": "./preflight.css",
48
+ "./preflight": "./preflight.css",
19
49
  "./theme.css": "./theme.css",
20
- "./utilities.css": "./utilities.css"
50
+ "./theme": "./theme.css",
51
+ "./utilities.css": "./utilities.css",
52
+ "./utilities": "./utilities.css"
53
+ },
54
+ "publishConfig": {
55
+ "provenance": true,
56
+ "access": "public"
21
57
  },
22
58
  "style": "index.css",
23
59
  "files": [
@@ -27,12 +63,11 @@
27
63
  "theme.css",
28
64
  "utilities.css"
29
65
  ],
30
- "dependencies": {
31
- "lightningcss": "^1.24.0"
32
- },
33
66
  "devDependencies": {
34
- "@types/node": "^20.10.8",
35
- "@tailwindcss/oxide": "4.0.0-alpha.3"
67
+ "@types/node": "^20.14.8",
68
+ "lightningcss": "^1.26.0",
69
+ "dedent": "1.5.3",
70
+ "@tailwindcss/oxide": "4.0.0-alpha.30"
36
71
  },
37
72
  "scripts": {
38
73
  "lint": "tsc --noEmit",
package/preflight.css CHANGED
@@ -1,5 +1,7 @@
1
1
  /*
2
- Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2
+ 1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
3
+ 2. Remove default margins and padding
4
+ 3. Reset all borders.
3
5
  */
4
6
 
5
7
  *,
@@ -7,15 +9,10 @@
7
9
  ::before,
8
10
  ::backdrop,
9
11
  ::file-selector-button {
10
- box-sizing: border-box;
11
- }
12
-
13
- /*
14
- Remove any default margins.
15
- */
16
-
17
- * {
18
- margin: 0;
12
+ box-sizing: border-box; /* 1 */
13
+ margin: 0; /* 2 */
14
+ padding: 0; /* 2 */
15
+ border: 0 solid; /* 3 */
19
16
  }
20
17
 
21
18
  /*
@@ -65,7 +62,6 @@ body {
65
62
  hr {
66
63
  height: 0; /* 1 */
67
64
  color: inherit; /* 2 */
68
- border: 0 solid; /* 3 */
69
65
  border-top-width: 1px; /* 3 */
70
66
  }
71
67
 
@@ -180,9 +176,7 @@ table {
180
176
 
181
177
  /*
182
178
  1. Inherit the font styles in all browsers.
183
- 2. Reset the default inset border style to solid.
184
- 3. Remove the default background color.
185
- 4. Remove default padding.
179
+ 2. Remove the default background color.
186
180
  */
187
181
 
188
182
  button,
@@ -194,21 +188,28 @@ textarea,
194
188
  font: inherit; /* 1 */
195
189
  font-feature-settings: inherit; /* 1 */
196
190
  font-variation-settings: inherit; /* 1 */
191
+ letter-spacing: inherit; /* 1 */
197
192
  color: inherit; /* 1 */
198
- border: 1px solid; /* 2 */
199
- background: transparent; /* 3 */
200
- padding: 0; /* 4 */
193
+ background: transparent; /* 2 */
194
+ }
195
+
196
+ /*
197
+ Reset the default inset border style for form controls to solid.
198
+ */
199
+
200
+ input:where(:not([type='button'], [type='reset'], [type='submit'])),
201
+ select,
202
+ textarea {
203
+ border-width: 1px;
201
204
  }
202
205
 
203
206
  /*
204
- 1. Correct the inability to style the border radius in iOS Safari.
205
- 2. Make borders opt-in.
207
+ Correct the inability to style the border radius in iOS Safari.
206
208
  */
207
209
  button,
208
210
  input:where([type='button'], [type='reset'], [type='submit']),
209
211
  ::file-selector-button {
210
- appearance: button; /* 1 */
211
- border: 0; /* 2 */
212
+ appearance: button;
212
213
  }
213
214
 
214
215
  /*
@@ -260,19 +261,6 @@ summary {
260
261
  display: list-item;
261
262
  }
262
263
 
263
- /*
264
- Remove the default border and spacing for fieldset and legend elements.
265
- */
266
-
267
- fieldset {
268
- border: 0;
269
- padding: 0;
270
- }
271
-
272
- legend {
273
- padding: 0;
274
- }
275
-
276
264
  /*
277
265
  Make lists unstyled by default.
278
266
  */
@@ -281,15 +269,6 @@ ol,
281
269
  ul,
282
270
  menu {
283
271
  list-style: none;
284
- padding: 0;
285
- }
286
-
287
- /*
288
- Remove the default padding from dialog elements.
289
- */
290
-
291
- dialog {
292
- padding: 0;
293
272
  }
294
273
 
295
274
  /*
@@ -307,15 +286,7 @@ textarea {
307
286
 
308
287
  ::placeholder {
309
288
  opacity: 1; /* 1 */
310
- color: color-mix(in srgb, currentColor 50%, transparent); /* 2 */
311
- }
312
-
313
- /*
314
- Make sure disabled buttons don't get the pointer cursor.
315
- */
316
-
317
- :disabled {
318
- cursor: default;
289
+ color: color-mix(in oklch, currentColor 50%, transparent); /* 2 */
319
290
  }
320
291
 
321
292
  /*
@@ -350,6 +321,6 @@ video {
350
321
  Make elements with the HTML hidden attribute stay hidden by default.
351
322
  */
352
323
 
353
- [hidden] {
324
+ [hidden]:where(:not([hidden='until-found'])) {
354
325
  display: none !important;
355
326
  }