@ihk-gfi/lux-components-theme 19.3.0 → 21.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 (122) hide show
  1. package/README.md +123 -174
  2. package/package.json +10 -10
  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 +9466 -11439
  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 +9403 -11650
  10. package/prebuilt-themes/luxtheme-green.css.map +1 -1
  11. package/src/base-templates/common/_luxbreakpoints.scss +96 -0
  12. package/src/{base → base-templates/common}/_luxelevations.scss +1 -1
  13. package/src/base-templates/common/_luxfocus.scss +84 -0
  14. package/src/{base → base-templates/common}/_luxlayout.scss +0 -1
  15. package/src/base-templates/common/_luxstyles.scss +510 -0
  16. package/src/base-templates/components/_luxAccordion.scss +137 -0
  17. package/src/base-templates/components/_luxAppContent.scss +4 -0
  18. package/src/{base → base-templates}/components/_luxAppFooter.scss +2 -6
  19. package/src/{base → base-templates}/components/_luxAppHeader.scss +66 -76
  20. package/src/base-templates/components/_luxAppHeaderAc.scss +147 -0
  21. package/src/base-templates/components/_luxAppHeaderAcSessionTimer.scss +95 -0
  22. package/src/base-templates/components/_luxAutocomplete.scss +24 -0
  23. package/src/base-templates/components/_luxBadge.scss +40 -0
  24. package/src/base-templates/components/_luxBadgeNotification.scss +53 -0
  25. package/src/{base → base-templates}/components/_luxBreadcrumb.scss +5 -8
  26. package/src/base-templates/components/_luxButton.scss +107 -0
  27. package/src/base-templates/components/_luxButtonFlat.scss +53 -0
  28. package/src/base-templates/components/_luxButtonRaised.scss +80 -0
  29. package/src/base-templates/components/_luxButtonRounded.scss +83 -0
  30. package/src/base-templates/components/_luxButtonRoundedStroked.scss +76 -0
  31. package/src/base-templates/components/_luxButtonSpinner.scss +90 -0
  32. package/src/base-templates/components/_luxButtonStroked.scss +45 -0
  33. package/src/base-templates/components/_luxCard.scss +133 -0
  34. package/src/base-templates/components/_luxCheckbox.scss +11 -0
  35. package/src/{base → base-templates}/components/_luxCheckboxContainerAc.scss +6 -4
  36. package/src/base-templates/components/_luxChips.scss +123 -0
  37. package/src/base-templates/components/_luxCore.scss +26 -0
  38. package/src/base-templates/components/_luxDatepicker.scss +65 -0
  39. package/src/base-templates/components/_luxDatetimepicker.scss +17 -0
  40. package/src/{base → base-templates}/components/_luxDialog.scss +22 -16
  41. package/src/base-templates/components/_luxDivider.scss +10 -0
  42. package/src/{base → base-templates}/components/_luxErrorPage.scss +0 -4
  43. package/src/base-templates/components/_luxFileList.scss +55 -0
  44. package/src/{base → base-templates}/components/_luxFilePreview.scss +1 -4
  45. package/src/base-templates/components/_luxFileProgress.scss +13 -0
  46. package/src/base-templates/components/_luxFileUpload.scss +271 -0
  47. package/src/base-templates/components/_luxFileinput.scss +27 -0
  48. package/src/{base → base-templates}/components/_luxFilter.scss +31 -5
  49. package/src/base-templates/components/_luxFormControlWrapper.scss +276 -0
  50. package/src/base-templates/components/_luxHtml.scss +8 -0
  51. package/src/base-templates/components/_luxIcon.scss +53 -0
  52. package/src/base-templates/components/_luxInput.scss +30 -0
  53. package/src/{base → base-templates}/components/_luxLinkPlain.scss +12 -13
  54. package/src/{base → base-templates}/components/_luxList.scss +5 -8
  55. package/src/base-templates/components/_luxLookupAutocomplete.scss +6 -0
  56. package/src/base-templates/components/_luxLookupCombobox.scss +30 -0
  57. package/src/{base → base-templates}/components/_luxMasterDetailAc.scss +17 -34
  58. package/src/base-templates/components/_luxMenu.scss +270 -0
  59. package/src/base-templates/components/_luxMessagebox.scss +119 -0
  60. package/src/base-templates/components/_luxPopup.scss +54 -0
  61. package/src/base-templates/components/_luxProgressBar.scss +103 -0
  62. package/src/base-templates/components/_luxProgressSpinner.scss +94 -0
  63. package/src/base-templates/components/_luxRadioButton.scss +32 -0
  64. package/src/base-templates/components/_luxSelect.scss +42 -0
  65. package/src/base-templates/components/_luxSideNav.scss +93 -0
  66. package/src/base-templates/components/_luxSlider.scss +17 -0
  67. package/src/base-templates/components/_luxSnackbar.scss +41 -0
  68. package/src/{base → base-templates}/components/_luxStepper.scss +33 -129
  69. package/src/base-templates/components/_luxStepperLarge.scss +435 -0
  70. package/src/{base → base-templates}/components/_luxTable.scss +29 -63
  71. package/src/{base → base-templates}/components/_luxTabs.scss +32 -67
  72. package/src/base-templates/components/_luxTextarea.scss +16 -0
  73. package/src/base-templates/components/_luxTextbox.scss +83 -0
  74. package/src/{base → base-templates}/components/_luxTile.scss +12 -17
  75. package/src/base-templates/components/_luxTileAc.scss +71 -0
  76. package/src/base-templates/components/_luxToggle.scss +19 -0
  77. package/src/base-templates/components/_luxToolTip.scss +8 -0
  78. package/src/{base → base-templates}/components/_luxTourHint.scss +11 -7
  79. package/src/theme-authentic/_mat3Theme.scss +135 -0
  80. package/src/theme-authentic/_palettes.scss +183 -0
  81. package/src/theme-authentic/_variables.scss +486 -0
  82. package/src/theme-authentic/_variablesPreferContrast.scss +76 -0
  83. package/src/theme-authentic/lux-authentic.scss +69 -0
  84. package/src/theme-green/_mat3Theme.scss +134 -0
  85. package/src/theme-green/_palettes.scss +182 -0
  86. package/src/theme-green/_variables.scss +487 -0
  87. package/src/theme-green/_variablesPreferContrast.scss +76 -0
  88. package/src/theme-green/lux-green.scss +68 -0
  89. package/src/authentic/_custom.scss +0 -609
  90. package/src/authentic/_custombutton.scss +0 -143
  91. package/src/authentic/_luxcommon.scss +0 -138
  92. package/src/authentic/_luxpalette.scss +0 -230
  93. package/src/authentic/luxtheme.scss +0 -113
  94. package/src/base/_luxbreakpoints.scss +0 -94
  95. package/src/base/_luxcommon.scss +0 -104
  96. package/src/base/_luxcomponents.scss +0 -843
  97. package/src/base/_luxfocus.scss +0 -438
  98. package/src/base/_luxpalette.scss +0 -10
  99. package/src/base/_luxstyles.scss +0 -723
  100. package/src/base/_luxtheme.scss +0 -23
  101. package/src/base/components/_luxAppHeaderAc.scss +0 -214
  102. package/src/base/components/_luxBadge.scss +0 -62
  103. package/src/base/components/_luxButton.scss +0 -283
  104. package/src/base/components/_luxCard.scss +0 -179
  105. package/src/base/components/_luxFormControlWrapper.scss +0 -205
  106. package/src/base/components/_luxFormControlsAuthentic.scss +0 -715
  107. package/src/base/components/_luxIcon.scss +0 -41
  108. package/src/base/components/_luxMenu.scss +0 -314
  109. package/src/base/components/_luxMessagebox.scss +0 -156
  110. package/src/base/components/_luxProgressBar.scss +0 -5
  111. package/src/base/components/_luxProgressSpinner.scss +0 -13
  112. package/src/base/components/_luxSnackbar.scss +0 -77
  113. package/src/base/components/_luxTextbox.scss +0 -91
  114. package/src/base/components/_luxTileAc.scss +0 -87
  115. package/src/base/components/_luxToolTip.scss +0 -5
  116. package/src/green/_custom.scss +0 -1125
  117. package/src/green/_luxcommon.scss +0 -117
  118. package/src/green/_luxpalette.scss +0 -231
  119. package/src/green/luxtheme.scss +0 -117
  120. package/src/public/global.scss +0 -113
  121. /package/src/{base → base-templates/common}/_luxSvgIcons.scss +0 -0
  122. /package/src/{base → base-templates/common}/_luxfonts.scss +0 -0
package/src/base/components/_luxTileAc.scss DELETED
@@ -1,87 +0,0 @@
1
- @use "sass:map";
2
- @use "../luxfocus";
3
- @use "../luxcommon";
4
- @use "../luxpalette";
5
- @use "../../public/global";
6
- @use "../luxelevations";
7
-
8
- lux-tile-ac {
9
- box-sizing: border-box;
10
- display: inline-block;
11
-
12
- mat-card {
13
- padding: 16px;
14
-
15
- &.mdc-card {
16
- flex-direction: unset;
17
- }
18
- }
19
-
20
- .mat-mdc-card.lux-tile-ac {
21
- box-sizing: border-box;
22
- display: flex;
23
- height: 100%;
24
- min-width: 150px;
25
- background-color: luxcommon.$app-data-bg;
26
- background-image: luxcommon.$app-gradient;
27
- border: 1px solid rgba(black, 0.12);
28
-
29
- .lux-tile-icon-container {
30
- color: map.get(luxpalette.$lux-palette-primary, 500);
31
- grid-column-start: 2;
32
- grid-row: 1 / span 2;
33
- mat-icon.lux-icon {
34
- padding: 0px !important;
35
- height: 32px;
36
- width: 32px;
37
- }
38
- }
39
- .lux-tile-content {
40
- display: grid;
41
- width: 100%;
42
- grid-template-columns: 1fr auto;
43
- gap: 5px;
44
- min-width: 0;
45
-
46
- mat-card-title.lux-tile-title {
47
- color: luxcommon.$dark-primary-text;
48
- line-height: 30px;
49
- font-size: 1.25rem;
50
- margin: 0;
51
- min-width: 0;
52
-
53
- span {
54
- font-family: luxcommon.$app-headline-font, luxcommon.$app-font-family;
55
- }
56
- }
57
-
58
- mat-card-subtitle.lux-tile-subtitle {
59
- span {
60
- font-family: luxcommon.$app-font-family;
61
- font-size: 0.9375rem;
62
- }
63
- }
64
-
65
- mat-card-subtitle.mat-mdc-card-subtitle:not(:first-child) {
66
- color: luxcommon.$dark-secondary-text;
67
- font-size: 0.875rem;
68
- font-weight: normal;
69
- margin: 0px;
70
- min-width: 0;
71
- grid-row-start: 2;
72
- }
73
- }
74
-
75
- &:not([class*="mat-elevation-z"]) {
76
- @include luxelevations.lux-elevation-z2;
77
- }
78
-
79
- &[class~="lux-cursor"]:focus-visible {
80
- @include luxfocus.focus-dark-mixin;
81
- }
82
- &[class~="lux-cursor"]:hover {
83
- border-color: luxcommon.$dark-primary-text;
84
- background: luxcommon.$app-gradient-reverse;
85
- }
86
- }
87
- }
package/src/base/components/_luxToolTip.scss DELETED
@@ -1,5 +0,0 @@
1
- @use "../luxcommon";
2
-
3
- .mat-mdc-tooltip {
4
- --mdc-plain-tooltip-container-shape: #{luxcommon.$app-border-radius};
5
- }