@elliemae/ds-system 3.14.0-next.9 → 3.14.0-rc.1

package/dist/cjs/globalStyles.js

@@ -30,15 +30,24 @@ module.exports = __toCommonJS(globalStyles_exports);
 var React = __toESM(require("react"));
 var import_ds_styled = require("./ds-styled");
 const GlobalStyles = import_ds_styled.createGlobalStyle`
+  :root * {
+    font-size: 1rem;
+  }
   :root, body {
+
     overscroll-behavior-y: none;
 
-    font-size: ${(props) => props.device === "desktop" ? "13px" : "16px"};
+    font-size: ${(props) => props.device === "desktop" ? "0.813rem" : "1rem"};
 
     @media(min-width: ${({ theme }) => theme.breakpoints.small}) {
-      font-size: ${(props) => props.device === "mobile" ? "16px" : "13px"};
+      font-size: ${(props) => props.device === "mobile" ? "1rem" : "0.813rem"};
     }
 
   }
+
+  /* fix sanitize */
+  ::-webkit-input-placeholder {
+    opacity: 1;
+  }
 `;
 //# sourceMappingURL=globalStyles.js.map

package/dist/cjs/globalStyles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/globalStyles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { createGlobalStyle } from './ds-styled';\n\nexport const GlobalStyles = createGlobalStyle<{ device: 'desktop' | 'mobile' }>`\n  :root, body {\n    overscroll-behavior-y: none;\n\n    font-size: ${(props) => (props.device === 'desktop' ? '13px' : '16px')};\n\n    @media(min-width: ${({ theme }) => theme.breakpoints.small}) {\n      font-size: ${(props) => (props.device === 'mobile' ? '16px' : '13px')};\n    }\n\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAkC;AAE3B,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,iBAIX,CAAC,UAAW,MAAM,WAAW,YAAY,SAAS;AAAA;AAAA,wBAE3C,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,mBACtC,CAAC,UAAW,MAAM,WAAW,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import { createGlobalStyle } from './ds-styled';\n\nexport const GlobalStyles = createGlobalStyle<{ device: 'desktop' | 'mobile' }>`\n  :root * {\n    font-size: 1rem;\n  }\n  :root, body {\n\n    overscroll-behavior-y: none;\n\n    font-size: ${(props) => (props.device === 'desktop' ? '0.813rem' : '1rem')};\n\n    @media(min-width: ${({ theme }) => theme.breakpoints.small}) {\n      font-size: ${(props) => (props.device === 'mobile' ? '1rem' : '0.813rem')};\n    }\n\n  }\n\n  /* fix sanitize */\n  ::-webkit-input-placeholder {\n    opacity: 1;\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAkC;AAE3B,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQX,CAAC,UAAW,MAAM,WAAW,YAAY,aAAa;AAAA;AAAA,wBAE/C,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,mBACtC,CAAC,UAAW,MAAM,WAAW,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/esm/globalStyles.js

@@ -1,16 +1,25 @@
 import * as React from "react";
 import { createGlobalStyle } from "./ds-styled";
 const GlobalStyles = createGlobalStyle`
+  :root * {
+    font-size: 1rem;
+  }
   :root, body {
+
     overscroll-behavior-y: none;
 
-    font-size: ${(props) => props.device === "desktop" ? "13px" : "16px"};
+    font-size: ${(props) => props.device === "desktop" ? "0.813rem" : "1rem"};
 
     @media(min-width: ${({ theme }) => theme.breakpoints.small}) {
-      font-size: ${(props) => props.device === "mobile" ? "16px" : "13px"};
+      font-size: ${(props) => props.device === "mobile" ? "1rem" : "0.813rem"};
     }
 
   }
+
+  /* fix sanitize */
+  ::-webkit-input-placeholder {
+    opacity: 1;
+  }
 `;
 export {
   GlobalStyles

package/dist/esm/globalStyles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/globalStyles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createGlobalStyle } from './ds-styled';\n\nexport const GlobalStyles = createGlobalStyle<{ device: 'desktop' | 'mobile' }>`\n  :root, body {\n    overscroll-behavior-y: none;\n\n    font-size: ${(props) => (props.device === 'desktop' ? '13px' : '16px')};\n\n    @media(min-width: ${({ theme }) => theme.breakpoints.small}) {\n      font-size: ${(props) => (props.device === 'mobile' ? '16px' : '13px')};\n    }\n\n  }\n`;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAE3B,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA,iBAIX,CAAC,UAAW,MAAM,WAAW,YAAY,SAAS;AAAA;AAAA,wBAE3C,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,mBACtC,CAAC,UAAW,MAAM,WAAW,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createGlobalStyle } from './ds-styled';\n\nexport const GlobalStyles = createGlobalStyle<{ device: 'desktop' | 'mobile' }>`\n  :root * {\n    font-size: 1rem;\n  }\n  :root, body {\n\n    overscroll-behavior-y: none;\n\n    font-size: ${(props) => (props.device === 'desktop' ? '0.813rem' : '1rem')};\n\n    @media(min-width: ${({ theme }) => theme.breakpoints.small}) {\n      font-size: ${(props) => (props.device === 'mobile' ? '1rem' : '0.813rem')};\n    }\n\n  }\n\n  /* fix sanitize */\n  ::-webkit-input-placeholder {\n    opacity: 1;\n  }\n`;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,yBAAyB;AAE3B,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAQX,CAAC,UAAW,MAAM,WAAW,YAAY,aAAa;AAAA;AAAA,wBAE/C,CAAC,EAAE,MAAM,MAAM,MAAM,YAAY;AAAA,mBACtC,CAAC,UAAW,MAAM,WAAW,WAAW,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
   "names": []
 }

package/dist/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/dist/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/dist/types/ds-styled/attributes.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import type { DSStyledConfig } from './types';
+import type { StyledComponentInnerComponent, StyledComponentPropsWithRef } from 'styled-components';
+type AttrsFunc = (props: StyledComponentPropsWithRef<StyledComponentInnerComponent<React.ComponentType<Record<string, unknown>>>>) => Partial<StyledComponentPropsWithRef<StyledComponentInnerComponent<any>>>;
+export declare const generateAutoCalculatedProperties: (options: DSStyledConfig) => {
+    displayName: string | null;
+    attributes: AttrsFunc;
+};
+export {};

package/dist/types/ds-styled/index.d.ts

@@ -0,0 +1,4 @@
+export * from './styled';
+export { layout, flexboxes, grids, boxShadow as boxShadows, fontSize } from '@xstyled/system';
+export * from './utilities';
+export * from './types';

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

@@ -0,0 +1,4 @@
+import type { DSStyledFunction, DSStyledObject } from './types';
+declare const css: import("styled-components").BaseThemedCssFunction<import("@xstyled/system").Theme>, createGlobalStyle: typeof import("styled-components").createGlobalStyle;
+export declare const styled: DSStyledFunction & DSStyledObject;
+export { css, createGlobalStyle };

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

@@ -0,0 +1,109 @@
+/// <reference types="react" />
+import type { AnyStyledComponent, StyledComponentInnerAttrs, StyledComponentInnerComponent, StyledComponentInnerOtherProps, CSSObject, StyledComponent, StyledComponentPropsWithRef, ThemedStyledProps, Interpolation, InterpolationFunction, StyledConfig } from 'styled-components';
+import type { SpaceProps as XstyledSpace, MarginProps, MarginTopProps, MarginRightProps, MarginBottomProps, MarginLeftProps, MarginXProps, MarginYProps, PaddingProps, PaddingTopProps, PaddingRightProps, PaddingBottomProps, PaddingLeftProps, PaddingXProps, PaddingYProps, ColorProps as XstyledColor } from '@xstyled/system';
+import type { Theme as PuiTheme } from '@elliemae/pui-theme';
+export interface Theme extends PuiTheme {
+    components?: {
+        [componentName: string]: {
+            styleOverrides?: CSSObject;
+            variants?: {
+                props: Record<string, {
+                    toString: () => string;
+                }>;
+                style: CSSObject;
+            }[];
+        };
+    };
+}
+type Attrs<P, A extends Partial<P>, T> = ((props: ThemedStyledProps<P, T>) => A) | A;
+export interface DSStyledConfig {
+    name: string | null;
+    slot: string | null;
+}
+type ThemedStyledFunctionBase<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = Record<string, unknown>, 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>;
+interface ThemedStyledFunction<C extends keyof JSX.IntrinsicElements | React.ComponentType<any>, T extends object, O extends object = Record<string, unknown>, A extends keyof any = never> extends ThemedStyledFunctionBase<C, T, O, A> {
+    attrs<U, NewA extends Partial<StyledComponentPropsWithRef<C> & U> & {
+        [others: string]: any;
+    } = any>(attrs: Attrs<StyledComponentPropsWithRef<C> & U, NewA, T>): ThemedStyledFunction<C, T, O & NewA, A | keyof NewA>;
+    withConfig: <Props extends O = O>(config: StyledConfig<StyledComponentPropsWithRef<C> & Props>) => ThemedStyledFunction<C, T, Props, A>;
+}
+export type DSStyledFunction = <C extends AnyStyledComponent | keyof JSX.IntrinsicElements | React.ComponentType<any>>(tag: C, options?: DSStyledConfig) => ThemedStyledFunction<C extends AnyStyledComponent ? StyledComponentInnerComponent<C> : C, Theme, C extends AnyStyledComponent ? StyledComponentInnerOtherProps<C> : unknown, C extends AnyStyledComponent ? StyledComponentInnerAttrs<C> : never>;
+export type DSStyledObject = {
+    [TTag in keyof JSX.IntrinsicElements]: ThemedStyledFunction<keyof JSX.IntrinsicElements, Theme>;
+};
+export type DSStyledFunctionInternal = (...args: Parameters<ReturnType<DSStyledFunction>>) => ReturnType<ReturnType<DSStyledFunction>>;
+export type PropsWithTheme<T = Record<string, unknown>> = {
+    theme: Theme;
+} & T;
+export type ThProps = Required<PropsWithTheme>;
+export type { FlattenSimpleInterpolation, FlattenInterpolation } from 'styled-components';
+export type { LayoutProps, SizingProps, FontSizeProps, PositionProps, BoxShadowProps } from '@xstyled/system';
+interface DummyColorTheme {
+    'neutral-100': true;
+    'neutral-200': true;
+    'neutral-300': true;
+    'neutral-400': true;
+    'neutral-500': true;
+    'neutral-600': true;
+    'neutral-700': true;
+    'neutral-800': true;
+    'neutral-000': true;
+    'neutral-050': true;
+    'neutral-080': true;
+    'brand-100': true;
+    'brand-200': true;
+    'brand-300': true;
+    'brand-400': true;
+    'brand-500': true;
+    'brand-600': true;
+    'brand-700': true;
+    'brand-800': true;
+    'success-300': true;
+    'success-900': true;
+    'warning-400': true;
+    'warning-600': true;
+    'warning-900': true;
+    'danger-200': true;
+    'danger-900': true;
+}
+interface MarginAndPaddings extends MarginProps, MarginTopProps, MarginRightProps, MarginBottomProps, MarginLeftProps, MarginXProps, MarginYProps, PaddingProps, PaddingTopProps, PaddingRightProps, PaddingBottomProps, PaddingLeftProps, PaddingXProps, PaddingYProps {
+}
+type SpacePropsT = {
+    [key in keyof XstyledSpace]?: XstyledSpace[key];
+} & {
+    [key in keyof MarginAndPaddings]?: XstyledSpace[key] | keyof Theme['space'];
+};
+type ColorPropsT = {
+    [key in keyof XstyledColor]?: XstyledColor[key] | keyof DummyColorTheme;
+};
+export interface SpaceProps extends SpacePropsT {
+}
+export interface ColorProps extends ColorPropsT {
+}
+export interface BorderProps {
+    border?: string;
+    borderTop?: string;
+    borderBottom?: string;
+    borderRight?: string;
+    borderLeft?: string;
+    borderColor?: keyof DummyColorTheme;
+    borderTopColor?: keyof DummyColorTheme;
+    borderBottomColor?: keyof DummyColorTheme;
+    borderRightColor?: keyof DummyColorTheme;
+    borderLeftColor?: keyof DummyColorTheme;
+    borderStyle?: string;
+    borderTopStyle?: string;
+    borderBottomStyle?: string;
+    borderRightStyle?: string;
+    borderLeftStyle?: string;
+    borderWidth?: keyof Theme['space'];
+    borderTopWidth?: keyof Theme['space'];
+    borderBottomWidth?: keyof Theme['space'];
+    borderRightWidth?: keyof Theme['space'];
+    borderLeftWidth?: keyof Theme['space'];
+    borderRadius?: keyof Theme['space'];
+}
+export interface BackgroundProps {
+    backgroundColor?: keyof DummyColorTheme;
+    bg?: keyof DummyColorTheme;
+}

package/dist/types/ds-styled/utilities/background.d.ts

@@ -0,0 +1 @@
+export declare const background: import("@xstyled/system").StyleGenerator<{}>;

package/dist/types/ds-styled/utilities/border.d.ts

@@ -0,0 +1 @@
+export declare const borders: import("@xstyled/system").StyleGenerator<{}>;

package/dist/types/ds-styled/utilities/checkNamingConvention.d.ts

@@ -0,0 +1 @@
+export declare const checkNamingConvention: (componentName: string | null, componentSlot: string | null) => void;

package/dist/types/ds-styled/utilities/color.d.ts

@@ -0,0 +1,2 @@
+import type { ColorProps } from '../types';
+export declare const color: import("@xstyled/system").StyleGenerator<ColorProps>;

package/dist/types/ds-styled/utilities/helpers.d.ts

@@ -0,0 +1,10 @@
+import type { Interpolation } from 'styled-components';
+import type { Theme } from '../types';
+export declare const isEmpty: (string: string) => boolean;
+export declare const coerceWithDefaultTheme: (themeInput: Theme | undefined) => Theme;
+export declare const stylesArgThemeCoercion: (stylesArg: Interpolation<any>) => Interpolation<any>;
+export declare const propsToClassKey: (props: Record<string, {
+    toString: () => string;
+}>) => string;
+export declare const displayNameToKebabCase: (displayName: string) => string;
+export declare const slotObjectToDataTestIds: (componentName: string, slotObject: Record<string, string>) => Record<string, string>;

package/dist/types/ds-styled/utilities/index.d.ts

@@ -0,0 +1,9 @@
+export * from './background';
+export * from './border';
+export * from './checkNamingConvention';
+export * from './color';
+export * from './helpers';
+export * from './magicCssTransform';
+export * from './resolvers';
+export * from './sizing';
+export * from './space';

package/dist/types/ds-styled/utilities/magicCssTransform.d.ts

@@ -0,0 +1,6 @@
+import type { CSSObject, Interpolation, InterpolationFunction } from 'styled-components';
+type StyleArg = CSSObject | InterpolationFunction<any> | TemplateStringsArray;
+type Expressions = Interpolation<any>[];
+type MagicCssTransform = (styleArg: StyleArg, expressions: Expressions) => [StyleArg, Expressions];
+export declare const magicCssTransform: MagicCssTransform;
+export {};

package/dist/types/ds-styled/utilities/resolvers.d.ts

@@ -0,0 +1,5 @@
+import type { CSSObject } from 'styled-components';
+import type { Theme } 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/dist/types/ds-styled/utilities/sizing.d.ts

@@ -0,0 +1 @@
+export declare const sizing: import("@xstyled/system").StyleGenerator<{}>;

package/dist/types/ds-styled/utilities/space.d.ts

@@ -0,0 +1,3 @@
+import { type StyleGenerator } from '@xstyled/system';
+import type { SpaceProps } from '../types';
+export declare const space: StyleGenerator<SpaceProps>;

package/dist/types/globalStyles.d.ts

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

package/dist/types/index.d.ts

@@ -0,0 +1,12 @@
+export * from './globalStyles';
+export * from './spaceUtilities';
+export * from './mobileUtilities';
+export * from './utils';
+export * from './arithmetic';
+export * from './th';
+export * from './theme';
+export * from './ds-styled';
+export { position, typography } from '@xstyled/system';
+export { themeProviderHOC } from './themeProviderHOC';
+export { ThemeContext } from '@xstyled/styled-components';
+export { xStyledCommonProps, XStyledWrapper } from './xStyledWrapper';

package/dist/types/mobileUtilities.d.ts

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

package/dist/types/spaceUtilities.d.ts

@@ -0,0 +1,8 @@
+export declare function mapGap(gutter: number | string): number | string;
+export declare function mapGutter(gutter: string | number | undefined): string;
+export declare function mapSpace(width: string | number): string;
+export declare function fixSpaceGutter(width: string | number | string[] | number[], gutter?: string | number): string | string[];
+export declare function fixSpace(width: string | number | string[] | number[]): string | string[];
+export declare function numbersToFr(grid: number[]): string[];
+export declare function mapGrid(width: string | number): string;
+export declare function mapTemplateGrid(grid: (number | string)[]): string | string[];

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 './ds-styled';
+export declare const hexToRgba: (hex: string, alpha: string) => string;
+type ThemeStringGetter = ({ theme }: PropsWithTheme) => 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: (Component: React.ElementType) => (props: Record<string, unknown>) => JSX.Element;

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';
+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("./ds-styled").Theme;
+} & Record<string, unknown>, 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(".").Theme, import("@xstyled/util").Props<import("@xstyled/system").Theme> & import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme>, never>;
+export declare const xStyledCommonProps: import("@xstyled/system").StyleGenerator<import("@xstyled/system").TypographyProps<import("@xstyled/system").Theme> & import(".").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(".").ColorProps>;
+export default XStyledWrapper;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-system",
-  "version": "3.14.0-next.9",
+  "version": "3.14.0-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - System",
   "files": [