@elliemae/ds-global-header 3.12.0-next.1 → 3.12.0-rc.0
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/parts/styles.js
CHANGED
|
@@ -37,10 +37,6 @@ const Container = (0, import_ds_system.styled)(import_ds_grid.Grid, { name: impo
|
|
|
37
37
|
color: ${({ theme }) => theme.colors.neutral["000"]};
|
|
38
38
|
height: 40px;
|
|
39
39
|
padding: 0 24px 0 12px;
|
|
40
|
-
${import_ds_system.sizing}
|
|
41
|
-
${import_ds_system.space}
|
|
42
|
-
${import_ds_system.layout}
|
|
43
|
-
${import_ds_system.background}
|
|
44
40
|
`;
|
|
45
41
|
const StyledButton = (0, import_ds_system.styled)("button", {
|
|
46
42
|
name: import_theming.DSGlobalHeaderName,
|
|
@@ -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
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSGlobalHeaderSlots, DSGlobalHeaderName } from '../exported-related/theming';\n\nexport const Container = styled(Grid, { name: DSGlobalHeaderName, slot: DSGlobalHeaderSlots.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`;\n\nexport const StyledButton = styled('button', {\n name: DSGlobalHeaderName,\n slot: DSGlobalHeaderSlots.MENUBAR.ITEM_BUTTON,\n})`\n height: 40px;\n width: 40px;\n border: none;\n background-color: transparent;\n cursor: pointer;\n position: relative;\n outline: none;\n & .em-ds-icon svg {\n fill: ${({ theme }) => theme.colors.neutral['000']};\n }\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,uBAAuB;AACvB,qBAAqB;AACrB,qBAAwD;AAEjD,MAAM,gBAAY,yBAAO,qBAAM,EAAE,MAAM,mCAAoB,MAAM,mCAAoB,UAAU,CAAC;AAAA,IACnG,CAAC,EAAE,IAAI,gBAAgB,MACvB,MAAM,kBAAkB,KAAK;AAAA,WACtB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKxC,MAAM,mBAAe,yBAAO,UAAU;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ;AACpC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASW,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,wBAGxB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYhC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/parts/styles.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { styled
|
|
2
|
+
import { styled } from "@elliemae/ds-system";
|
|
3
3
|
import { Grid } from "@elliemae/ds-grid";
|
|
4
4
|
import { DSGlobalHeaderSlots, DSGlobalHeaderName } from "../exported-related/theming";
|
|
5
5
|
const Container = styled(Grid, { name: DSGlobalHeaderName, slot: DSGlobalHeaderSlots.CONTAINER })`
|
|
@@ -7,10 +7,6 @@ const Container = styled(Grid, { name: DSGlobalHeaderName, slot: DSGlobalHeaderS
|
|
|
7
7
|
color: ${({ theme }) => theme.colors.neutral["000"]};
|
|
8
8
|
height: 40px;
|
|
9
9
|
padding: 0 24px 0 12px;
|
|
10
|
-
${sizing}
|
|
11
|
-
${space}
|
|
12
|
-
${layout}
|
|
13
|
-
${background}
|
|
14
10
|
`;
|
|
15
11
|
const StyledButton = styled("button", {
|
|
16
12
|
name: DSGlobalHeaderName,
|
|
@@ -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
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,
|
|
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 { DSGlobalHeaderSlots, DSGlobalHeaderName } from '../exported-related/theming';\n\nexport const Container = styled(Grid, { name: DSGlobalHeaderName, slot: DSGlobalHeaderSlots.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`;\n\nexport const StyledButton = styled('button', {\n name: DSGlobalHeaderName,\n slot: DSGlobalHeaderSlots.MENUBAR.ITEM_BUTTON,\n})`\n height: 40px;\n width: 40px;\n border: none;\n background-color: transparent;\n cursor: pointer;\n position: relative;\n outline: none;\n & .em-ds-icon svg {\n fill: ${({ theme }) => theme.colors.neutral['000']};\n }\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,YAAY,WAAW;ACCvB,SAAS,cAAc;AACvB,SAAS,YAAY;AACrB,SAAS,qBAAqB,0BAA0B;AAEjD,MAAM,YAAY,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,oBAAoB,UAAU,CAAC;AAAA,IACnG,CAAC,EAAE,IAAI,gBAAgB,MACvB,MAAM,kBAAkB,KAAK;AAAA,WACtB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA;AAKxC,MAAM,eAAe,OAAO,UAAU;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,oBAAoB,QAAQ;AACpC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YASW,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA;AAAA,wBAGxB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAYhC,CAAC,EAAE,MAAM,MAAM,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.12.0-
|
|
3
|
+
"version": "3.12.0-rc.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Global Header",
|
|
6
6
|
"files": [
|
|
@@ -135,13 +135,13 @@
|
|
|
135
135
|
"indent": 4
|
|
136
136
|
},
|
|
137
137
|
"dependencies": {
|
|
138
|
-
"@elliemae/ds-app-picker": "3.12.0-
|
|
139
|
-
"@elliemae/ds-form": "3.12.0-
|
|
140
|
-
"@elliemae/ds-grid": "3.12.0-
|
|
141
|
-
"@elliemae/ds-icons": "3.12.0-
|
|
142
|
-
"@elliemae/ds-popperjs": "3.12.0-
|
|
143
|
-
"@elliemae/ds-system": "3.12.0-
|
|
144
|
-
"@elliemae/ds-utilities": "3.12.0-
|
|
138
|
+
"@elliemae/ds-app-picker": "3.12.0-rc.0",
|
|
139
|
+
"@elliemae/ds-form": "3.12.0-rc.0",
|
|
140
|
+
"@elliemae/ds-grid": "3.12.0-rc.0",
|
|
141
|
+
"@elliemae/ds-icons": "3.12.0-rc.0",
|
|
142
|
+
"@elliemae/ds-popperjs": "3.12.0-rc.0",
|
|
143
|
+
"@elliemae/ds-system": "3.12.0-rc.0",
|
|
144
|
+
"@elliemae/ds-utilities": "3.12.0-rc.0",
|
|
145
145
|
"uid": "~2.0.0"
|
|
146
146
|
},
|
|
147
147
|
"devDependencies": {
|