tailwindcss 0.0.0-oxide.2 → 0.0.0-oxide.4

package/dist/lib.mjs

@@ -1 +1 @@
-export { compile, loadDesignSystem, optimizeCss } from './chunk-VA4PAOBV.mjs';
+export { __unstable__loadDesignSystem, compile, optimizeCss } from './chunk-BU3RKWVW.mjs';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tailwindcss",
-  "version": "0.0.0-oxide.2",
+  "version": "0.0.0-oxide.4",
   "description": "A utility-first CSS framework for rapidly building custom user interfaces.",
   "license": "MIT",
   "repository": "https://github.com/tailwindlabs/tailwindcss.git",
@@ -41,8 +41,7 @@
   "devDependencies": {
     "@types/node": "^20.10.8",
     "@types/postcss-import": "^14.0.3",
-    "fast-glob": "^3.3.2",
-    "@tailwindcss/oxide": "0.0.0-oxide.2"
+    "@tailwindcss/oxide": "0.0.0-oxide.4"
   },
   "scripts": {
     "lint": "tsc --noEmit",

package/preflight.css

@@ -1,18 +1,21 @@
 /*
-  1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
-  2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
+  Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
 */
 
 *,
-::before,
 ::after,
+::before,
 ::backdrop,
-::first-letter,
 ::file-selector-button {
-  box-sizing: border-box; /* 1 */
-  border-width: 0; /* 2 */
-  border-style: solid; /* 2 */
-  border-color: var(--default-border-color, currentColor); /* 2 */
+  box-sizing: border-box;
+}
+
+/*
+  Remove any default margins.
+*/
+
+* {
+  margin: 0;
 }
 
 /*
@@ -29,7 +32,6 @@ html,
 :host {
   line-height: 1.5; /* 1 */
   -webkit-text-size-adjust: 100%; /* 2 */
-  -moz-tab-size: 4; /* 3 */
   tab-size: 4; /* 3 */
   font-family: var(
     --default-font-family,
@@ -47,24 +49,23 @@ html,
 }
 
 /*
-  1. Remove the margin in all browsers.
-  2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
+  Inherit line-height from `html` so users can set them as a class directly on the `html` element.
 */
 
 body {
-  margin: 0; /* 1 */
-  line-height: inherit; /* 2 */
+  line-height: inherit;
 }
 
 /*
   1. Add the correct height in Firefox.
   2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
-  3. Ensure horizontal rules are visible by default.
+  3. Reset the default border style to a 1px solid border.
 */
 
 hr {
   height: 0; /* 1 */
   color: inherit; /* 2 */
+  border: 0 solid; /* 3 */
   border-top-width: 1px; /* 3 */
 }
 
@@ -178,48 +179,36 @@ table {
 }
 
 /*
-  1. Change the font styles in all browsers.
-  2. Remove the margin in Firefox and Safari.
-  3. Remove default padding in all browsers.
+  1. Inherit the font styles in all browsers.
+  2. Reset the default inset border style to solid.
+  3. Remove the default background color.
+  4. Remove default padding.
 */
 
 button,
 input,
 optgroup,
 select,
-textarea {
-  font-family: inherit; /* 1 */
+textarea,
+::file-selector-button {
+  font: inherit; /* 1 */
   font-feature-settings: inherit; /* 1 */
   font-variation-settings: inherit; /* 1 */
-  font-size: 100%; /* 1 */
-  font-weight: inherit; /* 1 */
-  line-height: inherit; /* 1 */
   color: inherit; /* 1 */
-  margin: 0; /* 2 */
-  padding: 0; /* 3 */
-}
-
-/*
-  Remove the inheritance of text transform in Edge and Firefox.
-*/
-
-button,
-select {
-  text-transform: none;
+  border: 1px solid; /* 2 */
+  background: transparent; /* 3 */
+  padding: 0; /* 4 */
 }
 
 /*
-  1. Correct the inability to style clickable types in iOS and Safari.
-  2. Remove default button styles.
+  1. Correct the inability to style the border radius in iOS Safari.
+  2. Make borders opt-in.
 */
-
 button,
-input:where([type='button']),
-input:where([type='reset']),
-input:where([type='submit']) {
-  -webkit-appearance: button; /* 1 */
-  background-color: transparent; /* 2 */
-  background-image: none; /* 2 */
+input:where([type='button'], [type='reset'], [type='submit']),
+::file-selector-button {
+  appearance: button; /* 1 */
+  border: 0; /* 2 */
 }
 
 /*
@@ -232,7 +221,7 @@ input:where([type='submit']) {
 
 /*
   Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
-  */
+*/
 
 :-moz-ui-invalid {
   box-shadow: none;
@@ -255,16 +244,6 @@ progress {
   height: auto;
 }
 
-/*
-  1. Correct the odd appearance in Chrome and Safari.
-  2. Correct the outline style in Safari.
-*/
-
-[type='search'] {
-  -webkit-appearance: textfield; /* 1 */
-  outline-offset: -2px; /* 2 */
-}
-
 /*
   Remove the inner padding in Chrome and Safari on macOS.
 */
@@ -273,16 +252,6 @@ progress {
   -webkit-appearance: none;
 }
 
-/*
-  1. Correct the inability to style clickable types in iOS and Safari.
-  2. Change font properties to `inherit` in Safari.
-*/
-
-::-webkit-file-upload-button {
-  -webkit-appearance: button; /* 1 */
-  font: inherit; /* 2 */
-}
-
 /*
   Add the correct display in Chrome and Safari.
 */
@@ -292,27 +261,11 @@ summary {
 }
 
 /*
-  Removes the default spacing for appropriate elements.
+  Remove the default border and spacing for fieldset and legend elements.
 */
 
-blockquote,
-dl,
-dd,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-figure,
-p,
-pre {
-  margin: 0;
-}
-
 fieldset {
-  margin: 0;
+  border: 0;
   padding: 0;
 }
 
@@ -320,14 +273,21 @@ legend {
   padding: 0;
 }
 
+/*
+  Make lists unstyled by default.
+*/
+
 ol,
 ul,
 menu {
   list-style: none;
-  margin: 0;
   padding: 0;
 }
 
+/*
+  Remove the default padding from dialog elements.
+*/
+
 dialog {
   padding: 0;
 }
@@ -350,15 +310,6 @@ textarea {
   color: color-mix(in srgb, currentColor 50%, transparent); /* 2 */
 }
 
-/*
-  Set the default cursor for buttons.
-*/
-
-button,
-[role='button'] {
-  cursor: pointer;
-}
-
 /*
   Make sure disabled buttons don't get the pointer cursor.
 */
@@ -400,5 +351,5 @@ video {
 */
 
 [hidden] {
-  display: none;
+  display: none !important;
 }

package/theme.css

@@ -1,10 +1,7 @@
 @theme {
   /* Defaults */
-  --default-border-color: var(--color-gray-200);
   --default-transition-duration: 150ms;
   --default-transition-timing-function: var(--transition-timing-function-in-out);
-  --default-ring-color: color-mix(in srgb, var(--color-blue-500) 50%, transparent);
-  --default-ring-width: 3px;
   --default-font-family: var(--font-family-sans);
   --default-font-feature-settings: var(--font-family-sans--font-feature-settings);
   --default-font-variation-settings: var(--font-family-sans--font-variation-settings);