@openmrs/esm-styleguide 10.0.1-pre.5635 → 10.0.1-pre.5649
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/.turbo/turbo-build.log +1 -1
- package/dist/components/_general.scss +76 -12
- package/dist/config-schema.d.ts +4 -0
- package/dist/config-schema.d.ts.map +1 -1
- package/dist/config-schema.js +15 -0
- package/package.json +25 -25
- package/src/components/_general.scss +76 -12
- package/src/config-schema.ts +19 -0
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
[0] Successfully compiled: 124 files, copied 168 files with swc (
|
|
1
|
+
[0] Successfully compiled: 124 files, copied 168 files with swc (279.92ms)
|
|
2
2
|
[0] swc --strip-leading-paths --copy-files src -d dist && svgo -rf dist --quiet exited with code 0
|
|
3
3
|
[1] tsc --project tsconfig.build.json exited with code 0
|
|
@@ -1,19 +1,38 @@
|
|
|
1
1
|
@use '@carbon/layout';
|
|
2
|
+
@use '@carbon/type';
|
|
2
3
|
@use '../vars' as *;
|
|
3
4
|
|
|
4
5
|
html {
|
|
5
6
|
scroll-behavior: smooth;
|
|
6
7
|
}
|
|
7
8
|
|
|
9
|
+
// Scrolls rather than clips when the error message makes the card taller than the viewport.
|
|
8
10
|
.omrs-app-error {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
position: fixed;
|
|
12
|
+
inset: 0;
|
|
13
|
+
z-index: 1001;
|
|
14
|
+
display: flex;
|
|
15
|
+
overflow-y: auto;
|
|
16
|
+
padding: layout.$spacing-07 0;
|
|
17
|
+
background: $openmrs-background-grey;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.omrs-app-error__card {
|
|
21
|
+
margin: auto;
|
|
22
|
+
width: 40rem;
|
|
23
|
+
max-width: calc(100% - #{layout.$spacing-07});
|
|
24
|
+
padding: layout.$spacing-07;
|
|
25
|
+
background: $ui-02;
|
|
26
|
+
border-top: 4px solid $danger;
|
|
27
|
+
|
|
28
|
+
h1 {
|
|
29
|
+
@include type.type-style('heading-03');
|
|
30
|
+
}
|
|
14
31
|
|
|
15
32
|
p {
|
|
16
|
-
|
|
33
|
+
@include type.type-style('body-01');
|
|
34
|
+
margin: layout.$spacing-05 0;
|
|
35
|
+
color: $text-02;
|
|
17
36
|
}
|
|
18
37
|
|
|
19
38
|
.cds--snippet {
|
|
@@ -21,6 +40,57 @@ html {
|
|
|
21
40
|
}
|
|
22
41
|
}
|
|
23
42
|
|
|
43
|
+
// The boot spinner and the page shown while the server starts up both cover the whole viewport, so the
|
|
44
|
+
// switch from one to the other doesn't move the spinner's surroundings.
|
|
45
|
+
body > .omrs-loading-spinner,
|
|
46
|
+
.omrs-server-starting {
|
|
47
|
+
position: fixed;
|
|
48
|
+
inset: 0;
|
|
49
|
+
z-index: 1001;
|
|
50
|
+
display: flex;
|
|
51
|
+
align-items: center;
|
|
52
|
+
justify-content: center;
|
|
53
|
+
background: $openmrs-background-grey;
|
|
54
|
+
|
|
55
|
+
.cds--loading__stroke {
|
|
56
|
+
stroke: var(--brand-03, #007d79);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.omrs-server-starting__tile {
|
|
61
|
+
display: flex;
|
|
62
|
+
flex-direction: column;
|
|
63
|
+
align-items: center;
|
|
64
|
+
gap: layout.$spacing-07;
|
|
65
|
+
width: 25rem;
|
|
66
|
+
max-width: calc(100% - #{layout.$spacing-07});
|
|
67
|
+
padding: layout.$spacing-07;
|
|
68
|
+
background: $ui-02;
|
|
69
|
+
text-align: center;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.omrs-server-starting__logo {
|
|
73
|
+
width: 13.75rem;
|
|
74
|
+
height: 3.25rem;
|
|
75
|
+
object-fit: contain;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.omrs-server-starting__text {
|
|
79
|
+
display: flex;
|
|
80
|
+
flex-direction: column;
|
|
81
|
+
gap: layout.$spacing-02;
|
|
82
|
+
|
|
83
|
+
h1 {
|
|
84
|
+
@include type.type-style('heading-03');
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
p {
|
|
88
|
+
@include type.type-style('body-01');
|
|
89
|
+
color: $text-02;
|
|
90
|
+
text-wrap: pretty;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
24
94
|
#omrs-apps-container {
|
|
25
95
|
display: flex;
|
|
26
96
|
flex-direction: column;
|
|
@@ -50,12 +120,6 @@ html {
|
|
|
50
120
|
height: var(--omrs-navbar-height);
|
|
51
121
|
}
|
|
52
122
|
|
|
53
|
-
body > .omrs-loading-spinner,
|
|
54
|
-
body > .omrs-app-error {
|
|
55
|
-
grid-area: appRoots;
|
|
56
|
-
min-width: 0;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
123
|
// The app shell lays out <body> as a grid. The top nav spans the first row, and the second row
|
|
60
124
|
// holds the left nav, the app roots and the workspace. The side columns are sized to their
|
|
61
125
|
// content, so they take no space when empty.
|
package/dist/config-schema.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"config-schema.d.ts","sourceRoot":"","sources":["../src/config-schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAoB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,KAAK,cAAc,EAAmB,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"config-schema.d.ts","sourceRoot":"","sources":["../src/config-schema.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,YAAY,EAAoB,MAAM,qBAAqB,CAAC;AAC1E,OAAO,EAAE,KAAK,cAAc,EAAmB,MAAM,SAAS,CAAC;AAE/D,MAAM,WAAW,sBAAsB;IACrC,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,gBAAgB,EAAE,MAAM,CAAC;IACzB,iCAAiC,EAAE;QACjC,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;KACtB,CAAC;IACF,kBAAkB,EAAE,MAAM,CAAC;IAC3B,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,EAAE,MAAM,CAAC;KACb,CAAC;IACF,uBAAuB,EAAE,MAAM,CAAC;IAChC,iBAAiB,EAAE;QACjB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,mBAAmB,EAAE;QACnB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;KACvB,CAAC;IACF,aAAa,EAAE;QACb,YAAY,EAAE,cAAc,CAAC;QAC7B,cAAc,EAAE,cAAc,CAAC;KAChC,CAAC;CACH;AAiBD,eAAO,MAAM,mBAAmB,EAAE,YA6FjC,CAAC"}
|
package/dist/config-schema.js
CHANGED
|
@@ -46,6 +46,21 @@ export const esmStyleGuideSchema = {
|
|
|
46
46
|
_description: 'A name of the place (or authority) where all possible locations a user can choose are located.',
|
|
47
47
|
_default: 'Clinic'
|
|
48
48
|
},
|
|
49
|
+
logo: {
|
|
50
|
+
src: {
|
|
51
|
+
_type: Type.String,
|
|
52
|
+
_default: '',
|
|
53
|
+
_description: 'The path or URL to the logo shown on the login page and while the server is starting up. If set to an empty string, the default OpenMRS logo is used.',
|
|
54
|
+
_validators: [
|
|
55
|
+
validators.isUrl
|
|
56
|
+
]
|
|
57
|
+
},
|
|
58
|
+
alt: {
|
|
59
|
+
_type: Type.String,
|
|
60
|
+
_default: 'Logo',
|
|
61
|
+
_description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.'
|
|
62
|
+
}
|
|
63
|
+
},
|
|
49
64
|
patientPhotoConceptUuid: {
|
|
50
65
|
_type: Type.ConceptUuid,
|
|
51
66
|
_default: '736e8771-e501-4615-bfa7-570c03f4bef5',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@openmrs/esm-styleguide",
|
|
3
|
-
"version": "10.0.1-pre.
|
|
3
|
+
"version": "10.0.1-pre.5649",
|
|
4
4
|
"license": "MPL-2.0",
|
|
5
5
|
"description": "The styleguide for OpenMRS SPA",
|
|
6
6
|
"module": "dist/internal.js",
|
|
@@ -79,18 +79,18 @@
|
|
|
79
79
|
"uuid": "^11.1.1"
|
|
80
80
|
},
|
|
81
81
|
"peerDependencies": {
|
|
82
|
-
"@openmrs/esm-api": "^10.0.1-pre.
|
|
83
|
-
"@openmrs/esm-config": "^10.0.1-pre.
|
|
84
|
-
"@openmrs/esm-emr-api": "^10.0.1-pre.
|
|
85
|
-
"@openmrs/esm-error-handling": "^10.0.1-pre.
|
|
86
|
-
"@openmrs/esm-extensions": "^10.0.1-pre.
|
|
87
|
-
"@openmrs/esm-globals": "^10.0.1-pre.
|
|
88
|
-
"@openmrs/esm-navigation": "^10.0.1-pre.
|
|
89
|
-
"@openmrs/esm-react-utils": "^10.0.1-pre.
|
|
90
|
-
"@openmrs/esm-routes": "^10.0.1-pre.
|
|
91
|
-
"@openmrs/esm-state": "^10.0.1-pre.
|
|
92
|
-
"@openmrs/esm-translations": "^10.0.1-pre.
|
|
93
|
-
"@openmrs/esm-utils": "^10.0.1-pre.
|
|
82
|
+
"@openmrs/esm-api": "^10.0.1-pre.5649",
|
|
83
|
+
"@openmrs/esm-config": "^10.0.1-pre.5649",
|
|
84
|
+
"@openmrs/esm-emr-api": "^10.0.1-pre.5649",
|
|
85
|
+
"@openmrs/esm-error-handling": "^10.0.1-pre.5649",
|
|
86
|
+
"@openmrs/esm-extensions": "^10.0.1-pre.5649",
|
|
87
|
+
"@openmrs/esm-globals": "^10.0.1-pre.5649",
|
|
88
|
+
"@openmrs/esm-navigation": "^10.0.1-pre.5649",
|
|
89
|
+
"@openmrs/esm-react-utils": "^10.0.1-pre.5649",
|
|
90
|
+
"@openmrs/esm-routes": "^10.0.1-pre.5649",
|
|
91
|
+
"@openmrs/esm-state": "^10.0.1-pre.5649",
|
|
92
|
+
"@openmrs/esm-translations": "^10.0.1-pre.5649",
|
|
93
|
+
"@openmrs/esm-utils": "^10.0.1-pre.5649",
|
|
94
94
|
"dayjs": "1.x",
|
|
95
95
|
"i18next": "25.x",
|
|
96
96
|
"react": "18.x",
|
|
@@ -99,18 +99,18 @@
|
|
|
99
99
|
"swr": "2.x"
|
|
100
100
|
},
|
|
101
101
|
"devDependencies": {
|
|
102
|
-
"@openmrs/esm-api": "10.0.1-pre.
|
|
103
|
-
"@openmrs/esm-config": "10.0.1-pre.
|
|
104
|
-
"@openmrs/esm-emr-api": "10.0.1-pre.
|
|
105
|
-
"@openmrs/esm-error-handling": "10.0.1-pre.
|
|
106
|
-
"@openmrs/esm-extensions": "10.0.1-pre.
|
|
107
|
-
"@openmrs/esm-globals": "10.0.1-pre.
|
|
108
|
-
"@openmrs/esm-navigation": "10.0.1-pre.
|
|
109
|
-
"@openmrs/esm-react-utils": "10.0.1-pre.
|
|
110
|
-
"@openmrs/esm-routes": "10.0.1-pre.
|
|
111
|
-
"@openmrs/esm-state": "10.0.1-pre.
|
|
112
|
-
"@openmrs/esm-translations": "10.0.1-pre.
|
|
113
|
-
"@openmrs/esm-utils": "10.0.1-pre.
|
|
102
|
+
"@openmrs/esm-api": "10.0.1-pre.5649",
|
|
103
|
+
"@openmrs/esm-config": "10.0.1-pre.5649",
|
|
104
|
+
"@openmrs/esm-emr-api": "10.0.1-pre.5649",
|
|
105
|
+
"@openmrs/esm-error-handling": "10.0.1-pre.5649",
|
|
106
|
+
"@openmrs/esm-extensions": "10.0.1-pre.5649",
|
|
107
|
+
"@openmrs/esm-globals": "10.0.1-pre.5649",
|
|
108
|
+
"@openmrs/esm-navigation": "10.0.1-pre.5649",
|
|
109
|
+
"@openmrs/esm-react-utils": "10.0.1-pre.5649",
|
|
110
|
+
"@openmrs/esm-routes": "10.0.1-pre.5649",
|
|
111
|
+
"@openmrs/esm-state": "10.0.1-pre.5649",
|
|
112
|
+
"@openmrs/esm-translations": "10.0.1-pre.5649",
|
|
113
|
+
"@openmrs/esm-utils": "10.0.1-pre.5649",
|
|
114
114
|
"@swc/cli": "0.8.1",
|
|
115
115
|
"@swc/core": "1.15.21",
|
|
116
116
|
"@types/geopattern": "^1.2.9",
|
|
@@ -1,19 +1,38 @@
|
|
|
1
1
|
@use '@carbon/layout';
|
|
2
|
+
@use '@carbon/type';
|
|
2
3
|
@use '../vars' as *;
|
|
3
4
|
|
|
4
5
|
html {
|
|
5
6
|
scroll-behavior: smooth;
|
|
6
7
|
}
|
|
7
8
|
|
|
9
|
+
// Scrolls rather than clips when the error message makes the card taller than the viewport.
|
|
8
10
|
.omrs-app-error {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
11
|
+
position: fixed;
|
|
12
|
+
inset: 0;
|
|
13
|
+
z-index: 1001;
|
|
14
|
+
display: flex;
|
|
15
|
+
overflow-y: auto;
|
|
16
|
+
padding: layout.$spacing-07 0;
|
|
17
|
+
background: $openmrs-background-grey;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
.omrs-app-error__card {
|
|
21
|
+
margin: auto;
|
|
22
|
+
width: 40rem;
|
|
23
|
+
max-width: calc(100% - #{layout.$spacing-07});
|
|
24
|
+
padding: layout.$spacing-07;
|
|
25
|
+
background: $ui-02;
|
|
26
|
+
border-top: 4px solid $danger;
|
|
27
|
+
|
|
28
|
+
h1 {
|
|
29
|
+
@include type.type-style('heading-03');
|
|
30
|
+
}
|
|
14
31
|
|
|
15
32
|
p {
|
|
16
|
-
|
|
33
|
+
@include type.type-style('body-01');
|
|
34
|
+
margin: layout.$spacing-05 0;
|
|
35
|
+
color: $text-02;
|
|
17
36
|
}
|
|
18
37
|
|
|
19
38
|
.cds--snippet {
|
|
@@ -21,6 +40,57 @@ html {
|
|
|
21
40
|
}
|
|
22
41
|
}
|
|
23
42
|
|
|
43
|
+
// The boot spinner and the page shown while the server starts up both cover the whole viewport, so the
|
|
44
|
+
// switch from one to the other doesn't move the spinner's surroundings.
|
|
45
|
+
body > .omrs-loading-spinner,
|
|
46
|
+
.omrs-server-starting {
|
|
47
|
+
position: fixed;
|
|
48
|
+
inset: 0;
|
|
49
|
+
z-index: 1001;
|
|
50
|
+
display: flex;
|
|
51
|
+
align-items: center;
|
|
52
|
+
justify-content: center;
|
|
53
|
+
background: $openmrs-background-grey;
|
|
54
|
+
|
|
55
|
+
.cds--loading__stroke {
|
|
56
|
+
stroke: var(--brand-03, #007d79);
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.omrs-server-starting__tile {
|
|
61
|
+
display: flex;
|
|
62
|
+
flex-direction: column;
|
|
63
|
+
align-items: center;
|
|
64
|
+
gap: layout.$spacing-07;
|
|
65
|
+
width: 25rem;
|
|
66
|
+
max-width: calc(100% - #{layout.$spacing-07});
|
|
67
|
+
padding: layout.$spacing-07;
|
|
68
|
+
background: $ui-02;
|
|
69
|
+
text-align: center;
|
|
70
|
+
}
|
|
71
|
+
|
|
72
|
+
.omrs-server-starting__logo {
|
|
73
|
+
width: 13.75rem;
|
|
74
|
+
height: 3.25rem;
|
|
75
|
+
object-fit: contain;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
.omrs-server-starting__text {
|
|
79
|
+
display: flex;
|
|
80
|
+
flex-direction: column;
|
|
81
|
+
gap: layout.$spacing-02;
|
|
82
|
+
|
|
83
|
+
h1 {
|
|
84
|
+
@include type.type-style('heading-03');
|
|
85
|
+
}
|
|
86
|
+
|
|
87
|
+
p {
|
|
88
|
+
@include type.type-style('body-01');
|
|
89
|
+
color: $text-02;
|
|
90
|
+
text-wrap: pretty;
|
|
91
|
+
}
|
|
92
|
+
}
|
|
93
|
+
|
|
24
94
|
#omrs-apps-container {
|
|
25
95
|
display: flex;
|
|
26
96
|
flex-direction: column;
|
|
@@ -50,12 +120,6 @@ html {
|
|
|
50
120
|
height: var(--omrs-navbar-height);
|
|
51
121
|
}
|
|
52
122
|
|
|
53
|
-
body > .omrs-loading-spinner,
|
|
54
|
-
body > .omrs-app-error {
|
|
55
|
-
grid-area: appRoots;
|
|
56
|
-
min-width: 0;
|
|
57
|
-
}
|
|
58
|
-
|
|
59
123
|
// The app shell lays out <body> as a grid. The top nav spans the first row, and the second row
|
|
60
124
|
// holds the left nav, the app roots and the workspace. The side columns are sized to their
|
|
61
125
|
// content, so they take no space when empty.
|
package/src/config-schema.ts
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { type ConfigSchema, Type, validators } from '@openmrs/esm-config';
|
|
2
2
|
import { type CarbonTagColor, carbonTagColors } from './utils';
|
|
3
|
+
|
|
3
4
|
export interface StyleguideConfigObject {
|
|
4
5
|
'Brand color #1': string;
|
|
5
6
|
'Brand color #2': string;
|
|
@@ -8,6 +9,10 @@ export interface StyleguideConfigObject {
|
|
|
8
9
|
uuids: Array<string>;
|
|
9
10
|
};
|
|
10
11
|
implementationName: string;
|
|
12
|
+
logo: {
|
|
13
|
+
src: string;
|
|
14
|
+
alt: string;
|
|
15
|
+
};
|
|
11
16
|
patientPhotoConceptUuid: string;
|
|
12
17
|
preferredCalendar: {
|
|
13
18
|
[key: string]: string;
|
|
@@ -64,6 +69,20 @@ export const esmStyleGuideSchema: ConfigSchema = {
|
|
|
64
69
|
_description: 'A name of the place (or authority) where all possible locations a user can choose are located.',
|
|
65
70
|
_default: 'Clinic',
|
|
66
71
|
},
|
|
72
|
+
logo: {
|
|
73
|
+
src: {
|
|
74
|
+
_type: Type.String,
|
|
75
|
+
_default: '',
|
|
76
|
+
_description:
|
|
77
|
+
'The path or URL to the logo shown on the login page and while the server is starting up. If set to an empty string, the default OpenMRS logo is used.',
|
|
78
|
+
_validators: [validators.isUrl],
|
|
79
|
+
},
|
|
80
|
+
alt: {
|
|
81
|
+
_type: Type.String,
|
|
82
|
+
_default: 'Logo',
|
|
83
|
+
_description: 'The alternative text for the logo image, displayed when the image cannot be loaded or on hover.',
|
|
84
|
+
},
|
|
85
|
+
},
|
|
67
86
|
patientPhotoConceptUuid: {
|
|
68
87
|
_type: Type.ConceptUuid,
|
|
69
88
|
_default: '736e8771-e501-4615-bfa7-570c03f4bef5',
|