@alfresco/adf-core 8.4.0-18041881470 → 8.4.0-18127637576

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 (5) hide show
  1. package/lib/styles/{material.theme.scss → _globals.scss} +1 -1
  2. package/lib/styles/_index.scss +4 -126
  3. package/package.json +3 -3
  4. package/lib/styles/_theming.scss +0 -3
  5. package/lib/styles/_typography.scss +0 -18
package/lib/styles/{material.theme.scss → _globals.scss} RENAMED
@@ -1,6 +1,6 @@
1
1
  @use './mat-selectors' as ms;
2
2
 
3
- @mixin adf-material-theme() {
3
+ @mixin globals() {
4
4
  #{ms.$mat-expansion-panel} {
5
5
  & #{ms.$mat-expansion-panel-header}.cdk-keyboard-focused,
6
6
  & #{ms.$mat-expansion-panel-header}.cdk-program-focused,
package/lib/styles/_index.scss CHANGED
@@ -1,126 +1,4 @@
1
- /* stylelint-disable value-keyword-case */
2
- @use '@angular/material' as mat;
3
- @use '@mat-datetimepicker/core/datetimepicker/datetimepicker-theme';
4
- /* stylelint-disable value-list-max-empty-lines */
5
- /* stylelint-disable scss/no-global-function-names */
6
- /* stylelint-disable scss/at-import-partial-extension */
7
- @import './mixins';
8
- @import './mat-selectors';
9
- @import '../form/components/widgets/form.theme';
10
- @import '../clipboard/clipboard.theme';
11
- @import './material.theme';
12
-
13
- @mixin alfresco-material-theme($theme) {
14
- @include adf-core-theme($theme);
15
- }
16
-
17
- @mixin adf-core-theme($theme, $custom-css-variables: $adf-custom-theme-sizes) {
18
- $foreground: map-get($theme, foreground);
19
- $background: map-get($theme, background);
20
- $warn: map-get($theme, warn);
21
- $accent: map-get($theme, accent);
22
- $primary: map-get($theme, primary);
23
- $typography: map-get($theme, typography);
24
-
25
- // map SCSS variables to expose as CSS variables
26
- $defaults: (
27
- // theme colors
28
- --theme-primary-color: mat.m2-get-color-from-palette($primary),
29
- --theme-primary-color-default-contrast: mat.m2-get-color-from-palette($primary, default-contrast),
30
- --theme-header-text-color: mat.m2-get-color-from-palette($primary, default-contrast),
31
- --adf-theme-primary-50: mat.m2-get-color-from-palette($primary, 50),
32
- --adf-theme-primary-100: mat.m2-get-color-from-palette($primary, 100),
33
- --adf-theme-primary-300: mat.m2-get-color-from-palette($primary, 300),
34
- --adf-theme-primary-900: mat.m2-get-color-from-palette($primary, 900),
35
- --theme-warn-color: mat.m2-get-color-from-palette($warn),
36
- --theme-warn-color-a700: mat.m2-get-color-from-palette($warn, A700),
37
- --theme-warn-color-default-contrast: mat.m2-get-color-from-palette($warn, default-contrast),
38
- --theme-accent-color: mat.m2-get-color-from-palette($accent),
39
- --theme-accent-color-a200: mat.m2-get-color-from-palette($accent, A200),
40
- --theme-accent-color-default-contrast: mat.m2-get-color-from-palette($accent, default-contrast),
41
- --theme-accent-500: mat.m2-get-color-from-palette($accent, 500),
42
- --adf-theme-foreground-base-color: mat.m2-get-color-from-palette($foreground, base),
43
- --adf-theme-foreground-base-color-065: mat.m2-get-color-from-palette($foreground, base, 0.65),
44
- --adf-theme-foreground-base-color-045: mat.m2-get-color-from-palette($foreground, base, 0.45),
45
- --adf-theme-foreground-disabled-text-color: mat.m2-get-color-from-palette($foreground, disabled-text),
46
- --adf-theme-foreground-divider-color: mat.m2-get-color-from-palette($foreground, divider),
47
- --adf-theme-foreground-icon-color: mat.m2-get-color-from-palette($foreground, icon),
48
- --adf-theme-foreground-icon-color-054: mat.m2-get-color-from-palette($foreground, icon, 0.54),
49
- --adf-theme-foreground-secondary-text-color: mat.m2-get-color-from-palette($foreground, secondary-text),
50
- --adf-theme-foreground-text-color: mat.m2-get-color-from-palette($foreground, text),
51
- --adf-theme-foreground-text-color-087: mat.m2-get-color-from-palette($foreground, text, 0.87),
52
- --adf-theme-foreground-text-color-075: mat.m2-get-color-from-palette($foreground, text, 0.75),
53
- --adf-theme-foreground-text-color-064: mat.m2-get-color-from-palette($foreground, text, 0.64),
54
- --adf-theme-foreground-text-color-054: mat.m2-get-color-from-palette($foreground, text, 0.54),
55
- --adf-theme-foreground-text-color-040: mat.m2-get-color-from-palette($foreground, text, 0.4),
56
- --adf-theme-foreground-text-color-027: mat.m2-get-color-from-palette($foreground, text, 0.27),
57
- --adf-theme-foreground-text-color-025: mat.m2-get-color-from-palette($foreground, text, 0.25),
58
- --adf-theme-foreground-text-color-014: mat.m2-get-color-from-palette($foreground, text, 0.14),
59
- --adf-theme-foreground-text-color-007: mat.m2-get-color-from-palette($foreground, text, 0.07),
60
- --adf-theme-background-card-color: mat.m2-get-color-from-palette($background, card),
61
- --adf-theme-background-card-color-087: mat.m2-get-color-from-palette($background, card, 0.87),
62
- --theme-background-color: mat.m2-get-color-from-palette($background, background),
63
- --adf-theme-background-dialog-color: mat.m2-get-color-from-palette($background, dialog),
64
- --adf-theme-background-hover-color: mat.m2-get-color-from-palette($background, hover),
65
- --adf-theme-background-selected-button-color: mat.m2-get-color-from-palette($background, selected-button),
66
- --adf-theme-background-status-bar-color: mat.m2-get-color-from-palette($background, status-bar),
67
- --adf-theme-background-unselected-chip-color: mat.m2-get-color-from-palette($background, unselected-chip),
68
- // typography
69
- --theme-font-family: mat.m2-font-family($typography),
70
- --theme-font-weight: normal,
71
- --theme-body-1-font-size: mat.m2-font-size($typography, body-2),
72
- --theme-body-2-font-size: mat.m2-font-size($typography, subtitle-2),
73
- --theme-body-1-line-height: mat.m2-line-height($typography, body-2),
74
- --theme-display-1-font-size: mat.m2-font-size($typography, headline-4),
75
- --theme-display-3-font-size: mat.m2-font-size($typography, headline-2),
76
- --theme-display-4-font-size: mat.m2-font-size($typography, headline-1),
77
- --theme-caption-font-size: mat.m2-font-size($typography, caption),
78
- --theme-title-font-size: mat.m2-font-size($typography, headline-6),
79
- --theme-subheading-1-font-size: mat.m2-font-size($typography, body-1),
80
- --theme-subheading-2-font-size: mat.m2-font-size($typography, subtitle-1),
81
- --theme-button-font-size: mat.m2-font-size($typography, button),
82
- --theme-headline-font-size: mat.m2-font-size($typography, headline-5),
83
- --theme-headline-line-height: mat.m2-line-height($typography, headline-5),
84
- --theme-adf-icon-1-font-size: map-get($custom-css-variables, 'theme-adf-icon-1-font-size'),
85
- --theme-adf-picture-1-font-size: map-get($custom-css-variables, 'theme-adf-picture-1-font-size'),
86
- --theme-adf-task-footer-font-size: map-get($custom-css-variables, 'theme-adf-task-footer-font-size'),
87
- --theme-adf-task-title-font-size: map-get($custom-css-variables, 'theme-adf-task-title-font-size'),
88
- // specific colors
89
- --adf-theme-mat-grey-color-a200: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 'A200'),
90
- --adf-theme-mat-grey-color-a400: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 'A400'),
91
- --adf-theme-mat-grey-color-50: mat.m2-get-color-from-palette(mat.$m2-grey-palette, 50),
92
- // spacing
93
- --adf-theme-spacing: map-get($custom-css-variables, 'theme-adf-spacing'),
94
- // components
95
- --adf-metadata-property-panel-border-color: rgba(0, 0, 0, 0.12),
96
- --adf-metadata-buttons-background-color: rgba(33, 33, 33, 0.05),
97
- --adf-metadata-action-button-clear-color: rgba(33, 35, 40, 0.698),
98
- --adf-metadata-property-panel-text-color: rgba(33, 35, 40, 0.7),
99
- --adf-metadata-property-panel-label-color: rgba(33, 33, 33, 0.24),
100
- --adf-metadata-property-panel-title-color: rgb(33, 33, 33),
101
- --adf-error-color: #ba1b1b,
102
- --adf-secondary-button-background: #2121210d,
103
- --adf-secondary-modal-text-color: #212121,
104
- --adf-disabled-button-background: rgba(0, 0, 0, 0.12),
105
- --adf-chip-border-color: #757575,
106
- --adf-sidenav-active-text-color: rgba(0, 48, 100, 1)
107
- );
108
-
109
- // propagates SCSS variables into the CSS variables scope
110
- :root {
111
- @each $name, $value in $defaults {
112
- #{$name}: #{$value};
113
- }
114
- }
115
-
116
- @include datetimepicker-theme.mat-datetimepicker-theme($theme);
117
- @include adf-material-theme;
118
- }
119
-
120
- $adf-custom-theme-sizes: (
121
- 'theme-adf-icon-1-font-size': 17px,
122
- 'theme-adf-picture-1-font-size': 18px,
123
- 'theme-adf-task-footer-font-size': 18px,
124
- 'theme-adf-task-title-font-size': 18px,
125
- 'theme-adf-spacing': 16px
126
- );
1
+ @forward './globals';
2
+ @forward './flex';
3
+ @forward './mixins';
4
+ @forward './mat-selectors';
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@alfresco/adf-core",
3
3
  "description": "Alfresco ADF core",
4
- "version": "8.4.0-18041881470",
4
+ "version": "8.4.0-18127637576",
5
5
  "author": "Hyland Software, Inc. and its affiliates",
6
6
  "repository": {
7
7
  "type": "git",
@@ -63,8 +63,8 @@
63
63
  "@angular/router": ">=16.0.0",
64
64
  "@mat-datetimepicker/core": ">=12.0.1",
65
65
  "@ngx-translate/core": ">=16.0.0",
66
- "@alfresco/js-api": ">=9.4.0-18041881470",
67
- "@alfresco/adf-extensions": ">=8.4.0-18041881470",
66
+ "@alfresco/js-api": ">=9.4.0-18127637576",
67
+ "@alfresco/adf-extensions": ">=8.4.0-18127637576",
68
68
  "minimatch": ">=10.0.0",
69
69
  "pdfjs-dist": ">=3.3.122"
70
70
  },
package/lib/styles/_theming.scss DELETED
@@ -1,3 +0,0 @@
1
- @import './mixins';
2
- @import './typography';
3
- @import './mat-selectors';
package/lib/styles/_typography.scss DELETED
@@ -1,18 +0,0 @@
1
- @use '@angular/material' as mat;
2
-
3
- $alfresco-typography: mat.m2-define-typography-config(
4
- $font-family: 'Roboto, "Helvetica Neue", sans-serif',
5
- $headline-1: mat.m2-define-typography-level(112px, 112px, 300),
6
- $headline-2: mat.m2-define-typography-level(56px, 56px, 400),
7
- $headline-3: mat.m2-define-typography-level(45px, 48px, 400),
8
- $headline-4: mat.m2-define-typography-level(34px, 40px, 400),
9
- $headline-5: mat.m2-define-typography-level(24px, 32px, 400),
10
- $headline-6: mat.m2-define-typography-level(20px, 32px, 500),
11
- $subtitle-1: mat.m2-define-typography-level(16px, 28px, 400),
12
- $body-1: mat.m2-define-typography-level(15px, 24px, 400),
13
- $subtitle-2: mat.m2-define-typography-level(14px, 24px, 500),
14
- $body-2: mat.m2-define-typography-level(14px, 20px, 400),
15
- $caption: mat.m2-define-typography-level(12px, 20px, 400),
16
- $button: mat.m2-define-typography-level(14px, 14px, 500),
17
- // Line-height must be unit-less fraction of the font-size.
18
- );