@sendoutcards/quantum-design-ui 1.7.78 → 1.7.79

package/dist/index.es.js

@@ -149,31 +149,34 @@ var mapColorsToKeys = function (hslColors, baseColor) {
 };
 
 var PINK$1 = '#FF04A0';
-var LIGHT_BLUE$2 = '#02C3E2';
-var GREEN$8 = '#44D5A4';
+var LIGHT_BLUE$3 = '#02C3E2';
+var GREEN$9 = '#44D5A4';
 var YELLOW$8 = '#F4E467';
 var RED$8 = '#F26666'; // TODO change ACCENT
 
 var ACCENT$2 = '#FFF';
-var WHITE$8 = '#FFF';
+var WHITE$9 = '#FFF';
 var BLUE$8 = '#32abe4';
+var PURPLE$9 = '#703a96';
 var pinkSwatch$1 = computeColorSwatch(PINK$1);
-var brightBlueSwatch$2 = computeColorSwatch(LIGHT_BLUE$2);
-var greenSwatch$8 = computeColorSwatch(GREEN$8);
-var yellowSwatch$8 = computeColorSwatch(YELLOW$8);
-var redSwatch$8 = computeColorSwatch(RED$8);
+var brightBlueSwatch$2 = computeColorSwatch(LIGHT_BLUE$3);
+var greenSwatch$9 = computeColorSwatch(GREEN$9);
+var yellowSwatch$9 = computeColorSwatch(YELLOW$8);
+var redSwatch$9 = computeColorSwatch(RED$8);
 var accentSwatch$2 = computeColorSwatch(ACCENT$2);
 var blueSwatch$8 = computeColorSwatch(BLUE$8);
+var purpleSwatch$9 = computeColorSwatch(PURPLE$9);
 var lightGray$2 = '#f5f6f7';
-var colors$h = {
+var colors$j = {
   pinkSwatch: pinkSwatch$1,
   brightBlueSwatch: brightBlueSwatch$2,
-  greenSwatch: greenSwatch$8,
-  redSwatch: redSwatch$8,
-  yellowSwatch: yellowSwatch$8,
+  greenSwatch: greenSwatch$9,
+  redSwatch: redSwatch$9,
+  yellowSwatch: yellowSwatch$9,
   accentSwatch: accentSwatch$2,
-  WHITE: WHITE$8,
+  WHITE: WHITE$9,
   blueSwatch: blueSwatch$8,
+  purpleSwatch: purpleSwatch$9,
   lightGray: lightGray$2
 };
 
@@ -196,7 +199,7 @@ var shadows = {
   xLight: [0, 18, 40, -12]
 };
 
-var borders$a = {
+var borders$b = {
   xSmall: 1,
   small: 1.5,
   medium: 2,
@@ -204,8 +207,8 @@ var borders$a = {
   xLarge: 3
 };
 
-var BASE_VALUE$a = 0.5;
-var BASE_UNITS$a = 'rem';
+var BASE_VALUE$b = 0.5;
+var BASE_UNITS$b = 'rem';
 
 var mediaQuerySizes$1 = {
   small: 576,
@@ -214,44 +217,44 @@ var mediaQuerySizes$1 = {
   xLarge: 1200
 };
 
-var BASE_VALUE$9 = 1;
-var BASE_UNITS$9 = 'rem'; // Rename to typography
-
-var computeFontSize$8 = function (multiplier) {
-  return BASE_VALUE$9 * multiplier;
-};
-
-var XSMALL_FONT$8 = computeFontSize$8(0.75) + BASE_UNITS$9;
-var SMALL_FONT$8 = computeFontSize$8(0.875) + BASE_UNITS$9;
-var MEDIUM_FONT$8 = computeFontSize$8(1) + BASE_UNITS$9;
-var MEDIUM_PLUS_FONT$8 = computeFontSize$8(1.125) + BASE_UNITS$9;
-var LARGE_FONT$8 = computeFontSize$8(1.5) + BASE_UNITS$9;
-var XLARGE_FONT$8 = computeFontSize$8(2) + BASE_UNITS$9;
-var XXLARGE_FONT$8 = computeFontSize$8(4) + BASE_UNITS$9;
-var XSMALL_LINE_HEIGHT$8 = computeFontSize$8(1.5) + BASE_UNITS$9;
-var SMALL_LINE_HEIGHT$8 = computeFontSize$8(1.75) + BASE_UNITS$9;
-var MEDIUM_LINE_HEIGHT$8 = computeFontSize$8(2) + BASE_UNITS$9;
-var LARGE_LINE_HEIGHT$8 = computeFontSize$8(2.5) + BASE_UNITS$9;
-var XLARGE_LINE_HEIGHT$8 = computeFontSize$8(3) + BASE_UNITS$9;
-var XXLARGE_LINE_HEIGHT$8 = computeFontSize$8(3.5) + BASE_UNITS$9;
-var HEADING_FONT_FAMILY$8 = "'Montserrat', sans-serif";
-var BODY_FONT_FAMILY$8 = "'Montserrat', sans-serif";
-var HEADING_FONT_IMPORT$8 = 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap';
-var BODY_FONT_IMPORT$8 = 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap';
-var WEIGHT_THIN$8 = 300;
-var WEIGHT_REGULAR$8 = 400;
-var WEIGHT_SEMI_BOLD$8 = 500;
-var WEIGHT_BOLD$8 = 600;
-var WEIGHT_EXTRA_BOLD$8 = 800;
-
-var icons$a = {
+var BASE_VALUE$a = 1;
+var BASE_UNITS$a = 'rem'; // Rename to typography
+
+var computeFontSize$9 = function (multiplier) {
+  return BASE_VALUE$a * multiplier;
+};
+
+var XSMALL_FONT$9 = computeFontSize$9(0.75) + BASE_UNITS$a;
+var SMALL_FONT$9 = computeFontSize$9(0.875) + BASE_UNITS$a;
+var MEDIUM_FONT$9 = computeFontSize$9(1) + BASE_UNITS$a;
+var MEDIUM_PLUS_FONT$9 = computeFontSize$9(1.125) + BASE_UNITS$a;
+var LARGE_FONT$9 = computeFontSize$9(1.5) + BASE_UNITS$a;
+var XLARGE_FONT$9 = computeFontSize$9(2) + BASE_UNITS$a;
+var XXLARGE_FONT$9 = computeFontSize$9(4) + BASE_UNITS$a;
+var XSMALL_LINE_HEIGHT$9 = computeFontSize$9(1.5) + BASE_UNITS$a;
+var SMALL_LINE_HEIGHT$9 = computeFontSize$9(1.75) + BASE_UNITS$a;
+var MEDIUM_LINE_HEIGHT$9 = computeFontSize$9(2) + BASE_UNITS$a;
+var LARGE_LINE_HEIGHT$9 = computeFontSize$9(2.5) + BASE_UNITS$a;
+var XLARGE_LINE_HEIGHT$9 = computeFontSize$9(3) + BASE_UNITS$a;
+var XXLARGE_LINE_HEIGHT$9 = computeFontSize$9(3.5) + BASE_UNITS$a;
+var HEADING_FONT_FAMILY$9 = "'Montserrat', sans-serif";
+var BODY_FONT_FAMILY$9 = "'Montserrat', sans-serif";
+var HEADING_FONT_IMPORT$9 = 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap';
+var BODY_FONT_IMPORT$9 = 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap';
+var WEIGHT_THIN$9 = 300;
+var WEIGHT_REGULAR$9 = 400;
+var WEIGHT_SEMI_BOLD$9 = 500;
+var WEIGHT_BOLD$9 = 600;
+var WEIGHT_EXTRA_BOLD$9 = 800;
+
+var icons$b = {
   xSmall: 18,
   small: 24,
   medium: 32,
   large: 64,
   xLarge: 88
 };
-var sphere$a = {
+var sphere$b = {
   xSmall: 64,
   small: 80,
   medium: 96,
@@ -291,32 +294,793 @@ var computeGrayScale = function (swatch) {
   return grayScale;
 };
 
+var colors$i = {
+  primaryBrand: colors$j.pinkSwatch,
+  secondaryBrand: colors$j.brightBlueSwatch,
+  accent: colors$j.accentSwatch,
+  success: colors$j.greenSwatch,
+  warning: colors$j.yellowSwatch,
+  danger: colors$j.redSwatch,
+  background: colors$j.lightGray,
+  foreground: colors$j.WHITE,
+  grayScale: computeGrayScale(colors$j.pinkSwatch),
+  blueScale: colors$j.blueSwatch,
+  purpleScale: colors$j.purpleSwatch,
+  white: colors$j.WHITE,
+  defaultShadowColor: SHADOW_DEFAULT_COLOR$1
+};
+var concepts$9 = {
+  colors: __assign({}, colors$i),
+  radius: {
+    none: radius$1.none,
+    small: radius$1.small,
+    medium: radius$1.mediumLarge,
+    default: radius$1.medium,
+    large: radius$1.large,
+    circle: radius$1.circle
+  },
+  shadows: {
+    light: computeShadow('light', Color$1(colors$i.defaultShadowColor).rgb().alpha(0.06).toString()),
+    mediumLight: computeShadow('mediumLight', Color$1(colors$i.defaultShadowColor).rgb().alpha(0.08).toString()),
+    mediumDark: computeShadow('mediumDark', Color$1(colors$i.defaultShadowColor).rgb().alpha(0.1).toString()),
+    dark: computeShadow('dark', Color$1(colors$i.defaultShadowColor).rgb().alpha(0.12).toString()),
+    generate: computeShadow
+  },
+  typography: {
+    imports: {
+      body: BODY_FONT_IMPORT$9,
+      heading: HEADING_FONT_IMPORT$9
+    },
+    colors: {
+      primaryHeading: colors$i.grayScale._200,
+      primaryBody: colors$i.grayScale.base,
+      inverseHeading: colors$i.white,
+      inverseBody: colors$i.white
+    },
+    families: {
+      heading: BODY_FONT_FAMILY$9,
+      body: HEADING_FONT_FAMILY$9
+    },
+    sizes: {
+      xSmall: XSMALL_FONT$9,
+      small: SMALL_FONT$9,
+      medium: MEDIUM_FONT$9,
+      mediumPlus: MEDIUM_PLUS_FONT$9,
+      large: LARGE_FONT$9,
+      xLarge: XLARGE_FONT$9,
+      xxLarge: XXLARGE_FONT$9
+    },
+    weights: {
+      thin: WEIGHT_THIN$9,
+      regular: WEIGHT_REGULAR$9,
+      semiBold: WEIGHT_SEMI_BOLD$9,
+      bold: WEIGHT_BOLD$9,
+      extraBold: WEIGHT_EXTRA_BOLD$9
+    },
+    lineHeight: {
+      xSmall: XSMALL_LINE_HEIGHT$9,
+      small: SMALL_LINE_HEIGHT$9,
+      medium: MEDIUM_LINE_HEIGHT$9,
+      large: LARGE_LINE_HEIGHT$9,
+      xLarge: XLARGE_LINE_HEIGHT$9,
+      xxLarge: XXLARGE_LINE_HEIGHT$9
+    }
+  },
+  borders: {
+    thin: borders$b.xSmall,
+    small: borders$b.small,
+    default: borders$b.medium,
+    large: borders$b.large,
+    bold: borders$b.xLarge
+  },
+  spacing: {
+    baseValue: BASE_VALUE$b,
+    baseUnits: BASE_UNITS$b
+  },
+  mediaQueries: {
+    small: mediaQuerySizes$1.small,
+    medium: mediaQuerySizes$1.medium,
+    large: mediaQuerySizes$1.large,
+    xLarge: mediaQuerySizes$1.xLarge
+  },
+  sizing: {
+    icons: {
+      xSmall: icons$b.xSmall,
+      small: icons$b.small,
+      medium: icons$b.medium,
+      large: icons$b.large,
+      xLarge: icons$b.xLarge
+    },
+    sphere: {
+      xSmall: sphere$b.xSmall,
+      small: sphere$b.small,
+      medium: sphere$b.medium,
+      large: sphere$b.large,
+      xLarge: sphere$b.xLarge
+    }
+  }
+};
+
+var computeSpace = function (baseValue, baseUnits) {
+  return function (multiplier) {
+    return baseValue * multiplier + baseUnits;
+  };
+};
+
+var space$9 = computeSpace(concepts$9.spacing.baseValue, concepts$9.spacing.baseUnits);
+var spacing$9 = {
+  x0: space$9(0),
+  x_25: space$9(0.25),
+  x_5: space$9(0.5),
+  x_75: space$9(0.75),
+  x1: space$9(1),
+  x1_5: space$9(1.5),
+  x2: space$9(2),
+  x2_5: space$9(2.5),
+  x3: space$9(3),
+  x4: space$9(4),
+  x5: space$9(5),
+  x6: space$9(6),
+  x7: space$9(7),
+  x8: space$9(8),
+  x9: space$9(9)
+};
+var borders$a = {
+  thin: concepts$9.borders.thin + "px",
+  default: concepts$9.borders.default + "px",
+  bold: concepts$9.borders.bold + "px"
+};
+var text$9 = {
+  imports: {
+    body: concepts$9.typography.imports.body,
+    heading: concepts$9.typography.imports.heading
+  },
+  families: {
+    body: concepts$9.typography.families.body,
+    heading: concepts$9.typography.families.heading
+  },
+  types: {
+    heroTitle: {
+      color: concepts$9.typography.colors.primaryHeading,
+      size: concepts$9.typography.sizes.xxLarge,
+      fontWeight: concepts$9.typography.weights.extraBold,
+      lineHeight: concepts$9.typography.lineHeight.xxLarge,
+      fontFamily: concepts$9.typography.families.heading
+    },
+    title: {
+      color: concepts$9.typography.colors.primaryHeading,
+      size: concepts$9.typography.sizes.xLarge,
+      fontWeight: concepts$9.typography.weights.bold,
+      lineHeight: concepts$9.typography.lineHeight.xLarge,
+      fontFamily: concepts$9.typography.families.heading
+    },
+    subtitle: {
+      color: concepts$9.typography.colors.primaryHeading,
+      size: concepts$9.typography.sizes.large,
+      fontWeight: concepts$9.typography.weights.regular,
+      lineHeight: concepts$9.typography.lineHeight.medium,
+      fontFamily: concepts$9.typography.families.heading
+    },
+    largeBody: {
+      color: concepts$9.typography.colors.primaryBody,
+      size: concepts$9.typography.sizes.mediumPlus,
+      fontWeight: concepts$9.typography.weights.regular,
+      lineHeight: concepts$9.typography.lineHeight.small,
+      fontFamily: concepts$9.typography.families.body
+    },
+    body: {
+      color: concepts$9.typography.colors.primaryBody,
+      size: concepts$9.typography.sizes.medium,
+      fontWeight: concepts$9.typography.weights.regular,
+      lineHeight: concepts$9.typography.lineHeight.small,
+      fontFamily: concepts$9.typography.families.body
+    },
+    caption: {
+      color: concepts$9.typography.colors.primaryBody,
+      size: concepts$9.typography.sizes.small,
+      fontWeight: concepts$9.typography.weights.regular,
+      lineHeight: concepts$9.typography.lineHeight.small,
+      fontFamily: concepts$9.typography.families.body
+    },
+    footnote: {
+      color: concepts$9.typography.colors.primaryBody,
+      size: concepts$9.typography.sizes.xSmall,
+      fontWeight: concepts$9.typography.weights.regular,
+      lineHeight: concepts$9.typography.lineHeight.xSmall,
+      fontFamily: concepts$9.typography.families.body
+    }
+  },
+  colors: {
+    primaryBrand: concepts$9.colors.primaryBrand.base,
+    secondaryBrand: concepts$9.colors.secondaryBrand.base,
+    primaryHeading: concepts$9.typography.colors.primaryHeading,
+    primaryBody: concepts$9.typography.colors.primaryBody,
+    inverseHeading: concepts$9.typography.colors.inverseHeading,
+    inverseBody: concepts$9.typography.colors.inverseBody,
+    accent: concepts$9.colors.accent.base,
+    success: concepts$9.colors.success.base,
+    warning: concepts$9.colors.warning.base,
+    danger: concepts$9.colors.danger.base,
+    anchorBlue: concepts$9.colors.blueScale.base
+  },
+  weights: {
+    thin: concepts$9.typography.weights.thin,
+    regular: concepts$9.typography.weights.regular,
+    semiBold: concepts$9.typography.weights.semiBold,
+    bold: concepts$9.typography.weights.bold,
+    extraBold: concepts$9.typography.weights.extraBold
+  }
+};
+var mediaQueries$c = {
+  queries: {
+    xSmall: "@media screen and (min-width: 0px)",
+    // Large Mobile
+    small: "@media screen and (min-width: " + concepts$9.mediaQueries.small + "px)",
+    // Tablet
+    medium: "@media screen and (min-width: " + concepts$9.mediaQueries.medium + "px)",
+    // Large Tablet
+    large: "@media screen and (min-width: " + concepts$9.mediaQueries.large + "px)",
+    // Desktop
+    xLarge: "@media screen and (min-width: " + concepts$9.mediaQueries.xLarge + "px)"
+  },
+  rawValues: {
+    xSmall: 0,
+    small: concepts$9.mediaQueries.small,
+    medium: concepts$9.mediaQueries.medium,
+    large: concepts$9.mediaQueries.large,
+    xLarge: concepts$9.mediaQueries.xLarge
+  }
+};
+var hocs$9 = {
+  colors: {
+    swatches: {
+      primaryBrand: concepts$9.colors.primaryBrand,
+      secondaryBrand: concepts$9.colors.secondaryBrand,
+      success: concepts$9.colors.success,
+      danger: concepts$9.colors.danger,
+      warning: concepts$9.colors.warning,
+      accent: concepts$9.colors.accent,
+      grayScale: concepts$9.colors.grayScale,
+      blueScale: concepts$9.colors.blueScale,
+      purpleScale: concepts$9.colors.purpleScale
+    },
+    background: concepts$9.colors.background,
+    foreground: concepts$9.colors.foreground
+  },
+  textColors: text$9.colors,
+  spacing: spacing$9,
+  borderRadius: concepts$9.radius,
+  shadows: concepts$9.shadows,
+  borders: borders$a
+}; // TODO - revisit buttons for contrast and font color
+
+var buttons$9 = {
+  primary: {
+    backgroundColor: concepts$9.colors.primaryBrand.base,
+    fontColor: concepts$9.typography.colors.inverseBody,
+    fontFamily: concepts$9.typography.families.body
+  },
+  secondary: {
+    backgroundColor: concepts$9.colors.secondaryBrand.base,
+    fontColor: concepts$9.typography.colors.inverseBody,
+    fontFamily: concepts$9.typography.families.body
+  },
+  warning: {
+    backgroundColor: concepts$9.colors.warning.base,
+    fontColor: concepts$9.typography.colors.inverseBody,
+    fontFamily: concepts$9.typography.families.body
+  },
+  success: {
+    backgroundColor: concepts$9.colors.success.base,
+    fontColor: concepts$9.typography.colors.inverseBody,
+    fontFamily: concepts$9.typography.families.body
+  },
+  danger: {
+    backgroundColor: concepts$9.colors.danger.base,
+    fontColor: concepts$9.typography.colors.inverseBody,
+    fontFamily: concepts$9.typography.families.body
+  },
+  shadow: {
+    backgroundColor: concepts$9.colors.foreground,
+    fontColor: concepts$9.typography.colors.primaryBody,
+    fontFamily: concepts$9.typography.families.body
+  },
+  accent: {
+    backgroundColor: concepts$9.colors.accent.base,
+    fontColor: concepts$9.typography.colors.primaryBody,
+    fontFamily: concepts$9.typography.families.body
+  },
+  smoke: {
+    backgroundColor: concepts$9.colors.background,
+    fontColor: concepts$9.typography.colors.primaryBody,
+    fontFamily: concepts$9.typography.families.body
+  },
+  boxShadow: concepts$9.shadows.generate,
+  borderSize: borders$a.default,
+  outlinedBackgroundColor: concepts$9.colors.foreground,
+  fontWeight: concepts$9.typography.weights.semiBold,
+  sizes: {
+    xSmall: {
+      inset: spacing$9.x1 + " " + spacing$9.x2,
+      outlinedInset: {
+        vertical: "calc(" + spacing$9.x1 + " - 2px)",
+        horizontal: "calc(" + spacing$9.x2 + " - 2px)"
+      },
+      fontSize: text$9.types.footnote.size,
+      borderRadius: concepts$9.radius.default
+    },
+    small: {
+      inset: spacing$9.x1_5 + " " + spacing$9.x2_5,
+      outlinedInset: {
+        vertical: "calc(" + spacing$9.x1_5 + " - 2px)",
+        horizontal: "calc(" + spacing$9.x2_5 + " - 2px)"
+      },
+      fontSize: text$9.types.caption.size,
+      borderRadius: concepts$9.radius.default
+    },
+    medium: {
+      inset: spacing$9.x1_5 + " " + spacing$9.x3,
+      outlinedInset: {
+        vertical: "calc(" + spacing$9.x1_5 + " - 2px)",
+        horizontal: "calc(" + spacing$9.x3 + " - 2px)"
+      },
+      fontSize: text$9.types.body.size,
+      borderRadius: concepts$9.radius.default
+    },
+    large: {
+      inset: spacing$9.x2 + " " + spacing$9.x4,
+      outlinedInset: {
+        vertical: "calc(" + spacing$9.x2 + " - 2px)",
+        horizontal: "calc(" + spacing$9.x4 + " - 2px)"
+      },
+      fontSize: text$9.types.largeBody.size,
+      borderRadius: concepts$9.radius.default
+    },
+    xLarge: {
+      inset: spacing$9.x3 + " " + spacing$9.x5,
+      outlinedInset: {
+        vertical: "calc(" + spacing$9.x3 + " - 2px)",
+        horizontal: "calc(" + spacing$9.x5 + " - 2px)"
+      },
+      fontSize: text$9.types.subtitle.size,
+      borderRadius: concepts$9.radius.default
+    }
+  }
+};
+var inputs$9 = {
+  checkbox: {
+    border: borders$a.default,
+    borderRadius: concepts$9.radius.small,
+    unCheckedBackgroundColor: concepts$9.colors.grayScale._1000,
+    checkmarkColor: concepts$9.typography.colors.inverseBody,
+    labelColor: concepts$9.typography.colors.primaryBody
+  },
+  text: {
+    borderRadius: concepts$9.radius.default,
+    labelColor: concepts$9.colors.accent,
+    placeholderColor: concepts$9.typography.colors.primaryBody,
+    labelFontSize: text$9.types.caption.size,
+    textFontSize: text$9.types.caption.size,
+    borderWidth: borders$a.default,
+    defaultFocusColor: concepts$9.colors.blueScale.base
+  },
+  select: {
+    dropDownShadow: concepts$9.shadows.mediumDark,
+    dropDownBackgroundColor: concepts$9.colors.foreground,
+    boxShadow: concepts$9.shadows.light,
+    borderRadius: concepts$9.radius.default
+  },
+  number: {
+    backgroundColor: concepts$9.colors.grayScale._200,
+    fontColor: concepts$9.typography.colors.inverseBody,
+    fontSize: text$9.types.body.size,
+    borderRadius: concepts$9.radius.default
+  },
+  backgroundColor: concepts$9.colors.background,
+  fontSize: text$9.types.caption.size,
+  fontColor: concepts$9.typography.colors.primaryBody,
+  fontFamily: concepts$9.typography.families.body,
+  colors: {
+    primary: concepts$9.colors.primaryBrand.base,
+    secondary: concepts$9.colors.secondaryBrand.base,
+    success: concepts$9.colors.success.base,
+    warning: concepts$9.colors.warning.base,
+    danger: concepts$9.colors.danger.base,
+    accent: concepts$9.colors.accent.base,
+    dark: concepts$9.colors.primaryBrand._100,
+    blue: concepts$9.colors.blueScale.base
+  }
+};
+var icons$a = {
+  sizes: {
+    xSmall: concepts$9.sizing.icons.xSmall,
+    small: concepts$9.sizing.icons.small,
+    medium: concepts$9.sizing.icons.medium,
+    large: concepts$9.sizing.icons.large,
+    xLarge: concepts$9.sizing.icons.xLarge
+  },
+  colors: {
+    default: concepts$9.colors.grayScale._800,
+    primaryBodyText: concepts$9.typography.colors.primaryBody,
+    primaryHeadingText: concepts$9.typography.colors.primaryHeading,
+    inverseBodyText: concepts$9.typography.colors.inverseBody,
+    inverseHeadingText: concepts$9.typography.colors.inverseHeading,
+    primaryBrand: concepts$9.colors.primaryBrand.base,
+    secondaryBrand: concepts$9.colors.secondaryBrand.base,
+    warning: concepts$9.colors.warning.base,
+    danger: concepts$9.colors.danger.base,
+    success: concepts$9.colors.success.base,
+    background: concepts$9.colors.background,
+    accent: concepts$9.colors.background
+  }
+};
+var animatedCheckmark$9 = {
+  sizeMap: {
+    xSmall: concepts$9.sizing.icons.xSmall,
+    small: concepts$9.sizing.icons.small,
+    medium: concepts$9.sizing.icons.medium,
+    large: concepts$9.sizing.icons.large,
+    xLarge: concepts$9.sizing.icons.xLarge
+  },
+  colors: {
+    primary: concepts$9.colors.primaryBrand.base,
+    secondary: concepts$9.colors.secondaryBrand.base,
+    success: concepts$9.colors.success.base,
+    accent: concepts$9.colors.accent.base
+  },
+  strokeWidth: {
+    small: concepts$9.borders.small,
+    default: concepts$9.borders.default,
+    large: concepts$9.borders.large
+  },
+  borderRadius: concepts$9.radius.circle,
+  checkmarkFilledColor: concepts$9.colors.foreground
+};
+var avatar$9 = {
+  borderWidth: borders$a.thin,
+  borderColor: concepts$9.colors.grayScale._1000,
+  borderRadius: concepts$9.radius.circle,
+  boxShadow: concepts$9.shadows.mediumLight,
+  backgroundColor: concepts$9.colors.foreground,
+  bubbleBackgroundColors: {
+    isActive: concepts$9.colors.success._600,
+    default: concepts$9.colors.grayScale._1000
+  },
+  defaultBackgroundColors: {
+    primary: concepts$9.colors.primaryBrand.base,
+    secondary: concepts$9.colors.secondaryBrand.base,
+    success: concepts$9.colors.success.base,
+    accent: concepts$9.colors.accent.base,
+    warning: concepts$9.colors.warning.base,
+    danger: concepts$9.colors.danger.base
+  },
+  sizes: {
+    xSmall: {
+      avatarSize: 34,
+      bubbleLeftPosition: 22,
+      bubbleSize: 12
+    },
+    small: {
+      avatarSize: 44,
+      bubbleLeftPosition: 28,
+      bubbleSize: 14
+    },
+    medium: {
+      avatarSize: 60,
+      bubbleLeftPosition: 40,
+      bubbleSize: 16
+    },
+    large: {
+      avatarSize: 76,
+      bubbleLeftPosition: 52,
+      bubbleSize: 20
+    },
+    xLarge: {
+      avatarSize: 96,
+      bubbleLeftPosition: 64,
+      bubbleSize: 28
+    }
+  }
+};
+var loadingSpinner$9 = {
+  size: {
+    xSmall: concepts$9.sizing.icons.xSmall,
+    small: concepts$9.sizing.icons.small,
+    medium: concepts$9.sizing.icons.medium,
+    large: concepts$9.sizing.icons.large,
+    xLarge: concepts$9.sizing.icons.xLarge
+  },
+  colors: {
+    primary: concepts$9.colors.primaryBrand.base,
+    secondary: concepts$9.colors.secondaryBrand.base,
+    success: concepts$9.colors.success.base,
+    warning: concepts$9.colors.warning.base,
+    danger: concepts$9.colors.danger.base
+  }
+};
+var separator$9 = {
+  border: borders$a.default,
+  color: concepts$9.colors.grayScale._1000
+};
+var card$9 = {
+  backgroundColor: concepts$9.colors.warning.base,
+  borderRadius: concepts$9.radius.default,
+  boxShadow: concepts$9.shadows.mediumDark,
+  defaultInset: spacing$9.x4 + " " + spacing$9.x2 + " " + spacing$9.x2 + " " + spacing$9.x2
+};
+var dialog$9 = {
+  backgroundColor: concepts$9.colors.foreground,
+  boxShadow: concepts$9.shadows.mediumDark,
+  defaultInset: spacing$9.x6 + " " + spacing$9.x4 + " " + spacing$9.x4 + " " + spacing$9.x4
+};
+var drawer$9 = {
+  backgroundColor: concepts$9.colors.foreground,
+  borderRadius: concepts$9.radius.small,
+  boxShadow: concepts$9.shadows.mediumLight,
+  bottomDirectionShadow: concepts$9.shadows.generate('mediumLight', Color$1(concepts$9.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
+  hoverBoxShadow: concepts$9.shadows.mediumDark,
+  hoverBottomDirectionShadow: concepts$9.shadows.generate('mediumDark', Color$1(concepts$9.colors.defaultShadowColor).rgb().alpha(0.1).toString(), true),
+  defaultInset: "" + spacing$9.x1,
+  tab: {
+    dark: {
+      backgroundColor: concepts$9.colors.grayScale._600,
+      arrowColor: concepts$9.colors.foreground
+    },
+    light: {
+      backgroundColor: concepts$9.colors.foreground,
+      arrowColor: icons$a.colors.default
+    }
+  }
+};
+var navigation$9 = {
+  backgroundColor: concepts$9.colors.foreground,
+  border: borders$a.thin,
+  borderColor: concepts$9.colors.grayScale._1000
+};
+var sheet$9 = {
+  mobileBorderRadius: concepts$9.radius.large,
+  desktopBorderRadius: concepts$9.radius.default,
+  backgroundColor: concepts$9.colors.foreground,
+  boxShadow: concepts$9.shadows.mediumDark
+};
+var slider$9 = {
+  backgroundColor: concepts$9.colors.background,
+  borderRadius: concepts$9.radius.small,
+  handleRadius: concepts$9.radius.circle,
+  handleColor: concepts$9.colors.foreground,
+  handleShadow: concepts$9.shadows.light
+};
+var toggle$9 = {
+  isActiveColor: concepts$9.colors.success.base,
+  isNotActiveColor: concepts$9.colors.grayScale._900
+};
+var tooltip$9 = {
+  lightBackgroundColor: concepts$9.colors.foreground,
+  darkBackgroundColor: concepts$9.colors.grayScale._100,
+  boxShadow: concepts$9.shadows.mediumLight,
+  borderColor: concepts$9.colors.background
+};
+var colorPicker$9 = {
+  backgroundColor: concepts$9.colors.background,
+  borderColor: 'transparent',
+  boxShadow: concepts$9.shadows.mediumLight,
+  borderRadius: concepts$9.radius.small
+};
+var sphere$a = {
+  xSmall: {
+    circumference: concepts$9.sizing.sphere.xSmall,
+    textType: 'title'
+  },
+  small: {
+    circumference: concepts$9.sizing.sphere.small,
+    textType: 'title'
+  },
+  medium: {
+    circumference: concepts$9.sizing.sphere.medium,
+    textType: 'heroTitle'
+  },
+  large: {
+    circumference: concepts$9.sizing.sphere.large,
+    textType: 'heroTitle'
+  },
+  xLarge: {
+    circumference: concepts$9.sizing.sphere.xLarge,
+    textType: 'heroTitle'
+  }
+};
+var widget$9 = {
+  primary: {
+    backgroundColor: concepts$9.colors.primaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  secondary: {
+    backgroundColor: concepts$9.colors.secondaryBrand.base,
+    fontColor: 'inverseBody'
+  },
+  warning: {
+    backgroundColor: concepts$9.colors.warning.base,
+    fontColor: 'primaryBody'
+  },
+  success: {
+    backgroundColor: concepts$9.colors.success.base,
+    fontColor: 'inverseBody'
+  },
+  danger: {
+    backgroundColor: concepts$9.colors.danger.base,
+    fontColor: 'primaryBody'
+  },
+  shadow: {
+    backgroundColor: concepts$9.colors.foreground,
+    fontColor: 'primaryBody'
+  },
+  accent: {
+    backgroundColor: concepts$9.colors.accent.base,
+    fontColor: 'primaryBody'
+  }
+};
+var colorOption$9 = {
+  defaults: {
+    circleFill: concepts$9.shadows.generate([0, 0, 6, 1], Color$1(concepts$9.colors.defaultShadowColor).rgb().alpha(0.1).toString()),
+    innerRing: concepts$9.shadows.generate([0, 0, 0, 11], Color$1([20, 30, 50]).rgb().alpha(0.03).toString()),
+    outerRing: concepts$9.shadows.generate([0, 0, 6, 1], Color$1(concepts$9.colors.defaultShadowColor).rgb().alpha(0.06).toString())
+  }
+};
+var entities$9 = {
+  mediaQueries: mediaQueries$c,
+  hocs: hocs$9,
+  text: text$9,
+  spacing: spacing$9,
+  buttons: buttons$9,
+  inputs: inputs$9,
+  icons: icons$a,
+  card: card$9,
+  separator: separator$9,
+  loadingSpinner: loadingSpinner$9,
+  animatedCheckmark: animatedCheckmark$9,
+  avatar: avatar$9,
+  dialog: dialog$9,
+  drawer: drawer$9,
+  sheet: sheet$9,
+  slider: slider$9,
+  navigation: navigation$9,
+  toggle: toggle$9,
+  tooltip: tooltip$9,
+  colorPicker: colorPicker$9,
+  sphere: sphere$a,
+  widget: widget$9,
+  colorOption: colorOption$9
+};
+
+var PURPLE$8 = '#8D7EAE';
+var ORANGE$1 = '#F36D2C';
+var GREEN$8 = '#1DE6B9';
+var YELLOW$7 = '#F7A14D';
+var RED$7 = '#FB2E4B';
+var ACCENT$1 = '#FFF';
+var WHITE$8 = '#FFF';
+var BLUE$7 = '#1DC5E6'; // const GREEN = '#1DE9B6' // This green is almost identical to DOGO_GREEN, probably don't need both
+
+var purpleSwatch$8 = computeColorSwatch(PURPLE$8);
+var orangeSwatch$1 = computeColorSwatch(ORANGE$1);
+var greenSwatch$8 = computeColorSwatch(GREEN$8);
+var yellowSwatch$8 = computeColorSwatch(YELLOW$7);
+var redSwatch$8 = computeColorSwatch(RED$7);
+var accentSwatch$1 = computeColorSwatch(ACCENT$1);
+var blueSwatch$7 = computeColorSwatch(BLUE$7);
+var lightGray$1 = '#EAEAEA';
+var colors$h = {
+  purpleSwatch: purpleSwatch$8,
+  orangeSwatch: orangeSwatch$1,
+  greenSwatch: greenSwatch$8,
+  redSwatch: redSwatch$8,
+  yellowSwatch: yellowSwatch$8,
+  accentSwatch: accentSwatch$1,
+  WHITE: WHITE$8,
+  blueSwatch: blueSwatch$7,
+  lightGray: lightGray$1
+};
+
+var radius = {
+  none: '0px',
+  small: '6px',
+  smallMedium: '8px',
+  medium: '12px',
+  mediumLarge: '16px',
+  large: '28px',
+  circle: '1000rem'
+};
+
+var SHADOW_DEFAULT_COLOR = '#000000';
+
+var borders$9 = {
+  xSmall: 1,
+  small: 1.5,
+  medium: 2,
+  large: 2.5,
+  xLarge: 3
+};
+
+var BASE_VALUE$9 = 0.5;
+var BASE_UNITS$9 = 'rem';
+
+var mediaQuerySizes = {
+  small: 576,
+  medium: 768,
+  large: 992,
+  xLarge: 1200
+};
+
+var BASE_VALUE$8 = 1;
+var BASE_UNITS$8 = 'rem'; // Rename to typography
+
+var computeFontSize$8 = function (multiplier) {
+  return BASE_VALUE$8 * multiplier;
+};
+var XSMALL_FONT$8 = computeFontSize$8(0.75) + BASE_UNITS$8;
+var SMALL_FONT$8 = computeFontSize$8(0.875) + BASE_UNITS$8;
+var MEDIUM_FONT$8 = computeFontSize$8(1) + BASE_UNITS$8;
+var MEDIUM_PLUS_FONT$8 = computeFontSize$8(1.25) + BASE_UNITS$8;
+var LARGE_FONT$8 = computeFontSize$8(1.75) + BASE_UNITS$8;
+var XLARGE_FONT$8 = computeFontSize$8(2.125) + BASE_UNITS$8;
+var XXLARGE_FONT$8 = computeFontSize$8(3) + BASE_UNITS$8;
+var XSMALL_LINE_HEIGHT$8 = computeFontSize$8(1.5) + BASE_UNITS$8;
+var SMALL_LINE_HEIGHT$8 = computeFontSize$8(1.75) + BASE_UNITS$8;
+var MEDIUM_LINE_HEIGHT$8 = computeFontSize$8(2) + BASE_UNITS$8;
+var LARGE_LINE_HEIGHT$8 = computeFontSize$8(2.5) + BASE_UNITS$8;
+var XLARGE_LINE_HEIGHT$8 = computeFontSize$8(3) + BASE_UNITS$8;
+var XXLARGE_LINE_HEIGHT$8 = computeFontSize$8(3.5) + BASE_UNITS$8;
+var HEADING_FONT_FAMILY$8 = "'Poppins', 'Open Sans',  sans-serif";
+var BODY_FONT_FAMILY$8 = "'Poppins', 'Open Sans', sans-serif";
+var BODY_FONT_IMPORT$8 = 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap';
+var HEADING_FONT_IMPORT$8 = 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap';
+var WEIGHT_THIN$8 = 300;
+var WEIGHT_REGULAR$8 = 400;
+var WEIGHT_SEMI_BOLD$8 = 600;
+var WEIGHT_BOLD$8 = 700;
+var WEIGHT_EXTRA_BOLD$8 = 800;
+
+var icons$9 = {
+  xSmall: 18,
+  small: 24,
+  medium: 32,
+  large: 64,
+  xLarge: 88
+};
+var sphere$9 = {
+  xSmall: 64,
+  small: 80,
+  medium: 96,
+  large: 104,
+  xLarge: 128
+};
+
 var colors$g = {
-  primaryBrand: colors$h.pinkSwatch,
-  secondaryBrand: colors$h.brightBlueSwatch,
+  primaryBrand: colors$h.purpleSwatch,
+  secondaryBrand: colors$h.orangeSwatch,
   accent: colors$h.accentSwatch,
   success: colors$h.greenSwatch,
   warning: colors$h.yellowSwatch,
   danger: colors$h.redSwatch,
   background: colors$h.lightGray,
   foreground: colors$h.WHITE,
-  grayScale: computeGrayScale(colors$h.pinkSwatch),
+  grayScale: computeGrayScale(colors$h.purpleSwatch),
   blueScale: colors$h.blueSwatch,
+  purpleScale: colors$h.purpleSwatch,
   white: colors$h.WHITE,
-  defaultShadowColor: SHADOW_DEFAULT_COLOR$1
+  defaultShadowColor: SHADOW_DEFAULT_COLOR
 };
 var concepts$8 = {
   colors: __assign({}, colors$g),
   radius: {
-    none: radius$1.none,
-    small: radius$1.small,
-    medium: radius$1.mediumLarge,
-    default: radius$1.medium,
-    large: radius$1.large,
-    circle: radius$1.circle
+    none: radius.none,
+    small: radius.small,
+    medium: radius.mediumLarge,
+    default: radius.medium,
+    large: radius.large,
+    circle: radius.circle
   },
   shadows: {
-    light: computeShadow('light', Color$1(colors$g.defaultShadowColor).rgb().alpha(0.06).toString()),
+    light: computeShadow('light', Color$1(colors$g.defaultShadowColor).rgb().alpha(0.08).toString()),
     mediumLight: computeShadow('mediumLight', Color$1(colors$g.defaultShadowColor).rgb().alpha(0.08).toString()),
     mediumDark: computeShadow('mediumDark', Color$1(colors$g.defaultShadowColor).rgb().alpha(0.1).toString()),
     dark: computeShadow('dark', Color$1(colors$g.defaultShadowColor).rgb().alpha(0.12).toString()),
@@ -363,46 +1127,40 @@ var concepts$8 = {
     }
   },
   borders: {
-    thin: borders$a.xSmall,
-    small: borders$a.small,
-    default: borders$a.medium,
-    large: borders$a.large,
-    bold: borders$a.xLarge
+    thin: borders$9.xSmall,
+    small: borders$9.small,
+    default: borders$9.medium,
+    large: borders$9.large,
+    bold: borders$9.xLarge
   },
   spacing: {
-    baseValue: BASE_VALUE$a,
-    baseUnits: BASE_UNITS$a
+    baseValue: BASE_VALUE$9,
+    baseUnits: BASE_UNITS$9
   },
   mediaQueries: {
-    small: mediaQuerySizes$1.small,
-    medium: mediaQuerySizes$1.medium,
-    large: mediaQuerySizes$1.large,
-    xLarge: mediaQuerySizes$1.xLarge
+    small: mediaQuerySizes.small,
+    medium: mediaQuerySizes.medium,
+    large: mediaQuerySizes.large,
+    xLarge: mediaQuerySizes.xLarge
   },
   sizing: {
     icons: {
-      xSmall: icons$a.xSmall,
-      small: icons$a.small,
-      medium: icons$a.medium,
-      large: icons$a.large,
-      xLarge: icons$a.xLarge
+      xSmall: icons$9.xSmall,
+      small: icons$9.small,
+      medium: icons$9.medium,
+      large: icons$9.large,
+      xLarge: icons$9.xLarge
     },
     sphere: {
-      xSmall: sphere$a.xSmall,
-      small: sphere$a.small,
-      medium: sphere$a.medium,
-      large: sphere$a.large,
-      xLarge: sphere$a.xLarge
+      xSmall: sphere$9.xSmall,
+      small: sphere$9.small,
+      medium: sphere$9.medium,
+      large: sphere$9.large,
+      xLarge: sphere$9.xLarge
     }
   }
 };
 
-var computeSpace = function (baseValue, baseUnits) {
-  return function (multiplier) {
-    return baseValue * multiplier + baseUnits;
-  };
-};
-
 var space$8 = computeSpace(concepts$8.spacing.baseValue, concepts$8.spacing.baseUnits);
 var spacing$8 = {
   x0: space$8(0),
@@ -421,7 +1179,7 @@ var spacing$8 = {
   x8: space$8(8),
   x9: space$8(9)
 };
-var borders$9 = {
+var borders$8 = {
   thin: concepts$8.borders.thin + "px",
   default: concepts$8.borders.default + "px",
   bold: concepts$8.borders.bold + "px"
@@ -537,7 +1295,8 @@ var hocs$8 = {
       warning: concepts$8.colors.warning,
       accent: concepts$8.colors.accent,
       grayScale: concepts$8.colors.grayScale,
-      blueScale: concepts$8.colors.blueScale
+      blueScale: concepts$8.colors.blueScale,
+      purpleScale: concepts$8.colors.purpleScale
     },
     background: concepts$8.colors.background,
     foreground: concepts$8.colors.foreground
@@ -546,52 +1305,12 @@ var hocs$8 = {
   spacing: spacing$8,
   borderRadius: concepts$8.radius,
   shadows: concepts$8.shadows,
-  borders: borders$9
+  borders: borders$8
 }; // TODO - revisit buttons for contrast and font color
 
 var buttons$8 = {
-  primary: {
-    backgroundColor: concepts$8.colors.primaryBrand.base,
-    fontColor: concepts$8.typography.colors.inverseBody,
-    fontFamily: concepts$8.typography.families.body
-  },
-  secondary: {
-    backgroundColor: concepts$8.colors.secondaryBrand.base,
-    fontColor: concepts$8.typography.colors.inverseBody,
-    fontFamily: concepts$8.typography.families.body
-  },
-  warning: {
-    backgroundColor: concepts$8.colors.warning.base,
-    fontColor: concepts$8.typography.colors.inverseBody,
-    fontFamily: concepts$8.typography.families.body
-  },
-  success: {
-    backgroundColor: concepts$8.colors.success.base,
-    fontColor: concepts$8.typography.colors.inverseBody,
-    fontFamily: concepts$8.typography.families.body
-  },
-  danger: {
-    backgroundColor: concepts$8.colors.danger.base,
-    fontColor: concepts$8.typography.colors.inverseBody,
-    fontFamily: concepts$8.typography.families.body
-  },
-  shadow: {
-    backgroundColor: concepts$8.colors.foreground,
-    fontColor: concepts$8.typography.colors.primaryBody,
-    fontFamily: concepts$8.typography.families.body
-  },
-  accent: {
-    backgroundColor: concepts$8.colors.accent.base,
-    fontColor: concepts$8.typography.colors.primaryBody,
-    fontFamily: concepts$8.typography.families.body
-  },
-  smoke: {
-    backgroundColor: concepts$8.colors.background,
-    fontColor: concepts$8.typography.colors.primaryBody,
-    fontFamily: concepts$8.typography.families.body
-  },
   boxShadow: concepts$8.shadows.generate,
-  borderSize: borders$9.default,
+  borderSize: borders$8.default,
   outlinedBackgroundColor: concepts$8.colors.foreground,
   fontWeight: concepts$8.typography.weights.semiBold,
   sizes: {
@@ -640,11 +1359,51 @@ var buttons$8 = {
       fontSize: text$8.types.subtitle.size,
       borderRadius: concepts$8.radius.default
     }
+  },
+  primary: {
+    backgroundColor: concepts$8.colors.primaryBrand.base,
+    fontColor: concepts$8.typography.colors.inverseBody,
+    fontFamily: concepts$8.typography.families.body
+  },
+  secondary: {
+    backgroundColor: concepts$8.colors.secondaryBrand.base,
+    fontColor: concepts$8.typography.colors.inverseBody,
+    fontFamily: concepts$8.typography.families.body
+  },
+  warning: {
+    backgroundColor: concepts$8.colors.warning.base,
+    fontColor: concepts$8.typography.colors.inverseBody,
+    fontFamily: concepts$8.typography.families.body
+  },
+  success: {
+    backgroundColor: concepts$8.colors.success.base,
+    fontColor: concepts$8.typography.colors.inverseBody,
+    fontFamily: concepts$8.typography.families.body
+  },
+  danger: {
+    backgroundColor: concepts$8.colors.danger.base,
+    fontColor: concepts$8.typography.colors.inverseBody,
+    fontFamily: concepts$8.typography.families.body
+  },
+  shadow: {
+    backgroundColor: concepts$8.colors.foreground,
+    fontColor: concepts$8.typography.colors.primaryBody,
+    fontFamily: concepts$8.typography.families.body
+  },
+  accent: {
+    backgroundColor: concepts$8.colors.accent.base,
+    fontColor: concepts$8.typography.colors.primaryBody,
+    fontFamily: concepts$8.typography.families.body
+  },
+  smoke: {
+    backgroundColor: concepts$8.colors.background,
+    fontColor: concepts$8.typography.colors.primaryBody,
+    fontFamily: concepts$8.typography.families.body
   }
 };
 var inputs$8 = {
   checkbox: {
-    border: borders$9.default,
+    border: borders$8.default,
     borderRadius: concepts$8.radius.small,
     unCheckedBackgroundColor: concepts$8.colors.grayScale._1000,
     checkmarkColor: concepts$8.typography.colors.inverseBody,
@@ -656,7 +1415,7 @@ var inputs$8 = {
     placeholderColor: concepts$8.typography.colors.primaryBody,
     labelFontSize: text$8.types.caption.size,
     textFontSize: text$8.types.caption.size,
-    borderWidth: borders$9.default,
+    borderWidth: borders$8.default,
     defaultFocusColor: concepts$8.colors.blueScale.base
   },
   select: {
@@ -686,7 +1445,7 @@ var inputs$8 = {
     blue: concepts$8.colors.blueScale.base
   }
 };
-var icons$9 = {
+var icons$8 = {
   sizes: {
     xSmall: concepts$8.sizing.icons.xSmall,
     small: concepts$8.sizing.icons.small,
@@ -732,13 +1491,13 @@ var animatedCheckmark$8 = {
   checkmarkFilledColor: concepts$8.colors.foreground
 };
 var avatar$8 = {
-  borderWidth: borders$9.thin,
+  borderWidth: borders$8.thin,
   borderColor: concepts$8.colors.grayScale._1000,
   borderRadius: concepts$8.radius.circle,
   boxShadow: concepts$8.shadows.mediumLight,
   backgroundColor: concepts$8.colors.foreground,
   bubbleBackgroundColors: {
-    isActive: concepts$8.colors.success._600,
+    isActive: concepts$8.colors.success.base,
     default: concepts$8.colors.grayScale._1000
   },
   defaultBackgroundColors: {
@@ -793,8 +1552,15 @@ var loadingSpinner$8 = {
     danger: concepts$8.colors.danger.base
   }
 };
+var slider$8 = {
+  backgroundColor: concepts$8.colors.background,
+  borderRadius: concepts$8.radius.small,
+  handleRadius: concepts$8.radius.circle,
+  handleColor: concepts$8.colors.foreground,
+  handleShadow: concepts$8.shadows.light
+};
 var separator$8 = {
-  border: borders$9.default,
+  border: borders$8.default,
   color: concepts$8.colors.grayScale._1000
 };
 var card$8 = {
@@ -805,9 +1571,15 @@ var card$8 = {
 };
 var dialog$8 = {
   backgroundColor: concepts$8.colors.foreground,
+  borderRadius: concepts$8.radius.default,
   boxShadow: concepts$8.shadows.mediumDark,
   defaultInset: spacing$8.x6 + " " + spacing$8.x4 + " " + spacing$8.x4 + " " + spacing$8.x4
 };
+var navigation$8 = {
+  backgroundColor: concepts$8.colors.foreground,
+  border: borders$8.thin,
+  borderColor: concepts$8.colors.grayScale._1000
+};
 var drawer$8 = {
   backgroundColor: concepts$8.colors.foreground,
   borderRadius: concepts$8.radius.small,
@@ -823,28 +1595,16 @@ var drawer$8 = {
     },
     light: {
       backgroundColor: concepts$8.colors.foreground,
-      arrowColor: icons$9.colors.default
+      arrowColor: icons$8.colors.default
     }
   }
 };
-var navigation$8 = {
-  backgroundColor: concepts$8.colors.foreground,
-  border: borders$9.thin,
-  borderColor: concepts$8.colors.grayScale._1000
-};
 var sheet$8 = {
   mobileBorderRadius: concepts$8.radius.large,
   desktopBorderRadius: concepts$8.radius.default,
   backgroundColor: concepts$8.colors.foreground,
   boxShadow: concepts$8.shadows.mediumDark
 };
-var slider$8 = {
-  backgroundColor: concepts$8.colors.background,
-  borderRadius: concepts$8.radius.small,
-  handleRadius: concepts$8.radius.circle,
-  handleColor: concepts$8.colors.foreground,
-  handleShadow: concepts$8.shadows.light
-};
 var toggle$8 = {
   isActiveColor: concepts$8.colors.success.base,
   isNotActiveColor: concepts$8.colors.grayScale._900
@@ -861,7 +1621,7 @@ var colorPicker$8 = {
   boxShadow: concepts$8.shadows.mediumLight,
   borderRadius: concepts$8.radius.small
 };
-var sphere$9 = {
+var sphere$8 = {
   xSmall: {
     circumference: concepts$8.sizing.sphere.xSmall,
     textType: 'title'
@@ -894,15 +1654,15 @@ var widget$8 = {
   },
   warning: {
     backgroundColor: concepts$8.colors.warning.base,
-    fontColor: 'primaryBody'
+    fontColor: 'inverseBody'
   },
   success: {
     backgroundColor: concepts$8.colors.success.base,
-    fontColor: 'inverseBody'
+    fontColor: 'primaryBody'
   },
   danger: {
     backgroundColor: concepts$8.colors.danger.base,
-    fontColor: 'primaryBody'
+    fontColor: 'inverseBody'
   },
   shadow: {
     backgroundColor: concepts$8.colors.foreground,
@@ -927,82 +1687,57 @@ var entities$8 = {
   spacing: spacing$8,
   buttons: buttons$8,
   inputs: inputs$8,
-  icons: icons$9,
+  icons: icons$8,
   card: card$8,
   separator: separator$8,
   loadingSpinner: loadingSpinner$8,
   animatedCheckmark: animatedCheckmark$8,
   avatar: avatar$8,
   dialog: dialog$8,
-  drawer: drawer$8,
   sheet: sheet$8,
-  slider: slider$8,
   navigation: navigation$8,
   toggle: toggle$8,
   tooltip: tooltip$8,
+  drawer: drawer$8,
+  slider: slider$8,
   colorPicker: colorPicker$8,
-  sphere: sphere$9,
+  sphere: sphere$8,
   widget: widget$8,
   colorOption: colorOption$8
 };
 
-var PURPLE = '#8D7EAE';
-var ORANGE$1 = '#F36D2C';
+var BRIGHT_GREEN$1 = '#74C468';
+var LIGHT_BLUE$2 = '#52C1D1';
+var BASE_GRAY$6 = '#696767';
+var COPPER = '#BB7E3D';
 var GREEN$7 = '#1DE6B9';
-var YELLOW$7 = '#F7A14D';
-var RED$7 = '#FB2E4B';
-var ACCENT$1 = '#FFF';
+var YELLOW$6 = '#F7A14D';
+var RED$6 = '#FB2E4B';
 var WHITE$7 = '#FFF';
-var BLUE$7 = '#1DC5E6'; // const GREEN = '#1DE9B6' // This green is almost identical to DOGO_GREEN, probably don't need both
-
-var purpleSwatch = computeColorSwatch(PURPLE);
-var orangeSwatch$1 = computeColorSwatch(ORANGE$1);
+var BLUE$6 = '#1DC5E6';
+var PURPLE$7 = '#703A96';
+var brightGreenSwatch$1 = computeColorSwatch(BRIGHT_GREEN$1);
+var lightBlueSwatch$1 = computeColorSwatch(LIGHT_BLUE$2);
+var baseGraySwatch$5 = computeColorSwatch(BASE_GRAY$6);
 var greenSwatch$7 = computeColorSwatch(GREEN$7);
-var yellowSwatch$7 = computeColorSwatch(YELLOW$7);
-var redSwatch$7 = computeColorSwatch(RED$7);
-var accentSwatch$1 = computeColorSwatch(ACCENT$1);
-var blueSwatch$7 = computeColorSwatch(BLUE$7);
-var lightGray$1 = '#EAEAEA';
+var yellowSwatch$7 = computeColorSwatch(YELLOW$6);
+var redSwatch$7 = computeColorSwatch(RED$6);
+var copperSwatch = computeColorSwatch(COPPER);
+var blueSwatch$6 = computeColorSwatch(BLUE$6);
+var purpleSwatch$7 = computeColorSwatch(PURPLE$7);
+var BASE$6 = '#FBF9F4';
 var colors$f = {
-  purpleSwatch: purpleSwatch,
-  orangeSwatch: orangeSwatch$1,
+  brightGreenSwatch: brightGreenSwatch$1,
+  lightBlueSwatch: lightBlueSwatch$1,
   greenSwatch: greenSwatch$7,
+  copperSwatch: copperSwatch,
+  baseGraySwatch: baseGraySwatch$5,
   redSwatch: redSwatch$7,
   yellowSwatch: yellowSwatch$7,
-  accentSwatch: accentSwatch$1,
-  WHITE: WHITE$7,
-  blueSwatch: blueSwatch$7,
-  lightGray: lightGray$1
-};
-
-var radius = {
-  none: '0px',
-  small: '6px',
-  smallMedium: '8px',
-  medium: '12px',
-  mediumLarge: '16px',
-  large: '28px',
-  circle: '1000rem'
-};
-
-var SHADOW_DEFAULT_COLOR = '#000000';
-
-var borders$8 = {
-  xSmall: 1,
-  small: 1.5,
-  medium: 2,
-  large: 2.5,
-  xLarge: 3
-};
-
-var BASE_VALUE$8 = 0.5;
-var BASE_UNITS$8 = 'rem';
-
-var mediaQuerySizes = {
-  small: 576,
-  medium: 768,
-  large: 992,
-  xLarge: 1200
+  blueSwatch: blueSwatch$6,
+  purpleSwatch: purpleSwatch$7,
+  BASE: BASE$6,
+  WHITE: WHITE$7
 };
 
 var BASE_VALUE$7 = 1;
@@ -1034,32 +1769,18 @@ var WEIGHT_SEMI_BOLD$7 = 600;
 var WEIGHT_BOLD$7 = 700;
 var WEIGHT_EXTRA_BOLD$7 = 800;
 
-var icons$8 = {
-  xSmall: 18,
-  small: 24,
-  medium: 32,
-  large: 64,
-  xLarge: 88
-};
-var sphere$8 = {
-  xSmall: 64,
-  small: 80,
-  medium: 96,
-  large: 104,
-  xLarge: 128
-};
-
 var colors$e = {
-  primaryBrand: colors$f.purpleSwatch,
-  secondaryBrand: colors$f.orangeSwatch,
-  accent: colors$f.accentSwatch,
+  primaryBrand: colors$f.brightGreenSwatch,
+  secondaryBrand: colors$f.lightBlueSwatch,
+  accent: colors$f.copperSwatch,
   success: colors$f.greenSwatch,
   warning: colors$f.yellowSwatch,
   danger: colors$f.redSwatch,
-  background: colors$f.lightGray,
+  background: colors$f.BASE,
   foreground: colors$f.WHITE,
-  grayScale: computeGrayScale(colors$f.purpleSwatch),
+  grayScale: colors$f.baseGraySwatch,
   blueScale: colors$f.blueSwatch,
+  purpleScale: colors$f.purpleSwatch,
   white: colors$f.WHITE,
   defaultShadowColor: SHADOW_DEFAULT_COLOR
 };
@@ -1121,15 +1842,15 @@ var concepts$7 = {
     }
   },
   borders: {
-    thin: borders$8.xSmall,
-    small: borders$8.small,
-    default: borders$8.medium,
-    large: borders$8.large,
-    bold: borders$8.xLarge
+    thin: borders$9.xSmall,
+    small: borders$9.small,
+    default: borders$9.medium,
+    large: borders$9.large,
+    bold: borders$9.xLarge
   },
   spacing: {
-    baseValue: BASE_VALUE$8,
-    baseUnits: BASE_UNITS$8
+    baseValue: BASE_VALUE$9,
+    baseUnits: BASE_UNITS$9
   },
   mediaQueries: {
     small: mediaQuerySizes.small,
@@ -1139,18 +1860,18 @@ var concepts$7 = {
   },
   sizing: {
     icons: {
-      xSmall: icons$8.xSmall,
-      small: icons$8.small,
-      medium: icons$8.medium,
-      large: icons$8.large,
-      xLarge: icons$8.xLarge
+      xSmall: icons$9.xSmall,
+      small: icons$9.small,
+      medium: icons$9.medium,
+      large: icons$9.large,
+      xLarge: icons$9.xLarge
     },
     sphere: {
-      xSmall: sphere$8.xSmall,
-      small: sphere$8.small,
-      medium: sphere$8.medium,
-      large: sphere$8.large,
-      xLarge: sphere$8.xLarge
+      xSmall: sphere$9.xSmall,
+      small: sphere$9.small,
+      medium: sphere$9.medium,
+      large: sphere$9.large,
+      xLarge: sphere$9.xLarge
     }
   }
 };
@@ -1289,7 +2010,8 @@ var hocs$7 = {
       warning: concepts$7.colors.warning,
       accent: concepts$7.colors.accent,
       grayScale: concepts$7.colors.grayScale,
-      blueScale: concepts$7.colors.blueScale
+      blueScale: concepts$7.colors.blueScale,
+      purpleScale: concepts$7.colors.purpleScale
     },
     background: concepts$7.colors.background,
     foreground: concepts$7.colors.foreground
@@ -1394,11 +2116,18 @@ var buttons$7 = {
     fontFamily: concepts$7.typography.families.body
   }
 };
+var slider$7 = {
+  backgroundColor: concepts$7.colors.background,
+  borderRadius: concepts$7.radius.small,
+  handleRadius: concepts$7.radius.circle,
+  handleColor: concepts$7.colors.foreground,
+  handleShadow: concepts$7.shadows.light
+};
 var inputs$7 = {
   checkbox: {
     border: borders$7.default,
     borderRadius: concepts$7.radius.small,
-    unCheckedBackgroundColor: concepts$7.colors.grayScale._1000,
+    unCheckedBackgroundColor: concepts$7.colors.grayScale._800,
     checkmarkColor: concepts$7.typography.colors.inverseBody,
     labelColor: concepts$7.typography.colors.primaryBody
   },
@@ -1485,13 +2214,13 @@ var animatedCheckmark$7 = {
 };
 var avatar$7 = {
   borderWidth: borders$7.thin,
-  borderColor: concepts$7.colors.grayScale._1000,
+  borderColor: concepts$7.colors.grayScale._800,
   borderRadius: concepts$7.radius.circle,
   boxShadow: concepts$7.shadows.mediumLight,
   backgroundColor: concepts$7.colors.foreground,
   bubbleBackgroundColors: {
     isActive: concepts$7.colors.success.base,
-    default: concepts$7.colors.grayScale._1000
+    default: concepts$7.colors.grayScale._800
   },
   defaultBackgroundColors: {
     primary: concepts$7.colors.primaryBrand.base,
@@ -1545,16 +2274,9 @@ var loadingSpinner$7 = {
     danger: concepts$7.colors.danger.base
   }
 };
-var slider$7 = {
-  backgroundColor: concepts$7.colors.background,
-  borderRadius: concepts$7.radius.small,
-  handleRadius: concepts$7.radius.circle,
-  handleColor: concepts$7.colors.foreground,
-  handleShadow: concepts$7.shadows.light
-};
 var separator$7 = {
   border: borders$7.default,
-  color: concepts$7.colors.grayScale._1000
+  color: concepts$7.colors.grayScale._800
 };
 var card$7 = {
   backgroundColor: concepts$7.colors.warning.base,
@@ -1571,7 +2293,7 @@ var dialog$7 = {
 var navigation$7 = {
   backgroundColor: concepts$7.colors.foreground,
   border: borders$7.thin,
-  borderColor: concepts$7.colors.grayScale._1000
+  borderColor: concepts$7.colors.grayScale._800
 };
 var drawer$7 = {
   backgroundColor: concepts$7.colors.foreground,
@@ -1647,7 +2369,7 @@ var widget$7 = {
   },
   warning: {
     backgroundColor: concepts$7.colors.warning.base,
-    fontColor: 'inverseBody'
+    fontColor: 'primaryBody'
   },
   success: {
     backgroundColor: concepts$7.colors.success.base,
@@ -1663,7 +2385,7 @@ var widget$7 = {
   },
   accent: {
     backgroundColor: concepts$7.colors.accent.base,
-    fontColor: 'primaryBody'
+    fontColor: 'inverseBody'
   }
 };
 var colorOption$7 = {
@@ -1699,33 +2421,40 @@ var entities$7 = {
   colorOption: colorOption$7
 };
 
-var BRIGHT_GREEN$1 = '#74C468';
-var LIGHT_BLUE$1 = '#52C1D1';
-var BASE_GRAY$5 = '#696767';
-var COPPER = '#BB7E3D';
+var CARAMEL$1 = '#CE8E47'; // primary
+
+var BASE_GRAY$5 = '#525A59'; // secondary
+
+var TAN = '#E0D5C0'; // accent
+
+var OFF_WHITE = '#FBF9F4'; //base
+
 var GREEN$6 = '#1DE6B9';
-var YELLOW$6 = '#F7A14D';
-var RED$6 = '#FB2E4B';
+var YELLOW$5 = '#F7A14D';
+var RED$5 = '#FB2E4B';
 var WHITE$6 = '#FFF';
-var BLUE$6 = '#1DC5E6';
-var brightGreenSwatch$1 = computeColorSwatch(BRIGHT_GREEN$1);
-var lightBlueSwatch = computeColorSwatch(LIGHT_BLUE$1);
-var baseGraySwatch$5 = computeColorSwatch(BASE_GRAY$5);
+var BLUE$5 = '#1DC5E6';
+var PURPLE$6 = '#703A96';
+var caramelSwatch$1 = computeColorSwatch(CARAMEL$1);
+var baseGraySwatch$4 = computeColorSwatch(BASE_GRAY$5);
+var tanSwatch = computeColorSwatch(TAN);
 var greenSwatch$6 = computeColorSwatch(GREEN$6);
-var yellowSwatch$6 = computeColorSwatch(YELLOW$6);
-var redSwatch$6 = computeColorSwatch(RED$6);
-var copperSwatch = computeColorSwatch(COPPER);
-var blueSwatch$6 = computeColorSwatch(BLUE$6);
-var BASE$5 = '#FBF9F4';
+var yellowSwatch$6 = computeColorSwatch(YELLOW$5);
+var redSwatch$6 = computeColorSwatch(RED$5);
+var blueSwatch$5 = computeColorSwatch(BLUE$5);
+var purpleSwatch$6 = computeColorSwatch(PURPLE$6);
+var BASE$5 = OFF_WHITE;
+var baseGray$4 = BASE_GRAY$5;
 var colors$d = {
-  brightGreenSwatch: brightGreenSwatch$1,
-  lightBlueSwatch: lightBlueSwatch,
-  greenSwatch: greenSwatch$6,
-  copperSwatch: copperSwatch,
-  baseGraySwatch: baseGraySwatch$5,
+  caramelSwatch: caramelSwatch$1,
+  tanSwatch: tanSwatch,
+  baseGraySwatch: baseGraySwatch$4,
+  greenSwatch: greenSwatch$6,
   redSwatch: redSwatch$6,
   yellowSwatch: yellowSwatch$6,
-  blueSwatch: blueSwatch$6,
+  blueSwatch: blueSwatch$5,
+  baseGray: baseGray$4,
+  purpleSwatch: purpleSwatch$6,
   BASE: BASE$5,
   WHITE: WHITE$6
 };
@@ -1760,9 +2489,9 @@ var WEIGHT_BOLD$6 = 700;
 var WEIGHT_EXTRA_BOLD$6 = 800;
 
 var colors$c = {
-  primaryBrand: colors$d.brightGreenSwatch,
-  secondaryBrand: colors$d.lightBlueSwatch,
-  accent: colors$d.copperSwatch,
+  primaryBrand: colors$d.caramelSwatch,
+  secondaryBrand: colors$d.baseGraySwatch,
+  accent: colors$d.tanSwatch,
   success: colors$d.greenSwatch,
   warning: colors$d.yellowSwatch,
   danger: colors$d.redSwatch,
@@ -1770,6 +2499,7 @@ var colors$c = {
   foreground: colors$d.WHITE,
   grayScale: colors$d.baseGraySwatch,
   blueScale: colors$d.blueSwatch,
+  purpleScale: colors$d.purpleSwatch,
   white: colors$d.WHITE,
   defaultShadowColor: SHADOW_DEFAULT_COLOR
 };
@@ -1831,15 +2561,15 @@ var concepts$6 = {
     }
   },
   borders: {
-    thin: borders$8.xSmall,
-    small: borders$8.small,
-    default: borders$8.medium,
-    large: borders$8.large,
-    bold: borders$8.xLarge
+    thin: borders$9.xSmall,
+    small: borders$9.small,
+    default: borders$9.medium,
+    large: borders$9.large,
+    bold: borders$9.xLarge
   },
   spacing: {
-    baseValue: BASE_VALUE$8,
-    baseUnits: BASE_UNITS$8
+    baseValue: BASE_VALUE$9,
+    baseUnits: BASE_UNITS$9
   },
   mediaQueries: {
     small: mediaQuerySizes.small,
@@ -1849,18 +2579,18 @@ var concepts$6 = {
   },
   sizing: {
     icons: {
-      xSmall: icons$8.xSmall,
-      small: icons$8.small,
-      medium: icons$8.medium,
-      large: icons$8.large,
-      xLarge: icons$8.xLarge
+      xSmall: icons$9.xSmall,
+      small: icons$9.small,
+      medium: icons$9.medium,
+      large: icons$9.large,
+      xLarge: icons$9.xLarge
     },
     sphere: {
-      xSmall: sphere$8.xSmall,
-      small: sphere$8.small,
-      medium: sphere$8.medium,
-      large: sphere$8.large,
-      xLarge: sphere$8.xLarge
+      xSmall: sphere$9.xSmall,
+      small: sphere$9.small,
+      medium: sphere$9.medium,
+      large: sphere$9.large,
+      xLarge: sphere$9.xLarge
     }
   }
 };
@@ -1999,7 +2729,8 @@ var hocs$6 = {
       warning: concepts$6.colors.warning,
       accent: concepts$6.colors.accent,
       grayScale: concepts$6.colors.grayScale,
-      blueScale: concepts$6.colors.blueScale
+      blueScale: concepts$6.colors.blueScale,
+      purpleScale: concepts$6.colors.purpleScale
     },
     background: concepts$6.colors.background,
     foreground: concepts$6.colors.foreground
@@ -2373,7 +3104,7 @@ var widget$6 = {
   },
   accent: {
     backgroundColor: concepts$6.colors.accent.base,
-    fontColor: 'inverseBody'
+    fontColor: 'primaryBody'
   }
 };
 var colorOption$6 = {
@@ -2409,37 +3140,38 @@ var entities$6 = {
   colorOption: colorOption$6
 };
 
-var CARAMEL$1 = '#CE8E47'; // primary
-
-var BASE_GRAY$4 = '#525A59'; // secondary
-
-var TAN = '#E0D5C0'; // accent
-
-var OFF_WHITE = '#FBF9F4'; //base
-
+var BRIGHT_BLUE = '#140FEE';
+var TEAL$2 = '#35A4BC';
+var BRIGHT_GREEN = '#74C468';
+var BASE_GRAY$4 = '#696767';
 var GREEN$5 = '#1DE6B9';
-var YELLOW$5 = '#F7A14D';
-var RED$5 = '#FB2E4B';
+var YELLOW$4 = '#F7A14D';
+var RED$4 = '#FB2E4B';
 var WHITE$5 = '#FFF';
-var BLUE$5 = '#1DC5E6';
-var caramelSwatch$1 = computeColorSwatch(CARAMEL$1);
-var baseGraySwatch$4 = computeColorSwatch(BASE_GRAY$4);
-var tanSwatch = computeColorSwatch(TAN);
+var BLUE$4 = '#1DC5E6';
+var PURPLE$5 = '#703A96';
+var brightBlueSwatch$1 = computeColorSwatch(BRIGHT_BLUE);
+var tealSwatch$2 = computeColorSwatch(TEAL$2);
+var brightGreenSwatch = computeColorSwatch(BRIGHT_GREEN);
+var baseGraySwatch$3 = computeColorSwatch(BASE_GRAY$4);
 var greenSwatch$5 = computeColorSwatch(GREEN$5);
-var yellowSwatch$5 = computeColorSwatch(YELLOW$5);
-var redSwatch$5 = computeColorSwatch(RED$5);
-var blueSwatch$5 = computeColorSwatch(BLUE$5);
-var BASE$4 = OFF_WHITE;
-var baseGray$4 = BASE_GRAY$4;
+var yellowSwatch$5 = computeColorSwatch(YELLOW$4);
+var redSwatch$5 = computeColorSwatch(RED$4);
+var blueSwatch$4 = computeColorSwatch(BLUE$4);
+var purpleSwatch$5 = computeColorSwatch(PURPLE$5);
+var BASE$4 = '#F5F6F7';
+var baseGray$3 = BASE_GRAY$4;
 var colors$b = {
-  caramelSwatch: caramelSwatch$1,
-  tanSwatch: tanSwatch,
-  baseGraySwatch: baseGraySwatch$4,
+  brightBlueSwatch: brightBlueSwatch$1,
+  tealSwatch: tealSwatch$2,
   greenSwatch: greenSwatch$5,
   redSwatch: redSwatch$5,
   yellowSwatch: yellowSwatch$5,
-  blueSwatch: blueSwatch$5,
-  baseGray: baseGray$4,
+  brightGreenSwatch: brightGreenSwatch,
+  blueSwatch: blueSwatch$4,
+  baseGraySwatch: baseGraySwatch$3,
+  baseGray: baseGray$3,
+  purpleSwatch: purpleSwatch$5,
   BASE: BASE$4,
   WHITE: WHITE$5
 };
@@ -2474,9 +3206,9 @@ var WEIGHT_BOLD$5 = 700;
 var WEIGHT_EXTRA_BOLD$5 = 800;
 
 var colors$a = {
-  primaryBrand: colors$b.caramelSwatch,
-  secondaryBrand: colors$b.baseGraySwatch,
-  accent: colors$b.tanSwatch,
+  primaryBrand: colors$b.brightBlueSwatch,
+  secondaryBrand: colors$b.tealSwatch,
+  accent: colors$b.brightGreenSwatch,
   success: colors$b.greenSwatch,
   warning: colors$b.yellowSwatch,
   danger: colors$b.redSwatch,
@@ -2484,6 +3216,7 @@ var colors$a = {
   foreground: colors$b.WHITE,
   grayScale: colors$b.baseGraySwatch,
   blueScale: colors$b.blueSwatch,
+  purpleScale: colors$b.purpleSwatch,
   white: colors$b.WHITE,
   defaultShadowColor: SHADOW_DEFAULT_COLOR
 };
@@ -2545,15 +3278,15 @@ var concepts$5 = {
     }
   },
   borders: {
-    thin: borders$8.xSmall,
-    small: borders$8.small,
-    default: borders$8.medium,
-    large: borders$8.large,
-    bold: borders$8.xLarge
+    thin: borders$9.xSmall,
+    small: borders$9.small,
+    default: borders$9.medium,
+    large: borders$9.large,
+    bold: borders$9.xLarge
   },
   spacing: {
-    baseValue: BASE_VALUE$8,
-    baseUnits: BASE_UNITS$8
+    baseValue: BASE_VALUE$9,
+    baseUnits: BASE_UNITS$9
   },
   mediaQueries: {
     small: mediaQuerySizes.small,
@@ -2563,18 +3296,18 @@ var concepts$5 = {
   },
   sizing: {
     icons: {
-      xSmall: icons$8.xSmall,
-      small: icons$8.small,
-      medium: icons$8.medium,
-      large: icons$8.large,
-      xLarge: icons$8.xLarge
+      xSmall: icons$9.xSmall,
+      small: icons$9.small,
+      medium: icons$9.medium,
+      large: icons$9.large,
+      xLarge: icons$9.xLarge
     },
     sphere: {
-      xSmall: sphere$8.xSmall,
-      small: sphere$8.small,
-      medium: sphere$8.medium,
-      large: sphere$8.large,
-      xLarge: sphere$8.xLarge
+      xSmall: sphere$9.xSmall,
+      small: sphere$9.small,
+      medium: sphere$9.medium,
+      large: sphere$9.large,
+      xLarge: sphere$9.xLarge
     }
   }
 };
@@ -2713,7 +3446,8 @@ var hocs$5 = {
       warning: concepts$5.colors.warning,
       accent: concepts$5.colors.accent,
       grayScale: concepts$5.colors.grayScale,
-      blueScale: concepts$5.colors.blueScale
+      blueScale: concepts$5.colors.blueScale,
+      purpleScale: concepts$5.colors.purpleScale
     },
     background: concepts$5.colors.background,
     foreground: concepts$5.colors.foreground
@@ -3123,35 +3857,38 @@ var entities$5 = {
   colorOption: colorOption$5
 };
 
-var BRIGHT_BLUE = '#140FEE';
-var TEAL$1 = '#35A4BC';
-var BRIGHT_GREEN = '#74C468';
-var BASE_GRAY$3 = '#696767';
+var DARK_BLUE$2 = '#1F4177';
+var GOLD$1 = '#A99A67';
+var BASE_GRAY$3 = '#313438';
+var ORANGE = '#E49944';
 var GREEN$4 = '#1DE6B9';
-var YELLOW$4 = '#F7A14D';
-var RED$4 = '#FB2E4B';
+var YELLOW$3 = '#F7A14D';
+var RED$3 = '#FB2E4B';
 var WHITE$4 = '#FFF';
-var BLUE$4 = '#1DC5E6';
-var brightBlueSwatch$1 = computeColorSwatch(BRIGHT_BLUE);
-var tealSwatch$1 = computeColorSwatch(TEAL$1);
-var brightGreenSwatch = computeColorSwatch(BRIGHT_GREEN);
-var baseGraySwatch$3 = computeColorSwatch(BASE_GRAY$3);
+var BLUE$3 = '#1DC5E6';
+var PURPLE$4 = '#703A96';
+var darkBlueSwatch$2 = computeColorSwatch(DARK_BLUE$2);
+var goldSwatch = computeColorSwatch(GOLD$1);
+var baseGraySwatch$2 = computeColorSwatch(BASE_GRAY$3);
+var orangeSwatch = computeColorSwatch(ORANGE);
 var greenSwatch$4 = computeColorSwatch(GREEN$4);
-var yellowSwatch$4 = computeColorSwatch(YELLOW$4);
-var redSwatch$4 = computeColorSwatch(RED$4);
-var blueSwatch$4 = computeColorSwatch(BLUE$4);
-var BASE$3 = '#F5F6F7';
-var baseGray$3 = BASE_GRAY$3;
+var yellowSwatch$4 = computeColorSwatch(YELLOW$3);
+var redSwatch$4 = computeColorSwatch(RED$3);
+var blueSwatch$3 = computeColorSwatch(BLUE$3);
+var purpleSwatch$4 = computeColorSwatch(PURPLE$4);
+var BASE$3 = '#EAEAEA';
+var baseGray$2 = BASE_GRAY$3;
 var colors$9 = {
-  brightBlueSwatch: brightBlueSwatch$1,
-  tealSwatch: tealSwatch$1,
+  darkBlueSwatch: darkBlueSwatch$2,
+  goldSwatch: goldSwatch,
+  baseGraySwatch: baseGraySwatch$2,
+  orangeSwatch: orangeSwatch,
   greenSwatch: greenSwatch$4,
   redSwatch: redSwatch$4,
   yellowSwatch: yellowSwatch$4,
-  brightGreenSwatch: brightGreenSwatch,
-  blueSwatch: blueSwatch$4,
-  baseGraySwatch: baseGraySwatch$3,
-  baseGray: baseGray$3,
+  blueSwatch: blueSwatch$3,
+  baseGray: baseGray$2,
+  purpleSwatch: purpleSwatch$4,
   BASE: BASE$3,
   WHITE: WHITE$4
 };
@@ -3186,9 +3923,9 @@ var WEIGHT_BOLD$4 = 700;
 var WEIGHT_EXTRA_BOLD$4 = 800;
 
 var colors$8 = {
-  primaryBrand: colors$9.brightBlueSwatch,
-  secondaryBrand: colors$9.tealSwatch,
-  accent: colors$9.brightGreenSwatch,
+  primaryBrand: colors$9.darkBlueSwatch,
+  secondaryBrand: colors$9.goldSwatch,
+  accent: colors$9.orangeSwatch,
   success: colors$9.greenSwatch,
   warning: colors$9.yellowSwatch,
   danger: colors$9.redSwatch,
@@ -3196,6 +3933,7 @@ var colors$8 = {
   foreground: colors$9.WHITE,
   grayScale: colors$9.baseGraySwatch,
   blueScale: colors$9.blueSwatch,
+  purpleScale: colors$9.purpleSwatch,
   white: colors$9.WHITE,
   defaultShadowColor: SHADOW_DEFAULT_COLOR
 };
@@ -3257,15 +3995,15 @@ var concepts$4 = {
     }
   },
   borders: {
-    thin: borders$8.xSmall,
-    small: borders$8.small,
-    default: borders$8.medium,
-    large: borders$8.large,
-    bold: borders$8.xLarge
+    thin: borders$9.xSmall,
+    small: borders$9.small,
+    default: borders$9.medium,
+    large: borders$9.large,
+    bold: borders$9.xLarge
   },
   spacing: {
-    baseValue: BASE_VALUE$8,
-    baseUnits: BASE_UNITS$8
+    baseValue: BASE_VALUE$9,
+    baseUnits: BASE_UNITS$9
   },
   mediaQueries: {
     small: mediaQuerySizes.small,
@@ -3275,18 +4013,18 @@ var concepts$4 = {
   },
   sizing: {
     icons: {
-      xSmall: icons$8.xSmall,
-      small: icons$8.small,
-      medium: icons$8.medium,
-      large: icons$8.large,
-      xLarge: icons$8.xLarge
+      xSmall: icons$9.xSmall,
+      small: icons$9.small,
+      medium: icons$9.medium,
+      large: icons$9.large,
+      xLarge: icons$9.xLarge
     },
     sphere: {
-      xSmall: sphere$8.xSmall,
-      small: sphere$8.small,
-      medium: sphere$8.medium,
-      large: sphere$8.large,
-      xLarge: sphere$8.xLarge
+      xSmall: sphere$9.xSmall,
+      small: sphere$9.small,
+      medium: sphere$9.medium,
+      large: sphere$9.large,
+      xLarge: sphere$9.xLarge
     }
   }
 };
@@ -3425,7 +4163,8 @@ var hocs$4 = {
       warning: concepts$4.colors.warning,
       accent: concepts$4.colors.accent,
       grayScale: concepts$4.colors.grayScale,
-      blueScale: concepts$4.colors.blueScale
+      blueScale: concepts$4.colors.blueScale,
+      purpleScale: concepts$4.colors.purpleScale
     },
     background: concepts$4.colors.background,
     foreground: concepts$4.colors.foreground
@@ -3835,35 +4574,38 @@ var entities$4 = {
   colorOption: colorOption$4
 };
 
-var DARK_BLUE$1 = '#1F4177';
-var GOLD = '#A99A67';
-var BASE_GRAY$2 = '#313438';
-var ORANGE = '#E49944';
+var CARAMEL = '#B38048';
+var DARK_TEAL = '#314A51';
+var BEIGE = '#E0D5C0';
+var BASE_GRAY$2 = '#696767';
 var GREEN$3 = '#1DE6B9';
-var YELLOW$3 = '#F7A14D';
-var RED$3 = '#FB2E4B';
+var YELLOW$2 = '#F7A14D';
+var RED$2 = '#FB2E4B';
 var WHITE$3 = '#FFF';
-var BLUE$3 = '#1DC5E6';
-var darkBlueSwatch$1 = computeColorSwatch(DARK_BLUE$1);
-var goldSwatch = computeColorSwatch(GOLD);
-var baseGraySwatch$2 = computeColorSwatch(BASE_GRAY$2);
-var orangeSwatch = computeColorSwatch(ORANGE);
+var BLUE$2 = '#1DC5E6';
+var PURPLE$3 = '#703A96';
+var caramelSwatch = computeColorSwatch(CARAMEL);
+var darkTealSwatch = computeColorSwatch(DARK_TEAL);
+var beigeSwatch = computeColorSwatch(BEIGE);
+var baseGraySwatch$1 = computeColorSwatch(BASE_GRAY$2);
 var greenSwatch$3 = computeColorSwatch(GREEN$3);
-var yellowSwatch$3 = computeColorSwatch(YELLOW$3);
-var redSwatch$3 = computeColorSwatch(RED$3);
-var blueSwatch$3 = computeColorSwatch(BLUE$3);
-var BASE$2 = '#EAEAEA';
-var baseGray$2 = BASE_GRAY$2;
+var yellowSwatch$3 = computeColorSwatch(YELLOW$2);
+var redSwatch$3 = computeColorSwatch(RED$2);
+var blueSwatch$2 = computeColorSwatch(BLUE$2);
+var purpleSwatch$3 = computeColorSwatch(PURPLE$3);
+var BASE$2 = '#FBF9F4';
+var baseGray$1 = BASE_GRAY$2;
 var colors$7 = {
-  darkBlueSwatch: darkBlueSwatch$1,
-  goldSwatch: goldSwatch,
-  baseGraySwatch: baseGraySwatch$2,
-  orangeSwatch: orangeSwatch,
+  caramelSwatch: caramelSwatch,
+  beigeSwatch: beigeSwatch,
+  darkTealSwatch: darkTealSwatch,
   greenSwatch: greenSwatch$3,
   redSwatch: redSwatch$3,
   yellowSwatch: yellowSwatch$3,
-  blueSwatch: blueSwatch$3,
-  baseGray: baseGray$2,
+  blueSwatch: blueSwatch$2,
+  baseGraySwatch: baseGraySwatch$1,
+  baseGray: baseGray$1,
+  purpleSwatch: purpleSwatch$3,
   BASE: BASE$2,
   WHITE: WHITE$3
 };
@@ -3898,9 +4640,9 @@ var WEIGHT_BOLD$3 = 700;
 var WEIGHT_EXTRA_BOLD$3 = 800;
 
 var colors$6 = {
-  primaryBrand: colors$7.darkBlueSwatch,
-  secondaryBrand: colors$7.goldSwatch,
-  accent: colors$7.orangeSwatch,
+  primaryBrand: colors$7.caramelSwatch,
+  secondaryBrand: colors$7.darkTealSwatch,
+  accent: colors$7.beigeSwatch,
   success: colors$7.greenSwatch,
   warning: colors$7.yellowSwatch,
   danger: colors$7.redSwatch,
@@ -3908,6 +4650,7 @@ var colors$6 = {
   foreground: colors$7.WHITE,
   grayScale: colors$7.baseGraySwatch,
   blueScale: colors$7.blueSwatch,
+  purpleScale: colors$7.purpleSwatch,
   white: colors$7.WHITE,
   defaultShadowColor: SHADOW_DEFAULT_COLOR
 };
@@ -3969,15 +4712,15 @@ var concepts$3 = {
     }
   },
   borders: {
-    thin: borders$8.xSmall,
-    small: borders$8.small,
-    default: borders$8.medium,
-    large: borders$8.large,
-    bold: borders$8.xLarge
+    thin: borders$9.xSmall,
+    small: borders$9.small,
+    default: borders$9.medium,
+    large: borders$9.large,
+    bold: borders$9.xLarge
   },
   spacing: {
-    baseValue: BASE_VALUE$8,
-    baseUnits: BASE_UNITS$8
+    baseValue: BASE_VALUE$9,
+    baseUnits: BASE_UNITS$9
   },
   mediaQueries: {
     small: mediaQuerySizes.small,
@@ -3987,18 +4730,18 @@ var concepts$3 = {
   },
   sizing: {
     icons: {
-      xSmall: icons$8.xSmall,
-      small: icons$8.small,
-      medium: icons$8.medium,
-      large: icons$8.large,
-      xLarge: icons$8.xLarge
+      xSmall: icons$9.xSmall,
+      small: icons$9.small,
+      medium: icons$9.medium,
+      large: icons$9.large,
+      xLarge: icons$9.xLarge
     },
     sphere: {
-      xSmall: sphere$8.xSmall,
-      small: sphere$8.small,
-      medium: sphere$8.medium,
-      large: sphere$8.large,
-      xLarge: sphere$8.xLarge
+      xSmall: sphere$9.xSmall,
+      small: sphere$9.small,
+      medium: sphere$9.medium,
+      large: sphere$9.large,
+      xLarge: sphere$9.xLarge
     }
   }
 };
@@ -4137,7 +4880,8 @@ var hocs$3 = {
       warning: concepts$3.colors.warning,
       accent: concepts$3.colors.accent,
       grayScale: concepts$3.colors.grayScale,
-      blueScale: concepts$3.colors.blueScale
+      blueScale: concepts$3.colors.blueScale,
+      purpleScale: concepts$3.colors.purpleScale
     },
     background: concepts$3.colors.background,
     foreground: concepts$3.colors.foreground
@@ -4547,35 +5291,38 @@ var entities$3 = {
   colorOption: colorOption$3
 };
 
-var CARAMEL = '#B38048';
-var DARK_TEAL = '#314A51';
-var BEIGE = '#E0D5C0';
-var BASE_GRAY$1 = '#696767';
+var AQUA = '#61DCE8';
+var DARK_BLUE$1 = '#1F4177';
+var TEAL$1 = '#309D8E';
+var BASE_GRAY$1 = '#313438';
 var GREEN$2 = '#1DE6B9';
-var YELLOW$2 = '#F7A14D';
-var RED$2 = '#FB2E4B';
+var YELLOW$1 = '#F7A14D';
+var RED$1 = '#FB2E4B';
 var WHITE$2 = '#FFF';
-var BLUE$2 = '#1DC5E6';
-var caramelSwatch = computeColorSwatch(CARAMEL);
-var darkTealSwatch = computeColorSwatch(DARK_TEAL);
-var beigeSwatch = computeColorSwatch(BEIGE);
-var baseGraySwatch$1 = computeColorSwatch(BASE_GRAY$1);
+var BLUE$1 = '#1DC5E6';
+var PURPLE$2 = '#703A96';
+var aquaSwatch = computeColorSwatch(AQUA);
+var darkBlueSwatch$1 = computeColorSwatch(DARK_BLUE$1);
+var tealSwatch$1 = computeColorSwatch(TEAL$1);
+var baseGraySwatch = computeColorSwatch(BASE_GRAY$1);
 var greenSwatch$2 = computeColorSwatch(GREEN$2);
-var yellowSwatch$2 = computeColorSwatch(YELLOW$2);
-var redSwatch$2 = computeColorSwatch(RED$2);
-var blueSwatch$2 = computeColorSwatch(BLUE$2);
-var BASE$1 = '#FBF9F4';
-var baseGray$1 = BASE_GRAY$1;
+var yellowSwatch$2 = computeColorSwatch(YELLOW$1);
+var redSwatch$2 = computeColorSwatch(RED$1);
+var blueSwatch$1 = computeColorSwatch(BLUE$1);
+var purpleSwatch$2 = computeColorSwatch(PURPLE$2);
+var BASE$1 = '#F5F6F7';
+var baseGray = BASE_GRAY$1;
 var colors$5 = {
-  caramelSwatch: caramelSwatch,
-  beigeSwatch: beigeSwatch,
-  darkTealSwatch: darkTealSwatch,
+  darkBlueSwatch: darkBlueSwatch$1,
+  aquaSwatch: aquaSwatch,
+  tealSwatch: tealSwatch$1,
   greenSwatch: greenSwatch$2,
   redSwatch: redSwatch$2,
   yellowSwatch: yellowSwatch$2,
-  blueSwatch: blueSwatch$2,
-  baseGraySwatch: baseGraySwatch$1,
-  baseGray: baseGray$1,
+  blueSwatch: blueSwatch$1,
+  baseGraySwatch: baseGraySwatch,
+  baseGray: baseGray,
+  purpleSwatch: purpleSwatch$2,
   BASE: BASE$1,
   WHITE: WHITE$2
 };
@@ -4610,9 +5357,9 @@ var WEIGHT_BOLD$2 = 700;
 var WEIGHT_EXTRA_BOLD$2 = 800;
 
 var colors$4 = {
-  primaryBrand: colors$5.caramelSwatch,
-  secondaryBrand: colors$5.darkTealSwatch,
-  accent: colors$5.beigeSwatch,
+  primaryBrand: colors$5.aquaSwatch,
+  secondaryBrand: colors$5.darkBlueSwatch,
+  accent: colors$5.tealSwatch,
   success: colors$5.greenSwatch,
   warning: colors$5.yellowSwatch,
   danger: colors$5.redSwatch,
@@ -4620,6 +5367,7 @@ var colors$4 = {
   foreground: colors$5.WHITE,
   grayScale: colors$5.baseGraySwatch,
   blueScale: colors$5.blueSwatch,
+  purpleScale: colors$5.purpleSwatch,
   white: colors$5.WHITE,
   defaultShadowColor: SHADOW_DEFAULT_COLOR
 };
@@ -4681,15 +5429,15 @@ var concepts$2 = {
     }
   },
   borders: {
-    thin: borders$8.xSmall,
-    small: borders$8.small,
-    default: borders$8.medium,
-    large: borders$8.large,
-    bold: borders$8.xLarge
+    thin: borders$9.xSmall,
+    small: borders$9.small,
+    default: borders$9.medium,
+    large: borders$9.large,
+    bold: borders$9.xLarge
   },
   spacing: {
-    baseValue: BASE_VALUE$8,
-    baseUnits: BASE_UNITS$8
+    baseValue: BASE_VALUE$9,
+    baseUnits: BASE_UNITS$9
   },
   mediaQueries: {
     small: mediaQuerySizes.small,
@@ -4699,18 +5447,18 @@ var concepts$2 = {
   },
   sizing: {
     icons: {
-      xSmall: icons$8.xSmall,
-      small: icons$8.small,
-      medium: icons$8.medium,
-      large: icons$8.large,
-      xLarge: icons$8.xLarge
+      xSmall: icons$9.xSmall,
+      small: icons$9.small,
+      medium: icons$9.medium,
+      large: icons$9.large,
+      xLarge: icons$9.xLarge
     },
     sphere: {
-      xSmall: sphere$8.xSmall,
-      small: sphere$8.small,
-      medium: sphere$8.medium,
-      large: sphere$8.large,
-      xLarge: sphere$8.xLarge
+      xSmall: sphere$9.xSmall,
+      small: sphere$9.small,
+      medium: sphere$9.medium,
+      large: sphere$9.large,
+      xLarge: sphere$9.xLarge
     }
   }
 };
@@ -4849,7 +5597,8 @@ var hocs$2 = {
       warning: concepts$2.colors.warning,
       accent: concepts$2.colors.accent,
       grayScale: concepts$2.colors.grayScale,
-      blueScale: concepts$2.colors.blueScale
+      blueScale: concepts$2.colors.blueScale,
+      purpleScale: concepts$2.colors.purpleScale
     },
     background: concepts$2.colors.background,
     foreground: concepts$2.colors.foreground
@@ -5259,79 +6008,80 @@ var entities$2 = {
   colorOption: colorOption$2
 };
 
-var AQUA = '#61DCE8';
-var DARK_BLUE = '#1F4177';
-var TEAL = '#309D8E';
-var BASE_GRAY = '#313438';
-var GREEN$1 = '#1DE6B9';
-var YELLOW$1 = '#F7A14D';
-var RED$1 = '#FB2E4B';
+var PINK = '#FF04A0';
+var LIGHT_BLUE$1 = '#02C3E2';
+var GREEN$1 = '#44D5A4';
+var YELLOW = '#F4E467';
+var RED = '#F26666'; // TODO change ACCENT
+
+var ACCENT = '#FFF';
 var WHITE$1 = '#FFF';
-var BLUE$1 = '#1DC5E6';
-var aquaSwatch = computeColorSwatch(AQUA);
-var darkBlueSwatch = computeColorSwatch(DARK_BLUE);
-var tealSwatch = computeColorSwatch(TEAL);
-var baseGraySwatch = computeColorSwatch(BASE_GRAY);
+var BLUE = '#32abe4';
+var PURPLE$1 = '#703A96';
+var pinkSwatch = computeColorSwatch(PINK);
+var brightBlueSwatch = computeColorSwatch(LIGHT_BLUE$1);
 var greenSwatch$1 = computeColorSwatch(GREEN$1);
-var yellowSwatch$1 = computeColorSwatch(YELLOW$1);
-var redSwatch$1 = computeColorSwatch(RED$1);
-var blueSwatch$1 = computeColorSwatch(BLUE$1);
-var BASE = '#F5F6F7';
-var baseGray = BASE_GRAY;
+var yellowSwatch$1 = computeColorSwatch(YELLOW);
+var redSwatch$1 = computeColorSwatch(RED);
+var accentSwatch = computeColorSwatch(ACCENT);
+var blueSwatch = computeColorSwatch(BLUE);
+var purpleSwatch$1 = computeColorSwatch(PURPLE$1);
+var lightGray = '#f5f6f7';
 var colors$3 = {
-  darkBlueSwatch: darkBlueSwatch,
-  aquaSwatch: aquaSwatch,
-  tealSwatch: tealSwatch,
+  pinkSwatch: pinkSwatch,
+  brightBlueSwatch: brightBlueSwatch,
   greenSwatch: greenSwatch$1,
   redSwatch: redSwatch$1,
   yellowSwatch: yellowSwatch$1,
-  blueSwatch: blueSwatch$1,
-  baseGraySwatch: baseGraySwatch,
-  baseGray: baseGray,
-  BASE: BASE,
-  WHITE: WHITE$1
+  accentSwatch: accentSwatch,
+  WHITE: WHITE$1,
+  blueSwatch: blueSwatch,
+  lightGray: lightGray,
+  purpleSwatch: purpleSwatch$1
 };
 
 var BASE_VALUE$1 = 1;
-var BASE_UNITS$1 = 'rem'; // Rename to typography
+var BASE_UNITS$1 = 'rem';
 
 var computeFontSize$1 = function (multiplier) {
   return BASE_VALUE$1 * multiplier;
 };
+
 var XSMALL_FONT$1 = computeFontSize$1(0.75) + BASE_UNITS$1;
 var SMALL_FONT$1 = computeFontSize$1(0.875) + BASE_UNITS$1;
 var MEDIUM_FONT$1 = computeFontSize$1(1) + BASE_UNITS$1;
-var MEDIUM_PLUS_FONT$1 = computeFontSize$1(1.25) + BASE_UNITS$1;
-var LARGE_FONT$1 = computeFontSize$1(1.75) + BASE_UNITS$1;
-var XLARGE_FONT$1 = computeFontSize$1(2.125) + BASE_UNITS$1;
-var XXLARGE_FONT$1 = computeFontSize$1(3) + BASE_UNITS$1;
+var MEDIUM_PLUS_FONT$1 = computeFontSize$1(1.125) + BASE_UNITS$1;
+var LARGE_FONT$1 = computeFontSize$1(1.5) + BASE_UNITS$1;
+var XLARGE_FONT$1 = computeFontSize$1(2) + BASE_UNITS$1;
+var XXLARGE_FONT$1 = computeFontSize$1(4) + BASE_UNITS$1;
 var XSMALL_LINE_HEIGHT$1 = computeFontSize$1(1.5) + BASE_UNITS$1;
 var SMALL_LINE_HEIGHT$1 = computeFontSize$1(1.75) + BASE_UNITS$1;
 var MEDIUM_LINE_HEIGHT$1 = computeFontSize$1(2) + BASE_UNITS$1;
 var LARGE_LINE_HEIGHT$1 = computeFontSize$1(2.5) + BASE_UNITS$1;
 var XLARGE_LINE_HEIGHT$1 = computeFontSize$1(3) + BASE_UNITS$1;
 var XXLARGE_LINE_HEIGHT$1 = computeFontSize$1(3.5) + BASE_UNITS$1;
-var HEADING_FONT_FAMILY$1 = "'Poppins', 'Open Sans',  sans-serif";
-var BODY_FONT_FAMILY$1 = "'Poppins', 'Open Sans', sans-serif";
-var BODY_FONT_IMPORT$1 = 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap';
-var HEADING_FONT_IMPORT$1 = 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap';
+var HEADING_FONT_FAMILY$1 = "'Montserrat', sans-serif";
+var BODY_FONT_FAMILY$1 = "'Montserrat', sans-serif";
+var HEADING_FONT_IMPORT$1 = 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap';
+var BODY_FONT_IMPORT$1 = 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap';
 var WEIGHT_THIN$1 = 300;
 var WEIGHT_REGULAR$1 = 400;
-var WEIGHT_SEMI_BOLD$1 = 600;
-var WEIGHT_BOLD$1 = 700;
+var WEIGHT_SEMI_BOLD$1 = 500;
+var WEIGHT_BOLD$1 = 600;
 var WEIGHT_EXTRA_BOLD$1 = 800;
 
 var colors$2 = {
-  primaryBrand: colors$3.aquaSwatch,
-  secondaryBrand: colors$3.darkBlueSwatch,
-  accent: colors$3.tealSwatch,
+  primaryBrand: colors$3.pinkSwatch,
+  secondaryBrand: colors$3.brightBlueSwatch,
+  accent: colors$3.accentSwatch,
   success: colors$3.greenSwatch,
   warning: colors$3.yellowSwatch,
   danger: colors$3.redSwatch,
-  background: colors$3.BASE,
+  background: colors$3.lightGray,
   foreground: colors$3.WHITE,
-  grayScale: colors$3.baseGraySwatch,
+  grayScale: computeGrayScale(colors$3.pinkSwatch),
   blueScale: colors$3.blueSwatch,
+  purpleScale: colors$3.purpleSwatch,
   white: colors$3.WHITE,
   defaultShadowColor: SHADOW_DEFAULT_COLOR
 };
@@ -5393,15 +6143,15 @@ var concepts$1 = {
     }
   },
   borders: {
-    thin: borders$8.xSmall,
-    small: borders$8.small,
-    default: borders$8.medium,
-    large: borders$8.large,
-    bold: borders$8.xLarge
+    thin: borders$9.xSmall,
+    small: borders$9.small,
+    default: borders$9.medium,
+    large: borders$9.large,
+    bold: borders$9.xLarge
   },
   spacing: {
-    baseValue: BASE_VALUE$8,
-    baseUnits: BASE_UNITS$8
+    baseValue: BASE_VALUE$9,
+    baseUnits: BASE_UNITS$9
   },
   mediaQueries: {
     small: mediaQuerySizes.small,
@@ -5411,18 +6161,18 @@ var concepts$1 = {
   },
   sizing: {
     icons: {
-      xSmall: icons$8.xSmall,
-      small: icons$8.small,
-      medium: icons$8.medium,
-      large: icons$8.large,
-      xLarge: icons$8.xLarge
+      xSmall: icons$9.xSmall,
+      small: icons$9.small,
+      medium: icons$9.medium,
+      large: icons$9.large,
+      xLarge: icons$9.xLarge
     },
     sphere: {
-      xSmall: sphere$8.xSmall,
-      small: sphere$8.small,
-      medium: sphere$8.medium,
-      large: sphere$8.large,
-      xLarge: sphere$8.xLarge
+      xSmall: sphere$9.xSmall,
+      small: sphere$9.small,
+      medium: sphere$9.medium,
+      large: sphere$9.large,
+      xLarge: sphere$9.xLarge
     }
   }
 };
@@ -5561,7 +6311,8 @@ var hocs$1 = {
       warning: concepts$1.colors.warning,
       accent: concepts$1.colors.accent,
       grayScale: concepts$1.colors.grayScale,
-      blueScale: concepts$1.colors.blueScale
+      blueScale: concepts$1.colors.blueScale,
+      purpleScale: concepts$1.colors.purpleScale
     },
     background: concepts$1.colors.background,
     foreground: concepts$1.colors.foreground
@@ -5666,18 +6417,11 @@ var buttons$1 = {
     fontFamily: concepts$1.typography.families.body
   }
 };
-var slider$1 = {
-  backgroundColor: concepts$1.colors.background,
-  borderRadius: concepts$1.radius.small,
-  handleRadius: concepts$1.radius.circle,
-  handleColor: concepts$1.colors.foreground,
-  handleShadow: concepts$1.shadows.light
-};
 var inputs$1 = {
   checkbox: {
     border: borders$1.default,
     borderRadius: concepts$1.radius.small,
-    unCheckedBackgroundColor: concepts$1.colors.grayScale._800,
+    unCheckedBackgroundColor: concepts$1.colors.grayScale._1000,
     checkmarkColor: concepts$1.typography.colors.inverseBody,
     labelColor: concepts$1.typography.colors.primaryBody
   },
@@ -5764,13 +6508,13 @@ var animatedCheckmark$1 = {
 };
 var avatar$1 = {
   borderWidth: borders$1.thin,
-  borderColor: concepts$1.colors.grayScale._800,
+  borderColor: concepts$1.colors.grayScale._1000,
   borderRadius: concepts$1.radius.circle,
   boxShadow: concepts$1.shadows.mediumLight,
   backgroundColor: concepts$1.colors.foreground,
   bubbleBackgroundColors: {
     isActive: concepts$1.colors.success.base,
-    default: concepts$1.colors.grayScale._800
+    default: concepts$1.colors.grayScale._1000
   },
   defaultBackgroundColors: {
     primary: concepts$1.colors.primaryBrand.base,
@@ -5826,7 +6570,7 @@ var loadingSpinner$1 = {
 };
 var separator$1 = {
   border: borders$1.default,
-  color: concepts$1.colors.grayScale._800
+  color: concepts$1.colors.grayScale._1000
 };
 var card$1 = {
   backgroundColor: concepts$1.colors.warning.base,
@@ -5840,11 +6584,6 @@ var dialog$1 = {
   boxShadow: concepts$1.shadows.mediumDark,
   defaultInset: spacing$1.x6 + " " + spacing$1.x4 + " " + spacing$1.x4 + " " + spacing$1.x4
 };
-var navigation$1 = {
-  backgroundColor: concepts$1.colors.foreground,
-  border: borders$1.thin,
-  borderColor: concepts$1.colors.grayScale._800
-};
 var drawer$1 = {
   backgroundColor: concepts$1.colors.foreground,
   borderRadius: concepts$1.radius.small,
@@ -5864,12 +6603,24 @@ var drawer$1 = {
     }
   }
 };
+var navigation$1 = {
+  backgroundColor: concepts$1.colors.foreground,
+  border: borders$1.thin,
+  borderColor: concepts$1.colors.grayScale._1000
+};
 var sheet$1 = {
   mobileBorderRadius: concepts$1.radius.large,
   desktopBorderRadius: concepts$1.radius.default,
   backgroundColor: concepts$1.colors.foreground,
   boxShadow: concepts$1.shadows.mediumDark
 };
+var slider$1 = {
+  backgroundColor: concepts$1.colors.background,
+  borderRadius: concepts$1.radius.small,
+  handleRadius: concepts$1.radius.circle,
+  handleColor: concepts$1.colors.foreground,
+  handleShadow: concepts$1.shadows.light
+};
 var toggle$1 = {
   isActiveColor: concepts$1.colors.success.base,
   isNotActiveColor: concepts$1.colors.grayScale._900
@@ -5927,7 +6678,7 @@ var widget$1 = {
   },
   danger: {
     backgroundColor: concepts$1.colors.danger.base,
-    fontColor: 'inverseBody'
+    fontColor: 'primaryBody'
   },
   shadow: {
     backgroundColor: concepts$1.colors.foreground,
@@ -5959,45 +6710,50 @@ var entities$1 = {
   animatedCheckmark: animatedCheckmark$1,
   avatar: avatar$1,
   dialog: dialog$1,
+  drawer: drawer$1,
   sheet: sheet$1,
+  slider: slider$1,
   navigation: navigation$1,
   toggle: toggle$1,
   tooltip: tooltip$1,
-  drawer: drawer$1,
-  slider: slider$1,
   colorPicker: colorPicker$1,
   sphere: sphere$1,
   widget: widget$1,
   colorOption: colorOption$1
 };
 
-var PINK = '#FF04A0';
-var LIGHT_BLUE = '#02C3E2';
-var GREEN = '#44D5A4';
-var YELLOW = '#F4E467';
-var RED = '#F26666'; // TODO change ACCENT
-
-var ACCENT = '#FFF';
+var TEAL = '#00E0E0';
+var DARK_BLUE = '#023473';
+var LIGHT_BLUE = '#00AEEF';
+var ACCENT_BLUE = '#02C3E2';
+var BASE_GRAY = '#6A7177';
+var GREEN = '#0A9392';
+var GOLD = '#DFB614';
+var SALMON = '#F58795';
+var PURPLE = '#703A96';
+var BASE = '#FBF9F4';
 var WHITE = '#FFF';
-var BLUE = '#32abe4';
-var pinkSwatch = computeColorSwatch(PINK);
-var brightBlueSwatch = computeColorSwatch(LIGHT_BLUE);
+var tealSwatch = computeColorSwatch(TEAL);
+var darkBlueSwatch = computeColorSwatch(DARK_BLUE);
+var graySwatch = computeColorSwatch(BASE_GRAY);
+var lightBlueSwatch = computeColorSwatch(LIGHT_BLUE);
+var accentBlueSwatch = computeColorSwatch(ACCENT_BLUE);
 var greenSwatch = computeColorSwatch(GREEN);
-var yellowSwatch = computeColorSwatch(YELLOW);
-var redSwatch = computeColorSwatch(RED);
-var accentSwatch = computeColorSwatch(ACCENT);
-var blueSwatch = computeColorSwatch(BLUE);
-var lightGray = '#f5f6f7';
+var yellowSwatch = computeColorSwatch(GOLD);
+var redSwatch = computeColorSwatch(SALMON);
+var purpleSwatch = computeColorSwatch(PURPLE);
 var colors$1 = {
-  pinkSwatch: pinkSwatch,
-  brightBlueSwatch: brightBlueSwatch,
+  tealSwatch: tealSwatch,
+  darkBlueSwatch: darkBlueSwatch,
+  lightBlueSwatch: lightBlueSwatch,
+  graySwatch: graySwatch,
+  accentBlueSwatch: accentBlueSwatch,
   greenSwatch: greenSwatch,
-  redSwatch: redSwatch,
   yellowSwatch: yellowSwatch,
-  accentSwatch: accentSwatch,
+  redSwatch: redSwatch,
+  purpleSwatch: purpleSwatch,
   WHITE: WHITE,
-  blueSwatch: blueSwatch,
-  lightGray: lightGray
+  BASE: BASE
 };
 
 var BASE_VALUE = 1;
@@ -6006,41 +6762,41 @@ var BASE_UNITS = 'rem';
 var computeFontSize = function (multiplier) {
   return BASE_VALUE * multiplier;
 };
-
 var XSMALL_FONT = computeFontSize(0.75) + BASE_UNITS;
 var SMALL_FONT = computeFontSize(0.875) + BASE_UNITS;
 var MEDIUM_FONT = computeFontSize(1) + BASE_UNITS;
-var MEDIUM_PLUS_FONT = computeFontSize(1.125) + BASE_UNITS;
-var LARGE_FONT = computeFontSize(1.5) + BASE_UNITS;
-var XLARGE_FONT = computeFontSize(2) + BASE_UNITS;
-var XXLARGE_FONT = computeFontSize(4) + BASE_UNITS;
+var MEDIUM_PLUS_FONT = computeFontSize(1.25) + BASE_UNITS;
+var LARGE_FONT = computeFontSize(1.75) + BASE_UNITS;
+var XLARGE_FONT = computeFontSize(2.125) + BASE_UNITS;
+var XXLARGE_FONT = computeFontSize(3) + BASE_UNITS;
 var XSMALL_LINE_HEIGHT = computeFontSize(1.5) + BASE_UNITS;
 var SMALL_LINE_HEIGHT = computeFontSize(1.75) + BASE_UNITS;
 var MEDIUM_LINE_HEIGHT = computeFontSize(2) + BASE_UNITS;
 var LARGE_LINE_HEIGHT = computeFontSize(2.5) + BASE_UNITS;
 var XLARGE_LINE_HEIGHT = computeFontSize(3) + BASE_UNITS;
 var XXLARGE_LINE_HEIGHT = computeFontSize(3.5) + BASE_UNITS;
-var HEADING_FONT_FAMILY = "'Montserrat', sans-serif";
-var BODY_FONT_FAMILY = "'Montserrat', sans-serif";
-var HEADING_FONT_IMPORT = 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap';
-var BODY_FONT_IMPORT = 'https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&display=swap';
+var HEADING_FONT_FAMILY = "'Poppins', 'Open Sans',  sans-serif";
+var BODY_FONT_FAMILY = "'Poppins', 'Open Sans', sans-serif";
+var BODY_FONT_IMPORT = 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap';
+var HEADING_FONT_IMPORT = 'https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap';
 var WEIGHT_THIN = 300;
 var WEIGHT_REGULAR = 400;
-var WEIGHT_SEMI_BOLD = 500;
-var WEIGHT_BOLD = 600;
+var WEIGHT_SEMI_BOLD = 600;
+var WEIGHT_BOLD = 700;
 var WEIGHT_EXTRA_BOLD = 800;
 
 var colors = {
-  primaryBrand: colors$1.pinkSwatch,
-  secondaryBrand: colors$1.brightBlueSwatch,
-  accent: colors$1.accentSwatch,
+  primaryBrand: colors$1.tealSwatch,
+  secondaryBrand: colors$1.darkBlueSwatch,
+  accent: colors$1.accentBlueSwatch,
   success: colors$1.greenSwatch,
   warning: colors$1.yellowSwatch,
   danger: colors$1.redSwatch,
-  background: colors$1.lightGray,
+  background: colors$1.BASE,
   foreground: colors$1.WHITE,
-  grayScale: computeGrayScale(colors$1.pinkSwatch),
-  blueScale: colors$1.blueSwatch,
+  grayScale: colors$1.graySwatch,
+  blueScale: colors$1.lightBlueSwatch,
+  purpleScale: colors$1.purpleSwatch,
   white: colors$1.WHITE,
   defaultShadowColor: SHADOW_DEFAULT_COLOR
 };
@@ -6102,15 +6858,15 @@ var concepts = {
     }
   },
   borders: {
-    thin: borders$8.xSmall,
-    small: borders$8.small,
-    default: borders$8.medium,
-    large: borders$8.large,
-    bold: borders$8.xLarge
+    thin: borders$9.xSmall,
+    small: borders$9.small,
+    default: borders$9.medium,
+    large: borders$9.large,
+    bold: borders$9.xLarge
   },
   spacing: {
-    baseValue: BASE_VALUE$8,
-    baseUnits: BASE_UNITS$8
+    baseValue: BASE_VALUE$9,
+    baseUnits: BASE_UNITS$9
   },
   mediaQueries: {
     small: mediaQuerySizes.small,
@@ -6120,18 +6876,18 @@ var concepts = {
   },
   sizing: {
     icons: {
-      xSmall: icons$8.xSmall,
-      small: icons$8.small,
-      medium: icons$8.medium,
-      large: icons$8.large,
-      xLarge: icons$8.xLarge
+      xSmall: icons$9.xSmall,
+      small: icons$9.small,
+      medium: icons$9.medium,
+      large: icons$9.large,
+      xLarge: icons$9.xLarge
     },
     sphere: {
-      xSmall: sphere$8.xSmall,
-      small: sphere$8.small,
-      medium: sphere$8.medium,
-      large: sphere$8.large,
-      xLarge: sphere$8.xLarge
+      xSmall: sphere$9.xSmall,
+      small: sphere$9.small,
+      medium: sphere$9.medium,
+      large: sphere$9.large,
+      xLarge: sphere$9.xLarge
     }
   }
 };
@@ -6270,7 +7026,8 @@ var hocs = {
       warning: concepts.colors.warning,
       accent: concepts.colors.accent,
       grayScale: concepts.colors.grayScale,
-      blueScale: concepts.colors.blueScale
+      blueScale: concepts.colors.blueScale,
+      purpleScale: concepts.colors.purpleScale
     },
     background: concepts.colors.background,
     foreground: concepts.colors.foreground
@@ -6375,11 +7132,18 @@ var buttons = {
     fontFamily: concepts.typography.families.body
   }
 };
+var slider = {
+  backgroundColor: concepts.colors.background,
+  borderRadius: concepts.radius.small,
+  handleRadius: concepts.radius.circle,
+  handleColor: concepts.colors.foreground,
+  handleShadow: concepts.shadows.light
+};
 var inputs = {
   checkbox: {
     border: borders.default,
     borderRadius: concepts.radius.small,
-    unCheckedBackgroundColor: concepts.colors.grayScale._1000,
+    unCheckedBackgroundColor: concepts.colors.grayScale._800,
     checkmarkColor: concepts.typography.colors.inverseBody,
     labelColor: concepts.typography.colors.primaryBody
   },
@@ -6466,13 +7230,13 @@ var animatedCheckmark = {
 };
 var avatar = {
   borderWidth: borders.thin,
-  borderColor: concepts.colors.grayScale._1000,
+  borderColor: concepts.colors.grayScale._800,
   borderRadius: concepts.radius.circle,
   boxShadow: concepts.shadows.mediumLight,
   backgroundColor: concepts.colors.foreground,
   bubbleBackgroundColors: {
     isActive: concepts.colors.success.base,
-    default: concepts.colors.grayScale._1000
+    default: concepts.colors.grayScale._800
   },
   defaultBackgroundColors: {
     primary: concepts.colors.primaryBrand.base,
@@ -6528,7 +7292,7 @@ var loadingSpinner = {
 };
 var separator = {
   border: borders.default,
-  color: concepts.colors.grayScale._1000
+  color: concepts.colors.grayScale._800
 };
 var card = {
   backgroundColor: concepts.colors.warning.base,
@@ -6542,6 +7306,11 @@ var dialog = {
   boxShadow: concepts.shadows.mediumDark,
   defaultInset: spacing.x6 + " " + spacing.x4 + " " + spacing.x4 + " " + spacing.x4
 };
+var navigation = {
+  backgroundColor: concepts.colors.foreground,
+  border: borders.thin,
+  borderColor: concepts.colors.grayScale._800
+};
 var drawer = {
   backgroundColor: concepts.colors.foreground,
   borderRadius: concepts.radius.small,
@@ -6561,24 +7330,12 @@ var drawer = {
     }
   }
 };
-var navigation = {
-  backgroundColor: concepts.colors.foreground,
-  border: borders.thin,
-  borderColor: concepts.colors.grayScale._1000
-};
 var sheet = {
   mobileBorderRadius: concepts.radius.large,
   desktopBorderRadius: concepts.radius.default,
   backgroundColor: concepts.colors.foreground,
   boxShadow: concepts.shadows.mediumDark
 };
-var slider = {
-  backgroundColor: concepts.colors.background,
-  borderRadius: concepts.radius.small,
-  handleRadius: concepts.radius.circle,
-  handleColor: concepts.colors.foreground,
-  handleShadow: concepts.shadows.light
-};
 var toggle = {
   isActiveColor: concepts.colors.success.base,
   isNotActiveColor: concepts.colors.grayScale._900
@@ -6636,7 +7393,7 @@ var widget = {
   },
   danger: {
     backgroundColor: concepts.colors.danger.base,
-    fontColor: 'primaryBody'
+    fontColor: 'inverseBody'
   },
   shadow: {
     backgroundColor: concepts.colors.foreground,
@@ -6644,7 +7401,7 @@ var widget = {
   },
   accent: {
     backgroundColor: concepts.colors.accent.base,
-    fontColor: 'primaryBody'
+    fontColor: 'inverseBody'
   }
 };
 var colorOption = {
@@ -6668,21 +7425,21 @@ var entities = {
   animatedCheckmark: animatedCheckmark,
   avatar: avatar,
   dialog: dialog,
-  drawer: drawer,
   sheet: sheet,
-  slider: slider,
   navigation: navigation,
   toggle: toggle,
   tooltip: tooltip,
+  drawer: drawer,
+  slider: slider,
   colorPicker: colorPicker,
   sphere: sphere,
   widget: widget,
   colorOption: colorOption
 };
 
-var _emotionSourceMap2$x = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInF1YW50dW1UaGVtZVdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDZ0IiLCJmaWxlIjoicXVhbnR1bVRoZW1lV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnZW1vdGlvbi10aGVtaW5nJztcclxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgZW50aXRpZXMgfSBmcm9tICcuLi90aGVtZS90aGVtaW5nL2VudGl0aWVzJztcclxuaW1wb3J0IHsgc2VuZG9nb1RoZW1lLCBiZWxsYUNhZGFldXhUaGVtZSwgZ3JlZW5lclN0aWxsVGhlbWUsIHByb21wdGluZ1VUaGVtZSwgc3RyZWFtTWFya2V0aW5nVGhlbWUsIHN0cmVhbVZBVGhlbWUsIGJsdWU0MlRoZW1lLCBzZW5kT3V0Q2FyZHNUaGVtZSwgfSBmcm9tIFwiLi4vZXhwb3J0cy90aGVtZXNcIjtcclxuZXhwb3J0IHZhciBRdWFudHVtVGhlbWVXcmFwcGVyID0gZnVuY3Rpb24gKF9hKSB7XHJcbiAgICB2YXIgY2hpbGRyZW4gPSBfYS5jaGlsZHJlbiwgdGhlbWUgPSBfYS50aGVtZTtcclxuICAgIHZhciBnZXRUaGVtZSA9IGZ1bmN0aW9uICh0aGVtZSkge1xyXG4gICAgICAgIHN3aXRjaCAodGhlbWUpIHtcclxuICAgICAgICAgICAgY2FzZSAnc2VuZG9nbyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gc2VuZG9nb1RoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdiZWxsYUNhZGVhdXgnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGJlbGxhQ2FkYWV1eFRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdncmVlbmVyU3RpbGwnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGdyZWVuZXJTdGlsbFRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdwcm9tcHRpbmdVJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBwcm9tcHRpbmdVVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3N0cmVhbU1hcmtldGluZyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gc3RyZWFtTWFya2V0aW5nVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3N0cmVhbVZBJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBzdHJlYW1WQVRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdibHVlNDInOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGJsdWU0MlRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdzZW5kT3V0Q2FyZHMnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHNlbmRPdXRDYXJkc1RoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdwcm9tcHRpbmdzJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBncmVlbmVyU3RpbGxUaGVtZTtcclxuICAgICAgICAgICAgY2FzZSAncHJvbXB0aW5nc0FjYWRlbXknOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb21wdGluZ1VUaGVtZTtcclxuICAgICAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgICAgIHJldHVybiBlbnRpdGllcztcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIHNlbGVjdGVkVGhlbWUgPSBnZXRUaGVtZSh0aGVtZSk7XHJcbiAgICByZXR1cm4gKDxUaGVtZVByb3ZpZGVyIHRoZW1lPXtzZWxlY3RlZFRoZW1lfT5cbiAgICAgIDxHbG9iYWwgc3R5bGVzPXtjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgICAgICBAaW1wb3J0IHVybChcIiwgXCIpO1xcbiAgICAgICAgICBAaW1wb3J0IHVybChcIiwgXCIpO1xcbiAgICAgICAgICBib2R5IHtcXG4gICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMS42NTtcXG4gICAgICAgICAgICAqIHtcXG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICAgICAgICAgICAgfVxcbiAgICAgICAgICAgIGgxLFxcbiAgICAgICAgICAgIGgyLFxcbiAgICAgICAgICAgIGgzLFxcbiAgICAgICAgICAgIGg0LFxcbiAgICAgICAgICAgIGg1LFxcbiAgICAgICAgICAgIGg2IHtcXG4gICAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIiwgXCI7XFxuICAgICAgICAgICAgfVxcbiAgICAgICAgICAgIGJ1dHRvbiB7XFxuICAgICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgfVxcbiAgICAgICAgXCJdLCBbXCJcXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCIsIFwiKTtcXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCIsIFwiKTtcXG4gICAgICAgICAgYm9keSB7XFxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICBmb250LXNpemU6IDE2cHg7XFxuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDEuNjU7XFxuICAgICAgICAgICAgKiB7XFxuICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgICBoMSxcXG4gICAgICAgICAgICBoMixcXG4gICAgICAgICAgICBoMyxcXG4gICAgICAgICAgICBoNCxcXG4gICAgICAgICAgICBoNSxcXG4gICAgICAgICAgICBoNiB7XFxuICAgICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgICBidXR0b24ge1xcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICB9XFxuICAgICAgICAgIH1cXG4gICAgICAgIFwiXSkpLCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5ib2R5LCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5oZWFkaW5nLCBzZWxlY3RlZFRoZW1lLnRleHQuZmFtaWxpZXMuYm9keSwgc2VsZWN0ZWRUaGVtZS50ZXh0LmZhbWlsaWVzLmhlYWRpbmcsIHNlbGVjdGVkVGhlbWUudGV4dC5mYW1pbGllcy5ib2R5KX0vPlxuICAgICAgPGRpdiBjc3M9e2Nzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXG4gICAgICAgICAgPiBkaXYge1xcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgICAgICAgfVxcbiAgICAgICAgXCJdLCBbXCJcXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xcbiAgICAgICAgICA+IGRpdiB7XFxuICAgICAgICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICAgICAgICB9XFxuICAgICAgICBcIl0pKSl9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+KTtcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXF1YW50dW1UaGVtZVdyYXBwZXIuanN4Lm1hcCJdfQ== */";
+var _emotionSourceMap2$x = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInF1YW50dW1UaGVtZVdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXFDZ0IiLCJmaWxlIjoicXVhbnR1bVRoZW1lV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnZW1vdGlvbi10aGVtaW5nJztcclxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgZW50aXRpZXMgfSBmcm9tICcuLi90aGVtZS90aGVtaW5nL2VudGl0aWVzJztcclxuaW1wb3J0IHsgc2VuZG9nb1RoZW1lLCBiZWxsYUNhZGFldXhUaGVtZSwgZ3JlZW5lclN0aWxsVGhlbWUsIHByb21wdGluZ1VUaGVtZSwgc3RyZWFtTWFya2V0aW5nVGhlbWUsIHN0cmVhbVZBVGhlbWUsIGJsdWU0MlRoZW1lLCBzZW5kT3V0Q2FyZHNUaGVtZSwgcHJvbXB0aW5nc1RoZW1lLCB9IGZyb20gXCIuLi9leHBvcnRzL3RoZW1lc1wiO1xyXG5leHBvcnQgdmFyIFF1YW50dW1UaGVtZVdyYXBwZXIgPSBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBjaGlsZHJlbiA9IF9hLmNoaWxkcmVuLCB0aGVtZSA9IF9hLnRoZW1lO1xyXG4gICAgdmFyIGdldFRoZW1lID0gZnVuY3Rpb24gKHRoZW1lKSB7XHJcbiAgICAgICAgc3dpdGNoICh0aGVtZSkge1xyXG4gICAgICAgICAgICBjYXNlICdzZW5kb2dvJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBzZW5kb2dvVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ2JlbGxhQ2FkZWF1eCc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYmVsbGFDYWRhZXV4VGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ2dyZWVuZXJTdGlsbCc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gZ3JlZW5lclN0aWxsVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3Byb21wdGluZ1UnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb21wdGluZ1VUaGVtZTtcclxuICAgICAgICAgICAgY2FzZSAnc3RyZWFtTWFya2V0aW5nJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBzdHJlYW1NYXJrZXRpbmdUaGVtZTtcclxuICAgICAgICAgICAgY2FzZSAnc3RyZWFtVkEnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHN0cmVhbVZBVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ2JsdWU0Mic6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYmx1ZTQyVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3NlbmRPdXRDYXJkcyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gc2VuZE91dENhcmRzVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3Byb21wdGluZ3MnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb21wdGluZ3NUaGVtZTtcclxuICAgICAgICAgICAgY2FzZSAncHJvbXB0aW5nc0FjYWRlbXknOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb21wdGluZ1VUaGVtZTtcclxuICAgICAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgICAgIHJldHVybiBlbnRpdGllcztcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIHNlbGVjdGVkVGhlbWUgPSBnZXRUaGVtZSh0aGVtZSk7XHJcbiAgICByZXR1cm4gKDxUaGVtZVByb3ZpZGVyIHRoZW1lPXtzZWxlY3RlZFRoZW1lfT5cbiAgICAgIDxHbG9iYWwgc3R5bGVzPXtjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgICAgICBAaW1wb3J0IHVybChcIiwgXCIpO1xcbiAgICAgICAgICBAaW1wb3J0IHVybChcIiwgXCIpO1xcbiAgICAgICAgICBib2R5IHtcXG4gICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMS42NTtcXG4gICAgICAgICAgICAqIHtcXG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICAgICAgICAgICAgfVxcbiAgICAgICAgICAgIGgxLFxcbiAgICAgICAgICAgIGgyLFxcbiAgICAgICAgICAgIGgzLFxcbiAgICAgICAgICAgIGg0LFxcbiAgICAgICAgICAgIGg1LFxcbiAgICAgICAgICAgIGg2IHtcXG4gICAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIiwgXCI7XFxuICAgICAgICAgICAgfVxcbiAgICAgICAgICAgIGJ1dHRvbiB7XFxuICAgICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgfVxcbiAgICAgICAgXCJdLCBbXCJcXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCIsIFwiKTtcXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCIsIFwiKTtcXG4gICAgICAgICAgYm9keSB7XFxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICBmb250LXNpemU6IDE2cHg7XFxuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDEuNjU7XFxuICAgICAgICAgICAgKiB7XFxuICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgICBoMSxcXG4gICAgICAgICAgICBoMixcXG4gICAgICAgICAgICBoMyxcXG4gICAgICAgICAgICBoNCxcXG4gICAgICAgICAgICBoNSxcXG4gICAgICAgICAgICBoNiB7XFxuICAgICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgICBidXR0b24ge1xcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICB9XFxuICAgICAgICAgIH1cXG4gICAgICAgIFwiXSkpLCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5ib2R5LCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5oZWFkaW5nLCBzZWxlY3RlZFRoZW1lLnRleHQuZmFtaWxpZXMuYm9keSwgc2VsZWN0ZWRUaGVtZS50ZXh0LmZhbWlsaWVzLmhlYWRpbmcsIHNlbGVjdGVkVGhlbWUudGV4dC5mYW1pbGllcy5ib2R5KX0vPlxuICAgICAgPGRpdiBjc3M9e2Nzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXG4gICAgICAgICAgPiBkaXYge1xcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgICAgICAgfVxcbiAgICAgICAgXCJdLCBbXCJcXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xcbiAgICAgICAgICA+IGRpdiB7XFxuICAgICAgICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICAgICAgICB9XFxuICAgICAgICBcIl0pKSl9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+KTtcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXF1YW50dW1UaGVtZVdyYXBwZXIuanN4Lm1hcCJdfQ== */";
 
-var _emotionSourceMap$Y = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInF1YW50dW1UaGVtZVdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Dc0IiLCJmaWxlIjoicXVhbnR1bVRoZW1lV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnZW1vdGlvbi10aGVtaW5nJztcclxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgZW50aXRpZXMgfSBmcm9tICcuLi90aGVtZS90aGVtaW5nL2VudGl0aWVzJztcclxuaW1wb3J0IHsgc2VuZG9nb1RoZW1lLCBiZWxsYUNhZGFldXhUaGVtZSwgZ3JlZW5lclN0aWxsVGhlbWUsIHByb21wdGluZ1VUaGVtZSwgc3RyZWFtTWFya2V0aW5nVGhlbWUsIHN0cmVhbVZBVGhlbWUsIGJsdWU0MlRoZW1lLCBzZW5kT3V0Q2FyZHNUaGVtZSwgfSBmcm9tIFwiLi4vZXhwb3J0cy90aGVtZXNcIjtcclxuZXhwb3J0IHZhciBRdWFudHVtVGhlbWVXcmFwcGVyID0gZnVuY3Rpb24gKF9hKSB7XHJcbiAgICB2YXIgY2hpbGRyZW4gPSBfYS5jaGlsZHJlbiwgdGhlbWUgPSBfYS50aGVtZTtcclxuICAgIHZhciBnZXRUaGVtZSA9IGZ1bmN0aW9uICh0aGVtZSkge1xyXG4gICAgICAgIHN3aXRjaCAodGhlbWUpIHtcclxuICAgICAgICAgICAgY2FzZSAnc2VuZG9nbyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gc2VuZG9nb1RoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdiZWxsYUNhZGVhdXgnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGJlbGxhQ2FkYWV1eFRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdncmVlbmVyU3RpbGwnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGdyZWVuZXJTdGlsbFRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdwcm9tcHRpbmdVJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBwcm9tcHRpbmdVVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3N0cmVhbU1hcmtldGluZyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gc3RyZWFtTWFya2V0aW5nVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3N0cmVhbVZBJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBzdHJlYW1WQVRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdibHVlNDInOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIGJsdWU0MlRoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdzZW5kT3V0Q2FyZHMnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHNlbmRPdXRDYXJkc1RoZW1lO1xyXG4gICAgICAgICAgICBjYXNlICdwcm9tcHRpbmdzJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBncmVlbmVyU3RpbGxUaGVtZTtcclxuICAgICAgICAgICAgY2FzZSAncHJvbXB0aW5nc0FjYWRlbXknOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb21wdGluZ1VUaGVtZTtcclxuICAgICAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgICAgIHJldHVybiBlbnRpdGllcztcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIHNlbGVjdGVkVGhlbWUgPSBnZXRUaGVtZSh0aGVtZSk7XHJcbiAgICByZXR1cm4gKDxUaGVtZVByb3ZpZGVyIHRoZW1lPXtzZWxlY3RlZFRoZW1lfT5cbiAgICAgIDxHbG9iYWwgc3R5bGVzPXtjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgICAgICBAaW1wb3J0IHVybChcIiwgXCIpO1xcbiAgICAgICAgICBAaW1wb3J0IHVybChcIiwgXCIpO1xcbiAgICAgICAgICBib2R5IHtcXG4gICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMS42NTtcXG4gICAgICAgICAgICAqIHtcXG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICAgICAgICAgICAgfVxcbiAgICAgICAgICAgIGgxLFxcbiAgICAgICAgICAgIGgyLFxcbiAgICAgICAgICAgIGgzLFxcbiAgICAgICAgICAgIGg0LFxcbiAgICAgICAgICAgIGg1LFxcbiAgICAgICAgICAgIGg2IHtcXG4gICAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIiwgXCI7XFxuICAgICAgICAgICAgfVxcbiAgICAgICAgICAgIGJ1dHRvbiB7XFxuICAgICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgfVxcbiAgICAgICAgXCJdLCBbXCJcXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCIsIFwiKTtcXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCIsIFwiKTtcXG4gICAgICAgICAgYm9keSB7XFxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICBmb250LXNpemU6IDE2cHg7XFxuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDEuNjU7XFxuICAgICAgICAgICAgKiB7XFxuICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgICBoMSxcXG4gICAgICAgICAgICBoMixcXG4gICAgICAgICAgICBoMyxcXG4gICAgICAgICAgICBoNCxcXG4gICAgICAgICAgICBoNSxcXG4gICAgICAgICAgICBoNiB7XFxuICAgICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgICBidXR0b24ge1xcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICB9XFxuICAgICAgICAgIH1cXG4gICAgICAgIFwiXSkpLCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5ib2R5LCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5oZWFkaW5nLCBzZWxlY3RlZFRoZW1lLnRleHQuZmFtaWxpZXMuYm9keSwgc2VsZWN0ZWRUaGVtZS50ZXh0LmZhbWlsaWVzLmhlYWRpbmcsIHNlbGVjdGVkVGhlbWUudGV4dC5mYW1pbGllcy5ib2R5KX0vPlxuICAgICAgPGRpdiBjc3M9e2Nzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXG4gICAgICAgICAgPiBkaXYge1xcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgICAgICAgfVxcbiAgICAgICAgXCJdLCBbXCJcXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xcbiAgICAgICAgICA+IGRpdiB7XFxuICAgICAgICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICAgICAgICB9XFxuICAgICAgICBcIl0pKSl9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+KTtcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXF1YW50dW1UaGVtZVdyYXBwZXIuanN4Lm1hcCJdfQ== */";
+var _emotionSourceMap$Y = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInF1YW50dW1UaGVtZVdyYXBwZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9Dc0IiLCJmaWxlIjoicXVhbnR1bVRoZW1lV3JhcHBlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBfX21ha2VUZW1wbGF0ZU9iamVjdCB9IGZyb20gXCJ0c2xpYlwiO1xyXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xyXG5pbXBvcnQgeyBUaGVtZVByb3ZpZGVyIH0gZnJvbSAnZW1vdGlvbi10aGVtaW5nJztcclxuaW1wb3J0IHsgR2xvYmFsLCBjc3MgfSBmcm9tICdAZW1vdGlvbi9jb3JlJztcclxuaW1wb3J0IHsgZW50aXRpZXMgfSBmcm9tICcuLi90aGVtZS90aGVtaW5nL2VudGl0aWVzJztcclxuaW1wb3J0IHsgc2VuZG9nb1RoZW1lLCBiZWxsYUNhZGFldXhUaGVtZSwgZ3JlZW5lclN0aWxsVGhlbWUsIHByb21wdGluZ1VUaGVtZSwgc3RyZWFtTWFya2V0aW5nVGhlbWUsIHN0cmVhbVZBVGhlbWUsIGJsdWU0MlRoZW1lLCBzZW5kT3V0Q2FyZHNUaGVtZSwgcHJvbXB0aW5nc1RoZW1lLCB9IGZyb20gXCIuLi9leHBvcnRzL3RoZW1lc1wiO1xyXG5leHBvcnQgdmFyIFF1YW50dW1UaGVtZVdyYXBwZXIgPSBmdW5jdGlvbiAoX2EpIHtcclxuICAgIHZhciBjaGlsZHJlbiA9IF9hLmNoaWxkcmVuLCB0aGVtZSA9IF9hLnRoZW1lO1xyXG4gICAgdmFyIGdldFRoZW1lID0gZnVuY3Rpb24gKHRoZW1lKSB7XHJcbiAgICAgICAgc3dpdGNoICh0aGVtZSkge1xyXG4gICAgICAgICAgICBjYXNlICdzZW5kb2dvJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBzZW5kb2dvVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ2JlbGxhQ2FkZWF1eCc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYmVsbGFDYWRhZXV4VGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ2dyZWVuZXJTdGlsbCc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gZ3JlZW5lclN0aWxsVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3Byb21wdGluZ1UnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb21wdGluZ1VUaGVtZTtcclxuICAgICAgICAgICAgY2FzZSAnc3RyZWFtTWFya2V0aW5nJzpcclxuICAgICAgICAgICAgICAgIHJldHVybiBzdHJlYW1NYXJrZXRpbmdUaGVtZTtcclxuICAgICAgICAgICAgY2FzZSAnc3RyZWFtVkEnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHN0cmVhbVZBVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ2JsdWU0Mic6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gYmx1ZTQyVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3NlbmRPdXRDYXJkcyc6XHJcbiAgICAgICAgICAgICAgICByZXR1cm4gc2VuZE91dENhcmRzVGhlbWU7XHJcbiAgICAgICAgICAgIGNhc2UgJ3Byb21wdGluZ3MnOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb21wdGluZ3NUaGVtZTtcclxuICAgICAgICAgICAgY2FzZSAncHJvbXB0aW5nc0FjYWRlbXknOlxyXG4gICAgICAgICAgICAgICAgcmV0dXJuIHByb21wdGluZ1VUaGVtZTtcclxuICAgICAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgICAgIHJldHVybiBlbnRpdGllcztcclxuICAgICAgICB9XHJcbiAgICB9O1xyXG4gICAgdmFyIHNlbGVjdGVkVGhlbWUgPSBnZXRUaGVtZSh0aGVtZSk7XHJcbiAgICByZXR1cm4gKDxUaGVtZVByb3ZpZGVyIHRoZW1lPXtzZWxlY3RlZFRoZW1lfT5cbiAgICAgIDxHbG9iYWwgc3R5bGVzPXtjc3ModGVtcGxhdGVPYmplY3RfMSB8fCAodGVtcGxhdGVPYmplY3RfMSA9IF9fbWFrZVRlbXBsYXRlT2JqZWN0KFtcIlxcbiAgICAgICAgICBAaW1wb3J0IHVybChcIiwgXCIpO1xcbiAgICAgICAgICBAaW1wb3J0IHVybChcIiwgXCIpO1xcbiAgICAgICAgICBib2R5IHtcXG4gICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXG4gICAgICAgICAgICBsaW5lLWhlaWdodDogMS42NTtcXG4gICAgICAgICAgICAqIHtcXG4gICAgICAgICAgICAgIGJveC1zaXppbmc6IGJvcmRlci1ib3g7XFxuICAgICAgICAgICAgfVxcbiAgICAgICAgICAgIGgxLFxcbiAgICAgICAgICAgIGgyLFxcbiAgICAgICAgICAgIGgzLFxcbiAgICAgICAgICAgIGg0LFxcbiAgICAgICAgICAgIGg1LFxcbiAgICAgICAgICAgIGg2IHtcXG4gICAgICAgICAgICAgIGZvbnQtZmFtaWx5OiBcIiwgXCI7XFxuICAgICAgICAgICAgfVxcbiAgICAgICAgICAgIGJ1dHRvbiB7XFxuICAgICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgfVxcbiAgICAgICAgXCJdLCBbXCJcXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCIsIFwiKTtcXG4gICAgICAgICAgQGltcG9ydCB1cmwoXCIsIFwiKTtcXG4gICAgICAgICAgYm9keSB7XFxuICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICBmb250LXNpemU6IDE2cHg7XFxuICAgICAgICAgICAgbGluZS1oZWlnaHQ6IDEuNjU7XFxuICAgICAgICAgICAgKiB7XFxuICAgICAgICAgICAgICBib3gtc2l6aW5nOiBib3JkZXItYm94O1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgICBoMSxcXG4gICAgICAgICAgICBoMixcXG4gICAgICAgICAgICBoMyxcXG4gICAgICAgICAgICBoNCxcXG4gICAgICAgICAgICBoNSxcXG4gICAgICAgICAgICBoNiB7XFxuICAgICAgICAgICAgICBmb250LWZhbWlseTogXCIsIFwiO1xcbiAgICAgICAgICAgIH1cXG4gICAgICAgICAgICBidXR0b24ge1xcbiAgICAgICAgICAgICAgZm9udC1mYW1pbHk6IFwiLCBcIjtcXG4gICAgICAgICAgICB9XFxuICAgICAgICAgIH1cXG4gICAgICAgIFwiXSkpLCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5ib2R5LCBzZWxlY3RlZFRoZW1lLnRleHQuaW1wb3J0cy5oZWFkaW5nLCBzZWxlY3RlZFRoZW1lLnRleHQuZmFtaWxpZXMuYm9keSwgc2VsZWN0ZWRUaGVtZS50ZXh0LmZhbWlsaWVzLmhlYWRpbmcsIHNlbGVjdGVkVGhlbWUudGV4dC5mYW1pbGllcy5ib2R5KX0vPlxuICAgICAgPGRpdiBjc3M9e2Nzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgICAgICAgIGZvbnQtc2l6ZTogMTZweDtcXG4gICAgICAgICAgPiBkaXYge1xcbiAgICAgICAgICAgIGZvbnQtc2l6ZTogaW5oZXJpdDtcXG4gICAgICAgICAgfVxcbiAgICAgICAgXCJdLCBbXCJcXG4gICAgICAgICAgZm9udC1zaXplOiAxNnB4O1xcbiAgICAgICAgICA+IGRpdiB7XFxuICAgICAgICAgICAgZm9udC1zaXplOiBpbmhlcml0O1xcbiAgICAgICAgICB9XFxuICAgICAgICBcIl0pKSl9PlxuICAgICAgICB7Y2hpbGRyZW59XG4gICAgICA8L2Rpdj5cbiAgICA8L1RoZW1lUHJvdmlkZXI+KTtcclxufTtcclxudmFyIHRlbXBsYXRlT2JqZWN0XzEsIHRlbXBsYXRlT2JqZWN0XzI7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPXF1YW50dW1UaGVtZVdyYXBwZXIuanN4Lm1hcCJdfQ== */";
 var QuantumThemeWrapper = function (_a) {
   var children = _a.children,
       theme = _a.theme;
@@ -6690,37 +7447,37 @@ var QuantumThemeWrapper = function (_a) {
   var getTheme = function (theme) {
     switch (theme) {
       case 'sendogo':
-        return entities$7;
+        return entities$8;
 
       case 'bellaCadeaux':
-        return entities$5;
+        return entities$6;
 
       case 'greenerStill':
-        return entities$6;
+        return entities$7;
 
       case 'promptingU':
-        return entities$3;
+        return entities$4;
 
       case 'streamMarketing':
-        return entities$2;
+        return entities$3;
 
       case 'streamVA':
-        return entities$1;
+        return entities$2;
 
       case 'blue42':
-        return entities$4;
+        return entities$5;
 
       case 'sendOutCards':
-        return entities;
+        return entities$1;
 
       case 'promptings':
-        return entities$6;
+        return entities;
 
       case 'promptingsAcademy':
-        return entities$3;
+        return entities$4;
 
       default:
-        return entities$8;
+        return entities$9;
     }
   };
 
@@ -11335,7 +12092,7 @@ var styles$T = {
 };
 var templateObject_1$X, templateObject_2$w, templateObject_3$j;
 
-var mediaQueries$2 = entities$8.mediaQueries;
+var mediaQueries$2 = entities$9.mediaQueries;
 var makeResponsive = function (property, value, entity) {
   var style = {};
 
@@ -11770,7 +12527,7 @@ var useWindowSize = function () {
   };
 };
 
-var mediaQueries$1 = entities$8.mediaQueries;
+var mediaQueries$1 = entities$9.mediaQueries;
 var makeTextResponsive = function (size, callback, windowSize) {
   // TODO - Change this function to allow cases to fall through, as of now you have to specify every media query size
   var lastQuery = 'body';
@@ -13374,7 +14131,7 @@ var _emotionSourceMap3$f = process.env.NODE_ENV === "production" ? "" : "/*# sou
 var _emotionSourceMap2$n = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNNEYiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCB7IGVudGl0aWVzIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1pbmcvZW50aXRpZXNcIjtcclxudmFyIG1lZGlhUXVlcmllcyA9IGVudGl0aWVzLm1lZGlhUXVlcmllcztcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgc2hlZXRXcmFwcGVyOiBmdW5jdGlvbiAobW9iaWxlLCBsYXllcikgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgcG9zaXRpb246IFwiLCBcIjtcXG4gICAgYm90dG9tOiAwO1xcbiAgICBsZWZ0OiAwO1xcbiAgICB6LWluZGV4OiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBwb3NpdGlvbjogXCIsIFwiO1xcbiAgICBib3R0b206IDA7XFxuICAgIGxlZnQ6IDA7XFxuICAgIHotaW5kZXg6IFwiLCBcIjtcXG4gIFwiXSkpLCBtb2JpbGUgPyAnYWJzb2x1dGUnIDogJ3JlbGF0aXZlJywgbGF5ZXIpOyB9LFxyXG4gICAgc2hlZXQ6IGZ1bmN0aW9uIChzaGVldEVudGl0eSwgaGFzQmFja2dyb3VuZEVsZW1lbnQsIGlzTW9iaWxlLCBiYWNrZ3JvdW5kQ29sb3IpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBcIiwgXCI7XFxuICAgIHBsYWNlLWl0ZW1zOiBzdGFydCBjZW50ZXI7XFxuICAgIHBsYWNlLWNvbnRlbnQ6IHN0YXJ0IGNlbnRlcjtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAgYm9yZGVyLXJhZGl1czogXCIsIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDQ4cHggMzJweCAzMnB4IDMycHg7XFxuICAgIHBvc2l0aW9uOiBcIiwgXCI7XFxuICAgIGJvdHRvbTogXCIsIFwiO1xcbiAgICB6LWluZGV4OiAzO1xcbiAgICBvcmRlcjogMjtcXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogXCIsIFwiKSB7XFxuICAgICAgYm9yZGVyLXJhZGl1czogXCIsIFwiO1xcbiAgICB9XFxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IFwiLCBcIikge1xcbiAgICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgICAgb3JkZXI6IDE7XFxuICAgICAgYm9yZGVyLXJhZGl1czogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcbiAgICBwbGFjZS1pdGVtczogc3RhcnQgY2VudGVyO1xcbiAgICBwbGFjZS1jb250ZW50OiBzdGFydCBjZW50ZXI7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLCBcIjtcXG4gICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICBwYWRkaW5nOiA0OHB4IDMycHggMzJweCAzMnB4O1xcbiAgICBwb3NpdGlvbjogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gICAgei1pbmRleDogMztcXG4gICAgb3JkZXI6IDI7XFxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IFwiLCBcIikge1xcbiAgICAgIGJvcmRlci1yYWRpdXM6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICB9XFxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IFwiLCBcIikge1xcbiAgICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgICAgb3JkZXI6IDE7XFxuICAgICAgYm9yZGVyLXJhZGl1czogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIH1cXG4gIFwiXSkpLCBiYWNrZ3JvdW5kQ29sb3IgfHwgJ3doaXRlJywgc2hlZXRFbnRpdHkubW9iaWxlQm9yZGVyUmFkaXVzICsgXCIgXCIgKyBzaGVldEVudGl0eS5tb2JpbGVCb3JkZXJSYWRpdXMgKyBcIiAwIDBcIiwgc2hlZXRFbnRpdHkuYm94U2hhZG93LCBpc01vYmlsZSA/ICdhYnNvbHV0ZScgOiAncmVsYXRpdmUnLCBpc01vYmlsZSAmJiAwLCBtZWRpYVF1ZXJpZXMucmF3VmFsdWVzLnNtYWxsICsgXCJweFwiLCBoYXNCYWNrZ3JvdW5kRWxlbWVudFxyXG4gICAgICAgID8gc2hlZXRFbnRpdHkuZGVza3RvcEJvcmRlclJhZGl1cyArIFwiIFwiICsgc2hlZXRFbnRpdHkuZGVza3RvcEJvcmRlclJhZGl1cyArIFwiIDAgMCBcIlxyXG4gICAgICAgIDogXCJcIiArIHNoZWV0RW50aXR5LmRlc2t0b3BCb3JkZXJSYWRpdXMsIG1lZGlhUXVlcmllcy5yYXdWYWx1ZXMubWVkaXVtICsgXCJweFwiLCBoYXNCYWNrZ3JvdW5kRWxlbWVudCA/ICc1MCUnIDogJzEwMCUnLCBoYXNCYWNrZ3JvdW5kRWxlbWVudFxyXG4gICAgICAgID8gc2hlZXRFbnRpdHkuZGVza3RvcEJvcmRlclJhZGl1cyArIFwiIDAgMCBcIiArIHNoZWV0RW50aXR5LmRlc2t0b3BCb3JkZXJSYWRpdXNcclxuICAgICAgICA6IFwiXCIgKyBzaGVldEVudGl0eS5kZXNrdG9wQm9yZGVyUmFkaXVzKTsgfSxcclxuICAgIGRyYWdCYXI6IGNzcyh0ZW1wbGF0ZU9iamVjdF8zIHx8ICh0ZW1wbGF0ZU9iamVjdF8zID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSwgW1wiXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSkpKSxcclxuICAgIGNoaWxkV3JhcHBlcjogY3NzKHRlbXBsYXRlT2JqZWN0XzQgfHwgKHRlbXBsYXRlT2JqZWN0XzQgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XFxuICAgICAgd2lkdGg6IDBweDtcXG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsgLyogbWFrZSBzY3JvbGxiYXIgdHJhbnNwYXJlbnQgKi9cXG4gICAgfVxcbiAgXCJdLCBbXCJcXG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XFxuICAgICAgd2lkdGg6IDBweDtcXG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsgLyogbWFrZSBzY3JvbGxiYXIgdHJhbnNwYXJlbnQgKi9cXG4gICAgfVxcbiAgXCJdKSkpLFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMiwgdGVtcGxhdGVPYmplY3RfMywgdGVtcGxhdGVPYmplY3RfNDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
 
 var _emotionSourceMap$C = process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLb0QiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgX19tYWtlVGVtcGxhdGVPYmplY3QgfSBmcm9tIFwidHNsaWJcIjtcclxuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vY29yZSc7XHJcbmltcG9ydCB7IGVudGl0aWVzIH0gZnJvbSBcIi4uLy4uL3RoZW1lL3RoZW1pbmcvZW50aXRpZXNcIjtcclxudmFyIG1lZGlhUXVlcmllcyA9IGVudGl0aWVzLm1lZGlhUXVlcmllcztcclxuZXhwb3J0IGRlZmF1bHQge1xyXG4gICAgc2hlZXRXcmFwcGVyOiBmdW5jdGlvbiAobW9iaWxlLCBsYXllcikgeyByZXR1cm4gY3NzKHRlbXBsYXRlT2JqZWN0XzEgfHwgKHRlbXBsYXRlT2JqZWN0XzEgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgcG9zaXRpb246IFwiLCBcIjtcXG4gICAgYm90dG9tOiAwO1xcbiAgICBsZWZ0OiAwO1xcbiAgICB6LWluZGV4OiBcIiwgXCI7XFxuICBcIl0sIFtcIlxcbiAgICBwb3NpdGlvbjogXCIsIFwiO1xcbiAgICBib3R0b206IDA7XFxuICAgIGxlZnQ6IDA7XFxuICAgIHotaW5kZXg6IFwiLCBcIjtcXG4gIFwiXSkpLCBtb2JpbGUgPyAnYWJzb2x1dGUnIDogJ3JlbGF0aXZlJywgbGF5ZXIpOyB9LFxyXG4gICAgc2hlZXQ6IGZ1bmN0aW9uIChzaGVldEVudGl0eSwgaGFzQmFja2dyb3VuZEVsZW1lbnQsIGlzTW9iaWxlLCBiYWNrZ3JvdW5kQ29sb3IpIHsgcmV0dXJuIGNzcyh0ZW1wbGF0ZU9iamVjdF8yIHx8ICh0ZW1wbGF0ZU9iamVjdF8yID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIHdpZHRoOiAxMDAlO1xcbiAgICBkaXNwbGF5OiBmbGV4O1xcbiAgICBiYWNrZ3JvdW5kLWNvbG9yOiBcIiwgXCI7XFxuICAgIHBsYWNlLWl0ZW1zOiBzdGFydCBjZW50ZXI7XFxuICAgIHBsYWNlLWNvbnRlbnQ6IHN0YXJ0IGNlbnRlcjtcXG4gICAgZmxleC1kaXJlY3Rpb246IGNvbHVtbjtcXG4gICAgYm9yZGVyLXJhZGl1czogXCIsIFwiO1xcbiAgICBib3gtc2hhZG93OiBcIiwgXCI7XFxuICAgIHBhZGRpbmc6IDQ4cHggMzJweCAzMnB4IDMycHg7XFxuICAgIHBvc2l0aW9uOiBcIiwgXCI7XFxuICAgIGJvdHRvbTogXCIsIFwiO1xcbiAgICB6LWluZGV4OiAzO1xcbiAgICBvcmRlcjogMjtcXG4gICAgQG1lZGlhIHNjcmVlbiBhbmQgKG1pbi13aWR0aDogXCIsIFwiKSB7XFxuICAgICAgYm9yZGVyLXJhZGl1czogXCIsIFwiO1xcbiAgICB9XFxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IFwiLCBcIikge1xcbiAgICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgICAgb3JkZXI6IDE7XFxuICAgICAgYm9yZGVyLXJhZGl1czogXCIsIFwiO1xcbiAgICB9XFxuICBcIl0sIFtcIlxcbiAgICB3aWR0aDogMTAwJTtcXG4gICAgZGlzcGxheTogZmxleDtcXG4gICAgYmFja2dyb3VuZC1jb2xvcjogXCIsIFwiO1xcbiAgICBwbGFjZS1pdGVtczogc3RhcnQgY2VudGVyO1xcbiAgICBwbGFjZS1jb250ZW50OiBzdGFydCBjZW50ZXI7XFxuICAgIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XFxuICAgIGJvcmRlci1yYWRpdXM6IFwiLCBcIjtcXG4gICAgYm94LXNoYWRvdzogXCIsIFwiO1xcbiAgICBwYWRkaW5nOiA0OHB4IDMycHggMzJweCAzMnB4O1xcbiAgICBwb3NpdGlvbjogXCIsIFwiO1xcbiAgICBib3R0b206IFwiLCBcIjtcXG4gICAgei1pbmRleDogMztcXG4gICAgb3JkZXI6IDI7XFxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IFwiLCBcIikge1xcbiAgICAgIGJvcmRlci1yYWRpdXM6IFwiLFxyXG4gICAgICAgIFwiO1xcbiAgICB9XFxuICAgIEBtZWRpYSBzY3JlZW4gYW5kIChtaW4td2lkdGg6IFwiLCBcIikge1xcbiAgICAgIHdpZHRoOiBcIiwgXCI7XFxuICAgICAgb3JkZXI6IDE7XFxuICAgICAgYm9yZGVyLXJhZGl1czogXCIsXHJcbiAgICAgICAgXCI7XFxuICAgIH1cXG4gIFwiXSkpLCBiYWNrZ3JvdW5kQ29sb3IgfHwgJ3doaXRlJywgc2hlZXRFbnRpdHkubW9iaWxlQm9yZGVyUmFkaXVzICsgXCIgXCIgKyBzaGVldEVudGl0eS5tb2JpbGVCb3JkZXJSYWRpdXMgKyBcIiAwIDBcIiwgc2hlZXRFbnRpdHkuYm94U2hhZG93LCBpc01vYmlsZSA/ICdhYnNvbHV0ZScgOiAncmVsYXRpdmUnLCBpc01vYmlsZSAmJiAwLCBtZWRpYVF1ZXJpZXMucmF3VmFsdWVzLnNtYWxsICsgXCJweFwiLCBoYXNCYWNrZ3JvdW5kRWxlbWVudFxyXG4gICAgICAgID8gc2hlZXRFbnRpdHkuZGVza3RvcEJvcmRlclJhZGl1cyArIFwiIFwiICsgc2hlZXRFbnRpdHkuZGVza3RvcEJvcmRlclJhZGl1cyArIFwiIDAgMCBcIlxyXG4gICAgICAgIDogXCJcIiArIHNoZWV0RW50aXR5LmRlc2t0b3BCb3JkZXJSYWRpdXMsIG1lZGlhUXVlcmllcy5yYXdWYWx1ZXMubWVkaXVtICsgXCJweFwiLCBoYXNCYWNrZ3JvdW5kRWxlbWVudCA/ICc1MCUnIDogJzEwMCUnLCBoYXNCYWNrZ3JvdW5kRWxlbWVudFxyXG4gICAgICAgID8gc2hlZXRFbnRpdHkuZGVza3RvcEJvcmRlclJhZGl1cyArIFwiIDAgMCBcIiArIHNoZWV0RW50aXR5LmRlc2t0b3BCb3JkZXJSYWRpdXNcclxuICAgICAgICA6IFwiXCIgKyBzaGVldEVudGl0eS5kZXNrdG9wQm9yZGVyUmFkaXVzKTsgfSxcclxuICAgIGRyYWdCYXI6IGNzcyh0ZW1wbGF0ZU9iamVjdF8zIHx8ICh0ZW1wbGF0ZU9iamVjdF8zID0gX19tYWtlVGVtcGxhdGVPYmplY3QoW1wiXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSwgW1wiXFxuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtNTAlKTtcXG4gIFwiXSkpKSxcclxuICAgIGNoaWxkV3JhcHBlcjogY3NzKHRlbXBsYXRlT2JqZWN0XzQgfHwgKHRlbXBsYXRlT2JqZWN0XzQgPSBfX21ha2VUZW1wbGF0ZU9iamVjdChbXCJcXG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XFxuICAgICAgd2lkdGg6IDBweDtcXG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsgLyogbWFrZSBzY3JvbGxiYXIgdHJhbnNwYXJlbnQgKi9cXG4gICAgfVxcbiAgXCJdLCBbXCJcXG4gICAgOjotd2Via2l0LXNjcm9sbGJhciB7XFxuICAgICAgd2lkdGg6IDBweDtcXG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDsgLyogbWFrZSBzY3JvbGxiYXIgdHJhbnNwYXJlbnQgKi9cXG4gICAgfVxcbiAgXCJdKSkpLFxyXG59O1xyXG52YXIgdGVtcGxhdGVPYmplY3RfMSwgdGVtcGxhdGVPYmplY3RfMiwgdGVtcGxhdGVPYmplY3RfMywgdGVtcGxhdGVPYmplY3RfNDtcclxuLy8jIHNvdXJjZU1hcHBpbmdVUkw9c3R5bGVzLmpzLm1hcCJdfQ== */";
-var mediaQueries = entities$8.mediaQueries;
+var mediaQueries = entities$9.mediaQueries;
 var styles$A = {
   sheetWrapper: function (mobile, layer) {
     return /*#__PURE__*/css(templateObject_1$C || (templateObject_1$C = __makeTemplateObject(["\n    position: ", ";\n    bottom: 0;\n    left: 0;\n    z-index: ", ";\n  " + _emotionSourceMap$C], ["\n    position: ", ";\n    bottom: 0;\n    left: 0;\n    z-index: ", ";\n  " + _emotionSourceMap$C])), mobile ? 'absolute' : 'relative', layer);
@@ -24338,7 +25095,8 @@ var useColorSwatch = function () {
       warning = _a.warning,
       accent = _a.accent,
       grayScale = _a.grayScale,
-      blueScale = _a.blueScale;
+      blueScale = _a.blueScale,
+      purpleScale = _a.purpleScale;
   return {
     primaryBrand: primaryBrand,
     secondaryBrand: secondaryBrand,
@@ -24347,8 +25105,9 @@ var useColorSwatch = function () {
     warning: warning,
     accent: accent,
     grayScale: grayScale,
-    blueScale: blueScale
+    blueScale: blueScale,
+    purpleScale: purpleScale
   };
 };
 
-export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ColorThumbnail, ComparisonIncludesList, ComparisonItem, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, DisplayCard, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image$1 as Image, ImageThumbnail, ImageUploadWidget, ImageUploader, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PaperTypeModal, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, ReleaseNoteDialog, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, SettingInput, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, SubscriptionUpsaleDialog, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UploadButton, UpsaleDialog, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$5 as bellaCadaeuxTheme, entities$4 as blue42Theme, getSize, entities$6 as greenerStillTheme, entities$3 as promptingUTheme, entities as sendOutCardsTheme, entities$7 as sendogoTheme, entities$2 as streamMarketingTheme, entities$1 as streamVATheme, useColorSwatch };
+export { Accordion, AccordionBody, AccordionHeading, AccountMenu, AffiliateShareWidget, Anchor, AnimatedCheckMark, AnimatedGrid, ArticleCard, Aside, Avatar, AwardCard, AwardGroupLabel, Badge, Banner, Bar, BlockQuote, BulkSend, Button, ButtonWithMenu, Capsule, Card, CardEntryDialog, CardQuantitySlider, Checkbox, Circle, CircleMenu, Clipboard, CloseButton, ColorOption, ColorThumbnail, ComparisonIncludesList, ComparisonItem, ConfigurationCard, ConfirmDialog, Content, ContentPusher, ContextBar, CountdownTimer, Dialog, DisplayCard, Div, DownloadButton, DragBar, DragBox, Drawer, DropDownMenu, ExpandedAwardCard, FeatureAnnouncement, FeatureBadge, Flex, Grid, GridItem, HStack, Icon, IconLink, Image$1 as Image, ImageThumbnail, ImageUploadWidget, ImageUploader, IncrementSetting, InfiniteScroller, InfoBlock, Input, InviteCard, LinkColumn, List, ListItem, Loader, LoadingSpinner, Logo, MasonryGrid, Menu, MenuItem, MenuSection, Navigation, NavigationPill, Option, OrderCard, Overlay, Page, PaperTypeModal, PhoneInput, Pill, PinInput, PricingTile, Progress, PromotionWidget, QDSChrome, QuantitySlider, QuantumColorPicker, QuantumThemeWrapper, QuickLink, RadioOptionCard, RadioOptionList, ReleaseNote, ReleaseNoteDialog, RevealingContent, RowItem, Scrollable, ScrollingIndicator, Section, Select, SelectableCard, SelectableList, Separator, SettingInput, Sheet, Sidebar, Slider, SnapPoint, Spacer, Span, Sphere, StackedCards, StaticNavigation, Stepper, Stoplight, SubNavigation, SubscriptionUpsaleDialog, Tab, Table, TableRow, Tabs, Text, TitledList, Todo, Toggle, Tooltip, Transition, UploadButton, UpsaleDialog, UpsaleSheet, UserCard, UserCardLoader, VStack, VideoPlayer, Zoom, entities$6 as bellaCadaeuxTheme, entities$5 as blue42Theme, getSize, entities$7 as greenerStillTheme, entities$4 as promptingUTheme, entities as promptingsTheme, entities$1 as sendOutCardsTheme, entities$8 as sendogoTheme, entities$3 as streamMarketingTheme, entities$2 as streamVATheme, useColorSwatch };