@elliemae/ds-system 3.0.0-next.2 → 3.0.0-next.6

package/esm/spaceUtilities.js

@@ -1,57 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/esnext.async-iterator.some.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.some.js';
-import { get } from 'lodash';
-import { theme } from './theme.js';
-
-function mapGap(gutter) {
-  if (!gutter) return '0rem';
-  if (String(gutter).includes('rem') || String(gutter).includes('px')) return gutter;
-  return "".concat(theme.space[gutter]);
-}
-function mapGutter(gutter) {
-  if (!gutter) return '0rem';
-  return "".concat(theme.space[gutter], " * 2");
-}
-function mapSpace(width) {
-  if (typeof width === 'string') return get(theme, width) ? "".concat(get(theme, width)) : width;
-  return "".concat(width * 100, "%");
-}
-function fixSpaceGutter(width, gutter) {
-  if (!width) return '';
-  if (Array.isArray(width)) return width.map(w => "calc(".concat(mapSpace(w), " - (").concat(mapGutter(gutter), "))"));
-  return "calc(".concat(mapSpace(width), " - (").concat(mapGutter(gutter), "))");
-}
-function fixSpace(width) {
-  if (!width) return '';
-  if (Array.isArray(width)) return width.map(w => mapSpace(w));
-  return mapSpace(width);
-}
-/**
- * Grid
- *
- * @param grid
- */
-
-function numbersToFr(grid) {
-  const den = grid.map(f => f < 1 ? Math.floor(1 / f) : f);
-  return den.map(d => "".concat(d, "fr"));
-}
-function mapGrid(width) {
-  if (get(theme, width)) return "".concat(get(theme, width));
-  if (typeof width === 'string') return width;
-  const den = width < 1 ? Math.floor(1 / width) : width;
-  return "".concat(den, "fr");
-}
-function mapTemplateGrid(grid) {
-  if (Array.isArray(grid)) {
-    if (grid.some(w => typeof w === 'string')) return grid.map(w => mapGrid(w));
-    return numbersToFr(grid);
-  }
-
-  return mapGrid(grid);
-}
-
-export { fixSpace, fixSpaceGutter, mapGap, mapGrid, mapGutter, mapSpace, mapTemplateGrid, numbersToFr };

package/esm/styled/index.d.js

@@ -1 +0,0 @@
-

package/esm/styled/index.js

@@ -1,116 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.filter.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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
-import 'core-js/modules/esnext.async-iterator.map.js';
-import 'core-js/modules/esnext.iterator.map.js';
-import 'core-js/modules/web.dom-collections.iterator.js';
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import styled_component from 'styled-components';
-import { getStyleOverrides, variantsResolver, getVariantStyles } from './styleGetters.js';
-import { coerceWithDefaultTheme } from './utils.js';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-
-const styledFunction = function (tag) {
-  let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
-    name: null,
-    slot: null
-  };
-  const {
-    name: componentName,
-    slot: componentSlot,
-    displayName: componentDisplayName = null
-  } = options;
-
-  const func = function (styleArg) {
-    for (var _len = arguments.length, expressions = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      expressions[_key - 1] = arguments[_key];
-    }
-
-    /*
-     * These are the internal expression written in dimsum
-     * We just coerce with the default theme in case users
-     * forget to add the ThemeProvider
-     */
-    const expressionsWithDefaultTheme = expressions ? expressions.map(stylesArg => typeof stylesArg === 'function' ? props => stylesArg(_objectSpread(_objectSpread({}, props), {}, {
-      theme: coerceWithDefaultTheme(props.theme)
-    })) : stylesArg) : [];
-    let transformedStyleArg = styleArg;
-    /*
-     * Here we get the style overrides from the user
-     */
-
-    if (componentName && componentSlot) {
-      expressionsWithDefaultTheme.push(props => {
-        const theme = coerceWithDefaultTheme(props.theme);
-        const styleOverrides = getStyleOverrides(componentName, theme);
-
-        if (styleOverrides) {
-          return [styleOverrides[componentSlot]];
-        }
-
-        return null;
-      });
-    }
-    /*
-     * Here we get the variant overrides from the user (only for the root)
-     */
-
-
-    if (componentName && componentSlot === 'root') {
-      expressionsWithDefaultTheme.push(props => {
-        const theme = coerceWithDefaultTheme(props.theme);
-        return variantsResolver(props, getVariantStyles(componentName, theme), theme, componentName);
-      });
-    }
-
-    const numOfCustomFnsApplied = expressionsWithDefaultTheme.length - expressions.length;
-
-    if (Array.isArray(styleArg) && numOfCustomFnsApplied > 0) {
-      // Here we are adding placeholders for all the new functions that we are gonna call
-      const placeholders = new Array(numOfCustomFnsApplied).fill('');
-      transformedStyleArg = Object.assign([...styleArg, ...placeholders], {
-        raw: [...styleArg.raw, ...placeholders]
-      });
-    } else if (typeof styleArg === 'function') {
-      // Here we just coerce with the default theme
-      transformedStyleArg = props => styleArg(_objectSpread(_objectSpread({}, props), {}, {
-        theme: coerceWithDefaultTheme(props.theme)
-      }));
-    }
-
-    let Component = /*#__PURE__*/styled_component(tag);
-    const displayName = componentName !== null && componentSlot !== null ? "".concat(componentName, "-").concat(componentSlot) : componentDisplayName;
-
-    if (displayName !== null) {
-      Component = Component.attrs({
-        className: "".concat(componentName, "-").concat(componentSlot)
-      });
-    }
-
-    Component = Component(transformedStyleArg, ...expressionsWithDefaultTheme);
-
-    if (displayName !== null) {
-      Component.displayName = displayName;
-    }
-
-    return Component;
-  };
-
-  return func;
-};
-
-const styledObject = Object.keys(styled_component).reduce((obj, key) => {
-  const castedKey = key;
-  obj[castedKey] = styledFunction(castedKey);
-  return obj;
-}, {});
-const styled = Object.assign(styledFunction, styledObject);
-
-export { styled };

package/esm/styled/styleGetters.js

@@ -1,38 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import 'core-js/modules/esnext.async-iterator.every.js';
-import 'core-js/modules/esnext.iterator.every.js';
-import { propsToClassKey } from './utils.js';
-
-const getStyleOverrides = (name, theme) => {
-  var _theme$components, _theme$components$nam;
-
-  return ((_theme$components = theme.components) === null || _theme$components === void 0 ? void 0 : (_theme$components$nam = _theme$components[name]) === null || _theme$components$nam === void 0 ? void 0 : _theme$components$nam.styleOverrides) || null;
-};
-const getVariantStyles = (name, theme) => {
-  var _theme$components2, _theme$components2$na;
-
-  const variants = ((_theme$components2 = theme.components) === null || _theme$components2 === void 0 ? void 0 : (_theme$components2$na = _theme$components2[name]) === null || _theme$components2$na === void 0 ? void 0 : _theme$components2$na.variants) || [];
-  return variants.reduce((styles, definition) => {
-    const key = propsToClassKey(definition.props);
-    styles[key] = definition.style;
-    return styles;
-  }, {});
-};
-const variantsResolver = (props, styles, theme, name) => {
-  var _theme$components3, _theme$components3$na;
-
-  const themeVariants = (theme === null || theme === void 0 ? void 0 : (_theme$components3 = theme.components) === null || _theme$components3 === void 0 ? void 0 : (_theme$components3$na = _theme$components3[name]) === null || _theme$components3$na === void 0 ? void 0 : _theme$components3$na.variants) || [];
-  return themeVariants.reduce((variantsStyles, themeVariant) => {
-    const isMatch = Object.keys(themeVariant.props).every(key => props[key] === themeVariant.props[key]);
-
-    if (isMatch) {
-      variantsStyles.push(styles[propsToClassKey(themeVariant.props)]);
-    }
-
-    return variantsStyles;
-  }, []);
-};
-
-export { getStyleOverrides, getVariantStyles, variantsResolver };

package/esm/styled/types.js

@@ -1 +0,0 @@
-export { CSSObject } from 'styled-components';

package/esm/styled/utils.js

@@ -1,18 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.reduce.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.reduce.js';
-import { capitalize } from '@elliemae/ds-utilities';
-import { theme } from '../theme.js';
-
-const systemTheme = theme;
-const isEmpty = string => string.length === 0;
-const coerceWithDefaultTheme = themeInput => themeInput !== null && themeInput !== void 0 ? themeInput : systemTheme;
-const propsToClassKey = props => Object.keys(props).sort().reduce((classKey, key) => {
-  if (key === 'color') {
-    return classKey + isEmpty(String(classKey)) ? String(props[key]) : capitalize(String(props[key]));
-  }
-
-  return "".concat(classKey).concat(isEmpty(String(classKey)) ? key : capitalize(key)).concat(capitalize(props[key].toString()));
-}, '');
-
-export { coerceWithDefaultTheme, isEmpty, propsToClassKey };

package/esm/th.js

@@ -1,28 +0,0 @@
-import 'core-js/modules/esnext.async-iterator.for-each.js';
-import 'core-js/modules/esnext.iterator.constructor.js';
-import 'core-js/modules/esnext.iterator.for-each.js';
-
-const th = property => (value, dfault) => _ref => {
-  var _result;
-
-  let {
-    theme
-  } = _ref;
-  const parts = value.split('-');
-  let result = theme[property];
-  parts.forEach(part => {
-    if (result) result = result[part];
-  });
-  return (_result = result) !== null && _result !== void 0 ? _result : dfault;
-};
-th.space = th('space');
-th.fontSize = th('fontSizes');
-th.fontWeight = th('fontWeights');
-th.lineHeight = th('lineHeights');
-th.letterSpacing = th('letterSpacings');
-th.font = th('fonts');
-th.color = th('colors');
-th.breakpoint = th('breakpoints');
-th.media = th('media');
-
-export { th };

package/esm/theme.js

@@ -1,5 +0,0 @@
-import { getDefaultTheme } from '@elliemae/pui-theme';
-
-const theme = getDefaultTheme();
-
-export { theme };

package/esm/themeProviderHOC.js

@@ -1,20 +0,0 @@
-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 { jsx } from 'react/jsx-runtime';
-
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); 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 = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : 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 };

package/esm/utils.js

@@ -1,136 +0,0 @@
-import { lighten } from 'polished';
-export { rgba } from 'polished';
-import { reduce } from 'lodash';
-import { theme } from './theme.js';
-import { toMobile } from './mobileUtilities.js';
-import { css, keyframes as keyframes$1 } from 'styled-components';
-export { createGlobalStyle, css, keyframes as kfrm, useTheme, withTheme } from 'styled-components';
-
-/* eslint-disable no-shadow */
-function truncate(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  ";
-}
-function disabled() {
-  return "\n    cursor: not-allowed;\n    pointer-events: none;\n  ";
-}
-function keyframes(obj) {
-  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) {
-  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() {
-  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() {
-  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 props => css(["animation:", " ", " ", ";"], props.animationKeyframes || animationKeyframes, props.animationLength || animationLength, props.animationTimingFn || animationTimingFn);
-} // 0.0769
-
-function focus() {
-  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 props => css(["outline:none;border:1px solid ", ";border-radius:2px;"], props.theme.colors.brand[700]);
-}
-function hover() {
-  return props => css(["outline:1px solid ", ";outline-offset:-1px;"], props.theme.colors.brand[600]);
-}
-function textStyle(type) {
-  let weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'regular';
-  // eslint-disable-next-line complexity
-  return props => {
-    let cssVar = "font-weight: ".concat(props.theme.fontWeights[weight], ";"); // eslint-disable-next-line default-case
-
-    switch (type) {
-      case 'h1':
-        cssVar += "\n        font-size: ".concat(toMobile('2.7692rem'), ";\n        line-height: normal;\n      ");
-        break;
-
-      case 'h2':
-        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[800]), ";\n        line-height: normal;\n      ");
-        break;
-
-      case 'h3':
-        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[700]), ";\n        line-height: 1.2;\n      ");
-        break;
-
-      case 'h4':
-        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[600]), ";\n        line-height: normal;\n      ");
-        break;
-
-      case 'h5':
-        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[500]), ";\n        line-height: normal;\n      ");
-        break;
-
-      case 'section-header':
-        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.title[500]), ";\n        line-height: normal;\n        text-transform: uppercase;\n      ");
-        break;
-
-      case 'body':
-        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.value[400]), ";\n        line-height: normal;\n      ");
-        break;
-
-      case 'body-small':
-        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.value[300]), ";\n        line-height: normal;\n      ");
-        break;
-
-      case 'body-micro':
-        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.microText[200]), ";\n        line-height: normal;\n      ");
-        break;
-
-      case 'list':
-        cssVar += "\n        font-size: ".concat(toMobile(props.theme.fontSizes.value[400]), ";\n        line-height: normal;\n      ");
-        break;
-
-      case 'link':
-        cssVar += "\n        line-height: ".concat(props.theme.xl, ";\n        color: ").concat(props.theme.colors.brand[600], ";\n        cursor: pointer;\n      ");
-        break;
-    }
-
-    return cssVar;
-  };
-}
-function iconColor() {
-  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;"], props => props.theme.colors.neutral[200]);
-}
-function fakeActive() {
-  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  ";
-}
-function buttonLink() {
-  return "\n    background-color: transparent;\n    border: 1px solid transparent;\n    cursor: pointer;\n  ";
-}
-function transition() {
-  let t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'all 1s ease';
-  return "\n    transition: ".concat(t, ";\n  ");
-}
-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, disabled, fakeActive, fakeBorder, flexCenter, focus, focusAfter, hover, iconColor, keyframes, onlyFirefox, onlySafari, onlySafariAndFirefox, safariAndFirefoxBold, textStyle, transition, truncate };

package/types/arithmetic.d.ts

@@ -1,5 +0,0 @@
-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

@@ -1,11 +0,0 @@
-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

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

package/types/index.d.ts

@@ -1,9 +0,0 @@
-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

@@ -1,4 +0,0 @@
-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

@@ -1,13 +0,0 @@
-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

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

package/types/styled/styleGetters.d.ts

@@ -1,4 +0,0 @@
-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

@@ -1,28 +0,0 @@
-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

@@ -1,6 +0,0 @@
-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

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

package/types/th.d.ts

@@ -1,14 +0,0 @@
-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

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

package/types/themeProviderHOC.d.ts

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

package/types/utils.d.ts

@@ -1,27 +0,0 @@
-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;