@elliemae/ds-global-header 3.11.0-rc.3 → 3.11.0-rc.4

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.
Files changed (5) hide show
  1. package/dist/cjs/parts/styles.js +3 -1
  2. package/dist/cjs/parts/styles.js.map +2 -2
  3. package/dist/esm/parts/styles.js +3 -1
  4. package/dist/esm/parts/styles.js.map +2 -2
  5. package/package.json +11 -8
package/dist/cjs/parts/styles.js CHANGED
@@ -53,7 +53,9 @@ const StyledButton = (0, import_ds_system.styled)("button", {
53
53
  cursor: pointer;
54
54
  position: relative;
55
55
  outline: none;
56
- fill: ${({ theme }) => theme.colors.neutral["000"]};
56
+ & .em-ds-icon svg {
57
+ fill: ${({ theme }) => theme.colors.neutral["000"]};
58
+ }
57
59
  &:hover:not(:focus) {
58
60
  background-color: ${({ theme }) => theme.colors.brand[700]};
59
61
  outline: none;
package/dist/cjs/parts/styles.js.map CHANGED
@@ -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 { 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 ${sizing}\n ${space}\n ${layout}\n ${background}\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 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,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,IAG3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,mBAAe,yBAAO,UAAU;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mCAAoB,QAAQ;AACpC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,wBAEtB,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;",
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 { 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 ${sizing}\n ${space}\n ${layout}\n ${background}\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,uBAA0D;AAC1D,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,IAG3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,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
@@ -23,7 +23,9 @@ const StyledButton = styled("button", {
23
23
  cursor: pointer;
24
24
  position: relative;
25
25
  outline: none;
26
- fill: ${({ theme }) => theme.colors.neutral["000"]};
26
+ & .em-ds-icon svg {
27
+ fill: ${({ theme }) => theme.colors.neutral["000"]};
28
+ }
27
29
  &:hover:not(:focus) {
28
30
  background-color: ${({ theme }) => theme.colors.brand[700]};
29
31
  outline: none;
package/dist/esm/parts/styles.js.map CHANGED
@@ -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 { 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 ${sizing}\n ${space}\n ${layout}\n ${background}\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 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,YAAY,WAAW;ACCvB,SAAS,QAAQ,QAAQ,OAAO,QAAQ,kBAAkB;AAC1D,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,IAG3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,eAAe,OAAO,UAAU;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,oBAAoB,QAAQ;AACpC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAQS,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ;AAAA;AAAA,wBAEtB,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;",
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 { 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 ${sizing}\n ${space}\n ${layout}\n ${background}\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,QAAQ,QAAQ,OAAO,QAAQ,kBAAkB;AAC1D,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,IAG3C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGG,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.11.0-rc.3",
3
+ "version": "3.11.0-rc.4",
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.11.0-rc.3",
139
- "@elliemae/ds-form": "3.11.0-rc.3",
140
- "@elliemae/ds-grid": "3.11.0-rc.3",
141
- "@elliemae/ds-icons": "3.11.0-rc.3",
142
- "@elliemae/ds-popperjs": "3.11.0-rc.3",
143
- "@elliemae/ds-system": "3.11.0-rc.3",
144
- "@elliemae/ds-utilities": "3.11.0-rc.3",
138
+ "@elliemae/ds-app-picker": "3.11.0-rc.4",
139
+ "@elliemae/ds-form": "3.11.0-rc.4",
140
+ "@elliemae/ds-grid": "3.11.0-rc.4",
141
+ "@elliemae/ds-icons": "3.11.0-rc.4",
142
+ "@elliemae/ds-popperjs": "3.11.0-rc.4",
143
+ "@elliemae/ds-system": "3.11.0-rc.4",
144
+ "@elliemae/ds-utilities": "3.11.0-rc.4",
145
145
  "uid": "~2.0.0"
146
146
  },
147
147
  "devDependencies": {
@@ -165,7 +165,10 @@
165
165
  "test": "node ../../scripts/testing/test.mjs",
166
166
  "lint": "node ../../scripts/lint.mjs",
167
167
  "dts": "node ../../scripts/dts.mjs",
168
+ "dts:withdeps": "pnpm --filter {.}... dts",
168
169
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
170
+ "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
171
+ "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
169
172
  "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
170
173
  }
171
174
  }