@serendie/ui 0.1.16 → 0.2.1

package/dist/node_modules/@serendie/design-token/dist/panda-tokens.js

@@ -15,13 +15,16 @@ const e = {
               }
             },
             transparency: {
-              5: {
+              bl2: {
+                value: "#00000005"
+              },
+              bl5: {
                 value: "#0000000D"
               },
-              20: {
+              bl20: {
                 value: "#00000033"
               },
-              60: {
+              wh60: {
                 value: "#FFFFFF99"
               }
             },
@@ -161,10 +164,10 @@ const e = {
                 value: "#FFE885"
               },
               300: {
-                value: "#FFE600"
+                value: "#EFD616"
               },
               400: {
-                value: "#EDD202"
+                value: "#D8BF00"
               },
               500: {
                 value: "#AC9301"
@@ -190,7 +193,7 @@ const e = {
                 value: "#CAF9E6"
               },
               200: {
-                value: "#AEEAD5"
+                value: "#B1EAD7"
               },
               300: {
                 value: "#98E1C8"
@@ -388,17 +391,23 @@ const e = {
               value: "#000000"
             },
             notice: {
-              value: "#FFE600"
+              value: "#EFD616"
             },
             onNotice: {
               value: "#000000"
             },
             noticeContainer: {
-              value: "#FFE600"
+              value: "#EFD616"
             },
             onNoticeContainer: {
               value: "#000000"
             },
+            noticeContainerVariant: {
+              value: "#FEEDBE"
+            },
+            onNoticeContainerVariant: {
+              value: "#000000"
+            },
             negative: {
               value: "#CE0037"
             },
@@ -411,6 +420,12 @@ const e = {
             onNegativeContainer: {
               value: "#000000"
             },
+            negativeContainerVariant: {
+              value: "#FCEBEA"
+            },
+            onNegativeContainerVariant: {
+              value: "#CE0037"
+            },
             positive: {
               value: "#40A683"
             },
@@ -422,6 +437,12 @@ const e = {
             },
             onPositiveContainer: {
               value: "#FFFFFF"
+            },
+            positiveContainerVariant: {
+              value: "#CAF9E6"
+            },
+            onPositiveContainerVariant: {
+              value: "#000000"
             }
           },
           component: {
@@ -440,6 +461,9 @@ const e = {
             inverseOnSurface: {
               value: "#FFFFFF"
             },
+            inversePrimary: {
+              value: "#EFF2FC"
+            },
             outline: {
               value: "#C8C7C2"
             },
@@ -457,6 +481,9 @@ const e = {
             disabledOnSurface: {
               value: "#AFAEAA"
             },
+            selected: {
+              value: "#00000005"
+            },
             selectedSurface: {
               value: "#BFCEFC"
             },
@@ -469,6 +496,142 @@ const e = {
             hoveredOnPrimary: {
               value: "#FFFFFF99"
             }
+          },
+          chart: {
+            mark: {
+              primary: {
+                "01": {
+                  value: "#D7DEFB"
+                },
+                "02": {
+                  value: "#BFCEFC"
+                },
+                "03": {
+                  value: "#8FAEFE"
+                },
+                "04": {
+                  value: "#428CFE"
+                },
+                "05": {
+                  value: "#0A69CF"
+                },
+                "06": {
+                  value: "#073165"
+                }
+              },
+              positive: {
+                "01": {
+                  value: "#B1EAD7"
+                },
+                "02": {
+                  value: "#98E1C8"
+                },
+                "03": {
+                  value: "#6ED0AE"
+                },
+                "04": {
+                  value: "#40A683"
+                },
+                "05": {
+                  value: "#2C755C"
+                },
+                "06": {
+                  value: "#12372B"
+                }
+              },
+              negative: {
+                "01": {
+                  value: "#FCD6D3"
+                },
+                "02": {
+                  value: "#FDB9B4"
+                },
+                "03": {
+                  value: "#FF8F8F"
+                },
+                "04": {
+                  value: "#F84258"
+                },
+                "05": {
+                  value: "#CE0037"
+                },
+                "06": {
+                  value: "#650417"
+                }
+              },
+              notice: {
+                "01": {
+                  value: "#FFE885"
+                },
+                "02": {
+                  value: "#EFD616"
+                },
+                "03": {
+                  value: "#D8BF00"
+                },
+                "04": {
+                  value: "#AC9301"
+                },
+                "05": {
+                  value: "#857100"
+                },
+                "06": {
+                  value: "#3A3000"
+                }
+              },
+              multi: {
+                10: {
+                  value: "#AF8245"
+                },
+                "01": {
+                  value: "#0A69CF"
+                },
+                "02": {
+                  value: "#6ED0AE"
+                },
+                "03": {
+                  value: "#FF8F8F"
+                },
+                "04": {
+                  value: "#AA61C2"
+                },
+                "05": {
+                  value: "#803510"
+                },
+                "06": {
+                  value: "#64CCD3"
+                },
+                "07": {
+                  value: "#FFE885"
+                },
+                "08": {
+                  value: "#AB4919"
+                },
+                "09": {
+                  value: "#932653"
+                }
+              }
+            },
+            component: {
+              onMarkLabel: {
+                value: "#000000"
+              },
+              inverseOnMarkLabel: {
+                value: "#FFFFFF"
+              },
+              scalemark: {
+                value: "#D9D8D3"
+              },
+              threshold: {
+                value: "#428CFE"
+              },
+              chartSurface: {
+                value: "#FFFFFF"
+              },
+              onChartSurface: {
+                value: "#696966"
+              }
+            }
           }
         }
       }
@@ -1221,13 +1384,13 @@ const e = {
                     value: "#FFFFFF"
                   },
                   secondary: {
-                    value: "#AEEAD5"
+                    value: "#B1EAD7"
                   },
                   onSecondary: {
                     value: "#000000"
                   },
                   secondaryContainer: {
-                    value: "#AEEAD5"
+                    value: "#B1EAD7"
                   },
                   onSecondaryContainer: {
                     value: "#000000"
@@ -1245,17 +1408,23 @@ const e = {
                     value: "#000000"
                   },
                   notice: {
-                    value: "#FFE600"
+                    value: "#EFD616"
                   },
                   onNotice: {
                     value: "#000000"
                   },
                   noticeContainer: {
-                    value: "#FFE600"
+                    value: "#EFD616"
                   },
                   onNoticeContainer: {
                     value: "#000000"
                   },
+                  noticeContainerVariant: {
+                    value: "#FEEDBE"
+                  },
+                  onNoticeContainerVariant: {
+                    value: "#000000"
+                  },
                   negative: {
                     value: "#CE0037"
                   },
@@ -1268,6 +1437,12 @@ const e = {
                   onNegativeContainer: {
                     value: "#000000"
                   },
+                  negativeContainerVariant: {
+                    value: "#FCEBEA"
+                  },
+                  onNegativeContainerVariant: {
+                    value: "#CE0037"
+                  },
                   positive: {
                     value: "#40A683"
                   },
@@ -1279,6 +1454,12 @@ const e = {
                   },
                   onPositiveContainer: {
                     value: "#FFFFFF"
+                  },
+                  positiveContainerVariant: {
+                    value: "#CAF9E6"
+                  },
+                  onPositiveContainerVariant: {
+                    value: "#000000"
                   }
                 },
                 component: {
@@ -1297,6 +1478,9 @@ const e = {
                   inverseOnSurface: {
                     value: "#FFFFFF"
                   },
+                  inversePrimary: {
+                    value: "#D9F6FC"
+                  },
                   outline: {
                     value: "#C8C7C2"
                   },
@@ -1314,8 +1498,11 @@ const e = {
                   disabledOnSurface: {
                     value: "#AFAEAA"
                   },
+                  selected: {
+                    value: "#00000005"
+                  },
                   selectedSurface: {
-                    value: "#AEEAD5"
+                    value: "#B1EAD7"
                   },
                   hovered: {
                     value: "#00000033"
@@ -1326,6 +1513,142 @@ const e = {
                   hoveredOnPrimary: {
                     value: "#FFFFFF99"
                   }
+                },
+                chart: {
+                  mark: {
+                    primary: {
+                      "01": {
+                        value: "#C3EFF4"
+                      },
+                      "02": {
+                        value: "#9CE6EC"
+                      },
+                      "03": {
+                        value: "#64CCD3"
+                      },
+                      "04": {
+                        value: "#00A3AF"
+                      },
+                      "05": {
+                        value: "#00757E"
+                      },
+                      "06": {
+                        value: "#02373C"
+                      }
+                    },
+                    positive: {
+                      "01": {
+                        value: "#B1EAD7"
+                      },
+                      "02": {
+                        value: "#98E1C8"
+                      },
+                      "03": {
+                        value: "#6ED0AE"
+                      },
+                      "04": {
+                        value: "#40A683"
+                      },
+                      "05": {
+                        value: "#2C755C"
+                      },
+                      "06": {
+                        value: "#12372B"
+                      }
+                    },
+                    negative: {
+                      "01": {
+                        value: "#FCD6D3"
+                      },
+                      "02": {
+                        value: "#FDB9B4"
+                      },
+                      "03": {
+                        value: "#FF8F8F"
+                      },
+                      "04": {
+                        value: "#F84258"
+                      },
+                      "05": {
+                        value: "#CE0037"
+                      },
+                      "06": {
+                        value: "#650417"
+                      }
+                    },
+                    notice: {
+                      "01": {
+                        value: "#FFE885"
+                      },
+                      "02": {
+                        value: "#EFD616"
+                      },
+                      "03": {
+                        value: "#D8BF00"
+                      },
+                      "04": {
+                        value: "#AC9301"
+                      },
+                      "05": {
+                        value: "#857100"
+                      },
+                      "06": {
+                        value: "#3A3000"
+                      }
+                    },
+                    multi: {
+                      10: {
+                        value: "#AF8245"
+                      },
+                      "01": {
+                        value: "#0A69CF"
+                      },
+                      "02": {
+                        value: "#6ED0AE"
+                      },
+                      "03": {
+                        value: "#FF8F8F"
+                      },
+                      "04": {
+                        value: "#AA61C2"
+                      },
+                      "05": {
+                        value: "#803510"
+                      },
+                      "06": {
+                        value: "#64CCD3"
+                      },
+                      "07": {
+                        value: "#FFE885"
+                      },
+                      "08": {
+                        value: "#AB4919"
+                      },
+                      "09": {
+                        value: "#932653"
+                      }
+                    }
+                  },
+                  component: {
+                    onMarkLabel: {
+                      value: "#000000"
+                    },
+                    inverseOnMarkLabel: {
+                      value: "#FFFFFF"
+                    },
+                    scalemark: {
+                      value: "#D9D8D3"
+                    },
+                    threshold: {
+                      value: "#00A3AF"
+                    },
+                    chartSurface: {
+                      value: "#FFFFFF"
+                    },
+                    onChartSurface: {
+                      value: "#696966"
+                    }
+                  }
                 }
               }
             }
@@ -1377,17 +1700,23 @@ const e = {
                     value: "#000000"
                   },
                   notice: {
-                    value: "#FFE600"
+                    value: "#EFD616"
                   },
                   onNotice: {
                     value: "#000000"
                   },
                   noticeContainer: {
-                    value: "#FFE600"
+                    value: "#EFD616"
                   },
                   onNoticeContainer: {
                     value: "#000000"
                   },
+                  noticeContainerVariant: {
+                    value: "#FEEDBE"
+                  },
+                  onNoticeContainerVariant: {
+                    value: "#000000"
+                  },
                   negative: {
                     value: "#CE0037"
                   },
@@ -1400,6 +1729,12 @@ const e = {
                   onNegativeContainer: {
                     value: "#000000"
                   },
+                  negativeContainerVariant: {
+                    value: "#FCEBEA"
+                  },
+                  onNegativeContainerVariant: {
+                    value: "#CE0037"
+                  },
                   positive: {
                     value: "#40A683"
                   },
@@ -1411,6 +1746,12 @@ const e = {
                   },
                   onPositiveContainer: {
                     value: "#FFFFFF"
+                  },
+                  positiveContainerVariant: {
+                    value: "#CAF9E6"
+                  },
+                  onPositiveContainerVariant: {
+                    value: "#000000"
                   }
                 },
                 component: {
@@ -1429,6 +1770,9 @@ const e = {
                   inverseOnSurface: {
                     value: "#FFFFFF"
                   },
+                  inversePrimary: {
+                    value: "#FAECE6"
+                  },
                   outline: {
                     value: "#C8C7C2"
                   },
@@ -1446,6 +1790,9 @@ const e = {
                   disabledOnSurface: {
                     value: "#AFAEAA"
                   },
+                  selected: {
+                    value: "#00000005"
+                  },
                   selectedSurface: {
                     value: "#F7C6B0"
                   },
@@ -1458,6 +1805,142 @@ const e = {
                   hoveredOnPrimary: {
                     value: "#FFFFFF99"
                   }
+                },
+                chart: {
+                  mark: {
+                    primary: {
+                      "01": {
+                        value: "#F7D8C9"
+                      },
+                      "02": {
+                        value: "#F7C6B0"
+                      },
+                      "03": {
+                        value: "#F49567"
+                      },
+                      "04": {
+                        value: "#E26324"
+                      },
+                      "05": {
+                        value: "#AB4919"
+                      },
+                      "06": {
+                        value: "#50230D"
+                      }
+                    },
+                    positive: {
+                      "01": {
+                        value: "#B1EAD7"
+                      },
+                      "02": {
+                        value: "#98E1C8"
+                      },
+                      "03": {
+                        value: "#6ED0AE"
+                      },
+                      "04": {
+                        value: "#40A683"
+                      },
+                      "05": {
+                        value: "#2C755C"
+                      },
+                      "06": {
+                        value: "#12372B"
+                      }
+                    },
+                    negative: {
+                      "01": {
+                        value: "#FCD6D3"
+                      },
+                      "02": {
+                        value: "#FDB9B4"
+                      },
+                      "03": {
+                        value: "#FF8F8F"
+                      },
+                      "04": {
+                        value: "#F84258"
+                      },
+                      "05": {
+                        value: "#CE0037"
+                      },
+                      "06": {
+                        value: "#650417"
+                      }
+                    },
+                    notice: {
+                      "01": {
+                        value: "#FFE885"
+                      },
+                      "02": {
+                        value: "#EFD616"
+                      },
+                      "03": {
+                        value: "#D8BF00"
+                      },
+                      "04": {
+                        value: "#AC9301"
+                      },
+                      "05": {
+                        value: "#857100"
+                      },
+                      "06": {
+                        value: "#3A3000"
+                      }
+                    },
+                    multi: {
+                      10: {
+                        value: "#AF8245"
+                      },
+                      "01": {
+                        value: "#0A69CF"
+                      },
+                      "02": {
+                        value: "#6ED0AE"
+                      },
+                      "03": {
+                        value: "#FF8F8F"
+                      },
+                      "04": {
+                        value: "#AA61C2"
+                      },
+                      "05": {
+                        value: "#803510"
+                      },
+                      "06": {
+                        value: "#64CCD3"
+                      },
+                      "07": {
+                        value: "#FFE885"
+                      },
+                      "08": {
+                        value: "#AB4919"
+                      },
+                      "09": {
+                        value: "#932653"
+                      }
+                    }
+                  },
+                  component: {
+                    onMarkLabel: {
+                      value: "#000000"
+                    },
+                    inverseOnMarkLabel: {
+                      value: "#FFFFFF"
+                    },
+                    scalemark: {
+                      value: "#D9D8D3"
+                    },
+                    threshold: {
+                      value: "#E26324"
+                    },
+                    chartSurface: {
+                      value: "#FFFFFF"
+                    },
+                    onChartSurface: {
+                      value: "#696966"
+                    }
+                  }
                 }
               }
             }
@@ -1509,17 +1992,23 @@ const e = {
                     value: "#FFFFFF"
                   },
                   notice: {
-                    value: "#FFE600"
+                    value: "#EFD616"
                   },
                   onNotice: {
                     value: "#000000"
                   },
                   noticeContainer: {
-                    value: "#FFE600"
+                    value: "#EFD616"
                   },
                   onNoticeContainer: {
                     value: "#000000"
                   },
+                  noticeContainerVariant: {
+                    value: "#FEEDBE"
+                  },
+                  onNoticeContainerVariant: {
+                    value: "#000000"
+                  },
                   negative: {
                     value: "#CE0037"
                   },
@@ -1532,6 +2021,12 @@ const e = {
                   onNegativeContainer: {
                     value: "#000000"
                   },
+                  negativeContainerVariant: {
+                    value: "#FCEBEA"
+                  },
+                  onNegativeContainerVariant: {
+                    value: "#CE0037"
+                  },
                   positive: {
                     value: "#40A683"
                   },
@@ -1543,6 +2038,12 @@ const e = {
                   },
                   onPositiveContainer: {
                     value: "#FFFFFF"
+                  },
+                  positiveContainerVariant: {
+                    value: "#CAF9E6"
+                  },
+                  onPositiveContainerVariant: {
+                    value: "#000000"
                   }
                 },
                 component: {
@@ -1561,6 +2062,9 @@ const e = {
                   inverseOnSurface: {
                     value: "#FFFFFF"
                   },
+                  inversePrimary: {
+                    value: "#F4ECF6"
+                  },
                   outline: {
                     value: "#C8C7C2"
                   },
@@ -1578,6 +2082,9 @@ const e = {
                   disabledOnSurface: {
                     value: "#AFAEAA"
                   },
+                  selected: {
+                    value: "#00000005"
+                  },
                   selectedSurface: {
                     value: "#DCBDE4"
                   },
@@ -1590,6 +2097,142 @@ const e = {
                   hoveredOnPrimary: {
                     value: "#FFFFFF99"
                   }
+                },
+                chart: {
+                  mark: {
+                    primary: {
+                      "01": {
+                        value: "#EADAEE"
+                      },
+                      "02": {
+                        value: "#DCBDE4"
+                      },
+                      "03": {
+                        value: "#CC9FD9"
+                      },
+                      "04": {
+                        value: "#AA61C2"
+                      },
+                      "05": {
+                        value: "#733B85"
+                      },
+                      "06": {
+                        value: "#462352"
+                      }
+                    },
+                    positive: {
+                      "01": {
+                        value: "#B1EAD7"
+                      },
+                      "02": {
+                        value: "#98E1C8"
+                      },
+                      "03": {
+                        value: "#6ED0AE"
+                      },
+                      "04": {
+                        value: "#40A683"
+                      },
+                      "05": {
+                        value: "#2C755C"
+                      },
+                      "06": {
+                        value: "#12372B"
+                      }
+                    },
+                    negative: {
+                      "01": {
+                        value: "#FCD6D3"
+                      },
+                      "02": {
+                        value: "#FDB9B4"
+                      },
+                      "03": {
+                        value: "#FF8F8F"
+                      },
+                      "04": {
+                        value: "#F84258"
+                      },
+                      "05": {
+                        value: "#CE0037"
+                      },
+                      "06": {
+                        value: "#650417"
+                      }
+                    },
+                    notice: {
+                      "01": {
+                        value: "#FFE885"
+                      },
+                      "02": {
+                        value: "#EFD616"
+                      },
+                      "03": {
+                        value: "#D8BF00"
+                      },
+                      "04": {
+                        value: "#AC9301"
+                      },
+                      "05": {
+                        value: "#857100"
+                      },
+                      "06": {
+                        value: "#3A3000"
+                      }
+                    },
+                    multi: {
+                      10: {
+                        value: "#AF8245"
+                      },
+                      "01": {
+                        value: "#0A69CF"
+                      },
+                      "02": {
+                        value: "#6ED0AE"
+                      },
+                      "03": {
+                        value: "#FF8F8F"
+                      },
+                      "04": {
+                        value: "#AA61C2"
+                      },
+                      "05": {
+                        value: "#803510"
+                      },
+                      "06": {
+                        value: "#64CCD3"
+                      },
+                      "07": {
+                        value: "#FFE885"
+                      },
+                      "08": {
+                        value: "#AB4919"
+                      },
+                      "09": {
+                        value: "#932653"
+                      }
+                    }
+                  },
+                  component: {
+                    onMarkLabel: {
+                      value: "#000000"
+                    },
+                    inverseOnMarkLabel: {
+                      value: "#FFFFFF"
+                    },
+                    scalemark: {
+                      value: "#D9D8D3"
+                    },
+                    threshold: {
+                      value: "#AA61C2"
+                    },
+                    chartSurface: {
+                      value: "#FFFFFF"
+                    },
+                    onChartSurface: {
+                      value: "#696966"
+                    }
+                  }
                 }
               }
             }
@@ -1641,17 +2284,23 @@ const e = {
                     value: "#FFFFFF"
                   },
                   notice: {
-                    value: "#FFE600"
+                    value: "#EFD616"
                   },
                   onNotice: {
                     value: "#000000"
                   },
                   noticeContainer: {
-                    value: "#FFE600"
+                    value: "#EFD616"
                   },
                   onNoticeContainer: {
                     value: "#000000"
                   },
+                  noticeContainerVariant: {
+                    value: "#FEEDBE"
+                  },
+                  onNoticeContainerVariant: {
+                    value: "#000000"
+                  },
                   negative: {
                     value: "#CE0037"
                   },
@@ -1664,6 +2313,12 @@ const e = {
                   onNegativeContainer: {
                     value: "#000000"
                   },
+                  negativeContainerVariant: {
+                    value: "#FCEBEA"
+                  },
+                  onNegativeContainerVariant: {
+                    value: "#CE0037"
+                  },
                   positive: {
                     value: "#40A683"
                   },
@@ -1675,6 +2330,12 @@ const e = {
                   },
                   onPositiveContainer: {
                     value: "#FFFFFF"
+                  },
+                  positiveContainerVariant: {
+                    value: "#CAF9E6"
+                  },
+                  onPositiveContainerVariant: {
+                    value: "#000000"
                   }
                 },
                 component: {
@@ -1693,6 +2354,9 @@ const e = {
                   inverseOnSurface: {
                     value: "#FFFFFF"
                   },
+                  inversePrimary: {
+                    value: "#F9EBF0"
+                  },
                   outline: {
                     value: "#C8C7C2"
                   },
@@ -1710,8 +2374,11 @@ const e = {
                   disabledOnSurface: {
                     value: "#AFAEAA"
                   },
+                  selected: {
+                    value: "#00000005"
+                  },
                   selectedSurface: {
-                    value: "#F6D7E0"
+                    value: "#F9EBF0"
                   },
                   hovered: {
                     value: "#00000033"
@@ -1722,6 +2389,142 @@ const e = {
                   hoveredOnPrimary: {
                     value: "#FFFFFF99"
                   }
+                },
+                chart: {
+                  mark: {
+                    primary: {
+                      "01": {
+                        value: "#F6D7E0"
+                      },
+                      "02": {
+                        value: "#F5C1D1"
+                      },
+                      "03": {
+                        value: "#F190B4"
+                      },
+                      "04": {
+                        value: "#EB4F8E"
+                      },
+                      "05": {
+                        value: "#932653"
+                      },
+                      "06": {
+                        value: "#591734"
+                      }
+                    },
+                    positive: {
+                      "01": {
+                        value: "#B1EAD7"
+                      },
+                      "02": {
+                        value: "#98E1C8"
+                      },
+                      "03": {
+                        value: "#6ED0AE"
+                      },
+                      "04": {
+                        value: "#40A683"
+                      },
+                      "05": {
+                        value: "#2C755C"
+                      },
+                      "06": {
+                        value: "#12372B"
+                      }
+                    },
+                    negative: {
+                      "01": {
+                        value: "#FCD6D3"
+                      },
+                      "02": {
+                        value: "#FDB9B4"
+                      },
+                      "03": {
+                        value: "#FF8F8F"
+                      },
+                      "04": {
+                        value: "#F84258"
+                      },
+                      "05": {
+                        value: "#CE0037"
+                      },
+                      "06": {
+                        value: "#650417"
+                      }
+                    },
+                    notice: {
+                      "01": {
+                        value: "#FFE885"
+                      },
+                      "02": {
+                        value: "#EFD616"
+                      },
+                      "03": {
+                        value: "#D8BF00"
+                      },
+                      "04": {
+                        value: "#AC9301"
+                      },
+                      "05": {
+                        value: "#857100"
+                      },
+                      "06": {
+                        value: "#3A3000"
+                      }
+                    },
+                    multi: {
+                      10: {
+                        value: "#AF8245"
+                      },
+                      "01": {
+                        value: "#0A69CF"
+                      },
+                      "02": {
+                        value: "#6ED0AE"
+                      },
+                      "03": {
+                        value: "#FF8F8F"
+                      },
+                      "04": {
+                        value: "#AA61C2"
+                      },
+                      "05": {
+                        value: "#803510"
+                      },
+                      "06": {
+                        value: "#64CCD3"
+                      },
+                      "07": {
+                        value: "#FFE885"
+                      },
+                      "08": {
+                        value: "#AB4919"
+                      },
+                      "09": {
+                        value: "#932653"
+                      }
+                    }
+                  },
+                  component: {
+                    onMarkLabel: {
+                      value: "#000000"
+                    },
+                    inverseOnMarkLabel: {
+                      value: "#FFFFFF"
+                    },
+                    scalemark: {
+                      value: "#D9D8D3"
+                    },
+                    threshold: {
+                      value: "#EB4F8E"
+                    },
+                    chartSurface: {
+                      value: "#FFFFFF"
+                    },
+                    onChartSurface: {
+                      value: "#696966"
+                    }
+                  }
                 }
               }
             }