@elliemae/ds-system 2.0.0-rc.3 → 2.0.0-rc.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -15,11 +15,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
15
15
  var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefaultLegacy(_taggedTemplateLiteral);
16
16
 
17
17
  var _templateObject;
18
- const GlobalStyles = styledComponents.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n :root, body {\n overscroll-behavior-y: none;\n font-size: 16px;\n @media (min-width: ", ") { \n font-size: 13px;\n }\n }\n"])), _ref => {
18
+ const GlobalStyles = styledComponents.createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["\n :root, body {\n overscroll-behavior-y: none;\n\n ", "\n\n font-size: ", ";\n\n @media(min-width: ", ") {\n font-size: ", ";\n }\n\n }\n"])), props => void 0, props => props.device === 'desktop' ? '13px' : '16px', _ref => {
19
19
  let {
20
20
  theme
21
21
  } = _ref;
22
22
  return theme.breakpoints.small;
23
- });
23
+ }, props => props.device === 'mobile' ? '16px' : '13px');
24
24
 
25
25
  exports.GlobalStyles = GlobalStyles;
@@ -7,11 +7,11 @@ import 'react';
7
7
  import { createGlobalStyle } from 'styled-components';
8
8
 
9
9
  var _templateObject;
10
- const GlobalStyles = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n :root, body {\n overscroll-behavior-y: none;\n font-size: 16px;\n @media (min-width: ", ") { \n font-size: 13px;\n }\n }\n"])), _ref => {
10
+ const GlobalStyles = createGlobalStyle(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n :root, body {\n overscroll-behavior-y: none;\n\n ", "\n\n font-size: ", ";\n\n @media(min-width: ", ") {\n font-size: ", ";\n }\n\n }\n"])), props => void 0, props => props.device === 'desktop' ? '13px' : '16px', _ref => {
11
11
  let {
12
12
  theme
13
13
  } = _ref;
14
14
  return theme.breakpoints.small;
15
- });
15
+ }, props => props.device === 'mobile' ? '16px' : '13px');
16
16
 
17
17
  export { GlobalStyles };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-system",
3
- "version": "2.0.0-rc.3",
3
+ "version": "2.0.0-rc.7",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - System",
6
6
  "module": "./esm/index.js",
@@ -72,12 +72,12 @@
72
72
  "polished": "~3.6.7"
73
73
  },
74
74
  "devDependencies": {
75
- "@elliemae/pui-theme": "~2.2.5",
75
+ "@elliemae/pui-theme": "~2.2.6",
76
76
  "styled-components": "~5.3.3",
77
77
  "styled-system": "~5.1.5"
78
78
  },
79
79
  "peerDependencies": {
80
- "@elliemae/pui-theme": "^2.2.5",
80
+ "@elliemae/pui-theme": "^2.2.6",
81
81
  "lodash": "^4.17.21",
82
82
  "react": "~17.0.2",
83
83
  "react-dom": "^17.0.2",
package/types/utils.d.ts CHANGED
@@ -7,17 +7,17 @@ export declare function flexCenter(): string;
7
7
  export declare function disabled(): string;
8
8
  export declare function keyframes(obj: Record<string, unknown>): Keyframes;
9
9
  export declare function boxShadow(top: string, left: string, blur: string, color: string, inset?: boolean): string;
10
- export declare function color(variant?: string, type?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
10
+ export declare function color(variant?: string, type?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
11
11
  export declare function border(color?: string, size?: string, type?: string): string;
12
12
  export declare function animation(animationKeyframes: string, animationLength: string, animationTimingFn: string): (props: any) => import("styled-components").FlattenSimpleInterpolation;
13
13
  export declare function focus(color?: string): () => import("styled-components").FlattenSimpleInterpolation;
14
- export declare function focusAfter(color: string): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
14
+ export declare function focusAfter(color: string): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
15
15
  export declare function active(): (props: any) => import("styled-components").FlattenSimpleInterpolation;
16
16
  export declare function hover(): (props: any) => import("styled-components").FlattenSimpleInterpolation;
17
17
  export declare function textStyle(type: string, weight?: string): (props: any) => string;
18
- export declare function iconColor(variant?: string, type?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
19
- export declare function fakeBorder(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
20
- export declare function fakeActive(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<any>>;
18
+ export declare function iconColor(variant?: string, type?: number): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
19
+ export declare function fakeBorder(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
20
+ export declare function fakeActive(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
21
21
  export declare function clearFocus(): string;
22
22
  export declare function buttonLink(): string;
23
23
  export declare function transition(t?: string): string;