@dpa-id-components/dpa-shared-components 18.2.1 → 18.2.3

package/dist/{latest-dmsdZTyI.js → latest-CY0pegMn.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{lightbulb-S8FfnlvK.js → lightbulb-7rziYDEw.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createStaticVNode as o } from "vue";
-import { _ as a } from "./index-CsWTsLgL.js";
+import { _ as a } from "./index-NsAT3tYy.js";
 const p = {}, r = {
   width: "20",
   height: "20",

package/dist/{list-B63AHuIZ.js → list-9C8dBhUf.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{list-search-YviuoNWE.js → list-search-Alo8wzBJ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, i = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",

package/dist/{lock-DKYAuO27.js → lock-BoCac1Fw.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, c = {
   width: "24",
   height: "24",

package/dist/{lock-filled-C2mD8wb-.js → lock-filled-Dc070CA1.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as C, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{mail-BdGBlAZm.js → mail-BCTIuqp4.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{map-anhTUFrt.js → map-DMA7kcWH.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{map-outline-Dx4HBDmO.js → map-outline-B5LNUFhg.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{menu-eGe2xRgW.js → menu-ab420dn7.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, s = {
   width: "24",
   height: "24",

package/dist/{minus-D3kj5CHi.js → minus-D2Z5qwjN.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{more-horizontal-BhgJZti4.js → more-horizontal-C-pjz_5J.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, l = {
   width: "24",
   height: "24",

package/dist/{more-vertical-CUi0dRvK.js → more-vertical-Dih2XzgU.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, c = {
   width: "24",
   height: "24",

package/dist/{move-DchwaAwt.js → move-Cnuvik8X.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const L = {}, n = {
   width: "24",
   height: "24",

package/dist/{move-up-down-CLyKDQZB.js → move-up-down-Cg177T3P.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{navigation-CLaqnDUf.js → navigation-Bgv7jdXQ.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{note-CSW8OFzS.js → note-BNklZTy3.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, s = {
   width: "24",
   height: "24",

package/dist/{offline-Cr56QN9C.js → offline-Ctyz-nVM.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, L = {
   width: "24",
   height: "24",

package/dist/{package-LZVgrkRi.js → package-DNw9VlQA.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as C } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, c = {
   width: "24",
   height: "24",

package/dist/{paper-plane-D8VJ7y-7.js → paper-plane-CJaXycCF.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, l = {
   width: "24",
   height: "24",

package/dist/{paperplane-C1Vlasrq.js → paperplane-RsjZGj77.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, l = {
   width: "18",
   height: "18",

package/dist/{pause-DlwxLgbu.js → pause-D85i-m8b.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{pause-circle-D0iGNGvG.js → pause-circle-DYO-dSEp.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, C = {
   width: "24",
   height: "24",

package/dist/{pdf-CA5l6sTx.js → pdf-5HJgPJOd.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as V, createElementVNode as e } from "vue";
-import { _ as H } from "./index-CsWTsLgL.js";
+import { _ as H } from "./index-NsAT3tYy.js";
 const o = {}, r = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",

package/dist/{pen-5hMe8Ysp.js → pen-DCG4NAKo.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as n } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const L = {}, s = {
   width: "24",
   height: "24",

package/dist/{pen-check-WDiXvNtj.js → pen-check-DcQg4PNw.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as C } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const r = {}, L = {
   width: "24",
   height: "24",

package/dist/{people-DBcxVFzz.js → people-C7Wx2bKO.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{phone-BE7kimIS.js → phone-B5wm2gej.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as C, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{picture-DPSMPGKI.js → picture-BmLvn4tx.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const c = {}, s = {
   width: "24",
   height: "24",

package/dist/{picture-circled-i9LSPgP2.js → picture-circled-BRZvrtL4.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as C, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, c = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",

package/dist/{picture-filled-BvJolXay.js → picture-filled-BJddNxQ0.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as C } from "./index-CsWTsLgL.js";
+import { _ as C } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",

package/dist/{picture-gallery-DaQV13Yj.js → picture-gallery-C80gGCLf.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const L = {}, n = {
   width: "12",
   height: "12",

package/dist/{pin-x69z4hkC.js → pin-CCDwk24V.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, L = {
   width: "24",
   height: "24",

package/dist/{planning-CzMBrWph.js → planning-B4sFPr3D.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const r = {}, V = {
   width: "24",
   height: "24",

package/dist/{play-Cxk6I9tm.js → play-CBPe91tW.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{play-circle-DZRICHkE.js → play-circle-CC6GXuDU.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, C = {
   width: "24",
   height: "24",

package/dist/{play-fill-BtRqxbWL.js → play-fill-BSCm0iPM.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{plus-Hhac3vfd.js → plus-Cmw_JcbR.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, l = {
   width: "24",
   height: "24",

package/dist/{plus-circle-E6--ddG9.js → plus-circle-CowiYzuh.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as C } from "./index-CsWTsLgL.js";
+import { _ as C } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{print-DMskgXM-.js → print-BGfJ3s3I.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, H = {
   width: "24",
   height: "24",

package/dist/{refresh-Sq_CiuZP.js → refresh-CWGKu3KN.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as C, openBlock as t, createElementVNode as r } from "vue";
-import { _ as o } from "./index-CsWTsLgL.js";
+import { _ as o } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{reset-4xrUKF3B.js → reset-BsezEMR1.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as C, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{responsive-jjQWfP35.js → responsive-BfDmrRE_.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{rubix-thema-BU8AXmF4.js → rubix-thema-B9XIr_En.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{save-C3U5Mfn5.js → save-Lv0AdUU1.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{saved-search-6fcsPcVA.js → saved-search-Dgf6vbxS.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{saved-search-fill-Biic9rUX.js → saved-search-fill-CvBeUEUY.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as r, createElementVNode as o } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{search-Xnable08.js → search-D3ST1EUC.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, C = {
   width: "24",
   height: "24",

package/dist/{settings-BA0sY2QF.js → settings-w7E7TTS9.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as L, openBlock as t, createElementVNode as e } from "vue";
-import { _ as o } from "./index-CsWTsLgL.js";
+import { _ as o } from "./index-NsAT3tYy.js";
 const r = {}, n = {
   width: "24",
   height: "24",

package/dist/{share-DhVzYgHM.js → share-DZMN5JsL.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as C } from "./index-CsWTsLgL.js";
+import { _ as C } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{share-alternative-W1-coAIA.js → share-alternative-BtSUKIEz.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as r } from "vue";
-import { _ as o } from "./index-CsWTsLgL.js";
+import { _ as o } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{sidebar-YGUmhkXi.js → sidebar-IrJY26mU.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as r, openBlock as t, createStaticVNode as l } from "vue";
-import { _ as o } from "./index-CsWTsLgL.js";
+import { _ as o } from "./index-NsAT3tYy.js";
 const d = {}, n = {
   width: "24",
   height: "24",

package/dist/{sidebar-fill-BsXMralX.js → sidebar-fill-C9mp7yeN.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as C } from "./index-CsWTsLgL.js";
+import { _ as C } from "./index-NsAT3tYy.js";
 const l = {}, n = {
   width: "24",
   height: "24",

package/dist/{slack-DEW1tZHr.js → slack-DsdBXRQg.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as e, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{slider-config-BmOdjozp.js → slider-config-546Ikw7E.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as r } from "./index-CsWTsLgL.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{spellcheck-Bz9j355n.js → spellcheck-BOnbR5cg.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as t, openBlock as o, createElementVNode as r } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const c = {}, l = {
   width: "24",
   height: "24",

package/dist/{spinner-scWvd5ay.js → spinner-JJRpsFCl.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, createElementVNode as o } from "vue";
-import { _ as n } from "./index-CsWTsLgL.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const r = {}, s = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 24 24"

package/dist/src/components/UiInput/UiInput.vue

@@ -29,7 +29,7 @@
       :aria-label="label ? label : undefined"
       :readonly="readonly"
       :disabled="disabled"
-      class="peer block h-24 w-full rounded-t-sm text-sm outline-hidden transition duration-150 placeholder:text-gray-400 disabled:bg-gray-100 disabled:opacity-70"
+      class="peer block h-24 w-full rounded-t-sm p-4 text-sm text-gray-900 outline-hidden transition duration-150 placeholder:text-gray-400 disabled:bg-gray-100 disabled:opacity-70"
       :class="
         cn(
           componentClass,
@@ -55,7 +55,7 @@
       :aria-label="label ? label : undefined"
       :readonly="readonly"
       :disabled="disabled"
-      class="peer block h-14 w-full rounded-t-sm text-sm outline-hidden transition duration-150 placeholder:text-gray-400 disabled:bg-gray-50 disabled:opacity-70"
+      class="peer block h-14 w-full rounded-t-sm p-4 text-sm text-gray-900 outline-hidden transition duration-150 placeholder:text-gray-400 disabled:bg-gray-50 disabled:opacity-70"
       :class="
         cn(
           componentClass,
@@ -221,28 +221,29 @@ const addonText = computed((): string => {
 const labelColorClass = computed(() => {
   return {
     default: `
-      [*:has(+:where(input,textarea):enabled:hover)]:text-gray-700
-      [*:has(+:where(input,textarea):focus)]:text-blue-default
-      [*:has(+:where(input,textarea):not(:focus))]:text-gray-500
+      text-gray-500
+      [*:has(+:is(input,textarea):where(:enabled:hover))]:text-gray-700
+      [*:has(+:is(input,textarea):where(:focus))]:text-blue-default
     `,
     info: `
-      [*:has(+:where(input,textarea):enabled:hover)]:text-gray-700
-      [*:has(+:where(input,textarea):focus)]:text-gray-700
-      [*:has(+:where(input,textarea):not(:focus))]:text-gray-500
+      text-gray-500
+      [*:has(+:is(input,textarea):where(:enabled:hover))]:text-gray-700
+      [*:has(+:is(input,textarea):where(:focus))]:text-gray-700
     `,
     readonly: `
-      [*:has(+:where(input,textarea):enabled:hover)]:text-gray-700
-      [*:has(+:where(input,textarea):not(:focus))]:text-gray-500
+      text-gray-500
+      [*:has(+:is(input,textarea):where(:enabled:hover))]:text-gray-700
+      [*:has(+:is(input,textarea):where(:focus))]:text-gray-700
     `,
     warning: `
-      [*:has(+:where(input,textarea):enabled:hover)]:text-orange-dark
-      [*:has(+:where(input,textarea):focus)]:text-orange-dark
-      [*:has(+:where(input,textarea):not(:focus))]:text-orange-default
+      text-orange-default
+      [*:has(+:is(input,textarea):where(:enabled:hover))]:text-orange-dark
+      [*:has(+:is(input,textarea):where(:focus))]:text-orange-dark
     `,
     error: `
-      [*:has(+:where(input,textarea):enabled:hover)]:text-alert-red-dark
-      [*:has(+:where(input,textarea):focus)]:text-alert-red-dark
-      [*:has(+:where(input,textarea):not(:focus))]:text-alert-red-default
+      text-alert-red-default
+      [*:has(+:is(input,textarea):where(:enabled:hover))]:text-alert-red-dark
+      [*:has(+:is(input,textarea):where(:focus))]:text-alert-red-dark
     `,
   }[status.value];
 });
@@ -271,43 +272,32 @@ const componentClass = computed(() => {
       rounded-b-sm
       border
       border-gray-300
-      p-4
-      text-gray-900
       focus:border-2
-      focus:border-blue-default
       focus:p-inputFocused
       enabled:hover:border-gray-700
+      enabled:focus:border-blue-default
     `,
     readonly: `
       rounded-b-sm
       border
       border-gray-300
-      p-4
-      text-gray-800
-      text-gray-900
     `,
     error: `
       border-2
       border-alert-red-default
-      p-4
-      text-gray-900
-      focus:border-alert-red-dark
+      enabled:focus:border-alert-red-dark
       enabled:hover:border-alert-red-dark
     `,
     warning: `
       border-2
       border-orange-default
-      p-4
-      text-gray-900
-      focus:border-orange-dark
+      enabled:focus:border-orange-dark
       enabled:hover:border-orange-dark
     `,
     info: `
       border
       border-gray-300
-      p-4
-      text-gray-900
-      focus:border-gray-700
+      enabled:focus:border-gray-700
       enabled:hover:border-gray-700
     `,
   }[status.value];