@matteusan/himig 1.3.4 → 1.4.1

package/ms-utils/_layout-utils.scss

@@ -20,7 +20,7 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../ms-core';
+@use '@matteusan/pintig';
 @use 'sass:string';
 @use 'sass:list';
 @use 'consts';
@@ -75,7 +75,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:#{$display} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             display: string.unquote($display) !important;
           }
         }
@@ -91,7 +91,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:#{$position} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             position: string.unquote($position) !important;
           }
         }
@@ -107,7 +107,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:flow-#{$flow} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             flex-flow: string.unquote($flow) !important;
           }
         }
@@ -130,13 +130,13 @@ $_gaps: (
       @each $breakpoint in $_breakpoints {
         @if $wrap == 'default' {
           .\@#{$breakpoint}\:wrap {
-            @include ms-core.breakpoint-create($breakpoint) {
+            @include pintig.breakpoint-create($breakpoint) {
               flex-wrap: string.unquote($value) !important;
             }
           }
         } @else {
           .\@#{$breakpoint}\:wrap-#{$wrap} {
-            @include ms-core.breakpoint-create($breakpoint) {
+            @include pintig.breakpoint-create($breakpoint) {
               flex-wrap: string.unquote($value) !important;
             }
           }
@@ -153,7 +153,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:jc-#{$alignment} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             justify-content: string.unquote($alignment) !important;
           }
         }
@@ -167,7 +167,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:ji-#{$alignment} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             justify-items: string.unquote($alignment) !important;
           }
         }
@@ -181,7 +181,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:ac-#{$alignment} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             align-content: string.unquote($alignment) !important;
           }
         }
@@ -195,7 +195,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:ai-#{$alignment} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             align-items: string.unquote($alignment) !important;
           }
         }
@@ -209,7 +209,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:pc-#{$alignment} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             place-content: string.unquote($alignment) !important;
           }
         }
@@ -223,7 +223,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:pi-#{$alignment} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             place-items: string.unquote($alignment) !important;
           }
         }
@@ -239,7 +239,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:cols-#{$i} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             grid-template-columns: repeat($i, 1fr) !important;
           }
         }
@@ -253,7 +253,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:rows-#{$i} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             grid-template-rows: repeat($i, 1fr) !important;
           }
         }
@@ -267,7 +267,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:start-#{$i} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             grid-column-start: $i !important;
           }
         }
@@ -281,7 +281,7 @@ $_gaps: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:end-#{$i} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             grid-column-end: $i + 1 !important;
           }
         }
@@ -292,13 +292,13 @@ $_gaps: (
   @if list.index($utils-to-render, 'gap') {
     @each $gap in $_gaps {
       .gap-#{$gap} {
-        gap: ms-core.primitive-token-get('gap.#{$gap}');
+        gap: pintig.primitive-token-get('gap.#{$gap}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:gap-#{$gap} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            gap: ms-core.primitive-token-get('gap.#{$gap}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            gap: pintig.primitive-token-get('gap.#{$gap}') !important;
           }
         }
       }

package/ms-utils/_struct-utils.scss

@@ -20,7 +20,7 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../ms-core';
+@use '@matteusan/pintig';
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:list';
@@ -101,39 +101,39 @@ $_stroke-style: (
     @if list.index($utils-to-render, 'w') {
       // Width
       .w-#{$dimension} {
-        width: ms-core.primitive-token-get('width.#{$dimension}');
+        width: pintig.primitive-token-get('width.#{$dimension}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:w-#{$dimension} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            width: ms-core.primitive-token-get('width.#{$dimension}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            width: pintig.primitive-token-get('width.#{$dimension}') !important;
           }
         }
       }
 
       // Min Width
       .min-w-#{$dimension} {
-        min-width: ms-core.primitive-token-get('width.#{$dimension}');
+        min-width: pintig.primitive-token-get('width.#{$dimension}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:min-w-#{$dimension} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            min-width: ms-core.primitive-token-get('width.#{$dimension}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            min-width: pintig.primitive-token-get('width.#{$dimension}') !important;
           }
         }
       }
 
       // Max Width
       .max-w-#{$dimension} {
-        max-width: ms-core.primitive-token-get('width.#{$dimension}');
+        max-width: pintig.primitive-token-get('width.#{$dimension}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:max-w-#{$dimension} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            max-width: ms-core.primitive-token-get('width.#{$dimension}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            max-width: pintig.primitive-token-get('width.#{$dimension}') !important;
           }
         }
       }
@@ -142,39 +142,39 @@ $_stroke-style: (
     @if list.index($utils-to-render, 'h') {
       // Height
       .h-#{$dimension} {
-        height: ms-core.primitive-token-get('height.#{$dimension}');
+        height: pintig.primitive-token-get('height.#{$dimension}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:h-#{$dimension} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            height: ms-core.primitive-token-get('height.#{$dimension}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            height: pintig.primitive-token-get('height.#{$dimension}') !important;
           }
         }
       }
 
       // Min Height
       .min-h-#{$dimension} {
-        min-height: ms-core.primitive-token-get('height.#{$dimension}');
+        min-height: pintig.primitive-token-get('height.#{$dimension}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:min-h-#{$dimension} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            min-height: ms-core.primitive-token-get('height.#{$dimension}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            min-height: pintig.primitive-token-get('height.#{$dimension}') !important;
           }
         }
       }
 
       // Max Height
       .max-h-#{$dimension} {
-        max-height: ms-core.primitive-token-get('height.#{$dimension}');
+        max-height: pintig.primitive-token-get('height.#{$dimension}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:max-h-#{$dimension} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            max-height: ms-core.primitive-token-get('height.#{$dimension}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            max-height: pintig.primitive-token-get('height.#{$dimension}') !important;
           }
         }
       }
@@ -185,13 +185,13 @@ $_stroke-style: (
     @if list.index($utils-to-render, 'p') {
       // Padding
       .p-#{$variant} {
-        padding: ms-core.primitive-token-get('padding.#{$variant}');
+        padding: pintig.primitive-token-get('padding.#{$variant}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:p-#{$variant} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            padding: ms-core.primitive-token-get('padding.#{$variant}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            padding: pintig.primitive-token-get('padding.#{$variant}') !important;
           }
         }
       }
@@ -199,15 +199,15 @@ $_stroke-style: (
       @each $direction, $direction-val in $_directions {
         .p#{$direction}-#{$variant} {
           @each $sub-direction in $direction-val {
-            padding-#{$sub-direction}: ms-core.primitive-token-get('padding.#{$variant}');
+            padding-#{$sub-direction}: pintig.primitive-token-get('padding.#{$variant}');
           }
         }
 
         @each $breakpoint in $_breakpoints {
           .\@#{$breakpoint}\:p#{$direction}-#{$variant} {
-            @include ms-core.breakpoint-create($breakpoint) {
+            @include pintig.breakpoint-create($breakpoint) {
               @each $sub-direction in $direction-val {
-                padding-#{$sub-direction}: ms-core.primitive-token-get('padding.#{$variant}') !important;
+                padding-#{$sub-direction}: pintig.primitive-token-get('padding.#{$variant}') !important;
               }
             }
           }
@@ -218,13 +218,13 @@ $_stroke-style: (
     @if list.index($utils-to-render, 'm') {
       // Margin
       .m-#{$variant} {
-        margin: ms-core.primitive-token-get('margin.#{$variant}');
+        margin: pintig.primitive-token-get('margin.#{$variant}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:m-#{$variant} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            margin: ms-core.primitive-token-get('margin.#{$variant}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            margin: pintig.primitive-token-get('margin.#{$variant}') !important;
           }
         }
       }
@@ -232,15 +232,15 @@ $_stroke-style: (
       @each $direction, $direction-val in $_directions {
         .m#{$direction}-#{$variant} {
           @each $sub-direction in $direction-val {
-            margin-#{$sub-direction}: ms-core.primitive-token-get('margin.#{$variant}');
+            margin-#{$sub-direction}: pintig.primitive-token-get('margin.#{$variant}');
           }
         }
 
         @each $breakpoint in $_breakpoints {
           .\@#{$breakpoint}\:m#{$direction}-#{$variant} {
-            @include ms-core.breakpoint-create($breakpoint) {
+            @include pintig.breakpoint-create($breakpoint) {
               @each $sub-direction in $direction-val {
-                margin-#{$sub-direction}: ms-core.primitive-token-get('margin.#{$variant}') !important;
+                margin-#{$sub-direction}: pintig.primitive-token-get('margin.#{$variant}') !important;
               }
             }
           }
@@ -254,13 +254,13 @@ $_stroke-style: (
         // Do nothing
       } @else {
         .r-#{$variant} {
-          border-radius: ms-core.primitive-token-get('radius.#{$variant}');
+          border-radius: pintig.primitive-token-get('radius.#{$variant}');
         }
 
         @each $breakpoint in $_breakpoints {
           .\@#{$breakpoint}\:r-#{$variant} {
-            @include ms-core.breakpoint-create($breakpoint) {
-              border-radius: ms-core.primitive-token-get('radius.#{$variant}') !important;
+            @include pintig.breakpoint-create($breakpoint) {
+              border-radius: pintig.primitive-token-get('radius.#{$variant}') !important;
             }
           }
         }
@@ -268,15 +268,15 @@ $_stroke-style: (
         @each $direction, $direction-val in $_r-directions {
           .r#{$direction}-#{$variant} {
             @each $sub-direction in $direction-val {
-              border-#{$sub-direction}-radius: ms-core.primitive-token-get('radius.#{$variant}');
+              border-#{$sub-direction}-radius: pintig.primitive-token-get('radius.#{$variant}');
             }
           }
 
           @each $breakpoint in $_breakpoints {
             .\@#{$breakpoint}\:r#{$direction}-#{$variant} {
-              @include ms-core.breakpoint-create($breakpoint) {
+              @include pintig.breakpoint-create($breakpoint) {
                 @each $sub-direction in $direction-val {
-                  border-#{$sub-direction}-radius: ms-core.primitive-token-get('radius.#{$variant}') !important;
+                  border-#{$sub-direction}-radius: pintig.primitive-token-get('radius.#{$variant}') !important;
                 }
               }
             }
@@ -290,13 +290,13 @@ $_stroke-style: (
     @each $variant in $_stroke-size {
       // Border Width
       .border-#{$variant} {
-        border-width: ms-core.primitive-token-get('border.#{$variant}');
+        border-width: pintig.primitive-token-get('border.#{$variant}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:border-#{$variant} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            border-width: ms-core.primitive-token-get('border.#{$variant}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            border-width: pintig.primitive-token-get('border.#{$variant}') !important;
           }
         }
       }
@@ -312,7 +312,7 @@ $_stroke-style: (
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:border-#{$variant} {
-          @include ms-core.breakpoint-create($breakpoint) {
+          @include pintig.breakpoint-create($breakpoint) {
             border-style: $variant !important;
           }
         }

package/ms-utils/_typography-utils.scss

@@ -20,7 +20,7 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../ms-core';
+@use '@matteusan/pintig';
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:list';
@@ -69,6 +69,7 @@ $_presets: (
 $_sizes: ('xs', 'sm', 'md', 'lg', 'xl', '2xl', '3xl', '4xl', '5xl', '6xl');
 $_weights: ('black', 'bold', 'normal', 'light');
 $_line-heights: ('broad', 'normal', 'condensed');
+$_alignments: ('center', 'left', 'right', 'justify', 'justify-all');
 
 @mixin typography($include: (), $exclude: ()) {
   $utils-to-render: helpers.handle-include-exclude((
@@ -77,24 +78,25 @@ $_line-heights: ('broad', 'normal', 'condensed');
     'size',
     'weight',
     'line-height',
+    'alignment'
   ), $include, $exclude);
 
   @if list.index($utils-to-render, 'preset') {
     @each $preset, $values in $_presets {
       .#{$preset} {
-        font-family: ms-core.token-get('family-#{map.get($values, 'family')}');
-        font-size: ms-core.token-get('size-#{map.get($values, 'size')}');
-        font-weight: ms-core.token-switch('weight-#{map.get($values, 'weight')}', ms-core.primitive-token-switch('weight.#{map.get($values, 'weight')}', $values));
-        line-height: ms-core.token-switch('line-height-#{map.get($values, 'weight')}', ms-core.primitive-token-switch('line-height.#{map.get($values, 'line-height')}', $values));
+        font-family: pintig.token-get('family-#{map.get($values, 'family')}');
+        font-size: pintig.token-get('size-#{map.get($values, 'size')}');
+        font-weight: pintig.token-switch('weight-#{map.get($values, 'weight')}', pintig.primitive-token-switch('weight.#{map.get($values, 'weight')}', $values));
+        line-height: pintig.token-switch('line-height-#{map.get($values, 'weight')}', pintig.primitive-token-switch('line-height.#{map.get($values, 'line-height')}', $values));
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:#{$preset} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            font-family: ms-core.token-get('family-#{map.get($values, 'family')}') !important;
-            font-size: ms-core.token-get('size-#{map.get($values, 'size')}') !important;
-            font-weight: ms-core.token-switch('weight-#{map.get($values, 'weight')}', ms-core.primitive-token-switch('weight.#{map.get($values, 'weight')}', $values));
-            line-height: ms-core.token-switch('line-height-#{map.get($values, 'weight')}', ms-core.primitive-token-switch('line-height.#{map.get($values, 'line-height')}', $values));
+          @include pintig.breakpoint-create($breakpoint) {
+            font-family: pintig.token-get('family-#{map.get($values, 'family')}') !important;
+            font-size: pintig.token-get('size-#{map.get($values, 'size')}') !important;
+            font-weight: pintig.token-switch('weight-#{map.get($values, 'weight')}', pintig.primitive-token-switch('weight.#{map.get($values, 'weight')}', $values));
+            line-height: pintig.token-switch('line-height-#{map.get($values, 'weight')}', pintig.primitive-token-switch('line-height.#{map.get($values, 'line-height')}', $values));
           }
         }
       }
@@ -104,13 +106,13 @@ $_line-heights: ('broad', 'normal', 'condensed');
   @if list.index($utils-to-render, 'family') {
     @each $preset, $values in $_presets {
       .family-#{$preset} {
-        font-family: ms-core.token-get('family-#{$preset}');
+        font-family: pintig.token-get('family-#{$preset}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:family-#{$preset} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            font-family: ms-core.token-get('family-#{$preset}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            font-family: pintig.token-get('family-#{$preset}') !important;
           }
         }
       }
@@ -120,13 +122,13 @@ $_line-heights: ('broad', 'normal', 'condensed');
   @if list.index($utils-to-render, 'size') {
     @each $size in $_sizes {
       .size-#{$size} {
-        font-size: ms-core.primitive-token-get('size.#{$size}');
+        font-size: pintig.primitive-token-get('size.#{$size}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:size-#{$size} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            font-size: ms-core.primitive-token-get('size.#{$size}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            font-size: pintig.primitive-token-get('size.#{$size}') !important;
           }
         }
       }
@@ -136,13 +138,13 @@ $_line-heights: ('broad', 'normal', 'condensed');
   @if list.index($utils-to-render, 'weight') {
     @each $weight in $_weights {
       .weight-#{$weight} {
-        font-weight: ms-core.primitive-token-get('weight.#{$weight}');
+        font-weight: pintig.primitive-token-get('weight.#{$weight}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:weight-#{$weight} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            font-weight: ms-core.primitive-token-get('weight.#{$weight}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            font-weight: pintig.primitive-token-get('weight.#{$weight}') !important;
           }
         }
       }
@@ -152,13 +154,29 @@ $_line-heights: ('broad', 'normal', 'condensed');
   @if list.index($utils-to-render, 'line-height') {
     @each $line-height in $_line-heights {
       .line-height-#{$line-height} {
-        line-height: ms-core.primitive-token-get('line-height.#{$line-height}');
+        line-height: pintig.primitive-token-get('line-height.#{$line-height}');
       }
 
       @each $breakpoint in $_breakpoints {
         .\@#{$breakpoint}\:line-height-#{$line-height} {
-          @include ms-core.breakpoint-create($breakpoint) {
-            line-height: ms-core.primitive-token-get('line-height.#{$line-height}') !important;
+          @include pintig.breakpoint-create($breakpoint) {
+            line-height: pintig.primitive-token-get('line-height.#{$line-height}') !important;
+          }
+        }
+      }
+    }
+  }
+
+  @if list.index($utils-to-render, 'alignment') {
+    @each $alignment in $_alignments {
+      .align-#{$alignment} {
+        text-align: unquote($alignment);
+      }
+
+      @each $breakpoint in $_breakpoints {
+        .\@#{$breakpoint}\:align-#{$alignment} {
+          @include pintig.breakpoint-create($breakpoint) {
+            text-align: unquote($alignment) !important;
           }
         }
       }

package/ms-utils/_util-helpers.scss

@@ -20,17 +20,17 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../ms-core';
+@use '@matteusan/pintig';
 @use 'sass:list';
 
 @function handle-include-exclude($default-utils, $include: (), $exclude: ()) {
   $resolved-utils: $default-utils;
 
-  @if not ms-core.is-empty($include) and not ms-core.is-empty($exclude) {
+  @if not pintig.is-empty($include) and not pintig.is-empty($exclude) {
     @error 'Cannot use $include and $exclude at the same time. Please only use one or the other.';
   }
 
-  @if not ms-core.is-empty($include) {
+  @if not pintig.is-empty($include) {
     @each $included in $include {
       @if not list.index($default-utils, $included) {
         @error 'Invalid utility key: #{$included}. Expecting a valid util key: #{$default-utils}.';
@@ -40,7 +40,7 @@
     @return $resolved-utils;
   }
 
-  @if not ms-core.is-empty($exclude) {
+  @if not pintig.is-empty($exclude) {
     @each $excluded in $exclude {
       @if not list.index($default-utils, $excluded) {
         @error 'Invalid utility key: #{$excluded}. Expecting a valid util key: #{$default-utils}.';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matteusan/himig",
-  "version": "1.3.4",
+  "version": "1.4.1",
   "description": "Matteu's personal design system for building user interfaces.",
   "repository": "https://github.com/MatteuSan/himig",
   "author": "Matteu <matteugt@gmail.com>",
@@ -9,6 +9,7 @@
     "access": "public"
   },
   "dependencies": {
+    "@matteusan/pintig": "1.4.0",
     "@matteusan/sentro": "0.1.25"
   }
 }

package/ms-core/README.md

@@ -1,2 +0,0 @@
-# ms-core
-The core library for the Himig Design System. For internal use only.

package/ms-core/_index.scss

@@ -1,77 +0,0 @@
-//---------------------------------------------------
-//  Copyright (c) 2024 MatteuSan
-//
-//  Permission is hereby granted, free of charge, to any person obtaining a copy
-//  of this software and associated documentation files (the "Software"), to deal
-//  in the Software without restriction, including without limitation the rights
-//  to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-//  copies of the Software, and to permit persons to whom the Software is
-//  furnished to do so, subject to the following conditions:
-//
-//  The above copyright notice and this permission notice shall be included in all
-//  copies or substantial portions of the Software.
-//
-//  THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-//  IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-//  FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-//  AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-//  LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-//  OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-//  SOFTWARE.
-//---------------------------------------------------
-
-$module-mode: false !default;
-$test-mode: $module-mode !default;
-$vue-mode: $test-mode !default;
-$validation: if($vue-mode == true, false, true);
-$expressive-inks: false !default;
-
-/// @type map
-/// @description helper variable for inheriting values for all color properties
-$color-inherit-template: (
-  fill: inherit,
-  ink: inherit,
-  border: inherit
-);
-
-/// @type map
-/// @description helper variable for inheriting values for all struct properties
-$struct-inherit-template: (
-  width: inherit,
-  height: inherit,
-  radius: inherit,
-  padding: inherit,
-  margin: inherit,
-  gap: inherit,
-  border-width: inherit,
-  border-style: inherit,
-  shadow: inherit
-);
-
-/// @type map
-/// @description helper variable for inheriting values for all typography properties
-$type-inherit-template: (
-  family: inherit,
-  size: inherit,
-  weight: inherit,
-  line-height: inherit
-);
-
-@use 'node_modules/@matteusan/sentro' with (
-  $prefix: 'ms',
-  $context: 'theme',
-  $token-validation: $validation,
-  $key-validation: $validation,
-  $breakpoint-validation: $validation,
-);
-
-@forward 'tokens';
-@forward 'theme' with ($expressive-inks: $expressive-inks);
-@forward 'tools';
-@forward 'breakpoint' as breakpoint-*;
-
-@forward 'color' as color-*;
-@forward 'struct' as struct-*;
-@forward 'sprite' as sprite-*;
-@forward 'typography' as typography-*;
-@forward 'component' as component-*;