@razorpay/blade 10.23.5 → 11.1.0

package/build/lib/web/production/tokens/theme/bankingTheme.js

@@ -1,3086 +0,0 @@
-import '../global/index.js';
-import { colors as colors$1 } from '../global/colors.js';
-import { border } from '../global/border.js';
-import { breakpoints } from '../global/breakpoints.js';
-import { motion } from '../global/motion.js';
-import { spacing } from '../global/spacing.js';
-import { elevation } from '../global/elevation/elevation.web.js';
-import { typography } from '../global/typography.js';
-
-var colors = {
-  onLight: {
-    surface: {
-      background: {
-        level1: {
-          lowContrast: colors$1.neutral.navyGrayLight[100],
-          highContrast: colors$1.neutral.navyGrayLight[1200]
-        },
-        level2: {
-          lowContrast: colors$1.neutral.navyGrayLight[0],
-          highContrast: colors$1.neutral.navyGrayLight[1100]
-        },
-        level3: {
-          lowContrast: colors$1.neutral.navyGrayLight[50],
-          highContrast: colors$1.neutral.navyGrayLight[1000]
-        }
-      },
-      border: {
-        normal: {
-          lowContrast: colors$1.neutral.navyGrayLight.a100,
-          highContrast: colors$1.neutral.navyGrayLight.a400
-        },
-        subtle: {
-          lowContrast: colors$1.neutral.navyGrayLight.a50,
-          highContrast: colors$1.neutral.navyGrayLight.a300
-        }
-      },
-      text: {
-        normal: {
-          lowContrast: colors$1.neutral.navyGrayLight[1200],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        },
-        subtle: {
-          lowContrast: colors$1.neutral.navyGrayLight[900],
-          highContrast: colors$1.neutral.navyGrayLight[100]
-        },
-        subdued: {
-          lowContrast: colors$1.neutral.navyGrayLight[800],
-          highContrast: colors$1.neutral.navyGrayLight[300]
-        },
-        muted: {
-          lowContrast: colors$1.neutral.navyGrayLight[600],
-          highContrast: colors$1.neutral.navyGrayLight[400]
-        },
-        placeholder: {
-          lowContrast: colors$1.neutral.navyGrayLight[500],
-          highContrast: colors$1.neutral.navyGrayLight[500]
-        }
-      },
-      action: {
-        icon: {
-          "default": {
-            lowContrast: colors$1.neutral.navyGrayLight[500],
-            highContrast: colors$1.neutral.navyGrayLight.a500
-          },
-          hover: {
-            lowContrast: colors$1.neutral.navyGrayLight[800],
-            highContrast: colors$1.neutral.navyGrayLight[0]
-          },
-          focus: {
-            lowContrast: colors$1.neutral.navyGrayLight[800],
-            highContrast: colors$1.neutral.navyGrayLight[0]
-          },
-          active: {
-            lowContrast: colors$1.neutral.navyGrayLight[800],
-            highContrast: colors$1.neutral.navyGrayLight[0]
-          },
-          disabled: {
-            lowContrast: colors$1.neutral.navyGrayLight.a100,
-            highContrast: colors$1.neutral.navyGrayLight.a100
-          }
-        }
-      },
-      overlay: {
-        background: {
-          400: colors$1.neutral.navyGrayLight.a1100,
-          800: colors$1.neutral.ashGrayLight.a1100
-        }
-      },
-      popup: {
-        background: colors$1.neutral.navyGrayLight[0]
-      }
-    },
-    brand: {
-      primary: {
-        300: colors$1.chromatic.azure.a50,
-        400: colors$1.chromatic.azure.a100,
-        500: colors$1.chromatic.azure[600],
-        600: colors$1.chromatic.azure[700],
-        700: colors$1.chromatic.azure[800],
-        800: colors$1.chromatic.azure[950]
-      },
-      gray: {
-        200: {
-          lowContrast: colors$1.neutral.navyGrayLight[50],
-          highContrast: colors$1.neutral.navyGrayLight[1000]
-        },
-        300: {
-          lowContrast: colors$1.neutral.navyGrayLight[100],
-          highContrast: colors$1.neutral.navyGrayLight[900]
-        },
-        400: {
-          lowContrast: colors$1.neutral.navyGrayLight[300],
-          highContrast: colors$1.neutral.navyGrayLight[800]
-        },
-        500: {
-          lowContrast: colors$1.neutral.navyGrayLight[500],
-          highContrast: colors$1.neutral.navyGrayLight[700]
-        },
-        600: {
-          lowContrast: colors$1.neutral.navyGrayLight[600],
-          highContrast: colors$1.neutral.navyGrayLight[500]
-        },
-        700: {
-          lowContrast: colors$1.neutral.navyGrayLight[800],
-          highContrast: colors$1.neutral.navyGrayLight[100]
-        },
-        a50: {
-          lowContrast: colors$1.neutral.navyGrayLight.a50,
-          highContrast: colors$1.neutral.navyGrayLight.a300
-        },
-        a100: {
-          lowContrast: colors$1.neutral.navyGrayLight.a100,
-          highContrast: colors$1.neutral.navyGrayLight.a400
-        }
-      },
-      secondary: {
-        500: colors$1.chromatic.cider[600]
-      }
-    },
-    feedback: {
-      background: {
-        positive: {
-          lowContrast: colors$1.chromatic.emerald.a50,
-          highContrast: colors$1.chromatic.emerald[700]
-        },
-        negative: {
-          lowContrast: colors$1.chromatic.crimson.a50,
-          highContrast: colors$1.chromatic.crimson[700]
-        },
-        notice: {
-          lowContrast: colors$1.chromatic.cider.a50,
-          highContrast: colors$1.chromatic.cider[700]
-        },
-        information: {
-          lowContrast: colors$1.chromatic.sapphire.a50,
-          highContrast: colors$1.chromatic.sapphire[600]
-        },
-        neutral: {
-          lowContrast: colors$1.neutral.navyGrayLight.a50,
-          highContrast: colors$1.neutral.navyGrayLight[1000]
-        }
-      },
-      border: {
-        positive: {
-          lowContrast: colors$1.chromatic.emerald.a200,
-          highContrast: colors$1.chromatic.emerald[700]
-        },
-        negative: {
-          lowContrast: colors$1.chromatic.crimson.a200,
-          highContrast: colors$1.chromatic.crimson[700]
-        },
-        notice: {
-          lowContrast: colors$1.chromatic.cider.a200,
-          highContrast: colors$1.chromatic.cider[700]
-        },
-        information: {
-          lowContrast: colors$1.chromatic.sapphire.a200,
-          highContrast: colors$1.chromatic.sapphire[600]
-        },
-        neutral: {
-          lowContrast: colors$1.neutral.navyGrayLight.a200,
-          highContrast: colors$1.neutral.navyGrayLight[1000]
-        }
-      },
-      text: {
-        positive: {
-          lowContrast: colors$1.chromatic.emerald[700],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        },
-        negative: {
-          lowContrast: colors$1.chromatic.crimson[700],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        },
-        notice: {
-          lowContrast: colors$1.chromatic.cider[700],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        },
-        information: {
-          lowContrast: colors$1.chromatic.sapphire[600],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        },
-        neutral: {
-          lowContrast: colors$1.neutral.navyGrayLight[900],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        }
-      },
-      icon: {
-        positive: {
-          lowContrast: colors$1.chromatic.emerald[700],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        },
-        negative: {
-          lowContrast: colors$1.chromatic.crimson[700],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        },
-        notice: {
-          lowContrast: colors$1.chromatic.cider[700],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        },
-        information: {
-          lowContrast: colors$1.chromatic.sapphire[600],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        },
-        neutral: {
-          lowContrast: colors$1.neutral.navyGrayLight[900],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        }
-      },
-      positive: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.emerald[700],
-                lowContrast: colors$1.chromatic.emerald.a50
-              },
-              hover: {
-                highContrast: colors$1.chromatic.emerald[800],
-                lowContrast: colors$1.chromatic.emerald.a100
-              },
-              focus: {
-                highContrast: colors$1.chromatic.emerald[900],
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.emerald[900],
-                lowContrast: colors$1.chromatic.emerald.a100
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.emerald[700],
-                lowContrast: colors$1.chromatic.emerald.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald.a50
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald.a100
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald.a100
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              hover: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              focus: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.emerald[500],
-                lowContrast: colors$1.chromatic.emerald.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald.a200
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.emerald[500],
-                lowContrast: colors$1.chromatic.emerald.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald[700],
-                highContrast: colors$1.chromatic.emerald[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald[600],
-                highContrast: colors$1.chromatic.emerald[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald[800],
-                highContrast: colors$1.chromatic.emerald[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald[800],
-                highContrast: colors$1.chromatic.emerald[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald[200],
-                highContrast: colors$1.chromatic.emerald[100]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.emerald[500],
-                lowContrast: colors$1.chromatic.emerald.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald[700],
-                highContrast: colors$1.chromatic.emerald[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald[600],
-                highContrast: colors$1.chromatic.emerald[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald[800],
-                highContrast: colors$1.chromatic.emerald[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald[800],
-                highContrast: colors$1.chromatic.emerald[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald[200],
-                highContrast: colors$1.chromatic.emerald[100]
-              }
-            }
-          }
-        }
-      },
-      negative: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.crimson[700],
-                lowContrast: colors$1.chromatic.crimson.a50
-              },
-              hover: {
-                highContrast: colors$1.chromatic.crimson[800],
-                lowContrast: colors$1.chromatic.crimson.a100
-              },
-              focus: {
-                highContrast: colors$1.chromatic.crimson[900],
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.crimson[900],
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.crimson[700],
-                lowContrast: colors$1.chromatic.crimson.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson.a50
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson.a100
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              hover: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              focus: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.crimson[500],
-                lowContrast: colors$1.chromatic.crimson.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.crimson[500],
-                lowContrast: colors$1.chromatic.crimson.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson[700],
-                highContrast: colors$1.chromatic.crimson[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson[600],
-                highContrast: colors$1.chromatic.crimson[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson[800],
-                highContrast: colors$1.chromatic.crimson[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson[800],
-                highContrast: colors$1.chromatic.crimson[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson.a200,
-                highContrast: colors$1.chromatic.crimson[500]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.crimson[500],
-                lowContrast: colors$1.chromatic.crimson.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson[700],
-                highContrast: colors$1.chromatic.crimson[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson[600],
-                highContrast: colors$1.chromatic.crimson[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson[800],
-                highContrast: colors$1.chromatic.crimson[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson[800],
-                highContrast: colors$1.chromatic.crimson[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson.a200,
-                highContrast: colors$1.chromatic.crimson[500]
-              }
-            }
-          }
-        }
-      },
-      notice: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.cider[700],
-                lowContrast: colors$1.chromatic.cider.a50
-              },
-              hover: {
-                highContrast: colors$1.chromatic.cider[800],
-                lowContrast: colors$1.chromatic.cider.a100
-              },
-              focus: {
-                highContrast: colors$1.chromatic.cider[900],
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.cider[900],
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.cider[700],
-                lowContrast: colors$1.chromatic.cider.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider.a50
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider.a100
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              hover: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              focus: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.cider[500],
-                lowContrast: colors$1.chromatic.cider.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider.a200
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.cider[500],
-                lowContrast: colors$1.chromatic.cider.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider[700],
-                highContrast: colors$1.chromatic.cider[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider[600],
-                highContrast: colors$1.chromatic.cider[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider[800],
-                highContrast: colors$1.chromatic.cider[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider[800],
-                highContrast: colors$1.chromatic.cider[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider.a200,
-                highContrast: colors$1.chromatic.cider[500]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.cider[500],
-                lowContrast: colors$1.chromatic.cider.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider[700],
-                highContrast: colors$1.chromatic.cider[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider[600],
-                highContrast: colors$1.chromatic.cider[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider[800],
-                highContrast: colors$1.chromatic.cider[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider[800],
-                highContrast: colors$1.chromatic.cider[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider.a200,
-                highContrast: colors$1.chromatic.cider[500]
-              }
-            }
-          }
-        }
-      },
-      information: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.sapphire[600],
-                lowContrast: colors$1.chromatic.sapphire.a50
-              },
-              hover: {
-                highContrast: colors$1.chromatic.sapphire[700],
-                lowContrast: colors$1.chromatic.sapphire.a100
-              },
-              focus: {
-                highContrast: colors$1.chromatic.sapphire[800],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.sapphire[800],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.sapphire[600],
-                lowContrast: colors$1.chromatic.sapphire.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire.a50
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire.a100
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              hover: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              focus: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.sapphire[400],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.sapphire[400],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire[700],
-                highContrast: colors$1.chromatic.sapphire[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire[600],
-                highContrast: colors$1.chromatic.sapphire[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire[800],
-                highContrast: colors$1.chromatic.sapphire[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire[800],
-                highContrast: colors$1.chromatic.sapphire[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire.a200,
-                highContrast: colors$1.chromatic.sapphire[400]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.sapphire[400],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire[700],
-                highContrast: colors$1.chromatic.sapphire[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire[600],
-                highContrast: colors$1.chromatic.sapphire[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire[800],
-                highContrast: colors$1.chromatic.sapphire[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire[800],
-                highContrast: colors$1.chromatic.sapphire[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire.a200,
-                highContrast: colors$1.chromatic.sapphire[400]
-              }
-            }
-          }
-        }
-      },
-      neutral: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.neutral.navyGrayLight[1000],
-                lowContrast: colors$1.neutral.navyGrayLight.a50
-              },
-              hover: {
-                highContrast: colors$1.neutral.navyGrayLight[1100],
-                lowContrast: colors$1.neutral.navyGrayLight.a100
-              },
-              focus: {
-                highContrast: colors$1.neutral.navyGrayLight[1200],
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              active: {
-                highContrast: colors$1.neutral.navyGrayLight[1200],
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              disabled: {
-                highContrast: colors$1.neutral.navyGrayLight[1000],
-                lowContrast: colors$1.neutral.navyGrayLight.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayLight.a50
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayLight.a100
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayLight.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.neutral.navyGrayLight[500],
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              hover: {
-                highContrast: colors$1.neutral.navyGrayLight[500],
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              focus: {
-                highContrast: colors$1.neutral.navyGrayLight[500],
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              active: {
-                highContrast: colors$1.neutral.navyGrayLight[500],
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              disabled: {
-                highContrast: colors$1.neutral.navyGrayLight[700],
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.neutral.navyGrayLight[50],
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              hover: {
-                highContrast: colors$1.neutral.navyGrayLight[50],
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              focus: {
-                highContrast: colors$1.neutral.navyGrayLight[50],
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              active: {
-                highContrast: colors$1.neutral.navyGrayLight[50],
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              disabled: {
-                highContrast: colors$1.neutral.navyGrayLight[700],
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayLight[900],
-                highContrast: colors$1.neutral.navyGrayLight[50]
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayLight[800],
-                highContrast: colors$1.neutral.navyGrayLight[200]
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayLight[1000],
-                highContrast: colors$1.neutral.navyGrayLight[400]
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayLight[1000],
-                highContrast: colors$1.neutral.navyGrayLight[400]
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200,
-                highContrast: colors$1.neutral.navyGrayLight[700]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.neutral.navyGrayLight[50],
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              hover: {
-                highContrast: colors$1.neutral.navyGrayLight[50],
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              focus: {
-                highContrast: colors$1.neutral.navyGrayLight[50],
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              active: {
-                highContrast: colors$1.neutral.navyGrayLight[50],
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              disabled: {
-                highContrast: colors$1.neutral.navyGrayLight[700],
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayLight[900]
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayLight[900],
-                highContrast: colors$1.neutral.navyGrayLight[50]
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayLight[800],
-                highContrast: colors$1.neutral.navyGrayLight[200]
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayLight[1000],
-                highContrast: colors$1.neutral.navyGrayLight[400]
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayLight[1000],
-                highContrast: colors$1.neutral.navyGrayLight[400]
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayLight.a200,
-                highContrast: colors$1.neutral.navyGrayLight[700]
-              }
-            }
-          }
-        }
-      }
-    },
-    action: {
-      background: {
-        primary: {
-          "default": colors$1.chromatic.azure[600],
-          hover: colors$1.chromatic.azure[700],
-          focus: colors$1.chromatic.azure[800],
-          active: colors$1.chromatic.azure[900],
-          disabled: colors$1.neutral.navyGrayLight[300]
-        },
-        secondary: {
-          "default": colors$1.chromatic.azure.a00,
-          hover: colors$1.chromatic.azure.a50,
-          focus: colors$1.chromatic.azure.a100,
-          active: colors$1.chromatic.azure.a200,
-          disabled: colors$1.neutral.navyGrayLight.a00
-        },
-        tertiary: {
-          "default": colors$1.neutral.navyGrayLight.a50,
-          hover: colors$1.neutral.navyGrayLight.a100,
-          focus: colors$1.neutral.navyGrayLight.a200,
-          active: colors$1.neutral.navyGrayLight.a200,
-          disabled: colors$1.neutral.navyGrayLight.a50
-        }
-      },
-      border: {
-        primary: {
-          "default": colors$1.chromatic.azure[600],
-          hover: colors$1.chromatic.azure[700],
-          focus: colors$1.chromatic.azure[800],
-          active: colors$1.chromatic.azure[900],
-          disabled: colors$1.neutral.navyGrayLight[300]
-        },
-        secondary: {
-          "default": colors$1.chromatic.azure[600],
-          hover: colors$1.chromatic.azure[600],
-          focus: colors$1.chromatic.azure[600],
-          active: colors$1.chromatic.azure[600],
-          disabled: colors$1.neutral.navyGrayLight[400]
-        },
-        tertiary: {
-          "default": colors$1.neutral.navyGrayLight.a00,
-          hover: colors$1.neutral.navyGrayLight[400],
-          focus: colors$1.neutral.navyGrayLight[400],
-          active: colors$1.neutral.navyGrayLight[400],
-          disabled: colors$1.neutral.navyGrayLight[300]
-        }
-      },
-      text: {
-        primary: {
-          "default": colors$1.neutral.navyGrayLight[0],
-          hover: colors$1.neutral.navyGrayLight[0],
-          focus: colors$1.neutral.navyGrayLight[0],
-          active: colors$1.neutral.navyGrayLight[0],
-          disabled: colors$1.neutral.navyGrayLight[600]
-        },
-        secondary: {
-          "default": colors$1.chromatic.azure[600],
-          hover: colors$1.chromatic.azure[600],
-          focus: colors$1.chromatic.azure[600],
-          active: colors$1.chromatic.azure[600],
-          disabled: colors$1.neutral.navyGrayLight[400]
-        },
-        tertiary: {
-          "default": colors$1.neutral.navyGrayLight[1000],
-          hover: colors$1.neutral.navyGrayLight[1000],
-          focus: colors$1.neutral.navyGrayLight[1000],
-          active: colors$1.neutral.navyGrayLight[1000],
-          disabled: colors$1.neutral.navyGrayLight[400]
-        },
-        link: {
-          "default": colors$1.chromatic.azure[600],
-          hover: colors$1.chromatic.azure[700],
-          focus: colors$1.chromatic.azure[800],
-          active: colors$1.chromatic.azure[800],
-          disabled: colors$1.neutral.navyGrayLight[400],
-          visited: colors$1.chromatic.orchid[400]
-        }
-      },
-      icon: {
-        primary: {
-          "default": colors$1.neutral.navyGrayLight[0],
-          hover: colors$1.neutral.navyGrayLight[0],
-          focus: colors$1.neutral.navyGrayLight[0],
-          active: colors$1.neutral.navyGrayLight[0],
-          disabled: colors$1.neutral.navyGrayLight[600]
-        },
-        secondary: {
-          "default": colors$1.chromatic.azure[600],
-          hover: colors$1.chromatic.azure[600],
-          focus: colors$1.chromatic.azure[600],
-          active: colors$1.chromatic.azure[600],
-          disabled: colors$1.neutral.navyGrayLight[400]
-        },
-        tertiary: {
-          "default": colors$1.neutral.navyGrayLight[1000],
-          hover: colors$1.neutral.navyGrayLight[1000],
-          focus: colors$1.neutral.navyGrayLight[1000],
-          active: colors$1.neutral.navyGrayLight[1000],
-          disabled: colors$1.neutral.navyGrayLight[400]
-        },
-        link: {
-          "default": colors$1.chromatic.azure[600],
-          hover: colors$1.chromatic.azure[700],
-          focus: colors$1.chromatic.azure[800],
-          active: colors$1.chromatic.azure[800],
-          disabled: colors$1.neutral.navyGrayLight[400],
-          visited: colors$1.chromatic.orchid[400]
-        }
-      }
-    },
-    "static": {
-      white: colors$1.neutral.ashGrayLight[0]
-    },
-    white: {
-      action: {
-        background: {
-          primary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[200],
-            focus: colors$1.neutral.ashGrayLight[300],
-            active: colors$1.neutral.ashGrayLight[300],
-            disabled: colors$1.neutral.ashGrayLight.a400
-          },
-          secondary: {
-            "default": colors$1.neutral.ashGrayLight.a00,
-            hover: colors$1.neutral.ashGrayLight.a400,
-            focus: colors$1.neutral.ashGrayLight.a500,
-            active: colors$1.neutral.ashGrayLight.a500,
-            disabled: colors$1.neutral.ashGrayLight.a00
-          },
-          tertiary: {
-            "default": colors$1.neutral.ashGrayLight.a300,
-            hover: colors$1.neutral.ashGrayLight.a400,
-            focus: colors$1.neutral.ashGrayLight.a500,
-            active: colors$1.neutral.ashGrayLight.a500,
-            disabled: colors$1.neutral.ashGrayLight.a300
-          }
-        },
-        border: {
-          primary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[200],
-            focus: colors$1.neutral.ashGrayLight[300],
-            active: colors$1.neutral.ashGrayLight[300],
-            disabled: colors$1.neutral.ashGrayLight.a400
-          },
-          secondary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          tertiary: {
-            "default": colors$1.neutral.ashGrayLight.a00,
-            hover: colors$1.neutral.ashGrayLight.a00,
-            focus: colors$1.neutral.ashGrayLight.a00,
-            active: colors$1.neutral.ashGrayLight.a00,
-            disabled: colors$1.neutral.ashGrayLight.a00
-          }
-        },
-        text: {
-          primary: {
-            "default": colors$1.chromatic.azure[600],
-            hover: colors$1.chromatic.azure[600],
-            focus: colors$1.chromatic.azure[600],
-            active: colors$1.chromatic.azure[600],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          secondary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          tertiary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          link: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[300],
-            focus: colors$1.neutral.ashGrayLight[400],
-            active: colors$1.neutral.ashGrayLight[400],
-            disabled: colors$1.neutral.ashGrayLight.a500,
-            visited: colors$1.chromatic.orchid[400]
-          }
-        },
-        icon: {
-          primary: {
-            "default": colors$1.chromatic.azure[600],
-            hover: colors$1.chromatic.azure[600],
-            focus: colors$1.chromatic.azure[600],
-            active: colors$1.chromatic.azure[600],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          secondary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          tertiary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          link: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[300],
-            focus: colors$1.neutral.ashGrayLight[400],
-            active: colors$1.neutral.ashGrayLight[400],
-            disabled: colors$1.neutral.ashGrayLight.a500,
-            visited: colors$1.chromatic.orchid[400]
-          }
-        }
-      }
-    },
-    badge: {
-      background: {
-        blue: {
-          lowContrast: colors$1.chromatic.azure.a50,
-          highContrast: colors$1.chromatic.azure[600]
-        }
-      },
-      border: {
-        blue: {
-          lowContrast: colors$1.chromatic.azure.a200,
-          highContrast: colors$1.chromatic.azure[600]
-        }
-      },
-      text: {
-        blue: {
-          lowContrast: colors$1.chromatic.azure[600],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        }
-      },
-      icon: {
-        blue: {
-          lowContrast: colors$1.chromatic.azure[600],
-          highContrast: colors$1.neutral.navyGrayLight[0]
-        }
-      }
-    }
-  },
-  onDark: {
-    surface: {
-      background: {
-        level1: {
-          lowContrast: colors$1.neutral.navyGrayDark[1300],
-          highContrast: colors$1.neutral.navyGrayDark[800]
-        },
-        level2: {
-          lowContrast: colors$1.neutral.navyGrayDark[1100],
-          highContrast: colors$1.neutral.navyGrayDark[700]
-        },
-        level3: {
-          lowContrast: colors$1.neutral.navyGrayDark[900],
-          highContrast: colors$1.neutral.navyGrayDark[600]
-        }
-      },
-      border: {
-        normal: {
-          lowContrast: colors$1.neutral.navyGrayDark.a100,
-          highContrast: colors$1.neutral.navyGrayDark.a400
-        },
-        subtle: {
-          lowContrast: colors$1.neutral.navyGrayDark.a50,
-          highContrast: colors$1.neutral.navyGrayDark.a300
-        }
-      },
-      text: {
-        normal: {
-          lowContrast: colors$1.neutral.navyGrayDark[0],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        },
-        subtle: {
-          lowContrast: colors$1.neutral.navyGrayDark[50],
-          highContrast: colors$1.neutral.navyGrayDark[50]
-        },
-        subdued: {
-          lowContrast: colors$1.neutral.navyGrayDark[100],
-          highContrast: colors$1.neutral.navyGrayDark[100]
-        },
-        muted: {
-          lowContrast: colors$1.neutral.navyGrayDark[200],
-          highContrast: colors$1.neutral.navyGrayDark[200]
-        },
-        placeholder: {
-          lowContrast: colors$1.neutral.navyGrayDark[300],
-          highContrast: colors$1.neutral.navyGrayDark[300]
-        }
-      },
-      action: {
-        icon: {
-          "default": {
-            lowContrast: colors$1.neutral.navyGrayDark[400],
-            highContrast: colors$1.neutral.navyGrayDark.a200
-          },
-          hover: {
-            lowContrast: colors$1.neutral.navyGrayDark[200],
-            highContrast: colors$1.neutral.navyGrayDark[0]
-          },
-          focus: {
-            lowContrast: colors$1.neutral.navyGrayDark[200],
-            highContrast: colors$1.neutral.navyGrayDark[0]
-          },
-          active: {
-            lowContrast: colors$1.neutral.navyGrayDark[200],
-            highContrast: colors$1.neutral.navyGrayDark[0]
-          },
-          disabled: {
-            lowContrast: colors$1.neutral.navyGrayDark.a100,
-            highContrast: colors$1.neutral.navyGrayDark.a100
-          }
-        }
-      },
-      overlay: {
-        background: {
-          400: colors$1.neutral.navyGrayDark.a1100,
-          800: colors$1.neutral.ashGrayDark.a1100
-        }
-      },
-      popup: {
-        background: colors$1.neutral.navyGrayDark[700]
-      }
-    },
-    brand: {
-      primary: {
-        300: colors$1.chromatic.azure.a100,
-        400: colors$1.chromatic.azure.a200,
-        500: colors$1.chromatic.azure[400],
-        600: colors$1.chromatic.azure[500],
-        700: colors$1.chromatic.azure[600],
-        800: colors$1.chromatic.azure[900]
-      },
-      gray: {
-        200: {
-          lowContrast: colors$1.neutral.navyGrayDark[800],
-          highContrast: colors$1.neutral.navyGrayDark[600]
-        },
-        300: {
-          lowContrast: colors$1.neutral.navyGrayDark[700],
-          highContrast: colors$1.neutral.navyGrayDark[500]
-        },
-        400: {
-          lowContrast: colors$1.neutral.navyGrayDark[600],
-          highContrast: colors$1.neutral.navyGrayDark[400]
-        },
-        500: {
-          lowContrast: colors$1.neutral.navyGrayDark[500],
-          highContrast: colors$1.neutral.navyGrayDark[300]
-        },
-        600: {
-          lowContrast: colors$1.neutral.navyGrayDark[400],
-          highContrast: colors$1.neutral.navyGrayDark[200]
-        },
-        700: {
-          lowContrast: colors$1.neutral.navyGrayDark[200],
-          highContrast: colors$1.neutral.navyGrayDark[50]
-        },
-        a50: {
-          lowContrast: colors$1.neutral.navyGrayDark.a50,
-          highContrast: colors$1.neutral.navyGrayDark.a300
-        },
-        a100: {
-          lowContrast: colors$1.neutral.navyGrayDark.a100,
-          highContrast: colors$1.neutral.navyGrayDark.a400
-        }
-      },
-      secondary: {
-        500: colors$1.chromatic.cider[600]
-      }
-    },
-    feedback: {
-      background: {
-        positive: {
-          lowContrast: colors$1.chromatic.emerald.a100,
-          highContrast: colors$1.chromatic.emerald[700]
-        },
-        negative: {
-          lowContrast: colors$1.chromatic.crimson.a100,
-          highContrast: colors$1.chromatic.crimson[700]
-        },
-        notice: {
-          lowContrast: colors$1.chromatic.cider.a100,
-          highContrast: colors$1.chromatic.cider[800]
-        },
-        information: {
-          lowContrast: colors$1.chromatic.sapphire.a100,
-          highContrast: colors$1.chromatic.sapphire[600]
-        },
-        neutral: {
-          lowContrast: colors$1.neutral.navyGrayDark.a100,
-          highContrast: colors$1.neutral.navyGrayDark.a100
-        }
-      },
-      border: {
-        positive: {
-          lowContrast: colors$1.chromatic.emerald.a200,
-          highContrast: colors$1.chromatic.emerald[700]
-        },
-        negative: {
-          lowContrast: colors$1.chromatic.crimson.a200,
-          highContrast: colors$1.chromatic.crimson[700]
-        },
-        notice: {
-          lowContrast: colors$1.chromatic.cider.a200,
-          highContrast: colors$1.chromatic.cider[800]
-        },
-        information: {
-          lowContrast: colors$1.chromatic.sapphire.a200,
-          highContrast: colors$1.chromatic.sapphire[600]
-        },
-        neutral: {
-          lowContrast: colors$1.neutral.navyGrayDark.a200,
-          highContrast: colors$1.neutral.navyGrayDark[50]
-        }
-      },
-      text: {
-        positive: {
-          lowContrast: colors$1.chromatic.emerald[500],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        },
-        negative: {
-          lowContrast: colors$1.chromatic.crimson[400],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        },
-        notice: {
-          lowContrast: colors$1.chromatic.cider[400],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        },
-        information: {
-          lowContrast: colors$1.chromatic.sapphire[400],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        },
-        neutral: {
-          lowContrast: colors$1.neutral.navyGrayDark[100],
-          highContrast: colors$1.neutral.navyGrayDark[50]
-        }
-      },
-      icon: {
-        positive: {
-          lowContrast: colors$1.chromatic.emerald[500],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        },
-        negative: {
-          lowContrast: colors$1.chromatic.crimson[400],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        },
-        notice: {
-          lowContrast: colors$1.chromatic.cider[400],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        },
-        information: {
-          lowContrast: colors$1.chromatic.sapphire[400],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        },
-        neutral: {
-          lowContrast: colors$1.neutral.navyGrayDark[100],
-          highContrast: colors$1.neutral.navyGrayDark[50]
-        }
-      },
-      positive: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.emerald[700],
-                lowContrast: colors$1.chromatic.emerald.a50
-              },
-              hover: {
-                highContrast: colors$1.chromatic.emerald[800],
-                lowContrast: colors$1.chromatic.emerald.a100
-              },
-              focus: {
-                highContrast: colors$1.chromatic.emerald[900],
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.emerald[900],
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.emerald[700],
-                lowContrast: colors$1.chromatic.emerald.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald.a50
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald.a100
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.emerald[500],
-                lowContrast: colors$1.chromatic.emerald[700]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald[700]
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              active: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.emerald[500],
-                lowContrast: colors$1.chromatic.emerald[800]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald[800]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald[500],
-                highContrast: colors$1.chromatic.emerald[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald[600],
-                highContrast: colors$1.chromatic.emerald[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald[700],
-                highContrast: colors$1.chromatic.emerald[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald[700],
-                highContrast: colors$1.chromatic.emerald[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald[800],
-                highContrast: colors$1.chromatic.emerald[100]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              active: {
-                highContrast: colors$1.chromatic.emerald[50],
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.emerald[500],
-                lowContrast: colors$1.chromatic.emerald[800]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald[500]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald[800]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.emerald[500],
-                highContrast: colors$1.chromatic.emerald[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.emerald[600],
-                highContrast: colors$1.chromatic.emerald[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.emerald[700],
-                highContrast: colors$1.chromatic.emerald[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.emerald[700],
-                highContrast: colors$1.chromatic.emerald[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.emerald[800],
-                highContrast: colors$1.chromatic.emerald[100]
-              }
-            }
-          }
-        }
-      },
-      negative: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.crimson[700],
-                lowContrast: colors$1.chromatic.crimson.a50
-              },
-              hover: {
-                highContrast: colors$1.chromatic.crimson[800],
-                lowContrast: colors$1.chromatic.crimson.a100
-              },
-              focus: {
-                highContrast: colors$1.chromatic.crimson[900],
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.crimson[900],
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.crimson[700],
-                lowContrast: colors$1.chromatic.crimson.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson.a50
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson.a100
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[500]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[500]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[500]
-              },
-              active: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[500]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.crimson[500],
-                lowContrast: colors$1.chromatic.crimson[900]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson[500]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson[500]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson[500]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson[500]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson[900]
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              active: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.crimson[500],
-                lowContrast: colors$1.chromatic.crimson[800]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson[800]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson[500],
-                highContrast: colors$1.chromatic.crimson[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson[400],
-                highContrast: colors$1.chromatic.crimson[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson[600],
-                highContrast: colors$1.chromatic.crimson[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson[600],
-                highContrast: colors$1.chromatic.crimson[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson[900],
-                highContrast: colors$1.chromatic.crimson[500]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              active: {
-                highContrast: colors$1.chromatic.crimson[50],
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.crimson[500],
-                lowContrast: colors$1.chromatic.crimson[800]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson[400]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson[800]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.crimson[500],
-                highContrast: colors$1.chromatic.crimson[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.crimson[400],
-                highContrast: colors$1.chromatic.crimson[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.crimson[600],
-                highContrast: colors$1.chromatic.crimson[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.crimson[600],
-                highContrast: colors$1.chromatic.crimson[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.crimson[900],
-                highContrast: colors$1.chromatic.crimson[500]
-              }
-            }
-          }
-        }
-      },
-      notice: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.cider[800],
-                lowContrast: colors$1.chromatic.cider.a50
-              },
-              hover: {
-                highContrast: colors$1.chromatic.cider[900],
-                lowContrast: colors$1.chromatic.cider.a100
-              },
-              focus: {
-                highContrast: colors$1.chromatic.cider[950],
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.cider[950],
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.cider[800],
-                lowContrast: colors$1.chromatic.cider.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider.a50
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider.a100
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[800]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[800]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[800]
-              },
-              active: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[800]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.cider[500],
-                lowContrast: colors$1.chromatic.cider[900]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider[800]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider[800]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider[800]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider[800]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider[900]
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              active: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.cider[500],
-                lowContrast: colors$1.chromatic.cider[900]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider[900]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider[500],
-                highContrast: colors$1.chromatic.cider[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider[400],
-                highContrast: colors$1.chromatic.cider[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider[600],
-                highContrast: colors$1.chromatic.cider[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider[600],
-                highContrast: colors$1.chromatic.cider[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider[600],
-                highContrast: colors$1.chromatic.cider[500]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              active: {
-                highContrast: colors$1.chromatic.cider[50],
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.cider[500],
-                lowContrast: colors$1.chromatic.cider[900]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider[500]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider[900]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.cider[500],
-                highContrast: colors$1.chromatic.cider[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.cider[400],
-                highContrast: colors$1.chromatic.cider[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.cider[600],
-                highContrast: colors$1.chromatic.cider[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.cider[600],
-                highContrast: colors$1.chromatic.cider[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.cider[600],
-                highContrast: colors$1.chromatic.cider[500]
-              }
-            }
-          }
-        }
-      },
-      information: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.sapphire[600],
-                lowContrast: colors$1.chromatic.sapphire.a50
-              },
-              hover: {
-                highContrast: colors$1.chromatic.sapphire[700],
-                lowContrast: colors$1.chromatic.sapphire.a100
-              },
-              focus: {
-                highContrast: colors$1.chromatic.sapphire[800],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              active: {
-                highContrast: colors$1.chromatic.sapphire[800],
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.sapphire[600],
-                lowContrast: colors$1.chromatic.sapphire.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire.a50
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire.a100
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire.a200
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              active: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.sapphire[400],
-                lowContrast: colors$1.chromatic.sapphire[900]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire[700]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire[900]
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              active: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.sapphire[400],
-                lowContrast: colors$1.chromatic.sapphire[900]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire[900]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire[500],
-                highContrast: colors$1.chromatic.sapphire[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire[400],
-                highContrast: colors$1.chromatic.sapphire[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire[600],
-                highContrast: colors$1.chromatic.sapphire[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire[600],
-                highContrast: colors$1.chromatic.sapphire[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire[900],
-                highContrast: colors$1.chromatic.sapphire[400]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              hover: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              focus: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              active: {
-                highContrast: colors$1.chromatic.sapphire[50],
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              disabled: {
-                highContrast: colors$1.chromatic.sapphire[400],
-                lowContrast: colors$1.chromatic.sapphire[900]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire[500]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire[900]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.chromatic.sapphire[500],
-                highContrast: colors$1.chromatic.sapphire[50]
-              },
-              hover: {
-                lowContrast: colors$1.chromatic.sapphire[400],
-                highContrast: colors$1.chromatic.sapphire[50]
-              },
-              focus: {
-                lowContrast: colors$1.chromatic.sapphire[600],
-                highContrast: colors$1.chromatic.sapphire[100]
-              },
-              active: {
-                lowContrast: colors$1.chromatic.sapphire[600],
-                highContrast: colors$1.chromatic.sapphire[100]
-              },
-              disabled: {
-                lowContrast: colors$1.chromatic.sapphire[900],
-                highContrast: colors$1.chromatic.sapphire[400]
-              }
-            }
-          }
-        }
-      },
-      neutral: {
-        action: {
-          background: {
-            primary: {
-              "default": {
-                highContrast: colors$1.neutral.navyGrayDark[50],
-                lowContrast: colors$1.neutral.navyGrayDark.a50
-              },
-              hover: {
-                highContrast: colors$1.neutral.navyGrayDark[100],
-                lowContrast: colors$1.neutral.navyGrayDark.a100
-              },
-              focus: {
-                highContrast: colors$1.neutral.navyGrayDark[200],
-                lowContrast: colors$1.neutral.navyGrayDark.a200
-              },
-              active: {
-                highContrast: colors$1.neutral.navyGrayDark[200],
-                lowContrast: colors$1.neutral.navyGrayDark.a200
-              },
-              disabled: {
-                highContrast: colors$1.neutral.navyGrayDark[50],
-                lowContrast: colors$1.neutral.navyGrayDark.a50
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayDark.a50
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayDark.a100
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayDark.a200
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayDark.a200
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayDark.a50
-              }
-            }
-          },
-          border: {
-            primary: {
-              "default": {
-                highContrast: colors$1.neutral.navyGrayDark[300],
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              },
-              hover: {
-                highContrast: colors$1.neutral.navyGrayDark[300],
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              },
-              focus: {
-                highContrast: colors$1.neutral.navyGrayDark[300],
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              },
-              active: {
-                highContrast: colors$1.neutral.navyGrayDark[300],
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              },
-              disabled: {
-                highContrast: colors$1.neutral.navyGrayDark[300],
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              }
-            }
-          },
-          text: {
-            primary: {
-              "default": {
-                highContrast: colors$1.neutral.navyGrayDark[700],
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              hover: {
-                highContrast: colors$1.neutral.navyGrayDark[700],
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              focus: {
-                highContrast: colors$1.neutral.navyGrayDark[700],
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              active: {
-                highContrast: colors$1.neutral.navyGrayDark[700],
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              disabled: {
-                highContrast: colors$1.neutral.navyGrayDark[300],
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayDark[100],
-                highContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayDark[200],
-                highContrast: colors$1.neutral.navyGrayDark[200]
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayDark[300],
-                highContrast: colors$1.neutral.navyGrayDark[300]
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayDark[300],
-                highContrast: colors$1.neutral.navyGrayDark[300]
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayDark[400],
-                highContrast: colors$1.neutral.navyGrayDark[400]
-              }
-            }
-          },
-          icon: {
-            primary: {
-              "default": {
-                highContrast: colors$1.neutral.navyGrayDark[700],
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              hover: {
-                highContrast: colors$1.neutral.navyGrayDark[700],
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              focus: {
-                highContrast: colors$1.neutral.navyGrayDark[700],
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              active: {
-                highContrast: colors$1.neutral.navyGrayDark[700],
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              disabled: {
-                highContrast: colors$1.neutral.navyGrayDark[300],
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              }
-            },
-            secondary: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayDark[400]
-              }
-            },
-            link: {
-              "default": {
-                lowContrast: colors$1.neutral.navyGrayDark[100],
-                highContrast: colors$1.neutral.navyGrayDark[100]
-              },
-              hover: {
-                lowContrast: colors$1.neutral.navyGrayDark[200],
-                highContrast: colors$1.neutral.navyGrayDark[200]
-              },
-              focus: {
-                lowContrast: colors$1.neutral.navyGrayDark[300],
-                highContrast: colors$1.neutral.navyGrayDark[300]
-              },
-              active: {
-                lowContrast: colors$1.neutral.navyGrayDark[300],
-                highContrast: colors$1.neutral.navyGrayDark[300]
-              },
-              disabled: {
-                lowContrast: colors$1.neutral.navyGrayDark[400],
-                highContrast: colors$1.neutral.navyGrayDark[400]
-              }
-            }
-          }
-        }
-      }
-    },
-    action: {
-      background: {
-        primary: {
-          "default": colors$1.chromatic.azure[500],
-          hover: colors$1.chromatic.azure[600],
-          focus: colors$1.chromatic.azure[700],
-          active: colors$1.chromatic.azure[800],
-          disabled: colors$1.neutral.navyGrayDark[600]
-        },
-        secondary: {
-          "default": colors$1.chromatic.azure.a00,
-          hover: colors$1.chromatic.azure.a50,
-          focus: colors$1.chromatic.azure.a100,
-          active: colors$1.chromatic.azure.a200,
-          disabled: colors$1.neutral.navyGrayDark.a00
-        },
-        tertiary: {
-          "default": colors$1.neutral.navyGrayDark.a50,
-          hover: colors$1.neutral.navyGrayDark.a100,
-          focus: colors$1.neutral.navyGrayDark.a200,
-          active: colors$1.neutral.navyGrayDark.a200,
-          disabled: colors$1.neutral.navyGrayDark.a50
-        }
-      },
-      border: {
-        primary: {
-          "default": colors$1.chromatic.azure[500],
-          hover: colors$1.chromatic.azure[600],
-          focus: colors$1.chromatic.azure[700],
-          active: colors$1.chromatic.azure[800],
-          disabled: colors$1.neutral.navyGrayDark[600]
-        },
-        secondary: {
-          "default": colors$1.chromatic.azure[400],
-          hover: colors$1.chromatic.azure[400],
-          focus: colors$1.chromatic.azure[400],
-          active: colors$1.chromatic.azure[400],
-          disabled: colors$1.neutral.navyGrayDark[500]
-        },
-        tertiary: {
-          "default": colors$1.neutral.navyGrayDark.a00,
-          hover: colors$1.neutral.navyGrayDark[400],
-          focus: colors$1.neutral.navyGrayDark[400],
-          active: colors$1.neutral.navyGrayDark[400],
-          disabled: colors$1.neutral.navyGrayDark[600]
-        }
-      },
-      text: {
-        primary: {
-          "default": colors$1.neutral.navyGrayDark[0],
-          hover: colors$1.neutral.navyGrayDark[0],
-          focus: colors$1.neutral.navyGrayDark[0],
-          active: colors$1.neutral.navyGrayDark[0],
-          disabled: colors$1.neutral.navyGrayDark[300]
-        },
-        secondary: {
-          "default": colors$1.chromatic.azure[400],
-          hover: colors$1.chromatic.azure[400],
-          focus: colors$1.chromatic.azure[400],
-          active: colors$1.chromatic.azure[400],
-          disabled: colors$1.neutral.navyGrayDark[500]
-        },
-        tertiary: {
-          "default": colors$1.neutral.navyGrayDark[100],
-          hover: colors$1.neutral.navyGrayDark[100],
-          focus: colors$1.neutral.navyGrayDark[100],
-          active: colors$1.neutral.navyGrayDark[100],
-          disabled: colors$1.neutral.navyGrayDark[500]
-        },
-        link: {
-          "default": colors$1.chromatic.azure[300],
-          hover: colors$1.chromatic.azure[400],
-          focus: colors$1.chromatic.azure[500],
-          active: colors$1.chromatic.azure[500],
-          disabled: colors$1.neutral.navyGrayDark[400],
-          visited: colors$1.chromatic.orchid[300]
-        }
-      },
-      icon: {
-        primary: {
-          "default": colors$1.neutral.navyGrayDark[0],
-          hover: colors$1.neutral.navyGrayDark[0],
-          focus: colors$1.neutral.navyGrayDark[0],
-          active: colors$1.neutral.navyGrayDark[0],
-          disabled: colors$1.neutral.navyGrayDark[300]
-        },
-        secondary: {
-          "default": colors$1.chromatic.azure[400],
-          hover: colors$1.chromatic.azure[400],
-          focus: colors$1.chromatic.azure[400],
-          active: colors$1.chromatic.azure[400],
-          disabled: colors$1.neutral.navyGrayDark[500]
-        },
-        tertiary: {
-          "default": colors$1.neutral.navyGrayDark[100],
-          hover: colors$1.neutral.navyGrayDark[100],
-          focus: colors$1.neutral.navyGrayDark[100],
-          active: colors$1.neutral.navyGrayDark[100],
-          disabled: colors$1.neutral.navyGrayDark[500]
-        },
-        link: {
-          "default": colors$1.chromatic.azure[300],
-          hover: colors$1.chromatic.azure[400],
-          focus: colors$1.chromatic.azure[500],
-          active: colors$1.chromatic.azure[500],
-          disabled: colors$1.neutral.navyGrayDark[400],
-          visited: colors$1.chromatic.orchid[300]
-        }
-      }
-    },
-    "static": {
-      white: colors$1.neutral.ashGrayLight[0]
-    },
-    white: {
-      action: {
-        background: {
-          primary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[200],
-            focus: colors$1.neutral.ashGrayLight[300],
-            active: colors$1.neutral.ashGrayLight[300],
-            disabled: colors$1.neutral.ashGrayLight.a400
-          },
-          secondary: {
-            "default": colors$1.neutral.ashGrayLight.a00,
-            hover: colors$1.neutral.ashGrayLight.a400,
-            focus: colors$1.neutral.ashGrayLight.a500,
-            active: colors$1.neutral.ashGrayLight.a500,
-            disabled: colors$1.neutral.ashGrayLight.a00
-          },
-          tertiary: {
-            "default": colors$1.neutral.ashGrayLight.a300,
-            hover: colors$1.neutral.ashGrayLight.a400,
-            focus: colors$1.neutral.ashGrayLight.a500,
-            active: colors$1.neutral.ashGrayLight.a500,
-            disabled: colors$1.neutral.ashGrayLight.a300
-          }
-        },
-        border: {
-          primary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[200],
-            focus: colors$1.neutral.ashGrayLight[300],
-            active: colors$1.neutral.ashGrayLight[300],
-            disabled: colors$1.neutral.ashGrayLight.a400
-          },
-          secondary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          tertiary: {
-            "default": colors$1.neutral.ashGrayLight.a00,
-            hover: colors$1.neutral.ashGrayLight.a00,
-            focus: colors$1.neutral.ashGrayLight.a00,
-            active: colors$1.neutral.ashGrayLight.a00,
-            disabled: colors$1.neutral.ashGrayLight.a00
-          }
-        },
-        text: {
-          primary: {
-            "default": colors$1.chromatic.azure[500],
-            hover: colors$1.chromatic.azure[500],
-            focus: colors$1.chromatic.azure[500],
-            active: colors$1.chromatic.azure[500],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          secondary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          tertiary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          link: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[300],
-            focus: colors$1.neutral.ashGrayLight[400],
-            active: colors$1.neutral.ashGrayLight[400],
-            disabled: colors$1.neutral.ashGrayLight.a500,
-            visited: colors$1.chromatic.orchid[300]
-          }
-        },
-        icon: {
-          primary: {
-            "default": colors$1.chromatic.azure[500],
-            hover: colors$1.chromatic.azure[500],
-            focus: colors$1.chromatic.azure[500],
-            active: colors$1.chromatic.azure[500],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          secondary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          tertiary: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[0],
-            focus: colors$1.neutral.ashGrayLight[0],
-            active: colors$1.neutral.ashGrayLight[0],
-            disabled: colors$1.neutral.ashGrayLight.a500
-          },
-          link: {
-            "default": colors$1.neutral.ashGrayLight[0],
-            hover: colors$1.neutral.ashGrayLight[300],
-            focus: colors$1.neutral.ashGrayLight[400],
-            active: colors$1.neutral.ashGrayLight[400],
-            disabled: colors$1.neutral.ashGrayLight.a500,
-            visited: colors$1.chromatic.orchid[300]
-          }
-        }
-      }
-    },
-    badge: {
-      background: {
-        blue: {
-          lowContrast: colors$1.chromatic.azure.a100,
-          highContrast: colors$1.chromatic.azure[600]
-        }
-      },
-      border: {
-        blue: {
-          lowContrast: colors$1.chromatic.azure.a200,
-          highContrast: colors$1.chromatic.azure[600]
-        }
-      },
-      text: {
-        blue: {
-          lowContrast: colors$1.chromatic.azure[400],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        }
-      },
-      icon: {
-        blue: {
-          lowContrast: colors$1.chromatic.azure[400],
-          highContrast: colors$1.neutral.navyGrayDark[0]
-        }
-      }
-    }
-  }
-};
-var bankingTheme = {
-  name: 'bankingTheme',
-  border: border,
-  breakpoints: breakpoints,
-  colors: colors,
-  motion: motion,
-  spacing: spacing,
-  elevation: elevation,
-  typography: typography
-};
-
-export { bankingTheme as default };
-//# sourceMappingURL=bankingTheme.js.map