@elliemae/ds-chat-floating-button 3.22.0-next.3 → 3.22.0-next.31

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 (13) hide show
  1. package/dist/cjs/DSChatFloatingButtonDefinitions.js.map +1 -1
  2. package/dist/cjs/FloatingButton.js.map +1 -1
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/react-desc-prop-types.js.map +1 -1
  5. package/dist/cjs/styled.js +6 -2
  6. package/dist/cjs/styled.js.map +3 -3
  7. package/dist/esm/DSChatFloatingButtonDefinitions.js.map +1 -1
  8. package/dist/esm/FloatingButton.js.map +1 -1
  9. package/dist/esm/index.js.map +1 -1
  10. package/dist/esm/react-desc-prop-types.js.map +1 -1
  11. package/dist/esm/styled.js +6 -2
  12. package/dist/esm/styled.js.map +3 -3
  13. package/package.json +12 -12
package/dist/cjs/DSChatFloatingButtonDefinitions.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/DSChatFloatingButtonDefinitions.tsx", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/DSChatFloatingButtonDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["export const DSChatFloatingButtonName = 'DSChatFloatingButton';\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,2BAA2B;",
6
6
  "names": []
package/dist/cjs/FloatingButton.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/FloatingButton.tsx", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/FloatingButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled.js';\nimport type { FloatingButtonProps } from './react-desc-prop-types.js';\nimport { defaultFloatingButton, propsFloatingButton } from './react-desc-prop-types.js';\nimport { DSChatFloatingButtonName } from './DSChatFloatingButtonDefinitions.js';\n\nconst FloatingButton: React.ComponentType<FloatingButtonProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);\n useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton, DSChatFloatingButtonName);\n const { onFocus, innerRef, onClick } = propsWithDefault;\n return (\n <StyledFloatingButton\n onFocus={onFocus}\n ref={innerRef}\n data-testid=\"chat-floating-button\"\n aria-label=\"Open chat\"\n onClick={onClick}\n >\n <Comments size=\"l\" />\n </StyledFloatingButton>\n );\n};\n\nFloatingButton.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\nFloatingButton.displayName = DSChatFloatingButtonName;\nconst FloatingButtonWithSchema = describe(FloatingButton);\nFloatingButtonWithSchema.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\n\nexport { FloatingButton, FloatingButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADqBjB;AAnBN,8BAAuF;AACvF,sBAAyB;AACzB,oBAAqC;AAErC,mCAA2D;AAC3D,6CAAyC;AAEzC,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,uBAAmB,sDAA6B,OAAO,kDAAqB;AAClF,8DAA+B,kBAAkB,kDAAqB,+DAAwB;AAC9F,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,eAAY;AAAA,MACZ,cAAW;AAAA,MACX;AAAA,MAEA,sDAAC,4BAAS,MAAK,KAAI;AAAA;AAAA,EACrB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,+BAA2B,kCAAS,cAAc;AACxD,yBAAyB,YAAY;",
6
6
  "names": []
package/dist/cjs/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/index.ts", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import type {} from '@elliemae/ds-props-helpers';\nexport * from './FloatingButton.js';\nexport { StyledFloatingContainer } from './styled.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,wBAAc,gCADd;AAEA,oBAAwC;",
6
6
  "names": []
package/dist/cjs/react-desc-prop-types.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/react-desc-prop-types.ts", "../../../../scripts/build/transpile/react-shim.js"],
3
+ "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash';\nimport type React from 'react';\n\nexport interface FloatingButtonProps {\n onClick: () => void;\n onFocus: () => void;\n innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: Partial<FloatingButtonProps> = {\n onClick: noop,\n onFocus: noop,\n};\n\nexport const propsFloatingButton = {\n onClick: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultFloatingButton.onClick),\n onFocus: PropTypes.func\n .description('The function to call when button is being focused')\n .defaultValue(defaultFloatingButton.onFocus),\n innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
5
  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,8BAA0B;AAC1B,oBAAqB;AASd,MAAM,wBAAsD;AAAA,EACjE,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,SAAS,kCAAU,KAChB,YAAY,6DAA6D,EACzE,aAAa,sBAAsB,OAAO;AAAA,EAC7C,SAAS,kCAAU,KAChB,YAAY,mDAAmD,EAC/D,aAAa,sBAAsB,OAAO;AAAA,EAC7C,UAAU,kCAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,IAAI;AAC5F;",
6
6
  "names": []
package/dist/cjs/styled.js CHANGED
@@ -52,11 +52,15 @@ const StyledFloatingButton = import_ds_system.styled.button`
52
52
  }
53
53
  &:focus {
54
54
  border: 2px solid ${(props) => props.theme.colors.brand[700]};
55
- box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral["000"]}, ${BOX_SHADOW};
55
+ box-shadow:
56
+ inset 0 0 0 2px ${(props) => props.theme.colors.neutral["000"]},
57
+ ${BOX_SHADOW};
56
58
  }
57
59
  &:active {
58
60
  background: ${(props) => props.theme.colors.brand[800]};
59
- box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};
61
+ box-shadow:
62
+ inset 0 0 0 0,
63
+ ${BOX_SHADOW_FLOATING};
60
64
  }
61
65
  svg {
62
66
  fill: ${(props) => props.theme.colors.neutral["000"]};
package/dist/cjs/styled.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../src/styled.ts", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']}, ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAErB,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,WACD;AAAA;AAAA,gBAEK,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,gBAEvC;AAAA;AAAA,kBAEE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,wBAGjC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,kCAC7B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA,kBAGjE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,iCACxB;AAAA;AAAA;AAAA,YAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAKhD,MAAM,8BAA0B,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;",
3
+ "sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
+ "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow:\n inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow:\n inset 0 0 0 0,\n ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAuB;AACvB,qBAAqB;AAErB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAErB,MAAM,uBAAuB,wBAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,WACD;AAAA;AAAA,gBAEK,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,gBAEvC;AAAA;AAAA,kBAEE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,wBAGjC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,wBAEvC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC3D;AAAA;AAAA;AAAA,kBAGU,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,QAGjD;AAAA;AAAA;AAAA,YAGI,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAKhD,MAAM,8BAA0B,yBAAO,mBAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSChatFloatingButtonDefinitions.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSChatFloatingButtonDefinitions.tsx"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSChatFloatingButtonDefinitions.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSChatFloatingButtonName = 'DSChatFloatingButton';\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,2BAA2B;",
6
6
  "names": []
package/dist/esm/FloatingButton.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/FloatingButton.tsx"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/FloatingButton.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport React from 'react';\nimport { describe, useValidateTypescriptPropTypes, useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport { Comments } from '@elliemae/ds-icons';\nimport { StyledFloatingButton } from './styled.js';\nimport type { FloatingButtonProps } from './react-desc-prop-types.js';\nimport { defaultFloatingButton, propsFloatingButton } from './react-desc-prop-types.js';\nimport { DSChatFloatingButtonName } from './DSChatFloatingButtonDefinitions.js';\n\nconst FloatingButton: React.ComponentType<FloatingButtonProps> = (props) => {\n const propsWithDefault = useMemoMergePropsWithDefault(props, defaultFloatingButton);\n useValidateTypescriptPropTypes(propsWithDefault, propsFloatingButton, DSChatFloatingButtonName);\n const { onFocus, innerRef, onClick } = propsWithDefault;\n return (\n <StyledFloatingButton\n onFocus={onFocus}\n ref={innerRef}\n data-testid=\"chat-floating-button\"\n aria-label=\"Open chat\"\n onClick={onClick}\n >\n <Comments size=\"l\" />\n </StyledFloatingButton>\n );\n};\n\nFloatingButton.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\nFloatingButton.displayName = DSChatFloatingButtonName;\nconst FloatingButtonWithSchema = describe(FloatingButton);\nFloatingButtonWithSchema.propTypes = propsFloatingButton as WeakValidationMap<unknown>;\n\nexport { FloatingButton, FloatingButtonWithSchema };\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACqBjB;AAnBN,SAAS,UAAU,gCAAgC,oCAAoC;AACvF,SAAS,gBAAgB;AACzB,SAAS,4BAA4B;AAErC,SAAS,uBAAuB,2BAA2B;AAC3D,SAAS,gCAAgC;AAEzC,MAAM,iBAA2D,CAAC,UAAU;AAC1E,QAAM,mBAAmB,6BAA6B,OAAO,qBAAqB;AAClF,iCAA+B,kBAAkB,qBAAqB,wBAAwB;AAC9F,QAAM,EAAE,SAAS,UAAU,QAAQ,IAAI;AACvC,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,KAAK;AAAA,MACL,eAAY;AAAA,MACZ,cAAW;AAAA,MACX;AAAA,MAEA,8BAAC,YAAS,MAAK,KAAI;AAAA;AAAA,EACrB;AAEJ;AAEA,eAAe,YAAY;AAC3B,eAAe,cAAc;AAC7B,MAAM,2BAA2B,SAAS,cAAc;AACxD,yBAAyB,YAAY;",
6
6
  "names": []
package/dist/esm/index.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type {} from '@elliemae/ds-props-helpers';\nexport * from './FloatingButton.js';\nexport { StyledFloatingContainer } from './styled.js';\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACCvB,cAAc;AACd,SAAS,+BAA+B;",
6
6
  "names": []
package/dist/esm/react-desc-prop-types.js.map CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { PropTypes } from '@elliemae/ds-props-helpers';\nimport { noop } from 'lodash';\nimport type React from 'react';\n\nexport interface FloatingButtonProps {\n onClick: () => void;\n onFocus: () => void;\n innerRef: React.RefObject<HTMLButtonElement>;\n}\n\nexport const defaultFloatingButton: Partial<FloatingButtonProps> = {\n onClick: noop,\n onFocus: noop,\n};\n\nexport const propsFloatingButton = {\n onClick: PropTypes.func\n .description('The function to call when the chat is opened via the footer')\n .defaultValue(defaultFloatingButton.onClick),\n onFocus: PropTypes.func\n .description('The function to call when button is being focused')\n .defaultValue(defaultFloatingButton.onFocus),\n innerRef: PropTypes.object.description('Ref to the component container').defaultValue(null),\n};\n"],
5
5
  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,iBAAiB;AAC1B,SAAS,YAAY;AASd,MAAM,wBAAsD;AAAA,EACjE,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,sBAAsB;AAAA,EACjC,SAAS,UAAU,KAChB,YAAY,6DAA6D,EACzE,aAAa,sBAAsB,OAAO;AAAA,EAC7C,SAAS,UAAU,KAChB,YAAY,mDAAmD,EAC/D,aAAa,sBAAsB,OAAO;AAAA,EAC7C,UAAU,UAAU,OAAO,YAAY,gCAAgC,EAAE,aAAa,IAAI;AAC5F;",
6
6
  "names": []
package/dist/esm/styled.js CHANGED
@@ -18,11 +18,15 @@ const StyledFloatingButton = styled.button`
18
18
  }
19
19
  &:focus {
20
20
  border: 2px solid ${(props) => props.theme.colors.brand[700]};
21
- box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral["000"]}, ${BOX_SHADOW};
21
+ box-shadow:
22
+ inset 0 0 0 2px ${(props) => props.theme.colors.neutral["000"]},
23
+ ${BOX_SHADOW};
22
24
  }
23
25
  &:active {
24
26
  background: ${(props) => props.theme.colors.brand[800]};
25
- box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};
27
+ box-shadow:
28
+ inset 0 0 0 0,
29
+ ${BOX_SHADOW_FLOATING};
26
30
  }
27
31
  svg {
28
32
  fill: ${(props) => props.theme.colors.neutral["000"]};
package/dist/esm/styled.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
- "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow: inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']}, ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow: inset 0 0 0 0, ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAErB,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,WACD;AAAA;AAAA,gBAEK,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,gBAEvC;AAAA;AAAA,kBAEE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,wBAGjC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,kCAC7B,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK,MAAM;AAAA;AAAA;AAAA,kBAGjE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA,iCACxB;AAAA;AAAA;AAAA,YAGrB,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAKhD,MAAM,0BAA0B,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;",
3
+ "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\n\nconst BUTTON_FLOATING = 56;\nconst BOX_SHADOW = '0 5px 8px 0 rgba(53,60,70,0.55)';\nconst BOX_SHADOW_FLOATING = '0 5px 8px 0 rgba(53,60,70,0.35)';\n\nexport const StyledFloatingButton = styled.button`\n outline: none;\n cursor: pointer;\n height: ${BUTTON_FLOATING}px;\n width: ${BUTTON_FLOATING}px;\n border: none;\n background: ${(props) => props.theme.colors.brand[600]};\n border-radius: 50%;\n box-shadow: ${BOX_SHADOW_FLOATING};\n &:hover {\n background: ${(props) => props.theme.colors.brand[700]};\n }\n &:focus {\n border: 2px solid ${(props) => props.theme.colors.brand[700]};\n box-shadow:\n inset 0 0 0 2px ${(props) => props.theme.colors.neutral['000']},\n ${BOX_SHADOW};\n }\n &:active {\n background: ${(props) => props.theme.colors.brand[800]};\n box-shadow:\n inset 0 0 0 0,\n ${BOX_SHADOW_FLOATING};\n }\n svg {\n fill: ${(props) => props.theme.colors.neutral['000']};\n }\n`;\n\n// Floating\nexport const StyledFloatingContainer = styled(Grid)`\n position: fixed;\n bottom: 24px;\n right: 24px;\n border-radius: 4px;\n z-index: 1;\n box-shadow: ${BOX_SHADOW};\n background: ${(nestedProps) => nestedProps.theme.colors.neutral['050']};\n width: 348px;\n`;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,YAAY;AAErB,MAAM,kBAAkB;AACxB,MAAM,aAAa;AACnB,MAAM,sBAAsB;AAErB,MAAM,uBAAuB,OAAO;AAAA;AAAA;AAAA,YAG/B;AAAA,WACD;AAAA;AAAA,gBAEK,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,gBAEvC;AAAA;AAAA,kBAEE,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,wBAGjC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA,wBAEvC,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA,QAC3D;AAAA;AAAA;AAAA,kBAGU,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,QAGjD;AAAA;AAAA;AAAA,YAGI,CAAC,UAAU,MAAM,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;AAKhD,MAAM,0BAA0B,OAAO,IAAI;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAMlC;AAAA,gBACA,CAAC,gBAAgB,YAAY,MAAM,OAAO,QAAQ,KAAK;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-chat-floating-button",
3
- "version": "3.22.0-next.3",
3
+ "version": "3.22.0-next.31",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Chat Floating Button",
6
6
  "files": [
@@ -47,15 +47,15 @@
47
47
  "typeSafety": true
48
48
  },
49
49
  "dependencies": {
50
- "@elliemae/ds-grid": "3.22.0-next.3",
51
- "@elliemae/ds-system": "3.22.0-next.3",
52
- "@elliemae/ds-icons": "3.22.0-next.3",
53
- "@elliemae/ds-props-helpers": "3.22.0-next.3"
50
+ "@elliemae/ds-grid": "3.22.0-next.31",
51
+ "@elliemae/ds-props-helpers": "3.22.0-next.31",
52
+ "@elliemae/ds-system": "3.22.0-next.31",
53
+ "@elliemae/ds-icons": "3.22.0-next.31"
54
54
  },
55
55
  "devDependencies": {
56
- "@elliemae/pui-cli": "~9.0.0-next.17",
56
+ "@elliemae/pui-cli": "~9.0.0-next.22",
57
57
  "styled-components": "~5.3.9",
58
- "@elliemae/ds-monorepo-devops": "3.22.0-next.3"
58
+ "@elliemae/ds-monorepo-devops": "3.22.0-next.31"
59
59
  },
60
60
  "peerDependencies": {
61
61
  "lodash": "^4.17.21",
@@ -65,13 +65,13 @@
65
65
  },
66
66
  "scripts": {
67
67
  "test": "pui-cli test --passWithNoTests",
68
- "lint": "node ../../scripts/lint.mjs",
69
- "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
70
- "dts": "node ../../scripts/dts.mjs",
68
+ "lint": "node ../../../scripts/lint.mjs",
69
+ "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
70
+ "dts": "node ../../../scripts/dts.mjs",
71
71
  "dev": "node ../../scripts/build/build.js -w",
72
- "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
72
+ "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
73
73
  "dev:build": "pnpm --filter {.}... build",
74
74
  "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
75
- "checkDeps": "npm exec ../ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
75
+ "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
76
76
  }
77
77
  }