@elliemae/ds-global-header 3.1.0-next.2 → 3.1.0-next.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/DSGlobalHeader.js +3 -3
- package/dist/cjs/DSGlobalHeader.js.map +2 -2
- package/dist/cjs/exported-related/theming.js +2 -2
- package/dist/cjs/exported-related/theming.js.map +2 -2
- package/dist/cjs/parts/Breadcrumb/styles.js +7 -7
- package/dist/cjs/parts/Breadcrumb/styles.js.map +2 -2
- package/dist/cjs/parts/Logo/styles.js +1 -1
- package/dist/cjs/parts/Logo/styles.js.map +2 -2
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/styles.js +5 -5
- package/dist/cjs/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/styles.js.map +2 -2
- package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/styles.js +1 -1
- package/dist/cjs/parts/Toolbar/outOfTheBox/SearchToggle/styles.js.map +2 -2
- package/dist/cjs/parts/Toolbar/styles.js +3 -3
- package/dist/cjs/parts/Toolbar/styles.js.map +2 -2
- package/dist/cjs/parts/styles.js +2 -2
- package/dist/cjs/parts/styles.js.map +2 -2
- package/dist/esm/DSGlobalHeader.js +3 -3
- package/dist/esm/DSGlobalHeader.js.map +1 -1
- package/dist/esm/exported-related/theming.js +2 -2
- package/dist/esm/exported-related/theming.js.map +2 -2
- package/dist/esm/parts/Breadcrumb/styles.js +8 -8
- package/dist/esm/parts/Breadcrumb/styles.js.map +2 -2
- package/dist/esm/parts/Logo/styles.js +2 -2
- package/dist/esm/parts/Logo/styles.js.map +2 -2
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/styles.js +6 -6
- package/dist/esm/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/styles.js.map +2 -2
- package/dist/esm/parts/Toolbar/outOfTheBox/SearchToggle/styles.js +2 -2
- package/dist/esm/parts/Toolbar/outOfTheBox/SearchToggle/styles.js.map +1 -1
- package/dist/esm/parts/Toolbar/styles.js +4 -4
- package/dist/esm/parts/Toolbar/styles.js.map +2 -2
- package/dist/esm/parts/styles.js +3 -3
- package/dist/esm/parts/styles.js.map +2 -2
- package/package.json +20 -18
|
@@ -28,7 +28,7 @@ module.exports = __toCommonJS(DSGlobalHeader_exports);
|
|
|
28
28
|
var React = __toESM(require("react"));
|
|
29
29
|
var import_react = __toESM(require("react"));
|
|
30
30
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
31
|
-
var
|
|
31
|
+
var import_ds_utilities2 = require("@elliemae/ds-utilities");
|
|
32
32
|
var import_react_desc_prop_types = require("./react-desc-prop-types");
|
|
33
33
|
var import_GlobalHeaderLogo = require("./parts/Logo/GlobalHeaderLogo");
|
|
34
34
|
var import_GlobalHeaderBreadcrumb = require("./parts/Breadcrumb/GlobalHeaderBreadcrumb");
|
|
@@ -54,8 +54,8 @@ const DSGlobalHeader = (props) => {
|
|
|
54
54
|
value: ctx
|
|
55
55
|
}, /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderLogo.GlobalHeaderLogo, null), /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderBreadcrumb.GlobalHeaderBreadcrumb, null), /* @__PURE__ */ import_react.default.createElement(import_GlobalHeaderToolbar.GlobalHeaderToolbar, null)));
|
|
56
56
|
};
|
|
57
|
-
DSGlobalHeader.displayName =
|
|
58
|
-
const DSGlobalHeaderWithSchema = (0,
|
|
57
|
+
DSGlobalHeader.displayName = import_exported_related.DSGlobalHeaderName;
|
|
58
|
+
const DSGlobalHeaderWithSchema = (0, import_ds_utilities2.describe)(DSGlobalHeader);
|
|
59
59
|
DSGlobalHeaderWithSchema.propTypes = import_react_desc_prop_types.propTypes;
|
|
60
60
|
const GlobalHeader = DSGlobalHeader;
|
|
61
61
|
//# sourceMappingURL=DSGlobalHeader.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/DSGlobalHeader.tsx", "../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { describe } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2D;AAC3D,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-utilities';\nimport { propTypes } from './react-desc-prop-types';\nimport { GlobalHeaderLogo } from './parts/Logo/GlobalHeaderLogo';\nimport { GlobalHeaderBreadcrumb } from './parts/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './parts/Toolbar/GlobalHeaderToolbar';\nimport { DSGlobalHeaderContext } from './DSGlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { GlobalHeaderContainer } from './parts/GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\nimport { DSGlobalHeaderDatatestid, DSGlobalHeaderName } from './exported-related';\nimport type { DSGlobalHeaderT } from './react-desc-prop-types';\n\nconst DSGlobalHeader = (props: DSGlobalHeaderT.Props): JSX.Element => {\n useValidateProps(props);\n const ctx = useGlobalHeader(props);\n\n const globalAttrs = useGetGlobalAttributes(props);\n const xstyledAttrs = useGetXstyledProps(props);\n\n const { bg, backgroundColor } = props;\n\n return (\n <GlobalHeaderContainer\n data-testid={DSGlobalHeaderDatatestid.CONTAINER}\n globalAttrs={globalAttrs}\n xstyledAttrs={xstyledAttrs}\n bg={bg}\n backgroundColor={backgroundColor}\n >\n <DSGlobalHeaderContext.Provider value={ctx}>\n <GlobalHeaderLogo />\n <GlobalHeaderBreadcrumb />\n <GlobalHeaderToolbar />\n </DSGlobalHeaderContext.Provider>\n </GlobalHeaderContainer>\n );\n};\n\nDSGlobalHeader.displayName = DSGlobalHeaderName;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = propTypes;\n\nconst GlobalHeader = DSGlobalHeader;\n\nexport { GlobalHeader, DSGlobalHeader, DSGlobalHeaderWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAA2D;AAC3D,2BAAyB;AACzB,mCAA0B;AAC1B,8BAAiC;AACjC,oCAAuC;AACvC,iCAAoC;AACpC,mCAAsC;AACtC,6BAAgC;AAChC,mCAAsC;AACtC,8BAAiC;AACjC,8BAA6D;AAG7D,MAAM,iBAAiB,CAAC,UAA8C;AACpE,gDAAiB,KAAK;AACtB,QAAM,MAAM,4CAAgB,KAAK;AAEjC,QAAM,cAAc,gDAAuB,KAAK;AAChD,QAAM,eAAe,4CAAmB,KAAK;AAE7C,QAAM,EAAE,IAAI,oBAAoB;AAEhC,SACE,mDAAC;AAAA,IACC,eAAa,iDAAyB;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,mDAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,KACrC,mDAAC,8CAAiB,GAClB,mDAAC,0DAAuB,GACxB,mDAAC,oDAAoB,CACvB,CACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,mCAAS,cAAc;AACxD,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -20,12 +20,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
20
20
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
21
21
|
var theming_exports = {};
|
|
22
22
|
__export(theming_exports, {
|
|
23
|
-
|
|
23
|
+
DSGlobalHeaderName: () => DSGlobalHeaderName,
|
|
24
24
|
slots: () => slots
|
|
25
25
|
});
|
|
26
26
|
module.exports = __toCommonJS(theming_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
|
-
const
|
|
28
|
+
const DSGlobalHeaderName = "DSGlobalHeader";
|
|
29
29
|
const slots = {
|
|
30
30
|
CONTAINER: "root",
|
|
31
31
|
LOGO: {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/exported-related/theming.ts", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["export const
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,
|
|
4
|
+
"sourcesContent": ["export const DSGlobalHeaderName = 'DSGlobalHeader';\n\nexport const slots = {\n CONTAINER: 'root',\n LOGO: {\n CONTAINER: 'logo-container',\n },\n BREADCRUMB: {\n CONTAINER: 'breadcrumb-container',\n PIPE: 'breadcrumb-pipe',\n CHEVRON: 'breadcrumb-chevron',\n LIST: 'breadcrumb-list',\n ITEM: 'breadcrumb-item',\n ITEM_LINK: 'breadcrumb-item-link',\n ITEM_LINK_LABEL: 'breadcrumb-item-link-label',\n },\n MENUBAR: {\n CONTAINER: 'menubar-container',\n LIST: 'menubar-list',\n ITEM: 'menubar-item',\n ITEM_BUTTON: 'menubar-item-button',\n POPUP_MENU: {\n LIST: 'menubar-item-popupmenu-list',\n ITEM: 'menubar-item-popupmenu-item',\n ITEM_BUTTON: 'menubar-item-popupmenu-item-button',\n SEPARATOR: 'menubar-item-popupmenu-separator',\n ITEM_BUTTON_LABEL: 'menubar-item-popupmenu-item-label',\n },\n SEARCH_TOGGLE: {\n CONTAINER: 'menubar-item-searchtoggle-container',\n },\n },\n};\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,qBAAqB;AAE3B,MAAM,QAAQ;AAAA,EACnB,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EACA,YAAY;AAAA,IACV,WAAW;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW;AAAA,IACX,iBAAiB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,YAAY;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAW;AAAA,MACX,mBAAmB;AAAA,IACrB;AAAA,IACA,eAAe;AAAA,MACb,WAAW;AAAA,IACb;AAAA,EACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -34,8 +34,8 @@ var import_ds_system = require("@elliemae/ds-system");
|
|
|
34
34
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
35
35
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
36
36
|
var import_theming = require("../../exported-related/theming");
|
|
37
|
-
const StyledBreadcrumbContainer = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_theming.
|
|
38
|
-
const StyledBreadcrumbList = (0, import_ds_system.styled)("ul", { name: import_theming.
|
|
37
|
+
const StyledBreadcrumbContainer = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.BREADCRUMB.CONTAINER })``;
|
|
38
|
+
const StyledBreadcrumbList = (0, import_ds_system.styled)("ul", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.BREADCRUMB.LIST })`
|
|
39
39
|
display: grid;
|
|
40
40
|
grid-auto-flow: column;
|
|
41
41
|
min-width: fit-content;
|
|
@@ -44,23 +44,23 @@ const StyledBreadcrumbList = (0, import_ds_system.styled)("ul", { name: import_t
|
|
|
44
44
|
padding: 0;
|
|
45
45
|
height: 100%;
|
|
46
46
|
`;
|
|
47
|
-
const StyledPipe = (0, import_ds_system.styled)("span", { name: import_theming.
|
|
47
|
+
const StyledPipe = (0, import_ds_system.styled)("span", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.BREADCRUMB.PIPE })`
|
|
48
48
|
margin: 0 7px 0 0;
|
|
49
49
|
border-left: ${({ theme, showIconOnly }) => showIconOnly ? "none" : `1px solid ${theme.colors.neutral["000"]}`};
|
|
50
50
|
height: 20px;
|
|
51
51
|
`;
|
|
52
52
|
const StyledChevron = (0, import_ds_system.styled)(import_ds_icons.ChevronSmallRight, {
|
|
53
|
-
name: import_theming.
|
|
53
|
+
name: import_theming.DSGlobalHeaderName,
|
|
54
54
|
slot: import_theming.slots.BREADCRUMB.CHEVRON
|
|
55
55
|
})`
|
|
56
56
|
fill: ${({ theme }) => theme.colors.neutral["000"]};
|
|
57
57
|
`;
|
|
58
|
-
const StyledBreadcrumbItem = (0, import_ds_system.styled)("li", { name: import_theming.
|
|
58
|
+
const StyledBreadcrumbItem = (0, import_ds_system.styled)("li", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.BREADCRUMB.ITEM })`
|
|
59
59
|
display: flex;
|
|
60
60
|
align-items: center;
|
|
61
61
|
height: 40px;
|
|
62
62
|
`;
|
|
63
|
-
const StyledLink = (0, import_ds_system.styled)("a", { name: import_theming.
|
|
63
|
+
const StyledLink = (0, import_ds_system.styled)("a", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.BREADCRUMB.ITEM_LINK })`
|
|
64
64
|
width: fit-content;
|
|
65
65
|
height: 40px;
|
|
66
66
|
display: grid;
|
|
@@ -86,7 +86,7 @@ const StyledLink = (0, import_ds_system.styled)("a", { name: import_theming.COMP
|
|
|
86
86
|
}
|
|
87
87
|
}
|
|
88
88
|
`;
|
|
89
|
-
const StyledLabel = (0, import_ds_system.styled)("span", { name: import_theming.
|
|
89
|
+
const StyledLabel = (0, import_ds_system.styled)("span", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.BREADCRUMB.ITEM_LINK_LABEL })`
|
|
90
90
|
color: ${({ theme }) => theme.colors.neutral["000"]};
|
|
91
91
|
${({ theme, isSelected }) => `-webkit-text-stroke: 0.4px ${isSelected ? theme.colors.neutral["000"] : "transparent"}`};
|
|
92
92
|
font-size: 16px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/Breadcrumb/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,sBAAkC;AAClC,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport { DSGlobalHeaderName, slots } from '../../exported-related/theming';\n\ninterface PipeT {\n showIconOnly: boolean;\n}\n\ninterface ChevronT {\n size: string;\n}\n\ninterface LabelT {\n isSelected: boolean;\n isOnlyItem: boolean;\n}\n\nexport const StyledBreadcrumbContainer = styled(Grid, { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.CONTAINER })``;\n\nexport const StyledBreadcrumbList = styled('ul', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.LIST })`\n display: grid;\n grid-auto-flow: column;\n min-width: fit-content;\n align-items: center;\n margin: 0;\n padding: 0;\n height: 100%;\n`;\n\nexport const StyledPipe = styled('span', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.PIPE })<PipeT>`\n margin: 0 7px 0 0;\n border-left: ${({ theme, showIconOnly }) => (showIconOnly ? 'none' : `1px solid ${theme.colors.neutral['000']}`)};\n height: 20px;\n`;\n\nexport const StyledChevron = styled(ChevronSmallRight, {\n name: DSGlobalHeaderName,\n slot: slots.BREADCRUMB.CHEVRON,\n})<ChevronT>`\n fill: ${({ theme }) => theme.colors.neutral['000']};\n`;\n\nexport const StyledBreadcrumbItem = styled('li', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.ITEM })`\n display: flex;\n align-items: center;\n height: 40px;\n`;\n\nexport const StyledLink = styled('a', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.ITEM_LINK })`\n width: fit-content;\n height: 40px;\n display: grid;\n place-items: center;\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 StyledLabel = styled('span', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.ITEM_LINK_LABEL })<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 line-height: 1;\n text-transform: uppercase;\n border-bottom: ${({ theme, isSelected, isOnlyItem }) =>\n `2px solid ${isSelected && !isOnlyItem ? theme.colors.neutral['000'] : 'transparent'}`};\n margin: 3px 5px 0 5px;\n :hover {\n ${({ theme }) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral['000']}`};\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAAuB;AACvB,qBAAqB;AACrB,sBAAkC;AAClC,qBAA0C;AAenC,MAAM,4BAA4B,6BAAO,qBAAM,EAAE,MAAM,mCAAoB,MAAM,qBAAM,WAAW,UAAU,CAAC;AAE7G,MAAM,uBAAuB,6BAAO,MAAM,EAAE,MAAM,mCAAoB,MAAM,qBAAM,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUnG,MAAM,aAAa,6BAAO,QAAQ,EAAE,MAAM,mCAAoB,MAAM,qBAAM,WAAW,KAAK,CAAC;AAAA;AAAA,iBAEjF,CAAC,EAAE,OAAO,mBAAoB,eAAe,SAAS,aAAa,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlG,MAAM,gBAAgB,6BAAO,mCAAmB;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,qBAAM,WAAW;AACzB,CAAC;AAAA,UACS,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGvC,MAAM,uBAAuB,6BAAO,MAAM,EAAE,MAAM,mCAAoB,MAAM,qBAAM,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAMnG,MAAM,aAAa,6BAAO,KAAK,EAAE,MAAM,mCAAoB,MAAM,qBAAM,WAAW,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAqB1E,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,cAAc,6BAAO,QAAQ,EAAE,MAAM,mCAAoB,MAAM,qBAAM,WAAW,gBAAgB,CAAC;AAAA,WACnG,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,IAC3C,CAAC,EAAE,OAAO,iBACV,+BAA+B,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA,mBAI3D,CAAC,EAAE,OAAO,YAAY,iBACrC,aAAa,cAAc,CAAC,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,MAGrE,CAAC,EAAE,YAAY,8BAA8B,MAAM,OAAO,QAAQ;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -27,5 +27,5 @@ var React = __toESM(require("react"));
|
|
|
27
27
|
var import_ds_system = require("@elliemae/ds-system");
|
|
28
28
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
29
29
|
var import_theming = require("../../exported-related/theming");
|
|
30
|
-
const StyledLogoContainer = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_theming.
|
|
30
|
+
const StyledLogoContainer = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.LOGO.CONTAINER })``;
|
|
31
31
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/Logo/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSGlobalHeaderName, slots } from '../../exported-related/theming';\n\nexport const StyledLogoContainer = styled(Grid, { name: DSGlobalHeaderName, slot: slots.LOGO.CONTAINER })``;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,qBAA0C;AAEnC,MAAM,sBAAsB,6BAAO,qBAAM,EAAE,MAAM,mCAAoB,MAAM,qBAAM,KAAK,UAAU,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -30,15 +30,15 @@ module.exports = __toCommonJS(styles_exports);
|
|
|
30
30
|
var React = __toESM(require("react"));
|
|
31
31
|
var import_ds_system = require("@elliemae/ds-system");
|
|
32
32
|
var import_theming = require("../../../../../exported-related/theming");
|
|
33
|
-
const StyledList = (0, import_ds_system.styled)("ul", { name: import_theming.
|
|
33
|
+
const StyledList = (0, import_ds_system.styled)("ul", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.MENUBAR.POPUP_MENU.LIST })`
|
|
34
34
|
padding: 5px 0px;
|
|
35
35
|
margin: 0;
|
|
36
36
|
background: white;
|
|
37
37
|
`;
|
|
38
|
-
const StyledItemContainer = (0, import_ds_system.styled)("li", { name: import_theming.
|
|
38
|
+
const StyledItemContainer = (0, import_ds_system.styled)("li", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.MENUBAR.POPUP_MENU.ITEM })`
|
|
39
39
|
list-style: none;
|
|
40
40
|
`;
|
|
41
|
-
const StyledItemButton = (0, import_ds_system.styled)("button", { name: import_theming.
|
|
41
|
+
const StyledItemButton = (0, import_ds_system.styled)("button", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.MENUBAR.POPUP_MENU.ITEM_BUTTON })`
|
|
42
42
|
display: flex;
|
|
43
43
|
align-items: center;
|
|
44
44
|
justify-content: center;
|
|
@@ -53,12 +53,12 @@ const StyledItemButton = (0, import_ds_system.styled)("button", { name: import_t
|
|
|
53
53
|
border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};
|
|
54
54
|
}
|
|
55
55
|
`;
|
|
56
|
-
const StyledLabel = (0, import_ds_system.styled)("span", { name: import_theming.
|
|
56
|
+
const StyledLabel = (0, import_ds_system.styled)("span", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL })`
|
|
57
57
|
width: 100%;
|
|
58
58
|
font-size: 14px;
|
|
59
59
|
margin: 10px;
|
|
60
60
|
`;
|
|
61
|
-
const StyledSeparator = (0, import_ds_system.styled)("div", { name: import_theming.
|
|
61
|
+
const StyledSeparator = (0, import_ds_system.styled)("div", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.MENUBAR.POPUP_MENU.SEPARATOR })`
|
|
62
62
|
width: 100%;
|
|
63
63
|
border: none;
|
|
64
64
|
border-bottom: 1px solid #ccc;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/styles.tsx", "../../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSGlobalHeaderName, slots } from '../../../../../exported-related/theming';\n\nexport const StyledList = styled('ul', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.LIST })`\n padding: 5px 0px;\n margin: 0;\n background: white;\n`;\n\nexport const StyledItemContainer = styled('li', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.ITEM })`\n list-style: none;\n`;\n\nexport const StyledItemButton = styled('button', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.ITEM_BUTTON })`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 20px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n outline: none;\n :hover,\n :focus {\n border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};\n }\n`;\n\nexport const StyledLabel = styled('span', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL })`\n width: 100%;\n font-size: 14px;\n margin: 10px;\n`;\n\nexport const StyledSeparator = styled('div', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.SEPARATOR })`\n width: 100%;\n border: none;\n border-bottom: 1px solid #ccc;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAA0C;AAEnC,MAAM,aAAa,6BAAO,MAAM,EAAE,MAAM,mCAAoB,MAAM,qBAAM,QAAQ,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAMjG,MAAM,sBAAsB,6BAAO,MAAM,EAAE,MAAM,mCAAoB,MAAM,qBAAM,QAAQ,WAAW,KAAK,CAAC;AAAA;AAAA;AAI1G,MAAM,mBAAmB,6BAAO,UAAU,EAAE,MAAM,mCAAoB,MAAM,qBAAM,QAAQ,WAAW,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAY3G,CAAC,EAAE,YAAY,aAAa,MAAM,OAAO,MAAM;AAAA;AAAA;AAItD,MAAM,cAAc,6BAAO,QAAQ,EAAE,MAAM,mCAAoB,MAAM,qBAAM,QAAQ,WAAW,kBAAkB,CAAC;AAAA;AAAA;AAAA;AAAA;AAMjH,MAAM,kBAAkB,6BAAO,OAAO,EAAE,MAAM,mCAAoB,MAAM,qBAAM,QAAQ,WAAW,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -27,7 +27,7 @@ var React = __toESM(require("react"));
|
|
|
27
27
|
var import_ds_system = require("@elliemae/ds-system");
|
|
28
28
|
var import_theming = require("../../../../exported-related/theming");
|
|
29
29
|
const StyledNavSearchBoxContainer = (0, import_ds_system.styled)("div", {
|
|
30
|
-
name: import_theming.
|
|
30
|
+
name: import_theming.DSGlobalHeaderName,
|
|
31
31
|
slot: import_theming.slots.MENUBAR.SEARCH_TOGGLE.CONTAINER
|
|
32
32
|
})`
|
|
33
33
|
background: ${({ theme }) => theme.colors.neutral["000"]};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../src/parts/Toolbar/outOfTheBox/SearchToggle/styles.tsx", "../../../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSGlobalHeaderName, slots } from '../../../../exported-related/theming';\n\nexport const StyledNavSearchBoxContainer = styled('div', {\n name: DSGlobalHeaderName,\n slot: slots.MENUBAR.SEARCH_TOGGLE.CONTAINER,\n})`\n background: ${({ theme }) => theme.colors.neutral['000']};\n position: relative;\n min-width: 260px;\n\n & .em-ds-button {\n margin-right: 2px;\n height: 24px;\n width: 24px;\n }\n\n & .em-ds-input {\n border: none;\n outline: none;\n box-shadow: none;\n }\n\n & .em-ds-input:focus {\n border: none;\n box-shadow: none;\n }\n\n & .em-ds-input.em-ds-input--clearable:hover {\n border: none;\n outline: none;\n box-shadow: none;\n }\n\n & .em-ds-input-addon-wrapper {\n box-shadow: none;\n }\n\n & .em-ds-input-addon-wrapper:hover {\n outline: none;\n }\n\n & .em-ds-input-addon-wrapper__addon:hover {\n outline: none;\n }\n\n & .em-ds-input:not(.floating-label-input-controller):hover:active {\n border: none;\n outline: none;\n box-shadow: none;\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAA0C;AAEnC,MAAM,8BAA8B,6BAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,qBAAM,QAAQ,cAAc;AACpC,CAAC;AAAA,gBACe,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -29,12 +29,12 @@ var React = __toESM(require("react"));
|
|
|
29
29
|
var import_ds_system = require("@elliemae/ds-system");
|
|
30
30
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
31
31
|
var import_theming = require("../../exported-related/theming");
|
|
32
|
-
const StyledMenubarContainer = (0, import_ds_system.styled)("nav", { name: import_theming.
|
|
33
|
-
const StyledList = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_theming.
|
|
32
|
+
const StyledMenubarContainer = (0, import_ds_system.styled)("nav", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.MENUBAR.CONTAINER })``;
|
|
33
|
+
const StyledList = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.MENUBAR.LIST })`
|
|
34
34
|
padding: 0;
|
|
35
35
|
margin: 0;
|
|
36
36
|
`;
|
|
37
|
-
const StyledToolbarItem = (0, import_ds_system.styled)("li", { name: import_theming.
|
|
37
|
+
const StyledToolbarItem = (0, import_ds_system.styled)("li", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.MENUBAR.ITEM })`
|
|
38
38
|
list-style: none;
|
|
39
39
|
`;
|
|
40
40
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../src/parts/Toolbar/styles.tsx", "../../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,
|
|
4
|
+
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSGlobalHeaderName, slots } from '../../exported-related/theming';\n\nexport const StyledMenubarContainer = styled('nav', { name: DSGlobalHeaderName, slot: slots.MENUBAR.CONTAINER })``;\n\nexport const StyledList = styled(Grid, { name: DSGlobalHeaderName, slot: slots.MENUBAR.LIST })`\n padding: 0;\n margin: 0;\n`;\n\nexport const StyledToolbarItem = styled('li', { name: DSGlobalHeaderName, slot: slots.MENUBAR.ITEM })`\n list-style: none;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AACrB,qBAA0C;AAEnC,MAAM,yBAAyB,6BAAO,OAAO,EAAE,MAAM,mCAAoB,MAAM,qBAAM,QAAQ,UAAU,CAAC;AAExG,MAAM,aAAa,6BAAO,qBAAM,EAAE,MAAM,mCAAoB,MAAM,qBAAM,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAKtF,MAAM,oBAAoB,6BAAO,MAAM,EAAE,MAAM,mCAAoB,MAAM,qBAAM,QAAQ,KAAK,CAAC;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/cjs/parts/styles.js
CHANGED
|
@@ -28,7 +28,7 @@ var React = __toESM(require("react"));
|
|
|
28
28
|
var import_ds_system = require("@elliemae/ds-system");
|
|
29
29
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
30
30
|
var import_theming = require("../exported-related/theming");
|
|
31
|
-
const Container = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_theming.
|
|
31
|
+
const Container = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.CONTAINER })`
|
|
32
32
|
${({ bg, backgroundColor }) => bg || backgroundColor ? "" : "background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);"}
|
|
33
33
|
color: ${({ theme }) => theme.colors.neutral["000"]};
|
|
34
34
|
height: 40px;
|
|
@@ -38,7 +38,7 @@ const Container = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: impo
|
|
|
38
38
|
${import_ds_system.layout}
|
|
39
39
|
${import_ds_system.background}
|
|
40
40
|
`;
|
|
41
|
-
const StyledButton = (0, import_ds_system.styled)("button", { name: import_theming.
|
|
41
|
+
const StyledButton = (0, import_ds_system.styled)("button", { name: import_theming.DSGlobalHeaderName, slot: import_theming.slots.MENUBAR.ITEM_BUTTON })`
|
|
42
42
|
height: 40px;
|
|
43
43
|
width: 40px;
|
|
44
44
|
border: none;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/parts/styles.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled, sizing, space, layout, background } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { slots,
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAA0D;AAC1D,qBAAqB;AACrB,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled, sizing, space, layout, background } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { slots, DSGlobalHeaderName } from '../exported-related/theming';\n\nexport const Container = styled(Grid, { name: DSGlobalHeaderName, slot: slots.CONTAINER })`\n ${({ bg, backgroundColor }) =>\n bg || backgroundColor ? '' : 'background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);'}\n color: ${({ theme }) => theme.colors.neutral['000']};\n height: 40px;\n padding: 0 24px 0 12px;\n ${sizing}\n ${space}\n ${layout}\n ${background}\n`;\n\nexport const StyledButton = styled('button', { name: DSGlobalHeaderName, slot: slots.MENUBAR.ITEM_BUTTON })`\n height: 40px;\n width: 40px;\n border: none;\n background-color: transparent;\n cursor: pointer;\n position: relative;\n outline: none;\n fill: ${({ theme }) => theme.colors.neutral['000']};\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", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBAA0D;AAC1D,qBAAqB;AACrB,qBAA0C;AAEnC,MAAM,YAAY,6BAAO,qBAAM,EAAE,MAAM,mCAAoB,MAAM,qBAAM,UAAU,CAAC;AAAA,IACrF,CAAC,EAAE,IAAI,sBACP,MAAM,kBAAkB,KAAK;AAAA,WACtB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,IAG3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,eAAe,6BAAO,UAAU,EAAE,MAAM,mCAAoB,MAAM,qBAAM,QAAQ,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQhG,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,wBAEtB,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import React2 from "react";
|
|
3
3
|
import { useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-utilities";
|
|
4
|
-
import { describe } from "
|
|
4
|
+
import { describe } from "@elliemae/ds-utilities";
|
|
5
5
|
import { propTypes } from "./react-desc-prop-types";
|
|
6
6
|
import { GlobalHeaderLogo } from "./parts/Logo/GlobalHeaderLogo";
|
|
7
7
|
import { GlobalHeaderBreadcrumb } from "./parts/Breadcrumb/GlobalHeaderBreadcrumb";
|
|
@@ -10,7 +10,7 @@ import { DSGlobalHeaderContext } from "./DSGlobalHeaderContext";
|
|
|
10
10
|
import { useGlobalHeader } from "./config/useGlobalHeader";
|
|
11
11
|
import { GlobalHeaderContainer } from "./parts/GlobalHeaderContainer";
|
|
12
12
|
import { useValidateProps } from "./config/useValidateProps";
|
|
13
|
-
import { DSGlobalHeaderDatatestid } from "./exported-related";
|
|
13
|
+
import { DSGlobalHeaderDatatestid, DSGlobalHeaderName } from "./exported-related";
|
|
14
14
|
const DSGlobalHeader = (props) => {
|
|
15
15
|
useValidateProps(props);
|
|
16
16
|
const ctx = useGlobalHeader(props);
|
|
@@ -27,7 +27,7 @@ const DSGlobalHeader = (props) => {
|
|
|
27
27
|
value: ctx
|
|
28
28
|
}, /* @__PURE__ */ React2.createElement(GlobalHeaderLogo, null), /* @__PURE__ */ React2.createElement(GlobalHeaderBreadcrumb, null), /* @__PURE__ */ React2.createElement(GlobalHeaderToolbar, null)));
|
|
29
29
|
};
|
|
30
|
-
DSGlobalHeader.displayName =
|
|
30
|
+
DSGlobalHeader.displayName = DSGlobalHeaderName;
|
|
31
31
|
const DSGlobalHeaderWithSchema = describe(DSGlobalHeader);
|
|
32
32
|
DSGlobalHeaderWithSchema.propTypes = propTypes;
|
|
33
33
|
const GlobalHeader = DSGlobalHeader;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSGlobalHeader.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { describe } from '
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport { describe } from '@elliemae/ds-utilities';\nimport { propTypes } from './react-desc-prop-types';\nimport { GlobalHeaderLogo } from './parts/Logo/GlobalHeaderLogo';\nimport { GlobalHeaderBreadcrumb } from './parts/Breadcrumb/GlobalHeaderBreadcrumb';\nimport { GlobalHeaderToolbar } from './parts/Toolbar/GlobalHeaderToolbar';\nimport { DSGlobalHeaderContext } from './DSGlobalHeaderContext';\nimport { useGlobalHeader } from './config/useGlobalHeader';\nimport { GlobalHeaderContainer } from './parts/GlobalHeaderContainer';\nimport { useValidateProps } from './config/useValidateProps';\nimport { DSGlobalHeaderDatatestid, DSGlobalHeaderName } from './exported-related';\nimport type { DSGlobalHeaderT } from './react-desc-prop-types';\n\nconst DSGlobalHeader = (props: DSGlobalHeaderT.Props): JSX.Element => {\n useValidateProps(props);\n const ctx = useGlobalHeader(props);\n\n const globalAttrs = useGetGlobalAttributes(props);\n const xstyledAttrs = useGetXstyledProps(props);\n\n const { bg, backgroundColor } = props;\n\n return (\n <GlobalHeaderContainer\n data-testid={DSGlobalHeaderDatatestid.CONTAINER}\n globalAttrs={globalAttrs}\n xstyledAttrs={xstyledAttrs}\n bg={bg}\n backgroundColor={backgroundColor}\n >\n <DSGlobalHeaderContext.Provider value={ctx}>\n <GlobalHeaderLogo />\n <GlobalHeaderBreadcrumb />\n <GlobalHeaderToolbar />\n </DSGlobalHeaderContext.Provider>\n </GlobalHeaderContainer>\n );\n};\n\nDSGlobalHeader.displayName = DSGlobalHeaderName;\nconst DSGlobalHeaderWithSchema = describe(DSGlobalHeader);\nDSGlobalHeaderWithSchema.propTypes = propTypes;\n\nconst GlobalHeader = DSGlobalHeader;\n\nexport { GlobalHeader, DSGlobalHeader, DSGlobalHeaderWithSchema };\n"],
|
|
5
5
|
"mappings": "AAAA;ACAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAGA,MAAM,iBAAiB,CAAC,UAA8C;AACpE,mBAAiB,KAAK;AACtB,QAAM,MAAM,gBAAgB,KAAK;AAEjC,QAAM,cAAc,uBAAuB,KAAK;AAChD,QAAM,eAAe,mBAAmB,KAAK;AAE7C,QAAM,EAAE,IAAI,oBAAoB;AAEhC,SACE,qCAAC;AAAA,IACC,eAAa,yBAAyB;AAAA,IACtC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,KAEA,qCAAC,sBAAsB,UAAtB;AAAA,IAA+B,OAAO;AAAA,KACrC,qCAAC,sBAAiB,GAClB,qCAAC,4BAAuB,GACxB,qCAAC,yBAAoB,CACvB,CACF;AAEJ;AAEA,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;AAErC,MAAM,eAAe;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
const
|
|
2
|
+
const DSGlobalHeaderName = "DSGlobalHeader";
|
|
3
3
|
const slots = {
|
|
4
4
|
CONTAINER: "root",
|
|
5
5
|
LOGO: {
|
|
@@ -32,7 +32,7 @@ const slots = {
|
|
|
32
32
|
}
|
|
33
33
|
};
|
|
34
34
|
export {
|
|
35
|
-
|
|
35
|
+
DSGlobalHeaderName,
|
|
36
36
|
slots
|
|
37
37
|
};
|
|
38
38
|
//# sourceMappingURL=theming.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/exported-related/theming.ts"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const
|
|
5
|
-
"mappings": "AAAA;ACAO,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSGlobalHeaderName = 'DSGlobalHeader';\n\nexport const slots = {\n CONTAINER: 'root',\n LOGO: {\n CONTAINER: 'logo-container',\n },\n BREADCRUMB: {\n CONTAINER: 'breadcrumb-container',\n PIPE: 'breadcrumb-pipe',\n CHEVRON: 'breadcrumb-chevron',\n LIST: 'breadcrumb-list',\n ITEM: 'breadcrumb-item',\n ITEM_LINK: 'breadcrumb-item-link',\n ITEM_LINK_LABEL: 'breadcrumb-item-link-label',\n },\n MENUBAR: {\n CONTAINER: 'menubar-container',\n LIST: 'menubar-list',\n ITEM: 'menubar-item',\n ITEM_BUTTON: 'menubar-item-button',\n POPUP_MENU: {\n LIST: 'menubar-item-popupmenu-list',\n ITEM: 'menubar-item-popupmenu-item',\n ITEM_BUTTON: 'menubar-item-popupmenu-item-button',\n SEPARATOR: 'menubar-item-popupmenu-separator',\n ITEM_BUTTON_LABEL: 'menubar-item-popupmenu-item-label',\n },\n SEARCH_TOGGLE: {\n CONTAINER: 'menubar-item-searchtoggle-container',\n },\n },\n};\n"],
|
|
5
|
+
"mappings": "AAAA;ACAO,MAAM,qBAAqB;AAE3B,MAAM,QAAQ;AAAA,EACnB,WAAW;AAAA,EACX,MAAM;AAAA,IACJ,WAAW;AAAA,EACb;AAAA,EACA,YAAY;AAAA,IACV,WAAW;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,IACT,MAAM;AAAA,IACN,MAAM;AAAA,IACN,WAAW;AAAA,IACX,iBAAiB;AAAA,EACnB;AAAA,EACA,SAAS;AAAA,IACP,WAAW;AAAA,IACX,MAAM;AAAA,IACN,MAAM;AAAA,IACN,aAAa;AAAA,IACb,YAAY;AAAA,MACV,MAAM;AAAA,MACN,MAAM;AAAA,MACN,aAAa;AAAA,MACb,WAAW;AAAA,MACX,mBAAmB;AAAA,IACrB;AAAA,IACA,eAAe;AAAA,MACb,WAAW;AAAA,IACb;AAAA,EACF;AACF;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -2,9 +2,9 @@ import * as React from "react";
|
|
|
2
2
|
import { styled } from "@elliemae/ds-system";
|
|
3
3
|
import { Grid } from "@elliemae/ds-grid";
|
|
4
4
|
import { ChevronSmallRight } from "@elliemae/ds-icons";
|
|
5
|
-
import {
|
|
6
|
-
const StyledBreadcrumbContainer = styled(Grid, { name:
|
|
7
|
-
const StyledBreadcrumbList = styled("ul", { name:
|
|
5
|
+
import { DSGlobalHeaderName, slots } from "../../exported-related/theming";
|
|
6
|
+
const StyledBreadcrumbContainer = styled(Grid, { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.CONTAINER })``;
|
|
7
|
+
const StyledBreadcrumbList = styled("ul", { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.LIST })`
|
|
8
8
|
display: grid;
|
|
9
9
|
grid-auto-flow: column;
|
|
10
10
|
min-width: fit-content;
|
|
@@ -13,23 +13,23 @@ const StyledBreadcrumbList = styled("ul", { name: COMPONENT_NAME, slot: slots.BR
|
|
|
13
13
|
padding: 0;
|
|
14
14
|
height: 100%;
|
|
15
15
|
`;
|
|
16
|
-
const StyledPipe = styled("span", { name:
|
|
16
|
+
const StyledPipe = styled("span", { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.PIPE })`
|
|
17
17
|
margin: 0 7px 0 0;
|
|
18
18
|
border-left: ${({ theme, showIconOnly }) => showIconOnly ? "none" : `1px solid ${theme.colors.neutral["000"]}`};
|
|
19
19
|
height: 20px;
|
|
20
20
|
`;
|
|
21
21
|
const StyledChevron = styled(ChevronSmallRight, {
|
|
22
|
-
name:
|
|
22
|
+
name: DSGlobalHeaderName,
|
|
23
23
|
slot: slots.BREADCRUMB.CHEVRON
|
|
24
24
|
})`
|
|
25
25
|
fill: ${({ theme }) => theme.colors.neutral["000"]};
|
|
26
26
|
`;
|
|
27
|
-
const StyledBreadcrumbItem = styled("li", { name:
|
|
27
|
+
const StyledBreadcrumbItem = styled("li", { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.ITEM })`
|
|
28
28
|
display: flex;
|
|
29
29
|
align-items: center;
|
|
30
30
|
height: 40px;
|
|
31
31
|
`;
|
|
32
|
-
const StyledLink = styled("a", { name:
|
|
32
|
+
const StyledLink = styled("a", { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.ITEM_LINK })`
|
|
33
33
|
width: fit-content;
|
|
34
34
|
height: 40px;
|
|
35
35
|
display: grid;
|
|
@@ -55,7 +55,7 @@ const StyledLink = styled("a", { name: COMPONENT_NAME, slot: slots.BREADCRUMB.IT
|
|
|
55
55
|
}
|
|
56
56
|
}
|
|
57
57
|
`;
|
|
58
|
-
const StyledLabel = styled("span", { name:
|
|
58
|
+
const StyledLabel = styled("span", { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.ITEM_LINK_LABEL })`
|
|
59
59
|
color: ${({ theme }) => theme.colors.neutral["000"]};
|
|
60
60
|
${({ theme, isSelected }) => `-webkit-text-stroke: 0.4px ${isSelected ? theme.colors.neutral["000"] : "transparent"}`};
|
|
61
61
|
font-size: 16px;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Breadcrumb/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport {
|
|
5
|
-
"mappings": "AAAA;ACCA;AACA;AACA;AACA;AAeO,MAAM,4BAA4B,OAAO,MAAM,EAAE,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { ChevronSmallRight } from '@elliemae/ds-icons';\nimport { DSGlobalHeaderName, slots } from '../../exported-related/theming';\n\ninterface PipeT {\n showIconOnly: boolean;\n}\n\ninterface ChevronT {\n size: string;\n}\n\ninterface LabelT {\n isSelected: boolean;\n isOnlyItem: boolean;\n}\n\nexport const StyledBreadcrumbContainer = styled(Grid, { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.CONTAINER })``;\n\nexport const StyledBreadcrumbList = styled('ul', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.LIST })`\n display: grid;\n grid-auto-flow: column;\n min-width: fit-content;\n align-items: center;\n margin: 0;\n padding: 0;\n height: 100%;\n`;\n\nexport const StyledPipe = styled('span', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.PIPE })<PipeT>`\n margin: 0 7px 0 0;\n border-left: ${({ theme, showIconOnly }) => (showIconOnly ? 'none' : `1px solid ${theme.colors.neutral['000']}`)};\n height: 20px;\n`;\n\nexport const StyledChevron = styled(ChevronSmallRight, {\n name: DSGlobalHeaderName,\n slot: slots.BREADCRUMB.CHEVRON,\n})<ChevronT>`\n fill: ${({ theme }) => theme.colors.neutral['000']};\n`;\n\nexport const StyledBreadcrumbItem = styled('li', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.ITEM })`\n display: flex;\n align-items: center;\n height: 40px;\n`;\n\nexport const StyledLink = styled('a', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.ITEM_LINK })`\n width: fit-content;\n height: 40px;\n display: grid;\n place-items: center;\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 StyledLabel = styled('span', { name: DSGlobalHeaderName, slot: slots.BREADCRUMB.ITEM_LINK_LABEL })<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 line-height: 1;\n text-transform: uppercase;\n border-bottom: ${({ theme, isSelected, isOnlyItem }) =>\n `2px solid ${isSelected && !isOnlyItem ? theme.colors.neutral['000'] : 'transparent'}`};\n margin: 3px 5px 0 5px;\n :hover {\n ${({ theme }) => `-webkit-text-stroke: 0.4px ${theme.colors.neutral['000']}`};\n }\n`;\n"],
|
|
5
|
+
"mappings": "AAAA;ACCA;AACA;AACA;AACA;AAeO,MAAM,4BAA4B,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,MAAM,WAAW,UAAU,CAAC;AAE7G,MAAM,uBAAuB,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,MAAM,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAUnG,MAAM,aAAa,OAAO,QAAQ,EAAE,MAAM,oBAAoB,MAAM,MAAM,WAAW,KAAK,CAAC;AAAA;AAAA,iBAEjF,CAAC,EAAE,OAAO,mBAAoB,eAAe,SAAS,aAAa,MAAM,OAAO,QAAQ;AAAA;AAAA;AAIlG,MAAM,gBAAgB,OAAO,mBAAmB;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,MAAM,WAAW;AACzB,CAAC;AAAA,UACS,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAGvC,MAAM,uBAAuB,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,MAAM,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAMnG,MAAM,aAAa,OAAO,KAAK,EAAE,MAAM,oBAAoB,MAAM,MAAM,WAAW,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAqB1E,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAMvD,MAAM,cAAc,OAAO,QAAQ,EAAE,MAAM,oBAAoB,MAAM,MAAM,WAAW,gBAAgB,CAAC;AAAA,WACnG,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA,IAC3C,CAAC,EAAE,OAAO,iBACV,+BAA+B,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA;AAAA,mBAI3D,CAAC,EAAE,OAAO,YAAY,iBACrC,aAAa,cAAc,CAAC,aAAa,MAAM,OAAO,QAAQ,SAAS;AAAA;AAAA;AAAA,MAGrE,CAAC,EAAE,YAAY,8BAA8B,MAAM,OAAO,QAAQ;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { styled } from "@elliemae/ds-system";
|
|
3
3
|
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
import {
|
|
5
|
-
const StyledLogoContainer = styled(Grid, { name:
|
|
4
|
+
import { DSGlobalHeaderName, slots } from "../../exported-related/theming";
|
|
5
|
+
const StyledLogoContainer = styled(Grid, { name: DSGlobalHeaderName, slot: slots.LOGO.CONTAINER })``;
|
|
6
6
|
export {
|
|
7
7
|
StyledLogoContainer
|
|
8
8
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Logo/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport {
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSGlobalHeaderName, slots } from '../../exported-related/theming';\n\nexport const StyledLogoContainer = styled(Grid, { name: DSGlobalHeaderName, slot: slots.LOGO.CONTAINER })``;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,MAAM,KAAK,UAAU,CAAC;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
import {
|
|
4
|
-
const StyledList = styled("ul", { name:
|
|
3
|
+
import { DSGlobalHeaderName, slots } from "../../../../../exported-related/theming";
|
|
4
|
+
const StyledList = styled("ul", { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.LIST })`
|
|
5
5
|
padding: 5px 0px;
|
|
6
6
|
margin: 0;
|
|
7
7
|
background: white;
|
|
8
8
|
`;
|
|
9
|
-
const StyledItemContainer = styled("li", { name:
|
|
9
|
+
const StyledItemContainer = styled("li", { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.ITEM })`
|
|
10
10
|
list-style: none;
|
|
11
11
|
`;
|
|
12
|
-
const StyledItemButton = styled("button", { name:
|
|
12
|
+
const StyledItemButton = styled("button", { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.ITEM_BUTTON })`
|
|
13
13
|
display: flex;
|
|
14
14
|
align-items: center;
|
|
15
15
|
justify-content: center;
|
|
@@ -24,12 +24,12 @@ const StyledItemButton = styled("button", { name: COMPONENT_NAME, slot: slots.ME
|
|
|
24
24
|
border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};
|
|
25
25
|
}
|
|
26
26
|
`;
|
|
27
|
-
const StyledLabel = styled("span", { name:
|
|
27
|
+
const StyledLabel = styled("span", { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL })`
|
|
28
28
|
width: 100%;
|
|
29
29
|
font-size: 14px;
|
|
30
30
|
margin: 10px;
|
|
31
31
|
`;
|
|
32
|
-
const StyledSeparator = styled("div", { name:
|
|
32
|
+
const StyledSeparator = styled("div", { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.SEPARATOR })`
|
|
33
33
|
width: 100%;
|
|
34
34
|
border: none;
|
|
35
35
|
border-bottom: 1px solid #ccc;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../../src/parts/Toolbar/outOfTheBox/PopupMenu/menuContent/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport {
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AAEO,MAAM,aAAa,OAAO,MAAM,EAAE,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { DSGlobalHeaderName, slots } from '../../../../../exported-related/theming';\n\nexport const StyledList = styled('ul', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.LIST })`\n padding: 5px 0px;\n margin: 0;\n background: white;\n`;\n\nexport const StyledItemContainer = styled('li', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.ITEM })`\n list-style: none;\n`;\n\nexport const StyledItemButton = styled('button', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.ITEM_BUTTON })`\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding: 0 20px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n outline: none;\n :hover,\n :focus {\n border: ${({ theme }) => `1px solid ${theme.colors.brand[600]}`};\n }\n`;\n\nexport const StyledLabel = styled('span', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.ITEM_BUTTON_LABEL })`\n width: 100%;\n font-size: 14px;\n margin: 10px;\n`;\n\nexport const StyledSeparator = styled('div', { name: DSGlobalHeaderName, slot: slots.MENUBAR.POPUP_MENU.SEPARATOR })`\n width: 100%;\n border: none;\n border-bottom: 1px solid #ccc;\n`;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AAEO,MAAM,aAAa,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,MAAM,QAAQ,WAAW,KAAK,CAAC;AAAA;AAAA;AAAA;AAAA;AAMjG,MAAM,sBAAsB,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,MAAM,QAAQ,WAAW,KAAK,CAAC;AAAA;AAAA;AAI1G,MAAM,mBAAmB,OAAO,UAAU,EAAE,MAAM,oBAAoB,MAAM,MAAM,QAAQ,WAAW,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,cAY3G,CAAC,EAAE,YAAY,aAAa,MAAM,OAAO,MAAM;AAAA;AAAA;AAItD,MAAM,cAAc,OAAO,QAAQ,EAAE,MAAM,oBAAoB,MAAM,MAAM,QAAQ,WAAW,kBAAkB,CAAC;AAAA;AAAA;AAAA;AAAA;AAMjH,MAAM,kBAAkB,OAAO,OAAO,EAAE,MAAM,oBAAoB,MAAM,MAAM,QAAQ,WAAW,UAAU,CAAC;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { styled } from "@elliemae/ds-system";
|
|
3
|
-
import {
|
|
3
|
+
import { DSGlobalHeaderName, slots } from "../../../../exported-related/theming";
|
|
4
4
|
const StyledNavSearchBoxContainer = styled("div", {
|
|
5
|
-
name:
|
|
5
|
+
name: DSGlobalHeaderName,
|
|
6
6
|
slot: slots.MENUBAR.SEARCH_TOGGLE.CONTAINER
|
|
7
7
|
})`
|
|
8
8
|
background: ${({ theme }) => theme.colors.neutral["000"]};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../../../scripts/build/transpile/react-shim.js", "../../../../../../src/parts/Toolbar/outOfTheBox/SearchToggle/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport {
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { DSGlobalHeaderName, slots } from '../../../../exported-related/theming';\n\nexport const StyledNavSearchBoxContainer = styled('div', {\n name: DSGlobalHeaderName,\n slot: slots.MENUBAR.SEARCH_TOGGLE.CONTAINER,\n})`\n background: ${({ theme }) => theme.colors.neutral['000']};\n position: relative;\n min-width: 260px;\n\n & .em-ds-button {\n margin-right: 2px;\n height: 24px;\n width: 24px;\n }\n\n & .em-ds-input {\n border: none;\n outline: none;\n box-shadow: none;\n }\n\n & .em-ds-input:focus {\n border: none;\n box-shadow: none;\n }\n\n & .em-ds-input.em-ds-input--clearable:hover {\n border: none;\n outline: none;\n box-shadow: none;\n }\n\n & .em-ds-input-addon-wrapper {\n box-shadow: none;\n }\n\n & .em-ds-input-addon-wrapper:hover {\n outline: none;\n }\n\n & .em-ds-input-addon-wrapper__addon:hover {\n outline: none;\n }\n\n & .em-ds-input:not(.floating-label-input-controller):hover:active {\n border: none;\n outline: none;\n box-shadow: none;\n }\n`;\n"],
|
|
5
5
|
"mappings": "AAAA;ACAA;AACA;AAEO,MAAM,8BAA8B,OAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,MAAM,QAAQ,cAAc;AACpC,CAAC;AAAA,gBACe,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { styled } from "@elliemae/ds-system";
|
|
3
3
|
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
import {
|
|
5
|
-
const StyledMenubarContainer = styled("nav", { name:
|
|
6
|
-
const StyledList = styled(Grid, { name:
|
|
4
|
+
import { DSGlobalHeaderName, slots } from "../../exported-related/theming";
|
|
5
|
+
const StyledMenubarContainer = styled("nav", { name: DSGlobalHeaderName, slot: slots.MENUBAR.CONTAINER })``;
|
|
6
|
+
const StyledList = styled(Grid, { name: DSGlobalHeaderName, slot: slots.MENUBAR.LIST })`
|
|
7
7
|
padding: 0;
|
|
8
8
|
margin: 0;
|
|
9
9
|
`;
|
|
10
|
-
const StyledToolbarItem = styled("li", { name:
|
|
10
|
+
const StyledToolbarItem = styled("li", { name: DSGlobalHeaderName, slot: slots.MENUBAR.ITEM })`
|
|
11
11
|
list-style: none;
|
|
12
12
|
`;
|
|
13
13
|
export {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../../src/parts/Toolbar/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport {
|
|
5
|
-
"mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,yBAAyB,OAAO,OAAO,EAAE,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSGlobalHeaderName, slots } from '../../exported-related/theming';\n\nexport const StyledMenubarContainer = styled('nav', { name: DSGlobalHeaderName, slot: slots.MENUBAR.CONTAINER })``;\n\nexport const StyledList = styled(Grid, { name: DSGlobalHeaderName, slot: slots.MENUBAR.LIST })`\n padding: 0;\n margin: 0;\n`;\n\nexport const StyledToolbarItem = styled('li', { name: DSGlobalHeaderName, slot: slots.MENUBAR.ITEM })`\n list-style: none;\n`;\n"],
|
|
5
|
+
"mappings": "AAAA;ACAA;AACA;AACA;AAEO,MAAM,yBAAyB,OAAO,OAAO,EAAE,MAAM,oBAAoB,MAAM,MAAM,QAAQ,UAAU,CAAC;AAExG,MAAM,aAAa,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,MAAM,QAAQ,KAAK,CAAC;AAAA;AAAA;AAAA;AAKtF,MAAM,oBAAoB,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,MAAM,QAAQ,KAAK,CAAC;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/parts/styles.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { styled, sizing, space, layout, background } from "@elliemae/ds-system";
|
|
3
3
|
import { Grid } from "@elliemae/ds-grid";
|
|
4
|
-
import { slots,
|
|
5
|
-
const Container = styled(Grid, { name:
|
|
4
|
+
import { slots, DSGlobalHeaderName } from "../exported-related/theming";
|
|
5
|
+
const Container = styled(Grid, { name: DSGlobalHeaderName, slot: slots.CONTAINER })`
|
|
6
6
|
${({ bg, backgroundColor }) => bg || backgroundColor ? "" : "background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);"}
|
|
7
7
|
color: ${({ theme }) => theme.colors.neutral["000"]};
|
|
8
8
|
height: 40px;
|
|
@@ -12,7 +12,7 @@ const Container = styled(Grid, { name: COMPONENT_NAME, slot: slots.CONTAINER })`
|
|
|
12
12
|
${layout}
|
|
13
13
|
${background}
|
|
14
14
|
`;
|
|
15
|
-
const StyledButton = styled("button", { name:
|
|
15
|
+
const StyledButton = styled("button", { name: DSGlobalHeaderName, slot: slots.MENUBAR.ITEM_BUTTON })`
|
|
16
16
|
height: 40px;
|
|
17
17
|
width: 40px;
|
|
18
18
|
border: none;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/parts/styles.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled, sizing, space, layout, background } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { slots,
|
|
5
|
-
"mappings": "AAAA;ACCA;AACA;AACA;AAEO,MAAM,YAAY,OAAO,MAAM,EAAE,MAAM,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled, sizing, space, layout, background } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { slots, DSGlobalHeaderName } from '../exported-related/theming';\n\nexport const Container = styled(Grid, { name: DSGlobalHeaderName, slot: slots.CONTAINER })`\n ${({ bg, backgroundColor }) =>\n bg || backgroundColor ? '' : 'background-image: linear-gradient(45deg, #0f364a 0%, #1b6392 54%, #164566 100%);'}\n color: ${({ theme }) => theme.colors.neutral['000']};\n height: 40px;\n padding: 0 24px 0 12px;\n ${sizing}\n ${space}\n ${layout}\n ${background}\n`;\n\nexport const StyledButton = styled('button', { name: DSGlobalHeaderName, slot: slots.MENUBAR.ITEM_BUTTON })`\n height: 40px;\n width: 40px;\n border: none;\n background-color: transparent;\n cursor: pointer;\n position: relative;\n outline: none;\n fill: ${({ theme }) => theme.colors.neutral['000']};\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"],
|
|
5
|
+
"mappings": "AAAA;ACCA;AACA;AACA;AAEO,MAAM,YAAY,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,MAAM,UAAU,CAAC;AAAA,IACrF,CAAC,EAAE,IAAI,sBACP,MAAM,kBAAkB,KAAK;AAAA,WACtB,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,IAG3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,eAAe,OAAO,UAAU,EAAE,MAAM,oBAAoB,MAAM,MAAM,QAAQ,YAAY,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQhG,CAAC,EAAE,YAAY,MAAM,OAAO,QAAQ;AAAA;AAAA,wBAEtB,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;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-global-header",
|
|
3
|
-
"version": "3.1.0-next.
|
|
3
|
+
"version": "3.1.0-next.3",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Global Header",
|
|
6
6
|
"files": [
|
|
@@ -134,26 +134,20 @@
|
|
|
134
134
|
"reportFile": "tests.xml",
|
|
135
135
|
"indent": 4
|
|
136
136
|
},
|
|
137
|
-
"scripts": {
|
|
138
|
-
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
139
|
-
"test": "node ../../scripts/testing/test.mjs",
|
|
140
|
-
"lint": "node ../../scripts/lint.mjs",
|
|
141
|
-
"dts": "node ../../scripts/dts.mjs",
|
|
142
|
-
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs"
|
|
143
|
-
},
|
|
144
137
|
"dependencies": {
|
|
145
|
-
"@elliemae/ds-app-picker": "3.1.0-next.
|
|
146
|
-
"@elliemae/ds-form": "3.1.0-next.
|
|
147
|
-
"@elliemae/ds-grid": "3.1.0-next.
|
|
148
|
-
"@elliemae/ds-
|
|
149
|
-
"@elliemae/ds-
|
|
150
|
-
"@elliemae/ds-
|
|
151
|
-
"@elliemae/ds-
|
|
152
|
-
"@elliemae/ds-utilities": "3.1.0-next.2",
|
|
153
|
-
"react-desc": "~4.1.3",
|
|
138
|
+
"@elliemae/ds-app-picker": "3.1.0-next.3",
|
|
139
|
+
"@elliemae/ds-form": "3.1.0-next.3",
|
|
140
|
+
"@elliemae/ds-grid": "3.1.0-next.3",
|
|
141
|
+
"@elliemae/ds-icons": "3.1.0-next.3",
|
|
142
|
+
"@elliemae/ds-popperjs": "3.1.0-next.3",
|
|
143
|
+
"@elliemae/ds-system": "3.1.0-next.3",
|
|
144
|
+
"@elliemae/ds-utilities": "3.1.0-next.3",
|
|
154
145
|
"uid": "~2.0.0"
|
|
155
146
|
},
|
|
156
147
|
"devDependencies": {
|
|
148
|
+
"@testing-library/jest-dom": "~5.16.4",
|
|
149
|
+
"@testing-library/react": "~12.1.2",
|
|
150
|
+
"@testing-library/user-event": "~13.5.0",
|
|
157
151
|
"styled-components": "~5.3.3"
|
|
158
152
|
},
|
|
159
153
|
"peerDependencies": {
|
|
@@ -165,5 +159,13 @@
|
|
|
165
159
|
"publishConfig": {
|
|
166
160
|
"access": "public",
|
|
167
161
|
"typeSafety": false
|
|
162
|
+
},
|
|
163
|
+
"scripts": {
|
|
164
|
+
"dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
|
|
165
|
+
"test": "node ../../scripts/testing/test.mjs",
|
|
166
|
+
"lint": "node ../../scripts/lint.mjs",
|
|
167
|
+
"dts": "node ../../scripts/dts.mjs",
|
|
168
|
+
"build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
|
|
169
|
+
"checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
|
|
168
170
|
}
|
|
169
|
-
}
|
|
171
|
+
}
|