@elliemae/ds-page-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/v2/styled.js +1 -1
- package/dist/cjs/v2/styled.js.map +2 -2
- package/dist/esm/v2/styled.js +2 -2
- package/dist/esm/v2/styled.js.map +2 -2
- package/package.json +13 -13
package/dist/cjs/v2/styled.js
CHANGED
|
@@ -41,7 +41,7 @@ const PageHeaderCustomRenderer = (0, import_ds_system.styled)("div")`
|
|
|
41
41
|
font-style: italic;
|
|
42
42
|
font-size: 0.8rem;
|
|
43
43
|
`;
|
|
44
|
-
const Container = (0, import_ds_system.styled)(
|
|
44
|
+
const Container = (0, import_ds_system.styled)(import_ds_system.XStyledWrapper, {
|
|
45
45
|
name: import_exported_related.DSPageHeaderName,
|
|
46
46
|
slot: import_exported_related.DSPageHeaderSlots.CONTAINER
|
|
47
47
|
})`
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/v2/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related';\n\ninterface StyledContainerProps {\n withBottomSeparator: boolean;\n}\nexport const PageHeaderCustomRenderer = styled('div')`\n width: auto;\n color: ${({ theme }) => theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nexport const Container = styled(
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,
|
|
4
|
+
"sourcesContent": ["import { styled, XStyledWrapper } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related';\n\ninterface StyledContainerProps {\n withBottomSeparator: boolean;\n}\nexport const PageHeaderCustomRenderer = styled('div')`\n width: auto;\n color: ${({ theme }) => theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nexport const Container = styled(XStyledWrapper, {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.CONTAINER,\n})`\n width: 100%;\n margin-bottom: 8px;\n`;\n\nexport const ContainerWBorder = styled('div')<StyledContainerProps>`\n width: 100%;\n padding: 12px 0 8px 0;\n display: grid;\n align-items: center;\n height: 100%;\n ${({ withBottomSeparator, theme }) =>\n !withBottomSeparator ? '' : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}\n`;\n\nexport const PageHeaderToolbarWrapper = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.TOOLBAR,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n & .em-ds-toolbar {\n height: auto;\n background: none;\n & > div {\n .em-ds-button {\n margin-left: ${({ theme }) => theme.space.xxs};\n }\n .em-ds-input-search {\n box-shadow: none;\n div {\n height: 100%;\n }\n }\n }\n }\n`;\n\nexport const PageHeaderMenu = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.MENU,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n padding-left: ${({ theme }) => theme.space.xxxs};\n .em-ds-button--secondary {\n &:not(:hover) {\n border-color: transparent;\n }\n &:focus:after {\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n }\n }\n`;\n\nexport const PageHeaderBack = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.BACK,\n})`\n display: flex;\n align-items: center;\n fill: ${({ theme }) => theme.colors.brand[600]};\n cursor: pointer;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuC;AACvC,8BAAoD;AAK7C,MAAM,+BAA2B,yBAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKtC,MAAM,gBAAY,yBAAO,iCAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,uBAAmB,yBAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ;AAAA;AAG1E,MAAM,+BAA2B,yBAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AActC,MAAM,qBAAiB,yBAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,0CAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/dist/esm/v2/styled.js
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
|
-
import { styled } from "@elliemae/ds-system";
|
|
2
|
+
import { styled, XStyledWrapper } from "@elliemae/ds-system";
|
|
3
3
|
import { DSPageHeaderSlots, DSPageHeaderName } from "./exported-related";
|
|
4
4
|
const PageHeaderCustomRenderer = styled("div")`
|
|
5
5
|
width: auto;
|
|
@@ -7,7 +7,7 @@ const PageHeaderCustomRenderer = styled("div")`
|
|
|
7
7
|
font-style: italic;
|
|
8
8
|
font-size: 0.8rem;
|
|
9
9
|
`;
|
|
10
|
-
const Container = styled(
|
|
10
|
+
const Container = styled(XStyledWrapper, {
|
|
11
11
|
name: DSPageHeaderName,
|
|
12
12
|
slot: DSPageHeaderSlots.CONTAINER
|
|
13
13
|
})`
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/v2/styled.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related';\n\ninterface StyledContainerProps {\n withBottomSeparator: boolean;\n}\nexport const PageHeaderCustomRenderer = styled('div')`\n width: auto;\n color: ${({ theme }) => theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nexport const Container = styled(
|
|
5
|
-
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,
|
|
4
|
+
"sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, XStyledWrapper } from '@elliemae/ds-system';\nimport { DSPageHeaderSlots, DSPageHeaderName } from './exported-related';\n\ninterface StyledContainerProps {\n withBottomSeparator: boolean;\n}\nexport const PageHeaderCustomRenderer = styled('div')`\n width: auto;\n color: ${({ theme }) => theme.colors.brand[800]};\n font-style: italic;\n font-size: 0.8rem;\n`;\n\nexport const Container = styled(XStyledWrapper, {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.CONTAINER,\n})`\n width: 100%;\n margin-bottom: 8px;\n`;\n\nexport const ContainerWBorder = styled('div')<StyledContainerProps>`\n width: 100%;\n padding: 12px 0 8px 0;\n display: grid;\n align-items: center;\n height: 100%;\n ${({ withBottomSeparator, theme }) =>\n !withBottomSeparator ? '' : `border-bottom: solid 1px ${theme.colors.neutral[400]};`}\n`;\n\nexport const PageHeaderToolbarWrapper = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.TOOLBAR,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n justify-content: flex-end;\n & .em-ds-toolbar {\n height: auto;\n background: none;\n & > div {\n .em-ds-button {\n margin-left: ${({ theme }) => theme.space.xxs};\n }\n .em-ds-input-search {\n box-shadow: none;\n div {\n height: 100%;\n }\n }\n }\n }\n`;\n\nexport const PageHeaderMenu = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.MENU,\n})`\n display: flex;\n flex-direction: row;\n align-items: center;\n padding-left: ${({ theme }) => theme.space.xxxs};\n .em-ds-button--secondary {\n &:not(:hover) {\n border-color: transparent;\n }\n &:focus:after {\n top: -1px;\n left: -1px;\n width: calc(100% + 2px);\n height: calc(100% + 2px);\n }\n }\n`;\n\nexport const PageHeaderBack = styled('div', {\n name: DSPageHeaderName,\n slot: DSPageHeaderSlots.BACK,\n})`\n display: flex;\n align-items: center;\n fill: ${({ theme }) => theme.colors.brand[600]};\n cursor: pointer;\n`;\n"],
|
|
5
|
+
"mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,sBAAsB;AACvC,SAAS,mBAAmB,wBAAwB;AAK7C,MAAM,2BAA2B,OAAO,KAAK;AAAA;AAAA,WAEzC,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA;AAKtC,MAAM,YAAY,OAAO,gBAAgB;AAAA,EAC9C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAKM,MAAM,mBAAmB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMxC,CAAC,EAAE,qBAAqB,MAAM,MAC9B,CAAC,sBAAsB,KAAK,4BAA4B,MAAM,OAAO,QAAQ;AAAA;AAG1E,MAAM,2BAA2B,OAAO,OAAO;AAAA,EACpD,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,uBAUsB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAY3C,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA;AAAA,kBAIiB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AActC,MAAM,iBAAiB,OAAO,OAAO;AAAA,EAC1C,MAAM;AAAA,EACN,MAAM,kBAAkB;AAC1B,CAAC;AAAA;AAAA;AAAA,UAGS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@elliemae/ds-page-header",
|
|
3
|
-
"version": "3.12.0-
|
|
3
|
+
"version": "3.12.0-rc.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"description": "ICE MT - Dimsum - Page Header",
|
|
6
6
|
"files": [
|
|
@@ -103,18 +103,18 @@
|
|
|
103
103
|
"indent": 4
|
|
104
104
|
},
|
|
105
105
|
"dependencies": {
|
|
106
|
-
"@elliemae/ds-breadcrumb": "3.12.0-
|
|
107
|
-
"@elliemae/ds-button": "3.12.0-
|
|
108
|
-
"@elliemae/ds-classnames": "3.12.0-
|
|
109
|
-
"@elliemae/ds-dropdownmenu": "3.12.0-
|
|
110
|
-
"@elliemae/ds-form": "3.12.0-
|
|
111
|
-
"@elliemae/ds-form-input-text": "3.12.0-
|
|
112
|
-
"@elliemae/ds-grid": "3.12.0-
|
|
113
|
-
"@elliemae/ds-icon": "3.12.0-
|
|
114
|
-
"@elliemae/ds-icons": "3.12.0-
|
|
115
|
-
"@elliemae/ds-system": "3.12.0-
|
|
116
|
-
"@elliemae/ds-truncated-tooltip-text": "3.12.0-
|
|
117
|
-
"@elliemae/ds-utilities": "3.12.0-
|
|
106
|
+
"@elliemae/ds-breadcrumb": "3.12.0-rc.0",
|
|
107
|
+
"@elliemae/ds-button": "3.12.0-rc.0",
|
|
108
|
+
"@elliemae/ds-classnames": "3.12.0-rc.0",
|
|
109
|
+
"@elliemae/ds-dropdownmenu": "3.12.0-rc.0",
|
|
110
|
+
"@elliemae/ds-form": "3.12.0-rc.0",
|
|
111
|
+
"@elliemae/ds-form-input-text": "3.12.0-rc.0",
|
|
112
|
+
"@elliemae/ds-grid": "3.12.0-rc.0",
|
|
113
|
+
"@elliemae/ds-icon": "3.12.0-rc.0",
|
|
114
|
+
"@elliemae/ds-icons": "3.12.0-rc.0",
|
|
115
|
+
"@elliemae/ds-system": "3.12.0-rc.0",
|
|
116
|
+
"@elliemae/ds-truncated-tooltip-text": "3.12.0-rc.0",
|
|
117
|
+
"@elliemae/ds-utilities": "3.12.0-rc.0",
|
|
118
118
|
"prop-types": "~15.8.1"
|
|
119
119
|
},
|
|
120
120
|
"devDependencies": {
|