@kausal/themes 0.4.0 → 0.5.0

package/dist/themes/default/main.css

@@ -4,7 +4,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url(./inter-cyrillic-ext-400-normal-KXIR7XMC.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
+  src: url(./inter-cyrillic-ext-400-normal-A23PVI34.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
   unicode-range:
     U+0460-052F,
     U+1C80-1C88,
@@ -18,8 +18,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url(./inter-cyrillic-400-normal-TFNOAKCO.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
+  src: url(./inter-cyrillic-400-normal-KERN74A3.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
   unicode-range:
+    U+0301,
     U+0400-045F,
     U+0490-0491,
     U+04B0-04B1,
@@ -30,7 +31,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url(./inter-greek-ext-400-normal-MAOIJAZ4.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
+  src: url(./inter-greek-ext-400-normal-EJY4FIOU.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
   unicode-range: U+1F00-1FFF;
 }
 @font-face {
@@ -38,7 +39,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url(./inter-greek-400-normal-UZGFX5QY.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
+  src: url(./inter-greek-400-normal-2HPLF7XE.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
   unicode-range: U+0370-03FF;
 }
 @font-face {
@@ -46,7 +47,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url(./inter-vietnamese-400-normal-3GSCER3X.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
+  src: url(./inter-vietnamese-400-normal-5PPHCOVG.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
   unicode-range:
     U+0102-0103,
     U+0110-0111,
@@ -62,7 +63,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url(./inter-latin-ext-400-normal-KWJ57KGP.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
+  src: url(./inter-latin-ext-400-normal-EYNKNVC4.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
   unicode-range:
     U+0100-024F,
     U+0259,
@@ -79,7 +80,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 400;
-  src: url(./inter-latin-400-normal-54EXAHDU.woff2) format("woff2"), url(./inter-all-400-normal-7BAD43YU.woff) format("woff");
+  src: url(./inter-latin-400-normal-JE4TJ54C.woff2) format("woff2"), url(./inter-all-400-normal-FLUO2N3M.woff) format("woff");
   unicode-range:
     U+0000-00FF,
     U+0131,
@@ -106,7 +107,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: url(./inter-cyrillic-ext-700-normal-RIOVNUT5.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
+  src: url(./inter-cyrillic-ext-700-normal-PRTI3KVG.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
   unicode-range:
     U+0460-052F,
     U+1C80-1C88,
@@ -120,8 +121,9 @@
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: url(./inter-cyrillic-700-normal-4PTRGNYN.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
+  src: url(./inter-cyrillic-700-normal-RMB7XUIV.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
   unicode-range:
+    U+0301,
     U+0400-045F,
     U+0490-0491,
     U+04B0-04B1,
@@ -132,7 +134,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: url(./inter-greek-ext-700-normal-RLF7GESX.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
+  src: url(./inter-greek-ext-700-normal-L62PTOUQ.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
   unicode-range: U+1F00-1FFF;
 }
 @font-face {
@@ -140,7 +142,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: url(./inter-greek-700-normal-ZJKPKXUR.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
+  src: url(./inter-greek-700-normal-KS3SF4D4.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
   unicode-range: U+0370-03FF;
 }
 @font-face {
@@ -148,7 +150,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: url(./inter-vietnamese-700-normal-UIGYBLQH.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
+  src: url(./inter-vietnamese-700-normal-ADSADKIX.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
   unicode-range:
     U+0102-0103,
     U+0110-0111,
@@ -164,7 +166,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: url(./inter-latin-ext-700-normal-7HGONUKA.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
+  src: url(./inter-latin-ext-700-normal-A5ER5IS2.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
   unicode-range:
     U+0100-024F,
     U+0259,
@@ -181,7 +183,7 @@
   font-style: normal;
   font-display: swap;
   font-weight: 700;
-  src: url(./inter-latin-700-normal-FHO5KYOC.woff2) format("woff2"), url(./inter-all-700-normal-V4XBRJWF.woff) format("woff");
+  src: url(./inter-latin-700-normal-PXPTYEPO.woff2) format("woff2"), url(./inter-all-700-normal-6MLDUSLN.woff) format("woff");
   unicode-range:
     U+0000-00FF,
     U+0131,

package/dist/themes/default/theme.json

@@ -1,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(16, 114, 81)",
-  "fontUrl": "/static/themes/default/fonts/fonts.css",
-  "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.75rem",
-  "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": {
-      "showIdentifiers": false,
-      "filterIndicatorsByAllLevels": true
-    },
-    "fundingInstruments":[],
-    "otherLogos": []
-  }
-}
+{"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

@@ -1,12 +1,15 @@
 {
   "name": "@kausal/themes",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "description": "Themes for Kausal products",
-  "main": "index.js",
+  "type": "module",
+  "main": "setup.cjs",
   "author": "Tero Tikkanen <tero.tikkanen@kausal.tech>",
   "license": "AGPL-3.0-or-later",
   "files": [
     "dist/**",
+    "*.js",
+    "*.ts",
     "themes.json"
   ]
 }

package/props.js

@@ -0,0 +1,179 @@
+import PropTypes from 'prop-types';
+
+const { number, exact, string, oneOfType, bool, array, object } = PropTypes;
+
+export function makeThemePropType(cssv = null) {
+  if (!cssv) {
+    // No CSS validation
+    cssv = (propName) => () => null;
+  }
+  return exact({
+    actionColor: cssv("color").isRequired,
+    actionColorFg: cssv("color").isRequired,
+    actionCompletedColor: cssv("color").isRequired,
+    actionLateColor: cssv("color").isRequired,
+    actionMergedColor: cssv("color").isRequired,
+    actionNotStartedColor: cssv("color").isRequired,
+    actionOnTimeColor: cssv("color").isRequired,
+    actionSeverelyLateColor: cssv("color").isRequired,
+    badgeBackground: cssv("color"),
+    badgeColor: cssv("color"),
+    badgeBorderRadius: oneOfType([string, number]).isRequired,
+    badgeFontWeight: number.isRequired,
+    badgePaddingX: string.isRequired,
+    badgePaddingY: string.isRequired,
+    brandDark: string.isRequired,
+    brandLight: string.isRequired,
+    brandNavBackground: cssv("color"),
+    brandNavColor: cssv("color"),
+    breakpointLg: string.isRequired,
+    breakpointMd: string.isRequired,
+    breakpointSm: string.isRequired,
+    breakpointXl: string.isRequired,
+    btnBorderRadius: cssv("border-radius"),
+    btnBorderWidth: cssv("border-width"),
+    cardBorderRadius: cssv("border-radius"),
+    cardBorderWidth: cssv("border-width"),
+    causalityDecreasesColor: cssv("color"),
+    causalityIncreasesColor: cssv("color"),
+    causalityIsPartOfColor: cssv("color"),
+    combinedIconsFilename: string.isRequired,
+    componentActiveBg: string.isRequired,
+    customSelectIndicator: string.isRequired,
+    fontFamily: cssv("font-family").allowEmpty,
+    fontFamilyContent: cssv("font-family").allowEmpty,
+    fontFamilyTiny: cssv("font-family").allowEmpty,
+    fontFamilyHeadings: cssv("font-family").allowEmpty,
+    fontFamilyFallback: cssv("font-family").allowEmpty,
+    fontFamilyFallbackHeadings: cssv("font-family").allowEmpty,
+    fontSizeBase: cssv("font-size").isRequired,
+    fontSizeLg: cssv("font-size").isRequired,
+    fontSizeMd: cssv("font-size").isRequired,
+    fontSizeSm: cssv("font-size").isRequired,
+    fontSizeXl: cssv("font-size").isRequired,
+    fontSizeXxl: cssv("font-size").isRequired,
+    fontWeightBase: cssv("font-weight").isRequired,
+    fontWeightBold: cssv("font-weight").isRequired,
+    fontWeightNormal: cssv("font-weight").isRequired,
+    navLogoVisible: bool.isRequired,
+    navTitleVisible: bool.isRequired,
+    footerLogoPlacement: string.isRequired,
+    footerLogoSize: string,
+    footerLogoLink: string,
+    footerBackgroundColor: cssv("color"),
+    footerColor: cssv("color"),
+    formLabelFontWeight: number.isRequired,
+    graphColors: exact({
+      grey000: cssv("color"),
+      grey005: cssv("color"),
+      grey010: cssv("color"),
+      grey020: cssv("color"),
+      grey030: cssv("color"),
+      grey040: cssv("color"),
+      grey050: cssv("color"),
+      grey060: cssv("color"),
+      grey070: cssv("color"),
+      grey080: cssv("color"),
+      grey090: cssv("color"),
+      grey100: cssv("color"),
+      green010: cssv("color"),
+      green030: cssv("color"),
+      green050: cssv("color"),
+      green070: cssv("color"),
+      green090: cssv("color"),
+      red010: cssv("color"),
+      red030: cssv("color"),
+      red050: cssv("color"),
+      red070: cssv("color"),
+      red090: cssv("color"),
+      blue010: cssv("color"),
+      blue030: cssv("color"),
+      blue050: cssv("color"),
+      blue070: cssv("color"),
+      blue090: cssv("color"),
+      yellow010: cssv("color"),
+      yellow030: cssv("color"),
+      yellow050: cssv("color"),
+      yellow070: cssv("color"),
+      yellow090: cssv("color"),
+    }).isRequired,
+    headingsColor: cssv("color"),
+    headingsFontWeight: cssv("font-weight").isRequired,
+    iconActionsUrl: string.isRequired,
+    iconIndicatorsUrl: string.isRequired,
+    iconsUrl: string.isRequired,
+    imageOverlay: string.isRequired,
+    inputBg: string.isRequired,
+    inputBorderRadius: string.isRequired,
+    inputBorderWidth: string.isRequired,
+    inputBtnFocusColor: string.isRequired,
+    inputBtnPaddingX: string.isRequired,
+    inputBtnPaddingY: string.isRequired,
+    inputLineHeight: number.isRequired,
+    inputPaddingX: string.isRequired,
+    inputPaddingY: string.isRequired,
+    lineHeightBase: number.isRequired,
+    lineHeightLg: number.isRequired,
+    lineHeightMd: number.isRequired,
+    lineHeightSm: number.isRequired,
+    linkColor: string.isRequired,
+    linkHoverColor: string.isRequired,
+    listGroupActiveBg: string.isRequired,
+    listGroupActiveBorderColor: string.isRequired,
+    name: string.isRequired,
+    navPillsLinkActiveBg: string.isRequired,
+    neutralDark: string.isRequired,
+    neutralLight: string.isRequired,
+    operationalIndicatorColor: string.isRequired,
+    operationalIndicatorColorFg: string.isRequired,
+    space: string.isRequired,
+    spaces: exact({
+      s000: number.isRequired,
+      s025: string.isRequired,
+      s050: string.isRequired,
+      s100: string.isRequired,
+      s150: string.isRequired,
+      s200: string.isRequired,
+      s300: string.isRequired,
+      s400: string.isRequired,
+      s600: string.isRequired,
+      s800: string.isRequired,
+    }).isRequired,
+    strategicIndicatorColor: string.isRequired,
+    strategicIndicatorColorFg: string.isRequired,
+    tableHeadBg: string.isRequired,
+    tableHoverBg: string.isRequired,
+    tacticalIndicatorColor: string.isRequired,
+    tacticalIndicatorColorFg: string.isRequired,
+    themeColors: exact({
+      black: string.isRequired,
+      dark: string.isRequired,
+      light: string.isRequired,
+      white: string.isRequired,
+    }).isRequired,
+    themeCustomStylesUrl: string.isRequired,
+    themeLogoUrl: string.isRequired,
+    themeLogoWhiteUrl: string.isRequired,
+    settings: exact({
+      dashboard: exact({
+        showResponsibles: bool.isRequired,
+        showIndicators: bool.isRequired,
+      }),
+      categories: exact({
+        filterIndicatorsByAllLevels: bool.isRequired,
+      }),
+      fundingInstruments: array.isRequired,
+      otherLogos: array.isRequired,
+      attentionBannerContent: object,
+      footerLogoOnly: bool,
+      navigationLogoOnly: bool,
+      a11y: exact({
+        responsibleBody: string,
+        feedbackEmail: string,
+      }),
+      frontHero: exact({
+        cardPlacement: string,
+      }),
+    }),
+  });
+}

package/types.ts

@@ -0,0 +1,175 @@
+import type { StandardProperties as css } from 'csstype';
+
+
+type cssColor = NonNullable<css['color']>;
+
+
+export interface Theme {
+  actionColor: string;
+  actionColorFg: string;
+  actionCompletedColor: string;
+  actionLateColor: string;
+  actionMergedColor: string;
+  actionNotStartedColor: string;
+  actionOnTimeColor: string;
+  actionSeverelyLateColor: string;
+  badgeBackground: cssColor;
+  badgeColor: cssColor;
+  badgeBorderRadius: string | number;
+  badgeFontWeight: number;
+  badgePaddingX: string;
+  badgePaddingY: string;
+  brandDark: cssColor;
+  brandLight: cssColor;
+  brandNavBackground: cssColor;
+  brandNavColor: cssColor;
+  breakpointLg: string;
+  breakpointMd: string;
+  breakpointSm: string;
+  breakpointXl: string;
+  btnBorderRadius: css["borderRadius"];
+  btnBorderWidth: css["borderWidth"];
+  cardBorderRadius: css["borderRadius"];
+  cardBorderWidth: css["borderWidth"];
+  causalityDecreasesColor: cssColor;
+  causalityIncreasesColor: cssColor;
+  causalityIsPartOfColor: cssColor;
+  combinedIconsFilename: string;
+  componentActiveBg: string;
+  customSelectIndicator: string;
+  fontFamily: string;
+  fontFamilyContent: string;
+  fontFamilyTiny: string;
+  fontFamilyHeadings: string;
+  fontFamilyFallback: string;
+  fontFamilyFallbackHeadings: string;
+  fontSizeBase: string;
+  fontSizeLg: string;
+  fontSizeMd: string;
+  fontSizeSm: string;
+  fontSizeXl: string;
+  fontSizeXxl: string;
+  fontWeightBase: number;
+  fontWeightBold: number;
+  fontWeightNormal: number;
+  navLogoVisible: boolean;
+  navTitleVisible: boolean;
+  footerLogoPlacement: string;
+  footerLogoSize?: string;
+  footerLogoLink?: string;
+  footerBackgroundColor: cssColor;
+  footerColor: cssColor;
+  formLabelFontWeight: number;
+  graphColors: {
+    grey000: cssColor;
+    grey005: cssColor;
+    grey010: cssColor;
+    grey020: cssColor;
+    grey030: cssColor;
+    grey040: cssColor;
+    grey050: cssColor;
+    grey060: cssColor;
+    grey070: cssColor;
+    grey080: cssColor;
+    grey090: cssColor;
+    grey100: cssColor;
+    green010: cssColor;
+    green030: cssColor;
+    green050: cssColor;
+    green070: cssColor;
+    green090: cssColor;
+    red010: cssColor;
+    red030: cssColor;
+    red050: cssColor;
+    red070: cssColor;
+    red090: cssColor;
+    blue010: cssColor;
+    blue030: cssColor;
+    blue050: cssColor;
+    blue070: cssColor;
+    blue090: cssColor;
+    yellow010: cssColor;
+    yellow030: cssColor;
+    yellow050: cssColor;
+    yellow070: cssColor;
+    yellow090: cssColor;
+  };
+  headingsColor: cssColor;
+  headingsFontWeight: css["fontWeight"];
+  iconActionsUrl: string;
+  iconIndicatorsUrl: string;
+  iconsUrl: string;
+  imageOverlay: string;
+  inputBg: string;
+  inputBorderRadius: string;
+  inputBorderWidth: string;
+  inputBtnFocusColor: string;
+  inputBtnPaddingX: string;
+  inputBtnPaddingY: string;
+  inputLineHeight: number;
+  inputPaddingX: string;
+  inputPaddingY: string;
+  lineHeightBase: number;
+  lineHeightLg: number;
+  lineHeightMd: number;
+  lineHeightSm: number;
+  linkColor: cssColor;
+  linkHoverColor: string;
+  listGroupActiveBg: string;
+  listGroupActiveBorderColor: string;
+  name: string;
+  navPillsLinkActiveBg: string;
+  neutralDark: cssColor;
+  neutralLight: cssColor;
+  operationalIndicatorColor: cssColor;
+  operationalIndicatorColorFg: cssColor;
+  space: string;
+  spaces: {
+    s000: number;
+    s025: string;
+    s050: string;
+    s100: string;
+    s150: string;
+    s200: string;
+    s300: string;
+    s400: string;
+    s600: string;
+    s800: string;
+  };
+  strategicIndicatorColor: string;
+  strategicIndicatorColorFg: string;
+  tableHeadBg: string;
+  tableHoverBg: string;
+  tacticalIndicatorColor: string;
+  tacticalIndicatorColorFg: string;
+  themeColors: {
+    black: string;
+    dark: string;
+    light: string;
+    white: string;
+  };
+  themeCustomStylesUrl: string;
+  themeLogoUrl: string;
+  themeLogoWhiteUrl: string;
+  settings: {
+    dashboard: {
+      showResponsibles: boolean;
+      showIndicators: boolean;
+    };
+    categories: {
+      filterIndicatorsByAllLevels: boolean;
+    };
+    fundingInstruments: object[];
+    otherLogos: object[];
+    attentionBannerContent?: object;
+    footerLogoOnly?: boolean;
+    navigationLogoOnly?: boolean;
+    a11y?: {
+      responsibleBody?: string;
+      feedbackEmail?: string;
+    };
+    frontHero?: {
+      cardPlacement?: string;
+    };
+  };
+}