@pega/cosmos-react-core 9.0.0-build.1.0 → 9.0.0-build.10.0

package/lib/theme/themeOverrides.schema.json

@@ -1538,6 +1538,108 @@
                     },
                     "additionalProperties": false
                 },
+                "modal": {
+                    "type": "object",
+                    "properties": {
+                        "background": {
+                            "type": "string"
+                        }
+                    },
+                    "additionalProperties": false
+                },
+                "popover": {
+                    "type": "object",
+                    "properties": {
+                        "background": {
+                            "type": "string"
+                        }
+                    },
+                    "additionalProperties": false
+                },
+                "lifecycle": {
+                    "type": "object",
+                    "properties": {
+                        "background": {
+                            "type": "string"
+                        },
+                        "task": {
+                            "type": "object",
+                            "properties": {
+                                "background": {
+                                    "type": "string"
+                                },
+                                "foreground-color": {
+                                    "type": "string"
+                                }
+                            },
+                            "additionalProperties": false
+                        },
+                        "stage": {
+                            "type": "object",
+                            "properties": {
+                                "background": {
+                                    "type": "string"
+                                },
+                                "foreground-color": {
+                                    "type": "string"
+                                },
+                                "start": {
+                                    "type": "object",
+                                    "properties": {
+                                        "background": {
+                                            "type": "string"
+                                        },
+                                        "hover-color": {
+                                            "type": "string"
+                                        }
+                                    },
+                                    "additionalProperties": false
+                                },
+                                "default": {
+                                    "type": "object",
+                                    "properties": {
+                                        "background": {
+                                            "type": "string"
+                                        },
+                                        "hover-color": {
+                                            "type": "string"
+                                        }
+                                    },
+                                    "additionalProperties": false
+                                },
+                                "resolution": {
+                                    "type": "object",
+                                    "properties": {
+                                        "background": {
+                                            "type": "string"
+                                        },
+                                        "hover-color": {
+                                            "type": "string"
+                                        }
+                                    },
+                                    "additionalProperties": false
+                                },
+                                "alternate": {
+                                    "type": "object",
+                                    "properties": {
+                                        "background": {
+                                            "type": "string"
+                                        },
+                                        "hover-color": {
+                                            "type": "string"
+                                        },
+                                        "resolution-highlight": {
+                                            "type": "string"
+                                        }
+                                    },
+                                    "additionalProperties": false
+                                }
+                            },
+                            "additionalProperties": false
+                        }
+                    },
+                    "additionalProperties": false
+                },
                 "chat": {
                     "type": "object",
                     "properties": {

package/lib/theme/themes/bootes2025Theme.json

@@ -5,7 +5,7 @@
         "line-height": "1.28",
         "font-scale": "majorSecond",
         "palette": {
-            "app-background": "#E0E3F1",
+            "app-background": "#EAECF6",
             "brand-primary": "#3F57E4",
             "border-line": "#CFCFCF",
             "secondary-background": "#F3F4FA",
@@ -27,13 +27,13 @@
         },
         "app-shell": {
             "nav": {
-                "background": "#E9EBF5",
+                "background": "#edeef7",
                 "foreground-color": "#001F5F",
                 "border-color": "transparent",
                 "detached": true
             },
             "header": {
-                "background": "#eff1f8",
+                "background": "#f1f3f9",
                 "foreground-color": "#001F5F",
                 "border-color": "transparent"
             }

package/lib/theme/themes/cygnus2025Theme.json

@@ -5,21 +5,21 @@
         "line-height": "1.28",
         "font-scale": "majorSecond",
         "palette": {
-            "app-background": "#e2f0e7",
+            "app-background": "#e5f0e7",
             "brand-primary": "#00854d",
-            "border-line": "#CFCFCF",
+            "border-line": "#c4cfc4",
             "secondary-background": "#e9fbf0",
             "foreground-color": "#000000",
-            "interactive": "#007544"
+            "interactive": "#0c7a2f"
         },
         "border-radius": "0.5rem",
         "shadow": {
-            "focus": "0 0 0 0.11rem #fff, 0 0 0 0.18rem #007544, 0 0 0 0.3rem #0075441a",
-            "focus-inset": "inset 0 0 0 0.11rem #fff, inset 0 0 0 0.18rem #007544, inset 0 0 0 0.3rem #0075441a",
-            "focus-group": "0 0 0 0.125rem #00754466",
-            "focus-group-inset": "inset 0 0 0 0.125rem #00754466",
-            "focus-solid": "0 0 0 0.0625rem rgb(0, 117, 68)",
-            "focus-filter": "drop-shadow(0 0 0.125rem rgba(0, 117, 68, 0.30))"
+            "focus": "0 0 0 0.11rem #fff, 0 0 0 0.18rem #0c7a2f, 0 0 0 0.3rem #0c7a2f1a",
+            "focus-inset": "inset 0 0 0 0.11rem #fff, inset 0 0 0 0.18rem #0c7a2f, inset 0 0 0 0.3rem #0c7a2f1a",
+            "focus-group": "0 0 0 0.125rem #0c7a2f66",
+            "focus-group-inset": "inset 0 0 0 0.125rem #0c7a2f66",
+            "focus-solid": "0 0 0 0.0625rem rgb(12, 122, 47)",
+            "focus-filter": "drop-shadow(0 0 0.125rem rgba(12, 122, 47, 0.30))"
         }
     },
     "components": {
@@ -28,13 +28,13 @@
         },
         "app-shell": {
             "nav": {
-                "background": "#e2f0e7",
+                "background": "#e5f0e7",
                 "foreground-color": "#333",
                 "border-color": "transparent",
                 "detached": true
             },
             "header": {
-                "background": "#e2f0e7",
+                "background": "#e5f0e7",
                 "foreground-color": "#050505",
                 "border-color": "transparent"
             }
@@ -60,12 +60,12 @@
             "font-stretch": "50%"
         },
         "announcement": {
-            "background": "#09be70",
+            "background": "#0c7a2f",
             "foreground-color": "#fff"
         },
         "case-view": {
             "header": {
-                "background": "#09be70",
+                "background": "#0c7a2f",
                 "foreground-color": "#ffffff"
             },
             "summary": {
@@ -73,11 +73,11 @@
             },
             "utilities": {
                 "detached": false,
-                "background": "#f8f7f5"
+                "background": "#f5faf7"
             },
             "assignments": {
                 "detached": true,
-                "background": "#f8f7f5"
+                "background": "#f5faf7"
             },
             "stages": {
                 "status": {
@@ -86,7 +86,7 @@
                         "foreground-color": "#0b381a"
                     },
                     "current": {
-                        "background": "#09be70",
+                        "background": "#0c7a2f",
                         "foreground-color": "#ffffff"
                     }
                 }
@@ -103,7 +103,7 @@
             "font-family": "Inter, sans-serif"
         },
         "link": {
-            "color": "#00854d"
+            "color": "#0c7a2f"
         },
         "card": {
             "border-radius": "0.5rem"

package/lib/theme/themes/studioDarkTheme.json

@@ -0,0 +1,240 @@
+{
+    "base": {
+        "palette": {
+            "ai": "#993CF0",
+            "app-background": "url(https://pegasystems.github.io/uplus-wss/img/studio-dark-bg.jpg) no-repeat center / cover",
+            "primary-background": "#161E33",
+            "secondary-background": "#283B67",
+            "foreground-color": "#F5F7FA",
+            "brand-primary": "#75D7CD",
+            "urgent": "#FF4D4F",
+            "warn": "#F68E5E",
+            "success": "#3FDF78",
+            "info": "#3AB4FD",
+            "interactive": "#75D7CD",
+            "pending": "#A986F1",
+            "border-line": "#3B3F4C",
+            "skeleton": "#AAB0C0",
+            "app-foreground": "#F5F7FA"
+        },
+        "shadow": {
+            "focus": "0 0 0 0.11rem #161E33, 0 0 0 0.14rem #ffffff80     , 0 0 0 0.18rem #75D7CD, 0 0 0 0.3rem #0A0A0A1A",
+            "focus-inset": "inset 0 0 0 0.11rem #161E33     , inset 0 0 0 0.18rem #75D7CD, inset 0 0 0 0.3rem #75D7CD1a",
+            "focus-group": "0 0 0 0.125rem #75D7CD99",
+            "focus-group-inset": "inset 0 0 0 0.125rem #75D7CD99"
+        },
+        "font-family": "'Noto Sans', sans-serif",
+        "font-stretch": "100%",
+        "font-scale": "minorThird",
+        "border-radius": "0.5rem"
+    },
+    "components": {
+        "icon": {
+            "size": {
+                "s": "1.125rem",
+                "m": "1.5rem",
+                "l": "2rem"
+            }
+        },
+        "avatar": {
+            "background-color": "#30314D"
+        },
+        "app-shell": {
+            "nav": {
+                "background": "#283B6780",
+                "foreground-color": "#ffffff",
+                "border-color": "transparent",
+                "detached": false
+            },
+            "header": {
+                "background": "#000000",
+                "border-color": "transparent"
+            }
+        },
+        "button": {
+            "border-radius": 0.5,
+            "color": "#75D7CD",
+            "secondary-color": "#75D7CD"
+        },
+        "form-control": {
+            "border-radius": 0.5,
+            ":hover": {
+                "border-color": "#7382A3"
+            },
+            ":disabled": {
+                "background-color": "#2a354e"
+            },
+            ":read-only": {
+                "background-color": "#2a354e"
+            },
+            "border-color": "#324155"
+        },
+        "tabs": {
+            "detached": false
+        },
+        "table": {
+            "typography": {
+                "font-stretch": "70%"
+            },
+            "header": {
+                "background-color": "#283B67",
+                "foreground-color": "#ffffff"
+            },
+            "striped-rows": true
+        },
+        "tooltip": {
+            "foreground-color": "#3f3f3f",
+            "background-color": "#fafafa"
+        },
+        "badges": {
+            "font-stretch": "70%",
+            "count": {
+                "default": {
+                    "background": "#E5E2FF1a",
+                    "foreground": "#E5E2FF"
+                }
+            },
+            "keyboard": {
+                "background-color": "#676767",
+                "border-color": "#9E9E9E"
+            },
+            "status": {
+                "success": {
+                    "background": "#3FDF78",
+                    "foreground": "#1F351F"
+                },
+                "warn": {
+                    "background": "#F68E5E",
+                    "foreground": "#37281E"
+                },
+                "urgent": {
+                    "background": "#FF4D4F",
+                    "foreground": "#1F1112"
+                },
+                "pending": {
+                    "background": "#8B6EC3",
+                    "foreground": "#1B1425"
+                },
+                "info": {
+                    "background": "#8D8E9933",
+                    "foreground": "#e9eef3"
+                }
+            }
+        },
+        "announcement": {
+            "background": "#75D7CD"
+        },
+        "case-view": {
+            "header": {
+                "background": "#283B6780",
+                "foreground-color": "#ffffff"
+            },
+            "summary": {
+                "detached": true
+            },
+            "utilities": {
+                "detached": false,
+                "background": "#283B6780"
+            },
+            "assignments": {
+                "detached": true,
+                "background": "#283B6780",
+                "foreground-color": "auto"
+            },
+            "stages": {
+                "status": {
+                    "completed": {
+                        "background": "#156f35",
+                        "foreground-color": "#d4f7d5"
+                    },
+                    "current": {
+                        "background": "#75D7CD",
+                        "foreground-color": "#314054"
+                    },
+                    "pending": {
+                        "background": "#3b5081"
+                    }
+                }
+            }
+        },
+        "field-value-list": {
+            "inline": {
+                "detached": true
+            }
+        },
+        "card": {
+            "background": "#283B6780",
+            "border-radius": "0.5rem",
+            "foreground-color": "#fff"
+        },
+        "text": {
+            "primary": {
+                "font-family": "'Noto Sans', sans-serif",
+                "font-size": "s"
+            },
+            "secondary": {
+                "font-family": "'Noto Sans', sans-serif",
+                "font-size": "s"
+            },
+            "h1": {
+                "font-family": "'Saira', sans-serif",
+                "font-size": "xxxl",
+                "font-weight": "500"
+            },
+            "h2": {
+                "font-family": "'Saira', sans-serif"
+            },
+            "h3": {
+                "font-family": "'Noto Sans', sans-serif"
+            },
+            "h4": {
+                "font-family": "'Noto Sans', sans-serif"
+            },
+            "h5": {
+                "font-family": "'Noto Sans', sans-serif"
+            },
+            "h6": {
+                "font-family": "'Noto Sans', sans-serif"
+            },
+            "brand-primary": {
+                "font-family": "'Saira', sans-serif"
+            }
+        },
+        "link": {
+            "color": "#75D7CD"
+        },
+        "modal": {
+            "background": "#192645"
+        },
+        "popover": {
+            "background": "#192645"
+        },
+        "lifecycle": {
+            "background": "none",
+            "task": {
+                "background": "#1A2642"
+            },
+            "stage": {
+                "background": "#161E33",
+                "foreground-color": "#FFFFFF",
+                "start": {
+                    "background": "#02468F",
+                    "hover-color": "#02468F"
+                },
+                "default": {
+                    "background": "#26628D",
+                    "hover-color": "#26628D"
+                },
+                "resolution": {
+                    "background": "#097359",
+                    "hover-color": "#097359"
+                },
+                "alternate": {
+                    "background": "#574F6F",
+                    "hover-color": "#574F6F",
+                    "resolution-highlight": "#097359"
+                }
+            }
+        }
+    }
+}