@elliemae/ds-system 2.3.0-next.0 → 2.3.0-next.13

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-system",
-  "version": "2.3.0-next.0",
+  "version": "2.3.0-next.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "module": "./esm/index.js",
@@ -89,16 +89,16 @@
     "generateSubmodules": true
   },
   "dependencies": {
-    "@elliemae/ds-utilities": "2.3.0-next.0",
+    "@elliemae/ds-utilities": "2.3.0-next.13",
     "polished": "~3.6.7"
   },
   "devDependencies": {
-    "@elliemae/pui-theme": "~2.2.5",
+    "@elliemae/pui-theme": "~2.3.0",
     "@testing-library/jest-dom": "~5.15.0",
     "styled-components": "~5.3.3"
   },
   "peerDependencies": {
-    "@elliemae/pui-theme": "^2.2.5",
+    "@elliemae/pui-theme": "~2.3.0",
     "lodash": "^4.17.21",
     "react": "~17.0.2",
     "react-dom": "^17.0.2",

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,27 +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 declare type StyledObject = 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,17 +0,0 @@
-import type { Theme } from '@elliemae/pui-theme';
-declare type ThGetter = (value: string, dfault?: string) => ({ theme }: {
-    theme: Theme;
-}) => string;
-declare type ThConstructor = ((property: keyof Theme) => 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;