@simple-reporting/base 0.0.1 → 0.1.111

package/scss/colors/mixins.scss

@@ -1,45 +1,45 @@
-@use 'sass:map';
-@use 'sass:string';
-@use 'variables';
-@use 'functions';
-@use '../system';
-
-@mixin set($colorName, $value, $media: false) {
-  @if not map.has-key(variables.$colors, $colorName) {
-    @error "Invalid color \"#{$colorName}\" specified! Choose one of #{map.keys(variables.$colors)}";
-  }
-  @if $media {
-    --#{variables.$variable-prefix}color-#{"" + $colorName}-#{$media}: #{$value};
-  } @else {
-    --#{variables.$variable-prefix}color-#{"" + $colorName}: #{$value};
-  }
-}
-
-@each $colorName, $colors in variables.$colors {
-  @include system.add-root-style(
-    #{variables.$variable-prefix}color-#{'' + $colorName},
-    map.get($colors, color)
-  );
-}
-
-@mixin core-styles {
-  @at-root {
-    @each $colorName, $colors in variables.$colors {
-      .#{variables.$class-prefix}color-#{'' + $colorName} {
-        color: functions.get($colorName);
-      }
-      $onKey: 'on-' + $colorName;
-      @if string.index($colorName, 'on-') != 1 {
-        .#{variables.$class-prefix}bg-#{'' + $colorName} {
-          background-color: functions.get($colorName);
-          @if map.has-key(variables.$colors, $onKey) {
-            color: functions.get($onKey);
-          }
-        }
-      }
-    }
-  }
-  .#{variables.$class-prefix}bg-transparent {
-    background-color: transparent;
-  }
-}
+@use 'sass:map';
+@use 'sass:string';
+@use 'variables';
+@use 'functions';
+@use '../system';
+
+@mixin set($colorName, $value, $media: false) {
+  @if not map.has-key(variables.$colors, $colorName) {
+    @error "Invalid color \"#{$colorName}\" specified! Choose one of #{map.keys(variables.$colors)}";
+  }
+  @if $media {
+    --#{variables.$variable-prefix}color-#{"" + $colorName}-#{$media}: #{$value};
+  } @else {
+    --#{variables.$variable-prefix}color-#{"" + $colorName}: #{$value};
+  }
+}
+
+@each $colorName, $colors in variables.$colors {
+  @include system.add-root-style(
+    #{variables.$variable-prefix}color-#{'' + $colorName},
+    map.get($colors, color)
+  );
+}
+
+@mixin core-styles {
+  @at-root {
+    @each $colorName, $colors in variables.$colors {
+      .#{variables.$class-prefix}color-#{'' + $colorName} {
+        color: functions.get($colorName);
+      }
+      $onKey: 'on-' + $colorName;
+      @if string.index($colorName, 'on-') != 1 {
+        .#{variables.$class-prefix}bg-#{'' + $colorName} {
+          background-color: functions.get($colorName);
+          @if map.has-key(variables.$colors, $onKey) {
+            color: functions.get($onKey);
+          }
+        }
+      }
+    }
+  }
+  .#{variables.$class-prefix}bg-transparent {
+    background-color: transparent;
+  }
+}

package/scss/colors/variables.scss

@@ -1,6 +1,6 @@
-@use '../system';
-
-$variable-prefix: system.$variable-prefix !default;
-$class-prefix: system.$class-prefix !default;
-
-$colors: () !default;
+@use '../system';
+
+$variable-prefix: system.$variable-prefix !default;
+$class-prefix: system.$class-prefix !default;
+
+$colors: () !default;

package/scss/config.scss

@@ -1,7 +1,7 @@
-@use '@simple-reporting/base/scss/system/variables' as systemVariables;
-@use '@simple-reporting/base/scss/meta/variables' as metaVariables;
-@use '@simple-reporting/base/scss/grid/variables' as gridVariables;
-@use '@simple-reporting/base/scss/colors/variables' as colorsVariables;
-@use '@simple-reporting/base/scss/typography/variables' as typographyVariables;
-@use '@simple-reporting/base/scss/spacer/variables' as spacerVariables;
-@use '@simple-reporting/base/scss/helpers/variables' as helpersVariables;
+@use '@simple-reporting/base/scss/system/variables' as systemVariables;
+@use '@simple-reporting/base/scss/meta/variables' as metaVariables;
+@use '@simple-reporting/base/scss/grid/variables' as gridVariables;
+@use '@simple-reporting/base/scss/colors/variables' as colorsVariables;
+@use '@simple-reporting/base/scss/typography/variables' as typographyVariables;
+@use '@simple-reporting/base/scss/spacer/variables' as spacerVariables;
+@use '@simple-reporting/base/scss/helpers/variables' as helpersVariables;

package/scss/core-styles.scss

@@ -1,22 +1,22 @@
-@use 'index';
-@use 'system/root';
-
-@use 'modern-css-reset';
-
-h5,
-h6,
-ol,
-ul,
-li {
-  margin: 0;
-}
-
-@include root.core-styles;
-@include index.core-styles;
-@include index.system-core-styles;
-@include index.fonts-core-styles;
-@include index.grid-core-styles;
-@include index.colors-core-styles;
-@include index.typography-core-styles;
-@include index.spacer-core-styles;
-@include index.helpers-core-styles;
+@use 'index';
+@use 'system/root';
+
+@use 'modern-css-reset';
+
+h5,
+h6,
+ol,
+ul,
+li {
+  margin: 0;
+}
+
+@include root.core-styles;
+@include index.core-styles;
+@include index.system-core-styles;
+@include index.fonts-core-styles;
+@include index.grid-core-styles;
+@include index.colors-core-styles;
+@include index.typography-core-styles;
+@include index.spacer-core-styles;
+@include index.helpers-core-styles;

package/scss/fonts/functions.scss

@@ -1,21 +1,21 @@
-@use 'variables';
-@use 'sass:map';
-
-@function is($font) {
-  @return map.has-key(variables.$fonts, $font);
-}
-
-@function get($font) {
-  @if not map.has-key(variables.$fonts, $font) {
-    @error "Invalid font for fonts specified! Choose one of #{map.keys(variables.$fonts)}";
-  }
-  @return map.get(variables.$fonts, $font);
-}
-
-@function is-default() {
-  @return variables.$default-font != '';
-}
-
-@function get-default() {
-  @return variables.$default-font;
-}
+@use 'variables';
+@use 'sass:map';
+
+@function is($font) {
+  @return map.has-key(variables.$fonts, $font);
+}
+
+@function get($font) {
+  @if not map.has-key(variables.$fonts, $font) {
+    @error "Invalid font for fonts specified! Choose one of #{map.keys(variables.$fonts)}";
+  }
+  @return map.get(variables.$fonts, $font);
+}
+
+@function is-default() {
+  @return variables.$default-font != '';
+}
+
+@function get-default() {
+  @return variables.$default-font;
+}

package/scss/fonts/index.scss

@@ -1,3 +1,3 @@
-@forward 'variables';
-@forward 'functions';
-@forward 'mixins';
+@forward 'variables';
+@forward 'functions';
+@forward 'mixins';

package/scss/fonts/mixins.scss

@@ -1,31 +1,31 @@
-@use 'sass:map';
-@use 'variables';
-@use '../system';
-
-@mixin core-styles {
-  @each $font-family, $valFontFamily in variables.$fonts {
-    @each $index, $font in map.get($valFontFamily, 'types') {
-      $font-types: ();
-      @each $format, $file in map.get($font, 'src') {
-        $font-types: append(
-          $font-types,
-          'url("#{variables.$font-base-path}/#{$font-family}/#{$file}") format("#{$format}")',
-          comma
-        );
-      }
-      @font-face {
-        font-family: '#{$font-family}';
-        src: #{$font-types};
-        @if map.has-key($font, 'font-weight') {
-          font-weight: map.get($font, 'font-weight');
-        }
-        @if map.has-key($font, 'font-style') {
-          font-style: '#{map.get($font, 'font-style')}';
-        }
-        @if map.has-key($font, 'font-display') {
-          font-display: '#{map.get($font, 'font-display')}';
-        }
-      }
-    }
-  }
-}
+@use 'sass:map';
+@use 'variables';
+@use '../system';
+
+@mixin core-styles {
+  @each $font-family, $valFontFamily in variables.$fonts {
+    @each $index, $font in map.get($valFontFamily, 'types') {
+      $font-types: ();
+      @each $format, $file in map.get($font, 'src') {
+        $font-types: append(
+          $font-types,
+          'url("#{variables.$font-base-path}/#{$font-family}/#{$file}") format("#{$format}")',
+          comma
+        );
+      }
+      @font-face {
+        font-family: '#{$font-family}';
+        src: #{$font-types};
+        @if map.has-key($font, 'font-weight') {
+          font-weight: map.get($font, 'font-weight');
+        }
+        @if map.has-key($font, 'font-style') {
+          font-style: '#{map.get($font, 'font-style')}';
+        }
+        @if map.has-key($font, 'font-display') {
+          font-display: '#{map.get($font, 'font-display')}';
+        }
+      }
+    }
+  }
+}

package/scss/fonts/variables.scss

@@ -1,8 +1,8 @@
-@use '../system';
-
-$class-prefix: system.$class-prefix !default;
-$variable-prefix: system.$variable-prefix !default;
-
-$font-base-path: '' !default;
-$default-font: '' !default;
-$fonts: () !default;
+@use '../system';
+
+$class-prefix: system.$class-prefix !default;
+$variable-prefix: system.$variable-prefix !default;
+
+$font-base-path: '' !default;
+$default-font: '' !default;
+$fonts: () !default;

package/scss/grid/functions.scss

@@ -1,29 +1,29 @@
-@use 'sass:map';
-@use 'variables';
-
-@function get-container-max-width() {
-  @return var(--#{variables.$variable-prefix}container-max-width, 0);
-}
-
-@function get-container-padding() {
-  @return var(--#{variables.$variable-prefix}container-padding, 0);
-}
-
-@function get-breakpoint($breakpoint) {
-  @if not map.has-key(variables.$breakpoints, $breakpoint) {
-    @error "Invalid breakpoint for container specified! Choose one of #{map.keys(variables.$breakpoints)}";
-  }
-  @return var(--#{variables.$variable-prefix}-breakpoint-#{$breakpoint});
-}
-
-@function get-gutter-columns() {
-  @return var(--#{variables.$variable-prefix}gutter-columns);
-}
-
-@function get-gutter-row-gap() {
-  @return var(--#{variables.$variable-prefix}gutter-row-gap);
-}
-
-@function get-gutter-column-gap() {
-  @return var(--#{variables.$variable-prefix}gutter-column-gap);
-}
+@use 'sass:map';
+@use 'variables';
+
+@function get-container-max-width() {
+  @return var(--#{variables.$variable-prefix}container-max-width, 0);
+}
+
+@function get-container-padding() {
+  @return var(--#{variables.$variable-prefix}container-padding, 0);
+}
+
+@function get-breakpoint($breakpoint) {
+  @if not map.has-key(variables.$breakpoints, $breakpoint) {
+    @error "Invalid breakpoint for container specified! Choose one of #{map.keys(variables.$breakpoints)}";
+  }
+  @return var(--#{variables.$variable-prefix}-breakpoint-#{$breakpoint});
+}
+
+@function get-gutter-columns() {
+  @return var(--#{variables.$variable-prefix}gutter-columns);
+}
+
+@function get-gutter-row-gap() {
+  @return var(--#{variables.$variable-prefix}gutter-row-gap);
+}
+
+@function get-gutter-column-gap() {
+  @return var(--#{variables.$variable-prefix}gutter-column-gap);
+}

package/scss/grid/index.scss

@@ -1,3 +1,3 @@
-@forward 'variables';
-@forward 'functions';
-@forward 'mixins';
+@forward 'variables';
+@forward 'functions';
+@forward 'mixins';