@filip.mazev/blocks-core 1.0.3 → 1.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (5) hide show
  1. package/README.md +0 -6
  2. package/package.json +1 -4
  3. package/src/lib/styles/themes/_default-theme.scss +16 -8
  4. package/src/lib/styles/themes/_high-contrast-theme.scss +30 -12
  5. package/src/lib/styles/themes/_orange-company-theme.scss +16 -8
package/README.md CHANGED
@@ -144,9 +144,3 @@ this.scrollLockService.disableScroll(this.scrollLockId, {
144
144
  // Unlock
145
145
  this.scrollLockService.enableScroll(this.scrollLockId);
146
146
  ```
147
-
148
- ## Installation
149
-
150
- To use Blocks Core, install the package and ensure the SCSS partials are accessible to your build pipeline.
151
-
152
- _(Installation instructions depend on your specific build/publish setup)._
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@filip.mazev/blocks-core",
3
- "version": "1.0.3",
3
+ "version": "1.0.6",
4
4
  "license": "MIT",
5
5
  "exports": {
6
6
  "./mixins": "./lib/styles/_mixins.scss",
@@ -27,9 +27,6 @@
27
27
  "dependencies": {
28
28
  "tslib": "^2.3.0"
29
29
  },
30
- "bin": {
31
- "blocks-init": "./bin/setup.js"
32
- },
33
30
  "sideEffects": false,
34
31
  "module": "fesm2022/filip.mazev-blocks-core.mjs",
35
32
  "typings": "types/filip.mazev-blocks-core.d.ts"
package/src/lib/styles/themes/_default-theme.scss CHANGED
@@ -35,10 +35,14 @@ $default-light-theme-config: (
35
35
  'button-grayscale': map-get($gray-palette, 200),
36
36
 
37
37
  // Feedback
38
- 'toast-info': #66a5e4,
39
- 'toast-error': map-get($error-palette, 50),
40
- 'toast-success': #f0fdf4,
41
- 'toast-warn': map-get($warning-palette, 50),
38
+ 'toast-info-bg': #ebf5ff,
39
+ 'toast-info-accent': #3b82f6,
40
+ 'toast-error-bg': map-get($error-palette, 50),
41
+ 'toast-error-accent': map-get($error-palette, 500),
42
+ 'toast-success-bg': #f0fdf4,
43
+ 'toast-success-accent': #40ca73,
44
+ 'toast-warn-bg': map-get($warning-palette, 50),
45
+ 'toast-warn-accent': map-get($warning-palette, 500),
42
46
 
43
47
  // Scrollbar & Sliders
44
48
  'scroll-bg': map-get($gray-palette, 100),
@@ -91,10 +95,14 @@ $default-dark-theme-config: (
91
95
  'button-grayscale': map-get($gray-palette, 700),
92
96
 
93
97
  // Feedback
94
- 'toast-info': #1a6cbd,
95
- 'toast-error': #450a0a,
96
- 'toast-success': #052e16,
97
- 'toast-warn': #451a03,
98
+ 'toast-info-bg': #073460,
99
+ 'toast-info-accent': #7cb7ff,
100
+ 'toast-error-bg': #450a0a,
101
+ 'toast-error-accent': map-get($error-palette, 400),
102
+ 'toast-success-bg': #052e16,
103
+ 'toast-success-accent': #4eee89,
104
+ 'toast-warn-bg': #451a03,
105
+ 'toast-warn-accent': map-get($warning-palette, 500),
98
106
 
99
107
  // Scrollbar & Sliders
100
108
  'scroll-bg': map-get($gray-palette, 800),
package/src/lib/styles/themes/_high-contrast-theme.scss CHANGED
@@ -1,6 +1,7 @@
1
1
  @use '../variables' as *;
2
2
 
3
3
  $high-contrast-light-config: (
4
+ // General
4
5
  'primary': $hc-black,
5
6
  'secondary': $hc-white,
6
7
  'alt': $hc-black,
@@ -8,6 +9,7 @@ $high-contrast-light-config: (
8
9
  'accent-alt': $hc-yellow,
9
10
  'accent-tertiary': $hc-yellow,
10
11
 
12
+ // Text
11
13
  'text-primary': $hc-black,
12
14
  'text-secondary': $hc-black,
13
15
  'text-tertiary': $hc-black,
@@ -18,6 +20,7 @@ $high-contrast-light-config: (
18
20
  'text-warn': $hc-white,
19
21
  'text-confirm': $hc-black,
20
22
 
23
+ // UI Elements
21
24
  'bg-menu-item-hover': $hc-yellow,
22
25
  'border': $hc-black,
23
26
  'border-grayscale-light': $hc-black,
@@ -25,16 +28,23 @@ $high-contrast-light-config: (
25
28
  'error': $hc-red,
26
29
  'info': $hc-cyan,
27
30
 
31
+ // Buttons
28
32
  'button-primary': $hc-white,
29
33
  'button-confirm': $hc-green,
30
34
  'button-warn': $hc-red,
31
35
  'button-grayscale': $hc-white,
32
36
 
33
- 'toast-info': $hc-white,
34
- 'toast-error': #ff5151,
35
- 'toast-success': #54ff99,
36
- 'toast-warn': $hc-yellow,
37
-
37
+ // Feedback
38
+ 'toast-info-bg': $hc-white,
39
+ 'toast-info-accent': $hc-cyan,
40
+ 'toast-error-bg': $hc-white,
41
+ 'toast-error-accent': #ff5151,
42
+ 'toast-success-bg': $hc-white,
43
+ 'toast-success-accent': #008800,
44
+ 'toast-warn-bg': $hc-white,
45
+ 'toast-warn-accent': #ffae0c,
46
+
47
+ // Scrollbar & Sliders
38
48
  'scroll-bg': $hc-white,
39
49
  'scroll-thumb': $hc-black,
40
50
  'scroll-thumb-highlighted': $hc-yellow,
@@ -43,13 +53,13 @@ $high-contrast-light-config: (
43
53
  'surface': $hc-white,
44
54
  'element': $hc-white,
45
55
  'text': $hc-black,
46
-
47
56
  'status-warn': $hc-red,
48
57
  'status-error': $hc-red,
49
58
  'error-subtle': rgba(0, 0, 0, 0.15)
50
59
  );
51
60
 
52
61
  $high-contrast-dark-config: (
62
+ // General
53
63
  'primary': $hc-white,
54
64
  'secondary': $hc-black,
55
65
  'alt': $hc-white,
@@ -57,6 +67,7 @@ $high-contrast-dark-config: (
57
67
  'accent-alt': $hc-yellow,
58
68
  'accent-tertiary': $hc-yellow,
59
69
 
70
+ // Text
60
71
  'text-primary': $hc-white,
61
72
  'text-secondary': $hc-white,
62
73
  'text-tertiary': $hc-white,
@@ -67,6 +78,7 @@ $high-contrast-dark-config: (
67
78
  'text-warn': $hc-white,
68
79
  'text-confirm': $hc-black,
69
80
 
81
+ // UI Elements
70
82
  'bg-menu-item-hover': $hc-yellow,
71
83
  'border': $hc-white,
72
84
  'border-grayscale-light': $hc-white,
@@ -74,16 +86,23 @@ $high-contrast-dark-config: (
74
86
  'error': $hc-red,
75
87
  'info': $hc-cyan,
76
88
 
89
+ // Buttons
77
90
  'button-primary': $hc-black,
78
91
  'button-confirm': $hc-green,
79
92
  'button-warn': $hc-red,
80
93
  'button-grayscale': $hc-black,
81
94
 
82
- 'toast-info': $hc-black,
83
- 'toast-error': $hc-red,
84
- 'toast-success': #22c733,
85
- 'toast-warn': #c7c722,
86
-
95
+ // Feedback
96
+ 'toast-info-bg': $hc-black,
97
+ 'toast-info-accent': $hc-cyan,
98
+ 'toast-error-bg': $hc-black,
99
+ 'toast-error-accent': $hc-red,
100
+ 'toast-success-bg': $hc-black,
101
+ 'toast-success-accent': #54ff99,
102
+ 'toast-warn-bg': $hc-black,
103
+ 'toast-warn-accent': $hc-yellow,
104
+
105
+ // Scrollbar & Sliders
87
106
  'scroll-bg': $hc-black,
88
107
  'scroll-thumb': $hc-white,
89
108
  'scroll-thumb-highlighted': $hc-yellow,
@@ -92,7 +111,6 @@ $high-contrast-dark-config: (
92
111
  'surface': $hc-black,
93
112
  'element': $hc-black,
94
113
  'text': $hc-white,
95
-
96
114
  'status-warn': $hc-red,
97
115
  'status-error': $hc-red,
98
116
  'error-subtle': rgba(255, 255, 255, 0.2)
package/src/lib/styles/themes/_orange-company-theme.scss CHANGED
@@ -35,10 +35,14 @@ $orange-company-light-theme-config: (
35
35
  'button-grayscale': #d0d0d0b3,
36
36
 
37
37
  // Feedback
38
- 'toast-info': #a7cef6,
39
- 'toast-error': #fbbdbe,
40
- 'toast-success': #bdf7ae,
41
- 'toast-warn': #ffdc9b,
38
+ 'toast-info-bg': #eaf4fff8,
39
+ 'toast-info-accent': #4da6ff,
40
+ 'toast-error-bg': #fbbdbef8,
41
+ 'toast-error-accent': #FF4C4F,
42
+ 'toast-success-bg': #bdf7aef8,
43
+ 'toast-success-accent': #04ab47,
44
+ 'toast-warn-bg': #ffdc9bf9,
45
+ 'toast-warn-accent': #b0841f,
42
46
 
43
47
  // Scrollbar & Sliders
44
48
  'scroll-bg': #FFEDD4,
@@ -91,10 +95,14 @@ $orange-company-dark-theme-config: (
91
95
  'button-grayscale': #2e2e2eb1,
92
96
 
93
97
  // Feedback
94
- 'toast-info': #44719d,
95
- 'toast-error': #8e1416,
96
- 'toast-success': #2e7d32,
97
- 'toast-warn': #b27a1c,
98
+ 'toast-info-bg': #2c4063f5,
99
+ 'toast-info-accent': #7caeffcd,
100
+ 'toast-error-bg': #4d1718f9,
101
+ 'toast-error-accent': #f25b5b,
102
+ 'toast-success-bg': #145017f8,
103
+ 'toast-success-accent': #45bc5b,
104
+ 'toast-warn-bg': #87551cf5,
105
+ 'toast-warn-accent': #ffb554,
98
106
 
99
107
  // Scroll & Sliders
100
108
  'scroll-bg': #712000,