@matteusan/himig 1.5.1 → 1.7.0

package/pintig/tools/_tools-color.scss

@@ -1,79 +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-validation' as validator;
-@use 'sass:color';
-@use 'sass:map';
-@use 'sass:math';
-
-/// Tints a color from a given percentage.
-/// @param {color} $color
-/// @param {number} $percent
-/// @return {color} modified color.
-@function tint($color, $percent) {
-  @return color.adjust(color.mix(#fff, $color, $percent), $saturation: 11%);
-}
-
-/// Shades a color from a given percentage.
-/// @param {color} $color
-/// @param {number} $percent
-/// @return {color} modified color.
-@function shade($color, $percent) {
-  @return color.adjust(color.mix(#000, $color, $percent), $saturation: 11%);
-}
-
-@function _get-linear($color) {
-  @if $color <= 0.4045 {
-    @return math.div($color, 12.92);
-  } @else {
-    @return math.pow(math.div($color + 0.055, 1.055), 2.4);
-  }
-}
-
-@function _get-luminance($color) {
-  $r: _get-linear(math.div(color.red($color), 255));
-  $g: _get-linear(math.div(color.green($color), 255));
-  $b: _get-linear(math.div(color.blue($color), 255));
-
-  @return (0.2126 * $r) + (0.7152 * $g) + (0.0722 * $b);
-}
-
-/// Gets accessible ink from a given fill.
-/// @param {color} $fill
-/// @param {boolean} $expressive
-/// @return {color} accessible ink color.
-@function get-ink($fill, $expressive: false) {
-  $_white-lumen: _get-luminance(#fff);
-  $_expressiveness: 87.4%;
-
-  @if $expressive {
-    @if math.abs(_get-luminance($fill) - $_white-lumen) > 0.7 {
-      @return tint($fill, $_expressiveness);
-    }
-    @return shade($fill, $_expressiveness);
-  }
-
-  @if math.abs(_get-luminance($fill) - $_white-lumen) > 0.7 {
-    @return #fff;
-  }
-  @return #000;
-}

package/pintig/tools/_tools-helpers.scss

@@ -1,30 +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-validation' as validators;
-
-@function prioritize($priority, $fallback) {
-  @if validators.is-empty($priority) {
-    @return $fallback;
-  }
-  @return $priority;
-}

package/pintig/tools/_tools-sentro.scss

@@ -1,52 +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 'node_modules/@matteusan/sentro';
-
-/// Converts px values to rem values.
-/// @param {int} $px
-/// @return {int} rem value.
-@function to-rem($px) {
-  @return sentro.px-to-rem($px);
-}
-
-/// Converts rem values to px values.
-/// @param {int} $rem
-/// @return {int} px value.
-@function to-px($rem) {
-  @return sentro.rem-to-px($rem);
-}
-
-/// Prefixes properties
-/// @param {string} $property
-/// @param {*} $value
-/// @return {*} generated CSS.
-@mixin prefix($property, $value) {
-  @include sentro.prefix($property, $value);
-}
-
-/// Line clamp mixin.
-/// @param {string|int} $lines
-/// @return {*} queried line clamp styles.
-@mixin break($lines) {
-  @include sentro.line-clamp($lines);
-}

package/pintig/tools/_tools-string.scss

@@ -1,45 +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';
-
-/// Splits a string from a given separator.
-/// Source: https://stackoverflow.com/a/42295154
-/// @param {string} $string
-/// @param {string} $separator
-/// @return {list} returns split string list.
-@function split($string, $separator) {
-  $split-list: ();
-  $index: string.index($string, $separator);
-
-  @while $index != null {
-    $item: string.slice($string, 1, $index - 1);
-    $split-list: list.append($split-list, $item, comma);
-    $string: string.slice($string, $index + string.length($separator));
-    $index: string.index($string, $separator);
-  }
-
-  $split-list: list.append($split-list, $string, comma);
-
-  @return $split-list;
-}

package/pintig/tools/_tools-validation.scss

@@ -1,71 +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:meta';
-@use 'sass:string';
-
-/// Public function for data type validation.
-/// @param {*} $query
-/// @param {string} $reference
-/// @param {boolean} $errors
-/// @return {boolean|error} true if matching, error/false if not.
-@function is-type($query, $reference, $errors: true, $custom-error: null) {
-  @if $errors != true {
-    @return _validate-data-type($reference, $query);
-  } @else {
-    @if _validate-data-type($reference, $query) == false {
-      @if not is-empty($custom-error) {
-        @error $custom-error;
-      }
-      @error 'Invalid #{string.unquote($reference)}: #{$query}! Expecting a valid #{string.unquote($reference)}.';
-    } @else {
-      @return true;
-    }
-  }
-}
-
-/// Checks if query is empty.
-/// @param {*} $query
-/// @return {boolean} true if empty, false if not.
-@function is-empty($query) {
-  @if not $query
-       or $query == ''
-       or $query == ()
-       or $query == none
-       or $query == null
-       or length($query) == 0 {
-    @return true;
-  }
-  @return false;
-}
-
-/// Validates a data type on a given reference and query.
-/// @access private
-/// @param {string} $reference
-/// @param {*} $query
-/// @return {boolean} true if matching, false if not.
-@function _validate-data-type($reference, $query) {
-  @if meta.type-of($query) != string.unquote($reference) {
-    @return false;
-  }
-  @return true;
-}

package/pintig/typography/_index.scss

@@ -1,24 +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 'typography-setters';
-@forward 'typography-utils';

package/pintig/typography/_typography-setters.scss

@@ -1,78 +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 'typography-utils' as util;
-@use 'typography-validators' as validator;
-
-/// Base mixin for apply() and bind()
-/// @access private
-@mixin _base($component, $theme, $settings: ()) {
-  $_init-settings: ('intent': create);
-  $_settings: map.merge($_init-settings, $settings);
-
-  /// @type string
-  $intent: map.get($_settings, 'intent');
-
-  $family: theme.theme-get($theme, 'family');
-  $size: theme.theme-get($theme, 'size');
-  $weight: theme.theme-get($theme, 'weight');
-  $line-height: theme.theme-get($theme, 'line-height');
-
-  @if tools.is-type($theme, 'map', $custom-error: '$theme is expecting a map. Map was not given.') {
-    @include validator.validate-typography-props(map.keys($theme)) {
-      @if $family {
-        @include util.family($component, $family, $intent);
-      }
-      @if $size {
-        @include util.size($component, $size, $intent);
-      }
-      @if $weight {
-        @include util.weight($component, $weight, $intent);
-      }
-      @if $line-height {
-        @include util.line-height($component, $line-height, $intent);
-      }
-    }
-  }
-}
-
-/// Mixin that applies typography 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 typography 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/typography/_typography-utils.scss

@@ -1,76 +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 '../tokens' as token;
-
-/// Mixin for applying font family.
-/// @param {string} $component
-/// @param {string} $family
-/// @param {string} $intent
-/// @return {void} font family styles.
-@mixin family($component, $family, $intent: 'create') {
-  @include theme.property(
-      font-family,
-        ('#{$component}-family', theme.token-switch('family-#{$family}', token.primitive-token-switch('family.#{$family}', $family))),
-      $intent
-  );
-}
-
-/// Mixin for applying font size.
-/// @param {string} $component
-/// @param {string} $size
-/// @param {string} $intent
-/// @return {void} font size styles.
-@mixin size($component, $size, $intent: 'create') {
-  @include theme.property(
-      font-size,
-        ('#{$component}-size', theme.token-switch('size-#{$size}', token.primitive-token-switch('size.#{$size}', $size))),
-      $intent
-  );
-}
-
-/// Mixin for applying font weight.
-/// @param {string} $component
-/// @param {string} $weight
-/// @param {string} $intent
-/// @return {void} font weight styles.
-@mixin weight($component, $weight, $intent: 'create') {
-  @include theme.property(
-      font-weight,
-        ('#{$component}-weight', theme.token-switch('weight-#{$weight}', token.primitive-token-switch('weight.#{$weight}', $weight))),
-      $intent
-  );
-}
-
-/// Mixin for applying line height.
-/// @param {string} $component
-/// @param {string} $line-height
-/// @param {string} $intent
-/// @return {void} line height styles.
-@mixin line-height($component, $line-height, $intent: 'create') {
-  @include theme.property(
-      line-height,
-        ('#{$component}-line-height', theme.token-switch('line-height-#{$line-height}', token.primitive-token-switch('line-height.#{$line-height}', $line-height))),
-      $intent
-  );
-}

package/pintig/typography/_typography-validators.scss

@@ -1,47 +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: ('family', 'size', 'weight', 'line-height');
-
-/// Validates a set of typography props.
-/// @param {map} $props
-/// @access protected
-@mixin validate-typography-props($props) {
-  @each $prop in $props {
-    @if _is-typography-prop($prop) {
-    }
-  }
-  @content;
-}
-
-/// Validates a typography prop.
-/// @access private
-@function _is-typography-prop($query) {
-  @if not list.index($_valid-props, $query) {
-    @error 'Invalid/unrecognized prop: #{$query}. Please use one of the following props: #{$_valid-props}.'
-  }
-  @return true;
-}