@ihk-gfi/lux-components-theme 11.13.0 → 14.0.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 (48) hide show
  1. package/README.md +15 -0
  2. package/package.json +7 -7
  3. package/prebuilt-themes/luxtheme-authentic-min.css +1 -0
  4. package/prebuilt-themes/luxtheme-authentic-min.css.map +1 -0
  5. package/prebuilt-themes/{luxtheme-orange.css → luxtheme-authentic.css} +6922 -4856
  6. package/prebuilt-themes/luxtheme-authentic.css.map +1 -0
  7. package/prebuilt-themes/luxtheme-blue-min.css +1 -1
  8. package/prebuilt-themes/luxtheme-blue-min.css.map +1 -1
  9. package/prebuilt-themes/luxtheme-blue.css +4624 -3171
  10. package/prebuilt-themes/luxtheme-blue.css.map +1 -1
  11. package/prebuilt-themes/luxtheme-green-min.css +1 -1
  12. package/prebuilt-themes/luxtheme-green-min.css.map +1 -1
  13. package/prebuilt-themes/luxtheme-green.css +4655 -3196
  14. package/prebuilt-themes/luxtheme-green.css.map +1 -1
  15. package/src/authentic/_custom.scss +873 -0
  16. package/src/authentic/_luxcommon.scss +128 -0
  17. package/src/authentic/_luxpalette.scss +106 -0
  18. package/src/authentic/luxtheme.scss +103 -0
  19. package/src/base/_luxcommon.scss +98 -0
  20. package/src/base/_luxcomponents.scss +521 -167
  21. package/src/base/_luxelevations.scss +49 -0
  22. package/src/base/_luxfocus.scss +220 -102
  23. package/src/base/_luxpalette.scss +9 -0
  24. package/src/base/_luxstyles.scss +162 -112
  25. package/src/base/_luxtheme.scss +10 -6
  26. package/src/base/components/_luxAppHeaderAc.scss +140 -0
  27. package/src/base/components/_luxFormControlWrapper.scss +173 -0
  28. package/src/base/components/_luxFormControlsAuthentic.scss +279 -0
  29. package/src/base/components/_luxLinkPlain.scss +56 -0
  30. package/src/base/components/_luxMasterDetailAc.scss +193 -0
  31. package/src/base/components/_luxTileAc.scss +64 -0
  32. package/src/blue/_custom.scss +101 -8
  33. package/src/blue/_luxcommon.scss +19 -2
  34. package/src/blue/_luxpalette.scss +4 -3
  35. package/src/blue/luxtheme.scss +101 -9
  36. package/src/green/_custom.scss +241 -124
  37. package/src/green/_luxcommon.scss +22 -5
  38. package/src/green/_luxpalette.scss +4 -3
  39. package/src/green/luxtheme.scss +103 -12
  40. package/src/public/global.scss +6 -10
  41. package/CHANGELOG.md +0 -84
  42. package/prebuilt-themes/luxtheme-orange-min.css +0 -1
  43. package/prebuilt-themes/luxtheme-orange-min.css.map +0 -1
  44. package/prebuilt-themes/luxtheme-orange.css.map +0 -1
  45. package/src/orange/_custom.scss +0 -66
  46. package/src/orange/_luxcommon.scss +0 -84
  47. package/src/orange/_luxpalette.scss +0 -106
  48. package/src/orange/luxtheme.scss +0 -10
package/src/base/_luxelevations.scss ADDED
@@ -0,0 +1,49 @@
1
+ @use "@angular/material" as mat;
2
+
3
+ /*
4
+ Mixins für die Bestimmung der Schatten, um den Components eine "Höhe" zu geben
5
+ Sortierung erfolgt nach "Material Design Specification"
6
+ https://material.io/design/environment/elevation.html#default-elevations
7
+ und nutzt die "Elevation Sass mixins" von @angular/material/core/style/elevation.scss
8
+ https://material.angular.io/guide/elevation
9
+ Wichtig: Hierbei handelt es sich um eine reine optische Elevation.
10
+ Der z-index wird dadurch nicht verändert!
11
+
12
+ Folgenden Components wurden die lux-elevation-z# mixins zugewiesen
13
+ lux-elevation-z0: (kein Schatten/niedrigste Ebene)
14
+ - im lux-Master-Detail wird die Card ohne Schatten genutzt, im Header der lux-rounded-Button ohne Schatten
15
+ lux-elevation-z1: (Strukturierende Elemente ohne Funktion)
16
+ - lux-card,lux-master-header/-footer/detail-contianer, wegen der geringen Größe Toggle-Thumb,
17
+ lux-elevation-z2: ("klickbare" Elemente)
18
+ - lux-buttons (luxRaised/luxRounded), lux-tile, lux-accordion
19
+ lux-elevation-z4: (Listen/Menüs im cdk-overlay)
20
+ - lux-message-box, lux-datepicker, lux-datetimepicker, lux-autocomplete, lux-select, lux-menu
21
+ lux-elevation-z6:
22
+ - lux-snackbar, lux-app-header
23
+ lux-elevation-z16:
24
+ - lux-side-nav (drawer)
25
+ lux-elevation-z24: (höchste Ebene)
26
+ - lux-dialog
27
+ */
28
+
29
+ @mixin lux-elevation-z0 {
30
+ @include mat.elevation(0);
31
+ }
32
+ @mixin lux-elevation-z1 {
33
+ @include mat.elevation(1);
34
+ }
35
+ @mixin lux-elevation-z2 {
36
+ @include mat.elevation(2);
37
+ }
38
+ @mixin lux-elevation-z4 {
39
+ @include mat.elevation(4);
40
+ }
41
+ @mixin lux-elevation-z6 {
42
+ @include mat.elevation(6);
43
+ }
44
+ @mixin lux-elevation-z16 {
45
+ @include mat.elevation(16);
46
+ }
47
+ @mixin lux-elevation-z24 {
48
+ @include mat.elevation(24);
49
+ }