@kausal/themes 0.4.0 → 0.5.0

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 (36) hide show
  1. package/dist/themes/default/{inter-all-400-normal-7BAD43YU.woff → inter-all-400-normal-FLUO2N3M.woff} +0 -0
  2. package/dist/themes/default/{inter-all-700-normal-V4XBRJWF.woff → inter-all-700-normal-6MLDUSLN.woff} +0 -0
  3. package/dist/themes/default/inter-cyrillic-400-normal-KERN74A3.woff2 +0 -0
  4. package/dist/themes/default/inter-cyrillic-700-normal-RMB7XUIV.woff2 +0 -0
  5. package/dist/themes/default/inter-cyrillic-ext-400-normal-A23PVI34.woff2 +0 -0
  6. package/dist/themes/default/inter-cyrillic-ext-700-normal-PRTI3KVG.woff2 +0 -0
  7. package/dist/themes/default/inter-greek-400-normal-2HPLF7XE.woff2 +0 -0
  8. package/dist/themes/default/inter-greek-700-normal-KS3SF4D4.woff2 +0 -0
  9. package/dist/themes/default/inter-greek-ext-400-normal-EJY4FIOU.woff2 +0 -0
  10. package/dist/themes/default/inter-greek-ext-700-normal-L62PTOUQ.woff2 +0 -0
  11. package/dist/themes/default/inter-latin-400-normal-JE4TJ54C.woff2 +0 -0
  12. package/dist/themes/default/inter-latin-700-normal-PXPTYEPO.woff2 +0 -0
  13. package/dist/themes/default/inter-latin-ext-400-normal-EYNKNVC4.woff2 +0 -0
  14. package/dist/themes/default/inter-latin-ext-700-normal-A5ER5IS2.woff2 +0 -0
  15. package/dist/themes/default/inter-vietnamese-400-normal-5PPHCOVG.woff2 +0 -0
  16. package/dist/themes/default/inter-vietnamese-700-normal-ADSADKIX.woff2 +0 -0
  17. package/dist/themes/default/main.css +16 -14
  18. package/dist/themes/default/theme.json +1 -160
  19. package/package.json +5 -2
  20. package/props.js +179 -0
  21. package/{index.js → setup.cjs} +0 -0
  22. package/types.ts +175 -0
  23. package/dist/themes/default/inter-cyrillic-400-normal-TFNOAKCO.woff2 +0 -0
  24. package/dist/themes/default/inter-cyrillic-700-normal-4PTRGNYN.woff2 +0 -0
  25. package/dist/themes/default/inter-cyrillic-ext-400-normal-KXIR7XMC.woff2 +0 -0
  26. package/dist/themes/default/inter-cyrillic-ext-700-normal-RIOVNUT5.woff2 +0 -0
  27. package/dist/themes/default/inter-greek-400-normal-UZGFX5QY.woff2 +0 -0
  28. package/dist/themes/default/inter-greek-700-normal-ZJKPKXUR.woff2 +0 -0
  29. package/dist/themes/default/inter-greek-ext-400-normal-MAOIJAZ4.woff2 +0 -0
  30. package/dist/themes/default/inter-greek-ext-700-normal-RLF7GESX.woff2 +0 -0
  31. package/dist/themes/default/inter-latin-400-normal-54EXAHDU.woff2 +0 -0
  32. package/dist/themes/default/inter-latin-700-normal-FHO5KYOC.woff2 +0 -0
  33. package/dist/themes/default/inter-latin-ext-400-normal-KWJ57KGP.woff2 +0 -0
  34. package/dist/themes/default/inter-latin-ext-700-normal-7HGONUKA.woff2 +0 -0
  35. package/dist/themes/default/inter-vietnamese-400-normal-3GSCER3X.woff2 +0 -0
  36. package/dist/themes/default/inter-vietnamese-700-normal-UIGYBLQH.woff2 +0 -0
package/dist/themes/default/main.css CHANGED
@@ -4,7 +4,7 @@
4
4
  font-style: normal;
5
5
  font-display: swap;
6
6
  font-weight: 400;
7
- src: url(./inter-cyrillic-ext-400-normal-KXIR7XMC.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
7
+ src: url(./inter-cyrillic-ext-400-normal-A23PVI34.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
8
8
  unicode-range:
9
9
  U+0460-052F,
10
10
  U+1C80-1C88,
@@ -18,8 +18,9 @@
18
18
  font-style: normal;
19
19
  font-display: swap;
20
20
  font-weight: 400;
21
- src: url(./inter-cyrillic-400-normal-TFNOAKCO.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
21
+ src: url(./inter-cyrillic-400-normal-KERN74A3.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
22
22
  unicode-range:
23
+ U+0301,
23
24
  U+0400-045F,
24
25
  U+0490-0491,
25
26
  U+04B0-04B1,
@@ -30,7 +31,7 @@
30
31
  font-style: normal;
31
32
  font-display: swap;
32
33
  font-weight: 400;
33
- src: url(./inter-greek-ext-400-normal-MAOIJAZ4.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
34
+ src: url(./inter-greek-ext-400-normal-EJY4FIOU.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
34
35
  unicode-range: U+1F00-1FFF;
35
36
  }
36
37
  @font-face {
@@ -38,7 +39,7 @@
38
39
  font-style: normal;
39
40
  font-display: swap;
40
41
  font-weight: 400;
41
- src: url(./inter-greek-400-normal-UZGFX5QY.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
42
+ src: url(./inter-greek-400-normal-2HPLF7XE.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
42
43
  unicode-range: U+0370-03FF;
43
44
  }
44
45
  @font-face {
@@ -46,7 +47,7 @@
46
47
  font-style: normal;
47
48
  font-display: swap;
48
49
  font-weight: 400;
49
- src: url(./inter-vietnamese-400-normal-3GSCER3X.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
50
+ src: url(./inter-vietnamese-400-normal-5PPHCOVG.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
50
51
  unicode-range:
51
52
  U+0102-0103,
52
53
  U+0110-0111,
@@ -62,7 +63,7 @@
62
63
  font-style: normal;
63
64
  font-display: swap;
64
65
  font-weight: 400;
65
- src: url(./inter-latin-ext-400-normal-KWJ57KGP.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
66
+ src: url(./inter-latin-ext-400-normal-EYNKNVC4.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
66
67
  unicode-range:
67
68
  U+0100-024F,
68
69
  U+0259,
@@ -79,7 +80,7 @@
79
80
  font-style: normal;
80
81
  font-display: swap;
81
82
  font-weight: 400;
82
- src: url(./inter-latin-400-normal-54EXAHDU.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
83
+ src: url(./inter-latin-400-normal-JE4TJ54C.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
83
84
  unicode-range:
84
85
  U+0000-00FF,
85
86
  U+0131,
@@ -106,7 +107,7 @@
106
107
  font-style: normal;
107
108
  font-display: swap;
108
109
  font-weight: 700;
109
- src: url(./inter-cyrillic-ext-700-normal-RIOVNUT5.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
110
+ src: url(./inter-cyrillic-ext-700-normal-PRTI3KVG.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
110
111
  unicode-range:
111
112
  U+0460-052F,
112
113
  U+1C80-1C88,
@@ -120,8 +121,9 @@
120
121
  font-style: normal;
121
122
  font-display: swap;
122
123
  font-weight: 700;
123
- src: url(./inter-cyrillic-700-normal-4PTRGNYN.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
124
+ src: url(./inter-cyrillic-700-normal-RMB7XUIV.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
124
125
  unicode-range:
126
+ U+0301,
125
127
  U+0400-045F,
126
128
  U+0490-0491,
127
129
  U+04B0-04B1,
@@ -132,7 +134,7 @@
132
134
  font-style: normal;
133
135
  font-display: swap;
134
136
  font-weight: 700;
135
- src: url(./inter-greek-ext-700-normal-RLF7GESX.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
137
+ src: url(./inter-greek-ext-700-normal-L62PTOUQ.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
136
138
  unicode-range: U+1F00-1FFF;
137
139
  }
138
140
  @font-face {
@@ -140,7 +142,7 @@
140
142
  font-style: normal;
141
143
  font-display: swap;
142
144
  font-weight: 700;
143
- src: url(./inter-greek-700-normal-ZJKPKXUR.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
145
+ src: url(./inter-greek-700-normal-KS3SF4D4.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
144
146
  unicode-range: U+0370-03FF;
145
147
  }
146
148
  @font-face {
@@ -148,7 +150,7 @@
148
150
  font-style: normal;
149
151
  font-display: swap;
150
152
  font-weight: 700;
151
- src: url(./inter-vietnamese-700-normal-UIGYBLQH.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
153
+ src: url(./inter-vietnamese-700-normal-ADSADKIX.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
152
154
  unicode-range:
153
155
  U+0102-0103,
154
156
  U+0110-0111,
@@ -164,7 +166,7 @@
164
166
  font-style: normal;
165
167
  font-display: swap;
166
168
  font-weight: 700;
167
- src: url(./inter-latin-ext-700-normal-7HGONUKA.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
169
+ src: url(./inter-latin-ext-700-normal-A5ER5IS2.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
168
170
  unicode-range:
169
171
  U+0100-024F,
170
172
  U+0259,
@@ -181,7 +183,7 @@
181
183
  font-style: normal;
182
184
  font-display: swap;
183
185
  font-weight: 700;
184
- src: url(./inter-latin-700-normal-FHO5KYOC.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
186
+ src: url(./inter-latin-700-normal-PXPTYEPO.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
185
187
  unicode-range:
186
188
  U+0000-00FF,
187
189
  U+0131,
package/dist/themes/default/theme.json CHANGED
@@ -1,160 +1 @@
1
- {
2
- "name": "default",
3
- "brandLight": "rgb(212, 235, 255)",
4
- "brandDark": "rgb(16, 114, 81)",
5
- "neutralLight": "rgb(225, 223, 218)",
6
- "neutralDark": "rgb(92, 88, 83)",
7
- "themeColors": {
8
- "light": "rgb(236, 234, 230)",
9
- "dark": "rgb(70, 66, 62)",
10
- "black": "rgb(26, 24, 23)",
11
- "white": "rgb(247, 246, 243)"
12
- },
13
- "imageOverlay": "rgb(16, 114, 81)",
14
- "fontUrl": "/static/themes/default/fonts/fonts.css",
15
- "fontFamily": "Inter",
16
- "fontFamilyHeadings": "Inter",
17
- "fontFamilyContent": "Inter",
18
- "fontFamilyTiny": "'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif",
19
- "headingsFontWeight": 700,
20
- "headingsColor": "rgb(26, 24, 23)",
21
- "fontFamilyFallback": "'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif",
22
- "fontFamilyFallbackHeadings": "'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif",
23
- "fontSizeSm": "0.75rem",
24
- "fontSizeBase": "1rem",
25
- "fontSizeMd": "1.25rem",
26
- "fontSizeLg": "1.5rem",
27
- "fontSizeXl": "2rem",
28
- "fontSizeXxl": "3rem",
29
- "fontWeightNormal": 400,
30
- "fontWeightBold": 700,
31
- "fontWeightBase": 400,
32
- "lineHeightBase": 1.666,
33
- "lineHeightSm": 1,
34
- "lineHeightMd": 1.2,
35
- "lineHeightLg": 1.75,
36
- "space": "0.8rem",
37
- "spaces": {
38
- "s000": 0,
39
- "s025": "0.2rem",
40
- "s050": "0.4rem",
41
- "s100": "0.8rem",
42
- "s150": "1.2000000000000002rem",
43
- "s200": "1.6rem",
44
- "s300": "2.4000000000000004rem",
45
- "s400": "3.2rem",
46
- "s600": "4.800000000000001rem",
47
- "s800": "6.4rem"
48
- },
49
- "linkColor": "rgb(16, 114, 81)",
50
- "linkHoverColor": "rgb(12, 83, 59)",
51
- "componentActiveBg": "rgb(16, 114, 81)",
52
- "navPillsLinkActiveBg": "rgb(16, 114, 81)",
53
- "listGroupActiveBg": "rgb(16, 114, 81)",
54
- "listGroupActiveBorderColor": "rgb(16, 114, 81)",
55
- "inputBtnFocusColor": "rgb(78, 128, 166)",
56
- "inputBtnPaddingY": "0.5rem",
57
- "inputBtnPaddingX": "0.75rem",
58
- "btnBorderRadius": "0.25rem",
59
- "btnBorderWidth": "1px",
60
- "inputPaddingY": "0.5rem",
61
- "inputPaddingX": "0.75rem",
62
- "inputBg": "rgb(255, 255, 255)",
63
- "inputBorderWidth": "1px",
64
- "inputLineHeight": 1.5,
65
- "inputBorderRadius": "4px",
66
- "customSelectIndicator": "url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjg5NiAzTDcgNy44NDIgMi4xMDQgMyAwIDUuMDggNyAxMmw3LTYuOTJMMTEuODk2IDN6IiBmaWxsPSIjMDAwIi8+PC9zdmc+\")",
67
- "formLabelFontWeight": 400,
68
- "brandNavColor": "rgb(247, 246, 243)",
69
- "brandNavBackground": "rgb(92, 88, 83)",
70
- "navLogoVisible": true,
71
- "navTitleVisible": true,
72
- "footerLogoPlacement": "left",
73
- "footerLogoSize": "1",
74
- "footerBackgroundColor": "rgb(92, 88, 83)",
75
- "footerColor": "rgb(247, 246, 243)",
76
- "cardBorderWidth": "1px",
77
- "cardBorderRadius": "0.5rem",
78
- "badgeBackground": "rgb(16, 114, 81)",
79
- "badgeColor": "rgb(247, 246, 243)",
80
- "badgeBorderRadius": "3px",
81
- "badgePaddingY": "0.5em",
82
- "badgePaddingX": "0.75em",
83
- "badgeFontWeight": 700,
84
- "tableHeadBg": "rgba(0, 0, 0, 0)",
85
- "tableHoverBg": "rgb(247, 246, 243)",
86
- "actionNotStartedColor": "rgb(236, 234, 230)",
87
- "actionCompletedColor": "rgb(12, 75, 43)",
88
- "actionOnTimeColor": "rgb(12, 75, 43)",
89
- "actionLateColor": "rgb(226, 171, 10)",
90
- "actionSeverelyLateColor": "rgb(129, 42, 3)",
91
- "actionMergedColor": "rgb(136, 132, 124)",
92
- "actionColor": "rgb(20, 80, 112)",
93
- "operationalIndicatorColor": "rgb(78, 128, 166)",
94
- "tacticalIndicatorColor": "rgb(170, 197, 219)",
95
- "strategicIndicatorColor": "rgb(203, 226, 246)",
96
- "actionColorFg": "rgb(247, 246, 243)",
97
- "operationalIndicatorColorFg": "rgb(247, 246, 243)",
98
- "tacticalIndicatorColorFg": "rgb(26, 24, 23)",
99
- "strategicIndicatorColorFg": "rgb(26, 24, 23)",
100
- "causalityIncreasesColor": "rgb(39, 154, 109)",
101
- "causalityDecreasesColor": "rgb(212, 98, 98)",
102
- "causalityIsPartOfColor": "rgb(136, 132, 124)",
103
- "breakpointSm": "576px",
104
- "breakpointMd": "768px",
105
- "breakpointLg": "992px",
106
- "breakpointXl": "1200px",
107
- "iconsUrl": "/static/themes/default/icons",
108
- "combinedIconsFilename": "combined-icon-symbols",
109
- "themeLogoUrl": "/static/themes/default/images/default-logo-white.svg",
110
- "themeLogoWhiteUrl": "/static/themes/default/images/default-logo-white.svg",
111
- "iconIndicatorsUrl": "",
112
- "iconActionsUrl": "",
113
- "themeCustomStylesUrl": "",
114
- "graphColors": {
115
- "grey000": "rgb(248, 248, 248)",
116
- "grey005": "rgb(243, 243, 243)",
117
- "grey010": "rgb(238, 238, 238)",
118
- "grey020": "rgb(217, 217, 217)",
119
- "grey030": "rgb(199, 199, 199)",
120
- "grey040": "rgb(183, 183, 183)",
121
- "grey050": "rgb(160, 160, 160)",
122
- "grey060": "rgb(123, 123, 123)",
123
- "grey070": "rgb(99, 99, 99)",
124
- "grey080": "rgb(75, 75, 75)",
125
- "grey090": "rgb(63, 63, 63)",
126
- "grey100": "rgb(29, 29, 29)",
127
- "green010": "rgb(167, 235, 192)",
128
- "green030": "rgb(86, 195, 142)",
129
- "green050": "rgb(39, 154, 109)",
130
- "green070": "rgb(16, 114, 81)",
131
- "green090": "rgb(7, 74, 53)",
132
- "red010": "rgb(252, 216, 216)",
133
- "red030": "rgb(239, 154, 154)",
134
- "red050": "rgb(212, 98, 98)",
135
- "red070": "rgb(167, 57, 57)",
136
- "red090": "rgb(102, 29, 29)",
137
- "blue010": "rgb(194, 217, 237)",
138
- "blue030": "rgb(109, 151, 184)",
139
- "blue050": "rgb(78, 128, 166)",
140
- "blue070": "rgb(32, 93, 130)",
141
- "blue090": "rgb(13, 68, 94)",
142
- "yellow010": "rgb(251, 230, 174)",
143
- "yellow030": "rgb(220, 157, 42)",
144
- "yellow050": "rgb(200, 130, 23)",
145
- "yellow070": "rgb(143, 70, 4)",
146
- "yellow090": "rgb(60, 19, 0)"
147
- },
148
- "settings": {
149
- "dashboard": {
150
- "showResponsibles": true,
151
- "showIndicators": true
152
- },
153
- "categories": {
154
- "showIdentifiers": false,
155
- "filterIndicatorsByAllLevels": true
156
- },
157
- "fundingInstruments":[],
158
- "otherLogos": []
159
- }
160
- }
1
+ {"name":"default","brandLight":"rgb(212, 235, 255)","brandDark":"rgb(16, 114, 81)","neutralLight":"rgb(225, 223, 218)","neutralDark":"rgb(92, 88, 83)","themeColors":{"light":"rgb(236, 234, 230)","dark":"rgb(70, 66, 62)","black":"rgb(26, 24, 23)","white":"rgb(247, 246, 243)"},"imageOverlay":"rgb(255, 255, 255)","fontFamily":"Inter","fontFamilyHeadings":"Inter","fontFamilyContent":"Inter","fontFamilyTiny":"'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif","headingsFontWeight":700,"headingsColor":"rgb(26, 24, 23)","fontFamilyFallback":"'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif","fontFamilyFallbackHeadings":"'-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Oxygen-Sans', 'Ubuntu', 'Cantarell', 'Helvetica Neue', sans-serif","fontSizeSm":"0.8rem","fontSizeBase":"1rem","fontSizeMd":"1.25rem","fontSizeLg":"1.5rem","fontSizeXl":"2rem","fontSizeXxl":"3rem","fontWeightNormal":400,"fontWeightBold":700,"fontWeightBase":400,"lineHeightBase":1.666,"lineHeightSm":1,"lineHeightMd":1.2,"lineHeightLg":1.75,"space":"0.8rem","spaces":{"s000":0,"s025":"0.2rem","s050":"0.4rem","s100":"0.8rem","s150":"1.2000000000000002rem","s200":"1.6rem","s300":"2.4000000000000004rem","s400":"3.2rem","s600":"4.800000000000001rem","s800":"6.4rem"},"linkColor":"rgb(16, 114, 81)","linkHoverColor":"rgb(12, 83, 59)","componentActiveBg":"rgb(16, 114, 81)","navPillsLinkActiveBg":"rgb(16, 114, 81)","listGroupActiveBg":"rgb(16, 114, 81)","listGroupActiveBorderColor":"rgb(16, 114, 81)","inputBtnFocusColor":"rgb(78, 128, 166)","inputBtnPaddingY":"0.5rem","inputBtnPaddingX":"0.75rem","btnBorderRadius":"0.25rem","btnBorderWidth":"1px","inputPaddingY":"0.5rem","inputPaddingX":"0.75rem","inputBg":"rgb(255, 255, 255)","inputBorderWidth":"1px","inputLineHeight":1.5,"inputBorderRadius":"4px","customSelectIndicator":"url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTExLjg5NiAzTDcgNy44NDIgMi4xMDQgMyAwIDUuMDggNyAxMmw3LTYuOTJMMTEuODk2IDN6IiBmaWxsPSIjMDAwIi8+PC9zdmc+\")","formLabelFontWeight":400,"brandNavColor":"rgb(247, 246, 243)","brandNavBackground":"rgb(92, 88, 83)","navLogoVisible":true,"navTitleVisible":true,"footerLogoPlacement":"left","footerLogoSize":"1","footerBackgroundColor":"rgb(92, 88, 83)","footerColor":"rgb(247, 246, 243)","cardBorderWidth":"1px","cardBorderRadius":"0.5rem","badgeBackground":"rgb(16, 114, 81)","badgeColor":"rgb(247, 246, 243)","badgeBorderRadius":"3px","badgePaddingY":"0.5em","badgePaddingX":"0.75em","badgeFontWeight":700,"tableHeadBg":"rgba(0, 0, 0, 0)","tableHoverBg":"rgb(247, 246, 243)","actionNotStartedColor":"rgb(236, 234, 230)","actionCompletedColor":"rgb(12, 75, 43)","actionOnTimeColor":"rgb(12, 75, 43)","actionLateColor":"rgb(226, 171, 10)","actionSeverelyLateColor":"rgb(129, 42, 3)","actionMergedColor":"rgb(136, 132, 124)","actionColor":"rgb(20, 80, 112)","operationalIndicatorColor":"rgb(78, 128, 166)","tacticalIndicatorColor":"rgb(170, 197, 219)","strategicIndicatorColor":"rgb(203, 226, 246)","actionColorFg":"rgb(247, 246, 243)","operationalIndicatorColorFg":"rgb(247, 246, 243)","tacticalIndicatorColorFg":"rgb(26, 24, 23)","strategicIndicatorColorFg":"rgb(26, 24, 23)","causalityIncreasesColor":"rgb(39, 154, 109)","causalityDecreasesColor":"rgb(212, 98, 98)","causalityIsPartOfColor":"rgb(136, 132, 124)","breakpointSm":"576px","breakpointMd":"768px","breakpointLg":"992px","breakpointXl":"1200px","iconsUrl":"/static/themes/default/icons","combinedIconsFilename":"combined-icon-symbols","themeLogoUrl":"/static/themes/default/images/default-logo-white.svg","themeLogoWhiteUrl":"/static/themes/default/images/default-logo-white.svg","iconIndicatorsUrl":"","iconActionsUrl":"","themeCustomStylesUrl":"","graphColors":{"grey000":"rgb(248, 248, 248)","grey005":"rgb(243, 243, 243)","grey010":"rgb(238, 238, 238)","grey020":"rgb(217, 217, 217)","grey030":"rgb(199, 199, 199)","grey040":"rgb(183, 183, 183)","grey050":"rgb(160, 160, 160)","grey060":"rgb(123, 123, 123)","grey070":"rgb(99, 99, 99)","grey080":"rgb(75, 75, 75)","grey090":"rgb(63, 63, 63)","grey100":"rgb(29, 29, 29)","green010":"rgb(167, 235, 192)","green030":"rgb(86, 195, 142)","green050":"rgb(39, 154, 109)","green070":"rgb(16, 114, 81)","green090":"rgb(7, 74, 53)","red010":"rgb(252, 216, 216)","red030":"rgb(239, 154, 154)","red050":"rgb(212, 98, 98)","red070":"rgb(167, 57, 57)","red090":"rgb(102, 29, 29)","blue010":"rgb(194, 217, 237)","blue030":"rgb(109, 151, 184)","blue050":"rgb(78, 128, 166)","blue070":"rgb(32, 93, 130)","blue090":"rgb(13, 68, 94)","yellow010":"rgb(251, 230, 174)","yellow030":"rgb(220, 157, 42)","yellow050":"rgb(200, 130, 23)","yellow070":"rgb(143, 70, 4)","yellow090":"rgb(60, 19, 0)"},"settings":{"dashboard":{"showResponsibles":true,"showIndicators":true},"categories":{"filterIndicatorsByAllLevels":true},"fundingInstruments":[],"otherLogos":[]}}
package/package.json CHANGED
@@ -1,12 +1,15 @@
1
1
  {
2
2
  "name": "@kausal/themes",
3
- "version": "0.4.0",
3
+ "version": "0.5.0",
4
4
  "description": "Themes for Kausal products",
5
- "main": "index.js",
5
+ "type": "module",
6
+ "main": "setup.cjs",
6
7
  "author": "Tero Tikkanen <tero.tikkanen@kausal.tech>",
7
8
  "license": "AGPL-3.0-or-later",
8
9
  "files": [
9
10
  "dist/**",
11
+ "*.js",
12
+ "*.ts",
10
13
  "themes.json"
11
14
  ]
12
15
  }
package/props.js ADDED
@@ -0,0 +1,179 @@
1
+ import PropTypes from 'prop-types';
2
+
3
+ const { number, exact, string, oneOfType, bool, array, object } = PropTypes;
4
+
5
+ export function makeThemePropType(cssv = null) {
6
+ if (!cssv) {
7
+ // No CSS validation
8
+ cssv = (propName) => () => null;
9
+ }
10
+ return exact({
11
+ actionColor: cssv("color").isRequired,
12
+ actionColorFg: cssv("color").isRequired,
13
+ actionCompletedColor: cssv("color").isRequired,
14
+ actionLateColor: cssv("color").isRequired,
15
+ actionMergedColor: cssv("color").isRequired,
16
+ actionNotStartedColor: cssv("color").isRequired,
17
+ actionOnTimeColor: cssv("color").isRequired,
18
+ actionSeverelyLateColor: cssv("color").isRequired,
19
+ badgeBackground: cssv("color"),
20
+ badgeColor: cssv("color"),
21
+ badgeBorderRadius: oneOfType([string, number]).isRequired,
22
+ badgeFontWeight: number.isRequired,
23
+ badgePaddingX: string.isRequired,
24
+ badgePaddingY: string.isRequired,
25
+ brandDark: string.isRequired,
26
+ brandLight: string.isRequired,
27
+ brandNavBackground: cssv("color"),
28
+ brandNavColor: cssv("color"),
29
+ breakpointLg: string.isRequired,
30
+ breakpointMd: string.isRequired,
31
+ breakpointSm: string.isRequired,
32
+ breakpointXl: string.isRequired,
33
+ btnBorderRadius: cssv("border-radius"),
34
+ btnBorderWidth: cssv("border-width"),
35
+ cardBorderRadius: cssv("border-radius"),
36
+ cardBorderWidth: cssv("border-width"),
37
+ causalityDecreasesColor: cssv("color"),
38
+ causalityIncreasesColor: cssv("color"),
39
+ causalityIsPartOfColor: cssv("color"),
40
+ combinedIconsFilename: string.isRequired,
41
+ componentActiveBg: string.isRequired,
42
+ customSelectIndicator: string.isRequired,
43
+ fontFamily: cssv("font-family").allowEmpty,
44
+ fontFamilyContent: cssv("font-family").allowEmpty,
45
+ fontFamilyTiny: cssv("font-family").allowEmpty,
46
+ fontFamilyHeadings: cssv("font-family").allowEmpty,
47
+ fontFamilyFallback: cssv("font-family").allowEmpty,
48
+ fontFamilyFallbackHeadings: cssv("font-family").allowEmpty,
49
+ fontSizeBase: cssv("font-size").isRequired,
50
+ fontSizeLg: cssv("font-size").isRequired,
51
+ fontSizeMd: cssv("font-size").isRequired,
52
+ fontSizeSm: cssv("font-size").isRequired,
53
+ fontSizeXl: cssv("font-size").isRequired,
54
+ fontSizeXxl: cssv("font-size").isRequired,
55
+ fontWeightBase: cssv("font-weight").isRequired,
56
+ fontWeightBold: cssv("font-weight").isRequired,
57
+ fontWeightNormal: cssv("font-weight").isRequired,
58
+ navLogoVisible: bool.isRequired,
59
+ navTitleVisible: bool.isRequired,
60
+ footerLogoPlacement: string.isRequired,
61
+ footerLogoSize: string,
62
+ footerLogoLink: string,
63
+ footerBackgroundColor: cssv("color"),
64
+ footerColor: cssv("color"),
65
+ formLabelFontWeight: number.isRequired,
66
+ graphColors: exact({
67
+ grey000: cssv("color"),
68
+ grey005: cssv("color"),
69
+ grey010: cssv("color"),
70
+ grey020: cssv("color"),
71
+ grey030: cssv("color"),
72
+ grey040: cssv("color"),
73
+ grey050: cssv("color"),
74
+ grey060: cssv("color"),
75
+ grey070: cssv("color"),
76
+ grey080: cssv("color"),
77
+ grey090: cssv("color"),
78
+ grey100: cssv("color"),
79
+ green010: cssv("color"),
80
+ green030: cssv("color"),
81
+ green050: cssv("color"),
82
+ green070: cssv("color"),
83
+ green090: cssv("color"),
84
+ red010: cssv("color"),
85
+ red030: cssv("color"),
86
+ red050: cssv("color"),
87
+ red070: cssv("color"),
88
+ red090: cssv("color"),
89
+ blue010: cssv("color"),
90
+ blue030: cssv("color"),
91
+ blue050: cssv("color"),
92
+ blue070: cssv("color"),
93
+ blue090: cssv("color"),
94
+ yellow010: cssv("color"),
95
+ yellow030: cssv("color"),
96
+ yellow050: cssv("color"),
97
+ yellow070: cssv("color"),
98
+ yellow090: cssv("color"),
99
+ }).isRequired,
100
+ headingsColor: cssv("color"),
101
+ headingsFontWeight: cssv("font-weight").isRequired,
102
+ iconActionsUrl: string.isRequired,
103
+ iconIndicatorsUrl: string.isRequired,
104
+ iconsUrl: string.isRequired,
105
+ imageOverlay: string.isRequired,
106
+ inputBg: string.isRequired,
107
+ inputBorderRadius: string.isRequired,
108
+ inputBorderWidth: string.isRequired,
109
+ inputBtnFocusColor: string.isRequired,
110
+ inputBtnPaddingX: string.isRequired,
111
+ inputBtnPaddingY: string.isRequired,
112
+ inputLineHeight: number.isRequired,
113
+ inputPaddingX: string.isRequired,
114
+ inputPaddingY: string.isRequired,
115
+ lineHeightBase: number.isRequired,
116
+ lineHeightLg: number.isRequired,
117
+ lineHeightMd: number.isRequired,
118
+ lineHeightSm: number.isRequired,
119
+ linkColor: string.isRequired,
120
+ linkHoverColor: string.isRequired,
121
+ listGroupActiveBg: string.isRequired,
122
+ listGroupActiveBorderColor: string.isRequired,
123
+ name: string.isRequired,
124
+ navPillsLinkActiveBg: string.isRequired,
125
+ neutralDark: string.isRequired,
126
+ neutralLight: string.isRequired,
127
+ operationalIndicatorColor: string.isRequired,
128
+ operationalIndicatorColorFg: string.isRequired,
129
+ space: string.isRequired,
130
+ spaces: exact({
131
+ s000: number.isRequired,
132
+ s025: string.isRequired,
133
+ s050: string.isRequired,
134
+ s100: string.isRequired,
135
+ s150: string.isRequired,
136
+ s200: string.isRequired,
137
+ s300: string.isRequired,
138
+ s400: string.isRequired,
139
+ s600: string.isRequired,
140
+ s800: string.isRequired,
141
+ }).isRequired,
142
+ strategicIndicatorColor: string.isRequired,
143
+ strategicIndicatorColorFg: string.isRequired,
144
+ tableHeadBg: string.isRequired,
145
+ tableHoverBg: string.isRequired,
146
+ tacticalIndicatorColor: string.isRequired,
147
+ tacticalIndicatorColorFg: string.isRequired,
148
+ themeColors: exact({
149
+ black: string.isRequired,
150
+ dark: string.isRequired,
151
+ light: string.isRequired,
152
+ white: string.isRequired,
153
+ }).isRequired,
154
+ themeCustomStylesUrl: string.isRequired,
155
+ themeLogoUrl: string.isRequired,
156
+ themeLogoWhiteUrl: string.isRequired,
157
+ settings: exact({
158
+ dashboard: exact({
159
+ showResponsibles: bool.isRequired,
160
+ showIndicators: bool.isRequired,
161
+ }),
162
+ categories: exact({
163
+ filterIndicatorsByAllLevels: bool.isRequired,
164
+ }),
165
+ fundingInstruments: array.isRequired,
166
+ otherLogos: array.isRequired,
167
+ attentionBannerContent: object,
168
+ footerLogoOnly: bool,
169
+ navigationLogoOnly: bool,
170
+ a11y: exact({
171
+ responsibleBody: string,
172
+ feedbackEmail: string,
173
+ }),
174
+ frontHero: exact({
175
+ cardPlacement: string,
176
+ }),
177
+ }),
178
+ });
179
+ }
package/{index.js → setup.cjs} RENAMED
File without changes
package/types.ts ADDED
@@ -0,0 +1,175 @@
1
+ import type { StandardProperties as css } from 'csstype';
2
+
3
+
4
+ type cssColor = NonNullable<css['color']>;
5
+
6
+
7
+ export interface Theme {
8
+ actionColor: string;
9
+ actionColorFg: string;
10
+ actionCompletedColor: string;
11
+ actionLateColor: string;
12
+ actionMergedColor: string;
13
+ actionNotStartedColor: string;
14
+ actionOnTimeColor: string;
15
+ actionSeverelyLateColor: string;
16
+ badgeBackground: cssColor;
17
+ badgeColor: cssColor;
18
+ badgeBorderRadius: string | number;
19
+ badgeFontWeight: number;
20
+ badgePaddingX: string;
21
+ badgePaddingY: string;
22
+ brandDark: cssColor;
23
+ brandLight: cssColor;
24
+ brandNavBackground: cssColor;
25
+ brandNavColor: cssColor;
26
+ breakpointLg: string;
27
+ breakpointMd: string;
28
+ breakpointSm: string;
29
+ breakpointXl: string;
30
+ btnBorderRadius: css["borderRadius"];
31
+ btnBorderWidth: css["borderWidth"];
32
+ cardBorderRadius: css["borderRadius"];
33
+ cardBorderWidth: css["borderWidth"];
34
+ causalityDecreasesColor: cssColor;
35
+ causalityIncreasesColor: cssColor;
36
+ causalityIsPartOfColor: cssColor;
37
+ combinedIconsFilename: string;
38
+ componentActiveBg: string;
39
+ customSelectIndicator: string;
40
+ fontFamily: string;
41
+ fontFamilyContent: string;
42
+ fontFamilyTiny: string;
43
+ fontFamilyHeadings: string;
44
+ fontFamilyFallback: string;
45
+ fontFamilyFallbackHeadings: string;
46
+ fontSizeBase: string;
47
+ fontSizeLg: string;
48
+ fontSizeMd: string;
49
+ fontSizeSm: string;
50
+ fontSizeXl: string;
51
+ fontSizeXxl: string;
52
+ fontWeightBase: number;
53
+ fontWeightBold: number;
54
+ fontWeightNormal: number;
55
+ navLogoVisible: boolean;
56
+ navTitleVisible: boolean;
57
+ footerLogoPlacement: string;
58
+ footerLogoSize?: string;
59
+ footerLogoLink?: string;
60
+ footerBackgroundColor: cssColor;
61
+ footerColor: cssColor;
62
+ formLabelFontWeight: number;
63
+ graphColors: {
64
+ grey000: cssColor;
65
+ grey005: cssColor;
66
+ grey010: cssColor;
67
+ grey020: cssColor;
68
+ grey030: cssColor;
69
+ grey040: cssColor;
70
+ grey050: cssColor;
71
+ grey060: cssColor;
72
+ grey070: cssColor;
73
+ grey080: cssColor;
74
+ grey090: cssColor;
75
+ grey100: cssColor;
76
+ green010: cssColor;
77
+ green030: cssColor;
78
+ green050: cssColor;
79
+ green070: cssColor;
80
+ green090: cssColor;
81
+ red010: cssColor;
82
+ red030: cssColor;
83
+ red050: cssColor;
84
+ red070: cssColor;
85
+ red090: cssColor;
86
+ blue010: cssColor;
87
+ blue030: cssColor;
88
+ blue050: cssColor;
89
+ blue070: cssColor;
90
+ blue090: cssColor;
91
+ yellow010: cssColor;
92
+ yellow030: cssColor;
93
+ yellow050: cssColor;
94
+ yellow070: cssColor;
95
+ yellow090: cssColor;
96
+ };
97
+ headingsColor: cssColor;
98
+ headingsFontWeight: css["fontWeight"];
99
+ iconActionsUrl: string;
100
+ iconIndicatorsUrl: string;
101
+ iconsUrl: string;
102
+ imageOverlay: string;
103
+ inputBg: string;
104
+ inputBorderRadius: string;
105
+ inputBorderWidth: string;
106
+ inputBtnFocusColor: string;
107
+ inputBtnPaddingX: string;
108
+ inputBtnPaddingY: string;
109
+ inputLineHeight: number;
110
+ inputPaddingX: string;
111
+ inputPaddingY: string;
112
+ lineHeightBase: number;
113
+ lineHeightLg: number;
114
+ lineHeightMd: number;
115
+ lineHeightSm: number;
116
+ linkColor: cssColor;
117
+ linkHoverColor: string;
118
+ listGroupActiveBg: string;
119
+ listGroupActiveBorderColor: string;
120
+ name: string;
121
+ navPillsLinkActiveBg: string;
122
+ neutralDark: cssColor;
123
+ neutralLight: cssColor;
124
+ operationalIndicatorColor: cssColor;
125
+ operationalIndicatorColorFg: cssColor;
126
+ space: string;
127
+ spaces: {
128
+ s000: number;
129
+ s025: string;
130
+ s050: string;
131
+ s100: string;
132
+ s150: string;
133
+ s200: string;
134
+ s300: string;
135
+ s400: string;
136
+ s600: string;
137
+ s800: string;
138
+ };
139
+ strategicIndicatorColor: string;
140
+ strategicIndicatorColorFg: string;
141
+ tableHeadBg: string;
142
+ tableHoverBg: string;
143
+ tacticalIndicatorColor: string;
144
+ tacticalIndicatorColorFg: string;
145
+ themeColors: {
146
+ black: string;
147
+ dark: string;
148
+ light: string;
149
+ white: string;
150
+ };
151
+ themeCustomStylesUrl: string;
152
+ themeLogoUrl: string;
153
+ themeLogoWhiteUrl: string;
154
+ settings: {
155
+ dashboard: {
156
+ showResponsibles: boolean;
157
+ showIndicators: boolean;
158
+ };
159
+ categories: {
160
+ filterIndicatorsByAllLevels: boolean;
161
+ };
162
+ fundingInstruments: object[];
163
+ otherLogos: object[];
164
+ attentionBannerContent?: object;
165
+ footerLogoOnly?: boolean;
166
+ navigationLogoOnly?: boolean;
167
+ a11y?: {
168
+ responsibleBody?: string;
169
+ feedbackEmail?: string;
170
+ };
171
+ frontHero?: {
172
+ cardPlacement?: string;
173
+ };
174
+ };
175
+ }