@elderbyte/ngx-starter 19.0.2 → 19.1.0-beta.0

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 (69) hide show
  1. package/_index.scss +2 -70
  2. package/fesm2022/elderbyte-ngx-starter.mjs +786 -197
  3. package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
  4. package/lib/components/layout/pane/pane.component.d.ts +6 -0
  5. package/lib/components/layout/pane-container/pane-container.component.d.ts +11 -0
  6. package/lib/components/layout/public_api.d.ts +2 -0
  7. package/lib/components/m3-sidenav/m3-sidenav.component.d.ts +5 -0
  8. package/lib/components/public_api.d.ts +2 -0
  9. package/lib/components/style-debugger/style-debugger.component.d.ts +40 -0
  10. package/package.json +1 -1
  11. package/src/lib/components/badge/elder-badge/elder-badge.component.scss +2 -2
  12. package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss +18 -28
  13. package/src/lib/components/card-organizer/card-stack/elder-card-stack.component.scss +9 -36
  14. package/src/lib/components/cards/elder-card/elder-card.component.scss +0 -20
  15. package/src/lib/components/chips/_elder-chip-theme.scss +63 -56
  16. package/src/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.scss +1 -7
  17. package/src/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.scss +11 -0
  18. package/src/lib/components/data-view/common/data-context-state-indicator/data-context-state-indicator.component.scss +2 -1
  19. package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss +16 -26
  20. package/src/lib/components/data-view/table/elder-table/elder-table.component.scss +100 -92
  21. package/src/lib/components/errors/exception-detail/elder-exception-detail.component.scss +0 -24
  22. package/src/lib/components/expand-toggle-button/elder-expand-toggle-button.component.scss +7 -17
  23. package/src/lib/components/files/blob-viewer/elder-blob-viewer.component.scss +4 -10
  24. package/src/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component.scss +23 -34
  25. package/src/lib/components/forms/search/search-box/elder-search-box.component.scss +0 -5
  26. package/src/lib/components/graph/elder-progress-bar/elder-progress-bar.component.scss +0 -1
  27. package/src/lib/components/iframes/iframe-host/iframe-host.component.scss +0 -6
  28. package/src/lib/components/navigation/bread-crumbs/bread-crumbs/elder-bread-crumbs.component.scss +2 -0
  29. package/src/lib/components/navigation/nav/_elder-nav-theme.scss +16 -24
  30. package/src/lib/components/navigation/nav/nav-group/elder-nav-group.component.scss +1 -1
  31. package/src/lib/components/navigation/nav/nav-link/elder-nav-link.component.scss +4 -6
  32. package/src/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.scss +2 -5
  33. package/src/lib/components/panels/card-panel/elder-card-panel.component.scss +6 -19
  34. package/src/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component.scss +6 -19
  35. package/src/lib/components/select/_elder-select-base.scss +1 -10
  36. package/src/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.scss +4 -22
  37. package/src/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.scss +10 -40
  38. package/src/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.scss +18 -53
  39. package/src/lib/components/select/single/elder-select/elder-select.component.scss +24 -41
  40. package/src/lib/components/select-chip-list/chip-list-select/elder-chip-list-select.component.scss +2 -8
  41. package/src/lib/components/shell/header/elder-app-header/elder-app-header.component.scss +11 -2
  42. package/src/lib/components/shell/shell/elder-shell.component.scss +8 -0
  43. package/src/lib/components/toasts/standard-toast/standard-toast.component.scss +22 -2
  44. package/theming/style-tweaks/_elder-color-variants.scss +31 -0
  45. package/theming/style-tweaks/_elder-common.scss +179 -0
  46. package/theming/style-tweaks/_elder-component-themes.scss +22 -0
  47. package/theming/style-tweaks/_elder-form.scss +368 -0
  48. package/theming/style-tweaks/_elder-reset.scss +13 -0
  49. package/theming/style-tweaks/_elder-style-fixes.scss +377 -0
  50. package/theming/{_mixins.scss → style-tweaks/_elder-style-tweak-mixins.scss} +35 -1
  51. package/theming/system/_elder-config.scss +141 -0
  52. package/theming/{_elder-defaults.scss → system/_elder-defaults.scss} +9 -14
  53. package/theming/system/_elder-design-tokens.scss +90 -0
  54. package/theming/system/_elder-m3-theme.scss +156 -0
  55. package/theming/system/_elder-starter-theme.scss +41 -0
  56. package/theming/utility-classes/_elder-color-helpers.scss +78 -0
  57. package/theming/{_elder-flex-layout.scss → utility-classes/_elder-flex-layout.scss} +19 -25
  58. package/theming/utility-classes/_elder-layout-system.scss +498 -0
  59. package/src/lib/components/panels/flat/_elder-panel-theme.scss +0 -72
  60. package/src/lib/components/time/_elder-time-input.theme.scss +0 -35
  61. package/theming/_elder-common.scss +0 -573
  62. package/theming/_elder-mdc-support.scss +0 -235
  63. package/theming/_elder-palettes.scss +0 -148
  64. package/theming/_elder-scrollbar-theme.scss +0 -67
  65. package/theming/_elder-style-fixes.scss +0 -216
  66. package/theming/_elder-theme.scss +0 -51
  67. package/theming/_elder-toast-theme.scss +0 -46
  68. package/theming/_elder-typography-utils.scss +0 -23
  69. 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,23 +0,0 @@
1
- @use 'sass:list';
2
- @use 'sass:map';
3
- @use 'sass:math';
4
- @use 'sass:meta';
5
- @use 'sass:string';
6
- @use '@angular/material' as mat;
7
-
8
- /// Coerce a value to `em` if it is a unitless number, otherwise returns
9
- /// the value provided.
10
- @function coerce-unitless-to-em($value) {
11
- @return if(math.is-unitless($value), 1em * $value, $value);
12
- }
13
-
14
- @function get-typography-config($config) {
15
- $typography: mat.m2-get-typography-config($config);
16
-
17
- // If no actual typography configuration has been specified, create a default one.
18
- @if not $typography {
19
- $typography: mat.m2-define-typography-config();
20
- }
21
-
22
- @return $typography;
23
- }
@@ -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
- }