@breadstone/mosaik-themes 0.0.206 → 0.0.209

package/themes/material-tokens.scss

@@ -1,20 +0,0 @@
-$name: "material";
-$font-family: 'Inter', Roboto, Helvetica, sans-serif;
-$layout-radius: 12px;
-$layout-space: 8px;
-$layout-thickness: 2px;
-$color-light-primary: #6200ee;
-$color-light-secondary: #3700b3;
-$color-light-tertiary: #03dac6;
-$elevation-none: none;
-$size-tiny: 2px;
-$size-small: 4px;
-$size-medium: 8px;
-$size-large: 16px;
-$size-giant: 32px;
-$size-key-tiny: "tiny";
-$size-key-small: "small";
-$size-key-medium: "medium";
-$size-key-large: "large";
-$size-key-giant: "giant";
-$size-key: $size-key-tiny $size-key-small $size-key-medium $size-key-large $size-key-giant;

package/themes/material.scss

@@ -1,94 +0,0 @@
-@use 'sass:map';
-@use 'sass:list';
-@use 'sass:meta';
-@mixin _generate-elevation-vars($map, $prefix, $mode) {
-    @each $key, $value in $map {
-        @if meta.type-of($value) == 'map' {
-            @each $level-key, $level-value in $value {
-                @each $part, $val in $level-value {
-                    #{'--#{$prefix}-elevation-#{$mode}-#{$key}-#{$part}-#{$level-key}'}: #{$val};
-                }
-            }
-        } @else {
-            #{'--#{$prefix}-elevation-#{$mode}-#{$key}'}: #{$value};
-        }
-    }
-}
-@mixin _generate-elevation-composite($map, $prefix, $mode) {
-    @each $key, $value in $map {
-        @if meta.type-of($value) == 'map' {
-            $layers: ();
-            @each $layer-idx, $layer-token in $value {
-                $shadow: ();
-                @each $part in (offset-x, offset-y, blur, spread, color) {
-                    $shadow: list.append($shadow, var(--#{$prefix}-elevation-#{$mode}-#{$key}-#{$part}-#{$layer-idx}), $separator: space);
-                }
-                $layers: list.append($layers, list.join($shadow, (), $separator: space), $separator: comma);
-            }
-            #{'--#{$prefix}-elevation-#{$mode}-#{$key}'}: #{$layers};
-        }
-    }
-}
-@mixin _remap-elevation-vars($map, $prefix, $mode) {
-    @each $key, $value in $map {
-        @if meta.type-of($value) == 'map' {
-            @each $level-key, $level-value in $value {
-                @each $part, $val in $level-value {
-                    #{'--#{$prefix}-elevation-#{$key}-#{$part}-#{$level-key}'}: var(--#{$prefix}-elevation-#{$mode}-#{$key}-#{$part}-#{$level-key});
-                }
-            }
-            #{'--#{$prefix}-elevation-#{$key}'}: var(--#{$prefix}-elevation-#{$mode}-#{$key});
-        } @else {
-            #{'--#{$prefix}-elevation-#{$key}'}: var(--#{$prefix}-elevation-#{$mode}-#{$key});
-        }
-    }
-}
-@function box-shadow($x: 0px, $y: 0px, $blur: 0px, $spread: 0px, $color: rgba(0, 0, 0, 0.5), $inset: false) {
-    $shadow: #{$x} #{$y} #{$blur} #{$spread} #{$color};
-    @if $inset {
-        $shadow: inset $shadow;
-    }
-    @return $shadow;
-}
-@function box-shadow-with-color($shadows, $new-color) {
-    $output: ();
-    @each $shadow in $shadows {
-        $parts: ();
-        $color: null;
-        // break apart the shadow into components
-        @each $part in $shadow {
-            @if type-of($part) == 'color' {
-                $color: $part;
-            } @else {
-                $parts: append($parts, $part);
-            }
-        }
-        // append the new color in place of the original
-        $parts: append($parts, $new-color);
-        $output: append($output, $parts, comma);
-    }
-    @return $output;
-}
-$name: "material";
-$font-family: 'Inter', Roboto, Helvetica, sans-serif;
-$layout-radius: 12px;
-$layout-space: 8px;
-$layout-thickness: 2px;
-$color-light-primary: #6200ee;
-$color-light-secondary: #3700b3;
-$color-light-tertiary: #03dac6;
-$elevation-none: none;
-$size-tiny: 2px;
-$size-small: 4px;
-$size-medium: 8px;
-$size-large: 16px;
-$size-giant: 32px;
-$size-key-tiny: "tiny";
-$size-key-small: "small";
-$size-key-medium: "medium";
-$size-key-large: "large";
-$size-key-giant: "giant";
-$size-key: $size-key-tiny $size-key-small $size-key-medium $size-key-large $size-key-giant;
-@mixin material-style($radius: $layout-radius, $thickness: $layout-thickness, $space: $layout-space) {
-    $theme: 'material';
-}