@elliemae/ds-system 2.0.0-next.6 → 2.0.0-rc.1

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,8 +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"])), ({
19
- theme
20
- }) => theme.breakpoints.small);
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 => {
19
+ let {
20
+ theme
21
+ } = _ref;
22
+ return theme.breakpoints.small;
23
+ });
21
24
 
22
25
  exports.GlobalStyles = GlobalStyles;
@@ -2,6 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ require('core-js/modules/esnext.async-iterator.map.js');
6
+ require('core-js/modules/esnext.iterator.map.js');
7
+ require('core-js/modules/esnext.async-iterator.some.js');
8
+ require('core-js/modules/esnext.iterator.constructor.js');
9
+ require('core-js/modules/esnext.iterator.some.js');
5
10
  var lodash = require('lodash');
6
11
  var theme = require('./theme.js');
7
12
 
@@ -2,6 +2,11 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
+ require('core-js/modules/esnext.async-iterator.filter.js');
6
+ require('core-js/modules/esnext.iterator.constructor.js');
7
+ require('core-js/modules/esnext.iterator.filter.js');
8
+ require('core-js/modules/esnext.async-iterator.for-each.js');
9
+ require('core-js/modules/esnext.iterator.for-each.js');
5
10
  var _jsx2 = require('@babel/runtime/helpers/jsx');
6
11
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
7
12
  require('react');
package/cjs/utils.js CHANGED
@@ -22,20 +22,27 @@ function keyframes(obj) {
22
22
  return styledComponents.keyframes(["", ""], lodash.reduce(obj, (result, value, key) => "\n ".concat(result, "\n ").concat(key, "% {\n ").concat(value, "\n }\n "), ''));
23
23
  } // eslint-disable-next-line max-params
24
24
 
25
- function boxShadow(top, left, blur, color, inset = false) {
25
+ function boxShadow(top, left, blur, color) {
26
+ let inset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
26
27
  return "box-shadow: ".concat(inset ? 'inset' : '', " ").concat(top, " ").concat(left, " ").concat(blur, " ").concat(color, ";");
27
28
  }
28
- function color(variant = 'neutral', type = 400) {
29
+ function color() {
30
+ let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
31
+ let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
29
32
  return styledComponents.css(["color:", ";"], props => props.theme.colors[variant][type]);
30
33
  }
31
- function border(color = theme.theme.colors.brand[600], size = '1px', type = 'solid') {
34
+ function border() {
35
+ let color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.theme.colors.brand[600];
36
+ let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1px';
37
+ let type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'solid';
32
38
  return "".concat(size, " ").concat(type, " ").concat(color);
33
39
  }
34
40
  function animation(animationKeyframes, animationLength, animationTimingFn) {
35
41
  return props => styledComponents.css(["animation:", " ", " ", ";"], props.animationKeyframes || animationKeyframes, props.animationLength || animationLength, props.animationTimingFn || animationTimingFn);
36
42
  } // 0.0769
37
43
 
38
- function focus(color = theme.theme.colors.brand[600]) {
44
+ function focus() {
45
+ let color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.theme.colors.brand[600];
39
46
  return () => styledComponents.css(["outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], color, polished.lighten(0.3, color));
40
47
  }
41
48
  function focusAfter(color) {
@@ -47,7 +54,8 @@ function active() {
47
54
  function hover() {
48
55
  return props => styledComponents.css(["outline:1px solid ", ";outline-offset:-1px;"], props.theme.colors.brand[600]);
49
56
  }
50
- function textStyle(type, weight = 'regular') {
57
+ function textStyle(type) {
58
+ let weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'regular';
51
59
  // eslint-disable-next-line complexity
52
60
  return props => {
53
61
  let cssVar = "font-weight: ".concat(props.theme.fontWeights[weight], ";"); // eslint-disable-next-line default-case
@@ -101,7 +109,9 @@ function textStyle(type, weight = 'regular') {
101
109
  return cssVar;
102
110
  };
103
111
  }
104
- function iconColor(variant = 'neutral', type = 400) {
112
+ function iconColor() {
113
+ let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
114
+ let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
105
115
  return styledComponents.css(["fill:", ";"], props => props.theme.colors[variant][type]);
106
116
  }
107
117
  function fakeBorder() {
@@ -116,7 +126,8 @@ function clearFocus() {
116
126
  function buttonLink() {
117
127
  return "\n background-color: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n ";
118
128
  }
119
- function transition(t = 'all 1s ease') {
129
+ function transition() {
130
+ let t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'all 1s ease';
120
131
  return "\n transition: ".concat(t, ";\n ");
121
132
  }
122
133
  function onlySafariAndFiredox(styles) {
@@ -7,8 +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"])), ({
11
- theme
12
- }) => theme.breakpoints.small);
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 => {
11
+ let {
12
+ theme
13
+ } = _ref;
14
+ return theme.breakpoints.small;
15
+ });
13
16
 
14
17
  export { GlobalStyles };
@@ -1,3 +1,8 @@
1
+ import 'core-js/modules/esnext.async-iterator.map.js';
2
+ import 'core-js/modules/esnext.iterator.map.js';
3
+ import 'core-js/modules/esnext.async-iterator.some.js';
4
+ import 'core-js/modules/esnext.iterator.constructor.js';
5
+ import 'core-js/modules/esnext.iterator.some.js';
1
6
  import { get } from 'lodash';
2
7
  import { theme } from './theme.js';
3
8
 
@@ -1,3 +1,8 @@
1
+ import 'core-js/modules/esnext.async-iterator.filter.js';
2
+ import 'core-js/modules/esnext.iterator.constructor.js';
3
+ import 'core-js/modules/esnext.iterator.filter.js';
4
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
5
+ import 'core-js/modules/esnext.iterator.for-each.js';
1
6
  import _jsx2 from '@babel/runtime/helpers/esm/jsx';
2
7
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
3
8
  import 'react';
package/esm/utils.js CHANGED
@@ -20,20 +20,27 @@ function keyframes(obj) {
20
20
  return keyframes$1(["", ""], reduce(obj, (result, value, key) => "\n ".concat(result, "\n ").concat(key, "% {\n ").concat(value, "\n }\n "), ''));
21
21
  } // eslint-disable-next-line max-params
22
22
 
23
- function boxShadow(top, left, blur, color, inset = false) {
23
+ function boxShadow(top, left, blur, color) {
24
+ let inset = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : false;
24
25
  return "box-shadow: ".concat(inset ? 'inset' : '', " ").concat(top, " ").concat(left, " ").concat(blur, " ").concat(color, ";");
25
26
  }
26
- function color(variant = 'neutral', type = 400) {
27
+ function color() {
28
+ let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
29
+ let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
27
30
  return css(["color:", ";"], props => props.theme.colors[variant][type]);
28
31
  }
29
- function border(color = theme.colors.brand[600], size = '1px', type = 'solid') {
32
+ function border() {
33
+ let color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.colors.brand[600];
34
+ let size = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : '1px';
35
+ let type = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 'solid';
30
36
  return "".concat(size, " ").concat(type, " ").concat(color);
31
37
  }
32
38
  function animation(animationKeyframes, animationLength, animationTimingFn) {
33
39
  return props => css(["animation:", " ", " ", ";"], props.animationKeyframes || animationKeyframes, props.animationLength || animationLength, props.animationTimingFn || animationTimingFn);
34
40
  } // 0.0769
35
41
 
36
- function focus(color = theme.colors.brand[600]) {
42
+ function focus() {
43
+ let color = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : theme.colors.brand[600];
37
44
  return () => css(["outline:none;border:1px solid ", ";box-shadow:inset 0 0 0 1px ", ";border-radius:2px;"], color, lighten(0.3, color));
38
45
  }
39
46
  function focusAfter(color) {
@@ -45,7 +52,8 @@ function active() {
45
52
  function hover() {
46
53
  return props => css(["outline:1px solid ", ";outline-offset:-1px;"], props.theme.colors.brand[600]);
47
54
  }
48
- function textStyle(type, weight = 'regular') {
55
+ function textStyle(type) {
56
+ let weight = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'regular';
49
57
  // eslint-disable-next-line complexity
50
58
  return props => {
51
59
  let cssVar = "font-weight: ".concat(props.theme.fontWeights[weight], ";"); // eslint-disable-next-line default-case
@@ -99,7 +107,9 @@ function textStyle(type, weight = 'regular') {
99
107
  return cssVar;
100
108
  };
101
109
  }
102
- function iconColor(variant = 'neutral', type = 400) {
110
+ function iconColor() {
111
+ let variant = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'neutral';
112
+ let type = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 400;
103
113
  return css(["fill:", ";"], props => props.theme.colors[variant][type]);
104
114
  }
105
115
  function fakeBorder() {
@@ -114,7 +124,8 @@ function clearFocus() {
114
124
  function buttonLink() {
115
125
  return "\n background-color: transparent;\n border: 1px solid transparent;\n cursor: pointer;\n ";
116
126
  }
117
- function transition(t = 'all 1s ease') {
127
+ function transition() {
128
+ let t = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'all 1s ease';
118
129
  return "\n transition: ".concat(t, ";\n ");
119
130
  }
120
131
  function onlySafariAndFiredox(styles) {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-system",
3
- "version": "2.0.0-next.6",
3
+ "version": "2.0.0-rc.1",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - System",
6
6
  "module": "./esm/index.js",
@@ -72,16 +72,16 @@
72
72
  "polished": "~3.6.7"
73
73
  },
74
74
  "devDependencies": {
75
- "@elliemae/pui-theme": "~2.2.4",
76
- "styled-components": "~5.3.1",
75
+ "@elliemae/pui-theme": "~2.2.5",
76
+ "styled-components": "~5.3.3",
77
77
  "styled-system": "~5.1.5"
78
78
  },
79
79
  "peerDependencies": {
80
- "@elliemae/pui-theme": "^2.2.4",
80
+ "@elliemae/pui-theme": "^2.2.5",
81
81
  "lodash": "^4.17.21",
82
82
  "react": "~17.0.2",
83
83
  "react-dom": "^17.0.2",
84
- "styled-components": "^5.3.1",
84
+ "styled-components": "^5.3.3",
85
85
  "styled-system": "^5.1.5"
86
86
  }
87
87
  }