@matteusan/himig 1.9.0 → 1.9.1

package/_index.scss

@@ -1,5 +1,5 @@
 // @license
-// Copyright (c) 2025 MatteuSan
+// Copyright (c) 2026 MatteuSan
 // SPDX-License-Identifier: MIT
 
 $expressive-inks: false !default;
@@ -72,7 +72,7 @@ $vue-mode: $test-mode !default;
     'size': 'size.6xl',
     'weight': 'weight.normal',
     'line-height': 'line-height.x-short',
-    'squeeze': 'squeeze.x-tight',
+    'squeeze': 'squeeze.tight',
     'stretch': 'stretch.condensed'
   );
 
@@ -81,7 +81,7 @@ $vue-mode: $test-mode !default;
     'size': 'size.3xl',
     'weight': 'weight.normal',
     'line-height': 'line-height.x-short',
-    'squeeze': 'squeeze.tight',
+    'squeeze': 'squeeze.normal',
     'stretch': 'stretch.condensed'
   );
 

package/_init-font-pack.scss

@@ -1,5 +1,5 @@
 // @license
-// Copyright (c) 2025 MatteuSan
+// Copyright (c) 2026 MatteuSan
 // SPDX-License-Identifier: MIT
 
 @use 'sass:map';
@@ -16,7 +16,7 @@
   }
 
   @if list.index($family-list, 'family.serif') {
-    @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+Display:ital,wght@0,100..900;1,100..900&display=swap');
+    @import url('https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&display=swap');
   }
 
   @if list.index($family-list, 'family.mono') {

package/ms-card/_card-theme.scss

@@ -1,5 +1,5 @@
 // @license
-// Copyright (c) 2025 MatteuSan
+// Copyright (c) 2026 MatteuSan
 // SPDX-License-Identifier: MIT
 
 $init-color: (
@@ -52,7 +52,7 @@ $init-typography: (
   ),
   squeeze: (
     'default': 'normal',
-    'title': 'tight',
+    'title': 'normal',
     'subtitle': 'normal',
   ),
 );

package/ms-form-field/_form-field-base.scss

@@ -1,5 +1,5 @@
 // @license
-// Copyright (c) 2025 MatteuSan
+// Copyright (c) 2026 MatteuSan
 // SPDX-License-Identifier: MIT
 
 @use 'pkg:@matteusan/pintig';
@@ -91,15 +91,6 @@
     }
 
     .ms-form-field__helper {
-      @include pintig.color-apply('form-field-helper', (
-        ink: inherit,
-      ));
-      @include pintig.typography-apply('form-field-helper', (
-        family: inherit,
-        size: inherit,
-        weight: inherit,
-        line-height: inherit,
-      ));
       transition-property: background, color, border;
       transition-duration: pintig.token-get('time-short');
       transition-timing-function: pintig.token-get('easing');

package/ms-form-field/_form-field-styles.scss

@@ -1,5 +1,5 @@
 // @license
-// Copyright (c) 2025 MatteuSan
+// Copyright (c) 2026 MatteuSan
 // SPDX-License-Identifier: MIT
 
 @use 'pkg:@matteusan/pintig';
@@ -38,6 +38,7 @@
         ));
         user-select: none;
 
+        &:has(+ .ms-form-field__input:read-only),
         &:has(+ .ms-form-field__input:disabled) {
           @include pintig.color-bind('form-field-label', (
             ink: pintig.theme-get($color, 'ink', 'disabled'),
@@ -45,10 +46,6 @@
         }
       }
 
-      &:has(.ms-form-field__input:read-only:disabled) {
-        @include pintig.color-ink('form-field-helper', pintig.theme-get($color, 'ink', 'disabled'), 'bind');
-      }
-
       .ms-form-field__input {
         @include pintig.struct-bind('form-field', (
           width: (
@@ -96,15 +93,19 @@
             border: pintig.theme-get($color, 'fill', 'disabled'),
           ));
           cursor: not-allowed;
+
+          + .ms-form-field__helper {
+            @include pintig.color-ink('form-field-helper', pintig.theme-get($color, 'ink', 'disabled'), 'bind');
+          }
         }
       }
 
       .ms-form-field__helper {
         padding: 0.3rem pintig.primitive-token-switch('padding.#{$resolve-padding}', $resolve-padding) 0;
-        @include pintig.color-bind('form-field-helper', (
+        @include pintig.color-apply('form-field-helper', (
           ink: pintig.theme-get($color, 'ink', 'helper'),
         ));
-        @include pintig.typography-bind('form-field-helper', (
+        @include pintig.typography-apply('form-field-helper', (
           family: pintig.theme-get($typography, 'family'),
           size: pintig.theme-get($typography, 'size', 'helper'),
           weight: pintig.theme-get($typography, 'weight'),

package/ms-tick-field/_tick-field-styles.scss

@@ -1,5 +1,5 @@
 // @license
-// Copyright (c) 2025 MatteuSan
+// Copyright (c) 2026 MatteuSan
 // SPDX-License-Identifier: MIT
 
 @use 'pkg:@matteusan/pintig';
@@ -65,10 +65,10 @@
 
       .ms-tick-field__input {
         @include pintig.struct-apply('tick-field-input', (
-          width: 1.5rem,
-          height: 1.5rem,
+          width: 1.25rem,
+          height: 1.25rem,
           margin: 0,
-          border-width: 'sm',
+          border-width: 'xs',
           border-style: 'solid'
         ));
         @include pintig.color-bind('tick-field-input', (

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matteusan/himig",
-  "version": "1.9.0",
+  "version": "1.9.1",
   "description": "Matteu's personal design system for building user interfaces.",
   "repository": "https://github.com/MatteuSan/himig",
   "author": "Matteu <matteugt@gmail.com>",
@@ -40,7 +40,7 @@
       "sass": "./ms-utils/_index.scss"
     }
   },
-  "peerDependencies": {
+  "dependencies": {
     "@matteusan/pintig": "^1.10"
   }
 }