@elliemae/ds-legacy-system 1.0.0-rc.1

package/dist/types/styled/types.d.ts

@@ -0,0 +1,42 @@
+/// <reference types="react" />
+import type { CSSObject, Interpolation, InterpolationFunction, StyledComponent, StyledComponentInnerComponent, StyledComponentPropsWithRef, ThemedStyledProps } from 'styled-components';
+import type { Theme as PuiTheme } from '@elliemae/pui-theme';
+export interface Options {
+    name: string | null;
+    slot: string | null;
+}
+export interface Theme extends PuiTheme {
+    components?: {
+        [componentName: string]: {
+            styleOverrides?: CSSObject;
+            variants?: {
+                props: Record<string, {
+                    toString: () => string;
+                }>;
+                style: CSSObject;
+            }[];
+        };
+    };
+}
+export type AnyStyledRef<T extends HTMLElement> = React.MutableRefObject<T | null> | ((_ref: T | null) => void) | React.Dispatch<React.SetStateAction<T | null>> | false;
+export type StyleArg<T = any> = TemplateStringsArray | CSSObject | InterpolationFunction<T>;
+export type Expression<T = any> = Interpolation<T>;
+export type Expressions<T = any> = Array<Expression<T>>;
+export type PropsWithTheme<T = Record<string, unknown>> = T & {
+    theme: Theme;
+};
+export interface ThemedStyledFunctionBase<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = {}, A extends keyof any = never> {
+    <U extends object>(first: StyleArg<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U & OwnerInterface, T>>, ...rest: Expressions<ThemedStyledProps<StyledComponentPropsWithRef<C> & O & U & OwnerInterface, T>>): StyledComponent<C, T, O & U & OwnerInterface, A>;
+}
+export type AttrsFunc<T extends object = Record<string, unknown>> = (props: StyledComponentPropsWithRef<StyledComponentInnerComponent<React.ComponentType<T>>>) => Partial<StyledComponentPropsWithRef<StyledComponentInnerComponent<any>>>;
+export type InternalAttrsFunc<T extends object = Record<string, unknown>> = (props: StyledComponentPropsWithRef<StyledComponentInnerComponent<React.ComponentType<T & {
+    ref?: AnyStyledRef<HTMLElement>;
+}>>>, meta: {
+    options: Options;
+    displayName: string | null;
+}) => Partial<StyledComponentPropsWithRef<StyledComponentInnerComponent<any>>>;
+export interface OwnerInterface {
+    getOwnerProps?: () => object;
+    getOwnerPropsArguments?: () => object;
+}
+export type PartProps = Record<string, unknown> | ((args: object) => Record<string, unknown>) | null | undefined;

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

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

package/dist/types/th.d.ts

@@ -0,0 +1,19 @@
+import type { Theme } from '@elliemae/pui-theme';
+import type { PropsWithTheme } from './styled/index.js';
+export declare const hexToRgba: (hex: string, alpha: string) => string;
+type ThemeStringGetter = <T>({ theme }: PropsWithTheme<T>) => string;
+type ThGetter = (value: string, dfault?: string) => ThemeStringGetter;
+type ThConstructor = ((property: keyof Theme) => ThGetter) & {
+    space: ThGetter;
+    fontSize: ThGetter;
+    fontWeight: ThGetter;
+    lineHeight: ThGetter;
+    letterSpacing: ThGetter;
+    font: ThGetter;
+    color: ThGetter;
+    breakpoint: ThGetter;
+    media: ThGetter;
+    zIndex: ThGetter;
+};
+export declare const th: ThConstructor;
+export {};

package/dist/types/theme.d.ts

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

package/dist/types/themeProviderHOC.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const themeProviderHOC: <T extends JSX.IntrinsicAttributes>(Component: React.ComponentType<T>) => React.FunctionComponent<T>;

package/dist/types/utils.d.ts

@@ -0,0 +1,41 @@
+import type { Theme } from '@elliemae/pui-theme';
+import { rgba } from 'polished';
+import type { Keyframes, FlattenSimpleInterpolation } from 'styled-components';
+import { withTheme, keyframes as kfrm, useTheme } from '@xstyled/styled-components';
+import { theme } from './theme.js';
+export { withTheme, rgba, useTheme, kfrm };
+type PropsWithTheme<T = Record<string, unknown>> = T & {
+    theme: Theme;
+};
+export declare function truncate(width?: string): (props: PropsWithTheme<{
+    width?: string;
+}>) => FlattenSimpleInterpolation;
+export declare function flexCenter(): string;
+export declare function disabled(): string;
+export declare function keyframes(obj: Record<string, string>): Keyframes;
+export declare function boxShadow(top: string, left: string, blur: string, color: string, inset?: boolean): string;
+export declare function border(color?: string, size?: string, type?: string): string;
+export declare function animation(animationKeyframes: string, animationLength: string, animationTimingFn: string): (props: {
+    animationKeyframes?: string;
+    animationLength?: string;
+    animationTimingFn?: string;
+}) => FlattenSimpleInterpolation;
+export declare function focus(color?: string): () => FlattenSimpleInterpolation;
+export declare function focusAfter(color: string): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("@xstyled/system").Theme>>;
+export declare function active(): (props: PropsWithTheme) => FlattenSimpleInterpolation;
+export declare function hover(): (props: PropsWithTheme) => FlattenSimpleInterpolation;
+export declare function textStyle(type: string, weight?: keyof Theme['fontWeights']): (props: {
+    theme: Theme;
+}) => string;
+export declare function iconColor(variant?: string, type?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<{
+    theme: import("./index.js").Theme;
+}, import("@xstyled/system").Theme>>;
+export declare function fakeBorder(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("@xstyled/system").Theme>>;
+export declare function fakeActive(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("@xstyled/system").Theme>>;
+export declare function clearFocus(): string;
+export declare function buttonLink(): string;
+export declare function transition(t?: string): string;
+export declare const onlySafariAndFirefox: (styles: string) => FlattenSimpleInterpolation;
+export declare const onlySafari: (styles: string) => string;
+export declare const onlyFirefox: (styles: string) => string;
+export declare const safariAndFirefoxBold: (color: string) => string;

package/dist/types/xStyledWrapper.d.ts

@@ -0,0 +1,3 @@
+export declare const XStyledWrapper: import("styled-components").StyledComponent<"div", import("./index.js").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme> & import("./index.js").OwnerInterface, never>;
+export declare const xStyledCommonProps: import("@xstyled/system").StyleGenerator<import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme> & import("./index.js").BackgroundProps & import("./index.js").SpaceProps & import("@xstyled/system").BoxShadowProps<import("@xstyled/system").Theme> & import("@xstyled/system").FlexboxesProps<import("@xstyled/system").Theme> & import("@xstyled/system").LayoutProps<import("@xstyled/system").Theme> & import("./index.js").ColorProps>;
+export default XStyledWrapper;

package/package.json

@@ -0,0 +1,123 @@
+{
+  "name": "@elliemae/ds-legacy-system",
+  "version": "1.0.0-rc.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - System",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./utils": {
+      "import": "./dist/esm/utils.js",
+      "require": "./dist/cjs/utils.js"
+    },
+    "./themeProviderHOC": {
+      "import": "./dist/esm/themeProviderHOC.js",
+      "require": "./dist/cjs/themeProviderHOC.js"
+    },
+    "./theme": {
+      "import": "./dist/esm/theme.js",
+      "require": "./dist/cjs/theme.js"
+    },
+    "./th": {
+      "import": "./dist/esm/th.js",
+      "require": "./dist/cjs/th.js"
+    },
+    "./styled/utils": {
+      "import": "./dist/esm/styled/utils.js",
+      "require": "./dist/cjs/styled/utils.js"
+    },
+    "./styled/types": {
+      "import": "./dist/esm/styled/types.js",
+      "require": "./dist/cjs/styled/types.js"
+    },
+    "./styled/styleGetters": {
+      "import": "./dist/esm/styled/styleGetters.js",
+      "require": "./dist/cjs/styled/styleGetters.js"
+    },
+    "./styled": {
+      "import": "./dist/esm/styled/index.js",
+      "require": "./dist/cjs/styled/index.js"
+    },
+    "./spaceUtilities": {
+      "import": "./dist/esm/spaceUtilities.js",
+      "require": "./dist/cjs/spaceUtilities.js"
+    },
+    "./mobileUtilities": {
+      "import": "./dist/esm/mobileUtilities.js",
+      "require": "./dist/cjs/mobileUtilities.js"
+    },
+    "./globalStyles": {
+      "import": "./dist/esm/globalStyles.js",
+      "require": "./dist/cjs/globalStyles.js"
+    },
+    "./constants": {
+      "import": "./dist/esm/constants.js",
+      "require": "./dist/cjs/constants.js"
+    },
+    "./arithmetic": {
+      "import": "./dist/esm/arithmetic.js",
+      "require": "./dist/cjs/arithmetic.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum-legacy.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "dependencies": {
+    "@xstyled/styled-components": "~3.7.3",
+    "@xstyled/system": "~3.7.3",
+    "@xstyled/util": "3.7.0",
+    "polished": "~3.6.7"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "@elliemae/pui-theme": "~2.7.0",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-legacy-monorepo-devops": "1.0.0-rc.1"
+  },
+  "peerDependencies": {
+    "@elliemae/pui-theme": "^2.7.0",
+    "lodash": "^4.17.21",
+    "react": "~17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9"
+  },
+  "scripts": {
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\"",
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch"
+  }
+}