@maggioli-design-system/styles 4.0.2 → 5.0.0

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,75 +0,0 @@
-@mixin scaffold-property ($property-name, $variant, $value, $property-selector:$property-name) {
-  .#{$property-selector}-#{$variant} {
-    #{$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');