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

package/dist/{latest-DIpNoHHD.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{lightbulb-BiYU56_8.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-BeVakwhY.js";
+import { _ as a } from "./index-NsAT3tYy.js";
 const p = {}, r = {
   width: "20",
   height: "20",

package/dist/{list-DDI5rnYq.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{list-search-CZ8fvAEz.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, i = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",

package/dist/{lock-CBSrCmb6.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, c = {
   width: "24",
   height: "24",

package/dist/{lock-filled-Dtrq74wH.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{mail-Cp2ZwkTY.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{map-nGV1Mijl.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{map-outline-Di7iWXoA.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{menu-DVkaECqp.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, s = {
   width: "24",
   height: "24",

package/dist/{minus-D1PwTMdf.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{more-horizontal-mjBdxmZy.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, l = {
   width: "24",
   height: "24",

package/dist/{more-vertical-4fZ3iO0G.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, c = {
   width: "24",
   height: "24",

package/dist/{move-DeD1jhJ7.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const L = {}, n = {
   width: "24",
   height: "24",

package/dist/{move-up-down-BtGqk0bn.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{navigation-CTv5jG_l.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{note-YabMVOpy.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, s = {
   width: "24",
   height: "24",

package/dist/{offline-DLY7SfHE.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, L = {
   width: "24",
   height: "24",

package/dist/{package-DxQBj-eB.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, c = {
   width: "24",
   height: "24",

package/dist/{paper-plane-DgPGUSaJ.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, l = {
   width: "24",
   height: "24",

package/dist/{paperplane-oVHdNytf.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const C = {}, l = {
   width: "18",
   height: "18",

package/dist/{pause-BjqGzTGR.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{pause-circle-aRqBgg9c.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, C = {
   width: "24",
   height: "24",

package/dist/{pdf-BlwMnntw.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-BeVakwhY.js";
+import { _ as H } from "./index-NsAT3tYy.js";
 const o = {}, r = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "24",

package/dist/{pen-Czn34Aao.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const L = {}, s = {
   width: "24",
   height: "24",

package/dist/{pen-check-fXE93sH5.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const r = {}, L = {
   width: "24",
   height: "24",

package/dist/{people-x7vd-As-.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{phone-BLrc9Ibk.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{picture-j87SifTw.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const c = {}, s = {
   width: "24",
   height: "24",

package/dist/{picture-circled-TdLb97WH.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-BeVakwhY.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-Cs8oA7b2.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-BeVakwhY.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-D5ogsVAk.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const L = {}, n = {
   width: "12",
   height: "12",

package/dist/{pin-aahO5tlM.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, L = {
   width: "24",
   height: "24",

package/dist/{planning-BEEGS4gm.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const r = {}, V = {
   width: "24",
   height: "24",

package/dist/{play-B5JcB6Cv.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{play-circle-B_h2haJx.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, C = {
   width: "24",
   height: "24",

package/dist/{play-fill-BGTaYLu9.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{plus-DGu5wnkH.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, l = {
   width: "24",
   height: "24",

package/dist/{plus-circle-CsulDEyZ.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-BeVakwhY.js";
+import { _ as C } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{print-CoBamEYd.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, H = {
   width: "24",
   height: "24",

package/dist/{refresh-CSCPrerS.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-BeVakwhY.js";
+import { _ as o } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{reset-DRtpYbEA.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{responsive-D5H1sMQs.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, l = {
   width: "24",
   height: "24",

package/dist/{rubix-thema-B6srkakh.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{save-D-ORyy-H.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{saved-search-CjpldI5l.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const l = {}, s = {
   width: "24",
   height: "24",

package/dist/{saved-search-fill-B0W2pzU3.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, c = {
   width: "24",
   height: "24",

package/dist/{search-WZIVSJ_A.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const s = {}, C = {
   width: "24",
   height: "24",

package/dist/{settings-CD95YVQ1.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-BeVakwhY.js";
+import { _ as o } from "./index-NsAT3tYy.js";
 const r = {}, n = {
   width: "24",
   height: "24",

package/dist/{share-aJRwAMcl.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-BeVakwhY.js";
+import { _ as C } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{share-alternative-BLzIhNYN.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-BeVakwhY.js";
+import { _ as o } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{sidebar-PmV82Em7.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-BeVakwhY.js";
+import { _ as o } from "./index-NsAT3tYy.js";
 const d = {}, n = {
   width: "24",
   height: "24",

package/dist/{sidebar-fill-D0YNsDDH.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-BeVakwhY.js";
+import { _ as C } from "./index-NsAT3tYy.js";
 const l = {}, n = {
   width: "24",
   height: "24",

package/dist/{slack-CoWsE8H3.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{slider-config-BiNL8zb8.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-BeVakwhY.js";
+import { _ as r } from "./index-NsAT3tYy.js";
 const n = {}, s = {
   width: "24",
   height: "24",

package/dist/{spellcheck-HrBnkg8l.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-BeVakwhY.js";
+import { _ as n } from "./index-NsAT3tYy.js";
 const c = {}, l = {
   width: "24",
   height: "24",

package/dist/{spinner-z-c-Bsf9.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-BeVakwhY.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];