@filip.mazev/blocks-core 1.0.28 → 1.0.30

package/types/filip.mazev-blocks-core.d.ts

@@ -141,7 +141,9 @@ declare class ThemingService implements OnDestroy {
     static ɵprov: _angular_core.ɵɵInjectableDeclaration<ThemingService>;
 }
 
-declare const PALETTE_NAMES: readonly ["orange", "purple", "red", "green", "error", "success", "information", "neutral"];
+type SemanticColorToken = 'bg-canvas' | 'bg-surface' | 'bg-surface-alt' | 'bg-element' | 'bg-element-hover' | 'primary' | 'primary-hover' | 'primary-active' | 'primary-subtle' | 'on-primary' | 'text-heading' | 'text-primary' | 'text-secondary' | 'text-brand' | 'text-inverse' | 'text-info' | 'text-warn' | 'text-success' | 'text-danger' | 'border-subtle' | 'border-default' | 'border-strong' | 'border-brand' | 'border-info' | 'border-success' | 'border-warn' | 'border-danger' | 'bg-info' | 'bg-info-hover' | 'bg-info-active' | 'bg-info-disabled' | 'bg-info-subtle' | 'bg-success' | 'bg-success-hover' | 'bg-success-active' | 'bg-success-disabled' | 'bg-success-subtle' | 'bg-warn' | 'bg-warn-hover' | 'bg-warn-active' | 'bg-warn-disabled' | 'bg-warn-subtle' | 'bg-danger' | 'bg-danger-hover' | 'bg-danger-active' | 'bg-danger-disabled' | 'bg-danger-subtle' | 'scroll-bg' | 'scroll-thumb' | 'scroll-thumb-hover';
+
+declare const PALETTE_NAMES: readonly ["orange", "purple", "red", "green", "danger", "success", "information", "neutral"];
 declare const SHADE_NUMBERS: readonly [50, 100, 200, 300, 400, 500, 600, 700, 800, 900, 1000];
 declare const TOKEN_PREFIX = "bx";
 declare const TOKEN_DELIMITER = "-";
@@ -178,7 +180,6 @@ type MSStreamWindow = Window & {
 
 type ThemePalette = (typeof PALETTE_NAMES)[number];
 type ThemeShade = (typeof SHADE_NUMBERS)[number];
-type SemanticColorToken = 'bg-canvas' | 'bg-surface' | 'bg-surface-alt' | 'bg-element' | 'bg-element-hover' | 'primary' | 'primary-hover' | 'primary-active' | 'primary-subtle' | 'on-primary' | 'text-heading' | 'text-primary' | 'text-secondary' | 'text-brand' | 'text-inverse' | 'border-subtle' | 'border-default' | 'border-strong' | 'border-brand' | 'info-bg' | 'info-bg-subtle' | 'info-border' | 'info-text' | 'success-bg' | 'success-bg-subtle' | 'success-border' | 'success-text' | 'warn-bg' | 'warn-bg-subtle' | 'warn-border' | 'warn-text' | 'error-bg' | 'error-bg-subtle' | 'error-border' | 'error-text' | 'scroll-bg' | 'scroll-thumb' | 'scroll-thumb-hover';
 type ThemeColorToken = `${ThemePalette}-${ThemeShade}`;
 type Color = ThemeColorToken | SemanticColorToken;
 type ThemedColor = Color | {

package/src/lib/styles/_theme-provider.scss

@@ -1,37 +0,0 @@
-@use 'sass:map';
-@use 'palettes' as *;
-@use './themes/orange-theme' as *;
-
-$semantic-keys: map-keys($orange-light-theme);
-
-@mixin core-theme($config) {
-    @each $key, $value in $config {
-
-        @if $key !='meta-brand-palette' {
-            --bx-#{$key}: #{$value};
-
-            .bx-bg-#{$key} {
-                background-color: var(--bx-#{$key});
-                transition: background-color 0.2s ease-in-out;
-            }
-
-            .bx-text-#{$key} {
-                color: var(--bx-#{$key});
-                transition: color 0.2s ease-in-out;
-            }
-
-            .bx-border-#{$key} {
-                border-color: var(--bx-#{$key});
-                transition: border-color 0.2s ease-in-out;
-            }
-        }
-
-        @if $key =='meta-brand-palette' {
-            $brand-palette: get-palette($value);
-
-            @each $shade, $color in $brand-palette {
-                --bx-color-primary-#{$shade}: #{$color};
-            }
-        }
-    }
-}