@simple-reporting/base 0.1.111 → 1.0.0

package/{scss → srl/scss}/spacer/mixins.scss

@@ -1,236 +1,236 @@
-@use 'sass:map';
-@use 'variables';
-@use 'functions';
-@use '../grid';
-@use '../system';
-
-@mixin margin($spacer) {
-  margin: functions.get($spacer);
-}
-
-@mixin margin-block($spacer) {
-  margin-block: functions.get($spacer);
-}
-
-@mixin margin-inline($spacer) {
-  margin-inline: functions.get($spacer);
-}
-
-@mixin margin-top($spacer) {
-  margin-block-start: functions.get($spacer);
-}
-
-@mixin margin-right($spacer) {
-  margin-inline-end: functions.get($spacer);
-}
-
-@mixin margin-bottom($spacer) {
-  margin-block-end: functions.get($spacer);
-}
-
-@mixin margin-left($spacer) {
-  margin-inline-start: functions.get($spacer);
-}
-
-@mixin padding($spacer) {
-  padding: functions.get($spacer);
-}
-
-@mixin padding-block($spacer) {
-  padding-block: functions.get($spacer);
-}
-
-@mixin padding-inline($spacer) {
-  padding-inline: functions.get($spacer);
-}
-
-@mixin padding-top($spacer) {
-  padding-block-start: functions.get($spacer);
-}
-
-@mixin padding-right($spacer) {
-  padding-inline-end: functions.get($spacer);
-}
-
-@mixin padding-bottom($spacer) {
-  padding-block-end: functions.get($spacer);
-}
-
-@mixin padding-left($spacer) {
-  padding-inline-start: functions.get($spacer);
-}
-
-@mixin gap($spacer) {
-  gap: functions.get($spacer);
-}
-
-@mixin row-gap($spacer) {
-  row-gap: functions.get($spacer);
-}
-
-@mixin column-gap($spacer) {
-  column-gap: functions.get($spacer);
-}
-
-@each $spacer, $spacerValue in variables.$spacer {
-  $varName: #{variables.$variable-prefix}spacer-#{$spacer};
-  @include system.add-root-style(
-    $varName,
-    system.size-unit(map.get($spacerValue, size))
-  );
-
-  @if not map.has-key($spacerValue, media, print) {
-    @include system.add-root-style(
-      $varName,
-      system.size-unit(map.get($spacerValue, size), in),
-      print
-    );
-  }
-
-  @if map.has-key($spacerValue, media) {
-    @each $breakpoint, $breakpointValue in map.get($spacerValue, media) {
-      @if $breakpoint == print {
-        @include system.add-root-style(
-          $varName,
-          system.size-unit(map.get($spacerValue, size), in),
-          print
-        );
-      } @else if $breakpoint == up {
-        @each $upBreakpoint, $upBreakpointValue in $breakpointValue {
-          @include system.add-root-style(
-            $varName,
-            system.size-unit($upBreakpointValue),
-            $upBreakpoint,
-            up
-          );
-        }
-      } @else if $breakpoint == down {
-        @each $downBreakpoint, $downBreakpointValue in $breakpointValue {
-          @include system.add-root-style(
-            $varName,
-            system.size-unit($downBreakpointValue),
-            $downBreakpoint,
-            down
-          );
-        }
-      } @else {
-        @include system.add-root-style(
-          $varName,
-          system.size-unit($breakpointValue),
-          $breakpoint
-        );
-      }
-    }
-  }
-}
-
-@mixin core-styles {
-  @at-root {
-    @each $spacer, $spacerValue in variables.$spacer {
-      .#{variables.$class-prefix}ma-none {
-        margin: 0;
-      }
-      .#{variables.$class-prefix}my-none {
-        margin-block: 0;
-      }
-      .#{variables.$class-prefix}mx-none {
-        margin-inline: 0;
-      }
-      .#{variables.$class-prefix}mt-none {
-        margin-block-start: 0;
-      }
-      .#{variables.$class-prefix}mr-none {
-        margin-inline-end: 0;
-      }
-      .#{variables.$class-prefix}mb-none {
-        margin-block-end: 0;
-      }
-      .#{variables.$class-prefix}ml-none {
-        margin-inline-start: 0;
-      }
-      .#{variables.$class-prefix}ma-#{'' + $spacer} {
-        @include margin($spacer);
-      }
-      .#{variables.$class-prefix}my-#{'' + $spacer} {
-        @include margin-block($spacer);
-      }
-      .#{variables.$class-prefix}mx-#{'' + $spacer} {
-        @include margin-inline($spacer);
-      }
-      .#{variables.$class-prefix}mt-#{'' + $spacer} {
-        @include margin-top($spacer);
-      }
-      .#{variables.$class-prefix}mr-#{'' + $spacer} {
-        @include margin-right($spacer);
-      }
-      .#{variables.$class-prefix}mb-#{'' + $spacer} {
-        @include margin-bottom($spacer);
-      }
-      .#{variables.$class-prefix}ml-#{'' + $spacer} {
-        @include margin-left($spacer);
-      }
-
-      .#{variables.$class-prefix}pa-none {
-        padding: 0;
-      }
-      .#{variables.$class-prefix}py-none {
-        padding-block: 0;
-      }
-      .#{variables.$class-prefix}px-none {
-        padding-inline: 0;
-      }
-      .#{variables.$class-prefix}pt-none {
-        padding-block-start: 0;
-      }
-      .#{variables.$class-prefix}pr-none {
-        padding-inline-end: 0;
-      }
-      .#{variables.$class-prefix}pb-none {
-        padding-block-end: 0;
-      }
-      .#{variables.$class-prefix}pl-none {
-        padding-inline-start: 0;
-      }
-      .#{variables.$class-prefix}pa-#{'' + $spacer} {
-        @include padding($spacer);
-      }
-      .#{variables.$class-prefix}py-#{'' + $spacer} {
-        @include padding-block($spacer);
-      }
-      .#{variables.$class-prefix}px-#{'' + $spacer} {
-        @include padding-inline($spacer);
-      }
-      .#{variables.$class-prefix}pt-#{'' + $spacer} {
-        @include padding-top($spacer);
-      }
-      .#{variables.$class-prefix}pr-#{'' + $spacer} {
-        @include padding-right($spacer);
-      }
-      .#{variables.$class-prefix}pb-#{'' + $spacer} {
-        @include padding-bottom($spacer);
-      }
-      .#{variables.$class-prefix}pl-#{'' + $spacer} {
-        @include padding-left($spacer);
-      }
-
-      .#{variables.$class-prefix}gap-none {
-        gap: 0;
-      }
-      .#{variables.$class-prefix}gap-#{'' + $spacer} {
-        @include gap($spacer);
-      }
-      .#{variables.$class-prefix}row-gap-none {
-        row-gap: 0;
-      }
-      .#{variables.$class-prefix}row-gap-#{'' + $spacer} {
-        @include row-gap($spacer);
-      }
-      .#{variables.$class-prefix}column-gap-none {
-        column-gap: 0;
-      }
-      .#{variables.$class-prefix}column-gap-#{'' + $spacer} {
-        @include column-gap($spacer);
-      }
-    }
-  }
-}
+@use 'sass:map';
+@use 'variables';
+@use 'functions';
+@use '../grid';
+@use '../system';
+
+@mixin margin($spacer) {
+  margin: functions.get($spacer);
+}
+
+@mixin margin-block($spacer) {
+  margin-block: functions.get($spacer);
+}
+
+@mixin margin-inline($spacer) {
+  margin-inline: functions.get($spacer);
+}
+
+@mixin margin-top($spacer) {
+  margin-block-start: functions.get($spacer);
+}
+
+@mixin margin-right($spacer) {
+  margin-inline-end: functions.get($spacer);
+}
+
+@mixin margin-bottom($spacer) {
+  margin-block-end: functions.get($spacer);
+}
+
+@mixin margin-left($spacer) {
+  margin-inline-start: functions.get($spacer);
+}
+
+@mixin padding($spacer) {
+  padding: functions.get($spacer);
+}
+
+@mixin padding-block($spacer) {
+  padding-block: functions.get($spacer);
+}
+
+@mixin padding-inline($spacer) {
+  padding-inline: functions.get($spacer);
+}
+
+@mixin padding-top($spacer) {
+  padding-block-start: functions.get($spacer);
+}
+
+@mixin padding-right($spacer) {
+  padding-inline-end: functions.get($spacer);
+}
+
+@mixin padding-bottom($spacer) {
+  padding-block-end: functions.get($spacer);
+}
+
+@mixin padding-left($spacer) {
+  padding-inline-start: functions.get($spacer);
+}
+
+@mixin gap($spacer) {
+  gap: functions.get($spacer);
+}
+
+@mixin row-gap($spacer) {
+  row-gap: functions.get($spacer);
+}
+
+@mixin column-gap($spacer) {
+  column-gap: functions.get($spacer);
+}
+
+@each $spacer, $spacerValue in variables.$spacer {
+  $varName: #{variables.$variable-prefix}spacer-#{$spacer};
+  @include system.add-root-style(
+    $varName,
+    system.size-unit(map.get($spacerValue, size))
+  );
+
+  @if not map.has-key($spacerValue, media, print) {
+    @include system.add-root-style(
+      $varName,
+      system.size-unit(map.get($spacerValue, size), in),
+      print
+    );
+  }
+
+  @if map.has-key($spacerValue, media) {
+    @each $breakpoint, $breakpointValue in map.get($spacerValue, media) {
+      @if $breakpoint == print {
+        @include system.add-root-style(
+          $varName,
+          system.size-unit(map.get($spacerValue, size), in),
+          print
+        );
+      } @else if $breakpoint == up {
+        @each $upBreakpoint, $upBreakpointValue in $breakpointValue {
+          @include system.add-root-style(
+            $varName,
+            system.size-unit($upBreakpointValue),
+            $upBreakpoint,
+            up
+          );
+        }
+      } @else if $breakpoint == down {
+        @each $downBreakpoint, $downBreakpointValue in $breakpointValue {
+          @include system.add-root-style(
+            $varName,
+            system.size-unit($downBreakpointValue),
+            $downBreakpoint,
+            down
+          );
+        }
+      } @else {
+        @include system.add-root-style(
+          $varName,
+          system.size-unit($breakpointValue),
+          $breakpoint
+        );
+      }
+    }
+  }
+}
+
+@mixin core-styles {
+  @at-root {
+    @each $spacer, $spacerValue in variables.$spacer {
+      .#{variables.$class-prefix}ma-none {
+        margin: 0;
+      }
+      .#{variables.$class-prefix}my-none {
+        margin-block: 0;
+      }
+      .#{variables.$class-prefix}mx-none {
+        margin-inline: 0;
+      }
+      .#{variables.$class-prefix}mt-none {
+        margin-block-start: 0;
+      }
+      .#{variables.$class-prefix}mr-none {
+        margin-inline-end: 0;
+      }
+      .#{variables.$class-prefix}mb-none {
+        margin-block-end: 0;
+      }
+      .#{variables.$class-prefix}ml-none {
+        margin-inline-start: 0;
+      }
+      .#{variables.$class-prefix}ma-#{'' + $spacer} {
+        @include margin($spacer);
+      }
+      .#{variables.$class-prefix}my-#{'' + $spacer} {
+        @include margin-block($spacer);
+      }
+      .#{variables.$class-prefix}mx-#{'' + $spacer} {
+        @include margin-inline($spacer);
+      }
+      .#{variables.$class-prefix}mt-#{'' + $spacer} {
+        @include margin-top($spacer);
+      }
+      .#{variables.$class-prefix}mr-#{'' + $spacer} {
+        @include margin-right($spacer);
+      }
+      .#{variables.$class-prefix}mb-#{'' + $spacer} {
+        @include margin-bottom($spacer);
+      }
+      .#{variables.$class-prefix}ml-#{'' + $spacer} {
+        @include margin-left($spacer);
+      }
+
+      .#{variables.$class-prefix}pa-none {
+        padding: 0;
+      }
+      .#{variables.$class-prefix}py-none {
+        padding-block: 0;
+      }
+      .#{variables.$class-prefix}px-none {
+        padding-inline: 0;
+      }
+      .#{variables.$class-prefix}pt-none {
+        padding-block-start: 0;
+      }
+      .#{variables.$class-prefix}pr-none {
+        padding-inline-end: 0;
+      }
+      .#{variables.$class-prefix}pb-none {
+        padding-block-end: 0;
+      }
+      .#{variables.$class-prefix}pl-none {
+        padding-inline-start: 0;
+      }
+      .#{variables.$class-prefix}pa-#{'' + $spacer} {
+        @include padding($spacer);
+      }
+      .#{variables.$class-prefix}py-#{'' + $spacer} {
+        @include padding-block($spacer);
+      }
+      .#{variables.$class-prefix}px-#{'' + $spacer} {
+        @include padding-inline($spacer);
+      }
+      .#{variables.$class-prefix}pt-#{'' + $spacer} {
+        @include padding-top($spacer);
+      }
+      .#{variables.$class-prefix}pr-#{'' + $spacer} {
+        @include padding-right($spacer);
+      }
+      .#{variables.$class-prefix}pb-#{'' + $spacer} {
+        @include padding-bottom($spacer);
+      }
+      .#{variables.$class-prefix}pl-#{'' + $spacer} {
+        @include padding-left($spacer);
+      }
+
+      .#{variables.$class-prefix}gap-none {
+        gap: 0;
+      }
+      .#{variables.$class-prefix}gap-#{'' + $spacer} {
+        @include gap($spacer);
+      }
+      .#{variables.$class-prefix}row-gap-none {
+        row-gap: 0;
+      }
+      .#{variables.$class-prefix}row-gap-#{'' + $spacer} {
+        @include row-gap($spacer);
+      }
+      .#{variables.$class-prefix}column-gap-none {
+        column-gap: 0;
+      }
+      .#{variables.$class-prefix}column-gap-#{'' + $spacer} {
+        @include column-gap($spacer);
+      }
+    }
+  }
+}

package/{scss → srl/scss}/spacer/variables.scss

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

package/{scss → srl/scss}/system/functions.scss

@@ -1,77 +1,77 @@
-@use 'variables';
-@use 'sass:map';
-@use 'sass:list';
-@use 'sass:math';
-@use 'sass:meta';
-
-@function map-get-next($map, $key, $fallback: false, $return: value) {
-  // Check if map is valid
-  @if meta.type-of($map) == map {
-    // Check if key exists in map
-    @if map.has-key($map, $key) {
-      // Init index counter variable
-      $i: 0;
-      // Init key index
-      $key-index: false;
-      // Traverse map for key
-      @each $map-key, $map-value in $map {
-        // Update index
-        $i: $i + 1;
-        // If map key found, set key index
-        @if $map-key == $key {
-          $key-index: $i;
-        }
-        // If next index return next value or key based on $return
-        @if $i == $key-index + 1 {
-          @if $return == key {
-            @return $map-key;
-          } @else {
-            @return $map-value;
-          }
-        }
-        // If last entry return false
-        @if $i == list.length($map) {
-          @return $fallback;
-        }
-      }
-      @warn 'No next map item for key #{$key}';
-      @return $fallback;
-    }
-    @warn 'No valid key #{$key} in map';
-    @return $fallback;
-  }
-  @warn 'No valid map';
-  @return $fallback;
-}
-
-@function size-unit($size, $size-unit: false) {
-  @if not $size-unit {
-    $size-unit: variables.$size-unit;
-  }
-  @if meta.type-of($size) == 'number' and math.is-unitless($size) and $size != 0
-  {
-    @if $size-unit == 'rem' {
-      @return math.div($size, variables.$root-size) + rem;
-    } @else if $size-unit == 'in' {
-      @return math.div($size, variables.$dpi) + in;
-    } @else if $size-unit == 'pt' {
-      @return ($size * variables.$point) + pt;
-    } @else {
-      @return $size + $size-unit;
-    }
-  } @else if $size == false {
-    @return unset;
-  } @else if $size == null {
-    @return unset;
-  } @else {
-    @return #{$size};
-  }
-}
-
-@function strip-unit($number) {
-  @if meta.type-of($number) == 'number' and not math.is-unitless($number) {
-    @return math.div($number, ($number * 0 + 1));
-  }
-
-  @return $number;
-}
+@use 'variables';
+@use 'sass:map';
+@use 'sass:list';
+@use 'sass:math';
+@use 'sass:meta';
+
+@function map-get-next($map, $key, $fallback: false, $return: value) {
+  // Check if map is valid
+  @if meta.type-of($map) == map {
+    // Check if key exists in map
+    @if map.has-key($map, $key) {
+      // Init index counter variable
+      $i: 0;
+      // Init key index
+      $key-index: false;
+      // Traverse map for key
+      @each $map-key, $map-value in $map {
+        // Update index
+        $i: $i + 1;
+        // If map key found, set key index
+        @if $map-key == $key {
+          $key-index: $i;
+        }
+        // If next index return next value or key based on $return
+        @if $i == $key-index + 1 {
+          @if $return == key {
+            @return $map-key;
+          } @else {
+            @return $map-value;
+          }
+        }
+        // If last entry return false
+        @if $i == list.length($map) {
+          @return $fallback;
+        }
+      }
+      @warn 'No next map item for key #{$key}';
+      @return $fallback;
+    }
+    @warn 'No valid key #{$key} in map';
+    @return $fallback;
+  }
+  @warn 'No valid map';
+  @return $fallback;
+}
+
+@function size-unit($size, $size-unit: false) {
+  @if not $size-unit {
+    $size-unit: variables.$size-unit;
+  }
+  @if meta.type-of($size) == 'number' and math.is-unitless($size) and $size != 0
+  {
+    @if $size-unit == 'rem' {
+      @return math.div($size, variables.$root-size) + rem;
+    } @else if $size-unit == 'in' {
+      @return math.div($size, variables.$dpi) + in;
+    } @else if $size-unit == 'pt' {
+      @return ($size * variables.$point) + pt;
+    } @else {
+      @return $size + $size-unit;
+    }
+  } @else if $size == false {
+    @return unset;
+  } @else if $size == null {
+    @return unset;
+  } @else {
+    @return #{$size};
+  }
+}
+
+@function strip-unit($number) {
+  @if meta.type-of($number) == 'number' and not math.is-unitless($number) {
+    @return math.div($number, ($number * 0 + 1));
+  }
+
+  @return $number;
+}

package/srl/scss/system/index.scss

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