@recursyve/nice-ui-kit.v2 14.0.0-beta.94 → 14.0.0-beta.95

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 (15) hide show
  1. package/_index.scss +0 -1
  2. package/esm2020/lib/components/base-form/base-form.component.mjs +7 -3
  3. package/esm2020/lib/components/form-error/control-status.directive.mjs +16 -7
  4. package/esm2020/lib/components/navigation/vertical/vertical.component.mjs +8 -6
  5. package/esm2020/lib/components/sweet-alert/sweet-alert.component.mjs +3 -3
  6. package/fesm2015/recursyve-nice-ui-kit.v2.mjs +29 -16
  7. package/fesm2015/recursyve-nice-ui-kit.v2.mjs.map +1 -1
  8. package/fesm2020/recursyve-nice-ui-kit.v2.mjs +28 -15
  9. package/fesm2020/recursyve-nice-ui-kit.v2.mjs.map +1 -1
  10. package/lib/components/base-form/base-form.component.d.ts +3 -3
  11. package/lib/components/navigation/vertical/vertical.component.d.ts +2 -2
  12. package/package.json +1 -1
  13. package/styles/tailwind.scss +77 -74
  14. package/tailwind/plugins/theming.js +1 -1
  15. package/src/lib/nice.tailwind.scss +0 -94
package/lib/components/base-form/base-form.component.d.ts CHANGED
@@ -1,16 +1,16 @@
1
1
  import { EventEmitter, OnDestroy, OnInit } from "@angular/core";
2
2
  import { ControlValueAccessor, FormGroup } from "@angular/forms";
3
3
  import { GeneratedFormGroup } from "@recursyve/ngx-form-generator";
4
- import { Subscription } from "rxjs";
4
+ import { Subject } from "rxjs";
5
5
  import * as i0 from "@angular/core";
6
6
  export declare abstract class NiceBaseFormComponent<Form> implements OnInit, OnDestroy, ControlValueAccessor {
7
7
  formGroup: GeneratedFormGroup<Form>;
8
8
  private stepper;
9
9
  loading: boolean;
10
10
  submit: EventEmitter<Form>;
11
- protected valueChangeSub$: Subscription;
11
+ protected unsubscribeAll$: Subject<void>;
12
12
  private propagate;
13
- protected constructor(formGroup: GeneratedFormGroup<Form>);
13
+ constructor(formGroup: GeneratedFormGroup<Form>);
14
14
  ngOnInit(): void;
15
15
  ngOnDestroy(): void;
16
16
  registerOnChange(fn: (form: Form) => void): void;
package/lib/components/navigation/vertical/vertical.component.d.ts CHANGED
@@ -23,7 +23,6 @@ export declare class NiceVerticalNavigationComponent extends NiceNavigationCompo
23
23
  private _asideOverlay;
24
24
  private readonly _handleAsideOverlayClick;
25
25
  private readonly _handleOverlayClick;
26
- private _hovered;
27
26
  private _overlay;
28
27
  private _player;
29
28
  private _scrollStrategy;
@@ -35,6 +34,7 @@ export declare class NiceVerticalNavigationComponent extends NiceNavigationCompo
35
34
  inner: boolean;
36
35
  mode: NiceVerticalNavigationMode;
37
36
  opened: boolean;
37
+ hovered: boolean;
38
38
  position: NiceVerticalNavigationPosition;
39
39
  transparentOverlay: boolean;
40
40
  readonly appearanceChanged: EventEmitter<NiceVerticalNavigationAppearance>;
@@ -153,5 +153,5 @@ export declare class NiceVerticalNavigationComponent extends NiceNavigationCompo
153
153
  */
154
154
  private _toggleOpened;
155
155
  static ɵfac: i0.ɵɵFactoryDeclaration<NiceVerticalNavigationComponent, never>;
156
- static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationComponent, "nice-vertical-navigation", ["niceVerticalNavigation"], { "name": "name"; "appearance": "appearance"; "autoCollapse": "autoCollapse"; "inner": "inner"; "mode": "mode"; "opened": "opened"; "position": "position"; "transparentOverlay": "transparentOverlay"; "navigation": "navigation"; }, { "appearanceChanged": "appearanceChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "positionChanged": "positionChanged"; }, never, ["[niceVerticalNavigationHeader]", "[niceVerticalNavigationContentHeader]", "[niceVerticalNavigationContentFooter]", "[niceVerticalNavigationFooter]"], false>;
156
+ static ɵcmp: i0.ɵɵComponentDeclaration<NiceVerticalNavigationComponent, "nice-vertical-navigation", ["niceVerticalNavigation"], { "name": "name"; "appearance": "appearance"; "autoCollapse": "autoCollapse"; "inner": "inner"; "mode": "mode"; "opened": "opened"; "hovered": "hovered"; "position": "position"; "transparentOverlay": "transparentOverlay"; "navigation": "navigation"; }, { "appearanceChanged": "appearanceChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "positionChanged": "positionChanged"; }, never, ["[niceVerticalNavigationHeader]", "[niceVerticalNavigationContentHeader]", "[niceVerticalNavigationContentFooter]", "[niceVerticalNavigationFooter]"], false>;
157
157
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@recursyve/nice-ui-kit.v2",
3
- "version": "14.0.0-beta.94",
3
+ "version": "14.0.0-beta.95",
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
- }