@pega/cosmos-react-core 8.0.0-build.3.2 → 8.0.0-build.30.0

package/lib/theme/themeOverrides.schema.json

@@ -18,6 +18,15 @@
                 "font-scale": {
                     "type": "string"
                 },
+                "font-stretch": {
+                    "type": "string"
+                },
+                "letter-spacing": {
+                    "type": "string"
+                },
+                "line-height": {
+                    "type": "string"
+                },
                 "scale": {
                     "type": "integer"
                 },
@@ -213,6 +222,12 @@
                         "brand-secondary": {
                             "type": "string"
                         },
+                        "brand-background": {
+                            "type": "string"
+                        },
+                        "brand-foreground": {
+                            "type": "string"
+                        },
                         "urgent": {
                             "type": "string"
                         },
@@ -441,8 +456,20 @@
                         "nav": {
                             "type": "object",
                             "properties": {
+                                "background": {
+                                    "type": "string"
+                                },
+                                "foreground-color": {
+                                    "type": "string"
+                                },
                                 "background-color": {
                                     "type": "string"
+                                },
+                                "border-color": {
+                                    "type": "string"
+                                },
+                                "detached": {
+                                    "type": "boolean"
                                 }
                             },
                             "additionalProperties": false
@@ -450,8 +477,17 @@
                         "header": {
                             "type": "object",
                             "properties": {
+                                "background": {
+                                    "type": "string"
+                                },
+                                "foreground-color": {
+                                    "type": "string"
+                                },
                                 "background-color": {
                                     "type": "string"
+                                },
+                                "border-color": {
+                                    "type": "string"
                                 }
                             },
                             "additionalProperties": false
@@ -459,6 +495,126 @@
                     },
                     "additionalProperties": false
                 },
+                "case-view": {
+                    "type": "object",
+                    "properties": {
+                        "header": {
+                            "type": "object",
+                            "properties": {
+                                "background": {
+                                    "type": "string"
+                                },
+                                "background-color": {
+                                    "type": "string"
+                                },
+                                "foreground-color": {
+                                    "type": "string"
+                                }
+                            },
+                            "additionalProperties": false
+                        },
+                        "summary": {
+                            "type": "object",
+                            "properties": {
+                                "detached": {
+                                    "type": "boolean"
+                                }
+                            },
+                            "additionalProperties": false
+                        },
+                        "utilities": {
+                            "type": "object",
+                            "properties": {
+                                "detached": {
+                                    "type": "boolean"
+                                },
+                                "background": {
+                                    "type": "string"
+                                },
+                                "foreground-color": {
+                                    "type": "string"
+                                }
+                            },
+                            "additionalProperties": false
+                        },
+                        "assignments": {
+                            "type": "object",
+                            "properties": {
+                                "background": {
+                                    "type": "string"
+                                },
+                                "foreground-color": {
+                                    "type": "string"
+                                },
+                                "detached": {
+                                    "type": "boolean"
+                                }
+                            },
+                            "additionalProperties": false
+                        },
+                        "stages": {
+                            "type": "object",
+                            "properties": {
+                                "status": {
+                                    "type": "object",
+                                    "properties": {
+                                        "completed": {
+                                            "type": "object",
+                                            "properties": {
+                                                "foreground-color": {
+                                                    "type": "string"
+                                                },
+                                                "background": {
+                                                    "type": "string"
+                                                }
+                                            },
+                                            "additionalProperties": false
+                                        },
+                                        "current": {
+                                            "type": "object",
+                                            "properties": {
+                                                "foreground-color": {
+                                                    "type": "string"
+                                                },
+                                                "background": {
+                                                    "type": "string"
+                                                }
+                                            },
+                                            "additionalProperties": false
+                                        },
+                                        "pending": {
+                                            "type": "object",
+                                            "properties": {
+                                                "foreground-color": {
+                                                    "type": "string"
+                                                },
+                                                "background": {
+                                                    "type": "string"
+                                                }
+                                            },
+                                            "additionalProperties": false
+                                        }
+                                    },
+                                    "additionalProperties": false
+                                }
+                            },
+                            "additionalProperties": false
+                        }
+                    },
+                    "additionalProperties": false
+                },
+                "announcement": {
+                    "type": "object",
+                    "properties": {
+                        "background": {
+                            "type": "string"
+                        },
+                        "foreground-color": {
+                            "type": "string"
+                        }
+                    },
+                    "additionalProperties": false
+                },
                 "avatar": {
                     "type": "object",
                     "properties": {
@@ -471,6 +627,9 @@
                 "badges": {
                     "type": "object",
                     "properties": {
+                        "font-stretch": {
+                            "type": "string"
+                        },
                         "status": {
                             "type": "object",
                             "properties": {
@@ -714,6 +873,9 @@
                         "color": {
                             "type": "string"
                         },
+                        "foreground-color": {
+                            "type": "string"
+                        },
                         "secondary-color": {
                             "type": "string"
                         },
@@ -747,6 +909,9 @@
                         "background": {
                             "type": "string"
                         },
+                        "foreground-color": {
+                            "type": "string"
+                        },
                         "padding": {
                             "type": "string"
                         },
@@ -756,6 +921,21 @@
                     },
                     "additionalProperties": false
                 },
+                "field-value-list": {
+                    "type": "object",
+                    "properties": {
+                        "inline": {
+                            "type": "object",
+                            "properties": {
+                                "detached": {
+                                    "type": "boolean"
+                                }
+                            },
+                            "additionalProperties": false
+                        }
+                    },
+                    "additionalProperties": false
+                },
                 "details": {
                     "type": "object",
                     "properties": {
@@ -943,6 +1123,9 @@
                         },
                         "font-weight": {
                             "type": "integer"
+                        },
+                        "foreground-color": {
+                            "type": "string"
                         }
                     },
                     "additionalProperties": false
@@ -1061,9 +1244,30 @@
                     },
                     "additionalProperties": false
                 },
+                "tabs": {
+                    "type": "object",
+                    "properties": {
+                        "detached": {
+                            "type": "boolean"
+                        }
+                    },
+                    "additionalProperties": false
+                },
                 "table": {
                     "type": "object",
                     "properties": {
+                        "typography": {
+                            "type": "object",
+                            "properties": {
+                                "font-stretch": {
+                                    "type": "string"
+                                },
+                                "letter-spacing": {
+                                    "type": "string"
+                                }
+                            },
+                            "additionalProperties": false
+                        },
                         "header": {
                             "type": "object",
                             "properties": {
@@ -1094,6 +1298,9 @@
                             },
                             "additionalProperties": false
                         },
+                        "striped-rows": {
+                            "type": "boolean"
+                        },
                         "body": {
                             "type": "object",
                             "properties": {
@@ -1168,6 +1375,9 @@
                                 },
                                 "font-weight": {
                                     "type": "integer"
+                                },
+                                "font-family": {
+                                    "type": "string"
                                 }
                             },
                             "additionalProperties": false
@@ -1180,6 +1390,9 @@
                                 },
                                 "font-weight": {
                                     "type": "integer"
+                                },
+                                "font-family": {
+                                    "type": "string"
                                 }
                             },
                             "additionalProperties": false
@@ -1192,6 +1405,9 @@
                                 },
                                 "font-weight": {
                                     "type": "integer"
+                                },
+                                "font-family": {
+                                    "type": "string"
                                 }
                             },
                             "additionalProperties": false
@@ -1204,6 +1420,9 @@
                                 },
                                 "font-weight": {
                                     "type": "integer"
+                                },
+                                "font-family": {
+                                    "type": "string"
                                 }
                             },
                             "additionalProperties": false
@@ -1216,6 +1435,9 @@
                                 },
                                 "font-weight": {
                                     "type": "integer"
+                                },
+                                "font-family": {
+                                    "type": "string"
                                 }
                             },
                             "additionalProperties": false
@@ -1228,6 +1450,9 @@
                                 },
                                 "font-weight": {
                                     "type": "integer"
+                                },
+                                "font-family": {
+                                    "type": "string"
                                 }
                             },
                             "additionalProperties": false
@@ -1240,6 +1465,9 @@
                                 },
                                 "font-weight": {
                                     "type": "integer"
+                                },
+                                "font-family": {
+                                    "type": "string"
                                 }
                             },
                             "additionalProperties": false
@@ -1252,6 +1480,24 @@
                                 },
                                 "font-weight": {
                                     "type": "integer"
+                                },
+                                "font-family": {
+                                    "type": "string"
+                                }
+                            },
+                            "additionalProperties": false
+                        },
+                        "brand-primary": {
+                            "type": "object",
+                            "properties": {
+                                "font-family": {
+                                    "type": "string"
+                                },
+                                "font-size": {
+                                    "type": "string"
+                                },
+                                "font-weight": {
+                                    "type": "string"
                                 }
                             },
                             "additionalProperties": false

package/lib/theme/themes/artisticExpressionismTheme.json

@@ -0,0 +1,103 @@
+{
+    "components": {
+        "tabs": {
+            "detached": true
+        },
+        "field-value-list": {
+            "inline": {
+                "detached": true
+            }
+        },
+        "button": {
+            "color": "#256e91",
+            "secondary-color": "#256e91",
+            "border-radius": 0.25
+        },
+        "case-view": {
+            "header": {
+                "background": "#c46a38",
+                "foreground-color": "#ffffff"
+            },
+            "summary": {
+                "detached": true
+            },
+            "utilities": {
+                "detached": false,
+                "background": "rgba(255,255,255,0.5)"
+            },
+            "assignments": {
+                "detached": true,
+                "background": "rgba(255,255,255,0.5)"
+            }
+        },
+        "app-shell": {
+            "nav": {
+                "background": "#D4D9DC",
+                "border-color": "transparent",
+                "foreground-color": "#0b2937",
+                "detached": true
+            },
+            "header": {
+                "background": "#2c5b6d",
+                "foreground-color": "#ffffff",
+                "border-color": "transparent"
+            }
+        },
+        "form-control": {
+            "border-radius": 0.25
+        },
+        "card": {
+            "border-radius": "0.0625rem",
+            "background": "#ffffff"
+        },
+        "announcement": {
+            "background": "#c46a37"
+        },
+        "avatar": {
+            "background-color": "#8fc2a9"
+        },
+        "text": {
+            "primary": {
+                "font-family": "'Work Sans', sans-serif"
+            },
+            "secondary": {
+                "font-family": "'Work Sans', sans-serif"
+            },
+            "brand-primary": {
+                "font-family": "Playfair, serif"
+            },
+            "h1": {
+                "font-family": "Playfair, serif"
+            },
+            "h2": {
+                "font-family": "Playfair, serif"
+            },
+            "h3": {
+                "font-family": "Playfair, serif"
+            },
+            "h4": {
+                "font-family": "Playfair, serif"
+            },
+            "h5": {
+                "font-family": "Playfair, serif"
+            },
+            "h6": {
+                "font-family": "Playfair, serif"
+            }
+        }
+    },
+    "base": {
+        "palette": {
+            "brand-primary": "#256e91",
+            "foreground-color": "#000000",
+            "app-background": "url(https://pegasystems.github.io/uplus-wss/img/artistic-ii-bg.png) center / cover repeat",
+            "secondary-background": "#eef3f5",
+            "interactive": "#256e91",
+            "primary-background": "#ffffff",
+            "border-line": "#cfcfcf"
+        },
+        "font-family": "'Work Sans', sans-serif",
+        "border-radius": "0.25rem",
+        "spacing": "0.5rem"
+    }
+}

package/lib/theme/themes/artisticTheme.json

@@ -0,0 +1,65 @@
+{
+    "components": {
+        "tabs": { "detached": true },
+        "button": {
+            "color": "#0fb874",
+            "secondary-color": "#0fb874",
+            "border-radius": 0.25
+        },
+        "case-view": {
+            "header": {
+                "background": "linear-gradient(45deg, #51c898 0%, #51c898 50%, #85dbba 100%)"
+            },
+            "summary": { "detached": true },
+            "utilities": {
+                "detached": false,
+                "background": "rgba(0,0,0,0.5)"
+            },
+            "assignments": {
+                "detached": true,
+                "background": "rgba(0,0,0,0.5)"
+            }
+        },
+        "app-shell": {
+            "nav": {
+                "background": "#b0d0e3",
+                "border-color": "transparent",
+                "detached": true
+            },
+            "header": {
+                "background": "#28af70",
+                "border-color": "transparent"
+            }
+        },
+        "form-control": {
+            "border-radius": 0
+        },
+        "card": {
+            "border-radius": "0rem",
+            "background": "#182229"
+        },
+        "announcement": {
+            "background": "linear-gradient(90deg, #51c898 0%, #51c898 50%, #85dbba 100%)"
+        },
+        "avatar": {
+            "background-color": "#4e7175"
+        },
+        "field-value-list": {
+            "inline": {
+                "detached": true
+            }
+        }
+    },
+    "base": {
+        "palette": {
+            "brand-primary": "#0fb874",
+            "foreground-color": "#ffffff",
+            "app-background": "url(\u0027https://upload.wikimedia.org/wikipedia/commons/6/65/Claude_Monet_-_Water_Lilies_-_1933.1157_-_Art_Institute_of_Chicago.jpg\u0027) top / cover ",
+            "secondary-background": "#172b2b",
+            "interactive": "#0fb874",
+            "primary-background": "#18232a",
+            "border-line": "#4c5a5d"
+        },
+        "font-family": "Lora, serif"
+    }
+}