feat(ui): update required input styles

Joshua Stübner · Joshua Stübner · commit 32933f6323a4 · 2025-12-13T10:12:43.000+01:00
diff --git a/packages/ui/CHANGELOG.md b/packages/ui/CHANGELOG.md
@@ -1,3 +1,13 @@
+## 2.1.6 (2025-12-12)
+
+### fixes
+
+- fix required checkboxes looking broken
+
+### features
+
+- add style for required markers
+
 ## 2.1.5 (2025-12-12)
 
 ### fixes
diff --git a/packages/ui/package.json b/packages/ui/package.json
@@ -12,7 +12,7 @@
         "type": "git",
         "url": "https://github.com/nordcode-agency/nordcode/tree/main/packages/ui"
     },
-    "version": "2.1.5",
+    "version": "2.1.6",
     "publishConfig": {
         "access": "public"
     },
@@ -72,8 +72,9 @@
         "build": "pnpm run '/^lib:.*/'"
     },
     "devDependencies": {
+        "baseline-browser-mapping": "^2.9.6",
         "browserslist": "^4.28.0",
-        "lightningcss": "^1.30.2",
-        "browserslist-config-baseline": "^0.5.0"
+        "browserslist-config-baseline": "^0.5.0",
+        "lightningcss": "^1.30.2"
     }
 }
diff --git a/packages/ui/src/styles/components/inputs/base.css b/packages/ui/src/styles/components/inputs/base.css
@@ -63,10 +63,6 @@
             background-color: var(--_input-hover-background);
         }
 
-        &[required] {
-            border-inline-start-width: var(--border-width-thick);
-        }
-
         &::placeholder {
             color: var(--color-text-subtle);
         }
diff --git a/packages/ui/src/styles/components/inputs/fields.css b/packages/ui/src/styles/components/inputs/fields.css
@@ -81,4 +81,9 @@
             margin-block-start: var(--control-spacing-far, 0.75em);
         }
     }
+
+    :where(.nc-input-required-mark) {
+        color: var(--color-status-danger-emphasis);
+        font-size: 1.25em;
+    }
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml

Original file line number	Diff line number	Diff line change
`@@ -63,10 +63,6 @@`
`63`	`63`	`background-color: var(--_input-hover-background);`
`64`	`64`	`}`
`65`	`65`
`66`		`- &[required] {`
`67`		`- border-inline-start-width: var(--border-width-thick);`
`68`		`- }`
`69`		`-`
`70`	`66`	`&::placeholder {`
`71`	`67`	`color: var(--color-text-subtle);`
`72`	`68`	`}`
Original file line number	Diff line number	Diff line change
`@@ -81,4 +81,9 @@`
`81`	`81`	`margin-block-start: var(--control-spacing-far, 0.75em);`
`82`	`82`	`}`
`83`	`83`	`}`
	`84`	`+`
	`85`	`+ :where(.nc-input-required-mark) {`
	`86`	`+ color: var(--color-status-danger-emphasis);`
	`87`	`+ font-size: 1.25em;`
	`88`	`+ }`
`84`	`89`	`}`