c3-components 0.0.42 → 0.0.44

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-signals/c3-boolean-signal.d.ts

@@ -0,0 +1,12 @@
+declare class BooleanSignal {
+    private _signal;
+    constructor(initialValue: Boolean);
+    get value(): Boolean;
+    set value(newValue: Boolean);
+    toggle(): void;
+    reset(): void;
+    setToTrue(): void;
+    setToFalse(): void;
+}
+export declare function booleanSignal(value: boolean): BooleanSignal;
+export {};

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.42",
+  "version": "0.0.44",
   "description": "C3 Components Library",
   "author": "Kroenen62",
   "license": "MIT",

package/public-api.d.ts

@@ -46,4 +46,4 @@ export * from './lib/c3-select-on-focus/c3-select-on-focus.directive';
 /**
  * Toggle Signal
  */
-export * from './lib/c3-signals/c3-toggle-signal';
+export * from './lib/c3-signals/c3-boolean-signal';

package/esm2022/lib/c3-signals/c3-toggle-signal.mjs

@@ -1,24 +0,0 @@
-import { signal } from '@angular/core';
-class ToggleSignal {
-    constructor(initialValue) {
-        this._signal = signal(initialValue);
-    }
-    get value() {
-        return this._signal();
-    }
-    set value(newValue) {
-        this._signal.set(newValue);
-    }
-    toggle() {
-        if (typeof this._signal() === 'boolean') {
-            this._signal.set(!this._signal());
-        }
-        else {
-            throw new Error('Toggle can only be used on boolean signals');
-        }
-    }
-}
-export function toggleSignal(value) {
-    return new ToggleSignal(value);
-}
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYzMtdG9nZ2xlLXNpZ25hbC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2MzLWNvbXBvbmVudHMvc3JjL2xpYi9jMy1zaWduYWxzL2MzLXRvZ2dsZS1zaWduYWwudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE1BQU0sRUFBa0IsTUFBTSxlQUFlLENBQUM7QUFFdkQsTUFBTSxZQUFZO0lBR2hCLFlBQVksWUFBZTtRQUN6QixJQUFJLENBQUMsT0FBTyxHQUFHLE1BQU0sQ0FBSSxZQUFZLENBQUMsQ0FBQztJQUN6QyxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsT0FBTyxFQUFFLENBQUM7SUFDeEIsQ0FBQztJQUVELElBQUksS0FBSyxDQUFDLFFBQVc7UUFDbkIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsUUFBUSxDQUFDLENBQUM7SUFDN0IsQ0FBQztJQUVELE1BQU07UUFDSixJQUFJLE9BQU8sSUFBSSxDQUFDLE9BQU8sRUFBRSxLQUFLLFNBQVMsRUFBRSxDQUFDO1lBQ3hDLElBQUksQ0FBQyxPQUFPLENBQUMsR0FBRyxDQUFDLENBQUMsSUFBSSxDQUFDLE9BQU8sRUFBUyxDQUFDLENBQUM7UUFDM0MsQ0FBQzthQUFNLENBQUM7WUFDTixNQUFNLElBQUksS0FBSyxDQUFDLDRDQUE0QyxDQUFDLENBQUM7UUFDaEUsQ0FBQztJQUNILENBQUM7Q0FHRjtBQUVELE1BQU0sVUFBVSxZQUFZLENBQUMsS0FBYztJQUN6QyxPQUFPLElBQUksWUFBWSxDQUFDLEtBQUssQ0FBQyxDQUFDO0FBQ2pDLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBzaWduYWwsIFdyaXRhYmxlU2lnbmFsIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbmNsYXNzIFRvZ2dsZVNpZ25hbDxUIGV4dGVuZHMgQm9vbGVhbj4ge1xuICBwcml2YXRlIF9zaWduYWw6IFdyaXRhYmxlU2lnbmFsPFQ+O1xuXG4gIGNvbnN0cnVjdG9yKGluaXRpYWxWYWx1ZTogVCkge1xuICAgIHRoaXMuX3NpZ25hbCA9IHNpZ25hbDxUPihpbml0aWFsVmFsdWUpO1xuICB9XG5cbiAgZ2V0IHZhbHVlKCkge1xuICAgIHJldHVybiB0aGlzLl9zaWduYWwoKTtcbiAgfVxuXG4gIHNldCB2YWx1ZShuZXdWYWx1ZTogVCkge1xuICAgIHRoaXMuX3NpZ25hbC5zZXQobmV3VmFsdWUpO1xuICB9XG5cbiAgdG9nZ2xlKCkge1xuICAgIGlmICh0eXBlb2YgdGhpcy5fc2lnbmFsKCkgPT09ICdib29sZWFuJykge1xuICAgICAgdGhpcy5fc2lnbmFsLnNldCghdGhpcy5fc2lnbmFsKCkgYXMgYW55KTtcbiAgICB9IGVsc2Uge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKCdUb2dnbGUgY2FuIG9ubHkgYmUgdXNlZCBvbiBib29sZWFuIHNpZ25hbHMnKTtcbiAgICB9XG4gIH1cblxuICAvLyBBam91dGV6IGQnYXV0cmVzIG3DqXRob2RlcyBwZXJzb25uYWxpc8OpZXMgc2kgbsOpY2Vzc2FpcmVcbn1cblxuZXhwb3J0IGZ1bmN0aW9uIHRvZ2dsZVNpZ25hbCh2YWx1ZTogYm9vbGVhbikge1xuICByZXR1cm4gbmV3IFRvZ2dsZVNpZ25hbCh2YWx1ZSk7XG59XG4iXX0=

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-signals/c3-toggle-signal.d.ts

@@ -1,9 +0,0 @@
-declare class ToggleSignal<T extends Boolean> {
-    private _signal;
-    constructor(initialValue: T);
-    get value(): T;
-    set value(newValue: T);
-    toggle(): void;
-}
-export declare function toggleSignal(value: boolean): ToggleSignal<boolean>;
-export {};

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