@alfresco/adf-process-services-cloud 8.1.0-14664375052 → 8.1.0-14711395239

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.
@@ -1,4 +1,4 @@
1
- @import 'styles/flex';
1
+ @use '../../../flex' as flex;
2
2
 
3
3
  adf-cloud-app-list {
4
4
  width: 100%;
@@ -29,11 +29,11 @@ adf-cloud-app-list {
29
29
  flex: 1 1 100%;
30
30
  max-width: 33.3333%;
31
31
 
32
- @include layout-bp(lt-md) {
32
+ @include flex.layout-bp(lt-md) {
33
33
  max-width: 50%;
34
34
  }
35
35
 
36
- @include layout-bp(lt-sm) {
36
+ @include flex.layout-bp(lt-sm) {
37
37
  max-width: 100%;
38
38
  }
39
39
  }
package/lib/flex.scss ADDED
@@ -0,0 +1,81 @@
1
+ @charset "UTF-8";
2
+ /* stylelint-disable */
3
+
4
+ // Non-overlapping Material Design breakpoints
5
+ // @type map
6
+ $breakpoints: (
7
+ xs: (
8
+ begin: 0,
9
+ end: 599.9px
10
+ ),
11
+ sm: (
12
+ begin: 600px,
13
+ end: 959.9px
14
+ ),
15
+ md: (
16
+ begin: 960px,
17
+ end: 1279.9px
18
+ ),
19
+ lg: (
20
+ begin: 1280px,
21
+ end: 1919.9px
22
+ ),
23
+ xl: (
24
+ begin: 1920px,
25
+ end: 4999.99px
26
+ )
27
+ ) !default;
28
+
29
+ // Overlapping breakpoints that are greater than defined
30
+ // Material Design breakpoints
31
+ // @type map
32
+ $overlapping-gt: (
33
+ gt-xs: 600px,
34
+ gt-sm: 960px,
35
+ gt-md: 1280px,
36
+ gt-lg: 1920px
37
+ ) !default;
38
+
39
+ // Overlapping breakpoints that are less than defined
40
+ // Material Design breakpoints
41
+ // @type map
42
+ $overlapping-lt: (
43
+ lt-sm: 599.9px,
44
+ lt-md: 959.9px,
45
+ lt-lg: 1279.9px,
46
+ lt-xl: 1919.9px
47
+ ) !default;
48
+
49
+ // Media Query Mixin, takes a breakpoint and returns a wrapping
50
+ // media query statement
51
+ // e.g.
52
+ //
53
+ // @include layout-bp(xs) {
54
+ // background-color: red;
55
+ // }
56
+ //
57
+ // becomes
58
+ //
59
+ // @media (min-width: 0px) and (max-width: 599px) {
60
+ // background-color: red;
61
+ // }
62
+ @mixin layout-bp($bp) {
63
+ @if map-has-key($breakpoints, $bp) {
64
+ $min: map-get(map-get($breakpoints, $bp), begin);
65
+ $max: map-get(map-get($breakpoints, $bp), end);
66
+ @media (min-width: $min) and (max-width: $max) {
67
+ @content;
68
+ }
69
+ } @else if map-has-key($overlapping-gt, $bp) {
70
+ $min: map-get($overlapping-gt, $bp);
71
+ @media (min-width: $min) {
72
+ @content;
73
+ }
74
+ } @else if map-has-key($overlapping-lt, $bp) {
75
+ $max: map-get($overlapping-lt, $bp);
76
+ @media (max-width: $max) {
77
+ @content;
78
+ }
79
+ }
80
+ }
81
+ /* stylelint-enable */
@@ -1,4 +1,4 @@
1
- @import 'styles/mat-selectors';
1
+ @use '../../mat-selectors' as ms;
2
2
 
3
3
  /* cspell: disable-next-line */
4
4
  /* stylelint-disable scss/at-extend-no-missing-placeholder */
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  &-toolbar {
41
- #{$mat-toolbar} {
41
+ #{ms.$mat-toolbar} {
42
42
  background-color: var(--adf-theme-background-card-color-087);
43
43
  }
44
44
  }
@@ -83,7 +83,7 @@
83
83
  flex-direction: column;
84
84
  height: 100%;
85
85
 
86
- #{$mat-card-content} {
86
+ #{ms.$mat-card-content} {
87
87
  height: 100%;
88
88
  overflow: hidden auto;
89
89
  }
@@ -1,10 +1,10 @@
1
1
  /* stylelint-disable selector-class-pattern */
2
- @import 'styles/mat-selectors';
2
+ @use '../../../../mat-selectors' as ms;
3
3
 
4
4
  .adf {
5
5
  // eslint-disable-selector-class-pattern
6
6
  &-date-widget {
7
- #{$mat-form-field-suffix} {
7
+ #{ms.$mat-form-field-suffix} {
8
8
  top: 26px;
9
9
  }
10
10
 
@@ -14,11 +14,11 @@
14
14
  }
15
15
 
16
16
  &-left-label-input-datepicker {
17
- #{$mat-form-field-suffix} {
17
+ #{ms.$mat-form-field-suffix} {
18
18
  top: 0;
19
19
  }
20
20
 
21
- #{$mat-form-text-field-infix} {
21
+ #{ms.$mat-form-text-field-infix} {
22
22
  width: 100%;
23
23
  }
24
24
  }
@@ -1,4 +1,4 @@
1
- @import 'styles/mat-selectors';
1
+ @use '../../../../mat-selectors' as ms;
2
2
 
3
3
  .adf {
4
4
  &-dropdown-widget {
@@ -27,7 +27,7 @@
27
27
  margin-top: 1px;
28
28
  }
29
29
 
30
- #{$mat-select-arrow-wrapper} {
30
+ #{ms.$mat-select-arrow-wrapper} {
31
31
  height: auto;
32
32
  }
33
33
  }
@@ -0,0 +1,9 @@
1
+ /* Variables in this file are used in the Angular Material library. Do not modify them unless you know what you are doing. */
2
+
3
+ $mat-toolbar: '.mat-toolbar';
4
+ $mat-card-content: '.mat-mdc-card-content';
5
+ $mat-form-field-suffix: '.mat-mdc-form-field-text-suffix';
6
+ $mat-form-text-field-infix: '.mat-mdc-form-text-infix';
7
+ $mat-select-arrow-wrapper: '.mat-mdc-select-arrow-wrapper';
8
+ $mat-button: '.mat-mdc-button';
9
+ $mat-button-label: '.mdc-button__label';
@@ -1,4 +1,4 @@
1
- @import 'styles/flex';
1
+ @use '../../../../flex' as flex;
2
2
 
3
3
  .adf-edit-process-filter-date-error-container {
4
4
  position: absolute;
@@ -50,7 +50,7 @@
50
50
  max-width: 23%;
51
51
  }
52
52
 
53
- @include layout-bp(lt-sm) {
53
+ @include flex.layout-bp(lt-sm) {
54
54
  flex-flow: column;
55
55
 
56
56
  :not(:last-child) {
@@ -1,4 +1,4 @@
1
- @import 'styles/flex';
1
+ @use '../../../../../flex' as flex;
2
2
 
3
3
  .adf-edit-task-filter-checkbox {
4
4
  font-size: var(--theme-subheading-2-font-size);
@@ -60,7 +60,7 @@
60
60
  flex: 1 1 23%;
61
61
  }
62
62
 
63
- @include layout-bp(lt-sm) {
63
+ @include flex.layout-bp(lt-sm) {
64
64
  flex-flow: column;
65
65
 
66
66
  :not(:last-child) {
@@ -1,4 +1,4 @@
1
- @import 'styles/flex';
1
+ @use '../../../../../flex' as flex;
2
2
 
3
3
  .adf-edit-task-filter-checkbox {
4
4
  font-size: var(--theme-subheading-2-font-size);
@@ -60,7 +60,7 @@
60
60
  flex: 1 1 23%;
61
61
  }
62
62
 
63
- @include layout-bp(lt-sm) {
63
+ @include flex.layout-bp(lt-sm) {
64
64
  flex-flow: column;
65
65
 
66
66
  :not(:last-child) {
@@ -1,4 +1,4 @@
1
- @import 'styles/mat-selectors';
1
+ @use '../../../../mat-selectors' as ms;
2
2
 
3
3
  .adf-task-form-cloud-container {
4
4
  height: 100%;
@@ -16,7 +16,7 @@
16
16
  border-radius: 5px;
17
17
  }
18
18
 
19
- #{$mat-button} {
19
+ #{ms.$mat-button} {
20
20
  height: 36px;
21
21
  border-radius: 5px;
22
22
  width: auto;
@@ -25,7 +25,7 @@
25
25
  white-space: nowrap;
26
26
  }
27
27
 
28
- #{$mat-button-label} {
28
+ #{ms.$mat-button-label} {
29
29
  min-width: 58px;
30
30
  }
31
31
  }
@@ -1,4 +1,4 @@
1
- @import 'styles/flex';
1
+ @use '../../../flex' as flex;
2
2
 
3
3
  .adf {
4
4
  &-controls {
@@ -28,7 +28,7 @@
28
28
  }
29
29
  }
30
30
 
31
- @include layout-bp(lt-md) {
31
+ @include flex.layout-bp(lt-md) {
32
32
  adf-card-view .adf-property-value {
33
33
  text-overflow: ellipsis;
34
34
  overflow: hidden;
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@alfresco/adf-process-services-cloud",
3
3
  "description": "Alfresco ADF process services cloud",
4
- "version": "8.1.0-14664375052",
4
+ "version": "8.1.0-14711395239",
5
5
  "author": "Hyland Software, Inc. and its affiliates",
6
6
  "repository": {
7
7
  "type": "git",
@@ -37,9 +37,9 @@
37
37
  "@angular/platform-browser": ">=14.1.3",
38
38
  "@angular/platform-browser-dynamic": ">=14.1.3",
39
39
  "@angular/router": ">=14.1.3",
40
- "@alfresco/js-api": ">=9.1.0-14664375052",
41
- "@alfresco/adf-core": ">=8.1.0-14664375052",
42
- "@alfresco/adf-content-services": ">=8.1.0-14664375052",
40
+ "@alfresco/js-api": ">=9.1.0-14711395239",
41
+ "@alfresco/adf-core": ">=8.1.0-14711395239",
42
+ "@alfresco/adf-content-services": ">=8.1.0-14711395239",
43
43
  "@apollo/client": ">=3.7.2",
44
44
  "@ngx-translate/core": ">=14.0.0",
45
45
  "apollo-angular": ">=4.0.1"