fix: keep hanging-punctuation visible for input and textarea

.npmignore

@@ -1,3 +1,3 @@
 .github
-banner.webp
+banner.svg
 CODE_OF_CONDUCT.md

dist/preset.css

@@ -1,4 +1,4 @@
-/*! Preset v4.0.0 | MIT License | https://github.com/Microflash/preset */
+/*! Preset v4.0.1 | MIT License | https://github.com/Microflash/preset */
 *, :before, :after {
   box-sizing: border-box;
 }
@@ -16,7 +16,6 @@
   -webkit-text-size-adjust: 100%;
   -moz-text-size-adjust: 100%;
   text-size-adjust: 100%;
-  hanging-punctuation: first last;
   block-size: 100%;
 }
 
@@ -31,6 +30,14 @@
   }
 }
 
+:where(:not(:-webkit-any(input, textarea))) {
+  hanging-punctuation: first last;
+}
+
+:where(:not(:is(input, textarea))) {
+  hanging-punctuation: first last;
+}
+
 :where(body) {
   tab-size: var(--preset-tab-size, 2);
   min-block-size: 100%;

package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@microflash/preset",
-	"version": "4.0.0",
+	"version": "4.0.1",
 	"description": "A modern CSS preset",
 	"keywords": [
 		"css",
@@ -29,7 +29,7 @@
 		"lightningcss-cli": "^1.25.1",
 		"sass": "^1.77.4"
 	},
-	"packageManager": "pnpm@9.1.4",
+	"packageManager": "pnpm@9.2.0",
 	"browserslist": [
 		"defaults"
 	]

src/preset.css

@@ -1,4 +1,4 @@
-/*! Preset v4.0.0 | MIT License | https://github.com/Microflash/preset */
+/*! Preset v4.0.1 | MIT License | https://github.com/Microflash/preset */
 *, ::before, ::after {
   box-sizing: border-box;
 }
@@ -15,7 +15,6 @@
 :where(html) {
   block-size: 100%;
   text-size-adjust: 100%;
-  hanging-punctuation: first last;
 }
 @media (prefers-reduced-motion: no-preference), (update: fast) {
   :where(html):focus-within {
@@ -29,6 +28,10 @@
     scroll-padding-block-start: var(--preset-scroll-padding, 3rem);
   }
 }
+:where(:not(input, textarea)) {
+  hanging-punctuation: first last;
+}
+
 :where(body) {
   min-block-size: 100%;
   tab-size: var(--preset-tab-size, 2);

src/preset.scss

@@ -1,4 +1,4 @@
-/*! Preset v4.0.0 | MIT License | https://github.com/Microflash/preset */
+/*! Preset v4.0.1 | MIT License | https://github.com/Microflash/preset */
 
 // sets the default value of `box-sizing` from `content-box` to `border-box`
 // so that `inline-size` is not affected by `padding` or `border`
@@ -25,8 +25,6 @@
 	block-size: 100%;
 	// prevents adjustments of `font-size` after orientation changes
 	text-size-adjust: 100%;
-	// keeps hanging punctuations outside the line box (supported in Safari for now)
-	hanging-punctuation: first last;
 
 	// enables smooth scrolling when reduced-motion is unspecified
 	// opt-out the e-readers which may have low refresh rates using `update: fast`
@@ -46,6 +44,12 @@
 	}
 }
 
+// keeps hanging punctuation outside the line box (supported in Safari for now)
+// except for `input` and `textarea` where they should be visible and inside the line box
+:where(:not(input, textarea)) {
+	hanging-punctuation: first last;
+}
+
 :where(body) {
 	// allows percentage based `block-size` for the children of body
 	min-block-size: 100%;