@matteusan/himig 1.5.0 → 1.7.0

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

@@ -20,7 +20,7 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../pintig';
+@use 'pkg:@matteusan/pintig';
 @use 'sass:list';
 @use 'tick-field-base' as base;
 @use 'tick-field-theme' as theme;
@@ -42,19 +42,8 @@
       ink: pintig.theme-get($color, 'ink'),
       border: pintig.theme-get($color, 'border'),
     ));
-    @include pintig.struct-apply('tick-field', (
-      radius: pintig.theme-get($struct, 'radius'),
-      padding: pintig.theme-get($struct, 'padding'),
-      gap: pintig.theme-get($struct, 'gap'),
-      border-width: pintig.theme-get($struct, 'border-width'),
-      border-style: pintig.theme-get($struct, 'border-style'),
-    ));
-    @include pintig.typography-bind('tick-field', (
-      family: pintig.theme-get($typography, 'family'),
-      size: pintig.theme-get($typography, 'size'),
-      weight: pintig.theme-get($typography, 'weight'),
-      line-height: pintig.theme-get($typography, 'line-height'),
-    ));
+    @include pintig.struct-apply('tick-field', $struct);
+    @include pintig.typography-bind('tick-field', $typography);
     @include pintig.typography-bind('tick-field-helper', (
       family: pintig.theme-get($typography, 'family'),
       size: pintig.theme-get($typography, 'size', 'helper'),

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

@@ -48,6 +48,11 @@ $init-color: (
 );
 
 $init-struct: (
+  width: (
+    default: 100%,
+    min: auto,
+    max: auto
+  ),
   radius: (
     default: 'sm',
     input: (

package/ms-utils/_color-utils.scss

@@ -20,7 +20,7 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../pintig';
+@use 'pkg:@matteusan/pintig';
 @use 'sass:map';
 @use 'sass:list';
 @use 'consts';

package/ms-utils/_consts.scss

@@ -20,6 +20,6 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../pintig';
+@use 'pkg:@matteusan/pintig';
 
 $breakpoints: ('small', 'medium', 'large', 'xlarge');

package/ms-utils/_layout-utils.scss

@@ -20,7 +20,7 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../pintig';
+@use 'pkg:@matteusan/pintig';
 @use 'sass:string';
 @use 'sass:list';
 @use 'consts';

package/ms-utils/_struct-utils.scss

@@ -20,7 +20,7 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../pintig';
+@use 'pkg:@matteusan/pintig';
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:list';

package/ms-utils/_typography-utils.scss

@@ -20,7 +20,7 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../pintig';
+@use 'pkg:@matteusan/pintig';
 @use 'sass:map';
 @use 'sass:meta';
 @use 'sass:list';

package/ms-utils/_util-helpers.scss

@@ -20,7 +20,7 @@
 //  SOFTWARE.
 //---------------------------------------------------
 
-@use '../pintig';
+@use 'pkg:@matteusan/pintig';
 @use 'sass:list';
 
 @function handle-include-exclude($default-utils, $include: (), $exclude: ()) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@matteusan/himig",
-  "version": "1.5.0",
+  "version": "1.7.0",
   "description": "Matteu's personal design system for building user interfaces.",
   "repository": "https://github.com/MatteuSan/himig",
   "author": "Matteu <matteugt@gmail.com>",
@@ -8,8 +8,16 @@
   "publishConfig": {
     "access": "public"
   },
+  "exports": {
+    ".": {
+      "sass": "./_index.scss"
+    },
+    "./**/*.scss": {
+      "sass": "./**/*.scss"
+    }
+  },
   "dependencies": {
-    "@matteusan/pintig": "1.4.0",
-    "@matteusan/sentro": "0.1.25"
+    "@matteusan/pintig": "^1.0",
+    "@matteusan/sentro": "^1.2.2"
   }
 }

package/pintig/README.md

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

package/pintig/_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-*;

package/pintig/breakpoint/_breakpoint-sentro.scss

@@ -1,53 +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.
-//---------------------------------------------------
-
-@use '../tools';
-@use 'node_modules/@matteusan/sentro';
-@use 'sass:map';
-@use 'sass:meta';
-
-$_registry: ();
-
-@mixin config($map: (), $breakpoints...) {
-  @if not tools.is-empty($map) {
-    @each $key, $value in $map {
-      $_registry: map.set($_registry, $key, $value) !global;
-    }
-  }
-  @if meta.keywords($breakpoints) {
-    @each $key, $value in meta.keywords($breakpoints) {
-      $_registry: map.set($_registry, $key, $value) !global;
-    }
-  }
-  @include sentro.breakpoint-config($map, $breakpoints...);
-}
-
-@mixin create($query) {
-  @include sentro.breakpoint-create($query) {
-    @content;
-  }
-}
-
-/// @access protected
-@function registry-get() {
-  @return $_registry;
-}

package/pintig/breakpoint/_index.scss

@@ -1,23 +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.
-//---------------------------------------------------
-
-@forward 'breakpoint-sentro';

package/pintig/color/_color-constants.scss

@@ -1,33 +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.
-//---------------------------------------------------
-
-$fill-default-opacity: 0%;
-$fill-hover-opacity: 20%;
-$fill-focus-opacity: 20%;
-$fill-active-opacity: 33%;
-
-$border-default-opacity: 0%;
-$border-hover-opacity: 2%;
-$border-focus-opacity: 2%;
-$border-active-opacity: 3.3%;
-
-$outline-focus-opacity: 50%;

package/pintig/color/_color-setters.scss

@@ -1,75 +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.
-//---------------------------------------------------
-
-@use '../theme';
-@use '../tools';
-@use 'sass:map';
-@use 'sass:list';
-
-@use 'color-utils' as util;
-@use 'color-validators' as validator;
-
-@mixin _base($component, $theme, $settings: ()) {
-  $_init-settings: (intent: 'create');
-  $_settings: map.merge($_init-settings, $settings);
-
-  /// @type string
-  $intent: map.get($_settings, 'intent');
-
-  $fill: theme.theme-get($theme, 'fill');
-  $ink: theme.theme-get($theme, 'ink');
-  $border: theme.theme-get($theme, 'border');
-
-  @if not tools.is-type($theme, 'map') {
-    @error '$theme is expecting a map. Map was not given.';
-  } @else {
-    @include validator.validate-color-props(map.keys($theme)) {
-      @if $fill {
-        @include util.fill($component, $fill, $intent);
-      }
-      @if $ink {
-        @include util.ink($component, $ink, $intent);
-      }
-      @if $border {
-        @include util.border($component, $border, $intent);
-      }
-    }
-  }
-}
-
-/// Mixin that applies color styles to a component.
-/// @param {string} $component
-/// @param {map<string, string>} $theme
-/// @return {void} void.
-@mixin apply($component, $theme) {
-  @include _base($component, $theme);
-}
-
-/// Mixin that binds color styles to a component with existing keys.
-/// @param {string} $component
-/// @param {map<string, string>} $theme
-/// @return {void} void.
-@mixin bind($component, $theme) {
-  @include _base($component, $theme, (
-    'intent': bind
-  ));
-}

package/pintig/color/_color-utils.scss

@@ -1,62 +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.
-//---------------------------------------------------
-
-@use '../theme';
-
-/// Mixin for applying background colors.
-/// @param {string} $component
-/// @param {token|color} $color
-/// @param {string} $intent
-/// @return {void} background color styles.
-@mixin fill($component, $color, $intent: 'create') {
-  @include theme.property(
-    background-color,
-    ('#{$component}-fill', $color),
-    $intent
-  );
-}
-
-/// Mixin for applying text colors.
-/// @param {string} $component
-/// @param {token|color} $color
-/// @param {string} $intent
-/// @return {void} text color styles.
-@mixin ink($component, $color, $intent: 'create') {
-  @include theme.property(
-    color,
-    ('#{$component}-ink', $color),
-    $intent
-  );
-}
-
-/// Mixin for applying border colors.
-/// @param {string} $component
-/// @param {token|color} $color
-/// @param {string} $intent
-/// @return {void} border color styles.
-@mixin border($component, $color, $intent: 'create') {
-  @include theme.property(
-    border-color,
-    ('#{$component}-border', $color),
-    $intent
-  );
-}

package/pintig/color/_color-validators.scss

@@ -1,59 +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.
-//---------------------------------------------------
-
-@use 'sass:list';
-
-/// Valid component props
-/// @access private
-$_valid-props: ('fill', 'ink', 'border');
-$_valid-colors: (
-  inherit,
-  currentColor,
-  transparent,
-  rgba(0, 0, 0, 0),
-  rgba(0 0 0 / 0)
-);
-
-/// Validates a set of color props.
-/// @param {map} $props
-/// @access protected
-@mixin validate-color-props($props) {
-  @each $prop in $props {
-    @if _is-color-prop($prop) { }
-  }
-  @content;
-}
-
-/// Validates a color query.
-/// @access private
-@function _is-valid-color($color) {
-  //
-}
-
-/// Validates a color prop.
-/// @access private
-@function _is-color-prop($query) {
-  @if not list.index($_valid-props, $query) {
-    @error 'Invalid color prop: #{$query}. Expecting a valid color prop: #{$_valid-props}.';
-  }
-  @return true;
-}

package/pintig/color/_index.scss

@@ -1,25 +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.
-//---------------------------------------------------
-
-@forward 'color-constants';
-@forward 'color-setters';
-@forward 'color-utils';

package/pintig/component/_component-extend.scss

@@ -1,56 +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.
-//---------------------------------------------------
-
-@use 'sass:list';
-@use 'sass:string';
-@use '../tools';
-
-@mixin extend($component-name, $extension) {
-  $_extensions: tools.str-split($extension, '.');
-  $_sanitized-extension: '';
-
-  @each $ext in $_extensions {
-    @if list.index($_extensions, $ext) == 1 {
-      @if string.slice($ext, 1, 3) == 'is-' {
-        $_sanitized-extension: $_sanitized-extension + string.slice($ext, 4);
-      } @else {
-        $_sanitized-extension: $_sanitized-extension + $ext;
-      }
-    } @else if list.index($_extensions, $ext) == list.length($_extensions) {
-      @if string.slice($ext, 1, 3) == 'is-' {
-        $_sanitized-extension: $_sanitized-extension + '.#{$ext}';
-      } @else {
-        $_sanitized-extension: $_sanitized-extension + '.is-#{$ext}';
-      }
-    } @else {
-      @if string.slice($ext, 1, 3) == 'is-' {
-        $_sanitized-extension: $_sanitized-extension + '.#{$ext}';
-      } @else {
-        $_sanitized-extension: $_sanitized-extension + '.is-#{$ext}';
-      }
-    }
-  }
-
-  .ms-#{$component-name}.is-#{$_sanitized-extension} {
-    @content;
-  }
-}

package/pintig/component/_index.scss

@@ -1,23 +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.
-//---------------------------------------------------
-
-@forward 'component-extend';