@filip.mazev/blocks-core 1.0.5 → 1.0.7

package/README.md

@@ -144,9 +144,3 @@ this.scrollLockService.disableScroll(this.scrollLockId, {
 // Unlock
 this.scrollLockService.enableScroll(this.scrollLockId);
 ```
-
-## Installation
-
-To use Blocks Core, install the package and ensure the SCSS partials are accessible to your build pipeline.
-
-_(Installation instructions depend on your specific build/publish setup)._

package/fesm2022/filip.mazev-blocks-core.mjs

@@ -109,10 +109,10 @@ class DeviceTypeService {
     getDeviceOS() {
         return this.getMobileOS() ?? this.getDesktopOS();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DeviceTypeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DeviceTypeService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DeviceTypeService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DeviceTypeService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: DeviceTypeService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: DeviceTypeService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -165,10 +165,10 @@ class WindowDimensionsService {
             });
         });
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: WindowDimensionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: WindowDimensionsService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WindowDimensionsService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WindowDimensionsService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: WindowDimensionsService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: WindowDimensionsService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'
@@ -309,10 +309,10 @@ class ScrollLockService {
         event.preventDefault();
         event.stopPropagation();
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScrollLockService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScrollLockService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScrollLockService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScrollLockService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ScrollLockService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ScrollLockService, decorators: [{
             type: Injectable,
             args: [{ providedIn: 'root' }]
         }] });
@@ -368,10 +368,10 @@ class ThemingService {
         };
         this.mediaQueryList.addEventListener('change', this.mediaQueryListener);
     }
-    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ThemingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ThemingService, providedIn: 'root' });
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ThemingService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ThemingService, providedIn: 'root' });
 }
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.4", ngImport: i0, type: ThemingService, decorators: [{
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.0", ngImport: i0, type: ThemingService, decorators: [{
             type: Injectable,
             args: [{
                     providedIn: 'root'

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@filip.mazev/blocks-core",
-  "version": "1.0.5",
+  "version": "1.0.7",
   "license": "MIT",
   "exports": {
     "./mixins": "./lib/styles/_mixins.scss",
@@ -27,9 +27,6 @@
   "dependencies": {
     "tslib": "^2.3.0"
   },
-  "bin": {
-    "blocks-init": "./bin/setup.js"
-  },
   "sideEffects": false,
   "module": "fesm2022/filip.mazev-blocks-core.mjs",
   "typings": "types/filip.mazev-blocks-core.d.ts"

package/src/lib/styles/themes/_default-theme.scss

@@ -35,10 +35,14 @@ $default-light-theme-config: (
     'button-grayscale': map-get($gray-palette, 200),
 
     // Feedback
-    'toast-info': #66a5e4,
-    'toast-error': map-get($error-palette, 50),
-    'toast-success': #f0fdf4,
-    'toast-warn': map-get($warning-palette, 50),
+    'toast-info-bg': #ebf5ff,
+    'toast-info-accent': #3b82f6,
+    'toast-error-bg': map-get($error-palette, 50),
+    'toast-error-accent': map-get($error-palette, 500),
+    'toast-success-bg': #f0fdf4,
+    'toast-success-accent': #40ca73,
+    'toast-warn-bg': map-get($warning-palette, 50),
+    'toast-warn-accent': map-get($warning-palette, 500),
 
     // Scrollbar & Sliders
     'scroll-bg': map-get($gray-palette, 100),
@@ -91,10 +95,14 @@ $default-dark-theme-config: (
     'button-grayscale': map-get($gray-palette, 700),
 
     // Feedback
-    'toast-info': #1a6cbd,
-    'toast-error': #450a0a,
-    'toast-success': #052e16,
-    'toast-warn': #451a03,
+    'toast-info-bg': #073460,
+    'toast-info-accent': #7cb7ff,
+    'toast-error-bg': #450a0a,
+    'toast-error-accent': map-get($error-palette, 400),
+    'toast-success-bg': #052e16,
+    'toast-success-accent': #4eee89,
+    'toast-warn-bg': #451a03,
+    'toast-warn-accent': map-get($warning-palette, 500),
 
     // Scrollbar & Sliders
     'scroll-bg': map-get($gray-palette, 800),

package/src/lib/styles/themes/_high-contrast-theme.scss

@@ -1,6 +1,7 @@
 @use '../variables' as *;
 
 $high-contrast-light-config: (
+    // General
     'primary': $hc-black,
     'secondary': $hc-white,
     'alt': $hc-black,
@@ -8,6 +9,7 @@ $high-contrast-light-config: (
     'accent-alt': $hc-yellow,
     'accent-tertiary': $hc-yellow,
 
+    // Text
     'text-primary': $hc-black,
     'text-secondary': $hc-black,
     'text-tertiary': $hc-black,
@@ -18,6 +20,7 @@ $high-contrast-light-config: (
     'text-warn': $hc-white,
     'text-confirm': $hc-black,
 
+    // UI Elements
     'bg-menu-item-hover': $hc-yellow,
     'border': $hc-black,
     'border-grayscale-light': $hc-black,
@@ -25,16 +28,23 @@ $high-contrast-light-config: (
     'error': $hc-red,
     'info': $hc-cyan,
 
+    // Buttons
     'button-primary': $hc-white,
     'button-confirm': $hc-green,
     'button-warn': $hc-red,
     'button-grayscale': $hc-white,
 
-    'toast-info': $hc-white,
-    'toast-error': #ff5151,
-    'toast-success': #54ff99,
-    'toast-warn': $hc-yellow,
-
+    // Feedback
+    'toast-info-bg': $hc-white,
+    'toast-info-accent': $hc-cyan,
+    'toast-error-bg': $hc-white,
+    'toast-error-accent': #ff5151,
+    'toast-success-bg': $hc-white,
+    'toast-success-accent': #008800,
+    'toast-warn-bg': $hc-white,
+    'toast-warn-accent': #ffae0c,
+
+    // Scrollbar & Sliders
     'scroll-bg': $hc-white,
     'scroll-thumb': $hc-black,
     'scroll-thumb-highlighted': $hc-yellow,
@@ -43,13 +53,13 @@ $high-contrast-light-config: (
     'surface': $hc-white,
     'element': $hc-white,
     'text': $hc-black,
-
     'status-warn': $hc-red,
     'status-error': $hc-red,
     'error-subtle': rgba(0, 0, 0, 0.15)
 );
 
 $high-contrast-dark-config: (
+    // General
     'primary': $hc-white,
     'secondary': $hc-black,
     'alt': $hc-white,
@@ -57,6 +67,7 @@ $high-contrast-dark-config: (
     'accent-alt': $hc-yellow,
     'accent-tertiary': $hc-yellow,
 
+    // Text
     'text-primary': $hc-white,
     'text-secondary': $hc-white,
     'text-tertiary': $hc-white,
@@ -67,6 +78,7 @@ $high-contrast-dark-config: (
     'text-warn': $hc-white,
     'text-confirm': $hc-black,
 
+    // UI Elements
     'bg-menu-item-hover': $hc-yellow,
     'border': $hc-white,
     'border-grayscale-light': $hc-white,
@@ -74,16 +86,23 @@ $high-contrast-dark-config: (
     'error': $hc-red,
     'info': $hc-cyan,
 
+    // Buttons
     'button-primary': $hc-black,
     'button-confirm': $hc-green,
     'button-warn': $hc-red,
     'button-grayscale': $hc-black,
 
-    'toast-info': $hc-black,
-    'toast-error': $hc-red,
-    'toast-success': #22c733,
-    'toast-warn': #c7c722,
-
+    // Feedback
+    'toast-info-bg': $hc-black,
+    'toast-info-accent': $hc-cyan,
+    'toast-error-bg': $hc-black,
+    'toast-error-accent': $hc-red,
+    'toast-success-bg': $hc-black,
+    'toast-success-accent': #54ff99,
+    'toast-warn-bg': $hc-black,
+    'toast-warn-accent': $hc-yellow,
+
+    // Scrollbar & Sliders
     'scroll-bg': $hc-black,
     'scroll-thumb': $hc-white,
     'scroll-thumb-highlighted': $hc-yellow,
@@ -92,7 +111,6 @@ $high-contrast-dark-config: (
     'surface': $hc-black,
     'element': $hc-black,
     'text': $hc-white,
-
     'status-warn': $hc-red,
     'status-error': $hc-red,
     'error-subtle': rgba(255, 255, 255, 0.2)

package/src/lib/styles/themes/_orange-company-theme.scss

@@ -35,10 +35,14 @@ $orange-company-light-theme-config: (
     'button-grayscale': #d0d0d0b3,
 
     // Feedback
-    'toast-info': #a7cef6,
-    'toast-error': #fbbdbe,
-    'toast-success': #bdf7ae,
-    'toast-warn': #ffdc9b,
+    'toast-info-bg': #eaf4fff8,
+    'toast-info-accent': #4da6ff,
+    'toast-error-bg': #fbbdbef8,
+    'toast-error-accent': #FF4C4F,
+    'toast-success-bg': #bdf7aef8,
+    'toast-success-accent': #04ab47,
+    'toast-warn-bg': #ffdc9bf9,
+    'toast-warn-accent': #b0841f,
 
     // Scrollbar & Sliders
     'scroll-bg': #FFEDD4,
@@ -91,10 +95,14 @@ $orange-company-dark-theme-config: (
     'button-grayscale': #2e2e2eb1,
 
     // Feedback
-    'toast-info': #44719d,
-    'toast-error': #8e1416,
-    'toast-success': #2e7d32,
-    'toast-warn': #b27a1c,
+    'toast-info-bg': #2c4063f5,
+    'toast-info-accent': #7caeffcd,
+    'toast-error-bg': #4d1718f9,
+    'toast-error-accent': #f25b5b,
+    'toast-success-bg': #145017f8,
+    'toast-success-accent': #45bc5b,
+    'toast-warn-bg': #87551cf5,
+    'toast-warn-accent': #ffb554,
 
     // Scroll & Sliders
     'scroll-bg': #712000,