@elderbyte/ngx-starter 18.12.8 → 18.13.0-beta.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 (66) hide show
  1. package/_index.scss +23 -6
  2. package/esm2022/lib/components/badge/elder-badge/elder-badge.component.mjs +3 -3
  3. package/esm2022/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.mjs +3 -3
  4. package/esm2022/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.mjs +3 -3
  5. package/esm2022/lib/components/files/blob-viewer/elder-blob-viewer.component.mjs +3 -3
  6. package/esm2022/lib/components/loader-background/loader-background.component.mjs +11 -0
  7. package/esm2022/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.mjs +3 -3
  8. package/esm2022/lib/components/public_api.mjs +2 -1
  9. package/esm2022/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.mjs +3 -3
  10. package/esm2022/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.mjs +3 -3
  11. package/esm2022/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.mjs +3 -3
  12. package/esm2022/lib/components/select/popup/templated-selection-dialog/templated-selection-dialog.component.mjs +3 -3
  13. package/esm2022/lib/components/select/single/elder-select/elder-select.component.mjs +3 -3
  14. package/esm2022/lib/components/shell/header/elder-app-header/elder-app-header.component.mjs +5 -3
  15. package/esm2022/lib/components/time/elder-interval-picker/elder-interval-picker.component.mjs +3 -3
  16. package/esm2022/lib/components/toasts/standard-toast/standard-toast.component.mjs +3 -3
  17. package/fesm2022/elderbyte-ngx-starter.mjs +38 -27
  18. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  19. package/lib/components/loader-background/loader-background.component.d.ts +5 -0
  20. package/lib/components/public_api.d.ts +1 -0
  21. package/lib/components/shell/header/elder-app-header/elder-app-header.component.d.ts +2 -1
  22. package/package.json +1 -1
  23. package/src/lib/components/badge/elder-badge/elder-badge.component.scss +2 -1
  24. package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss +1 -7
  25. package/src/lib/components/card-organizer/card-stack/elder-card-stack.component.scss +3 -14
  26. package/src/lib/components/cards/elder-card/elder-card.component.scss +2 -8
  27. package/src/lib/components/chips/_elder-chip-theme-old.scss +122 -0
  28. package/src/lib/components/chips/_elder-chip-theme.scss +101 -12
  29. package/src/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.scss +0 -6
  30. package/src/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.scss +11 -0
  31. package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss +15 -22
  32. package/src/lib/components/data-view/table/elder-table/elder-table.component.scss +12 -21
  33. package/src/lib/components/errors/exception-detail/elder-exception-detail.component.scss +2 -9
  34. package/src/lib/components/expand-toggle-button/elder-expand-toggle-button.component.scss +2 -8
  35. package/src/lib/components/files/blob-viewer/elder-blob-viewer.component.scss +4 -9
  36. package/src/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component.scss +7 -10
  37. package/src/lib/components/iframes/iframe-host/iframe-host.component.scss +0 -4
  38. package/src/lib/components/loader-background/loader-background.component.scss +60 -0
  39. package/src/lib/components/navigation/nav/_elder-nav-theme.scss +12 -24
  40. package/src/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.scss +1 -4
  41. package/src/lib/components/panels/card-panel/elder-card-panel.component.scss +3 -12
  42. package/src/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component.scss +4 -12
  43. package/src/lib/components/panels/flat/_elder-panel-theme.scss +26 -9
  44. package/src/lib/components/select/_elder-select-base.scss +1 -9
  45. package/src/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.scss +1 -4
  46. package/src/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.scss +10 -39
  47. package/src/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.scss +19 -52
  48. package/src/lib/components/select/single/elder-select/elder-select.component.scss +24 -40
  49. package/src/lib/components/time/_elder-time-input.theme.scss +0 -3
  50. package/src/lib/components/toasts/standard-toast/standard-toast.component.scss +31 -2
  51. package/theming/_elder-badge-sizing.scss +21 -0
  52. package/theming/_elder-color-variants.scss +26 -0
  53. package/theming/_elder-common.scss +6 -399
  54. package/theming/_elder-defaults.scss +3 -7
  55. package/theming/_elder-form.scss +308 -0
  56. package/theming/_elder-layout-system.scss +242 -0
  57. package/theming/_elder-m3-theme.scss +879 -0
  58. package/theming/_elder-mdc-support.scss +59 -142
  59. package/theming/_elder-scrollbar-theme.scss +2 -12
  60. package/theming/_elder-style-fixes.scss +47 -109
  61. package/theming/_elder-typography-utils.scss +0 -11
  62. package/theming/_mixins.scss +35 -0
  63. package/theming/_elder-palettes.scss +0 -148
  64. package/theming/_elder-theme.scss +0 -51
  65. package/theming/_elder-toast-theme.scss +0 -46
  66. package/theming/_mat-icon-button-size.scss +0 -34
@@ -1,46 +0,0 @@
1
- @use '@angular/material' as mat;
2
-
3
- @mixin theme($theme) {
4
- $primary: map-get($theme, primary);
5
- $accent: map-get($theme, accent);
6
- $warn: map-get($theme, warn);
7
- $background: map-get($theme, background);
8
- $foreground: map-get($theme, foreground);
9
-
10
- /*
11
- .elder-primary-toast {
12
- background: mat.get-color-from-palette($background, dialog);
13
- color: mat.get-color-from-palette($primary);
14
- }
15
-
16
- .elder-accent-toast {
17
- background: mat.get-color-from-palette($background, dialog);
18
- color: mat.get-color-from-palette($accent);
19
- }
20
-
21
- .elder-success-toast {
22
- background: mat.get-color-from-palette($background, dialog);
23
- color: mat.get-color-from-palette($primary);
24
- }
25
-
26
- .elder-warning-toast {
27
- background: mat.get-color-from-palette($background, dialog);
28
- color: mat.get-color-from-palette($accent);
29
- }
30
-
31
- .elder-error-toast {
32
- background-color: mat.get-color-from-palette($warn);
33
- }*/
34
-
35
- .elder-primary-text {
36
- color: mat.m2-get-color-from-palette($primary);
37
- }
38
-
39
- .elder-accent-text {
40
- color: mat.m2-get-color-from-palette($accent);
41
- }
42
-
43
- .elder-warn-text {
44
- color: mat.m2-get-color-from-palette($warn);
45
- }
46
- }
@@ -1,34 +0,0 @@
1
- /**
2
- * Based on https://github.com/btxtiger/mat-icon-button-sizes
3
- * The default factor between button and icon size is *= 0.6
4
- */
5
- @mixin matIconButtonSize($buttonSize, $iconSize) {
6
- width: $buttonSize !important;
7
- height: $buttonSize !important;
8
- padding: 0px !important;
9
- display: inline-flex !important;
10
- align-items: center;
11
- justify-content: center;
12
-
13
- .mat-icon,
14
- img {
15
- width: $iconSize;
16
- height: $iconSize;
17
- font-size: $iconSize;
18
-
19
- svg {
20
- width: $iconSize;
21
- height: $iconSize;
22
- }
23
- }
24
-
25
- svg {
26
- width: $iconSize;
27
- height: $iconSize;
28
- }
29
-
30
- .mat-mdc-button-touch-target {
31
- width: $buttonSize !important;
32
- height: $buttonSize !important;
33
- }
34
- }