td-stylekit 24.8.0 → 25.2.0

package/dist/es/MultiSelect/index.js

@@ -1,4 +1,36 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "DefaultRowRenderer", {
+  enumerable: true,
+  get: function get() {
+    return _elements.DefaultRowRenderer;
+  }
+});
+Object.defineProperty(exports, "MultiSelect", {
+  enumerable: true,
+  get: function get() {
+    return _MultiSelect.MultiSelect;
+  }
+});
+Object.defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _MultiSelect["default"];
+  }
+});
+
+var _MultiSelect = _interopRequireWildcard(require("./MultiSelect"));
+
+var _elements = require("./elements");
+
+function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
+
+function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
-if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
-export { default, MultiSelect } from './MultiSelect';
-export { DefaultRowRenderer } from './elements';
+if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};

package/dist/es/NavigationBar/LogoItem.js

@@ -1,16 +1,26 @@
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _NavigationItem = _interopRequireDefault(require("./NavigationItem"));
+
+var _Logo = _interopRequireDefault(require("../Logo"));
+
+var _react2 = require("@emotion/react");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
 
-/* eslint-disable td/instrumentation */
-// this level of fine grained instrumentation is not needed
-import React from 'react';
-import NavigationItem from './NavigationItem';
-import Logo from '../Logo';
-
 var LogoItem = function LogoItem(_ref) {
   var onClick = _ref.onClick;
-  return ___EmotionJSX(NavigationItem, {
+  return (0, _react2.jsx)(_NavigationItem["default"], {
     "data-gs": gs("src", "navigationbar", "logoitem.tsx", "navigation-item"),
     css: function css(theme) {
       return {
@@ -27,11 +37,12 @@ var LogoItem = function LogoItem(_ref) {
     },
     alignSelf: "center",
     onClick: onClick
-  }, ___EmotionJSX(Logo, {
+  }, (0, _react2.jsx)(_Logo["default"], {
     "data-gs": gs("src", "navigationbar", "logoitem.tsx", "navigation-item", "logo"),
     width: "24",
     height: "16"
   }));
 };
 
-export default LogoItem;
+var _default = LogoItem;
+exports["default"] = _default;

package/dist/es/NavigationBar/NavigationBar.d.ts

@@ -1,135 +1,12 @@
-/// <reference types="types/@emotion/styled" />
 import React from 'react';
 import type { BoxProps } from '../Box';
 import type { Spacing } from '../mixins/spacing';
 import type { Border } from '../mixins/border';
 import NavigationItem from './NavigationItem';
 declare const Separator: React.FunctionComponent<{}>;
-declare const NavigationPill: import("@emotion/styled-base").StyledComponent<BoxProps, Pick<BoxProps, "reverse" | "flex" | "wrap" | "justify" | "alignContent" | "alignSelf" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "className" | "id" | "grow" | "shrink" | "align" | "full">, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
+declare const NavigationPill: import("@emotion/styled").StyledComponent<BoxProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
 export declare type NavigationBarSubComponents = {
     Separator: typeof Separator;
     NavigationItem: typeof NavigationItem;
@@ -141,259 +18,19 @@ declare type NavigationBarProps = BoxProps & Partial<Border & Spacing> & {
     logoAction?: () => void;
     props?: {};
 };
-export declare const StyledNavigationBar: import("@emotion/styled-base").StyledComponent<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & BoxProps & Partial<Border & Spacing> & {
-    theme?: {
-        readonly space: string[];
-        readonly palette: {
-            success: string[];
-            warning: string[];
-            error: string[];
-            primary: string[];
-            secondary: string[];
-            neutral: string[];
-        };
-        readonly fontFamily: {
-            body: string;
-            monospace: string;
-        };
-        readonly fontSize: string[];
-        readonly lineHeight: number[];
-        readonly radius: string[];
-        readonly borderWidth: string[];
-        readonly grid: number[];
-        readonly shadows: {
-            small: string;
-            big: string;
-            pill: string;
-            bigCentered: string;
-            popover: string;
-            secondaryNavActiveItem: string;
-        };
-        readonly sizes: {
-            PageHeaderIcon: number;
-        };
-        readonly zIndex: {
-            Base: number;
-            Overlay: number;
-            FormControl: number;
-            SecondaryNav: number;
-            SecondaryNavActiveItem: number;
-            PrimaryNav: number;
-            PopOver: number;
-            PageHeaderSearch: number;
-            Modal: number;
-            Tether: number;
-            GlobalNav: number;
-            Toast: number;
-        };
-        readonly color: {
-            Dune: string;
-            CuriousBlue: string;
-            FlushMahogany: string;
-            Maroon: string;
-            PinkSwan: string;
-            Matisse: string;
-            HummingBird: string;
-            Primary: string;
-            PrimaryContrast: string;
-            PrimaryFade: string;
-            PrimaryLight: string;
-            PrimaryLightFade: string;
-            PrimaryLightHighlight: string;
-            PrimaryAccent: string;
-            DarkBackground: string;
-            DarkBar: string;
-            DarkHover: string;
-            DarkPrimary: string;
-            DarkSecondary: string;
-            LightBackground: string;
-            LightBar: string;
-            LightDisabled: string;
-            LightDivider: string;
-            LightDividerNew: string;
-            LightHint: string;
-            LightHover: string;
-            LightPrimary: string;
-            LightSecondary: string;
-            BorderGrey: string;
-            Blue: string;
-            BlueFade: string;
-            Green: string;
-            GreenFade: string;
-            GreenBackground: string;
-            Red: string;
-            RedFade: string;
-            Yellow: string;
-            YellowFade: string;
-            YellowHighlight: string;
-            Orange: string;
-            OrangeFill: string;
-            OrangeBackground: string;
-            Error: string;
-            ErrorFade: string;
-            ErrorBackground: string;
-            DraggableDraggingBackground: string;
-            Aquamarine: string;
-            Azure: string;
-            AzureNew: string;
-            AzureFade: string;
-            AzureHighlight: string;
-            Silver: string;
-            BlueNavy: string;
-            Black: string;
-            TurquoiseBlue: string;
-            SummerSky: string;
-            Mondo: string;
-            HeavyMetal: string;
-            BokaraGrey: string;
-            Cyan: string;
-            Eucalyptus: string;
-            Flamingo: string;
-            Zorba: string;
-            Flint: string;
-            Maya: string;
-            Bondi: string;
-            Emerald: string;
-            Carissma: string;
-            Solitude: string;
-            WhiteSmoke: string;
-            Violet: string;
-            FireBrick: string;
-            Purple: string;
-            Buckthorn: string;
-        };
-        readonly gradient: {
-            main: string;
-            neutral: string;
-        };
-    } | undefined;
-}>, "reverse" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "flex" | "wrap" | "justify" | "border" | "padding" | "key" | "children" | "alignContent" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "translate" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "margin" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "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" | "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" | "css" | "marginHorizontal" | "marginVertical" | "paddingHorizontal" | "paddingVertical" | "grow" | "shrink" | "align" | "full"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, NavigationBarProps, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
+export declare const StyledNavigationBar: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & BoxProps & Partial<Border & Spacing> & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    children: React.ReactNode;
+    showLogo?: boolean | undefined;
+    logoAction?: (() => void) | undefined;
+    props?: {} | undefined;
+}, {}, {}>;
 declare const NavigationBar: React.FunctionComponent<NavigationBarProps> & NavigationBarSubComponents;
 export default NavigationBar;
 //# sourceMappingURL=NavigationBar.d.ts.map

package/dist/es/NavigationBar/NavigationBar.js

@@ -1,33 +1,54 @@
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _extends from "@babel/runtime/helpers/esm/extends";
-import _styled from "@emotion/styled-base";
-import { jsx as ___EmotionJSX } from "@emotion/core";
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = exports.StyledNavigationBar = void 0;
+
+var _base = _interopRequireDefault(require("@emotion/styled/base"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box"));
+
+var _NavigationItem = _interopRequireDefault(require("./NavigationItem"));
+
+var _LogoItem = _interopRequireDefault(require("./LogoItem"));
+
+var _react2 = require("@emotion/react");
+
+var _excluded = ["children", "showLogo", "logoAction"];
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 if (typeof window !== "undefined" && !window.gs) window.gs = function () {};
 if (typeof window !== "undefined" && !window.gsC) window.gsC = function () {};
 
-/* eslint-disable td/instrumentation */
-// this level of fine grained instrumentation is not needed
-import React from 'react';
-import Box from '../Box';
-import NavigationItem from './NavigationItem';
-import LogoItem from './LogoItem';
-
 var Separator = function Separator() {
-  return ___EmotionJSX(Box, {
+  return (0, _react2.jsx)(_Box["default"], {
     "data-gs": gs("src", "navigationbar", "navigationbar.tsx", "box"),
     flex: true
   });
 };
 
-var NavigationPill = /*#__PURE__*/_styled(function (props) {
-  return ___EmotionJSX(Box, _extends({
+var NavigationPill = ( /*#__PURE__*/0, _base["default"])(function (props) {
+  return (0, _react2.jsx)(_Box["default"], _extends({
     "data-gs": gs("src", "navigationbar", "navigationbar.tsx", "box")
   }, props, {
     align: "stretch",
     direction: "column"
   }));
-}, {
-  target: "e14c004z0"
+}, process.env.NODE_ENV === "production" ? {
+  target: "e14c004z1"
+} : {
+  target: "e14c004z1",
+  label: "NavigationPill"
 })(function (_ref) {
   var theme = _ref.theme;
   return {
@@ -45,10 +66,12 @@ var NavigationPill = /*#__PURE__*/_styled(function (props) {
     backgroundColor: theme.color.LightBackground
   };
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9OYXZpZ2F0aW9uQmFyL05hdmlnYXRpb25CYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVl1QiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvTmF2aWdhdGlvbkJhci9OYXZpZ2F0aW9uQmFyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbIi8qIGVzbGludC1kaXNhYmxlIHRkL2luc3RydW1lbnRhdGlvbiAqL1xuLy8gdGhpcyBsZXZlbCBvZiBmaW5lIGdyYWluZWQgaW5zdHJ1bWVudGF0aW9uIGlzIG5vdCBuZWVkZWRcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCdcbmltcG9ydCBCb3ggZnJvbSAnLi4vQm94J1xuaW1wb3J0IHR5cGUgeyBCb3hQcm9wcyB9IGZyb20gJy4uL0JveCdcbmltcG9ydCB0eXBlIHsgU3BhY2luZyB9IGZyb20gJy4uL21peGlucy9zcGFjaW5nJ1xuaW1wb3J0IHR5cGUgeyBCb3JkZXIgfSBmcm9tICcuLi9taXhpbnMvYm9yZGVyJ1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnXG5pbXBvcnQgTmF2aWdhdGlvbkl0ZW0gZnJvbSAnLi9OYXZpZ2F0aW9uSXRlbSdcbmltcG9ydCBMb2dvSXRlbSBmcm9tICcuL0xvZ29JdGVtJ1xuXG5jb25zdCBTZXBhcmF0b3I6IFJlYWN0LkZ1bmN0aW9uQ29tcG9uZW50PHt9PiA9ICgpID0+IDxCb3ggZmxleCAvPlxuY29uc3QgTmF2aWdhdGlvblBpbGwgPSBzdHlsZWQoKHByb3BzOiBCb3hQcm9wcykgPT4gKFxuICA8Qm94IHsuLi5wcm9wc30gYWxpZ249XCJzdHJldGNoXCIgZGlyZWN0aW9uPVwiY29sdW1uXCIgLz5cbikpKCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICB3aWR0aDogJzIuNzVyZW0nLFxuICBib3JkZXJSYWRpdXM6ICcxLjVyZW0nLFxuICBtaW5IZWlnaHQ6ICcyOHJlbScsXG4gIHBhZGRpbmdUb3A6IHRoZW1lLnNwYWNlWzJdLFxuICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjZVsyXSxcbiAgZmxleDogMSxcbiAgekluZGV4OiB0aGVtZS56SW5kZXguUHJpbWFyeU5hdixcbiAgbWFyZ2luVG9wOiB0aGVtZS5zcGFjZVszXSxcbiAgYm9yZGVyOiBgMXB4IHNvbGlkICR7dGhlbWUuY29sb3IuQm9rYXJhR3JleX1gLFxuICBib3hTaGFkb3c6IHRoZW1lLnNoYWRvd3MucGlsbCxcbiAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvci5MaWdodEJhY2tncm91bmRcbn0pKVxuXG5OYXZpZ2F0aW9uUGlsbC5kaXNwbGF5TmFtZSA9ICdOYXZpZ2F0aW9uUGlsbCdcblxuZXhwb3J0IHR5cGUgTmF2aWdhdGlvbkJhclN1YkNvbXBvbmVudHMgPSB7XG4gIFNlcGFyYXRvcjogdHlwZW9mIFNlcGFyYXRvclxuICBOYXZpZ2F0aW9uSXRlbTogdHlwZW9mIE5hdmlnYXRpb25JdGVtXG4gIE5hdmlnYXRpb25QaWxsOiB0eXBlb2YgTmF2aWdhdGlvblBpbGxcbn1cbnR5cGUgTmF2aWdhdGlvbkJhclByb3BzID0gQm94UHJvcHMgJlxuICBQYXJ0aWFsPEJvcmRlciAmIFNwYWNpbmc+ICYge1xuICAgIGNoaWxkcmVuOiBSZWFjdC5SZWFjdE5vZGVcbiAgICBzaG93TG9nbz86IGJvb2xlYW5cbiAgICBsb2dvQWN0aW9uPzogKCkgPT4gdm9pZFxuICAgIHByb3BzPzoge31cbiAgfVxuXG5leHBvcnQgY29uc3QgU3R5bGVkTmF2aWdhdGlvbkJhciA9IHN0eWxlZChCb3gpPE5hdmlnYXRpb25CYXJQcm9wcz4oXG4gICh7IHRoZW1lIH0pID0+ICh7XG4gICAgcG9zaXRpb246ICdyZWxhdGl2ZScsXG4gICAgYWxpZ25JdGVtczogJ2ZsZXgtZW5kJyxcbiAgICBiYWNrZ3JvdW5kQ29sb3I6IHRoZW1lLmNvbG9yLldoaXRlU21va2UsXG4gICAgZm9udFNpemU6IHRoZW1lLmZvbnRTaXplWzFdLFxuICAgIHdpZHRoOiA1NCxcbiAgICBoZWlnaHQ6ICcxMDAlJyxcbiAgICBwYWRkaW5nQm90dG9tOiB0aGVtZS5zcGFjZVs0XVxuICB9KVxuKVxuXG5jb25zdCBOYXZpZ2F0aW9uQmFyOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDxOYXZpZ2F0aW9uQmFyUHJvcHM+ICZcbiAgTmF2aWdhdGlvbkJhclN1YkNvbXBvbmVudHMgPSAoe1xuICBjaGlsZHJlbixcbiAgc2hvd0xvZ28sXG4gIGxvZ29BY3Rpb24sXG4gIC4uLnByb3BzXG59OiBOYXZpZ2F0aW9uQmFyUHJvcHMpID0+IHtcbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTmF2aWdhdGlvbkJhciBhbGlnbj1cInN0cmV0Y2hcIiBkaXJlY3Rpb249XCJjb2x1bW5cIiB7Li4ucHJvcHN9PlxuICAgICAge3Nob3dMb2dvICYmIDxMb2dvSXRlbSBvbkNsaWNrPXtsb2dvQWN0aW9ufSAvPn1cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZE5hdmlnYXRpb25CYXI+XG4gIClcbn1cblxuTmF2aWdhdGlvbkJhci5kaXNwbGF5TmFtZSA9ICdOYXZpZ2F0aW9uQmFyJ1xuXG5OYXZpZ2F0aW9uQmFyLlNlcGFyYXRvciA9IFNlcGFyYXRvclxuTmF2aWdhdGlvbkJhci5OYXZpZ2F0aW9uSXRlbSA9IE5hdmlnYXRpb25JdGVtXG5OYXZpZ2F0aW9uQmFyLk5hdmlnYXRpb25QaWxsID0gTmF2aWdhdGlvblBpbGxcblxuZXhwb3J0IGRlZmF1bHQgTmF2aWdhdGlvbkJhclxuIl19 */");
-
 NavigationPill.displayName = 'NavigationPill';
-export var StyledNavigationBar = /*#__PURE__*/_styled(Box, {
-  target: "e14c004z1"
+var StyledNavigationBar = ( /*#__PURE__*/0, _base["default"])(_Box["default"], process.env.NODE_ENV === "production" ? {
+  target: "e14c004z0"
+} : {
+  target: "e14c004z0",
+  label: "StyledNavigationBar"
 })(function (_ref2) {
   var theme = _ref2.theme;
   return {
@@ -61,18 +84,19 @@ export var StyledNavigationBar = /*#__PURE__*/_styled(Box, {
     paddingBottom: theme.space[4]
   };
 }, process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9OYXZpZ2F0aW9uQmFyL05hdmlnYXRpb25CYXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDbUMiLCJmaWxlIjoiLi4vLi4vLi4vc3JjL05hdmlnYXRpb25CYXIvTmF2aWdhdGlvbkJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyIvKiBlc2xpbnQtZGlzYWJsZSB0ZC9pbnN0cnVtZW50YXRpb24gKi9cbi8vIHRoaXMgbGV2ZWwgb2YgZmluZSBncmFpbmVkIGluc3RydW1lbnRhdGlvbiBpcyBub3QgbmVlZGVkXG5pbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgQm94IGZyb20gJy4uL0JveCdcbmltcG9ydCB0eXBlIHsgQm94UHJvcHMgfSBmcm9tICcuLi9Cb3gnXG5pbXBvcnQgdHlwZSB7IFNwYWNpbmcgfSBmcm9tICcuLi9taXhpbnMvc3BhY2luZydcbmltcG9ydCB0eXBlIHsgQm9yZGVyIH0gZnJvbSAnLi4vbWl4aW5zL2JvcmRlcidcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IE5hdmlnYXRpb25JdGVtIGZyb20gJy4vTmF2aWdhdGlvbkl0ZW0nXG5pbXBvcnQgTG9nb0l0ZW0gZnJvbSAnLi9Mb2dvSXRlbSdcblxuY29uc3QgU2VwYXJhdG9yOiBSZWFjdC5GdW5jdGlvbkNvbXBvbmVudDx7fT4gPSAoKSA9PiA8Qm94IGZsZXggLz5cbmNvbnN0IE5hdmlnYXRpb25QaWxsID0gc3R5bGVkKChwcm9wczogQm94UHJvcHMpID0+IChcbiAgPEJveCB7Li4ucHJvcHN9IGFsaWduPVwic3RyZXRjaFwiIGRpcmVjdGlvbj1cImNvbHVtblwiIC8+XG4pKSgoeyB0aGVtZSB9KSA9PiAoe1xuICBwb3NpdGlvbjogJ3JlbGF0aXZlJyxcbiAgd2lkdGg6ICcyLjc1cmVtJyxcbiAgYm9yZGVyUmFkaXVzOiAnMS41cmVtJyxcbiAgbWluSGVpZ2h0OiAnMjhyZW0nLFxuICBwYWRkaW5nVG9wOiB0aGVtZS5zcGFjZVsyXSxcbiAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2VbMl0sXG4gIGZsZXg6IDEsXG4gIHpJbmRleDogdGhlbWUuekluZGV4LlByaW1hcnlOYXYsXG4gIG1hcmdpblRvcDogdGhlbWUuc3BhY2VbM10sXG4gIGJvcmRlcjogYDFweCBzb2xpZCAke3RoZW1lLmNvbG9yLkJva2FyYUdyZXl9YCxcbiAgYm94U2hhZG93OiB0aGVtZS5zaGFkb3dzLnBpbGwsXG4gIGJhY2tncm91bmRDb2xvcjogdGhlbWUuY29sb3IuTGlnaHRCYWNrZ3JvdW5kXG59KSlcblxuTmF2aWdhdGlvblBpbGwuZGlzcGxheU5hbWUgPSAnTmF2aWdhdGlvblBpbGwnXG5cbmV4cG9ydCB0eXBlIE5hdmlnYXRpb25CYXJTdWJDb21wb25lbnRzID0ge1xuICBTZXBhcmF0b3I6IHR5cGVvZiBTZXBhcmF0b3JcbiAgTmF2aWdhdGlvbkl0ZW06IHR5cGVvZiBOYXZpZ2F0aW9uSXRlbVxuICBOYXZpZ2F0aW9uUGlsbDogdHlwZW9mIE5hdmlnYXRpb25QaWxsXG59XG50eXBlIE5hdmlnYXRpb25CYXJQcm9wcyA9IEJveFByb3BzICZcbiAgUGFydGlhbDxCb3JkZXIgJiBTcGFjaW5nPiAmIHtcbiAgICBjaGlsZHJlbjogUmVhY3QuUmVhY3ROb2RlXG4gICAgc2hvd0xvZ28/OiBib29sZWFuXG4gICAgbG9nb0FjdGlvbj86ICgpID0+IHZvaWRcbiAgICBwcm9wcz86IHt9XG4gIH1cblxuZXhwb3J0IGNvbnN0IFN0eWxlZE5hdmlnYXRpb25CYXIgPSBzdHlsZWQoQm94KTxOYXZpZ2F0aW9uQmFyUHJvcHM+KFxuICAoeyB0aGVtZSB9KSA9PiAoe1xuICAgIHBvc2l0aW9uOiAncmVsYXRpdmUnLFxuICAgIGFsaWduSXRlbXM6ICdmbGV4LWVuZCcsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0aGVtZS5jb2xvci5XaGl0ZVNtb2tlLFxuICAgIGZvbnRTaXplOiB0aGVtZS5mb250U2l6ZVsxXSxcbiAgICB3aWR0aDogNTQsXG4gICAgaGVpZ2h0OiAnMTAwJScsXG4gICAgcGFkZGluZ0JvdHRvbTogdGhlbWUuc3BhY2VbNF1cbiAgfSlcbilcblxuY29uc3QgTmF2aWdhdGlvbkJhcjogUmVhY3QuRnVuY3Rpb25Db21wb25lbnQ8TmF2aWdhdGlvbkJhclByb3BzPiAmXG4gIE5hdmlnYXRpb25CYXJTdWJDb21wb25lbnRzID0gKHtcbiAgY2hpbGRyZW4sXG4gIHNob3dMb2dvLFxuICBsb2dvQWN0aW9uLFxuICAuLi5wcm9wc1xufTogTmF2aWdhdGlvbkJhclByb3BzKSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFN0eWxlZE5hdmlnYXRpb25CYXIgYWxpZ249XCJzdHJldGNoXCIgZGlyZWN0aW9uPVwiY29sdW1uXCIgey4uLnByb3BzfT5cbiAgICAgIHtzaG93TG9nbyAmJiA8TG9nb0l0ZW0gb25DbGljaz17bG9nb0FjdGlvbn0gLz59XG4gICAgICB7Y2hpbGRyZW59XG4gICAgPC9TdHlsZWROYXZpZ2F0aW9uQmFyPlxuICApXG59XG5cbk5hdmlnYXRpb25CYXIuZGlzcGxheU5hbWUgPSAnTmF2aWdhdGlvbkJhcidcblxuTmF2aWdhdGlvbkJhci5TZXBhcmF0b3IgPSBTZXBhcmF0b3Jcbk5hdmlnYXRpb25CYXIuTmF2aWdhdGlvbkl0ZW0gPSBOYXZpZ2F0aW9uSXRlbVxuTmF2aWdhdGlvbkJhci5OYXZpZ2F0aW9uUGlsbCA9IE5hdmlnYXRpb25QaWxsXG5cbmV4cG9ydCBkZWZhdWx0IE5hdmlnYXRpb25CYXJcbiJdfQ== */");
+exports.StyledNavigationBar = StyledNavigationBar;
 
 var NavigationBar = function NavigationBar(_ref3) {
   var children = _ref3.children,
       showLogo = _ref3.showLogo,
       logoAction = _ref3.logoAction,
-      props = _objectWithoutProperties(_ref3, ["children", "showLogo", "logoAction"]);
+      props = _objectWithoutProperties(_ref3, _excluded);
 
-  return ___EmotionJSX(StyledNavigationBar, _extends({
+  return (0, _react2.jsx)(StyledNavigationBar, _extends({
     "data-gs": gs("src", "navigationbar", "navigationbar.tsx", "styled-navigation-bar"),
     align: "stretch",
     direction: "column"
-  }, props), showLogo && ___EmotionJSX(LogoItem, {
+  }, props), showLogo && (0, _react2.jsx)(_LogoItem["default"], {
     "data-gs": gs("src", "navigationbar", "navigationbar.tsx", "styled-navigation-bar", "logo-item"),
     onClick: logoAction
   }), children);
@@ -80,6 +104,7 @@ var NavigationBar = function NavigationBar(_ref3) {
 
 NavigationBar.displayName = 'NavigationBar';
 NavigationBar.Separator = Separator;
-NavigationBar.NavigationItem = NavigationItem;
+NavigationBar.NavigationItem = _NavigationItem["default"];
 NavigationBar.NavigationPill = NavigationPill;
-export default NavigationBar;
+var _default = NavigationBar;
+exports["default"] = _default;