@ihk-gfi/lux-components-theme 14.7.0 → 15.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 (37) hide show
  1. package/README.md +13 -18
  2. package/package.json +6 -7
  3. package/prebuilt-themes/luxtheme-authentic-min.css +1 -1
  4. package/prebuilt-themes/luxtheme-authentic-min.css.map +1 -1
  5. package/prebuilt-themes/luxtheme-authentic.css +5524 -2566
  6. package/prebuilt-themes/luxtheme-authentic.css.map +1 -1
  7. package/prebuilt-themes/luxtheme-green-min.css +1 -1
  8. package/prebuilt-themes/luxtheme-green-min.css.map +1 -1
  9. package/prebuilt-themes/luxtheme-green.css +5553 -2922
  10. package/prebuilt-themes/luxtheme-green.css.map +1 -1
  11. package/src/authentic/_custom.scss +40 -76
  12. package/src/authentic/_luxcommon.scss +14 -17
  13. package/src/authentic/luxtheme.scss +78 -86
  14. package/src/base/_luxcommon.scss +0 -8
  15. package/src/base/_luxcomponents.scss +12 -572
  16. package/src/base/_luxfocus.scss +7 -205
  17. package/src/base/_luxstyles.scss +16 -15
  18. package/src/base/_luxtheme.scss +13 -1
  19. package/src/base/components/_luxAppHeaderAc.scss +3 -2
  20. package/src/base/components/_luxButton.scss +143 -0
  21. package/src/base/components/_luxFormControlWrapper.scss +9 -13
  22. package/src/base/components/_luxFormControlsAuthentic.scss +19 -14
  23. package/src/base/components/_luxIcon.scss +41 -0
  24. package/src/base/components/_luxLinkPlain.scss +1 -4
  25. package/src/base/components/_luxTextbox.scss +1 -1
  26. package/src/base/components/_luxTileAc.scss +4 -12
  27. package/src/green/_custom.scss +37 -314
  28. package/src/green/_luxcommon.scss +11 -19
  29. package/src/green/luxtheme.scss +84 -87
  30. package/prebuilt-themes/luxtheme-blue-min.css +0 -1
  31. package/prebuilt-themes/luxtheme-blue-min.css.map +0 -1
  32. package/prebuilt-themes/luxtheme-blue.css +0 -9151
  33. package/prebuilt-themes/luxtheme-blue.css.map +0 -1
  34. package/src/blue/_custom.scss +0 -120
  35. package/src/blue/_luxcommon.scss +0 -101
  36. package/src/blue/_luxpalette.scss +0 -106
  37. package/src/blue/luxtheme.scss +0 -102
package/src/green/luxtheme.scss CHANGED
@@ -1,98 +1,95 @@
1
1
  @use "../public/global" with (
2
- $app-font-family: ("Source Sans Pro", Helvetica, Arial, sans-serif)
2
+ $app-font-family: (
3
+ "Source Sans Pro",
4
+ Helvetica,
5
+ Arial,
6
+ sans-serif
7
+ )
3
8
  );
4
9
 
5
10
  @use "luxpalette" as themePalette;
6
11
  @use "../base/luxpalette" with (
7
- // Farbpaletten
8
- $lux-palette_primary: themePalette.$lux-palette_primary,
9
- $lux-palette_accent: themePalette.$lux-palette_accent,
10
- $lux-palette_warn: themePalette.$lux-palette_warn,
11
-
12
- // Hauptfarben
13
- $lux-primary-color: themePalette.$lux-primary-color,
14
- $lux-accent-color:themePalette.$lux-accent-color,
15
- $lux-warn-color: themePalette.$lux-warn-color
12
+ // Farbpaletten
13
+ $lux-palette_primary: themePalette.$lux-palette_primary,
14
+ $lux-palette_accent: themePalette.$lux-palette_accent,
15
+ $lux-palette_warn: themePalette.$lux-palette_warn,
16
+
17
+ // Hauptfarben
18
+ $lux-primary-color: themePalette.$lux-primary-color,
19
+ $lux-accent-color: themePalette.$lux-accent-color,
20
+ $lux-warn-color: themePalette.$lux-warn-color
16
21
  );
17
22
 
18
23
  @use "luxcommon" as themeCommon;
19
- @use "../base/luxcommon" with (
20
- // Allgemein
21
- $dark-primary-text: themeCommon.$dark-primary-text,
22
- $dark-secondary-text: themeCommon.$dark-secondary-text,
23
- $dark-disabled-text: themeCommon.$dark-disabled-text,
24
- $dark-dividers: themeCommon.$dark-dividers,
25
- $dark-focused: themeCommon.$dark-focused,
26
-
27
- $light-primary-text: themeCommon.$light-primary-text,
28
- $light-secondary-text: themeCommon.$light-secondary-text,
29
- $light-disabled-text: themeCommon.$light-disabled-text,
30
- $light-dividers: themeCommon.$light-dividers,
31
- $light-focused: themeCommon.$light-focused,
32
-
33
- // App
34
- $app-header-bg: themeCommon.$app-header-bg,
35
- $app-content-bg: themeCommon.$app-content-bg,
36
- $app-footer-bg: themeCommon.$app-footer-bg,
37
- $app-data-bg: themeCommon.$app-data-bg,
38
- $app-gradient: themeCommon.$app-gradient,
39
- $app-gradient-reverse: themeCommon.$app-gradient-reverse,
40
- $app-border-color: themeCommon.$app-border-color,
41
- $app-headline-font: themeCommon.$app-headline-font,
42
- $app-font-family: themeCommon.$app-font-family,
43
-
44
- // Form
45
- $form-border-color: themeCommon.$form-border-color,
46
- $form-control-default-height-not-scalable: themeCommon.$form-control-default-height-not-scalable,
47
- $form-control-height: themeCommon.$form-control-height,
48
- $form-control-height-small: themeCommon.$form-control-height-small,
49
- $form-control-font-size: themeCommon.$form-control-font-size,
50
- $form-control-font-size-small: themeCommon.$form-control-font-size-small,
51
- $form-control-label-padding: themeCommon.$form-control-label-padding,
52
- $form-control-container-padding: themeCommon.$form-control-container-padding,
53
- $form-control-misc-margin: themeCommon.$form-control-misc-margin,
54
- $form-control-complete-height: themeCommon.$form-control-complete-height,
55
- $form-control-buffer: themeCommon.$form-control-buffer,
56
- $form-control-margin: themeCommon.$form-control-margin,
57
-
58
- // Button
59
- $button-height: themeCommon.$button-height,
60
- $button-fav-height: themeCommon.$button-fav-height,
61
- $button-font-size: themeCommon.$button-font-size,
62
-
63
- // Fokus
64
- $outline-width: themeCommon.$outline-width,
65
- $outline-style: themeCommon.$outline-style,
66
- $outline-color-bright: themeCommon.$outline-color-bright,
67
- $outline-color-dark: themeCommon.$outline-color-dark,
68
-
69
- // Hover
70
- $lux-hover-color: themeCommon.$lux-hover-color,
71
- $lux-hover-color-for-dark-background: themeCommon.$lux-hover-color-for-dark-background,
72
-
73
- // Selektion
74
- $lux-selected-border-color: themeCommon.$lux-selected-border-color,
75
- $lux-selected-bg-color: themeCommon.$lux-selected-bg-color,
76
-
77
- // Stepper (large)
78
- $lux-stepper-large-backdrop-bg: themeCommon.$lux-stepper-large-backdrop-bg,
79
- $lux-stepper-large-completed-fc: themeCommon.$lux-stepper-large-completed-fc,
80
-
81
- $lux-stepper-large-nav-item-active-fc: themeCommon.$lux-stepper-large-nav-item-active-fc,
82
- $lux-stepper-large-nav-item-active-bg: themeCommon.$lux-stepper-large-nav-item-active-bg,
83
- $lux-stepper-large-nav-item-disabled-fg: themeCommon.$lux-stepper-large-nav-item-disabled-fg,
84
- $lux-stepper-large-nav-item-disabled-bg: themeCommon.$lux-stepper-large-nav-item-disabled-bg,
85
- $lux-stepper-large-nav-item-completed-fg: themeCommon.$lux-stepper-large-nav-item-completed-fg,
86
- $lux-stepper-large-nav-item-completed-bg: themeCommon.$lux-stepper-large-nav-item-completed-bg,
87
-
88
- // Hintergrundfarben (z.B. Badge oder Progress)
89
- $componentBgColors: themeCommon.$componentBgColors,
90
-
91
- // Vordergrundfarben (z.B. Badge)
92
- $componentFontColors: themeCommon.$componentFontColors,
93
-
94
- // Farben für einen dunklen Hintergrund (z.B. Snackbar).
95
- $colorsForDarkBg: themeCommon.$colorsForDarkBg
24
+ @use "../base/luxcommon" with (
25
+ // Allgemein
26
+ $dark-primary-text: themeCommon.$dark-primary-text,
27
+ $dark-secondary-text: themeCommon.$dark-secondary-text,
28
+ $dark-disabled-text: themeCommon.$dark-disabled-text,
29
+ $dark-dividers: themeCommon.$dark-dividers,
30
+ $dark-focused: themeCommon.$dark-focused,
31
+
32
+ $light-primary-text: themeCommon.$light-primary-text,
33
+ $light-secondary-text: themeCommon.$light-secondary-text,
34
+ $light-disabled-text: themeCommon.$light-disabled-text,
35
+ $light-dividers: themeCommon.$light-dividers,
36
+ $light-focused: themeCommon.$light-focused,
37
+
38
+ // App
39
+ $app-header-bg: themeCommon.$app-header-bg,
40
+ $app-content-bg: themeCommon.$app-content-bg,
41
+ $app-footer-bg: themeCommon.$app-footer-bg,
42
+ $app-data-bg: themeCommon.$app-data-bg,
43
+ $app-gradient: themeCommon.$app-gradient,
44
+ $app-gradient-reverse: themeCommon.$app-gradient-reverse,
45
+ $app-border-color: themeCommon.$app-border-color,
46
+ $app-headline-font: themeCommon.$app-headline-font,
47
+ $app-font-family: themeCommon.$app-font-family,
48
+
49
+ // Form
50
+ $form-border-color: themeCommon.$form-border-color,
51
+ $form-control-font-size: themeCommon.$form-control-font-size,
52
+ $form-control-font-size-small: themeCommon.$form-control-font-size-small,
53
+ $form-control-buffer: themeCommon.$form-control-buffer,
54
+
55
+ // Button
56
+ $button-height: themeCommon.$button-height,
57
+ $button-fav-height: themeCommon.$button-fav-height,
58
+ $button-font-size: themeCommon.$button-font-size,
59
+
60
+ // Fokus
61
+ $outline-width: themeCommon.$outline-width,
62
+ $outline-style: themeCommon.$outline-style,
63
+ $outline-color-bright: themeCommon.$outline-color-bright,
64
+ $outline-color-dark: themeCommon.$outline-color-dark,
65
+
66
+ // Hover
67
+ $lux-hover-color: themeCommon.$lux-hover-color,
68
+ $lux-hover-color-for-dark-background: themeCommon.$lux-hover-color-for-dark-background,
69
+
70
+ // Selektion
71
+ $lux-selected-border-color: themeCommon.$lux-selected-border-color,
72
+ $lux-selected-bg-color: themeCommon.$lux-selected-bg-color,
73
+
74
+ // Stepper (large)
75
+ $lux-stepper-large-backdrop-bg: themeCommon.$lux-stepper-large-backdrop-bg,
76
+ $lux-stepper-large-completed-fc: themeCommon.$lux-stepper-large-completed-fc,
77
+
78
+ $lux-stepper-large-nav-item-active-fc: themeCommon.$lux-stepper-large-nav-item-active-fc,
79
+ $lux-stepper-large-nav-item-active-bg: themeCommon.$lux-stepper-large-nav-item-active-bg,
80
+ $lux-stepper-large-nav-item-disabled-fg: themeCommon.$lux-stepper-large-nav-item-disabled-fg,
81
+ $lux-stepper-large-nav-item-disabled-bg: themeCommon.$lux-stepper-large-nav-item-disabled-bg,
82
+ $lux-stepper-large-nav-item-completed-fg: themeCommon.$lux-stepper-large-nav-item-completed-fg,
83
+ $lux-stepper-large-nav-item-completed-bg: themeCommon.$lux-stepper-large-nav-item-completed-bg,
84
+
85
+ // Hintergrundfarben (z.B. Badge oder Progress)
86
+ $componentBgColors: themeCommon.$componentBgColors,
87
+
88
+ // Vordergrundfarben (z.B. Badge)
89
+ $componentFontColors: themeCommon.$componentFontColors,
90
+
91
+ // Farben für einen dunklen Hintergrund (z.B. Snackbar).
92
+ $colorsForDarkBg: themeCommon.$colorsForDarkBg
96
93
  );
97
94
  @use "../base/luxSvgIcons";
98
95
  @use "../base/luxelevations";