@elliemae/ds-global-header 2.3.0-alpha.8 → 2.3.0-next.2

package/dist/cjs/outOfTheBox/index.js

@@ -1,30 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var outOfTheBox_exports = {};
-var React = __toESM(require("react"));
-__reExport(outOfTheBox_exports, require("./AppPicker/AppPicker"));
-__reExport(outOfTheBox_exports, require("./PopupMenu/PopupMenu"));
-__reExport(outOfTheBox_exports, require("./SearchToggle/SearchToggle"));
-module.exports = __toCommonJS(outOfTheBox_exports);
-//# sourceMappingURL=index.js.map

package/dist/cjs/outOfTheBox/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../src/outOfTheBox/index.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './AppPicker/AppPicker';\nexport * from './PopupMenu/PopupMenu';\nexport * from './SearchToggle/SearchToggle';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,gCAAc;AACd,gCAAc;AACd,gCAAc;",
-  "names": []
-}

package/dist/cjs/propTypes.js

@@ -1,56 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var propTypes_exports = {};
-__export(propTypes_exports, {
-  breadcrumbItem: () => breadcrumbItem,
-  globalHeaderProps: () => globalHeaderProps,
-  toolbarItem: () => toolbarItem
-});
-var React = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-const breadcrumbItem = import_react_desc.PropTypes.shape({
-  label: import_react_desc.PropTypes.string.description("breadrcrumb item label"),
-  hasNext: import_react_desc.PropTypes.bool.description("whether the item has a child or not"),
-  isSelected: import_react_desc.PropTypes.bool.description("whether the item is selected or not"),
-  onClick: import_react_desc.PropTypes.func.description("Callback executed on click")
-});
-const toolbarItem = import_react_desc.PropTypes.shape({
-  label: import_react_desc.PropTypes.string.description("title tag description"),
-  type: import_react_desc.PropTypes.oneOf(["ds-app-picker", "ds-popup-menu", "ds-search-toggle", "custom"]).description("use to select one of the out-of-the-box types of items"),
-  componentProps: import_react_desc.PropTypes.object.description("props of out-of-the-box component"),
-  Icon: import_react_desc.PropTypes.func.description("Icon to display"),
-  onClick: import_react_desc.PropTypes.func.description("Callback executed on click")
-});
-const globalHeaderProps = {
-  Logo: import_react_desc.PropTypes.func.description("Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing."),
-  LogoWithBrand: import_react_desc.PropTypes.func.description("Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing."),
-  breadcrumb: import_react_desc.PropTypes.arrayOf(breadcrumbItem).description("Breadcrumb items to display. max 3 levels"),
-  toolbar: import_react_desc.PropTypes.arrayOf(toolbarItem).description("Toolbar items")
-};
-module.exports = __toCommonJS(propTypes_exports);
-//# sourceMappingURL=propTypes.js.map

package/dist/cjs/propTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/propTypes.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { PropTypes } from 'react-desc';\n\nexport const breadcrumbItem = PropTypes.shape({\n  label: PropTypes.string.description('breadrcrumb item label'),\n  hasNext: PropTypes.bool.description('whether the item has a child or not'),\n  isSelected: PropTypes.bool.description('whether the item is selected or not'),\n  onClick: PropTypes.func.description('Callback executed on click'),\n});\n\nexport const toolbarItem = PropTypes.shape({\n  label: PropTypes.string.description('title tag description'),\n  type: PropTypes.oneOf(['ds-app-picker', 'ds-popup-menu', 'ds-search-toggle', 'custom']).description(\n    'use to select one of the out-of-the-box types of items',\n  ),\n  componentProps: PropTypes.object.description('props of out-of-the-box component'),\n  Icon: PropTypes.func.description('Icon to display'),\n  onClick: PropTypes.func.description('Callback executed on click'),\n});\n\nexport const globalHeaderProps = {\n  Logo: PropTypes.func.description(\n    'Global Header Logo to render. Logo and LogoWithBrand are going to swap during window resizing.',\n  ),\n  LogoWithBrand: PropTypes.func.description(\n    'Global Header Logo With Brand title to render. Logo and LogoWithBrand are going to swap during window resizing.',\n  ),\n  breadcrumb: PropTypes.arrayOf(breadcrumbItem).description('Breadcrumb items to display. max 3 levels'),\n  toolbar: PropTypes.arrayOf(toolbarItem).description('Toolbar items'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAA0B;AAEnB,MAAM,iBAAiB,4BAAU,MAAM;AAAA,EAC5C,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,SAAS,4BAAU,KAAK,YAAY;AAAA,EACpC,YAAY,4BAAU,KAAK,YAAY;AAAA,EACvC,SAAS,4BAAU,KAAK,YAAY;AAAA;AAG/B,MAAM,cAAc,4BAAU,MAAM;AAAA,EACzC,OAAO,4BAAU,OAAO,YAAY;AAAA,EACpC,MAAM,4BAAU,MAAM,CAAC,iBAAiB,iBAAiB,oBAAoB,WAAW,YACtF;AAAA,EAEF,gBAAgB,4BAAU,OAAO,YAAY;AAAA,EAC7C,MAAM,4BAAU,KAAK,YAAY;AAAA,EACjC,SAAS,4BAAU,KAAK,YAAY;AAAA;AAG/B,MAAM,oBAAoB;AAAA,EAC/B,MAAM,4BAAU,KAAK,YACnB;AAAA,EAEF,eAAe,4BAAU,KAAK,YAC5B;AAAA,EAEF,YAAY,4BAAU,QAAQ,gBAAgB,YAAY;AAAA,EAC1D,SAAS,4BAAU,QAAQ,aAAa,YAAY;AAAA;",
-  "names": []
-}

package/dist/cjs/styles.js

@@ -1,43 +0,0 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styles_exports = {};
-__export(styles_exports, {
-  Wrapper: () => Wrapper
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_grid = require("@elliemae/ds-grid");
-const Wrapper = (0, import_styled_components.default)(import_ds_grid.GridContainer)`
-  background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);
-  color: ${({ theme }) => theme.colors.neutral["000"]};
-  width: 100%;
-  height: 40px;
-  padding: 0 24px 0 12px;
-`;
-module.exports = __toCommonJS(styles_exports);
-//# sourceMappingURL=styles.js.map

package/dist/cjs/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/styles.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\nimport { GridContainer } from '@elliemae/ds-grid';\n\nexport const Wrapper = styled(GridContainer)`\n  background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);\n  color: ${({ theme }) => theme.colors.neutral['000']};\n  width: 100%;\n  height: 40px;\n  padding: 0 24px 0 12px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,qBAA8B;AAEvB,MAAM,UAAU,sCAAO;AAAA;AAAA,WAEnB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/GlobalHeader.js

@@ -1,28 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import { globalHeaderProps } from "./propTypes";
-import { GlobalHeaderTitle } from "./components/Title/GlobalHeaderTitle";
-import { GlobalHeaderBreadcrumb } from "./components/Breadcrumb/GlobalHeaderBreadcrumb";
-import { GlobalHeaderToolbar } from "./components/Toolbar/GlobalHeaderToolbar";
-import { GlobalHeaderContext } from "./GlobalHeaderContext";
-import { useGlobalHeader } from "./config/useGlobalHeader";
-import { defaultProps } from "./defaultProps";
-import { GlobalHeaderContainer } from "./GlobalHeaderContainer";
-import { useValidateProps } from "./config/useValidateProps";
-const GlobalHeader = (props) => {
-  useValidateProps(props);
-  const ctx = useGlobalHeader(props);
-  return /* @__PURE__ */ React2.createElement(GlobalHeaderContainer, null, /* @__PURE__ */ React2.createElement(GlobalHeaderContext.Provider, {
-    value: ctx
-  }, /* @__PURE__ */ React2.createElement(GlobalHeaderTitle, null), /* @__PURE__ */ React2.createElement(GlobalHeaderBreadcrumb, null), /* @__PURE__ */ React2.createElement(GlobalHeaderToolbar, null)));
-};
-GlobalHeader.defaultProps = defaultProps;
-GlobalHeader.propTypes = globalHeaderProps;
-const GlobalHeaderWithSchema = describe(GlobalHeader);
-GlobalHeaderWithSchema.propTypes = globalHeaderProps;
-export {
-  GlobalHeader,
-  GlobalHeaderWithSchema
-};
-//# sourceMappingURL=GlobalHeader.js.map

package/dist/esm/GlobalHeader.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/GlobalHeader.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport { globalHeaderProps } from './propTypes';\nimport type { GlobalHeaderPropsT as Props } from './GlobalHeaderTypes';\nimport { GlobalHeaderTitle } from './components/Title/GlobalHeaderTitle';\nimport { GlobalHeaderBreadcrumb } from './components/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './components/Toolbar/GlobalHeaderToolbar';\nimport { GlobalHeaderContext } from './GlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { defaultProps } from './defaultProps';\nimport { GlobalHeaderContainer } from './GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\n\nconst GlobalHeader = (props: Props): JSX.Element => {\n  useValidateProps(props);\n  const ctx = useGlobalHeader(props);\n  return (\n    <GlobalHeaderContainer>\n      <GlobalHeaderContext.Provider value={ctx}>\n        <GlobalHeaderTitle />\n        <GlobalHeaderBreadcrumb />\n        <GlobalHeaderToolbar />\n      </GlobalHeaderContext.Provider>\n    </GlobalHeaderContainer>\n  );\n};\n\nGlobalHeader.defaultProps = defaultProps;\n\nGlobalHeader.propTypes = globalHeaderProps;\nconst GlobalHeaderWithSchema = describe(GlobalHeader);\nGlobalHeaderWithSchema.propTypes = globalHeaderProps;\n\nexport { GlobalHeader, GlobalHeaderWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAM,eAAe,CAAC,UAA8B;AAClD,mBAAiB;AACjB,QAAM,MAAM,gBAAgB;AAC5B,SACE,qCAAC,uBAAD,MACE,qCAAC,oBAAoB,UAArB;AAAA,IAA8B,OAAO;AAAA,KACnC,qCAAC,mBAAD,OACA,qCAAC,wBAAD,OACA,qCAAC,qBAAD;AAAA;AAMR,aAAa,eAAe;AAE5B,aAAa,YAAY;AACzB,MAAM,yBAAyB,SAAS;AACxC,uBAAuB,YAAY;",
-  "names": []
-}

package/dist/esm/GlobalHeaderContainer.js

@@ -1,12 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { Wrapper } from "./styles";
-const GlobalHeaderContainer = ({ children }) => /* @__PURE__ */ React2.createElement("header", {
-  "data-testid": "ds-global-header"
-}, /* @__PURE__ */ React2.createElement(Wrapper, {
-  cols: ["auto", "1fr", "auto"]
-}, children));
-export {
-  GlobalHeaderContainer
-};
-//# sourceMappingURL=GlobalHeaderContainer.js.map

package/dist/esm/GlobalHeaderContainer.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/GlobalHeaderContainer.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport type { GlobalHeaderContainerT } from './GlobalHeaderTypes';\nimport { Wrapper } from './styles';\n\nexport const GlobalHeaderContainer = ({ children }: GlobalHeaderContainerT): JSX.Element => (\n  <header data-testid=\"ds-global-header\">\n    <Wrapper cols={['auto', '1fr', 'auto']}>{children}</Wrapper>\n  </header>\n);\n"],
-  "mappings": "AAAA;ACAA;AAEA;AAEO,MAAM,wBAAwB,CAAC,EAAE,eACtC,qCAAC,UAAD;AAAA,EAAQ,eAAY;AAAA,GAClB,qCAAC,SAAD;AAAA,EAAS,MAAM,CAAC,QAAQ,OAAO;AAAA,GAAU;",
-  "names": []
-}

package/dist/esm/GlobalHeaderContext.js

@@ -1,17 +0,0 @@
-import * as React from "react";
-import { createContext } from "react";
-import { defaultProps } from "./defaultProps";
-const noop = () => null;
-const defaultContext = {
-  props: defaultProps,
-  showIconOnly: false,
-  setShowIconOnly: noop,
-  instanceUID: "",
-  globalHeaderToolbarGrid: [],
-  globalHeaderBreadcrumbGrid: []
-};
-const GlobalHeaderContext = createContext(defaultContext);
-export {
-  GlobalHeaderContext
-};
-//# sourceMappingURL=GlobalHeaderContext.js.map

package/dist/esm/GlobalHeaderContext.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/GlobalHeaderContext.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { createContext } from 'react';\nimport { defaultProps } from './defaultProps';\nimport type { ContextT } from './GlobalHeaderTypes';\n\nconst noop = () => null;\n\nconst defaultContext = {\n  props: defaultProps,\n  showIconOnly: false,\n  setShowIconOnly: noop,\n  instanceUID: '',\n  globalHeaderToolbarGrid: [],\n  globalHeaderBreadcrumbGrid: [],\n};\n\nexport const GlobalHeaderContext = createContext<ContextT>(defaultContext);\n"],
-  "mappings": "AAAA;ACAA;AACA;AAGA,MAAM,OAAO,MAAM;AAEnB,MAAM,iBAAiB;AAAA,EACrB,OAAO;AAAA,EACP,cAAc;AAAA,EACd,iBAAiB;AAAA,EACjB,aAAa;AAAA,EACb,yBAAyB;AAAA,EACzB,4BAA4B;AAAA;AAGvB,MAAM,sBAAsB,cAAwB;",
-  "names": []
-}

package/dist/esm/GlobalHeaderTypes.js

@@ -1,2 +0,0 @@
-import * as React from "react";
-//# sourceMappingURL=GlobalHeaderTypes.js.map

package/dist/esm/GlobalHeaderTypes.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n"],
-  "mappings": "AAAA;",
-  "names": []
-}

package/dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js

@@ -1,56 +0,0 @@
-import * as React from "react";
-import React2, { useEffect, useContext, useRef } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { Pipe } from "./styles";
-import { GlobalHeaderContext } from "../../GlobalHeaderContext";
-import { PureBreadcrumb } from "./PureBreadcrumb";
-const GlobalHeaderBreadcrumb = () => {
-  const {
-    props: { breadcrumb },
-    instanceUID,
-    showIconOnly,
-    setShowIconOnly,
-    globalHeaderBreadcrumbGrid
-  } = useContext(GlobalHeaderContext);
-  const breakpoint = useRef(null);
-  const flexRegion = useRef(null);
-  useEffect(() => {
-    const evaluateShowIconOnly = () => {
-      if (flexRegion && flexRegion.current && flexRegion?.current.offsetWidth <= 0 && !breakpoint.current) {
-        setShowIconOnly(true);
-        breakpoint.current = window.innerWidth;
-      } else if (breakpoint && breakpoint.current !== null && window.innerWidth >= breakpoint.current) {
-        setShowIconOnly(false);
-        breakpoint.current = null;
-      }
-    };
-    evaluateShowIconOnly();
-    window.addEventListener("resize", evaluateShowIconOnly);
-    return () => window.removeEventListener("resize", evaluateShowIconOnly);
-  }, [breakpoint, flexRegion, setShowIconOnly]);
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "flex-start",
-    "aria-label": "breadcrumbs",
-    cols: globalHeaderBreadcrumbGrid,
-    role: "navigation"
-  }, /* @__PURE__ */ React2.createElement(Pipe, {
-    showIconOnly
-  }), breadcrumb?.map((item) => {
-    const { label, ...rest } = item;
-    return /* @__PURE__ */ React2.createElement(PureBreadcrumb, {
-      label,
-      length: breadcrumb.length,
-      key: `${instanceUID}-breadcrumb-item-${label}`,
-      ...rest
-    });
-  }), /* @__PURE__ */ React2.createElement("div", {
-    id: "global-header-flex-region",
-    ref: flexRegion
-  }));
-};
-export {
-  GlobalHeaderBreadcrumb
-};
-//# sourceMappingURL=GlobalHeaderBreadcrumb.js.map

package/dist/esm/components/Breadcrumb/GlobalHeaderBreadcrumb.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Breadcrumb/GlobalHeaderBreadcrumb.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useEffect, useContext, useRef } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { Pipe } from './styles';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\nimport { PureBreadcrumb } from './PureBreadcrumb';\n\nexport const GlobalHeaderBreadcrumb = (): JSX.Element => {\n  const {\n    props: { breadcrumb },\n    instanceUID,\n    showIconOnly,\n    setShowIconOnly,\n    globalHeaderBreadcrumbGrid,\n  } = useContext(GlobalHeaderContext);\n  const breakpoint = useRef<number | null>(null);\n  const flexRegion = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    const evaluateShowIconOnly = () => {\n      if (flexRegion && flexRegion.current && flexRegion?.current.offsetWidth <= 0 && !breakpoint.current) {\n        setShowIconOnly(true);\n        breakpoint.current = window.innerWidth;\n      } else if (breakpoint && breakpoint.current !== null && window.innerWidth >= breakpoint.current) {\n        setShowIconOnly(false);\n        breakpoint.current = null;\n      }\n    };\n\n    evaluateShowIconOnly();\n\n    window.addEventListener('resize', evaluateShowIconOnly);\n    return () => window.removeEventListener('resize', evaluateShowIconOnly);\n  }, [breakpoint, flexRegion, setShowIconOnly]);\n\n  return (\n    <Grid\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"flex-start\"\n      aria-label=\"breadcrumbs\"\n      cols={globalHeaderBreadcrumbGrid}\n      role=\"navigation\"\n    >\n      <Pipe showIconOnly={showIconOnly} />\n      {breadcrumb?.map((item) => {\n        const { label, ...rest } = item;\n        return (\n          <PureBreadcrumb\n            label={label}\n            length={breadcrumb.length}\n            key={`${instanceUID}-breadcrumb-item-${label}`}\n            {...rest}\n          />\n        );\n      })}\n      <div id=\"global-header-flex-region\" ref={flexRegion}></div>\n    </Grid>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AAEO,MAAM,yBAAyB,MAAmB;AACvD,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MACE,WAAW;AACf,QAAM,aAAa,OAAsB;AACzC,QAAM,aAAa,OAAuB;AAE1C,YAAU,MAAM;AACd,UAAM,uBAAuB,MAAM;AACjC,UAAI,cAAc,WAAW,WAAW,YAAY,QAAQ,eAAe,KAAK,CAAC,WAAW,SAAS;AACnG,wBAAgB;AAChB,mBAAW,UAAU,OAAO;AAAA,iBACnB,cAAc,WAAW,YAAY,QAAQ,OAAO,cAAc,WAAW,SAAS;AAC/F,wBAAgB;AAChB,mBAAW,UAAU;AAAA;AAAA;AAIzB;AAEA,WAAO,iBAAiB,UAAU;AAClC,WAAO,MAAM,OAAO,oBAAoB,UAAU;AAAA,KACjD,CAAC,YAAY,YAAY;AAE5B,SACE,qCAAC,MAAD;AAAA,IACE,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,cAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAK;AAAA,KAEL,qCAAC,MAAD;AAAA,IAAM;AAAA,MACL,YAAY,IAAI,CAAC,SAAS;AACzB,UAAM,EAAE,UAAU,SAAS;AAC3B,WACE,qCAAC,gBAAD;AAAA,MACE;AAAA,MACA,QAAQ,WAAW;AAAA,MACnB,KAAK,GAAG,+BAA+B;AAAA,SACnC;AAAA;AAAA,MAIV,qCAAC,OAAD;AAAA,IAAK,IAAG;AAAA,IAA4B,KAAK;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/components/Breadcrumb/PureBreadcrumb.js

@@ -1,22 +0,0 @@
-import * as React from "react";
-import React2 from "react";
-import { ChevronSmallRight } from "@elliemae/ds-icons";
-import { getDataProps } from "@elliemae/ds-props-helpers";
-import { BreadcrumbItem, LabelButton, Label } from "./styles";
-const PureBreadcrumb = React2.memo(({ onClick, isSelected, length, label, hasNext, id, ...rest }) => /* @__PURE__ */ React2.createElement(BreadcrumbItem, null, /* @__PURE__ */ React2.createElement(LabelButton, {
-  onClick,
-  "aria-selected": isSelected,
-  "data-testid": "gh-breadcrumb-btn",
-  id,
-  ...getDataProps(rest)
-}, /* @__PURE__ */ React2.createElement(Label, {
-  isSelected: !!isSelected,
-  isOnlyItem: length === 1
-}, label)), hasNext && /* @__PURE__ */ React2.createElement(ChevronSmallRight, {
-  size: "m",
-  fill: "#FFF"
-})));
-export {
-  PureBreadcrumb
-};
-//# sourceMappingURL=PureBreadcrumb.js.map

package/dist/esm/components/Breadcrumb/PureBreadcrumb.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Breadcrumb/PureBreadcrumb.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\nimport { BreadcrumbItem, LabelButton, Label } from './styles';\nimport type { BreadcrumbItemT as Props } from '../../GlobalHeaderTypes';\n\nexport const PureBreadcrumb = React.memo(({ onClick, isSelected, length, label, hasNext, id, ...rest }: Props) => (\n  <BreadcrumbItem>\n    <LabelButton\n      onClick={onClick}\n      aria-selected={isSelected}\n      data-testid=\"gh-breadcrumb-btn\"\n      id={id}\n      {...getDataProps(rest)}\n    >\n      <Label isSelected={!!isSelected} isOnlyItem={length === 1}>\n        {label}\n      </Label>\n    </LabelButton>\n    {hasNext && <ChevronSmallRight size=\"m\" fill=\"#FFF\" />}\n  </BreadcrumbItem>\n));\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAGO,MAAM,iBAAiB,OAAM,KAAK,CAAC,EAAE,SAAS,YAAY,QAAQ,OAAO,SAAS,OAAO,WAC9F,qCAAC,gBAAD,MACE,qCAAC,aAAD;AAAA,EACE;AAAA,EACA,iBAAe;AAAA,EACf,eAAY;AAAA,EACZ;AAAA,KACI,aAAa;AAAA,GAEjB,qCAAC,OAAD;AAAA,EAAO,YAAY,CAAC,CAAC;AAAA,EAAY,YAAY,WAAW;AAAA,GACrD,SAGJ,WAAW,qCAAC,mBAAD;AAAA,EAAmB,MAAK;AAAA,EAAI,MAAK;AAAA;",
-  "names": []
-}

package/dist/esm/components/Breadcrumb/styles.js

@@ -1,54 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const Pipe = styled.span`
-  margin: 0 7px 0 0;
-  border-left: ${({ showIconOnly }) => showIconOnly ? "none" : "1px solid #fff"};
-  height: 20px;
-`;
-const BreadcrumbItem = styled.div`
-  display: flex;
-  align-items: center;
-  height: 100%;
-`;
-const LabelButton = styled.button`
-  width: fit-content;
-  height: 100%;
-  margin: 0;
-  padding: 0;
-  border: 1px solid transparent;
-  background-color: transparent;
-  outline: none;
-  cursor: pointer;
-  position: relative;
-  &:focus {
-    :before {
-      content: '';
-      position: absolute;
-      z-index: 2;
-      top: 2px;
-      left: -5px;
-      width: calc(100% + 10px);
-      height: calc(100% - 4px);
-      border: 2px solid ${({ theme }) => theme.colors.neutral["000"]};
-      border-radius: 4px;
-    }
-  }
-`;
-const Label = styled.p`
-  color: ${({ theme }) => theme.colors.neutral["000"]};
-  ${({ theme, isSelected }) => `-webkit-text-stroke: 0.4px  ${isSelected ? theme.colors.neutral["000"] : "transparent"}`};
-  font-size: 16px;
-  text-transform: uppercase;
-  border-bottom: ${({ isSelected, isOnlyItem }) => `2px solid ${isSelected && !isOnlyItem ? "#FFF" : "transparent"}`};
-  margin: 3px 5px 0 5px;
-  :hover {
-    ${({ theme }) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral["000"]}`};
-  }
-`;
-export {
-  BreadcrumbItem,
-  Label,
-  LabelButton,
-  Pipe
-};
-//# sourceMappingURL=styles.js.map

package/dist/esm/components/Breadcrumb/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Breadcrumb/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport type { LabelT, PipeT } from '../../GlobalHeaderTypes';\n\nexport const Pipe = styled.span<PipeT>`\n  margin: 0 7px 0 0;\n  border-left: ${({ showIconOnly }) => (showIconOnly ? 'none' : '1px solid #fff')};\n  height: 20px;\n`;\n\nexport const BreadcrumbItem = styled.div`\n  display: flex;\n  align-items: center;\n  height: 100%;\n`;\n\nexport const LabelButton = styled.button`\n  width: fit-content;\n  height: 100%;\n  margin: 0;\n  padding: 0;\n  border: 1px solid transparent;\n  background-color: transparent;\n  outline: none;\n  cursor: pointer;\n  position: relative;\n  &:focus {\n    :before {\n      content: '';\n      position: absolute;\n      z-index: 2;\n      top: 2px;\n      left: -5px;\n      width: calc(100% + 10px);\n      height: calc(100% - 4px);\n      border: 2px solid ${({ theme }) => theme.colors.neutral['000']};\n      border-radius: 4px;\n    }\n  }\n`;\n\nexport const Label = styled.p<LabelT>`\n  color: ${({ theme }) => theme.colors.neutral['000']};\n  ${({ theme, isSelected }) =>\n    `-webkit-text-stroke: 0.4px  ${isSelected ? theme.colors.neutral['000'] : 'transparent'}`};\n  font-size: 16px;\n  text-transform: uppercase;\n  border-bottom: ${({ isSelected, isOnlyItem }) => `2px solid ${isSelected && !isOnlyItem ? '#FFF' : 'transparent'}`};\n  margin: 3px 5px 0 5px;\n  :hover {\n    ${({ theme }) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral['000']}`};\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AAGO,MAAM,OAAO,OAAO;AAAA;AAAA,iBAEV,CAAC,EAAE,mBAAoB,eAAe,SAAS;AAAA;AAAA;AAIzD,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAM,cAAc,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAmBR,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,QAAQ,OAAO;AAAA,WACjB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,IAC3C,CAAC,EAAE,OAAO,iBACV,+BAA+B,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,mBAG3D,CAAC,EAAE,YAAY,iBAAiB,aAAa,cAAc,CAAC,aAAa,SAAS;AAAA;AAAA;AAAA,MAG/F,CAAC,EAAE,YAAY,8BAA8B,MAAM,OAAO,QAAQ;AAAA;AAAA;",
-  "names": []
-}

package/dist/esm/components/Title/GlobalHeaderTitle.js

@@ -1,19 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { GlobalHeaderContext } from "../../GlobalHeaderContext";
-const GlobalHeaderTitle = () => {
-  const {
-    props: { Logo, LogoWithBrand },
-    showIconOnly
-  } = useContext(GlobalHeaderContext);
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    alignItems: "center",
-    pr: showIconOnly ? "0px" : "36px",
-    cols: showIconOnly ? ["auto"] : ["auto", "1fr"]
-  }, Logo && showIconOnly && /* @__PURE__ */ React2.createElement(Logo, null), LogoWithBrand && !showIconOnly && /* @__PURE__ */ React2.createElement(LogoWithBrand, null));
-};
-export {
-  GlobalHeaderTitle
-};
-//# sourceMappingURL=GlobalHeaderTitle.js.map

package/dist/esm/components/Title/GlobalHeaderTitle.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Title/GlobalHeaderTitle.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\n\nexport const GlobalHeaderTitle = (): JSX.Element => {\n  const {\n    props: { Logo, LogoWithBrand },\n    showIconOnly,\n  } = useContext(GlobalHeaderContext);\n\n  return (\n    <Grid alignItems=\"center\" pr={showIconOnly ? '0px' : '36px'} cols={showIconOnly ? ['auto'] : ['auto', '1fr']}>\n      {Logo && showIconOnly && <Logo />}\n      {LogoWithBrand && !showIconOnly && <LogoWithBrand />}\n    </Grid>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,oBAAoB,MAAmB;AAClD,QAAM;AAAA,IACJ,OAAO,EAAE,MAAM;AAAA,IACf;AAAA,MACE,WAAW;AAEf,SACE,qCAAC,MAAD;AAAA,IAAM,YAAW;AAAA,IAAS,IAAI,eAAe,QAAQ;AAAA,IAAQ,MAAM,eAAe,CAAC,UAAU,CAAC,QAAQ;AAAA,KACnG,QAAQ,gBAAgB,qCAAC,MAAD,OACxB,iBAAiB,CAAC,gBAAgB,qCAAC,eAAD;AAAA;",
-  "names": []
-}

package/dist/esm/components/Toolbar/GlobalHeaderToolbar.js

@@ -1,20 +0,0 @@
-import * as React from "react";
-import React2, { useContext } from "react";
-import { Grid } from "@elliemae/ds-grid";
-import { ToolbarItems } from "./ToolbarItems";
-import { GlobalHeaderContext } from "../../GlobalHeaderContext";
-const GlobalHeaderToolbar = () => {
-  const { globalHeaderToolbarGrid } = useContext(GlobalHeaderContext);
-  return /* @__PURE__ */ React2.createElement(Grid, {
-    height: "100%",
-    alignItems: "center",
-    justifyContent: "center",
-    gutter: "xxs",
-    cols: globalHeaderToolbarGrid,
-    role: "toolbar"
-  }, /* @__PURE__ */ React2.createElement(ToolbarItems, null));
-};
-export {
-  GlobalHeaderToolbar
-};
-//# sourceMappingURL=GlobalHeaderToolbar.js.map

package/dist/esm/components/Toolbar/GlobalHeaderToolbar.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Toolbar/GlobalHeaderToolbar.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useContext } from 'react';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ToolbarItems } from './ToolbarItems';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\n\nexport const GlobalHeaderToolbar = (): JSX.Element => {\n  const { globalHeaderToolbarGrid } = useContext(GlobalHeaderContext);\n  return (\n    <Grid\n      height=\"100%\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      gutter=\"xxs\"\n      cols={globalHeaderToolbarGrid}\n      role=\"toolbar\"\n    >\n      <ToolbarItems />\n    </Grid>\n  );\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAEO,MAAM,sBAAsB,MAAmB;AACpD,QAAM,EAAE,4BAA4B,WAAW;AAC/C,SACE,qCAAC,MAAD;AAAA,IACE,QAAO;AAAA,IACP,YAAW;AAAA,IACX,gBAAe;AAAA,IACf,QAAO;AAAA,IACP,MAAM;AAAA,IACN,MAAK;AAAA,KAEL,qCAAC,cAAD;AAAA;",
-  "names": []
-}

package/dist/esm/components/Toolbar/ToolbarItems.js

@@ -1,67 +0,0 @@
-import * as React from "react";
-import React2, { useContext, useMemo } from "react";
-import { AppPicker, PopupMenu, SearchToggle } from "../../outOfTheBox";
-import { Button } from "./styles";
-import { GlobalHeaderContext } from "../../GlobalHeaderContext";
-import { getDataProps } from "@elliemae/ds-props-helpers";
-const ToolbarItems = () => {
-  const {
-    props: { toolbar },
-    instanceUID
-  } = useContext(GlobalHeaderContext);
-  console.log(`toolbar`, toolbar);
-  const itemsList = useMemo(() => toolbar?.map((item) => {
-    const { Icon, type, onClick, componentProps, label, onKeyPress, id, CustomComponent, ...otherProps } = item;
-    switch (type) {
-      case "ds-popup-menu":
-        return /* @__PURE__ */ React2.createElement(PopupMenu, {
-          title: label,
-          Icon,
-          onClick,
-          onKeyPress,
-          id,
-          key: `${instanceUID}-ds-popup-menu-${label}`,
-          ...otherProps,
-          componentProps
-        });
-      case "ds-app-picker":
-        return /* @__PURE__ */ React2.createElement(AppPicker, {
-          label,
-          key: `${instanceUID}-ds-app-picker-${label}`,
-          id,
-          componentProps,
-          ...otherProps
-        });
-      case "ds-search-toggle":
-        return /* @__PURE__ */ React2.createElement(SearchToggle, {
-          key: `${instanceUID}-ds-search-toggle-${id}`,
-          id,
-          componentProps,
-          ...otherProps
-        });
-      case "custom":
-        if (CustomComponent)
-          return /* @__PURE__ */ React2.createElement(CustomComponent, {
-            item
-          });
-        return null;
-      default:
-        return /* @__PURE__ */ React2.createElement(Button, {
-          onClick,
-          key: `${instanceUID}-ds-toolbar-button-${label}`,
-          title: label,
-          "data-testid": "gh-toolbar-item",
-          id,
-          ...getDataProps(otherProps)
-        }, /* @__PURE__ */ React2.createElement(Icon, {
-          fill: "#FFF",
-          size: "m"
-        }));
-    }
-  }), [toolbar, instanceUID]);
-  return /* @__PURE__ */ React2.createElement(React2.Fragment, null, itemsList);
-};
-export {
-  ToolbarItems
-};
-//# sourceMappingURL=ToolbarItems.js.map

package/dist/esm/components/Toolbar/ToolbarItems.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Toolbar/ToolbarItems.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable no-case-declarations */\nimport React, { useContext, useMemo } from 'react';\nimport { AppPicker, PopupMenu, SearchToggle } from '../../outOfTheBox';\nimport { Button } from './styles';\nimport { GlobalHeaderContext } from '../../GlobalHeaderContext';\nimport { getDataProps } from '@elliemae/ds-props-helpers';\n\nexport const ToolbarItems = (): JSX.Element => {\n  const {\n    props: { toolbar },\n    instanceUID,\n  } = useContext(GlobalHeaderContext);\n\n  console.log(`toolbar`, toolbar);\n  const itemsList = useMemo(\n    () =>\n      toolbar?.map((item) => {\n        const { Icon, type, onClick, componentProps, label, onKeyPress, id, CustomComponent, ...otherProps } = item;\n\n        switch (type) {\n          case 'ds-popup-menu':\n            return (\n              <PopupMenu\n                title={label}\n                Icon={Icon}\n                onClick={onClick}\n                onKeyPress={onKeyPress}\n                id={id}\n                key={`${instanceUID}-ds-popup-menu-${label}`}\n                {...otherProps}\n                componentProps={componentProps}\n              />\n            );\n          case 'ds-app-picker':\n            return (\n              <AppPicker\n                label={label}\n                key={`${instanceUID}-ds-app-picker-${label}`}\n                id={id}\n                componentProps={componentProps}\n                {...otherProps}\n              />\n            );\n          case 'ds-search-toggle':\n            return (\n              <SearchToggle\n                key={`${instanceUID}-ds-search-toggle-${id}`}\n                id={id}\n                componentProps={componentProps}\n                {...otherProps}\n              />\n            );\n          case 'custom':\n            if (CustomComponent) return <CustomComponent item={item} />;\n            return null;\n          default:\n            return (\n              <Button\n                onClick={onClick}\n                key={`${instanceUID}-ds-toolbar-button-${label}`}\n                title={label}\n                data-testid=\"gh-toolbar-item\"\n                id={id}\n                {...getDataProps(otherProps)}\n              >\n                <Icon fill=\"#FFF\" size=\"m\" />\n              </Button>\n            );\n        }\n      }),\n    [toolbar, instanceUID],\n  );\n\n  return <>{itemsList}</>;\n};\n"],
-  "mappings": "AAAA;ACCA;AACA;AACA;AACA;AACA;AAEO,MAAM,eAAe,MAAmB;AAC7C,QAAM;AAAA,IACJ,OAAO,EAAE;AAAA,IACT;AAAA,MACE,WAAW;AAEf,UAAQ,IAAI,WAAW;AACvB,QAAM,YAAY,QAChB,MACE,SAAS,IAAI,CAAC,SAAS;AACrB,UAAM,EAAE,MAAM,MAAM,SAAS,gBAAgB,OAAO,YAAY,IAAI,oBAAoB,eAAe;AAEvG,YAAQ;AAAA,WACD;AACH,eACE,qCAAC,WAAD;AAAA,UACE,OAAO;AAAA,UACP;AAAA,UACA;AAAA,UACA;AAAA,UACA;AAAA,UACA,KAAK,GAAG,6BAA6B;AAAA,aACjC;AAAA,UACJ;AAAA;AAAA,WAGD;AACH,eACE,qCAAC,WAAD;AAAA,UACE;AAAA,UACA,KAAK,GAAG,6BAA6B;AAAA,UACrC;AAAA,UACA;AAAA,aACI;AAAA;AAAA,WAGL;AACH,eACE,qCAAC,cAAD;AAAA,UACE,KAAK,GAAG,gCAAgC;AAAA,UACxC;AAAA,UACA;AAAA,aACI;AAAA;AAAA,WAGL;AACH,YAAI;AAAiB,iBAAO,qCAAC,iBAAD;AAAA,YAAiB;AAAA;AAC7C,eAAO;AAAA;AAEP,eACE,qCAAC,QAAD;AAAA,UACE;AAAA,UACA,KAAK,GAAG,iCAAiC;AAAA,UACzC,OAAO;AAAA,UACP,eAAY;AAAA,UACZ;AAAA,aACI,aAAa;AAAA,WAEjB,qCAAC,MAAD;AAAA,UAAM,MAAK;AAAA,UAAO,MAAK;AAAA;AAAA;AAAA,MAKnC,CAAC,SAAS;AAGZ,SAAO,4DAAG;AAAA;",
-  "names": []
-}

package/dist/esm/components/Toolbar/styles.js

@@ -1,32 +0,0 @@
-import * as React from "react";
-import styled from "styled-components";
-const Button = styled.button`
-  height: 40px;
-  width: 40px;
-  border: none;
-  background-color: transparent;
-  cursor: pointer;
-  position: relative;
-  outline: none;
-  &:hover:not(:focus) {
-    background-color: ${({ theme }) => theme.colors.brand[700]};
-    outline: none;
-  }
-  &:focus {
-    :before {
-      content: '';
-      position: absolute;
-      z-index: 2;
-      top: 2px;
-      left: 2px;
-      width: calc(100% - 4px);
-      height: calc(100% - 4px);
-      border: 2px solid ${({ theme }) => theme.colors.neutral["000"]};
-      border-radius: 4px;
-    }
-  }
-`;
-export {
-  Button
-};
-//# sourceMappingURL=styles.js.map

package/dist/esm/components/Toolbar/styles.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/components/Toolbar/styles.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\n\nexport const Button = styled.button`\n  height: 40px;\n  width: 40px;\n  border: none;\n  background-color: transparent;\n  cursor: pointer;\n  position: relative;\n  outline: none;\n  &:hover:not(:focus) {\n    background-color: ${({ theme }) => theme.colors.brand[700]};\n    outline: none;\n  }\n  &:focus {\n    :before {\n      content: '';\n      position: absolute;\n      z-index: 2;\n      top: 2px;\n      left: 2px;\n      width: calc(100% - 4px);\n      height: calc(100% - 4px);\n      border: 2px solid ${({ theme }) => theme.colors.neutral['000']};\n      border-radius: 4px;\n    }\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AAEO,MAAM,SAAS,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBASL,CAAC,EAAE,YAAY,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYhC,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
-  "names": []
-}