@thecb/components 7.3.1 → 7.3.2-beta.2

package/dist/src/components/withWindowSize.js

@@ -0,0 +1,70 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import React, { useState, useLayoutEffect, useRef } from "react";
+import { ThemeProvider } from "styled-components";
+var MOBILE_WIDTH = 768;
+var throttle = function (delay, fn) {
+    var lastCall = 0;
+    return function () {
+        var args = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args[_i] = arguments[_i];
+        }
+        var now = new Date().getTime();
+        if (now - lastCall < delay) {
+            return;
+        }
+        lastCall = now;
+        return fn.apply(void 0, args);
+    };
+};
+var withWindowSize = function (Child) { return function (_a) {
+    var props = __rest(_a, []);
+    var _b = useState({
+        isMobile: window.innerWidth < MOBILE_WIDTH,
+        mobileWidth: MOBILE_WIDTH,
+        supportsTouch: "ontouchstart" in window || navigator.maxTouchPoints > 1
+    }), state = _b[0], setState = _b[1];
+    var isMobileRef = useRef(state.isMobile);
+    var onResize = throttle(25, function () {
+        var width = window.innerWidth;
+        var newMobileState = width <= MOBILE_WIDTH;
+        if (newMobileState !== isMobileRef.current) {
+            isMobileRef.current = newMobileState;
+            setState({
+                isMobile: width <= MOBILE_WIDTH,
+                mobileWidth: MOBILE_WIDTH,
+                supportsTouch: "ontouchstart" in window || navigator.maxTouchPoints > 1
+            });
+        }
+    });
+    useLayoutEffect(function () {
+        window.addEventListener("resize", onResize);
+        return function () {
+            window.removeEventListener("resize", onResize);
+        };
+    }, []);
+    return (React.createElement(ThemeProvider, { theme: state },
+        React.createElement(Child, __assign({}, props))));
+}; };
+export default withWindowSize;

package/dist/src/constants/colors.d.ts

@@ -0,0 +1,97 @@
+export const BLACK: "#000000";
+export const TRANSPARENT: "transparent";
+export const WHITE: "#FFFFFF";
+export const SOLITUDE_WHITE: "#EBEDF1";
+export const SEASHELL_WHITE: "#F1F1F1";
+export const ALABASTER_WHITE: "#F7F7F7";
+export const AQUA_HAZE_WHITE: "#F7F9FA";
+export const BLEACH_WHITE: "#FEF4d7";
+export const CATSKILL_WHITE: "#EAF2F6";
+export const ATHENS_GREY: "#F6F6F9";
+export const ALTO_GREY: "#d1d1d1";
+export const SILVER_GREY: "#cdcdcd";
+export const PEWTER_GREY: "#DFE1E4";
+export const ASH_GREY: "#979797";
+export const IRON_GREY: "#d5d8dc";
+export const GHOST_GREY: "#CACED8";
+export const DUSTY_GREY: "#9B9B9B";
+export const REGENT_GREY: "#959EA7";
+export const STORM_GREY: "#6D717E";
+export const TROUT_GREY: "#515660";
+export const MINESHAFT_GREY: "#333333";
+export const FIREFLY_GREY: "#091325";
+export const SOOT_GREY: "#999999";
+export const BRIGHT_GREY: "#3B414D";
+export const CHARADE_GREY: "#292A33";
+export const GRECIAN_GREY: "#E5E7EC";
+export const COOL_GREY_05: "#fbfcfd";
+export const BLACK_SQUEEZE: "#EAF2F7";
+export const GREY_CHATEAU: "#959CA8";
+export const CLOUDBURST_BLUE: "#26395c";
+export const INFO_BLUE: "#E4F4FD";
+export const ZODIAC_BLUE: "#14284b";
+export const CONGRESS_BLUE: "#005095";
+export const SCIENCE_BLUE: "#0074D9";
+export const MARINER_BLUE: "#2E75D2";
+export const CURIOUS_BLUE: "#27A9E1";
+export const SELAGO_BLUE: "#F2F8FD";
+export const ONAHAU_BLUE: "#D1ECFF";
+export const PICKLED_BLUE: "#2C3E50";
+export const CERULEAN_BLUE: "#0D8DC4";
+export const FOAM_BLUE: "#EFF4FD";
+export const CELLO_BLUE: "#214566";
+export const BOSTON_BLUE: "#357fb8";
+export const HOVER_LIGHT_BLUE: "#EFFAFF";
+export const MATISSE_BLUE: "#15749D";
+export const ROYAL_BLUE: "#3181E3";
+export const ASTRAL_BLUE: "#3176AA";
+export const FOREST_GREEN: "#19b03F";
+export const MEADOW_GREEN: "#16C98D";
+export const POLAR_GREEN: "#DCF7EE";
+export const ICE_GREEN: "#A4F6DF";
+export const HAZE_GREEN: "#05A670";
+export const EMERALD_GREEN: "#47B872";
+export const HINT_GREEN: "#E8FFEF";
+export const SEA_GREEN: "#317D4F";
+export const SELECTIVE_YELLOW: "#F8B700";
+export const MUSTARD_YELLOW: "#FFD459";
+export const FIRE_YELLOW: "#B34A00";
+export const CARROT_ORANGE: "#ED9620";
+export const ZEST_ORANGE: "#B84A00";
+export const APRICOT_ORANGE: "#FFE8D8";
+export const RED: "#FF0000";
+export const CRIMSON_RED: "#ED1C24";
+export const THUNDERBIRD_RED: "#C3191F";
+export const RAZZMATAZZ_RED: "#D11053";
+export const FANTASY_RED: "#FCF4F4";
+export const COSMOS_RED: "#FFD0D3";
+export const BLUSH_RED: "#FFF0F5";
+export namespace ALERT_COLORS {
+    export namespace warn {
+        export { APRICOT_ORANGE as background };
+        export { ZEST_ORANGE as border };
+        export { MUSTARD_YELLOW as iconBackground };
+        export { CARROT_ORANGE as iconFill };
+    }
+    export namespace info {
+        export { INFO_BLUE as background };
+        export { CURIOUS_BLUE as border };
+        export { ONAHAU_BLUE as iconBackground };
+        export { CONGRESS_BLUE as iconFill };
+    }
+    export namespace error {
+        export { BLUSH_RED as background };
+        export { RAZZMATAZZ_RED as border };
+        export { COSMOS_RED as iconBackground };
+        export { THUNDERBIRD_RED as iconFill };
+    }
+    export namespace success {
+        export { HINT_GREEN as background };
+        export { EMERALD_GREEN as border };
+        export { ICE_GREEN as iconBackground };
+        export { HAZE_GREEN as iconFill };
+    }
+    export { ZODIAC_BLUE as text };
+    export { SCIENCE_BLUE as link };
+}
+export const ERROR_COLOR: "#D11053";

package/dist/src/constants/colors.js

@@ -0,0 +1,113 @@
+/*
+Need to add a new color? Visit http://chir.ag/projects/name-that-color to generate a color name.
+
+Name already taken? If you can't use the existing color, then use thesaurus.com to pick a similar name
+to the one generated by name-that-color.
+*/
+var BLACK = "#000000";
+var TRANSPARENT = "transparent";
+// WHITE
+var WHITE = "#FFFFFF";
+var SOLITUDE_WHITE = "#EBEDF1";
+var SEASHELL_WHITE = "#F1F1F1";
+var ALABASTER_WHITE = "#F7F7F7";
+var AQUA_HAZE_WHITE = "#F7F9FA";
+var BLEACH_WHITE = "#FEF4d7";
+var CATSKILL_WHITE = "#EAF2F6";
+// GREY
+var ATHENS_GREY = "#F6F6F9"; // CBS-100
+var ALTO_GREY = "#d1d1d1";
+var SILVER_GREY = "#cdcdcd";
+var PEWTER_GREY = "#DFE1E4";
+var ASH_GREY = "#979797";
+var IRON_GREY = "#d5d8dc";
+var GHOST_GREY = "#CACED8"; // CBS-300
+var DUSTY_GREY = "#9B9B9B";
+var REGENT_GREY = "#959EA7";
+var STORM_GREY = "#6D717E"; // CBS-700
+var TROUT_GREY = "#515660";
+var MINESHAFT_GREY = "#333333";
+var SOOT_GREY = "#999999";
+var FIREFLY_GREY = "#091325";
+var BRIGHT_GREY = "#3B414D"; // CBS-800
+var CHARADE_GREY = "#292A33"; // CBS-900
+var GRECIAN_GREY = "#E5E7EC"; // CBS-200
+var BLACK_SQUEEZE = "#EAF2F7";
+var GREY_CHATEAU = "#959CA8"; // CBS-500
+var COOL_GREY_05 = "#fbfcfd"; // CBS-050
+// BLUE
+var CLOUDBURST_BLUE = "#26395c";
+var ZODIAC_BLUE = "#14284b";
+var CONGRESS_BLUE = "#005095";
+var SCIENCE_BLUE = "#0074D9";
+var MARINER_BLUE = "#2E75D2";
+var CURIOUS_BLUE = "#27A9E1";
+var SELAGO_BLUE = "#F2F8FD";
+var ONAHAU_BLUE = "#D1ECFF";
+var PICKLED_BLUE = "#2C3E50";
+var CERULEAN_BLUE = "#0D8DC4";
+var FOAM_BLUE = "#EFF4FD";
+var CELLO_BLUE = "#214566";
+var BOSTON_BLUE = "#357fb8";
+var INFO_BLUE = "#E4F4FD";
+var HOVER_LIGHT_BLUE = "#EFFAFF";
+var MATISSE_BLUE = "#15749D";
+var ROYAL_BLUE = "#3181E3";
+var ASTRAL_BLUE = "#3176AA";
+// GREEN
+var FOREST_GREEN = "#19b03F";
+var MEADOW_GREEN = "#16C98D";
+var POLAR_GREEN = "#DCF7EE";
+var ICE_GREEN = "#A4F6DF";
+var HAZE_GREEN = "#05A670";
+var EMERALD_GREEN = "#47B872";
+var HINT_GREEN = "#E8FFEF";
+var SEA_GREEN = "#317D4F";
+// YELLOW
+var SELECTIVE_YELLOW = "#F8B700";
+var MUSTARD_YELLOW = "#FFD459";
+var FIRE_YELLOW = "#B34A00";
+// ORANGE
+var CARROT_ORANGE = "#ED9620";
+var ZEST_ORANGE = "#B84A00";
+var APRICOT_ORANGE = "#FFE8D8";
+// RED
+var RED = "#FF0000";
+var CRIMSON_RED = "#ED1C24";
+var THUNDERBIRD_RED = "#C3191F";
+var RAZZMATAZZ_RED = "#D11053";
+var FANTASY_RED = "#FCF4F4";
+var COSMOS_RED = "#FFD0D3";
+var BLUSH_RED = "#FFF0F5";
+// Second level color constants
+var ERROR_COLOR = RAZZMATAZZ_RED;
+// These colors are sequestered so that the alert component can reference them // by type of alert
+var ALERT_COLORS = {
+    warn: {
+        background: APRICOT_ORANGE,
+        border: ZEST_ORANGE,
+        iconBackground: MUSTARD_YELLOW,
+        iconFill: CARROT_ORANGE
+    },
+    info: {
+        background: INFO_BLUE,
+        border: CURIOUS_BLUE,
+        iconBackground: ONAHAU_BLUE,
+        iconFill: CONGRESS_BLUE
+    },
+    error: {
+        background: BLUSH_RED,
+        border: RAZZMATAZZ_RED,
+        iconBackground: COSMOS_RED,
+        iconFill: THUNDERBIRD_RED
+    },
+    success: {
+        background: HINT_GREEN,
+        border: EMERALD_GREEN,
+        iconBackground: ICE_GREEN,
+        iconFill: HAZE_GREEN
+    },
+    text: ZODIAC_BLUE,
+    link: SCIENCE_BLUE
+};
+export { BLACK, TRANSPARENT, WHITE, SOLITUDE_WHITE, SEASHELL_WHITE, ALABASTER_WHITE, AQUA_HAZE_WHITE, BLEACH_WHITE, CATSKILL_WHITE, ATHENS_GREY, ALTO_GREY, SILVER_GREY, PEWTER_GREY, ASH_GREY, IRON_GREY, GHOST_GREY, DUSTY_GREY, REGENT_GREY, STORM_GREY, TROUT_GREY, MINESHAFT_GREY, FIREFLY_GREY, SOOT_GREY, BRIGHT_GREY, CHARADE_GREY, GRECIAN_GREY, COOL_GREY_05, BLACK_SQUEEZE, GREY_CHATEAU, CLOUDBURST_BLUE, INFO_BLUE, ZODIAC_BLUE, CONGRESS_BLUE, SCIENCE_BLUE, MARINER_BLUE, CURIOUS_BLUE, SELAGO_BLUE, ONAHAU_BLUE, PICKLED_BLUE, CERULEAN_BLUE, FOAM_BLUE, CELLO_BLUE, BOSTON_BLUE, HOVER_LIGHT_BLUE, MATISSE_BLUE, ROYAL_BLUE, ASTRAL_BLUE, FOREST_GREEN, MEADOW_GREEN, POLAR_GREEN, ICE_GREEN, HAZE_GREEN, EMERALD_GREEN, HINT_GREEN, SEA_GREEN, SELECTIVE_YELLOW, MUSTARD_YELLOW, FIRE_YELLOW, CARROT_ORANGE, ZEST_ORANGE, APRICOT_ORANGE, RED, CRIMSON_RED, THUNDERBIRD_RED, RAZZMATAZZ_RED, FANTASY_RED, COSMOS_RED, BLUSH_RED, ALERT_COLORS, ERROR_COLOR };

package/dist/src/constants/index.d.ts

@@ -0,0 +1,3 @@
+import * as colors from "./colors";
+import * as fontWeights from "./style_constants";
+export { colors, fontWeights };

package/dist/src/constants/index.js

@@ -0,0 +1,3 @@
+import * as colors from "./colors";
+import * as fontWeights from "./style_constants";
+export { colors, fontWeights };

package/dist/src/constants/regex_constants.d.ts

@@ -0,0 +1 @@
+export const URL_TEST: RegExp;

package/dist/src/constants/regex_constants.js

@@ -0,0 +1 @@
+export var URL_TEST = /(([a-z]{3,6}:\/\/)|(^|\s))([a-zA-Z0-9\-]+\.)+[a-z]{2,13}[\.\?\=\&\%\/\w\-]*\b([^@]|$)/;

package/dist/src/constants/style_constants.d.ts

@@ -0,0 +1,8 @@
+export const HEADER_HEIGHT: "104px";
+export const FOOTER_HEIGHT: "100px";
+export const SPACER_HEIGHT: "65px";
+export const JUMBO_HEIGHT: "300px";
+export const COMPACT_JUMBO_HEIGHT: "65px";
+export const FONT_WEIGHT_REGULAR: "400";
+export const FONT_WEIGHT_BOLD: "700";
+export const FONT_WEIGHT_SEMIBOLD: "600";

package/dist/src/constants/style_constants.js

@@ -0,0 +1,10 @@
+/* These are constants used by nav frontend components */
+var HEADER_HEIGHT = "104px";
+var FOOTER_HEIGHT = "100px";
+var SPACER_HEIGHT = "65px";
+var JUMBO_HEIGHT = "300px";
+var COMPACT_JUMBO_HEIGHT = "65px";
+var FONT_WEIGHT_REGULAR = "400";
+var FONT_WEIGHT_BOLD = "700";
+var FONT_WEIGHT_SEMIBOLD = "600";
+export { HEADER_HEIGHT, FOOTER_HEIGHT, SPACER_HEIGHT, JUMBO_HEIGHT, COMPACT_JUMBO_HEIGHT, FONT_WEIGHT_REGULAR, FONT_WEIGHT_BOLD, FONT_WEIGHT_SEMIBOLD };

package/dist/src/deprecated/colors.d.ts

@@ -0,0 +1,81 @@
+export const TRANSPARENT: "transparent";
+export const WHITE: "#FFFFFF";
+export const SOLITUDE_WHITE: "#EBEDF1";
+export const SEASHELL_WHITE: "#F1F1F1";
+export const ALABASTER_WHITE: "#F7F7F7";
+export const AQUA_HAZE_WHITE: "#F7F9FA";
+export const BLEACH_WHITE: "#FEF4d7";
+export const ALTO_GREY: "#d1d1d1";
+export const SILVER_GREY: "#cdcdcd";
+export const PEWTER_GREY: "#DFE1E4";
+export const ASH_GREY: "#979797";
+export const IRON_GREY: "#d5d8dc";
+export const GHOST_GREY: "#CACED8";
+export const DUSTY_GREY: "#9B9B9B";
+export const REGENT_GREY: "#959EA7";
+export const STORM_GREY: "#6D717E";
+export const TROUT_GREY: "#515660";
+export const MINESHAFT_GREY: "#333333";
+export const FIREFLY_GREY: "#091325";
+export const SOOT_GREY: "#999999";
+export const BRIGHT_GREY: "#3B414D";
+export const CLOUDBURST_BLUE: "#26395c";
+export const ZODIAC_BLUE: "#14284b";
+export const CONGRESS_BLUE: "#005095";
+export const SCIENCE_BLUE: "#0074D9";
+export const MARINER_BLUE: "#2E75D2";
+export const CURIOUS_BLUE: "#27A9E1";
+export const SELAGO_BLUE: "#F2F8FD";
+export const ONAHAU_BLUE: "#D1ECFF";
+export const PICKLED_BLUE: "#2C3E50";
+export const CERULEAN_BLUE: "#0D8DC4";
+export const FOAM_BLUE: "#EFF4FD";
+export const ROYAL_BLUE: "#3181E3";
+export const FOREST_GREEN: "#19b03F";
+export const MEADOW_GREEN: "#16C98D";
+export const POLAR_GREEN: "#DCF7EE";
+export const ICE_GREEN: "#A4F6DF";
+export const HAZE_GREEN: "#05A670";
+export const EMERALD_GREEN: "#47B872";
+export const HINT_GREEN: "#E8FFEF";
+export const SELECTIVE_YELLOW: "#F8B700";
+export const MUSTARD_YELLOW: "#FFD459";
+export const CARROT_ORANGE: "#ED9620";
+export const ZEST_ORANGE: "#F47820";
+export const APRICOT_ORANGE: "#FFE8D8";
+export const RED: "#FF0000";
+export const CRIMSON_RED: "#ED1C24";
+export const THUNDERBIRD_RED: "#C3191F";
+export const RAZZMATAZZ_RED: "#ED125F";
+export const FANTASY_RED: "#FCF4F4";
+export const COSMOS_RED: "#FFD0D3";
+export const BLUSH_RED: "#FFF0F5";
+export namespace ALERT_COLORS {
+    export namespace warn {
+        export { BLEACH_WHITE as background };
+        export { SELECTIVE_YELLOW as shadow };
+        export { MUSTARD_YELLOW as iconBackground };
+        export { CARROT_ORANGE as iconFill };
+    }
+    export namespace info {
+        export { SELAGO_BLUE as background };
+        export { SCIENCE_BLUE as shadow };
+        export { ONAHAU_BLUE as iconBackground };
+        export { CONGRESS_BLUE as iconFill };
+    }
+    export namespace error {
+        export { FANTASY_RED as background };
+        export { CRIMSON_RED as shadow };
+        export { COSMOS_RED as iconBackground };
+        export { THUNDERBIRD_RED as iconFill };
+    }
+    export namespace success {
+        export { POLAR_GREEN as background };
+        export { MEADOW_GREEN as shadow };
+        export { ICE_GREEN as iconBackground };
+        export { HAZE_GREEN as iconFill };
+    }
+    export { ZODIAC_BLUE as text };
+    export { SCIENCE_BLUE as link };
+}
+export const ERROR_COLOR: "#ED125F";

package/dist/src/deprecated/colors.js

@@ -0,0 +1,97 @@
+/*
+Need to add a new color? Visit http://chir.ag/projects/name-that-color to generate a color name.
+
+Name already taken? If you can't use the existing color, then use thesaurus.com to pick a similar name
+to the one generated by name-that-color.
+*/
+var TRANSPARENT = "transparent";
+// WHITE
+var WHITE = "#FFFFFF";
+var SOLITUDE_WHITE = "#EBEDF1";
+var SEASHELL_WHITE = "#F1F1F1";
+var ALABASTER_WHITE = "#F7F7F7";
+var AQUA_HAZE_WHITE = "#F7F9FA";
+var BLEACH_WHITE = "#FEF4d7";
+// GREY
+var ALTO_GREY = "#d1d1d1";
+var SILVER_GREY = "#cdcdcd";
+var PEWTER_GREY = "#DFE1E4";
+var ASH_GREY = "#979797";
+var IRON_GREY = "#d5d8dc";
+var GHOST_GREY = "#CACED8";
+var DUSTY_GREY = "#9B9B9B";
+var REGENT_GREY = "#959EA7";
+var STORM_GREY = "#6D717E";
+var TROUT_GREY = "#515660";
+var MINESHAFT_GREY = "#333333";
+var SOOT_GREY = "#999999";
+var FIREFLY_GREY = "#091325";
+var BRIGHT_GREY = "#3B414D";
+// BLUE
+var CLOUDBURST_BLUE = "#26395c";
+var ZODIAC_BLUE = "#14284b";
+var CONGRESS_BLUE = "#005095";
+var SCIENCE_BLUE = "#0074D9";
+var MARINER_BLUE = "#2E75D2";
+var CURIOUS_BLUE = "#27A9E1";
+var SELAGO_BLUE = "#F2F8FD";
+var ONAHAU_BLUE = "#D1ECFF";
+var PICKLED_BLUE = "#2C3E50";
+var CERULEAN_BLUE = "#0D8DC4";
+var FOAM_BLUE = "#EFF4FD";
+var ROYAL_BLUE = "#3181E3";
+// GREEN
+var FOREST_GREEN = "#19b03F";
+var MEADOW_GREEN = "#16C98D";
+var POLAR_GREEN = "#DCF7EE";
+var ICE_GREEN = "#A4F6DF";
+var HAZE_GREEN = "#05A670";
+var EMERALD_GREEN = "#47B872";
+var HINT_GREEN = "#E8FFEF";
+// YELLOW
+var SELECTIVE_YELLOW = "#F8B700";
+var MUSTARD_YELLOW = "#FFD459";
+// ORANGE
+var CARROT_ORANGE = "#ED9620";
+var ZEST_ORANGE = "#F47820";
+var APRICOT_ORANGE = "#FFE8D8";
+// RED
+var RED = "#FF0000";
+var CRIMSON_RED = "#ED1C24";
+var THUNDERBIRD_RED = "#C3191F";
+var RAZZMATAZZ_RED = "#ED125F";
+var FANTASY_RED = "#FCF4F4";
+var COSMOS_RED = "#FFD0D3";
+var BLUSH_RED = "#FFF0F5";
+// Second level color constants
+var ERROR_COLOR = RAZZMATAZZ_RED;
+// These colors are sequestered so that the alert component can reference them // by type of alert
+var ALERT_COLORS = {
+    warn: {
+        background: BLEACH_WHITE,
+        shadow: SELECTIVE_YELLOW,
+        iconBackground: MUSTARD_YELLOW,
+        iconFill: CARROT_ORANGE
+    },
+    info: {
+        background: SELAGO_BLUE,
+        shadow: SCIENCE_BLUE,
+        iconBackground: ONAHAU_BLUE,
+        iconFill: CONGRESS_BLUE
+    },
+    error: {
+        background: FANTASY_RED,
+        shadow: CRIMSON_RED,
+        iconBackground: COSMOS_RED,
+        iconFill: THUNDERBIRD_RED
+    },
+    success: {
+        background: POLAR_GREEN,
+        shadow: MEADOW_GREEN,
+        iconBackground: ICE_GREEN,
+        iconFill: HAZE_GREEN
+    },
+    text: ZODIAC_BLUE,
+    link: SCIENCE_BLUE
+};
+export { TRANSPARENT, WHITE, SOLITUDE_WHITE, SEASHELL_WHITE, ALABASTER_WHITE, AQUA_HAZE_WHITE, BLEACH_WHITE, ALTO_GREY, SILVER_GREY, PEWTER_GREY, ASH_GREY, IRON_GREY, GHOST_GREY, DUSTY_GREY, REGENT_GREY, STORM_GREY, TROUT_GREY, MINESHAFT_GREY, FIREFLY_GREY, SOOT_GREY, BRIGHT_GREY, CLOUDBURST_BLUE, ZODIAC_BLUE, CONGRESS_BLUE, SCIENCE_BLUE, MARINER_BLUE, CURIOUS_BLUE, SELAGO_BLUE, ONAHAU_BLUE, PICKLED_BLUE, CERULEAN_BLUE, FOAM_BLUE, ROYAL_BLUE, FOREST_GREEN, MEADOW_GREEN, POLAR_GREEN, ICE_GREEN, HAZE_GREEN, EMERALD_GREEN, HINT_GREEN, SELECTIVE_YELLOW, MUSTARD_YELLOW, CARROT_ORANGE, ZEST_ORANGE, APRICOT_ORANGE, RED, CRIMSON_RED, THUNDERBIRD_RED, RAZZMATAZZ_RED, FANTASY_RED, COSMOS_RED, BLUSH_RED, ALERT_COLORS, ERROR_COLOR };

package/dist/src/deprecated/components/radio-button/index.d.ts

@@ -0,0 +1,2 @@
+export default RadioButton;
+import RadioButton from "./radio-button";

package/dist/src/deprecated/components/radio-button/index.js

@@ -0,0 +1,2 @@
+import RadioButton from "./radio-button";
+export default RadioButton;

package/dist/src/deprecated/components/radio-button/radio-button.d.ts

@@ -0,0 +1,5 @@
+export default RadioButton;
+declare function RadioButton({ isSelected, name }: {
+    isSelected: any;
+    name: any;
+}): JSX.Element;

package/dist/src/deprecated/components/radio-button/radio-button.js

@@ -0,0 +1,29 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from "react";
+import styled from "styled-components";
+import { MARINER_BLUE, PEWTER_GREY } from "../../colors";
+var defaultTheme = {
+    theme: {
+        accentColor: MARINER_BLUE,
+        inactiveColor: PEWTER_GREY
+    }
+};
+var RadioButtonBorder = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  height: 24px;\n  width: 24px;\n  border: 1px solid\n    ", ";\n  border-radius: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 10px;\n  min-width: 24px;\n  min-height: 24px;\n"], ["\n  height: 24px;\n  width: 24px;\n  border: 1px solid\n    ", ";\n  border-radius: 12px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: 10px;\n  min-width: 24px;\n  min-height: 24px;\n"])), function (_a) {
+    var isSelected = _a.isSelected, theme = _a.theme;
+    return isSelected ? theme.accentColor : theme.inactiveColor;
+});
+RadioButtonBorder.defaultProps = defaultTheme;
+var RadioButtonCenter = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  height: 16px;\n  width: 16px;\n  background-color: ", ";\n  border-radius: 8px;\n"], ["\n  height: 16px;\n  width: 16px;\n  background-color: ", ";\n  border-radius: 8px;\n"])), function (_a) {
+    var theme = _a.theme;
+    return theme.accentColor;
+});
+RadioButtonCenter.defaultProps = defaultTheme;
+var RadioButton = function (_a) {
+    var isSelected = _a.isSelected, name = _a.name;
+    return (React.createElement(RadioButtonBorder, { isSelected: isSelected, name: name, "aria-checked": isSelected }, isSelected && React.createElement(RadioButtonCenter, null)));
+};
+export default RadioButton;
+var templateObject_1, templateObject_2;

package/dist/src/deprecated/icons/AlertErrorIcon.d.ts

@@ -0,0 +1 @@
+export function AlertErrorIcon(): JSX.Element;

package/dist/src/deprecated/icons/AlertErrorIcon.js

@@ -0,0 +1,10 @@
+import React from "react";
+export var AlertErrorIcon = function () { return (React.createElement("svg", { width: "24px", height: "24px", viewBox: "0 0 24 24", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+    React.createElement("defs", null,
+        React.createElement("path", { d: "M12,0 C18.627417,0 24,5.372583 24,12 C24,18.627417 18.627417,24 12,24 C5.372583,24 0,18.627417 0,12 C0,5.372583 5.372583,0 12,0 Z M15.5714286,7 L12,10.572 L8.42857143,7 L7,8.42857143 L10.571,12 L7,15.5714286 L8.42857143,17 L11.999,13.428 L15.5714286,17 L17,15.5714286 L13.428,12 L17,8.42857143 L15.5714286,7 Z", id: "path-1-error-icon" })),
+    React.createElement("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "Alert/Error", transform: "translate(-24.000000, -32.000000)" },
+            React.createElement("g", { id: "Icon/Error-Container", transform: "translate(24.000000, 32.000000)" },
+                React.createElement("mask", { id: "mask-2", fill: "white" },
+                    React.createElement("use", { xlinkHref: "#path-1-error-icon" })),
+                React.createElement("use", { id: "icon---error", fill: "#ED125F", fillRule: "nonzero", xlinkHref: "#path-1-error-icon" })))))); };

package/dist/src/deprecated/icons/AlertInfoIcon.d.ts

@@ -0,0 +1 @@
+export function AlertInfoIcon(): JSX.Element;

package/dist/src/deprecated/icons/AlertInfoIcon.js

@@ -0,0 +1,10 @@
+import React from "react";
+export var AlertInfoIcon = function () { return (React.createElement("svg", { width: "24px", height: "24px", viewBox: "0 0 24 24", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+    React.createElement("defs", null,
+        React.createElement("path", { d: "M12,24 C18.627417,24 24,18.627417 24,12 C24,5.372583 18.627417,0 12,0 C5.372583,0 0,5.372583 0,12 C0,18.627417 5.372583,24 12,24 Z M13,10 L13,16 L14,16 L14,18 L10,18 L10,16 L11,16 L11,12 L10,12 L10,10 L13,10 Z M13,6 L13,8 L11,8 L11,6 L13,6 Z", id: "path-1" })),
+    React.createElement("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "Alert/Informational", transform: "translate(-24.000000, -34.000000)" },
+            React.createElement("g", { id: "Icon/Information-Container", transform: "translate(24.000000, 34.000000)" },
+                React.createElement("mask", { id: "mask-2", fill: "white" },
+                    React.createElement("use", { xlinkHref: "#path-1" })),
+                React.createElement("use", { id: "background-2", fill: "#15749d", fillRule: "nonzero", xlinkHref: "#path-1" })))))); };

package/dist/src/deprecated/icons/AlertSuccessIcon.d.ts

@@ -0,0 +1 @@
+export function AlertSuccessIcon(): JSX.Element;

package/dist/src/deprecated/icons/AlertSuccessIcon.js

@@ -0,0 +1,10 @@
+import React from "react";
+export var AlertSuccessIcon = function () { return (React.createElement("svg", { width: "24px", height: "24px", viewBox: "0 0 24 24", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+    React.createElement("defs", null,
+        React.createElement("path", { d: "M12,24 C18.627417,24 24,18.627417 24,12 C24,5.372583 18.627417,0 12,0 C5.372583,0 0,5.372583 0,12 C0,18.627417 5.372583,24 12,24 Z M16.9497475,7.46446609 L18.363961,8.87867966 L9.87867966,17.363961 L5.63603897,13.1213203 L7.05025253,11.7071068 L9.87803897,14.5354661 L16.9497475,7.46446609 Z", id: "alertSuccess" })),
+    React.createElement("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "Alert/Success", transform: "translate(-24.000000, -34.000000)" },
+            React.createElement("g", { id: "Icon/Success-Container", transform: "translate(24.000000, 34.000000)" },
+                React.createElement("mask", { id: "mask-2", fill: "white" },
+                    React.createElement("use", { xlinkHref: "#alertSuccess" })),
+                React.createElement("use", { id: "background-2", fill: "#47B872", fillRule: "nonzero", xlinkHref: "#alertSuccess" })))))); };

package/dist/src/deprecated/icons/AlertWarningIcon.d.ts

@@ -0,0 +1 @@
+export function AlertWarningIcon(): JSX.Element;

package/dist/src/deprecated/icons/AlertWarningIcon.js

@@ -0,0 +1,6 @@
+import React from "react";
+export var AlertWarningIcon = function () { return (React.createElement("svg", { width: "24px", height: "21px", viewBox: "0 0 24 21", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+    React.createElement("g", { id: "Symbols", stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", { id: "Alert/Warning", transform: "translate(-24.000000, -36.000000)", fill: "#F47820", fillRule: "nonzero" },
+            React.createElement("g", { id: "Icon/Warning-Container", transform: "translate(24.000000, 34.000000)" },
+                React.createElement("path", { d: "M13.0106463,2.58294345 C13.3063934,2.75612993 13.5526739,3.00241046 13.7258604,3.29815753 L23.0814452,19.2745017 C23.6396097,20.2276681 23.3193975,21.4528439 22.3662311,22.0110084 C22.0596748,22.1905246 21.7108352,22.285148 21.3555848,22.285148 L2.64441521,22.285148 C1.53984571,22.285148 0.64441521,21.3897175 0.64441521,20.285148 C0.64441521,19.9298976 0.739038571,19.581058 0.918554829,19.2745017 L10.2741396,3.29815753 C10.8323042,2.34499116 12.0574799,2.02477891 13.0106463,2.58294345 Z M13,17 L11,17 L11,19 L13,19 L13,17 Z M13,7 L11,7 L11,15 L13,15 L13,7 Z", id: "icon---warning" })))))); };

package/dist/src/deprecated/icons/BankIcon.d.ts

@@ -0,0 +1,2 @@
+export function BankIcon(): JSX.Element;
+export default BankIcon;

package/dist/src/deprecated/icons/BankIcon.js

@@ -0,0 +1,19 @@
+import React from "react";
+export var BankIcon = function () {
+    return (React.createElement("svg", { width: "28px", height: "18px", viewBox: "0 0 28 18", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+        React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+            React.createElement("g", { transform: "translate(-196.000000, -311.000000)" },
+                React.createElement("g", { transform: "translate(132.000000, 204.000000)" },
+                    React.createElement("g", { transform: "translate(0.000000, 48.000000)" },
+                        React.createElement("g", { transform: "translate(0.000000, 32.000000)" },
+                            React.createElement("g", { transform: "translate(24.000000, 24.000000)" },
+                                React.createElement("g", { transform: "translate(40.000000, 3.000000)" },
+                                    React.createElement("rect", { id: "bg", fill: "#CACED8", x: "0", y: "0", width: "28", height: "18", rx: "1" }),
+                                    React.createElement("g", { id: "bank", transform: "translate(8.000000, 4.000000)", fill: "#6D717E" },
+                                        React.createElement("rect", { id: "Rectangle", x: "1", y: "4", width: "2", height: "3", rx: "0.5" }),
+                                        React.createElement("rect", { id: "Rectangle-Copy-4", x: "5", y: "4", width: "2", height: "3", rx: "0.5" }),
+                                        React.createElement("rect", { id: "Rectangle-Copy-5", x: "9", y: "4", width: "2", height: "3", rx: "0.5" }),
+                                        React.createElement("rect", { id: "Rectangle-Copy-7", x: "0", y: "8", width: "12", height: "2", rx: "0.5" }),
+                                        React.createElement("path", { d: "M0.378167287,1.40499005 L5.00055528,0.243670994 C5.63734349,0.0836856623 6.30372324,0.0829130839 6.9408807,0.241421446 L11.620708,1.40564191 C11.8435643,1.46108283 12,1.66120383 12,1.89085278 L12,2.5 C12,2.77614237 11.7761424,3 11.5,3 L0.5,3 C0.223857625,3 3.38176876e-17,2.77614237 0,2.5 L0,1.88991972 C-2.80709531e-17,1.66070299 0.155859301,1.46084224 0.378167287,1.40499005 Z", id: "Rectangle-Copy-2" })))))))))));
+};
+export default BankIcon;

package/dist/src/deprecated/icons/GenericCard.d.ts

@@ -0,0 +1,2 @@
+export default GenericCard;
+declare function GenericCard(): JSX.Element;

package/dist/src/deprecated/icons/GenericCard.js

@@ -0,0 +1,9 @@
+import React from "react";
+var GenericCard = function () { return (React.createElement("svg", { width: "28px", height: "18px", viewBox: "0 0 28 18", version: "1.1", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" },
+    React.createElement("g", { stroke: "none", strokeWidth: "1", fill: "none", fillRule: "evenodd" },
+        React.createElement("g", null,
+            React.createElement("rect", { id: "bg", fill: "#CACED8", x: "0", y: "0", width: "28", height: "18", rx: "1" }),
+            React.createElement("g", { transform: "translate(0.000000, 4.000000)", fill: "#6D717E" },
+                React.createElement("rect", { id: "Rectangle-Copy-7", x: "0", y: "0", width: "28", height: "4" }),
+                React.createElement("rect", { id: "Rectangle-Copy-8", x: "17", y: "8", width: "7", height: "2", rx: "1" })))))); };
+export default GenericCard;