@elliemae/ds-scrollable-container 3.11.1-rc.1 → 3.12.0-next.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.
Files changed (11) hide show
  1. package/dist/cjs/DSScrollableContainer.js.map +2 -2
  2. package/dist/cjs/config/useConfig.js.map +2 -2
  3. package/dist/cjs/react-desc-prop-types.js.map +2 -2
  4. package/dist/cjs/styled.js.map +2 -2
  5. package/dist/esm/DSScrollableContainer.js.map +2 -2
  6. package/dist/esm/config/useConfig.js +1 -5
  7. package/dist/esm/config/useConfig.js.map +2 -2
  8. package/dist/esm/react-desc-prop-types.js.map +2 -2
  9. package/dist/esm/styled.js +1 -7
  10. package/dist/esm/styled.js.map +2 -2
  11. package/package.json +7 -7
package/dist/cjs/DSScrollableContainer.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSScrollableContainer.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React from 'react';\n\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSScrollableContainerT, DSScrollableContainerPropTypes } from './react-desc-prop-types';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related';\nimport { useConfig } from './config';\nimport {\n StyledOsContent,\n StyledOsHost,\n StyledOsHostWrapper,\n StyledOsPadding,\n StyledOsResizeObserverHost,\n StyledOsScrollbarCorner,\n StyledOsScrollbarHandle,\n StyledOsScrollbarHorizontal,\n StyledOsScrollbarTrack,\n StyledOsScrollbarVertical,\n StyledOsViewport,\n GlobalStyleScrollContainer,\n} from './styled';\n\nconst DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props> = (props) => {\n const {\n propsWithDefault: { children },\n globalAttrs,\n xStyledAttrs,\n osTargetRef,\n } = useConfig(props);\n\n return (\n <StyledOsHostWrapper data-testid={DSScrollableContainerDataTestIds.ROOT} {...globalAttrs} {...xStyledAttrs}>\n <GlobalStyleScrollContainer />\n <StyledOsHost\n data-testid={DSScrollableContainerDataTestIds.HOST}\n className=\"os-host\"\n tabIndex={-1}\n ref={osTargetRef}\n >\n <StyledOsResizeObserverHost\n data-testid={DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST}\n className=\"os-resize-observer-host\"\n />\n <StyledOsPadding data-testid={DSScrollableContainerDataTestIds.PADDING} className=\"os-padding\">\n <StyledOsViewport data-testid={DSScrollableContainerDataTestIds.VIEWPORT} className=\"os-viewport\">\n <StyledOsContent data-testid={DSScrollableContainerDataTestIds.CONTENT} className=\"os-content\" aria-hidden>\n {children}\n </StyledOsContent>\n </StyledOsViewport>\n </StyledOsPadding>\n <StyledOsScrollbarHorizontal\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL}\n className=\"os-scrollbar os-scrollbar-horizontal \"\n >\n <StyledOsScrollbarTrack\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n className=\"os-scrollbar-track\"\n >\n <StyledOsScrollbarHandle\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n className=\"os-scrollbar-handle\"\n />\n </StyledOsScrollbarTrack>\n </StyledOsScrollbarHorizontal>\n <StyledOsScrollbarVertical\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL}\n className=\"os-scrollbar os-scrollbar-vertical\"\n >\n <StyledOsScrollbarTrack\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n className=\"os-scrollbar-track\"\n >\n <StyledOsScrollbarHandle\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n className=\"os-scrollbar-handle\"\n />\n </StyledOsScrollbarTrack>\n </StyledOsScrollbarVertical>\n <StyledOsScrollbarCorner\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_CORNER}\n className=\"os-scrollbar-corner\"\n />\n </StyledOsHost>\n </StyledOsHostWrapper>\n );\n};\n\nDSScrollableContainer.propTypes = DSScrollableContainerPropTypes;\nDSScrollableContainer.displayName = DSScrollableContainerName;\nconst DSScrollableContainerWithSchema = describe(DSScrollableContainer);\nDSScrollableContainerWithSchema.propTypes = DSScrollableContainerPropTypes;\n\nexport { DSScrollableContainer, DSScrollableContainerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB;AAEA,0BAAyB;AACzB,mCAAuE;AACvE,8BAA4E;AAC5E,oBAA0B;AAC1B,oBAaO;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAU,KAAK;AAEnB,SACE,6CAAC;AAAA,IAAoB,eAAa,yDAAiC;AAAA,IAAO,GAAG;AAAA,IAAc,GAAG;AAAA,IAC5F;AAAA,kDAAC,4CAA2B;AAAA,MAC5B,6CAAC;AAAA,QACC,eAAa,yDAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA,sDAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA,UACA,4CAAC;AAAA,YAAgB,eAAa,yDAAiC;AAAA,YAAS,WAAU;AAAA,YAChF,sDAAC;AAAA,cAAiB,eAAa,yDAAiC;AAAA,cAAU,WAAU;AAAA,cAClF,sDAAC;AAAA,gBAAgB,eAAa,yDAAiC;AAAA,gBAAS,WAAU;AAAA,gBAAa,eAAW;AAAA,gBACvG;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,sDAAC;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,sDAAC;AAAA,gBACC,eAAa,yDAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,sDAAC;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,sDAAC;AAAA,gBACC,eAAa,yDAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,8BAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
4
+ "sourcesContent": ["import React from 'react';\n\nimport { describe } from '@elliemae/ds-utilities';\nimport type { DSScrollableContainerT } from './react-desc-prop-types';\nimport { DSScrollableContainerPropTypes } from './react-desc-prop-types';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related';\nimport { useConfig } from './config';\nimport {\n StyledOsContent,\n StyledOsHost,\n StyledOsHostWrapper,\n StyledOsPadding,\n StyledOsResizeObserverHost,\n StyledOsScrollbarCorner,\n StyledOsScrollbarHandle,\n StyledOsScrollbarHorizontal,\n StyledOsScrollbarTrack,\n StyledOsScrollbarVertical,\n StyledOsViewport,\n GlobalStyleScrollContainer,\n} from './styled';\n\nconst DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props> = (props) => {\n const {\n propsWithDefault: { children },\n globalAttrs,\n xStyledAttrs,\n osTargetRef,\n } = useConfig(props);\n\n return (\n <StyledOsHostWrapper data-testid={DSScrollableContainerDataTestIds.ROOT} {...globalAttrs} {...xStyledAttrs}>\n <GlobalStyleScrollContainer />\n <StyledOsHost\n data-testid={DSScrollableContainerDataTestIds.HOST}\n className=\"os-host\"\n tabIndex={-1}\n ref={osTargetRef}\n >\n <StyledOsResizeObserverHost\n data-testid={DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST}\n className=\"os-resize-observer-host\"\n />\n <StyledOsPadding data-testid={DSScrollableContainerDataTestIds.PADDING} className=\"os-padding\">\n <StyledOsViewport data-testid={DSScrollableContainerDataTestIds.VIEWPORT} className=\"os-viewport\">\n <StyledOsContent data-testid={DSScrollableContainerDataTestIds.CONTENT} className=\"os-content\" aria-hidden>\n {children}\n </StyledOsContent>\n </StyledOsViewport>\n </StyledOsPadding>\n <StyledOsScrollbarHorizontal\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL}\n className=\"os-scrollbar os-scrollbar-horizontal \"\n >\n <StyledOsScrollbarTrack\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n className=\"os-scrollbar-track\"\n >\n <StyledOsScrollbarHandle\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n className=\"os-scrollbar-handle\"\n />\n </StyledOsScrollbarTrack>\n </StyledOsScrollbarHorizontal>\n <StyledOsScrollbarVertical\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL}\n className=\"os-scrollbar os-scrollbar-vertical\"\n >\n <StyledOsScrollbarTrack\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n className=\"os-scrollbar-track\"\n >\n <StyledOsScrollbarHandle\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n className=\"os-scrollbar-handle\"\n />\n </StyledOsScrollbarTrack>\n </StyledOsScrollbarVertical>\n <StyledOsScrollbarCorner\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_CORNER}\n className=\"os-scrollbar-corner\"\n />\n </StyledOsHost>\n </StyledOsHostWrapper>\n );\n};\n\nDSScrollableContainer.propTypes = DSScrollableContainerPropTypes;\nDSScrollableContainer.displayName = DSScrollableContainerName;\nconst DSScrollableContainerWithSchema = describe(DSScrollableContainer);\nDSScrollableContainerWithSchema.propTypes = DSScrollableContainerPropTypes;\n\nexport { DSScrollableContainer, DSScrollableContainerWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCjB;AA9BN,0BAAyB;AAEzB,mCAA+C;AAC/C,8BAA4E;AAC5E,oBAA0B;AAC1B,oBAaO;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,QAAI,yBAAU,KAAK;AAEnB,SACE,6CAAC;AAAA,IAAoB,eAAa,yDAAiC;AAAA,IAAO,GAAG;AAAA,IAAc,GAAG;AAAA,IAC5F;AAAA,kDAAC,4CAA2B;AAAA,MAC5B,6CAAC;AAAA,QACC,eAAa,yDAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA,sDAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA,UACA,4CAAC;AAAA,YAAgB,eAAa,yDAAiC;AAAA,YAAS,WAAU;AAAA,YAChF,sDAAC;AAAA,cAAiB,eAAa,yDAAiC;AAAA,cAAU,WAAU;AAAA,cAClF,sDAAC;AAAA,gBAAgB,eAAa,yDAAiC;AAAA,gBAAS,WAAU;AAAA,gBAAa,eAAW;AAAA,gBACvG;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,sDAAC;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,sDAAC;AAAA,gBACC,eAAa,yDAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,sDAAC;AAAA,cACC,eAAa,yDAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,sDAAC;AAAA,gBACC,eAAa,yDAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,4CAAC;AAAA,YACC,eAAa,yDAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,sCAAkC,8BAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/cjs/config/useConfig.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../src/config/useConfig.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import {\n useGetGlobalAttributes,\n useValidateTypescriptPropTypes,\n useGetXstyledProps,\n GlobalAttributesT,\n XstyledProps,\n} from '@elliemae/ds-utilities';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport { useEffect, useRef, useState } from 'react';\nimport { DSScrollableContainerPropTypes, DSScrollableContainerT } from '../react-desc-prop-types';\n\nconst options: Options = {\n scrollbars: {\n autoHide: 'leave',\n autoHideDelay: 0,\n },\n};\n\ninterface UseConfigT {\n propsWithDefault: DSScrollableContainerT.Props;\n globalAttributes: GlobalAttributesT;\n xstyledProps: XstyledProps;\n osTargetRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useConfig = (props: DSScrollableContainerT.Props): UseConfigT => {\n const propsWithDefault = props;\n useValidateTypescriptPropTypes(propsWithDefault, DSScrollableContainerPropTypes);\n const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n const osTargetRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (osTargetRef.current) {\n const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n setOsInstance(nextOsInstance);\n }\n }, [osInstance]);\n\n return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,0BAMO;AACP,+BAA2C;AAC3C,mBAA4C;AAC5C,mCAAuE;AAEvE,MAAM,UAAmB;AAAA,EACvB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,YAAY,CAAC,UAAoD;AAC5E,QAAM,mBAAmB;AACzB,0DAA+B,kBAAkB,2DAA8B;AAC/E,QAAM,kBAAc,4CAAuB,gBAAgB;AAC3D,QAAM,mBAAe,wCAAmB,gBAAgB;AAExD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAA4B;AAChE,QAAM,kBAAc,qBAAuB,IAAI;AAE/C,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,YAAM,qBAAoC,yBAAAA,SAAkB,YAAY,SAAS,OAAO;AACxF,oBAAc,cAAc;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,kBAAkB,OAAO,aAAa,cAAc,YAAY;AAC3E;",
4
+ "sourcesContent": ["import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport type { Options } from 'overlayscrollbars';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DSScrollableContainerT } from '../react-desc-prop-types';\nimport { DSScrollableContainerPropTypes } from '../react-desc-prop-types';\n\nconst options: Options = {\n scrollbars: {\n autoHide: 'leave',\n autoHideDelay: 0,\n },\n};\n\ninterface UseConfigT {\n propsWithDefault: DSScrollableContainerT.Props;\n globalAttributes: GlobalAttributesT;\n xstyledProps: XstyledProps;\n osTargetRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useConfig = (props: DSScrollableContainerT.Props): UseConfigT => {\n const propsWithDefault = props;\n useValidateTypescriptPropTypes(propsWithDefault, DSScrollableContainerPropTypes);\n const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n const osTargetRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (osTargetRef.current) {\n const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n setOsInstance(nextOsInstance);\n }\n }, [osInstance]);\n\n return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };\n};\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAA2F;AAE3F,+BAA8B;AAC9B,mBAA4C;AAE5C,mCAA+C;AAE/C,MAAM,UAAmB;AAAA,EACvB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,YAAY,CAAC,UAAoD;AAC5E,QAAM,mBAAmB;AACzB,0DAA+B,kBAAkB,2DAA8B;AAC/E,QAAM,kBAAc,4CAAuB,gBAAgB;AAC3D,QAAM,mBAAe,wCAAmB,gBAAgB;AAExD,QAAM,CAAC,YAAY,aAAa,QAAI,uBAA4B;AAChE,QAAM,kBAAc,qBAAuB,IAAI;AAE/C,8BAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,YAAM,qBAAoC,yBAAAA,SAAkB,YAAY,SAAS,OAAO;AACxF,oBAAc,cAAc;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,kBAAkB,OAAO,aAAa,cAAc,YAAY;AAC3E;",
6
6
  "names": ["OverlayScrollbars"]
7
7
  }
package/dist/cjs/react-desc-prop-types.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/react-desc-prop-types.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["import React, { WeakValidationMap } from 'react';\nimport { globalAttributesPropTypes, xstyledPropTypes, GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\n\nexport declare namespace DSScrollableContainerT {\n interface OptionalProps {\n children?: React.ReactNode;\n }\n export interface Props extends OptionalProps, XstyledProps, GlobalAttributesT<HTMLDivElement> {}\n}\n\nexport const DSScrollableContainerPropTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,0BAA6F;AAStF,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EACH,GAAG;AACL;",
4
+ "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSScrollableContainerT {\n interface OptionalProps {\n children?: React.ReactNode;\n }\n export interface Props extends OptionalProps, XstyledProps, GlobalAttributesT<HTMLDivElement> {}\n}\n\nexport const DSScrollableContainerPropTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,0BAA4D;AASrD,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EACH,GAAG;AACL;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
- "sourcesContent": ["/* eslint-disable max-lines */\nimport {\n styled,\n layout,\n space,\n sizing,\n LayoutProps,\n SpaceProps,\n SizingProps,\n createGlobalStyle,\n} from '@elliemae/ds-system';\nimport { DSScrollableContainerName, DSScrollableContainerSlots } from './exported_related';\n\nexport const StyledOsHostWrapper = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.ROOT,\n})<LayoutProps & SpaceProps & SizingProps>`\n ${layout}\n ${space}\n ${sizing}\n`;\n\nexport const GlobalStyleScrollContainer = createGlobalStyle`\nhtml.os-html,\nhtml.os-html > .os-host {\n display: block;\n overflow: hidden;\n box-sizing: border-box;\n height: 100% !important;\n width: 100% !important;\n min-width: 100% !important;\n min-height: 100% !important;\n margin: 0 !important;\n position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nhtml.os-html > .os-host > .os-padding {\n position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nbody.os-dragging,\nbody.os-dragging * {\n cursor: default;\n}\n.os-host,\n .os-host-textarea {\n position: relative;\n overflow: visible !important;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-content: flex-start;\n align-items: flex-start;\n }\n #os-dummy-scrollbar-size {\n position: fixed;\n opacity: 0;\n visibility: hidden;\n overflow: scroll;\n height: 500px;\n width: 500px;\n }\n #os-dummy-scrollbar-size > div {\n width: 200%;\n height: 200%;\n margin: 10px 0;\n }\n #os-dummy-scrollbar-size:before,\n #os-dummy-scrollbar-size:after,\n .os-content:before,\n .os-content:after {\n content: '';\n display: table;\n width: 0.01px;\n height: 0.01px;\n line-height: 0;\n font-size: 0;\n flex-grow: 0;\n flex-shrink: 0;\n visibility: hidden;\n }\n #os-dummy-scrollbar-size,\n .os-viewport {\n -ms-overflow-style: scrollbar !important;\n }\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,\n .os-viewport-native-scrollbars-invisible.os-viewport {\n scrollbar-width: none !important;\n }\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,\n .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,\n .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n visibility: hidden !important;\n background: transparent !important;\n }\n .os-content-glue {\n box-sizing: inherit;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n pointer-events: none;\n }\n .os-padding {\n box-sizing: inherit;\n direction: inherit;\n position: absolute;\n overflow: visible;\n padding: 0;\n margin: 0;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n width: auto !important;\n height: auto !important;\n z-index: 0;\n }\n .os-host-overflow > .os-padding {\n overflow: hidden;\n }\n .os-viewport {\n direction: inherit !important;\n box-sizing: inherit !important;\n resize: none !important;\n outline: none !important;\n position: absolute;\n overflow: hidden;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n padding: 0;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n }\n .os-content-arrange {\n position: absolute;\n z-index: -1;\n min-height: 1px;\n min-width: 1px;\n pointer-events: none;\n }\n .os-content {\n direction: inherit;\n box-sizing: border-box !important;\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n height: 100%;\n width: 100%;\n visibility: visible;\n }\n .os-content > .os-textarea {\n box-sizing: border-box !important;\n direction: inherit !important;\n background: transparent !important;\n outline: 0 none transparent !important;\n overflow: hidden !important;\n position: absolute !important;\n display: block !important;\n top: 0 !important;\n left: 0 !important;\n margin: 0 !important;\n border-radius: 0 !important;\n float: none !important;\n filter: none !important;\n border: none !important;\n resize: none !important;\n transform: none !important;\n max-width: none !important;\n max-height: none !important;\n box-shadow: none !important;\n perspective: none !important;\n opacity: 1 !important;\n z-index: 1 !important;\n clip: auto !important;\n padding: 0;\n }\n .os-content > .os-textarea-cover {\n z-index: -1;\n pointer-events: none;\n }\n .os-content > .os-textarea[wrap='off'] {\n white-space: pre !important;\n margin: 0 !important;\n }\n .os-text-inherit {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n font-style: inherit;\n font-variant: inherit;\n text-transform: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-align: inherit;\n text-shadow: inherit;\n text-overflow: inherit;\n letter-spacing: inherit;\n word-spacing: inherit;\n line-height: inherit;\n unicode-bidi: inherit;\n direction: inherit;\n color: inherit;\n cursor: text;\n }\n .os-resize-observer,\n .os-resize-observer-host {\n box-sizing: inherit;\n display: block;\n visibility: hidden;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n .os-resize-observer-host {\n padding: inherit;\n border: inherit;\n border-color: transparent;\n border-style: solid;\n box-sizing: border-box;\n }\n .os-resize-observer-host.observed {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n .os-resize-observer-host > .os-resize-observer,\n .os-resize-observer-host.observed > .os-resize-observer {\n height: 200%;\n width: 200%;\n padding: inherit;\n border: inherit;\n margin: 0;\n display: block;\n box-sizing: content-box;\n }\n .os-resize-observer-host.observed > .os-resize-observer,\n .os-resize-observer-host.observed > .os-resize-observer:before {\n display: flex;\n position: relative;\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: auto;\n box-sizing: border-box;\n }\n .os-resize-observer-host.observed > .os-resize-observer:before {\n content: '';\n box-sizing: content-box;\n padding: inherit;\n border: inherit;\n margin: 0;\n }\n .os-size-auto-observer {\n box-sizing: inherit !important;\n height: 100%;\n width: inherit;\n max-width: 1px;\n position: relative;\n float: left;\n max-height: 1px;\n overflow: hidden;\n z-index: -1;\n padding: 0;\n margin: 0;\n pointer-events: none;\n flex-grow: inherit;\n flex-shrink: 0;\n flex-basis: 0;\n }\n .os-size-auto-observer > .os-resize-observer {\n width: 1000%;\n height: 1000%;\n min-height: 1px;\n min-width: 1px;\n }\n .os-resize-observer-item {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: hidden;\n z-index: -1;\n opacity: 0;\n direction: ltr !important;\n flex: none !important;\n }\n .os-resize-observer-item-final {\n position: absolute;\n left: 0;\n top: 0;\n transition: none !important;\n flex: none !important;\n }\n .os-resize-observer {\n animation-duration: 0.001s;\n animation-name: os-resize-observer-dummy-animation;\n }\n\n @-webkit-keyframes os-resize-observer-dummy-animation {\n from {\n z-index: 0;\n }\n to {\n z-index: -1;\n }\n }\n @keyframes os-resize-observer-dummy-animation {\n from {\n z-index: 0;\n }\n to {\n z-index: -1;\n }\n }\n .os-host-transition > .os-scrollbar,\n .os-host-transition > .os-scrollbar-corner {\n transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;\n }\n .os-scrollbar,\n .os-scrollbar-corner {\n position: absolute;\n opacity: 1;\n z-index: 1;\n }\n .os-scrollbar-corner {\n bottom: 0;\n right: 0;\n height: 10px;\n width: 10px;\n background-color: transparent;\n }\n .os-scrollbar {\n pointer-events: none;\n padding: 2px;\n box-sizing: border-box;\n background: transparent;\n }\n .os-scrollbar-track {\n pointer-events: auto;\n position: relative;\n height: 100%;\n width: 100%;\n padding: 0 !important;\n border: none !important;\n }\n .os-scrollbar-handle {\n pointer-events: auto;\n position: absolute;\n width: 100%;\n height: 100%;\n }\n .os-scrollbar-handle-off,\n .os-scrollbar-track-off {\n pointer-events: none;\n }\n .os-scrollbar.os-scrollbar-unusable,\n .os-scrollbar.os-scrollbar-unusable * {\n pointer-events: none !important;\n }\n .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {\n opacity: 0 !important;\n }\n .os-scrollbar-horizontal {\n bottom: 0;\n left: 0;\n right: 10px;\n height: 10px;\n }\n .os-scrollbar-vertical {\n top: 0;\n right: 0;\n bottom: 10px;\n width: 10px;\n }\n .os-scrollbar-auto-hidden,\n .os-padding + .os-scrollbar-corner,\n .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,\n .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,\n .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,\n .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,\n .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,\n .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,\n .os-scrollbar-horizontal.os-scrollbar-auto-hidden\n + .os-scrollbar-vertical.os-scrollbar-auto-hidden\n + .os-scrollbar-corner {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n .os-scrollbar-corner-resize-both {\n cursor: nwse-resize;\n }\n .os-scrollbar-corner-resize-horizontal {\n cursor: ew-resize;\n }\n .os-scrollbar-corner-resize-vertical {\n cursor: ns-resize;\n }\n .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {\n cursor: default;\n }\n .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {\n top: 0;\n bottom: 0;\n }\n .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {\n right: 0;\n left: 0;\n }\n .os-scrollbar:hover,\n .os-scrollbar-corner.os-scrollbar-corner-resize {\n opacity: 1 !important;\n visibility: visible !important;\n }\n .os-scrollbar-corner.os-scrollbar-corner-resize {\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);\n background-repeat: no-repeat;\n background-position: 100% 100%;\n pointer-events: auto !important;\n }\n .os-host-overflow {\n overflow: hidden !important;\n }\n .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {\n min-width: 30px;\n }\n .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {\n min-height: 30px;\n }\n .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n transition: background-color 0.3s;\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,\n .os-scrollbar > .os-scrollbar-track {\n border-radius: 10px;\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n background: rgba(0, 0, 0, 0.4);\n }\n .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {\n background: rgba(0, 0, 0, 0.55);\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {\n background: rgba(0, 0, 0, 0.7);\n }\n .os-scrollbar-horizontal .os-scrollbar-handle:before,\n .os-scrollbar-vertical .os-scrollbar-handle:before {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: block;\n }\n .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,\n .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {\n display: none;\n }\n .os-scrollbar-horizontal .os-scrollbar-handle:before {\n top: -6px;\n bottom: -2px;\n }\n .os-scrollbar-vertical .os-scrollbar-handle:before {\n left: -6px;\n right: -2px;\n }\n .os-scrollbar.os-scrollbar-unusable,\n .os-scrollbar > .os-scrollbar-track {\n background: transparent;\n }\n`;\n\nexport const StyledOsHost = styled('div', { name: DSScrollableContainerName, slot: DSScrollableContainerSlots.HOST })``;\n\nexport const StyledOsResizeObserverHost = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.RESIZE_OBSERVER_HOST,\n})``;\n\nexport const StyledOsPadding = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.PADDING,\n})``;\n\nexport const StyledOsViewport = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.VIEWPORT,\n})``;\n\nexport const StyledOsContent = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.CONTENT,\n})``;\n\nexport const StyledOsScrollbarHorizontal = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_HORIZONTAL,\n})``;\n\nexport const StyledOsScrollbarVertical = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_VERTICAL,\n})``;\n\nexport const StyledOsScrollbarTrack = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_TRACK,\n})``;\n\nexport const StyledOsScrollbarHandle = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_HANDLE,\n})`\n width: 6px;\n border: 1px solid rgba(0, 0, 0, 0);\n background-color: rgba(105, 116, 137, 0.5) !important;\n border-radius: 7px;\n\n :hover {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n\n :active {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n`;\n\nexport const StyledOsScrollbarCorner = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_CORNER,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,uBASO;AACP,8BAAsE;AAE/D,MAAM,0BAAsB,yBAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8cnC,MAAM,mBAAe,yBAAO,OAAO,EAAE,MAAM,mDAA2B,MAAM,mDAA2B,KAAK,CAAC;AAE7G,MAAM,iCAA6B,yBAAO,OAAO;AAAA,EACtD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,kCAA8B,yBAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,gCAA4B,yBAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,8BAA0B,yBAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM,MAAM,8BAA0B,yBAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;",
4
+ "sourcesContent": ["/* eslint-disable max-lines */\nimport type { LayoutProps, SpaceProps, SizingProps } from '@elliemae/ds-system';\nimport { styled, layout, space, sizing, createGlobalStyle } from '@elliemae/ds-system';\nimport { DSScrollableContainerName, DSScrollableContainerSlots } from './exported_related';\n\nexport const StyledOsHostWrapper = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.ROOT,\n})<LayoutProps & SpaceProps & SizingProps>`\n ${layout}\n ${space}\n ${sizing}\n`;\n\nexport const GlobalStyleScrollContainer = createGlobalStyle`\nhtml.os-html,\nhtml.os-html > .os-host {\n display: block;\n overflow: hidden;\n box-sizing: border-box;\n height: 100% !important;\n width: 100% !important;\n min-width: 100% !important;\n min-height: 100% !important;\n margin: 0 !important;\n position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nhtml.os-html > .os-host > .os-padding {\n position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nbody.os-dragging,\nbody.os-dragging * {\n cursor: default;\n}\n.os-host,\n .os-host-textarea {\n position: relative;\n overflow: visible !important;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-content: flex-start;\n align-items: flex-start;\n }\n #os-dummy-scrollbar-size {\n position: fixed;\n opacity: 0;\n visibility: hidden;\n overflow: scroll;\n height: 500px;\n width: 500px;\n }\n #os-dummy-scrollbar-size > div {\n width: 200%;\n height: 200%;\n margin: 10px 0;\n }\n #os-dummy-scrollbar-size:before,\n #os-dummy-scrollbar-size:after,\n .os-content:before,\n .os-content:after {\n content: '';\n display: table;\n width: 0.01px;\n height: 0.01px;\n line-height: 0;\n font-size: 0;\n flex-grow: 0;\n flex-shrink: 0;\n visibility: hidden;\n }\n #os-dummy-scrollbar-size,\n .os-viewport {\n -ms-overflow-style: scrollbar !important;\n }\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,\n .os-viewport-native-scrollbars-invisible.os-viewport {\n scrollbar-width: none !important;\n }\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,\n .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,\n .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n visibility: hidden !important;\n background: transparent !important;\n }\n .os-content-glue {\n box-sizing: inherit;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n pointer-events: none;\n }\n .os-padding {\n box-sizing: inherit;\n direction: inherit;\n position: absolute;\n overflow: visible;\n padding: 0;\n margin: 0;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n width: auto !important;\n height: auto !important;\n z-index: 0;\n }\n .os-host-overflow > .os-padding {\n overflow: hidden;\n }\n .os-viewport {\n direction: inherit !important;\n box-sizing: inherit !important;\n resize: none !important;\n outline: none !important;\n position: absolute;\n overflow: hidden;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n padding: 0;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n }\n .os-content-arrange {\n position: absolute;\n z-index: -1;\n min-height: 1px;\n min-width: 1px;\n pointer-events: none;\n }\n .os-content {\n direction: inherit;\n box-sizing: border-box !important;\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n height: 100%;\n width: 100%;\n visibility: visible;\n }\n .os-content > .os-textarea {\n box-sizing: border-box !important;\n direction: inherit !important;\n background: transparent !important;\n outline: 0 none transparent !important;\n overflow: hidden !important;\n position: absolute !important;\n display: block !important;\n top: 0 !important;\n left: 0 !important;\n margin: 0 !important;\n border-radius: 0 !important;\n float: none !important;\n filter: none !important;\n border: none !important;\n resize: none !important;\n transform: none !important;\n max-width: none !important;\n max-height: none !important;\n box-shadow: none !important;\n perspective: none !important;\n opacity: 1 !important;\n z-index: 1 !important;\n clip: auto !important;\n padding: 0;\n }\n .os-content > .os-textarea-cover {\n z-index: -1;\n pointer-events: none;\n }\n .os-content > .os-textarea[wrap='off'] {\n white-space: pre !important;\n margin: 0 !important;\n }\n .os-text-inherit {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n font-style: inherit;\n font-variant: inherit;\n text-transform: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-align: inherit;\n text-shadow: inherit;\n text-overflow: inherit;\n letter-spacing: inherit;\n word-spacing: inherit;\n line-height: inherit;\n unicode-bidi: inherit;\n direction: inherit;\n color: inherit;\n cursor: text;\n }\n .os-resize-observer,\n .os-resize-observer-host {\n box-sizing: inherit;\n display: block;\n visibility: hidden;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n .os-resize-observer-host {\n padding: inherit;\n border: inherit;\n border-color: transparent;\n border-style: solid;\n box-sizing: border-box;\n }\n .os-resize-observer-host.observed {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n .os-resize-observer-host > .os-resize-observer,\n .os-resize-observer-host.observed > .os-resize-observer {\n height: 200%;\n width: 200%;\n padding: inherit;\n border: inherit;\n margin: 0;\n display: block;\n box-sizing: content-box;\n }\n .os-resize-observer-host.observed > .os-resize-observer,\n .os-resize-observer-host.observed > .os-resize-observer:before {\n display: flex;\n position: relative;\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: auto;\n box-sizing: border-box;\n }\n .os-resize-observer-host.observed > .os-resize-observer:before {\n content: '';\n box-sizing: content-box;\n padding: inherit;\n border: inherit;\n margin: 0;\n }\n .os-size-auto-observer {\n box-sizing: inherit !important;\n height: 100%;\n width: inherit;\n max-width: 1px;\n position: relative;\n float: left;\n max-height: 1px;\n overflow: hidden;\n z-index: -1;\n padding: 0;\n margin: 0;\n pointer-events: none;\n flex-grow: inherit;\n flex-shrink: 0;\n flex-basis: 0;\n }\n .os-size-auto-observer > .os-resize-observer {\n width: 1000%;\n height: 1000%;\n min-height: 1px;\n min-width: 1px;\n }\n .os-resize-observer-item {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: hidden;\n z-index: -1;\n opacity: 0;\n direction: ltr !important;\n flex: none !important;\n }\n .os-resize-observer-item-final {\n position: absolute;\n left: 0;\n top: 0;\n transition: none !important;\n flex: none !important;\n }\n .os-resize-observer {\n animation-duration: 0.001s;\n animation-name: os-resize-observer-dummy-animation;\n }\n\n @-webkit-keyframes os-resize-observer-dummy-animation {\n from {\n z-index: 0;\n }\n to {\n z-index: -1;\n }\n }\n @keyframes os-resize-observer-dummy-animation {\n from {\n z-index: 0;\n }\n to {\n z-index: -1;\n }\n }\n .os-host-transition > .os-scrollbar,\n .os-host-transition > .os-scrollbar-corner {\n transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;\n }\n .os-scrollbar,\n .os-scrollbar-corner {\n position: absolute;\n opacity: 1;\n z-index: 1;\n }\n .os-scrollbar-corner {\n bottom: 0;\n right: 0;\n height: 10px;\n width: 10px;\n background-color: transparent;\n }\n .os-scrollbar {\n pointer-events: none;\n padding: 2px;\n box-sizing: border-box;\n background: transparent;\n }\n .os-scrollbar-track {\n pointer-events: auto;\n position: relative;\n height: 100%;\n width: 100%;\n padding: 0 !important;\n border: none !important;\n }\n .os-scrollbar-handle {\n pointer-events: auto;\n position: absolute;\n width: 100%;\n height: 100%;\n }\n .os-scrollbar-handle-off,\n .os-scrollbar-track-off {\n pointer-events: none;\n }\n .os-scrollbar.os-scrollbar-unusable,\n .os-scrollbar.os-scrollbar-unusable * {\n pointer-events: none !important;\n }\n .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {\n opacity: 0 !important;\n }\n .os-scrollbar-horizontal {\n bottom: 0;\n left: 0;\n right: 10px;\n height: 10px;\n }\n .os-scrollbar-vertical {\n top: 0;\n right: 0;\n bottom: 10px;\n width: 10px;\n }\n .os-scrollbar-auto-hidden,\n .os-padding + .os-scrollbar-corner,\n .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,\n .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,\n .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,\n .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,\n .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,\n .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,\n .os-scrollbar-horizontal.os-scrollbar-auto-hidden\n + .os-scrollbar-vertical.os-scrollbar-auto-hidden\n + .os-scrollbar-corner {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n .os-scrollbar-corner-resize-both {\n cursor: nwse-resize;\n }\n .os-scrollbar-corner-resize-horizontal {\n cursor: ew-resize;\n }\n .os-scrollbar-corner-resize-vertical {\n cursor: ns-resize;\n }\n .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {\n cursor: default;\n }\n .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {\n top: 0;\n bottom: 0;\n }\n .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {\n right: 0;\n left: 0;\n }\n .os-scrollbar:hover,\n .os-scrollbar-corner.os-scrollbar-corner-resize {\n opacity: 1 !important;\n visibility: visible !important;\n }\n .os-scrollbar-corner.os-scrollbar-corner-resize {\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);\n background-repeat: no-repeat;\n background-position: 100% 100%;\n pointer-events: auto !important;\n }\n .os-host-overflow {\n overflow: hidden !important;\n }\n .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {\n min-width: 30px;\n }\n .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {\n min-height: 30px;\n }\n .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n transition: background-color 0.3s;\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,\n .os-scrollbar > .os-scrollbar-track {\n border-radius: 10px;\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n background: rgba(0, 0, 0, 0.4);\n }\n .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {\n background: rgba(0, 0, 0, 0.55);\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {\n background: rgba(0, 0, 0, 0.7);\n }\n .os-scrollbar-horizontal .os-scrollbar-handle:before,\n .os-scrollbar-vertical .os-scrollbar-handle:before {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: block;\n }\n .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,\n .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {\n display: none;\n }\n .os-scrollbar-horizontal .os-scrollbar-handle:before {\n top: -6px;\n bottom: -2px;\n }\n .os-scrollbar-vertical .os-scrollbar-handle:before {\n left: -6px;\n right: -2px;\n }\n .os-scrollbar.os-scrollbar-unusable,\n .os-scrollbar > .os-scrollbar-track {\n background: transparent;\n }\n`;\n\nexport const StyledOsHost = styled('div', { name: DSScrollableContainerName, slot: DSScrollableContainerSlots.HOST })``;\n\nexport const StyledOsResizeObserverHost = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.RESIZE_OBSERVER_HOST,\n})``;\n\nexport const StyledOsPadding = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.PADDING,\n})``;\n\nexport const StyledOsViewport = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.VIEWPORT,\n})``;\n\nexport const StyledOsContent = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.CONTENT,\n})``;\n\nexport const StyledOsScrollbarHorizontal = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_HORIZONTAL,\n})``;\n\nexport const StyledOsScrollbarVertical = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_VERTICAL,\n})``;\n\nexport const StyledOsScrollbarTrack = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_TRACK,\n})``;\n\nexport const StyledOsScrollbarHandle = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_HANDLE,\n})`\n width: 6px;\n border: 1px solid rgba(0, 0, 0, 0);\n background-color: rgba(105, 116, 137, 0.5) !important;\n border-radius: 7px;\n\n :hover {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n\n :active {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n`;\n\nexport const StyledOsScrollbarCorner = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_CORNER,\n})``;\n", "import * as React from 'react';\nexport { React };\n"],
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADEvB,uBAAiE;AACjE,8BAAsE;AAE/D,MAAM,0BAAsB,yBAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8cnC,MAAM,mBAAe,yBAAO,OAAO,EAAE,MAAM,mDAA2B,MAAM,mDAA2B,KAAK,CAAC;AAE7G,MAAM,iCAA6B,yBAAO,OAAO;AAAA,EACtD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,uBAAmB,yBAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,sBAAkB,yBAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,kCAA8B,yBAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,gCAA4B,yBAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,6BAAyB,yBAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAEM,MAAM,8BAA0B,yBAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM,MAAM,8BAA0B,yBAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,mDAA2B;AACnC,CAAC;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSScrollableContainer.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSScrollableContainer.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nimport { describe } from '@elliemae/ds-utilities';\nimport { DSScrollableContainerT, DSScrollableContainerPropTypes } from './react-desc-prop-types';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related';\nimport { useConfig } from './config';\nimport {\n StyledOsContent,\n StyledOsHost,\n StyledOsHostWrapper,\n StyledOsPadding,\n StyledOsResizeObserverHost,\n StyledOsScrollbarCorner,\n StyledOsScrollbarHandle,\n StyledOsScrollbarHorizontal,\n StyledOsScrollbarTrack,\n StyledOsScrollbarVertical,\n StyledOsViewport,\n GlobalStyleScrollContainer,\n} from './styled';\n\nconst DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props> = (props) => {\n const {\n propsWithDefault: { children },\n globalAttrs,\n xStyledAttrs,\n osTargetRef,\n } = useConfig(props);\n\n return (\n <StyledOsHostWrapper data-testid={DSScrollableContainerDataTestIds.ROOT} {...globalAttrs} {...xStyledAttrs}>\n <GlobalStyleScrollContainer />\n <StyledOsHost\n data-testid={DSScrollableContainerDataTestIds.HOST}\n className=\"os-host\"\n tabIndex={-1}\n ref={osTargetRef}\n >\n <StyledOsResizeObserverHost\n data-testid={DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST}\n className=\"os-resize-observer-host\"\n />\n <StyledOsPadding data-testid={DSScrollableContainerDataTestIds.PADDING} className=\"os-padding\">\n <StyledOsViewport data-testid={DSScrollableContainerDataTestIds.VIEWPORT} className=\"os-viewport\">\n <StyledOsContent data-testid={DSScrollableContainerDataTestIds.CONTENT} className=\"os-content\" aria-hidden>\n {children}\n </StyledOsContent>\n </StyledOsViewport>\n </StyledOsPadding>\n <StyledOsScrollbarHorizontal\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL}\n className=\"os-scrollbar os-scrollbar-horizontal \"\n >\n <StyledOsScrollbarTrack\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n className=\"os-scrollbar-track\"\n >\n <StyledOsScrollbarHandle\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n className=\"os-scrollbar-handle\"\n />\n </StyledOsScrollbarTrack>\n </StyledOsScrollbarHorizontal>\n <StyledOsScrollbarVertical\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL}\n className=\"os-scrollbar os-scrollbar-vertical\"\n >\n <StyledOsScrollbarTrack\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n className=\"os-scrollbar-track\"\n >\n <StyledOsScrollbarHandle\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n className=\"os-scrollbar-handle\"\n />\n </StyledOsScrollbarTrack>\n </StyledOsScrollbarVertical>\n <StyledOsScrollbarCorner\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_CORNER}\n className=\"os-scrollbar-corner\"\n />\n </StyledOsHost>\n </StyledOsHostWrapper>\n );\n};\n\nDSScrollableContainer.propTypes = DSScrollableContainerPropTypes;\nDSScrollableContainer.displayName = DSScrollableContainerName;\nconst DSScrollableContainerWithSchema = describe(DSScrollableContainer);\nDSScrollableContainerWithSchema.propTypes = DSScrollableContainerPropTypes;\n\nexport { DSScrollableContainer, DSScrollableContainerWithSchema };\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB;AAEA,SAAS,gBAAgB;AACzB,SAAiC,sCAAsC;AACvE,SAAS,kCAAkC,iCAAiC;AAC5E,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,KAAK;AAEnB,SACE,qBAAC;AAAA,IAAoB,eAAa,iCAAiC;AAAA,IAAO,GAAG;AAAA,IAAc,GAAG;AAAA,IAC5F;AAAA,0BAAC,8BAA2B;AAAA,MAC5B,qBAAC;AAAA,QACC,eAAa,iCAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA,8BAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA,UACA,oBAAC;AAAA,YAAgB,eAAa,iCAAiC;AAAA,YAAS,WAAU;AAAA,YAChF,8BAAC;AAAA,cAAiB,eAAa,iCAAiC;AAAA,cAAU,WAAU;AAAA,cAClF,8BAAC;AAAA,gBAAgB,eAAa,iCAAiC;AAAA,gBAAS,WAAU;AAAA,gBAAa,eAAW;AAAA,gBACvG;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,8BAAC;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,8BAAC;AAAA,gBACC,eAAa,iCAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,8BAAC;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,8BAAC;AAAA,gBACC,eAAa,iCAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\n\nimport { describe } from '@elliemae/ds-utilities';\nimport type { DSScrollableContainerT } from './react-desc-prop-types';\nimport { DSScrollableContainerPropTypes } from './react-desc-prop-types';\nimport { DSScrollableContainerDataTestIds, DSScrollableContainerName } from './exported_related';\nimport { useConfig } from './config';\nimport {\n StyledOsContent,\n StyledOsHost,\n StyledOsHostWrapper,\n StyledOsPadding,\n StyledOsResizeObserverHost,\n StyledOsScrollbarCorner,\n StyledOsScrollbarHandle,\n StyledOsScrollbarHorizontal,\n StyledOsScrollbarTrack,\n StyledOsScrollbarVertical,\n StyledOsViewport,\n GlobalStyleScrollContainer,\n} from './styled';\n\nconst DSScrollableContainer: React.ComponentType<DSScrollableContainerT.Props> = (props) => {\n const {\n propsWithDefault: { children },\n globalAttrs,\n xStyledAttrs,\n osTargetRef,\n } = useConfig(props);\n\n return (\n <StyledOsHostWrapper data-testid={DSScrollableContainerDataTestIds.ROOT} {...globalAttrs} {...xStyledAttrs}>\n <GlobalStyleScrollContainer />\n <StyledOsHost\n data-testid={DSScrollableContainerDataTestIds.HOST}\n className=\"os-host\"\n tabIndex={-1}\n ref={osTargetRef}\n >\n <StyledOsResizeObserverHost\n data-testid={DSScrollableContainerDataTestIds.RESIZE_OBSERVER_HOST}\n className=\"os-resize-observer-host\"\n />\n <StyledOsPadding data-testid={DSScrollableContainerDataTestIds.PADDING} className=\"os-padding\">\n <StyledOsViewport data-testid={DSScrollableContainerDataTestIds.VIEWPORT} className=\"os-viewport\">\n <StyledOsContent data-testid={DSScrollableContainerDataTestIds.CONTENT} className=\"os-content\" aria-hidden>\n {children}\n </StyledOsContent>\n </StyledOsViewport>\n </StyledOsPadding>\n <StyledOsScrollbarHorizontal\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HORIZONTAL}\n className=\"os-scrollbar os-scrollbar-horizontal \"\n >\n <StyledOsScrollbarTrack\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n className=\"os-scrollbar-track\"\n >\n <StyledOsScrollbarHandle\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n className=\"os-scrollbar-handle\"\n />\n </StyledOsScrollbarTrack>\n </StyledOsScrollbarHorizontal>\n <StyledOsScrollbarVertical\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_VERTICAL}\n className=\"os-scrollbar os-scrollbar-vertical\"\n >\n <StyledOsScrollbarTrack\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_TRACK}\n className=\"os-scrollbar-track\"\n >\n <StyledOsScrollbarHandle\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_HANDLE}\n className=\"os-scrollbar-handle\"\n />\n </StyledOsScrollbarTrack>\n </StyledOsScrollbarVertical>\n <StyledOsScrollbarCorner\n data-testid={DSScrollableContainerDataTestIds.SCROLLBAR_CORNER}\n className=\"os-scrollbar-corner\"\n />\n </StyledOsHost>\n </StyledOsHostWrapper>\n );\n};\n\nDSScrollableContainer.propTypes = DSScrollableContainerPropTypes;\nDSScrollableContainer.displayName = DSScrollableContainerName;\nconst DSScrollableContainerWithSchema = describe(DSScrollableContainer);\nDSScrollableContainerWithSchema.propTypes = DSScrollableContainerPropTypes;\n\nexport { DSScrollableContainer, DSScrollableContainerWithSchema };\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACgCjB,cACA,YADA;AA9BN,SAAS,gBAAgB;AAEzB,SAAS,sCAAsC;AAC/C,SAAS,kCAAkC,iCAAiC;AAC5E,SAAS,iBAAiB;AAC1B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,wBAA2E,CAAC,UAAU;AAC1F,QAAM;AAAA,IACJ,kBAAkB,EAAE,SAAS;AAAA,IAC7B;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI,UAAU,KAAK;AAEnB,SACE,qBAAC;AAAA,IAAoB,eAAa,iCAAiC;AAAA,IAAO,GAAG;AAAA,IAAc,GAAG;AAAA,IAC5F;AAAA,0BAAC,8BAA2B;AAAA,MAC5B,qBAAC;AAAA,QACC,eAAa,iCAAiC;AAAA,QAC9C,WAAU;AAAA,QACV,UAAU;AAAA,QACV,KAAK;AAAA,QAEL;AAAA,8BAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA,UACA,oBAAC;AAAA,YAAgB,eAAa,iCAAiC;AAAA,YAAS,WAAU;AAAA,YAChF,8BAAC;AAAA,cAAiB,eAAa,iCAAiC;AAAA,cAAU,WAAU;AAAA,cAClF,8BAAC;AAAA,gBAAgB,eAAa,iCAAiC;AAAA,gBAAS,WAAU;AAAA,gBAAa,eAAW;AAAA,gBACvG;AAAA,eACH;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,8BAAC;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,8BAAC;AAAA,gBACC,eAAa,iCAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,YAEV,8BAAC;AAAA,cACC,eAAa,iCAAiC;AAAA,cAC9C,WAAU;AAAA,cAEV,8BAAC;AAAA,gBACC,eAAa,iCAAiC;AAAA,gBAC9C,WAAU;AAAA,eACZ;AAAA,aACF;AAAA,WACF;AAAA,UACA,oBAAC;AAAA,YACC,eAAa,iCAAiC;AAAA,YAC9C,WAAU;AAAA,WACZ;AAAA;AAAA,OACF;AAAA;AAAA,GACF;AAEJ;AAEA,sBAAsB,YAAY;AAClC,sBAAsB,cAAc;AACpC,MAAM,kCAAkC,SAAS,qBAAqB;AACtE,gCAAgC,YAAY;",
6
6
  "names": []
7
7
  }
package/dist/esm/config/useConfig.js CHANGED
@@ -1,9 +1,5 @@
1
1
  import * as React from "react";
2
- import {
3
- useGetGlobalAttributes,
4
- useValidateTypescriptPropTypes,
5
- useGetXstyledProps
6
- } from "@elliemae/ds-utilities";
2
+ import { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from "@elliemae/ds-utilities";
7
3
  import OverlayScrollbars from "overlayscrollbars";
8
4
  import { useEffect, useRef, useState } from "react";
9
5
  import { DSScrollableContainerPropTypes } from "../react-desc-prop-types";
package/dist/esm/config/useConfig.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useConfig.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import {\n useGetGlobalAttributes,\n useValidateTypescriptPropTypes,\n useGetXstyledProps,\n GlobalAttributesT,\n XstyledProps,\n} from '@elliemae/ds-utilities';\nimport OverlayScrollbars, { Options } from 'overlayscrollbars';\nimport { useEffect, useRef, useState } from 'react';\nimport { DSScrollableContainerPropTypes, DSScrollableContainerT } from '../react-desc-prop-types';\n\nconst options: Options = {\n scrollbars: {\n autoHide: 'leave',\n autoHideDelay: 0,\n },\n};\n\ninterface UseConfigT {\n propsWithDefault: DSScrollableContainerT.Props;\n globalAttributes: GlobalAttributesT;\n xstyledProps: XstyledProps;\n osTargetRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useConfig = (props: DSScrollableContainerT.Props): UseConfigT => {\n const propsWithDefault = props;\n useValidateTypescriptPropTypes(propsWithDefault, DSScrollableContainerPropTypes);\n const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n const osTargetRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (osTargetRef.current) {\n const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n setOsInstance(nextOsInstance);\n }\n }, [osInstance]);\n\n return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };\n};\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAGK;AACP,OAAO,uBAAoC;AAC3C,SAAS,WAAW,QAAQ,gBAAgB;AAC5C,SAAS,sCAA8D;AAEvE,MAAM,UAAmB;AAAA,EACvB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,YAAY,CAAC,UAAoD;AAC5E,QAAM,mBAAmB;AACzB,iCAA+B,kBAAkB,8BAA8B;AAC/E,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B;AAChE,QAAM,cAAc,OAAuB,IAAI;AAE/C,YAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,YAAM,iBAAoC,kBAAkB,YAAY,SAAS,OAAO;AACxF,oBAAc,cAAc;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,kBAAkB,OAAO,aAAa,cAAc,YAAY;AAC3E;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { useGetGlobalAttributes, useValidateTypescriptPropTypes, useGetXstyledProps } from '@elliemae/ds-utilities';\nimport type { Options } from 'overlayscrollbars';\nimport OverlayScrollbars from 'overlayscrollbars';\nimport { useEffect, useRef, useState } from 'react';\nimport type { DSScrollableContainerT } from '../react-desc-prop-types';\nimport { DSScrollableContainerPropTypes } from '../react-desc-prop-types';\n\nconst options: Options = {\n scrollbars: {\n autoHide: 'leave',\n autoHideDelay: 0,\n },\n};\n\ninterface UseConfigT {\n propsWithDefault: DSScrollableContainerT.Props;\n globalAttributes: GlobalAttributesT;\n xstyledProps: XstyledProps;\n osTargetRef: React.RefObject<HTMLDivElement>;\n}\n\nexport const useConfig = (props: DSScrollableContainerT.Props): UseConfigT => {\n const propsWithDefault = props;\n useValidateTypescriptPropTypes(propsWithDefault, DSScrollableContainerPropTypes);\n const globalAttrs = useGetGlobalAttributes(propsWithDefault);\n const xStyledAttrs = useGetXstyledProps(propsWithDefault);\n\n const [osInstance, setOsInstance] = useState<OverlayScrollbars>();\n const osTargetRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (osTargetRef.current) {\n const nextOsInstance: OverlayScrollbars = OverlayScrollbars(osTargetRef.current, options);\n setOsInstance(nextOsInstance);\n }\n }, [osInstance]);\n\n return { propsWithDefault: props, globalAttrs, xStyledAttrs, osTargetRef };\n};\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,wBAAwB,gCAAgC,0BAA0B;AAE3F,OAAO,uBAAuB;AAC9B,SAAS,WAAW,QAAQ,gBAAgB;AAE5C,SAAS,sCAAsC;AAE/C,MAAM,UAAmB;AAAA,EACvB,YAAY;AAAA,IACV,UAAU;AAAA,IACV,eAAe;AAAA,EACjB;AACF;AASO,MAAM,YAAY,CAAC,UAAoD;AAC5E,QAAM,mBAAmB;AACzB,iCAA+B,kBAAkB,8BAA8B;AAC/E,QAAM,cAAc,uBAAuB,gBAAgB;AAC3D,QAAM,eAAe,mBAAmB,gBAAgB;AAExD,QAAM,CAAC,YAAY,aAAa,IAAI,SAA4B;AAChE,QAAM,cAAc,OAAuB,IAAI;AAE/C,YAAU,MAAM;AACd,QAAI,YAAY,SAAS;AACvB,YAAM,iBAAoC,kBAAkB,YAAY,SAAS,OAAO;AACxF,oBAAc,cAAc;AAAA,IAC9B;AAAA,EACF,GAAG,CAAC,UAAU,CAAC;AAEf,SAAO,EAAE,kBAAkB,OAAO,aAAa,cAAc,YAAY;AAC3E;",
6
6
  "names": []
7
7
  }
package/dist/esm/react-desc-prop-types.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { WeakValidationMap } from 'react';\nimport { globalAttributesPropTypes, xstyledPropTypes, GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\n\nexport declare namespace DSScrollableContainerT {\n interface OptionalProps {\n children?: React.ReactNode;\n }\n export interface Props extends OptionalProps, XstyledProps, GlobalAttributesT<HTMLDivElement> {}\n}\n\nexport const DSScrollableContainerPropTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,2BAA2B,wBAAyD;AAStF,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EACH,GAAG;AACL;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport type React from 'react';\nimport type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-utilities';\nimport { globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-utilities';\n\nexport declare namespace DSScrollableContainerT {\n interface OptionalProps {\n children?: React.ReactNode;\n }\n export interface Props extends OptionalProps, XstyledProps, GlobalAttributesT<HTMLDivElement> {}\n}\n\nexport const DSScrollableContainerPropTypes = {\n ...globalAttributesPropTypes,\n ...xstyledPropTypes,\n} as WeakValidationMap<unknown>;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,2BAA2B,wBAAwB;AASrD,MAAM,iCAAiC;AAAA,EAC5C,GAAG;AAAA,EACH,GAAG;AACL;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled.js CHANGED
@@ -1,11 +1,5 @@
1
1
  import * as React from "react";
2
- import {
3
- styled,
4
- layout,
5
- space,
6
- sizing,
7
- createGlobalStyle
8
- } from "@elliemae/ds-system";
2
+ import { styled, layout, space, sizing, createGlobalStyle } from "@elliemae/ds-system";
9
3
  import { DSScrollableContainerName, DSScrollableContainerSlots } from "./exported_related";
10
4
  const StyledOsHostWrapper = styled("div", {
11
5
  name: DSScrollableContainerName,
package/dist/esm/styled.js.map CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
4
- "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport {\n styled,\n layout,\n space,\n sizing,\n LayoutProps,\n SpaceProps,\n SizingProps,\n createGlobalStyle,\n} from '@elliemae/ds-system';\nimport { DSScrollableContainerName, DSScrollableContainerSlots } from './exported_related';\n\nexport const StyledOsHostWrapper = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.ROOT,\n})<LayoutProps & SpaceProps & SizingProps>`\n ${layout}\n ${space}\n ${sizing}\n`;\n\nexport const GlobalStyleScrollContainer = createGlobalStyle`\nhtml.os-html,\nhtml.os-html > .os-host {\n display: block;\n overflow: hidden;\n box-sizing: border-box;\n height: 100% !important;\n width: 100% !important;\n min-width: 100% !important;\n min-height: 100% !important;\n margin: 0 !important;\n position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nhtml.os-html > .os-host > .os-padding {\n position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nbody.os-dragging,\nbody.os-dragging * {\n cursor: default;\n}\n.os-host,\n .os-host-textarea {\n position: relative;\n overflow: visible !important;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-content: flex-start;\n align-items: flex-start;\n }\n #os-dummy-scrollbar-size {\n position: fixed;\n opacity: 0;\n visibility: hidden;\n overflow: scroll;\n height: 500px;\n width: 500px;\n }\n #os-dummy-scrollbar-size > div {\n width: 200%;\n height: 200%;\n margin: 10px 0;\n }\n #os-dummy-scrollbar-size:before,\n #os-dummy-scrollbar-size:after,\n .os-content:before,\n .os-content:after {\n content: '';\n display: table;\n width: 0.01px;\n height: 0.01px;\n line-height: 0;\n font-size: 0;\n flex-grow: 0;\n flex-shrink: 0;\n visibility: hidden;\n }\n #os-dummy-scrollbar-size,\n .os-viewport {\n -ms-overflow-style: scrollbar !important;\n }\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,\n .os-viewport-native-scrollbars-invisible.os-viewport {\n scrollbar-width: none !important;\n }\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,\n .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,\n .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n visibility: hidden !important;\n background: transparent !important;\n }\n .os-content-glue {\n box-sizing: inherit;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n pointer-events: none;\n }\n .os-padding {\n box-sizing: inherit;\n direction: inherit;\n position: absolute;\n overflow: visible;\n padding: 0;\n margin: 0;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n width: auto !important;\n height: auto !important;\n z-index: 0;\n }\n .os-host-overflow > .os-padding {\n overflow: hidden;\n }\n .os-viewport {\n direction: inherit !important;\n box-sizing: inherit !important;\n resize: none !important;\n outline: none !important;\n position: absolute;\n overflow: hidden;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n padding: 0;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n }\n .os-content-arrange {\n position: absolute;\n z-index: -1;\n min-height: 1px;\n min-width: 1px;\n pointer-events: none;\n }\n .os-content {\n direction: inherit;\n box-sizing: border-box !important;\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n height: 100%;\n width: 100%;\n visibility: visible;\n }\n .os-content > .os-textarea {\n box-sizing: border-box !important;\n direction: inherit !important;\n background: transparent !important;\n outline: 0 none transparent !important;\n overflow: hidden !important;\n position: absolute !important;\n display: block !important;\n top: 0 !important;\n left: 0 !important;\n margin: 0 !important;\n border-radius: 0 !important;\n float: none !important;\n filter: none !important;\n border: none !important;\n resize: none !important;\n transform: none !important;\n max-width: none !important;\n max-height: none !important;\n box-shadow: none !important;\n perspective: none !important;\n opacity: 1 !important;\n z-index: 1 !important;\n clip: auto !important;\n padding: 0;\n }\n .os-content > .os-textarea-cover {\n z-index: -1;\n pointer-events: none;\n }\n .os-content > .os-textarea[wrap='off'] {\n white-space: pre !important;\n margin: 0 !important;\n }\n .os-text-inherit {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n font-style: inherit;\n font-variant: inherit;\n text-transform: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-align: inherit;\n text-shadow: inherit;\n text-overflow: inherit;\n letter-spacing: inherit;\n word-spacing: inherit;\n line-height: inherit;\n unicode-bidi: inherit;\n direction: inherit;\n color: inherit;\n cursor: text;\n }\n .os-resize-observer,\n .os-resize-observer-host {\n box-sizing: inherit;\n display: block;\n visibility: hidden;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n .os-resize-observer-host {\n padding: inherit;\n border: inherit;\n border-color: transparent;\n border-style: solid;\n box-sizing: border-box;\n }\n .os-resize-observer-host.observed {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n .os-resize-observer-host > .os-resize-observer,\n .os-resize-observer-host.observed > .os-resize-observer {\n height: 200%;\n width: 200%;\n padding: inherit;\n border: inherit;\n margin: 0;\n display: block;\n box-sizing: content-box;\n }\n .os-resize-observer-host.observed > .os-resize-observer,\n .os-resize-observer-host.observed > .os-resize-observer:before {\n display: flex;\n position: relative;\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: auto;\n box-sizing: border-box;\n }\n .os-resize-observer-host.observed > .os-resize-observer:before {\n content: '';\n box-sizing: content-box;\n padding: inherit;\n border: inherit;\n margin: 0;\n }\n .os-size-auto-observer {\n box-sizing: inherit !important;\n height: 100%;\n width: inherit;\n max-width: 1px;\n position: relative;\n float: left;\n max-height: 1px;\n overflow: hidden;\n z-index: -1;\n padding: 0;\n margin: 0;\n pointer-events: none;\n flex-grow: inherit;\n flex-shrink: 0;\n flex-basis: 0;\n }\n .os-size-auto-observer > .os-resize-observer {\n width: 1000%;\n height: 1000%;\n min-height: 1px;\n min-width: 1px;\n }\n .os-resize-observer-item {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: hidden;\n z-index: -1;\n opacity: 0;\n direction: ltr !important;\n flex: none !important;\n }\n .os-resize-observer-item-final {\n position: absolute;\n left: 0;\n top: 0;\n transition: none !important;\n flex: none !important;\n }\n .os-resize-observer {\n animation-duration: 0.001s;\n animation-name: os-resize-observer-dummy-animation;\n }\n\n @-webkit-keyframes os-resize-observer-dummy-animation {\n from {\n z-index: 0;\n }\n to {\n z-index: -1;\n }\n }\n @keyframes os-resize-observer-dummy-animation {\n from {\n z-index: 0;\n }\n to {\n z-index: -1;\n }\n }\n .os-host-transition > .os-scrollbar,\n .os-host-transition > .os-scrollbar-corner {\n transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;\n }\n .os-scrollbar,\n .os-scrollbar-corner {\n position: absolute;\n opacity: 1;\n z-index: 1;\n }\n .os-scrollbar-corner {\n bottom: 0;\n right: 0;\n height: 10px;\n width: 10px;\n background-color: transparent;\n }\n .os-scrollbar {\n pointer-events: none;\n padding: 2px;\n box-sizing: border-box;\n background: transparent;\n }\n .os-scrollbar-track {\n pointer-events: auto;\n position: relative;\n height: 100%;\n width: 100%;\n padding: 0 !important;\n border: none !important;\n }\n .os-scrollbar-handle {\n pointer-events: auto;\n position: absolute;\n width: 100%;\n height: 100%;\n }\n .os-scrollbar-handle-off,\n .os-scrollbar-track-off {\n pointer-events: none;\n }\n .os-scrollbar.os-scrollbar-unusable,\n .os-scrollbar.os-scrollbar-unusable * {\n pointer-events: none !important;\n }\n .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {\n opacity: 0 !important;\n }\n .os-scrollbar-horizontal {\n bottom: 0;\n left: 0;\n right: 10px;\n height: 10px;\n }\n .os-scrollbar-vertical {\n top: 0;\n right: 0;\n bottom: 10px;\n width: 10px;\n }\n .os-scrollbar-auto-hidden,\n .os-padding + .os-scrollbar-corner,\n .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,\n .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,\n .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,\n .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,\n .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,\n .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,\n .os-scrollbar-horizontal.os-scrollbar-auto-hidden\n + .os-scrollbar-vertical.os-scrollbar-auto-hidden\n + .os-scrollbar-corner {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n .os-scrollbar-corner-resize-both {\n cursor: nwse-resize;\n }\n .os-scrollbar-corner-resize-horizontal {\n cursor: ew-resize;\n }\n .os-scrollbar-corner-resize-vertical {\n cursor: ns-resize;\n }\n .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {\n cursor: default;\n }\n .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {\n top: 0;\n bottom: 0;\n }\n .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {\n right: 0;\n left: 0;\n }\n .os-scrollbar:hover,\n .os-scrollbar-corner.os-scrollbar-corner-resize {\n opacity: 1 !important;\n visibility: visible !important;\n }\n .os-scrollbar-corner.os-scrollbar-corner-resize {\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);\n background-repeat: no-repeat;\n background-position: 100% 100%;\n pointer-events: auto !important;\n }\n .os-host-overflow {\n overflow: hidden !important;\n }\n .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {\n min-width: 30px;\n }\n .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {\n min-height: 30px;\n }\n .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n transition: background-color 0.3s;\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,\n .os-scrollbar > .os-scrollbar-track {\n border-radius: 10px;\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n background: rgba(0, 0, 0, 0.4);\n }\n .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {\n background: rgba(0, 0, 0, 0.55);\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {\n background: rgba(0, 0, 0, 0.7);\n }\n .os-scrollbar-horizontal .os-scrollbar-handle:before,\n .os-scrollbar-vertical .os-scrollbar-handle:before {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: block;\n }\n .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,\n .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {\n display: none;\n }\n .os-scrollbar-horizontal .os-scrollbar-handle:before {\n top: -6px;\n bottom: -2px;\n }\n .os-scrollbar-vertical .os-scrollbar-handle:before {\n left: -6px;\n right: -2px;\n }\n .os-scrollbar.os-scrollbar-unusable,\n .os-scrollbar > .os-scrollbar-track {\n background: transparent;\n }\n`;\n\nexport const StyledOsHost = styled('div', { name: DSScrollableContainerName, slot: DSScrollableContainerSlots.HOST })``;\n\nexport const StyledOsResizeObserverHost = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.RESIZE_OBSERVER_HOST,\n})``;\n\nexport const StyledOsPadding = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.PADDING,\n})``;\n\nexport const StyledOsViewport = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.VIEWPORT,\n})``;\n\nexport const StyledOsContent = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.CONTENT,\n})``;\n\nexport const StyledOsScrollbarHorizontal = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_HORIZONTAL,\n})``;\n\nexport const StyledOsScrollbarVertical = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_VERTICAL,\n})``;\n\nexport const StyledOsScrollbarTrack = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_TRACK,\n})``;\n\nexport const StyledOsScrollbarHandle = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_HANDLE,\n})`\n width: 6px;\n border: 1px solid rgba(0, 0, 0, 0);\n background-color: rgba(105, 116, 137, 0.5) !important;\n border-radius: 7px;\n\n :hover {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n\n :active {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n`;\n\nexport const StyledOsScrollbarCorner = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_CORNER,\n})``;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACCvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EAIA;AAAA,OACK;AACP,SAAS,2BAA2B,kCAAkC;AAE/D,MAAM,sBAAsB,OAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8cnC,MAAM,eAAe,OAAO,OAAO,EAAE,MAAM,2BAA2B,MAAM,2BAA2B,KAAK,CAAC;AAE7G,MAAM,6BAA6B,OAAO,OAAO;AAAA,EACtD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,8BAA8B,OAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,4BAA4B,OAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,0BAA0B,OAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM,MAAM,0BAA0B,OAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;",
4
+ "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable max-lines */\nimport type { LayoutProps, SpaceProps, SizingProps } from '@elliemae/ds-system';\nimport { styled, layout, space, sizing, createGlobalStyle } from '@elliemae/ds-system';\nimport { DSScrollableContainerName, DSScrollableContainerSlots } from './exported_related';\n\nexport const StyledOsHostWrapper = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.ROOT,\n})<LayoutProps & SpaceProps & SizingProps>`\n ${layout}\n ${space}\n ${sizing}\n`;\n\nexport const GlobalStyleScrollContainer = createGlobalStyle`\nhtml.os-html,\nhtml.os-html > .os-host {\n display: block;\n overflow: hidden;\n box-sizing: border-box;\n height: 100% !important;\n width: 100% !important;\n min-width: 100% !important;\n min-height: 100% !important;\n margin: 0 !important;\n position: absolute !important; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nhtml.os-html > .os-host > .os-padding {\n position: absolute; /* could be position: fixed; but it causes issues on iOS (-webkit-overflow-scrolling: touch) */\n}\nbody.os-dragging,\nbody.os-dragging * {\n cursor: default;\n}\n.os-host,\n .os-host-textarea {\n position: relative;\n overflow: visible !important;\n flex-direction: column;\n flex-wrap: nowrap;\n justify-content: flex-start;\n align-content: flex-start;\n align-items: flex-start;\n }\n #os-dummy-scrollbar-size {\n position: fixed;\n opacity: 0;\n visibility: hidden;\n overflow: scroll;\n height: 500px;\n width: 500px;\n }\n #os-dummy-scrollbar-size > div {\n width: 200%;\n height: 200%;\n margin: 10px 0;\n }\n #os-dummy-scrollbar-size:before,\n #os-dummy-scrollbar-size:after,\n .os-content:before,\n .os-content:after {\n content: '';\n display: table;\n width: 0.01px;\n height: 0.01px;\n line-height: 0;\n font-size: 0;\n flex-grow: 0;\n flex-shrink: 0;\n visibility: hidden;\n }\n #os-dummy-scrollbar-size,\n .os-viewport {\n -ms-overflow-style: scrollbar !important;\n }\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size,\n .os-viewport-native-scrollbars-invisible.os-viewport {\n scrollbar-width: none !important;\n }\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar,\n .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar,\n .os-viewport-native-scrollbars-invisible#os-dummy-scrollbar-size::-webkit-scrollbar-corner,\n .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner {\n display: none !important;\n width: 0 !important;\n height: 0 !important;\n visibility: hidden !important;\n background: transparent !important;\n }\n .os-content-glue {\n box-sizing: inherit;\n max-height: 100%;\n max-width: 100%;\n width: 100%;\n pointer-events: none;\n }\n .os-padding {\n box-sizing: inherit;\n direction: inherit;\n position: absolute;\n overflow: visible;\n padding: 0;\n margin: 0;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n width: auto !important;\n height: auto !important;\n z-index: 0;\n }\n .os-host-overflow > .os-padding {\n overflow: hidden;\n }\n .os-viewport {\n direction: inherit !important;\n box-sizing: inherit !important;\n resize: none !important;\n outline: none !important;\n position: absolute;\n overflow: hidden;\n top: 0;\n left: 0;\n bottom: 0;\n right: 0;\n padding: 0;\n margin: 0;\n -webkit-overflow-scrolling: touch;\n }\n .os-content-arrange {\n position: absolute;\n z-index: -1;\n min-height: 1px;\n min-width: 1px;\n pointer-events: none;\n }\n .os-content {\n direction: inherit;\n box-sizing: border-box !important;\n position: relative;\n display: block;\n height: 100%;\n width: 100%;\n height: 100%;\n width: 100%;\n visibility: visible;\n }\n .os-content > .os-textarea {\n box-sizing: border-box !important;\n direction: inherit !important;\n background: transparent !important;\n outline: 0 none transparent !important;\n overflow: hidden !important;\n position: absolute !important;\n display: block !important;\n top: 0 !important;\n left: 0 !important;\n margin: 0 !important;\n border-radius: 0 !important;\n float: none !important;\n filter: none !important;\n border: none !important;\n resize: none !important;\n transform: none !important;\n max-width: none !important;\n max-height: none !important;\n box-shadow: none !important;\n perspective: none !important;\n opacity: 1 !important;\n z-index: 1 !important;\n clip: auto !important;\n padding: 0;\n }\n .os-content > .os-textarea-cover {\n z-index: -1;\n pointer-events: none;\n }\n .os-content > .os-textarea[wrap='off'] {\n white-space: pre !important;\n margin: 0 !important;\n }\n .os-text-inherit {\n font-family: inherit;\n font-size: inherit;\n font-weight: inherit;\n font-style: inherit;\n font-variant: inherit;\n text-transform: inherit;\n text-decoration: inherit;\n text-indent: inherit;\n text-align: inherit;\n text-shadow: inherit;\n text-overflow: inherit;\n letter-spacing: inherit;\n word-spacing: inherit;\n line-height: inherit;\n unicode-bidi: inherit;\n direction: inherit;\n color: inherit;\n cursor: text;\n }\n .os-resize-observer,\n .os-resize-observer-host {\n box-sizing: inherit;\n display: block;\n visibility: hidden;\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 100%;\n overflow: hidden;\n pointer-events: none;\n z-index: -1;\n }\n .os-resize-observer-host {\n padding: inherit;\n border: inherit;\n border-color: transparent;\n border-style: solid;\n box-sizing: border-box;\n }\n .os-resize-observer-host.observed {\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: flex-start;\n }\n .os-resize-observer-host > .os-resize-observer,\n .os-resize-observer-host.observed > .os-resize-observer {\n height: 200%;\n width: 200%;\n padding: inherit;\n border: inherit;\n margin: 0;\n display: block;\n box-sizing: content-box;\n }\n .os-resize-observer-host.observed > .os-resize-observer,\n .os-resize-observer-host.observed > .os-resize-observer:before {\n display: flex;\n position: relative;\n flex-grow: 1;\n flex-shrink: 0;\n flex-basis: auto;\n box-sizing: border-box;\n }\n .os-resize-observer-host.observed > .os-resize-observer:before {\n content: '';\n box-sizing: content-box;\n padding: inherit;\n border: inherit;\n margin: 0;\n }\n .os-size-auto-observer {\n box-sizing: inherit !important;\n height: 100%;\n width: inherit;\n max-width: 1px;\n position: relative;\n float: left;\n max-height: 1px;\n overflow: hidden;\n z-index: -1;\n padding: 0;\n margin: 0;\n pointer-events: none;\n flex-grow: inherit;\n flex-shrink: 0;\n flex-basis: 0;\n }\n .os-size-auto-observer > .os-resize-observer {\n width: 1000%;\n height: 1000%;\n min-height: 1px;\n min-width: 1px;\n }\n .os-resize-observer-item {\n position: absolute;\n top: 0;\n right: 0;\n bottom: 0;\n left: 0;\n overflow: hidden;\n z-index: -1;\n opacity: 0;\n direction: ltr !important;\n flex: none !important;\n }\n .os-resize-observer-item-final {\n position: absolute;\n left: 0;\n top: 0;\n transition: none !important;\n flex: none !important;\n }\n .os-resize-observer {\n animation-duration: 0.001s;\n animation-name: os-resize-observer-dummy-animation;\n }\n\n @-webkit-keyframes os-resize-observer-dummy-animation {\n from {\n z-index: 0;\n }\n to {\n z-index: -1;\n }\n }\n @keyframes os-resize-observer-dummy-animation {\n from {\n z-index: 0;\n }\n to {\n z-index: -1;\n }\n }\n .os-host-transition > .os-scrollbar,\n .os-host-transition > .os-scrollbar-corner {\n transition: opacity 0.3s, visibility 0.3s, top 0.3s, right 0.3s, bottom 0.3s, left 0.3s;\n }\n .os-scrollbar,\n .os-scrollbar-corner {\n position: absolute;\n opacity: 1;\n z-index: 1;\n }\n .os-scrollbar-corner {\n bottom: 0;\n right: 0;\n height: 10px;\n width: 10px;\n background-color: transparent;\n }\n .os-scrollbar {\n pointer-events: none;\n padding: 2px;\n box-sizing: border-box;\n background: transparent;\n }\n .os-scrollbar-track {\n pointer-events: auto;\n position: relative;\n height: 100%;\n width: 100%;\n padding: 0 !important;\n border: none !important;\n }\n .os-scrollbar-handle {\n pointer-events: auto;\n position: absolute;\n width: 100%;\n height: 100%;\n }\n .os-scrollbar-handle-off,\n .os-scrollbar-track-off {\n pointer-events: none;\n }\n .os-scrollbar.os-scrollbar-unusable,\n .os-scrollbar.os-scrollbar-unusable * {\n pointer-events: none !important;\n }\n .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle {\n opacity: 0 !important;\n }\n .os-scrollbar-horizontal {\n bottom: 0;\n left: 0;\n right: 10px;\n height: 10px;\n }\n .os-scrollbar-vertical {\n top: 0;\n right: 0;\n bottom: 10px;\n width: 10px;\n }\n .os-scrollbar-auto-hidden,\n .os-padding + .os-scrollbar-corner,\n .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner,\n .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal,\n .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner,\n .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical,\n .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner,\n .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner,\n .os-scrollbar-horizontal.os-scrollbar-auto-hidden\n + .os-scrollbar-vertical.os-scrollbar-auto-hidden\n + .os-scrollbar-corner {\n opacity: 0;\n visibility: hidden;\n pointer-events: none;\n }\n .os-scrollbar-corner-resize-both {\n cursor: nwse-resize;\n }\n .os-scrollbar-corner-resize-horizontal {\n cursor: ew-resize;\n }\n .os-scrollbar-corner-resize-vertical {\n cursor: ns-resize;\n }\n .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize {\n cursor: default;\n }\n .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical {\n top: 0;\n bottom: 0;\n }\n .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal {\n right: 0;\n left: 0;\n }\n .os-scrollbar:hover,\n .os-scrollbar-corner.os-scrollbar-corner-resize {\n opacity: 1 !important;\n visibility: visible !important;\n }\n .os-scrollbar-corner.os-scrollbar-corner-resize {\n background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+);\n background-repeat: no-repeat;\n background-position: 100% 100%;\n pointer-events: auto !important;\n }\n .os-host-overflow {\n overflow: hidden !important;\n }\n .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle {\n min-width: 30px;\n }\n .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle {\n min-height: 30px;\n }\n .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n transition: background-color 0.3s;\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle,\n .os-scrollbar > .os-scrollbar-track {\n border-radius: 10px;\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle {\n background: rgba(0, 0, 0, 0.4);\n }\n .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle {\n background: rgba(0, 0, 0, 0.55);\n }\n .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active {\n background: rgba(0, 0, 0, 0.7);\n }\n .os-scrollbar-horizontal .os-scrollbar-handle:before,\n .os-scrollbar-vertical .os-scrollbar-handle:before {\n content: '';\n position: absolute;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n display: block;\n }\n .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before,\n .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before {\n display: none;\n }\n .os-scrollbar-horizontal .os-scrollbar-handle:before {\n top: -6px;\n bottom: -2px;\n }\n .os-scrollbar-vertical .os-scrollbar-handle:before {\n left: -6px;\n right: -2px;\n }\n .os-scrollbar.os-scrollbar-unusable,\n .os-scrollbar > .os-scrollbar-track {\n background: transparent;\n }\n`;\n\nexport const StyledOsHost = styled('div', { name: DSScrollableContainerName, slot: DSScrollableContainerSlots.HOST })``;\n\nexport const StyledOsResizeObserverHost = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.RESIZE_OBSERVER_HOST,\n})``;\n\nexport const StyledOsPadding = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.PADDING,\n})``;\n\nexport const StyledOsViewport = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.VIEWPORT,\n})``;\n\nexport const StyledOsContent = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.CONTENT,\n})``;\n\nexport const StyledOsScrollbarHorizontal = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_HORIZONTAL,\n})``;\n\nexport const StyledOsScrollbarVertical = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_VERTICAL,\n})``;\n\nexport const StyledOsScrollbarTrack = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_TRACK,\n})``;\n\nexport const StyledOsScrollbarHandle = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_HANDLE,\n})`\n width: 6px;\n border: 1px solid rgba(0, 0, 0, 0);\n background-color: rgba(105, 116, 137, 0.5) !important;\n border-radius: 7px;\n\n :hover {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n\n :active {\n background-color: rgba(105, 116, 137, 0.7) !important;\n }\n`;\n\nexport const StyledOsScrollbarCorner = styled('div', {\n name: DSScrollableContainerName,\n slot: DSScrollableContainerSlots.SCROLLBAR_CORNER,\n})``;\n"],
5
+ "mappings": "AAAA,YAAY,WAAW;ACEvB,SAAS,QAAQ,QAAQ,OAAO,QAAQ,yBAAyB;AACjE,SAAS,2BAA2B,kCAAkC;AAE/D,MAAM,sBAAsB,OAAO,OAAO;AAAA,EAC/C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAAA,IACG;AAAA,IACA;AAAA,IACA;AAAA;AAGG,MAAM,6BAA6B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA8cnC,MAAM,eAAe,OAAO,OAAO,EAAE,MAAM,2BAA2B,MAAM,2BAA2B,KAAK,CAAC;AAE7G,MAAM,6BAA6B,OAAO,OAAO;AAAA,EACtD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,mBAAmB,OAAO,OAAO;AAAA,EAC5C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,kBAAkB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,8BAA8B,OAAO,OAAO;AAAA,EACvD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,4BAA4B,OAAO,OAAO;AAAA,EACrD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAClD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAEM,MAAM,0BAA0B,OAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAeM,MAAM,0BAA0B,OAAO,OAAO;AAAA,EACnD,MAAM;AAAA,EACN,MAAM,2BAA2B;AACnC,CAAC;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-scrollable-container",
3
- "version": "3.11.1-rc.1",
3
+ "version": "3.12.0-next.0",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Scrollable Container",
6
6
  "files": [
@@ -35,12 +35,9 @@
35
35
  "indent": 4
36
36
  },
37
37
  "dependencies": {
38
- "@elliemae/ds-system": "3.11.1-rc.1",
39
- "@elliemae/ds-utilities": "3.11.1-rc.1"
40
- },
41
- "devDependencies": {
42
- "@testing-library/jest-dom": "~5.16.4",
43
- "@testing-library/react": "~12.1.3"
38
+ "@elliemae/ds-system": "3.12.0-next.0",
39
+ "@elliemae/ds-utilities": "3.12.0-next.0",
40
+ "overlayscrollbars": "1.13.3"
44
41
  },
45
42
  "peerDependencies": {
46
43
  "react": "^17.0.2",
@@ -55,8 +52,11 @@
55
52
  "dev": "cross-env NODE_ENV=development node ../../scripts/build/build.mjs --watch",
56
53
  "test": "node ../../scripts/testing/test.mjs",
57
54
  "lint": "node ../../scripts/lint.mjs",
55
+ "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../.eslintrc.js' src/",
58
56
  "dts": "node ../../scripts/dts.mjs",
59
57
  "build": "cross-env NODE_ENV=production node ../../scripts/build/build.mjs",
58
+ "dev:build": "pnpm --filter {.}... build && pnpm --filter {.}... dts",
59
+ "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
60
60
  "checkDeps": "npx -yes ../ds-codemods check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
61
61
  }
62
62
  }