@devtools-ds/navigation - npm Package Compare versions

Comparing version 1.0.4 to 1.1.0

CHANGELOG.md

@@ -0,1 +1,17 @@
+# v1.1.0 (Thu May 06 2021)
+
+#### 🚀 Enhancement
+
+- forward tab props [#19](https://github.com/intuit/devtools-ds/pull/19) ([@hipstersmoothie](https://github.com/hipstersmoothie))
+
+#### 🐛 Bug Fix
+
+- forward tab props ([@hipstersmoothie](https://github.com/hipstersmoothie))
+
+#### Authors: 1
+
+- Andrew Lisowski ([@hipstersmoothie](https://github.com/hipstersmoothie))
+
+---
+
 # v1.0.2 (Mon Feb 15 2021)
@@ -2,0 +18,0 @@

dist/cjs/index.js

@@ -1,2 +0,2 @@
-"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TabList=exports.Controls=exports.Right=exports.Left=exports.Divider=exports.Tab=exports.Button=exports.Navigation=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _clsx=_interopRequireDefault(require("clsx"));var _tabs=require("@reach/tabs");var _themes=require("@devtools-ds/themes");var _utils=require("@design-systems/utils");var _Navigation=_interopRequireDefault(require("./Navigation.css"));const Navigation=props=>{const{children,className,theme,colorScheme}=props,html=(0,_objectWithoutProperties2.default)(props,["children","className","theme","colorScheme"]);const{themeClass,currentTheme}=(0,_themes.useTheme)({theme,colorScheme},_Navigation.default);return _react.default.createElement("nav",(0,_extends2.default)({},html,{className:(0,_clsx.default)(_Navigation.default.nav,className,themeClass,_Navigation.default[currentTheme])}),_react.default.createElement(_tabs.Tabs,{keyboardActivation:_tabs.TabsKeyboardActivation.Manual},children))};exports.Navigation=Navigation;const Button=props=>{const{className,icon,children}=props,html=(0,_objectWithoutProperties2.default)(props,["className","icon","children"]);return _react.default.createElement("button",(0,_extends2.default)({type:"button"},html,{className:(0,_clsx.default)(_Navigation.default.button,className)}),icon&&_react.default.createElement("div",{className:_Navigation.default.icon},icon),children&&_react.default.createElement("div",null,children))};exports.Button=Button;const Tab=props=>{const{className,index,icon,children}=props,html=(0,_objectWithoutProperties2.default)(props,["className","index","icon","children"]);const{selectedIndex}=(0,_tabs.useTabsContext)();return _react.default.createElement(_tabs.Tab,(0,_extends2.default)({},html,{className:(0,_clsx.default)(className,_Navigation.default.tab,_Navigation.default.button,{[_Navigation.default.selected]:index!==undefined&&selectedIndex===index})}),icon&&_react.default.createElement("div",{className:_Navigation.default.icon},icon),children&&_react.default.createElement("div",null,children))};exports.Tab=Tab;const Divider=(0,_utils.styled)("div",{class:_Navigation.default.divider,name:"Navigation.Divider"});exports.Divider=Divider;const Left=(0,_utils.styled)("div",{class:_Navigation.default.left,name:"Navigation.Left"});exports.Left=Left;const Right=(0,_utils.styled)("div",{class:_Navigation.default.right,name:"Navigation.Right"});exports.Right=Right;const Controls=(0,_utils.styled)("div",{class:_Navigation.default.controls,name:"Navigation.Controls"});exports.Controls=Controls;const TabList=props=>{const{children,className}=props;return _react.default.createElement(_tabs.TabList,{className:(0,_clsx.default)(className,_Navigation.default.overflow)},_react.default.Children.map(children,(child,index)=>{return _react.default.cloneElement(child,{index})}))};exports.TabList=TabList;Navigation.Controls=Controls;Navigation.Left=Left;Navigation.Right=Right;Navigation.TabList=TabList;Navigation.Divider=Divider;Navigation.Tab=Tab;Navigation.Button=Button;Navigation.Panels=_tabs.TabPanels;Navigation.Panel=_tabs.TabPanel;
+"use strict";var _interopRequireDefault=require("@babel/runtime/helpers/interopRequireDefault");Object.defineProperty(exports,"__esModule",{value:true});exports.TabList=exports.Controls=exports.Right=exports.Left=exports.Divider=exports.Tab=exports.Button=exports.Navigation=void 0;var _extends2=_interopRequireDefault(require("@babel/runtime/helpers/extends"));var _objectWithoutProperties2=_interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));var _react=_interopRequireDefault(require("react"));var _clsx=_interopRequireDefault(require("clsx"));var _tabs=require("@reach/tabs");var _themes=require("@devtools-ds/themes");var _utils=require("@design-systems/utils");var _Navigation=_interopRequireDefault(require("./Navigation.css"));const Navigation=props=>{const{children,className,theme,colorScheme,index,readOnly,defaultIndex,orientation,onChange}=props,html=(0,_objectWithoutProperties2.default)(props,["children","className","theme","colorScheme","index","readOnly","defaultIndex","orientation","onChange"]);const{themeClass,currentTheme}=(0,_themes.useTheme)({theme,colorScheme},_Navigation.default);return _react.default.createElement("nav",(0,_extends2.default)({},html,{className:(0,_clsx.default)(_Navigation.default.nav,className,themeClass,_Navigation.default[currentTheme])}),_react.default.createElement(_tabs.Tabs,{keyboardActivation:_tabs.TabsKeyboardActivation.Manual,index:index,readOnly:readOnly,defaultIndex:defaultIndex,orientation:orientation,onChange:onChange},children))};exports.Navigation=Navigation;const Button=props=>{const{className,icon,children}=props,html=(0,_objectWithoutProperties2.default)(props,["className","icon","children"]);return _react.default.createElement("button",(0,_extends2.default)({type:"button"},html,{className:(0,_clsx.default)(_Navigation.default.button,className)}),icon&&_react.default.createElement("div",{className:_Navigation.default.icon},icon),children&&_react.default.createElement("div",null,children))};exports.Button=Button;const Tab=props=>{const{className,index,icon,children}=props,html=(0,_objectWithoutProperties2.default)(props,["className","index","icon","children"]);const{selectedIndex}=(0,_tabs.useTabsContext)();return _react.default.createElement(_tabs.Tab,(0,_extends2.default)({},html,{className:(0,_clsx.default)(className,_Navigation.default.tab,_Navigation.default.button,{[_Navigation.default.selected]:index!==undefined&&selectedIndex===index})}),icon&&_react.default.createElement("div",{className:_Navigation.default.icon},icon),children&&_react.default.createElement("div",null,children))};exports.Tab=Tab;const Divider=(0,_utils.styled)("div",{class:_Navigation.default.divider,name:"Navigation.Divider"});exports.Divider=Divider;const Left=(0,_utils.styled)("div",{class:_Navigation.default.left,name:"Navigation.Left"});exports.Left=Left;const Right=(0,_utils.styled)("div",{class:_Navigation.default.right,name:"Navigation.Right"});exports.Right=Right;const Controls=(0,_utils.styled)("div",{class:_Navigation.default.controls,name:"Navigation.Controls"});exports.Controls=Controls;const TabList=props=>{const{children,className}=props;return _react.default.createElement(_tabs.TabList,{className:(0,_clsx.default)(className,_Navigation.default.overflow)},_react.default.Children.map(children,(child,index)=>{return _react.default.cloneElement(child,{index})}))};exports.TabList=TabList;Navigation.Controls=Controls;Navigation.Left=Left;Navigation.Right=Right;Navigation.TabList=TabList;Navigation.Divider=Divider;Navigation.Tab=Tab;Navigation.Button=Button;Navigation.Panels=_tabs.TabPanels;Navigation.Panel=_tabs.TabPanel;
 //# sourceMappingURL=index.js.map

dist/cjs/Navigation.css.js

@@ -1,1 +0,1 @@
-module.exports = {"divider":"Navigation-divider-6f1b579","nav":"Navigation-nav-2446b5a","controls":"Navigation-controls-063c8cf","button":"Navigation-button-75d5029","selected":"Navigation-selected-c235eb4","icon":"Navigation-icon-1f2640d","tab":"Navigation-tab-b57f13b","firefox":"Navigation-firefox-d6761c5","chrome":"Navigation-chrome-313fa5e","left":"Navigation-left-6226c6b","right":"Navigation-right-117ff27","overflow":"Navigation-overflow-17a7e72","dark":"Navigation-dark-bd845a4","light":"Navigation-light-6d03eba"};
+module.exports = {"divider":"Navigation-divider-3d0c286","nav":"Navigation-nav-176ebac","controls":"Navigation-controls-f8e971c","button":"Navigation-button-73efd31","selected":"Navigation-selected-07d7529","icon":"Navigation-icon-756fe02","tab":"Navigation-tab-3c2c655","firefox":"Navigation-firefox-c7e62af","chrome":"Navigation-chrome-dbbcace","left":"Navigation-left-23a46ba","right":"Navigation-right-7710cdd","overflow":"Navigation-overflow-6c5e062","dark":"Navigation-dark-45d65fd","light":"Navigation-light-197f6a4"};

dist/esm/index.js

@@ -1,3 +0,3 @@
-import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React from"react";import makeClass from"clsx";import{Tabs,TabList as ReachTabList,Tab as ReachTab,TabPanels,TabPanel,TabsKeyboardActivation,useTabsContext}from"@reach/tabs";import{useTheme}from"@devtools-ds/themes";import{styled}from"@design-systems/utils";import styles from"./Navigation.css";export const Navigation=props=>{const{children,className,theme,colorScheme}=props,html=_objectWithoutProperties(props,["children","className","theme","colorScheme"]);const{themeClass,currentTheme}=useTheme({theme,colorScheme},styles);return React.createElement("nav",_extends({},html,{className:makeClass(styles.nav,className,themeClass,styles[currentTheme])}),React.createElement(Tabs,{keyboardActivation:TabsKeyboardActivation.Manual},children))};export const Button=props=>{const{className,icon,children}=props,html=_objectWithoutProperties(props,["className","icon","children"]);return React.createElement("button",_extends({type:"button"},html,{className:makeClass(styles.button,className)}),icon&&React.createElement("div",{className:styles.icon},icon),children&&React.createElement("div",null,children))};export const Tab=props=>{const{className,index,icon,children}=props,html=_objectWithoutProperties(props,["className","index","icon","children"]);const{selectedIndex}=useTabsContext();return React.createElement(ReachTab,_extends({},html,{className:makeClass(className,styles.tab,styles.button,{[styles.selected]:index!==undefined&&selectedIndex===index})}),icon&&React.createElement("div",{className:styles.icon},icon),children&&React.createElement("div",null,children))};export const Divider=styled("div",{class:styles.divider,name:"Navigation.Divider"});export const Left=styled("div",{class:styles.left,name:"Navigation.Left"});export const Right=styled("div",{class:styles.right,name:"Navigation.Right"});export const Controls=styled("div",{class:styles.controls,name:"Navigation.Controls"});export const TabList=props=>{const{children,className}=props;return React.createElement(ReachTabList,{className:makeClass(className,styles.overflow)},React.Children.map(children,(child,index)=>{return React.cloneElement(child,{index})}))};Navigation.Controls=Controls;Navigation.Left=Left;Navigation.Right=Right;Navigation.TabList=TabList;Navigation.Divider=Divider;Navigation.Tab=Tab;Navigation.Button=Button;Navigation.Panels=TabPanels;Navigation.Panel=TabPanel;
+import _extends from"@babel/runtime/helpers/extends";import _objectWithoutProperties from"@babel/runtime/helpers/objectWithoutProperties";import React from"react";import makeClass from"clsx";import{Tabs,TabList as ReachTabList,Tab as ReachTab,TabPanels,TabPanel,TabsKeyboardActivation,useTabsContext}from"@reach/tabs";import{useTheme}from"@devtools-ds/themes";import{styled}from"@design-systems/utils";import styles from"./Navigation.css";export const Navigation=props=>{const{children,className,theme,colorScheme,index,readOnly,defaultIndex,orientation,onChange}=props,html=_objectWithoutProperties(props,["children","className","theme","colorScheme","index","readOnly","defaultIndex","orientation","onChange"]);const{themeClass,currentTheme}=useTheme({theme,colorScheme},styles);return React.createElement("nav",_extends({},html,{className:makeClass(styles.nav,className,themeClass,styles[currentTheme])}),React.createElement(Tabs,{keyboardActivation:TabsKeyboardActivation.Manual,index:index,readOnly:readOnly,defaultIndex:defaultIndex,orientation:orientation,onChange:onChange},children))};export const Button=props=>{const{className,icon,children}=props,html=_objectWithoutProperties(props,["className","icon","children"]);return React.createElement("button",_extends({type:"button"},html,{className:makeClass(styles.button,className)}),icon&&React.createElement("div",{className:styles.icon},icon),children&&React.createElement("div",null,children))};export const Tab=props=>{const{className,index,icon,children}=props,html=_objectWithoutProperties(props,["className","index","icon","children"]);const{selectedIndex}=useTabsContext();return React.createElement(ReachTab,_extends({},html,{className:makeClass(className,styles.tab,styles.button,{[styles.selected]:index!==undefined&&selectedIndex===index})}),icon&&React.createElement("div",{className:styles.icon},icon),children&&React.createElement("div",null,children))};export const Divider=styled("div",{class:styles.divider,name:"Navigation.Divider"});export const Left=styled("div",{class:styles.left,name:"Navigation.Left"});export const Right=styled("div",{class:styles.right,name:"Navigation.Right"});export const Controls=styled("div",{class:styles.controls,name:"Navigation.Controls"});export const TabList=props=>{const{children,className}=props;return React.createElement(ReachTabList,{className:makeClass(className,styles.overflow)},React.Children.map(children,(child,index)=>{return React.cloneElement(child,{index})}))};Navigation.Controls=Controls;Navigation.Left=Left;Navigation.Right=Right;Navigation.TabList=TabList;Navigation.Divider=Divider;Navigation.Tab=Tab;Navigation.Button=Button;Navigation.Panels=TabPanels;Navigation.Panel=TabPanel;
 //# sourceMappingURL=index.js.map
 import "../main.css";

dist/esm/Navigation.css.js

@@ -1,1 +0,1 @@
-module.exports = {"divider":"Navigation-divider-6f1b579","nav":"Navigation-nav-2446b5a","controls":"Navigation-controls-063c8cf","button":"Navigation-button-75d5029","selected":"Navigation-selected-c235eb4","icon":"Navigation-icon-1f2640d","tab":"Navigation-tab-b57f13b","firefox":"Navigation-firefox-d6761c5","chrome":"Navigation-chrome-313fa5e","left":"Navigation-left-6226c6b","right":"Navigation-right-117ff27","overflow":"Navigation-overflow-17a7e72","dark":"Navigation-dark-bd845a4","light":"Navigation-light-6d03eba"};
+module.exports = {"divider":"Navigation-divider-3d0c286","nav":"Navigation-nav-176ebac","controls":"Navigation-controls-f8e971c","button":"Navigation-button-73efd31","selected":"Navigation-selected-07d7529","icon":"Navigation-icon-756fe02","tab":"Navigation-tab-3c2c655","firefox":"Navigation-firefox-c7e62af","chrome":"Navigation-chrome-dbbcace","left":"Navigation-left-23a46ba","right":"Navigation-right-7710cdd","overflow":"Navigation-overflow-6c5e062","dark":"Navigation-dark-45d65fd","light":"Navigation-light-197f6a4"};

dist/index.d.ts

 import React from "react";
+import { TabsProps } from "@reach/tabs";
 import { ThemeableElement } from "@devtools-ds/themes";
@@ -6,3 +7,3 @@ import { Element } from "@design-systems/utils";
 export declare const Navigation: {
-    (props: ThemeableElement<"nav">): JSX.Element;
+    (props: ThemeableElement<"nav"> & Omit<TabsProps, "keyboardActivation">): JSX.Element;
     Controls: import("@design-systems/utils/dist").DocGen & import("@design-systems/utils/dist").Slotted & React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture"> & {
@@ -9,0 +10,0 @@ as?: "symbol" | "object" | "nav" | "slot" | "style" | "title" | "a" | "abbr" | "address" | "area" | "article" | "aside" | "audio" | "b" | "base" | "bdi" | "bdo" | "big" | "blockquote" | "body" | "br" | "button" | "canvas" | "caption" | "cite" | "code" | "col" | "colgroup" | "data" | "datalist" | "dd" | "del" | "details" | "dfn" | "dialog" | "div" | "dl" | "dt" | "em" | "embed" | "fieldset" | "figcaption" | "figure" | "footer" | "form" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "head" | "header" | "hgroup" | "hr" | "html" | "i" | "iframe" | "img" | "input" | "ins" | "kbd" | "keygen" | "label" | "legend" | "li" | "link" | "main" | "map" | "mark" | "menu" | "menuitem" | "meta" | "meter" | "noindex" | "noscript" | "ol" | "optgroup" | "option" | "output" | "p" | "param" | "picture" | "pre" | "progress" | "q" | "rp" | "rt" | "ruby" | "s" | "samp" | "script" | "section" | "select" | "small" | "source" | "span" | "strong" | "sub" | "summary" | "sup" | "table" | "template" | "tbody" | "td" | "textarea" | "tfoot" | "th" | "thead" | "time" | "tr" | "track" | "u" | "ul" | "var" | "video" | "wbr" | "webview" | "svg" | "animate" | "animateMotion" | "animateTransform" | "circle" | "clipPath" | "defs" | "desc" | "ellipse" | "feBlend" | "feColorMatrix" | "feComponentTransfer" | "feComposite" | "feConvolveMatrix" | "feDiffuseLighting" | "feDisplacementMap" | "feDistantLight" | "feDropShadow" | "feFlood" | "feFuncA" | "feFuncB" | "feFuncG" | "feFuncR" | "feGaussianBlur" | "feImage" | "feMerge" | "feMergeNode" | "feMorphology" | "feOffset" | "fePointLight" | "feSpecularLighting" | "feSpotLight" | "feTile" | "feTurbulence" | "filter" | "foreignObject" | "g" | "image" | "line" | "linearGradient" | "marker" | "mask" | "metadata" | "mpath" | "path" | "pattern" | "polygon" | "polyline" | "radialGradient" | "rect" | "stop" | "switch" | "text" | "textPath" | "tspan" | "use" | "view" | React.FunctionComponent<any> | React.ComponentClass<any, any> | undefined;

package.json

 {
   "name": "@devtools-ds/navigation",
-  "version": "1.0.4",
+  "version": "1.1.0",
   "main": "./dist/cjs/index.js",
@@ -35,3 +35,3 @@ "module": "./dist/esm/index.js",
     "@design-systems/utils": "2.12.0",
-    "@devtools-ds/themes": "^1.0.4",
+    "@devtools-ds/themes": "^1.1.0",
     "@reach/tabs": "0.12.1",
@@ -44,3 +44,3 @@ "clsx": "1.1.0"
   "devDependencies": {
-    "@devtools-ds/icon": "^1.0.4"
+    "@devtools-ds/icon": "^1.1.0"
   },
@@ -56,3 +56,3 @@ "files": [
   ],
-  "gitHead": "a6ddd41ab21d50fae71b55fd9ec0d3fb7c1f63ee"
+  "gitHead": "5e9ddd6e64082bccfc9cbaa24ad3f3d51318511d"
 }

README.md

@@ -95,2 +95,3 @@ # @devtools-ds/navigation
     <td align="center"><a href="http://tylerkrupicka.com/"><img src="https://avatars.githubusercontent.com/u/5761061?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Tyler Krupicka</b></sub></a><br /><a href="https://github.com/design-systems/devtools-ds/commits?author=tylerkrupicka" title="Documentation">📖</a> <a href="https://github.com/design-systems/devtools-ds/commits?author=tylerkrupicka" title="Code">💻</a> <a href="#example-tylerkrupicka" title="Examples">💡</a> <a href="https://github.com/design-systems/devtools-ds/commits?author=tylerkrupicka" title="Tests">⚠️</a></td>
+    <td align="center"><a href="http://hipstersmoothie.com/"><img src="https://avatars.githubusercontent.com/u/1192452?v=4?s=100" width="100px;" alt=""/><br /><sub><b>Andrew Lisowski</b></sub></a><br /><a href="#example-hipstersmoothie" title="Examples">💡</a> <a href="https://github.com/design-systems/devtools-ds/commits?author=hipstersmoothie" title="Code">💻</a></td>
   </tr>
@@ -101,5 +102,4 @@ </table>
 <!-- prettier-ignore-end -->
-
 <!-- ALL-CONTRIBUTORS-LIST:END -->
 
 This project follows the [all-contributors](https://github.com/all-contributors/all-contributors) specification. Contributions of any kind welcome!

No alert changes

Improved metrics

Total package byte prevSize

111965

increased by4.46%

Lines of code

761

increased by12.41%

Dependency changes

• Updated@devtools-ds/themes@^1.1.0