@elderbyte/ngx-starter 22.0.0-beta.1 → 22.0.1

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/fesm2022/elderbyte-ngx-starter.mjs +1478 -1532
  2. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  3. package/package.json +4 -4
  4. package/theming/components/_elder-scrollbar-theme.scss +14 -19
  5. package/types/elderbyte-ngx-starter.d.ts +218 -217
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "22.0.0-beta.1",
3
+ "version": "22.0.1",
4
4
  "license": "MIT",
5
5
  "author": "ElderByte AG (https://elderbyte.com)",
6
6
  "homepage": "https://elderbyte.com",
@@ -13,9 +13,9 @@
13
13
  "components"
14
14
  ],
15
15
  "peerDependencies": {
16
- "@angular/core": "^21.0.0 || ^22.0.0",
17
- "@angular/common": "^21.0.0 || ^22.0.0",
18
- "@angular/material": "^21.0.0 || ^22.0.0",
16
+ "@angular/core": "^22.0.0 || ^23.0.0",
17
+ "@angular/common": "^22.0.0 || ^23.0.0",
18
+ "@angular/material": "^22.0.0 || ^23.0.0",
19
19
  "@ngx-translate/core": "^17.0.0",
20
20
  "rxjs": "^7.8.2",
21
21
  "@elderbyte/ts-logger": "^0.1.2",
package/theming/components/_elder-scrollbar-theme.scss CHANGED
@@ -4,29 +4,24 @@
4
4
  @use '../abstracts/elder-scss-variables' as config;
5
5
 
6
6
  @mixin theme() {
7
- // scrollbar styling
8
- .scrollbar-xs {
9
- @include scrollbar-width(map.get(config.$sizes, xs));
7
+ /**
8
+ * If elder-shell has scrollbar class, set the styles also on the root element.
9
+ * This is needed to style elements outside of the elder-shell, such as dialogs.
10
+ */
11
+ &:has(elder-shell.elder-scrollbar-lg) {
12
+ @include scrollbar-width();
10
13
  }
11
- .scrollbar-sm {
12
- @include scrollbar-width(map.get(config.$sizes, sm));
13
- }
14
- .scrollbar-md {
15
- @include scrollbar-width(map.get(config.$sizes, md));
16
- }
17
- .scrollbar-lg {
18
- @include scrollbar-width(map.get(config.$sizes, lg));
19
- }
20
- .scrollbar-xl {
21
- @include scrollbar-width(map.get(config.$sizes, xl));
22
- }
23
- .scrollbar-xxl {
24
- @include scrollbar-width(map.get(config.$sizes, xxl));
14
+
15
+ /**
16
+ * Wide scrollbar mode styling
17
+ */
18
+ .elder-scrollbar-lg {
19
+ @include scrollbar-width();
25
20
  }
26
21
  }
27
22
 
28
- @mixin scrollbar-width($width) {
23
+ @mixin scrollbar-width() {
29
24
  ::-webkit-scrollbar {
30
- width: $width;
25
+ width: var(--elder-scrollbar-width-lg);
31
26
  }
32
27
  }