@primer/components 0.0.0-202110303104 → 0.0.0-2021103082237

package/lib-esm/theme-preval.js

@@ -208,68 +208,8 @@ module.exports = {
             "gradientOut": "rgba(255,255,255,0)"
           },
           "mktg": {
-            "success": "rgba(36,146,67,1)",
-            "info": "rgba(19,119,234,1)",
-            "bgShadeGradient": {
-              "top": "rgba(27,31,36,0.065)",
-              "bottom": "rgba(27,31,36,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#ffffff",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#ffffff"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#ffffff"
-              },
-              "outline": {
-                "text": "#4969ed",
-                "border": "rgba(73,105,237,0.3)",
-                "hover": {
-                  "text": "#3355e0",
-                  "border": "rgba(51,85,224,0.5)"
-                },
-                "focus": {
-                  "border": "#4969ed",
-                  "borderInset": "rgba(73,105,237,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#ffffff",
-                "border": "rgba(255,255,255,0.3)",
-                "hover": {
-                  "text": "#ffffff",
-                  "border": "rgba(255,255,255,0.5)"
-                },
-                "focus": {
-                  "border": "#ffffff",
-                  "borderInset": "rgba(255,255,255,0.5)"
-                }
-              }
+              "bg": "#1b1f23"
             }
           },
           "avatar": {
@@ -483,6 +423,16 @@ module.exports = {
           }
         },
         "shadows": {
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
+                "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
+                "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
+                "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
           },
@@ -529,6 +479,452 @@ module.exports = {
           }
         }
       },
+      "light_high_contrast": {
+        "colors": {
+          "canvasDefaultTransparent": "rgba(255,255,255,0)",
+          "marketingIcon": {
+            "primary": "#1168e3",
+            "secondary": "#368cf9"
+          },
+          "diffBlob": {
+            "addition": {
+              "numText": "#24292F",
+              "fg": "#ffffff",
+              "numBg": "#CCFFD8",
+              "lineBg": "#E6FFEC",
+              "wordBg": "#055d20"
+            },
+            "deletion": {
+              "numText": "#24292F",
+              "fg": "#ffffff",
+              "numBg": "#FFD7D5",
+              "lineBg": "#fff0ee",
+              "wordBg": "#a0111f"
+            },
+            "hunk": {
+              "numBg": "#9cd7ff"
+            },
+            "expander": {
+              "icon": "#24292F"
+            }
+          },
+          "diffstat": {
+            "deletionBorder": "rgba(1,4,9,0.8)",
+            "additionBorder": "rgba(1,4,9,0.8)",
+            "additionBg": "#117f32"
+          },
+          "searchKeyword": {
+            "hl": "#fcf7be"
+          },
+          "prettylights": {
+            "syntax": {
+              "comment": "#67707A",
+              "constant": "#023b95",
+              "entity": "#622cbc",
+              "storageModifierImport": "#24292F",
+              "entityTag": "#024c1a",
+              "keyword": "#a0111f",
+              "string": "#032563",
+              "variable": "#702c00",
+              "brackethighlighterUnmatched": "#6e011a",
+              "invalidIllegalText": "#FFFFFF",
+              "invalidIllegalBg": "#6e011a",
+              "carriageReturnText": "#FFFFFF",
+              "carriageReturnBg": "#a0111f",
+              "stringRegexp": "#024c1a",
+              "markupList": "#2e1800",
+              "markupHeading": "#023b95",
+              "markupItalic": "#24292F",
+              "markupBold": "#24292F",
+              "markupDeletedText": "#6e011a",
+              "markupDeletedBg": "#fff0ee",
+              "markupInsertedText": "#024c1a",
+              "markupInsertedBg": "#d2fedb",
+              "markupChangedText": "#702c00",
+              "markupChangedBg": "#ffc67b",
+              "markupIgnoredText": "#E7ECF0",
+              "markupIgnoredBg": "#023b95",
+              "metaDiffRange": "#622cbc",
+              "brackethighlighterAngle": "#4F5760",
+              "sublimelinterGutterMark": "#88929D",
+              "constantOtherReferenceLink": "#032563"
+            }
+          },
+          "codemirror": {
+            "text": "#24292F",
+            "bg": "#ffffff",
+            "guttersBg": "#ffffff",
+            "guttermarkerText": "#ffffff",
+            "guttermarkerSubtleText": "#67707A",
+            "linenumberText": "#24292F",
+            "cursor": "#24292F",
+            "selectionBg": "#368cf9",
+            "activelineBg": "#E7ECF0",
+            "matchingbracketText": "#24292F",
+            "linesBg": "#ffffff",
+            "syntax": {
+              "comment": "#24292F",
+              "constant": "#023b95",
+              "entity": "#622cbc",
+              "keyword": "#a0111f",
+              "storage": "#a0111f",
+              "string": "#032563",
+              "support": "#023b95",
+              "variable": "#702c00"
+            }
+          },
+          "checks": {
+            "bg": "#24292F",
+            "textPrimary": "#FFFFFF",
+            "textSecondary": "#88929D",
+            "textLink": "#368cf9",
+            "btnIcon": "#ACB6C0",
+            "btnHoverIcon": "#FFFFFF",
+            "btnHoverBg": "rgba(255,255,255,0.125)",
+            "inputText": "#E7ECF0",
+            "inputPlaceholderText": "#88929D",
+            "inputFocusText": "#88929D",
+            "inputBg": "#30363D",
+            "donutError": "#d5232c",
+            "donutPending": "#956400",
+            "donutSuccess": "#117f32",
+            "donutNeutral": "#ACB6C0",
+            "dropdownText": "#ACB6C0",
+            "dropdownBg": "#30363D",
+            "dropdownBorder": "#3D454E",
+            "dropdownShadow": "rgba(1,4,9,0.3)",
+            "dropdownHoverText": "#FFFFFF",
+            "dropdownHoverBg": "#3D454E",
+            "dropdownBtnHoverText": "#FFFFFF",
+            "dropdownBtnHoverBg": "#30363D",
+            "scrollbarThumbBg": "#4F5760",
+            "headerLabelText": "#CED5DC",
+            "headerLabelOpenText": "#FFFFFF",
+            "headerBorder": "#30363D",
+            "headerIcon": "#88929D",
+            "lineText": "#CED5DC",
+            "lineNumText": "rgba(136,146,157,0.75)",
+            "lineTimestampText": "#88929D",
+            "lineHoverBg": "#30363D",
+            "lineSelectedBg": "rgba(17,104,227,0.15)",
+            "lineSelectedNumText": "#368cf9",
+            "lineDtFmText": "#24292F",
+            "lineDtFmBg": "#744500",
+            "gateBg": "rgba(96,55,0,0.15)",
+            "gateText": "#CED5DC",
+            "gateWaitingText": "#ACB6C0",
+            "stepHeaderOpenBg": "#30363D",
+            "stepErrorText": "#ee5a5d",
+            "stepWarningText": "#b58407",
+            "loglineText": "#88929D",
+            "loglineNumText": "rgba(136,146,157,0.75)",
+            "loglineDebugText": "#a371f7",
+            "loglineErrorText": "#CED5DC",
+            "loglineErrorNumText": "#ee5a5d",
+            "loglineErrorBg": "rgba(134,6,29,0.15)",
+            "loglineWarningText": "#CED5DC",
+            "loglineWarningNumText": "#b58407",
+            "loglineWarningBg": "rgba(96,55,0,0.15)",
+            "loglineCommandText": "#368cf9",
+            "loglineSectionText": "#26a148",
+            "ansi": {
+              "black": "#24292F",
+              "blackBright": "#30363D",
+              "white": "#CED5DC",
+              "whiteBright": "#CED5DC",
+              "gray": "#88929D",
+              "red": "#ee5a5d",
+              "redBright": "#ff8e8a",
+              "green": "#26a148",
+              "greenBright": "#43c663",
+              "yellow": "#b58407",
+              "yellowBright": "#d5a824",
+              "blue": "#368cf9",
+              "blueBright": "#67b3fd",
+              "magenta": "#a371f7",
+              "magentaBright": "#c49bff",
+              "cyan": "#76e3ea",
+              "cyanBright": "#b3f0ff"
+            }
+          },
+          "project": {
+            "headerBg": "#24292F",
+            "sidebarBg": "#ffffff",
+            "gradientIn": "#ffffff",
+            "gradientOut": "rgba(255,255,255,0)"
+          },
+          "mktg": {
+            "btn": {
+              "bg": "#1b1f23"
+            }
+          },
+          "avatar": {
+            "bg": "#ffffff",
+            "border": "rgba(1,4,9,0.8)",
+            "stackFade": "#ACB6C0",
+            "stackFadeMore": "#CED5DC"
+          },
+          "topicTag": {
+            "border": "rgba(0,0,0,0)"
+          },
+          "selectMenu": {
+            "backdropBorder": "rgba(0,0,0,0)",
+            "tapHighlight": "rgba(172,182,192,0.5)",
+            "tapFocusBg": "#9cd7ff"
+          },
+          "header": {
+            "text": "rgba(255,255,255,0.7)",
+            "bg": "#24292F",
+            "logo": "#ffffff"
+          },
+          "headerSearch": {
+            "bg": "#24292F",
+            "border": "#4F5760"
+          },
+          "sidenav": {
+            "selectedBg": "#ffffff"
+          },
+          "menu": {
+            "bgActive": "rgba(0,0,0,0)"
+          },
+          "input": {
+            "disabledBg": "rgba(172,182,192,0.2)"
+          },
+          "timeline": {
+            "badgeBg": "#E7ECF0"
+          },
+          "ansi": {
+            "black": "#24292F",
+            "blackBright": "#4F5760",
+            "white": "#67707A",
+            "whiteBright": "#88929D",
+            "gray": "#67707A",
+            "red": "#a0111f",
+            "redBright": "#86061d",
+            "green": "#024c1a",
+            "greenBright": "#055d20",
+            "yellow": "#3f2200",
+            "yellowBright": "#4e2c00",
+            "blue": "#0349b4",
+            "blueBright": "#1168e3",
+            "magenta": "#622cbc",
+            "magentaBright": "#844ae7",
+            "cyan": "#1b7c83",
+            "cyanBright": "#3192aa"
+          },
+          "btn": {
+            "text": "#24292F",
+            "bg": "#E7ECF0",
+            "border": "rgba(1,4,9,0.8)",
+            "hoverBg": "#CED5DC",
+            "hoverBorder": "rgba(1,4,9,0.8)",
+            "activeBg": "#ACB6C0",
+            "activeBorder": "rgba(1,4,9,0.8)",
+            "selectedBg": "#ACB6C0",
+            "focusBg": "#CED5DC",
+            "focusBorder": "rgba(1,4,9,0.8)",
+            "counterBg": "rgba(1,4,9,0.08)",
+            "primary": {
+              "text": "#ffffff",
+              "bg": "#055d20",
+              "border": "#013d14",
+              "hoverBg": "#024c1a",
+              "hoverBorder": "#013d14",
+              "selectedBg": "hsla(139,95%,13%,1)",
+              "disabledText": "rgba(255,255,255,0.8)",
+              "disabledBg": "#94d3a2",
+              "disabledBorder": "rgba(1,4,9,0.8)",
+              "focusBg": "#013d14",
+              "focusBorder": "#013d14",
+              "icon": "rgba(255,255,255,0.8)",
+              "counterBg": "rgba(255,255,255,0.2)"
+            },
+            "outline": {
+              "text": "#023b95",
+              "hoverText": "#ffffff",
+              "hoverBg": "#0349b4",
+              "hoverBorder": "#022f7a",
+              "hoverCounterBg": "rgba(255,255,255,0.2)",
+              "selectedText": "#ffffff",
+              "selectedBg": "#022f7a",
+              "selectedBorder": "#022f7a",
+              "disabledText": "rgba(3,73,180,0.5)",
+              "disabledBg": "#E7ECF0",
+              "disabledCounterBg": "rgba(3,73,180,0.05)",
+              "focusBorder": "#022f7a",
+              "counterBg": "rgba(3,73,180,0.1)"
+            },
+            "danger": {
+              "text": "#86061d",
+              "hoverText": "#ffffff",
+              "hoverBg": "#a0111f",
+              "hoverBorder": "#6e011a",
+              "hoverCounterBg": "rgba(255,255,255,0.2)",
+              "selectedText": "#ffffff",
+              "selectedBg": "#6e011a",
+              "selectedBorder": "#6e011a",
+              "disabledText": "rgba(160,17,31,0.5)",
+              "disabledBg": "#E7ECF0",
+              "disabledCounterBg": "rgba(160,17,31,0.05)",
+              "focusBorder": "#6e011a",
+              "counterBg": "rgba(160,17,31,0.1)",
+              "icon": "#86061d",
+              "hoverIcon": "#ffffff"
+            }
+          },
+          "underlinenav": {
+            "icon": "#67707A",
+            "borderHover": "rgba(172,182,192,0.2)"
+          },
+          "actionListItem": {
+            "inlineDivider": "rgba(48,54,61,0.48)",
+            "default": {
+              "hoverBg": "rgba(206,213,220,0.32)",
+              "activeBg": "rgba(206,213,220,0.48)",
+              "selectedBg": "rgba(206,213,220,0.24)"
+            },
+            "danger": {
+              "hoverBg": "rgba(255,240,238,0.64)",
+              "activeBg": "#fff0ee",
+              "hoverText": "#a0111f"
+            }
+          },
+          "fg": {
+            "default": "#24292F",
+            "muted": "#24292F",
+            "subtle": "#67707A",
+            "onEmphasis": "#ffffff"
+          },
+          "canvas": {
+            "default": "#ffffff",
+            "overlay": "#ffffff",
+            "inset": "#ffffff",
+            "subtle": "#E7ECF0"
+          },
+          "border": {
+            "default": "#30363D",
+            "muted": "#88929D",
+            "subtle": "rgba(1,4,9,0.8)"
+          },
+          "neutral": {
+            "emphasisPlus": "#24292F",
+            "emphasis": "#67707A",
+            "muted": "rgba(172,182,192,0.2)",
+            "subtle": "#E7ECF0"
+          },
+          "accent": {
+            "fg": "#0349b4",
+            "emphasis": "#0349b4",
+            "muted": "#368cf9",
+            "subtle": "#dff7ff"
+          },
+          "success": {
+            "fg": "#055d20",
+            "emphasis": "#055d20",
+            "muted": "#26a148",
+            "subtle": "#d2fedb"
+          },
+          "attention": {
+            "fg": "#744500",
+            "emphasis": "#744500",
+            "muted": "#b58407",
+            "subtle": "#fcf7be"
+          },
+          "severe": {
+            "fg": "#873800",
+            "emphasis": "#873800",
+            "muted": "#dc6d1a",
+            "subtle": "#fff2d5"
+          },
+          "danger": {
+            "fg": "#a0111f",
+            "emphasis": "#a0111f",
+            "muted": "#ee5a5d",
+            "subtle": "#fff0ee"
+          },
+          "done": {
+            "fg": "#622cbc",
+            "emphasis": "#622cbc",
+            "muted": "#a371f7",
+            "subtle": "#faf0fe"
+          },
+          "sponsors": {
+            "fg": "#971368",
+            "emphasis": "#971368",
+            "muted": "#ed4baf",
+            "subtle": "#feeff7"
+          },
+          "primer": {
+            "fg": {
+              "disabled": "#88929D"
+            },
+            "canvas": {
+              "backdrop": "rgba(1,4,9,0.5)",
+              "sticky": "rgba(255,255,255,0.95)"
+            },
+            "border": {
+              "active": "#ef5b48",
+              "contrast": "rgba(1,4,9,0.1)"
+            }
+          }
+        },
+        "shadows": {
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
+                "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
+                "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
+                "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
+              }
+            }
+          },
+          "avatar": {
+            "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
+          },
+          "overlay": {
+            "shadow": "0 1px 3px rgba(1,4,9,0.12), 0 8px 24px rgba(61,69,78,0.12)"
+          },
+          "btn": {
+            "shadow": "0 1px 0 rgba(1,4,9,0.04)",
+            "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.25)",
+            "focusShadow": "0 0 0 3px rgba(3,73,180,0.3)",
+            "shadowActive": "inset 0 0.15em 0.3em rgba(1,4,9,0.15)",
+            "shadowInputFocus": "0 0 0 0.2em rgba(3,73,180,0.3)",
+            "primary": {
+              "shadow": "0 1px 0 rgba(1,4,9,0.1)",
+              "insetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+              "selectedShadow": "inset 0 1px 0 rgba(0,35,11,0.2)",
+              "focusShadow": "0 0 0 3px rgba(1,61,20,0.4)"
+            },
+            "outline": {
+              "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
+              "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+              "selectedShadow": "inset 0 1px 0 rgba(2,26,74,0.2)",
+              "focusShadow": "0 0 0 3px rgba(2,59,149,0.4)"
+            },
+            "danger": {
+              "hoverShadow": "0 1px 0 rgba(1,4,9,0.1)",
+              "hoverInsetShadow": "inset 0 1px 0 rgba(255,255,255,0.03)",
+              "selectedShadow": "inset 0 1px 0 rgba(67,0,17,0.2)",
+              "focusShadow": "0 0 0 3px rgba(134,6,29,0.4)"
+            }
+          },
+          "shadow": {
+            "small": "0 1px 0 rgba(1,4,9,0.04)",
+            "medium": "0 3px 6px rgba(136,146,157,0.15)",
+            "large": "0 8px 24px rgba(136,146,157,0.2)",
+            "extraLarge": "0 12px 28px rgba(136,146,157,0.3)"
+          },
+          "primer": {
+            "shadow": {
+              "highlight": "inset 0 1px 0 rgba(255,255,255,0.25)",
+              "inset": "inset 0 1px 0 rgba(206,213,220,0.2)",
+              "focus": "0 0 0 3px rgba(3,73,180,0.3)"
+            }
+          }
+        }
+      },
       "light_colorblind": {
         "colors": {
           "canvasDefaultTransparent": "rgba(255,255,255,0)",
@@ -704,68 +1100,8 @@ module.exports = {
             "gradientOut": "rgba(255,255,255,0)"
           },
           "mktg": {
-            "success": "rgba(3,119,234,1)",
-            "info": "rgba(19,119,234,1)",
-            "bgShadeGradient": {
-              "top": "rgba(27,31,36,0.065)",
-              "bottom": "rgba(27,31,36,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#ffffff",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#ffffff"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#ffffff"
-              },
-              "outline": {
-                "text": "#4969ed",
-                "border": "rgba(73,105,237,0.3)",
-                "hover": {
-                  "text": "#3355e0",
-                  "border": "rgba(51,85,224,0.5)"
-                },
-                "focus": {
-                  "border": "#4969ed",
-                  "borderInset": "rgba(73,105,237,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#ffffff",
-                "border": "rgba(255,255,255,0.3)",
-                "hover": {
-                  "text": "#ffffff",
-                  "border": "rgba(255,255,255,0.5)"
-                },
-                "focus": {
-                  "border": "#ffffff",
-                  "borderInset": "rgba(255,255,255,0.5)"
-                }
-              }
+              "bg": "#1b1f23"
             }
           },
           "avatar": {
@@ -979,6 +1315,16 @@ module.exports = {
           }
         },
         "shadows": {
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(0 0 0 / 15%) 0 0 0 1px inset",
+                "focus": "rgb(0 0 0 / 15%) 0 0 0 4px",
+                "hover": "0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02)",
+                "hoverMuted": "rgb(0 0 0 / 70%) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 rgba(255,255,255,0.8)"
           },
@@ -1200,68 +1546,8 @@ module.exports = {
             "gradientOut": "rgba(22,27,34,0)"
           },
           "mktg": {
-            "success": "rgba(41,147,61,1)",
-            "info": "rgba(42,123,243,1)",
-            "bgShadeGradient": {
-              "top": "rgba(1,4,9,0.065)",
-              "bottom": "rgba(1,4,9,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#f0f6fc",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#f0f6fc"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#f0f6fc"
-              },
-              "outline": {
-                "text": "#f0f6fc",
-                "border": "rgba(240,246,252,0.3)",
-                "hover": {
-                  "text": "#f0f6fc",
-                  "border": "rgba(240,246,252,0.5)"
-                },
-                "focus": {
-                  "border": "#f0f6fc",
-                  "borderInset": "rgba(240,246,252,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#f0f6fc",
-                "border": "rgba(240,246,252,0.3)",
-                "hover": {
-                  "text": "#f0f6fc",
-                  "border": "rgba(240,246,252,0.5)"
-                },
-                "focus": {
-                  "border": "#f0f6fc",
-                  "borderInset": "rgba(240,246,252,0.5)"
-                }
-              }
+              "bg": "#f6f8fa"
             }
           },
           "avatar": {
@@ -1478,6 +1764,16 @@ module.exports = {
           "checks": {
             "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
           },
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(255 255 255 / 25%) 0 0 0 1px inset",
+                "focus": "rgb(255 255 255 / 25%) 0 0 0 4px",
+                "hover": "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
+                "hoverMuted": "rgb(255 255 255) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 #0d1117"
           },
@@ -1699,68 +1995,8 @@ module.exports = {
             "gradientOut": "rgba(45,51,59,0)"
           },
           "mktg": {
-            "success": "rgba(61,137,66,1)",
-            "info": "rgba(56,119,213,1)",
-            "bgShadeGradient": {
-              "top": "rgba(28,33,40,0.065)",
-              "bottom": "rgba(28,33,40,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#cdd9e5",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#cdd9e5"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#cdd9e5"
-              },
-              "outline": {
-                "text": "#cdd9e5",
-                "border": "rgba(205,217,229,0.3)",
-                "hover": {
-                  "text": "#cdd9e5",
-                  "border": "rgba(205,217,229,0.5)"
-                },
-                "focus": {
-                  "border": "#cdd9e5",
-                  "borderInset": "rgba(205,217,229,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#cdd9e5",
-                "border": "rgba(205,217,229,0.3)",
-                "hover": {
-                  "text": "#cdd9e5",
-                  "border": "rgba(205,217,229,0.5)"
-                },
-                "focus": {
-                  "border": "#cdd9e5",
-                  "borderInset": "rgba(205,217,229,0.5)"
-                }
-              }
+              "bg": "#f6f8fa"
             }
           },
           "avatar": {
@@ -1977,6 +2213,16 @@ module.exports = {
           "checks": {
             "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
           },
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(255 255 255 / 25%) 0 0 0 1px inset",
+                "focus": "rgb(255 255 255 / 25%) 0 0 0 4px",
+                "hover": "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
+                "hoverMuted": "rgb(255 255 255) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 #22272e"
           },
@@ -2198,68 +2444,8 @@ module.exports = {
             "gradientOut": "rgba(39,43,51,0)"
           },
           "mktg": {
-            "success": "rgba(9,180,58,1)",
-            "info": "rgba(64,158,255,1)",
-            "bgShadeGradient": {
-              "top": "rgba(1,4,9,0.065)",
-              "bottom": "rgba(1,4,9,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#ffffff",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#ffffff"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#ffffff"
-              },
-              "outline": {
-                "text": "#ffffff",
-                "border": "rgba(255,255,255,0.3)",
-                "hover": {
-                  "text": "#ffffff",
-                  "border": "rgba(255,255,255,0.5)"
-                },
-                "focus": {
-                  "border": "#ffffff",
-                  "borderInset": "rgba(255,255,255,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#ffffff",
-                "border": "rgba(255,255,255,0.3)",
-                "hover": {
-                  "text": "#ffffff",
-                  "border": "rgba(255,255,255,0.5)"
-                },
-                "focus": {
-                  "border": "#ffffff",
-                  "borderInset": "rgba(255,255,255,0.5)"
-                }
-              }
+              "bg": "#f6f8fa"
             }
           },
           "avatar": {
@@ -2476,6 +2662,16 @@ module.exports = {
           "checks": {
             "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
           },
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(255 255 255 / 25%) 0 0 0 1px inset",
+                "focus": "rgb(255 255 255 / 25%) 0 0 0 4px",
+                "hover": "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
+                "hoverMuted": "rgb(255 255 255) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 #0a0c10"
           },
@@ -2697,68 +2893,8 @@ module.exports = {
             "gradientOut": "rgba(22,27,34,0)"
           },
           "mktg": {
-            "success": "rgba(25,119,239,1)",
-            "info": "rgba(42,123,243,1)",
-            "bgShadeGradient": {
-              "top": "rgba(1,4,9,0.065)",
-              "bottom": "rgba(1,4,9,0)"
-            },
             "btn": {
-              "bg": {
-                "top": "hsla(228,82%,66%,1)",
-                "bottom": "#4969ed"
-              },
-              "bgOverlay": {
-                "top": "hsla(228,74%,59%,1)",
-                "bottom": "#3355e0"
-              },
-              "text": "#f0f6fc",
-              "primary": {
-                "bg": {
-                  "top": "hsla(137,56%,46%,1)",
-                  "bottom": "#2ea44f"
-                },
-                "bgOverlay": {
-                  "top": "hsla(134,60%,38%,1)",
-                  "bottom": "#22863a"
-                },
-                "text": "#f0f6fc"
-              },
-              "enterprise": {
-                "bg": {
-                  "top": "hsla(249,100%,72%,1)",
-                  "bottom": "#6f57ff"
-                },
-                "bgOverlay": {
-                  "top": "hsla(248,65%,63%,1)",
-                  "bottom": "#614eda"
-                },
-                "text": "#f0f6fc"
-              },
-              "outline": {
-                "text": "#f0f6fc",
-                "border": "rgba(240,246,252,0.3)",
-                "hover": {
-                  "text": "#f0f6fc",
-                  "border": "rgba(240,246,252,0.5)"
-                },
-                "focus": {
-                  "border": "#f0f6fc",
-                  "borderInset": "rgba(240,246,252,0.5)"
-                }
-              },
-              "dark": {
-                "text": "#f0f6fc",
-                "border": "rgba(240,246,252,0.3)",
-                "hover": {
-                  "text": "#f0f6fc",
-                  "border": "rgba(240,246,252,0.5)"
-                },
-                "focus": {
-                  "border": "#f0f6fc",
-                  "borderInset": "rgba(240,246,252,0.5)"
-                }
-              }
+              "bg": "#f6f8fa"
             }
           },
           "avatar": {
@@ -2975,6 +3111,16 @@ module.exports = {
           "checks": {
             "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)"
           },
+          "mktg": {
+            "btn": {
+              "shadow": {
+                "outline": "rgb(255 255 255 / 25%) 0 0 0 1px inset",
+                "focus": "rgb(255 255 255 / 25%) 0 0 0 4px",
+                "hover": "0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07)",
+                "hoverMuted": "rgb(255 255 255) 0 0 0 2px inset"
+              }
+            }
+          },
           "avatar": {
             "childShadow": "-2px -2px 0 #0d1117"
           },