@recursyve/nice-ui-kit.v2 13.1.0-beta.90 → 13.2.0-beta.93

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 (14) hide show
  1. package/_index.scss +0 -1
  2. package/esm2020/lib/api/nice.api.mjs +2 -1
  3. package/esm2020/lib/components/form-error/control-status.directive.mjs +1 -1
  4. package/esm2020/lib/components/navigation/vertical/components/collapsable/collapsable.component.mjs +19 -4
  5. package/fesm2015/recursyve-nice-ui-kit.v2.mjs +19 -3
  6. package/fesm2015/recursyve-nice-ui-kit.v2.mjs.map +1 -1
  7. package/fesm2020/recursyve-nice-ui-kit.v2.mjs +18 -2
  8. package/fesm2020/recursyve-nice-ui-kit.v2.mjs.map +1 -1
  9. package/lib/api/nice.api.d.ts +1 -0
  10. package/lib/components/navigation/vertical/components/collapsable/collapsable.component.d.ts +2 -0
  11. package/package.json +1 -1
  12. package/styles/tailwind.scss +77 -74
  13. package/tailwind/plugins/theming.js +1 -1
  14. package/src/lib/nice.tailwind.scss +0 -94
package/lib/api/nice.api.d.ts CHANGED
@@ -9,6 +9,7 @@ export interface HttpOptions {
9
9
  headers?: HttpHeaders | {
10
10
  [header: string]: string | string[];
11
11
  };
12
+ responseType?: "text" | "json" | "arraybuffer" | "blob";
12
13
  params?: HttpParams | {
13
14
  [param: string]: string | number | boolean | ReadonlyArray<string | number | boolean>;
14
15
  };
package/lib/components/navigation/vertical/components/collapsable/collapsable.component.d.ts CHANGED
@@ -1,6 +1,7 @@
1
1
  import { BooleanInput } from "@angular/cdk/coercion";
2
2
  import { ChangeDetectorRef, OnDestroy, OnInit } from "@angular/core";
3
3
  import { Router } from "@angular/router";
4
+ import { BehaviorSubject } from "rxjs";
4
5
  import { NiceNavigationService } from "../../../navigation.service";
5
6
  import { NiceNavigationItem } from "../../../navigation.types";
6
7
  import * as i0 from "@angular/core";
@@ -16,6 +17,7 @@ export declare class NiceVerticalNavigationCollapsableItemComponent implements O
16
17
  name: string;
17
18
  isCollapsed: boolean;
18
19
  isExpanded: boolean;
20
+ hasChildActivated$: BehaviorSubject<boolean>;
19
21
  /**
20
22
  * Constructor
21
23
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@recursyve/nice-ui-kit.v2",
3
- "version": "13.1.0-beta.90",
3
+ "version": "13.2.0-beta.93",
4
4
  "exports": {
5
5
  ".": {
6
6
  "sass": "./_index.scss",
package/styles/tailwind.scss CHANGED
@@ -1,94 +1,97 @@
1
+ /* This injects Tailwind's base styles and any base styles registered by plugins. */
2
+ @tailwind base;
3
+
1
4
  /* This injects additional styles into Tailwind's base styles layer. */
2
- @mixin tailwind() {
3
- @layer base {
4
-
5
- * {
6
- /* Text rendering */
7
- text-rendering: optimizeLegibility;
8
- -o-text-rendering: optimizeLegibility;
9
- -ms-text-rendering: optimizeLegibility;
10
- -moz-text-rendering: optimizeLegibility;
11
- -webkit-text-rendering: optimizeLegibility;
12
- -webkit-tap-highlight-color: transparent;
13
-
14
- /* Remove the focus ring */
15
- &:focus {
16
- outline: none !important;
17
- }
5
+ @layer base {
6
+
7
+ * {
8
+ /* Text rendering */
9
+ text-rendering: optimizeLegibility;
10
+ -o-text-rendering: optimizeLegibility;
11
+ -ms-text-rendering: optimizeLegibility;
12
+ -moz-text-rendering: optimizeLegibility;
13
+ -webkit-text-rendering: optimizeLegibility;
14
+ -webkit-tap-highlight-color: transparent;
15
+
16
+ /* Remove the focus ring */
17
+ &:focus {
18
+ outline: none !important;
18
19
  }
20
+ }
19
21
 
20
- /* HTML and Body default styles */
21
- html,
22
- body {
23
- display: flex;
24
- flex-direction: column;
25
- flex: 1 1 auto;
26
- width: 100%;
27
- min-height: 100%;
28
- -webkit-font-smoothing: auto;
29
- -moz-osx-font-smoothing: auto;
30
- }
22
+ /* HTML and Body default styles */
23
+ html,
24
+ body {
25
+ display: flex;
26
+ flex-direction: column;
27
+ flex: 1 1 auto;
28
+ width: 100%;
29
+ min-height: 100%;
30
+ -webkit-font-smoothing: auto;
31
+ -moz-osx-font-smoothing: auto;
32
+ }
31
33
 
32
- /* Font size */
33
- html {
34
- font-size: 16px;
35
- }
34
+ /* Font size */
35
+ html {
36
+ font-size: 16px;
37
+ }
36
38
 
37
- body {
38
- font-size: 0.875rem;
39
- }
39
+ body {
40
+ font-size: 0.875rem;
41
+ }
40
42
 
41
- /* Stylistic alternates for Inter */
42
- body {
43
- font-feature-settings: 'salt';
44
- }
43
+ /* Stylistic alternates for Inter */
44
+ body {
45
+ font-feature-settings: 'salt';
46
+ }
45
47
 
46
- /* Better spacing and border for horizontal rule */
47
- hr {
48
- margin: 32px 0;
49
- border-bottom-width: 1px;
50
- }
48
+ /* Better spacing and border for horizontal rule */
49
+ hr {
50
+ margin: 32px 0;
51
+ border-bottom-width: 1px;
52
+ }
51
53
 
52
- /* Make images and videos to take up all the available space */
53
- img {
54
- width: 100%;
55
- vertical-align: top;
56
- }
54
+ /* Make images and videos to take up all the available space */
55
+ img {
56
+ width: 100%;
57
+ vertical-align: top;
58
+ }
57
59
 
58
- /* Fix: Disabled placeholder color is too faded on Safari */
59
- input[disabled] {
60
- opacity: 1;
61
- -webkit-text-fill-color: currentColor;
62
- }
60
+ /* Fix: Disabled placeholder color is too faded on Safari */
61
+ input[disabled] {
62
+ opacity: 1;
63
+ -webkit-text-fill-color: currentColor;
64
+ }
63
65
 
64
- body, .dark, .light {
65
- @apply text-default bg-default #{'!important'};
66
- }
66
+ body, .dark, .light {
67
+ @apply text-default bg-default #{'!important'};
68
+ }
67
69
 
68
- *, *::before, *::after {
69
- --tw-border-opacity: 1 !important;
70
- border-color: rgba(var(--nice-border-rgb), var(--tw-border-opacity));
70
+ *, *::before, *::after {
71
+ --tw-border-opacity: 1 !important;
72
+ border-color: rgba(var(--nice-border-rgb), var(--tw-border-opacity));
71
73
 
72
- .dark & {
73
- --tw-border-opacity: 0.12 !important;
74
- }
74
+ .dark & {
75
+ --tw-border-opacity: 0.12 !important;
75
76
  }
77
+ }
76
78
 
77
- [disabled] * {
78
- @apply text-disabled #{'!important'};
79
- }
79
+ [disabled] * {
80
+ @apply text-disabled #{'!important'};
81
+ }
80
82
 
81
- /* Print styles */
82
- @media print {
83
+ /* Print styles */
84
+ @media print {
83
85
 
84
- /* Make the base font size smaller for print so everything is scaled nicely */
85
- html {
86
- font-size: 12px !important;
87
- }
86
+ /* Make the base font size smaller for print so everything is scaled nicely */
87
+ html {
88
+ font-size: 12px !important;
89
+ }
88
90
 
89
- body, .dark, .light {
90
- background: none !important;
91
- }
91
+ body, .dark, .light {
92
+ background: none !important;
92
93
  }
93
94
  }
94
95
  }
96
+
97
+ @tailwind components;
package/tailwind/plugins/theming.js CHANGED
@@ -98,7 +98,7 @@ const theming = plugin.withOptions((options) => ({
98
98
  // @ Map variable colors
99
99
  // -----------------------------------------------------------------------------------------------------
100
100
  const mapVariableColors = _.fromPairs(_.map(options.themes, (theme, themeName) => [
101
- themeName === 'default' ? 'body' : `body.theme-${e(themeName)}`,
101
+ themeName === 'default' ? 'body, .theme-default' : `body, .theme-${e(themeName)}`,
102
102
  _.fromPairs(_.flatten(_.map(flattenColorPalette(_.fromPairs(_.flatten(_.map(normalizeTheme(theme), (palette, paletteName) => [
103
103
  [
104
104
  e(paletteName),
package/src/lib/nice.tailwind.scss DELETED
@@ -1,94 +0,0 @@
1
- /* This injects additional styles into Tailwind's base styles layer. */
2
- @mixin tailwind() {
3
- @layer base {
4
-
5
- * {
6
- /* Text rendering */
7
- text-rendering: optimizeLegibility;
8
- -o-text-rendering: optimizeLegibility;
9
- -ms-text-rendering: optimizeLegibility;
10
- -moz-text-rendering: optimizeLegibility;
11
- -webkit-text-rendering: optimizeLegibility;
12
- -webkit-tap-highlight-color: transparent;
13
-
14
- /* Remove the focus ring */
15
- &:focus {
16
- outline: none !important;
17
- }
18
- }
19
-
20
- /* HTML and Body default styles */
21
- html,
22
- body {
23
- display: flex;
24
- flex-direction: column;
25
- flex: 1 1 auto;
26
- width: 100%;
27
- min-height: 100%;
28
- -webkit-font-smoothing: auto;
29
- -moz-osx-font-smoothing: auto;
30
- }
31
-
32
- /* Font size */
33
- html {
34
- font-size: 16px;
35
- }
36
-
37
- body {
38
- font-size: 0.875rem;
39
- }
40
-
41
- /* Stylistic alternates for Inter */
42
- body {
43
- font-feature-settings: 'salt';
44
- }
45
-
46
- /* Better spacing and border for horizontal rule */
47
- hr {
48
- margin: 32px 0;
49
- border-bottom-width: 1px;
50
- }
51
-
52
- /* Make images and videos to take up all the available space */
53
- img {
54
- width: 100%;
55
- vertical-align: top;
56
- }
57
-
58
- /* Fix: Disabled placeholder color is too faded on Safari */
59
- input[disabled] {
60
- opacity: 1;
61
- -webkit-text-fill-color: currentColor;
62
- }
63
-
64
- body, .dark, .light {
65
- @apply text-default bg-default #{'!important'};
66
- }
67
-
68
- *, *::before, *::after {
69
- --tw-border-opacity: 1 !important;
70
- border-color: rgba(var(--nice-border-rgb), var(--tw-border-opacity));
71
-
72
- .dark & {
73
- --tw-border-opacity: 0.12 !important;
74
- }
75
- }
76
-
77
- [disabled] * {
78
- @apply text-disabled #{'!important'};
79
- }
80
-
81
- /* Print styles */
82
- @media print {
83
-
84
- /* Make the base font size smaller for print so everything is scaled nicely */
85
- html {
86
- font-size: 12px !important;
87
- }
88
-
89
- body, .dark, .light {
90
- background: none !important;
91
- }
92
- }
93
- }
94
- }