@manuscripts/style-guide 3.4.2 → 3.4.4

package/dist/cjs/colors.js

@@ -0,0 +1,49 @@
+"use strict";
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.butteryYellow = exports.wheatYellow = exports.zestOrange = exports.peppermintGreen = exports.springGreen = exports.killarneyGreen = exports.darkRed = exports.chablisRed = exports.mandysRed = exports.punchRed = exports.graphBlue1 = exports.focusBlue = exports.powderBlue = exports.aliceBlue = exports.jellyBeanBlue = exports.white = exports.alabasterGrey = exports.seashellGrey = exports.mercuryGrey = exports.greyLight = exports.greyMutedText = exports.greyMuted = exports.greyDark = exports.black = exports.manuscriptsSecondary = exports.manuscriptsXLight2 = exports.manuscriptsXLight = exports.manuscriptsLight = exports.manuscriptsIcons = exports.manuscriptsBlue = exports.manuscriptsBlueDark = void 0;
+exports.manuscriptsBlueDark = '#0b6bb8';
+exports.manuscriptsBlue = '#0d79d0';
+exports.manuscriptsIcons = '#1a9bc7';
+exports.manuscriptsLight = '#bce7f6';
+exports.manuscriptsXLight = '#ddf3fa';
+exports.manuscriptsXLight2 = '#f5fbfc';
+exports.manuscriptsSecondary = '#ffbd26';
+exports.black = '#000';
+exports.greyDark = '#353535';
+exports.greyMuted = '#6e6e6e';
+exports.greyMutedText = '#c9c9c9';
+exports.greyLight = '#c9c9c9';
+exports.mercuryGrey = '#e2e2e2';
+exports.seashellGrey = '#f2f2f2';
+exports.alabasterGrey = '#fafafa';
+exports.white = '#fff';
+exports.jellyBeanBlue = '#2781a1';
+exports.aliceBlue = '#f2fbfc';
+exports.powderBlue = '#ddf3fa';
+exports.focusBlue = '#3DADFF';
+exports.graphBlue1 = '#20AEDF';
+exports.punchRed = '#f35143';
+exports.mandysRed = '#f5c1b7';
+exports.chablisRed = '#fff1f0';
+exports.darkRed = '#c74237';
+exports.killarneyGreen = '#36b260';
+exports.springGreen = '#b2c0ac';
+exports.peppermintGreen = '#dff0d7';
+exports.zestOrange = '#fe8f1f';
+exports.wheatYellow = '#ffe0b2';
+exports.butteryYellow = '#fffcdb';

package/dist/cjs/defaultTheme.js

@@ -0,0 +1,235 @@
+"use strict";
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defaultTheme = void 0;
+const colors = __importStar(require("./colors"));
+const fontFamily = '"Lato", sans-serif';
+exports.defaultTheme = {
+    name: 'Manuscripts',
+    colors: {
+        background: {
+            primary: colors.white,
+            secondary: colors.alabasterGrey,
+            tertiary: colors.mercuryGrey,
+            fifth: colors.manuscriptsXLight2,
+            dark: 'rgba(0,0,0,0.5)',
+            error: colors.mandysRed,
+            info: colors.manuscriptsXLight2,
+            success: colors.peppermintGreen,
+            warning: colors.wheatYellow,
+            selected: colors.aliceBlue,
+            muted: colors.greyMuted,
+            tracked: {
+                active: colors.graphBlue1,
+                default: colors.greyLight,
+                hover: colors.greyLight,
+            },
+        },
+        border: {
+            error: colors.mandysRed,
+            info: colors.manuscriptsBlue,
+            success: colors.springGreen,
+            warning: colors.wheatYellow,
+            primary: colors.manuscriptsLight,
+            secondary: colors.mercuryGrey,
+            tertiary: colors.seashellGrey,
+            muted: colors.greyLight,
+            field: {
+                active: colors.manuscriptsLight,
+                default: colors.mercuryGrey,
+                hover: colors.manuscriptsLight,
+            },
+            tracked: {
+                active: colors.graphBlue1,
+                default: colors.greyLight,
+                hover: colors.greyLight,
+            },
+        },
+        brand: {
+            dark: colors.manuscriptsBlueDark,
+            medium: colors.manuscriptsIcons,
+            default: colors.manuscriptsBlue,
+            light: colors.manuscriptsLight,
+            xlight: colors.manuscriptsXLight,
+            secondary: colors.manuscriptsSecondary,
+        },
+        button: {
+            default: {
+                background: {
+                    active: 'transparent',
+                    default: 'transparent',
+                    hover: colors.manuscriptsXLight2,
+                },
+                border: {
+                    active: 'transparent',
+                    default: 'transparent',
+                    hover: colors.manuscriptsXLight2,
+                },
+                color: {
+                    active: colors.manuscriptsBlue,
+                    default: colors.manuscriptsBlue,
+                    hover: colors.manuscriptsBlue,
+                },
+            },
+            primary: {
+                background: {
+                    active: colors.manuscriptsBlueDark,
+                    default: colors.manuscriptsBlue,
+                    hover: colors.manuscriptsBlueDark,
+                },
+                border: {
+                    active: colors.manuscriptsBlueDark,
+                    default: colors.manuscriptsBlue,
+                    hover: colors.manuscriptsBlueDark,
+                },
+                color: {
+                    active: colors.white,
+                    default: colors.white,
+                    hover: colors.white,
+                },
+            },
+            secondary: {
+                background: {
+                    active: colors.white,
+                    default: colors.white,
+                    hover: colors.white,
+                },
+                border: {
+                    active: colors.mercuryGrey,
+                    default: colors.mercuryGrey,
+                    hover: colors.mercuryGrey,
+                },
+                color: {
+                    active: colors.manuscriptsBlue,
+                    default: colors.greyDark,
+                    hover: colors.manuscriptsBlue,
+                },
+            },
+            error: {
+                background: {
+                    active: colors.punchRed,
+                    default: colors.punchRed,
+                    hover: colors.darkRed,
+                },
+                border: {
+                    active: colors.punchRed,
+                    default: colors.punchRed,
+                    hover: colors.darkRed,
+                },
+                color: {
+                    active: colors.white,
+                    default: colors.white,
+                    hover: colors.white,
+                },
+            },
+        },
+        text: {
+            primary: colors.greyDark,
+            secondary: colors.greyMuted,
+            tertiary: colors.manuscriptsBlue,
+            muted: colors.greyLight,
+            onDark: colors.white,
+            onLight: colors.greyMuted,
+            error: colors.punchRed,
+            info: colors.jellyBeanBlue,
+            success: colors.killarneyGreen,
+            warning: colors.zestOrange,
+        },
+        outline: {
+            focus: colors.focusBlue,
+        },
+    },
+    font: {
+        family: {
+            sans: fontFamily,
+            serif: 'serif',
+            Lato: 'Lato',
+        },
+        size: {
+            xlarge: '20px',
+            large: '18px',
+            medium: '16px',
+            normal: '14px',
+            small: '12px',
+        },
+        lineHeight: {
+            large: '24px',
+            normal: '16px',
+            small: '14px',
+        },
+        weight: {
+            xbold: 900,
+            bold: 700,
+            semibold: 600,
+            medium: 500,
+            normal: 400,
+            light: 300,
+            xlight: 200,
+        },
+    },
+    grid: {
+        radius: {
+            default: '8px',
+            small: '4px',
+            rounder: '16px',
+        },
+        unit: 4,
+        mobile: 360,
+        tablet: 768,
+        smallDesktop: 1024,
+        desktop: 1280,
+        largeDesktop: 1920,
+        editorMaxWidth: 960,
+    },
+    shadow: {
+        boxShadow: '0 0 10px 0 rgba(0, 0, 0, 0.05)',
+        dropShadow: '0 4px 9px 0 rgba(84, 83, 83, 0.3)',
+    },
+};

package/dist/cjs/index.js

@@ -25,17 +25,41 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
     if (k2 === undefined) k2 = k;
     o[k2] = m[k];
 }));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
 var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDeepCompareCallback = exports.useDeepCompareMemo = exports.ToggleIcon = exports.ToggleHeader = void 0;
+exports.ToggleIcon = exports.ToggleHeader = exports.colors = exports.defaultTheme = void 0;
+var defaultTheme_1 = require("./defaultTheme");
+Object.defineProperty(exports, "defaultTheme", { enumerable: true, get: function () { return defaultTheme_1.defaultTheme; } });
+exports.colors = __importStar(require("./colors"));
 __exportStar(require("./components/AlertMessage"), exports);
 __exportStar(require("./components/Message"), exports);
 __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/ContextMenu"), exports);
 __exportStar(require("./components/RadioButton"), exports);
-__exportStar(require("./components/AutoSaveInput"), exports);
 __exportStar(require("./components/Avatar"), exports);
 __exportStar(require("./components/Dialog"), exports);
 __exportStar(require("./components/DraggableModal"), exports);
@@ -46,11 +70,7 @@ __exportStar(require("./components/Resizer"), exports);
 __exportStar(require("./components/SaveStatus"), exports);
 __exportStar(require("./components/StyledModal"), exports);
 __exportStar(require("./components/Sidebar"), exports);
-__exportStar(require("./components/RichText"), exports);
 __exportStar(require("./components/TextField"), exports);
-__exportStar(require("./components/TextFieldContainer"), exports);
-__exportStar(require("./components/TextFieldError"), exports);
-__exportStar(require("./components/TextFieldGroupContainer"), exports);
 __exportStar(require("./components/ToggleSwitch"), exports);
 var ToggleHeader_1 = require("./components/ToggleHeader");
 Object.defineProperty(exports, "ToggleHeader", { enumerable: true, get: function () { return ToggleHeader_1.ToggleHeader; } });
@@ -72,8 +92,5 @@ __exportStar(require("./components/SelectedItemsBox"), exports);
 __exportStar(require("./hooks/use-dropdown"), exports);
 __exportStar(require("./hooks/use-menus"), exports);
 __exportStar(require("./hooks/use-scroll-detection"), exports);
-var use_deep_compare_1 = require("./hooks/use-deep-compare");
-Object.defineProperty(exports, "useDeepCompareMemo", { enumerable: true, get: function () { return use_deep_compare_1.useDeepCompareMemo; } });
-Object.defineProperty(exports, "useDeepCompareCallback", { enumerable: true, get: function () { return use_deep_compare_1.useDeepCompareCallback; } });
 __exportStar(require("./lib/files"), exports);
 __exportStar(require("./lib/menus"), exports);

package/dist/es/colors.js

@@ -0,0 +1,46 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export const manuscriptsBlueDark = '#0b6bb8';
+export const manuscriptsBlue = '#0d79d0';
+export const manuscriptsIcons = '#1a9bc7';
+export const manuscriptsLight = '#bce7f6';
+export const manuscriptsXLight = '#ddf3fa';
+export const manuscriptsXLight2 = '#f5fbfc';
+export const manuscriptsSecondary = '#ffbd26';
+export const black = '#000';
+export const greyDark = '#353535';
+export const greyMuted = '#6e6e6e';
+export const greyMutedText = '#c9c9c9';
+export const greyLight = '#c9c9c9';
+export const mercuryGrey = '#e2e2e2';
+export const seashellGrey = '#f2f2f2';
+export const alabasterGrey = '#fafafa';
+export const white = '#fff';
+export const jellyBeanBlue = '#2781a1';
+export const aliceBlue = '#f2fbfc';
+export const powderBlue = '#ddf3fa';
+export const focusBlue = '#3DADFF';
+export const graphBlue1 = '#20AEDF';
+export const punchRed = '#f35143';
+export const mandysRed = '#f5c1b7';
+export const chablisRed = '#fff1f0';
+export const darkRed = '#c74237';
+export const killarneyGreen = '#36b260';
+export const springGreen = '#b2c0ac';
+export const peppermintGreen = '#dff0d7';
+export const zestOrange = '#fe8f1f';
+export const wheatYellow = '#ffe0b2';
+export const butteryYellow = '#fffcdb';

package/dist/es/defaultTheme.js

@@ -0,0 +1,199 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+import * as colors from './colors';
+const fontFamily = '"Lato", sans-serif';
+export const defaultTheme = {
+    name: 'Manuscripts',
+    colors: {
+        background: {
+            primary: colors.white,
+            secondary: colors.alabasterGrey,
+            tertiary: colors.mercuryGrey,
+            fifth: colors.manuscriptsXLight2,
+            dark: 'rgba(0,0,0,0.5)',
+            error: colors.mandysRed,
+            info: colors.manuscriptsXLight2,
+            success: colors.peppermintGreen,
+            warning: colors.wheatYellow,
+            selected: colors.aliceBlue,
+            muted: colors.greyMuted,
+            tracked: {
+                active: colors.graphBlue1,
+                default: colors.greyLight,
+                hover: colors.greyLight,
+            },
+        },
+        border: {
+            error: colors.mandysRed,
+            info: colors.manuscriptsBlue,
+            success: colors.springGreen,
+            warning: colors.wheatYellow,
+            primary: colors.manuscriptsLight,
+            secondary: colors.mercuryGrey,
+            tertiary: colors.seashellGrey,
+            muted: colors.greyLight,
+            field: {
+                active: colors.manuscriptsLight,
+                default: colors.mercuryGrey,
+                hover: colors.manuscriptsLight,
+            },
+            tracked: {
+                active: colors.graphBlue1,
+                default: colors.greyLight,
+                hover: colors.greyLight,
+            },
+        },
+        brand: {
+            dark: colors.manuscriptsBlueDark,
+            medium: colors.manuscriptsIcons,
+            default: colors.manuscriptsBlue,
+            light: colors.manuscriptsLight,
+            xlight: colors.manuscriptsXLight,
+            secondary: colors.manuscriptsSecondary,
+        },
+        button: {
+            default: {
+                background: {
+                    active: 'transparent',
+                    default: 'transparent',
+                    hover: colors.manuscriptsXLight2,
+                },
+                border: {
+                    active: 'transparent',
+                    default: 'transparent',
+                    hover: colors.manuscriptsXLight2,
+                },
+                color: {
+                    active: colors.manuscriptsBlue,
+                    default: colors.manuscriptsBlue,
+                    hover: colors.manuscriptsBlue,
+                },
+            },
+            primary: {
+                background: {
+                    active: colors.manuscriptsBlueDark,
+                    default: colors.manuscriptsBlue,
+                    hover: colors.manuscriptsBlueDark,
+                },
+                border: {
+                    active: colors.manuscriptsBlueDark,
+                    default: colors.manuscriptsBlue,
+                    hover: colors.manuscriptsBlueDark,
+                },
+                color: {
+                    active: colors.white,
+                    default: colors.white,
+                    hover: colors.white,
+                },
+            },
+            secondary: {
+                background: {
+                    active: colors.white,
+                    default: colors.white,
+                    hover: colors.white,
+                },
+                border: {
+                    active: colors.mercuryGrey,
+                    default: colors.mercuryGrey,
+                    hover: colors.mercuryGrey,
+                },
+                color: {
+                    active: colors.manuscriptsBlue,
+                    default: colors.greyDark,
+                    hover: colors.manuscriptsBlue,
+                },
+            },
+            error: {
+                background: {
+                    active: colors.punchRed,
+                    default: colors.punchRed,
+                    hover: colors.darkRed,
+                },
+                border: {
+                    active: colors.punchRed,
+                    default: colors.punchRed,
+                    hover: colors.darkRed,
+                },
+                color: {
+                    active: colors.white,
+                    default: colors.white,
+                    hover: colors.white,
+                },
+            },
+        },
+        text: {
+            primary: colors.greyDark,
+            secondary: colors.greyMuted,
+            tertiary: colors.manuscriptsBlue,
+            muted: colors.greyLight,
+            onDark: colors.white,
+            onLight: colors.greyMuted,
+            error: colors.punchRed,
+            info: colors.jellyBeanBlue,
+            success: colors.killarneyGreen,
+            warning: colors.zestOrange,
+        },
+        outline: {
+            focus: colors.focusBlue,
+        },
+    },
+    font: {
+        family: {
+            sans: fontFamily,
+            serif: 'serif',
+            Lato: 'Lato',
+        },
+        size: {
+            xlarge: '20px',
+            large: '18px',
+            medium: '16px',
+            normal: '14px',
+            small: '12px',
+        },
+        lineHeight: {
+            large: '24px',
+            normal: '16px',
+            small: '14px',
+        },
+        weight: {
+            xbold: 900,
+            bold: 700,
+            semibold: 600,
+            medium: 500,
+            normal: 400,
+            light: 300,
+            xlight: 200,
+        },
+    },
+    grid: {
+        radius: {
+            default: '8px',
+            small: '4px',
+            rounder: '16px',
+        },
+        unit: 4,
+        mobile: 360,
+        tablet: 768,
+        smallDesktop: 1024,
+        desktop: 1280,
+        largeDesktop: 1920,
+        editorMaxWidth: 960,
+    },
+    shadow: {
+        boxShadow: '0 0 10px 0 rgba(0, 0, 0, 0.05)',
+        dropShadow: '0 4px 9px 0 rgba(84, 83, 83, 0.3)',
+    },
+};

package/dist/es/index.js

@@ -13,12 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+export { defaultTheme } from './defaultTheme';
+export * as colors from './colors';
 export * from './components/AlertMessage';
 export * from './components/Message';
 export * from './components/Button';
 export * from './components/ContextMenu';
 export * from './components/RadioButton';
-export * from './components/AutoSaveInput';
 export * from './components/Avatar';
 export * from './components/Dialog';
 export * from './components/DraggableModal';
@@ -29,11 +30,7 @@ export * from './components/Resizer';
 export * from './components/SaveStatus';
 export * from './components/StyledModal';
 export * from './components/Sidebar';
-export * from './components/RichText';
 export * from './components/TextField';
-export * from './components/TextFieldContainer';
-export * from './components/TextFieldError';
-export * from './components/TextFieldGroupContainer';
 export * from './components/ToggleSwitch';
 export { ToggleHeader, ToggleIcon } from './components/ToggleHeader';
 export * from './components/Tooltip';
@@ -53,6 +50,5 @@ export * from './components/SelectedItemsBox';
 export * from './hooks/use-dropdown';
 export * from './hooks/use-menus';
 export * from './hooks/use-scroll-detection';
-export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';
 export * from './lib/files';
 export * from './lib/menus';

package/dist/types/colors.d.ts

@@ -0,0 +1,46 @@
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+export declare const manuscriptsBlueDark = "#0b6bb8";
+export declare const manuscriptsBlue = "#0d79d0";
+export declare const manuscriptsIcons = "#1a9bc7";
+export declare const manuscriptsLight = "#bce7f6";
+export declare const manuscriptsXLight = "#ddf3fa";
+export declare const manuscriptsXLight2 = "#f5fbfc";
+export declare const manuscriptsSecondary = "#ffbd26";
+export declare const black = "#000";
+export declare const greyDark = "#353535";
+export declare const greyMuted = "#6e6e6e";
+export declare const greyMutedText = "#c9c9c9";
+export declare const greyLight = "#c9c9c9";
+export declare const mercuryGrey = "#e2e2e2";
+export declare const seashellGrey = "#f2f2f2";
+export declare const alabasterGrey = "#fafafa";
+export declare const white = "#fff";
+export declare const jellyBeanBlue = "#2781a1";
+export declare const aliceBlue = "#f2fbfc";
+export declare const powderBlue = "#ddf3fa";
+export declare const focusBlue = "#3DADFF";
+export declare const graphBlue1 = "#20AEDF";
+export declare const punchRed = "#f35143";
+export declare const mandysRed = "#f5c1b7";
+export declare const chablisRed = "#fff1f0";
+export declare const darkRed = "#c74237";
+export declare const killarneyGreen = "#36b260";
+export declare const springGreen = "#b2c0ac";
+export declare const peppermintGreen = "#dff0d7";
+export declare const zestOrange = "#fe8f1f";
+export declare const wheatYellow = "#ffe0b2";
+export declare const butteryYellow = "#fffcdb";