@elliemae/ds-breadcrumb 2.0.0-next.1 → 2.0.0-next.13

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.
@@ -5,6 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
5
5
  var _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
6
  var _jsx = require('@babel/runtime/helpers/jsx');
7
7
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
8
+ require('core-js/modules/web.dom-collections.iterator.js');
9
+ require('core-js/modules/esnext.async-iterator.map.js');
10
+ require('core-js/modules/esnext.iterator.map.js');
11
+ require('core-js/modules/esnext.async-iterator.filter.js');
12
+ require('core-js/modules/esnext.iterator.constructor.js');
13
+ require('core-js/modules/esnext.iterator.filter.js');
14
+ require('core-js/modules/esnext.async-iterator.for-each.js');
15
+ require('core-js/modules/esnext.iterator.for-each.js');
8
16
  var React = require('react');
9
17
  var reactDesc = require('react-desc');
10
18
  var DSBreadcrumbItem = require('./DSBreadcrumbItem.js');
@@ -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 _defineProperty = require('@babel/runtime/helpers/defineProperty');
6
11
  var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
7
12
  require('react');
package/cjs/styles.js CHANGED
@@ -14,45 +14,53 @@ const handleColor = (theme, isActive, color, isTitle) => {
14
14
 
15
15
  const StyledList = /*#__PURE__*/styled__default["default"].ol.withConfig({
16
16
  componentId: "sc-12gvmg4-0"
17
- })(["width:100%;list-style:none;display:flex;padding:0;li:first-child *{margin-left:0;}"]);
17
+ })(["width:100%;list-style:none;display:flex;padding:0;margin:0;li:first-child *{margin-left:0;}"]);
18
18
  const StyledCrumbWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
19
19
  componentId: "sc-12gvmg4-1"
20
- })(["display:inline-flex;align-items:center;flex-shrink:20;transition:flex-shrink 0.1s cubic-bezier(0.64,0,0.35,1);height:16px;min-width:10px;&:hover{flex-shrink:0;}", ""], ({
21
- theme,
22
- isTitle,
23
- trailingSlash
24
- }) => isTitle || !trailingSlash ? `&:not(:last-child):after {
25
- display: inline-block;
26
- content: '/';
27
- color: ${theme.colors.neutral[700]};
28
- }
29
- ` : `&:after {
30
- display: inline-block;
31
- content: '/';
32
- color: ${theme.colors.neutral[700]};
33
- }
34
- `);
20
+ })(["display:inline-flex;align-items:center;flex-shrink:20;transition:flex-shrink 0.1s cubic-bezier(0.64,0,0.35,1);height:16px;min-width:10px;&:hover{flex-shrink:0;}", ""], _ref => {
21
+ let {
22
+ theme,
23
+ isTitle,
24
+ trailingSlash
25
+ } = _ref;
26
+ return isTitle || !trailingSlash ? "&:not(:last-child):after {\n display: inline-block;\n content: '/';\n color: ".concat(theme.colors.neutral[700], ";\n }\n ") : "&:after {\n display: inline-block;\n content: '/';\n color: ".concat(theme.colors.neutral[700], ";\n }\n ");
27
+ });
35
28
  const StyledContainer = /*#__PURE__*/styled__default["default"].nav.withConfig({
36
29
  componentId: "sc-12gvmg4-2"
37
30
  })(["display:flex;align-items:center;padding:0;"]);
38
31
  const StyledLink = /*#__PURE__*/styled__default["default"].a.withConfig({
39
32
  componentId: "sc-12gvmg4-3"
40
- })(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;font-size:12px;outline:none;margin:0 2px;border:2px solid transparent;-webkit-text-stroke:0.4px transparent;font-weight:", ";color:", ";&:hover{color:", ";cursor:pointer;", ";}&:focus{", " border-radius:2px;}"], ({
41
- theme
42
- }) => theme.fontWeights.regular, ({
43
- theme,
44
- isActive,
45
- color,
46
- isTitle
47
- }) => handleColor(theme, isActive, color, isTitle), ({
48
- theme,
49
- color
50
- }) => color ? color : theme.colors.brand[800], ({
51
- theme,
52
- color
53
- }) => `-webkit-text-stroke: 0.4px ${color ? color : theme.colors.brand[800]}`, ({
54
- theme
55
- }) => `border: 2px solid ${theme.colors.brand[700]};`);
33
+ })(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;font-size:12px;outline:none;margin:0 2px;border:2px solid transparent;-webkit-text-stroke:0.4px transparent;font-weight:", ";color:", ";&:hover{color:", ";cursor:pointer;", ";}&:focus{", " border-radius:2px;}"], _ref2 => {
34
+ let {
35
+ theme
36
+ } = _ref2;
37
+ return theme.fontWeights.regular;
38
+ }, _ref3 => {
39
+ let {
40
+ theme,
41
+ isActive,
42
+ color,
43
+ isTitle
44
+ } = _ref3;
45
+ return handleColor(theme, isActive, color, isTitle);
46
+ }, _ref4 => {
47
+ let {
48
+ theme,
49
+ color
50
+ } = _ref4;
51
+ return color ? color : theme.colors.brand[800];
52
+ }, _ref5 => {
53
+ let {
54
+ theme,
55
+ color
56
+ } = _ref5;
57
+ return "-webkit-text-stroke: 0.4px ".concat(color ? color : theme.colors.brand[800]);
58
+ }, _ref6 => {
59
+ let {
60
+ theme
61
+ } = _ref6;
62
+ return "border: 2px solid ".concat(theme.colors.brand[700], ";");
63
+ });
56
64
 
57
65
  exports.StyledContainer = StyledContainer;
58
66
  exports.StyledCrumbWrapper = StyledCrumbWrapper;
@@ -1,6 +1,14 @@
1
1
  import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
2
  import _jsx from '@babel/runtime/helpers/esm/jsx';
3
3
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
4
+ import 'core-js/modules/web.dom-collections.iterator.js';
5
+ import 'core-js/modules/esnext.async-iterator.map.js';
6
+ import 'core-js/modules/esnext.iterator.map.js';
7
+ import 'core-js/modules/esnext.async-iterator.filter.js';
8
+ import 'core-js/modules/esnext.iterator.constructor.js';
9
+ import 'core-js/modules/esnext.iterator.filter.js';
10
+ import 'core-js/modules/esnext.async-iterator.for-each.js';
11
+ import 'core-js/modules/esnext.iterator.for-each.js';
4
12
  import React, { useMemo, cloneElement } from 'react';
5
13
  import { PropTypes, describe } from 'react-desc';
6
14
  import { DSBreadcrumbItem } from './DSBreadcrumbItem.js';
@@ -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 _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
2
7
  import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
3
8
  import 'react';
package/esm/styles.js CHANGED
@@ -6,44 +6,52 @@ const handleColor = (theme, isActive, color, isTitle) => {
6
6
 
7
7
  const StyledList = /*#__PURE__*/styled.ol.withConfig({
8
8
  componentId: "sc-12gvmg4-0"
9
- })(["width:100%;list-style:none;display:flex;padding:0;li:first-child *{margin-left:0;}"]);
9
+ })(["width:100%;list-style:none;display:flex;padding:0;margin:0;li:first-child *{margin-left:0;}"]);
10
10
  const StyledCrumbWrapper = /*#__PURE__*/styled.li.withConfig({
11
11
  componentId: "sc-12gvmg4-1"
12
- })(["display:inline-flex;align-items:center;flex-shrink:20;transition:flex-shrink 0.1s cubic-bezier(0.64,0,0.35,1);height:16px;min-width:10px;&:hover{flex-shrink:0;}", ""], ({
13
- theme,
14
- isTitle,
15
- trailingSlash
16
- }) => isTitle || !trailingSlash ? `&:not(:last-child):after {
17
- display: inline-block;
18
- content: '/';
19
- color: ${theme.colors.neutral[700]};
20
- }
21
- ` : `&:after {
22
- display: inline-block;
23
- content: '/';
24
- color: ${theme.colors.neutral[700]};
25
- }
26
- `);
12
+ })(["display:inline-flex;align-items:center;flex-shrink:20;transition:flex-shrink 0.1s cubic-bezier(0.64,0,0.35,1);height:16px;min-width:10px;&:hover{flex-shrink:0;}", ""], _ref => {
13
+ let {
14
+ theme,
15
+ isTitle,
16
+ trailingSlash
17
+ } = _ref;
18
+ return isTitle || !trailingSlash ? "&:not(:last-child):after {\n display: inline-block;\n content: '/';\n color: ".concat(theme.colors.neutral[700], ";\n }\n ") : "&:after {\n display: inline-block;\n content: '/';\n color: ".concat(theme.colors.neutral[700], ";\n }\n ");
19
+ });
27
20
  const StyledContainer = /*#__PURE__*/styled.nav.withConfig({
28
21
  componentId: "sc-12gvmg4-2"
29
22
  })(["display:flex;align-items:center;padding:0;"]);
30
23
  const StyledLink = /*#__PURE__*/styled.a.withConfig({
31
24
  componentId: "sc-12gvmg4-3"
32
- })(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;font-size:12px;outline:none;margin:0 2px;border:2px solid transparent;-webkit-text-stroke:0.4px transparent;font-weight:", ";color:", ";&:hover{color:", ";cursor:pointer;", ";}&:focus{", " border-radius:2px;}"], ({
33
- theme
34
- }) => theme.fontWeights.regular, ({
35
- theme,
36
- isActive,
37
- color,
38
- isTitle
39
- }) => handleColor(theme, isActive, color, isTitle), ({
40
- theme,
41
- color
42
- }) => color ? color : theme.colors.brand[800], ({
43
- theme,
44
- color
45
- }) => `-webkit-text-stroke: 0.4px ${color ? color : theme.colors.brand[800]}`, ({
46
- theme
47
- }) => `border: 2px solid ${theme.colors.brand[700]};`);
25
+ })(["white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none;font-size:12px;outline:none;margin:0 2px;border:2px solid transparent;-webkit-text-stroke:0.4px transparent;font-weight:", ";color:", ";&:hover{color:", ";cursor:pointer;", ";}&:focus{", " border-radius:2px;}"], _ref2 => {
26
+ let {
27
+ theme
28
+ } = _ref2;
29
+ return theme.fontWeights.regular;
30
+ }, _ref3 => {
31
+ let {
32
+ theme,
33
+ isActive,
34
+ color,
35
+ isTitle
36
+ } = _ref3;
37
+ return handleColor(theme, isActive, color, isTitle);
38
+ }, _ref4 => {
39
+ let {
40
+ theme,
41
+ color
42
+ } = _ref4;
43
+ return color ? color : theme.colors.brand[800];
44
+ }, _ref5 => {
45
+ let {
46
+ theme,
47
+ color
48
+ } = _ref5;
49
+ return "-webkit-text-stroke: 0.4px ".concat(color ? color : theme.colors.brand[800]);
50
+ }, _ref6 => {
51
+ let {
52
+ theme
53
+ } = _ref6;
54
+ return "border: 2px solid ".concat(theme.colors.brand[700], ";");
55
+ });
48
56
 
49
57
  export { StyledContainer, StyledCrumbWrapper, StyledLink, StyledList };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-breadcrumb",
3
- "version": "2.0.0-next.1",
3
+ "version": "2.0.0-next.13",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Breadcrumb",
6
6
  "module": "./esm/index.js",
@@ -48,10 +48,14 @@
48
48
  "build": "node ../../scripts/build/build.js"
49
49
  },
50
50
  "dependencies": {
51
- "@elliemae/ds-classnames": "2.0.0-next.1",
52
- "react-desc": "^4.1.3"
51
+ "@elliemae/ds-classnames": "2.0.0-next.13",
52
+ "react-desc": "~4.1.3"
53
+ },
54
+ "devDependencies": {
55
+ "@elliemae/pui-theme": "~2.2.5"
53
56
  },
54
57
  "peerDependencies": {
58
+ "@elliemae/pui-theme": "^2.2.5",
55
59
  "react": "^17.0.2",
56
60
  "react-dom": "^17.0.2"
57
61
  },
package/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }