@colijnit/corecomponents_v12 12.0.38 → 12.0.41
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.
- package/bundles/colijnit-corecomponents_v12.umd.js +12 -3
- package/bundles/colijnit-corecomponents_v12.umd.js.map +1 -1
- package/colijnit-corecomponents_v12.metadata.json +1 -1
- package/esm2015/lib/components/co-dialog/co-dialog.component.js +15 -8
- package/esm2015/lib/components/input-date-range-picker/input-date-range-picker.component.js +7 -1
- package/fesm2015/colijnit-corecomponents_v12.js +17 -4
- package/fesm2015/colijnit-corecomponents_v12.js.map +1 -1
- package/lib/components/co-dialog/co-dialog.component.d.ts +4 -2
- package/lib/components/co-dialog/style/_layout.scss +6 -0
- package/lib/components/co-dialog/style/_theme.scss +1 -1
- package/lib/components/input-date-range-picker/input-date-range-picker.component.d.ts +2 -0
- package/lib/components/simple-grid/style/_material-definition.scss +2 -2
- package/lib/components/simple-grid/style/_theme.scss +2 -0
- package/lib/style/_variables.scss +3 -2
- package/package.json +1 -1
|
@@ -1,12 +1,14 @@
|
|
|
1
|
-
import { EventEmitter } from
|
|
2
|
-
import { CoreComponentsIcon } from
|
|
1
|
+
import { EventEmitter } from '@angular/core';
|
|
2
|
+
import { CoreComponentsIcon } from '../../core/enum/core-components-icon.enum';
|
|
3
3
|
export declare class CoDialogComponent {
|
|
4
4
|
readonly icons: typeof CoreComponentsIcon;
|
|
5
5
|
showCloseIcon: boolean;
|
|
6
6
|
modal: boolean;
|
|
7
|
+
borderless: boolean;
|
|
7
8
|
animation: boolean;
|
|
8
9
|
readonly closeClick: EventEmitter<MouseEvent>;
|
|
9
10
|
readonly overlayClick: EventEmitter<MouseEvent>;
|
|
10
11
|
showClass(): boolean;
|
|
12
|
+
handleCloseDialog(event: MouseEvent): void;
|
|
11
13
|
handleOverlayClick(event: MouseEvent): void;
|
|
12
14
|
}
|
|
@@ -34,6 +34,9 @@
|
|
|
34
34
|
font-family: $cc-co-dialog-content-font-family;
|
|
35
35
|
font-size: $cc-co-dialog-content-font-size;
|
|
36
36
|
padding: $cc-co-dialog-content-padding;
|
|
37
|
+
max-height: 80vh;
|
|
38
|
+
overflow: auto;
|
|
39
|
+
overscroll-behavior: contain; // prevent body to scroll when scrolled to the end
|
|
37
40
|
}
|
|
38
41
|
.dialog-footer {
|
|
39
42
|
font-family: $cc-co-dialog-footer-font-family;
|
|
@@ -44,4 +47,7 @@
|
|
|
44
47
|
cursor: pointer;
|
|
45
48
|
}
|
|
46
49
|
}
|
|
50
|
+
.disable-scroll {
|
|
51
|
+
pointer-events: none;
|
|
52
|
+
}
|
|
47
53
|
}
|
|
@@ -4,7 +4,7 @@
|
|
|
4
4
|
background-color: $cc-co-dialog-overlay-background-color;
|
|
5
5
|
backdrop-filter: $cc-co-dialog-overlay-backdrop-filter;
|
|
6
6
|
}
|
|
7
|
-
.co-dialog-wrapper {
|
|
7
|
+
&:not(.borderless).co-dialog-wrapper {
|
|
8
8
|
background-color: $cc-co-dialog-background-color;
|
|
9
9
|
box-shadow: $cc-co-dialog-box-shadow;
|
|
10
10
|
}
|
|
@@ -8,6 +8,8 @@ export declare class InputDateRangePickerComponent extends BaseInputComponent<Da
|
|
|
8
8
|
startDateChange: EventEmitter<Date>;
|
|
9
9
|
endDateChange: EventEmitter<Date>;
|
|
10
10
|
dateRangeChange: EventEmitter<Date[]>;
|
|
11
|
+
close: EventEmitter<{}>;
|
|
12
|
+
select: EventEmitter<{}>;
|
|
11
13
|
showClass(): boolean;
|
|
12
14
|
rangeChange(): void;
|
|
13
15
|
}
|
|
@@ -2,8 +2,8 @@ $cc-simple-grid-font-familiy: $cc-font-family !default;
|
|
|
2
2
|
$cc-simple-grid-font-size: $cc-font-size-default !default;
|
|
3
3
|
|
|
4
4
|
$cc-simple-grid-header-font-familiy: $cc-font-family !default;
|
|
5
|
-
$cc-simple-grid-header-font-size:
|
|
6
|
-
$cc-simple-grid-header-font-weight:
|
|
5
|
+
$cc-simple-grid-header-font-size: 10px !default;
|
|
6
|
+
$cc-simple-grid-header-font-weight: normal !default;
|
|
7
7
|
$cc-simple-grid-header-text-transform: uppercase !default;
|
|
8
8
|
$cc-simple-grid-header-background-color: white !default;
|
|
9
9
|
$cc-simple-grid-header-padding: 10px 5px !default;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
@include export-module('cc-simple-grid-theme') {
|
|
2
2
|
.co-simple-grid {
|
|
3
|
+
color: $cc-color-font;
|
|
3
4
|
.simple-grid-column-sizer {
|
|
4
5
|
background-color: $cc-simple-grid-header-sizer-background-color;
|
|
5
6
|
}
|
|
6
7
|
.simple-grid-column-header {
|
|
7
8
|
border-color: $cc-simple-grid-header-border-color;
|
|
9
|
+
color: $cc-color-label;
|
|
8
10
|
}
|
|
9
11
|
.simple-grid-column-header {
|
|
10
12
|
background-color: $cc-simple-grid-header-background-color;
|
|
@@ -26,7 +26,7 @@ $cc-color-light-accent: #DCE4EA !default;
|
|
|
26
26
|
$cc-color-light: #FFFFFF !default;
|
|
27
27
|
$cc-color-icons-dark: #29363F !default;
|
|
28
28
|
$cc-color-form-input-border: #EDEBEC !default;
|
|
29
|
-
$cc-color-label: #
|
|
29
|
+
$cc-color-label: #8083A3 !default;
|
|
30
30
|
$cc-color-input-indicator-mandatory: #C1002A !default;
|
|
31
31
|
$cc-color-error: #C1002A !default;
|
|
32
32
|
$cc-color-valid: #429777 !default;
|
|
@@ -39,6 +39,7 @@ $cc-color-label-active: #525E64 !default;
|
|
|
39
39
|
$cc-color-input-disabled: #DAD9D9 !default;
|
|
40
40
|
$cc-color-input-invalid: #E29CA2 !default;
|
|
41
41
|
$cc-color-text-light: #F7FAFA !default;
|
|
42
|
+
$cc-color-font: #171721 !default;
|
|
42
43
|
$cc-color-action-accent: #848a9e !default;
|
|
43
44
|
$cc-color-text-main: #22313C !default;
|
|
44
45
|
$cc-color-input-positive: #d7ead7 !default;
|
|
@@ -76,7 +77,7 @@ $cc-shadow-size-small: 5px !default;
|
|
|
76
77
|
$cc-item-size-very-small: 20px !default;
|
|
77
78
|
$cc-action-size: 40px !default;
|
|
78
79
|
|
|
79
|
-
$cc-font-size-input-label:
|
|
80
|
+
$cc-font-size-input-label: 12px !default;
|
|
80
81
|
$cc-font-size-small: 13px !default;
|
|
81
82
|
$cc-font-size-default: 12px !default;
|
|
82
83
|
$cc-font-size-medium: 10px !default;
|