@graupl/graupl 1.0.0-beta.1 → 1.0.0-beta.10

package/packages/core/src/scss/utilities/z-index/_index.scss

@@ -0,0 +1,173 @@
+// @graupl/core z-index utilities styles.
+//
+// This file generates the z-index utility classes provided by Graupl.
+//
+// The following classes are generated by default:
+// - `.z-n1`: Sets the z-index to -1.
+// - `.z-0`: Sets the z-index to 0.
+// - `.z-1`: Sets the z-index to 1.
+//
+// The following custom properties control the generated classes:
+// - N/A.
+//
+// The following variables control the generated classes:
+// - `$selector-base`: The base selector for the utility classes.
+// - `$use-important`: A flag to determine if the `!important` flag should be added to the utility classes.
+// - `$screen-aware`: A flag to generate screen-aware utility classes.
+// - `$theme-aware`: A flag to generate theme-aware utility classes.
+// - `$state-aware`: A flag to generate state-aware utility classes.
+// - `$container-aware`: A flag to generate container-aware utility classes.
+// - `$screen-aware-separator`: The separator for screen-aware utility classes.
+// - `$theme-aware-separator`: The separator for theme-aware utility classes.
+// - `$state-aware-separator`: The separator for state-aware utility classes.
+// - `$container-aware-separator`: The separator for container-aware utility classes.
+// - `$screen-aware-selector-prefix`: The prefix for screen-aware utility classes.
+// - `$theme-aware-selector-prefix`: The prefix for theme-aware utility classes.
+// - `$state-aware-selector-prefix`: The prefix for state-aware utility classes.
+// - `$container-aware-selector-prefix`: The prefix for container-aware utility classes.
+// - `$z-index-selector-prefix`: The prefix for the utility classes.
+// - `$base-z-index-properties`: The base properties and values for the z-index utility classes.
+// - `$custom-z-index-properties`: The custom properties and values for the z-index utility classes.
+// - `$z-index-properties`: The merged properties and values for the z-index utility classes.
+//
+// Generating responsive utility classes can be done by setting `$screen-aware`, `$theme-aware`, or `$state-aware` to `true`.
+// By default, no responsive utility classes are generated.
+//
+// When set to true, screen-aware utility classes will be generated for each screen size in the following pattern:
+// - `.{screen-prefix}{screen-name}:{prefix}{value}`
+//
+// e.g. `.sm:z-0` will set the `z-index` property to `0` on screens equal to or larger than the `sm` breakpoint.
+//
+// When set to true, theme-aware utility classes will be generated for each theme in the following pattern:
+// - `.{theme-prefix}{theme-name}:{prefix}{value}`
+//
+// e.g. `.dark:z-0` will set the `z-index` property to `0` when the `dark` theme is active.
+//
+// When set to true, state-aware utility classes will be generated for each state in the following pattern:
+// - `.{state-prefix}{state-name}:{prefix}{value}`
+//
+// e.g. `.hover:z-0` will set the  `z-index` property to `0` when the element is hovered.
+//
+// When set to true, container-aware utility classes will be generated for each container in the following pattern:
+// - `.{container-prefix}{container-name}:{prefix}{value}`
+//
+// e.g. `.cq:md:z-0` will set the `z-index` property to `0` when the parent container is larger than the `md` breakpoint.
+//
+// @example
+//   <div class="z-0">This element has a z-index of 0.</div>
+
+@use "../../defaults" as root-defaults;
+@use "../../mixins/layer" as *;
+@use "../../mixins/utility";
+@use "../../theme/color/variables" as color;
+@use "defaults";
+@use "sass:map";
+@use "variables" as *;
+
+@include layer(utilities) {
+  // `.`
+  $selector-prefix: defaults.$selector-base;
+
+  // For each z-index property, create a utility class.
+  @each $name, $value in defaults.$z-index-properties {
+    // e.g. `.z-0`
+    $selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
+
+    @include utility.create(
+      $selector,
+      z-index,
+      $value,
+      $important: #{defaults.$use-important}
+    );
+  }
+
+  // Generate screen-aware utilities.
+  @if defaults.$screen-aware and root-defaults.$screen-aware-utilities {
+    @each $screen-name in map.keys(root-defaults.$screen-sizes) {
+      // e.g. `.md:` or `.lg:`
+      $selector-prefix: #{defaults.$selector-base}#{defaults.$screen-aware-selector-prefix}#{$screen-name}#{defaults.$screen-aware-separator};
+
+      // For each template property, create a utility class.
+      @each $name, $value in defaults.$z-index-properties {
+        // e.g. `.md:z-0`
+        $selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
+
+        @include utility.create(
+          $selector,
+          z-index,
+          $value,
+          $important: #{defaults.$use-important},
+          $screen: $screen-name
+        );
+      }
+    }
+  }
+
+  // Generate theme-aware utilities.
+  @if defaults.$theme-aware and root-defaults.$theme-aware-utilities {
+    @each $theme-name, $colors in color.$themes {
+      @if $theme-name != active {
+        // e.g. `.dark:` or `.light:`
+        $selector-prefix: #{defaults.$selector-base}#{defaults.$theme-aware-selector-prefix}#{$theme-name}#{defaults.$theme-aware-separator};
+
+        // For each template property, create a utility class.
+        @each $name, $value in defaults.$z-index-properties {
+          // e.g. `.dark:z-0` or `.light:z-n1`
+          $selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
+
+          @include utility.create(
+            $selector,
+            z-index,
+            $value,
+            $important: #{defaults.$use-important},
+            $theme: $theme-name
+          );
+        }
+      }
+    }
+  }
+
+  // Generate state-aware utilities.
+  @if defaults.$state-aware and root-defaults.$state-aware-utilities {
+    @each $state-name, $value in root-defaults.$state-selectors {
+      // e.g. `.hover:` or `.focus:`
+      $selector-prefix: #{defaults.$selector-base}#{defaults.$state-aware-selector-prefix}#{$state-name}#{defaults.$state-aware-separator};
+
+      // For each template property, create a utility class.
+      @each $name, $value in defaults.$z-index-properties {
+        // e.g. `.hover:z-0` or `.focus:z-n1`
+        $selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
+
+        @include utility.create(
+          $selector,
+          z-index,
+          $value,
+          $important: #{defaults.$use-important},
+          $state: $state-name
+        );
+      }
+    }
+  }
+
+  // Generate container-aware utilities.
+  @if defaults.$container-aware and root-defaults.$container-aware-utilities {
+    @each $container-name in map.keys(root-defaults.$container-sizes) {
+      // e.g. `.md:` or `.lg:`
+      $selector-prefix: #{defaults.$selector-base}#{defaults.$container-aware-selector-prefix}#{$container-name}#{defaults.$container-aware-separator};
+
+      // For each template property, create a utility class.
+      @each $name, $value in defaults.$z-index-properties {
+        // e.g. `.md:z-0`
+        $selector: #{$selector-prefix}#{defaults.$z-index-selector-prefix}#{$name};
+
+        @include utility.create(
+          $selector,
+          z-index,
+          $value,
+          $important: #{defaults.$use-important},
+          $container: $container-name
+        );
+      }
+    }
+  }
+}

package/packages/core/src/scss/utilities/z-index/_variables.scss

@@ -0,0 +1,6 @@
+// @graupl/core [_template] utilities variables.
+//
+// These values are to be used to directly style components and provide a
+// cleaner way to reference custom properties.
+
+@use "defaults";

package/packages/core/vite.config.js

@@ -0,0 +1,28 @@
+import { resolve } from "path";
+import { defineConfig } from "vite";
+import { fileURLToPath, URL } from "url";
+
+// Get the current directory path.
+const __dirname = fileURLToPath(new URL(".", import.meta.url));
+
+// Supported build types.
+const formats = ["iife", "esm", "cjs"];
+
+// https://vitejs.dev/config/
+export default defineConfig({
+  build: {
+    outDir: "dist/js",
+    lib: {
+      entry: resolve(__dirname, "build.js"),
+      name: "Graupl",
+      formats,
+      fileName: (format) => `graupl.${format}.js`,
+    },
+  },
+  server: {
+    host: "0.0.0.0",
+    hmr: {
+      host: "localhost",
+    },
+  },
+});

package/packages/icons/dist/css/base/button.css

@@ -0,0 +1,2 @@
+@layer graupl.theme{.button{--graupl-icon-color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.button.visited,.button:visited{--graupl-icon-color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.focus{--graupl-icon-color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button:focus-visible{--graupl-icon-color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.hover,.button:hover{--graupl-icon-color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.button.active,.button:active{--graupl-icon-color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled.active,.button.disabled.disabled,.button.disabled.hover,.button.disabled:active,.button.disabled:disabled,.button.disabled:hover,.button.disabled[aria-disabled=true],.button.disabled[disabled],.button:disabled,.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled.active,.button:disabled.disabled,.button:disabled.hover,.button:disabled:active,.button:disabled:disabled,.button:disabled:hover,.button:disabled[aria-disabled=true],.button:disabled[disabled],.button[disabled],.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[disabled]:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true],.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited,.button[disabled].active,.button[disabled].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true]:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true].active,.button[aria-disabled=true].disabled,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:disabled,.button[aria-disabled=true]:hover,.button[aria-disabled=true][aria-disabled=true],.button[aria-disabled=true][disabled]{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
+/*# sourceMappingURL=button.css.map */

package/packages/icons/dist/css/base/button.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../src/scss/base/button/_index.scss","button.css"],"names":[],"mappings":"AASI,oBCkBF,QACE,+MCxBF,CD6BM,gCACE,kPCxBR,CDuBM,cACE,gPCrBR,CDoBM,sBACE,gPClBR,CDiBM,4BACE,+NCZR,CDWM,8BACE,iQCNR,CDgBc,0FACE,2KCLhB,CDIc,+BACE,2KCFhB,CDCc,4SACE,2KCkChB,CDnCc,+BACE,2KCqChB,CDtCc,gTACE,2KCyEhB,CD1Ec,gCACE,2KC4EhB,CD7Ec,gWACE,2KCgHhB,CDjHc,0CACE,2KCmHhB,CDpHc,0SACE,2KC2IhB,CACF","file":"button.css"}

package/packages/icons/dist/css/base/link.css

@@ -0,0 +1,2 @@
+@layer graupl.theme{a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}a.visited,a:visited{--graupl-icon-color:var(--graupl-link-visited-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a.focus{--graupl-icon-color:var(--graupl-link-focus-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a:focus-visible{--graupl-icon-color:var(--graupl-link-focus-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a.hover,a:hover{--graupl-icon-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a.active,a:active{--graupl-icon-color:var(--graupl-link-active-color,var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))))}a.disabled,a.disabled.focus,a.disabled.visited,a.disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled.active,a.disabled.disabled,a.disabled.hover,a.disabled:active,a.disabled:disabled,a.disabled:hover,a.disabled[aria-disabled=true],a.disabled[disabled],a:disabled,a:disabled.focus,a:disabled.visited,a:disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled.active,a:disabled.disabled,a:disabled.hover,a:disabled:active,a:disabled:disabled,a:disabled:hover,a:disabled[aria-disabled=true],a:disabled[disabled],a[disabled],a[disabled].focus,a[disabled].visited,a[disabled]:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[disabled]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true],a[aria-disabled=true].focus,a[aria-disabled=true].visited,a[aria-disabled=true]:visited,a[disabled].active,a[disabled].disabled,a[disabled].hover,a[disabled]:active,a[disabled]:disabled,a[disabled]:hover,a[disabled][aria-disabled=true],a[disabled][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true].active,a[aria-disabled=true].disabled,a[aria-disabled=true].hover,a[aria-disabled=true]:active,a[aria-disabled=true]:disabled,a[aria-disabled=true]:hover,a[aria-disabled=true][aria-disabled=true],a[aria-disabled=true][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
+/*# sourceMappingURL=link.css.map */

package/packages/icons/dist/css/base/link.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../src/scss/base/link/_index.scss","link.css"],"names":[],"mappings":"AASI,oBCkBkC,EAClC,gKCzBF,CD8BM,oBACE,iMCzBR,CDwBM,QACE,+LCtBR,CDqBM,gBACE,+LCnBR,CDkBM,gBACE,yKCbR,CDYM,kBACE,yMCPR,CDiBc,kEACE,yKCNhB,CDKc,yBACE,yKCHhB,CDEc,oOACE,yKCiChB,CDlCc,yBACE,yKCoChB,CDrCc,wOACE,yKCwEhB,CDzEc,0BACE,yKC2EhB,CD5Ec,wRACE,yKC+GhB,CDhHc,oCACE,yKCkHhB,CDnHc,0PACE,yKC0IhB,CACF","file":"link.css"}

package/packages/icons/dist/css/base.css

@@ -0,0 +1,2 @@
+@layer graupl.theme{.button{--graupl-icon-color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.button.visited,.button:visited{--graupl-icon-color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.focus{--graupl-icon-color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button:focus-visible{--graupl-icon-color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.hover,.button:hover{--graupl-icon-color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.button.active,.button:active{--graupl-icon-color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled.active,.button.disabled.disabled,.button.disabled.hover,.button.disabled:active,.button.disabled:disabled,.button.disabled:hover,.button.disabled[aria-disabled=true],.button.disabled[disabled],.button:disabled,.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled.active,.button:disabled.disabled,.button:disabled.hover,.button:disabled:active,.button:disabled:disabled,.button:disabled:hover,.button:disabled[aria-disabled=true],.button:disabled[disabled],.button[disabled],.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[disabled]:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true],.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited,.button[disabled].active,.button[disabled].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true]:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true].active,.button[aria-disabled=true].disabled,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:disabled,.button[aria-disabled=true]:hover,.button[aria-disabled=true][aria-disabled=true],.button[aria-disabled=true][disabled]{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}a.visited,a:visited{--graupl-icon-color:var(--graupl-link-visited-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a.focus{--graupl-icon-color:var(--graupl-link-focus-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}}@layer graupl.theme{a:focus-visible{--graupl-icon-color:var(--graupl-link-focus-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a.hover,a:hover{--graupl-icon-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a.active,a:active{--graupl-icon-color:var(--graupl-link-active-color,var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))))}a.disabled,a.disabled.focus,a.disabled.visited,a.disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled.active,a.disabled.disabled,a.disabled.hover,a.disabled:active,a.disabled:disabled,a.disabled:hover,a.disabled[aria-disabled=true],a.disabled[disabled],a:disabled,a:disabled.focus,a:disabled.visited,a:disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled.active,a:disabled.disabled,a:disabled.hover,a:disabled:active,a:disabled:disabled,a:disabled:hover,a:disabled[aria-disabled=true],a:disabled[disabled],a[disabled],a[disabled].focus,a[disabled].visited,a[disabled]:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[disabled]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true],a[aria-disabled=true].focus,a[aria-disabled=true].visited,a[aria-disabled=true]:visited,a[disabled].active,a[disabled].disabled,a[disabled].hover,a[disabled]:active,a[disabled]:disabled,a[disabled]:hover,a[disabled][aria-disabled=true],a[disabled][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true].active,a[aria-disabled=true].disabled,a[aria-disabled=true].hover,a[aria-disabled=true]:active,a[aria-disabled=true]:disabled,a[aria-disabled=true]:hover,a[aria-disabled=true][aria-disabled=true],a[aria-disabled=true][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}
+/*# sourceMappingURL=base.css.map */

package/packages/icons/dist/css/base.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../src/scss/base/button/_index.scss","base.css","../../src/scss/base/link/_index.scss"],"names":[],"mappings":"AASI,oBCkBF,QACE,+MCxBF,CD6BM,gCACE,kPCxBR,CDuBM,cACE,gPCrBR,CDoBM,sBACE,gPClBR,CDiBM,4BACE,+NCZR,CDWM,8BACE,iQCNR,CDgBc,0FACE,2KCLhB,CDIc,+BACE,2KCFhB,CDCc,4SACE,2KCkChB,CDnCc,+BACE,2KCqChB,CDtCc,gTACE,2KCyEhB,CD1Ec,gCACE,2KC4EhB,CD7Ec,gWACE,2KCgHhB,CDjHc,0CACE,2KCmHhB,CDpHc,0SACE,2KC2IhB,CC7JoC,EAClC,gKDiKF,CC5JM,oBACE,iMDiKR,CClKM,QACE,+LDoKR,CAbF,CFhLI,oBGwBI,gBACE,+LDuKR,CCxKM,gBACE,yKD6KR,CC9KM,kBACE,yMDmLR,CCzKc,kEACE,yKDoLhB,CCrLc,yBACE,yKDuLhB,CCxLc,oOACE,yKD2NhB,CC5Nc,yBACE,yKD8NhB,CC/Nc,wOACE,yKDkQhB,CCnQc,0BACE,yKDqQhB,CCtQc,wRACE,yKDyShB,CC1Sc,oCACE,yKD4ShB,CC7Sc,0PACE,yKDoUhB,CACF","file":"base.css"}

package/packages/icons/dist/css/component/icon.css

@@ -0,0 +1,2 @@
+@layer graupl.component{.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon,.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.icon-after.primary-100,.icon-before.primary-100,.icon.primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-after.primary-200,.icon-before.primary-200,.icon.primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-after.primary-300,.icon-before.primary-300,.icon.primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-after.primary-400,.icon-before.primary-400,.icon.primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-after.primary-500,.icon-before.primary-500,.icon.primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.primary-600,.icon-before.primary-600,.icon.primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-after.primary-700,.icon-before.primary-700,.icon.primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-after.primary-800,.icon-before.primary-800,.icon.primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-after.primary-900,.icon-before.primary-900,.icon.primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-after.secondary-100,.icon-before.secondary-100,.icon.secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-after.secondary-200,.icon-before.secondary-200,.icon.secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-after.secondary-300,.icon-before.secondary-300,.icon.secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-after.secondary-400,.icon-before.secondary-400,.icon.secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-after.secondary-500,.icon-before.secondary-500,.icon.secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.secondary-600,.icon-before.secondary-600,.icon.secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-after.secondary-700,.icon-before.secondary-700,.icon.secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-after.secondary-800,.icon-before.secondary-800,.icon.secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-after.secondary-900,.icon-before.secondary-900,.icon.secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-after.tertiary-100,.icon-before.tertiary-100,.icon.tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-after.tertiary-200,.icon-before.tertiary-200,.icon.tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-after.tertiary-300,.icon-before.tertiary-300,.icon.tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-after.tertiary-400,.icon-before.tertiary-400,.icon.tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-after.tertiary-500,.icon-before.tertiary-500,.icon.tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after.tertiary-600,.icon-before.tertiary-600,.icon.tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-after.tertiary-700,.icon-before.tertiary-700,.icon.tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-after.tertiary-800,.icon-before.tertiary-800,.icon.tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-after.tertiary-900,.icon-before.tertiary-900,.icon.tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
+/*# sourceMappingURL=icon.css.map */

package/packages/icons/dist/css/component/icon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../../src/scss/component/icon/_index.scss","../../../src/scss/component/icon/_mixins.scss","../../../src/scss/component/icon/_variables.scss","icon.css"],"names":[],"mappings":"AASI,wBCCF,MCDA,uBAAA,CADA,2BAAA,CAEA,uBAAA,CALA,+CCMa,CDJb,+DCUY,CDuBV,yLAAA,CA5BF,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DEQA,CFUE,oBAIE,uGECJ,CFEE,sCAtBF,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDLZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DEsCA,CFbE,kBAIE,yGESJ,CACF,CJpCI,oBEyCA,4CA/BF,0MEoCA,CHFM,mEACE,uIGMR,CHPM,mEACE,uIGWR,CHZM,mEACE,uIGgBR,CHjBM,mEACE,uIGqBR,CHtBM,mEACE,uIG0BR,CH3BM,mEACE,uIG+BR,CHhCM,mEACE,uIGoCR,CHrCM,mEACE,uIGyCR,CH1CM,mEACE,uIG8CR,CH/CM,yEACE,6IGmDR,CHpDM,yEACE,6IGwDR,CHzDM,yEACE,6IG6DR,CH9DM,yEACE,6IGkER,CHnEM,yEACE,6IGuER,CHxEM,yEACE,6IG4ER,CH7EM,yEACE,6IGiFR,CHlFM,yEACE,6IGsFR,CHvFM,yEACE,6IG2FR,CH5FM,sEACE,0IGgGR,CHjGM,sEACE,0IGqGR,CHtGM,sEACE,0IG0GR,CH3GM,sEACE,0IG+GR,CHhHM,sEACE,uIGoHR,CHrHM,sEACE,0IGyHR,CH1HM,sEACE,0IG8HR,CH/HM,sEACE,0IGmIR,CHpIM,sEACE,0IGwIR,CACF","file":"icon.css"}

package/packages/icons/dist/css/component.css

@@ -0,0 +1,2 @@
+@layer graupl.component{.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon,.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.icon-after.primary-100,.icon-before.primary-100,.icon.primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-after.primary-200,.icon-before.primary-200,.icon.primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-after.primary-300,.icon-before.primary-300,.icon.primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-after.primary-400,.icon-before.primary-400,.icon.primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-after.primary-500,.icon-before.primary-500,.icon.primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.primary-600,.icon-before.primary-600,.icon.primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-after.primary-700,.icon-before.primary-700,.icon.primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-after.primary-800,.icon-before.primary-800,.icon.primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-after.primary-900,.icon-before.primary-900,.icon.primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-after.secondary-100,.icon-before.secondary-100,.icon.secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-after.secondary-200,.icon-before.secondary-200,.icon.secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-after.secondary-300,.icon-before.secondary-300,.icon.secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-after.secondary-400,.icon-before.secondary-400,.icon.secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-after.secondary-500,.icon-before.secondary-500,.icon.secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.secondary-600,.icon-before.secondary-600,.icon.secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-after.secondary-700,.icon-before.secondary-700,.icon.secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-after.secondary-800,.icon-before.secondary-800,.icon.secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-after.secondary-900,.icon-before.secondary-900,.icon.secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-after.tertiary-100,.icon-before.tertiary-100,.icon.tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-after.tertiary-200,.icon-before.tertiary-200,.icon.tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-after.tertiary-300,.icon-before.tertiary-300,.icon.tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-after.tertiary-400,.icon-before.tertiary-400,.icon.tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-after.tertiary-500,.icon-before.tertiary-500,.icon.tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after.tertiary-600,.icon-before.tertiary-600,.icon.tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-after.tertiary-700,.icon-before.tertiary-700,.icon.tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-after.tertiary-800,.icon-before.tertiary-800,.icon.tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-after.tertiary-900,.icon-before.tertiary-900,.icon.tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
+/*# sourceMappingURL=component.css.map */

package/packages/icons/dist/css/component.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../src/scss/component/icon/_index.scss","../../src/scss/component/icon/_mixins.scss","../../src/scss/component/icon/_variables.scss","component.css"],"names":[],"mappings":"AASI,wBCCF,MCDA,uBAAA,CADA,2BAAA,CAEA,uBAAA,CALA,+CCMa,CDJb,+DCUY,CDuBV,yLAAA,CA5BF,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DEQA,CFUE,oBAIE,uGECJ,CFEE,sCAtBF,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDLZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DEsCA,CFbE,kBAIE,yGESJ,CACF,CJpCI,oBEyCA,4CA/BF,0MEoCA,CHFM,mEACE,uIGMR,CHPM,mEACE,uIGWR,CHZM,mEACE,uIGgBR,CHjBM,mEACE,uIGqBR,CHtBM,mEACE,uIG0BR,CH3BM,mEACE,uIG+BR,CHhCM,mEACE,uIGoCR,CHrCM,mEACE,uIGyCR,CH1CM,mEACE,uIG8CR,CH/CM,yEACE,6IGmDR,CHpDM,yEACE,6IGwDR,CHzDM,yEACE,6IG6DR,CH9DM,yEACE,6IGkER,CHnEM,yEACE,6IGuER,CHxEM,yEACE,6IG4ER,CH7EM,yEACE,6IGiFR,CHlFM,yEACE,6IGsFR,CHvFM,yEACE,6IG2FR,CH5FM,sEACE,0IGgGR,CHjGM,sEACE,0IGqGR,CHtGM,sEACE,0IG0GR,CH3GM,sEACE,0IG+GR,CHhHM,sEACE,uIGoHR,CHrHM,sEACE,0IGyHR,CH1HM,sEACE,0IG8HR,CH/HM,sEACE,0IGmIR,CHpIM,sEACE,0IGwIR,CACF","file":"component.css"}

package/packages/icons/dist/css/icon.css

@@ -0,0 +1,2 @@
+@layer graupl.theme{.button{--graupl-icon-color:var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.button.visited,.button:visited{--graupl-icon-color:var(--graupl-button-visited-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.focus{--graupl-icon-color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button:focus-visible{--graupl-icon-color:var(--graupl-button-focus-color,var(--graupl-button-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))))))}.button.hover,.button:hover{--graupl-icon-color:var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff))))))}.button.active,.button:active{--graupl-icon-color:var(--graupl-button-active-color,var(--graupl-button-hover-color,var(--graupl-background,var(--graupl-root-background,var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))))))}.button.disabled,.button.disabled.focus,.button.disabled.visited,.button.disabled:visited{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button.disabled.active,.button.disabled.disabled,.button.disabled.hover,.button.disabled:active,.button.disabled:disabled,.button.disabled:hover,.button.disabled[aria-disabled=true],.button.disabled[disabled],.button:disabled,.button:disabled.focus,.button:disabled.visited,.button:disabled:visited{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button:disabled.active,.button:disabled.disabled,.button:disabled.hover,.button:disabled:active,.button:disabled:disabled,.button:disabled:hover,.button:disabled[aria-disabled=true],.button:disabled[disabled],.button[disabled],.button[disabled].focus,.button[disabled].visited,.button[disabled]:visited{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[disabled]:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true],.button[aria-disabled=true].focus,.button[aria-disabled=true].visited,.button[aria-disabled=true]:visited,.button[disabled].active,.button[disabled].disabled,.button[disabled].hover,.button[disabled]:active,.button[disabled]:disabled,.button[disabled]:hover,.button[disabled][aria-disabled=true],.button[disabled][disabled]{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true]:focus-visible{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}.button[aria-disabled=true].active,.button[aria-disabled=true].disabled,.button[aria-disabled=true].hover,.button[aria-disabled=true]:active,.button[aria-disabled=true]:disabled,.button[aria-disabled=true]:hover,.button[aria-disabled=true][aria-disabled=true],.button[aria-disabled=true][disabled]{--graupl-icon-color:var(--graupl-button-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a{--graupl-icon-color:var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1))))}a.visited,a:visited{--graupl-icon-color:var(--graupl-link-visited-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a.focus{--graupl-icon-color:var(--graupl-link-focus-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}}@layer graupl.theme{a:focus-visible{--graupl-icon-color:var(--graupl-link-focus-color,var(--graupl-link-color,var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))))}a.hover,a:hover{--graupl-icon-color:var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46))))}a.active,a:active{--graupl-icon-color:var(--graupl-link-active-color,var(--graupl-link-hover-color,var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))))}a.disabled,a.disabled.focus,a.disabled.visited,a.disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a.disabled.active,a.disabled.disabled,a.disabled.hover,a.disabled:active,a.disabled:disabled,a.disabled:hover,a.disabled[aria-disabled=true],a.disabled[disabled],a:disabled,a:disabled.focus,a:disabled.visited,a:disabled:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a:disabled.active,a:disabled.disabled,a:disabled.hover,a:disabled:active,a:disabled:disabled,a:disabled:hover,a:disabled[aria-disabled=true],a:disabled[disabled],a[disabled],a[disabled].focus,a[disabled].visited,a[disabled]:visited{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[disabled]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true],a[aria-disabled=true].focus,a[aria-disabled=true].visited,a[aria-disabled=true]:visited,a[disabled].active,a[disabled].disabled,a[disabled].hover,a[disabled]:active,a[disabled]:disabled,a[disabled]:hover,a[disabled][aria-disabled=true],a[disabled][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true]:focus-visible{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}a[aria-disabled=true].active,a[aria-disabled=true].disabled,a[aria-disabled=true].hover,a[aria-disabled=true]:active,a[aria-disabled=true]:disabled,a[aria-disabled=true]:hover,a[aria-disabled=true][aria-disabled=true],a[aria-disabled=true][disabled]{--graupl-icon-color:var(--graupl-link-disabled-color,var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa))))}}@layer graupl.component{.icon{background-position:50%;background-repeat:no-repeat;background-size:contain;display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));margin-inline:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25))) var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-before:before{margin-inline-end:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}.icon-after:after,.icon-before:before{background-position:50%;background-repeat:no-repeat;background-size:contain;content:"";display:var(--graupl-icon-display,inline-block);height:var(--graupl-icon-height,var(--graupl-icon-size,1.25em));-webkit-mask-image:var(--graupl-icon,none);mask-image:var(--graupl-icon,none);-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain;vertical-align:sub;width:var(--graupl-icon-width,var(--graupl-icon-size,1.25em))}.icon-after:after{margin-inline-start:var(--graupl-icon-spacer,var(--graupl-spacer-2,calc(var(--graupl-spacer, 1rem)*.25)))}}@layer graupl.theme{.icon,.icon-after:after,.icon-before:before{background-color:var(--graupl-icon-color,var(--graupl-color,var(--graupl-root-color,var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233))))))}.icon-after.primary-100,.icon-before.primary-100,.icon.primary-100{--graupl-icon-color:var(--graupl-theme-active--primary--100,var(--graupl-theme-light--primary--100,var(--graupl-primary--100,#e6eeff)))}.icon-after.primary-200,.icon-before.primary-200,.icon.primary-200{--graupl-icon-color:var(--graupl-theme-active--primary--200,var(--graupl-theme-light--primary--200,var(--graupl-primary--200,#9ebefa)))}.icon-after.primary-300,.icon-before.primary-300,.icon.primary-300{--graupl-icon-color:var(--graupl-theme-active--primary--300,var(--graupl-theme-light--primary--300,var(--graupl-primary--300,#5e90ed)))}.icon-after.primary-400,.icon-before.primary-400,.icon.primary-400{--graupl-icon-color:var(--graupl-theme-active--primary--400,var(--graupl-theme-light--primary--400,var(--graupl-primary--400,#3672e2)))}.icon-after.primary-500,.icon-before.primary-500,.icon.primary-500{--graupl-icon-color:var(--graupl-theme-active--primary--500,var(--graupl-theme-light--primary--500,var(--graupl-primary--500,#2063df)))}.icon-after.primary-600,.icon-before.primary-600,.icon.primary-600{--graupl-icon-color:var(--graupl-theme-active--primary--600,var(--graupl-theme-light--primary--600,var(--graupl-primary--600,#1d59c9)))}.icon-after.primary-700,.icon-before.primary-700,.icon.primary-700{--graupl-icon-color:var(--graupl-theme-active--primary--700,var(--graupl-theme-light--primary--700,var(--graupl-primary--700,#1244a1)))}.icon-after.primary-800,.icon-before.primary-800,.icon.primary-800{--graupl-icon-color:var(--graupl-theme-active--primary--800,var(--graupl-theme-light--primary--800,var(--graupl-primary--800,#052561)))}.icon-after.primary-900,.icon-before.primary-900,.icon.primary-900{--graupl-icon-color:var(--graupl-theme-active--primary--900,var(--graupl-theme-light--primary--900,var(--graupl-primary--900,#001233)))}.icon-after.secondary-100,.icon-before.secondary-100,.icon.secondary-100{--graupl-icon-color:var(--graupl-theme-active--secondary--100,var(--graupl-theme-light--secondary--100,var(--graupl-secondary--100,#edeef7)))}.icon-after.secondary-200,.icon-before.secondary-200,.icon.secondary-200{--graupl-icon-color:var(--graupl-theme-active--secondary--200,var(--graupl-theme-light--secondary--200,var(--graupl-secondary--200,#bdbfdb)))}.icon-after.secondary-300,.icon-before.secondary-300,.icon.secondary-300{--graupl-icon-color:var(--graupl-theme-active--secondary--300,var(--graupl-theme-light--secondary--300,var(--graupl-secondary--300,#9497b8)))}.icon-after.secondary-400,.icon-before.secondary-400,.icon.secondary-400{--graupl-icon-color:var(--graupl-theme-active--secondary--400,var(--graupl-theme-light--secondary--400,var(--graupl-secondary--400,#7b7e9d)))}.icon-after.secondary-500,.icon-before.secondary-500,.icon.secondary-500{--graupl-icon-color:var(--graupl-theme-active--secondary--500,var(--graupl-theme-light--secondary--500,var(--graupl-secondary--500,#6c7093)))}.icon-after.secondary-600,.icon-before.secondary-600,.icon.secondary-600{--graupl-icon-color:var(--graupl-theme-active--secondary--600,var(--graupl-theme-light--secondary--600,var(--graupl-secondary--600,#626484)))}.icon-after.secondary-700,.icon-before.secondary-700,.icon.secondary-700{--graupl-icon-color:var(--graupl-theme-active--secondary--700,var(--graupl-theme-light--secondary--700,var(--graupl-secondary--700,#474a6b)))}.icon-after.secondary-800,.icon-before.secondary-800,.icon.secondary-800{--graupl-icon-color:var(--graupl-theme-active--secondary--800,var(--graupl-theme-light--secondary--800,var(--graupl-secondary--800,#242642)))}.icon-after.secondary-900,.icon-before.secondary-900,.icon.secondary-900{--graupl-icon-color:var(--graupl-theme-active--secondary--900,var(--graupl-theme-light--secondary--900,var(--graupl-secondary--900,#0f1124)))}.icon-after.tertiary-100,.icon-before.tertiary-100,.icon.tertiary-100{--graupl-icon-color:var(--graupl-theme-active--tertiary--100,var(--graupl-theme-light--tertiary--100,var(--graupl-tertiary--100,#fde7ef)))}.icon-after.tertiary-200,.icon-before.tertiary-200,.icon.tertiary-200{--graupl-icon-color:var(--graupl-theme-active--tertiary--200,var(--graupl-theme-light--tertiary--200,var(--graupl-tertiary--200,#f2a6bf)))}.icon-after.tertiary-300,.icon-before.tertiary-300,.icon.tertiary-300{--graupl-icon-color:var(--graupl-theme-active--tertiary--300,var(--graupl-theme-light--tertiary--300,var(--graupl-tertiary--300,#e06c92)))}.icon-after.tertiary-400,.icon-before.tertiary-400,.icon.tertiary-400{--graupl-icon-color:var(--graupl-theme-active--tertiary--400,var(--graupl-theme-light--tertiary--400,var(--graupl-tertiary--400,#d14775)))}.icon-after.tertiary-500,.icon-before.tertiary-500,.icon.tertiary-500{--graupl-icon-color:var(--graupl-theme-active--tertiary--500,var(--graupl-theme-light--tertiary--500,var(--graupl-tertiary--500,#c36)))}.icon-after.tertiary-600,.icon-before.tertiary-600,.icon.tertiary-600{--graupl-icon-color:var(--graupl-theme-active--tertiary--600,var(--graupl-theme-light--tertiary--600,var(--graupl-tertiary--600,#b82e5c)))}.icon-after.tertiary-700,.icon-before.tertiary-700,.icon.tertiary-700{--graupl-icon-color:var(--graupl-theme-active--tertiary--700,var(--graupl-theme-light--tertiary--700,var(--graupl-tertiary--700,#931f46)))}.icon-after.tertiary-800,.icon-before.tertiary-800,.icon.tertiary-800{--graupl-icon-color:var(--graupl-theme-active--tertiary--800,var(--graupl-theme-light--tertiary--800,var(--graupl-tertiary--800,#590d26)))}.icon-after.tertiary-900,.icon-before.tertiary-900,.icon.tertiary-900{--graupl-icon-color:var(--graupl-theme-active--tertiary--900,var(--graupl-theme-light--tertiary--900,var(--graupl-tertiary--900,#2f0412)))}}
+/*# sourceMappingURL=icon.css.map */

package/packages/icons/dist/css/icon.css.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../node_modules/@graupl/core/src/scss/mixins/_layer.scss","../../src/scss/base/button/_index.scss","icon.css","../../src/scss/base/link/_index.scss","../../src/scss/component/icon/_index.scss","../../src/scss/component/icon/_mixins.scss","../../src/scss/component/icon/_variables.scss"],"names":[],"mappings":"AASI,oBCkBF,QACE,+MCxBF,CD6BM,gCACE,kPCxBR,CDuBM,cACE,gPCrBR,CDoBM,sBACE,gPClBR,CDiBM,4BACE,+NCZR,CDWM,8BACE,iQCNR,CDgBc,0FACE,2KCLhB,CDIc,+BACE,2KCFhB,CDCc,4SACE,2KCkChB,CDnCc,+BACE,2KCqChB,CDtCc,gTACE,2KCyEhB,CD1Ec,gCACE,2KC4EhB,CD7Ec,gWACE,2KCgHhB,CDjHc,0CACE,2KCmHhB,CDpHc,0SACE,2KC2IhB,CC7JoC,EAClC,gKDiKF,CC5JM,oBACE,iMDiKR,CClKM,QACE,+LDoKR,CAbF,CFhLI,oBGwBI,gBACE,+LDuKR,CCxKM,gBACE,yKD6KR,CC9KM,kBACE,yMDmLR,CCzKc,kEACE,yKDoLhB,CCrLc,yBACE,yKDuLhB,CCxLc,oOACE,yKD2NhB,CC5Nc,yBACE,yKD8NhB,CC/Nc,wOACE,yKDkQhB,CCnQc,0BACE,yKDqQhB,CCtQc,wRACE,yKDyShB,CC1Sc,oCACE,yKD4ShB,CC7Sc,0PACE,yKDoUhB,CACF,CFzWI,wBICF,MCDA,uBAAA,CADA,2BAAA,CAEA,uBAAA,CALA,+CCMa,CDJb,+DCUY,CDuBV,yLAAA,CA5BF,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DH2XA,CGzWE,oBAIE,uGHoXJ,CGjXE,sCAtBF,uBAAA,CADA,2BAAA,CAEA,uBAAA,CAiBI,UAAA,CAtBJ,+CCMa,CDJb,+DCUY,CDLZ,0CCOK,CDPL,kCCOK,CDJL,4BAAA,CAAA,oBAAA,CAFA,6BAAA,CAAA,qBAAA,CACA,yBAAA,CAAA,iBAAA,CAHA,kBAAA,CALA,6DHyZA,CGhYE,kBAIE,yGH4XJ,CACF,CFvZI,oBKyCA,4CA/BF,0MHuZA,CErXM,mEACE,uIFyXR,CE1XM,mEACE,uIF8XR,CE/XM,mEACE,uIFmYR,CEpYM,mEACE,uIFwYR,CEzYM,mEACE,uIF6YR,CE9YM,mEACE,uIFkZR,CEnZM,mEACE,uIFuZR,CExZM,mEACE,uIF4ZR,CE7ZM,mEACE,uIFiaR,CElaM,yEACE,6IFsaR,CEvaM,yEACE,6IF2aR,CE5aM,yEACE,6IFgbR,CEjbM,yEACE,6IFqbR,CEtbM,yEACE,6IF0bR,CE3bM,yEACE,6IF+bR,CEhcM,yEACE,6IFocR,CErcM,yEACE,6IFycR,CE1cM,yEACE,6IF8cR,CE/cM,sEACE,0IFmdR,CEpdM,sEACE,0IFwdR,CEzdM,sEACE,0IF6dR,CE9dM,sEACE,0IFkeR,CEneM,sEACE,uIFueR,CExeM,sEACE,0IF4eR,CE7eM,sEACE,0IFifR,CElfM,sEACE,0IFsfR,CEvfM,sEACE,0IF2fR,CACF","file":"icon.css"}

package/packages/icons/package.json

@@ -0,0 +1,48 @@
+{
+  "name": "@graupl/icons",
+  "version": "1.0.0-beta.10",
+  "description": "A plugin for Graupl that provides bare-minimum icon components.",
+  "type": "module",
+  "files": [
+    "dist",
+    "scss",
+    "src"
+  ],
+  "exports": {
+    ".": {
+      "sass": "./scss/icon.scss"
+    },
+    "./*.scss": {
+      "sass": "./scss/*.scss"
+    },
+    "./src/*.scss": {
+      "sass": "./src/scss/*.scss"
+    }
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Graupl/graupl.git",
+    "directory": "packages/icons"
+  },
+  "keywords": [
+    "graupl"
+  ],
+  "author": "Nick Milton",
+  "contributors": [
+    {
+      "name": "Coldfront Labs Inc.",
+      "url": "https://coldfrontlabs.ca"
+    }
+  ],
+  "bugs": {
+    "url": "https://github.com/Graupl/graupl/issues"
+  },
+  "license": "ISC",
+  "homepage": "https://github.com/Graupl/graupl/tree/main/packages/icons#readme",
+  "devDependencies": {
+    "sass": "^1.89.2"
+  },
+  "dependencies": {
+    "@graupl/core": "*"
+  }
+}

package/packages/icons/scss/base/button.scss

@@ -0,0 +1,3 @@
+// @gruapl/icons button base.
+
+@forward "../../src/scss/base/button";

package/packages/icons/scss/base/link.scss

@@ -0,0 +1,3 @@
+// @gruapl/icons link base.
+
+@forward "../../src/scss/base/link";

package/packages/icons/scss/base.scss

@@ -0,0 +1,3 @@
+// @gruapl/icons base.
+
+@forward "../src/scss/base";

package/packages/icons/scss/component/icon.scss

@@ -0,0 +1,3 @@
+// Graupl Icons Icon Component.
+
+@forward "../../src/scss/component/icon";

package/packages/icons/scss/component.scss

@@ -0,0 +1,3 @@
+// @gruapl/icons components.
+
+@forward "../src/scss/component";

package/packages/icons/scss/icon.scss

@@ -0,0 +1,3 @@
+// @gruapl/icons.
+
+@forward "../src/scss";

package/packages/icons/src/scss/_index.scss

@@ -0,0 +1,4 @@
+// @gruapl/icons styles.
+
+@forward "base";
+@forward "component";

package/packages/icons/src/scss/base/_index.scss

@@ -0,0 +1,4 @@
+// @gruapl/icons base styles.
+
+@forward "button";
+@forward "link";

package/packages/icons/src/scss/base/button/_defaults.scss

@@ -0,0 +1,7 @@
+// @graupl/icons button base default values.
+//
+// Generally, these should not be used directly when styling components unless a static value is needed.
+// They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.
+//
+// They should not be used to define direct property values (i.e. font-size, color, etc.).
+// Those should be defined as custom properties in the `_variables.scss` file.

package/packages/icons/src/scss/base/button/_index.scss

@@ -0,0 +1,58 @@
+// @gruapl/icons button base styles.
+//
+// This module provides icon component integration for the button component.
+//
+// It sets the `--graupl-icon-color` custom property to the appropriate `--graupl-button-color` property.
+//
+// The following selectors are generated by default:
+// - `.button`: The button component.
+//
+// The following custom properties control the generated selectors:
+// - N/A
+//
+// The following variables control the generated selectors:
+// - N/A
+//
+// @example
+// <button class="button icon-after">Button</button>
+
+@use "pkg:@graupl/core/src/base/button/defaults" as button-defaults;
+@use "pkg:@graupl/core/src/base/button/variables" as button;
+@use "pkg:@graupl/core/src/defaults" as root-defaults;
+@use "pkg:@graupl/core/src/mixins/layer" as *;
+@use "sass:map";
+@use "variables" as *;
+
+@include layer(theme) {
+  // .button
+  #{button-defaults.$button-selector-base}#{button-defaults.$button-selector} {
+    --#{root-defaults.$prefix}icon-color: #{button.$button-color};
+
+    @each $state, $selectors in root-defaults.$state-selectors {
+      @each $selector in $selectors {
+        // e.g &:visited, &:focus-visible, &:hover, &:active, &:disabled
+        &#{$selector} {
+          --#{root-defaults.$prefix}icon-color: #{map.get(
+              button.$button-color-states,
+              $state
+            )};
+
+          // If the state is disabled, we want that to supersede all other states.
+          @if $state == "disabled" {
+            @each $sub-state, $sub-selectors in root-defaults.$state-selectors {
+              @each $sub-selector in $sub-selectors {
+                // e.g &:visited, &:focus-visible, &:hover, &:active
+                &#{$sub-selector} {
+                  --#{root-defaults.$prefix}icon-color: #{map.get(
+                      button.$button-color-states,
+                      $state
+                    )};
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/packages/icons/src/scss/base/button/_variables.scss

@@ -0,0 +1,7 @@
+// @graupl/icons button base variables.
+//
+// These values are to be used to directly style components and provide a
+// cleaner way to reference custom properties.
+
+@use "defaults";
+@use "pkg:@graupl/core/src/defaults" as root-defaults;

package/packages/icons/src/scss/base/link/_defaults.scss

@@ -0,0 +1,7 @@
+// @graupl/icons link base default values.
+//
+// Generally, these should not be used directly when styling components unless a static value is needed.
+// They are mainly used to provide class selectors, fallbacks for custom properties, or loop values.
+//
+// They should not be used to define direct property values (i.e. font-size, color, etc.).
+// Those should be defined as custom properties in the `_variables.scss` file.

package/packages/icons/src/scss/base/link/_index.scss

@@ -0,0 +1,58 @@
+// @gruapl/icons link base styles.
+//
+// This module provides icon component integration for the link component.
+//
+// It sets the `--graupl-icon-color` custom property to the appropriate `--graupl-link-color` property.
+//
+// The following selectors are generated by default:
+// - `a`: The link component.
+//
+// The following custom properties control the generated selectors:
+// - N/A
+//
+// The following variables control the generated selectors:
+// - N/A
+//
+// @example
+// <a href="#" class="icon-after">Link</a>
+
+@use "pkg:@graupl/core/src/base/link/defaults" as link-defaults;
+@use "pkg:@graupl/core/src/base/link/variables" as link;
+@use "pkg:@graupl/core/src/defaults" as root-defaults;
+@use "pkg:@graupl/core/src/mixins/layer" as *;
+@use "sass:map";
+@use "variables" as *;
+
+@include layer(theme) {
+  // a
+  #{link-defaults.$link-selector-base}#{link-defaults.$link-selector} {
+    --#{root-defaults.$prefix}icon-color: #{link.$link-color};
+
+    @each $state, $selectors in root-defaults.$state-selectors {
+      @each $selector in $selectors {
+        // e.g &:visited, &:focus-visible, &:hover, &:active, &:disabled
+        &#{$selector} {
+          --#{root-defaults.$prefix}icon-color: #{map.get(
+              link.$link-color-states,
+              $state
+            )};
+
+          // If the state is disabled, we want that to supersede all other states.
+          @if $state == "disabled" {
+            @each $sub-state, $sub-selectors in root-defaults.$state-selectors {
+              @each $sub-selector in $sub-selectors {
+                // e.g &:visited, &:focus-visible, &:hover, &:active
+                &#{$sub-selector} {
+                  --#{root-defaults.$prefix}icon-color: #{map.get(
+                      link.$link-color-states,
+                      $state
+                    )};
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}

package/packages/icons/src/scss/base/link/_variables.scss

@@ -0,0 +1,7 @@
+// @graupl/icons link base variables.
+//
+// These values are to be used to directly style components and provide a
+// cleaner way to reference custom properties.
+
+@use "defaults";
+@use "pkg:@graupl/core/src/defaults" as root-defaults;

package/packages/icons/src/scss/component/_index.scss

@@ -0,0 +1,3 @@
+// @gruapl/icons component styles.
+
+@forward "icon";