@graupl/graupl 1.0.0-alpha.9 → 1.0.0-beta.1

package/src/scss/component/table/_index.scss

@@ -1,77 +0,0 @@
-// Table component styles.
-
-@use "variables" as *;
-@use "defaults";
-@use "../../mixins/layer" as *;
-@use "../../defaults" as root-defaults;
-@use "../../functions/theme";
-
-@include layer(component) {
-  table {
-    @each $variant in theme.variants() {
-      &.#{$variant},
-      .#{$variant} {
-        @each $prop, $key in defaults.$table-theme-map {
-          --#{root-defaults.$prefix}-table-#{$prop}: #{theme.get(
-              $variant,
-              $key
-            )};
-        }
-      }
-    }
-
-    &.bordered {
-      border-collapse: collapse;
-      border-width: $table-border-width;
-      border-style: $table-border-style;
-      border-color: $table-border-color;
-
-      tr > * {
-        border-width: $table-cell-border-width;
-        border-style: $table-cell-border-style;
-        border-color: $table-cell-border-color;
-      }
-    }
-
-    &.striped-columns {
-      tbody tr:nth-child(odd) > * {
-        background: $table-striped-background;
-        color: $table-striped-color;
-      }
-    }
-
-    &.striped-rows {
-      tbody tr > :nth-child(odd) {
-        background: $table-striped-background;
-        color: $table-striped-color;
-      }
-    }
-
-    &.hoverable {
-      tbody tr:hover > * {
-        background: $table-hover-background;
-        color: $table-hover-color;
-      }
-    }
-
-    .highlight {
-      --#{root-defaults.$prefix}-table-cell-background: #{$table-highlight-background};
-      --#{root-defaults.$prefix}-table-cell-color: #{$table-highlight-color};
-      --#{root-defaults.$prefix}-table-header-background: #{$table-highlight-background};
-      --#{root-defaults.$prefix}-table-header-color: #{$table-highlight-color};
-      --#{root-defaults.$prefix}-table-striped-background: #{$table-highlight-background};
-      --#{root-defaults.$prefix}-table-striped-color: #{$table-highlight-color};
-    }
-  }
-
-  .responsive-table {
-    display: block;
-    width: 100%;
-    overflow: scroll hidden;
-
-    table {
-      width: 100%;
-      margin-bottom: 0;
-    }
-  }
-}

package/src/scss/component/table/_variables.scss

@@ -1,64 +0,0 @@
-// Variables referencing custom properties.
-
-@use "defaults";
-@use "../../defaults" as root-defaults;
-@use "../../variables" as root-variables;
-@use "../../functions/theme";
-
-// Table border properties.
-$table-border-width: var(
-  --#{root-defaults.$prefix}-table-border-width,
-  #{root-variables.$border-width}
-);
-$table-border-style: var(
-  --#{root-defaults.$prefix}-table-border-style,
-  #{root-variables.$border-style}
-);
-$table-border-color: var(
-  --#{root-defaults.$prefix}-table-border-color,
-  #{theme.get(primary, 900)}
-);
-
-// Table cell border properties.
-$table-cell-border-width: var(
-  --#{root-defaults.$prefix}-table-cell-border-width,
-  #{$table-border-width}
-);
-$table-cell-border-style: var(
-  --#{root-defaults.$prefix}-table-cell-border-style,
-  #{$table-border-style}
-);
-$table-cell-border-color: var(
-  --#{root-defaults.$prefix}-table-cell-border-color,
-  #{$table-border-color}
-);
-
-// Table striped properties.
-$table-striped-background: var(
-  --#{root-defaults.$prefix}-table-striped-background,
-  #{theme.get(secondary, 200)}
-);
-$table-striped-color: var(
-  --#{root-defaults.$prefix}-table-striped-color,
-  #{theme.get(secondary, 900)}
-);
-
-// Table hover properties.
-$table-hover-background: var(
-  --#{root-defaults.$prefix}-table-hover-background,
-  #{theme.get(secondary, 300)}
-);
-$table-hover-color: var(
-  --#{root-defaults.$prefix}-table-hover-color,
-  #{theme.get(secondary, 900)}
-);
-
-// Table highlight properties.
-$table-highlight-background: var(
-  --#{root-defaults.$prefix}-table-highlight-background,
-  #{theme.get(secondary, 500)}
-);
-$table-highlight-color: var(
-  --#{root-defaults.$prefix}-table-highlight-color,
-  #{theme.get(secondary, 100)}
-);

package/src/scss/mixins/_media-queries.scss

@@ -1,26 +0,0 @@
-// Media query mixins.
-
-@use "../defaults" as root-defaults;
-@use "sass:map";
-
-// A media query for targetting users who have not requested reduced motion.
-@mixin animation-on {
-  @media (prefers-reduced-motion: no-preference) {
-    @content;
-  }
-}
-
-// A media query for targetting users who have requested reduced motion.
-@mixin animation-off {
-  @media (prefers-reduced-motion: reduce) {
-    @content;
-  }
-}
-
-@mixin screen($size) {
-  $screen-size: map.get(root-defaults.$screen-sizes, $size);
-
-  @media screen and #{$screen-size} {
-    @content;
-  }
-}

package/src/scss/utilities/colors/_defaults.scss

@@ -1,5 +0,0 @@
-// 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/src/scss/utilities/colors/_index.scss

@@ -1,22 +0,0 @@
-// Graupl color utilities.
-
-@use "variables" as *;
-@use "../../mixins/layer" as *;
-@use "../../functions/important";
-@use "../../theme/color/variables" as color;
-
-@include layer(utilities) {
-  @each $color, $map in color.$theme-active {
-    @each $shade, $value in $map {
-      $name: #{$color}-#{$shade};
-
-      .bg-#{$name} {
-        background: important.insert($value);
-      }
-
-      .text-#{$name} {
-        color: important.insert($value);
-      }
-    }
-  }
-}

package/src/scss/utilities/colors/_variables.scss

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