@breadstone/mosaik-themes 0.0.206 → 0.0.210

package/tailwind/v4/materialTailwindPresets.css

@@ -1,29 +0,0 @@
-/* ------------------------------------------------------------------------------
- * <auto-generated>
- *     This code was generated by a tool.
- *     Changes to this file may cause incorrect behavior and will be lost if
- *     the code is regenerated.
- * </auto-generated>
- * ------------------------------------------------------------------------------ */
-
-@theme {
-  /* border-width */
-  --border-width-layout-thickness: 2px;
-
-  /* color */
-  --color-primary: oklch(48.14% 0.2784 286.55);
-  --color-secondary: oklch(37.32% 0.2273 279.07);
-  --color-tertiary: oklch(79.79% 0.1416 183.25);
-
-  /* font-family */
-  --font-family-family: 'Inter', Roboto, Helvetica, sans-serif;
-
-  /* radius */
-  --radius-layout-radius: 12px;
-
-  /* shadow */
-  --shadow-none: none;
-
-  /* spacing */
-  --spacing-space: 8px;
-}

package/themes/___bootstrap-tokens.css

@@ -1,91 +0,0 @@
-:root {
-  --name: "bootstrap";
-  --font-family: 'Inter', Roboto, Helvetica, sans-serif;
-  --layout-radius: 12px;
-  --layout-space: 8px;
-  --layout-thickness: 2px;
-  --color-light-primary-100: #cfe2ff;
-  --color-light-primary-200: #9ec5fe;
-  --color-light-primary-300: #6ea8fe;
-  --color-light-primary-400: #3d8bfd;
-  --color-light-primary-500: #0d6efd;
-  --color-light-primary-600: #0a58ca;
-  --color-light-primary-700: #084298;
-  --color-light-primary-800: #052c65;
-  --color-light-primary-900: #031633;
-  --color-light-secondary-100: #f8f9fa;
-  --color-light-secondary-200: #e9ecef;
-  --color-light-secondary-300: #dee2e6;
-  --color-light-secondary-400: #ced4da;
-  --color-light-secondary-500: #adb5bd;
-  --color-light-secondary-600: #6c757d;
-  --color-light-secondary-700: #495057;
-  --color-light-secondary-800: #343a40;
-  --color-light-secondary-900: #212529;
-  --color-dark-primary-100: #cfe2ff;
-  --color-dark-primary-200: #9ec5fe;
-  --color-dark-primary-300: #6ea8fe;
-  --color-dark-primary-400: #3d8bfd;
-  --color-dark-primary-500: #0d6efd;
-  --color-dark-primary-600: #0a58ca;
-  --color-dark-primary-700: #084298;
-  --color-dark-primary-800: #052c65;
-  --color-dark-primary-900: #031633;
-  --color-dark-secondary-100: #f8f9fa;
-  --color-dark-secondary-200: #e9ecef;
-  --color-dark-secondary-300: #dee2e6;
-  --color-dark-secondary-400: #ced4da;
-  --color-dark-secondary-500: #adb5bd;
-  --color-dark-secondary-600: #6c757d;
-  --color-dark-secondary-700: #495057;
-  --color-dark-secondary-800: #343a40;
-  --color-dark-secondary-900: #212529;
-  --typography-headline1-font-size: 80px;
-  --typography-headline1-line-height: 1.2;
-  --typography-headline1-font-weight: 300;
-  --typography-headline1-letter-spacing: 0;
-  --typography-headline1-text-decoration: none;
-  --typography-headline1-text-transform: none;
-  --typography-headline2-font-size: 72px;
-  --typography-headline2-line-height: 1.2;
-  --typography-headline2-font-weight: 300;
-  --typography-headline2-letter-spacing: 0;
-  --typography-headline2-text-decoration: none;
-  --typography-headline2-text-transform: none;
-  --typography-headline3-font-size: 64px;
-  --typography-headline3-line-height: 1.2;
-  --typography-headline3-font-weight: 300;
-  --typography-headline3-letter-spacing: 0;
-  --typography-headline3-text-decoration: none;
-  --typography-headline3-text-transform: none;
-  --typography-headline4-font-size: 56px;
-  --typography-headline4-line-height: 1.2;
-  --typography-headline4-font-weight: 300;
-  --typography-headline4-letter-spacing: 0;
-  --typography-headline4-text-decoration: none;
-  --typography-headline4-text-transform: none;
-  --typography-headline5-font-size: 48px;
-  --typography-headline5-line-height: 1.2;
-  --typography-headline5-font-weight: 300;
-  --typography-headline5-letter-spacing: 0;
-  --typography-headline5-text-decoration: none;
-  --typography-headline5-text-transform: none;
-  --typography-headline6-font-size: 40px;
-  --typography-headline6-line-height: 1.2;
-  --typography-headline6-font-weight: 300;
-  --typography-headline6-letter-spacing: 0;
-  --typography-headline6-text-decoration: none;
-  --typography-headline6-text-transform: none;
-  --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: var(--size-key-tiny) var(--size-key-small) var(--size-key-medium) var(--size-key-large) var(--size-key-giant);
-}

package/themes/___fluent-tokens.css

@@ -1,30 +0,0 @@
-:root {
-  --name: "fluent";
-  --font-family: 'Inter', Roboto, Helvetica, sans-serif;
-  --layout-radius: 12px;
-  --layout-space: 8px;
-  --layout-thickness: 2px;
-  --color-light-primary: #0078D4;
-  --color-light-secondary: #005A9E;
-  --color-light-tertiary: #003E6B;
-  --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";
-  --duration-duration-ultra-fast: 50ms;
-  --duration-duration-faster: 100ms;
-  --duration-duration-fast: 150ms;
-  --duration-duration-normal: 200ms;
-  --duration-duration-gentle: 250ms;
-  --duration-duration-slow: 300ms;
-  --duration-duration-slower: 400ms;
-  --duration-duration-ultra-slow: 500ms;
-  --size-key: var(--size-key-tiny) var(--size-key-small) var(--size-key-medium) var(--size-key-large) var(--size-key-giant);
-}

package/themes/___material-tokens.css

@@ -1,22 +0,0 @@
-:root {
-  --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: var(--size-key-tiny) var(--size-key-small) var(--size-key-medium) var(--size-key-large) var(--size-key-giant);
-}

package/themes/bootstrap-tokens.scss

@@ -1,89 +0,0 @@
-$name: "bootstrap";
-$font-family: 'Inter', Roboto, Helvetica, sans-serif;
-$layout-radius: 12px;
-$layout-space: 8px;
-$layout-thickness: 2px;
-$color-light-primary-100: #cfe2ff;
-$color-light-primary-200: #9ec5fe;
-$color-light-primary-300: #6ea8fe;
-$color-light-primary-400: #3d8bfd;
-$color-light-primary-500: #0d6efd;
-$color-light-primary-600: #0a58ca;
-$color-light-primary-700: #084298;
-$color-light-primary-800: #052c65;
-$color-light-primary-900: #031633;
-$color-light-secondary-100: #f8f9fa;
-$color-light-secondary-200: #e9ecef;
-$color-light-secondary-300: #dee2e6;
-$color-light-secondary-400: #ced4da;
-$color-light-secondary-500: #adb5bd;
-$color-light-secondary-600: #6c757d;
-$color-light-secondary-700: #495057;
-$color-light-secondary-800: #343a40;
-$color-light-secondary-900: #212529;
-$color-dark-primary-100: #cfe2ff;
-$color-dark-primary-200: #9ec5fe;
-$color-dark-primary-300: #6ea8fe;
-$color-dark-primary-400: #3d8bfd;
-$color-dark-primary-500: #0d6efd;
-$color-dark-primary-600: #0a58ca;
-$color-dark-primary-700: #084298;
-$color-dark-primary-800: #052c65;
-$color-dark-primary-900: #031633;
-$color-dark-secondary-100: #f8f9fa;
-$color-dark-secondary-200: #e9ecef;
-$color-dark-secondary-300: #dee2e6;
-$color-dark-secondary-400: #ced4da;
-$color-dark-secondary-500: #adb5bd;
-$color-dark-secondary-600: #6c757d;
-$color-dark-secondary-700: #495057;
-$color-dark-secondary-800: #343a40;
-$color-dark-secondary-900: #212529;
-$typography-headline1-font-size: 80px;
-$typography-headline1-line-height: 1.2;
-$typography-headline1-font-weight: 300;
-$typography-headline1-letter-spacing: 0;
-$typography-headline1-text-decoration: none;
-$typography-headline1-text-transform: none;
-$typography-headline2-font-size: 72px;
-$typography-headline2-line-height: 1.2;
-$typography-headline2-font-weight: 300;
-$typography-headline2-letter-spacing: 0;
-$typography-headline2-text-decoration: none;
-$typography-headline2-text-transform: none;
-$typography-headline3-font-size: 64px;
-$typography-headline3-line-height: 1.2;
-$typography-headline3-font-weight: 300;
-$typography-headline3-letter-spacing: 0;
-$typography-headline3-text-decoration: none;
-$typography-headline3-text-transform: none;
-$typography-headline4-font-size: 56px;
-$typography-headline4-line-height: 1.2;
-$typography-headline4-font-weight: 300;
-$typography-headline4-letter-spacing: 0;
-$typography-headline4-text-decoration: none;
-$typography-headline4-text-transform: none;
-$typography-headline5-font-size: 48px;
-$typography-headline5-line-height: 1.2;
-$typography-headline5-font-weight: 300;
-$typography-headline5-letter-spacing: 0;
-$typography-headline5-text-decoration: none;
-$typography-headline5-text-transform: none;
-$typography-headline6-font-size: 40px;
-$typography-headline6-line-height: 1.2;
-$typography-headline6-font-weight: 300;
-$typography-headline6-letter-spacing: 0;
-$typography-headline6-text-decoration: none;
-$typography-headline6-text-transform: none;
-$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/bootstrap.scss

@@ -1,163 +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: "bootstrap";
-$font-family: 'Inter', Roboto, Helvetica, sans-serif;
-$layout-radius: 12px;
-$layout-space: 8px;
-$layout-thickness: 2px;
-$color-light-primary-100: #cfe2ff;
-$color-light-primary-200: #9ec5fe;
-$color-light-primary-300: #6ea8fe;
-$color-light-primary-400: #3d8bfd;
-$color-light-primary-500: #0d6efd;
-$color-light-primary-600: #0a58ca;
-$color-light-primary-700: #084298;
-$color-light-primary-800: #052c65;
-$color-light-primary-900: #031633;
-$color-light-secondary-100: #f8f9fa;
-$color-light-secondary-200: #e9ecef;
-$color-light-secondary-300: #dee2e6;
-$color-light-secondary-400: #ced4da;
-$color-light-secondary-500: #adb5bd;
-$color-light-secondary-600: #6c757d;
-$color-light-secondary-700: #495057;
-$color-light-secondary-800: #343a40;
-$color-light-secondary-900: #212529;
-$color-dark-primary-100: #cfe2ff;
-$color-dark-primary-200: #9ec5fe;
-$color-dark-primary-300: #6ea8fe;
-$color-dark-primary-400: #3d8bfd;
-$color-dark-primary-500: #0d6efd;
-$color-dark-primary-600: #0a58ca;
-$color-dark-primary-700: #084298;
-$color-dark-primary-800: #052c65;
-$color-dark-primary-900: #031633;
-$color-dark-secondary-100: #f8f9fa;
-$color-dark-secondary-200: #e9ecef;
-$color-dark-secondary-300: #dee2e6;
-$color-dark-secondary-400: #ced4da;
-$color-dark-secondary-500: #adb5bd;
-$color-dark-secondary-600: #6c757d;
-$color-dark-secondary-700: #495057;
-$color-dark-secondary-800: #343a40;
-$color-dark-secondary-900: #212529;
-$typography-headline1-font-size: 80px;
-$typography-headline1-line-height: 1.2;
-$typography-headline1-font-weight: 300;
-$typography-headline1-letter-spacing: 0;
-$typography-headline1-text-decoration: none;
-$typography-headline1-text-transform: none;
-$typography-headline2-font-size: 72px;
-$typography-headline2-line-height: 1.2;
-$typography-headline2-font-weight: 300;
-$typography-headline2-letter-spacing: 0;
-$typography-headline2-text-decoration: none;
-$typography-headline2-text-transform: none;
-$typography-headline3-font-size: 64px;
-$typography-headline3-line-height: 1.2;
-$typography-headline3-font-weight: 300;
-$typography-headline3-letter-spacing: 0;
-$typography-headline3-text-decoration: none;
-$typography-headline3-text-transform: none;
-$typography-headline4-font-size: 56px;
-$typography-headline4-line-height: 1.2;
-$typography-headline4-font-weight: 300;
-$typography-headline4-letter-spacing: 0;
-$typography-headline4-text-decoration: none;
-$typography-headline4-text-transform: none;
-$typography-headline5-font-size: 48px;
-$typography-headline5-line-height: 1.2;
-$typography-headline5-font-weight: 300;
-$typography-headline5-letter-spacing: 0;
-$typography-headline5-text-decoration: none;
-$typography-headline5-text-transform: none;
-$typography-headline6-font-size: 40px;
-$typography-headline6-line-height: 1.2;
-$typography-headline6-font-weight: 300;
-$typography-headline6-letter-spacing: 0;
-$typography-headline6-text-decoration: none;
-$typography-headline6-text-transform: none;
-$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 bootstrap-style($radius: $layout-radius, $thickness: $layout-thickness, $space: $layout-space) {
-    $theme: 'bootstrap';
-}

package/themes/fluent-tokens.scss

@@ -1,28 +0,0 @@
-$name: "fluent";
-$font-family: 'Inter', Roboto, Helvetica, sans-serif;
-$layout-radius: 12px;
-$layout-space: 8px;
-$layout-thickness: 2px;
-$color-light-primary: #0078D4;
-$color-light-secondary: #005A9E;
-$color-light-tertiary: #003E6B;
-$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";
-$duration-duration-ultra-fast: 50ms;
-$duration-duration-faster: 100ms;
-$duration-duration-fast: 150ms;
-$duration-duration-normal: 200ms;
-$duration-duration-gentle: 250ms;
-$duration-duration-slow: 300ms;
-$duration-duration-slower: 400ms;
-$duration-duration-ultra-slow: 500ms;
-$size-key: $size-key-tiny $size-key-small $size-key-medium $size-key-large $size-key-giant;