@elliemae/ds-mobile 1.55.0-next.9 → 1.55.0-rc.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.
@@ -84,10 +84,10 @@ var StyledContent = /*#__PURE__*/styled__default['default'].div.withConfig({
84
84
  });
85
85
  var StyledCloseButtonContainer = /*#__PURE__*/styled__default['default'].div.withConfig({
86
86
  componentId: "sc-4jnp92-6"
87
- })(["display:flex;align-items:flex-start;margin-top:14px;margin-right:4px;"]);
87
+ })(["display:flex;align-items:flex-start;margin-top:6px;margin-right:6px;"]);
88
88
  var StyledCloseButton = /*#__PURE__*/styled__default['default'](DSButton__default['default']).withConfig({
89
89
  componentId: "sc-4jnp92-7"
90
- })(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:-2px;left:0;width:calc(100% + 0px);height:calc(100% + 5px);border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], function (_ref17) {
90
+ })(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], function (_ref17) {
91
91
  var theme = _ref17.theme;
92
92
  return theme.colors.brand[700];
93
93
  });
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n display: flex;\n min-height: 68px;\n width: 100%;\n background-color: ${({ theme }) => theme.colors.neutral['000']};\n border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n color: ${({ theme }) => theme.colors.neutral[700]};\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n margin-bottom: ${({ theme }) => theme.space.xxs};\n @media not all and (min-resolution: 0.001dpcm) {\n @media {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n }\n @media screen and (min--moz-device-pixel-ratio:0) {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n`;\n\nexport const StyledSubTitle = styled.div`\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n margin-top: 10px;\n margin-right: ${({ theme }) => theme.space.xxs};\n margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n width: 100%;\n display: flex;\n flex-direction: column;\n margin: ${({ theme }) => theme.space.xxs2} 0;\n margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n display: flex;\n align-items: flex-start;\n margin-top: 14px;\n margin-right: 4px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n position: relative;\n &:focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: -2px;\n left: 0;\n width: calc(100% + 0px);\n height: calc(100% + 5px);\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n border-radius: 2px;\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledActionLink = styled.a`\n text-decoration: none;\n float: right;\n margin-left: ${({ theme }) => theme.space.xs};\n line-height: 1.1;\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n overflow: hidden;\n height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n display: flex;\n min-height: 68px;\n width: 100%;\n background-color: ${({ theme }) => theme.colors.neutral['000']};\n border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n color: ${({ theme }) => theme.colors.neutral[700]};\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n margin-bottom: ${({ theme }) => theme.space.xxs};\n @media not all and (min-resolution: 0.001dpcm) {\n @media {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n`;\n\nexport const StyledSubTitle = styled.div`\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n margin-top: 10px;\n margin-right: ${({ theme }) => theme.space.xxs};\n margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n width: 100%;\n display: flex;\n flex-direction: column;\n margin: ${({ theme }) => theme.space.xxs2} 0;\n margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n display: flex;\n align-items: flex-start;\n margin-top: 6px;\n margin-right: 6px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n position: relative;\n &:focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n border-radius: 2px;\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledActionLink = styled.a`\n text-decoration: none;\n float: right;\n margin-left: ${({ theme }) => theme.space.xs};\n line-height: 1.1;\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n overflow: hidden;\n height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":"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"}
@@ -75,10 +75,10 @@ var StyledContent = /*#__PURE__*/styled.div.withConfig({
75
75
  });
76
76
  var StyledCloseButtonContainer = /*#__PURE__*/styled.div.withConfig({
77
77
  componentId: "sc-4jnp92-6"
78
- })(["display:flex;align-items:flex-start;margin-top:14px;margin-right:4px;"]);
78
+ })(["display:flex;align-items:flex-start;margin-top:6px;margin-right:6px;"]);
79
79
  var StyledCloseButton = /*#__PURE__*/styled(DSButton).withConfig({
80
80
  componentId: "sc-4jnp92-7"
81
- })(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:-2px;left:0;width:calc(100% + 0px);height:calc(100% + 5px);border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], function (_ref17) {
81
+ })(["position:relative;&:focus{&:after{display:block;content:' ';position:absolute;top:0;left:0;width:100%;height:100%;border:2px solid ", ";border-radius:2px;pointer-events:none;}}"], function (_ref17) {
82
82
  var theme = _ref17.theme;
83
83
  return theme.colors.brand[700];
84
84
  });
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n display: flex;\n min-height: 68px;\n width: 100%;\n background-color: ${({ theme }) => theme.colors.neutral['000']};\n border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n color: ${({ theme }) => theme.colors.neutral[700]};\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n margin-bottom: ${({ theme }) => theme.space.xxs};\n @media not all and (min-resolution: 0.001dpcm) {\n @media {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n }\n @media screen and (min--moz-device-pixel-ratio:0) {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n`;\n\nexport const StyledSubTitle = styled.div`\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n margin-top: 10px;\n margin-right: ${({ theme }) => theme.space.xxs};\n margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n width: 100%;\n display: flex;\n flex-direction: column;\n margin: ${({ theme }) => theme.space.xxs2} 0;\n margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n display: flex;\n align-items: flex-start;\n margin-top: 14px;\n margin-right: 4px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n position: relative;\n &:focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: -2px;\n left: 0;\n width: calc(100% + 0px);\n height: calc(100% + 5px);\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n border-radius: 2px;\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledActionLink = styled.a`\n text-decoration: none;\n float: right;\n margin-left: ${({ theme }) => theme.space.xs};\n line-height: 1.1;\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n overflow: hidden;\n height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":"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"}
1
+ {"version":3,"file":"styles.js","sources":["../../../src/MobileBanner/styles.tsx"],"sourcesContent":["import styled from 'styled-components';\nimport { toMobile } from '@elliemae/ds-system';\nimport DSButton from '@elliemae/ds-basic/Button';\nimport type { StyledBannerContainerT, StyledContentT, StyledInnerContainerT } from './index.d';\nimport { handleAnimation, handleBorderColor } from './utils/styleHelpers';\n\nexport const StyledInnerContainer = styled.div<StyledInnerContainerT>`\n display: flex;\n min-height: 68px;\n width: 100%;\n background-color: ${({ theme }) => theme.colors.neutral['000']};\n border-bottom: 4px solid ${({ type, theme }) => handleBorderColor(type, theme)};\n transform: translateY(${({ isOpen }) => (isOpen ? '0' : '-100%')});\n ${({ isAnimating, isOpen }) => handleAnimation(isAnimating, isOpen)};\n`;\n\nexport const StyledTextContent = styled.div`\n width: 100%;\n`;\n\nexport const StyledTitle = styled.div`\n color: ${({ theme }) => theme.colors.neutral[700]};\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[700])};\n font-weight: ${({ theme }) => theme.fontWeights.semibold};\n margin-bottom: ${({ theme }) => theme.space.xxs};\n @media not all and (min-resolution: 0.001dpcm) {\n @media {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n }\n @media screen and (min--moz-device-pixel-ratio: 0) {\n -webkit-font-smoothing: subpixel-antialiased; // fix safari bold render\n -webkit-text-stroke: 0.4px ${({ theme }) => theme.colors.neutral[700]}; // fix safari bold render\n }\n`;\n\nexport const StyledSubTitle = styled.div`\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n`;\n\nexport const StyledIconContainer = styled.div`\n margin-top: 10px;\n margin-right: ${({ theme }) => theme.space.xxs};\n margin-left: ${({ theme }) => theme.space.xs};\n`;\n\nexport const StyledContent = styled.div<StyledContentT>`\n width: 100%;\n display: flex;\n flex-direction: column;\n margin: ${({ theme }) => theme.space.xxs2} 0;\n margin-right: ${({ showCloseButton }) => (!showCloseButton ? '28px' : '0')};\n`;\n\nexport const StyledCloseButtonContainer = styled.div`\n display: flex;\n align-items: flex-start;\n margin-top: 6px;\n margin-right: 6px;\n`;\nexport const StyledCloseButton = styled(DSButton)`\n position: relative;\n &:focus {\n &:after {\n display: block;\n content: ' ';\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n border: 2px solid ${({ theme }) => theme.colors.brand[700]};\n border-radius: 2px;\n pointer-events: none;\n }\n }\n`;\n\nexport const StyledActionLink = styled.a`\n text-decoration: none;\n float: right;\n margin-left: ${({ theme }) => theme.space.xs};\n line-height: 1.1;\n font-size: ${({ theme }) => toMobile(theme.fontSizes.title[600])};\n font-weight: ${({ theme }) => theme.fontWeights.regular};\n color: ${({ theme }) => theme.colors.brand[600]};\n`;\n\nexport const StyledBannerContainer = styled.div<StyledBannerContainerT>`\n overflow: hidden;\n height: ${({ isOpen }) => (isOpen ? 'auto' : '0px')};\n ${({ isAnimating, isOpen, height }) => handleAnimation(isAnimating, isOpen, height)};\n`;\n"],"names":["StyledInnerContainer","styled","div","theme","colors","neutral","type","handleBorderColor","isOpen","isAnimating","handleAnimation","StyledTextContent","StyledTitle","toMobile","fontSizes","title","fontWeights","semibold","space","xxs","StyledSubTitle","regular","StyledIconContainer","xs","StyledContent","xxs2","showCloseButton","StyledCloseButtonContainer","StyledCloseButton","DSButton","brand","StyledActionLink","a","StyledBannerContainer","height"],"mappings":";;;;;;;IAMaA,oBAAoB,gBAAGC,MAAM,CAACC,GAAV;AAAA;AAAA,oIAIX;AAAA,MAAGC,KAAH,QAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,KAArB,CAAf;AAAA,CAJW,EAKJ;AAAA,MAAGC,IAAH,SAAGA,IAAH;AAAA,MAASH,KAAT,SAASA,KAAT;AAAA,SAAqBI,iBAAiB,CAACD,IAAD,EAAOH,KAAP,CAAtC;AAAA,CALI,EAMP;AAAA,MAAGK,MAAH,SAAGA,MAAH;AAAA,SAAiBA,MAAM,GAAG,GAAH,GAAS,OAAhC;AAAA,CANO,EAO7B;AAAA,MAAGC,WAAH,SAAGA,WAAH;AAAA,MAAgBD,MAAhB,SAAgBA,MAAhB;AAAA,SAA6BE,eAAe,CAACD,WAAD,EAAcD,MAAd,CAA5C;AAAA,CAP6B;IAUpBG,iBAAiB,gBAAGV,MAAM,CAACC,GAAV;AAAA;AAAA;IAIjBU,WAAW,gBAAGX,MAAM,CAACC,GAAV;AAAA;AAAA,uUACb;AAAA,MAAGC,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CADa,EAET;AAAA,MAAGF,KAAH,SAAGA,KAAH;AAAA,SAAeU,QAAQ,CAACV,KAAK,CAACW,SAAN,CAAgBC,KAAhB,CAAsB,GAAtB,CAAD,CAAvB;AAAA,CAFS,EAGP;AAAA,MAAGZ,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACa,WAAN,CAAkBC,QAAjC;AAAA,CAHO,EAIL;AAAA,MAAGd,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYC,GAA3B;AAAA,CAJK,EAQW;AAAA,MAAGhB,KAAH,SAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CARX,EAaS;AAAA,MAAGF,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAaC,OAAb,CAAqB,GAArB,CAAf;AAAA,CAbT;IAiBXe,cAAc,gBAAGnB,MAAM,CAACC,GAAV;AAAA;AAAA,yCACZ;AAAA,MAAGC,KAAH,UAAGA,KAAH;AAAA,SAAeU,QAAQ,CAACV,KAAK,CAACW,SAAN,CAAgBC,KAAhB,CAAsB,GAAtB,CAAD,CAAvB;AAAA,CADY,EAEV;AAAA,MAAGZ,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACa,WAAN,CAAkBK,OAAjC;AAAA,CAFU;IAKdC,mBAAmB,gBAAGrB,MAAM,CAACC,GAAV;AAAA;AAAA,4DAEd;AAAA,MAAGC,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYC,GAA3B;AAAA,CAFc,EAGf;AAAA,MAAGhB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYK,EAA3B;AAAA,CAHe;IAMnBC,aAAa,gBAAGvB,MAAM,CAACC,GAAV;AAAA;AAAA,uFAId;AAAA,MAAGC,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYO,IAA3B;AAAA,CAJc,EAKR;AAAA,MAAGC,eAAH,UAAGA,eAAH;AAAA,SAA0B,CAACA,eAAD,GAAmB,MAAnB,GAA4B,GAAtD;AAAA,CALQ;IAQbC,0BAA0B,gBAAG1B,MAAM,CAACC,GAAV;AAAA;AAAA;IAM1B0B,iBAAiB,gBAAG3B,MAAM,CAAC4B,QAAD,CAAT;AAAA;AAAA,yLAWJ;AAAA,MAAG1B,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAa0B,KAAb,CAAmB,GAAnB,CAAf;AAAA,CAXI;IAkBjBC,gBAAgB,gBAAG9B,MAAM,CAAC+B,CAAV;AAAA;AAAA,sHAGZ;AAAA,MAAG7B,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACe,KAAN,CAAYK,EAA3B;AAAA,CAHY,EAKd;AAAA,MAAGpB,KAAH,UAAGA,KAAH;AAAA,SAAeU,QAAQ,CAACV,KAAK,CAACW,SAAN,CAAgBC,KAAhB,CAAsB,GAAtB,CAAD,CAAvB;AAAA,CALc,EAMZ;AAAA,MAAGZ,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACa,WAAN,CAAkBK,OAAjC;AAAA,CANY,EAOlB;AAAA,MAAGlB,KAAH,UAAGA,KAAH;AAAA,SAAeA,KAAK,CAACC,MAAN,CAAa0B,KAAb,CAAmB,GAAnB,CAAf;AAAA,CAPkB;IAUhBG,qBAAqB,gBAAGhC,MAAM,CAACC,GAAV;AAAA;AAAA,0CAEtB;AAAA,MAAGM,MAAH,UAAGA,MAAH;AAAA,SAAiBA,MAAM,GAAG,MAAH,GAAY,KAAnC;AAAA,CAFsB,EAG9B;AAAA,MAAGC,WAAH,UAAGA,WAAH;AAAA,MAAgBD,MAAhB,UAAgBA,MAAhB;AAAA,MAAwB0B,MAAxB,UAAwBA,MAAxB;AAAA,SAAqCxB,eAAe,CAACD,WAAD,EAAcD,MAAd,EAAsB0B,MAAtB,CAApD;AAAA,CAH8B;;;;"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-mobile",
3
- "version": "1.55.0-next.9",
3
+ "version": "1.55.0-rc.3",
4
4
  "license": "MIT",
5
5
  "description": "Ellie Mae - Dim Sum - System",
6
6
  "main": "cjs/index.js",
@@ -20,7 +20,14 @@
20
20
  "directory": "dist"
21
21
  },
22
22
  "dependencies": {
23
+ "@elliemae/ds-basic": "1.55.0-rc.3",
24
+ "@elliemae/ds-devutils": "1.55.0-rc.3",
25
+ "@elliemae/ds-icons": "1.55.0-rc.3",
26
+ "@elliemae/ds-shared": "1.55.0-rc.3",
27
+ "@elliemae/ds-system": "1.55.0-rc.3",
23
28
  "polished": "~3.6.7",
29
+ "prop-types": "~15.7.2",
30
+ "react-desc": "^4.1.2",
24
31
  "react-window": "~1.8.6",
25
32
  "react-window-infinite-loader": "~1.0.5",
26
33
  "styled-system": "~5.1.5"