@maggioli-design-system/styles 3.11.0 → 5.0.0

package/dist/scss/global/scaffolding/typography.scss

@@ -1,17 +0,0 @@
-@mixin scaffold-text ($style, $font-styles) {
-  .text-#{$style} {
-    font-family: get($font-family, $style);
-
-    &::placeholder {
-      font-family: get($font-family, $style);
-    }
-  }
-  @include add-styles-set(
-    $map: $font-styles,
-    $name: 'text-#{$style}'
-  );
-}
-
-@include scaffold-text($style: 'primary',   $font-styles: $font-primary-styles);
-@include scaffold-text($style: 'secondary', $font-styles: $font-secondary-styles);
-@include scaffold-text($style: 'mono',      $font-styles: $font-mono-styles);

package/dist/scss/global/utility/overflow.scss

@@ -1,9 +0,0 @@
-.overflow {
-  &-hidden {
-    overflow: hidden !important;
-  }
-
-  &-visible {
-    overflow: visible !important;
-  }
-}

package/dist/scss/import-framework.scss

@@ -1,13 +0,0 @@
-@import 'functions/lists';
-@import 'functions/maps';
-@import 'functions/math';
-@import 'functions/strings';
-@import 'functions/color';
-@import 'functions/media';
-@import 'functions/scaffolding';
-@import 'mixins/parent';
-@import 'mixins/export';
-@import 'mixins/media';
-@import 'mixins/scaffolding';
-@import 'extends/scroll';
-@import 'theme';

package/dist/scss/import-global.scss

@@ -1,8 +0,0 @@
-@import 'import-framework';
-@import 'global/scaffolding/colors';
-@import 'global/scaffolding/cosmetics';
-@import 'global/scaffolding/tokens';
-@import 'global/scaffolding/typography';
-@import 'global/base';
-@import 'global/components/view-limit';
-@import 'global/utility/overflow';

package/dist/scss/mixins/export.scss

@@ -1,49 +0,0 @@
-@mixin get-font-viewports ($viewports, $set, $family) {
-  @each $viewport, $properties in map-get($viewports, $set) {
-    @each $property, $value in $properties {
-
-      $name: #{$family}-#{$set}-#{$viewport}-#{$property};
-      $camel-name: camelize($name);
-
-      #{$camel-name}: $value;
-    }
-  }
-}
-
-@mixin export-font-style ($map, $family, $prefix: '') {
-  @each $set, $viewports in $map {
-
-    $name: #{$family}-#{$set};
-    $selector: #{$family} #{$family}--#{$set};
-
-    @if $prefix != '' {
-
-      $selector: #{$prefix}-#{$family} #{$prefix}-#{$family}--#{$set};
-    }
-
-    $camel-name: camelize($name);
-
-    #{$camel-name}Selector: $selector;
-    @include get-font-viewports ($viewports: $map, $set: $set, $family: $family);
-  }
-}
-
-@mixin export-media-queries ($media) {
-
-  $list: '';
-
-  @each $viewport, $rule in $media {
-
-    @if ($list == '') {
-
-      $list: #{$viewport};
-    } @else {
-
-      $list: #{$viewport},#{$list};
-    }
-
-    $camel-name: camelize($viewport);
-
-    #{$camel-name}: #{$rule};
-  }
-}

package/dist/scss/mixins/media.scss

@@ -1,8 +0,0 @@
-@mixin media ($viewport) {
-  // es:
-  // @include media('mobile') { ... }
-
-  @media (rule($viewport)) {
-    @content;
-  }
-}

package/dist/scss/mixins/parent.scss

@@ -1,6 +0,0 @@
-@mixin has-parent ($selector) {
-
-  @at-root .#{$selector} & {
-    @content;
-  }
-}

package/dist/scss/mixins/scaffolding.scss

@@ -1,83 +0,0 @@
-@mixin scaffold-property ($property-name, $variant, $value, $property-selector:$property-name, $interactive: true) {
-  .#{$property-selector}-#{$variant} {
-    #{$property-name}: $value !important;
-  }
-
-  @if ($interactive) {
-    .hover\:#{$property-selector}-#{$variant} {
-      &:hover {
-        #{$property-name}: $value !important;
-      }
-    }
-  }
-}
-
-@mixin add-property-set ($property-name, $map, $group-name: false) {
-  @each $attribute, $value in $map {
-
-    @if $group-name {
-      .#{$property-name}-#{$group-name}-#{$attribute} {
-        #{$property-name}: $value;
-      }
-    } @else {
-      @include scaffold-property($property-name: $property-name, $variant: $attribute, $value: $value);
-    }
-  }
-}
-
-@mixin apply-styles-set ($map, $set) {
-  @each $viewports, $properties in map-get($map, $set) {
-
-    @if $viewports == 'default' {
-      @each $property, $value in $properties {
-        #{$property}: $value;
-      }
-    }
-
-    @if $viewports == 'media' {
-      @each $viewport, $properties-list in $properties {
-        @include media ($viewport) {
-          @each $property, $value in $properties-list {
-            #{$property}: $value;
-          }
-        }
-      }
-    }
-  }
-}
-
-@mixin add-font-property ($map, $set, $property-name) {
-  @each $viewports, $properties in map-get($map, $set) {
-
-    @if $viewports == 'default' {
-      @each $property, $value in $properties {
-
-        @if ($property == $property-name) {
-          #{$property}: $value;
-        }
-      }
-    }
-
-    @if $viewports == 'media' {
-      @each $viewport, $properties-list in $properties {
-        @include media ($viewport) {
-          @each $property, $value in $properties-list {
-            #{$property}: $value;
-          }
-        }
-      }
-    }
-  }
-}
-
-@mixin add-styles-set ($map, $name) {
-  @each $set, $viewports in $map {
-    .#{$name}--#{$set} {
-      @include apply-styles-set($map: $map, $set: $set);
-
-      &::placeholder {
-        @include apply-styles-set($map: $map, $set: $set);
-      }
-    }
-  }
-}

package/dist/scss/theme.scss

@@ -1,36 +0,0 @@
-// these files are generated by 'npm run json-sass' script
-@import '@maggioli-design-system/design-tokens/dist/scss/variables';
-@import '@maggioli-design-system/design-tokens/dist/scss/config';
-@import '@maggioli-design-system/design-tokens/dist/scss/cosmetics';
-@import '@maggioli-design-system/design-tokens/dist/scss/ease';
-@import '@maggioli-design-system/design-tokens/dist/scss/font-family-styles';
-@import '@maggioli-design-system/design-tokens/dist/scss/media';
-@import '@maggioli-design-system/design-tokens/dist/scss/sizes';
-
-$gutter: get($sizes, 'gutter');
-$form-sizes: get($sizes, 'form');
-$list-sizes: get($sizes, 'size');
-$avatar-sizes: get($sizes, 'avatar');
-$button-sizes: get($sizes, 'button');
-$icon-sizes: get($sizes, 'icon');
-$radius: get($cosmetics, 'border-radius');
-$shadow: get($cosmetics, 'box-shadow');
-$tween: get($cosmetics, 'tween');
-$font-family: (
-  'primary': #{get(get($font-family-styles, 'primary'), 'family')},
-  'secondary': #{get(get($font-family-styles, 'secondary'), 'family')},
-  'mono': #{get(get($font-family-styles, 'mono'), 'family')},
-);
-$font-primary-styles: get(get($font-family-styles, 'primary'), 'styles');
-$font-secondary-styles: get(get($font-family-styles, 'secondary'), 'styles');
-$font-secondary-variants: get(get($font-family-styles, 'secondary'), 'variants');
-$font-mono-styles: get(get($font-family-styles, 'mono'), 'styles');
-$palette: get($config, 'palette');
-$palette-format: get(get($config, 'palette'), 'format');
-$palette-scale: get(get($config, 'palette'), 'scale');
-$palette-colors: get(get($config, 'palette'), 'colors');
-$palette-scaffold: get(get($config, 'palette'), 'scaffold');
-$cosmetics-scaffold: get(get($config, 'cosmetics'), 'scaffold');
-$config-scaffold: get($config, 'scaffold');
-$config-scaffold-format: get(get($config, 'scaffold'), 'format');
-$config-scaffold-properties: get(get($config, 'scaffold'), 'properties');