@dxtmisha/constructor 0.52.2 → 0.52.3

package/dist/textareaAutosize.js

@@ -1,4 +1,4 @@
-import { t as e } from "./defineProperty-hmGKPWdq.js";
+import { t as e } from "./defineProperty-DblGXmzD.js";
 import { h as t, nextTick as n, ref as r, watch as i } from "vue";
 import { DesignConstructorAbstract as a, toBinds as o } from "@dxtmisha/functional";
 //#region src/constructors/TextareaAutosize/TextareaAutosizeValue.ts

package/dist/tooltip.js

@@ -1,9 +1,9 @@
 import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
-import { t } from "./defineProperty-hmGKPWdq.js";
-import { t as n } from "./LabelInclude-DoZ7EUYO.js";
-import { t as r } from "./DescriptionInclude-B_Xf_j3l.js";
-import { t as i } from "./ArrowInclude-BM_RP5vO.js";
-import { t as a } from "./TooltipInclude-3iLdbNcH.js";
+import { t } from "./defineProperty-DblGXmzD.js";
+import { t as n } from "./LabelInclude-WVa57XLq.js";
+import { t as r } from "./DescriptionInclude-CLl_BuFh.js";
+import { t as i } from "./ArrowInclude-BLmT7zvK.js";
+import { t as a } from "./TooltipInclude-CR8FBphY.js";
 import { Teleport as o, computed as s, h as c, nextTick as l, onUnmounted as u, ref as d, watch as f } from "vue";
 import { DesignConstructorAbstract as p, EventItem as m, getElementId as h, isDomRuntime as g } from "@dxtmisha/functional";
 //#region src/constructors/Tooltip/TooltipClassesData.ts

package/dist/window.js

@@ -1,13 +1,13 @@
 import { t as e } from "./AriaStaticInclude-CS1hPGyK.js";
-import { t } from "./defineProperty-hmGKPWdq.js";
-import { t as n } from "./TextInclude-OwyVCAbS.js";
-import { t as r } from "./ModelInclude-D8LkrhPp.js";
-import { t as i } from "./TabIndexInclude-DLSfl7-6.js";
-import { t as a } from "./WindowEsc-vBFI8pVr.js";
+import { t } from "./defineProperty-DblGXmzD.js";
+import { t as n } from "./TextInclude-B_Uojln0.js";
+import { t as r } from "./ModelInclude-CYgWMv2f.js";
+import { t as i } from "./TabIndexInclude-DOOAy14Q.js";
+import { t as a } from "./WindowEsc-BLim9Zco.js";
 import { t as o } from "./ScrollbarInclude-B4_ZIqkW.js";
-import { t as s } from "./ImageInclude-CP-Q4R20.js";
-import { a as c, i as l, n as u, r as d, t as f } from "./WindowClassesInclude-zm-ITw5d.js";
-import { t as p } from "./WindowInclude-GF4aSfrJ.js";
+import { t as s } from "./ImageInclude-t0Rqs1ln.js";
+import { a as c, i as l, n as u, r as d, t as f } from "./WindowClassesInclude-CENNdyRk.js";
+import { t as p } from "./WindowInclude-D4eAeql2.js";
 import { Teleport as m, computed as h, h as g, onMounted as _, onUnmounted as v, ref as y, watch as b } from "vue";
 import { DesignConstructorAbstract as x, EventItem as S, executePromise as C, frame as w, getElement as T, getMouseClientX as E, getMouseClientY as D, isDomRuntime as O, isEnter as k, setRef as A } from "@dxtmisha/functional";
 //#region src/constructors/Window/WindowClient.ts

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@dxtmisha/constructor",
   "private": false,
-  "version": "0.52.2",
+  "version": "0.52.3",
   "type": "module",
   "description": "Vue component constructors for DXT UI design system - ready-to-use constructors with TypeScript support and SCSS styling",
   "keywords": [
@@ -39,7 +39,7 @@
     "dxt-types": "dxt-types",
     "dxt-constructor": "dxt-constructor",
     "prepublishOnly": "npm run dxt-library && npm run dxt-constructor && npm run build",
-    "publish": "npm publish --access public"
+    "publish-to-npm": "npm publish --access public"
   },
   "files": [
     "dist/",

package/src/constructors/Button/style.scss

@@ -23,7 +23,7 @@
     text-decoration: none;
   }
 
-  @include ui.focus {
+  &:focus-visible {
     outline-style: solid;
   }
 

package/src/constructors/Field/style.scss

@@ -142,7 +142,8 @@
         -webkit-appearance: none;
       }
 
-      &:focus {
+      &:focus,
+      &:focus-visible {
         outline: none;
       }
     }
@@ -364,11 +365,15 @@
     @extend #{$this}--isValue;
   }
 
-  @include ui.focus($this) {
+  &:has(input:focus-visible) {
     @include ui.subclass('body') {
       outline-width: ui.v('??focusWithin.outlineWidth');
       @include ui.outlineColor(ui.v('??focusWithin.outlineColor'), ui.v('??focusWithin.outlineOpacity'));
+    }
+  }
 
+  @include ui.focus($this) {
+    @include ui.subclass('body') {
       &__title {
         @include ui.color(ui.v('??focusWithin.color'), ui.v('??focusWithin.colorOpacity'));
       }