@rxap/layout 14.0.1 → 14.0.3

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 (2) hide show
  1. package/package.json +10 -10
  2. package/_theming.scss +0 -319
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@rxap/layout",
3
- "version": "14.0.1",
3
+ "version": "14.0.3",
4
4
  "bugs": {
5
5
  "url": "https://gitlab.com/rxap/packages/-/issues",
6
6
  "email": "incoming+rxap-packages-14898188-issue-@incoming.gitlab.com"
@@ -29,15 +29,15 @@
29
29
  "@angular/platform-browser": "^14.2.2",
30
30
  "@angular/platform-browser-dynamic": "^14.2.2",
31
31
  "@angular/router": "^14.2.2",
32
- "@rxap/authentication": "^14.0.3",
33
- "@rxap/components": "^14.0.0",
34
- "@rxap/config": "^14.1.0",
35
- "@rxap/definition": "^14.0.1",
36
- "@rxap/directives": "^14.0.1",
37
- "@rxap/forms": "^14.0.0",
38
- "@rxap/material-directives": "^14.0.0",
39
- "@rxap/services": "^14.0.2",
40
- "@rxap/utilities": "^14.0.1",
32
+ "@rxap/authentication": "^14.0.5",
33
+ "@rxap/components": "^14.0.2",
34
+ "@rxap/config": "^14.1.3",
35
+ "@rxap/definition": "^14.0.3",
36
+ "@rxap/directives": "^14.0.3",
37
+ "@rxap/forms": "^14.0.2",
38
+ "@rxap/material-directives": "^14.0.2",
39
+ "@rxap/services": "^14.0.5",
40
+ "@rxap/utilities": "^14.0.3",
41
41
  "joi": "^17.6.3",
42
42
  "reflect-metadata": "^0.1.13",
43
43
  "rxjs": "^6.6.0"
package/_theming.scss DELETED
@@ -1,319 +0,0 @@
1
- @use '@angular/material' as mat;
2
-
3
-
4
- @mixin rxap-sidenav-theme($theme) {
5
- $foreground: map-get($theme, foreground);
6
- $background: map-get($theme, background);
7
- $accent: map-get($theme, accent);
8
- $isDark: map-get($theme, is-dark);
9
-
10
- .rxap-layout-sidenav {
11
-
12
- background: mat.get-color-from-palette($background, card);
13
-
14
- .container {
15
-
16
- .inner {
17
-
18
- .nav-container {
19
-
20
- /* Handle */
21
- &::-webkit-scrollbar-thumb {
22
- background: mat.get-color-from-palette($accent, 100);
23
- }
24
-
25
- /* Handle on hover */
26
- &::-webkit-scrollbar-thumb:hover {
27
- background: mat.get-color-from-palette($accent, 300);
28
- }
29
-
30
- @if $isDark {
31
-
32
- /* Handle */
33
- &::-webkit-scrollbar-thumb {
34
- background: mat.get-color-from-palette($accent, 900);
35
- }
36
-
37
- /* Handle on hover */
38
- &::-webkit-scrollbar-thumb:hover {
39
- background: mat.get-color-from-palette($accent, 700);
40
- }
41
-
42
- }
43
-
44
- }
45
-
46
- }
47
-
48
- }
49
-
50
- .version {
51
- color: lightgray;
52
- }
53
-
54
- }
55
-
56
- }
57
-
58
- @mixin rxap-sidenav-typography($config) {
59
- .rxap-layout-sidenav {
60
-
61
- .version {
62
- font-size: 10px;
63
- }
64
-
65
- }
66
- }
67
-
68
-
69
-
70
- @mixin rxap-navigation-item-theme($theme) {
71
- $foreground: map-get($theme, foreground);
72
- $background: map-get($theme, background);
73
- $accent: map-get($theme, accent);
74
- $isDark: map-get($theme, is-dark);
75
-
76
- .rxap-navigation-item, .navigation-overlay-container {
77
-
78
- .navigation-link {
79
-
80
- color: map-get($foreground, hint-text);
81
-
82
- &:focus {
83
- outline: none;
84
- }
85
-
86
- &:hover {
87
- color: map-get($foreground, text);
88
- }
89
-
90
- &.link-active, &:active {
91
- @if $isDark {
92
- color: mat.get-color-from-palette($accent, 300);
93
- } @else {
94
- color: mat.get-color-from-palette($accent, 700);
95
- }
96
- }
97
-
98
- }
99
-
100
- }
101
-
102
- .navigation-overlay-container {
103
- background-color: map-get($background, dialog);
104
- }
105
-
106
- }
107
-
108
- @mixin rxap-navigation-item-typography($config) {
109
- .rxap-navigation-item {
110
-
111
- }
112
- }
113
-
114
- @mixin rxap-toggle-window-sidenav-button-theme($theme) {
115
- $foreground: map-get($theme, foreground);
116
- $background: map-get($theme, background);
117
- $accent: map-get($theme, accent);
118
-
119
- .rxap-toggle-window-sidenav-button {
120
-
121
- .toggle-button {
122
- background: map-get($background, background);
123
- border-color: rgba(255, 255, 255, 0.12);
124
- }
125
-
126
- }
127
-
128
- }
129
-
130
-
131
-
132
- @mixin rxap-navigation-theme($theme) {
133
- $foreground: map-get($theme, foreground);
134
- $background: map-get($theme, background);
135
- $accent: map-get($theme, accent);
136
- $isDark: map-get($theme, is-dark);
137
-
138
- .rxap-navigation {
139
-
140
- .divider-title {
141
- color: map-get($foreground, hint-text);
142
- }
143
-
144
- .item {
145
- $border-width: 4px;
146
- border-left: $border-width solid transparent;
147
-
148
- &.active {
149
- border-left: $border-width solid mat.get-color-from-palette($accent);
150
- }
151
-
152
- }
153
-
154
- }
155
-
156
- }
157
-
158
- @mixin rxap-navigation-typography($config) {
159
- .rxap-navigation {
160
-
161
- }
162
- }
163
-
164
- @mixin rxap-sign-out-theme($theme) {
165
- $foreground: map-get($theme, foreground);
166
- $background: map-get($theme, background);
167
- $accent: map-get($theme, accent);
168
- $primary: map-get($theme, primary);
169
- $warn: map-get($theme, warn);
170
- $isDark: map-get($theme, is-dark);
171
-
172
- .rxap-sign-out { }
173
-
174
- }
175
-
176
- @mixin rxap-sign-out-typography($config) {
177
- .rxap-sign-out { }
178
- }
179
-
180
- @mixin rxap-user-profile-icon-theme($theme) {
181
- $foreground: map-get($theme, foreground);
182
- $background: map-get($theme, background);
183
- $accent: map-get($theme, accent);
184
- $primary: map-get($theme, primary);
185
- $warn: map-get($theme, warn);
186
- $isDark: map-get($theme, is-dark);
187
-
188
- .rxap-user-profile-icon { }
189
-
190
- }
191
-
192
- @mixin rxap-user-profile-icon-typography($config) {
193
- .rxap-user-profile-icon { }
194
- }
195
-
196
- @mixin rxap-navigation-progress-bar-theme($theme) {
197
- $foreground: map-get($theme, foreground);
198
- $background: map-get($theme, background);
199
- $accent: map-get($theme, accent);
200
- $primary: map-get($theme, primary);
201
- $warn: map-get($theme, warn);
202
- $isDark: map-get($theme, is-dark);
203
-
204
- .rxap-navigation-progress-bar { }
205
-
206
- }
207
-
208
- @mixin rxap-navigation-progress-bar-typography($config) {
209
- .rxap-navigation-progress-bar { }
210
- }
211
-
212
- @mixin rxap-reset-button-theme($theme) {
213
- $foreground: map-get($theme, foreground);
214
- $background: map-get($theme, background);
215
- $accent: map-get($theme, accent);
216
- $primary: map-get($theme, primary);
217
- $warn: map-get($theme, warn);
218
- $isDark: map-get($theme, is-dark);
219
-
220
- .rxap-reset-button { }
221
-
222
- }
223
-
224
- @mixin rxap-reset-button-typography($config) {
225
- .rxap-reset-button { }
226
- }
227
-
228
- @mixin rxap-sidenav-toggle-button-theme($theme) {
229
- $foreground: map-get($theme, foreground);
230
- $background: map-get($theme, background);
231
- $accent: map-get($theme, accent);
232
- $primary: map-get($theme, primary);
233
- $warn: map-get($theme, warn);
234
- $isDark: map-get($theme, is-dark);
235
-
236
- .rxap-sidenav-toggle-button { }
237
-
238
- }
239
-
240
- @mixin rxap-sidenav-toggle-button-typography($config) {
241
- .rxap-sidenav-toggle-button { }
242
- }
243
-
244
- @mixin rxap-apps-button-theme($theme) {
245
- $foreground: map-get($theme, foreground);
246
- $background: map-get($theme, background);
247
- $accent: map-get($theme, accent);
248
- $primary: map-get($theme, primary);
249
- $warn: map-get($theme, warn);
250
- $isDark: map-get($theme, is-dark);
251
-
252
- .rxap-apps-button {
253
-
254
-
255
- }
256
-
257
- .cdk-overlay-container {
258
-
259
- .grid-container {
260
- background-color: map-get($background, dialog);
261
-
262
- .grid {
263
-
264
- li:not(.empty) {
265
-
266
- &:hover {
267
- background-color: map-get($background, hover);
268
- cursor: pointer;
269
- }
270
-
271
- &:active {
272
- background: map-get($background, focused-button);
273
- }
274
-
275
- }
276
-
277
- }
278
-
279
- }
280
-
281
- }
282
-
283
- }
284
-
285
- @mixin rxap-apps-button-typography($config) {
286
- .rxap-apps-button {
287
- }
288
- }
289
-
290
-
291
-
292
- @mixin rxap-layout-theme($theme) {
293
-
294
- @include rxap-sidenav-theme($theme);
295
- @include rxap-navigation-theme($theme);
296
- @include rxap-navigation-item-theme($theme);
297
- @include rxap-toggle-window-sidenav-button-theme($theme);
298
- @include rxap-sign-out-theme($theme);
299
- @include rxap-user-profile-icon-theme($theme);
300
- @include rxap-navigation-progress-bar-theme($theme);
301
- @include rxap-reset-button-theme($theme);
302
- @include rxap-sidenav-toggle-button-theme($theme);
303
- @include rxap-apps-button-theme($theme);
304
-
305
- }
306
-
307
- @mixin rxap-layout-typography($config) {
308
-
309
- @include rxap-sidenav-typography($config);
310
- @include rxap-navigation-typography($config);
311
- @include rxap-navigation-item-typography($config);
312
- @include rxap-sign-out-typography($config);
313
- @include rxap-user-profile-icon-typography($config);
314
- @include rxap-navigation-progress-bar-typography($config);
315
- @include rxap-reset-button-typography($config);
316
- @include rxap-sidenav-toggle-button-typography($config);
317
- @include rxap-apps-button-typography($config);
318
-
319
- }