@elderbyte/ngx-starter 19.0.1 → 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 +787 -198
  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
package/_index.scss CHANGED
@@ -1,71 +1,3 @@
1
- @forward './theming/elder-scrollbar-theme';
2
- @forward './theming/elder-palettes';
3
- @forward './theming/elder-theme';
4
- @forward './theming/elder-defaults';
1
+ @use '@angular/material' as mat;
5
2
 
6
- @use './theming/elder-toast-theme' as elder-toast;
7
- @use './src/lib/components/chips/elder-chip-theme' as elder-chip;
8
- @use './theming/elder-style-fixes' as elder-fixes;
9
- @use './theming/elder-scrollbar-theme' as elder-scrollbar-theme;
10
- @use './theming/elder-defaults' as elder-defaults;
11
- @use './theming/elder-mdc-support' as elder-mdc-support;
12
- @use './theming/elder-common' as elder-common;
13
- @use './theming/elder-flex-layout' as elder-flex-layout;
14
- @use './src/lib/components/panels/flat/elder-panel-theme' as elder-panel;
15
- @use './src/lib/components/errors/exception-detail/elder-exception-detail.component' as
16
- elder-exception-detail;
17
- @use './src/lib/components/panels/card-panel/elder-card-panel.component' as elder-card-panel;
18
- @use './src/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component' as
19
- elder-dialog-panel;
20
- @use './src/lib/components/navigation/nav/nav-link/elder-nav-link.component' as elder-nav-link;
21
- @use './src/lib/components/navigation/nav/elder-nav-theme' as elder-nav;
22
- @use './src/lib/components/expand-toggle-button/elder-expand-toggle-button.component' as
23
- elder-expand-toggle-button;
24
- @use './src/lib/components/data-view/table/elder-table/elder-table.component' as elder-table;
25
- @use './src/lib/components/data-view/grid/elder-grid/elder-grid.component' as elder-grid;
26
- @use './src/lib/components/card-organizer/card-stack/elder-card-stack.component' as elder-card-stack;
27
- @use './src/lib/components/cards/elder-card/elder-card.component' as elder-card;
28
- @use './src/lib/components/button-group/elder-button-group/elder-button-group.component' as
29
- elder-button-group;
30
- @use './src/lib/components/select/single/elder-select/elder-select.component' as elder-select;
31
- @use './src/lib/components/time/elder-time-input.theme' as elder-time;
32
- @use './src/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component'
33
- as elder-multi-select-chips;
34
- @use './src/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component'
35
- as elder-multi-select-chip-options;
36
- @use './src/lib/components/iframes/iframe-host/iframe-host.component' as iframe-host;
37
- @use './src/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component' as
38
- elder-drop-zone;
39
-
40
- @use 'sass:map';
41
-
42
- // Create a theme.
43
- @mixin starter-theme($theme) {
44
- $theme: elder-defaults.validate-and-set-defaults($theme);
45
- @include elder-fixes.elder-style-fixes($theme);
46
- @include elder-mdc-support.mdc-theme-support($theme);
47
- @include elder-common.elder-common-styles($theme);
48
- @include elder-flex-layout.elder-flex-layout($theme);
49
-
50
- @include elder-toast.theme($theme);
51
- @include elder-chip.theme($theme);
52
- @include elder-exception-detail.theme($theme);
53
-
54
- @include elder-panel.theme($theme);
55
- @include elder-card-panel.theme($theme);
56
- @include elder-dialog-panel.theme($theme);
57
- @include elder-nav.theme($theme);
58
- @include elder-expand-toggle-button.theme($theme);
59
- @include elder-select.theme($theme);
60
- @include elder-time.theme($theme);
61
- @include elder-multi-select-chips.theme($theme);
62
- @include elder-multi-select-chip-options.theme($theme);
63
- @include elder-table.theme($theme);
64
- @include elder-card-stack.theme($theme);
65
- @include elder-card.theme($theme);
66
- @include elder-grid.theme($theme);
67
- @include elder-button-group.theme($theme);
68
- @include elder-scrollbar-theme.theme($theme);
69
- @include iframe-host.theme($theme);
70
- @include elder-drop-zone.theme($theme);
71
- }
3
+ @forward './theming/system/elder-m3-theme';