@primer/primitives 7.15.0 → 7.15.1-rc.c96600c

package/dist/ts/colors/dark_tritanopia.ts

@@ -324,6 +324,10 @@ export default {
       "counterFg": "#f85149",
       "disabledCounterFg": "rgba(248,81,73,0.5)",
       "hoverCounterFg": "#ffffff"
+    },
+    "inactive": {
+      "bg": "#21262d",
+      "text": "#8b949e"
     }
   },
   "underlinenav": {

package/dist/ts/colors/light.ts

@@ -324,6 +324,10 @@ export default {
       "counterFg": "#a40e26",
       "hoverCounterFg": "#ffffff",
       "disabledCounterFg": "rgba(207,34,46,0.5)"
+    },
+    "inactive": {
+      "bg": "#d0d7de",
+      "text": "#656d76"
     }
   },
   "underlinenav": {

package/dist/ts/colors/light_colorblind.ts

@@ -324,6 +324,10 @@ export default {
       "counterFg": "#8a4600",
       "hoverCounterFg": "#ffffff",
       "disabledCounterFg": "rgba(179,89,0,0.5)"
+    },
+    "inactive": {
+      "bg": "#d0d7de",
+      "text": "#57606a"
     }
   },
   "underlinenav": {

package/dist/ts/colors/light_high_contrast.ts

@@ -324,6 +324,10 @@ export default {
       "counterFg": "#86061d",
       "hoverCounterFg": "#ffffff",
       "disabledCounterFg": "rgba(160,17,31,0.5)"
+    },
+    "inactive": {
+      "bg": "#ced5dc",
+      "text": "#0e1116"
     }
   },
   "underlinenav": {

package/dist/ts/colors/light_tritanopia.ts

@@ -324,6 +324,10 @@ export default {
       "counterFg": "#a40e26",
       "hoverCounterFg": "#ffffff",
       "disabledCounterFg": "rgba(207,34,46,0.5)"
+    },
+    "inactive": {
+      "bg": "#d0d7de",
+      "text": "#57606a"
     }
   },
   "underlinenav": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.15.0",
+  "version": "7.15.1-rc.c96600c",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": [
     "dist",
@@ -77,7 +77,7 @@
     "eslint-plugin-primer-react": "^1.0.1",
     "eslint-plugin-react": "^7.29.4",
     "eslint-plugin-react-hooks": "^4.4.0",
-    "eslint-plugin-storybook": "^0.6.11",
+    "eslint-plugin-storybook": "^0.6.15",
     "flat": "^5.0.2",
     "husky": "^8.0.1",
     "jest": "^29.6.1",

package/tokens-next-private/css/functional/themes/dark-colorblind.css

@@ -159,6 +159,8 @@
   --button-danger-borderColor-hover: #f0f6fc1a;
   --button-danger-borderColor-active: #f0f6fc1a;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+  --button-inactive-fgColor-rest: #7d8590;
+  --button-inactive-bgColor-rest: #21262d;
   --buttonCounter-default-bgColor-rest: #30363d;
   --buttonCounter-invisible-bgColor-rest: #30363d;
   --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -577,6 +579,8 @@
     --button-danger-borderColor-hover: #f0f6fc1a;
     --button-danger-borderColor-active: #f0f6fc1a;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+    --button-inactive-fgColor-rest: #7d8590;
+    --button-inactive-bgColor-rest: #21262d;
     --buttonCounter-default-bgColor-rest: #30363d;
     --buttonCounter-invisible-bgColor-rest: #30363d;
     --buttonCounter-primary-bgColor-rest: #04260f33;

package/tokens-next-private/css/functional/themes/dark-dimmed.css

@@ -159,6 +159,8 @@
   --button-danger-borderColor-hover: #cdd9e51a;
   --button-danger-borderColor-active: #cdd9e51a;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+  --button-inactive-fgColor-rest: #6d7986;
+  --button-inactive-bgColor-rest: #373e47;
   --buttonCounter-default-bgColor-rest: #444c56;
   --buttonCounter-invisible-bgColor-rest: #444c56;
   --buttonCounter-primary-bgColor-rest: #11341733;
@@ -577,6 +579,8 @@
     --button-danger-borderColor-hover: #cdd9e51a;
     --button-danger-borderColor-active: #cdd9e51a;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+    --button-inactive-fgColor-rest: #6d7986;
+    --button-inactive-bgColor-rest: #373e47;
     --buttonCounter-default-bgColor-rest: #444c56;
     --buttonCounter-invisible-bgColor-rest: #444c56;
     --buttonCounter-primary-bgColor-rest: #11341733;

package/tokens-next-private/css/functional/themes/dark-high-contrast.css

@@ -159,6 +159,8 @@
   --button-danger-borderColor-hover: #ffffff1a;
   --button-danger-borderColor-active: #ffffff1a;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+  --button-inactive-fgColor-rest: #f0f3f6;
+  --button-inactive-bgColor-rest: #272b33;
   --buttonCounter-default-bgColor-rest: #525964;
   --buttonCounter-invisible-bgColor-rest: #525964;
   --buttonCounter-primary-bgColor-rest: #01040926;
@@ -577,6 +579,8 @@
     --button-danger-borderColor-hover: #ffffff1a;
     --button-danger-borderColor-active: #ffffff1a;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+    --button-inactive-fgColor-rest: #f0f3f6;
+    --button-inactive-bgColor-rest: #272b33;
     --buttonCounter-default-bgColor-rest: #525964;
     --buttonCounter-invisible-bgColor-rest: #525964;
     --buttonCounter-primary-bgColor-rest: #01040926;

package/tokens-next-private/css/functional/themes/dark-tritanopia.css

@@ -159,6 +159,8 @@
   --button-danger-borderColor-hover: #f0f6fc1a;
   --button-danger-borderColor-active: #f0f6fc1a;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+  --button-inactive-fgColor-rest: #7d8590;
+  --button-inactive-bgColor-rest: #21262d;
   --buttonCounter-default-bgColor-rest: #30363d;
   --buttonCounter-invisible-bgColor-rest: #30363d;
   --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -577,6 +579,8 @@
     --button-danger-borderColor-hover: #f0f6fc1a;
     --button-danger-borderColor-active: #f0f6fc1a;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+    --button-inactive-fgColor-rest: #7d8590;
+    --button-inactive-bgColor-rest: #21262d;
     --buttonCounter-default-bgColor-rest: #30363d;
     --buttonCounter-invisible-bgColor-rest: #30363d;
     --buttonCounter-primary-bgColor-rest: #04260f33;

package/tokens-next-private/css/functional/themes/dark.css

@@ -159,6 +159,8 @@
   --button-danger-borderColor-hover: #f0f6fc1a;
   --button-danger-borderColor-active: #f0f6fc1a;
   --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+  --button-inactive-fgColor-rest: #7d8590;
+  --button-inactive-bgColor-rest: #21262d;
   --buttonCounter-default-bgColor-rest: #30363d;
   --buttonCounter-invisible-bgColor-rest: #30363d;
   --buttonCounter-primary-bgColor-rest: #04260f33;
@@ -577,6 +579,8 @@
     --button-danger-borderColor-hover: #f0f6fc1a;
     --button-danger-borderColor-active: #f0f6fc1a;
     --button-danger-shadow-selected: 0px 0px 0px 0px #000000;
+    --button-inactive-fgColor-rest: #7d8590;
+    --button-inactive-bgColor-rest: #21262d;
     --buttonCounter-default-bgColor-rest: #30363d;
     --buttonCounter-invisible-bgColor-rest: #30363d;
     --buttonCounter-primary-bgColor-rest: #04260f33;

package/tokens-next-private/css/functional/themes/light-colorblind.css

@@ -159,6 +159,8 @@
   --button-danger-borderColor-hover: #1f232826;
   --button-danger-borderColor-active: #1f232826;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
+  --button-inactive-fgColor-rest: #636c76;
+  --button-inactive-bgColor-rest: #d0d7de;
   --buttonCounter-default-bgColor-rest: #afb8c133;
   --buttonCounter-invisible-bgColor-rest: #afb8c133;
   --buttonCounter-primary-bgColor-rest: #002d1133;
@@ -577,6 +579,8 @@
     --button-danger-borderColor-hover: #1f232826;
     --button-danger-borderColor-active: #1f232826;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #47170033;
+    --button-inactive-fgColor-rest: #636c76;
+    --button-inactive-bgColor-rest: #d0d7de;
     --buttonCounter-default-bgColor-rest: #afb8c133;
     --buttonCounter-invisible-bgColor-rest: #afb8c133;
     --buttonCounter-primary-bgColor-rest: #002d1133;

package/tokens-next-private/css/functional/themes/light-high-contrast.css

@@ -159,6 +159,8 @@
   --button-danger-borderColor-hover: #01040926;
   --button-danger-borderColor-active: #01040926;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
+  --button-inactive-fgColor-rest: #0e1116;
+  --button-inactive-bgColor-rest: #ced5dc;
   --buttonCounter-default-bgColor-rest: #66707b33;
   --buttonCounter-invisible-bgColor-rest: #66707b33;
   --buttonCounter-primary-bgColor-rest: #00230b33;
@@ -577,6 +579,8 @@
     --button-danger-borderColor-hover: #01040926;
     --button-danger-borderColor-active: #01040926;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #43001133;
+    --button-inactive-fgColor-rest: #0e1116;
+    --button-inactive-bgColor-rest: #ced5dc;
     --buttonCounter-default-bgColor-rest: #66707b33;
     --buttonCounter-invisible-bgColor-rest: #66707b33;
     --buttonCounter-primary-bgColor-rest: #00230b33;

package/tokens-next-private/css/functional/themes/light-tritanopia.css

@@ -159,6 +159,8 @@
   --button-danger-borderColor-hover: #1f232826;
   --button-danger-borderColor-active: #1f232826;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
+  --button-inactive-fgColor-rest: #636c76;
+  --button-inactive-bgColor-rest: #d0d7de;
   --buttonCounter-default-bgColor-rest: #afb8c133;
   --buttonCounter-invisible-bgColor-rest: #afb8c133;
   --buttonCounter-primary-bgColor-rest: #002d1133;
@@ -577,6 +579,8 @@
     --button-danger-borderColor-hover: #1f232826;
     --button-danger-borderColor-active: #1f232826;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
+    --button-inactive-fgColor-rest: #636c76;
+    --button-inactive-bgColor-rest: #d0d7de;
     --buttonCounter-default-bgColor-rest: #afb8c133;
     --buttonCounter-invisible-bgColor-rest: #afb8c133;
     --buttonCounter-primary-bgColor-rest: #002d1133;

package/tokens-next-private/css/functional/themes/light.css

@@ -159,6 +159,8 @@
   --button-danger-borderColor-hover: #1f232826;
   --button-danger-borderColor-active: #1f232826;
   --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
+  --button-inactive-fgColor-rest: #636c76;
+  --button-inactive-bgColor-rest: #d0d7de;
   --buttonCounter-default-bgColor-rest: #afb8c133;
   --buttonCounter-invisible-bgColor-rest: #afb8c133;
   --buttonCounter-primary-bgColor-rest: #002d1133;
@@ -577,6 +579,8 @@
     --button-danger-borderColor-hover: #1f232826;
     --button-danger-borderColor-active: #1f232826;
     --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
+    --button-inactive-fgColor-rest: #636c76;
+    --button-inactive-bgColor-rest: #d0d7de;
     --buttonCounter-default-bgColor-rest: #afb8c133;
     --buttonCounter-invisible-bgColor-rest: #afb8c133;
     --buttonCounter-primary-bgColor-rest: #002d1133;

package/tokens-next-private/docs/functional/themes/dark-colorblind.json

@@ -4721,6 +4721,64 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
+  "button-inactive-fgColor-rest": {
+    "value": "#7d8590",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-fgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "fgColor", "rest"]
+  },
+  "button-inactive-bgColor-rest": {
+    "value": "#21262d",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.7}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-bgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "bgColor", "rest"]
+  },
   "buttonCounter-default-bgColor-rest": {
     "value": "#30363d",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/dark-dimmed.json

@@ -4727,6 +4727,64 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
+  "button-inactive-fgColor-rest": {
+    "value": "#6d7986",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-fgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "fgColor", "rest"]
+  },
+  "button-inactive-bgColor-rest": {
+    "value": "#373e47",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.7}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-bgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "bgColor", "rest"]
+  },
   "buttonCounter-default-bgColor-rest": {
     "value": "#444c56",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/dark-high-contrast.json

@@ -4749,6 +4749,64 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
+  "button-inactive-fgColor-rest": {
+    "value": "#f0f3f6",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-fgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "fgColor", "rest"]
+  },
+  "button-inactive-bgColor-rest": {
+    "value": "#272b33",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.7}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-bgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "bgColor", "rest"]
+  },
   "buttonCounter-default-bgColor-rest": {
     "value": "#525964",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/dark-tritanopia.json

@@ -4727,6 +4727,64 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
+  "button-inactive-fgColor-rest": {
+    "value": "#7d8590",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-fgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "fgColor", "rest"]
+  },
+  "button-inactive-bgColor-rest": {
+    "value": "#21262d",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.7}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-bgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "bgColor", "rest"]
+  },
   "buttonCounter-default-bgColor-rest": {
     "value": "#30363d",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/dark.json

@@ -4727,6 +4727,64 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
+  "button-inactive-fgColor-rest": {
+    "value": "#7d8590",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-fgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "fgColor", "rest"]
+  },
+  "button-inactive-bgColor-rest": {
+    "value": "#21262d",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.7}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-bgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "bgColor", "rest"]
+  },
   "buttonCounter-default-bgColor-rest": {
     "value": "#30363d",
     "$type": "color",

package/tokens-next-private/docs/functional/themes/light-colorblind.json

@@ -4715,6 +4715,64 @@
     "attributes": {},
     "path": ["button", "danger", "shadow", "selected"]
   },
+  "button-inactive-fgColor-rest": {
+    "value": "#636c76",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.muted}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-fgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "fgColor", "rest"]
+  },
+  "button-inactive-bgColor-rest": {
+    "value": "#d0d7de",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component (internal)",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.gray.2}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component (internal)",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "button-inactive-bgColor-rest",
+    "attributes": {},
+    "path": ["button", "inactive", "bgColor", "rest"]
+  },
   "buttonCounter-default-bgColor-rest": {
     "value": "#afb8c133",
     "$type": "color",