@gitlab/ui 105.1.1 → 105.3.0

package/src/tokens/build/json/tokens.json

@@ -14395,6 +14395,893 @@
       }
     }
   },
+  "illustration": {
+    "stroke": {
+      "color": {
+        "default": {
+          "$value": "#171321",
+          "$type": "color",
+          "$description": "Default stroke color to define shape and provide essential detail.",
+          "filePath": "src/tokens/contextual/illustration.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": {
+              "default": "#171321",
+              "dark": "#e3e3e8"
+            },
+            "$type": "color",
+            "$description": "Default stroke color to define shape and provide essential detail."
+          },
+          "name": "ILLUSTRATION_STROKE_COLOR_DEFAULT",
+          "attributes": {},
+          "path": [
+            "illustration",
+            "stroke",
+            "color",
+            "default"
+          ]
+        }
+      },
+      "width": {
+        "default": {
+          "$value": "0.125rem",
+          "$type": "dimension",
+          "$description": "Default stroke width to define shape and provide essential detail.",
+          "filePath": "src/tokens/contextual/illustration.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": {
+              "default": "2px",
+              "dark": "1.5px"
+            },
+            "$type": "dimension",
+            "$description": "Default stroke width to define shape and provide essential detail."
+          },
+          "name": "ILLUSTRATION_STROKE_WIDTH_DEFAULT",
+          "attributes": {},
+          "path": [
+            "illustration",
+            "stroke",
+            "width",
+            "default"
+          ]
+        }
+      }
+    },
+    "fill": {
+      "color": {
+        "default": {
+          "$value": "#fff",
+          "$type": "color",
+          "$description": "Default fill color for an element where specific meaning or emphasis is not required.",
+          "filePath": "src/tokens/contextual/illustration.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": {
+              "default": "#fff",
+              "dark": "#423f4f"
+            },
+            "$type": "color",
+            "$description": "Default fill color for an element where specific meaning or emphasis is not required."
+          },
+          "name": "ILLUSTRATION_FILL_COLOR_DEFAULT",
+          "attributes": {},
+          "path": [
+            "illustration",
+            "fill",
+            "color",
+            "default"
+          ]
+        }
+      }
+    },
+    "status": {
+      "fill": {
+        "color": {
+          "neutral": {
+            "$value": "#aea5d6",
+            "$type": "color",
+            "$description": "Used as a fill to convey a concept which is neither positive or negative.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#aea5d6",
+                "dark": "#6f6796"
+              },
+              "$type": "color",
+              "$description": "Used as a fill to convey a concept which is neither positive or negative."
+            },
+            "name": "ILLUSTRATION_STATUS_FILL_COLOR_NEUTRAL",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "status",
+              "fill",
+              "color",
+              "neutral"
+            ]
+          },
+          "success": {
+            "$value": "#6fdac9",
+            "$type": "color",
+            "$description": "Used as a fill to convey a success or active concept, has a positive connotation.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#6fdac9",
+                "dark": "#3b8581"
+              },
+              "$type": "color",
+              "$description": "Used as a fill to convey a success or active concept, has a positive connotation."
+            },
+            "name": "ILLUSTRATION_STATUS_FILL_COLOR_SUCCESS",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "status",
+              "fill",
+              "color",
+              "success"
+            ]
+          },
+          "warning": {
+            "$value": "#fca326",
+            "$type": "color",
+            "$description": "Used as a fill to convey a caution or warning concept, has a slightly negative connotation.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#fca326",
+                "dark": "#ab752f"
+              },
+              "$type": "color",
+              "$description": "Used as a fill to convey a caution or warning concept, has a slightly negative connotation."
+            },
+            "name": "ILLUSTRATION_STATUS_FILL_COLOR_WARNING",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "status",
+              "fill",
+              "color",
+              "warning"
+            ]
+          },
+          "danger": {
+            "$value": "#ff9d73",
+            "$type": "color",
+            "$description": "Used as a fill to convey a critical or danger concept, has a negative connotation.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#ff9d73",
+                "dark": "#aa563a"
+              },
+              "$type": "color",
+              "$description": "Used as a fill to convey a critical or danger concept, has a negative connotation."
+            },
+            "name": "ILLUSTRATION_STATUS_FILL_COLOR_DANGER",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "status",
+              "fill",
+              "color",
+              "danger"
+            ]
+          }
+        }
+      }
+    },
+    "accent": {
+      "stroke": {
+        "color": {
+          "orange": {
+            "$value": "#ff9d73",
+            "$type": "color",
+            "$description": "Used for orange accent stroke detail on an object or attention-drawing element.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#ff9d73",
+                "dark": "#e3865f"
+              },
+              "$type": "color",
+              "$description": "Used for orange accent stroke detail on an object or attention-drawing element."
+            },
+            "name": "ILLUSTRATION_ACCENT_STROKE_COLOR_ORANGE",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "accent",
+              "stroke",
+              "color",
+              "orange"
+            ]
+          },
+          "teal": {
+            "$value": "#6fdac9",
+            "$type": "color",
+            "$description": "Used for teal accent stroke detail on an object or attention-drawing element.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#6fdac9",
+                "dark": "#6baea3"
+              },
+              "$type": "color",
+              "$description": "Used for teal accent stroke detail on an object or attention-drawing element."
+            },
+            "name": "ILLUSTRATION_ACCENT_STROKE_COLOR_TEAL",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "accent",
+              "stroke",
+              "color",
+              "teal"
+            ]
+          },
+          "strong": {
+            "$value": "#aea5d6",
+            "$type": "color",
+            "$description": "Used for dark accent stroke detail on an object or attention-drawing element.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#aea5d6",
+                "dark": "#aea5d6"
+              },
+              "$type": "color",
+              "$description": "Used for dark accent stroke detail on an object or attention-drawing element."
+            },
+            "name": "ILLUSTRATION_ACCENT_STROKE_COLOR_STRONG",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "accent",
+              "stroke",
+              "color",
+              "strong"
+            ]
+          }
+        }
+      },
+      "fill": {
+        "color": {
+          "subtle": {
+            "$value": "#d0c5e2",
+            "$type": "color",
+            "$description": "Used to add depth to a secondary element and supporting surface.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#d0c5e2",
+                "dark": "#5c5371"
+              },
+              "$type": "color",
+              "$description": "Used to add depth to a secondary element and supporting surface."
+            },
+            "name": "ILLUSTRATION_ACCENT_FILL_COLOR_SUBTLE",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "accent",
+              "fill",
+              "color",
+              "subtle"
+            ]
+          },
+          "strong": {
+            "$value": "#aea5d6",
+            "$type": "color",
+            "$description": "Used for an element requiring visual emphasis without competing with primary content or status indicators.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#aea5d6",
+                "dark": "#6f6796"
+              },
+              "$type": "color",
+              "$description": "Used for an element requiring visual emphasis without competing with primary content or status indicators."
+            },
+            "name": "ILLUSTRATION_ACCENT_FILL_COLOR_STRONG",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "accent",
+              "fill",
+              "color",
+              "strong"
+            ]
+          },
+          "orange": {
+            "$value": "#ff9d73",
+            "$type": "color",
+            "$description": "Used to add orange to a secondary element and supporting surface.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#ff9d73",
+                "dark": "#aa563a"
+              },
+              "$type": "color",
+              "$description": "Used to add orange to a secondary element and supporting surface."
+            },
+            "name": "ILLUSTRATION_ACCENT_FILL_COLOR_ORANGE",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "accent",
+              "fill",
+              "color",
+              "orange"
+            ]
+          },
+          "teal": {
+            "$value": "#6fdac9",
+            "$type": "color",
+            "$description": "Used to add teal to a secondary element and supporting surface.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#6fdac9",
+                "dark": "#3b8581"
+              },
+              "$type": "color",
+              "$description": "Used to add teal to a secondary element and supporting surface."
+            },
+            "name": "ILLUSTRATION_ACCENT_FILL_COLOR_TEAL",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "accent",
+              "fill",
+              "color",
+              "teal"
+            ]
+          }
+        }
+      }
+    },
+    "base": {
+      "fill": {
+        "color": {
+          "$value": "#e7e4f2",
+          "$type": "color",
+          "$description": "Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion.",
+          "filePath": "src/tokens/contextual/illustration.tokens.json",
+          "isSource": true,
+          "original": {
+            "$value": {
+              "default": "#e7e4f2",
+              "dark": "#32303c"
+            },
+            "$type": "color",
+            "$description": "Used for the consistent background shape present across all illustrations. Provides a unified foundation that visually grounds each illustration while maintaining system cohesion."
+          },
+          "name": "ILLUSTRATION_BASE_FILL_COLOR",
+          "attributes": {},
+          "path": [
+            "illustration",
+            "base",
+            "fill",
+            "color"
+          ]
+        }
+      }
+    },
+    "isometric": {
+      "stroke": {
+        "color": {
+          "default": {
+            "$value": "#171321",
+            "$type": "color",
+            "$description": "Default stroke color to define shape and provide essential detail in isometric illustration.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "#171321",
+                "dark": "#e3e3e8"
+              },
+              "$type": "color",
+              "$description": "Default stroke color to define shape and provide essential detail in isometric illustration."
+            },
+            "name": "ILLUSTRATION_ISOMETRIC_STROKE_COLOR_DEFAULT",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "isometric",
+              "stroke",
+              "color",
+              "default"
+            ]
+          }
+        },
+        "width": {
+          "default": {
+            "$value": "0.125rem",
+            "$type": "dimension",
+            "$description": "Default stroke width to define shape and provide essential detail in isometric illustration.",
+            "filePath": "src/tokens/contextual/illustration.tokens.json",
+            "isSource": true,
+            "original": {
+              "$value": {
+                "default": "2px",
+                "dark": "1.5px"
+              },
+              "$type": "dimension",
+              "$description": "Default stroke width to define shape and provide essential detail in isometric illustration."
+            },
+            "name": "ILLUSTRATION_ISOMETRIC_STROKE_WIDTH_DEFAULT",
+            "attributes": {},
+            "path": [
+              "illustration",
+              "isometric",
+              "stroke",
+              "width",
+              "default"
+            ]
+          }
+        }
+      },
+      "glyph": {
+        "top": {
+          "fill": {
+            "color": {
+              "$value": "#c5f4ec",
+              "$type": "color",
+              "$description": "Used for the top face of isometric text and number elements.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#c5f4ec",
+                  "dark": "#5a566c"
+                },
+                "$type": "color",
+                "$description": "Used for the top face of isometric text and number elements."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_GLYPH_TOP_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "glyph",
+                "top",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "front": {
+          "fill": {
+            "color": {
+              "$value": "#fff",
+              "$type": "color",
+              "$description": "Used for the front face of isometric text and number elements.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#fff",
+                  "dark": "#423f4f"
+                },
+                "$type": "color",
+                "$description": "Used for the front face of isometric text and number elements."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_GLYPH_FRONT_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "glyph",
+                "front",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "side": {
+          "fill": {
+            "color": {
+              "$value": "#6fdac9",
+              "$type": "color",
+              "$description": "Used for the side face of isometric text and number elements.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#6fdac9",
+                  "dark": "#373441"
+                },
+                "$type": "color",
+                "$description": "Used for the side face of isometric text and number elements."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_GLYPH_SIDE_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "glyph",
+                "side",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "shadow": {
+          "fill": {
+            "color": {
+              "$value": "#10b1b1",
+              "$type": "color",
+              "$description": "Used for the shadow of isometric text and number elements.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#10b1b1",
+                  "dark": "#292730"
+                },
+                "$type": "color",
+                "$description": "Used for the shadow of isometric text and number elements."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_GLYPH_SHADOW_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "glyph",
+                "shadow",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        }
+      },
+      "object": {
+        "top": {
+          "fill": {
+            "color": {
+              "$value": "#ff9d73",
+              "$type": "color",
+              "$description": "Used for the top face of an isometric object or symbol.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#ff9d73",
+                  "dark": "#aa563a"
+                },
+                "$type": "color",
+                "$description": "Used for the top face of an isometric object or symbol."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_OBJECT_TOP_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "object",
+                "top",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "front": {
+          "fill": {
+            "color": {
+              "$value": "#ffc2a8",
+              "$type": "color",
+              "$description": "Used for the front face of an isometric object or symbol.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#ffc2a8",
+                  "dark": "#a54623"
+                },
+                "$type": "color",
+                "$description": "Used for the front face of an isometric object or symbol."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_OBJECT_FRONT_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "object",
+                "front",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "side": {
+          "fill": {
+            "color": {
+              "$value": "#ff7b42",
+              "$type": "color",
+              "$description": "Used for the side face of an isometric object or symbol.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#ff7b42",
+                  "dark": "#8f4424"
+                },
+                "$type": "color",
+                "$description": "Used for the side face of an isometric object or symbol."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_OBJECT_SIDE_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "object",
+                "side",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "highlight": {
+          "fill": {
+            "color": {
+              "$value": "#fff",
+              "$type": "color",
+              "$description": "Used for the face of an isometric object or symbol that requires maximum distinction from other elements.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#fff",
+                  "dark": "#423f4f"
+                },
+                "$type": "color",
+                "$description": "Used for the face of an isometric object or symbol that requires maximum distinction from other elements."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_OBJECT_HIGHLIGHT_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "object",
+                "highlight",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "shadow": {
+          "fill": {
+            "color": {
+              "$value": "#e24329",
+              "$type": "color",
+              "$description": "Used for the shadow of an isometric object or symbol.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#e24329",
+                  "dark": "#3d2b2a"
+                },
+                "$type": "color",
+                "$description": "Used for the shadow of an isometric object or symbol."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_OBJECT_SHADOW_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "object",
+                "shadow",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        }
+      },
+      "accent": {
+        "top": {
+          "fill": {
+            "color": {
+              "$value": "#45424d",
+              "$type": "color",
+              "$description": "Used for the top face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#45424d",
+                  "dark": "#6d6972"
+                },
+                "$type": "color",
+                "$description": "Used for the top face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_ACCENT_TOP_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "accent",
+                "top",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "front": {
+          "fill": {
+            "color": {
+              "$value": "#74717a",
+              "$type": "color",
+              "$description": "Used for the front face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#74717a",
+                  "dark": "#49474d"
+                },
+                "$type": "color",
+                "$description": "Used for the front face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_ACCENT_FRONT_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "accent",
+                "front",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "side": {
+          "fill": {
+            "color": {
+              "$value": "#2b2838",
+              "$type": "color",
+              "$description": "Used for the side face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#2b2838",
+                  "dark": "#212023"
+                },
+                "$type": "color",
+                "$description": "Used for the side face of a supporting isometric element. Provides subtle dimensional variation without competing with primary content."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_ACCENT_SIDE_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "accent",
+                "side",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        }
+      },
+      "base": {
+        "top": {
+          "fill": {
+            "color": {
+              "$value": "#e7e4f2",
+              "$type": "color",
+              "$description": "Used for the top surface of an isometric base platform.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#e7e4f2",
+                  "dark": "#32303c"
+                },
+                "$type": "color",
+                "$description": "Used for the top surface of an isometric base platform."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_BASE_TOP_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "base",
+                "top",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "front": {
+          "fill": {
+            "color": {
+              "$value": "#d5d0e8",
+              "$type": "color",
+              "$description": "Used for the front face of an isometric base platform.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#d5d0e8",
+                  "dark": "#2b2932"
+                },
+                "$type": "color",
+                "$description": "Used for the front face of an isometric base platform."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_BASE_FRONT_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "base",
+                "front",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        },
+        "side": {
+          "fill": {
+            "color": {
+              "$value": "#aea5d6",
+              "$type": "color",
+              "$description": "Used for the side face of an isometric base platform.",
+              "filePath": "src/tokens/contextual/illustration.tokens.json",
+              "isSource": true,
+              "original": {
+                "$value": {
+                  "default": "#aea5d6",
+                  "dark": "#23222b"
+                },
+                "$type": "color",
+                "$description": "Used for the side face of an isometric base platform."
+              },
+              "name": "ILLUSTRATION_ISOMETRIC_BASE_SIDE_FILL_COLOR",
+              "attributes": {},
+              "path": [
+                "illustration",
+                "isometric",
+                "base",
+                "side",
+                "fill",
+                "color"
+              ]
+            }
+          }
+        }
+      }
+    }
+  },
   "label": {
     "light": {
       "text": {