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

package/cjs/DSBreadcrumb.js

@@ -5,6 +5,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _jsx = require('@babel/runtime/helpers/jsx');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
+require('core-js/modules/web.dom-collections.iterator.js');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var React = require('react');
 var reactDesc = require('react-desc');
 var DSBreadcrumbItem = require('./DSBreadcrumbItem.js');
@@ -23,7 +31,7 @@ const _excluded = ["containerProps", "as", "label", "isTitle", "children", "trai
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 const htmlElements = ['nav', 'div', 'header', 'footer', 'main'];
 
 const DSBreadcrumb = _ref => {
@@ -35,7 +43,7 @@ const DSBreadcrumb = _ref => {
     children,
     trailingSlash = true
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   const [addRef, onKeyDown] = useKeyboardNavigation.useKeyboardNavigation();
   const safeElement = React.useMemo(() => htmlElements.indexOf(as) > -1 ? as : 'nav', [as]);
@@ -44,9 +52,9 @@ const DSBreadcrumb = _ref => {
     "data-testid": "breadcrumb-nav-container"
   }, rest), containerProps), {}, {
     as: safeElement,
-    children: /*#__PURE__*/_jsx__default['default'](styles.StyledList, {
+    children: /*#__PURE__*/_jsx__default["default"](styles.StyledList, {
       "data-testid": "list-container"
-    }, void 0, React__default['default'].Children.map(children, (child, childIndex) => childIndex < children.length - 1 ? /*#__PURE__*/React.cloneElement(child, {
+    }, void 0, React__default["default"].Children.map(children, (child, childIndex) => childIndex < children.length - 1 ? /*#__PURE__*/React.cloneElement(child, {
       childIndex,
       addRef,
       onKeyDown
@@ -90,5 +98,5 @@ DSBreadcrumbWithSchema.propTypes = props;
 
 exports.DSBreadcrumb = DSBreadcrumb;
 exports.DSBreadcrumbWithSchema = DSBreadcrumbWithSchema;
-exports['default'] = DSBreadcrumb;
+exports["default"] = DSBreadcrumb;
 exports.htmlElements = htmlElements;

package/cjs/DSBreadcrumbItem.js

@@ -2,6 +2,11 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 var _defineProperty = require('@babel/runtime/helpers/defineProperty');
 var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
 require('react');
@@ -18,7 +23,7 @@ const _excluded = ["active", "as", "href", "isTitle", "onClick", "label", "color
 
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default['default'](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
 
 function DSBreadcrumbItem(_ref) {
   let {
@@ -34,7 +39,7 @@ function DSBreadcrumbItem(_ref) {
     trailingSlash,
     onKeyDown = () => null
   } = _ref,
-      rest = _objectWithoutProperties__default['default'](_ref, _excluded);
+      rest = _objectWithoutProperties__default["default"](_ref, _excluded);
 
   return /*#__PURE__*/jsxRuntime.jsx(styles.StyledCrumbWrapper, _objectSpread(_objectSpread({
     "aria-current": active ? 'page' : undefined,
@@ -90,4 +95,4 @@ DSBreadcrumbItemWithSchema.propTypes = props;
 
 exports.DSBreadcrumbItem = DSBreadcrumbItem;
 exports.DSBreadcrumbItemWithSchema = DSBreadcrumbItemWithSchema;
-exports['default'] = DSBreadcrumbItem;
+exports["default"] = DSBreadcrumbItem;

package/cjs/index.js

@@ -9,7 +9,7 @@ var DSBreadcrumbItem = require('./DSBreadcrumbItem.js');
 
 exports.DSBreadcrumb = DSBreadcrumb.DSBreadcrumb;
 exports.DSBreadcrumbWithSchema = DSBreadcrumb.DSBreadcrumbWithSchema;
-exports.default = DSBreadcrumb.DSBreadcrumb;
+exports["default"] = DSBreadcrumb.DSBreadcrumb;
 exports.htmlElements = DSBreadcrumb.htmlElements;
 exports.DSBreadcrumbItem = DSBreadcrumbItem.DSBreadcrumbItem;
 exports.DSBreadcrumbItemWithSchema = DSBreadcrumbItem.DSBreadcrumbItemWithSchema;

package/cjs/styles.js

@@ -12,47 +12,55 @@ const handleColor = (theme, isActive, color, isTitle) => {
   if (isActive) return theme.colors.neutral[800];else if (color) return color;else if (isTitle) return theme.colors.neutral[700];else return theme.colors.brand[600];
 };
 
-const StyledList = /*#__PURE__*/styled__default['default'].ol.withConfig({
+const StyledList = /*#__PURE__*/styled__default["default"].ol.withConfig({
   componentId: "sc-12gvmg4-0"
-})(["width:100%;list-style:none;display:flex;padding:0;li:first-child *{margin-left:0;}"]);
-const StyledCrumbWrapper = /*#__PURE__*/styled__default['default'].li.withConfig({
+})(["width:100%;list-style:none;display:flex;padding:0;margin:0;li:first-child *{margin-left:0;}"]);
+const StyledCrumbWrapper = /*#__PURE__*/styled__default["default"].li.withConfig({
   componentId: "sc-12gvmg4-1"
-})(["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;}", ""], ({
-  theme,
-  isTitle,
-  trailingSlash
-}) => isTitle || !trailingSlash ? `&:not(:last-child):after {
-    display: inline-block;
-    content: '/';
-    color: ${theme.colors.neutral[700]};
-  }
-  ` : `&:after {
-    display: inline-block;
-    content: '/';
-    color: ${theme.colors.neutral[700]};
-  }
-  `);
-const StyledContainer = /*#__PURE__*/styled__default['default'].nav.withConfig({
+})(["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 => {
+  let {
+    theme,
+    isTitle,
+    trailingSlash
+  } = _ref;
+  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  ");
+});
+const StyledContainer = /*#__PURE__*/styled__default["default"].nav.withConfig({
   componentId: "sc-12gvmg4-2"
 })(["display:flex;align-items:center;padding:0;"]);
-const StyledLink = /*#__PURE__*/styled__default['default'].a.withConfig({
+const StyledLink = /*#__PURE__*/styled__default["default"].a.withConfig({
   componentId: "sc-12gvmg4-3"
-})(["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;}"], ({
-  theme
-}) => theme.fontWeights.regular, ({
-  theme,
-  isActive,
-  color,
-  isTitle
-}) => handleColor(theme, isActive, color, isTitle), ({
-  theme,
-  color
-}) => color ? color : theme.colors.brand[800], ({
-  theme,
-  color
-}) => `-webkit-text-stroke: 0.4px ${color ? color : theme.colors.brand[800]}`, ({
-  theme
-}) => `border: 2px solid ${theme.colors.brand[700]};`);
+})(["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 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.fontWeights.regular;
+}, _ref3 => {
+  let {
+    theme,
+    isActive,
+    color,
+    isTitle
+  } = _ref3;
+  return handleColor(theme, isActive, color, isTitle);
+}, _ref4 => {
+  let {
+    theme,
+    color
+  } = _ref4;
+  return color ? color : theme.colors.brand[800];
+}, _ref5 => {
+  let {
+    theme,
+    color
+  } = _ref5;
+  return "-webkit-text-stroke: 0.4px ".concat(color ? color : theme.colors.brand[800]);
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return "border: 2px solid ".concat(theme.colors.brand[700], ";");
+});
 
 exports.StyledContainer = StyledContainer;
 exports.StyledCrumbWrapper = StyledCrumbWrapper;

package/esm/DSBreadcrumb.js

@@ -1,6 +1,14 @@
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _jsx from '@babel/runtime/helpers/esm/jsx';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
+import 'core-js/modules/web.dom-collections.iterator.js';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import React, { useMemo, cloneElement } from 'react';
 import { PropTypes, describe } from 'react-desc';
 import { DSBreadcrumbItem } from './DSBreadcrumbItem.js';

package/esm/DSBreadcrumbItem.js

@@ -1,3 +1,8 @@
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
 import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
 import 'react';

package/esm/styles.js

@@ -6,44 +6,52 @@ const handleColor = (theme, isActive, color, isTitle) => {
 
 const StyledList = /*#__PURE__*/styled.ol.withConfig({
   componentId: "sc-12gvmg4-0"
-})(["width:100%;list-style:none;display:flex;padding:0;li:first-child *{margin-left:0;}"]);
+})(["width:100%;list-style:none;display:flex;padding:0;margin:0;li:first-child *{margin-left:0;}"]);
 const StyledCrumbWrapper = /*#__PURE__*/styled.li.withConfig({
   componentId: "sc-12gvmg4-1"
-})(["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;}", ""], ({
-  theme,
-  isTitle,
-  trailingSlash
-}) => isTitle || !trailingSlash ? `&:not(:last-child):after {
-    display: inline-block;
-    content: '/';
-    color: ${theme.colors.neutral[700]};
-  }
-  ` : `&:after {
-    display: inline-block;
-    content: '/';
-    color: ${theme.colors.neutral[700]};
-  }
-  `);
+})(["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 => {
+  let {
+    theme,
+    isTitle,
+    trailingSlash
+  } = _ref;
+  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  ");
+});
 const StyledContainer = /*#__PURE__*/styled.nav.withConfig({
   componentId: "sc-12gvmg4-2"
 })(["display:flex;align-items:center;padding:0;"]);
 const StyledLink = /*#__PURE__*/styled.a.withConfig({
   componentId: "sc-12gvmg4-3"
-})(["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;}"], ({
-  theme
-}) => theme.fontWeights.regular, ({
-  theme,
-  isActive,
-  color,
-  isTitle
-}) => handleColor(theme, isActive, color, isTitle), ({
-  theme,
-  color
-}) => color ? color : theme.colors.brand[800], ({
-  theme,
-  color
-}) => `-webkit-text-stroke: 0.4px ${color ? color : theme.colors.brand[800]}`, ({
-  theme
-}) => `border: 2px solid ${theme.colors.brand[700]};`);
+})(["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 => {
+  let {
+    theme
+  } = _ref2;
+  return theme.fontWeights.regular;
+}, _ref3 => {
+  let {
+    theme,
+    isActive,
+    color,
+    isTitle
+  } = _ref3;
+  return handleColor(theme, isActive, color, isTitle);
+}, _ref4 => {
+  let {
+    theme,
+    color
+  } = _ref4;
+  return color ? color : theme.colors.brand[800];
+}, _ref5 => {
+  let {
+    theme,
+    color
+  } = _ref5;
+  return "-webkit-text-stroke: 0.4px ".concat(color ? color : theme.colors.brand[800]);
+}, _ref6 => {
+  let {
+    theme
+  } = _ref6;
+  return "border: 2px solid ".concat(theme.colors.brand[700], ";");
+});
 
 export { StyledContainer, StyledCrumbWrapper, StyledLink, StyledList };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-breadcrumb",
-  "version": "2.0.0-alpha.1",
+  "version": "2.0.0-alpha.13",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Breadcrumb",
   "module": "./esm/index.js",
@@ -48,12 +48,21 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.0.0-alpha.1",
-    "react-desc": "^4.1.3"
+    "@elliemae/ds-system": "2.0.0-alpha.13",
+    "react-desc": "~4.1.3"
+  },
+  "devDependencies": {
+    "@elliemae/pui-theme": "~2.2.5",
+    "@testing-library/jest-dom": "~5.15.0",
+    "@testing-library/react": "~12.1.2",
+    "@testing-library/user-event": "~13.5.0",
+    "styled-components": "~5.3.3"
   },
   "peerDependencies": {
+    "@elliemae/pui-theme": "^2.2.5",
     "react": "^17.0.2",
-    "react-dom": "^17.0.2"
+    "react-dom": "^17.0.2",
+    "styled-components": "^5.3.3"
   },
   "publishConfig": {
     "access": "public",

package/types/DSBreadcrumb.d.ts

@@ -1,3 +1,4 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 import DSBreadcrumbItem from './DSBreadcrumbItem';
 import type { DSBreadcrumbPropsT } from './index.d';
@@ -7,25 +8,49 @@ declare const DSBreadcrumb: {
     Item: typeof DSBreadcrumbItem;
     propTypes: {
         /** props injected to breadcrumb wrapper */
-        containerProps: any;
+        containerProps: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Type of element you want the main container to be:
          * 'nav', 'div', 'header', 'footer', 'main'
          */
-        as: any;
+        as: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Whether to show the last element of the breadcrumb as a title
          * Also removes trailing slash to show last element as title
          */
-        isTitle: any;
+        isTitle: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** breadcrumb label */
-        label: any;
+        label: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /**
          * Container items to wrap
          */
         children: any;
     };
 };
-declare const DSBreadcrumbWithSchema: any;
+declare const DSBreadcrumbWithSchema: {
+    (props?: DSBreadcrumbPropsT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSBreadcrumb, DSBreadcrumbWithSchema, htmlElements };
 export default DSBreadcrumb;

package/types/DSBreadcrumbItem.d.ts

@@ -1,28 +1,78 @@
+/// <reference path="../../../../shared/typings/react-desc.d.ts" />
 import React from 'react';
 import type { DSBreadcrumbItemPropsT } from './index.d';
 declare function DSBreadcrumbItem({ active, as, href, isTitle, onClick, label, color, addRef, childIndex, trailingSlash, onKeyDown, ...rest }: DSBreadcrumbItemPropsT): React.ReactElement;
 declare namespace DSBreadcrumbItem {
     var propTypes: {
         /** inject props to wrapper */
-        containerComponent: any;
+        containerComponent: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** render as any html node */
-        as: any;
+        as: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** active item */
-        active: any;
+        active: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** href link */
-        href: any;
+        href: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** on click handler */
-        onClick: any;
+        onClick: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** style item as title */
-        isTitle: any;
+        isTitle: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** add trailing slash */
-        trailingSlash: any;
+        trailingSlash: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** item label */
-        label: any;
+        label: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
         /** link color */
-        color: any;
+        color: {
+            defaultValue<T = unknown>(arg: T): {
+                deprecated: import("react-desc").PropTypesDescValidator;
+            };
+            isRequired: import("react-desc").PropTypesDescValidator;
+        };
     };
 }
-declare const DSBreadcrumbItemWithSchema: any;
+declare const DSBreadcrumbItemWithSchema: {
+    (props?: DSBreadcrumbItemPropsT | undefined): JSX.Element;
+    propTypes: unknown;
+    toTypescript: () => import("react-desc").TypescriptSchema;
+};
 export { DSBreadcrumbItem, DSBreadcrumbItemWithSchema };
 export default DSBreadcrumbItem;

package/types/styles.d.ts

@@ -1,6 +1,6 @@
 import type { DSBreadcrumbItemPropsT } from './index.d';
-declare const StyledList: import("styled-components").StyledComponent<"ol", any, {}, never>;
-declare const StyledCrumbWrapper: import("styled-components").StyledComponent<"li", any, Partial<DSBreadcrumbItemPropsT>, never>;
-declare const StyledContainer: import("styled-components").StyledComponent<"nav", any, {}, never>;
-declare const StyledLink: import("styled-components").StyledComponent<"a", any, Partial<DSBreadcrumbItemPropsT>, never>;
+declare const StyledList: import("styled-components").StyledComponent<"ol", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledCrumbWrapper: import("styled-components").StyledComponent<"li", import("styled-components").DefaultTheme, Partial<DSBreadcrumbItemPropsT>, never>;
+declare const StyledContainer: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {}, never>;
+declare const StyledLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Partial<DSBreadcrumbItemPropsT>, never>;
 export { StyledList, StyledCrumbWrapper, StyledContainer, StyledLink };

package/cjs/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "commonjs",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}

package/esm/package.json

@@ -1,7 +0,0 @@
-{
-  "type": "module",
-  "sideEffects": [
-    "*.css",
-    "*.scss"
-  ]
-}