@foi/design-system 0.0.5 → 0.0.8

package/README.md

@@ -31,6 +31,14 @@ npm run pretty           # Format all files with Prettier
 npm run eslint           # Lint and auto-fix with ESLint
 ```
 
+## Publishing to npm
+
+```bash
+npm run build:lib        # Build the library (JS + type declarations)
+npm version patch        # Bump version: 0.0.x → 0.0.x+1
+npm publish --access public
+```
+
 ## Components
 
 ### Atoms

package/dist/{Switch-BKf-QVlX.js → Switch-DIid_9X3.js}

@@ -1629,7 +1629,9 @@ var R = "--DATEPICKER", Oe = ({ name: e, label: r, control: i, language: a = f()
       ${H(e, "ENABLED")};
 
       // VALUE
-      &:has(.--INPUT-inputField:not(:placeholder-shown)) {
+      &:has(.--INPUT-inputField:not(:placeholder-shown)),
+      &:has(.--INPUT-inputField[placeholder]:not([placeholder=' '])),
+      &:has(.--INPUT-inputField:-webkit-autofill) {
         ${H(e, "VALUE")};
       }
 
@@ -1655,7 +1657,8 @@ var R = "--DATEPICKER", Oe = ({ name: e, label: r, control: i, language: a = f()
       }
 
       // ERROR + VALUE
-      &:has(.--INPUT-inputField.--INPUT-error:not(:placeholder-shown)) {
+      &:has(.--INPUT-inputField.--INPUT-error:not(:placeholder-shown)),
+      &:has(.--INPUT-inputField.--INPUT-error[placeholder]:not([placeholder=' '])) {
         ${H(e, "ERROR_VALUE")};
       }
 
@@ -1681,7 +1684,8 @@ var R = "--DATEPICKER", Oe = ({ name: e, label: r, control: i, language: a = f()
       }
 
       // DISABLED + VALUE
-      &:has(.--INPUT-inputField:disabled:not(:placeholder-shown)) {
+      &:has(.--INPUT-inputField:disabled:not(:placeholder-shown)),
+      &:has(.--INPUT-inputField:disabled[placeholder]:not([placeholder=' '])) {
         pointer-events: none;
         ${H(e, "DISABLED_VALUE")};
       }
@@ -1729,7 +1733,9 @@ var R = "--DATEPICKER", Oe = ({ name: e, label: r, control: i, language: a = f()
         }
 
         // VALUE
-        &:not(:placeholder-shown) {
+        &:not(:placeholder-shown),
+        &[placeholder]:not([placeholder=' ']),
+        &:-webkit-autofill {
           ${B(e, "VALUE")};
           ~ .--INPUT-label {
             ${V(e, "VALUE", !0)};
@@ -1794,7 +1800,8 @@ var R = "--DATEPICKER", Oe = ({ name: e, label: r, control: i, language: a = f()
         }
 
         // ERROR + VALUE
-        &.--INPUT-error:not(:placeholder-shown) {
+        &.--INPUT-error:not(:placeholder-shown),
+        &.--INPUT-error[placeholder]:not([placeholder=' ']) {
           ${B(e, "ERROR_VALUE")};
           ~ .--INPUT-label {
             ${V(e, "ERROR_VALUE")};
@@ -1852,7 +1859,8 @@ var R = "--DATEPICKER", Oe = ({ name: e, label: r, control: i, language: a = f()
         }
 
         // DISABLED + VALUE
-        &:disabled:not(:placeholder-shown) {
+        &:disabled:not(:placeholder-shown),
+        &:disabled[placeholder]:not([placeholder=' ']) {
           user-select: none;
           pointer-events: none;
           ${B(e, "DISABLED_VALUE")};
@@ -2497,7 +2505,7 @@ var He = (e) => {
 
         // VALUE
         &:not(:placeholder-shown),
-        &:not([placeholder=' ']),
+        &[placeholder]:not([placeholder=' ']),
         &.--SELECT-open {
           ${q(e, "VALUE")};
           ~ .--SELECT-label {
@@ -3821,4 +3829,4 @@ var Z = "--SELECT", Qe = [], $e = ({ name: e, label: r, control: i, options: a,
 //#endregion
 export { Pe as a, he as c, Ue as i, ot as n, ke as o, et as r, Ce as s, mt as t };
 
-//# sourceMappingURL=Switch-BKf-QVlX.js.map
+//# sourceMappingURL=Switch-DIid_9X3.js.map