@instructure/ui-breadcrumb 8.9.2-snapshot.1 → 8.9.2-snapshot.12

package/es/Breadcrumb/BreadcrumbLink/index.js

@@ -44,7 +44,7 @@ let BreadcrumbLink = (_dec = testable(), _dec(_class = (_temp = _class2 = class
           renderIcon = _this$props.renderIcon,
           iconPlacement = _this$props.iconPlacement,
           onClick = _this$props.onClick;
-    const props = omitProps(this.props, BreadcrumbLink.propTypes);
+    const props = omitProps(this.props, BreadcrumbLink.allowedProps);
     return /*#__PURE__*/React.createElement(Link, Object.assign({
       as: this.element
     }, props, {

package/lib/Breadcrumb/BreadcrumbLink/index.js

@@ -35,7 +35,7 @@ let BreadcrumbLink = (_dec = (0, _testable.testable)(), _dec(_class = (_temp = _
           renderIcon = _this$props.renderIcon,
           iconPlacement = _this$props.iconPlacement,
           onClick = _this$props.onClick;
-    const props = (0, _omitProps.omitProps)(this.props, BreadcrumbLink.propTypes);
+    const props = (0, _omitProps.omitProps)(this.props, BreadcrumbLink.allowedProps);
     return /*#__PURE__*/_react.default.createElement(_Link.Link, Object.assign({
       as: this.element
     }, props, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@instructure/ui-breadcrumb",
-  "version": "8.9.2-snapshot.1+11d97b23e",
+  "version": "8.9.2-snapshot.12+6231ada93",
   "description": "A breadcrumb component",
   "author": "Instructure, Inc. Engineering and Product Design",
   "type": "commonjs",
@@ -24,23 +24,23 @@
   },
   "license": "MIT",
   "devDependencies": {
-    "@instructure/ui-babel-preset": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-test-locator": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-test-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-themes": "8.9.2-snapshot.1+11d97b23e"
+    "@instructure/ui-babel-preset": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-test-locator": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-test-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-themes": "8.9.2-snapshot.12+6231ada93"
   },
   "dependencies": {
     "@babel/runtime": "^7.13.10",
-    "@instructure/emotion": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/shared-types": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-icons": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-link": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-prop-types": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-react-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-testable": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-truncate-text": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-utils": "8.9.2-snapshot.1+11d97b23e",
-    "@instructure/ui-view": "8.9.2-snapshot.1+11d97b23e",
+    "@instructure/emotion": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/shared-types": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-icons": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-link": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-prop-types": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-react-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-testable": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-truncate-text": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-utils": "8.9.2-snapshot.12+6231ada93",
+    "@instructure/ui-view": "8.9.2-snapshot.12+6231ada93",
     "prop-types": "^15"
   },
   "peerDependencies": {
@@ -50,5 +50,5 @@
     "access": "public"
   },
   "sideEffects": false,
-  "gitHead": "11d97b23ea6f8360db54acd61c9caf51d787354b"
+  "gitHead": "6231ada93bd4299d640b5d39d7e44b0f54852b2a"
 }

package/src/Breadcrumb/BreadcrumbLink/index.tsx

@@ -50,7 +50,7 @@ class BreadcrumbLink extends Component<BreadcrumbLinkProps> {
   render() {
     const { children, href, renderIcon, iconPlacement, onClick } = this.props
 
-    const props = omitProps(this.props, BreadcrumbLink.propTypes)
+    const props = omitProps(this.props, BreadcrumbLink.allowedProps)
 
     return (
       <Link

package/src/Breadcrumb/props.ts

@@ -29,8 +29,12 @@ import { ThemeablePropTypes } from '@instructure/emotion'
 
 import { BreadcrumbLink } from './BreadcrumbLink'
 
-import type { Spacing, WithStyleProps } from '@instructure/emotion'
-import type { PropValidators } from '@instructure/shared-types'
+import type {
+  Spacing,
+  WithStyleProps,
+  ComponentStyle
+} from '@instructure/emotion'
+import type { BreadcrumbTheme, PropValidators } from '@instructure/shared-types'
 
 type BreadcrumbOwnProps = {
   children?: React.ReactNode // TODO: oneOf([BreadcrumbLink])
@@ -43,7 +47,10 @@ type PropKeys = keyof BreadcrumbOwnProps
 
 type AllowedPropKeys = Readonly<Array<PropKeys>>
 
-type BreadcrumbProps = BreadcrumbOwnProps & WithStyleProps
+type BreadcrumbProps = BreadcrumbOwnProps &
+  WithStyleProps<BreadcrumbTheme, BreadcrumbStyle>
+
+type BreadcrumbStyle = ComponentStyle<'breadcrumb' | 'crumb' | 'separator'>
 
 const propTypes: PropValidators<PropKeys> = {
   /**
@@ -68,5 +75,5 @@ const propTypes: PropValidators<PropKeys> = {
 
 const allowedProps: AllowedPropKeys = ['children', 'label', 'margin', 'size']
 
-export type { BreadcrumbProps }
+export type { BreadcrumbProps, BreadcrumbStyle }
 export { propTypes, allowedProps }

package/src/Breadcrumb/styles.ts

@@ -22,8 +22,8 @@
  * SOFTWARE.
  */
 
-import { BreadcrumbTheme } from '@instructure/shared-types'
-import { BreadcrumbProps } from './props'
+import type { BreadcrumbTheme } from '@instructure/shared-types'
+import type { BreadcrumbProps, BreadcrumbStyle } from './props'
 
 /**
  * ---
@@ -38,7 +38,7 @@ import { BreadcrumbProps } from './props'
 const generateStyle = (
   componentTheme: BreadcrumbTheme,
   props: BreadcrumbProps
-) => {
+): BreadcrumbStyle => {
   const { size } = props
 
   const crumbSizeVariants = {

package/types/Breadcrumb/props.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import type { Spacing, WithStyleProps } from '@instructure/emotion';
-import type { PropValidators } from '@instructure/shared-types';
+import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
+import type { BreadcrumbTheme, PropValidators } from '@instructure/shared-types';
 declare type BreadcrumbOwnProps = {
     children?: React.ReactNode;
     label: string;
@@ -9,9 +9,10 @@ declare type BreadcrumbOwnProps = {
 };
 declare type PropKeys = keyof BreadcrumbOwnProps;
 declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
-declare type BreadcrumbProps = BreadcrumbOwnProps & WithStyleProps;
+declare type BreadcrumbProps = BreadcrumbOwnProps & WithStyleProps<BreadcrumbTheme, BreadcrumbStyle>;
+declare type BreadcrumbStyle = ComponentStyle<'breadcrumb' | 'crumb' | 'separator'>;
 declare const propTypes: PropValidators<PropKeys>;
 declare const allowedProps: AllowedPropKeys;
-export type { BreadcrumbProps };
+export type { BreadcrumbProps, BreadcrumbStyle };
 export { propTypes, allowedProps };
 //# sourceMappingURL=props.d.ts.map

package/types/Breadcrumb/props.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/props.ts"],"names":[],"mappings":";AA+BA,OAAO,KAAK,EAAE,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAE/D,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GAAG,cAAc,CAAA;AAE1D,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAyD,CAAA;AAE7E,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/props.ts"],"names":[],"mappings":";AA+BA,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAEhF,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,cAAc,CAAC,eAAe,EAAE,eAAe,CAAC,CAAA;AAElD,aAAK,eAAe,GAAG,cAAc,CAAC,YAAY,GAAG,OAAO,GAAG,WAAW,CAAC,CAAA;AAE3E,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAmBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAyD,CAAA;AAE7E,YAAY,EAAE,eAAe,EAAE,eAAe,EAAE,CAAA;AAChD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}

package/types/Breadcrumb/styles.d.ts

@@ -1,5 +1,5 @@
-import { BreadcrumbTheme } from '@instructure/shared-types';
-import { BreadcrumbProps } from './props';
+import type { BreadcrumbTheme } from '@instructure/shared-types';
+import type { BreadcrumbProps, BreadcrumbStyle } from './props';
 /**
  * ---
  * private: true
@@ -10,79 +10,6 @@ import { BreadcrumbProps } from './props';
  * @param  {Object} state the state of the component, the style is applied to
  * @return {Object} The final style object, which will be used in the component
  */
-declare const generateStyle: (componentTheme: BreadcrumbTheme, props: BreadcrumbProps) => {
-    breadcrumb: {
-        label: string;
-        fontFamily: string;
-        margin: number;
-        padding: number;
-        listStyleType: string;
-        overflow: string;
-        display: string;
-        alignItems: string;
-    };
-    crumb: {
-        '&:last-child': {
-            paddingInlineEnd: number;
-        };
-        fontSize: string | 0;
-        paddingInlineEnd: string;
-        paddingInlineStart: number;
-        label: string;
-        boxSizing: string;
-        position: string;
-    } | {
-        '&:last-child': {
-            paddingInlineEnd: number;
-        };
-        fontSize: string | 0;
-        paddingInlineEnd: string;
-        paddingInlineStart: number;
-        label: string;
-        boxSizing: string;
-        position: string;
-    } | {
-        '&:last-child': {
-            paddingInlineEnd: number;
-        };
-        fontSize: string | 0;
-        paddingInlineEnd: string;
-        paddingInlineStart: number;
-        label: string;
-        boxSizing: string;
-        position: string;
-    };
-    separator: {
-        fontSize: string;
-        insetInlineEnd: string;
-        insetInlineStart: string;
-        marginTop: string;
-        label: string;
-        boxSizing: string;
-        position: string;
-        top: string;
-        color: string;
-    } | {
-        fontSize: string;
-        insetInlineEnd: string;
-        insetInlineStart: string;
-        marginTop: string;
-        label: string;
-        boxSizing: string;
-        position: string;
-        top: string;
-        color: string;
-    } | {
-        fontSize: string;
-        insetInlineEnd: string;
-        insetInlineStart: string;
-        marginTop: string;
-        label: string;
-        boxSizing: string;
-        position: string;
-        top: string;
-        color: string;
-    };
-};
+declare const generateStyle: (componentTheme: BreadcrumbTheme, props: BreadcrumbProps) => BreadcrumbStyle;
 export default generateStyle;
 //# sourceMappingURL=styles.d.ts.map

package/types/Breadcrumb/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAC3D,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAEzC;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SACxB,eAAe;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA0EvB,CAAA;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../src/Breadcrumb/styles.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAA;AAChE,OAAO,KAAK,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE/D;;;;;;;;;GASG;AACH,QAAA,MAAM,aAAa,mBACD,eAAe,SACxB,eAAe,KACrB,eAyEF,CAAA;AAED,eAAe,aAAa,CAAA"}