morya-ui 0.4.0 → 0.4.1

package/dist/components/Chip/types.d.ts

@@ -1,3 +1,4 @@
+import { RootPassThrough } from '../../shared/passThrough';
 import { MSizeInput, MTagSeverity } from '../../shared/types';
 import { IconName } from '../Icon/types';
 export type ChipSeverity = MTagSeverity | 'warning';
@@ -17,6 +18,8 @@ export interface ChipProps {
     severity?: ChipSeverity;
     /** Size. Also accepts legacy `sm` / `lg`. */
     size?: ChipSize;
+    /** Pass-through attrs/classes/styles for the root element. */
+    pt?: RootPassThrough;
 }
 export interface ChipEmits {
     (event: 'remove', value: MouseEvent): void;

package/dist/components/Chip/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,CAAA;AACnD,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAA;AAEjC,MAAM,WAAW,SAAS;IACxB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAC3C"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,YAAY,GAAG,YAAY,GAAG,SAAS,CAAA;AACnD,MAAM,MAAM,QAAQ,GAAG,UAAU,CAAA;AAEjC,MAAM,WAAW,SAAS;IACxB,iBAAiB;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,yBAAyB;IACzB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,+BAA+B;IAC/B,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,2BAA2B;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sBAAsB;IACtB,QAAQ,CAAC,EAAE,YAAY,CAAA;IACvB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;CAC3C"}

package/dist/components/DatePicker/styles.css

@@ -64,7 +64,7 @@
 
 .m-datepicker__control:has(.m-datepicker__input):focus-within,
 .m-datepicker--open .m-datepicker__control:has(.m-datepicker__input) {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
 }
 
@@ -75,6 +75,7 @@
 .m-datepicker--invalid .m-datepicker__control:has(.m-datepicker__input):focus-within,
 .m-datepicker--invalid.m-datepicker--open
     .m-datepicker__control:has(.m-datepicker__input) {
+    border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
 }
 

package/dist/components/Divider/Divider.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Divider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.vue"],"names":[],"mappings":";AAgDA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAkF3C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Divider.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/Divider.vue"],"names":[],"mappings":";AAsDA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAyF3C,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;6EAGd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Divider/types.d.ts

@@ -1,3 +1,4 @@
+import { RootPassThrough } from '../../shared/passThrough';
 export type DividerLayout = 'horizontal' | 'vertical';
 export type DividerType = 'solid' | 'dashed' | 'dotted';
 export type DividerAlign = 'left' | 'center' | 'right';
@@ -28,5 +29,7 @@ export interface DividerProps {
      */
     size?: DividerSize;
     label?: string;
+    /** Pass-through attrs/classes/styles for the root element. */
+    pt?: RootPassThrough;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Divider/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,UAAU,CAAA;AACrD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AACtD,yCAAyC;AACzC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEtD,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,yCAAyC;IACzC,WAAW,CAAC,EAAE,aAAa,CAAA;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,wBAAwB;IACxB,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Divider/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,aAAa,GAAG,YAAY,GAAG,UAAU,CAAA;AACrD,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAA;AACvD,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;AACtD,yCAAyC;AACzC,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;AAEtD,MAAM,WAAW,YAAY;IAC3B;;;OAGG;IACH,MAAM,CAAC,EAAE,aAAa,CAAA;IACtB,yCAAyC;IACzC,WAAW,CAAC,EAAE,aAAa,CAAA;IAC3B,wCAAwC;IACxC,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,4DAA4D;IAC5D,KAAK,CAAC,EAAE,YAAY,CAAA;IACpB,wBAAwB;IACxB,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B;;;OAGG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;;OAGG;IACH,IAAI,CAAC,EAAE,WAAW,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB"}

package/dist/components/IconField/styles.css

@@ -210,7 +210,7 @@
     ):focus-within,
 .m-icon-field--anchored
     .m-textarea-field__control:not(.m-textarea-field__control--clearable):focus-within {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
 }
 

package/dist/components/Input/styles.css

@@ -1,25 +1,37 @@
-.m-input:focus {
-    outline: none;
-}
-
-.m-input:hover:not(:disabled):not(:focus) {
+.m-input:hover:not(:disabled):not(:focus):not(.m-input--invalid):not(
+        .m-input--warning
+    ) {
     border-color: var(--m-color-primary-hover);
 }
 
+/* Outlined active state: border color + soft control-outline shadow */
+.m-input:focus,
 .m-input:focus-visible {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
-    outline: none;
+    outline: 0;
 }
 
+.m-input--invalid:hover:not(:disabled):not(:focus) {
+    border-color: var(--m-color-danger);
+}
+
+.m-input--invalid:focus,
 .m-input--invalid:focus-visible {
     border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
+    outline: 0;
+}
+
+.m-input--warning:hover:not(:disabled):not(:focus) {
+    border-color: var(--m-color-warning);
 }
 
+.m-input--warning:focus,
 .m-input--warning:focus-visible {
     border-color: var(--m-color-warning);
     box-shadow: var(--m-focus-shadow-warning);
+    outline: 0;
 }
 
 .m-input-field {
@@ -134,7 +146,7 @@
 .m-input-field__control--prefixed:focus-within,
 .m-input-field__control--suffixed:focus-within,
 .m-input-field__control--clearable:focus-within {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
 }
 

package/dist/components/InputColor/styles.css

@@ -55,8 +55,16 @@
         opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
+.m-inputcolor__text:hover:not(:disabled):not(:focus),
+.m-inputcolor__swatch:hover:not(:disabled):not(:focus) {
+    border-color: var(--m-color-primary-hover);
+}
+
+.m-inputcolor__text:focus,
 .m-inputcolor__text:focus-visible,
+.m-inputcolor__swatch:focus,
 .m-inputcolor__swatch:focus-visible {
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }
@@ -122,7 +130,9 @@
     border-color: var(--m-color-danger);
 }
 
+.m-inputcolor--invalid .m-inputcolor__text:focus,
 .m-inputcolor--invalid .m-inputcolor__text:focus-visible,
+.m-inputcolor--invalid .m-inputcolor__swatch:focus,
 .m-inputcolor--invalid .m-inputcolor__swatch:focus-visible {
     border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);

package/dist/components/InputNumber/styles.css

@@ -65,7 +65,7 @@
 }
 
 .m-inputnumber__input-wrap:focus-within {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
 }
 
@@ -74,6 +74,7 @@
 }
 
 .m-inputnumber--invalid .m-inputnumber__input-wrap:focus-within {
+    border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
 }
 

package/dist/components/InputOtp/styles.css

@@ -44,6 +44,14 @@
     border-color: var(--m-color-danger);
 }
 
+.m-inputotp__input:focus,
+.m-inputotp__input:focus-visible {
+    border-color: var(--m-color-primary);
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-inputotp--invalid .m-inputotp__input:focus,
 .m-inputotp--invalid .m-inputotp__input:focus-visible {
     border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);

package/dist/components/InputPassword/styles.css

@@ -67,7 +67,7 @@
 }
 
 .m-password:focus-within {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
 }
 

package/dist/components/InputTags/styles.css

@@ -48,6 +48,15 @@
     padding-inline: var(--m-control-padding-x-large);
 }
 
+.m-inputtags:hover:not(.m-inputtags--disabled):not(:focus-within) {
+    border-color: var(--m-color-primary-hover);
+}
+
+.m-inputtags:focus-within {
+    border-color: var(--m-color-primary);
+    box-shadow: var(--m-focus-shadow);
+}
+
 .m-inputtags--invalid {
     border-color: var(--m-color-danger);
 }

package/dist/components/Layout/styles.css

@@ -67,7 +67,7 @@
 
 .m-layout__scroll--has-sider,
 .m-layout__scroll-view--has-sider {
-    /* direction set inline (matches naive hasSiderStyle) */
+    /* direction set inline */
     align-items: stretch;
     flex-wrap: nowrap;
 }

package/dist/components/Listbox/styles.css

@@ -31,7 +31,9 @@
     padding: var(--m-space-2) var(--m-space-3);
 }
 
+.m-listbox__filter:focus,
 .m-listbox__filter:focus-visible {
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }
@@ -113,6 +115,7 @@
 }
 
 .m-listbox--invalid:focus-within {
+    border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
 }
 

package/dist/components/Mentions/styles.css

@@ -89,13 +89,16 @@
     width: 100%;
 }
 
-.m-mentions__textarea:hover:not(:disabled):not(:read-only) {
+.m-mentions:not(.m-mentions--invalid):not(.m-mentions--warning)
+    .m-mentions__textarea:hover:not(:disabled):not(:read-only):not(:focus) {
     border-color: var(--m-color-primary-hover);
 }
 
-.m-mentions__textarea:focus {
+.m-mentions__textarea:focus,
+.m-mentions__textarea:focus-visible {
     border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
+    outline: 0;
 }
 
 .m-mentions__textarea--filled {
@@ -107,16 +110,22 @@
     border-color: var(--m-color-danger);
 }
 
-.m-mentions--invalid .m-mentions__textarea:focus {
+.m-mentions--invalid .m-mentions__textarea:focus,
+.m-mentions--invalid .m-mentions__textarea:focus-visible {
+    border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
+    outline: 0;
 }
 
 .m-mentions--warning .m-mentions__textarea {
     border-color: var(--m-color-warning);
 }
 
-.m-mentions--warning .m-mentions__textarea:focus {
+.m-mentions--warning .m-mentions__textarea:focus,
+.m-mentions--warning .m-mentions__textarea:focus-visible {
+    border-color: var(--m-color-warning);
     box-shadow: var(--m-focus-shadow-warning);
+    outline: 0;
 }
 
 .m-mentions--small .m-mentions__textarea {

package/dist/components/Pagination/styles.css

@@ -100,12 +100,13 @@
         opacity var(--m-motion-fast) var(--m-motion-ease);
 }
 
-.m-pagination__select:hover:not(:disabled) {
+.m-pagination__select:hover:not(:disabled):not(:focus) {
     border-color: var(--m-color-primary-hover);
 }
 
+.m-pagination__select:focus,
 .m-pagination__select:focus-visible {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }

package/dist/components/ProgressBar/ProgressBar.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.vue"],"names":[],"mappings":";AAuFA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AAqJ/C,QAAA,MAAM,YAAY;;;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ProgressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.vue"],"names":[],"mappings":";AA8FA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAA;AA6J/C,QAAA,MAAM,YAAY;;;;;6EAGhB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}

package/dist/components/ProgressBar/types.d.ts

@@ -1,3 +1,4 @@
+import { RootPassThrough } from '../../shared/passThrough';
 export type ProgressBarMode = 'determinate' | 'indeterminate';
 export type ProgressBarType = 'line' | 'circle';
 /**
@@ -29,5 +30,7 @@ export interface ProgressBarProps {
     color?: string;
     /** Show percentage label in determinate mode. */
     showValue?: boolean;
+    /** Pass-through attrs/classes/styles for the root element. */
+    pt?: RootPassThrough;
 }
 //# sourceMappingURL=types.d.ts.map

package/dist/components/ProgressBar/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,eAAe,CAAA;AAC7D,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC/C;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,MAAM,GACN,SAAS;AACX,2CAA2C;GACzC,MAAM,GACN,QAAQ;AACV,0CAA0C;GACxC,OAAO;AACT,yBAAyB;GACvB,WAAW;AACb,sEAAsE;GACpE,QAAQ;AACV,yCAAyC;GACvC,QAAQ,CAAA;AAEZ,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,gCAAgC;IAChC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAE/D,MAAM,MAAM,eAAe,GAAG,aAAa,GAAG,eAAe,CAAA;AAC7D,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,CAAA;AAC/C;;;;GAIG;AACH,MAAM,MAAM,iBAAiB,GACzB,SAAS,GACT,MAAM,GACN,SAAS;AACX,2CAA2C;GACzC,MAAM,GACN,QAAQ;AACV,0CAA0C;GACxC,OAAO;AACT,yBAAyB;GACvB,WAAW;AACb,sEAAsE;GACpE,QAAQ;AACV,yCAAyC;GACvC,QAAQ,CAAA;AAEZ,MAAM,WAAW,gBAAgB;IAC/B,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,6EAA6E;IAC7E,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,gCAAgC;IAChC,IAAI,CAAC,EAAE,eAAe,CAAA;IACtB,2BAA2B;IAC3B,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,sDAAsD;IACtD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,iDAAiD;IACjD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB"}

package/dist/components/Radio/styles.css

@@ -11,7 +11,8 @@
 }
 
 .m-radio__input:focus-visible + .m-radio__control {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
+    box-shadow: var(--m-focus-shadow);
 }
 
 .m-radio--invalid .m-radio__input:focus-visible + .m-radio__control {

package/dist/components/Result/styles.css

@@ -1,4 +1,4 @@
-/* —— Feedback: Result (Naive-aligned outcome page) —— */
+/* —— Feedback: Result (outcome page) —— */
 .m-result {
     --m-result-tone: var(--m-color-info);
     --m-result-tone-bg: color-mix(

package/dist/components/Select/Select.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.vue"],"names":[],"mappings":";;AAssBA,OAAO,KAAK,EAAkC,UAAU,EAA0B,MAAM,iBAAiB,CAAA;AACzG,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,WAAW,EACZ,MAAM,SAAS,CAAA;AAwkChB,QAAA,IAAI,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAuB,QAAQ;;CAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAY,CAAE;AACnI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAW/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Select.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Select/Select.vue"],"names":[],"mappings":";;AA6sBA,OAAO,KAAK,EAAkC,UAAU,EAA0B,MAAM,iBAAiB,CAAA;AACzG,OAAO,KAAK,EACV,UAAU,EACV,gBAAgB,EAChB,YAAY,EACZ,WAAW,EACX,WAAW,EACZ,MAAM,SAAS,CAAA;AA+kChB,QAAA,IAAI,QAAQ;;CAAW,EAAE,QAAQ,IAAW,EAAuB,QAAQ;;CAAW,EAAE,QAAQ;;CAAW,EAAE,QAAQ,IAAY,CAAE;AACnI,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAW/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Select/styles.css

@@ -71,15 +71,16 @@
 
 .m-select:hover:not(:disabled):not(.m-select--disabled):not(
         .m-select--open
-    ) {
+    ):not(:focus):not(.m-select--invalid):not(.m-select--warning) {
     border-color: var(--m-color-primary-hover);
 }
 
 .m-select--open,
+.m-select:focus,
 .m-select:focus-visible {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
-    outline: none;
+    outline: 0;
 }
 
 .m-select--placeholder .m-select__value {
@@ -160,16 +161,20 @@
     border-color: var(--m-color-warning);
 }
 
+.m-select--invalid:focus,
 .m-select--invalid:focus-visible,
 .m-select--invalid.m-select--open {
     border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
+    outline: 0;
 }
 
+.m-select--warning:focus,
 .m-select--warning:focus-visible,
 .m-select--warning.m-select--open {
     border-color: var(--m-color-warning);
     box-shadow: var(--m-focus-shadow-warning);
+    outline: 0;
 }
 
 .m-select__option--create {

package/dist/components/SelectButton/styles.css

@@ -89,6 +89,7 @@
 }
 
 .m-selectbutton--invalid .m-selectbutton__button:focus-visible {
+    border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
 }
 
@@ -99,6 +100,7 @@
 }
 
 .m-selectbutton__button:focus-visible {
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
     outline: none;
     z-index: 2;

package/dist/components/Tag/Tag.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.vue"],"names":[],"mappings":";AAqGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AA6JvC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Tag.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/Tag.vue"],"names":[],"mappings":";AA2GA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAoKvC,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Tag/styles.css

@@ -1,9 +1,9 @@
 .m-tag {
-    --m-tag-icon-size: 0.75rem;
-    --m-tag-padding-block: 0;
+    --m-tag-icon-size: 0.875rem;
+    --m-tag-padding-block: var(--m-space-1);
     --m-tag-padding-inline: var(--m-space-2);
     --m-tag-close-gap: calc(var(--m-space-1) - var(--m-border-width));
-    --m-tag-line-height: 1.6667;
+    --m-tag-line-height: 1.4286;
     align-items: center;
     background: color-mix(in srgb, var(--m-color-primary) 12%, transparent);
     border: var(--m-border-width) solid transparent;
@@ -12,7 +12,7 @@
     color: var(--m-color-primary);
     display: inline-flex;
     font-family: var(--m-font-sans);
-    font-size: var(--m-font-size-xs);
+    font-size: var(--m-font-size-sm);
     font-weight: 400;
     gap: var(--m-space-1);
     height: auto;
@@ -84,17 +84,19 @@
 }
 
 .m-tag--small {
-    --m-tag-icon-size: 0.625rem;
+    --m-tag-icon-size: 0.75rem;
     --m-tag-padding-block: 0;
-    --m-tag-padding-inline: var(--m-space-1);
+    --m-tag-padding-inline: var(--m-space-2);
+    --m-tag-line-height: 1.6667;
     font-size: var(--m-tag-font-size-small);
 }
 
 .m-tag--large {
-    --m-tag-icon-size: 0.875rem;
+    --m-tag-icon-size: 1rem;
     --m-tag-padding-block: var(--m-space-1);
     --m-tag-padding-inline: var(--m-space-3);
-    font-size: var(--m-font-size-sm);
+    --m-tag-line-height: 1.375;
+    font-size: var(--m-font-size-md);
 }
 
 .m-tag--bordered {

package/dist/components/Tag/types.d.ts

@@ -1,3 +1,4 @@
+import { RootPassThrough } from '../../shared/passThrough';
 import { MSizeInput, MTagSeverity } from '../../shared/types';
 import { IconName } from '../Icon/types';
 export type TagSeverity = MTagSeverity | 'warning';
@@ -30,6 +31,8 @@ export interface TagProps {
     checkable?: boolean;
     /** Selected state when `checkable`. */
     checked?: boolean;
+    /** Pass-through attrs/classes/styles for the root element. */
+    pt?: RootPassThrough;
 }
 export interface TagEmits {
     (event: 'close', value: MouseEvent): void;

package/dist/components/Tag/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,SAAS,CAAA;AAClD,MAAM,MAAM,OAAO,GAAG,UAAU,CAAA;AAEhC,MAAM,WAAW,QAAQ;IACvB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzC,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAC/C,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACxC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Tag/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAA;AAC/D,OAAO,KAAK,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAClE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAE7C,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,SAAS,CAAA;AAClD,MAAM,MAAM,OAAO,GAAG,UAAU,CAAA;AAEhC,MAAM,WAAW,QAAQ;IACvB,2DAA2D;IAC3D,KAAK,CAAC,EAAE,MAAM,CAAA;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,WAAW,CAAA;IACtB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4BAA4B;IAC5B,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,uEAAuE;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mDAAmD;IACnD,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,uCAAuC;IACvC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,8DAA8D;IAC9D,EAAE,CAAC,EAAE,eAAe,CAAA;CACrB;AAED,MAAM,WAAW,QAAQ;IACvB,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,GAAG,IAAI,CAAA;IACzC,CAAC,KAAK,EAAE,gBAAgB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;IAC/C,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CACxC"}

package/dist/components/Terminal/styles.css

@@ -68,6 +68,7 @@
     outline: none;
 }
 
+.m-terminal__input:focus,
 .m-terminal__input:focus-visible {
     box-shadow: var(--m-focus-shadow);
     outline: none;

package/dist/components/Textarea/styles.css

@@ -106,30 +106,41 @@
     border-color: var(--m-color-danger);
 }
 
+.m-textarea--invalid:hover:not(:disabled):not(:focus) {
+    border-color: var(--m-color-danger);
+}
+
+.m-textarea--invalid:focus,
 .m-textarea--invalid:focus-visible {
     border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
+    outline: 0;
 }
 
 .m-textarea--warning {
     border-color: var(--m-color-warning);
 }
 
-.m-textarea--warning:focus-visible {
+.m-textarea--warning:hover:not(:disabled):not(:focus) {
     border-color: var(--m-color-warning);
-    box-shadow: var(--m-focus-shadow-warning);
 }
 
-.m-textarea:focus {
-    outline: none;
+.m-textarea--warning:focus,
+.m-textarea--warning:focus-visible {
+    border-color: var(--m-color-warning);
+    box-shadow: var(--m-focus-shadow-warning);
+    outline: 0;
 }
 
-.m-textarea:hover:not(:disabled):not(:focus) {
+.m-textarea:hover:not(:disabled):not(:focus):not(.m-textarea--invalid):not(
+        .m-textarea--warning
+    ) {
     border-color: var(--m-color-primary-hover);
 }
 
+.m-textarea:focus,
 .m-textarea:focus-visible {
-    border-color: var(--m-color-primary-hover);
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
-    outline: none;
+    outline: 0;
 }

package/dist/components/ToggleButton/styles.css

@@ -42,7 +42,7 @@
 
 .m-togglebutton:hover:not(:disabled):not(.m-togglebutton--disabled):not(
         .m-togglebutton--checked
-    ) {
+    ):not(:focus-visible) {
     background: color-mix(in srgb, var(--m-color-text-muted) 22%, var(--m-color-surface));
     border-color: var(--m-color-primary-hover);
 }
@@ -65,6 +65,7 @@
 }
 
 .m-togglebutton:focus-visible {
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }

package/dist/components/Tree/Tree.vue.d.ts

@@ -51,10 +51,10 @@ declare const __VLS_base: DefineComponent<TreeProps, {}, {}, {}, {}, ComponentOp
 }>, {
     filter: string;
     modelValue: string | null;
+    draggable: boolean;
     accordion: boolean;
     expandedKeys: TreeExpandedKeys;
     defaultExpandAll: boolean;
-    draggable: boolean;
     lazy: boolean;
     checkStrictly: boolean;
     selectionMode: TreeSelectionMode;

package/dist/components/TreeSelect/styles.css

@@ -49,7 +49,15 @@
     padding-right: var(--m-control-end-padding);
 }
 
+.m-treeselect:not(.m-treeselect--disabled):not(.m-treeselect--open)
+    .m-treeselect__trigger:hover:not(:focus):not(:focus-visible) {
+    border-color: var(--m-color-primary-hover);
+}
+
+.m-treeselect--open .m-treeselect__trigger,
+.m-treeselect__trigger:focus,
 .m-treeselect__trigger:focus-visible {
+    border-color: var(--m-color-primary);
     box-shadow: var(--m-focus-shadow);
     outline: none;
 }
@@ -156,6 +164,9 @@
     border-color: var(--m-color-danger);
 }
 
-.m-treeselect--invalid .m-treeselect__trigger:focus-visible {
+.m-treeselect--invalid .m-treeselect__trigger:focus,
+.m-treeselect--invalid .m-treeselect__trigger:focus-visible,
+.m-treeselect--invalid.m-treeselect--open .m-treeselect__trigger {
+    border-color: var(--m-color-danger);
     box-shadow: var(--m-focus-shadow-danger);
 }