@elliemae/ds-system 1.60.0 → 2.0.0-alpha.12

package/esm/theme.js

@@ -1,6 +1,5 @@
 import { getDefaultTheme } from '@elliemae/pui-theme';
 
-var theme = getDefaultTheme();
+const theme = getDefaultTheme();
 
 export { theme };
-//# sourceMappingURL=theme.js.map

package/esm/themeProviderHOC.js

@@ -1,15 +1,20 @@
-import React from 'react';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _jsx2 from '@babel/runtime/helpers/esm/jsx';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import 'react';
 import { ThemeProvider } from 'styled-components';
 import { theme } from './theme.js';
-import '@elliemae/pui-theme';
+import { jsx } from 'react/jsx-runtime';
 
-var themeProviderHOC = function themeProviderHOC(Component) {
-  return function (props) {
-    return /*#__PURE__*/React.createElement(ThemeProvider, {
-      theme: theme
-    }, /*#__PURE__*/React.createElement(Component, props));
-  };
-};
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+const themeProviderHOC = Component => props => /*#__PURE__*/_jsx2(ThemeProvider, {
+  theme: theme
+}, void 0, /*#__PURE__*/jsx(Component, _objectSpread({}, props)));
 
 export { themeProviderHOC };
-//# sourceMappingURL=themeProviderHOC.js.map

package/esm/utils.js

@@ -1,27 +1,14 @@
-import _taggedTemplateLiteral from '@babel/runtime/helpers/esm/taggedTemplateLiteral';
 import { lighten } from 'polished';
 export { rgba } from 'polished';
 import { reduce } from 'lodash';
 import { theme } from './theme.js';
 import { toMobile } from './mobileUtilities.js';
-import '@elliemae/pui-theme';
-import '@babel/runtime/helpers/esm/slicedToArray';
-import 'react';
-import './constants.js';
+import { css, keyframes as keyframes$1 } from 'styled-components';
+export { createGlobalStyle, css, keyframes as kfrm, useTheme, withTheme } from 'styled-components';
 
-var _templateObject;
-
-var styled = require('styled-components');
-
-var css = styled.css;
-var kfrm = styled.keyframes;
-var withTheme = styled.withTheme;
-var useTheme = styled.useTheme;
-var createGlobalStyle = styled.createGlobalStyle;
+/* eslint-disable no-shadow */
 function truncate(width) {
-  return function (props) {
-    return css(["", " white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], !!width || props.width ? "width: ".concat(props.width || width, ";") : '');
-  };
+  return props => css(["", " white-space:nowrap;overflow:hidden;text-overflow:ellipsis;"], !!width || props.width ? "width: ".concat(props.width || width, ";") : '');
 }
 function flexCenter() {
   return "\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  ";
@@ -30,58 +17,46 @@ function disabled() {
   return "\n    cursor: not-allowed;\n    pointer-events: none;\n  ";
 }
 function keyframes(obj) {
-  return kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["", "\n  "])), reduce(obj, function (result, value, key) {
-    return "\n    ".concat(result, "\n    ").concat(key, "% {\n      ").concat(value, "\n    }\n  ");
-  }, ''));
+  return keyframes$1(["", ""], reduce(obj, (result, value, key) => "\n    ".concat(result, "\n    ").concat(key, "% {\n      ").concat(value, "\n    }\n  "), ''));
 } // eslint-disable-next-line max-params
 
 function boxShadow(top, left, blur, color) {
-  var inset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
+  let inset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
   return "box-shadow: ".concat(inset ? 'inset' : '', " ").concat(top, " ").concat(left, " ").concat(blur, " ").concat(color, ";");
 }
 function color() {
-  var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
-  return css(["color:", ";"], function (props) {
-    return props.theme.colors[variant][type];
-  });
+  let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
+  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
+  return css(["color:", ";"], props => props.theme.colors[variant][type]);
 }
 function border() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.colors.brand[600];
-  var size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1px';
-  var type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'solid';
+  let color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.colors.brand[600];
+  let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1px';
+  let type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'solid';
   return "".concat(size, " ").concat(type, " ").concat(color);
 }
 function animation(animationKeyframes, animationLength, animationTimingFn) {
-  return function (props) {
-    return css(["animation:", " ", " ", ";"], props.animationKeyframes || animationKeyframes, props.animationLength || animationLength, props.animationTimingFn || animationTimingFn);
-  };
+  return props => css(["animation:", " ", " ", ";"], props.animationKeyframes || animationKeyframes, props.animationLength || animationLength, props.animationTimingFn || animationTimingFn);
 } // 0.0769
 
 function focus() {
-  var color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.colors.brand[600];
-  return function () {
-    return css(["outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], color, lighten(0.3, color));
-  };
+  let color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.colors.brand[600];
+  return () => css(["outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], color, lighten(0.3, color));
 }
 function focusAfter(color) {
   return css(["outline:none;position:relative;&:after{content:'';z-index:10;position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;", "}"], focus(color));
 }
 function active() {
-  return function (props) {
-    return css(["outline:none;border:1px solid ", ";border-radius:2px;"], props.theme.colors.brand[700]);
-  };
+  return props => css(["outline:none;border:1px solid ", ";border-radius:2px;"], props.theme.colors.brand[700]);
 }
 function hover() {
-  return function (props) {
-    return css(["outline:1px solid ", ";outline-offset:-1px;"], props.theme.colors.brand[600]);
-  };
+  return props => css(["outline:1px solid ", ";outline-offset:-1px;"], props.theme.colors.brand[600]);
 }
 function textStyle(type) {
-  var weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'regular';
+  let weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'regular';
   // eslint-disable-next-line complexity
-  return function (props) {
-    var cssVar = "font-weight: ".concat(props.theme.fontWeights[weight], ";"); // eslint-disable-next-line default-case
+  return props => {
+    let cssVar = "font-weight: ".concat(props.theme.fontWeights[weight], ";"); // eslint-disable-next-line default-case
 
     switch (type) {
       case 'h1':
@@ -133,21 +108,15 @@ function textStyle(type) {
   };
 }
 function iconColor() {
-  var variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
-  var type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
-  return css(["fill:", ";"], function (props) {
-    return props.theme.colors[variant][type];
-  });
+  let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
+  let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
+  return css(["fill:", ";"], props => props.theme.colors[variant][type]);
 }
 function fakeBorder() {
-  return css(["box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], function (props) {
-    return props.theme.colors.neutral[200];
-  });
+  return css(["box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], props => props.theme.colors.neutral[200]);
 }
 function fakeActive() {
-  return css(["outline:none;box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], function (props) {
-    return props.theme.colors.brand[700];
-  });
+  return css(["outline:none;box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], props => props.theme.colors.brand[700]);
 }
 function clearFocus() {
   return "\n    border: none;\n    box-shadow: none;\n  ";
@@ -156,21 +125,12 @@ function buttonLink() {
   return "\n    background-color: transparent;\n    border: 1px solid transparent;\n    cursor: pointer;\n  ";
 }
 function transition() {
-  var t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'all 1s ease';
+  let t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'all 1s ease';
   return "\n    transition: ".concat(t, ";\n  ");
 }
-function onlySafariAndFiredox(styles) {
-  return css(["@media not all and (min-resolution:0.001dpcm){", "}@media screen and (min--moz-device-pixel-ratio:0){", "}"], styles, styles);
-}
-function onlySafari(styles) {
-  return css(["@media not all and (min-resolution:0.001dpcm){", "}"], styles);
-}
-function onlyFirefox(styles) {
-  return css(["@media screen and (min--moz-device-pixel-ratio:0){", "}"], styles);
-}
-function safariAndFirefoxBold(color) {
-  return css(["@media not all and (min-resolution:0.001dpcm){font-weight:400;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}@media screen and (min--moz-device-pixel-ratio:0){font-weight:400;-webkit-font-smoothing:subpixel-antialiased;-webkit-text-stroke:0.4px ", ";}"], color, color);
-}
+const onlySafariAndFirefox = styles => css(["@media not all and (min-resolution:0.001dpcm){", "}@media screen and (min--moz-device-pixel-ratio:0){", "}"], styles, styles);
+const onlySafari = styles => "\n    @media not all and (min-resolution: 0.001dpcm) {\n      ".concat(styles, "\n    }\n  ");
+const onlyFirefox = styles => "\n    @media screen and (min--moz-device-pixel-ratio: 0) {\n      ".concat(styles, "\n    }\n  ");
+const safariAndFirefoxBold = color => "\n  @media not all and (min-resolution: 0.001dpcm) {\n    font-weight: 400;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-text-stroke: 0.4px ".concat(color, ";\n  }\n  @media screen and (min--moz-device-pixel-ratio: 0) {\n    font-weight: 400;\n    -webkit-font-smoothing: subpixel-antialiased;\n    -webkit-text-stroke: 0.4px ").concat(color, ";\n  }\n");
 
-export { active, animation, border, boxShadow, buttonLink, clearFocus, color, createGlobalStyle, css, disabled, fakeActive, fakeBorder, flexCenter, focus, focusAfter, hover, iconColor, keyframes, kfrm, onlyFirefox, onlySafari, onlySafariAndFiredox, safariAndFirefoxBold, textStyle, transition, truncate, useTheme, withTheme };
-//# sourceMappingURL=utils.js.map
+export { active, animation, border, boxShadow, buttonLink, clearFocus, color, disabled, fakeActive, fakeBorder, flexCenter, focus, focusAfter, hover, iconColor, keyframes, onlyFirefox, onlySafari, onlySafariAndFirefox, safariAndFirefoxBold, textStyle, transition, truncate };

package/package.json

@@ -1,14 +1,82 @@
 {
   "name": "@elliemae/ds-system",
-  "version": "1.60.0",
+  "version": "2.0.0-alpha.12",
   "license": "MIT",
-  "description": "Ellie Mae - Dim Sum - System",
-  "main": "cjs/index.js",
-  "module": "esm/index.js",
+  "description": "ICE MT - Dimsum - System",
+  "module": "./esm/index.js",
+  "main": "./cjs/index.js",
+  "types": "./types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./esm/index.js",
+      "require": "./cjs/index.js"
+    },
+    "./utils": {
+      "import": "./esm/utils.js",
+      "require": "./cjs/utils.js"
+    },
+    "./themeProviderHOC": {
+      "import": "./esm/themeProviderHOC.js",
+      "require": "./cjs/themeProviderHOC.js"
+    },
+    "./theme": {
+      "import": "./esm/theme.js",
+      "require": "./cjs/theme.js"
+    },
+    "./th": {
+      "import": "./esm/th.js",
+      "require": "./cjs/th.js"
+    },
+    "./styled/utils": {
+      "import": "./esm/styled/utils.js",
+      "require": "./cjs/styled/utils.js"
+    },
+    "./styled/types": {
+      "import": "./esm/styled/types.js",
+      "require": "./cjs/styled/types.js"
+    },
+    "./styled/styleGetters": {
+      "import": "./esm/styled/styleGetters.js",
+      "require": "./cjs/styled/styleGetters.js"
+    },
+    "./styled": {
+      "import": "./esm/styled/index.js",
+      "require": "./cjs/styled/index.js"
+    },
+    "./spaceUtilities": {
+      "import": "./esm/spaceUtilities.js",
+      "require": "./cjs/spaceUtilities.js"
+    },
+    "./mobileUtilities": {
+      "import": "./esm/mobileUtilities.js",
+      "require": "./cjs/mobileUtilities.js"
+    },
+    "./globalStyles": {
+      "import": "./esm/globalStyles.js",
+      "require": "./cjs/globalStyles.js"
+    },
+    "./constants": {
+      "import": "./esm/constants.js",
+      "require": "./cjs/constants.js"
+    },
+    "./arithmetic": {
+      "import": "./esm/arithmetic.js",
+      "require": "./cjs/arithmetic.js"
+    }
+  },
   "sideEffects": [
     "*.css",
     "*.scss"
   ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum.git"
+  },
+  "engines": {
+    "npm": ">=7",
+    "node": ">=14"
+  },
+  "author": "ICE MT",
   "scripts": {
     "prebuild": "exit 0",
     "predev": "exit 0",
@@ -17,20 +85,23 @@
   },
   "publishConfig": {
     "access": "public",
-    "directory": "dist"
+    "directory": "dist",
+    "generateSubmodules": true
   },
   "dependencies": {
+    "@elliemae/ds-utilities": "2.0.0-alpha.12",
     "polished": "~3.6.7"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "2.2.3",
-    "styled-components": "~5.3.0"
+    "@elliemae/pui-theme": "~2.2.5",
+    "@testing-library/jest-dom": "~5.15.0",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "2.2.3",
-    "lodash": "^4.17.20",
-    "react": "~17.0.1",
-    "react-dom": "^17.0.1",
-    "styled-components": "^5.3.0"
+    "@elliemae/pui-theme": "^2.2.5",
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   }
 }

package/types/arithmetic.d.ts

@@ -0,0 +1,5 @@
+export declare function getNumberAndUnit(numberStrWithUnit: string | number): {
+    number: string;
+    unit: string;
+};
+export declare function op(operator: string, n1: string, n2: string | number): string;

package/types/constants.d.ts

@@ -0,0 +1,11 @@
+export declare const desktopBaseFont = 13;
+export declare const mobileBaseFont = 16;
+export declare const translateUnits: {
+    '8px': string;
+    '16px': string;
+    '32px': string;
+    '48px': string;
+    '56px': string;
+    '64px': string;
+    '72px': string;
+};

package/types/globalStyles.d.ts

@@ -0,0 +1 @@
+export declare const GlobalStyles: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;

package/types/index.d.ts

@@ -0,0 +1,9 @@
+export * from './globalStyles';
+export * from './spaceUtilities';
+export * from './mobileUtilities';
+export * from './utils';
+export * from './arithmetic';
+export * from './th';
+export * from './theme';
+export * from './styled';
+export { themeProviderHOC } from './themeProviderHOC';

package/types/mobileUtilities.d.ts

@@ -0,0 +1,4 @@
+export declare function __UNSAFE_SPACE_TO_DIMSUM(unit: string): string;
+export declare function toMobile(unit: string): string;
+export declare const useIsMobile: () => boolean;
+export declare const isMobile: () => boolean;

package/types/spaceUtilities.d.ts

@@ -0,0 +1,13 @@
+export declare function mapGap(gutter: number | string): number | string;
+export declare function mapGutter(gutter: string | number): string;
+export declare function mapSpace(width: string | number): string;
+export declare function fixSpaceGutter(width: string | number, gutter: string | number): string | string[];
+export declare function fixSpace(width: string | number): string | string[];
+/**
+ * Grid
+ *
+ * @param grid
+ */
+export declare function numbersToFr(grid: number[]): string[];
+export declare function mapGrid(width: string | number): string;
+export declare function mapTemplateGrid(grid: number[]): string | string[];

package/types/styled/index.d.ts

@@ -0,0 +1,2 @@
+import { Styled } from './types';
+export declare const styled: Styled;

package/types/styled/styleGetters.d.ts

@@ -0,0 +1,4 @@
+import type { Theme, CSSObject } from './types';
+export declare const getStyleOverrides: (name: string, theme: Theme) => CSSObject | null;
+export declare const getVariantStyles: (name: string, theme: Theme) => Record<string, CSSObject>;
+export declare const variantsResolver: (props: Record<string, unknown>, styles: CSSObject, theme: Theme, name: string) => CSSObject[keyof CSSObject][];

package/types/styled/types.d.ts

@@ -0,0 +1,28 @@
+import React from 'react';
+import type { Theme as PuiTheme } from '@elliemae/pui-theme';
+import { AnyStyledComponent, CSSObject, Interpolation, InterpolationFunction, StyledComponent, StyledComponentInnerAttrs, StyledComponentInnerComponent, StyledComponentInnerOtherProps, StyledComponentPropsWithRef, ThemedStyledProps } from 'styled-components';
+export { CSSObject } from 'styled-components';
+export interface Theme extends PuiTheme {
+    components?: {
+        [componentName: string]: {
+            styleOverrides?: CSSObject;
+            variants?: {
+                props: Record<string, {
+                    toString: () => string;
+                }>;
+                style: CSSObject;
+            }[];
+        };
+    };
+}
+export declare type ThemedStyledFunctionBase<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> = <U extends object = {}>(first: TemplateStringsArray | CSSObject | InterpolationFunction<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>, ...rest: Array<Interpolation<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U, T>>>) => StyledComponent<C, T, O & U, A>;
+declare type ThemedStyledComponentFactories<T extends object> = {
+    [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunctionBase<TTag, T>;
+};
+export declare type StyledFunction = <C extends AnyStyledComponent | keyof JSX.IntrinsicElements | React.ComponentType<any>>(tag: C, options?: {
+    name: string | null;
+    slot: string | null;
+}) => ThemedStyledFunctionBase<C extends AnyStyledComponent ? StyledComponentInnerComponent<C> : C, Theme, C extends AnyStyledComponent ? StyledComponentInnerOtherProps<C> : {}, C extends AnyStyledComponent ? StyledComponentInnerAttrs<C> : never>;
+export interface StyledObject extends ThemedStyledComponentFactories<Theme> {
+}
+export declare type Styled = StyledFunction & StyledObject;

package/types/styled/utils.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from './types';
+export declare const isEmpty: (string: string) => boolean;
+export declare const coerceWithDefaultTheme: (themeInput: Theme) => Theme;
+export declare const propsToClassKey: (props: Record<string, {
+    toString: () => string;
+}>) => string;

package/types/tests/arithmetic.test.d.ts

@@ -0,0 +1 @@
+export {};

package/types/th.d.ts

@@ -0,0 +1,14 @@
+declare type thGetter = (value: string, dfault: string) => (theme: any) => string;
+declare type thConstructor = ((property: string) => thGetter) & {
+    space: thGetter;
+    fontSize: thGetter;
+    fontWeight: thGetter;
+    lineHeight: thGetter;
+    letterSpacing: thGetter;
+    font: thGetter;
+    color: thGetter;
+    breakpoint: thGetter;
+    media: thGetter;
+};
+export declare const th: thConstructor;
+export {};

package/types/theme.d.ts

@@ -0,0 +1,2 @@
+import type { Theme } from '@elliemae/pui-theme';
+export declare const theme: Theme;

package/types/themeProviderHOC.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const themeProviderHOC: (Component: React.ElementType) => (props: Record<string, unknown>) => JSX.Element;

package/types/utils.d.ts

@@ -0,0 +1,27 @@
+import { rgba } from 'polished';
+import { Keyframes } from 'styled-components';
+import { css, withTheme, keyframes as kfrm, createGlobalStyle, useTheme } from 'styled-components';
+export { withTheme, createGlobalStyle, rgba, useTheme, kfrm, css };
+export declare function truncate(width?: string): (props: any) => import("styled-components").FlattenSimpleInterpolation;
+export declare function flexCenter(): string;
+export declare function disabled(): string;
+export declare function keyframes(obj: Record<string, unknown>): Keyframes;
+export declare function boxShadow(top: string, left: string, blur: string, color: string, inset?: boolean): string;
+export declare function color(variant?: string, type?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare function border(color?: string, size?: string, type?: string): string;
+export declare function animation(animationKeyframes: string, animationLength: string, animationTimingFn: string): (props: any) => import("styled-components").FlattenSimpleInterpolation;
+export declare function focus(color?: string): () => import("styled-components").FlattenSimpleInterpolation;
+export declare function focusAfter(color: string): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare function active(): (props: any) => import("styled-components").FlattenSimpleInterpolation;
+export declare function hover(): (props: any) => import("styled-components").FlattenSimpleInterpolation;
+export declare function textStyle(type: string, weight?: string): (props: any) => string;
+export declare function iconColor(variant?: string, type?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare function fakeBorder(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare function fakeActive(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare function clearFocus(): string;
+export declare function buttonLink(): string;
+export declare function transition(t?: string): string;
+export declare const onlySafariAndFirefox: (styles: string) => string;
+export declare const onlySafari: (styles: string) => string;
+export declare const onlyFirefox: (styles: string) => string;
+export declare const safariAndFirefoxBold: (color: string) => string;

package/arithmetic/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-system/arithmetic",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/arithmetic.js",
-  "module": "../esm/arithmetic.js"
-}

package/cjs/arithmetic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arithmetic.js","sources":["../../src/arithmetic.tsx"],"sourcesContent":["export function getNumberAndUnit(\n  numberStrWithUnit: string,\n): { number: string; unit: string } {\n  const [number, unit] = String(numberStrWithUnit).match(\n    /[a-z]+|[(/^\\-?\\d*.\\d+|\\d+),?]+/gi,\n  );\n  return { number, unit };\n}\n\nexport function op(operator: string, n1: string, n2: string): string {\n  const { number, unit } = getNumberAndUnit(n1);\n  const { number: number2, unit: unit2 } = getNumberAndUnit(n2);\n  switch (operator) {\n    case '*':\n      return Number(number) * Number(number2) + (unit || unit2);\n    case '+':\n      return Number(number) + Number(number2) + (unit || unit2);\n    case '-':\n      return Number(number) - Number(number2) + (unit || unit2);\n    case '/':\n      return Number(number) / Number(number2) + (unit || unit2);\n    default:\n      return Number(number) + Number(number2) + (unit || unit2);\n  }\n}\n"],"names":["getNumberAndUnit","numberStrWithUnit","String","match","number","unit","op","operator","n1","n2","number2","unit2","Number"],"mappings":";;;;;;;;;;AAAO,SAASA,gBAAT,CACLC,iBADK,EAE6B;AAClC,sBAAuBC,MAAM,CAACD,iBAAD,CAAN,CAA0BE,KAA1B,CACrB,kCADqB,CAAvB;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,IAAf;;AAGA,SAAO;AAAED,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,IAAI,EAAJA;AAAV,GAAP;AACD;AAEM,SAASC,EAAT,CAAYC,QAAZ,EAA8BC,EAA9B,EAA0CC,EAA1C,EAA8D;AACnE,0BAAyBT,gBAAgB,CAACQ,EAAD,CAAzC;AAAA,MAAQJ,MAAR,qBAAQA,MAAR;AAAA,MAAgBC,IAAhB,qBAAgBA,IAAhB;;AACA,2BAAyCL,gBAAgB,CAACS,EAAD,CAAzD;AAAA,MAAgBC,OAAhB,sBAAQN,MAAR;AAAA,MAA+BO,KAA/B,sBAAyBN,IAAzB;;AACA,UAAQE,QAAR;AACE,SAAK,GAAL;AACE,aAAOK,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;AAVJ;AAYD;;;;;"}

package/cjs/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const desktopBaseFont = 13;\n\nexport const mobileBaseFont = 16;\n\nexport const translateUnits = {\n  '8px': '4px',\n  '16px': '8px',\n  '32px': '16px',\n  '48px': '24px',\n  '56px': '32px',\n  '64px': '48px',\n  '72px': '64px',\n};\n"],"names":["desktopBaseFont","mobileBaseFont","translateUnits"],"mappings":";;;;IAAaA,eAAe,GAAG;IAElBC,cAAc,GAAG;IAEjBC,cAAc,GAAG;AAC5B,SAAO,KADqB;AAE5B,UAAQ,KAFoB;AAG5B,UAAQ,MAHoB;AAI5B,UAAQ,MAJoB;AAK5B,UAAQ,MALoB;AAM5B,UAAQ,MANoB;AAO5B,UAAQ;AAPoB;;;;;;"}

package/cjs/globalStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"globalStyles.js","sources":["../../src/globalStyles.tsx"],"sourcesContent":["import { createGlobalStyle } from './utils';\n\nexport const GlobalStyles = createGlobalStyle`\n  :root, body {\n    overscroll-behavior-y: none;\n    font-size: 16px;\n    @media (min-width: ${({ theme }) => theme.breakpoints.small}) { \n    font-size: 13px;\n  }\n  }\n`;\n"],"names":["GlobalStyles","createGlobalStyle","theme","breakpoints","small"],"mappings":";;;;;;;;;;;;;;;;;;;;IAEaA,YAAY,GAAGC,uBAAH,sOAIA;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAJA;;;;"}

package/cjs/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/cjs/mobileUtilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"mobileUtilities.js","sources":["../../src/mobileUtilities.tsx"],"sourcesContent":["import { useState, useEffect } from 'react';\nimport { theme } from './theme';\nimport { desktopBaseFont, mobileBaseFont, translateUnits } from './constants';\n\n// eslint-disable-next-line no-underscore-dangle\nexport function __UNSAFE_SPACE_TO_DIMSUM(unit: string): string {\n  if (translateUnits[unit]) return translateUnits[unit];\n  return `${(parseFloat(unit) * (mobileBaseFont / desktopBaseFont)) / 2}px`;\n}\n\nexport function toMobile(unit: string): string {\n  if (!isMobile()) return unit;\n  return `${parseFloat(unit) * (desktopBaseFont / mobileBaseFont)}rem`;\n}\n\nexport const useIsMobile = (): boolean => {\n  const [mobile, setMobile] = useState<boolean>(isMobile());\n  useEffect(() => {\n    function handleResize() {\n      setMobile(isMobile());\n    }\n    if (window) window.addEventListener('resize', handleResize);\n    return () => {\n      if (window) window.removeEventListener('resize', handleResize);\n    };\n  }, []);\n  if (!window) return false;\n  return mobile;\n};\n\nexport const isMobile = (): boolean => {\n  if (!window) return false;\n  return (\n    Number(theme.breakpoints.medium.split('px')[0]) - window.innerWidth >= 0\n  );\n};\n"],"names":["__UNSAFE_SPACE_TO_DIMSUM","unit","translateUnits","parseFloat","mobileBaseFont","desktopBaseFont","toMobile","isMobile","useIsMobile","useState","mobile","setMobile","useEffect","handleResize","window","addEventListener","removeEventListener","Number","theme","breakpoints","medium","split","innerWidth"],"mappings":";;;;;;;;;;;;;;AAKO,SAASA,wBAAT,CAAkCC,IAAlC,EAAwD;AAC7D,MAAIC,wBAAc,CAACD,IAAD,CAAlB,EAA0B,OAAOC,wBAAc,CAACD,IAAD,CAArB;AAC1B,mBAAWE,UAAU,CAACF,IAAD,CAAV,IAAoBG,wBAAc,GAAGC,yBAArC,CAAD,GAA0D,CAApE;AACD;AAEM,SAASC,QAAT,CAAkBL,IAAlB,EAAwC;AAC7C,MAAI,CAACM,QAAQ,EAAb,EAAiB,OAAON,IAAP;AACjB,mBAAUE,UAAU,CAACF,IAAD,CAAV,IAAoBI,yBAAe,GAAGD,wBAAtC,CAAV;AACD;IAEYI,WAAW,GAAG,SAAdA,WAAc,GAAe;AACxC,kBAA4BC,cAAQ,CAAUF,QAAQ,EAAlB,CAApC;AAAA;AAAA,MAAOG,MAAP;AAAA,MAAeC,SAAf;;AACAC,EAAAA,eAAS,CAAC,YAAM;AACd,aAASC,YAAT,GAAwB;AACtBF,MAAAA,SAAS,CAACJ,QAAQ,EAAT,CAAT;AACD;;AACD,QAAIO,MAAJ,EAAYA,MAAM,CAACC,gBAAP,CAAwB,QAAxB,EAAkCF,YAAlC;AACZ,WAAO,YAAM;AACX,UAAIC,MAAJ,EAAYA,MAAM,CAACE,mBAAP,CAA2B,QAA3B,EAAqCH,YAArC;AACb,KAFD;AAGD,GARQ,EAQN,EARM,CAAT;AASA,MAAI,CAACC,MAAL,EAAa,OAAO,KAAP;AACb,SAAOJ,MAAP;AACD;IAEYH,QAAQ,GAAG,SAAXA,QAAW,GAAe;AACrC,MAAI,CAACO,MAAL,EAAa,OAAO,KAAP;AACb,SACEG,MAAM,CAACC,WAAK,CAACC,WAAN,CAAkBC,MAAlB,CAAyBC,KAAzB,CAA+B,IAA/B,EAAqC,CAArC,CAAD,CAAN,GAAkDP,MAAM,CAACQ,UAAzD,IAAuE,CADzE;AAGD;;;;;;;"}

package/cjs/spaceUtilities.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"spaceUtilities.js","sources":["../../src/spaceUtilities.tsx"],"sourcesContent":["import { get } from 'lodash';\nimport { theme } from './theme';\n\nexport function mapGap(gutter: number | string): number | string {\n  if (!gutter) return '0rem';\n  if (String(gutter).includes('rem') || String(gutter).includes('px'))\n    return gutter;\n  return `${theme.space[gutter]}`;\n}\n\nexport function mapGutter(gutter: string | number): string {\n  if (!gutter) return '0rem';\n  return `${theme.space[gutter]} * 2`;\n}\n\nexport function mapSpace(width: string | number): string {\n  if (typeof width === 'string')\n    return get(theme, width) ? `${get(theme, width)}` : width;\n  return `${width * 100}%`;\n}\n\nexport function fixSpaceGutter(\n  width: string | number,\n  gutter: string | number,\n): string | string[] {\n  if (!width) return '';\n  if (Array.isArray(width))\n    return width.map((w) => `calc(${mapSpace(w)} - (${mapGutter(gutter)}))`);\n  return `calc(${mapSpace(width)} - (${mapGutter(gutter)}))`;\n}\n\nexport function fixSpace(width: string | number): string | string[] {\n  if (!width) return '';\n  if (Array.isArray(width)) return width.map((w) => mapSpace(w));\n  return mapSpace(width);\n}\n\n/**\n * Grid\n *\n * @param grid\n */\nexport function numbersToFr(grid: number[]): string[] {\n  const den = grid.map((f) => (f < 1 ? Math.floor(1 / f) : f));\n  return den.map((d) => `${d}fr`);\n}\nexport function mapGrid(width: string | number): string {\n  if (get(theme, width)) return `${get(theme, width)}`;\n  if (typeof width === 'string') return width;\n  const den = width < 1 ? Math.floor(1 / width) : width;\n  return `${den}fr`;\n}\n\nexport function mapTemplateGrid(grid: number[]): string | string[] {\n  if (Array.isArray(grid)) {\n    if (grid.some((w) => typeof w === 'string'))\n      return grid.map((w) => mapGrid(w));\n    return numbersToFr(grid);\n  }\n  return mapGrid(grid);\n}\n"],"names":["mapGap","gutter","String","includes","theme","space","mapGutter","mapSpace","width","get","fixSpaceGutter","Array","isArray","map","w","fixSpace","numbersToFr","grid","den","f","Math","floor","d","mapGrid","mapTemplateGrid","some"],"mappings":"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"}

package/cjs/theme.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme.js","sources":["../../src/theme.tsx"],"sourcesContent":["import { getDefaultTheme } from '@elliemae/pui-theme';\nimport type { Theme } from '@elliemae/pui-theme';\n\nexport const theme = getDefaultTheme() as Theme;\n"],"names":["theme","getDefaultTheme"],"mappings":";;;;;;IAGaA,KAAK,GAAGC,wBAAe;;;;"}

package/cjs/themeProviderHOC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"themeProviderHOC.js","sources":["../../src/themeProviderHOC.tsx"],"sourcesContent":["import React from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport { theme } from './theme';\n\nexport const themeProviderHOC = (Component: React.ElementType) => (\n  props: Record<string, unknown>,\n): JSX.Element => (\n  <ThemeProvider theme={theme}>\n    <Component {...props} />\n  </ThemeProvider>\n);\n"],"names":["themeProviderHOC","Component","props","React","ThemeProvider","theme"],"mappings":";;;;;;;;;;;;;IAIaA,gBAAgB,GAAG,SAAnBA,gBAAmB,CAACC,SAAD;AAAA,SAAkC,UAChEC,KADgE;AAAA,wBAGhEC,wCAACC,8BAAD;AAAe,MAAA,KAAK,EAAEC;AAAtB,oBACEF,wCAAC,SAAD,EAAeD,KAAf,CADF,CAHgE;AAAA,GAAlC;AAAA;;;;"}

package/cjs/utils.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"utils.js","sources":["../../src/utils.tsx"],"sourcesContent":["/* eslint-disable no-shadow */\n/* eslint-disable max-lines */\n// https://github.com/styled-components/babel-plugin-styled-components/issues/216#issuecomment-516941240\nimport { lighten, rgba } from 'polished';\nimport { reduce } from 'lodash';\nimport { Keyframes } from 'styled-components';\nimport { theme } from './theme';\nimport { toMobile } from './mobileUtilities';\n// eslint-disable-next-line @typescript-eslint/no-var-requires\nconst styled = require('styled-components');\n\nconst { css } = styled;\nconst kfrm = styled.keyframes;\nconst { withTheme } = styled;\nconst { useTheme } = styled;\nconst { createGlobalStyle } = styled;\nexport { withTheme, createGlobalStyle, rgba, useTheme, kfrm, css };\n\nexport function truncate(width: string) {\n  return (props): string => css`\n    ${!!width || props.width ? `width: ${props.width || width};` : ''}\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  `;\n}\n\nexport function flexCenter(): string {\n  return `\n    display: flex;\n    justify-content: center;\n    align-items: center;\n  `;\n}\n\nexport function disabled(): string {\n  return `\n    cursor: not-allowed;\n    pointer-events: none;\n  `;\n}\n\nexport function keyframes(obj: Record<string, unknown>): Keyframes {\n  return kfrm`${reduce(\n    obj,\n    (result, value, key) => `\n    ${result}\n    ${key}% {\n      ${value}\n    }\n  `,\n    '',\n  )}\n  `;\n}\n\n// eslint-disable-next-line max-params\nexport function boxShadow(top: string, left: string, blur: string, color: string, inset = false): string {\n  return `box-shadow: ${inset ? 'inset' : ''} ${top} ${left} ${blur} ${color};`;\n}\n\nexport function color(variant = 'neutral', type = 400): string {\n  return css`\n    color: ${(props) => props.theme.colors[variant][type]};\n  `;\n}\n\nexport function border(color = theme.colors.brand[600], size = '1px', type = 'solid'): string {\n  return `${size} ${type} ${color}`;\n}\n\nexport function animation(animationKeyframes: string, animationLength: string, animationTimingFn: string) {\n  return (props): string => css`\n    animation: ${props.animationKeyframes || animationKeyframes} ${props.animationLength || animationLength}\n      ${props.animationTimingFn || animationTimingFn};\n  `;\n}\n// 0.0769\nexport function focus(color: string = theme.colors.brand[600]) {\n  return (): string => css`\n    outline: none;\n    border: 1px solid ${color};\n    box-shadow: inset 0 0 0 1px ${lighten(0.3, color)};\n    border-radius: 2px;\n  `;\n}\n\nexport function focusAfter(color: string): string {\n  return css`\n    outline: none;\n    position: relative;\n    &:after {\n      content: '';\n      z-index: 10;\n      position: absolute;\n      top: 0;\n      left: 0;\n      width: 100%;\n      height: 100%;\n      pointer-events: none;\n      ${focus(color)}\n    }\n  `;\n}\n\nexport function active() {\n  return (props): string => css`\n    outline: none;\n    border: 1px solid ${props.theme.colors.brand[700]};\n    border-radius: 2px;\n  `;\n}\n\nexport function hover() {\n  return (props): string => css`\n    outline: 1px solid ${props.theme.colors.brand[600]};\n    outline-offset: -1px;\n  `;\n}\n\nexport function textStyle(type: string, weight = 'regular') {\n  // eslint-disable-next-line complexity\n  return (props): string => {\n    let cssVar = `font-weight: ${props.theme.fontWeights[weight]};`;\n    // eslint-disable-next-line default-case\n    switch (type) {\n      case 'h1':\n        cssVar += `\n        font-size: ${toMobile('2.7692rem')};\n        line-height: normal;\n      `;\n        break;\n      case 'h2':\n        cssVar += `\n        font-size: ${toMobile(props.theme.fontSizes.title[800])};\n        line-height: normal;\n      `;\n        break;\n      case 'h3':\n        cssVar += `\n        font-size: ${toMobile(props.theme.fontSizes.title[700])};\n        line-height: 1.2;\n      `;\n        break;\n      case 'h4':\n        cssVar += `\n        font-size: ${toMobile(props.theme.fontSizes.title[600])};\n        line-height: normal;\n      `;\n        break;\n      case 'h5':\n        cssVar += `\n        font-size: ${toMobile(props.theme.fontSizes.title[500])};\n        line-height: normal;\n      `;\n        break;\n      case 'section-header':\n        cssVar += `\n        font-size: ${toMobile(props.theme.fontSizes.title[500])};\n        line-height: normal;\n        text-transform: uppercase;\n      `;\n        break;\n      case 'body':\n        cssVar += `\n        font-size: ${toMobile(props.theme.fontSizes.value[400])};\n        line-height: normal;\n      `;\n        break;\n      case 'body-small':\n        cssVar += `\n        font-size: ${toMobile(props.theme.fontSizes.value[300])};\n        line-height: normal;\n      `;\n        break;\n      case 'body-micro':\n        cssVar += `\n        font-size: ${toMobile(props.theme.fontSizes.microText[200])};\n        line-height: normal;\n      `;\n        break;\n      case 'list':\n        cssVar += `\n        font-size: ${toMobile(props.theme.fontSizes.value[400])};\n        line-height: normal;\n      `;\n        break;\n      case 'link':\n        cssVar += `\n        line-height: ${props.theme.xl};\n        color: ${props.theme.colors.brand[600]};\n        cursor: pointer;\n      `;\n        break;\n    }\n    return cssVar;\n  };\n}\n\nexport function iconColor(variant = 'neutral', type = 400): string {\n  return css`\n    fill: ${(props) => props.theme.colors[variant][type]};\n  `;\n}\n\nexport function fakeBorder(): string {\n  return css`\n    box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.neutral[200]};\n    border-radius: 2px;\n  `;\n}\n\nexport function fakeActive(): string {\n  return css`\n    outline: none;\n    box-shadow: inset 0 0 0 1px ${(props) => props.theme.colors.brand[700]};\n    border-radius: 2px;\n  `;\n}\n\nexport function clearFocus(): string {\n  return `\n    border: none;\n    box-shadow: none;\n  `;\n}\n\nexport function buttonLink(): string {\n  return `\n    background-color: transparent;\n    border: 1px solid transparent;\n    cursor: pointer;\n  `;\n}\n\nexport function transition(t = 'all 1s ease'): string {\n  return `\n    transition: ${t};\n  `;\n}\n\nexport function onlySafariAndFiredox(styles: string): string {\n  return css`\n    @media not all and (min-resolution: 0.001dpcm) {\n      ${styles}\n    }\n    @media screen and (min--moz-device-pixel-ratio: 0) {\n      ${styles}\n    }\n  `;\n}\n\nexport function onlySafari(styles: string): string {\n  return css`\n    @media not all and (min-resolution: 0.001dpcm) {\n      ${styles}\n    }\n  `;\n}\n\nexport function onlyFirefox(styles: string): string {\n  return css`\n    @media screen and (min--moz-device-pixel-ratio: 0) {\n      ${styles}\n    }\n  `;\n}\n\nexport function safariAndFirefoxBold(color: string): string {\n  return css`\n    @media not all and (min-resolution: 0.001dpcm) {\n      font-weight: 400;\n      -webkit-font-smoothing: subpixel-antialiased;\n      -webkit-text-stroke: 0.4px ${color};\n    }\n    @media screen and (min--moz-device-pixel-ratio: 0) {\n      font-weight: 400;\n      -webkit-font-smoothing: subpixel-antialiased;\n      -webkit-text-stroke: 0.4px ${color};\n    }\n  `;\n}\n"],"names":["styled","require","css","kfrm","keyframes","withTheme","useTheme","createGlobalStyle","truncate","width","props","flexCenter","disabled","obj","reduce","result","value","key","boxShadow","top","left","blur","color","inset","variant","type","theme","colors","border","brand","size","animation","animationKeyframes","animationLength","animationTimingFn","focus","lighten","focusAfter","active","hover","textStyle","weight","cssVar","fontWeights","toMobile","fontSizes","title","microText","xl","iconColor","fakeBorder","neutral","fakeActive","clearFocus","buttonLink","transition","t","onlySafariAndFiredox","styles","onlySafari","onlyFirefox","safariAndFirefoxBold"],"mappings":"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"}

package/constants/package.json

@@ -1,10 +0,0 @@
-{
-  "name": "@elliemae/ds-system/constants",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ],
-  "private": true,
-  "main": "../cjs/constants.js",
-  "module": "../esm/constants.js"
-}

package/esm/arithmetic.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"arithmetic.js","sources":["../../src/arithmetic.tsx"],"sourcesContent":["export function getNumberAndUnit(\n  numberStrWithUnit: string,\n): { number: string; unit: string } {\n  const [number, unit] = String(numberStrWithUnit).match(\n    /[a-z]+|[(/^\\-?\\d*.\\d+|\\d+),?]+/gi,\n  );\n  return { number, unit };\n}\n\nexport function op(operator: string, n1: string, n2: string): string {\n  const { number, unit } = getNumberAndUnit(n1);\n  const { number: number2, unit: unit2 } = getNumberAndUnit(n2);\n  switch (operator) {\n    case '*':\n      return Number(number) * Number(number2) + (unit || unit2);\n    case '+':\n      return Number(number) + Number(number2) + (unit || unit2);\n    case '-':\n      return Number(number) - Number(number2) + (unit || unit2);\n    case '/':\n      return Number(number) / Number(number2) + (unit || unit2);\n    default:\n      return Number(number) + Number(number2) + (unit || unit2);\n  }\n}\n"],"names":["getNumberAndUnit","numberStrWithUnit","String","match","number","unit","op","operator","n1","n2","number2","unit2","Number"],"mappings":";;AAAO,SAASA,gBAAT,CACLC,iBADK,EAE6B;AAClC,sBAAuBC,MAAM,CAACD,iBAAD,CAAN,CAA0BE,KAA1B,CACrB,kCADqB,CAAvB;AAAA;AAAA,MAAOC,MAAP;AAAA,MAAeC,IAAf;;AAGA,SAAO;AAAED,IAAAA,MAAM,EAANA,MAAF;AAAUC,IAAAA,IAAI,EAAJA;AAAV,GAAP;AACD;AAEM,SAASC,EAAT,CAAYC,QAAZ,EAA8BC,EAA9B,EAA0CC,EAA1C,EAA8D;AACnE,0BAAyBT,gBAAgB,CAACQ,EAAD,CAAzC;AAAA,MAAQJ,MAAR,qBAAQA,MAAR;AAAA,MAAgBC,IAAhB,qBAAgBA,IAAhB;;AACA,2BAAyCL,gBAAgB,CAACS,EAAD,CAAzD;AAAA,MAAgBC,OAAhB,sBAAQN,MAAR;AAAA,MAA+BO,KAA/B,sBAAyBN,IAAzB;;AACA,UAAQE,QAAR;AACE,SAAK,GAAL;AACE,aAAOK,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF,SAAK,GAAL;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;;AACF;AACE,aAAOC,MAAM,CAACR,MAAD,CAAN,GAAiBQ,MAAM,CAACF,OAAD,CAAvB,IAAoCL,IAAI,IAAIM,KAA5C,CAAP;AAVJ;AAYD;;;;"}

package/esm/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["export const desktopBaseFont = 13;\n\nexport const mobileBaseFont = 16;\n\nexport const translateUnits = {\n  '8px': '4px',\n  '16px': '8px',\n  '32px': '16px',\n  '48px': '24px',\n  '56px': '32px',\n  '64px': '48px',\n  '72px': '64px',\n};\n"],"names":["desktopBaseFont","mobileBaseFont","translateUnits"],"mappings":"IAAaA,eAAe,GAAG;IAElBC,cAAc,GAAG;IAEjBC,cAAc,GAAG;AAC5B,SAAO,KADqB;AAE5B,UAAQ,KAFoB;AAG5B,UAAQ,MAHoB;AAI5B,UAAQ,MAJoB;AAK5B,UAAQ,MALoB;AAM5B,UAAQ,MANoB;AAO5B,UAAQ;AAPoB;;;;"}

package/esm/globalStyles.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"globalStyles.js","sources":["../../src/globalStyles.tsx"],"sourcesContent":["import { createGlobalStyle } from './utils';\n\nexport const GlobalStyles = createGlobalStyle`\n  :root, body {\n    overscroll-behavior-y: none;\n    font-size: 16px;\n    @media (min-width: ${({ theme }) => theme.breakpoints.small}) { \n    font-size: 13px;\n  }\n  }\n`;\n"],"names":["GlobalStyles","createGlobalStyle","theme","breakpoints","small"],"mappings":";;;;;;;;;;;;IAEaA,YAAY,GAAGC,iBAAH,kNAIA;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,WAAN,CAAkBC,KAAjC;AAAA,CAJA;;;;"}

package/esm/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}