@elderbyte/ngx-starter 15.3.1 → 15.3.2

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 (8) hide show
  1. package/esm2020/lib/components/chips/elder-chip-label.directive.mjs +14 -14
  2. package/fesm2015/elderbyte-ngx-starter.mjs +13 -13
  3. package/fesm2015/elderbyte-ngx-starter.mjs.map +1 -1
  4. package/fesm2020/elderbyte-ngx-starter.mjs +13 -13
  5. package/fesm2020/elderbyte-ngx-starter.mjs.map +1 -1
  6. package/lib/components/chips/elder-chip-label.directive.d.ts +2 -2
  7. package/package.json +1 -1
  8. package/theming/_elder-chip-theme.scss +11 -16
package/lib/components/chips/elder-chip-label.directive.d.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { MatChip } from '@angular/material/chips';
2
2
  import { ThemePalette } from '@angular/material/core';
3
3
  import * as i0 from "@angular/core";
4
- export declare type StateColor = 'none' | 'open' | 'inProgress' | 'completed' | 'warn' | 'error' | 'other';
4
+ export declare type ElderStateColor = 'none' | 'open' | 'inProgress' | 'completed' | 'warn' | 'error' | 'other';
5
5
  export declare type ElderChipAppearance = 'md3' | 'legacy';
6
6
  export declare class ElderChipLabelDirective {
7
7
  private readonly matChip;
@@ -12,7 +12,7 @@ export declare class ElderChipLabelDirective {
12
12
  **************************************************************************/
13
13
  private readonly baseClass;
14
14
  themeColor: ThemePalette;
15
- stateColor: StateColor;
15
+ stateColor: ElderStateColor;
16
16
  appearance: ElderChipAppearance;
17
17
  /***************************************************************************
18
18
  * *
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elderbyte/ngx-starter",
3
- "version": "15.3.1",
3
+ "version": "15.3.2",
4
4
  "peerDependencies": {
5
5
  "@angular/core": "^15.0.0 || ^16.0.0",
6
6
  "@angular/common": "^15.0.0 || ^16.0.0",
package/theming/_elder-chip-theme.scss CHANGED
@@ -19,19 +19,14 @@ $colorStateOther: rgb(121, 73, 252);
19
19
  $color-config: mat.get-color-config($config-or-theme);
20
20
  $is-dark-theme: map.get($color-config, is-dark);
21
21
 
22
- // override state colors for cases where base color needs adjustment for either dark or light theme
23
- //$colorStateInProgress: mix(black, $colorStateInProgress, if($is-dark-theme, 0%, 30%));
24
- //$colorStateWarn: mix(black, $colorStateWarn, if($is-dark-theme, 0%, 30%));
25
- //$colorStateWarn: mat-comat-color($primary, lighter);
26
-
27
- .mat-mdc-chip.elderChipLabel {
22
+ .mat-mdc-chip.elder-chip-label {
28
23
 
29
24
  &.md3 {
30
25
  border-style: solid;
31
26
  border-width: 1px;
32
27
  }
33
28
 
34
- &.colorPrimary {
29
+ &.color-primary {
35
30
  &.legacy {
36
31
  background-color: mat.get-color-from-palette($primary, default);
37
32
  .mat-mdc-chip-action-label,
@@ -49,7 +44,7 @@ $colorStateOther: rgb(121, 73, 252);
49
44
  }
50
45
  }
51
46
 
52
- &.colorAccent {
47
+ &.color-accent {
53
48
  &.legacy {
54
49
  background-color: mat.get-color-from-palette($accent, default);
55
50
  .mat-mdc-chip-action-label,
@@ -72,7 +67,7 @@ $colorStateOther: rgb(121, 73, 252);
72
67
 
73
68
  }
74
69
 
75
- &.colorWarn {
70
+ &.color-warn {
76
71
  &.legacy {
77
72
  background-color: mat.get-color-from-palette($warn, default);
78
73
  .mat-mdc-chip-action-label,
@@ -90,12 +85,12 @@ $colorStateOther: rgb(121, 73, 252);
90
85
  }
91
86
  }
92
87
 
93
- &.stateNone {
88
+ &.state-none {
94
89
  background-color: rgba($colorStateNone, 0.2);
95
90
  border-color: $colorStateNone;
96
91
  }
97
92
 
98
- &.stateOpen {
93
+ &.state-open {
99
94
  background-color: rgba($colorStateOpen, 0.2);
100
95
  border-color: $colorStateOpen;
101
96
  .mat-mdc-chip-avatar {
@@ -103,7 +98,7 @@ $colorStateOther: rgb(121, 73, 252);
103
98
  }
104
99
  }
105
100
 
106
- &.stateInProgress {
101
+ &.state-in-progress {
107
102
  background-color: rgba($colorStateInProgress, 0.2);
108
103
  border-color: $colorStateInProgress;
109
104
  .mat-mdc-chip-action-label,
@@ -112,7 +107,7 @@ $colorStateOther: rgb(121, 73, 252);
112
107
  }
113
108
  }
114
109
 
115
- &.stateCompleted {
110
+ &.state-completed {
116
111
  background-color: rgba($colorStateCompleted, 0.2);
117
112
  border-color: $colorStateCompleted;
118
113
  .mat-mdc-chip-action-label,
@@ -121,7 +116,7 @@ $colorStateOther: rgb(121, 73, 252);
121
116
  }
122
117
  }
123
118
 
124
- &.stateWarn {
119
+ &.state-warn {
125
120
  background-color: rgba($colorStateWarn, 0.2);
126
121
  border-color: $colorStateWarn;
127
122
  .mat-mdc-chip-action-label,
@@ -130,7 +125,7 @@ $colorStateOther: rgb(121, 73, 252);
130
125
  }
131
126
  }
132
127
 
133
- &.stateError {
128
+ &.state-error {
134
129
  background-color: rgba($colorStateError, 0.2);
135
130
  border-color: $colorStateError;
136
131
  .mat-mdc-chip-action-label,
@@ -139,7 +134,7 @@ $colorStateOther: rgb(121, 73, 252);
139
134
  }
140
135
  }
141
136
 
142
- &.stateOther {
137
+ &.state-other {
143
138
  background-color: rgba($colorStateOther, 0.2);
144
139
  border-color: $colorStateOther;
145
140
  .mat-mdc-chip-action-label,