@spaced-out/ui-design-system 0.4.13-beta.1 → 0.4.14

package/lib/hooks/useToggle/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useToggle';
-//# sourceMappingURL=index.d.ts.map

package/lib/hooks/useToggle/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToggle/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/lib/hooks/useToggle/useToggle.d.ts

@@ -1,2 +0,0 @@
-export declare function useToggle(initialState?: boolean): [boolean, (newValue: boolean) => void];
-//# sourceMappingURL=useToggle.d.ts.map

package/lib/hooks/useToggle/useToggle.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggle.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToggle/useToggle.ts"],"names":[],"mappings":"AAGA,wBAAgB,SAAS,CAAC,YAAY,GAAE,OAAe,GAAG,CAAC,OAAO,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC,CAS/F"}

package/lib/hooks/useToggle/useToggle.stories.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { useToggle } from './useToggle';
-declare const _default: {
-    tags: string[];
-    title: string;
-    component: typeof useToggle;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Example: () => React.ReactElement<React.ComponentProps<"div">>;
-//# sourceMappingURL=useToggle.stories.d.ts.map

package/lib/hooks/useToggle/useToggle.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useToggle.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useToggle/useToggle.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,OAAO,EAAC,SAAS,EAAC,MAAM,aAAa,CAAC;;;;;;;;;;;;;AAKtC,wBA2CE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAcxE,CAAC"}

package/lib/hooks/useToggle/useToggle.stories.js

@@ -1,68 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Example = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Button = require("../../components/Button");
-var _Text = require("../../components/Text");
-var _useToggle = require("./useToggle");
-var _useToggleStoriesModule = _interopRequireDefault(require("./useToggle.stories.module.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Hooks/useToggle',
-  component: _useToggle.useToggle,
-  parameters: {
-    docs: {
-      description: {
-        component: `
-\`\`\`js
-import { useToggle } from "@spaced-out/ui-design-system/lib/hooks/useToggle";
-\`\`\`
-The \`useToggle\` hook is a custom hook that provides a boolean state value and a function to toggle its value between true and false.
-
-### Props Accepted
-- \`initialState\` (optional): The initial state value. Defaults to false.
-
-### Props Returned
-- \`stateValue\`: The current state value.
-- \`toggle\`: A function to toggle the state value.
-
-### Usage
-\`\`\`jsx
-import { useToggle } from './useToggle';
-
-const MyComponent = () => {
-  const [isActive, toggleActive] = useToggle(false);
-
-  return (
-    <div>
-      <button onClick={toggleActive}>
-        Toggle
-      </button>
-      {isActive && <BodyLarge>Active</BodyLarge>}
-    </div>
-  );
-};
-
-export default MyComponent;
-\`\`\`
-          `
-      }
-    }
-  }
-};
-const Example = () => {
-  const [isActive, toggleActive] = (0, _useToggle.useToggle)(false);
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Button.Button, {
-    className: _useToggleStoriesModule.default.button,
-    onClick: toggleActive
-  }, "Toggle"), isActive && /*#__PURE__*/_react.default.createElement(_Text.BodyLarge, {
-    className: _useToggleStoriesModule.default.text
-  }, "Active"), !isActive && /*#__PURE__*/_react.default.createElement(_Text.BodyLarge, {
-    className: _useToggleStoriesModule.default.text
-  }, "InActive"));
-};
-exports.Example = Example;

package/lib/hooks/useWindowSize/index.d.ts

@@ -1,2 +0,0 @@
-export * from './useWindowSize';
-//# sourceMappingURL=index.d.ts.map

package/lib/hooks/useWindowSize/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWindowSize/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/lib/hooks/useWindowSize/useWindowSize.d.ts

@@ -1,7 +0,0 @@
-type WindowSize = {
-    width: number;
-    height: number;
-};
-export declare function useWindowSize(): WindowSize;
-export {};
-//# sourceMappingURL=useWindowSize.d.ts.map

package/lib/hooks/useWindowSize/useWindowSize.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWindowSize/useWindowSize.ts"],"names":[],"mappings":"AAIA,KAAK,UAAU,GAAG;IAChB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAIF,wBAAgB,aAAa,IAAI,UAAU,CA2B1C"}

package/lib/hooks/useWindowSize/useWindowSize.stories.d.ts

@@ -1,17 +0,0 @@
-import React from 'react';
-import { useWindowSize } from './useWindowSize';
-declare const _default: {
-    tags: string[];
-    title: string;
-    component: typeof useWindowSize;
-    parameters: {
-        docs: {
-            description: {
-                component: string;
-            };
-        };
-    };
-};
-export default _default;
-export declare const Example: () => React.ReactElement<React.ComponentProps<"div">>;
-//# sourceMappingURL=useWindowSize.stories.d.ts.map

package/lib/hooks/useWindowSize/useWindowSize.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"useWindowSize.stories.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWindowSize/useWindowSize.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,EAAC,aAAa,EAAC,MAAM,iBAAiB,CAAC;;;;;;;;;;;;;AAK9C,wBAqCE;AAEF,eAAO,MAAM,OAAO,QAAO,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAaxE,CAAC"}

package/lib/hooks/useWindowSize/useWindowSize.stories.js

@@ -1,58 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Example = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Text = require("../../components/Text");
-var _useWindowSize = require("./useWindowSize");
-var _useWindowSizeStoriesModule = _interopRequireDefault(require("./useWindowSize.stories.module.css"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-var _default = exports.default = {
-  tags: ['autodocs'],
-  title: 'Hooks/useWindowSize',
-  component: _useWindowSize.useWindowSize,
-  parameters: {
-    docs: {
-      description: {
-        component: `
-\`\`\`js
-import { useWindowSize } from "@spaced-out/ui-design-system/lib/hooks/useWindowSize";
-\`\`\`
-The \`useWindowSize\` hook is a custom hook that provides the current dimensions of the window as an object with the \`width\` and \`height\` properties.
-
-### Props Returned
-- \`windowSize\`: An object containing the current dimensions of the window.
-
-### Usage
-\`\`\`jsx
-import { useWindowSize } from './useWindowSize';
-
-const MyComponent = () => {
-  const windowSize = useWindowSize();
-
-  return (
-    <div>
-      <BodyLarge>Window Width: {windowSize.width}px</BodyLarge>
-      <BodyLarge>Window Height: {windowSize.height}px</BodyLarge>
-    </div>
-  );
-};
-
-export default MyComponent;
-\`\`\`
-          `
-      }
-    }
-  }
-};
-const Example = () => {
-  const windowSize = (0, _useWindowSize.useWindowSize)();
-  return /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Text.BodyLarge, {
-    className: _useWindowSizeStoriesModule.default.text
-  }, "Window Width: ", windowSize.width, "px"), /*#__PURE__*/_react.default.createElement(_Text.BodyLarge, {
-    className: _useWindowSizeStoriesModule.default.text
-  }, "Window Height: ", windowSize.height, "px"));
-};
-exports.Example = Example;

package/lib/index.d.ts

@@ -1,6 +0,0 @@
-export * from './components';
-export * from './hooks';
-export * from './styles';
-export * from './types';
-export * from './utils';
-//# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,UAAU,CAAC;AAEzB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC"}

package/lib/stories/Border/Border.stories.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-    parameters: {
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Border: () => React.JSX.Element;
-//# sourceMappingURL=Border.stories.d.ts.map

package/lib/stories/Border/Border.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Border.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Border/Border.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAiC/B,wBAOE;AA8BF,eAAO,MAAM,OAAO,yBAkOnB,CAAC"}

package/lib/stories/Color/Color.stories.d.ts

@@ -1,13 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-    parameters: {
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _BaseColor: () => React.JSX.Element;
-export declare const _AliasColor: () => React.JSX.Element;
-//# sourceMappingURL=Color.stories.d.ts.map

package/lib/stories/Color/Color.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Color.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Color/Color.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAkC/B,wBAOE;AAeF,eAAO,MAAM,UAAU,yBA8CtB,CAAC;AAgBF,eAAO,MAAM,WAAW,yBA6NvB,CAAC"}

package/lib/stories/Elevation/Elevation.stories.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-    parameters: {
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Elevation: () => React.JSX.Element;
-//# sourceMappingURL=Elevation.stories.d.ts.map

package/lib/stories/Elevation/Elevation.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Elevation.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Elevation/Elevation.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAgC/B,wBAOE;AA4BF,eAAO,MAAM,UAAU,yBAkNtB,CAAC"}

package/lib/stories/Introduction/index.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare const IntroductionDoc: () => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/stories/Introduction/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stories/Introduction/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,eAAO,MAAM,eAAe,yBAQrB,CAAC"}

package/lib/stories/Motion/Motion.stories.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-    parameters: {
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Motion: () => React.JSX.Element;
-//# sourceMappingURL=Motion.stories.d.ts.map

package/lib/stories/Motion/Motion.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Motion.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Motion/Motion.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAgC/B,wBAOE;AA6BF,eAAO,MAAM,OAAO,yBAkOnB,CAAC"}

package/lib/stories/Opacity/Opacity.stories.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-    parameters: {
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Opacity: () => React.JSX.Element;
-//# sourceMappingURL=Opacity.stories.d.ts.map

package/lib/stories/Opacity/Opacity.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Opacity.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Opacity/Opacity.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAgC/B,wBAOE;AA6BF,eAAO,MAAM,QAAQ,yBAkMpB,CAAC"}

package/lib/stories/Shadow/Shadow.stories.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-    parameters: {
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Shadow: () => React.JSX.Element;
-//# sourceMappingURL=Shadow.stories.d.ts.map

package/lib/stories/Shadow/Shadow.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Shadow.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Shadow/Shadow.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AA+B/B,wBAOE;AA+BF,eAAO,MAAM,OAAO,yBA6MnB,CAAC"}

package/lib/stories/Size/Size.stories.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-    parameters: {
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Size: () => React.JSX.Element;
-//# sourceMappingURL=Size.stories.d.ts.map

package/lib/stories/Size/Size.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Size.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Size/Size.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAiC/B,wBAOE;AA6BF,eAAO,MAAM,KAAK,yBA6LjB,CAAC"}

package/lib/stories/Space/Space.stories.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-declare const _default: {
-    title: string;
-    parameters: {
-        storySource: {
-            componentPath: string;
-        };
-    };
-};
-export default _default;
-export declare const _Space: () => React.JSX.Element;
-//# sourceMappingURL=Space.stories.d.ts.map

package/lib/stories/Space/Space.stories.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Space.stories.d.ts","sourceRoot":"","sources":["../../../src/stories/Space/Space.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;;;;;;;;;AAiC/B,wBAOE;AA6BF,eAAO,MAAM,MAAM,yBA2NlB,CAAC"}

package/lib/stories/Tokens/index.d.ts

@@ -1,3 +0,0 @@
-import * as React from 'react';
-export declare const TokensDoc: () => React.JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/lib/stories/Tokens/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stories/Tokens/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAmB/B,eAAO,MAAM,SAAS,yBAoUrB,CAAC"}

package/lib/styles/index.d.ts

@@ -1,268 +0,0 @@
-export declare const borderWidthNone = "0px";
-export declare const borderWidthPrimary = "1px";
-export declare const borderWidthSecondary = "1.5px";
-export declare const borderWidthTertiary = "2px";
-export declare const borderRadiusNone = "0px";
-export declare const borderRadiusXSmall = "4px";
-export declare const borderRadiusRadioButton = "6px";
-export declare const borderRadiusSmall = "8px";
-export declare const borderRadiusMedium = "12px";
-export declare const borderRadiusLarge = "20px";
-export declare const borderRadiusXLarge = "30px";
-export declare const borderRadiusCircle = "50%";
-export declare const colorTextPrimary = "#17172A";
-export declare const colorTextSecondary = "#565656";
-export declare const colorTextTertiary = "#7e7e7e";
-export declare const colorTextDisabled = "#d1d1d1";
-export declare const colorTextClickable = "#5c34cd";
-export declare const colorTextNeutral = "#706F9B";
-export declare const colorTextSuccess = "#026b37";
-export declare const colorTextInformation = "#0660da";
-export declare const colorTextWarning = "#9e5909";
-export declare const colorTextDanger = "#cf1945";
-export declare const colorTextInversePrimary = "#ffffff";
-export declare const colorTextInverseSecondary = "#9F9FBC";
-export declare const colorTextFavorite = "#DFBD0D";
-export declare const colorIconPrimary = "#8D8CAF";
-export declare const colorIconSecondary = "#3E3D55";
-export declare const colorBorderPrimary = "#e1e1e1";
-export declare const colorBorderSecondary = "#d1d1d1";
-export declare const colorBorderTertiary = "#AEAEAE";
-export declare const colorBorderDanger = "#e31c4c";
-export declare const colorBackgroundBrand = "#271656";
-export declare const colorBackgroundPrimary = "#fafafa";
-export declare const colorBackgroundSecondary = "#f4f4f4";
-export declare const colorBackgroundTertiary = "#ffffff";
-export declare const colorFocusPrimary = "#ccc0f0";
-export declare const colorFocusSecondary = "#5c34cd";
-export declare const colorFocusDanger = "#f6b9c8";
-export declare const colorFillPrimary = "#5c34cd";
-export declare const colorFillSecondary = "#efebfa";
-export declare const colorFillNone = "rgba(255,255,255,0)";
-export declare const colorFillDisabled = "#f4f4f4";
-export declare const colorFillInversePrimary = "#17172A";
-export declare const colorTooltipFill = "rgba(23, 23, 42, 0.95)";
-export declare const colorBackdropFill = "rgba(23, 23, 42, 0.7)";
-export declare const colorButtonFillTableActionEnabled = "#542fbb";
-export declare const colorButtonFillTableActionHovered = "#412592";
-export declare const colorButtonFillTableActionPressed = "#412592";
-export declare const colorButtonFillTableActionBorder = "#7d5dd7";
-export declare const colorButtonFillPrimaryEnabled = "#5c34cd";
-export declare const colorButtonFillPrimaryHovered = "#412592";
-export declare const colorButtonFillPrimaryPressed = "#412592";
-export declare const colorButtonFillSecondaryEnabled = "#efebfa";
-export declare const colorButtonFillSecondaryHovered = "#ccc0f0";
-export declare const colorButtonFillSecondaryPressed = "#ccc0f0";
-export declare const colorButtonFillTertiaryEnabled = "#ffffff";
-export declare const colorButtonFillTertiaryHovered = "#EBEBEB";
-export declare const colorButtonFillTertiaryPressed = "#EBEBEB";
-export declare const colorButtonFillGhostEnabled = "rgba(255,255,255,0)";
-export declare const colorButtonFillGhostHovered = "#EBEBEB";
-export declare const colorButtonFillGhostPressed = "#EBEBEB";
-export declare const colorButtonFillDangerEnabled = "#e31c4c";
-export declare const colorButtonFillDangerHovered = "#cf1945";
-export declare const colorButtonFillDangerPressed = "#cf1945";
-export declare const colorSideMenuBackgroundDefault = "#17172A";
-export declare const colorSideMenuBackgroundHovered = "#1F1F36";
-export declare const colorSideMenuBackgroundSelected = "#5c34cd";
-export declare const colorSideMenuIconDefault = "#9F9FBC";
-export declare const colorSideMenuIconActive = "#ffffff";
-export declare const colorSideMenuAccountBarFill = "#1F1F36";
-export declare const colorGroupMenuBackgroundDefault = "#17172A";
-export declare const colorGroupMenuBackgroundHovered = "#1F1F36";
-export declare const colorGroupMenuBackgroundSelected = "#5c34cd";
-export declare const colorGroupMenuTextDefault = "#D3D2E0";
-export declare const colorSubMenuBackgroundDefault = "#1F1F36";
-export declare const colorSubMenuStar = "#DFBD0D";
-export declare const colorDataViz1 = "#8dbaf8";
-export declare const colorDataViz2 = "#b4a2e8";
-export declare const colorDataViz3 = "#8bcfad";
-export declare const colorDataViz4 = "#f0c48f";
-export declare const colorDataViz5 = "#f297ad";
-export declare const colorDataViz6 = "#B0F0E3";
-export declare const colorDataViz7 = "#F5B8E1";
-export declare const colorDataViz8 = "#F5EBB4";
-export declare const colorScoreBarLevel1 = "#7e7e7e";
-export declare const colorScoreBarLevel2 = "#e94970";
-export declare const colorScoreBarLevel3 = "#e5983d";
-export declare const colorScoreBarLevel4 = "#3987f3";
-export declare const colorScoreBarLevel5 = "#35ab71";
-export declare const colorScoreBarInactive = "#d1d1d1";
-export declare const colorGrayLightest = "#EBEBEB";
-export declare const colorNeutral = "#706F9B";
-export declare const colorNeutralLightest = "#f1f1f5";
-export declare const colorNeutralLight = "#D3D2E0";
-export declare const colorNeutralDark = "#504F6E";
-export declare const colorNeutralDarkest = "#2C2C47";
-export declare const colorSuccess = "#03964d";
-export declare const colorSuccessLightest = "#e6f5ed";
-export declare const colorSuccessLight = "#8bcfad";
-export declare const colorSuccessDark = "#026b37";
-export declare const colorSuccessDarkest = "#013f20";
-export declare const colorInformation = "#0769f0";
-export declare const colorInformationLightest = "#e6f0fe";
-export declare const colorInformationLight = "#8dbaf8";
-export declare const colorInformationDark = "#054baa";
-export declare const colorInformationDarkest = "#032c65";
-export declare const colorWarning = "#df7e0c";
-export declare const colorWarningLightest = "#fcf2e7";
-export declare const colorWarningLight = "#f0c48f";
-export declare const colorWarningDark = "#9e5909";
-export declare const colorWarningDarkest = "#5e3505";
-export declare const colorDanger = "#e31c4c";
-export declare const colorDangerLightest = "#fce8ed";
-export declare const colorDangerLight = "#f297ad";
-export declare const colorDangerDark = "#a11436";
-export declare const colorDangerDarkest = "#5f0c20";
-export declare const elevationNone = "0";
-export declare const elevationCard = "4";
-export declare const elevationTooltip = "4";
-export declare const elevationMenu = "12";
-export declare const elevationBackdrop = "40";
-export declare const elevationModal = "40";
-export declare const elevationToast = "60";
-export declare const fontFamilyCentra = "\"Centra No 2\"";
-export declare const fontWeightBook = "400";
-export declare const fontWeightMedium = "500";
-export declare const fontSize12 = "12px";
-export declare const fontSize13 = "13px";
-export declare const fontSize14 = "14px";
-export declare const fontSize16 = "16px";
-export declare const fontSize18 = "18px";
-export declare const fontSize24 = "24px";
-export declare const fontSize26 = "26px";
-export declare const fontSize36 = "36px";
-export declare const fontSize46 = "46px";
-export declare const fontLetterSpacing0 = "0em";
-export declare const fontLetterSpacing1 = "0.01em";
-export declare const fontLetterSpacing2 = "0.02em";
-export declare const fontLetterSpacing4 = "0.04em";
-export declare const fontLetterSpacingMinus1 = "-0.01em";
-export declare const fontLetterSpacingMinus2 = "-0.02em";
-export declare const fontLetterSpacingMinus3 = "-0.03em";
-export declare const fontLetterSpacingMinus4 = "-0.04em";
-export declare const fontLineHeight100 = "100%";
-export declare const fontLineHeight120 = "120%";
-export declare const fontLineHeight125 = "125%";
-export declare const fontLineHeight130 = "130%";
-export declare const fontLineHeight140 = "140%";
-export declare const fontLineHeight150 = "150%";
-export declare const fontLineHeight170 = "170%";
-export declare const fontParagraphSpacing0 = "0";
-export declare const fontTextCaseNone = "none";
-export declare const fontTextDecorationNone = "none";
-export declare const motionDurationFast = "100ms";
-export declare const motionDurationNormal = "200ms";
-export declare const motionDurationSlow = "300ms";
-export declare const motionDurationSlower = "500ms";
-export declare const motionDurationSlowest = "1000ms";
-export declare const motionEaseInEaseOut = "ease-in-out";
-export declare const opacity100 = "100%";
-export declare const opacity95 = "95%";
-export declare const opacity90 = "90%";
-export declare const opacity85 = "85%";
-export declare const opacity80 = "80%";
-export declare const opacity70 = "70%";
-export declare const opacity60 = "60%";
-export declare const opacity50 = "50%";
-export declare const opacity40 = "40%";
-export declare const opacity30 = "30%";
-export declare const opacity20 = "20%";
-export declare const opacity15 = "15%";
-export declare const opacity10 = "10%";
-export declare const opacity5 = "5%";
-export declare const opacity0 = "0%";
-export declare const shadowBoxShadow1Color = "#12121214";
-export declare const shadowBoxShadow1Type = "dropShadow";
-export declare const shadowBoxShadow1X = "0px";
-export declare const shadowBoxShadow1Y = "4px";
-export declare const shadowBoxShadow1Blur = "4px";
-export declare const shadowBoxShadow1Spread = "0px";
-export declare const shadowBoxShadow2Color = "#12121214";
-export declare const shadowBoxShadow2Type = "dropShadow";
-export declare const shadowBoxShadow2X = "0px";
-export declare const shadowBoxShadow2Y = "8px";
-export declare const shadowBoxShadow2Blur = "8px";
-export declare const shadowBoxShadow2Spread = "0px";
-export declare const shadowBoxShadow3Color = "#1212121f";
-export declare const shadowBoxShadow3Type = "dropShadow";
-export declare const shadowBoxShadow3X = "0px";
-export declare const shadowBoxShadow3Y = "12px";
-export declare const shadowBoxShadow3Blur = "12px";
-export declare const shadowBoxShadow3Spread = "0px";
-export declare const shadowBoxShadow4Color = "#12121233";
-export declare const shadowBoxShadow4Type = "dropShadow";
-export declare const shadowBoxShadow4X = "0px";
-export declare const shadowBoxShadow4Y = "20px";
-export declare const shadowBoxShadow4Blur = "20px";
-export declare const shadowBoxShadow4Spread = "0px";
-export declare const size2 = "2px";
-export declare const size4 = "4px";
-export declare const size5 = "5px";
-export declare const size8 = "8px";
-export declare const size10 = "10px";
-export declare const size12 = "12px";
-export declare const size18 = "18px";
-export declare const size20 = "20px";
-export declare const size22 = "22px";
-export declare const size24 = "24px";
-export declare const size26 = "26px";
-export declare const size28 = "28px";
-export declare const size30 = "30px";
-export declare const size32 = "32px";
-export declare const size34 = "34px";
-export declare const size36 = "36px";
-export declare const size38 = "38px";
-export declare const size40 = "40px";
-export declare const size42 = "42px";
-export declare const size44 = "44px";
-export declare const size48 = "48px";
-export declare const size50 = "50px";
-export declare const size58 = "58px";
-export declare const size60 = "60px";
-export declare const size66 = "66px";
-export declare const size70 = "70px";
-export declare const size90 = "90px";
-export declare const size100 = "100px";
-export declare const size110 = "110px";
-export declare const size125 = "125px";
-export declare const size140 = "140px";
-export declare const size160 = "160px";
-export declare const size180 = "180px";
-export declare const size200 = "200px";
-export declare const size228 = "228px";
-export declare const size240 = "240px";
-export declare const size252 = "252px";
-export declare const size260 = "260px";
-export declare const size276 = "276px";
-export declare const size300 = "300px";
-export declare const size320 = "320px";
-export declare const size380 = "380px";
-export declare const size400 = "400px";
-export declare const size480 = "480px";
-export declare const size500 = "500px";
-export declare const size540 = "540px";
-export declare const size580 = "580px";
-export declare const size640 = "640px";
-export declare const size660 = "660px";
-export declare const size720 = "720px";
-export declare const size800 = "800px";
-export declare const size880 = "880px";
-export declare const size960 = "960px";
-export declare const size1280 = "1280px";
-export declare const sizeFluid = "100%";
-export declare const sizeFullViewportHeight = "100vh";
-export declare const sizeFullViewportWidth = "100vw";
-export declare const spaceNone = "0px";
-export declare const spaceXXSmall = "4px";
-export declare const spaceXSmall = "8px";
-export declare const spaceSmall = "12px";
-export declare const spaceMedium = "20px";
-export declare const spaceLarge = "32px";
-export declare const spaceXLarge = "52px";
-export declare const spaceXXLarge = "84px";
-export declare const spaceFluid = "100%";
-export declare const spaceNegFluid = "-100%";
-export declare const spaceHalfFluid = "50%";
-export declare const spaceNegHalfFluid = "-50%";
-//# sourceMappingURL=index.d.ts.map