@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.
- package/_index.scss +2 -70
- package/fesm2022/elderbyte-ngx-starter.mjs +786 -197
- package/fesm2022/elderbyte-ngx-starter.mjs.map +1 -1
- package/lib/components/layout/pane/pane.component.d.ts +6 -0
- package/lib/components/layout/pane-container/pane-container.component.d.ts +11 -0
- package/lib/components/layout/public_api.d.ts +2 -0
- package/lib/components/m3-sidenav/m3-sidenav.component.d.ts +5 -0
- package/lib/components/public_api.d.ts +2 -0
- package/lib/components/style-debugger/style-debugger.component.d.ts +40 -0
- package/package.json +1 -1
- package/src/lib/components/badge/elder-badge/elder-badge.component.scss +2 -2
- package/src/lib/components/button-group/elder-button-group/elder-button-group.component.scss +18 -28
- package/src/lib/components/card-organizer/card-stack/elder-card-stack.component.scss +9 -36
- package/src/lib/components/cards/elder-card/elder-card.component.scss +0 -20
- package/src/lib/components/chips/_elder-chip-theme.scss +63 -56
- package/src/lib/components/data-transfer/http-data-transfer-indicator/http-data-transfer-indicator.component.scss +1 -7
- package/src/lib/components/data-transfer/http-data-transfer-overview/http-data-transfer-overview.component.scss +11 -0
- package/src/lib/components/data-view/common/data-context-state-indicator/data-context-state-indicator.component.scss +2 -1
- package/src/lib/components/data-view/grid/elder-grid/elder-grid.component.scss +16 -26
- package/src/lib/components/data-view/table/elder-table/elder-table.component.scss +100 -92
- package/src/lib/components/errors/exception-detail/elder-exception-detail.component.scss +0 -24
- package/src/lib/components/expand-toggle-button/elder-expand-toggle-button.component.scss +7 -17
- package/src/lib/components/files/blob-viewer/elder-blob-viewer.component.scss +4 -10
- package/src/lib/components/files/drag-n-drop/elder-drop-zone/elder-drop-zone.component.scss +23 -34
- package/src/lib/components/forms/search/search-box/elder-search-box.component.scss +0 -5
- package/src/lib/components/graph/elder-progress-bar/elder-progress-bar.component.scss +0 -1
- package/src/lib/components/iframes/iframe-host/iframe-host.component.scss +0 -6
- package/src/lib/components/navigation/bread-crumbs/bread-crumbs/elder-bread-crumbs.component.scss +2 -0
- package/src/lib/components/navigation/nav/_elder-nav-theme.scss +16 -24
- package/src/lib/components/navigation/nav/nav-group/elder-nav-group.component.scss +1 -1
- package/src/lib/components/navigation/nav/nav-link/elder-nav-link.component.scss +4 -6
- package/src/lib/components/page/exit-guard/page-exit-lock-indicator/page-exit-lock-indicator.component.scss +2 -5
- package/src/lib/components/panels/card-panel/elder-card-panel.component.scss +6 -19
- package/src/lib/components/panels/elder-dialog-panel/elder-dialog-panel.component.scss +6 -19
- package/src/lib/components/select/_elder-select-base.scss +1 -10
- package/src/lib/components/select/filter/elder-filter-chip-template/elder-filter-chip-template.component.scss +4 -22
- package/src/lib/components/select/multi/elder-multi-select-chip-options/elder-multi-select-chip-options.component.scss +10 -40
- package/src/lib/components/select/multi/elder-multi-select-chips/elder-multi-select-chips.component.scss +18 -53
- package/src/lib/components/select/single/elder-select/elder-select.component.scss +24 -41
- package/src/lib/components/select-chip-list/chip-list-select/elder-chip-list-select.component.scss +2 -8
- package/src/lib/components/shell/header/elder-app-header/elder-app-header.component.scss +11 -2
- package/src/lib/components/shell/shell/elder-shell.component.scss +8 -0
- package/src/lib/components/toasts/standard-toast/standard-toast.component.scss +22 -2
- package/theming/style-tweaks/_elder-color-variants.scss +31 -0
- package/theming/style-tweaks/_elder-common.scss +179 -0
- package/theming/style-tweaks/_elder-component-themes.scss +22 -0
- package/theming/style-tweaks/_elder-form.scss +368 -0
- package/theming/style-tweaks/_elder-reset.scss +13 -0
- package/theming/style-tweaks/_elder-style-fixes.scss +377 -0
- package/theming/{_mixins.scss → style-tweaks/_elder-style-tweak-mixins.scss} +35 -1
- package/theming/system/_elder-config.scss +141 -0
- package/theming/{_elder-defaults.scss → system/_elder-defaults.scss} +9 -14
- package/theming/system/_elder-design-tokens.scss +90 -0
- package/theming/system/_elder-m3-theme.scss +156 -0
- package/theming/system/_elder-starter-theme.scss +41 -0
- package/theming/utility-classes/_elder-color-helpers.scss +78 -0
- package/theming/{_elder-flex-layout.scss → utility-classes/_elder-flex-layout.scss} +19 -25
- package/theming/utility-classes/_elder-layout-system.scss +498 -0
- package/src/lib/components/panels/flat/_elder-panel-theme.scss +0 -72
- package/src/lib/components/time/_elder-time-input.theme.scss +0 -35
- package/theming/_elder-common.scss +0 -573
- package/theming/_elder-mdc-support.scss +0 -235
- package/theming/_elder-palettes.scss +0 -148
- package/theming/_elder-scrollbar-theme.scss +0 -67
- package/theming/_elder-style-fixes.scss +0 -216
- package/theming/_elder-theme.scss +0 -51
- package/theming/_elder-toast-theme.scss +0 -46
- package/theming/_elder-typography-utils.scss +0 -23
- 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
|
-
}
|