c3-components 0.0.43 → 0.0.45

package/lib/c3-file-viewer/styles/_c3-file-viewer.scss

@@ -0,0 +1,112 @@
+@mixin c3-file-viewer($theme) {
+  .container {
+    position: relative;
+    width: 100%;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    overflow: hidden;
+
+    .btn-container {
+      position: absolute;
+      z-index: 98;
+      text-align: right;
+      bottom: 0;
+      right: 0;
+      width: 100%;
+    }
+
+    & img {
+      max-width: 100%;
+      max-height: 100%;
+    }
+
+    & a,
+    button {
+      z-index: 99;
+      position: relative;
+
+      &:not(:disabled) {
+        cursor: pointer;
+      }
+    }
+  }
+
+  button.default,
+  a.default {
+    height: 40px;
+    width: 40px;
+    opacity: 0.7;
+    transition: opacity 200ms;
+
+    &:hover {
+      opacity: 1;
+    }
+
+    &:disabled {
+      opacity: 0.25;
+    }
+  }
+
+  .nav-button-container > button,
+  .nav-button-container > a {
+    position: relative;
+    right: 0;
+    margin: 0 10px;
+  }
+
+  .nav-button-container {
+    text-align: center;
+    position: absolute;
+    z-index: 98;
+    bottom: 50px;
+    left: 0;
+    right: 0;
+  }
+
+  .spinner-container {
+    position: absolute;
+    left: 0;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    width: 60px;
+    height: 60px;
+    margin: auto;
+    padding: 10px;
+    background-color: rgba(0, 0, 0, 0.4);
+    border-radius: 25%;
+
+    .spinner {
+      border-width: 7px;
+      border-style: solid;
+      border-color: #ccc;
+      border-bottom-color: #222;
+      border-radius: 50%;
+      height: 100%;
+      width: 100%;
+      box-sizing: border-box;
+      animation: rotation 2s linear infinite;
+    }
+  }
+
+  @keyframes rotation {
+    0% {
+      transform: rotate(0deg);
+    }
+    100% {
+      transform: rotate(359deg);
+    }
+  }
+
+  .c3-file-viewer-pdf {
+    height: 100%;
+    width: 100%;
+  }
+
+  .c3-file-viewer {
+    display: block;
+    height: 100%;
+    width: 100%;
+  }
+}

package/lib/c3-styles/_c3-core.scss

@@ -0,0 +1,11 @@
+@use "./c3-root-variables" as *;
+@use "../c3-dropdown/styles/_c3-dropdown" as *;
+@use "../c3-file-viewer/styles/_c3-file-viewer" as *;
+@use "../c3-expansion/styles/_c3-expansion" as *;
+
+@mixin c3-core($theme) {
+  @include c3-root-variables($theme);
+  @include c3-material-dropdown($theme);
+  @include c3-file-viewer($theme);
+  @include c3-expansion($theme);
+}

package/lib/c3-styles/_c3-root-variables.scss

@@ -0,0 +1,124 @@
+@use "sass:map";
+@use "sass:meta";
+@use "./utils" as utils;
+
+@mixin c3-root-variables($theme) {
+  :root {
+    $primary-palette: map.get($theme, primary);
+    $accent-palette: map.get($theme, accent);
+    $warn-palette: map.get($theme, warn);
+    $background-palette: map.get($theme, background);
+    $foreground-palette: map.get($theme, foreground);
+
+    $is-dark-theme: map.get($theme, is-dark);
+
+    $primary-color: map.get($primary-palette, 500);
+    $primary-color-light: map.get($primary-palette, 300);
+    $primary-color-dark: map.get($primary-palette, 700);
+
+    $accent-color: map.get($accent-palette, 500);
+    $accent-color-light: map.get($accent-palette, 300);
+    $accent-color-dark: map.get($accent-palette, 700);
+
+    $warn-color: map.get($warn-palette, 500);
+    $warn-color-light: map.get($warn-palette, 300);
+    $warn-color-dark: map.get($warn-palette, 700);
+
+    $background-status-bar: map.get($background-palette, status-bar);
+    $background-app-bar: map.get($background-palette, app-bar);
+    $background-background: map.get($background-palette, background);
+    $background-hover: map.get($background-palette, hover);
+    $background-card: map.get($background-palette, card);
+    $background-dialog: map.get($background-palette, dialog);
+    $background-disabled-button: map.get($background-palette, disabled-button);
+    $background-raised-button: map.get($background-palette, raised-button);
+    $background-focused-button: map.get($background-palette, focused-button);
+    $background-selected-button: map.get($background-palette, selected-button);
+    $background-selected-disabled-button: map.get(
+      $background-palette,
+      selected-disabled-button
+    );
+    $background-disabled-button-toggle: map.get(
+      $background-palette,
+      disabled-button-toggle
+    );
+    $background-unselected-chip: map.get($background-palette, unselected-chip);
+    $background-disabled-list-option: map.get(
+      $background-palette,
+      disabled-list-option
+    );
+    $background-tooltip: map.get($background-palette, tooltip);
+
+    $foreground-base: map.get($foreground-palette, base);
+    $foreground-divider: map.get($foreground-palette, divider);
+    $foreground-dividers: map.get($foreground-palette, dividers);
+    $foreground-disabled: map.get($foreground-palette, disabled);
+    $foreground-disabled-button: map.get($foreground-palette, disabled-button);
+    $foreground-disabled-text: map.get($foreground-palette, disabled-text);
+    $foreground-elevation: map.get($foreground-palette, elevation);
+    $foreground-hint-text: map.get($foreground-palette, hint-text);
+    $foreground-secondary-text: map.get($foreground-palette, secondary-text);
+    $foreground-icon: map.get($foreground-palette, icon);
+    $foreground-icons: map.get($foreground-palette, icons);
+    $foreground-text: map.get($foreground-palette, text);
+    $foreground-slider-min: map.get($foreground-palette, slider-min);
+    $foreground-slider-off: map.get($foreground-palette, slider-off);
+    $foreground-slider-off-active: map.get(
+      $foreground-palette,
+      slider-off-active
+    );
+
+    --primary-color: #{$primary-color};
+    --primary-color-light: #{$primary-color-light};
+    --primary-color-dark: #{$primary-color-dark};
+
+    --accent-color: #{$accent-color};
+    --accent-color-light: #{$accent-color-light};
+    --accent-color-dark: #{$accent-color-dark};
+
+    --warn-color: #{$warn-color};
+    --warn-color-light: #{$warn-color-light};
+    --warn-color-dark: #{$warn-color-dark};
+
+    --background-status-bar: #{$background-status-bar};
+    --background-app-bar: #{$background-app-bar};
+    --background-background: #{$background-background};
+    --background-hover: #{$background-hover};
+    --background-card: #{$background-card};
+    --background-dialog: #{$background-dialog};
+    --background-disabled-button: #{$background-disabled-button};
+    --background-raised-button: #{$background-raised-button};
+    --background-focused-button: #{$background-focused-button};
+    --background-selected-button: #{$background-selected-button};
+    --background-selected-disabled-button: #{$background-selected-disabled-button};
+    --background-disabled-button-toggle: #{$background-disabled-button-toggle};
+    --background-unselected-chip: #{$background-unselected-chip};
+    --background-disabled-list-option: #{$background-disabled-list-option};
+    --background-tooltip: #{$background-tooltip};
+
+    @if $is-dark-theme {
+      --background-card-table: #{utils.get-color-from-palette($accent-palette)};
+    } @else {
+      --background-card-table: #{utils.get-color-from-palette(
+          $accent-palette,
+          100
+        )};
+    }
+
+    --foreground-base: #{$foreground-base};
+    --foreground-divider: #{$foreground-divider};
+    --foreground-dividers: #{$foreground-dividers};
+    --foreground-disabled: #{$foreground-disabled};
+    --foreground-disabled-button: #{$foreground-disabled-button};
+    --foreground-disabled-text: #{$foreground-disabled-text};
+    --foreground-elevation: #{$foreground-elevation};
+    --foreground-hint-text: #{$foreground-hint-text};
+    --foreground-secondary-text: #{$foreground-secondary-text};
+    --foreground-icon: #{$foreground-icon};
+    --foreground-icons: #{$foreground-icons};
+    --foreground-text: #{$foreground-text};
+    --foreground-slider-min: #{$foreground-slider-min};
+    --foreground-slider-off: #{$foreground-slider-off};
+    --foreground-slider-off-active: #{$foreground-slider-off-active};
+  }
+}

package/lib/c3-styles/_utils.scss

@@ -0,0 +1,33 @@
+@use "sass:map";
+@use "sass:meta";
+
+@function get-contrast-color-from-palette($palette, $hue) {
+  @return map.get(map.get($palette, contrast), $hue);
+}
+
+@function get-color-from-palette($palette, $hue: default, $opacity: null) {
+  // If hueKey is a number between zero and one, then it actually contains an
+  // opacity value, so recall this function with the default hue and that given opacity.
+  @if meta.type-of($hue) == number and $hue >= 0 and $hue <= 1 {
+    @return get-color-from-palette($palette, default, $hue);
+  }
+
+  $color: map.get($palette, $hue);
+
+  @if (meta.type-of($color) != color) {
+    // If the $color resolved to something different from a color (e.g. a CSS variable),
+    // we can't apply the opacity anyway so we return the value as is, otherwise Sass can
+    // throw an error or output something invalid.
+    @return $color;
+  }
+
+  @return rgba($color, if($opacity == null, opacity($color), $opacity));
+}
+
+@function get-color-config($theme, $default: null) {
+  @if map.has-key($theme, color) {
+    @return map.get($theme, color);
+  }
+
+  @return $default;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "c3-components",
-  "version": "0.0.43",
+  "version": "0.0.45",
   "description": "C3 Components Library",
   "author": "Kroenen62",
   "license": "MIT",

package/public-api.d.ts

@@ -38,7 +38,7 @@ export * from './lib/c3-expansion/components/c3-expansion-header/c3-expansion-he
 /**
  * Auto Animate
  */
-export * from './lib/c3-auto-animate/C3AutoAnimate.directive';
+export * from './lib/c3-auto-animate/c3-auto-animate.directive';
 /**
  * Select on Focus
  */

package/esm2022/lib/c3-auto-animate/C3AutoAnimate.directive.mjs

@@ -1,23 +0,0 @@
-import { Directive, Input } from '@angular/core';
-import autoAnimate from '@formkit/auto-animate';
-import * as i0 from "@angular/core";
-export class C3AutoAnimateDirective {
-    constructor(el) {
-        this.el = el;
-    }
-    ngAfterViewInit() {
-        autoAnimate(this.el.nativeElement, this.options);
-    }
-    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: C3AutoAnimateDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive }); }
-    static { this.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.0.1", type: C3AutoAnimateDirective, isStandalone: true, selector: "[c3AutoAnimate]", inputs: { options: "options" }, ngImport: i0 }); }
-}
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.1", ngImport: i0, type: C3AutoAnimateDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: '[c3AutoAnimate]',
-                    standalone: true,
-                }]
-        }], ctorParameters: () => [{ type: i0.ElementRef }], propDecorators: { options: [{
-                type: Input
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQzNBdXRvQW5pbWF0ZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jMy1jb21wb25lbnRzL3NyYy9saWIvYzMtYXV0by1hbmltYXRlL0MzQXV0b0FuaW1hdGUuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBaUIsU0FBUyxFQUFjLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUM1RSxPQUFPLFdBR04sTUFBTSx1QkFBdUIsQ0FBQzs7QUFNL0IsTUFBTSxPQUFPLHNCQUFzQjtJQUVqQyxZQUFvQixFQUFjO1FBQWQsT0FBRSxHQUFGLEVBQUUsQ0FBWTtJQUFHLENBQUM7SUFFdEMsZUFBZTtRQUNiLFdBQVcsQ0FBQyxJQUFJLENBQUMsRUFBRSxDQUFDLGFBQWEsRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUM7SUFDbkQsQ0FBQzs4R0FOVSxzQkFBc0I7a0dBQXRCLHNCQUFzQjs7MkZBQXRCLHNCQUFzQjtrQkFKbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsaUJBQWlCO29CQUMzQixVQUFVLEVBQUUsSUFBSTtpQkFDakI7K0VBRVUsT0FBTztzQkFBZixLQUFLIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQWZ0ZXJWaWV3SW5pdCwgRGlyZWN0aXZlLCBFbGVtZW50UmVmLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IGF1dG9BbmltYXRlLCB7XG4gIEF1dG9BbmltYXRlT3B0aW9ucyxcbiAgQXV0b0FuaW1hdGlvblBsdWdpbixcbn0gZnJvbSAnQGZvcm1raXQvYXV0by1hbmltYXRlJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW2MzQXV0b0FuaW1hdGVdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQzNBdXRvQW5pbWF0ZURpcmVjdGl2ZSBpbXBsZW1lbnRzIEFmdGVyVmlld0luaXQge1xuICBASW5wdXQoKSBvcHRpb25zPzogUGFydGlhbDxBdXRvQW5pbWF0ZU9wdGlvbnM+IHwgQXV0b0FuaW1hdGlvblBsdWdpbjtcbiAgY29uc3RydWN0b3IocHJpdmF0ZSBlbDogRWxlbWVudFJlZikge31cblxuICBuZ0FmdGVyVmlld0luaXQoKTogdm9pZCB7XG4gICAgYXV0b0FuaW1hdGUodGhpcy5lbC5uYXRpdmVFbGVtZW50LCB0aGlzLm9wdGlvbnMpO1xuICB9XG59XG4iXX0=

package/lib/c3-dropdown/styles/_c3-dropdown.sass

@@ -1,22 +0,0 @@
-@use '@angular/material' as mat
-
-=c3-material-dropdown($theme)
-  $is-dark-theme: mat.get-theme-type($theme) == dark
-  $primary: mat.get-theme-color($theme, primary)
-  $accent: mat.get-theme-color($theme, accent)
-  $warn: mat.get-theme-color($theme, warn)
-  $bg-card: mat.get-theme-color($theme, background, card)
-  $color-text: mat.get-theme-color($theme, foreground, text)
-
-  .c3-dropdown-panel
-    background: $bg-card
-    color: $color-text
-    border-radius: 4px
-    min-width: 112px
-    overflow: auto
-    max-height: calc(100vh - 48px)
-    border-radius: 4px
-    outline: 0
-    padding: 4px
-    @include mat.elevation-transition()
-    @include mat.elevation(8)

package/lib/c3-file-viewer/styles/_c3-file-viewer.sass

@@ -1,103 +0,0 @@
-=c3-file-viewer($theme)
-  .container
-    position: relative
-    width: 100%
-    display: flex
-    justify-content: center
-    align-items: center
-    overflow: hidden
-
-    .btn-container
-      position: absolute
-      z-index: 98
-      text-align: right
-      bottom: 0
-      right: 0
-      width: 100%
-
-    & img
-      max-width: 100%
-      max-height: 100%
-
-    & a,
-    button
-      z-index: 99
-      position: relative
-
-      &:not(:disabled)
-        cursor: pointer
-
-  button.default,
-  a.default
-    height: 40px
-    width: 40px
-    opacity: 0.7
-    transition: opacity 200ms
-
-  button.default:hover,
-  a.default:hover
-    opacity: 1
-
-  button.default:disabled,
-  a.default:disabled
-    opacity: 0.25
-
-  .nav-button-container > button,
-  .nav-button-container > a
-    position: relative
-    right: 0
-    margin: 0 10px
-
-  .nav-button-container
-    text-align: center
-    position: absolute
-    z-index: 98
-    bottom: 50px
-    left: 0
-    right: 0
-
-  .spinner-container
-    position: absolute
-    left: 0
-    right: 0
-    top: 0
-    bottom: 0
-    width: 60px
-    height: 60px
-    margin: auto
-    padding: 10px
-    background-color: rgba(0, 0, 0, 0.4)
-    border-radius: 25%
-
-  .spinner
-    border-width: 7px
-    border-style: solid
-    border-color: #ccc
-    border-bottom-color: #222
-    border-radius: 50%
-    height: 100%
-    width: 100%
-    box-sizing: border-box
-    -webkit-animation: rotation 2s linear infinite
-    /* Safari 4+ */
-    -moz-animation: rotation 2s linear infinite
-    /* Fx 5+ */
-    -o-animation: rotation 2s linear infinite
-    /* Opera 12+ */
-    animation: rotation 2s linear infinite
-    /* IE 10+, Fx 29+ */
-
-  @keyframes rotation
-    0%
-      -transform: rotate(0deg)
-    100%
-      -transform: rotate(359deg)
-
-  .c3-file-viewer-pdf
-    height: 100%
-    width: 100%
-
-  .c3-file-viewer
-    display: block
-    height: 100%
-    width: 100%

package/lib/c3-styles/_c3-core.sass

@@ -1,10 +0,0 @@
-@use "./c3-root-variables" as *
-@use "../c3-dropdown/styles/_c3-dropdown" as *
-@use "../c3-file-viewer/styles/_c3-file-viewer" as *
-@use "../c3-expansion/styles/_c3-expansion" as *
-
-=c3-core($theme)
-  @include c3-root-variables($theme)
-  @include c3-material-dropdown($theme)
-  @include c3-file-viewer($theme)
-  @include c3-expansion($theme)

package/lib/c3-styles/_c3-root-variables.sass

@@ -1,106 +0,0 @@
-@use "sass:map"
-@use "sass:meta"
-@use "./utils" as utils
-
-=c3-root-variables($theme)
-  :root
-    $primary-palette: map.get($theme, primary)
-    $accent-palette: map.get($theme, accent)
-    $warn-palette: map.get($theme, warn)
-    $background-palette: map.get($theme, background)
-    $foreground-palette: map.get($theme, foreground)
-
-    $is-dark-theme: map.get($theme, is-dark)
-
-    $primary-color: map.get($primary-palette, 500)
-    $primary-color-light: map.get($primary-palette, 300)
-    $primary-color-dark: map.get($primary-palette, 700)
-
-    $accent-color: map.get($accent-palette, 500)
-    $accent-color-light: map.get($accent-palette, 300)
-    $accent-color-dark: map.get($accent-palette, 700)
-
-    $warn-color: map.get($warn-palette, 500)
-    $warn-color-light: map.get($warn-palette, 300)
-    $warn-color-dark: map.get($warn-palette, 700)
-
-    $background-status-bar: map.get($background-palette, status-bar)
-    $background-app-bar: map.get($background-palette, app-bar)
-    $background-background: map.get($background-palette, background)
-    $background-hover: map.get($background-palette, hover)
-    $background-card: map.get($background-palette, card)
-    $background-dialog: map.get($background-palette, dialog)
-    $background-disabled-button: map.get($background-palette, disabled-button)
-    $background-raised-button: map.get($background-palette, raised-button)
-    $background-focused-button: map.get($background-palette, focused-button)
-    $background-selected-button: map.get($background-palette, selected-button)
-    $background-selected-disabled-button: map.get($background-palette, selected-disabled-button)
-    $background-disabled-button-toggle: map.get($background-palette, disabled-button-toggle)
-    $background-unselected-chip: map.get($background-palette, unselected-chip)
-    $background-disabled-list-option: map.get($background-palette, disabled-list-option)
-    $background-tooltip: map.get($background-palette, tooltip)
-
-    $foreground-base: map.get($foreground-palette, base)
-    $foreground-divider: map.get($foreground-palette, divider)
-    $foreground-dividers: map.get($foreground-palette, dividers)
-    $foreground-disabled: map.get($foreground-palette, disabled)
-    $foreground-disabled-button: map.get($foreground-palette, disabled-button)
-    $foreground-disabled-text: map.get($foreground-palette, disabled-text)
-    $foreground-elevation: map.get($foreground-palette, elevation)
-    $foreground-hint-text: map.get($foreground-palette, hint-text)
-    $foreground-secondary-text: map.get($foreground-palette, secondary-text)
-    $foreground-icon: map.get($foreground-palette, icon)
-    $foreground-icons: map.get($foreground-palette, icons)
-    $foreground-text: map.get($foreground-palette, text)
-    $foreground-slider-min: map.get($foreground-palette, slider-min)
-    $foreground-slider-off: map.get($foreground-palette, slider-off)
-    $foreground-slider-off-active: map.get($foreground-palette, slider-off-active)
-
-    --primary-color: #{$primary-color}
-    --primary-color-light: #{$primary-color-light}
-    --primary-color-dark: #{$primary-color-dark}
-
-    --accent-color: #{$accent-color}
-    --accent-color-light: #{$accent-color-light}
-    --accent-color-dark: #{$accent-color-dark}
-
-    --warn-color: #{$warn-color}
-    --warn-color-light: #{$warn-color-light}
-    --warn-color-dark: #{$warn-color-dark}
-
-    --background-status-bar: #{$background-status-bar}
-    --background-app-bar: #{$background-app-bar}
-    --background-background: #{$background-background}
-    --background-hover: #{$background-hover}
-    --background-card: #{$background-card}
-    --background-dialog: #{$background-dialog}
-    --background-disabled-button: #{$background-disabled-button}
-    --background-raised-button: #{$background-raised-button}
-    --background-focused-button: #{$background-focused-button}
-    --background-selected-button: #{$background-selected-button}
-    --background-selected-disabled-button: #{$background-selected-disabled-button}
-    --background-disabled-button-toggle: #{$background-disabled-button-toggle}
-    --background-unselected-chip: #{$background-unselected-chip}
-    --background-disabled-list-option: #{$background-disabled-list-option}
-    --background-tooltip: #{$background-tooltip}
-
-    @if $is-dark-theme
-      --background-card-table: #{utils.get-color-from-palette($accent-palette)}
-    @else
-      --background-card-table: #{utils.get-color-from-palette($accent-palette, 100)}
-
-    --foreground-base: #{$foreground-base}
-    --foreground-divider: #{$foreground-divider}
-    --foreground-dividers: #{$foreground-dividers}
-    --foreground-disabled: #{$foreground-disabled}
-    --foreground-disabled-button: #{$foreground-disabled-button}
-    --foreground-disabled-text: #{$foreground-disabled-text}
-    --foreground-elevation: #{$foreground-elevation}
-    --foreground-hint-text: #{$foreground-hint-text}
-    --foreground-secondary-text: #{$foreground-secondary-text}
-    --foreground-icon: #{$foreground-icon}
-    --foreground-icons: #{$foreground-icons}
-    --foreground-text: #{$foreground-text}
-    --foreground-slider-min: #{$foreground-slider-min}
-    --foreground-slider-off: #{$foreground-slider-off}
-    --foreground-slider-off-active: #{$foreground-slider-off-active}

package/lib/c3-styles/_utils.sass

@@ -1,26 +0,0 @@
-@use "sass:map"
-@use "sass:meta"
-@function get-contrast-color-from-palette($palette, $hue)
-  @return map.get(map.get($palette, contrast), $hue)
-
-@function get-color-from-palette($palette, $hue: default, $opacity: null)
-  // If hueKey is a number between zero and one, then it actually contains an
-  // opacity value, so recall this function with the default hue and that given opacity.
-  @if meta.type-of($hue) ==number and $hue>=0 and $hue <=1
-    @return get-color-from-palette($palette, default, $hue)
-
-  $color: map.get($palette, $hue)
-
-  @if (meta.type-of($color) !=color)
-    // If the $color resolved to something different from a color (e.g. a CSS variable),
-    // we can't apply the opacity anyway so we return the value as is, otherwise Sass can
-    // throw an error or output something invalid.
-    @return $color
-
-  @return rgba($color, if($opacity==null, opacity($color), $opacity))
-
-@function get-color-config($theme, $default: null)
-  @if map.has-key($theme, color)
-    @return map.get($theme, color)
-
-  @return $default