@graupl/graupl 1.0.0-alpha.4 → 1.0.0-alpha.6

package/scss/theme/typography/_defaults.scss

@@ -0,0 +1,41 @@
+// Default values for Graupl.
+//
+// Generally, these should not be used directly when styling components.
+// They are mainly used to provide default fallbacks for custom properties
+// which can be found in the `variables.scss` file.
+
+// font properties.
+$font-size: 1rem !default;
+$root-font-size: clamp(0.85rem, calc(0.8rem + 0.5vw), 1.25rem) !default;
+$line-height: 1.2em !default;
+
+// Multipliers for font sizes.
+// This uses a minor third scale.
+// See: https://typescale.com/?size=16&scale=1.250&text=A%20Visual%20Type%20Scale&font=Lato&fontweight=400&bodyfont=body_font_default&bodyfontweight=400&lineheight=1.75&backgroundcolor=%23ffffff&fontcolor=%23000000
+$font-size-multipliers: (
+  xs: 0.694,
+  sm: 0.833,
+  base: 1,
+  lg: 1.2,
+  xl: 1.44,
+  2xl: 1.728,
+  3xl: 2.074,
+  4xl: 2.488,
+  5xl: 2.986,
+) !default;
+$font-weights: (
+  light: 300,
+  normal: 400,
+  bold: 700,
+);
+
+/* stylelint-disable-next-line scss/dollar-variable-colon-space-after */
+$root-font-family:
+  system-ui,
+  -apple-system,
+  blinkmacsystemfont,
+  "Segoe UI",
+  roboto,
+  "Helvetica Neue",
+  arial,
+  sans-serif !default;

package/scss/theme/typography/_index.scss

@@ -0,0 +1,111 @@
+// Typography theme styles.
+
+@use "variables" as *;
+@use "../../mixins/layer" as *;
+@use "sass:map";
+
+@include layer(base) {
+  p {
+    margin: $paragraph-margin;
+  }
+
+  small {
+    margin: $small-margin;
+  }
+
+  h1 {
+    margin: $h1-margin;
+  }
+
+  h2 {
+    margin: $h2-margin;
+  }
+
+  h3 {
+    margin: $h3-margin;
+  }
+
+  h4 {
+    margin: $h4-margin;
+  }
+
+  h5 {
+    margin: $h5-margin;
+  }
+
+  h6 {
+    margin: $h6-margin;
+  }
+}
+
+@include layer(theme) {
+  :root {
+    font-family: $root-font-family;
+    font-size: $root-font-size;
+  }
+
+  b,
+  strong {
+    font-weight: $bold-font-weight;
+  }
+
+  body {
+    font-size: $body-font-size;
+    font-weight: $body-font-weight;
+    line-height: $body-line-height;
+  }
+
+  p {
+    font-size: $paragraph-font-size;
+    font-weight: $paragraph-font-weight;
+    line-height: $paragraph-line-height;
+  }
+
+  small {
+    font-size: $small-font-size;
+    font-weight: $small-font-weight;
+    line-height: $small-line-height;
+  }
+
+  h1 {
+    font-family: $h1-font-family;
+    font-size: $h1-font-size;
+    font-weight: $h1-font-weight;
+    line-height: $h1-line-height;
+  }
+
+  h2 {
+    font-family: $h2-font-family;
+    font-size: $h2-font-size;
+    font-weight: $h2-font-weight;
+    line-height: $h2-line-height;
+  }
+
+  h3 {
+    font-family: $h3-font-family;
+    font-size: $h3-font-size;
+    font-weight: $h3-font-weight;
+    line-height: $h3-line-height;
+  }
+
+  h4 {
+    font-family: $h4-font-family;
+    font-size: $h4-font-size;
+    font-weight: $h4-font-weight;
+    line-height: $h4-line-height;
+  }
+
+  h5 {
+    font-family: $h5-font-family;
+    font-size: $h5-font-size;
+    font-weight: $h5-font-weight;
+    line-height: $h5-line-height;
+  }
+
+  h6 {
+    font-family: $h6-font-family;
+    font-size: $h6-font-size;
+    font-weight: $h6-font-weight;
+    line-height: $h6-line-height;
+  }
+}

package/scss/theme/typography/_variables.scss

@@ -0,0 +1,224 @@
+// Variables referencing custom properties.
+
+@use "defaults";
+@use "../../defaults" as root-defaults;
+@use "../../variables" as root-variables;
+@use "sass:map";
+
+// Font properties.
+$font-size: var(--#{root-defaults.$prefix}-font-base, #{defaults.$font-size});
+$line-height: var(
+  --#{root-defaults.$prefix}-line-height,
+  #{defaults.$line-height}
+);
+
+// Generate all of the font-size-x custom properties.
+$font-sizes: ();
+
+@each $key, $value in defaults.$font-size-multipliers {
+  $size: var(
+    --#{root-defaults.$prefix}-font-#{$key},
+    calc(#{$value} * #{$font-size})
+  );
+  $font-sizes: map.set($font-sizes, $key, $size);
+}
+
+$font-weights: ();
+
+@each $key, $value in defaults.$font-weights {
+  $weight: var(--#{root-defaults.$prefix}-font-weight-#{$key}, $value);
+  $font-weights: map.set($font-weights, $key, $weight);
+}
+
+$bold-font-weight: var(
+  --#{root-defaults.$prefix}-font-weight-bold,
+  #{map.get($font-weights, bold)}
+);
+
+// Root properties.
+$root-font-family: var(
+  --#{root-defaults.$prefix}-root-font-family,
+  #{defaults.$root-font-family}
+);
+$root-font-size: var(
+  --#{root-defaults.$prefix}-root-font-size,
+  #{defaults.$root-font-size}
+);
+
+// Typography properties.
+$body-font-size: var(
+  --#{root-defaults.$prefix}-body-font-size,
+  #{map.get($font-sizes, base)}
+);
+$body-line-height: var(
+  --#{root-defaults.$prefix}-body-line-height,
+  #{$line-height}
+);
+$body-font-weight: var(
+  --#{root-defaults.$prefix}-body-font-weight,
+  #{map.get($font-weights, normal)}
+);
+$paragraph-font-size: var(
+  --#{root-defaults.$prefix}-paragraph-font-size,
+  #{$body-font-size}
+);
+$paragraph-line-height: var(
+  --#{root-defaults.$prefix}-paragraph-line-height,
+  #{$body-line-height}
+);
+$paragraph-margin: var(
+  --#{root-defaults.$prefix}-paragraph-margin,
+  0 0 #{map.get(root-variables.$spacers, 2)} 0
+);
+$paragraph-font-weight: var(
+  --#{root-defaults.$prefix}-paragraph-font-weight,
+  #{$body-font-weight}
+);
+$small-font-size: var(
+  --#{root-defaults.$prefix}-small-font-size,
+  #{map.get($font-sizes, small)}
+);
+$small-line-height: var(
+  --#{root-defaults.$prefix}-small-line-height,
+  #{$line-height}
+);
+$small-margin: var(
+  --#{root-defaults.$prefix}-small-margin,
+  0 0 #{map.get(root-variables.$spacers, 2)} 0
+);
+$small-font-weight: var(
+  --#{root-defaults.$prefix}-small-font-weight,
+  #{$body-font-weight}
+);
+
+// Headings properties.
+$heading-font-family: var(
+  --#{root-defaults.$prefix}-heading-font-family,
+  $root-font-family
+);
+$heading-line-height: var(
+  --#{root-defaults.$prefix}-heading-line-height,
+  #{$line-height}
+);
+$heading-margin: var(
+  --#{root-defaults.$prefix}-heading-margin,
+  0 0 #{map.get(root-variables.$spacers, 2)} 0
+);
+$heading-font-weight: var(
+  --#{root-defaults.$prefix}-heading-font-weight,
+  #{$bold-font-weight}
+);
+
+// H1 properties.
+$h1-font-size: var(
+  --#{root-defaults.$prefix}-h1-font-size,
+  #{map.get($font-sizes, 5xl)}
+);
+$h1-line-height: var(
+  --#{root-defaults.$prefix}-h1-line-height,
+  #{$heading-line-height}
+);
+$h1-margin: var(--#{root-defaults.$prefix}-h1-margin, #{$heading-margin});
+$h1-font-family: var(
+  --#{root-defaults.$prefix}-h1-font-family,
+  $heading-font-family
+);
+$h1-font-weight: var(
+  --#{root-defaults.$prefix}-h1-font-weight,
+  $heading-font-weight
+);
+
+// H2 properties.
+$h2-font-size: var(
+  --#{root-defaults.$prefix}-h2-font-size,
+  #{map.get($font-sizes, 4xl)}
+);
+$h2-line-height: var(
+  --#{root-defaults.$prefix}-h2-line-height,
+  #{$heading-line-height}
+);
+$h2-margin: var(--#{root-defaults.$prefix}-h2-margin, #{$heading-margin});
+$h2-font-family: var(
+  --#{root-defaults.$prefix}-h2-font-family,
+  $heading-font-family
+);
+$h2-font-weight: var(
+  --#{root-defaults.$prefix}-h2-font-weight,
+  $heading-font-weight
+);
+
+// H3 properties.
+$h3-font-size: var(
+  --#{root-defaults.$prefix}-h3-font-size,
+  #{map.get($font-sizes, 3xl)}
+);
+$h3-line-height: var(
+  --#{root-defaults.$prefix}-h3-line-height,
+  #{$heading-line-height}
+);
+$h3-margin: var(--#{root-defaults.$prefix}-h3-margin, #{$heading-margin});
+$h3-font-family: var(
+  --#{root-defaults.$prefix}-h3-font-family,
+  $heading-font-family
+);
+$h3-font-weight: var(
+  --#{root-defaults.$prefix}-h3-font-weight,
+  $heading-font-weight
+);
+
+// H4 properties.
+$h4-font-size: var(
+  --#{root-defaults.$prefix}-h4-font-size,
+  #{map.get($font-sizes, 2xl)}
+);
+$h4-line-height: var(
+  --#{root-defaults.$prefix}-h4-line-height,
+  #{$heading-line-height}
+);
+$h4-margin: var(--#{root-defaults.$prefix}-h4-margin, #{$heading-margin});
+$h4-font-family: var(
+  --#{root-defaults.$prefix}-h4-font-family,
+  $heading-font-family
+);
+$h4-font-weight: var(
+  --#{root-defaults.$prefix}-h4-font-weight,
+  $heading-font-weight
+);
+
+// H5 properties.
+$h5-font-size: var(
+  --#{root-defaults.$prefix}-h5-font-size,
+  #{map.get($font-sizes, xl)}
+);
+$h5-line-height: var(
+  --#{root-defaults.$prefix}-h5-line-height,
+  #{$heading-line-height}
+);
+$h5-margin: var(--#{root-defaults.$prefix}-h5-margin, #{$heading-margin});
+$h5-font-family: var(
+  --#{root-defaults.$prefix}-h5-font-family,
+  $heading-font-family
+);
+$h5-font-weight: var(
+  --#{root-defaults.$prefix}-h5-font-weight,
+  $heading-font-weight
+);
+
+// H6 properties.
+$h6-font-size: var(
+  --#{root-defaults.$prefix}-h6-font-size,
+  #{map.get($font-sizes, lg)}
+);
+$h6-line-height: var(
+  --#{root-defaults.$prefix}-h6-line-height,
+  #{$heading-line-height}
+);
+$h6-margin: var(--#{root-defaults.$prefix}-h6-margin, #{$heading-margin});
+$h6-font-family: var(
+  --#{root-defaults.$prefix}-h6-font-family,
+  $heading-font-family
+);
+$h6-font-weight: var(
+  --#{root-defaults.$prefix}-h6-font-weight,
+  $heading-font-weight
+);

package/scss/theme/typography/typography.scss

@@ -0,0 +1,3 @@
+// Typography theme styles.
+
+@forward "index";

package/scss/utilities/_index.scss

@@ -1,3 +1,5 @@
 // Graupl utilities.
 
 @forward "colors";
+@forward "spacing";
+@forward "typography";

package/scss/utilities/colors/_defaults.scss

@@ -3,5 +3,3 @@
 // Generally, these should not be used directly when styling components.
 // They are mainly used to provide default fallbacks for custom properties
 // which can be found in the `variables.scss` file.
-
-@forward "../../defaults";

package/scss/utilities/colors/_index.scss

@@ -3,10 +3,10 @@
 @use "variables" as *;
 @use "../../mixins/layer" as *;
 @use "../../functions/important";
-@use "../../theme/variables" as theme;
+@use "../../theme/color/variables" as color;
 
 @include layer(utilities) {
-  @each $color, $map in theme.$theme-active {
+  @each $color, $map in color.$theme-active {
     @each $shade, $value in $map {
       $name: #{$color}-#{$shade};
 

package/scss/utilities/spacing/_defaults.scss

@@ -0,0 +1,25 @@
+// Default values for Graupl.
+//
+// Generally, these should not be used directly when styling components.
+// They are mainly used to provide default fallbacks for custom properties
+// which can be found in the `variables.scss` file.
+
+$spacing-properties: (
+  g: gap,
+  rg: row-gap,
+  cg: column-gap,
+  p: padding,
+  pt: padding-top,
+  pr: padding-right,
+  pb: padding-bottom,
+  pl: padding-left,
+  px: padding-left padding-right,
+  py: padding-top padding-bottom,
+  m: margin,
+  mt: margin-top,
+  mr: margin-right,
+  mb: margin-bottom,
+  ml: margin-left,
+  mx: margin-left margin-right,
+  my: margin-top margin-bottom,
+) !default;

package/scss/utilities/spacing/_index.scss

@@ -0,0 +1,64 @@
+// Graupl spacing utilities.
+
+@use "variables" as *;
+@use "defaults" as defaults;
+@use "../../mixins/layer" as *;
+@use "../../functions/important";
+@use "../../variables" as root-variables;
+@use "../../defaults" as root-defaults;
+
+@include layer(utilities) {
+  // For each spacing property, create a utility class.
+  @each $name, $property in defaults.$spacing-properties {
+    @each $key, $value in root-variables.$spacers {
+      .#{$name}-#{$key} {
+        // If we're dealing with gap, column-gap, or row-gap inside of .columns, we should update
+        // the columns-column-gap property instead of the raw property.
+        @if $name == "g" {
+          &.columns {
+            --#{root-defaults.$prefix}-columns-column-gap: #{important.insert(
+                $value
+              )};
+            --#{root-defaults.$prefix}-columns-row-gap: #{important.insert(
+                $value
+              )};
+          }
+
+          &:not(.columns) {
+            @each $prop in $property {
+              #{$prop}: important.insert($value);
+            }
+          }
+        } @else if $name == "cg" {
+          &.columns {
+            --#{root-defaults.$prefix}-columns-column-gap: #{important.insert(
+                $value
+              )};
+          }
+
+          &:not(.columns) {
+            @each $prop in $property {
+              #{$prop}: important.insert($value);
+            }
+          }
+        } @else if $name == "rg" {
+          &.columns {
+            --#{root-defaults.$prefix}-columns-row-gap: #{important.insert(
+                $value
+              )};
+          }
+
+          &:not(.columns) {
+            @each $prop in $property {
+              #{$prop}: important.insert($value);
+            }
+          }
+        } @else {
+          @each $prop in $property {
+            #{$prop}: important.insert($value);
+          }
+        }
+      }
+    }
+  }
+}

package/scss/utilities/spacing/_variables.scss

@@ -0,0 +1,3 @@
+// Variables referencing custom properties.
+
+@forward "defaults";

package/scss/utilities/spacing/spacing.scss

@@ -0,0 +1,3 @@
+// Graupl spacing utilities.
+
+@forward "index";

package/scss/utilities/typography/_defaults.scss

@@ -0,0 +1,5 @@
+// Default values for Graupl.
+//
+// Generally, these should not be used directly when styling components.
+// They are mainly used to provide default fallbacks for custom properties
+// which can be found in the `variables.scss` file.

package/scss/utilities/typography/_index.scss

@@ -0,0 +1,92 @@
+// Graupl typography utilities.
+
+@use "variables" as *;
+@use "../../mixins/layer" as *;
+@use "../../functions/important";
+@use "../../theme/typography/variables" as typography;
+
+@include layer(utilities) {
+  @each $size, $value in typography.$font-sizes {
+    .text-#{$size} {
+      font-size: important.insert($value);
+    }
+  }
+
+  .text-paragraph {
+    margin: important.insert(typography.$paragraph-margin);
+    font-size: important.insert(typography.$paragraph-font-size);
+    font-weight: important.insert(typography.$paragraph-font-weight);
+    line-height: important.insert(typography.$paragraph-line-height);
+  }
+
+  .text-small {
+    margin: important.insert(typography.$small-margin);
+    font-size: important.insert(typography.$small-font-size);
+    font-weight: important.insert(typography.$small-font-weight);
+    line-height: important.insert(typography.$small-line-height);
+  }
+
+  .text-h1 {
+    margin: important.insert(typography.$h1-margin);
+    font-family: important.insert(typography.$h1-font-family);
+    font-size: important.insert(typography.$h1-font-size);
+    font-weight: important.insert(typography.$h1-font-weight);
+    line-height: important.insert(typography.$h1-line-height);
+  }
+
+  .text-h2 {
+    margin: important.insert(typography.$h2-margin);
+    font-family: important.insert(typography.$h2-font-family);
+    font-size: important.insert(typography.$h2-font-size);
+    font-weight: important.insert(typography.$h2-font-weight);
+    line-height: important.insert(typography.$h2-line-height);
+  }
+
+  .text-h3 {
+    margin: important.insert(typography.$h3-margin);
+    font-family: important.insert(typography.$h3-font-family);
+    font-size: important.insert(typography.$h3-font-size);
+    font-weight: important.insert(typography.$h3-font-weight);
+    line-height: important.insert(typography.$h3-line-height);
+  }
+
+  .text-h4 {
+    margin: important.insert(typography.$h4-margin);
+    font-family: important.insert(typography.$h4-font-family);
+    font-size: important.insert(typography.$h4-font-size);
+    font-weight: important.insert(typography.$h4-font-weight);
+    line-height: important.insert(typography.$h4-line-height);
+  }
+
+  .text-h5 {
+    margin: important.insert(typography.$h5-margin);
+    font-family: important.insert(typography.$h5-font-family);
+    font-size: important.insert(typography.$h5-font-size);
+    font-weight: important.insert(typography.$h5-font-weight);
+    line-height: important.insert(typography.$h5-line-height);
+  }
+
+  .text-h6 {
+    margin: important.insert(typography.$h6-margin);
+    font-family: important.insert(typography.$h6-font-family);
+    font-size: important.insert(typography.$h6-font-size);
+    font-weight: important.insert(typography.$h6-font-weight);
+    line-height: important.insert(typography.$h6-line-height);
+  }
+
+  // Font weight utilities.
+  @each $size, $value in typography.$font-weights {
+    .font-#{$size} {
+      font-weight: important.insert($value);
+    }
+  }
+
+  // Font style utilities.
+  .font-italic {
+    font-style: important.insert(italic);
+  }
+
+  .font-not-italic {
+    font-style: important.insert(normal);
+  }
+}

package/scss/utilities/typography/_variables.scss

@@ -0,0 +1,3 @@
+// Variables referencing custom properties.
+
+@forward "defaults";

package/scss/utilities/typography/typography.scss

@@ -0,0 +1,3 @@
+// Graupl typography utilities.
+
+@forward "index";

package/dist/theme/theme.css

@@ -1,2 +0,0 @@
-@layer graupl.theme{:root{background:var(--graupl-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))));color:var(--graupl-font-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))));font-family:var(--graupl-font-family,system-ui,-apple-system,blinkmacsystemfont,Segoe UI,roboto,Helvetica Neue,arial,sans-serif);font-size:var(--graupl-font-size,clamp(.85rem,.8rem + .5vw,1.25rem))}.dark-mode{--graupl-theme-active--primary--100:var(--graupl-theme-dark--primary--100,var(--graupl-primary--900,#001233));--graupl-theme-active--primary--200:var(--graupl-theme-dark--primary--200,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--300:var(--graupl-theme-dark--primary--300,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--400:var(--graupl-theme-dark--primary--400,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--500:var(--graupl-theme-dark--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-dark--primary--600,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--700:var(--graupl-theme-dark--primary--700,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--800:var(--graupl-theme-dark--primary--800,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--900:var(--graupl-theme-dark--primary--900,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--secondary--100:var(--graupl-theme-dark--secondary--100,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--secondary--200:var(--graupl-theme-dark--secondary--200,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--300:var(--graupl-theme-dark--secondary--300,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--400:var(--graupl-theme-dark--secondary--400,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--500:var(--graupl-theme-dark--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-dark--secondary--600,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--700:var(--graupl-theme-dark--secondary--700,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--800:var(--graupl-theme-dark--secondary--800,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--900:var(--graupl-theme-dark--secondary--900,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--tertiary--100:var(--graupl-theme-dark--tertiary--100,var(--graupl-tertiary--900,#2f0412));--graupl-theme-active--tertiary--200:var(--graupl-theme-dark--tertiary--200,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--300:var(--graupl-theme-dark--tertiary--300,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--400:var(--graupl-theme-dark--tertiary--400,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--500:var(--graupl-theme-dark--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-dark--tertiary--600,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--700:var(--graupl-theme-dark--tertiary--700,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--800:var(--graupl-theme-dark--tertiary--800,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--900:var(--graupl-theme-dark--tertiary--900,var(--graupl-tertiary--100,#fde7ef));color-scheme:dark}.light-mode{--graupl-theme-active--primary--100:var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff));--graupl-theme-active--primary--200:var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa));--graupl-theme-active--primary--300:var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed));--graupl-theme-active--primary--400:var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2));--graupl-theme-active--primary--500:var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df));--graupl-theme-active--primary--600:var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9));--graupl-theme-active--primary--700:var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1));--graupl-theme-active--primary--800:var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561));--graupl-theme-active--primary--900:var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233));--graupl-theme-active--secondary--100:var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7));--graupl-theme-active--secondary--200:var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb));--graupl-theme-active--secondary--300:var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8));--graupl-theme-active--secondary--400:var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d));--graupl-theme-active--secondary--500:var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093));--graupl-theme-active--secondary--600:var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484));--graupl-theme-active--secondary--700:var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b));--graupl-theme-active--secondary--800:var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642));--graupl-theme-active--secondary--900:var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124));--graupl-theme-active--tertiary--100:var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef));--graupl-theme-active--tertiary--200:var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf));--graupl-theme-active--tertiary--300:var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92));--graupl-theme-active--tertiary--400:var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775));--graupl-theme-active--tertiary--500:var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36));--graupl-theme-active--tertiary--600:var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c));--graupl-theme-active--tertiary--700:var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46));--graupl-theme-active--tertiary--800:var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26));--graupl-theme-active--tertiary--900:var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412));color-scheme:light}}
-/*# sourceMappingURL=theme.css.map */

package/dist/theme/theme.css.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../scss/mixins/_layer.scss","../../scss/theme/_index.scss","../../scss/theme/_variables.scss","theme.css"],"names":[],"mappings":"AASI,oBCAF,MACE,uJC2GS,CD1GT,kJCsGS,CDrGT,gICiGU,CDhGV,oEENF,CFUA,WAGM,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,6GAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,mHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,6GAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAAA,gHAAA,CAIJ,iBEaF,CFTA,YAGM,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,8GAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,oHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,8GAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAAA,iHAAA,CAIJ,kBEgCF,CACF","file":"theme.css"}

package/dist/utilities/background/background.css

@@ -1 +0,0 @@
-body:before{border-bottom:2px solid #000;content:"Error: Undefined variable.\a   \2577 \a 6 \2502    @if defaults.$use-important {\a   \2502        ^^^^^^^^^^^^^^^^^^^^^^^\a   \2575 \a   scss/functions/_important.scss 6:7             insert()\a   scss/utilities/background/_index.scss 14:21    @content\a   scss/mixins/_layer.scss 11:7                   layer()\a   scss/utilities/background/_index.scss 8:1      @forward\a   scss/utilities/background/background.scss 3:1  root stylesheet";display:block;font-family:Source Code Pro,SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,monospace,monospace;margin-bottom:1em;padding:1em;white-space:pre}

package/scss/theme/theme.scss

@@ -1,3 +0,0 @@
-// Graupl Theme.
-
-@forward "index";